dockview-core 1.15.0 → 1.15.1

package/dist/cjs/api/component.api.d.ts

@@ -330,6 +330,7 @@ export declare class DockviewApi implements CommonApi<SerializedDockview> {
      * Total number of panels.
      */
     get totalPanels(): number;
+    get gap(): number;
     /**
      * Invoked when the active group changes. May be undefined if no group is active.
      */

package/dist/cjs/api/component.api.js

@@ -649,6 +649,13 @@ var DockviewApi = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(DockviewApi.prototype, "gap", {
+        get: function () {
+            return this.component.gap;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DockviewApi.prototype, "onDidActiveGroupChange", {
         /**
          * Invoked when the active group changes. May be undefined if no group is active.

package/dist/cjs/dockview/dockviewComponent.d.ts

@@ -11,7 +11,7 @@ import { GroupOptions, GroupPanelViewState, DockviewDidDropEvent, DockviewWillDr
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { Parameters } from '../panel/types';
 import { GroupDragEvent, TabDragEvent } from './components/titlebar/tabsContainer';
-import { AnchoredBox, Box } from '../types';
+import { AnchoredBox, AnchorPosition, Box } from '../types';
 import { DockviewPanelRenderer, OverlayRenderContainer } from '../overlayRenderContainer';
 export interface PanelReference {
     update: (event: {
@@ -71,7 +71,9 @@ export interface FloatingGroupOptions {
     y?: number;
     height?: number;
     width?: number;
-    position?: AnchoredBox;
+    position?: AnchorPosition;
+}
+export interface FloatingGroupOptionsInternal extends FloatingGroupOptions {
     skipRemoveGroup?: boolean;
     inDragMode?: boolean;
     skipActiveGroup?: boolean;
@@ -81,6 +83,7 @@ export interface IDockviewComponent extends IBaseGrid<DockviewGroupPanel> {
     readonly totalPanels: number;
     readonly panels: IDockviewPanel[];
     readonly orientation: Orientation;
+    readonly gap: number;
     readonly onDidDrop: Event<DockviewDidDropEvent>;
     readonly onWillDrop: Event<DockviewWillDropEvent>;
     readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
@@ -172,6 +175,7 @@ export declare class DockviewComponent extends BaseGrid<DockviewGroupPanel> impl
     get activePanel(): IDockviewPanel | undefined;
     get renderer(): DockviewPanelRenderer;
     get api(): DockviewApi;
+    get gap(): number;
     constructor(options: DockviewComponentOptions);
     addPopoutGroup(itemToPopout: DockviewPanel | DockviewGroupPanel, options?: {
         skipRemoveGroup?: boolean;
@@ -187,7 +191,7 @@ export declare class DockviewComponent extends BaseGrid<DockviewGroupPanel> impl
         }) => void;
         overridePopoutGroup?: DockviewGroupPanel;
     }): Promise<void>;
-    addFloatingGroup(item: DockviewPanel | DockviewGroupPanel, options?: FloatingGroupOptions): void;
+    addFloatingGroup(item: DockviewPanel | DockviewGroupPanel, options?: FloatingGroupOptionsInternal): void;
     private orthogonalize;
     updateOptions(options: Partial<DockviewComponentOptions>): void;
     layout(width: number, height: number, forceResize?: boolean | undefined): void;

package/dist/cjs/dockview/dockviewComponent.js

@@ -368,12 +368,19 @@ var DockviewComponent = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(DockviewComponent.prototype, "gap", {
+        get: function () {
+            return this.gridview.margin;
+        },
+        enumerable: false,
+        configurable: true
+    });
     DockviewComponent.prototype.addPopoutGroup = function (itemToPopout, options) {
         var _this = this;
         var _a, _b, _c;
         if (itemToPopout instanceof dockviewPanel_1.DockviewPanel &&
             itemToPopout.group.size === 1) {
-            return this.addPopoutGroup(itemToPopout.group);
+            return this.addPopoutGroup(itemToPopout.group, options);
         }
         var theme = getDockviewTheme(this.gridview.element);
         var element = this.element;
@@ -602,14 +609,14 @@ var DockviewComponent = /** @class */ (function (_super) {
                 else {
                     result.top = constants_1.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 = constants_1.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 = constants_1.DEFAULT_FLOATING_GROUP_POSITION.height;
@@ -753,7 +760,10 @@ var DockviewComponent = /** @class */ (function (_super) {
         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') {
@@ -1172,11 +1182,11 @@ var DockviewComponent = /** @class */ (function (_super) {
             if (options.floating) {
                 var group = this.createGroup();
                 this._onDidAddGroup.fire(group);
-                var o = typeof options.floating === 'object' &&
+                var floatingGroupOptions = typeof options.floating === 'object' &&
                     options.floating !== null
                     ? options.floating
                     : {};
-                this.addFloatingGroup(group, __assign(__assign({}, o), { inDragMode: false, skipRemoveGroup: true, skipActiveGroup: true }));
+                this.addFloatingGroup(group, __assign(__assign({}, floatingGroupOptions), { inDragMode: false, skipRemoveGroup: true, skipActiveGroup: true }));
                 panel = this.createPanel(options, group);
                 group.model.openPanel(panel, {
                     skipSetActive: options.inactive,

package/dist/cjs/dockview/options.d.ts

@@ -11,7 +11,7 @@ import { DockviewGroupDropLocation, GroupOptions } from './dockviewGroupPanelMod
 import { IDockviewPanel } from './dockviewPanel';
 import { DockviewPanelRenderer } from '../overlayRenderContainer';
 import { IGroupHeaderProps } from './framework';
-import { AnchoredBox } from '../types';
+import { FloatingGroupOptions } from './dockviewComponent';
 export interface IHeaderActionsRenderer extends IDisposable {
     readonly element: HTMLElement;
     init(params: IGroupHeaderProps): void;
@@ -109,7 +109,7 @@ export type AddPanelPositionOptions = RelativePanel | RelativeGroup | AbsolutePo
 export declare function isPanelOptionsWithPanel(data: AddPanelPositionOptions): data is RelativePanel;
 export declare function isPanelOptionsWithGroup(data: AddPanelPositionOptions): data is RelativeGroup;
 type AddPanelFloatingGroupUnion = {
-    floating: Partial<AnchoredBox> | true;
+    floating: Partial<FloatingGroupOptions> | true;
     position: never;
 };
 type AddPanelPositionUnion = {

package/dist/cjs/types.d.ts

@@ -22,7 +22,7 @@ type BottomRight = {
     bottom: number;
     right: number;
 };
-type AnchorPosition = TopLeft | TopRight | BottomLeft | BottomRight;
+export type AnchorPosition = TopLeft | TopRight | BottomLeft | BottomRight;
 type Size = {
     width: number;
     height: number;

package/dist/dockview-core.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 1.15.0
+ * @version 1.15.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -3271,6 +3271,9 @@ define(['exports'], (function (exports) { 'use strict';
       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.
        */
@@ -7223,6 +7226,9 @@ define(['exports'], (function (exports) { 'use strict';
       get api() {
           return this._api;
       }
+      get gap() {
+          return this.gridview.margin;
+      }
       constructor(options) {
           var _a;
           super({
@@ -7392,7 +7398,7 @@ define(['exports'], (function (exports) { 'use strict';
           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;
@@ -7610,14 +7616,14 @@ define(['exports'], (function (exports) { 'use strict';
                   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;
@@ -7748,7 +7754,10 @@ define(['exports'], (function (exports) { 'use strict';
           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') {
@@ -8049,11 +8058,11 @@ define(['exports'], (function (exports) { 'use strict';
               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,