dockview-react 1.16.0 → 1.16.1

package/dist/dockview-react.amd.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 1.16.0
+ * @version 1.16.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2671,6 +2671,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             this.gridview.locked = value;
         }
         constructor(options) {
+            var _a, _b;
             super(document.createElement('div'), options.disableAutoResizing);
             this._id = nextLayoutId$1.next();
             this._groups = new Map();
@@ -2684,10 +2685,12 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             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);
@@ -2712,6 +2715,18 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         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);
@@ -7777,6 +7792,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
         }
         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 &&
@@ -8721,6 +8737,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             }
         }
         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);
@@ -8988,6 +9005,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                 : this.splitview.orthogonalSize;
         }
         constructor(parentElement, options) {
+            var _a, _b;
             super(parentElement, options.disableAutoResizing);
             this._splitviewChangeDisposable = new MutableDisposable();
             this._panels = new Map();
@@ -8999,8 +9017,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             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) {
@@ -9013,6 +9033,16 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             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);
@@ -9315,6 +9345,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             return this._options;
         }
         constructor(parentElement, options) {
+            var _a, _b;
             super(parentElement, options.disableAutoResizing);
             this._id = nextLayoutId.next();
             this._disposable = new MutableDisposable();
@@ -9329,10 +9360,12 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             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 = {};
@@ -9354,6 +9387,16 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
             //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) {