dockview-angular 4.13.0 → 4.13.1

package/dist/dockview-angular.amd.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-angular
- * @version 4.13.0
+ * @version 4.13.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -8530,7 +8530,14 @@ define(['exports', '@angular/core', '@angular/common', 'rxjs'], (function (expor
             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) {
@@ -9396,9 +9403,7 @@ define(['exports', '@angular/core', '@angular/common', 'rxjs'], (function (expor
             }
             this.updateWatermark();
             // Force position updates for always visible panels after DOM layout is complete
-            requestAnimationFrame(() => {
-                this.overlayRenderContainer.updateAllPositions();
-            });
+            this.debouncedUpdateAllPositions();
             this._onDidLayoutFromJSON.fire();
         }
         clear() {
@@ -9734,6 +9739,15 @@ define(['exports', '@angular/core', '@angular/common', 'rxjs'], (function (expor
             }
             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 {
@@ -9804,13 +9818,6 @@ define(['exports', '@angular/core', '@angular/common', 'rxjs'], (function (expor
                     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 {
                 /**
@@ -10051,6 +10058,7 @@ define(['exports', '@angular/core', '@angular/common', 'rxjs'], (function (expor
             from.panels.forEach((panel) => {
                 this._onDidMovePanel.fire({ panel, from });
             });
+            this.debouncedUpdateAllPositions();
             // Ensure group becomes active after move
             if (options.skipSetActive === false) {
                 // Only activate when explicitly requested (skipSetActive: false)