dockview-core 1.15.3 → 1.16.1

package/dist/cjs/splitview/splitviewComponent.js

@@ -25,6 +25,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -41,17 +52,6 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SplitviewComponent = void 0;
 var lifecycle_1 = require("../lifecycle");
@@ -59,13 +59,16 @@ var splitview_1 = require("./splitview");
 var events_1 = require("../events");
 var componentFactory_1 = require("../panel/componentFactory");
 var resizable_1 = require("../resizable");
+var dom_1 = require("../dom");
 /**
  * A high-level implementation of splitview that works using 'panels'
  */
 var SplitviewComponent = /** @class */ (function (_super) {
     __extends(SplitviewComponent, _super);
-    function SplitviewComponent(options) {
-        var _this = _super.call(this, options.parentElement, options.disableAutoResizing) || this;
+    function SplitviewComponent(parentElement, options) {
+        var e_1, _a;
+        var _b, _c;
+        var _this = _super.call(this, parentElement, options.disableAutoResizing) || this;
         _this._splitviewChangeDisposable = new lifecycle_1.MutableDisposable();
         _this._panels = new Map();
         _this._onDidLayoutfromJSON = new events_1.Emitter();
@@ -76,6 +79,21 @@ var SplitviewComponent = /** @class */ (function (_super) {
         _this.onDidRemoveView = _this._onDidRemoveView.event;
         _this._onDidLayoutChange = new events_1.Emitter();
         _this.onDidLayoutChange = _this._onDidLayoutChange.event;
+        _this.classNames = [];
+        _this.classNames = (_c = (_b = options.className) === null || _b === void 0 ? void 0 : _b.split(' ')) !== null && _c !== void 0 ? _c : [];
+        try {
+            for (var _d = __values(_this.classNames), _e = _d.next(); !_e.done; _e = _d.next()) {
+                var className = _e.value;
+                (0, dom_1.toggleClass)(_this.element, className, true);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
         _this._options = options;
         if (!options.components) {
             options.components = {};
@@ -164,6 +182,37 @@ var SplitviewComponent = /** @class */ (function (_super) {
         configurable: true
     });
     SplitviewComponent.prototype.updateOptions = function (options) {
+        var e_2, _a, e_3, _b;
+        var _c, _d;
+        if ('className' in options) {
+            try {
+                for (var _e = __values(this.classNames), _f = _e.next(); !_f.done; _f = _e.next()) {
+                    var className = _f.value;
+                    (0, dom_1.toggleClass)(this.element, className, false);
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            this.classNames = (_d = (_c = options.className) === null || _c === void 0 ? void 0 : _c.split(' ')) !== null && _d !== void 0 ? _d : [];
+            try {
+                for (var _g = __values(this.classNames), _h = _g.next(); !_h.done; _h = _g.next()) {
+                    var className = _h.value;
+                    (0, dom_1.toggleClass)(this.element, className, true);
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
+        }
         var hasOrientationChanged = typeof options.orientation === 'string' &&
             this.options.orientation !== options.orientation;
         this._options = __assign(__assign({}, this.options), options);
@@ -336,19 +385,19 @@ var SplitviewComponent = /** @class */ (function (_super) {
         this._onDidLayoutfromJSON.fire();
     };
     SplitviewComponent.prototype.clear = function () {
-        var e_1, _a;
+        var e_4, _a;
         try {
             for (var _b = __values(this._panels.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var disposable = _c.value;
                 disposable.dispose();
             }
         }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_1) throw e_1.error; }
+            finally { if (e_4) throw e_4.error; }
         }
         this._panels.clear();
         while (this.splitview.length > 0) {
@@ -357,19 +406,19 @@ var SplitviewComponent = /** @class */ (function (_super) {
         }
     };
     SplitviewComponent.prototype.dispose = function () {
-        var e_2, _a, e_3, _b;
+        var e_5, _a, e_6, _b;
         try {
             for (var _c = __values(this._panels.values()), _d = _c.next(); !_d.done; _d = _c.next()) {
                 var disposable = _d.value;
                 disposable.dispose();
             }
         }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        catch (e_5_1) { e_5 = { error: e_5_1 }; }
         finally {
             try {
                 if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
             }
-            finally { if (e_2) throw e_2.error; }
+            finally { if (e_5) throw e_5.error; }
         }
         this._panels.clear();
         var views = this.splitview.getViews();
@@ -381,12 +430,12 @@ var SplitviewComponent = /** @class */ (function (_super) {
                 view.dispose();
             }
         }
-        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        catch (e_6_1) { e_6 = { error: e_6_1 }; }
         finally {
             try {
                 if (views_1_1 && !views_1_1.done && (_b = views_1.return)) _b.call(views_1);
             }
-            finally { if (e_3) throw e_3.error; }
+            finally { if (e_6) throw e_6.error; }
         }
         _super.prototype.dispose.call(this);
     };