photon-grid-core 0.0.1

package/renderer/group-drop-zone.js

@@ -0,0 +1,376 @@
+import { createDiv } from './dom-utils';
+export class GroupDropZone {
+    constructor(store, groupingEngine, iconRenderer) {
+        this.store = store;
+        this.groupingEngine = groupingEngine;
+        this.iconRenderer = iconRenderer;
+        this.el = null;
+        this.chipsEl = null;
+        this.dockPos = 'top';
+        this.outerRowEl = null;
+        this.mainColEl = null;
+        this.isDockDragging = false;
+        this.dockIndicatorEl = null;
+        this._onDockMove = null;
+        this._onDockUp = null;
+        this.draggingChipId = null;
+        this.chipGhostEl = null;
+        this.chipDropIndex = -1;
+        this._onChipMove = null;
+        this._onChipUp = null;
+        this.isResizing = false;
+        this.resizeStartSize = 0;
+        this.resizeStartPos = 0;
+        this._onResizeMove = null;
+        this._onResizeUp = null;
+        this.searchCallback = null;
+        this.searchInputEl = null;
+        this.searchClearEl = null;
+        this.searchDebounceTimer = null;
+    }
+    mount(outerRowEl, mainColEl) {
+        this.outerRowEl = outerRowEl;
+        this.mainColEl = mainColEl;
+        this.el = createDiv('pg-group-drop-zone pg-group-drop-zone--top');
+        mainColEl.insertBefore(this.el, mainColEl.firstChild);
+        this.buildStructure();
+        this.render();
+    }
+    update() {
+        this.render();
+    }
+    highlight(on) {
+        this.chipsEl?.classList.toggle('pg-group-zone-chips--over', on);
+    }
+    isOver(x, y) {
+        const rect = this.el?.getBoundingClientRect();
+        if (!rect)
+            return false;
+        return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+    }
+    isGrouped(colId) {
+        return this.store.get('groupedColumnIds').includes(colId);
+    }
+    dropColumn(colId) {
+        this.groupingEngine.addGroupColumn(colId);
+    }
+    removeColumn(colId) {
+        this.groupingEngine.removeGroupColumn(colId);
+    }
+    setSearchCallback(fn) {
+        this.searchCallback = fn;
+    }
+    destroy() {
+        if (this.searchDebounceTimer !== null) {
+            clearTimeout(this.searchDebounceTimer);
+            this.searchDebounceTimer = null;
+        }
+        this.cleanupDockDrag();
+        this.cleanupChipDrag();
+        this.cleanupResize();
+        this.el?.remove();
+        this.el = null;
+        this.chipsEl = null;
+        this.searchInputEl = null;
+        this.searchClearEl = null;
+    }
+    // ─── Build ──────────────────────────────────────────────────────────────────
+    buildStructure() {
+        if (!this.el)
+            return;
+        this.chipsEl = createDiv('pg-group-zone-chips');
+        this.el.appendChild(this.chipsEl);
+        // Search box — right side of the bar, hidden in left/right dock via CSS
+        const searchWrap = createDiv('pg-group-search');
+        const fieldEl = createDiv('pg-group-search__field');
+        const iconEl = createDiv('pg-group-search__icon');
+        iconEl.innerHTML = this.iconRenderer.renderToString('search', 14);
+        const input = document.createElement('input');
+        input.type = 'text';
+        input.className = 'pg-group-search__input';
+        input.placeholder = 'Search...';
+        input.spellcheck = false;
+        input.setAttribute('autocomplete', 'off');
+        this.searchInputEl = input;
+        const clearBtn = createDiv('pg-group-search__clear');
+        clearBtn.innerHTML = this.iconRenderer.renderToString('close', 12);
+        clearBtn.title = 'Clear search';
+        this.searchClearEl = clearBtn;
+        input.addEventListener('input', () => {
+            const val = input.value;
+            clearBtn.classList.toggle('pg-group-search__clear--visible', val.length > 0);
+            if (this.searchDebounceTimer !== null)
+                clearTimeout(this.searchDebounceTimer);
+            this.searchDebounceTimer = setTimeout(() => {
+                this.searchDebounceTimer = null;
+                this.searchCallback?.(val);
+            }, 180);
+        });
+        clearBtn.addEventListener('mousedown', (e) => {
+            e.preventDefault(); // keep input focused
+            input.value = '';
+            clearBtn.classList.remove('pg-group-search__clear--visible');
+            if (this.searchDebounceTimer !== null) {
+                clearTimeout(this.searchDebounceTimer);
+                this.searchDebounceTimer = null;
+            }
+            this.searchCallback?.('');
+            input.focus();
+        });
+        fieldEl.appendChild(iconEl);
+        fieldEl.appendChild(input);
+        fieldEl.appendChild(clearBtn);
+        searchWrap.appendChild(fieldEl);
+        this.el.appendChild(searchWrap);
+    }
+    render() {
+        if (!this.chipsEl)
+            return;
+        this.chipsEl.innerHTML = '';
+        const groupedIds = this.store.get('groupedColumnIds');
+        const allColumns = this.store.get('columns');
+        const isVertical = this.dockPos === 'left' || this.dockPos === 'right';
+        if (groupedIds.length === 0) {
+            const hint = createDiv('pg-group-drop-zone__hint');
+            hint.textContent = 'Drag a column here to group rows';
+            this.chipsEl.appendChild(hint);
+            return;
+        }
+        for (let i = 0; i < groupedIds.length; i++) {
+            const colId = groupedIds[i];
+            const col = allColumns.find((c) => c.colId === colId);
+            if (!col)
+                continue;
+            if (i > 0 && !isVertical) {
+                const sep = createDiv('pg-group-chip__sep');
+                sep.innerHTML = this.iconRenderer.renderToString('chevronRight', 12);
+                this.chipsEl.appendChild(sep);
+            }
+            const chip = createDiv('pg-group-chip');
+            chip.setAttribute('data-col-id', colId);
+            chip.setAttribute('data-chip-index', String(i));
+            chip.style.cursor = 'grab';
+            const labelEl = createDiv('pg-group-chip__label');
+            labelEl.textContent = col.header;
+            chip.appendChild(labelEl);
+            const closeBtn = createDiv('pg-group-chip__close');
+            closeBtn.innerHTML = this.iconRenderer.renderToString('close', 11);
+            closeBtn.title = 'Remove grouping';
+            closeBtn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                this.removeColumn(colId);
+            });
+            chip.appendChild(closeBtn);
+            chip.addEventListener('mousedown', (e) => {
+                if (e.target.closest('.pg-group-chip__close'))
+                    return;
+                e.preventDefault();
+                this.startChipDrag(e, colId, i);
+            });
+            this.chipsEl.appendChild(chip);
+        }
+    }
+    // ─── Dock drag ─────────────────────────────────────────────────────────────
+    startDockDrag(e) {
+        this.isDockDragging = true;
+        this.dockIndicatorEl = document.createElement('div');
+        this.dockIndicatorEl.style.cssText =
+            'position:fixed;pointer-events:none;z-index:99999;border:2px dashed var(--pg-colors-primary,#2563eb);background:var(--pg-colors-group-zone-over,rgba(37,99,235,0.1));border-radius:var(--pg-borders-radius-sm,4px);';
+        document.body.appendChild(this.dockIndicatorEl);
+        this._onDockMove = (ev) => this.onDockMove(ev);
+        this._onDockUp = (ev) => this.onDockUp(ev);
+        document.addEventListener('mousemove', this._onDockMove);
+        document.addEventListener('mouseup', this._onDockUp);
+        this.onDockMove(e);
+    }
+    onDockMove(e) {
+        if (!this.isDockDragging || !this.el || !this.dockIndicatorEl)
+            return;
+        const gridEl = this.el.closest('.pg-grid');
+        if (!gridEl)
+            return;
+        const gr = gridEl.getBoundingClientRect();
+        const pct = (e.clientX - gr.left) / gr.width;
+        if (pct < 0.2) {
+            Object.assign(this.dockIndicatorEl.style, {
+                left: `${gr.left}px`, top: `${gr.top}px`,
+                width: '160px', height: `${gr.height}px`,
+                borderRadius: '4px 0 0 4px',
+            });
+        }
+        else if (pct > 0.8) {
+            Object.assign(this.dockIndicatorEl.style, {
+                left: `${gr.right - 160}px`, top: `${gr.top}px`,
+                width: '160px', height: `${gr.height}px`,
+                borderRadius: '0 4px 4px 0',
+            });
+        }
+        else {
+            Object.assign(this.dockIndicatorEl.style, {
+                left: `${gr.left}px`, top: `${gr.top}px`,
+                width: `${gr.width}px`, height: '48px',
+                borderRadius: '4px 4px 0 0',
+            });
+        }
+    }
+    onDockUp(e) {
+        if (!this.isDockDragging || !this.el) {
+            this.cleanupDockDrag();
+            return;
+        }
+        const gridEl = this.el.closest('.pg-grid');
+        if (gridEl) {
+            const gr = gridEl.getBoundingClientRect();
+            const pct = (e.clientX - gr.left) / gr.width;
+            const newDock = pct < 0.2 ? 'left' : pct > 0.8 ? 'right' : 'top';
+            this.setDock(newDock);
+        }
+        this.cleanupDockDrag();
+    }
+    setDock(pos) {
+        if (pos === this.dockPos || !this.el || !this.outerRowEl || !this.mainColEl)
+            return;
+        this.dockPos = pos;
+        this.el.remove();
+        this.el.classList.remove('pg-group-drop-zone--top', 'pg-group-drop-zone--left', 'pg-group-drop-zone--right');
+        this.el.classList.add(`pg-group-drop-zone--${pos}`);
+        this.el.style.height = '';
+        this.el.style.width = '';
+        if (pos === 'top') {
+            this.mainColEl.insertBefore(this.el, this.mainColEl.firstChild);
+        }
+        else if (pos === 'left') {
+            this.outerRowEl.insertBefore(this.el, this.mainColEl);
+        }
+        else {
+            this.outerRowEl.appendChild(this.el);
+        }
+        this.render();
+    }
+    cleanupDockDrag() {
+        this.isDockDragging = false;
+        this.dockIndicatorEl?.remove();
+        this.dockIndicatorEl = null;
+        if (this._onDockMove)
+            document.removeEventListener('mousemove', this._onDockMove);
+        if (this._onDockUp)
+            document.removeEventListener('mouseup', this._onDockUp);
+        this._onDockMove = null;
+        this._onDockUp = null;
+    }
+    // ─── Chip drag-reorder ─────────────────────────────────────────────────────
+    startChipDrag(e, colId, index) {
+        this.draggingChipId = colId;
+        this.chipDropIndex = index;
+        const col = this.store.get('columns').find((c) => c.colId === colId);
+        const ghost = createDiv('pg-group-chip pg-group-chip--ghost');
+        const ghostLabel = createDiv('pg-group-chip__label');
+        ghostLabel.textContent = col?.header ?? colId;
+        ghost.appendChild(ghostLabel);
+        ghost.style.cssText = `position:fixed;pointer-events:none;z-index:99999;opacity:0.85;left:${e.clientX + 8}px;top:${e.clientY - 14}px;`;
+        document.body.appendChild(ghost);
+        this.chipGhostEl = ghost;
+        this._onChipMove = (ev) => this.onChipMove(ev);
+        this._onChipUp = (ev) => this.onChipUp(ev);
+        document.addEventListener('mousemove', this._onChipMove);
+        document.addEventListener('mouseup', this._onChipUp);
+    }
+    onChipMove(e) {
+        if (!this.chipGhostEl || !this.chipsEl)
+            return;
+        this.chipGhostEl.style.left = `${e.clientX + 8}px`;
+        this.chipGhostEl.style.top = `${e.clientY - 14}px`;
+        const isVertical = this.dockPos === 'left' || this.dockPos === 'right';
+        const chips = Array.from(this.chipsEl.querySelectorAll('.pg-group-chip:not(.pg-group-chip--ghost)'));
+        let newIndex = chips.length;
+        for (let i = 0; i < chips.length; i++) {
+            const r = chips[i].getBoundingClientRect();
+            const mid = isVertical ? (r.top + r.bottom) / 2 : (r.left + r.right) / 2;
+            const pos = isVertical ? e.clientY : e.clientX;
+            if (pos < mid) {
+                newIndex = i;
+                break;
+            }
+        }
+        this.chipDropIndex = newIndex;
+        for (const chip of chips) {
+            chip.style.opacity = chip.getAttribute('data-col-id') === this.draggingChipId ? '0.3' : '';
+        }
+    }
+    onChipUp(_e) {
+        const fromId = this.draggingChipId;
+        const toIndex = this.chipDropIndex;
+        this.cleanupChipDrag();
+        if (!fromId)
+            return;
+        const groupedIds = [...this.store.get('groupedColumnIds')];
+        const fromIndex = groupedIds.indexOf(fromId);
+        if (fromIndex === -1 || fromIndex === toIndex)
+            return;
+        groupedIds.splice(fromIndex, 1);
+        const insertAt = toIndex > fromIndex ? Math.max(0, toIndex - 1) : toIndex;
+        groupedIds.splice(insertAt, 0, fromId);
+        this.groupingEngine.reorderGroupColumns(groupedIds);
+    }
+    cleanupChipDrag() {
+        this.draggingChipId = null;
+        this.chipDropIndex = -1;
+        if (this.chipsEl) {
+            for (const chip of Array.from(this.chipsEl.querySelectorAll('.pg-group-chip'))) {
+                chip.style.opacity = '';
+            }
+        }
+        this.chipGhostEl?.remove();
+        this.chipGhostEl = null;
+        if (this._onChipMove)
+            document.removeEventListener('mousemove', this._onChipMove);
+        if (this._onChipUp)
+            document.removeEventListener('mouseup', this._onChipUp);
+        this._onChipMove = null;
+        this._onChipUp = null;
+    }
+    // ─── Resize ─────────────────────────────────────────────────────────────────
+    startResize(e) {
+        if (!this.el)
+            return;
+        this.isResizing = true;
+        if (this.dockPos === 'top') {
+            this.resizeStartSize = this.el.offsetHeight;
+            this.resizeStartPos = e.clientY;
+        }
+        else {
+            this.resizeStartSize = this.el.offsetWidth;
+            this.resizeStartPos = e.clientX;
+        }
+        this._onResizeMove = (ev) => this.onResizeMove(ev);
+        this._onResizeUp = () => this.cleanupResize();
+        document.addEventListener('mousemove', this._onResizeMove);
+        document.addEventListener('mouseup', this._onResizeUp);
+    }
+    onResizeMove(e) {
+        if (!this.isResizing || !this.el)
+            return;
+        if (this.dockPos === 'top') {
+            const delta = e.clientY - this.resizeStartPos;
+            this.el.style.height = `${Math.max(48, this.resizeStartSize + delta)}px`;
+        }
+        else if (this.dockPos === 'left') {
+            const delta = e.clientX - this.resizeStartPos;
+            this.el.style.width = `${Math.max(80, this.resizeStartSize + delta)}px`;
+        }
+        else {
+            const delta = this.resizeStartPos - e.clientX;
+            this.el.style.width = `${Math.max(80, this.resizeStartSize + delta)}px`;
+        }
+    }
+    cleanupResize() {
+        this.isResizing = false;
+        if (this._onResizeMove)
+            document.removeEventListener('mousemove', this._onResizeMove);
+        if (this._onResizeUp)
+            document.removeEventListener('mouseup', this._onResizeUp);
+        this._onResizeMove = null;
+        this._onResizeUp = null;
+    }
+}
+//# sourceMappingURL=group-drop-zone.js.map

package/renderer/group-drop-zone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-drop-zone.js","sourceRoot":"","sources":["../../src/renderer/group-drop-zone.ts"],"names":[],"mappings":"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"}

package/renderer/header-renderer.d.ts

@@ -0,0 +1,264 @@
+import type { ColumnDef } from '../types/column.types';
+import type { GridStore } from '../core/grid-store';
+import type { EventBus } from '../event-bus/event-bus';
+import type { IconRenderer } from '../icons/icon-renderer';
+import type { ColumnModel } from '../core/column-model';
+import type { SortEngine } from '../engines/sort/sort-engine';
+import type { GroupDropZone } from './group-drop-zone';
+import type { ColumnGroupModel } from '../column-groups/column-group-model';
+import type { ColumnGroupHeaderBuilder } from '../column-groups/column-group-header-builder';
+import type { ColumnGroupDragHandler } from '../column-groups/column-group-drag-handler';
+import type { DisplayGroupEngine } from '../column-groups/display-group-engine';
+import { ColumnStyleManager } from './column-style-manager';
+export interface HeaderRendererOptions {
+    showCheckboxes?: boolean;
+    showSerialNumber?: boolean;
+    showFilterRow?: boolean;
+    showColumnMenu?: boolean;
+    headerRowHeight?: number;
+    filterRowHeight?: number;
+    hasGroupedColumns?: boolean;
+    autoGroupColWidth?: number;
+}
+export declare class HeaderRenderer {
+    private store;
+    private eventBus;
+    private iconRenderer;
+    private columnModel;
+    private sortEngine;
+    private colStyles;
+    private leftHeaderRowEl;
+    private centerHeaderRowEl;
+    private rightHeaderRowEl;
+    private centerFilterRowEl;
+    private headerCheckbox;
+    private columnMenu;
+    private groupContextMenu;
+    private groupDropZone;
+    /** Tree model for the column group hierarchy. `null` until wired via `setColumnGroupModel`. */
+    private groupModel;
+    /** DOM builder for multi-row grouped header rows. `null` until wired. */
+    private groupHeaderBuilder;
+    /** Group header row elements per panel — indexed 0..maxDepth-1. */
+    private leftGroupRowEls;
+    private centerGroupRowEls;
+    private rightGroupRowEls;
+    /**
+     * Callback invoked when the user clicks a group collapse/expand toggle.
+     * Provided by `GridRenderer` so it can coordinate header + body rebuild.
+     */
+    private onGroupToggleFn;
+    /**
+     * Callback invoked when the user finishes dragging a group resize handle.
+     * `GridRenderer` wires this to distribute the delta and trigger reflow.
+     */
+    private onGroupResizeFn;
+    /**
+     * Wired by `GridRenderer` after group model setup — used in `onGlobalMouseUp`
+     * to create a clone group when a leaf is dropped onto a different group header.
+     */
+    private groupDragHandler;
+    /**
+     * Display Group Engine — the new architecture that replaces ColumnGroupModel.
+     * When set, `renderInPanels` uses this engine instead of the legacy model.
+     */
+    private displayGroupEngine;
+    /**
+     * Cached header row height from the last `renderInPanels` / `updateCenterVisibleCols`
+     * call.  Used by `rebuildGroupRowsForPanel` which is called during drag when
+     * `HeaderRendererOptions` is not available on the call stack.
+     */
+    private lastGroupRowHeight;
+    private draggingColId;
+    private isDragging;
+    private draggingPanelRowEl;
+    private draggingIsGroupable;
+    private isOverGroupZone;
+    private ghostEl;
+    private dragStyleEl;
+    private draggingGridEl;
+    private draggedColWidth;
+    private dragStartScrollX;
+    private dragIsHideMode;
+    private dragSourcePanel;
+    private dragTargetPanel;
+    private dragTargetLocalIdx;
+    private panelDragData;
+    private livePanelMoveInProgress;
+    private scrollByX;
+    private canScrollX;
+    private onResizeCb;
+    private autoScrollRAF;
+    private autoScrollSpeed;
+    private centerPanelRect;
+    /** Last known cursor X during column drag — used to replay `onDragMove` after auto-scroll ticks. */
+    private lastDragClientX;
+    private boundMouseMove;
+    private boundMouseUp;
+    /** Callback wired by GridRenderer to open a filter panel for a column. */
+    private openFilterPanelFn;
+    /** Read by grid-renderer's columns-store watcher to skip header destroy during drag */
+    get isDraggingCol(): boolean;
+    /** True while the user holds the resize handle and is actively moving the mouse. */
+    private _isResizingColumn;
+    /**
+     * `true` between the resize-handle `mousedown` and the corresponding `mouseup`.
+     * Grid-renderer uses this to suppress body `renderRows` during resize — column
+     * widths are driven by CSS rules from `ColumnStyleManager`, so the body DOM
+     * never needs to be rebuilt while the user is dragging a resize handle.
+     */
+    get isResizingColumn(): boolean;
+    constructor(store: GridStore, eventBus: EventBus, iconRenderer: IconRenderer, columnModel: ColumnModel, sortEngine: SortEngine, colStyles: ColumnStyleManager);
+    setScrollCallback(fn: (dx: number) => void, canScrollX?: (dir: 1 | -1) => boolean): void;
+    setResizeCallback(cb: () => void): void;
+    /**
+     * Register the callback invoked when the user clicks the filter icon on a
+     * filterable column header.  Wired by `GridRenderer.buildLayout()`.
+     *
+     * @param fn - Opens/positions a `FilterPanel` for the given column.
+     */
+    setOpenFilterPanelCallback(fn: (colDef: ColumnDef, anchorEl: HTMLElement) => void): void;
+    /**
+     * Wire the column-group model and DOM builder into the header renderer.
+     *
+     * Call this before the first `renderInPanels` when the grid's column
+     * definitions contain groups (i.e. `ColumnDef.children` is present on any
+     * top-level column).  Once wired, `renderInPanels` and `updateCenterVisibleCols`
+     * automatically insert and update the multi-row grouped header rows.
+     *
+     * @param model   - The live {@link ColumnGroupModel} for the grid.
+     * @param builder - The {@link ColumnGroupHeaderBuilder} instance.
+     */
+    setColumnGroupModel(model: ColumnGroupModel, builder: ColumnGroupHeaderBuilder): void;
+    /**
+     * Wire the new Display Group Engine into the header renderer.
+     * When set, `renderInPanels` uses the engine's builder instead of the legacy
+     * `ColumnGroupModel` + `ColumnGroupHeaderBuilder`.
+     *
+     * @param engine - The fully-initialised `DisplayGroupEngine` instance.
+     */
+    setDisplayGroupEngine(engine: DisplayGroupEngine): void;
+    /**
+     * Register the callback fired when a user toggles a group's collapse state.
+     *
+     * `GridRenderer` wires this to coordinate header rebuild + leaf-column
+     * visibility update in `ColumnModel`.
+     *
+     * @param fn - Receives the `groupId` of the toggled group.
+     */
+    setGroupToggleCallback(fn: (groupId: string) => void): void;
+    /**
+     * Register the callback fired when a user finishes dragging a group resize handle.
+     *
+     * `GridRenderer` wires this to call {@link ColumnGroupModel.distributeResizeDelta}
+     * and flush the updated widths to `ColumnStyleManager`.
+     *
+     * @param fn - Receives `groupId` and the new desired total group width.
+     */
+    setGroupResizeCallback(fn: (groupId: string, newWidth: number) => void): void;
+    /**
+     * Wire the group drag handler so that leaf drops on foreign group header cells
+     * create solo clone groups instead of doing a plain column reorder.
+     *
+     * @param handler - The active `ColumnGroupDragHandler` instance.
+     */
+    setGroupDragHandler(handler: ColumnGroupDragHandler): void;
+    /**
+     * Rebuild only the group-header rows for all panels without touching the leaf
+     * row or filter row.  Call this after a group collapse/expand event has already
+     * been processed by the model (i.e. `group.collapsed` flag is up to date).
+     *
+     * @param options - Header renderer options (passed from last `renderInPanels` call).
+     */
+    rebuildGroupRows(options: HeaderRendererOptions): void;
+    /**
+     * Updates the filter-active indicator (`pg-th--filter-active` class and icon
+     * swap) on every rendered header cell based on the current `FilterModel`.
+     * Called from the renderer's `filterModel` store watcher.
+     *
+     * @param activeColIds - Set of `colId` strings that currently have an active filter.
+     */
+    updateFilterIndicators(activeColIds: Set<string>): void;
+    /**
+     * Build the {@link GroupCellBuildOptions} object forwarded to the DOM builder.
+     * Wires the toggle and resize callbacks registered by `GridRenderer`.
+     */
+    private buildGroupCellOptions;
+    renderInPanels(leftContainer: HTMLElement, centerInnerEl: HTMLElement, rightContainer: HTMLElement, allColumns: ColumnDef[], options?: HeaderRendererOptions): void;
+    updateSortIndicator(colId: string, order: 'asc' | 'desc' | null): void;
+    updateAllChecked(isAll: boolean, isIndeterminate: boolean): void;
+    setGroupDropZone(zone: GroupDropZone): void;
+    destroy(): void;
+    updateCenterVisibleCols(visibleCols: ColumnDef[], leftSpacerW: number, rightSpacerW: number, options: HeaderRendererOptions): void;
+    private makeSpacer;
+    private capturePanelDragData;
+    private buildHeaderRow;
+    private buildAutoGroupTh;
+    private buildCheckboxHeaderCell;
+    private buildSerialHeaderCell;
+    private buildHeaderCell;
+    private buildFilterCell;
+    private buildFilterRow;
+    private attachColumnDragListeners;
+    private startColumnDrag;
+    /**
+     * When the cursor crosses into a new panel:
+     * 1. Immediately DOM-move the source TH into the target panel header row
+     * 2. Call moveAndPin() so body cells and panel widths update via the guarded re-render
+     * 3. After 2 frames (re-render complete), re-capture rects and continue drag
+     */
+    private moveToPanelLive;
+    private readonly tickAutoScroll;
+    private updateAutoScroll;
+    private stopAutoScroll;
+    /**
+     * Re-captures header column rects and re-applies drag transforms after each
+     * auto-scroll step.  Runs 2 animation frames after the scroll so the grid's
+     * virtual column render (`updateCenterVisibleCols`) has completed and the DOM
+     * reflects any newly visible columns before `getBoundingClientRect` is called.
+     *
+     * This mirrors the 2-frame pattern used by `moveToPanelLive` and ensures the
+     * dragged-column ghost and sibling transforms stay accurate even when the
+     * mouse is stationary at the viewport edge while auto-scroll is running.
+     */
+    private refreshDragAfterScroll;
+    /**
+     * Rebuild the group header rows for one panel using a new (possibly preview)
+     * column order.  Safe to call during drag — only the group row `<div>`s are
+     * replaced; the leaf row `<tr>` that carries the live drag element is untouched.
+     *
+     * @param panel - Which panel's group rows to refresh.
+     * @param cols  - Ordered visible columns for this panel (preview or committed).
+     */
+    private rebuildGroupRowsForPanel;
+    /**
+     * Compute the preview column order for the drag source panel (same-panel drag)
+     * and rebuild its group rows.
+     *
+     * Called from `onDragMove` whenever the effective drop slot changes.  Always
+     * derives the preview from the captured `panelDragData` colIds so the
+     * `LogicalGroupRegistry` sees the exact order the column would land in on drop.
+     *
+     * @param targetIdx   - Effective slot index the dragged column is hovering over.
+     * @param sourceIdx   - Original slot index of the dragged column in its panel.
+     * @param pd          - Panel drag data for the source panel.
+     */
+    private rebuildGroupRowsWithPreview;
+    private onDragMove;
+    private onGlobalMouseMove;
+    private onGlobalMouseUp;
+    private cleanupDrag;
+    private startResize;
+    /**
+     * Returns `true` when `colId` (at its new position `newIdx` in the visible
+     * columns array) is no longer adjacent to any sibling leaf from its parent
+     * group — meaning it has been dragged outside the group's contiguous span.
+     *
+     * @param colId  - The moved leaf column.
+     * @param newIdx - Its new index in `cols`.
+     * @param cols   - Current flat visible-column array (after the move).
+     */
+    private isLeafOutsideGroup;
+    private onAction;
+}
+//# sourceMappingURL=header-renderer.d.ts.map