dockview-react 1.16.0 → 1.16.1

package/dist/dockview-react.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 1.16.0
+ * @version 1.16.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2675,6 +2675,7 @@
             this.gridview.locked = value;
         }
         constructor(options) {
+            var _a, _b;
             super(document.createElement('div'), options.disableAutoResizing);
             this._id = nextLayoutId$1.next();
             this._groups = new Map();
@@ -2688,10 +2689,12 @@
             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);
@@ -2716,6 +2719,18 @@
         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);
@@ -7781,6 +7796,7 @@
         }
         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 &&
@@ -8725,6 +8741,7 @@
             }
         }
         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);
@@ -8992,6 +9009,7 @@
                 : this.splitview.orthogonalSize;
         }
         constructor(parentElement, options) {
+            var _a, _b;
             super(parentElement, options.disableAutoResizing);
             this._splitviewChangeDisposable = new MutableDisposable();
             this._panels = new Map();
@@ -9003,8 +9021,10 @@
             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) {
@@ -9017,6 +9037,16 @@
             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);
@@ -9319,6 +9349,7 @@
             return this._options;
         }
         constructor(parentElement, options) {
+            var _a, _b;
             super(parentElement, options.disableAutoResizing);
             this._id = nextLayoutId.next();
             this._disposable = new MutableDisposable();
@@ -9333,10 +9364,12 @@
             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 = {};
@@ -9358,6 +9391,16 @@
             //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) {