dockview-react 1.16.0 → 1.16.1

package/dist/dockview-react.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 1.16.0
+ * @version 1.16.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2704,6 +2704,7 @@ class BaseGrid extends Resizable {
         this.gridview.locked = value;
     }
     constructor(options) {
+        var _a, _b;
         super(document.createElement('div'), options.disableAutoResizing);
         this._id = nextLayoutId$1.next();
         this._groups = new Map();
@@ -2717,10 +2718,12 @@ class BaseGrid extends Resizable {
         this.onDidLayoutChange = this._bufferOnDidLayoutChange.onEvent;
         this._onDidViewVisibilityChangeMicroTaskQueue = new AsapEvent();
         this.onDidViewVisibilityChangeMicroTaskQueue = this._onDidViewVisibilityChangeMicroTaskQueue.onEvent;
+        this.classNames = [];
         this.element.style.height = '100%';
         this.element.style.width = '100%';
-        if (typeof options.className === 'string') {
-            this.element.classList.add(options.className);
+        this.classNames = (_b = (_a = options.className) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : [];
+        for (const className of this.classNames) {
+            toggleClass(this.element, className, true);
         }
         options.parentElement.appendChild(this.element);
         this.gridview = new Gridview(!!options.proportionalLayout, options.styles, options.orientation, options.locked, options.margin);
@@ -2745,6 +2748,18 @@ class BaseGrid extends Resizable {
     isVisible(panel) {
         return this.gridview.isViewVisible(getGridLocation(panel.element));
     }
+    updateOptions(options) {
+        var _a, _b;
+        if ('className' in options) {
+            for (const className of this.classNames) {
+                toggleClass(this.element, className, false);
+            }
+            this.classNames = (_b = (_a = options.className) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : [];
+            for (const className of this.classNames) {
+                toggleClass(this.element, className, true);
+            }
+        }
+    }
     maximizeGroup(panel) {
         this.gridview.maximizeView(panel);
         this.doSetGroupActive(panel);
@@ -7810,6 +7825,7 @@ class DockviewComponent extends BaseGrid {
     }
     updateOptions(options) {
         var _a, _b;
+        super.updateOptions(options);
         const changed_floatingGroupBounds = 'floatingGroupBounds' in options &&
             options.floatingGroupBounds !== this.options.floatingGroupBounds;
         const changed_rootOverlayOptions = 'rootOverlayModel' in options &&
@@ -8754,6 +8770,7 @@ class GridviewComponent extends BaseGrid {
         }
     }
     updateOptions(options) {
+        super.updateOptions(options);
         const hasOrientationChanged = typeof options.orientation === 'string' &&
             this.gridview.orientation !== options.orientation;
         this._options = Object.assign(Object.assign({}, this.options), options);
@@ -9021,6 +9038,7 @@ class SplitviewComponent extends Resizable {
             : this.splitview.orthogonalSize;
     }
     constructor(parentElement, options) {
+        var _a, _b;
         super(parentElement, options.disableAutoResizing);
         this._splitviewChangeDisposable = new MutableDisposable();
         this._panels = new Map();
@@ -9032,8 +9050,10 @@ class SplitviewComponent extends Resizable {
         this.onDidRemoveView = this._onDidRemoveView.event;
         this._onDidLayoutChange = new Emitter();
         this.onDidLayoutChange = this._onDidLayoutChange.event;
-        if (typeof options.className === 'string') {
-            this.element.classList.add(options.className);
+        this.classNames = [];
+        this.classNames = (_b = (_a = options.className) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : [];
+        for (const className of this.classNames) {
+            toggleClass(this.element, className, true);
         }
         this._options = options;
         if (!options.components) {
@@ -9046,6 +9066,16 @@ class SplitviewComponent extends Resizable {
         this.addDisposables(this._onDidAddView, this._onDidLayoutfromJSON, this._onDidRemoveView, this._onDidLayoutChange);
     }
     updateOptions(options) {
+        var _a, _b;
+        if ('className' in options) {
+            for (const className of this.classNames) {
+                toggleClass(this.element, className, false);
+            }
+            this.classNames = (_b = (_a = options.className) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : [];
+            for (const className of this.classNames) {
+                toggleClass(this.element, className, true);
+            }
+        }
         const hasOrientationChanged = typeof options.orientation === 'string' &&
             this.options.orientation !== options.orientation;
         this._options = Object.assign(Object.assign({}, this.options), options);
@@ -9348,6 +9378,7 @@ class PaneviewComponent extends Resizable {
         return this._options;
     }
     constructor(parentElement, options) {
+        var _a, _b;
         super(parentElement, options.disableAutoResizing);
         this._id = nextLayoutId.next();
         this._disposable = new MutableDisposable();
@@ -9362,10 +9393,12 @@ class PaneviewComponent extends Resizable {
         this.onDidAddView = this._onDidAddView.event;
         this._onDidRemoveView = new Emitter();
         this.onDidRemoveView = this._onDidRemoveView.event;
-        if (typeof options.className === 'string') {
-            this.element.classList.add(options.className);
-        }
+        this.classNames = [];
         this.addDisposables(this._onDidLayoutChange, this._onDidLayoutfromJSON, this._onDidDrop, this._onDidAddView, this._onDidRemoveView);
+        this.classNames = (_b = (_a = options.className) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : [];
+        for (const className of this.classNames) {
+            toggleClass(this.element, className, true);
+        }
         this._options = options;
         if (!options.components) {
             options.components = {};
@@ -9387,6 +9420,16 @@ class PaneviewComponent extends Resizable {
         //noop
     }
     updateOptions(options) {
+        var _a, _b;
+        if ('className' in options) {
+            for (const className of this.classNames) {
+                toggleClass(this.element, className, false);
+            }
+            this.classNames = (_b = (_a = options.className) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : [];
+            for (const className of this.classNames) {
+                toggleClass(this.element, className, true);
+            }
+        }
         this._options = Object.assign(Object.assign({}, this.options), options);
     }
     addPanel(options) {