dockview-angular 4.12.0 → 4.13.0

package/dist/dockview-angular.js

@@ -1,6 +1,6 @@
 /**
  * dockview-angular
- * @version 4.12.0
+ * @version 4.13.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -1298,11 +1298,13 @@
                       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.addEventListener('pointerdown', onPointerStart);
               const sashItem = {
@@ -5164,7 +5166,7 @@
       }
   }
 
-  class WillShowOverlayLocationEvent {
+  class DockviewWillShowOverlayLocationEvent {
       get kind() {
           return this.options.kind;
       }
@@ -5512,7 +5514,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,
@@ -5676,7 +5678,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,
@@ -6070,7 +6072,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,
@@ -6746,7 +6748,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) {
@@ -7698,13 +7712,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 -
@@ -7715,22 +7732,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 -
@@ -7741,12 +7763,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) {
@@ -8576,7 +8601,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,
@@ -9813,6 +9838,13 @@
                   panel: removedPanel,
                   from: sourceGroup,
               });
+              /**
+              * 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.
+              */
+              requestAnimationFrame(() => {
+                  this.overlayRenderContainer.updateAllPositions();
+              });
           }
           else {
               /**
@@ -13116,6 +13148,7 @@
   exports.DockviewPanel = DockviewPanel;
   exports.DockviewUnhandledDragOverEvent = DockviewUnhandledDragOverEvent;
   exports.DockviewWillDropEvent = DockviewWillDropEvent;
+  exports.DockviewWillShowOverlayLocationEvent = DockviewWillShowOverlayLocationEvent;
   exports.DraggablePaneviewPanel = DraggablePaneviewPanel;
   exports.Gridview = Gridview;
   exports.GridviewApi = GridviewApi;