dockview-react 1.15.0 → 1.15.2

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

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 1.15.0
+ * @version 1.15.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2768,7 +2768,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;
             }
@@ -3241,6 +3241,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.
          */
@@ -7170,6 +7173,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({
@@ -7339,7 +7345,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;
@@ -7557,14 +7563,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;
@@ -7695,7 +7701,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') {
@@ -7996,11 +8005,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,