dockview 1.15.0 → 1.15.2

package/dist/dockview.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview
- * @version 1.15.0
+ * @version 1.15.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2798,7 +2798,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           this.doSetGroupActive(next);
       }
       layout(width, height, forceResize) {
-          const different = forceResize !== null && forceResize !== void 0 ? forceResize : (width !== this.width || height !== this.height);
+          const different = forceResize || width !== this.width || height !== this.height;
           if (!different) {
               return;
           }
@@ -3271,6 +3271,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
       get totalPanels() {
           return this.component.totalPanels;
       }
+      get gap() {
+          return this.component.gap;
+      }
       /**
        * Invoked when the active group changes. May be undefined if no group is active.
        */
@@ -7200,6 +7203,9 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
       get api() {
           return this._api;
       }
+      get gap() {
+          return this.gridview.margin;
+      }
       constructor(options) {
           var _a;
           super({
@@ -7369,7 +7375,7 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           var _a, _b, _c;
           if (itemToPopout instanceof DockviewPanel &&
               itemToPopout.group.size === 1) {
-              return this.addPopoutGroup(itemToPopout.group);
+              return this.addPopoutGroup(itemToPopout.group, options);
           }
           const theme = getDockviewTheme(this.gridview.element);
           const element = this.element;
@@ -7587,14 +7593,14 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
                   else {
                       result.top = DEFAULT_FLOATING_GROUP_POSITION.top;
                   }
-                  if ('width' in options.position) {
-                      result.width = Math.max(options.position.width, 0);
+                  if (typeof options.width === 'number') {
+                      result.width = Math.max(options.width, 0);
                   }
                   else {
                       result.width = DEFAULT_FLOATING_GROUP_POSITION.width;
                   }
-                  if ('height' in options.position) {
-                      result.height = Math.max(options.position.height, 0);
+                  if (typeof options.height === 'number') {
+                      result.height = Math.max(options.height, 0);
                   }
                   else {
                       result.height = DEFAULT_FLOATING_GROUP_POSITION.height;
@@ -7725,7 +7731,10 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
           if (changed_rootOverlayOptions) {
               this._rootDropTarget.setOverlayModel(options.rootOverlayModel);
           }
-          if (this.gridview.margin !== 0 && options.gap === undefined) {
+          if (
+          //  if explicitly set as `undefined`
+          'gap' in options &&
+              options.gap === undefined) {
               this.gridview.margin = 0;
           }
           if (typeof options.gap === 'number') {
@@ -8026,11 +8035,11 @@ define(['exports', 'react', 'react-dom'], (function (exports, React, ReactDOM) {
               if (options.floating) {
                   const group = this.createGroup();
                   this._onDidAddGroup.fire(group);
-                  const o = typeof options.floating === 'object' &&
+                  const floatingGroupOptions = typeof options.floating === 'object' &&
                       options.floating !== null
                       ? options.floating
                       : {};
-                  this.addFloatingGroup(group, Object.assign(Object.assign({}, o), { inDragMode: false, skipRemoveGroup: true, skipActiveGroup: true }));
+                  this.addFloatingGroup(group, Object.assign(Object.assign({}, floatingGroupOptions), { inDragMode: false, skipRemoveGroup: true, skipActiveGroup: true }));
                   panel = this.createPanel(options, group);
                   group.model.openPanel(panel, {
                       skipSetActive: options.inactive,