util: revert to wrapping instead of subclassing Sistyl

Sistyl's .set method is recursive, so we'd end up clearing and
resetting timeouts a _lot_ by overriding it.

Author: René Kooi

src/util/Style.js

@@ -7,9 +7,9 @@ define(function (require, exports, module) {
   const popoutView = require('plug/views/rooms/popout/PopoutView');
 
   // hack to get plug.dj-like Class inheritance on a not-plug.dj-like Class
-  const Style = Class.extend.call(Sistyl, {
+  const Style = Class.extend({
     init(defaults) {
-      Sistyl.call(this, defaults);
+      this._sistyl = new Sistyl(defaults);
       this._timeout = null;
 
       this.refresh = this.refresh.bind(this);
@@ -34,20 +34,33 @@ define(function (require, exports, module) {
     },
 
     set(sel, props) {
-      this._super(sel, props);
+      this._sistyl.set(sel, props);
 
       // throttle updates
       clearTimeout(this._timeout);
       this._timeout = setTimeout(this.refresh, 1);
       return this;
     },
 
+    unset(sel, prop) {
+      this._sistyl.unset(sel, prop);
+      return this;
+    },
+
+    rulesets() {
+      return this._sistyl.rulesets();
+    },
+
     refresh() {
       this.$().text(this.toString());
     },
 
     remove() {
       this.$().remove();
+    },
+
+    toString() {
+      return this._sistyl.toString();
     }
 
   });