photon-grid-core 0.0.1

package/column-groups/column-group-drag-handler.js

@@ -0,0 +1,517 @@
+import { GridEventType } from '../types/event.types';
+import { createDiv } from '../renderer/dom-utils';
+/** `{ valid: false }` sentinel. */
+const INVALID_TARGET = {
+    valid: false, targetId: '', position: 'before', indicatorX: 0,
+};
+/**
+ * Manages drag-and-drop operations for group header cells.
+ *
+ * Handles three drag scenarios:
+ * 1. **Group header drag** — move an entire group (all children move together).
+ * 2. **Leaf inside a married group** — dragging a child moves the parent group.
+ * 3. **Leaf drag out of group** — creates a solo wrapper group at the drop site.
+ *
+ * Drop targets:
+ * - **Another group** — inserts the dragged group before/after the target.
+ * - **Row-grouping bar** — triggers row-grouping for all `groupable` leaves.
+ * - **Outside the grid** — shows a "hide" preview and hides all columns.
+ *
+ * Visual feedback:
+ * - Ghost chip following the cursor.
+ * - Thin vertical drop-indicator line at the insertion point.
+ * - Ghost turns red when dragged outside the grid.
+ */
+export class ColumnGroupDragHandler {
+    constructor(columnModel, groupModel, headerBuilder, colStyles, eventBus, 
+    /** Returns the root `.pg-grid` element; may be `null` before mount. */
+    gridElGetter) {
+        this.columnModel = columnModel;
+        this.groupModel = groupModel;
+        this.headerBuilder = headerBuilder;
+        this.colStyles = colStyles;
+        this.eventBus = eventBus;
+        this.gridElGetter = gridElGetter;
+        /** Currently dragged group ID, `null` when not dragging. */
+        this.draggingId = null;
+        /** `true` when the dragged node is a group (vs. a leaf). */
+        this.draggingIsGroup = false;
+        /** Ghost element following the cursor. */
+        this.ghostEl = null;
+        /** Vertical indicator line shown at the drop target. */
+        this.indicatorEl = null;
+        /** The grid `.pg-grid` element, captured at drag-start from the getter. */
+        this.gridEl = null;
+        /** Last computed drop target. */
+        this.currentTarget = null;
+        /** `true` for the remainder of the current event loop after a drag completes. */
+        this._didJustDrag = false;
+        // ── Live drag transform state ────────────────────────────────────────────
+        /** Injected `<style>` element holding CSS transforms during a drag. */
+        this.dragStyleEl = null;
+        /** Captured group-cell positions (at drag-start) for the same depth level. */
+        this.dragCells = [];
+        /** Width of the dragged group cell (pixels). */
+        this.dragCellWidth = 0;
+        /** Index of the dragged group cell within `dragCells`. */
+        this.dragSourceIdx = -1;
+        /** Current effective drop index (updated each mousemove). */
+        this.dragEffectiveIdx = -1;
+        this.boundMouseMove = this.onMouseMove.bind(this);
+        this.boundMouseUp = this.onMouseUp.bind(this);
+    }
+    // ── Public ───────────────────────────────────────────────────────────────
+    /**
+     * `true` immediately after a drag session ends (cleared after one tick).
+     * Used by the header builder to suppress the collapse-toggle click that
+     * fires after a drag completes.
+     */
+    get didJustDrag() { return this._didJustDrag; }
+    /**
+     * Attach drag listeners to a group header cell element.
+     * Drag starts only after the pointer has moved more than 5 px so that a
+     * short click still fires the collapse-toggle handler.
+     *
+     * @param el    - The group header `<div>` element.
+     * @param group - The group node this cell represents.
+     */
+    attachGroupDragListeners(el, group) {
+        el.addEventListener('mousedown', (e) => {
+            if (e.target.closest('.pg-th__resize-handle, .pg-th__collapse-btn'))
+                return;
+            if (e.button !== 0)
+                return;
+            const startX = e.clientX;
+            let moved = false;
+            const onMoveStart = (ev) => {
+                if (!moved && Math.abs(ev.clientX - startX) > 5) {
+                    moved = true;
+                    document.removeEventListener('mousemove', onMoveStart);
+                    document.removeEventListener('mouseup', onUpEarly);
+                    this.startGroupDrag(group, ev.clientX, ev.clientY);
+                    document.addEventListener('mousemove', this.boundMouseMove);
+                    document.addEventListener('mouseup', this.boundMouseUp);
+                    // Intercept the click that would fire on mouseup so collapse does not toggle
+                    const blockClick = (ce) => {
+                        ce.stopPropagation();
+                        document.removeEventListener('click', blockClick, true);
+                    };
+                    document.addEventListener('click', blockClick, true);
+                }
+            };
+            const onUpEarly = () => {
+                document.removeEventListener('mousemove', onMoveStart);
+                document.removeEventListener('mouseup', onUpEarly);
+            };
+            document.addEventListener('mousemove', onMoveStart);
+            document.addEventListener('mouseup', onUpEarly);
+        });
+    }
+    /**
+     * Attach drag listeners to a leaf header cell, respecting `marryChildren`.
+     *
+     * When the leaf's parent group has `marryChildren === true`, dragging the
+     * leaf starts a group drag instead of a leaf drag.
+     *
+     * @param el     - The leaf header `<div>` element.
+     * @param colDef - The column definition.
+     */
+    attachLeafDragListeners(el, colDef) {
+        const parent = this.groupModel.getParent(colDef.colId);
+        if (parent?.marryChildren) {
+            const group = this.groupModel.getGroup(parent.groupId);
+            if (group)
+                this.attachGroupDragListeners(el, group);
+        }
+        // Non-married leaves use HeaderRenderer's built-in drag
+    }
+    /** `true` while a drag session is in progress. */
+    get isDragging() { return this.draggingId !== null; }
+    /** Release all event listeners and remove DOM artefacts. */
+    destroy() {
+        this.cleanupDrag();
+        document.removeEventListener('mousemove', this.boundMouseMove);
+        document.removeEventListener('mouseup', this.boundMouseUp);
+    }
+    // ── Private: drag lifecycle ───────────────────────────────────────────────
+    startGroupDrag(group, clientX, clientY) {
+        const gridEl = this.gridElGetter();
+        if (!gridEl)
+            return;
+        this.draggingId = group.groupId;
+        this.draggingIsGroup = true;
+        this.gridEl = gridEl;
+        // Ghost chip
+        const ghost = createDiv('pg-col-drag-ghost');
+        const label = document.createElement('span');
+        label.className = 'pg-col-drag-ghost__label';
+        label.textContent = group.header;
+        ghost.appendChild(label);
+        ghost.style.left = `${clientX + 14}px`;
+        ghost.style.top = `${clientY}px`;
+        document.body.appendChild(ghost);
+        this.ghostEl = ghost;
+        // Drop indicator
+        const indicator = createDiv('pg-group-drop-indicator');
+        gridEl.appendChild(indicator);
+        this.indicatorEl = indicator;
+        document.body.style.cursor = 'grabbing';
+        document.body.style.userSelect = 'none';
+        gridEl.classList.add('pg-grid--col-dragging');
+        // ── Capture group-cell positions for live CSS-transform visual ──────────
+        const draggedCell = gridEl.querySelector(`[data-group-id="${group.groupId}"]`);
+        const depth = parseInt(draggedCell?.closest('[data-group-depth]')?.getAttribute('data-group-depth') ?? '0', 10);
+        const cells = [];
+        for (const row of gridEl.querySelectorAll(`[data-group-depth="${depth}"]`)) {
+            for (const cell of row.querySelectorAll('[data-group-id]')) {
+                cells.push({ groupId: cell.getAttribute('data-group-id') ?? '', rect: cell.getBoundingClientRect() });
+            }
+        }
+        cells.sort((a, b) => a.rect.left - b.rect.left);
+        this.dragCells = cells;
+        this.dragSourceIdx = cells.findIndex((c) => c.groupId === group.groupId);
+        this.dragCellWidth = cells[this.dragSourceIdx]?.rect.width ?? 0;
+        this.dragEffectiveIdx = this.dragSourceIdx;
+        const styleEl = document.createElement('style');
+        styleEl.setAttribute('data-pg-group-drag', '');
+        document.head.appendChild(styleEl);
+        this.dragStyleEl = styleEl;
+    }
+    onMouseMove(e) {
+        if (!this.draggingId || !this.ghostEl)
+            return;
+        this.ghostEl.style.left = `${e.clientX + 14}px`;
+        this.ghostEl.style.top = `${e.clientY}px`;
+        // Visual feedback: turn ghost red when outside grid
+        const outside = this.isOutsideGrid(e.clientX, e.clientY);
+        this.ghostEl.classList.toggle('pg-col-drag-ghost--outside', outside);
+        if (outside) {
+            this.currentTarget = null;
+            this.updateIndicator(null);
+            this.applyDragTransforms(-1);
+            return;
+        }
+        const target = this.hitTest(e.clientX, e.clientY);
+        this.currentTarget = target;
+        this.updateIndicator(target);
+        // Live CSS-transform reordering (mirrors HeaderRenderer column drag visual)
+        if (this.dragCells.length > 0) {
+            let effectiveIdx = this.dragSourceIdx;
+            for (let i = 0; i < this.dragCells.length; i++) {
+                if (i === this.dragSourceIdx)
+                    continue;
+                const r = this.dragCells[i].rect;
+                if (e.clientX >= r.left && e.clientX < r.right) {
+                    effectiveIdx = i;
+                    break;
+                }
+            }
+            // Clamp to edges
+            if (e.clientX < (this.dragCells[0]?.rect.left ?? 0))
+                effectiveIdx = 0;
+            if (e.clientX >= (this.dragCells[this.dragCells.length - 1]?.rect.right ?? 0)) {
+                effectiveIdx = this.dragCells.length - 1;
+            }
+            this.dragEffectiveIdx = effectiveIdx;
+            this.applyDragTransforms(effectiveIdx);
+        }
+    }
+    /**
+     * Write CSS `transform: translateX()` rules for the live drag preview.
+     * Pass `-1` to clear all transforms.
+     */
+    applyDragTransforms(effectiveIdx) {
+        if (!this.dragStyleEl || !this.gridEl)
+            return;
+        if (effectiveIdx === -1 || effectiveIdx === this.dragSourceIdx) {
+            this.dragStyleEl.textContent = '';
+            return;
+        }
+        const gridId = this.gridEl.getAttribute('data-photon-grid-id') ?? '';
+        const scope = gridId ? `[data-photon-grid-id="${gridId}"] ` : '';
+        const src = this.dragSourceIdx;
+        const src_rect = this.dragCells[src]?.rect;
+        const tgt_rect = this.dragCells[effectiveIdx]?.rect;
+        if (!src_rect || !tgt_rect)
+            return;
+        const srcOffset = effectiveIdx > src
+            ? tgt_rect.right - src_rect.right
+            : tgt_rect.left - src_rect.left;
+        let css = `${scope}[data-group-id="${this.draggingId}"] { transform: translateX(${srcOffset}px); z-index: 10; position: relative; transition: none; }\n`;
+        for (let i = 0; i < this.dragCells.length; i++) {
+            if (i === src)
+                continue;
+            let offset = 0;
+            if (effectiveIdx > src && i > src && i <= effectiveIdx)
+                offset = -this.dragCellWidth;
+            else if (effectiveIdx < src && i >= effectiveIdx && i < src)
+                offset = this.dragCellWidth;
+            if (offset !== 0) {
+                css += `${scope}[data-group-id="${this.dragCells[i].groupId}"] { transform: translateX(${offset}px); }\n`;
+            }
+        }
+        this.dragStyleEl.textContent = css;
+    }
+    onMouseUp(e) {
+        const target = this.currentTarget;
+        const id = this.draggingId;
+        const isGroup = this.draggingIsGroup;
+        const gridEl = this.gridEl;
+        const outside = gridEl ? this.isOutsideGrid(e.clientX, e.clientY) : false;
+        const onGroupBar = gridEl ? this.isOverGroupingBar(e.clientX, e.clientY) : false;
+        this.cleanupDrag();
+        this._didJustDrag = true;
+        // Clear flag after current event loop so the collapse click is suppressed
+        Promise.resolve().then(() => { this._didJustDrag = false; });
+        if (!id)
+            return;
+        // ── Drop: outside grid ──────────────────────────────────────────────────
+        if (outside) {
+            if (isGroup) {
+                const leaves = this.groupModel.getLeavesInGroup(id);
+                for (const leaf of leaves) {
+                    this.columnModel.setColumnVisible(leaf.colId, false);
+                }
+            }
+            return;
+        }
+        // ── Drop: row-grouping bar ──────────────────────────────────────────────
+        if (onGroupBar) {
+            if (isGroup) {
+                const leaves = this.groupModel.getLeavesInGroup(id);
+                const groupableIds = leaves.filter((l) => l.groupable).map((l) => l.colId);
+                if (groupableIds.length > 0) {
+                    // COLUMN_GROUP_CHANGED fires with an array of colIds to add to the
+                    // grouped-column set; GroupDropZone / GroupingEngine pick this up.
+                    this.eventBus.emit(GridEventType.COLUMN_GROUP_CHANGED, {
+                        action: 'add',
+                        colIds: groupableIds,
+                    });
+                }
+            }
+            return;
+        }
+        // ── Drop: use live-transform effective index for precise positioning ──────
+        // If the live transform computed a valid effectiveIdx, use that to determine
+        // the insert position rather than the hitTest (which can be stale on fast drags).
+        const effectiveIdx = this.dragEffectiveIdx;
+        const useLiveIdx = effectiveIdx !== -1 && effectiveIdx !== this.dragSourceIdx
+            && effectiveIdx < this.dragCells.length;
+        const resolvedTarget = useLiveIdx
+            ? {
+                valid: true,
+                targetId: this.dragCells[effectiveIdx].groupId,
+                position: effectiveIdx > this.dragSourceIdx ? 'after' : 'before',
+                indicatorX: 0,
+            }
+            : target;
+        if (!resolvedTarget?.valid)
+            return;
+        if (isGroup) {
+            // Moving the whole group: insert before/after target
+            const targetGroup = this.groupModel.getGroup(resolvedTarget.targetId);
+            if (!targetGroup)
+                return;
+            const targetParent = this.groupModel.getParent(resolvedTarget.targetId);
+            const targetParentId = targetParent?.groupId ?? null;
+            const insertBeforeId = resolvedTarget.position === 'before' ? resolvedTarget.targetId : null;
+            // After-insert: find the node immediately following the target, insert before it
+            const insertBeforeNext = resolvedTarget.position === 'after'
+                ? this.nextSiblingId(resolvedTarget.targetId)
+                : null;
+            const finalInsertBefore = insertBeforeId ?? insertBeforeNext;
+            // Dissolve solo group if being moved back to its origin group
+            const draggedGroup = this.groupModel.getGroup(id);
+            if (draggedGroup?.isSoloGroup && draggedGroup.originalParentGroupId === targetParentId) {
+                const leafNode = draggedGroup.children[0];
+                if (leafNode?.nodeType === "leaf" /* ColumnGroupNodeType.LEAF */) {
+                    this.groupModel.dissolveGroupIfSolo(id, targetParentId, finalInsertBefore);
+                    this.columnModel.setColumnVisible(leafNode.colDef.colId, true);
+                    this.triggerRebuild();
+                    return;
+                }
+            }
+            this.groupModel.moveGroup(id, targetParentId, finalInsertBefore);
+        }
+        this.triggerRebuild();
+    }
+    cleanupDrag() {
+        this.draggingId = null;
+        this.draggingIsGroup = false;
+        this.currentTarget = null;
+        this.dragCells = [];
+        this.dragCellWidth = 0;
+        this.dragSourceIdx = -1;
+        this.dragEffectiveIdx = -1;
+        this.ghostEl?.remove();
+        this.ghostEl = null;
+        this.indicatorEl?.remove();
+        this.indicatorEl = null;
+        this.dragStyleEl?.remove();
+        this.dragStyleEl = null;
+        this.gridEl?.classList.remove('pg-grid--col-dragging');
+        this.gridEl = null;
+        document.body.style.cursor = '';
+        document.body.style.userSelect = '';
+        document.removeEventListener('mousemove', this.boundMouseMove);
+        document.removeEventListener('mouseup', this.boundMouseUp);
+    }
+    // ── Private: drop-target hit test ────────────────────────────────────────
+    /**
+     * Locate the nearest group header cell to the cursor using
+     * `getBoundingClientRect` on all visible `[data-group-id]` elements within
+     * the grid.  Excludes the element being dragged.
+     */
+    hitTest(clientX, clientY) {
+        if (!this.gridEl)
+            return INVALID_TARGET;
+        const cells = this.gridEl.querySelectorAll('[data-group-id]');
+        const gridRect = this.gridEl.getBoundingClientRect();
+        let closest = null;
+        let minDist = Infinity;
+        for (const cell of cells) {
+            const gid = cell.getAttribute('data-group-id') ?? '';
+            if (gid === this.draggingId)
+                continue;
+            const rect = cell.getBoundingClientRect();
+            // Y must be within the group row (with 4 px tolerance)
+            if (clientY < rect.top - 4 || clientY > rect.bottom + 4)
+                continue;
+            const midX = rect.left + rect.width / 2;
+            const dist = Math.abs(clientX - midX);
+            if (dist < minDist) {
+                minDist = dist;
+                const position = clientX < midX ? 'before' : 'after';
+                closest = {
+                    valid: true,
+                    targetId: gid,
+                    position,
+                    // indicatorX is relative to the grid's left edge
+                    indicatorX: (position === 'before' ? rect.left : rect.right) - gridRect.left,
+                };
+            }
+        }
+        return closest ?? INVALID_TARGET;
+    }
+    updateIndicator(target) {
+        if (!this.indicatorEl)
+            return;
+        if (!target?.valid) {
+            this.indicatorEl.style.display = 'none';
+            return;
+        }
+        this.indicatorEl.style.display = 'block';
+        this.indicatorEl.style.left = `${target.indicatorX}px`;
+    }
+    /** `true` when the cursor is more than 40 px outside the grid boundary. */
+    isOutsideGrid(clientX, clientY) {
+        if (!this.gridEl)
+            return false;
+        const rect = this.gridEl.getBoundingClientRect();
+        const margin = 40;
+        return clientX < rect.left - margin
+            || clientX > rect.right + margin
+            || clientY < rect.top - margin
+            || clientY > rect.bottom + margin;
+    }
+    /** `true` when the cursor is over the row-grouping bar. */
+    isOverGroupingBar(clientX, clientY) {
+        if (!this.gridEl)
+            return false;
+        const bar = this.gridEl.querySelector('.pg-group-drop-zone--top');
+        if (!bar)
+            return false;
+        const rect = bar.getBoundingClientRect();
+        return clientX >= rect.left && clientX <= rect.right
+            && clientY >= rect.top && clientY <= rect.bottom;
+    }
+    /**
+     * Return the ID of the node immediately after `nodeId` among its siblings.
+     * Returns `null` when `nodeId` is the last sibling or is not found.
+     */
+    nextSiblingId(nodeId) {
+        const parent = this.groupModel.getParent(nodeId);
+        const list = parent ? parent.children : this.groupModel.rootNodes;
+        const idx = list
+            .findIndex((n) => (n.nodeType === "group" /* ColumnGroupNodeType.GROUP */ ? n.groupId : n.colDef?.colId) === nodeId);
+        if (idx === -1 || idx >= list.length - 1)
+            return null;
+        const next = list[idx + 1];
+        return next.nodeType === "group" /* ColumnGroupNodeType.GROUP */ ? (next.groupId ?? null) : (next.colDef?.colId ?? null);
+    }
+    // ── Public: leaf clone / extract API ────────────────────────────────────
+    /**
+     * Extract a leaf from its parent group into a solo clone group WITHOUT
+     * reordering `store.columns` via `getAllLeaves()`.
+     *
+     * Use this when the column has already been repositioned by `moveColumn` or
+     * `moveAndPin` — the store order is correct; only the group tree and header
+     * need to be updated.
+     *
+     * The solo group is repositioned to be immediately before `insertBeforeId` in
+     * the root node list so that a subsequent `getAllLeaves()` tree sync (triggered
+     * by the `-1` sentinel) produces the same order as the flat store.
+     *
+     * @param colId          - The `colId` of the leaf to extract.
+     * @param insertBeforeId - Root-level sibling node ID to insert the solo group
+     *   before.  Pass `null` to append at the end of the root list.
+     */
+    extractLeafToSoloGroup(colId, insertBeforeId) {
+        const parent = this.groupModel.getParent(colId);
+        if (!parent)
+            return;
+        const soloId = this.groupModel.createSoloGroupForLeaf(colId);
+        if (!soloId)
+            return;
+        // Reposition so that tree order matches the intended column order
+        this.groupModel.moveGroup(soloId, null, insertBeforeId);
+        // Full rebuild + store sync via the standard -1 sentinel
+        this.triggerRebuild();
+    }
+    /**
+     * Called by `HeaderRenderer.onGlobalMouseUp` when a leaf column that belongs
+     * to a group is dropped onto a different group's header cell.
+     *
+     * **Merge-back**: if the leaf is currently in a solo-clone group whose
+     * `originalParentGroupId` matches `targetGroupId`, the clone is dissolved and
+     * the leaf is returned to its original group.
+     *
+     * **Clone**: otherwise a new solo-clone wrapper group (same header as the
+     * leaf's current parent) is created and positioned next to the target group.
+     *
+     * @param colId         - The `colId` of the dragged leaf column.
+     * @param targetGroupId - The group header the leaf was dropped on.
+     */
+    createLeafClone(colId, targetGroupId) {
+        const parentGroup = this.groupModel.getParent(colId);
+        if (!parentGroup)
+            return; // standalone leaf — nothing to clone
+        // ── Merge-back: solo clone dropped on its original parent ───────────────
+        if (parentGroup.isSoloGroup && parentGroup.originalParentGroupId === targetGroupId) {
+            this.groupModel.dissolveGroupIfSolo(parentGroup.groupId, targetGroupId, null);
+            this.columnModel.setColumnVisible(colId, true);
+            this.triggerRebuild();
+            return;
+        }
+        // ── Same parent → no-op ─────────────────────────────────────────────────
+        if (parentGroup.groupId === targetGroupId)
+            return;
+        // ── Clone: extract leaf into a solo wrapper group ───────────────────────
+        const soloGroupId = this.groupModel.createSoloGroupForLeaf(colId);
+        if (!soloGroupId)
+            return;
+        // Position the new solo group next to (before) the target group
+        const targetParent = this.groupModel.getParent(targetGroupId);
+        this.groupModel.moveGroup(soloGroupId, targetParent?.groupId ?? null, targetGroupId);
+        this.triggerRebuild();
+    }
+    /** Emit an event that tells the grid renderer to do a full header rebuild. */
+    triggerRebuild() {
+        this.eventBus.emit(GridEventType.COLUMN_MOVED, {
+            colDef: null,
+            fromIndex: -1,
+            toIndex: -1,
+        });
+    }
+}
+//# sourceMappingURL=column-group-drag-handler.js.map

package/column-groups/column-group-drag-handler.js.map

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

package/column-groups/column-group-header-builder.d.ts

@@ -0,0 +1,106 @@
+import type { ColumnStyleManager } from '../renderer/column-style-manager';
+import type { IconRenderer } from '../icons/icon-renderer';
+import type { ColumnGroupDragHandler } from './column-group-drag-handler';
+import { type ColumnTreeNode, type HeaderGroupRow } from './column-group.types';
+/**
+ * Options for building the DOM cells in a group header row.
+ */
+export interface GroupCellBuildOptions {
+    /** Height of a single header row in pixels — used for span calculation. */
+    rowHeight: number;
+    /** Callback fired when the user clicks or presses Enter/Space on a group cell. */
+    onCollapseToggle?: (groupId: string) => void;
+    /** Callback fired when the user drags the group resize handle. */
+    onGroupResize?: (groupId: string, newWidth: number) => void;
+}
+/**
+ * Builds the multi-row grouped header DOM for a single panel.
+ *
+ * ### Layout model
+ *
+ * ```
+ * pg-header-group-row depth-0  ← group cells (position: absolute)
+ * pg-header-group-row depth-1  ← deeper group cells (if nested)
+ * pg-header-row                ← existing leaf row (built by HeaderRenderer)
+ * pg-filter-row                ← optional filter row
+ * ```
+ *
+ * Group rows use `position: relative` with absolutely-positioned cells so that
+ * any arbitrary column width and nesting depth can be expressed without
+ * flex-layout constraints.  The rows are direct children of the panel's
+ * `pg-panel__header-inner` element, which means they scroll together with the
+ * leaf row via the same `translateX` CSS transform.
+ *
+ * ### Virtualization
+ *
+ * Group rows render **all** group cells (not just the virtual window slice).
+ * Because groups span many leaf columns, the number of group cells is small
+ * compared to the number of leaf cells — the perf overhead is negligible.
+ * The visible portion is automatically clipped by the panel's `overflow: hidden`.
+ */
+export declare class ColumnGroupHeaderBuilder {
+    private readonly iconRenderer;
+    /** Optional drag handler — wired after construction via {@link setDragConfig}. */
+    private dragHandler;
+    /** Getter returning the root `.pg-grid` element for drag boundary checks. */
+    private gridElGetter;
+    constructor(iconRenderer: IconRenderer);
+    /**
+     * Wire a {@link ColumnGroupDragHandler} into the builder so that each
+     * group header cell receives drag-and-drop listeners at build time.
+     *
+     * Must be called before the first `buildGroupRows` invocation if drag
+     * support is needed.
+     *
+     * @param handler    - Fully-constructed drag handler instance.
+     * @param gridElGetter - Returns the root `.pg-grid` element (may be `null`
+     *   before mount).
+     */
+    setDragConfig(handler: ColumnGroupDragHandler, gridElGetter: () => HTMLElement | null): void;
+    /**
+     * Build one `HTMLElement` per depth level for the given panel tree.
+     *
+     * Returns an ordered array of group-row elements (depth 0 first).
+     * The leaf row is **not** included — it is built by {@link HeaderRenderer}.
+     * Returns an empty array when `maxDepth === 0` (no groups).
+     *
+     * @param panelNodes  - Root-level tree nodes for this panel.
+     * @param colStyles   - Width manager for resolving leaf column widths.
+     * @param maxDepth    - Global tree depth (from `ColumnGroupModel.getMaxDepth()`).
+     * @param cellOptions - DOM build options (row height, callbacks).
+     */
+    buildGroupRows(panelNodes: ColumnTreeNode[], colStyles: ColumnStyleManager, maxDepth: number, cellOptions: GroupCellBuildOptions): HTMLElement[];
+    /**
+     * Rebuild the cells of existing group-row elements in place.
+     * Called after a virtual-column-window change or width update.
+     *
+     * @param groupRowEls - Previously built group-row elements (from `buildGroupRows`).
+     * @param panelNodes  - Current root nodes for this panel.
+     * @param colStyles   - Current column widths.
+     * @param maxDepth    - Global tree depth.
+     * @param cellOptions - DOM build options.
+     */
+    updateGroupRows(groupRowEls: HTMLElement[], panelNodes: ColumnTreeNode[], colStyles: ColumnStyleManager, maxDepth: number, cellOptions: GroupCellBuildOptions): void;
+    /**
+     * Compute the header layout data without constructing any DOM.
+     * Returns one {@link HeaderGroupRow} per depth level (0 to `maxDepth - 1`).
+     * Used for testing and by the drag handler for hit-testing.
+     *
+     * @param panelNodes - Root-level tree nodes for this panel.
+     * @param colStyles  - Width manager for leaf column widths.
+     * @param maxDepth   - Maximum nesting depth across the full tree.
+     */
+    computeLayout(panelNodes: ColumnTreeNode[], colStyles: ColumnStyleManager, maxDepth: number): HeaderGroupRow[];
+    private walk;
+    /**
+     * Walk a subtree and return the `colId` of the first non-hidden leaf.
+     * Returns `null` when no visible leaf is found.
+     */
+    private getFirstVisibleLeafColId;
+    private buildGroupRow;
+    private populateGroupRow;
+    private buildGroupCell;
+    private buildDefaultContent;
+    private startGroupResize;
+}
+//# sourceMappingURL=column-group-header-builder.d.ts.map

package/column-groups/column-group-header-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-group-header-builder.d.ts","sourceRoot":"","sources":["../../src/column-groups/column-group-header-builder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAuB,KAAK,cAAc,EAA+C,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGlJ;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,2EAA2E;IAC3E,SAAS,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kEAAkE;IAClE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,wBAAwB;IAMvB,OAAO,CAAC,QAAQ,CAAC,YAAY;IALzC,kFAAkF;IAClF,OAAO,CAAC,WAAW,CAAwC;IAC3D,6EAA6E;IAC7E,OAAO,CAAC,YAAY,CAA2C;gBAElC,YAAY,EAAE,YAAY;IAEvD;;;;;;;;;;OAUG;IACH,aAAa,CAAC,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI;IAO5F;;;;;;;;;;;OAWG;IACH,cAAc,CACZ,UAAU,EAAG,cAAc,EAAE,EAC7B,SAAS,EAAI,kBAAkB,EAC/B,QAAQ,EAAK,MAAM,EACnB,WAAW,EAAE,qBAAqB,GACjC,WAAW,EAAE;IAOhB;;;;;;;;;OASG;IACH,eAAe,CACb,WAAW,EAAE,WAAW,EAAE,EAC1B,UAAU,EAAG,cAAc,EAAE,EAC7B,SAAS,EAAI,kBAAkB,EAC/B,QAAQ,EAAK,MAAM,EACnB,WAAW,EAAE,qBAAqB,GACjC,IAAI;IAWP;;;;;;;;OAQG;IACH,aAAa,CACX,UAAU,EAAE,cAAc,EAAE,EAC5B,SAAS,EAAG,kBAAkB,EAC9B,QAAQ,EAAI,MAAM,GACjB,cAAc,EAAE;IAanB,OAAO,CAAC,IAAI;IAmEZ;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAchC,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,cAAc;IA6EtB,OAAO,CAAC,mBAAmB;IA4B3B,OAAO,CAAC,gBAAgB;CA2BzB"}