dockview-core 7.0.4 → 8.1.0

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

@@ -1,281 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = void 0;
-var events_1 = require("../../../events");
-var lifecycle_1 = require("../../../lifecycle");
-var dataTransfer_1 = require("../../../dnd/dataTransfer");
-var dom_1 = require("../../../dom");
-var backend_1 = require("../../../dnd/backend");
-var longPress_1 = require("../../../dnd/pointer/longPress");
-var dndCapabilities_1 = require("../../dndCapabilities");
-var _tabId = 0;
-/** Stable DOM id referenced by the tabpanel's `aria-labelledby`. */
-var nextTabId = function () { return "dv-tab-".concat(_tabId++); };
-var Tab = /** @class */ (function (_super) {
-    __extends(Tab, _super);
-    function Tab(panel, accessor, group) {
-        var _a, _b;
-        var _this = _super.call(this) || this;
-        _this.panel = panel;
-        _this.accessor = accessor;
-        _this.group = group;
-        _this.content = undefined;
-        _this.panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
-        _this._direction = 'horizontal';
-        _this._onPointDown = new events_1.Emitter();
-        _this.onPointerDown = _this._onPointDown.event;
-        _this._onTabClick = new events_1.Emitter();
-        _this.onTabClick = _this._onTabClick.event;
-        _this._onDropped = new events_1.Emitter();
-        _this.onDrop = _this._onDropped.event;
-        _this._onDragStart = new events_1.Emitter();
-        _this.onDragStart = _this._onDragStart.event;
-        _this._onDragEnd = new events_1.Emitter();
-        _this.onDragEnd = _this._onDragEnd.event;
-        var caps = (0, dndCapabilities_1.resolveDndCapabilities)(_this.accessor.options);
-        _this._element = document.createElement('div');
-        _this._element.className = 'dv-tab';
-        // Roving tabindex (WAI-ARIA Tabs pattern): only the active tab is in
-        // the tab order; `setActive` flips this. Inactive tabs are reachable
-        // via arrow keys, handled by the tab strip.
-        _this._element.tabIndex = -1;
-        _this._element.draggable = caps.html5;
-        // WAI-ARIA Tabs pattern. `aria-controls` points at the group's single
-        // tabpanel (the content container); `aria-selected` tracks activation.
-        _this._element.id = nextTabId();
-        _this._element.setAttribute('role', 'tab');
-        _this._element.setAttribute('aria-selected', 'false');
-        var contentContainerId = (_b = (_a = _this.group) === null || _a === void 0 ? void 0 : _a.model) === null || _b === void 0 ? void 0 : _b.contentContainerId;
-        if (contentContainerId) {
-            _this._element.setAttribute('aria-controls', contentContainerId);
-        }
-        (0, dom_1.toggleClass)(_this.element, 'dv-inactive-tab', true);
-        var canDisplayOverlay = function (event, position) {
-            var _a;
-            if (_this.group.locked) {
-                return false;
-            }
-            var data = (0, dataTransfer_1.getPanelData)();
-            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') {
-                    return false;
-                }
-                return true;
-            }
-            return _this.group.model.canDisplayOverlay(event, position, 'tab');
-        };
-        _this.dropTarget = backend_1.html5Backend.createDropTarget(_this._element, {
-            acceptedTargetZones: ['left', 'right'],
-            overlayModel: _this._buildOverlayModel(),
-            canDisplayOverlay: canDisplayOverlay,
-            getOverrideTarget: function () { var _a; return (_a = group.model.dropTargetContainer) === null || _a === void 0 ? void 0 : _a.model; },
-        });
-        _this.pointerDropTarget = backend_1.pointerBackend.createDropTarget(_this._element, {
-            acceptedTargetZones: ['left', 'right'],
-            overlayModel: _this._buildOverlayModel(),
-            canDisplayOverlay: canDisplayOverlay,
-            getOverrideTarget: function () { var _a; return (_a = group.model.dropTargetContainer) === null || _a === void 0 ? void 0 : _a.model; },
-        });
-        var sharedDragOptions = {
-            getData: function () {
-                _this.panelTransfer.setData([
-                    new dataTransfer_1.PanelTransfer(_this.accessor.id, _this.group.id, _this.panel.id),
-                ], dataTransfer_1.PanelTransfer.prototype);
-                return {
-                    dispose: function () {
-                        _this.panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
-                    },
-                };
-            },
-            // 30/-10 matches the HTML5 setDragImage offset that has been
-            // shipped for years; pointer backend wraps in PointerGhost,
-            // HTML5 backend feeds into setDragImage.
-            createGhost: function () { return ({
-                element: _this._buildGhostElement(),
-                offsetX: 30,
-                offsetY: -10,
-            }); },
-            onDragStart: function (event) {
-                var _a;
-                _this._onDragStart.fire(event);
-                if (!(event instanceof PointerEvent) &&
-                    ((_a = _this.accessor.options.theme) === null || _a === void 0 ? void 0 : _a.tabAnimation) === 'smooth') {
-                    // Delay collapse to next frame so the browser
-                    // captures the full drag image first.
-                    requestAnimationFrame(function () {
-                        (0, dom_1.toggleClass)(_this.element, 'dv-tab--dragging', true);
-                    });
-                }
-            },
-            onDragEnd: function (event) {
-                _this._onDragEnd.fire(event);
-            },
-        };
-        _this.html5DragSource = backend_1.html5Backend.createDragSource(_this._element, __assign(__assign({}, sharedDragOptions), { disabled: !caps.html5 }));
-        _this.pointerDragSource = backend_1.pointerBackend.createDragSource(_this._element, __assign(__assign({}, sharedDragOptions), { disabled: !caps.pointer, touchOnly: !caps.pointerHandlesMouse, isCancelled: function () {
-                return !(0, dndCapabilities_1.resolveDndCapabilities)(_this.accessor.options).pointer;
-            } }));
-        // Both droptargets feed the same downstream stream; consumers don't
-        // need to know which path produced the overlay.
-        _this.onWillShowOverlay = events_1.Event.any(_this.dropTarget.onWillShowOverlay, _this.pointerDropTarget.onWillShowOverlay);
-        _this.addDisposables(_this._onPointDown, _this._onTabClick, _this._onDropped, _this._onDragStart, _this._onDragEnd, _this.accessor.onDidOptionsChange(function () {
-            var model = _this._buildOverlayModel();
-            _this.dropTarget.setOverlayModel(model);
-            _this.pointerDropTarget.setOverlayModel(model);
-        }), (0, events_1.addDisposableListener)(_this._element, 'dragend', function () {
-            // The shared onDragEnd handler already fires _onDragEnd via
-            // the HTML5 backend; just strip the dragging class here.
-            (0, dom_1.toggleClass)(_this.element, 'dv-tab--dragging', false);
-        }), _this.html5DragSource, (0, events_1.addDisposableListener)(_this._element, 'pointerdown', function (event) {
-            _this._onPointDown.fire(event);
-        }), (0, events_1.addDisposableListener)(_this._element, 'click', function (event) {
-            _this._onTabClick.fire(event);
-        }), (0, events_1.addDisposableListener)(_this._element, 'contextmenu', function (event) {
-            var _a;
-            (_a = _this.accessor.contextMenuService) === null || _a === void 0 ? void 0 : _a.show(_this.panel, _this.group, event);
-        }), new longPress_1.LongPressDetector(_this._element, {
-            onLongPress: function (event) {
-                var _a;
-                // Don't let a subsequent finger move arm a drag on top
-                // of the just-opened menu.
-                _this.pointerDragSource.cancelPending();
-                (_a = _this.accessor.contextMenuService) === null || _a === void 0 ? void 0 : _a.show(_this.panel, _this.group, event);
-            },
-        }), _this.dropTarget.onDrop(function (event) {
-            _this._onDropped.fire(event);
-        }), _this.pointerDropTarget.onDrop(function (event) {
-            _this._onDropped.fire(event);
-        }), _this.dropTarget, _this.pointerDropTarget, _this.pointerDragSource);
-        return _this;
-    }
-    Object.defineProperty(Tab.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Tab.prototype.setActive = function (isActive) {
-        (0, dom_1.toggleClass)(this.element, 'dv-active-tab', isActive);
-        (0, dom_1.toggleClass)(this.element, 'dv-inactive-tab', !isActive);
-        this._element.setAttribute('aria-selected', isActive ? 'true' : 'false');
-        // Roving tabindex anchors to the active tab; arrow-key navigation in
-        // the tab strip moves the rover from there.
-        this._element.tabIndex = isActive ? 0 : -1;
-    };
-    Tab.prototype.setContent = function (part) {
-        if (this.content) {
-            this.content.element.remove();
-        }
-        this.content = part;
-        this._element.appendChild(this.content.element);
-    };
-    Tab.prototype._buildOverlayModel = function () {
-        var _a, _b, _c;
-        // An app-supplied model (the dropOverlayModel option) takes precedence
-        // over the theme-derived default for this tab.
-        var custom = (_b = (_a = this.accessor).resolveDropOverlayModel) === null || _b === void 0 ? void 0 : _b.call(_a, 'tab', this.group);
-        if (custom) {
-            return custom;
-        }
-        // 'line' themes render a 4px insertion strip at the tab edge via the
-        // anchor container's small-boundary path.  'fill' themes render a
-        // half-width highlighted area, so we disable the small-boundary path
-        // entirely (boundary = 0 ⟹ isSmall always false).
-        var smallBoundary = ((_c = this.accessor.options.theme) === null || _c === void 0 ? void 0 : _c.dndTabIndicator) === 'line'
-            ? Number.POSITIVE_INFINITY
-            : 0;
-        return {
-            activationSize: { value: 50, type: 'percentage' },
-            smallWidthBoundary: smallBoundary,
-            smallHeightBoundary: smallBoundary,
-        };
-    };
-    Tab.prototype.setDirection = function (direction) {
-        this._direction = direction;
-        var zones = direction === 'vertical' ? ['top', 'bottom'] : ['left', 'right'];
-        this.dropTarget.setTargetZones(zones);
-        this.pointerDropTarget.setTargetZones(zones);
-    };
-    Tab.prototype.updateDragAndDropState = function () {
-        var caps = (0, dndCapabilities_1.resolveDndCapabilities)(this.accessor.options);
-        this._element.draggable = caps.html5;
-        this.html5DragSource.setDisabled(!caps.html5);
-        this.pointerDragSource.setDisabled(!caps.pointer);
-        this.pointerDragSource.setTouchOnly(!caps.pointerHandlesMouse);
-    };
-    /**
-     * Vertical tabs are flipped to horizontal so the ghost stays readable
-     * during the drag rather than appearing sideways-rotated.
-     */
-    Tab.prototype._buildGhostElement = function () {
-        var style = getComputedStyle(this.element);
-        var newNode = this.element.cloneNode(true);
-        var isVertical = this._direction === 'vertical';
-        var verticalSkip = new Set([
-            'writing-mode',
-            'inline-size',
-            'block-size',
-            'min-inline-size',
-            'min-block-size',
-            'max-inline-size',
-            'max-block-size',
-            'margin-inline',
-            'margin-inline-start',
-            'margin-inline-end',
-            'margin-block',
-            'margin-block-start',
-            'margin-block-end',
-            'padding-inline',
-            'padding-inline-start',
-            'padding-inline-end',
-            'padding-block',
-            'padding-block-start',
-            'padding-block-end',
-        ]);
-        Array.from(style).forEach(function (key) {
-            if (isVertical && verticalSkip.has(key)) {
-                return;
-            }
-            newNode.style.setProperty(key, style.getPropertyValue(key), style.getPropertyPriority(key));
-        });
-        if (isVertical) {
-            newNode.style.setProperty('writing-mode', 'horizontal-tb');
-            newNode.style.setProperty('width', style.height);
-            newNode.style.setProperty('height', style.width);
-        }
-        newNode.style.position = 'absolute';
-        newNode.classList.add('dv-tab-ghost-drag');
-        return newNode;
-    };
-    return Tab;
-}(lifecycle_1.CompositeDisposable));
-exports.Tab = Tab;

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

@@ -1,95 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FloatingTitleBar = void 0;
-var events_1 = require("../../../events");
-var lifecycle_1 = require("../../../lifecycle");
-var dom_1 = require("../../../dom");
-var groupDragSource_1 = require("./groupDragSource");
-/**
- * A dedicated, blank drag handle rendered above a floating group's tab bar.
- *
- * It plays the same dual role the tab-bar void container plays today: a plain
- * pointer-drag moves the floating window (wired by the overlay via
- * `setupDrag`), while a shift+drag (mouse) or long-press (touch) detaches the
- * group to redock it into the grid. The redock half is provided by the shared
- * {@link GroupDragSource}; the move half is owned by the overlay.
- *
- * The bar is intentionally contentless — styling is driven entirely through
- * the `--dv-floating-titlebar-*` theme variables.
- */
-var FloatingTitleBar = /** @class */ (function (_super) {
-    __extends(FloatingTitleBar, _super);
-    function FloatingTitleBar(accessor, group) {
-        var _this = _super.call(this) || this;
-        _this.accessor = accessor;
-        _this._onDragStart = new events_1.Emitter();
-        _this.onDragStart = _this._onDragStart.event;
-        _this._group = group;
-        _this._element = document.createElement('div');
-        _this._element.className = 'dv-floating-titlebar';
-        _this.addDisposables(_this._onDragStart, (0, events_1.addDisposableListener)(_this._element, 'pointerdown', function () {
-            _this.accessor.doSetGroupActive(_this._group);
-        }), 
-        // Shift+pointerdown marks the event so the overlay's
-        // move-the-float drag doesn't fire alongside the HTML5 redock
-        // drag. See VoidContainer for the same disambiguation.
-        (0, events_1.addDisposableListener)(_this._element, 'pointerdown', function (e) {
-            if (e.shiftKey) {
-                (0, dom_1.quasiPreventDefault)(e);
-            }
-        }, true));
-        _this.dragSource = new groupDragSource_1.GroupDragSource({
-            element: _this._element,
-            accessor: _this.accessor,
-            // resolve lazily so the drag source follows anchor reassignment
-            group: function () { return _this._group; },
-        });
-        _this.addDisposables(_this.dragSource, _this.dragSource.onDragStart(function (event) {
-            _this._onDragStart.fire(event);
-        }));
-        return _this;
-    }
-    Object.defineProperty(FloatingTitleBar.prototype, "element", {
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FloatingTitleBar.prototype, "group", {
-        /** The window's current anchor group — the one this bar drags/activates. */
-        get: function () {
-            return this._group;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Retarget the bar at a new anchor group. Called when the original anchor
-     * leaves a multi-group floating window and another member is promoted, so
-     * the bar keeps activating/redocking a group that actually lives here.
-     */
-    FloatingTitleBar.prototype.setGroup = function (group) {
-        this._group = group;
-    };
-    FloatingTitleBar.prototype.updateDragAndDropState = function () {
-        this.dragSource.updateDragAndDropState();
-    };
-    return FloatingTitleBar;
-}(lifecycle_1.CompositeDisposable));
-exports.FloatingTitleBar = FloatingTitleBar;

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

@@ -1,218 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FLOATING_REDOCK_INITIATION_DELAY_MS = exports.GroupDragSource = void 0;
-var dataTransfer_1 = require("../../../dnd/dataTransfer");
-var backend_1 = require("../../../dnd/backend");
-var events_1 = require("../../../events");
-var lifecycle_1 = require("../../../lifecycle");
-var dom_1 = require("../../../dom");
-var dndCapabilities_1 = require("../../dndCapabilities");
-// Floating-group redock via touch: require a deliberate long press so the
-// "move the float around" gesture doesn't double-trigger the redock ghost.
-// Infinity pressTolerance disables the pre-arm flick override; any motion
-// during the wait is treated as drag-the-float, not redock intent.
-var FLOATING_REDOCK_INITIATION_DELAY_MS = 500;
-exports.FLOATING_REDOCK_INITIATION_DELAY_MS = FLOATING_REDOCK_INITIATION_DELAY_MS;
-/**
- * The drag-source half of a group drag handle: html5 + pointer drag sources
- * that publish a group-level `PanelTransfer`, the "Multiple Panels (N)" ghost,
- * and the floating-group disambiguation that keeps the redock gesture from
- * firing alongside the overlay's move-the-float gesture.
- *
- * Shared by the tab-bar void container and the dedicated floating title bar so
- * both grab handles redock identically.
- */
-var GroupDragSource = /** @class */ (function (_super) {
-    __extends(GroupDragSource, _super);
-    function GroupDragSource(options) {
-        var _a, _b, _c;
-        var _this = _super.call(this) || this;
-        _this.panelTransfer = dataTransfer_1.LocalSelectionTransfer.getInstance();
-        _this._onDragStart = new events_1.Emitter();
-        _this.onDragStart = _this._onDragStart.event;
-        _this._element = options.element;
-        _this.accessor = options.accessor;
-        var group = options.group;
-        _this.groupAccessor = typeof group === 'function' ? group : function () { return group; };
-        _this.isFloatingMoveHandle =
-            (_a = options.isFloatingMoveHandle) !== null && _a !== void 0 ? _a : (function () { return true; });
-        var caps = (0, dndCapabilities_1.resolveDndCapabilities)(_this.accessor.options);
-        _this._element.draggable = caps.html5;
-        (0, dom_1.toggleClass)(_this._element, 'dv-draggable', caps.html5 || caps.pointer);
-        _this.addDisposables(_this._onDragStart);
-        var buildMultiPanelsGhost = function () {
-            var ghostEl = document.createElement('div');
-            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;
-            ghostEl.style.color = color;
-            ghostEl.style.padding = '2px 8px';
-            ghostEl.style.height = '24px';
-            ghostEl.style.fontSize = '11px';
-            ghostEl.style.lineHeight = '20px';
-            ghostEl.style.borderRadius = '12px';
-            ghostEl.style.whiteSpace = 'nowrap';
-            ghostEl.style.boxSizing = 'border-box';
-            // HTML5 setDragImage snapshots the element as appended to the
-            // document; a default block-level div would stretch to the
-            // body's width and render as a viewport-wide bar.
-            ghostEl.style.display = 'inline-block';
-            ghostEl.textContent = "Multiple Panels (".concat(_this.group.size, ")");
-            return ghostEl;
-        };
-        var buildGhostSpec = function () {
-            var _a, _b;
-            // The custom-ghost resolution (createGroupDragGhostComponent) is
-            // owned by the AdvancedDnD module; core keeps the default chip and
-            // falls back to it when no custom ghost is produced (incl. when
-            // the module is absent).
-            var customGhost = (_b = (_a = _this.accessor).buildGroupDragGhost) === null || _b === void 0 ? void 0 : _b.call(_a, _this.group);
-            if (customGhost) {
-                return customGhost;
-            }
-            return {
-                element: buildMultiPanelsGhost(),
-                offsetX: 30,
-                offsetY: -10,
-            };
-        };
-        var sharedDragOptions = {
-            getData: function () {
-                _this.panelTransfer.setData([new dataTransfer_1.PanelTransfer(_this.accessor.id, _this.group.id, null)], dataTransfer_1.PanelTransfer.prototype);
-                return {
-                    dispose: function () {
-                        _this.panelTransfer.clearData(dataTransfer_1.PanelTransfer.prototype);
-                    },
-                };
-            },
-            createGhost: buildGhostSpec,
-            onDragStart: function (event) {
-                _this._onDragStart.fire(event);
-            },
-        };
-        _this.html5DragSource = backend_1.html5Backend.createDragSource(_this._element, __assign(__assign({}, sharedDragOptions), { disabled: !caps.html5, isCancelled: function (event) {
-                // HTML5: when this element is the floating window's move
-                // handle, redock needs shift+drag (otherwise click-and-drag
-                // conflicts with moving the float). A non-move-handle (e.g. the
-                // void container when a title bar moves the float) redocks with
-                // a plain drag, like a group in the main grid.
-                if (_this.group.api.location.type === 'floating' &&
-                    _this.isFloatingMoveHandle() &&
-                    !event.shiftKey) {
-                    return true;
-                }
-                if (_this.group.api.location.type === 'edge' &&
-                    _this.group.size === 0) {
-                    return true;
-                }
-                return false;
-            } }));
-        // Only the move handle needs the touch disambiguation; other handles
-        // redock with the normal grid press behaviour.
-        var isFloating = function () {
-            var _a, _b, _c;
-            return ((_c = (_b = (_a = _this.group) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.type) === 'floating' &&
-                _this.isFloatingMoveHandle();
-        };
-        _this.pointerDragSource = backend_1.pointerBackend.createDragSource(_this._element, __assign(__assign({}, sharedDragOptions), { disabled: !caps.pointer, touchOnly: !caps.pointerHandlesMouse, 
-            // Floating groups share this element with the overlay's
-            // move-the-float drag. Without a longer hold + tolerance
-            // override, both gestures commit simultaneously and the
-            // user sees the float follow their finger *and* a ghost.
-            touchInitiationDelay: function () {
-                return isFloating() ? FLOATING_REDOCK_INITIATION_DELAY_MS : 250;
-            }, pressTolerance: function () { return (isFloating() ? Infinity : 8); }, isCancelled: function () {
-                if (!(0, dndCapabilities_1.resolveDndCapabilities)(_this.accessor.options).pointer) {
-                    return true;
-                }
-                // Pointer: long-press IS the deliberate gesture, so
-                // floating groups don't need the shift gate.
-                if (_this.group.api.location.type === 'edge' &&
-                    _this.group.size === 0) {
-                    return true;
-                }
-                return false;
-            }, onDragStart: function (event) {
-                var _a;
-                // Redock just committed — abort any in-flight overlay
-                // move so the float stops following the finger while
-                // the ghost takes over.
-                (_a = _this.getFloatingOverlay()) === null || _a === void 0 ? void 0 : _a.cancelPendingDrag();
-                _this._onDragStart.fire(event);
-            } }));
-        // Mirror direction: once the overlay's move-the-float gesture has
-        // actually moved something, cancel the pending redock arm so the
-        // ghost doesn't appear mid-drag if the user holds past 500ms.
-        var overlayMoveSub = new lifecycle_1.MutableDisposable();
-        var refreshOverlayMoveSub = function () {
-            var overlay = _this.getFloatingOverlay();
-            overlayMoveSub.value = overlay
-                ? overlay.onDidStartMoving(function () {
-                    _this.pointerDragSource.cancelPending();
-                })
-                : lifecycle_1.Disposable.NONE;
-        };
-        refreshOverlayMoveSub();
-        _this.addDisposables(overlayMoveSub);
-        var locationChange = (_c = (_b = _this.group) === null || _b === void 0 ? void 0 : _b.api) === null || _c === void 0 ? void 0 : _c.onDidLocationChange;
-        if (locationChange) {
-            _this.addDisposables(locationChange(refreshOverlayMoveSub));
-        }
-        _this.addDisposables(_this.html5DragSource, _this.pointerDragSource);
-        return _this;
-    }
-    Object.defineProperty(GroupDragSource.prototype, "group", {
-        // Resolved lazily so a retargetable handle (the floating title bar) always
-        // drags the window's *current* anchor group, not the one captured here.
-        get: function () {
-            return this.groupAccessor();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    GroupDragSource.prototype.updateDragAndDropState = function () {
-        var caps = (0, dndCapabilities_1.resolveDndCapabilities)(this.accessor.options);
-        this._element.draggable = caps.html5;
-        (0, dom_1.toggleClass)(this._element, 'dv-draggable', caps.html5 || caps.pointer);
-        this.html5DragSource.setDisabled(!caps.html5);
-        this.pointerDragSource.setDisabled(!caps.pointer);
-        this.pointerDragSource.setTouchOnly(!caps.pointerHandlesMouse);
-    };
-    GroupDragSource.prototype.getFloatingOverlay = function () {
-        var _this = this;
-        var _a, _b;
-        if (!this.group) {
-            return undefined;
-        }
-        return (_b = (_a = this.accessor.floatingGroups) === null || _a === void 0 ? void 0 : _a.find(function (fg) { return fg.group === _this.group; })) === null || _b === void 0 ? void 0 : _b.overlay;
-    };
-    return GroupDragSource;
-}(lifecycle_1.CompositeDisposable));
-exports.GroupDragSource = GroupDragSource;