dockview-core 4.11.0 → 4.13.0

package/dist/cjs/dockview/dockviewComponent.js

@@ -272,7 +272,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 // option only available when no panels in primary grid
                 return;
             }
-            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.DockviewWillShowOverlayLocationEvent(event, {
                 kind: 'edge',
                 panel: undefined,
                 api: _this._api,
@@ -775,7 +775,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 : (_e = (_d = this.options.floatingGroupBounds) === null || _d === void 0 ? void 0 : _d.minimumHeightWithinViewport) !== null && _e !== void 0 ? _e : constants_1.DEFAULT_FLOATING_GROUP_OVERFLOW_SIZE }));
         var el = group.element.querySelector('.dv-void-container');
         if (!el) {
-            throw new Error('failed to find drag handle');
+            throw new Error('dockview: failed to find drag handle');
         }
         overlay.setupDrag(el, {
             inDragMode: typeof (options === null || options === void 0 ? void 0 : options.inDragMode) === 'boolean'
@@ -849,7 +849,7 @@ var DockviewComponent = /** @class */ (function (_super) {
             case 'right':
                 return this.createGroupAtLocation([this.gridview.length], undefined, options); // insert into last position
             default:
-                throw new Error("unsupported position ".concat(position));
+                throw new Error("dockview: unsupported position ".concat(position));
         }
     };
     DockviewComponent.prototype.updateOptions = function (options) {
@@ -1030,27 +1030,70 @@ var DockviewComponent = /** @class */ (function (_super) {
         }
         return result;
     };
-    DockviewComponent.prototype.fromJSON = function (data) {
-        var e_6, _a, e_7, _b, e_8, _c, e_9, _d, e_10, _e, e_11, _f;
+    DockviewComponent.prototype.fromJSON = function (data, options) {
+        var e_6, _a, e_7, _b, e_8, _c, e_9, _d, e_10, _e, e_11, _f, e_12, _g;
         var _this = this;
-        var _g, _h;
+        var _h, _j;
+        var existingPanels = new Map();
+        var tempGroup;
+        if (options === null || options === void 0 ? void 0 : options.reuseExistingPanels) {
+            /**
+             * What are we doing here?
+             *
+             * 1. Create a temporary group to hold any panels that currently exist and that also exist in the new layout
+             * 2. Remove that temporary group from the group mapping so that it doesn't get cleared when we clear the layout
+             */
+            tempGroup = this.createGroup();
+            this._groups.delete(tempGroup.api.id);
+            var newPanels = Object.keys(data.panels);
+            try {
+                for (var _k = __values(this.panels), _l = _k.next(); !_l.done; _l = _k.next()) {
+                    var panel = _l.value;
+                    if (newPanels.includes(panel.api.id)) {
+                        existingPanels.set(panel.api.id, panel);
+                    }
+                }
+            }
+            catch (e_6_1) { e_6 = { error: e_6_1 }; }
+            finally {
+                try {
+                    if (_l && !_l.done && (_a = _k.return)) _a.call(_k);
+                }
+                finally { if (e_6) throw e_6.error; }
+            }
+            this.movingLock(function () {
+                Array.from(existingPanels.values()).forEach(function (panel) {
+                    _this.moveGroupOrPanel({
+                        from: {
+                            groupId: panel.api.group.api.id,
+                            panelId: panel.api.id,
+                        },
+                        to: {
+                            group: tempGroup,
+                            position: 'center',
+                        },
+                        keepEmptyGroups: true,
+                    });
+                });
+            });
+        }
         this.clear();
         if (typeof data !== 'object' || data === null) {
-            throw new Error('serialized layout must be a non-null object');
+            throw new Error('dockview: serialized layout must be a non-null object');
         }
         var grid = data.grid, panels = data.panels, activeGroup = data.activeGroup;
         if (grid.root.type !== 'branch' || !Array.isArray(grid.root.data)) {
-            throw new Error('root must be of type branch');
+            throw new Error('dockview: root must be of type branch');
         }
         try {
             // take note of the existing dimensions
             var width = this.width;
             var height = this.height;
             var createGroupFromSerializedState_1 = function (data) {
-                var e_12, _a;
+                var e_13, _a;
                 var id = data.id, locked = data.locked, hideHeader = data.hideHeader, views = data.views, activeView = data.activeView;
                 if (typeof id !== 'string') {
-                    throw new Error('group id must be of type string');
+                    throw new Error('dockview: group id must be of type string');
                 }
                 var group = _this.createGroup({
                     id: id,
@@ -1059,33 +1102,60 @@ var DockviewComponent = /** @class */ (function (_super) {
                 });
                 _this._onDidAddGroup.fire(group);
                 var createdPanels = [];
+                var _loop_1 = function (child) {
+                    /**
+                     * Run the deserializer step seperately since this may fail to due corrupted external state.
+                     * In running this section first we avoid firing lots of 'add' events in the event of a failure
+                     * due to a corruption of input data.
+                     */
+                    var existingPanel = existingPanels.get(child);
+                    if (tempGroup && existingPanel) {
+                        _this.movingLock(function () {
+                            tempGroup.model.removePanel(existingPanel);
+                        });
+                        createdPanels.push(existingPanel);
+                        existingPanel.updateFromStateModel(panels[child]);
+                    }
+                    else {
+                        var panel = _this._deserializer.fromJSON(panels[child], group);
+                        createdPanels.push(panel);
+                    }
+                };
                 try {
                     for (var views_1 = __values(views), views_1_1 = views_1.next(); !views_1_1.done; views_1_1 = views_1.next()) {
                         var child = views_1_1.value;
-                        /**
-                         * Run the deserializer step seperately since this may fail to due corrupted external state.
-                         * In running this section first we avoid firing lots of 'add' events in the event of a failure
-                         * due to a corruption of input data.
-                         */
-                        var panel = _this._deserializer.fromJSON(panels[child], group);
-                        createdPanels.push(panel);
+                        _loop_1(child);
                     }
                 }
-                catch (e_12_1) { e_12 = { error: e_12_1 }; }
+                catch (e_13_1) { e_13 = { error: e_13_1 }; }
                 finally {
                     try {
                         if (views_1_1 && !views_1_1.done && (_a = views_1.return)) _a.call(views_1);
                     }
-                    finally { if (e_12) throw e_12.error; }
+                    finally { if (e_13) throw e_13.error; }
                 }
-                for (var i = 0; i < views.length; i++) {
+                var _loop_2 = function (i) {
                     var panel = createdPanels[i];
                     var isActive = typeof activeView === 'string' &&
                         activeView === panel.id;
-                    group.model.openPanel(panel, {
-                        skipSetActive: !isActive,
-                        skipSetGroupActive: true,
-                    });
+                    var hasExisting = existingPanels.has(panel.api.id);
+                    if (hasExisting) {
+                        _this.movingLock(function () {
+                            group.model.openPanel(panel, {
+                                skipSetActive: !isActive,
+                                skipSetGroupActive: true,
+                            });
+                        });
+                    }
+                    else {
+                        group.model.openPanel(panel, {
+                            skipSetActive: !isActive,
+                            skipSetGroupActive: true,
+                        });
+                    }
+                };
+                for (var i = 0; i < views.length; i++) {
+                    _loop_2(i);
                 }
                 if (!group.activePanel && group.panels.length > 0) {
                     group.model.openPanel(group.panels[group.panels.length - 1], {
@@ -1100,7 +1170,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 },
             });
             this.layout(width, height, true);
-            var serializedFloatingGroups = (_g = data.floatingGroups) !== null && _g !== void 0 ? _g : [];
+            var serializedFloatingGroups = (_h = data.floatingGroups) !== null && _h !== void 0 ? _h : [];
             try {
                 for (var serializedFloatingGroups_1 = __values(serializedFloatingGroups), serializedFloatingGroups_1_1 = serializedFloatingGroups_1.next(); !serializedFloatingGroups_1_1.done; serializedFloatingGroups_1_1 = serializedFloatingGroups_1.next()) {
                     var serializedFloatingGroup = serializedFloatingGroups_1_1.value;
@@ -1115,14 +1185,14 @@ var DockviewComponent = /** @class */ (function (_super) {
                     });
                 }
             }
-            catch (e_6_1) { e_6 = { error: e_6_1 }; }
+            catch (e_7_1) { e_7 = { error: e_7_1 }; }
             finally {
                 try {
-                    if (serializedFloatingGroups_1_1 && !serializedFloatingGroups_1_1.done && (_a = serializedFloatingGroups_1.return)) _a.call(serializedFloatingGroups_1);
+                    if (serializedFloatingGroups_1_1 && !serializedFloatingGroups_1_1.done && (_b = serializedFloatingGroups_1.return)) _b.call(serializedFloatingGroups_1);
                 }
-                finally { if (e_6) throw e_6.error; }
+                finally { if (e_7) throw e_7.error; }
             }
-            var serializedPopoutGroups = (_h = data.popoutGroups) !== null && _h !== void 0 ? _h : [];
+            var serializedPopoutGroups = (_j = data.popoutGroups) !== null && _j !== void 0 ? _j : [];
             // Create a promise that resolves when all popout groups are created
             var popoutPromises_1 = [];
             // Queue popup group creation with delays to avoid browser blocking
@@ -1134,7 +1204,9 @@ var DockviewComponent = /** @class */ (function (_super) {
                     setTimeout(function () {
                         _this.addPopoutGroup(group, {
                             position: position !== null && position !== void 0 ? position : undefined,
-                            overridePopoutGroup: gridReferenceGroup ? group : undefined,
+                            overridePopoutGroup: gridReferenceGroup
+                                ? group
+                                : undefined,
                             referenceGroup: gridReferenceGroup
                                 ? _this.getPanel(gridReferenceGroup)
                                 : undefined,
@@ -1148,17 +1220,17 @@ var DockviewComponent = /** @class */ (function (_super) {
             // Store the promise for tests to wait on
             this._popoutRestorationPromise = Promise.all(popoutPromises_1).then(function () { return void 0; });
             try {
-                for (var _j = __values(this._floatingGroups), _k = _j.next(); !_k.done; _k = _j.next()) {
-                    var floatingGroup = _k.value;
+                for (var _m = __values(this._floatingGroups), _o = _m.next(); !_o.done; _o = _m.next()) {
+                    var floatingGroup = _o.value;
                     floatingGroup.overlay.setBounds();
                 }
             }
-            catch (e_7_1) { e_7 = { error: e_7_1 }; }
+            catch (e_8_1) { e_8 = { error: e_8_1 }; }
             finally {
                 try {
-                    if (_k && !_k.done && (_b = _j.return)) _b.call(_j);
+                    if (_o && !_o.done && (_c = _m.return)) _c.call(_m);
                 }
-                finally { if (e_7) throw e_7.error; }
+                finally { if (e_8) throw e_8.error; }
             }
             if (typeof activeGroup === 'string') {
                 var panel = this.getPanel(activeGroup);
@@ -1173,65 +1245,65 @@ var DockviewComponent = /** @class */ (function (_super) {
                 /**
                  * Takes all the successfully created groups and remove all of their panels.
                  */
-                for (var _l = __values(this.groups), _m = _l.next(); !_m.done; _m = _l.next()) {
-                    var group = _m.value;
+                for (var _p = __values(this.groups), _q = _p.next(); !_q.done; _q = _p.next()) {
+                    var group = _q.value;
                     try {
-                        for (var _o = (e_9 = void 0, __values(group.panels)), _p = _o.next(); !_p.done; _p = _o.next()) {
-                            var panel = _p.value;
+                        for (var _r = (e_10 = void 0, __values(group.panels)), _s = _r.next(); !_s.done; _s = _r.next()) {
+                            var panel = _s.value;
                             this.removePanel(panel, {
                                 removeEmptyGroup: false,
                                 skipDispose: false,
                             });
                         }
                     }
-                    catch (e_9_1) { e_9 = { error: e_9_1 }; }
+                    catch (e_10_1) { e_10 = { error: e_10_1 }; }
                     finally {
                         try {
-                            if (_p && !_p.done && (_d = _o.return)) _d.call(_o);
+                            if (_s && !_s.done && (_e = _r.return)) _e.call(_r);
                         }
-                        finally { if (e_9) throw e_9.error; }
+                        finally { if (e_10) throw e_10.error; }
                     }
                 }
             }
-            catch (e_8_1) { e_8 = { error: e_8_1 }; }
+            catch (e_9_1) { e_9 = { error: e_9_1 }; }
             finally {
                 try {
-                    if (_m && !_m.done && (_c = _l.return)) _c.call(_l);
+                    if (_q && !_q.done && (_d = _p.return)) _d.call(_p);
                 }
-                finally { if (e_8) throw e_8.error; }
+                finally { if (e_9) throw e_9.error; }
             }
             try {
                 /**
                  * To remove a group we cannot call this.removeGroup(...) since this makes assumptions about
                  * the underlying HTMLElement existing in the Gridview.
                  */
-                for (var _q = __values(this.groups), _r = _q.next(); !_r.done; _r = _q.next()) {
-                    var group = _r.value;
+                for (var _t = __values(this.groups), _u = _t.next(); !_u.done; _u = _t.next()) {
+                    var group = _u.value;
                     group.dispose();
                     this._groups.delete(group.id);
                     this._onDidRemoveGroup.fire(group);
                 }
             }
-            catch (e_10_1) { e_10 = { error: e_10_1 }; }
+            catch (e_11_1) { e_11 = { error: e_11_1 }; }
             finally {
                 try {
-                    if (_r && !_r.done && (_e = _q.return)) _e.call(_q);
+                    if (_u && !_u.done && (_f = _t.return)) _f.call(_t);
                 }
-                finally { if (e_10) throw e_10.error; }
+                finally { if (e_11) throw e_11.error; }
             }
             try {
                 // iterate over a reassigned array since original array will be modified
-                for (var _s = __values(__spreadArray([], __read(this._floatingGroups), false)), _t = _s.next(); !_t.done; _t = _s.next()) {
-                    var floatingGroup = _t.value;
+                for (var _v = __values(__spreadArray([], __read(this._floatingGroups), false)), _w = _v.next(); !_w.done; _w = _v.next()) {
+                    var floatingGroup = _w.value;
                     floatingGroup.dispose();
                 }
             }
-            catch (e_11_1) { e_11 = { error: e_11_1 }; }
+            catch (e_12_1) { e_12 = { error: e_12_1 }; }
             finally {
                 try {
-                    if (_t && !_t.done && (_f = _s.return)) _f.call(_s);
+                    if (_w && !_w.done && (_g = _v.return)) _g.call(_v);
                 }
-                finally { if (e_11) throw e_11.error; }
+                finally { if (e_12) throw e_12.error; }
             }
             // fires clean-up events and clears the underlying HTML gridview.
             this.clear();
@@ -1250,7 +1322,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         this._onDidLayoutFromJSON.fire();
     };
     DockviewComponent.prototype.clear = function () {
-        var e_13, _a;
+        var e_14, _a;
         var groups = Array.from(this._groups.values()).map(function (_) { return _.value; });
         var hasActiveGroup = !!this.activeGroup;
         try {
@@ -1260,12 +1332,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                 this.removeGroup(group, { skipActive: true });
             }
         }
-        catch (e_13_1) { e_13 = { error: e_13_1 }; }
+        catch (e_14_1) { e_14 = { error: e_14_1 }; }
         finally {
             try {
                 if (groups_1_1 && !groups_1_1.done && (_a = groups_1.return)) _a.call(groups_1);
             }
-            finally { if (e_13) throw e_13.error; }
+            finally { if (e_14) throw e_14.error; }
         }
         if (hasActiveGroup) {
             this.doSetGroupAndPanelActive(undefined);
@@ -1273,7 +1345,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         this.gridview.clear();
     };
     DockviewComponent.prototype.closeAllGroups = function () {
-        var e_14, _a;
+        var e_15, _a;
         try {
             for (var _b = __values(this._groups.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var entry = _c.value;
@@ -1281,22 +1353,22 @@ var DockviewComponent = /** @class */ (function (_super) {
                 group.value.model.closeAllPanels();
             }
         }
-        catch (e_14_1) { e_14 = { error: e_14_1 }; }
+        catch (e_15_1) { e_15 = { error: e_15_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_14) throw e_14.error; }
+            finally { if (e_15) throw e_15.error; }
         }
     };
     DockviewComponent.prototype.addPanel = function (options) {
         var _a, _b;
         if (this.panels.find(function (_) { return _.id === options.id; })) {
-            throw new Error("panel with id ".concat(options.id, " already exists"));
+            throw new Error("dockview: panel with id ".concat(options.id, " already exists"));
         }
         var referenceGroup;
         if (options.position && options.floating) {
-            throw new Error('you can only provide one of: position, floating as arguments to .addPanel(...)');
+            throw new Error('dockview: you can only provide one of: position, floating as arguments to .addPanel(...)');
         }
         var initial = {
             width: options.initialWidth,
@@ -1310,7 +1382,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                     : options.position.referencePanel;
                 index = options.position.index;
                 if (!referencePanel) {
-                    throw new Error("referencePanel '".concat(options.position.referencePanel, "' does not exist"));
+                    throw new Error("dockview: referencePanel '".concat(options.position.referencePanel, "' does not exist"));
                 }
                 referenceGroup = this.findGroup(referencePanel);
             }
@@ -1321,7 +1393,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                         : options.position.referenceGroup;
                 index = options.position.index;
                 if (!referenceGroup) {
-                    throw new Error("referenceGroup '".concat(options.position.referenceGroup, "' does not exist"));
+                    throw new Error("dockview: referenceGroup '".concat(options.position.referenceGroup, "' does not exist"));
                 }
             }
             else {
@@ -1434,7 +1506,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         }; }
         var group = panel.group;
         if (!group) {
-            throw new Error("cannot remove panel ".concat(panel.id, ". it's missing a group."));
+            throw new Error("dockview: cannot remove panel ".concat(panel.id, ". it's missing a group."));
         }
         group.model.removePanel(panel, {
             skipSetActiveGroup: options.skipSetActiveGroup,
@@ -1483,11 +1555,11 @@ var DockviewComponent = /** @class */ (function (_super) {
                     ? this.panels.find(function (panel) { return panel.id === options.referencePanel; })
                     : options.referencePanel;
                 if (!referencePanel) {
-                    throw new Error("reference panel ".concat(options.referencePanel, " does not exist"));
+                    throw new Error("dockview: reference panel ".concat(options.referencePanel, " does not exist"));
                 }
                 referenceGroup = this.findGroup(referencePanel);
                 if (!referenceGroup) {
-                    throw new Error("reference group for reference panel ".concat(options.referencePanel, " does not exist"));
+                    throw new Error("dockview: reference group for reference panel ".concat(options.referencePanel, " does not exist"));
                 }
             }
             else if ((0, options_1.isGroupOptionsWithGroup)(options)) {
@@ -1496,7 +1568,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                         ? (_a = this._groups.get(options.referenceGroup)) === null || _a === void 0 ? void 0 : _a.value
                         : options.referenceGroup;
                 if (!referenceGroup) {
-                    throw new Error("reference group ".concat(options.referenceGroup, " does not exist"));
+                    throw new Error("dockview: reference group ".concat(options.referenceGroup, " does not exist"));
                 }
             }
             else {
@@ -1537,7 +1609,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         this.doRemoveGroup(group, options);
     };
     DockviewComponent.prototype.doRemoveGroup = function (group, options) {
-        var e_15, _a;
+        var e_16, _a;
         var _b;
         var panels = __spreadArray([], __read(group.panels), false); // reassign since group panels will mutate
         if (!(options === null || options === void 0 ? void 0 : options.skipDispose)) {
@@ -1550,12 +1622,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                     });
                 }
             }
-            catch (e_15_1) { e_15 = { error: e_15_1 }; }
+            catch (e_16_1) { e_16 = { error: e_16_1 }; }
             finally {
                 try {
                     if (panels_1_1 && !panels_1_1.done && (_a = panels_1.return)) _a.call(panels_1);
                 }
-                finally { if (e_15) throw e_15.error; }
+                finally { if (e_16) throw e_16.error; }
             }
         }
         var activePanel = this.activePanel;
@@ -1575,7 +1647,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 }
                 return floatingGroup.group;
             }
-            throw new Error('failed to find floating group');
+            throw new Error('dockview: failed to find floating group');
         }
         if (group.api.location.type === 'popout') {
             var selectedGroup = this._popoutGroups.find(function (_) { return _.popoutGroup === group; });
@@ -1606,7 +1678,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 this.updateWatermark();
                 return selectedGroup.popoutGroup;
             }
-            throw new Error('failed to find popout group');
+            throw new Error('dockview: failed to find popout group');
         }
         var re = _super.prototype.doRemoveGroup.call(this, group, options);
         if (!(options === null || options === void 0 ? void 0 : options.skipActive)) {
@@ -1638,7 +1710,7 @@ var DockviewComponent = /** @class */ (function (_super) {
             ? (_a = this._groups.get(sourceGroupId)) === null || _a === void 0 ? void 0 : _a.value
             : undefined;
         if (!sourceGroup) {
-            throw new Error("Failed to find group id ".concat(sourceGroupId));
+            throw new Error("dockview: Failed to find group id ".concat(sourceGroupId));
         }
         if (sourceItemId === undefined) {
             /**
@@ -1665,9 +1737,9 @@ var DockviewComponent = /** @class */ (function (_super) {
                 });
             });
             if (!removedPanel_1) {
-                throw new Error("No panel with id ".concat(sourceItemId));
+                throw new Error("dockview: No panel with id ".concat(sourceItemId));
             }
-            if (sourceGroup.model.size === 0) {
+            if (!options.keepEmptyGroups && sourceGroup.model.size === 0) {
                 // remove the group and do not set a new group as active
                 this.doRemoveGroup(sourceGroup, { skipActive: true });
             }
@@ -1677,7 +1749,8 @@ var DockviewComponent = /** @class */ (function (_super) {
                 var _a;
                 return destinationGroup.model.openPanel(removedPanel_1, {
                     index: destinationIndex,
-                    skipSetActive: ((_a = options.skipSetActive) !== null && _a !== void 0 ? _a : false) && !isDestinationGroupEmpty_1,
+                    skipSetActive: ((_a = options.skipSetActive) !== null && _a !== void 0 ? _a : false) &&
+                        !isDestinationGroupEmpty_1,
                     skipSetGroupActive: true,
                 });
             });
@@ -1688,6 +1761,13 @@ 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 {
             /**
@@ -1735,7 +1815,9 @@ var DockviewComponent = /** @class */ (function (_super) {
                     this.doRemoveGroup(sourceGroup, { skipActive: true });
                     var newGroup_1 = this.createGroupAtLocation(targetLocation);
                     this.movingLock(function () {
-                        return newGroup_1.model.openPanel(removedPanel_2);
+                        return newGroup_1.model.openPanel(removedPanel_2, {
+                            skipSetActive: true,
+                        });
                     });
                     this.doSetGroupAndPanelActive(newGroup_1);
                     this._onDidMovePanel.fire({
@@ -1773,7 +1855,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                     });
                 });
                 if (!removedPanel_3) {
-                    throw new Error("No panel with id ".concat(sourceItemId));
+                    throw new Error("dockview: No panel with id ".concat(sourceItemId));
                 }
                 var dropLocation = (0, gridview_1.getRelativeLocation)(this.gridview.orientation, referenceLocation, destinationTarget);
                 var group_2 = this.createGroupAtLocation(dropLocation);
@@ -1808,7 +1890,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 this.doRemoveGroup(from, { skipActive: true });
             }
             this.movingLock(function () {
-                var e_16, _a;
+                var e_17, _a;
                 try {
                     for (var panels_3 = __values(panels_2), panels_3_1 = panels_3.next(); !panels_3_1.done; panels_3_1 = panels_3.next()) {
                         var panel = panels_3_1.value;
@@ -1818,12 +1900,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                         });
                     }
                 }
-                catch (e_16_1) { e_16 = { error: e_16_1 }; }
+                catch (e_17_1) { e_17 = { error: e_17_1 }; }
                 finally {
                     try {
                         if (panels_3_1 && !panels_3_1.done && (_a = panels_3.return)) _a.call(panels_3);
                     }
-                    finally { if (e_16) throw e_16.error; }
+                    finally { if (e_17) throw e_17.error; }
                 }
             });
             // Ensure group becomes active after move
@@ -1846,7 +1928,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 case 'floating': {
                     var selectedFloatingGroup = this._floatingGroups.find(function (x) { return x.group === from; });
                     if (!selectedFloatingGroup) {
-                        throw new Error('failed to find floating group');
+                        throw new Error('dockview: failed to find floating group');
                     }
                     selectedFloatingGroup.dispose();
                     break;
@@ -1854,7 +1936,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 case 'popout': {
                     var selectedPopoutGroup = this._popoutGroups.find(function (x) { return x.popoutGroup === from; });
                     if (!selectedPopoutGroup) {
-                        throw new Error('failed to find popout group');
+                        throw new Error('dockview: failed to find popout group');
                     }
                     // Remove from popout groups list to prevent automatic restoration
                     var index = this._popoutGroups.indexOf(selectedPopoutGroup);

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

@@ -3,7 +3,7 @@ import { PanelTransfer } from '../dnd/dataTransfer';
 import { Position } from '../dnd/droptarget';
 import { DockviewComponent } from './dockviewComponent';
 import { DockviewEvent, Event } from '../events';
-import { DockviewGroupDropLocation, WillShowOverlayLocationEvent } from './events';
+import { DockviewGroupDropLocation, DockviewWillShowOverlayLocationEvent } from './events';
 import { IViewSize } from '../gridview/gridview';
 import { CompositeDisposable } from '../lifecycle';
 import { IPanel, PanelInitParameters, PanelUpdateEvent, Parameters } from '../panel/types';
@@ -155,7 +155,7 @@ export declare class DockviewGroupPanelModel extends CompositeDisposable impleme
     private readonly _onWillDrop;
     readonly onWillDrop: Event<DockviewWillDropEvent>;
     private readonly _onWillShowOverlay;
-    readonly onWillShowOverlay: Event<WillShowOverlayLocationEvent>;
+    readonly onWillShowOverlay: Event<DockviewWillShowOverlayLocationEvent>;
     private readonly _onTabDragStart;
     readonly onTabDragStart: Event<TabDragEvent>;
     private readonly _onGroupDragStart;

package/dist/cjs/dockview/dockviewGroupPanelModel.js

@@ -194,7 +194,7 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         }), _this.tabsContainer.onWillShowOverlay(function (event) {
             _this._onWillShowOverlay.fire(event);
         }), _this.contentContainer.dropTarget.onWillShowOverlay(function (event) {
-            _this._onWillShowOverlay.fire(new events_2.WillShowOverlayLocationEvent(event, {
+            _this._onWillShowOverlay.fire(new events_2.DockviewWillShowOverlayLocationEvent(event, {
                 kind: 'content',
                 panel: _this.activePanel,
                 api: _this._api,
@@ -651,8 +651,11 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         this._activePanel = panel;
         if (panel) {
             this.tabsContainer.setActivePanel(panel);
+            this.contentContainer.openPanel(panel);
             panel.layout(this._width, this._height);
             this.updateMru(panel);
+            // Refresh focus state to handle programmatic activation without DOM focus change
+            this.contentContainer.refreshFocusState();
             this._onDidActivePanelChange.fire({
                 panel: panel,
             });

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

@@ -21,6 +21,7 @@ export interface IDockviewPanel extends IDisposable, IPanel {
     updateParentGroup(group: DockviewGroupPanel, options?: {
         skipSetActive?: boolean;
     }): void;
+    updateFromStateModel(state: GroupviewPanelState): void;
     init(params: IGroupPanelInitParameters): void;
     toJSON(): GroupviewPanelState;
     setTitle(title: string): void;
@@ -37,10 +38,10 @@ export declare class DockviewPanel extends CompositeDisposable implements IDockv
     private _params?;
     private _title;
     private _renderer;
-    private readonly _minimumWidth;
-    private readonly _minimumHeight;
-    private readonly _maximumWidth;
-    private readonly _maximumHeight;
+    private _minimumWidth;
+    private _minimumHeight;
+    private _maximumWidth;
+    private _maximumHeight;
     get params(): Parameters | undefined;
     get title(): string | undefined;
     get group(): DockviewGroupPanel;
@@ -58,6 +59,7 @@ export declare class DockviewPanel extends CompositeDisposable implements IDockv
     setTitle(title: string): void;
     setRenderer(renderer: DockviewPanelRenderer): void;
     update(event: PanelUpdateEvent): void;
+    updateFromStateModel(state: GroupviewPanelState): void;
     updateParentGroup(group: DockviewGroupPanel, options?: {
         skipSetActive?: boolean;
     }): void;