photon-grid-core 0.0.1

package/renderer/detail-row-renderer.js

@@ -0,0 +1,388 @@
+import { GridEventType } from '../types/event.types';
+import { detailNodeId } from '../types/row.types';
+import { createDiv } from './dom-utils';
+/**
+ * Inset (px, all sides) applied to `.pg-row--detail-container` in `base-styles.ts`
+ * so the nested grid never touches the detail row's edges. Auto-height must add
+ * this back in — `box-sizing: border-box` means the padding eats into the row's
+ * own height, so the row needs to be taller than the nested grid's content by
+ * exactly this much on top and bottom, or the nested grid would be clipped.
+ */
+const DETAIL_ROW_PADDING_PX = 20;
+/** Fallback for `MasterDetailConfig.keepDetailGridsCount` when unset. */
+const DEFAULT_KEEP_DETAIL_GRIDS_COUNT = 10;
+/**
+ * Renders Master/Detail rows as a full-width layer spanning the parent
+ * grid's `bodyWrapEl`, independent of the left/center/right pinned-column
+ * panels `BodyRenderer` owns.
+ *
+ * Living outside those panels is what makes the detail section span the
+ * full grid width regardless of pinned columns and stay put during
+ * horizontal scroll: its content wrapper only ever receives the vertical
+ * `--pg-scroll-y` transform (see `base-styles.ts`), never the horizontal one.
+ *
+ * Detail containers are cached by `nodeId` and reused across renders exactly
+ * like `BodyRenderer.renderedRowMap` — a nested `GridCore` instance is
+ * expensive to construct (it builds an entire independent grid), so it is
+ * created lazily on first expand. While a row remains expanded but scrolls
+ * outside the virtualized render window, its container is hidden
+ * (`display: none`) rather than destroyed, trading a small constant amount
+ * of retained memory (bounded by how many rows a user has actually expanded)
+ * for avoiding repeated fetch/mount/destroy churn on every scroll frame.
+ *
+ * On collapse, the entry is likewise not destroyed immediately — it moves
+ * into {@link collapsedCache}, an LRU keyed by `MasterDetailConfig.keepDetailGridsCount`,
+ * so re-expanding the same row restores the nested grid's live state (sort,
+ * column order/width, scroll, selection) instead of rebuilding from scratch.
+ * Only once evicted from that bounded cache is the instance actually destroyed.
+ */
+export class DetailRowRenderer {
+    constructor() {
+        this.layerEl = null;
+        this.contentEl = null;
+        this.entries = new Map();
+        /**
+         * Collapsed entries kept alive for instant, stateful re-expansion. Map
+         * insertion order doubles as LRU order — re-inserting a key on access
+         * moves it to the end, and eviction always removes the first (oldest) key.
+         */
+        this.collapsedCache = new Map();
+        this.masterDetailEngine = null;
+        this.nestedGridFactory = null;
+        this.iconRenderer = null;
+        this.themeManager = null;
+        this.parentApi = null;
+        /** Forwards a wheel delta to the parent grid's own vertical scroll. Set by `GridRenderer` so nested grids never capture wheel gestures for themselves. */
+        this.parentScrollForwarder = null;
+    }
+    /** Mounts the full-width overlay layer as a sibling of the left/center/right body panels. */
+    mount(bodyWrapEl) {
+        this.layerEl = createDiv('pg-detail-layer');
+        this.contentEl = createDiv('pg-detail-layer__content');
+        this.layerEl.appendChild(this.contentEl);
+        bodyWrapEl.appendChild(this.layerEl);
+    }
+    /** Wires collaborators. Called once from `GridCore.buildContext` via `GridRenderer.setMasterDetailConfig`. */
+    setDependencies(engine, factory, iconRenderer, themeManager) {
+        this.masterDetailEngine = engine;
+        this.nestedGridFactory = factory;
+        this.iconRenderer = iconRenderer;
+        this.themeManager = themeManager;
+    }
+    /**
+     * Wires the callback used to redirect wheel gestures over any nested grid
+     * to the parent's own vertical scroll — see `attachWheelForwarding`.
+     */
+    setParentScrollForwarder(fn) {
+        this.parentScrollForwarder = fn;
+    }
+    /** Late-bound once `GridApi` exists (after `GridCore`'s constructor finishes building context). Passed through to `detailRendererFn` as `parentApi`. */
+    setParentApi(api) {
+        this.parentApi = api;
+    }
+    /**
+     * Reconciles the overlay layer against the current detail rows.
+     *
+     * @param windowedDetailRows - `type === 'detail'` rows within the current
+     *   virtualized render window — these get built/shown.
+     * @param allDetailNodeIds - every `type === 'detail'` node id currently in
+     *   `visibleRows` (not just the window) — anything cached but absent here
+     *   was collapsed or its parent row was removed, and is torn down.
+     */
+    sync(windowedDetailRows, allDetailNodeIds) {
+        if (!this.contentEl || !this.masterDetailEngine)
+            return;
+        for (const [nodeId, entry] of this.entries) {
+            // Entries already shrinking out via `beginCollapse` manage their own
+            // teardown (transitionend / fallback timer) — leave them alone here,
+            // or the animation would be skipped and the row would vanish instantly.
+            if (entry.collapsing)
+                continue;
+            if (!allDetailNodeIds.has(nodeId)) {
+                this.destroyEntry(entry);
+                this.entries.delete(nodeId);
+            }
+        }
+        const windowedIds = new Set(windowedDetailRows.map((r) => r.nodeId));
+        for (const [nodeId, entry] of this.entries) {
+            if (entry.collapsing)
+                continue;
+            if (!windowedIds.has(nodeId))
+                entry.containerEl.style.display = 'none';
+        }
+        for (const row of windowedDetailRows) {
+            let entry = this.entries.get(row.nodeId);
+            if (!entry) {
+                entry = this.reviveOrBuildEntry(row);
+                this.entries.set(row.nodeId, entry);
+                this.playEnterAnimation(entry);
+            }
+            entry.containerEl.style.display = '';
+            if (!entry.contentBuilt)
+                this.tryBuildContent(entry, row);
+        }
+    }
+    /** Reuses a cached collapsed entry (preserving its nested grid's live state) when one exists, otherwise builds a fresh one. */
+    reviveOrBuildEntry(row) {
+        const cached = this.collapsedCache.get(row.nodeId);
+        if (cached) {
+            this.collapsedCache.delete(row.nodeId);
+            return cached;
+        }
+        return this.buildEntry(row);
+    }
+    /**
+     * Begins the shrink/fade-out for `parentNodeId`'s detail row, called by
+     * `GridCore` synchronously on collapse-click — **before** the pipeline
+     * re-runs. This timing matters: once `MasterDetailEngine.injectDetailRows`
+     * drops the row, `RowPositionSheet`'s rule for it disappears for good on
+     * the very next render, so the current `top`/`height` must be captured and
+     * frozen as inline styles now, while they're still valid, or there would be
+     * nothing correct to animate from.
+     */
+    beginCollapse(parentNodeId) {
+        if (!this.contentEl)
+            return;
+        const nodeId = detailNodeId(parentNodeId);
+        const entry = this.entries.get(nodeId);
+        if (!entry || entry.collapsing)
+            return;
+        entry.collapsing = true;
+        const parentRect = this.contentEl.getBoundingClientRect();
+        const rect = entry.containerEl.getBoundingClientRect();
+        entry.containerEl.style.top = `${rect.top - parentRect.top}px`;
+        entry.containerEl.style.height = `${rect.height}px`;
+        // Force layout so the frozen top/height commit as a distinct paint —
+        // otherwise the browser may coalesce this write with the shrink below
+        // into a single frame and skip the transition entirely.
+        void entry.containerEl.offsetHeight;
+        let finished = false;
+        const finish = () => {
+            if (finished)
+                return;
+            finished = true;
+            entry.containerEl.removeEventListener('transitionend', onTransitionEnd);
+            if (this.entries.get(nodeId) === entry) {
+                this.entries.delete(nodeId);
+                this.cacheCollapsedEntry(nodeId, entry);
+            }
+        };
+        const onTransitionEnd = (e) => {
+            if (e.propertyName === 'height')
+                finish();
+        };
+        entry.containerEl.addEventListener('transitionend', onTransitionEnd);
+        // Safety net — guarantees cleanup even if the element is hidden/removed
+        // from layout mid-transition and never fires `transitionend`.
+        setTimeout(finish, 260);
+        requestAnimationFrame(() => {
+            entry.containerEl.classList.add('pg-row--detail-collapsing');
+            entry.containerEl.style.height = '0px';
+        });
+    }
+    /**
+     * Fades a freshly-created detail entry in. Height is left to the
+     * `pg-row--detail-container` CSS transition — the value `RowPositionSheet`
+     * assigns naturally animates from the initial (min/cached) height to the
+     * auto-measured one once the nested grid finishes its first render.
+     */
+    playEnterAnimation(entry) {
+        entry.containerEl.classList.add('pg-row--detail-entering');
+        requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
+                entry.containerEl.classList.remove('pg-row--detail-entering');
+            });
+        });
+    }
+    destroy() {
+        for (const entry of this.entries.values())
+            this.destroyEntry(entry);
+        this.entries.clear();
+        for (const entry of this.collapsedCache.values())
+            this.destroyEntry(entry);
+        this.collapsedCache.clear();
+        this.layerEl?.remove();
+        this.layerEl = null;
+        this.contentEl = null;
+    }
+    /** The nested `GridCore` instance mounted for `parentNodeId`'s detail row, or `undefined` if not expanded/not yet built. Backs `GridApi.getDetailGridApi`. */
+    getNestedInstance(parentNodeId) {
+        return this.entries.get(detailNodeId(parentNodeId))?.instance ?? undefined;
+    }
+    // ─── Private ────────────────────────────────────────────────────────────
+    buildEntry(row) {
+        const containerEl = createDiv('pg-row pg-row--detail-container');
+        containerEl.setAttribute('data-node-id', row.nodeId);
+        this.contentEl.appendChild(containerEl);
+        return { containerEl, instance: null, contentBuilt: false, collapsing: false, cleanupFns: [] };
+    }
+    /**
+     * Moves a just-collapsed entry into {@link collapsedCache} instead of
+     * destroying it, so the next expand of the same row is instant and starts
+     * from exactly where the user left it. Clears the transient collapse
+     * animation's inline `top`/`height` overrides first — `RowPositionSheet`
+     * governs this row's position again the moment its node id reappears in
+     * the pipeline output on re-expand.
+     */
+    cacheCollapsedEntry(nodeId, entry) {
+        entry.collapsing = false;
+        entry.containerEl.classList.remove('pg-row--detail-collapsing');
+        entry.containerEl.style.removeProperty('top');
+        entry.containerEl.style.removeProperty('height');
+        entry.containerEl.style.display = 'none';
+        // Re-inserting moves the key to the end for LRU-by-insertion-order.
+        this.collapsedCache.delete(nodeId);
+        this.collapsedCache.set(nodeId, entry);
+        const keepCount = this.masterDetailEngine?.getConfig()?.keepDetailGridsCount ?? DEFAULT_KEEP_DETAIL_GRIDS_COUNT;
+        while (this.collapsedCache.size > keepCount) {
+            const oldestKey = this.collapsedCache.keys().next().value;
+            if (oldestKey === undefined)
+                break;
+            const oldest = this.collapsedCache.get(oldestKey);
+            this.collapsedCache.delete(oldestKey);
+            this.destroyEntry(oldest);
+        }
+    }
+    /**
+     * Builds real detail content once the row's data is ready — shows a
+     * loading indicator instead while `getDetailData` is still in flight, and
+     * retries on the next `sync()` call (triggered by
+     * `MasterDetailEngine`'s refresh callback when the fetch resolves).
+     */
+    tryBuildContent(entry, row) {
+        const engine = this.masterDetailEngine;
+        const parentNodeId = row.parentNodeId;
+        if (engine.isPending(parentNodeId)) {
+            if (!entry.containerEl.querySelector('.pg-detail-loading')) {
+                entry.containerEl.appendChild(this.buildLoadingIndicator());
+            }
+            return;
+        }
+        entry.containerEl.innerHTML = '';
+        const config = engine.getConfig();
+        if (config?.detailRendererFn) {
+            const result = config.detailRendererFn({
+                rowData: row.data,
+                nodeId: parentNodeId,
+                containerEl: entry.containerEl,
+                parentApi: this.parentApi,
+            });
+            if (result && result !== entry.containerEl)
+                entry.containerEl.appendChild(result);
+            entry.contentBuilt = true;
+            return;
+        }
+        const nestedHost = createDiv('pg-detail-nested-grid-host');
+        entry.containerEl.appendChild(nestedHost);
+        const nestedOptions = engine.resolveDetailGridOptions(row, this.themeManager.getActiveTheme());
+        const instance = this.nestedGridFactory(nestedHost, nestedOptions);
+        entry.instance = instance;
+        entry.contentBuilt = true;
+        if (config?.detailResizable) {
+            this.attachResizeHandle(entry, parentNodeId);
+        }
+        else if (config?.detailAutoHeight !== false) {
+            this.observeAutoHeight(entry, parentNodeId, instance);
+        }
+        this.attachWheelForwarding(entry, instance);
+    }
+    /**
+     * Chains vertical wheel scroll between a nested grid and the parent, the
+     * same way a native scrollable element nested in another one behaves:
+     * the nested grid scrolls its own content first, and only once it has
+     * reached its scroll boundary in the gesture's direction does the
+     * remaining scroll pass through to the parent grid's own vertical scroll.
+     * This is what makes an unlimited-height parent and a height-constrained
+     * detail section (`detailMaxHeight`, `detailAutoHeight: false`) both fully
+     * usable by wheel alone. Horizontal gestures are left alone entirely: the
+     * nested grid has its own columns and always scrolls them itself.
+     *
+     * Attached in the *capture* phase on `entry.containerEl` — an ancestor of
+     * the nested grid's own wheel listener (added in the bubble phase by
+     * `ScrollController.mount`). Capture fires first, so returning early here
+     * (nested can still scroll) simply lets that bubble-phase listener handle
+     * the event normally; forwarding instead calls `stopPropagation` to keep
+     * the event from ever reaching it, so there is no double-scroll either way.
+     */
+    attachWheelForwarding(entry, instance) {
+        const handler = (e) => {
+            if (e.ctrlKey)
+                return; // let pinch-to-zoom through, matching ScrollController.onWheel's own guard
+            if (Math.abs(e.deltaX) > Math.abs(e.deltaY))
+                return; // horizontal-dominant: let the nested grid scroll itself
+            const nestedCanContinue = e.deltaY < 0 ? instance.api.canScrollUp() : instance.api.canScrollDown();
+            if (nestedCanContinue)
+                return; // let the nested grid's own scroll handle it
+            e.preventDefault();
+            e.stopPropagation();
+            this.parentScrollForwarder?.(e.deltaY);
+        };
+        entry.containerEl.addEventListener('wheel', handler, { capture: true, passive: false });
+        entry.cleanupFns.push(() => entry.containerEl.removeEventListener('wheel', handler, { capture: true }));
+    }
+    /**
+     * Tracks the nested grid's natural content height by reading the
+     * `--pg-content-height` CSS var its own `GridRenderer` already maintains
+     * (`grid-renderer.ts` `performRender`), plus header/footer chrome —
+     * recomputed whenever the nested grid re-renders. This avoids the
+     * `ResizeObserver` feedback loop that would occur from measuring a
+     * container whose height is itself derived from this same computation
+     * (the nested grid's `.pg-grid` root is `height: 100%` of its host, so
+     * observing the host's rendered size would just echo back what we set it to).
+     */
+    observeAutoHeight(entry, parentNodeId, instance) {
+        const wrapperEl = entry.containerEl.querySelector('.pg-grid');
+        if (!wrapperEl)
+            return;
+        const recompute = () => {
+            const totalContentPx = parseFloat(wrapperEl.style.getPropertyValue('--pg-content-height')) || 0;
+            const headerEl = wrapperEl.querySelector('.pg-grid__header');
+            const footerEl = wrapperEl.querySelector('.pg-grid__footer');
+            const chrome = (headerEl?.offsetHeight ?? 0) + (footerEl?.offsetHeight ?? 0) + 2; // + border
+            this.masterDetailEngine.setDetailHeight(parentNodeId, chrome + totalContentPx + DETAIL_ROW_PADDING_PX * 2);
+        };
+        const unsubscribe = instance.api.on(GridEventType.ROWS_RENDERED, () => requestAnimationFrame(recompute));
+        entry.cleanupFns.push(unsubscribe);
+        requestAnimationFrame(recompute);
+    }
+    /** Bottom-edge drag handle — mutually exclusive with auto-height; the user's explicit size takes priority. */
+    attachResizeHandle(entry, parentNodeId) {
+        const handle = createDiv('pg-detail-resize-handle');
+        handle.setAttribute('data-detail-resize-handle', '');
+        entry.containerEl.appendChild(handle);
+        let startY = 0;
+        let startHeight = 0;
+        const onMouseMove = (e) => {
+            this.masterDetailEngine.setDetailHeight(parentNodeId, startHeight + (e.clientY - startY));
+        };
+        const onMouseUp = () => {
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+        };
+        const onMouseDown = (e) => {
+            e.preventDefault();
+            startY = e.clientY;
+            startHeight = entry.containerEl.getBoundingClientRect().height;
+            document.addEventListener('mousemove', onMouseMove);
+            document.addEventListener('mouseup', onMouseUp);
+        };
+        handle.addEventListener('mousedown', onMouseDown);
+        entry.cleanupFns.push(() => {
+            handle.removeEventListener('mousedown', onMouseDown);
+            onMouseUp();
+        });
+    }
+    buildLoadingIndicator() {
+        const el = createDiv('pg-detail-loading');
+        el.appendChild(this.iconRenderer.render('loading', { size: 20, spin: true }));
+        this.iconRenderer.injectSpinKeyframes();
+        return el;
+    }
+    destroyEntry(entry) {
+        for (const fn of entry.cleanupFns)
+            fn();
+        entry.instance?.destroy();
+        entry.containerEl.remove();
+    }
+}
+//# sourceMappingURL=detail-row-renderer.js.map

package/renderer/detail-row-renderer.js.map

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

package/renderer/dom-utils.d.ts

@@ -0,0 +1,22 @@
+export declare function createElement<K extends keyof HTMLElementTagNameMap>(tag: K, attrs?: Record<string, string | number | boolean>, cssText?: string): HTMLElementTagNameMap[K];
+export declare function createDiv(className?: string, cssText?: string): HTMLDivElement;
+export declare function setStyles(el: HTMLElement, styles: Partial<CSSStyleDeclaration>): void;
+export declare function clearChildren(el: HTMLElement): void;
+export declare function replaceChildren(el: HTMLElement, ...children: Node[]): void;
+export declare function addClasses(el: HTMLElement, ...classes: string[]): void;
+export declare function removeClasses(el: HTMLElement, ...classes: string[]): void;
+export declare function toggleClass(el: HTMLElement, cls: string, condition: boolean): void;
+export declare function getScrollbarWidth(): number;
+export declare function measureTextWidth(text: string, font: string): number;
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function getElementOffset(el: HTMLElement): {
+    top: number;
+    left: number;
+};
+export declare function isScrolledIntoView(el: HTMLElement, container: HTMLElement): boolean;
+export declare function scrollIntoViewIfNeeded(el: HTMLElement, container: HTMLElement): void;
+export declare function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number): (...args: Parameters<T>) => void;
+export declare function throttle<T extends (...args: unknown[]) => void>(fn: T, interval: number): (...args: Parameters<T>) => void;
+export declare function raf(fn: () => void): () => void;
+export declare function rafLoop(fn: (dt: number) => void): () => void;
+//# sourceMappingURL=dom-utils.d.ts.map

package/renderer/dom-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-utils.d.ts","sourceRoot":"","sources":["../../src/renderer/dom-utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,qBAAqB,EACjE,GAAG,EAAE,CAAC,EACN,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAM,EACrD,OAAO,CAAC,EAAE,MAAM,GACf,qBAAqB,CAAC,CAAC,CAAC,CAW1B;AAED,wBAAgB,SAAS,CACvB,SAAS,CAAC,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,CAKhB;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAErF;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,CAEnD;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,CAG1E;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAItE;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAIzE;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAMlF;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAS1C;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAMnE;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAM/E;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,GAAG,OAAO,CAInF;AAED,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,CAQpF;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAC7D,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,MAAM,GACZ,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMlC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAC7D,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,MAAM,GACf,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CASlC;AAED,wBAAgB,GAAG,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAG9C;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI,CAU5D"}

package/renderer/dom-utils.js

@@ -0,0 +1,132 @@
+export function createElement(tag, attrs = {}, cssText) {
+    const el = document.createElement(tag);
+    for (const [key, val] of Object.entries(attrs)) {
+        if (typeof val === 'boolean') {
+            if (val)
+                el.setAttribute(key, '');
+        }
+        else {
+            el.setAttribute(key, String(val));
+        }
+    }
+    if (cssText)
+        el.style.cssText = cssText;
+    return el;
+}
+export function createDiv(className, cssText) {
+    const el = document.createElement('div');
+    if (className)
+        el.className = className;
+    if (cssText)
+        el.style.cssText = cssText;
+    return el;
+}
+export function setStyles(el, styles) {
+    Object.assign(el.style, styles);
+}
+export function clearChildren(el) {
+    while (el.firstChild)
+        el.removeChild(el.firstChild);
+}
+export function replaceChildren(el, ...children) {
+    clearChildren(el);
+    for (const child of children)
+        el.appendChild(child);
+}
+export function addClasses(el, ...classes) {
+    for (const cls of classes) {
+        if (cls)
+            el.classList.add(cls);
+    }
+}
+export function removeClasses(el, ...classes) {
+    for (const cls of classes) {
+        if (cls)
+            el.classList.remove(cls);
+    }
+}
+export function toggleClass(el, cls, condition) {
+    if (condition) {
+        el.classList.add(cls);
+    }
+    else {
+        el.classList.remove(cls);
+    }
+}
+export function getScrollbarWidth() {
+    const outer = document.createElement('div');
+    outer.style.cssText = 'visibility:hidden;overflow:scroll;position:absolute;top:-9999px;';
+    document.body.appendChild(outer);
+    const inner = document.createElement('div');
+    outer.appendChild(inner);
+    const width = outer.offsetWidth - inner.offsetWidth;
+    document.body.removeChild(outer);
+    return width;
+}
+export function measureTextWidth(text, font) {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    if (!ctx)
+        return text.length * 8;
+    ctx.font = font;
+    return ctx.measureText(text).width;
+}
+export function clamp(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+export function getElementOffset(el) {
+    const rect = el.getBoundingClientRect();
+    return {
+        top: rect.top + window.scrollY,
+        left: rect.left + window.scrollX,
+    };
+}
+export function isScrolledIntoView(el, container) {
+    const elRect = el.getBoundingClientRect();
+    const containerRect = container.getBoundingClientRect();
+    return elRect.top >= containerRect.top && elRect.bottom <= containerRect.bottom;
+}
+export function scrollIntoViewIfNeeded(el, container) {
+    const elRect = el.getBoundingClientRect();
+    const containerRect = container.getBoundingClientRect();
+    if (elRect.top < containerRect.top) {
+        container.scrollTop -= containerRect.top - elRect.top;
+    }
+    else if (elRect.bottom > containerRect.bottom) {
+        container.scrollTop += elRect.bottom - containerRect.bottom;
+    }
+}
+export function debounce(fn, delay) {
+    let timer = null;
+    return (...args) => {
+        if (timer)
+            clearTimeout(timer);
+        timer = setTimeout(() => fn(...args), delay);
+    };
+}
+export function throttle(fn, interval) {
+    let lastCall = 0;
+    return (...args) => {
+        const now = performance.now();
+        if (now - lastCall >= interval) {
+            lastCall = now;
+            fn(...args);
+        }
+    };
+}
+export function raf(fn) {
+    let id = requestAnimationFrame(fn);
+    return () => cancelAnimationFrame(id);
+}
+export function rafLoop(fn) {
+    let last = 0;
+    let id;
+    const tick = (ts) => {
+        fn(ts - last);
+        last = ts;
+        id = requestAnimationFrame(tick);
+    };
+    id = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(id);
+}
+//# sourceMappingURL=dom-utils.js.map

package/renderer/dom-utils.js.map

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

package/renderer/footer-renderer.d.ts

@@ -0,0 +1,25 @@
+import type { EventBus } from '../event-bus/event-bus';
+import type { IconRenderer } from '../icons/icon-renderer';
+import type { PaginationEngine } from '../engines/pagination/pagination-engine';
+export interface FooterRendererOptions {
+    showPagination?: boolean;
+    showRowCount?: boolean;
+    footerHeight?: number;
+}
+export declare class FooterRenderer {
+    private eventBus;
+    private iconRenderer;
+    private paginationEngine;
+    private footerEl;
+    private pageInfoEl;
+    private pageInputEl;
+    constructor(eventBus: EventBus, iconRenderer: IconRenderer, paginationEngine: PaginationEngine);
+    render(containerEl: HTMLElement, options?: FooterRendererOptions): HTMLElement;
+    updatePaginationState(): void;
+    destroy(): void;
+    private buildPaginationControls;
+    private buildNavButton;
+    private buildPageSizeSelect;
+    private getConfig;
+}
+//# sourceMappingURL=footer-renderer.d.ts.map

package/renderer/footer-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-renderer.d.ts","sourceRoot":"","sources":["../../src/renderer/footer-renderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAGhF,MAAM,WAAW,qBAAqB;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,cAAc;IAMvB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,gBAAgB;IAP1B,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,WAAW,CAAiC;gBAG1C,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB;IAG5C,MAAM,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,GAAE,qBAA0B,GAAG,WAAW;IAoBlF,qBAAqB,IAAI,IAAI;IA+B7B,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,uBAAuB;IA6C/B,OAAO,CAAC,cAAc;IAwCtB,OAAO,CAAC,mBAAmB;IA4B3B,OAAO,CAAC,SAAS;CAUlB"}