dockview-angular 0.0.0-experimental-e3d91d1-20251227 → 0.0.0-experimental-9b12ca8-20251228

package/dist/dockview-angular.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-angular
- * @version 0.0.0-experimental-e3d91d1-20251227
+ * @version 0.0.0-experimental-9b12ca8-20251228
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -5136,7 +5136,7 @@
         }
     }
 
-    class WillShowOverlayLocationEvent {
+    class DockviewWillShowOverlayLocationEvent {
         get kind() {
             return this.options.kind;
         }
@@ -5484,7 +5484,7 @@
                     index: this._tabs.findIndex((x) => x.value === tab),
                 });
             }), tab.onWillShowOverlay((event) => {
-                this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
+                this._onWillShowOverlay.fire(new DockviewWillShowOverlayLocationEvent(event, {
                     kind: 'tab',
                     panel: this.group.activePanel,
                     api: this.accessor.api,
@@ -5648,7 +5648,7 @@
                     index: this.tabs.size,
                 });
             }), this.voidContainer.onWillShowOverlay((event) => {
-                this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
+                this._onWillShowOverlay.fire(new DockviewWillShowOverlayLocationEvent(event, {
                     kind: 'header_space',
                     panel: this.group.activePanel,
                     api: this.accessor.api,
@@ -6042,7 +6042,7 @@
             }), this.tabsContainer.onWillShowOverlay((event) => {
                 this._onWillShowOverlay.fire(event);
             }), this.contentContainer.dropTarget.onWillShowOverlay((event) => {
-                this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
+                this._onWillShowOverlay.fire(new DockviewWillShowOverlayLocationEvent(event, {
                     kind: 'content',
                     panel: this.activePanel,
                     api: this._api,
@@ -6718,7 +6718,19 @@
             this.onDidLocationChange = this._onDidLocationChange.event;
             this._onDidActivePanelChange = new Emitter();
             this.onDidActivePanelChange = this._onDidActivePanelChange.event;
-            this.addDisposables(this._onDidLocationChange, this._onDidActivePanelChange);
+            this.addDisposables(this._onDidLocationChange, this._onDidActivePanelChange, this._onDidVisibilityChange.event((event) => {
+                // When becoming visible, apply any pending size change
+                if (event.isVisible && this._pendingSize) {
+                    super.setSize(this._pendingSize);
+                    this._pendingSize = undefined;
+                }
+            }));
+        }
+        setSize(event) {
+            // Always store the requested size
+            this._pendingSize = Object.assign({}, event);
+            // Apply the size change immediately
+            super.setSize(event);
         }
         close() {
             if (!this._group) {
@@ -7670,13 +7682,16 @@
                     let right = undefined;
                     let width = undefined;
                     const moveTop = () => {
-                        top = clamp(y, -Number.MAX_VALUE, startPosition.originalY +
+                        // When dragging top handle, constrain top position to prevent oversizing
+                        const 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 = clamp(y, 0, maxTop);
                         height =
                             startPosition.originalY +
                                 startPosition.originalHeight -
@@ -7687,22 +7702,27 @@
                         top =
                             startPosition.originalY -
                                 startPosition.originalHeight;
-                        height = clamp(y - top, top < 0 &&
-                            typeof this.options
-                                .minimumInViewportHeight === 'number'
+                        // When dragging bottom handle, constrain height to container height
+                        const minHeight = top < 0 &&
+                            typeof this.options.minimumInViewportHeight ===
+                                'number'
                             ? -top +
                                 this.options.minimumInViewportHeight
-                            : Overlay.MINIMUM_HEIGHT, Number.MAX_VALUE);
+                            : Overlay.MINIMUM_HEIGHT;
+                        const maxHeight = containerRect.height - Math.max(0, top);
+                        height = clamp(y - top, minHeight, maxHeight);
                         bottom = containerRect.height - top - height;
                     };
                     const moveLeft = () => {
-                        left = clamp(x, -Number.MAX_VALUE, startPosition.originalX +
+                        const 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 = clamp(x, 0, maxLeft); // min is 0 (Not -Infinity) to prevent dragging beyond left edge
                         width =
                             startPosition.originalX +
                                 startPosition.originalWidth -
@@ -7713,12 +7733,15 @@
                         left =
                             startPosition.originalX -
                                 startPosition.originalWidth;
-                        width = clamp(x - left, left < 0 &&
-                            typeof this.options
-                                .minimumInViewportWidth === 'number'
+                        // When dragging right handle, constrain width to container width
+                        const minWidth = left < 0 &&
+                            typeof this.options.minimumInViewportWidth ===
+                                'number'
                             ? -left +
                                 this.options.minimumInViewportWidth
-                            : Overlay.MINIMUM_WIDTH, Number.MAX_VALUE);
+                            : Overlay.MINIMUM_WIDTH;
+                        const maxWidth = containerRect.width - Math.max(0, left);
+                        width = clamp(x - left, minWidth, maxWidth);
                         right = containerRect.width - left - width;
                     };
                     switch (direction) {
@@ -8511,7 +8534,14 @@
             if (options.debug) {
                 this.addDisposables(new StrictEventsSequencing(this));
             }
-            this.addDisposables(this.rootDropTargetContainer, this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onDidMovePanel, this._onDidAddGroup, this._onDidRemoveGroup, this._onDidActiveGroupChange, this._onUnhandledDragOverEvent, this._onDidMaximizedGroupChange, this._onDidOptionsChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this._onDidOpenPopoutWindowFail, this.onDidViewVisibilityChangeMicroTaskQueue(() => {
+            this.addDisposables(this.rootDropTargetContainer, this.overlayRenderContainer, this._onWillDragPanel, this._onWillDragGroup, this._onWillShowOverlay, this._onDidActivePanelChange, this._onDidAddPanel, this._onDidRemovePanel, this._onDidLayoutFromJSON, this._onDidDrop, this._onWillDrop, this._onDidMovePanel, this._onDidMovePanel.event(() => {
+                /**
+                 * Update overlay positions after DOM layout completes to prevent 0×0 dimensions.
+                 * With defaultRenderer="always" this results in panel content not showing after move operations.
+                 * Debounced to avoid multiple calls when moving groups with multiple panels.
+                 */
+                this.debouncedUpdateAllPositions();
+            }), this._onDidAddGroup, this._onDidRemoveGroup, this._onDidActiveGroupChange, this._onUnhandledDragOverEvent, this._onDidMaximizedGroupChange, this._onDidOptionsChange, this._onDidPopoutGroupSizeChange, this._onDidPopoutGroupPositionChange, this._onDidOpenPopoutWindowFail, this.onDidViewVisibilityChangeMicroTaskQueue(() => {
                 this.updateWatermark();
             }), this.onDidAdd((event) => {
                 if (!this._moving) {
@@ -8548,7 +8578,7 @@
                     // option only available when no panels in primary grid
                     return;
                 }
-                this._onWillShowOverlay.fire(new WillShowOverlayLocationEvent(event, {
+                this._onWillShowOverlay.fire(new DockviewWillShowOverlayLocationEvent(event, {
                     kind: 'edge',
                     panel: undefined,
                     api: this._api,
@@ -9715,6 +9745,15 @@
             }
             return re;
         }
+        debouncedUpdateAllPositions() {
+            if (this._updatePositionsFrameId !== undefined) {
+                cancelAnimationFrame(this._updatePositionsFrameId);
+            }
+            this._updatePositionsFrameId = requestAnimationFrame(() => {
+                this._updatePositionsFrameId = undefined;
+                this.overlayRenderContainer.updateAllPositions();
+            });
+        }
         movingLock(func) {
             const isMoving = this._moving;
             try {
@@ -13088,6 +13127,7 @@
     exports.DockviewPanel = DockviewPanel;
     exports.DockviewUnhandledDragOverEvent = DockviewUnhandledDragOverEvent;
     exports.DockviewWillDropEvent = DockviewWillDropEvent;
+    exports.DockviewWillShowOverlayLocationEvent = DockviewWillShowOverlayLocationEvent;
     exports.DraggablePaneviewPanel = DraggablePaneviewPanel;
     exports.Gridview = Gridview;
     exports.GridviewApi = GridviewApi;