dockview-core 4.11.0 → 4.13.0

package/dist/cjs/dockview/dockviewPanel.js

@@ -200,6 +200,18 @@ var DockviewPanel = /** @class */ (function (_super) {
             params: this._params,
         });
     };
+    DockviewPanel.prototype.updateFromStateModel = function (state) {
+        var _a, _b, _c;
+        this._maximumHeight = state.maximumHeight;
+        this._minimumHeight = state.minimumHeight;
+        this._maximumWidth = state.maximumWidth;
+        this._minimumWidth = state.minimumWidth;
+        this.update({ params: (_a = state.params) !== null && _a !== void 0 ? _a : {} });
+        this.setTitle((_b = state.title) !== null && _b !== void 0 ? _b : this.id);
+        this.setRenderer((_c = state.renderer) !== null && _c !== void 0 ? _c : this.accessor.renderer);
+        // state.contentComponent;
+        // state.tabComponent;
+    };
     DockviewPanel.prototype.updateParentGroup = function (group, options) {
         this._group = group;
         this.api.group = this._group;

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

@@ -5,16 +5,16 @@ import { IDockviewPanel } from './dockviewPanel';
 import { DockviewGroupPanel } from './dockviewGroupPanel';
 import { IDockviewEvent } from '../events';
 export type DockviewGroupDropLocation = 'tab' | 'header_space' | 'content' | 'edge';
-export interface WillShowOverlayLocationEventOptions {
+export interface DockviewWillShowOverlayLocationEventOptions {
     readonly kind: DockviewGroupDropLocation;
     readonly panel: IDockviewPanel | undefined;
     readonly api: DockviewApi;
     readonly group: DockviewGroupPanel | undefined;
     getData: () => PanelTransfer | undefined;
 }
-export declare class WillShowOverlayLocationEvent implements IDockviewEvent {
+export declare class DockviewWillShowOverlayLocationEvent implements IDockviewEvent {
     private readonly event;
-    readonly options: WillShowOverlayLocationEventOptions;
+    readonly options: DockviewWillShowOverlayLocationEventOptions;
     get kind(): DockviewGroupDropLocation;
     get nativeEvent(): DragEvent;
     get position(): Position;
@@ -24,5 +24,5 @@ export declare class WillShowOverlayLocationEvent implements IDockviewEvent {
     get group(): DockviewGroupPanel | undefined;
     preventDefault(): void;
     getData(): PanelTransfer | undefined;
-    constructor(event: WillShowOverlayEvent, options: WillShowOverlayLocationEventOptions);
+    constructor(event: WillShowOverlayEvent, options: DockviewWillShowOverlayLocationEventOptions);
 }

package/dist/cjs/dockview/events.js

@@ -1,66 +1,66 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WillShowOverlayLocationEvent = void 0;
-var WillShowOverlayLocationEvent = /** @class */ (function () {
-    function WillShowOverlayLocationEvent(event, options) {
+exports.DockviewWillShowOverlayLocationEvent = void 0;
+var DockviewWillShowOverlayLocationEvent = /** @class */ (function () {
+    function DockviewWillShowOverlayLocationEvent(event, options) {
         this.event = event;
         this.options = options;
     }
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "kind", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "kind", {
         get: function () {
             return this.options.kind;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "nativeEvent", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "nativeEvent", {
         get: function () {
             return this.event.nativeEvent;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "position", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "position", {
         get: function () {
             return this.event.position;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "defaultPrevented", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "defaultPrevented", {
         get: function () {
             return this.event.defaultPrevented;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "panel", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "panel", {
         get: function () {
             return this.options.panel;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "api", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "api", {
         get: function () {
             return this.options.api;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(WillShowOverlayLocationEvent.prototype, "group", {
+    Object.defineProperty(DockviewWillShowOverlayLocationEvent.prototype, "group", {
         get: function () {
             return this.options.group;
         },
         enumerable: false,
         configurable: true
     });
-    WillShowOverlayLocationEvent.prototype.preventDefault = function () {
+    DockviewWillShowOverlayLocationEvent.prototype.preventDefault = function () {
         this.event.preventDefault();
     };
-    WillShowOverlayLocationEvent.prototype.getData = function () {
+    DockviewWillShowOverlayLocationEvent.prototype.getData = function () {
         return this.options.getData();
     };
-    return WillShowOverlayLocationEvent;
+    return DockviewWillShowOverlayLocationEvent;
 }());
-exports.WillShowOverlayLocationEvent = WillShowOverlayLocationEvent;
+exports.DockviewWillShowOverlayLocationEvent = DockviewWillShowOverlayLocationEvent;

package/dist/cjs/index.d.ts

@@ -16,7 +16,8 @@ export * from './gridview/baseComponentGridview';
 export { DraggablePaneviewPanel, PaneviewDidDropEvent as PaneviewDropEvent, } from './paneview/draggablePaneviewPanel';
 export * from './dockview/components/panel/content';
 export * from './dockview/components/tab/tab';
-export * from './dockview/dockviewGroupPanelModel';
+export { DockviewGroupPanelModel, DockviewDidDropEvent, DockviewWillDropEvent, DockviewGroupChangeEvent, } from './dockview/dockviewGroupPanelModel';
+export { DockviewWillShowOverlayLocationEvent } from './dockview/events';
 export { TabDragEvent, GroupDragEvent, } from './dockview/components/titlebar/tabsContainer';
 export * from './dockview/types';
 export * from './dockview/dockviewGroupPanel';

package/dist/cjs/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.PaneviewUnhandledDragOverEvent = exports.PROPERTY_KEYS_PANEVIEW = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.DraggablePaneviewPanel = exports.PROPERTY_KEYS_GRIDVIEW = exports.PROPERTY_KEYS_SPLITVIEW = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = exports.PanelTransfer = exports.PaneTransfer = exports.getPanelData = exports.getPaneData = void 0;
+exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.PaneviewUnhandledDragOverEvent = exports.PROPERTY_KEYS_PANEVIEW = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.DockviewWillShowOverlayLocationEvent = exports.DockviewWillDropEvent = exports.DockviewDidDropEvent = exports.DockviewGroupPanelModel = exports.DraggablePaneviewPanel = exports.PROPERTY_KEYS_GRIDVIEW = exports.PROPERTY_KEYS_SPLITVIEW = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = exports.PanelTransfer = exports.PaneTransfer = exports.getPanelData = exports.getPaneData = void 0;
 var dataTransfer_1 = require("./dnd/dataTransfer");
 Object.defineProperty(exports, "getPaneData", { enumerable: true, get: function () { return dataTransfer_1.getPaneData; } });
 Object.defineProperty(exports, "getPanelData", { enumerable: true, get: function () { return dataTransfer_1.getPanelData; } });
@@ -45,7 +45,12 @@ var draggablePaneviewPanel_1 = require("./paneview/draggablePaneviewPanel");
 Object.defineProperty(exports, "DraggablePaneviewPanel", { enumerable: true, get: function () { return draggablePaneviewPanel_1.DraggablePaneviewPanel; } });
 __exportStar(require("./dockview/components/panel/content"), exports);
 __exportStar(require("./dockview/components/tab/tab"), exports);
-__exportStar(require("./dockview/dockviewGroupPanelModel"), exports);
+var dockviewGroupPanelModel_1 = require("./dockview/dockviewGroupPanelModel");
+Object.defineProperty(exports, "DockviewGroupPanelModel", { enumerable: true, get: function () { return dockviewGroupPanelModel_1.DockviewGroupPanelModel; } });
+Object.defineProperty(exports, "DockviewDidDropEvent", { enumerable: true, get: function () { return dockviewGroupPanelModel_1.DockviewDidDropEvent; } });
+Object.defineProperty(exports, "DockviewWillDropEvent", { enumerable: true, get: function () { return dockviewGroupPanelModel_1.DockviewWillDropEvent; } });
+var events_2 = require("./dockview/events");
+Object.defineProperty(exports, "DockviewWillShowOverlayLocationEvent", { enumerable: true, get: function () { return events_2.DockviewWillShowOverlayLocationEvent; } });
 __exportStar(require("./dockview/types"), exports);
 __exportStar(require("./dockview/dockviewGroupPanel"), exports);
 __exportStar(require("./dockview/options"), exports);

package/dist/cjs/overlay/overlay.js

@@ -343,13 +343,16 @@ var Overlay = /** @class */ (function (_super) {
                 var right = undefined;
                 var width = undefined;
                 var moveTop = function () {
-                    top = (0, math_1.clamp)(y, -Number.MAX_VALUE, startPosition.originalY +
+                    // When dragging top handle, constrain top position to prevent oversizing
+                    var maxTop = startPosition.originalY +
                         startPosition.originalHeight >
                         containerRect.height
-                        ? _this.getMinimumHeight(containerRect.height)
+                        ? Math.max(0, containerRect.height -
+                            Overlay.MINIMUM_HEIGHT)
                         : Math.max(0, startPosition.originalY +
                             startPosition.originalHeight -
-                            Overlay.MINIMUM_HEIGHT));
+                            Overlay.MINIMUM_HEIGHT);
+                    top = (0, math_1.clamp)(y, 0, maxTop);
                     height =
                         startPosition.originalY +
                             startPosition.originalHeight -
@@ -360,22 +363,27 @@ var Overlay = /** @class */ (function (_super) {
                     top =
                         startPosition.originalY -
                             startPosition.originalHeight;
-                    height = (0, math_1.clamp)(y - top, top < 0 &&
-                        typeof _this.options
-                            .minimumInViewportHeight === 'number'
+                    // When dragging bottom handle, constrain height to container height
+                    var minHeight = top < 0 &&
+                        typeof _this.options.minimumInViewportHeight ===
+                            'number'
                         ? -top +
                             _this.options.minimumInViewportHeight
-                        : Overlay.MINIMUM_HEIGHT, Number.MAX_VALUE);
+                        : Overlay.MINIMUM_HEIGHT;
+                    var maxHeight = containerRect.height - Math.max(0, top);
+                    height = (0, math_1.clamp)(y - top, minHeight, maxHeight);
                     bottom = containerRect.height - top - height;
                 };
                 var moveLeft = function () {
-                    left = (0, math_1.clamp)(x, -Number.MAX_VALUE, startPosition.originalX +
+                    var maxLeft = startPosition.originalX +
                         startPosition.originalWidth >
                         containerRect.width
-                        ? _this.getMinimumWidth(containerRect.width)
+                        ? Math.max(0, containerRect.width -
+                            Overlay.MINIMUM_WIDTH) // Prevent extending beyong right edge
                         : Math.max(0, startPosition.originalX +
                             startPosition.originalWidth -
-                            Overlay.MINIMUM_WIDTH));
+                            Overlay.MINIMUM_WIDTH);
+                    left = (0, math_1.clamp)(x, 0, maxLeft); // min is 0 (Not -Infinity) to prevent dragging beyond left edge
                     width =
                         startPosition.originalX +
                             startPosition.originalWidth -
@@ -386,12 +394,15 @@ var Overlay = /** @class */ (function (_super) {
                     left =
                         startPosition.originalX -
                             startPosition.originalWidth;
-                    width = (0, math_1.clamp)(x - left, left < 0 &&
-                        typeof _this.options
-                            .minimumInViewportWidth === 'number'
+                    // When dragging right handle, constrain width to container width
+                    var minWidth = left < 0 &&
+                        typeof _this.options.minimumInViewportWidth ===
+                            'number'
                         ? -left +
                             _this.options.minimumInViewportWidth
-                        : Overlay.MINIMUM_WIDTH, Number.MAX_VALUE);
+                        : Overlay.MINIMUM_WIDTH;
+                    var maxWidth = containerRect.width - Math.max(0, left);
+                    width = (0, math_1.clamp)(x - left, minWidth, maxWidth);
                     right = containerRect.width - left - width;
                 };
                 switch (direction) {

package/dist/cjs/splitview/splitview.js

@@ -572,11 +572,13 @@ var Splitview = /** @class */ (function () {
                     document.removeEventListener('pointermove', onPointerMove);
                     document.removeEventListener('pointerup', end);
                     document.removeEventListener('pointercancel', end);
+                    document.removeEventListener('contextmenu', end);
                     _this._onDidSashEnd.fire(undefined);
                 };
                 document.addEventListener('pointermove', onPointerMove);
                 document.addEventListener('pointerup', end);
                 document.addEventListener('pointercancel', end);
+                document.addEventListener('contextmenu', end);
             };
             sash_1.addEventListener('pointerdown', onPointerStart_1);
             var sashItem = {