dockview-core 4.11.0 → 4.13.0

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

@@ -16,7 +16,7 @@ import { PaneviewDidDropEvent } from '../paneview/draggablePaneviewPanel';
 import { GroupDragEvent, TabDragEvent } from '../dockview/components/titlebar/tabsContainer';
 import { Box } from '../types';
 import { DockviewDidDropEvent, DockviewWillDropEvent } from '../dockview/dockviewGroupPanelModel';
-import { WillShowOverlayLocationEvent } from '../dockview/events';
+import { DockviewWillShowOverlayLocationEvent } from '../dockview/events';
 import { PaneviewComponentOptions, PaneviewDndOverlayEvent } from '../paneview/options';
 import { SplitviewComponentOptions } from '../splitview/options';
 import { GridviewComponentOptions } from '../gridview/options';
@@ -403,7 +403,7 @@ export declare class DockviewApi implements CommonApi<SerializedDockview> {
      * Calling `event.preventDefault()` will prevent the overlay being shown and prevent
      * the any subsequent drop event.
      */
-    get onWillShowOverlay(): Event<WillShowOverlayLocationEvent>;
+    get onWillShowOverlay(): Event<DockviewWillShowOverlayLocationEvent>;
     /**
      * Invoked before a group is dragged.
      *
@@ -481,7 +481,9 @@ export declare class DockviewApi implements CommonApi<SerializedDockview> {
     /**
      * Create a component from a serialized object.
      */
-    fromJSON(data: SerializedDockview): void;
+    fromJSON(data: SerializedDockview, options?: {
+        reuseExistingPanels: boolean;
+    }): void;
     /**
      * Create a serialized object of the current component.
      */

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

@@ -942,8 +942,8 @@ var DockviewApi = /** @class */ (function () {
     /**
      * Create a component from a serialized object.
      */
-    DockviewApi.prototype.fromJSON = function (data) {
-        this.component.fromJSON(data);
+    DockviewApi.prototype.fromJSON = function (data, options) {
+        this.component.fromJSON(data, options);
     };
     /**
      * Create a serialized object of the current component.

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

@@ -3,7 +3,7 @@ import { DockviewComponent } from '../dockview/dockviewComponent';
 import { DockviewGroupPanel } from '../dockview/dockviewGroupPanel';
 import { DockviewGroupChangeEvent, DockviewGroupLocation } from '../dockview/dockviewGroupPanelModel';
 import { Emitter, Event } from '../events';
-import { GridviewPanelApi, GridviewPanelApiImpl } from './gridviewPanelApi';
+import { GridviewPanelApi, GridviewPanelApiImpl, SizeEvent } from './gridviewPanelApi';
 export interface DockviewGroupMoveParams {
     group?: DockviewGroupPanel;
     position?: Position;
@@ -36,12 +36,14 @@ export interface DockviewGroupPanelFloatingChangeEvent {
 export declare class DockviewGroupPanelApiImpl extends GridviewPanelApiImpl {
     private readonly accessor;
     private _group;
+    private _pendingSize;
     readonly _onDidLocationChange: Emitter<DockviewGroupPanelFloatingChangeEvent>;
     readonly onDidLocationChange: Event<DockviewGroupPanelFloatingChangeEvent>;
     readonly _onDidActivePanelChange: Emitter<DockviewGroupChangeEvent>;
     readonly onDidActivePanelChange: Event<DockviewGroupChangeEvent>;
     get location(): DockviewGroupLocation;
     constructor(id: string, accessor: DockviewComponent);
+    setSize(event: SizeEvent): void;
     close(): void;
     getWindow(): Window;
     moveTo(options: DockviewGroupMoveParams): void;

package/dist/cjs/api/dockviewGroupPanelApi.js

@@ -14,6 +14,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DockviewGroupPanelApiImpl = void 0;
 var droptarget_1 = require("../dnd/droptarget");
@@ -29,7 +40,13 @@ var DockviewGroupPanelApiImpl = /** @class */ (function (_super) {
         _this.onDidLocationChange = _this._onDidLocationChange.event;
         _this._onDidActivePanelChange = new events_1.Emitter();
         _this.onDidActivePanelChange = _this._onDidActivePanelChange.event;
-        _this.addDisposables(_this._onDidLocationChange, _this._onDidActivePanelChange);
+        _this.addDisposables(_this._onDidLocationChange, _this._onDidActivePanelChange, _this._onDidVisibilityChange.event(function (event) {
+            // When becoming visible, apply any pending size change
+            if (event.isVisible && _this._pendingSize) {
+                _super.prototype.setSize.call(_this, _this._pendingSize);
+                _this._pendingSize = undefined;
+            }
+        }));
         return _this;
     }
     Object.defineProperty(DockviewGroupPanelApiImpl.prototype, "location", {
@@ -42,6 +59,12 @@ var DockviewGroupPanelApiImpl = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    DockviewGroupPanelApiImpl.prototype.setSize = function (event) {
+        // Always store the requested size
+        this._pendingSize = __assign({}, event);
+        // Apply the size change immediately
+        _super.prototype.setSize.call(this, event);
+    };
     DockviewGroupPanelApiImpl.prototype.close = function () {
         if (!this._group) {
             return;

package/dist/cjs/dockview/components/panel/content.d.ts

@@ -17,6 +17,7 @@ export interface IContentContainer extends IDisposable {
     renderPanel(panel: IDockviewPanel, options: {
         asActive: boolean;
     }): void;
+    refreshFocusState(): void;
 }
 export declare class ContentContainer extends CompositeDisposable implements IContentContainer {
     private readonly accessor;
@@ -24,6 +25,7 @@ export declare class ContentContainer extends CompositeDisposable implements ICo
     private readonly _element;
     private panel;
     private readonly disposable;
+    private focusTracker;
     private readonly _onDidFocus;
     readonly onDidFocus: Event<void>;
     private readonly _onDidBlur;
@@ -40,4 +42,9 @@ export declare class ContentContainer extends CompositeDisposable implements ICo
     layout(_width: number, _height: number): void;
     closePanel(): void;
     dispose(): void;
+    /**
+     * Refresh the focus tracker state to handle cases where focus state
+     * gets out of sync due to programmatic panel activation
+     */
+    refreshFocusState(): void;
 }

package/dist/cjs/dockview/components/panel/content.js

@@ -118,6 +118,7 @@ var ContentContainer = /** @class */ (function (_super) {
         }
         if (doRender) {
             var focusTracker = (0, dom_1.trackFocus)(container);
+            this.focusTracker = focusTracker;
             var disposable = new lifecycle_1.CompositeDisposable();
             disposable.addDisposables(focusTracker, focusTracker.onDidFocus(function () { return _this._onDidFocus.fire(); }), focusTracker.onDidBlur(function () { return _this._onDidBlur.fire(); }));
             this.disposable.value = disposable;
@@ -145,6 +146,16 @@ var ContentContainer = /** @class */ (function (_super) {
         this.disposable.dispose();
         _super.prototype.dispose.call(this);
     };
+    /**
+     * Refresh the focus tracker state to handle cases where focus state
+     * gets out of sync due to programmatic panel activation
+     */
+    ContentContainer.prototype.refreshFocusState = function () {
+        var _a;
+        if ((_a = this.focusTracker) === null || _a === void 0 ? void 0 : _a.refreshState) {
+            this.focusTracker.refreshState();
+        }
+    };
     return ContentContainer;
 }(lifecycle_1.CompositeDisposable));
 exports.ContentContainer = ContentContainer;

package/dist/cjs/dockview/components/titlebar/tabs.d.ts

@@ -2,7 +2,7 @@ import { Event } from '../../../events';
 import { CompositeDisposable } from '../../../lifecycle';
 import { DockviewComponent } from '../../dockviewComponent';
 import { DockviewGroupPanel } from '../../dockviewGroupPanel';
-import { WillShowOverlayLocationEvent } from '../../events';
+import { DockviewWillShowOverlayLocationEvent } from '../../events';
 import { IDockviewPanel } from '../../dockviewPanel';
 import { Tab } from '../tab/tab';
 import { TabDragEvent, TabDropIndexEvent } from './tabsContainer';
@@ -20,7 +20,7 @@ export declare class Tabs extends CompositeDisposable {
     private readonly _onDrop;
     readonly onDrop: Event<TabDropIndexEvent>;
     private readonly _onWillShowOverlay;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     private readonly _onOverflowTabsChange;
     readonly onOverflowTabsChange: Event<{
         tabs: string[];

package/dist/cjs/dockview/components/titlebar/tabs.js

@@ -246,7 +246,7 @@ var Tabs = /** @class */ (function (_super) {
                 index: _this._tabs.findIndex(function (x) { return x.value === tab; }),
             });
         }), tab.onWillShowOverlay(function (event) {
-            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.DockviewWillShowOverlayLocationEvent(event, {
                 kind: 'tab',
                 panel: _this.group.activePanel,
                 api: _this.accessor.api,

package/dist/cjs/dockview/components/titlebar/tabsContainer.d.ts

@@ -4,7 +4,7 @@ import { Tab } from '../tab/tab';
 import { DockviewGroupPanel } from '../../dockviewGroupPanel';
 import { IDockviewPanel } from '../../dockviewPanel';
 import { DockviewComponent } from '../../dockviewComponent';
-import { WillShowOverlayLocationEvent } from '../../events';
+import { DockviewWillShowOverlayLocationEvent } from '../../events';
 export interface TabDropIndexEvent {
     readonly event: DragEvent;
     readonly index: number;
@@ -24,7 +24,7 @@ export interface ITabsContainer extends IDisposable {
     readonly onDrop: Event<TabDropIndexEvent>;
     readonly onTabDragStart: Event<TabDragEvent>;
     readonly onGroupDragStart: Event<GroupDragEvent>;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     hidden: boolean;
     delete(id: string): void;
     indexOf(id: string): number;
@@ -62,7 +62,7 @@ export declare class TabsContainer extends CompositeDisposable implements ITabsC
     private readonly _onGroupDragStart;
     readonly onGroupDragStart: Event<GroupDragEvent>;
     private readonly _onWillShowOverlay;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     get panels(): string[];
     get size(): number;
     get hidden(): boolean;

package/dist/cjs/dockview/components/titlebar/tabsContainer.js

@@ -85,7 +85,7 @@ var TabsContainer = /** @class */ (function (_super) {
                 index: _this.tabs.size,
             });
         }), _this.voidContainer.onWillShowOverlay(function (event) {
-            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.DockviewWillShowOverlayLocationEvent(event, {
                 kind: 'header_space',
                 panel: _this.group.activePanel,
                 api: _this.accessor.api,

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

@@ -8,7 +8,7 @@ import { BaseGrid, IBaseGrid } from '../gridview/baseComponentGridview';
 import { DockviewApi } from '../api/component.api';
 import { Orientation } from '../splitview/splitview';
 import { GroupOptions, GroupPanelViewState, DockviewDidDropEvent, DockviewWillDropEvent } from './dockviewGroupPanelModel';
-import { WillShowOverlayLocationEvent } from './events';
+import { DockviewWillShowOverlayLocationEvent } from './events';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { Parameters } from '../panel/types';
 import { DockviewFloatingGroupPanel } from './dockviewFloatingGroupPanel';
@@ -94,6 +94,7 @@ type MoveGroupOrPanelOptions = {
         index?: number;
     };
     skipSetActive?: boolean;
+    keepEmptyGroups?: boolean;
 };
 export interface FloatingGroupOptions {
     x?: number;
@@ -128,7 +129,7 @@ export interface IDockviewComponent extends IBaseGrid<DockviewGroupPanel> {
     readonly orientation: Orientation;
     readonly onDidDrop: Event<DockviewDidDropEvent>;
     readonly onWillDrop: Event<DockviewWillDropEvent>;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     readonly onDidRemovePanel: Event<IDockviewPanel>;
     readonly onDidAddPanel: Event<IDockviewPanel>;
     readonly onDidLayoutFromJSON: Event<void>;
@@ -175,6 +176,9 @@ export interface IDockviewComponent extends IBaseGrid<DockviewGroupPanel> {
             window: Window;
         }) => void;
     }): Promise<boolean>;
+    fromJSON(data: any, options?: {
+        reuseExistingPanels: boolean;
+    }): void;
 }
 export declare class DockviewComponent extends BaseGrid<DockviewGroupPanel> implements IDockviewComponent {
     private readonly nextGroupId;
@@ -195,7 +199,7 @@ export declare class DockviewComponent extends BaseGrid<DockviewGroupPanel> impl
     private readonly _onWillDrop;
     readonly onWillDrop: Event<DockviewWillDropEvent>;
     private readonly _onWillShowOverlay;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     private readonly _onUnhandledDragOverEvent;
     readonly onUnhandledDragOverEvent: Event<DockviewDndOverlayEvent>;
     private readonly _onDidRemovePanel;
@@ -260,7 +264,9 @@ export declare class DockviewComponent extends BaseGrid<DockviewGroupPanel> impl
      * @returns A JSON respresentation of the layout
      */
     toJSON(): SerializedDockview;
-    fromJSON(data: SerializedDockview): void;
+    fromJSON(data: SerializedDockview, options?: {
+        reuseExistingPanels: boolean;
+    }): void;
     clear(): void;
     closeAllGroups(): void;
     addPanel<T extends object = Parameters>(options: AddPanelOptions<T>): DockviewPanel;