dockview-core 7.0.4 → 8.1.0

package/dist/esm/dockview/components/titlebar/tabGroupChip.js

@@ -1,77 +0,0 @@
-import { addDisposableListener, Emitter } from '../../../events';
-import { CompositeDisposable } from '../../../lifecycle';
-import { toggleClass } from '../../../dom';
-import { applyTabGroupAccent, } from '../../tabGroupAccent';
-import { LongPressDetector } from '../../../dnd/pointer/longPress';
-/**
- * Visual chip for a tab group. Owns the DOM element, label, click /
- * context-menu interactions, and exposes a long-press gesture as a
- * second `onContextMenu` source. Drag-and-drop wiring lives in
- * `TabGroupManager` — the manager constructs the drag sources on this
- * chip's element so it can include tabs-list context (custom group
- * drag image, tab-group transfer payload).
- */
-export class TabGroupChip extends CompositeDisposable {
-    get element() {
-        return this._element;
-    }
-    constructor(_palette) {
-        super();
-        this._palette = _palette;
-        this._onClick = new Emitter();
-        this.onClick = this._onClick.event;
-        this._onContextMenu = new Emitter();
-        /** Fires on right-click and on touch long-press. */
-        this.onContextMenu = this._onContextMenu.event;
-        this._element = document.createElement('div');
-        this._element.className = 'dv-tab-group-chip';
-        this._element.tabIndex = 0;
-        this._label = document.createElement('span');
-        this._label.className = 'dv-tab-group-chip-label';
-        this._element.appendChild(this._label);
-        this.addDisposables(this._onClick, this._onContextMenu, new LongPressDetector(this._element, {
-            onLongPress: (event) => {
-                this._onContextMenu.fire(event);
-            },
-        }), addDisposableListener(this._element, 'click', (event) => {
-            this._onClick.fire(event);
-        }), addDisposableListener(this._element, 'contextmenu', (event) => {
-            this._onContextMenu.fire(event);
-        }));
-    }
-    init(params) {
-        this._tabGroup = params.tabGroup;
-        this.updateColor(params.tabGroup.color);
-        this.updateLabel(params.tabGroup.label);
-        this.updateCollapsed(params.tabGroup.collapsed);
-        this.addDisposables(params.tabGroup.onDidChange(() => {
-            if (this._tabGroup) {
-                this.updateColor(this._tabGroup.color);
-                this.updateLabel(this._tabGroup.label);
-            }
-        }), params.tabGroup.onDidCollapseChange((collapsed) => {
-            this.updateCollapsed(collapsed);
-        }), this._onClick.event(() => {
-            var _a;
-            (_a = this._tabGroup) === null || _a === void 0 ? void 0 : _a.toggle();
-        }));
-    }
-    update(params) {
-        this._tabGroup = params.tabGroup;
-        this.updateColor(params.tabGroup.color);
-        this.updateLabel(params.tabGroup.label);
-        this.updateCollapsed(params.tabGroup.collapsed);
-    }
-    updateColor(color) {
-        var _a;
-        applyTabGroupAccent(this._element, color, this._palette);
-        toggleClass(this._element, 'dv-tab-group-chip--accent-off', ((_a = this._palette) === null || _a === void 0 ? void 0 : _a.enabled) === false);
-    }
-    updateLabel(label) {
-        this._label.textContent = label;
-        toggleClass(this._label, 'dv-tab-group-chip-label--empty', !label);
-    }
-    updateCollapsed(collapsed) {
-        toggleClass(this._element, 'dv-tab-group-chip--collapsed', collapsed);
-    }
-}

package/dist/esm/dockview/components/titlebar/tabGroupIndicator.d.ts

@@ -1,72 +0,0 @@
-import { IValueDisposable } from '../../../lifecycle';
-import { DockviewHeaderDirection, DockviewHeaderPosition } from '../../options';
-import { Tab } from '../tab/tab';
-import { ITabGroup } from '../../tabGroup';
-import { TabGroupColorPalette } from '../../tabGroupAccent';
-export interface TabGroupIndicatorContext {
-    readonly tabsList: HTMLElement;
-    getTabGroups(): readonly ITabGroup[];
-    getActivePanelId(): string | undefined;
-    getTabMap(): Map<string, IValueDisposable<Tab>>;
-    getChipElement(groupId: string): HTMLElement | undefined;
-    getDirection(): DockviewHeaderDirection;
-    getHeaderPosition(): DockviewHeaderPosition;
-    getColorPalette(): TabGroupColorPalette | undefined;
-}
-export interface ITabGroupIndicator {
-    readonly underlines: ReadonlyMap<string, HTMLElement>;
-    positionUnderlines(): void;
-    trackUnderlines(): void;
-    syncUnderlineElements(activeGroupIds: Set<string>): void;
-    getUnderline(groupId: string): HTMLElement | undefined;
-    dispose(): void;
-}
-/**
- * Shared positioning logic for tab group indicators.
- * Subclasses implement `applyShape` to control the visual output.
- */
-declare abstract class BaseTabGroupIndicator implements ITabGroupIndicator {
-    protected readonly _ctx: TabGroupIndicatorContext;
-    protected readonly _underlines: Map<string, HTMLElement>;
-    private _rafId;
-    get underlines(): ReadonlyMap<string, HTMLElement>;
-    constructor(_ctx: TabGroupIndicatorContext);
-    positionUnderlines(): void;
-    /**
-     * Continuously reposition underlines every frame for the duration
-     * of a tab transition (~200ms), so the underline tracks tab sizes.
-     */
-    trackUnderlines(): void;
-    syncUnderlineElements(activeGroupIds: Set<string>): void;
-    getUnderline(groupId: string): HTMLElement | undefined;
-    dispose(): void;
-    /**
-     * Apply the visual shape to the underline element.
-     * Called once per tab group per frame with the computed geometry.
-     */
-    protected abstract applyShape(underline: HTMLElement, tg: ITabGroup, startEdge: number, span: number, containerCrossSize: number, activePanelId: string | undefined, containerRect: DOMRect, isVertical: boolean): void;
-    private _positionUnderlinesSync;
-}
-/**
- * Chrome-style wrap-around indicator using SVG paths.
- */
-export declare class WrapTabGroupIndicator extends BaseTabGroupIndicator {
-    private _applyStraightLine;
-    /**
-     * Chrome-style wrap-around underline: a stroked SVG path that runs
-     * along the bottom (or left edge in vertical mode), curving up and
-     * over the active tab with rounded corners.
-     *
-     * The SVG and path elements are created once per underline and reused;
-     * only the `d`, `stroke`, and viewport attributes are updated each frame.
-     */
-    protected applyShape(underline: HTMLElement, tg: ITabGroup, groupStart: number, groupSpan: number, containerCrossSize: number, activePanelId: string | undefined, containerRect: DOMRect, isVertical: boolean): void;
-}
-/**
- * Flat continuous bar indicator — no wrap-around, just a colored line
- * spanning the full tab group width.
- */
-export declare class NoneTabGroupIndicator extends BaseTabGroupIndicator {
-    protected applyShape(underline: HTMLElement, tg: ITabGroup, _startEdge: number, span: number, _containerCrossSize: number, _activePanelId: string | undefined, _containerRect: DOMRect, isVertical: boolean): void;
-}
-export {};

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

@@ -1,360 +0,0 @@
-import { resolveTabGroupAccent, } from '../../tabGroupAccent';
-/**
- * Shared positioning logic for tab group indicators.
- * Subclasses implement `applyShape` to control the visual output.
- */
-class BaseTabGroupIndicator {
-    get underlines() {
-        return this._underlines;
-    }
-    constructor(_ctx) {
-        this._ctx = _ctx;
-        this._underlines = new Map();
-        this._rafId = null;
-    }
-    positionUnderlines() {
-        requestAnimationFrame(() => {
-            this._positionUnderlinesSync();
-        });
-    }
-    /**
-     * Continuously reposition underlines every frame for the duration
-     * of a tab transition (~200ms), so the underline tracks tab sizes.
-     */
-    trackUnderlines() {
-        if (this._rafId !== null) {
-            cancelAnimationFrame(this._rafId);
-        }
-        const start = performance.now();
-        const duration = 250; // slightly longer than transition to ensure we catch the end
-        const tick = () => {
-            this._positionUnderlinesSync();
-            if (performance.now() - start < duration) {
-                this._rafId = requestAnimationFrame(tick);
-            }
-            else {
-                this._rafId = null;
-            }
-        };
-        this._rafId = requestAnimationFrame(tick);
-    }
-    syncUnderlineElements(activeGroupIds) {
-        // Ensure underline elements exist for active groups
-        for (const groupId of activeGroupIds) {
-            if (!this._underlines.has(groupId)) {
-                const underline = document.createElement('div');
-                underline.className = 'dv-tab-group-underline';
-                this._ctx.tabsList.appendChild(underline);
-                this._underlines.set(groupId, underline);
-            }
-        }
-        // Remove underlines for dissolved groups
-        for (const [groupId, el] of this._underlines) {
-            if (!activeGroupIds.has(groupId)) {
-                el.remove();
-                this._underlines.delete(groupId);
-            }
-        }
-    }
-    getUnderline(groupId) {
-        return this._underlines.get(groupId);
-    }
-    dispose() {
-        if (this._rafId !== null) {
-            cancelAnimationFrame(this._rafId);
-            this._rafId = null;
-        }
-        for (const [, el] of this._underlines) {
-            el.remove();
-        }
-        this._underlines.clear();
-    }
-    _positionUnderlinesSync() {
-        const containerRect = this._ctx.tabsList.getBoundingClientRect();
-        const tabGroups = this._ctx.getTabGroups();
-        const isVertical = this._ctx.getDirection() === 'vertical';
-        const containerCrossSize = isVertical
-            ? containerRect.width
-            : containerRect.height;
-        const activePanelId = this._ctx.getActivePanelId();
-        const tabMap = this._ctx.getTabMap();
-        for (const tg of tabGroups) {
-            const underline = this._underlines.get(tg.id);
-            if (!underline) {
-                continue;
-            }
-            const panelIds = tg.panelIds;
-            if (panelIds.length === 0) {
-                underline.style.display = 'none';
-                continue;
-            }
-            underline.style.display = '';
-            const chipEl = this._ctx.getChipElement(tg.id);
-            // In vertical mode, compute top/bottom edges; in horizontal, left/right.
-            let startEdge;
-            if (chipEl) {
-                const chipRect = chipEl.getBoundingClientRect();
-                const chipStyle = getComputedStyle(chipEl);
-                const leadingMargin = isVertical
-                    ? Number.parseFloat(chipStyle.marginTop) || 0
-                    : Number.parseFloat(chipStyle.marginLeft) || 0;
-                startEdge = isVertical
-                    ? chipRect.top - containerRect.top - leadingMargin
-                    : chipRect.left - containerRect.left - leadingMargin;
-            }
-            else {
-                const firstPanelId = panelIds[0];
-                const firstTabEntry = tabMap.get(firstPanelId);
-                if (firstTabEntry) {
-                    const firstRect = firstTabEntry.value.element.getBoundingClientRect();
-                    startEdge = isVertical
-                        ? firstRect.top - containerRect.top
-                        : firstRect.left - containerRect.left;
-                }
-                else {
-                    startEdge = 0;
-                }
-            }
-            // Measure the actual last tab position (follows CSS transitions in real-time)
-            const lastPanelId = panelIds[panelIds.length - 1];
-            const lastTabEntry = tabMap.get(lastPanelId);
-            if (!lastTabEntry) {
-                if (isVertical) {
-                    underline.style.top = `${startEdge}px`;
-                    underline.style.height = '0px';
-                    underline.style.left = '';
-                    underline.style.width = '';
-                }
-                else {
-                    underline.style.left = `${startEdge}px`;
-                    underline.style.width = '0px';
-                    underline.style.top = '';
-                    underline.style.height = '';
-                }
-                continue;
-            }
-            const lastTabRect = lastTabEntry.value.element.getBoundingClientRect();
-            let endEdge = isVertical
-                ? lastTabRect.bottom - containerRect.top
-                : lastTabRect.right - containerRect.left;
-            let span = endEdge - startEdge;
-            // During collapse or expand: converge both edges toward chip center
-            const isAnimating = tg.collapsed ||
-                tg.panelIds.some((pid) => {
-                    const te = tabMap.get(pid);
-                    return te === null || te === void 0 ? void 0 : te.value.element.classList.contains('dv-tab--group-expanding');
-                });
-            if (isAnimating && chipEl) {
-                const chipRect = chipEl.getBoundingClientRect();
-                const chipCenter = isVertical
-                    ? chipRect.top + chipRect.height / 2 - containerRect.top
-                    : chipRect.left + chipRect.width / 2 - containerRect.left;
-                // Sum of current visible tab sizes (shrinking or growing)
-                let currentTabSize = 0;
-                let fullTabSize = 0;
-                for (const pid of tg.panelIds) {
-                    const te = tabMap.get(pid);
-                    if (!te)
-                        continue;
-                    const el = te.value.element;
-                    if (isVertical) {
-                        currentTabSize += el.getBoundingClientRect().height;
-                        fullTabSize += el.scrollHeight;
-                    }
-                    else {
-                        currentTabSize += el.getBoundingClientRect().width;
-                        fullTabSize += el.scrollWidth;
-                    }
-                }
-                // progress: 0 when tabs at 0 size, 1 when fully open
-                const progress = fullTabSize > 0
-                    ? Math.min(1, currentTabSize / fullTabSize)
-                    : 0;
-                // Interpolate start and end edges toward chip center
-                startEdge = chipCenter + (startEdge - chipCenter) * progress;
-                endEdge = chipCenter + (endEdge - chipCenter) * progress;
-                span = Math.max(0, endEdge - startEdge);
-            }
-            if (isVertical) {
-                underline.style.top = `${startEdge}px`;
-                underline.style.height = `${Math.max(0, span)}px`;
-                // Clear horizontal properties
-                underline.style.left = '';
-                underline.style.width = '';
-            }
-            else {
-                underline.style.left = `${startEdge}px`;
-                underline.style.width = `${Math.max(0, span)}px`;
-                // Clear vertical properties
-                underline.style.top = '';
-                underline.style.height = '';
-            }
-            this.applyShape(underline, tg, startEdge, span, containerCrossSize, activePanelId, containerRect, isVertical);
-        }
-    }
-}
-/**
- * Chrome-style wrap-around indicator using SVG paths.
- */
-export class WrapTabGroupIndicator extends BaseTabGroupIndicator {
-    _applyStraightLine(svg, path, underline, t, mainSize, isVertical) {
-        if (isVertical) {
-            svg.setAttribute('width', String(t));
-            svg.setAttribute('height', String(mainSize));
-            underline.style.width = `${t}px`;
-            underline.style.height = `${mainSize}px`;
-            path.setAttribute('d', `M ${t / 2},0 L ${t / 2},${mainSize}`);
-        }
-        else {
-            svg.setAttribute('width', String(mainSize));
-            svg.setAttribute('height', String(t));
-            underline.style.width = `${mainSize}px`;
-            underline.style.height = `${t}px`;
-            path.setAttribute('d', `M 0,${t / 2} L ${mainSize},${t / 2}`);
-        }
-    }
-    /**
-     * Chrome-style wrap-around underline: a stroked SVG path that runs
-     * along the bottom (or left edge in vertical mode), curving up and
-     * over the active tab with rounded corners.
-     *
-     * The SVG and path elements are created once per underline and reused;
-     * only the `d`, `stroke`, and viewport attributes are updated each frame.
-     */
-    applyShape(underline, tg, groupStart, groupSpan, containerCrossSize, activePanelId, containerRect, isVertical) {
-        const t = 2; // line thickness in px
-        const crossSize = containerCrossSize;
-        const mainSize = groupSpan;
-        const color = resolveTabGroupAccent(tg.color, this._ctx.getColorPalette());
-        if (mainSize <= 0 || crossSize <= 0 || color === undefined) {
-            underline.style.display = 'none';
-            return;
-        }
-        underline.style.display = '';
-        // Find the active tab within this group
-        let activeTabEntry;
-        if (activePanelId && tg.panelIds.includes(activePanelId)) {
-            activeTabEntry = this._ctx.getTabMap().get(activePanelId);
-        }
-        // Ensure SVG + path child exists (created once, reused)
-        let svg = underline.firstElementChild;
-        let path;
-        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';
-            path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-            path.setAttribute('fill', 'none');
-            svg.appendChild(path);
-            underline.appendChild(svg);
-        }
-        path.setAttribute('stroke', color);
-        path.setAttribute('stroke-width', String(t));
-        if (!activeTabEntry) {
-            this._applyStraightLine(svg, path, underline, t, mainSize, isVertical);
-            return;
-        }
-        const activeRect = activeTabEntry.value.element.getBoundingClientRect();
-        // Compute active tab start/end relative to the group start
-        let aStart;
-        let aEnd;
-        if (isVertical) {
-            aStart = Math.max(0, activeRect.top - containerRect.top - groupStart);
-            aEnd = Math.min(mainSize, activeRect.bottom - containerRect.top - groupStart);
-        }
-        else {
-            aStart = Math.max(0, activeRect.left - containerRect.left - groupStart);
-            aEnd = Math.min(mainSize, activeRect.right - containerRect.left - groupStart);
-        }
-        if (aEnd <= aStart) {
-            this._applyStraightLine(svg, path, underline, t, mainSize, isVertical);
-            return;
-        }
-        const r = 6; // corner radius
-        const half = t / 2;
-        const headerPosition = this._ctx.getHeaderPosition();
-        if (isVertical) {
-            const svgW = crossSize;
-            const svgH = mainSize;
-            svg.setAttribute('width', String(svgW));
-            svg.setAttribute('height', String(svgH));
-            underline.style.width = `${svgW}px`;
-            underline.style.height = `${svgH}px`;
-            // right header: indicator on the left edge (invert x sides)
-            const isRightHeader = headerPosition === 'right';
-            const xNear = isRightHeader ? svgW - half : half;
-            const xFar = isRightHeader ? half : svgW - half;
-            const cd = isRightHeader ? -1 : 1; // curve direction
-            const d = [
-                `M ${xNear},0`,
-                `L ${xNear},${aStart - r}`,
-                `Q ${xNear},${aStart} ${xNear + cd * r},${aStart}`,
-                `L ${xFar - cd * r},${aStart}`,
-                `Q ${xFar},${aStart} ${xFar},${aStart + r}`,
-                `L ${xFar},${aEnd - r}`,
-                `Q ${xFar},${aEnd} ${xFar - cd * r},${aEnd}`,
-                `L ${xNear + cd * r},${aEnd}`,
-                `Q ${xNear},${aEnd} ${xNear},${aEnd + r}`,
-                `L ${xNear},${svgH}`,
-            ].join(' ');
-            path.setAttribute('d', d);
-        }
-        else {
-            const svgW = mainSize;
-            const svgH = crossSize;
-            svg.setAttribute('width', String(svgW));
-            svg.setAttribute('height', String(svgH));
-            underline.style.width = `${svgW}px`;
-            underline.style.height = `${svgH}px`;
-            // bottom header: indicator on the top edge (invert y sides)
-            const isBottomHeader = headerPosition === 'bottom';
-            const yNear = isBottomHeader ? half : svgH - half;
-            const yFar = isBottomHeader ? svgH - half : half;
-            const cd = isBottomHeader ? 1 : -1; // curve direction
-            const d = [
-                `M 0,${yNear}`,
-                `L ${aStart - r},${yNear}`,
-                `Q ${aStart},${yNear} ${aStart},${yNear + cd * r}`,
-                `L ${aStart},${yFar - cd * r}`,
-                `Q ${aStart},${yFar} ${aStart + r},${yFar}`,
-                `L ${aEnd - r},${yFar}`,
-                `Q ${aEnd},${yFar} ${aEnd},${yFar - cd * r}`,
-                `L ${aEnd},${yNear + cd * r}`,
-                `Q ${aEnd},${yNear} ${aEnd + r},${yNear}`,
-                `L ${svgW},${yNear}`,
-            ].join(' ');
-            path.setAttribute('d', d);
-        }
-    }
-}
-/**
- * Flat continuous bar indicator — no wrap-around, just a colored line
- * spanning the full tab group width.
- */
-export class NoneTabGroupIndicator extends BaseTabGroupIndicator {
-    applyShape(underline, tg, _startEdge, span, _containerCrossSize, _activePanelId, _containerRect, isVertical) {
-        const t = 2; // line thickness in px
-        const color = resolveTabGroupAccent(tg.color, this._ctx.getColorPalette());
-        if (span <= 0 || color === undefined) {
-            underline.style.display = 'none';
-            return;
-        }
-        underline.style.display = '';
-        // Clear any SVG content left over from a mode switch
-        if (underline.firstElementChild) {
-            underline.replaceChildren();
-        }
-        underline.style.backgroundColor = color;
-        if (isVertical) {
-            underline.style.width = `${t}px`;
-            underline.style.height = `${span}px`;
-        }
-        else {
-            underline.style.width = `${span}px`;
-            underline.style.height = `${t}px`;
-        }
-    }
-}

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

@@ -1,107 +0,0 @@
-import { IDragSource } from '../../../dnd/backend';
-import { IDisposable, IValueDisposable } from '../../../lifecycle';
-import { DockviewComponent } from '../../dockviewComponent';
-import { DockviewGroupPanel } from '../../dockviewGroupPanel';
-import { DockviewHeaderDirection } from '../../options';
-import { Tab } from '../tab/tab';
-import { ITabGroup } from '../../tabGroup';
-import { ITabGroupChipRenderer } from '../../framework';
-import { Droptarget, DroptargetEvent } from '../../../dnd/droptarget';
-export interface TabGroupManagerContext {
-    readonly group: DockviewGroupPanel;
-    readonly accessor: DockviewComponent;
-    readonly tabsList: HTMLElement;
-    getTabs(): IValueDisposable<Tab>[];
-    getTabMap(): Map<string, IValueDisposable<Tab>>;
-    getDirection(): DockviewHeaderDirection;
-}
-export interface TabGroupManagerCallbacks {
-    onChipContextMenu(tabGroup: ITabGroup, event: MouseEvent): void;
-    onChipDragStart(tabGroup: ITabGroup, chip: ITabGroupChipRenderer, event: DragEvent | PointerEvent): void;
-    /**
-     * HTML5 chip dragend only. Pointer dragend is handled centrally via
-     * `PointerDragController.onDragEnd` in `tabs.ts`.
-     */
-    onChipDragEnd?(tabGroup: ITabGroup, chip: ITabGroupChipRenderer, event: DragEvent | PointerEvent): void;
-    onChipDrop(tabGroup: ITabGroup, event: DroptargetEvent): void;
-}
-interface ChipRendererEntry {
-    chip: ITabGroupChipRenderer;
-    /**
-     * 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;
-}
-export declare class TabGroupManager {
-    private readonly _ctx;
-    private readonly _callbacks;
-    private readonly _chipRenderers;
-    private _indicator;
-    private _skipNextCollapseAnimation;
-    private readonly _pendingTransitionCleanups;
-    get chipRenderers(): ReadonlyMap<string, ChipRendererEntry>;
-    get groupUnderlines(): ReadonlyMap<string, HTMLElement>;
-    get skipNextCollapseAnimation(): boolean;
-    set skipNextCollapseAnimation(value: boolean);
-    constructor(_ctx: TabGroupManagerContext, _callbacks: TabGroupManagerCallbacks);
-    /**
-     * Synchronize chip elements and CSS classes for all tab groups
-     * in the parent group model. Call after any tab group mutation.
-     */
-    update(): void;
-    /**
-     * Re-read the active palette and re-apply colors to chips, tabs and
-     * the indicator. Called when `tabGroupColors` / `tabGroupAccent`
-     * options change at runtime.
-     */
-    refreshAccents(): void;
-    positionAllChips(): void;
-    updateDirection(): void;
-    snapshotChipWidths(): Map<string, number>;
-    positionUnderlines(): void;
-    trackUnderlines(): void;
-    setGroupDragImage(event: DragEvent, tabGroup: ITabGroup, chipEl: HTMLElement): void;
-    cleanupTransition(panelId: string): void;
-    updateDragAndDropState(): void;
-    /**
-     * Synchronously dispose the chip drag sources for an in-flight chip
-     * drag. Called from `_commitGroupMove` so the transfer payload +
-     * 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).
-     *
-     * 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;
-}
-export {};