dockview-core 6.5.0 → 6.6.1

package/dist/cjs/dockview/dockviewComponent.js

@@ -1417,9 +1417,29 @@ var DockviewComponent = /** @class */ (function (_super) {
         return result;
     };
     DockviewComponent.prototype.fromJSON = function (data, options) {
-        var e_15, _a, e_16, _b, e_17, _c, e_18, _d, e_19, _e, e_20, _f, e_21, _g, e_22, _h, e_23, _j, e_24, _k;
+        var e_15, _a, e_16, _b, e_17, _c, e_18, _d, e_19, _e, e_20, _f, e_21, _g, e_22, _h, e_23, _j, e_24, _k, e_25, _l;
         var _this = this;
-        var _l, _m, _o;
+        var _m, _o, _p;
+        try {
+            // Cancel any popout-restoration timers queued by a previous fromJSON
+            // that haven't fired yet. Each cleanup also disposes the orphan group
+            // that was registered in _groups synchronously but never parented
+            // into a popout window — otherwise the upcoming clear() would call
+            // gridview.remove() on an unparented element and throw
+            // "Invalid grid element". See issue #1304.
+            for (var _q = __values(__spreadArray([], __read(this._popoutRestorationCleanups), false)), _r = _q.next(); !_r.done; _r = _q.next()) {
+                var cleanup = _r.value;
+                cleanup();
+            }
+        }
+        catch (e_15_1) { e_15 = { error: e_15_1 }; }
+        finally {
+            try {
+                if (_r && !_r.done && (_a = _q.return)) _a.call(_q);
+            }
+            finally { if (e_15) throw e_15.error; }
+        }
+        this._popoutRestorationCleanups.clear();
         var existingPanels = new Map();
         var tempGroup;
         if (options === null || options === void 0 ? void 0 : options.reuseExistingPanels) {
@@ -1433,19 +1453,19 @@ var DockviewComponent = /** @class */ (function (_super) {
             this._groups.delete(tempGroup.api.id);
             var newPanels = Object.keys(data.panels);
             try {
-                for (var _p = __values(this.panels), _q = _p.next(); !_q.done; _q = _p.next()) {
-                    var panel = _q.value;
+                for (var _s = __values(this.panels), _t = _s.next(); !_t.done; _t = _s.next()) {
+                    var panel = _t.value;
                     if (newPanels.includes(panel.api.id)) {
                         existingPanels.set(panel.api.id, panel);
                     }
                 }
             }
-            catch (e_15_1) { e_15 = { error: e_15_1 }; }
+            catch (e_16_1) { e_16 = { error: e_16_1 }; }
             finally {
                 try {
-                    if (_q && !_q.done && (_a = _p.return)) _a.call(_p);
+                    if (_t && !_t.done && (_b = _s.return)) _b.call(_s);
                 }
-                finally { if (e_15) throw e_15.error; }
+                finally { if (e_16) throw e_16.error; }
             }
             this.movingLock(function () {
                 Array.from(existingPanels.values()).forEach(function (panel) {
@@ -1476,7 +1496,7 @@ var DockviewComponent = /** @class */ (function (_super) {
             var width = this.width;
             var height = this.height;
             var createGroupFromSerializedState_1 = function (data) {
-                var e_25, _a;
+                var e_26, _a;
                 var id = data.id, locked = data.locked, hideHeader = data.hideHeader, headerPosition = data.headerPosition, views = data.views, activeView = data.activeView;
                 if (typeof id !== 'string') {
                     throw new Error('dockview: group id must be of type string');
@@ -1514,12 +1534,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                         _loop_1(child);
                     }
                 }
-                catch (e_25_1) { e_25 = { error: e_25_1 }; }
+                catch (e_26_1) { e_26 = { error: e_26_1 }; }
                 finally {
                     try {
                         if (views_2_1 && !views_2_1.done && (_a = views_2.return)) _a.call(views_2);
                     }
-                    finally { if (e_25) throw e_25.error; }
+                    finally { if (e_26) throw e_26.error; }
                 }
                 var _loop_2 = function (i) {
                     var panel = createdPanels[i];
@@ -1567,39 +1587,39 @@ var DockviewComponent = /** @class */ (function (_super) {
                     // Auto-create edge groups for positions in the serialized state
                     // that don't already have a group registered (e.g. when fromJSON
                     // is called before the user has called addEdgeGroup).
-                    for (var _r = __values([
+                    for (var _u = __values([
                         'top',
                         'bottom',
                         'left',
                         'right',
-                    ]), _s = _r.next(); !_s.done; _s = _r.next()) {
-                        var _position = _s.value;
+                    ]), _v = _u.next(); !_v.done; _v = _u.next()) {
+                        var _position = _v.value;
                         var fixedData = data.edgeGroups[_position];
                         if (fixedData && !this._edgeGroups.has(_position)) {
                             var groupState = fixedData.group;
-                            var id = (_l = groupState === null || groupState === void 0 ? void 0 : groupState.id) !== null && _l !== void 0 ? _l : "".concat(_position, "-group");
+                            var id = (_m = groupState === null || groupState === void 0 ? void 0 : groupState.id) !== null && _m !== void 0 ? _m : "".concat(_position, "-group");
                             this.addEdgeGroup(_position, { id: id });
                         }
                     }
                 }
-                catch (e_16_1) { e_16 = { error: e_16_1 }; }
+                catch (e_17_1) { e_17 = { error: e_17_1 }; }
                 finally {
                     try {
-                        if (_s && !_s.done && (_b = _r.return)) _b.call(_r);
+                        if (_v && !_v.done && (_c = _u.return)) _c.call(_u);
                     }
-                    finally { if (e_16) throw e_16.error; }
+                    finally { if (e_17) throw e_17.error; }
                 }
                 try {
                     // Restore panel contents of edge groups
-                    for (var _t = __values(this._edgeGroups), _u = _t.next(); !_u.done; _u = _t.next()) {
-                        var _v = __read(_u.value, 2), position = _v[0], edgeGroup = _v[1];
+                    for (var _w = __values(this._edgeGroups), _x = _w.next(); !_x.done; _x = _w.next()) {
+                        var _y = __read(_x.value, 2), position = _y[0], edgeGroup = _y[1];
                         var edgeData = data.edgeGroups[position];
                         var groupState = edgeData === null || edgeData === void 0 ? void 0 : edgeData.group;
                         if (groupState) {
                             var views = groupState.views, activeView = groupState.activeView;
                             var createdPanels = [];
                             try {
-                                for (var views_1 = (e_18 = void 0, __values(views)), views_1_1 = views_1.next(); !views_1_1.done; views_1_1 = views_1.next()) {
+                                for (var views_1 = (e_19 = void 0, __values(views)), views_1_1 = views_1.next(); !views_1_1.done; views_1_1 = views_1.next()) {
                                     var panelId = views_1_1.value;
                                     if (panels[panelId]) {
                                         var panel = this._deserializer.fromJSON(panels[panelId], edgeGroup);
@@ -1607,12 +1627,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                                     }
                                 }
                             }
-                            catch (e_18_1) { e_18 = { error: e_18_1 }; }
+                            catch (e_19_1) { e_19 = { error: e_19_1 }; }
                             finally {
                                 try {
-                                    if (views_1_1 && !views_1_1.done && (_d = views_1.return)) _d.call(views_1);
+                                    if (views_1_1 && !views_1_1.done && (_e = views_1.return)) _e.call(views_1);
                                 }
-                                finally { if (e_18) throw e_18.error; }
+                                finally { if (e_19) throw e_19.error; }
                             }
                             for (var i = 0; i < createdPanels.length; i++) {
                                 var panel = createdPanels[i];
@@ -1634,16 +1654,16 @@ var DockviewComponent = /** @class */ (function (_super) {
                         }
                     }
                 }
-                catch (e_17_1) { e_17 = { error: e_17_1 }; }
+                catch (e_18_1) { e_18 = { error: e_18_1 }; }
                 finally {
                     try {
-                        if (_u && !_u.done && (_c = _t.return)) _c.call(_t);
+                        if (_x && !_x.done && (_d = _w.return)) _d.call(_w);
                     }
-                    finally { if (e_17) throw e_17.error; }
+                    finally { if (e_18) throw e_18.error; }
                 }
                 this._shellManager.fromJSON(data.edgeGroups);
             }
-            var serializedFloatingGroups = (_m = data.floatingGroups) !== null && _m !== void 0 ? _m : [];
+            var serializedFloatingGroups = (_o = data.floatingGroups) !== null && _o !== void 0 ? _o : [];
             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;
@@ -1658,14 +1678,14 @@ var DockviewComponent = /** @class */ (function (_super) {
                     });
                 }
             }
-            catch (e_19_1) { e_19 = { error: e_19_1 }; }
+            catch (e_20_1) { e_20 = { error: e_20_1 }; }
             finally {
                 try {
-                    if (serializedFloatingGroups_1_1 && !serializedFloatingGroups_1_1.done && (_e = serializedFloatingGroups_1.return)) _e.call(serializedFloatingGroups_1);
+                    if (serializedFloatingGroups_1_1 && !serializedFloatingGroups_1_1.done && (_f = serializedFloatingGroups_1.return)) _f.call(serializedFloatingGroups_1);
                 }
-                finally { if (e_19) throw e_19.error; }
+                finally { if (e_20) throw e_20.error; }
             }
-            var serializedPopoutGroups = (_o = data.popoutGroups) !== null && _o !== void 0 ? _o : [];
+            var serializedPopoutGroups = (_p = data.popoutGroups) !== null && _p !== void 0 ? _p : [];
             // Create a promise that resolves when all popout groups are created
             var popoutPromises_1 = [];
             // Queue popup group creation with delays to avoid browser blocking
@@ -1675,8 +1695,36 @@ var DockviewComponent = /** @class */ (function (_super) {
                 // Add a small delay for each popup after the first to avoid browser popup blocking
                 var popoutPromise = new Promise(function (resolve) {
                     var cleanup = function () {
+                        var e_27, _a;
                         _this._popoutRestorationCleanups.delete(cleanup);
                         clearTimeout(handle);
+                        // The group was registered in _groups synchronously
+                        // but the timer that would parent it into the popout
+                        // window never ran. Dispose the orphan here so the
+                        // next clear() doesn't trip over an unparented
+                        // element. See issue #1304.
+                        if (!_this.isDisposed &&
+                            _this._groups.has(group.id) &&
+                            group.element.parentElement === null) {
+                            try {
+                                for (var _b = __values(__spreadArray([], __read(group.panels), false)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                                    var panel = _c.value;
+                                    _this.removePanel(panel, {
+                                        removeEmptyGroup: false,
+                                    });
+                                }
+                            }
+                            catch (e_27_1) { e_27 = { error: e_27_1 }; }
+                            finally {
+                                try {
+                                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                                }
+                                finally { if (e_27) throw e_27.error; }
+                            }
+                            group.dispose();
+                            _this._groups.delete(group.id);
+                            _this._onDidRemoveGroup.fire(group);
+                        }
                         resolve();
                     };
                     var handle = setTimeout(function () {
@@ -1710,17 +1758,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 _w = __values(this._floatingGroups), _x = _w.next(); !_x.done; _x = _w.next()) {
-                    var floatingGroup = _x.value;
+                for (var _z = __values(this._floatingGroups), _0 = _z.next(); !_0.done; _0 = _z.next()) {
+                    var floatingGroup = _0.value;
                     floatingGroup.overlay.setBounds();
                 }
             }
-            catch (e_20_1) { e_20 = { error: e_20_1 }; }
+            catch (e_21_1) { e_21 = { error: e_21_1 }; }
             finally {
                 try {
-                    if (_x && !_x.done && (_f = _w.return)) _f.call(_w);
+                    if (_0 && !_0.done && (_g = _z.return)) _g.call(_z);
                 }
-                finally { if (e_20) throw e_20.error; }
+                finally { if (e_21) throw e_21.error; }
             }
             if (typeof activeGroup === 'string') {
                 var panel = this.getPanel(activeGroup);
@@ -1735,65 +1783,65 @@ var DockviewComponent = /** @class */ (function (_super) {
                 /**
                  * Takes all the successfully created groups and remove all of their panels.
                  */
-                for (var _y = __values(this.groups), _z = _y.next(); !_z.done; _z = _y.next()) {
-                    var group = _z.value;
+                for (var _1 = __values(this.groups), _2 = _1.next(); !_2.done; _2 = _1.next()) {
+                    var group = _2.value;
                     try {
-                        for (var _0 = (e_22 = void 0, __values(group.panels)), _1 = _0.next(); !_1.done; _1 = _0.next()) {
-                            var panel = _1.value;
+                        for (var _3 = (e_23 = void 0, __values(group.panels)), _4 = _3.next(); !_4.done; _4 = _3.next()) {
+                            var panel = _4.value;
                             this.removePanel(panel, {
                                 removeEmptyGroup: false,
                                 skipDispose: false,
                             });
                         }
                     }
-                    catch (e_22_1) { e_22 = { error: e_22_1 }; }
+                    catch (e_23_1) { e_23 = { error: e_23_1 }; }
                     finally {
                         try {
-                            if (_1 && !_1.done && (_h = _0.return)) _h.call(_0);
+                            if (_4 && !_4.done && (_j = _3.return)) _j.call(_3);
                         }
-                        finally { if (e_22) throw e_22.error; }
+                        finally { if (e_23) throw e_23.error; }
                     }
                 }
             }
-            catch (e_21_1) { e_21 = { error: e_21_1 }; }
+            catch (e_22_1) { e_22 = { error: e_22_1 }; }
             finally {
                 try {
-                    if (_z && !_z.done && (_g = _y.return)) _g.call(_y);
+                    if (_2 && !_2.done && (_h = _1.return)) _h.call(_1);
                 }
-                finally { if (e_21) throw e_21.error; }
+                finally { if (e_22) throw e_22.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 _2 = __values(this.groups), _3 = _2.next(); !_3.done; _3 = _2.next()) {
-                    var group = _3.value;
+                for (var _5 = __values(this.groups), _6 = _5.next(); !_6.done; _6 = _5.next()) {
+                    var group = _6.value;
                     group.dispose();
                     this._groups.delete(group.id);
                     this._onDidRemoveGroup.fire(group);
                 }
             }
-            catch (e_23_1) { e_23 = { error: e_23_1 }; }
+            catch (e_24_1) { e_24 = { error: e_24_1 }; }
             finally {
                 try {
-                    if (_3 && !_3.done && (_j = _2.return)) _j.call(_2);
+                    if (_6 && !_6.done && (_k = _5.return)) _k.call(_5);
                 }
-                finally { if (e_23) throw e_23.error; }
+                finally { if (e_24) throw e_24.error; }
             }
             try {
                 // iterate over a reassigned array since original array will be modified
-                for (var _4 = __values(__spreadArray([], __read(this._floatingGroups), false)), _5 = _4.next(); !_5.done; _5 = _4.next()) {
-                    var floatingGroup = _5.value;
+                for (var _7 = __values(__spreadArray([], __read(this._floatingGroups), false)), _8 = _7.next(); !_8.done; _8 = _7.next()) {
+                    var floatingGroup = _8.value;
                     floatingGroup.dispose();
                 }
             }
-            catch (e_24_1) { e_24 = { error: e_24_1 }; }
+            catch (e_25_1) { e_25 = { error: e_25_1 }; }
             finally {
                 try {
-                    if (_5 && !_5.done && (_k = _4.return)) _k.call(_4);
+                    if (_8 && !_8.done && (_l = _7.return)) _l.call(_7);
                 }
-                finally { if (e_24) throw e_24.error; }
+                finally { if (e_25) throw e_25.error; }
             }
             // fires clean-up events and clears the underlying HTML gridview.
             this.clear();
@@ -1810,7 +1858,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         this._onDidLayoutFromJSON.fire();
     };
     DockviewComponent.prototype.clear = function () {
-        var e_26, _a, e_27, _b;
+        var e_28, _a, e_29, _b;
         var groups = Array.from(this._groups.values()).map(function (_) { return _.value; });
         var hasActiveGroup = !!this.activeGroup;
         try {
@@ -1820,17 +1868,17 @@ var DockviewComponent = /** @class */ (function (_super) {
                     // Edge groups are structural - only clear their panels, not the group itself
                     var panels = __spreadArray([], __read(group.panels), false);
                     try {
-                        for (var panels_1 = (e_27 = void 0, __values(panels)), panels_1_1 = panels_1.next(); !panels_1_1.done; panels_1_1 = panels_1.next()) {
+                        for (var panels_1 = (e_29 = void 0, __values(panels)), panels_1_1 = panels_1.next(); !panels_1_1.done; panels_1_1 = panels_1.next()) {
                             var panel = panels_1_1.value;
                             this.removePanel(panel, { removeEmptyGroup: false });
                         }
                     }
-                    catch (e_27_1) { e_27 = { error: e_27_1 }; }
+                    catch (e_29_1) { e_29 = { error: e_29_1 }; }
                     finally {
                         try {
                             if (panels_1_1 && !panels_1_1.done && (_b = panels_1.return)) _b.call(panels_1);
                         }
-                        finally { if (e_27) throw e_27.error; }
+                        finally { if (e_29) throw e_29.error; }
                     }
                     continue;
                 }
@@ -1838,12 +1886,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                 this.removeGroup(group, { skipActive: true });
             }
         }
-        catch (e_26_1) { e_26 = { error: e_26_1 }; }
+        catch (e_28_1) { e_28 = { error: e_28_1 }; }
         finally {
             try {
                 if (groups_1_1 && !groups_1_1.done && (_a = groups_1.return)) _a.call(groups_1);
             }
-            finally { if (e_26) throw e_26.error; }
+            finally { if (e_28) throw e_28.error; }
         }
         if (hasActiveGroup) {
             this.doSetGroupAndPanelActive(undefined);
@@ -1851,7 +1899,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         this.gridview.clear();
     };
     DockviewComponent.prototype.closeAllGroups = function () {
-        var e_28, _a;
+        var e_30, _a;
         try {
             for (var _b = __values(this._groups.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
                 var entry = _c.value;
@@ -1859,12 +1907,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                 group.value.model.closeAllPanels();
             }
         }
-        catch (e_28_1) { e_28 = { error: e_28_1 }; }
+        catch (e_30_1) { e_30 = { error: e_30_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_28) throw e_28.error; }
+            finally { if (e_30) throw e_30.error; }
         }
     };
     DockviewComponent.prototype.addPanel = function (options) {
@@ -2116,7 +2164,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         this.doRemoveGroup(group, options);
     };
     DockviewComponent.prototype.doRemoveGroup = function (group, options) {
-        var e_29, _a;
+        var e_31, _a;
         var _b;
         // Edge groups are permanent structural elements - never remove them from the layout
         if (__spreadArray([], __read(this._edgeGroups.values()), false).includes(group)) {
@@ -2133,12 +2181,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                     });
                 }
             }
-            catch (e_29_1) { e_29 = { error: e_29_1 }; }
+            catch (e_31_1) { e_31 = { error: e_31_1 }; }
             finally {
                 try {
                     if (panels_2_1 && !panels_2_1.done && (_a = panels_2.return)) _a.call(panels_2);
                 }
-                finally { if (e_29) throw e_29.error; }
+                finally { if (e_31) throw e_31.error; }
             }
         }
         var activePanel = this.activePanel;
@@ -2470,9 +2518,9 @@ var DockviewComponent = /** @class */ (function (_super) {
             return;
         }
         var addPanelsToGroup = function (targetGroup) {
-            var e_30, _a, e_31, _b;
+            var e_32, _a, e_33, _b;
             _this.movingLock(function () {
-                var e_32, _a;
+                var e_34, _a;
                 try {
                     for (var removedPanels_3 = __values(removedPanels), removedPanels_3_1 = removedPanels_3.next(); !removedPanels_3_1.done; removedPanels_3_1 = removedPanels_3.next()) {
                         var panel = removedPanels_3_1.value;
@@ -2483,12 +2531,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                         });
                     }
                 }
-                catch (e_32_1) { e_32 = { error: e_32_1 }; }
+                catch (e_34_1) { e_34 = { error: e_34_1 }; }
                 finally {
                     try {
                         if (removedPanels_3_1 && !removedPanels_3_1.done && (_a = removedPanels_3.return)) _a.call(removedPanels_3);
                     }
-                    finally { if (e_32) throw e_32.error; }
+                    finally { if (e_34) throw e_34.error; }
                 }
             });
             // Recreate the tab group in the destination
@@ -2504,12 +2552,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                     targetGroup.model.addPanelToTabGroup(newTabGroup.id, panel.id);
                 }
             }
-            catch (e_30_1) { e_30 = { error: e_30_1 }; }
+            catch (e_32_1) { e_32 = { error: e_32_1 }; }
             finally {
                 try {
                     if (removedPanels_1_1 && !removedPanels_1_1.done && (_a = removedPanels_1.return)) _a.call(removedPanels_1);
                 }
-                finally { if (e_30) throw e_30.error; }
+                finally { if (e_32) throw e_32.error; }
             }
             if (!options.skipSetActive) {
                 _this.doSetGroupAndPanelActive(targetGroup);
@@ -2523,12 +2571,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                     });
                 }
             }
-            catch (e_31_1) { e_31 = { error: e_31_1 }; }
+            catch (e_33_1) { e_33 = { error: e_33_1 }; }
             finally {
                 try {
                     if (removedPanels_2_1 && !removedPanels_2_1.done && (_b = removedPanels_2.return)) _b.call(removedPanels_2);
                 }
-                finally { if (e_31) throw e_31.error; }
+                finally { if (e_33) throw e_33.error; }
             }
         };
         var targetGroup;
@@ -2554,7 +2602,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         addPanelsToGroup(targetGroup);
     };
     DockviewComponent.prototype.moveGroup = function (options) {
-        var e_33, _a, e_34, _b, e_35, _c, e_36, _d;
+        var e_35, _a, e_36, _b, e_37, _c, e_38, _d;
         var _this = this;
         var from = options.from.group;
         var to = options.to.group;
@@ -2586,7 +2634,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 this.doRemoveGroup(from, { skipActive: true });
             }
             this.movingLock(function () {
-                var e_37, _a;
+                var e_39, _a;
                 try {
                     for (var panels_4 = __values(panels_3), panels_4_1 = panels_4.next(); !panels_4_1.done; panels_4_1 = panels_4.next()) {
                         var panel = panels_4_1.value;
@@ -2596,12 +2644,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                         });
                     }
                 }
-                catch (e_37_1) { e_37 = { error: e_37_1 }; }
+                catch (e_39_1) { e_39 = { error: e_39_1 }; }
                 finally {
                     try {
                         if (panels_4_1 && !panels_4_1.done && (_a = panels_4.return)) _a.call(panels_4);
                     }
-                    finally { if (e_37) throw e_37.error; }
+                    finally { if (e_39) throw e_39.error; }
                 }
             });
             try {
@@ -2614,26 +2662,26 @@ var DockviewComponent = /** @class */ (function (_super) {
                         componentParams: snapshot.componentParams,
                     });
                     try {
-                        for (var _e = (e_34 = void 0, __values(snapshot.panelIds)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                        for (var _e = (e_36 = void 0, __values(snapshot.panelIds)), _f = _e.next(); !_f.done; _f = _e.next()) {
                             var panelId = _f.value;
                             to.model.addPanelToTabGroup(newTabGroup.id, panelId);
                         }
                     }
-                    catch (e_34_1) { e_34 = { error: e_34_1 }; }
+                    catch (e_36_1) { e_36 = { error: e_36_1 }; }
                     finally {
                         try {
                             if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
                         }
-                        finally { if (e_34) throw e_34.error; }
+                        finally { if (e_36) throw e_36.error; }
                     }
                 }
             }
-            catch (e_33_1) { e_33 = { error: e_33_1 }; }
+            catch (e_35_1) { e_35 = { error: e_35_1 }; }
             finally {
                 try {
                     if (tabGroupSnapshots_1_1 && !tabGroupSnapshots_1_1.done && (_a = tabGroupSnapshots_1.return)) _a.call(tabGroupSnapshots_1);
                 }
-                finally { if (e_33) throw e_33.error; }
+                finally { if (e_35) throw e_35.error; }
             }
             // Ensure group becomes active after move
             if (options.skipSetActive !== true) {
@@ -2676,7 +2724,7 @@ var DockviewComponent = /** @class */ (function (_super) {
                 });
                 source = this.createGroup();
                 this.movingLock(function () {
-                    var e_38, _a;
+                    var e_40, _a;
                     try {
                         for (var movedPanels_2 = __values(movedPanels_1), movedPanels_2_1 = movedPanels_2.next(); !movedPanels_2_1.done; movedPanels_2_1 = movedPanels_2.next()) {
                             var panel = movedPanels_2_1.value;
@@ -2686,12 +2734,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                             });
                         }
                     }
-                    catch (e_38_1) { e_38 = { error: e_38_1 }; }
+                    catch (e_40_1) { e_40 = { error: e_40_1 }; }
                     finally {
                         try {
                             if (movedPanels_2_1 && !movedPanels_2_1.done && (_a = movedPanels_2.return)) _a.call(movedPanels_2);
                         }
-                        finally { if (e_38) throw e_38.error; }
+                        finally { if (e_40) throw e_40.error; }
                     }
                 });
                 try {
@@ -2704,26 +2752,26 @@ var DockviewComponent = /** @class */ (function (_super) {
                             componentParams: snapshot.componentParams,
                         });
                         try {
-                            for (var _g = (e_36 = void 0, __values(snapshot.panelIds)), _h = _g.next(); !_h.done; _h = _g.next()) {
+                            for (var _g = (e_38 = void 0, __values(snapshot.panelIds)), _h = _g.next(); !_h.done; _h = _g.next()) {
                                 var panelId = _h.value;
                                 source.model.addPanelToTabGroup(newTabGroup.id, panelId);
                             }
                         }
-                        catch (e_36_1) { e_36 = { error: e_36_1 }; }
+                        catch (e_38_1) { e_38 = { error: e_38_1 }; }
                         finally {
                             try {
                                 if (_h && !_h.done && (_d = _g.return)) _d.call(_g);
                             }
-                            finally { if (e_36) throw e_36.error; }
+                            finally { if (e_38) throw e_38.error; }
                         }
                     }
                 }
-                catch (e_35_1) { e_35 = { error: e_35_1 }; }
+                catch (e_37_1) { e_37 = { error: e_37_1 }; }
                 finally {
                     try {
                         if (tabGroupSnapshots_2_1 && !tabGroupSnapshots_2_1.done && (_c = tabGroupSnapshots_2.return)) _c.call(tabGroupSnapshots_2);
                     }
-                    finally { if (e_35) throw e_35.error; }
+                    finally { if (e_37) throw e_37.error; }
                 }
             }
             else {
@@ -3030,7 +3078,7 @@ var DockviewComponent = /** @class */ (function (_super) {
         }
     };
     DockviewComponent.prototype.updateTheme = function () {
-        var e_39, _a;
+        var e_41, _a;
         var _b, _c, _d, _e, _f, _g, _h, _j, _k;
         var theme = (_b = this._options.theme) !== null && _b !== void 0 ? _b : theme_1.themeAbyss;
         // Apply the theme class only to the shell so edge groups and the
@@ -3071,12 +3119,12 @@ var DockviewComponent = /** @class */ (function (_super) {
                 group.model.updateTabGroups();
             }
         }
-        catch (e_39_1) { e_39 = { error: e_39_1 }; }
+        catch (e_41_1) { e_41 = { error: e_41_1 }; }
         finally {
             try {
                 if (_m && !_m.done && (_a = _l.return)) _a.call(_l);
             }
-            finally { if (e_39) throw e_39.error; }
+            finally { if (e_41) throw e_41.error; }
         }
     };
     return DockviewComponent;