dockview-core 7.0.2 → 7.0.4

package/dist/cjs/api/dockviewGroupPanelApi.js

@@ -115,7 +115,7 @@ var DockviewGroupPanelApiImpl = /** @class */ (function (_super) {
     DockviewGroupPanelApiImpl.prototype.getWindow = function () {
         return this.location.type === 'popout'
             ? this.location.getWindow()
-            : window;
+            : globalThis.window;
     };
     DockviewGroupPanelApiImpl.prototype.setHeaderPosition = function (position) {
         if (!this._group) {

package/dist/cjs/dnd/dropTargetAnchorContainer.js

@@ -55,9 +55,8 @@ var DropTargetAnchorContainer = /** @class */ (function (_super) {
             }
             return {
                 clear: function () {
-                    var _a;
                     if (_this._model) {
-                        (_a = _this._model.root.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(_this._model.root);
+                        _this._model.root.remove();
                     }
                     _this._model = undefined;
                 },

package/dist/cjs/dnd/pointer/longPress.js

@@ -54,7 +54,7 @@ var LongPressDetector = /** @class */ (function (_super) {
         var delay = (_b = this.options.delay) !== null && _b !== void 0 ? _b : DEFAULT_DELAY;
         var tolerance = (_c = this.options.tolerance) !== null && _c !== void 0 ? _c : DEFAULT_TOLERANCE;
         // Source's owning window — popout drags fire on their own window.
-        var targetWindow = (_e = (_d = this.element.ownerDocument) === null || _d === void 0 ? void 0 : _d.defaultView) !== null && _e !== void 0 ? _e : window;
+        var targetWindow = (_e = (_d = this.element.ownerDocument) === null || _d === void 0 ? void 0 : _d.defaultView) !== null && _e !== void 0 ? _e : globalThis.window;
         this._timer = setTimeout(function () {
             _this._timer = undefined;
             _this._cancelPending();

package/dist/cjs/dnd/pointer/pointerDragController.js

@@ -58,9 +58,8 @@ var PointerDragController = /** @class */ (function (_super) {
         return _this;
     }
     PointerDragController.getInstance = function () {
-        if (!PointerDragController._instance) {
-            PointerDragController._instance = new PointerDragController();
-        }
+        var _a;
+        (_a = PointerDragController._instance) !== null && _a !== void 0 ? _a : (PointerDragController._instance = new PointerDragController());
         return PointerDragController._instance;
     };
     Object.defineProperty(PointerDragController.prototype, "active", {
@@ -118,21 +117,24 @@ var PointerDragController = /** @class */ (function (_super) {
         this._onDragStart.fire(startEvent);
         // Source's owning window — popout drags fire on their own window,
         // not the main one.
-        var targetWindow = (_c = (_b = source.ownerDocument) === null || _b === void 0 ? void 0 : _b.defaultView) !== null && _c !== void 0 ? _c : window;
+        var targetWindow = (_c = (_b = source.ownerDocument) === null || _b === void 0 ? void 0 : _b.defaultView) !== null && _c !== void 0 ? _c : globalThis.window;
         this._moveListener = (0, events_1.addDisposableListener)(targetWindow, 'pointermove', function (e) {
-            if (!_this._active || e.pointerId !== _this._active.pointerId) {
+            var _a;
+            if (e.pointerId !== ((_a = _this._active) === null || _a === void 0 ? void 0 : _a.pointerId)) {
                 return;
             }
             _this._handleMove(e);
         });
         this._upListener = (0, events_1.addDisposableListener)(targetWindow, 'pointerup', function (e) {
-            if (!_this._active || e.pointerId !== _this._active.pointerId) {
+            var _a;
+            if (e.pointerId !== ((_a = _this._active) === null || _a === void 0 ? void 0 : _a.pointerId)) {
                 return;
             }
             _this._handleEnd(e, true);
         });
         this._cancelListener = (0, events_1.addDisposableListener)(targetWindow, 'pointercancel', function (e) {
-            if (!_this._active || e.pointerId !== _this._active.pointerId) {
+            var _a;
+            if (e.pointerId !== ((_a = _this._active) === null || _a === void 0 ? void 0 : _a.pointerId)) {
                 return;
             }
             _this._handleEnd(e, false);

package/dist/cjs/dnd/pointer/pointerDragSource.js

@@ -103,7 +103,9 @@ var PointerDragSource = /** @class */ (function (_super) {
             ? initiationDelayOpt()
             : initiationDelayOpt)) !== null && _a !== void 0 ? _a : DEFAULT_TOUCH_INITIATION_DELAY;
         this._armed = !isTouch || initiationDelay <= 0;
-        if (isTouch && initiationDelay > 0 && isFinite(initiationDelay)) {
+        if (isTouch &&
+            initiationDelay > 0 &&
+            Number.isFinite(initiationDelay)) {
             this._armTimer = setTimeout(function () {
                 _this._armTimer = undefined;
                 _this._armed = true;
@@ -115,7 +117,7 @@ var PointerDragSource = /** @class */ (function (_super) {
             ? pressToleranceOpt()
             : pressToleranceOpt)) !== null && _c !== void 0 ? _c : DEFAULT_PRESS_TOLERANCE;
         // Source's owning window — popout drags fire on their own window.
-        var targetWindow = (_e = (_d = this.element.ownerDocument) === null || _d === void 0 ? void 0 : _d.defaultView) !== null && _e !== void 0 ? _e : window;
+        var targetWindow = (_e = (_d = this.element.ownerDocument) === null || _d === void 0 ? void 0 : _d.defaultView) !== null && _e !== void 0 ? _e : globalThis.window;
         this._pendingMoveListener = (0, events_1.addDisposableListener)(targetWindow, 'pointermove', function (moveEvent) {
             if (moveEvent.pointerId !== _this._pendingPointerId) {
                 return;

package/dist/cjs/dockview/components/panel/content.js

@@ -62,7 +62,7 @@ var ContentContainer = /** @class */ (function (_super) {
                 _this.group.location.type !== 'floating') {
                 return false;
             }
-            if (data && data.viewId === _this.accessor.id) {
+            if ((data === null || data === void 0 ? void 0 : data.viewId) === _this.accessor.id) {
                 return true;
             }
             return _this.group.canDisplayOverlay(event, position, 'content');
@@ -139,7 +139,7 @@ var ContentContainer = /** @class */ (function (_super) {
             /**
              * If the currently attached panel is mounted directly to the content then remove it
              */
-            this._element.removeChild(this.panel.view.content.element);
+            this.panel.view.content.element.remove();
             (_b = (_a = this.panel.view.content).onHide) === null || _b === void 0 ? void 0 : _b.call(_a);
         }
         this.panel = panel;
@@ -157,7 +157,7 @@ var ContentContainer = /** @class */ (function (_super) {
                 break;
             case 'always':
                 if (panel.view.content.element.parentElement === this._element) {
-                    this._element.removeChild(panel.view.content.element);
+                    panel.view.content.element.remove();
                 }
                 container = this.group.renderContainer.attach({
                     panel: panel,
@@ -185,11 +185,11 @@ var ContentContainer = /** @class */ (function (_super) {
         // noop
     };
     ContentContainer.prototype.closePanel = function () {
-        var _a, _b, _c;
+        var _a, _b;
         if (this.panel) {
             if (this.panel.api.renderer === 'onlyWhenVisible') {
-                (_a = this.panel.view.content.element.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.panel.view.content.element);
-                (_c = (_b = this.panel.view.content).onHide) === null || _c === void 0 ? void 0 : _c.call(_b);
+                this.panel.view.content.element.remove();
+                (_b = (_a = this.panel.view.content).onHide) === null || _b === void 0 ? void 0 : _b.call(_a);
             }
         }
         this.panel = undefined;

package/dist/cjs/dockview/components/popupService.js

@@ -30,7 +30,7 @@ function isCoarsePrimaryInput(win) {
 var PopupService = /** @class */ (function (_super) {
     __extends(PopupService, _super);
     function PopupService(root, win) {
-        if (win === void 0) { win = window; }
+        if (win === void 0) { win = globalThis.window; }
         var _this = _super.call(this) || this;
         _this._active = null;
         _this._activeDisposable = new lifecycle_1.MutableDisposable();

package/dist/cjs/dockview/components/tab/tab.js

@@ -82,7 +82,7 @@ var Tab = /** @class */ (function (_super) {
                 return false;
             }
             var data = (0, dataTransfer_1.getPanelData)();
-            if (data && _this.accessor.id === data.viewId) {
+            if (_this.accessor.id === (data === null || data === void 0 ? void 0 : data.viewId)) {
                 // Smooth-reorder takes over the in-flight visual when active,
                 // so individual tab overlays are suppressed for internal drags.
                 if (((_a = _this.accessor.options.theme) === null || _a === void 0 ? void 0 : _a.tabAnimation) === 'smooth') {
@@ -193,7 +193,7 @@ var Tab = /** @class */ (function (_super) {
     };
     Tab.prototype.setContent = function (part) {
         if (this.content) {
-            this._element.removeChild(this.content.element);
+            this.content.element.remove();
         }
         this.content = part;
         this._element.appendChild(this.content.element);

package/dist/cjs/dockview/components/titlebar/floatingTitleBar.d.ts

@@ -1,5 +1,4 @@
 import { DockviewComponent } from '../../dockviewComponent';
-import { Event } from '../../../events';
 import { CompositeDisposable } from '../../../lifecycle';
 import { DockviewGroupPanel } from '../../dockviewGroupPanel';
 /**
@@ -20,7 +19,7 @@ export declare class FloatingTitleBar extends CompositeDisposable {
     private readonly dragSource;
     private _group;
     private readonly _onDragStart;
-    readonly onDragStart: Event<PointerEvent | DragEvent>;
+    readonly onDragStart: import("../../../events").Event<PointerEvent | DragEvent>;
     get element(): HTMLElement;
     /** The window's current anchor group — the one this bar drags/activates. */
     get group(): DockviewGroupPanel;

package/dist/cjs/dockview/components/titlebar/groupDragSource.d.ts

@@ -1,5 +1,4 @@
 import { DockviewComponent } from '../../dockviewComponent';
-import { Event } from '../../../events';
 import { CompositeDisposable } from '../../../lifecycle';
 import { DockviewGroupPanel } from '../../dockviewGroupPanel';
 declare const FLOATING_REDOCK_INITIATION_DELAY_MS = 500;
@@ -42,7 +41,7 @@ export declare class GroupDragSource extends CompositeDisposable {
     private readonly pointerDragSource;
     private readonly panelTransfer;
     private readonly _onDragStart;
-    readonly onDragStart: Event<PointerEvent | DragEvent>;
+    readonly onDragStart: import("../../../events").Event<PointerEvent | DragEvent>;
     private readonly isFloatingMoveHandle;
     private get group();
     constructor(options: GroupDragSourceOptions);

package/dist/cjs/dockview/components/titlebar/groupDragSource.js

@@ -68,7 +68,7 @@ var GroupDragSource = /** @class */ (function (_super) {
         _this.addDisposables(_this._onDragStart);
         var buildMultiPanelsGhost = function () {
             var ghostEl = document.createElement('div');
-            var style = window.getComputedStyle(_this._element);
+            var style = globalThis.getComputedStyle(_this._element);
             var bgColor = style.getPropertyValue('--dv-activegroup-visiblepanel-tab-background-color');
             var color = style.getPropertyValue('--dv-activegroup-visiblepanel-tab-color');
             ghostEl.style.backgroundColor = bgColor;

package/dist/cjs/dockview/components/titlebar/tabGroupIndicator.js

@@ -228,8 +228,7 @@ var BaseTabGroupIndicator = /** @class */ (function () {
                 var isAnimating = tg.collapsed ||
                     tg.panelIds.some(function (pid) {
                         var te = tabMap.get(pid);
-                        return (te &&
-                            te.value.element.classList.contains('dv-tab--group-expanding'));
+                        return te === null || te === void 0 ? void 0 : te.value.element.classList.contains('dv-tab--group-expanding');
                     });
                 if (isAnimating && chipEl) {
                     var chipRect = chipEl.getBoundingClientRect();
@@ -349,7 +348,10 @@ var WrapTabGroupIndicator = /** @class */ (function (_super) {
         // Ensure SVG + path child exists (created once, reused)
         var svg = underline.firstElementChild;
         var path;
-        if (!svg || svg.tagName !== 'svg') {
+        if ((svg === null || svg === void 0 ? void 0 : svg.tagName) === 'svg') {
+            path = svg.firstElementChild;
+        }
+        else {
             underline.replaceChildren();
             svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
             svg.style.display = 'block';
@@ -358,9 +360,6 @@ var WrapTabGroupIndicator = /** @class */ (function (_super) {
             svg.appendChild(path);
             underline.appendChild(svg);
         }
-        else {
-            path = svg.firstElementChild;
-        }
         path.setAttribute('stroke', color);
         path.setAttribute('stroke-width', String(t));
         if (!activeTabEntry) {

package/dist/cjs/dockview/components/titlebar/tabGroups.d.ts

@@ -27,9 +27,17 @@ export interface TabGroupManagerCallbacks {
 }
 interface ChipRendererEntry {
     chip: ITabGroupChipRenderer;
-    /** Created by the manager so it can be toggled live on strategy changes. */
-    html5DragSource: IDragSource;
-    pointerDragSource: IDragSource;
+    /**
+     * Created by the manager so it can be toggled live on strategy changes.
+     * Undefined between an in-flight drag being torn down by
+     * `disposeChipDrag` and the following `update()` re-arming it — the chip
+     * element outlives a within-group move even though its drag sources do
+     * not. (#1410)
+     */
+    html5DragSource: IDragSource | undefined;
+    pointerDragSource: IDragSource | undefined;
+    /** Disposes the two drag sources + their shared dragend listener. */
+    dragSourcesDisposable: IDisposable | undefined;
     disposable: IDisposable;
     dropTarget: Droptarget;
 }
@@ -70,14 +78,28 @@ export declare class TabGroupManager {
      * iframe shield are released BEFORE the cross-group move detaches
      * the chip (chip dispose is scheduled on a microtask via
      * `_scheduleTabGroupUpdate`, which is too late for callers that read
-     * `getPanelData()` synchronously after the move). Idempotent — the
-     * subsequent `update()` will also dispose the sources.
+     * `getPanelData()` synchronously after the move).
+     *
+     * A cross-group move dissolves the source chip entirely, but a
+     * within-group reorder keeps the same chip element — so the sources are
+     * cleared to `undefined` here and the subsequent `update()` re-arms them
+     * via `_ensureChipForGroup`. Without that re-arm the chip would fire a
+     * native `dragstart` (the element keeps `draggable=true`) but never set
+     * a transfer payload, leaving the group permanently undraggable after
+     * its first move. (#1410)
      */
     disposeChipDrag(tabGroupId: string): void;
     /** Cloned chip rect used as the pointer follow-finger ghost. */
     private _buildChipGhostElement;
     disposeAll(): void;
     private _ensureIndicator;
+    /**
+     * Create the HTML5 + pointer drag sources for a chip (and the direct
+     * dragend listener that clears the transfer synchronously). Extracted so
+     * both the initial chip build and the post-move re-arm in
+     * `_ensureChipForGroup` share one wiring path. (#1410)
+     */
+    private _createChipDragSources;
     private _ensureChipForGroup;
     private _positionChipForGroup;
     private _updateTabGroupClasses;

package/dist/cjs/dockview/components/titlebar/tabGroups.js

@@ -47,7 +47,6 @@ var dndCapabilities_1 = require("../../dndCapabilities");
 var tabGroupAccent_1 = require("../../tabGroupAccent");
 var tabGroupChip_1 = require("./tabGroupChip");
 var droptarget_1 = require("../../../dnd/droptarget");
-var dataTransfer_2 = require("../../../dnd/dataTransfer");
 var tabGroupIndicator_1 = require("./tabGroupIndicator");
 var EMPTY_MAP = new Map();
 var TabGroupManager = /** @class */ (function () {
@@ -90,6 +89,7 @@ var TabGroupManager = /** @class */ (function () {
      */
     TabGroupManager.prototype.update = function () {
         var e_1, _a, e_2, _b;
+        var _c;
         var model = this._ctx.group.model;
         var tabGroups = model.getTabGroups();
         // Track which group IDs are still active
@@ -111,11 +111,12 @@ var TabGroupManager = /** @class */ (function () {
         }
         try {
             // Remove chips for dissolved/destroyed groups
-            for (var _c = __values(this._chipRenderers), _d = _c.next(); !_d.done; _d = _c.next()) {
-                var _e = __read(_d.value, 2), groupId = _e[0], entry = _e[1];
+            for (var _d = __values(this._chipRenderers), _e = _d.next(); !_e.done; _e = _d.next()) {
+                var _f = __read(_e.value, 2), groupId = _f[0], entry = _f[1];
                 if (!activeGroupIds.has(groupId)) {
                     entry.chip.element.remove();
                     entry.chip.dispose();
+                    (_c = entry.dragSourcesDisposable) === null || _c === void 0 ? void 0 : _c.dispose();
                     entry.disposable.dispose();
                     this._chipRenderers.delete(groupId);
                 }
@@ -124,7 +125,7 @@ var TabGroupManager = /** @class */ (function () {
         catch (e_2_1) { e_2 = { error: e_2_1 }; }
         finally {
             try {
-                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+                if (_e && !_e.done && (_b = _d.return)) _b.call(_d);
             }
             finally { if (e_2) throw e_2.error; }
         }
@@ -297,20 +298,21 @@ var TabGroupManager = /** @class */ (function () {
     };
     TabGroupManager.prototype.updateDragAndDropState = function () {
         var e_7, _a;
+        var _b, _c, _d;
         var caps = (0, dndCapabilities_1.resolveDndCapabilities)(this._ctx.accessor.options);
         try {
-            for (var _b = __values(this._chipRenderers.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var entry = _c.value;
+            for (var _e = __values(this._chipRenderers.values()), _f = _e.next(); !_f.done; _f = _e.next()) {
+                var entry = _f.value;
                 entry.chip.element.draggable = caps.html5;
-                entry.html5DragSource.setDisabled(!caps.html5);
-                entry.pointerDragSource.setDisabled(!caps.pointer);
-                entry.pointerDragSource.setTouchOnly(!caps.pointerHandlesMouse);
+                (_b = entry.html5DragSource) === null || _b === void 0 ? void 0 : _b.setDisabled(!caps.html5);
+                (_c = entry.pointerDragSource) === null || _c === void 0 ? void 0 : _c.setDisabled(!caps.pointer);
+                (_d = entry.pointerDragSource) === null || _d === void 0 ? void 0 : _d.setTouchOnly(!caps.pointerHandlesMouse);
             }
         }
         catch (e_7_1) { e_7 = { error: e_7_1 }; }
         finally {
             try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
             }
             finally { if (e_7) throw e_7.error; }
         }
@@ -321,19 +323,28 @@ var TabGroupManager = /** @class */ (function () {
      * iframe shield are released BEFORE the cross-group move detaches
      * the chip (chip dispose is scheduled on a microtask via
      * `_scheduleTabGroupUpdate`, which is too late for callers that read
-     * `getPanelData()` synchronously after the move). Idempotent — the
-     * subsequent `update()` will also dispose the sources.
+     * `getPanelData()` synchronously after the move).
+     *
+     * A cross-group move dissolves the source chip entirely, but a
+     * within-group reorder keeps the same chip element — so the sources are
+     * cleared to `undefined` here and the subsequent `update()` re-arms them
+     * via `_ensureChipForGroup`. Without that re-arm the chip would fire a
+     * native `dragstart` (the element keeps `draggable=true`) but never set
+     * a transfer payload, leaving the group permanently undraggable after
+     * its first move. (#1410)
      */
     TabGroupManager.prototype.disposeChipDrag = function (tabGroupId) {
-        var _a, _b;
+        var _a;
         var entry = this._chipRenderers.get(tabGroupId);
         if (!entry) {
             return;
         }
         // Optional-chained because tests may inject minimal entries
         // that skip the manager's normal `_ensureChipForGroup` flow.
-        (_a = entry.html5DragSource) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = entry.pointerDragSource) === null || _b === void 0 ? void 0 : _b.dispose();
+        (_a = entry.dragSourcesDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
+        entry.html5DragSource = undefined;
+        entry.pointerDragSource = undefined;
+        entry.dragSourcesDisposable = undefined;
     };
     /** Cloned chip rect used as the pointer follow-finger ghost. */
     TabGroupManager.prototype._buildChipGhostElement = function (chipEl) {
@@ -347,35 +358,36 @@ var TabGroupManager = /** @class */ (function () {
     };
     TabGroupManager.prototype.disposeAll = function () {
         var e_8, _a, e_9, _b;
-        var _c;
+        var _c, _d;
         (_c = this._indicator) === null || _c === void 0 ? void 0 : _c.dispose();
         this._indicator = null;
         try {
-            for (var _d = __values(this._pendingTransitionCleanups), _e = _d.next(); !_e.done; _e = _d.next()) {
-                var _f = __read(_e.value, 2), cleanup = _f[1];
+            for (var _e = __values(this._pendingTransitionCleanups), _f = _e.next(); !_f.done; _f = _e.next()) {
+                var _g = __read(_f.value, 2), cleanup = _g[1];
                 cleanup();
             }
         }
         catch (e_8_1) { e_8 = { error: e_8_1 }; }
         finally {
             try {
-                if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
+                if (_f && !_f.done && (_a = _e.return)) _a.call(_e);
             }
             finally { if (e_8) throw e_8.error; }
         }
         this._pendingTransitionCleanups.clear();
         try {
-            for (var _g = __values(this._chipRenderers), _h = _g.next(); !_h.done; _h = _g.next()) {
-                var _j = __read(_h.value, 2), entry = _j[1];
+            for (var _h = __values(this._chipRenderers), _j = _h.next(); !_j.done; _j = _h.next()) {
+                var _k = __read(_j.value, 2), entry = _k[1];
                 entry.chip.element.remove();
                 entry.chip.dispose();
+                (_d = entry.dragSourcesDisposable) === null || _d === void 0 ? void 0 : _d.dispose();
                 entry.disposable.dispose();
             }
         }
         catch (e_9_1) { e_9 = { error: e_9_1 }; }
         finally {
             try {
-                if (_h && !_h.done && (_b = _g.return)) _b.call(_g);
+                if (_j && !_j.done && (_b = _h.return)) _b.call(_h);
             }
             finally { if (e_9) throw e_9.error; }
         }
@@ -383,7 +395,7 @@ var TabGroupManager = /** @class */ (function () {
     };
     TabGroupManager.prototype._ensureIndicator = function () {
         var _this = this;
-        var _a, _b;
+        var _a, _b, _c;
         var mode = (_b = (_a = this._ctx.accessor.options.theme) === null || _a === void 0 ? void 0 : _a.tabGroupIndicator) !== null && _b !== void 0 ? _b : 'wrap';
         var Ctor = mode === 'none' ? tabGroupIndicator_1.NoneTabGroupIndicator : tabGroupIndicator_1.WrapTabGroupIndicator;
         // Re-create if the indicator type changed (e.g. theme switch)
@@ -391,29 +403,25 @@ var TabGroupManager = /** @class */ (function () {
             this._indicator.dispose();
             this._indicator = null;
         }
-        if (!this._indicator) {
-            this._indicator = new Ctor({
-                tabsList: this._ctx.tabsList,
-                getTabGroups: function () { return _this._ctx.group.model.getTabGroups(); },
-                getActivePanelId: function () { var _a; return (_a = _this._ctx.group.activePanel) === null || _a === void 0 ? void 0 : _a.id; },
-                getTabMap: function () { return _this._ctx.getTabMap(); },
-                getChipElement: function (id) { var _a; return (_a = _this._chipRenderers.get(id)) === null || _a === void 0 ? void 0 : _a.chip.element; },
-                getDirection: function () { return _this._ctx.getDirection(); },
-                getHeaderPosition: function () { return _this._ctx.group.model.headerPosition; },
-                getColorPalette: function () { return _this._ctx.accessor.tabGroupColorPalette; },
-            });
-        }
+        (_c = this._indicator) !== null && _c !== void 0 ? _c : (this._indicator = new Ctor({
+            tabsList: this._ctx.tabsList,
+            getTabGroups: function () { return _this._ctx.group.model.getTabGroups(); },
+            getActivePanelId: function () { var _a; return (_a = _this._ctx.group.activePanel) === null || _a === void 0 ? void 0 : _a.id; },
+            getTabMap: function () { return _this._ctx.getTabMap(); },
+            getChipElement: function (id) { var _a; return (_a = _this._chipRenderers.get(id)) === null || _a === void 0 ? void 0 : _a.chip.element; },
+            getDirection: function () { return _this._ctx.getDirection(); },
+            getHeaderPosition: function () { return _this._ctx.group.model.headerPosition; },
+            getColorPalette: function () { return _this._ctx.accessor.tabGroupColorPalette; },
+        }));
     };
-    TabGroupManager.prototype._ensureChipForGroup = function (tabGroup) {
+    /**
+     * Create the HTML5 + pointer drag sources for a chip (and the direct
+     * dragend listener that clears the transfer synchronously). Extracted so
+     * both the initial chip build and the post-move re-arm in
+     * `_ensureChipForGroup` share one wiring path. (#1410)
+     */
+    TabGroupManager.prototype._createChipDragSources = function (chip, tabGroup) {
         var _this = this;
-        if (this._chipRenderers.has(tabGroup.id)) {
-            return;
-        }
-        var createChip = this._ctx.accessor.options.createTabGroupChipComponent;
-        var chip = createChip
-            ? createChip(tabGroup)
-            : new tabGroupChip_1.TabGroupChip(this._ctx.accessor.tabGroupColorPalette);
-        chip.init({ tabGroup: tabGroup, api: this._ctx.accessor.api });
         var caps = (0, dndCapabilities_1.resolveDndCapabilities)(this._ctx.accessor.options);
         chip.element.draggable = caps.html5;
         var panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
@@ -467,9 +475,12 @@ var TabGroupManager = /** @class */ (function () {
         // the listener survives chip disposal in the detach-then-dragend
         // cross-group path; `once: true` auto-removes after the single
         // dragend that we care about. (#1254)
-        chip.element.addEventListener('dragend', function () {
+        var onDragEndClear = function () {
             panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
-        }, { once: true });
+        };
+        chip.element.addEventListener('dragend', onDragEndClear, {
+            once: true,
+        });
         var pointerDragSource = backend_1.pointerBackend.createDragSource(chip.element, {
             getData: getData,
             disabled: !caps.pointer,
@@ -486,6 +497,42 @@ var TabGroupManager = /** @class */ (function () {
                 _this._callbacks.onChipDragStart(tabGroup, chip, event);
             },
         });
+        return {
+            html5DragSource: html5DragSource,
+            pointerDragSource: pointerDragSource,
+            disposable: {
+                dispose: function () {
+                    html5DragSource.dispose();
+                    pointerDragSource.dispose();
+                    chip.element.removeEventListener('dragend', onDragEndClear);
+                },
+            },
+        };
+    };
+    TabGroupManager.prototype._ensureChipForGroup = function (tabGroup) {
+        var _this = this;
+        var existing = this._chipRenderers.get(tabGroup.id);
+        if (existing) {
+            // A committed group move tears down the chip's drag sources via
+            // `disposeChipDrag`, but a within-group reorder keeps the same
+            // chip element alive. Re-arm the sources so the group stays
+            // draggable; without this the chip is stuck after its first
+            // move — `dragstart` still fires (the element keeps
+            // `draggable=true`) but no transfer payload is set. (#1410)
+            if (!existing.html5DragSource) {
+                var sources = this._createChipDragSources(existing.chip, tabGroup);
+                existing.html5DragSource = sources.html5DragSource;
+                existing.pointerDragSource = sources.pointerDragSource;
+                existing.dragSourcesDisposable = sources.disposable;
+            }
+            return;
+        }
+        var createChip = this._ctx.accessor.options.createTabGroupChipComponent;
+        var chip = createChip
+            ? createChip(tabGroup)
+            : new tabGroupChip_1.TabGroupChip(this._ctx.accessor.tabGroupColorPalette);
+        chip.init({ tabGroup: tabGroup, api: this._ctx.accessor.api });
+        var dragSources = this._createChipDragSources(chip, tabGroup);
         var disposables = [
             tabGroup.onDidChange(function () {
                 var _a;
@@ -499,17 +546,19 @@ var TabGroupManager = /** @class */ (function () {
             tabGroup.onDidCollapseChange(function () {
                 _this._updateTabGroupClasses();
             }),
-            html5DragSource,
-            pointerDragSource,
         ];
         // Context menu: built-in TabGroupChip already aggregates right-click
         // + touch long-press into `onContextMenu`. Custom chip renderers
         // don't, so attach a long-press detector and contextmenu listener
         // directly on their element.
         var onContextMenu = function (event) {
+            var _a, _b;
             // A long-press on a chip should preempt the in-flight pointer
-            // drag and open the menu instead.
-            pointerDragSource.cancelPending();
+            // drag and open the menu instead. Resolve the source from the
+            // entry so a post-move re-armed source is cancelled, not the
+            // stale one captured at build time. (#1410)
+            (_b = (_a = _this._chipRenderers
+                .get(tabGroup.id)) === null || _a === void 0 ? void 0 : _a.pointerDragSource) === null || _b === void 0 ? void 0 : _b.cancelPending();
             _this._callbacks.onChipContextMenu(tabGroup, event);
         };
         if (chip instanceof tabGroupChip_1.TabGroupChip) {
@@ -541,8 +590,8 @@ var TabGroupManager = /** @class */ (function () {
                 if (_this._ctx.accessor.options.disableDnd) {
                     return false;
                 }
-                var data = (0, dataTransfer_2.getPanelData)();
-                if (data && _this._ctx.accessor.id === data.viewId) {
+                var data = (0, dataTransfer_1.getPanelData)();
+                if (_this._ctx.accessor.id === (data === null || data === void 0 ? void 0 : data.viewId)) {
                     if (((_a = _this._ctx.accessor.options.theme) === null || _a === void 0 ? void 0 : _a.tabAnimation) ===
                         'smooth') {
                         return false;
@@ -558,8 +607,9 @@ var TabGroupManager = /** @class */ (function () {
         var disposable = new (lifecycle_1.CompositeDisposable.bind.apply(lifecycle_1.CompositeDisposable, __spreadArray([void 0], __read(disposables), false)))();
         this._chipRenderers.set(tabGroup.id, {
             chip: chip,
-            html5DragSource: html5DragSource,
-            pointerDragSource: pointerDragSource,
+            html5DragSource: dragSources.html5DragSource,
+            pointerDragSource: dragSources.pointerDragSource,
+            dragSourcesDisposable: dragSources.disposable,
             disposable: disposable,
             dropTarget: dropTarget,
         });