dockview 1.16.0 → 1.16.1

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.16.0
+ * @version 1.16.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2701,6 +2701,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();
@@ -2714,10 +2715,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);
@@ -2742,6 +2745,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);
@@ -7807,6 +7822,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 &&
@@ -8751,6 +8767,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);
@@ -9018,6 +9035,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();
@@ -9029,8 +9047,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) {
@@ -9043,6 +9063,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);
@@ -9345,6 +9375,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();
@@ -9359,10 +9390,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 = {};
@@ -9384,6 +9417,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) {