dockview-react 1.15.0 → 1.15.2

package/dist/dockview-react.esm.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 1.15.0
+ * @version 1.15.2
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -2799,7 +2799,7 @@ class BaseGrid extends Resizable {
         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;
         }
@@ -3272,6 +3272,9 @@ class DockviewApi {
     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.
      */
@@ -7201,6 +7204,9 @@ class DockviewComponent extends BaseGrid {
     get api() {
         return this._api;
     }
+    get gap() {
+        return this.gridview.margin;
+    }
     constructor(options) {
         var _a;
         super({
@@ -7370,7 +7376,7 @@ class DockviewComponent extends BaseGrid {
         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;
@@ -7588,14 +7594,14 @@ class DockviewComponent extends BaseGrid {
                 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;
@@ -7726,7 +7732,10 @@ class DockviewComponent extends BaseGrid {
         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') {
@@ -8027,11 +8036,11 @@ class DockviewComponent extends BaseGrid {
             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,