dockview-core 1.15.0 → 1.15.2

package/dist/esm/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/esm/api/component.api.js

@@ -452,6 +452,9 @@ export 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.
      */

package/dist/esm/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/esm/dockview/dockviewComponent.js

@@ -85,6 +85,9 @@ export class DockviewComponent extends BaseGrid {
     get api() {
         return this._api;
     }
+    get gap() {
+        return this.gridview.margin;
+    }
     constructor(options) {
         var _a;
         super({
@@ -254,7 +257,7 @@ export 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;
@@ -472,14 +475,14 @@ export 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;
@@ -612,7 +615,10 @@ export 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') {
@@ -913,11 +919,11 @@ export 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,

package/dist/esm/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/esm/gridview/baseComponentGridview.js

@@ -185,7 +185,7 @@ export 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;
         }

package/dist/esm/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview-core",
-  "version": "1.15.0",
+  "version": "1.15.2",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews",
   "keywords": [
     "splitview",