@alaarab/ogrid-js 2.1.2 → 2.1.4

package/dist/esm/state/VirtualScrollState.js

@@ -1,128 +0,0 @@
-import { computeVisibleRange, computeTotalHeight, getScrollTopForRow } from '@alaarab/ogrid-core';
-import { EventEmitter } from './EventEmitter';
-const DEFAULT_ROW_HEIGHT = 36;
-const DEFAULT_OVERSCAN = 5;
-/**
- * Manages virtual scrolling state for the vanilla JS grid.
- * Follows the EventEmitter + RAF pattern from other state classes.
- */
-export class VirtualScrollState {
-    constructor(config) {
-        this.emitter = new EventEmitter();
-        this._scrollTop = 0;
-        this._containerHeight = 0;
-        this._totalRows = 0;
-        this.rafId = 0;
-        this._ro = null;
-        this._cachedRange = { startIndex: 0, endIndex: -1, offsetTop: 0, offsetBottom: 0 };
-        this._config = config ?? { enabled: false };
-    }
-    /** Whether virtual scrolling is active. */
-    get enabled() {
-        return this._config.enabled === true && this._totalRows > 0;
-    }
-    get config() {
-        return this._config;
-    }
-    get containerHeight() {
-        return this._containerHeight;
-    }
-    get totalRows() {
-        return this._totalRows;
-    }
-    get scrollTop() {
-        return this._scrollTop;
-    }
-    /** Get the current visible range (computed from scroll position). */
-    get visibleRange() {
-        return this._cachedRange;
-    }
-    /** Get the total scrollable height for all rows. */
-    get totalHeight() {
-        return computeTotalHeight(this._totalRows, this._config.rowHeight ?? DEFAULT_ROW_HEIGHT);
-    }
-    /** Handle scroll events from the table container. RAF-throttled. */
-    handleScroll(scrollTop) {
-        if (this.rafId)
-            cancelAnimationFrame(this.rafId);
-        this.rafId = requestAnimationFrame(() => {
-            this.rafId = 0;
-            this._scrollTop = scrollTop;
-            this.recompute();
-        });
-    }
-    /** Scroll the container to bring a specific row into view. */
-    scrollToRow(index, container, align) {
-        const rowHeight = this._config.rowHeight ?? DEFAULT_ROW_HEIGHT;
-        const newScrollTop = getScrollTopForRow(index, rowHeight, this._containerHeight, align);
-        container.scrollTop = newScrollTop;
-        // Also update internal state immediately (don't wait for scroll event)
-        this._scrollTop = newScrollTop;
-        this.recompute();
-    }
-    /** Update the virtual scroll configuration. */
-    updateConfig(config) {
-        this._config = config;
-        this.recompute();
-        this.emitter.emit('configChanged', { config });
-    }
-    /** Update the total number of rows. */
-    setTotalRows(count) {
-        this._totalRows = count;
-        this.recompute();
-    }
-    /** Observe a container element for height changes via ResizeObserver. */
-    observeContainer(el) {
-        this.disconnectObserver();
-        if (typeof ResizeObserver !== 'undefined') {
-            this._ro = new ResizeObserver((entries) => {
-                for (const entry of entries) {
-                    const rect = entry.contentRect;
-                    this._containerHeight = rect.height;
-                    this.recompute();
-                }
-            });
-            this._ro.observe(el);
-        }
-        // Measure initial size
-        this._containerHeight = el.clientHeight;
-    }
-    disconnectObserver() {
-        if (this._ro) {
-            this._ro.disconnect();
-            this._ro = null;
-        }
-    }
-    /** Recompute visible range and emit if changed. */
-    recompute() {
-        if (!this.enabled)
-            return;
-        const rowHeight = this._config.rowHeight ?? DEFAULT_ROW_HEIGHT;
-        const overscan = this._config.overscan ?? DEFAULT_OVERSCAN;
-        const newRange = computeVisibleRange(this._scrollTop, rowHeight, this._containerHeight, this._totalRows, overscan);
-        // Only emit if range actually changed
-        const prev = this._cachedRange;
-        if (prev.startIndex !== newRange.startIndex ||
-            prev.endIndex !== newRange.endIndex) {
-            this._cachedRange = newRange;
-            this.emitter.emit('rangeChanged', { visibleRange: newRange });
-        }
-        else {
-            this._cachedRange = newRange;
-        }
-    }
-    onRangeChanged(handler) {
-        this.emitter.on('rangeChanged', handler);
-        return () => this.emitter.off('rangeChanged', handler);
-    }
-    onConfigChanged(handler) {
-        this.emitter.on('configChanged', handler);
-        return () => this.emitter.off('configChanged', handler);
-    }
-    destroy() {
-        if (this.rafId)
-            cancelAnimationFrame(this.rafId);
-        this.disconnectObserver();
-        this.emitter.removeAllListeners();
-    }
-}

package/dist/esm/types/columnTypes.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/types/gridTypes.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/types/index.js

@@ -1,2 +0,0 @@
-export * from './columnTypes';
-export * from './gridTypes';

package/dist/esm/utils/debounce.js

@@ -1,2 +0,0 @@
-// Re-export from core
-export { debounce } from '@alaarab/ogrid-core';

package/dist/esm/utils/getCellCoordinates.js

@@ -1,15 +0,0 @@
-/**
- * Extracts row and column indices from a cell element's data attributes.
- * Returns null if the element lacks the attributes or they are not valid numbers.
- */
-export function getCellCoordinates(cell) {
-    const rowStr = cell.getAttribute('data-row-index');
-    const colStr = cell.getAttribute('data-col-index');
-    if (rowStr == null || colStr == null)
-        return null;
-    const rowIndex = parseInt(rowStr, 10);
-    const colIndex = parseInt(colStr, 10);
-    if (Number.isNaN(rowIndex) || Number.isNaN(colIndex))
-        return null;
-    return { rowIndex, colIndex };
-}

package/dist/esm/utils/index.js

@@ -1,2 +0,0 @@
-export { debounce } from './debounce';
-export { getCellCoordinates } from './getCellCoordinates';