dockview-core 4.13.0 → 4.13.1

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

@@ -292,6 +292,8 @@ export declare class DockviewComponent extends BaseGrid<DockviewGroupPanel> impl
         skipPopoutReturn?: boolean;
     } | undefined): DockviewGroupPanel;
     private _moving;
+    private _updatePositionsFrameId;
+    private debouncedUpdateAllPositions;
     movingLock<T>(func: () => T): T;
     moveGroupOrPanel(options: MoveGroupOrPanelOptions): void;
     moveGroup(options: MoveGroupOptions): void;

package/dist/cjs/dockview/dockviewComponent.js

@@ -214,7 +214,14 @@ var DockviewComponent = /** @class */ (function (_super) {
         if (options.debug) {
             _this.addDisposables(new strictEventsSequencing_1.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(function () {
+        _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(function () {
+            /**
+             * 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(function () {
             _this.updateWatermark();
         }), _this.onDidAdd(function (event) {
             if (!_this._moving) {
@@ -1316,9 +1323,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         }
         this.updateWatermark();
         // Force position updates for always visible panels after DOM layout is complete
-        requestAnimationFrame(function () {
-            _this.overlayRenderContainer.updateAllPositions();
-        });
+        this.debouncedUpdateAllPositions();
         this._onDidLayoutFromJSON.fire();
     };
     DockviewComponent.prototype.clear = function () {
@@ -1688,6 +1693,16 @@ var DockviewComponent = /** @class */ (function (_super) {
         }
         return re;
     };
+    DockviewComponent.prototype.debouncedUpdateAllPositions = function () {
+        var _this = this;
+        if (this._updatePositionsFrameId !== undefined) {
+            cancelAnimationFrame(this._updatePositionsFrameId);
+        }
+        this._updatePositionsFrameId = requestAnimationFrame(function () {
+            _this._updatePositionsFrameId = undefined;
+            _this.overlayRenderContainer.updateAllPositions();
+        });
+    };
     DockviewComponent.prototype.movingLock = function (func) {
         var isMoving = this._moving;
         try {
@@ -1761,13 +1776,6 @@ var DockviewComponent = /** @class */ (function (_super) {
                 panel: removedPanel_1,
                 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(function () {
-                _this.overlayRenderContainer.updateAllPositions();
-            });
         }
         else {
             /**
@@ -2034,6 +2042,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         from.panels.forEach(function (panel) {
             _this._onDidMovePanel.fire({ panel: panel, from: from });
         });
+        this.debouncedUpdateAllPositions();
         // Ensure group becomes active after move
         if (options.skipSetActive === false) {
             // Only activate when explicitly requested (skipSetActive: false)

package/dist/dockview-core.amd.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 4.13.0
+ * @version 4.13.1
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -8583,7 +8583,14 @@ define(['exports'], (function (exports) { 'use strict';
           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) {
@@ -9449,9 +9456,7 @@ define(['exports'], (function (exports) { 'use strict';
           }
           this.updateWatermark();
           // Force position updates for always visible panels after DOM layout is complete
-          requestAnimationFrame(() => {
-              this.overlayRenderContainer.updateAllPositions();
-          });
+          this.debouncedUpdateAllPositions();
           this._onDidLayoutFromJSON.fire();
       }
       clear() {
@@ -9787,6 +9792,15 @@ define(['exports'], (function (exports) { 'use strict';
           }
           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 {
@@ -9857,13 +9871,6 @@ define(['exports'], (function (exports) { 'use strict';
                   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 {
               /**
@@ -10104,6 +10111,7 @@ define(['exports'], (function (exports) { 'use strict';
           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)