@aquera/nile-elements 1.2.8-beta-1.5 → 1.2.8-beta-1.7

package/dist/src/nile-grid/nile-spannable-table.js

@@ -1,296 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { __decorate } from "tslib";
-import { html } from 'lit';
-import { customElement, query, state } from 'lit/decorators.js';
-import { styles } from './nile-spannable-table.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile spannable-table component.
- *
- * @tag nile-spannable-table
- *
- */
-let NileSpannableTable = class NileSpannableTable extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.colTemplate = ''; // e.g. '200px 1fr 240px'
-        this.columnWidths = []; // e.g. ['200px','1fr','240px']
-        this.rowHeight = 40; // px
-        this.overscan = 6; // base overscan
-        this._allRows = [];
-        this._first = 0;
-        this._last = 0;
-        this._lastTop = 0;
-        this._lastTs = 0;
-        this._scrollRaf = 0;
-        // avoid observer ping-pong while we replace children
-        this._vsUpdating = false;
-        this.raf = 0;
-        this.onResize = (e) => {
-            const { col, widthPx } = e.detail;
-            this.columnWidths[col] = `${Math.max(40, widthPx)}px`; // min 40px
-            this.colTemplate = this.columnWidths.join(' ');
-            const body = this._getBody();
-            if (body)
-                this.applyTemplate(body);
-        };
-        this.onAutoFit = (e) => {
-            const { col } = e.detail;
-            const body = this._getBody();
-            if (!body)
-                return;
-            const line = String(col + 1);
-            const els = body.querySelectorAll(`[data-c-start="${line}"]`);
-            let max = 0;
-            els.forEach(el => max = Math.max(max, Math.ceil(el.getBoundingClientRect().width)));
-            const pad = 16; // tweak if needed
-            this.columnWidths[col] = `${Math.max(40, max + pad)}px`;
-            this.colTemplate = this.columnWidths.join(' ');
-            this.applyTemplate(body);
-        };
-        this._onScroll = () => {
-            if (this._scrollRaf)
-                return;
-            this._scrollRaf = requestAnimationFrame(() => {
-                this._scrollRaf = 0;
-                const body = this._getBody();
-                if (!body)
-                    return;
-                this._updateWindow(body);
-            });
-        };
-        /* #endregion */
-    }
-    /**
-     * The styles for nile-spannable-table
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles() {
-        return [styles];
-    }
-    _ensureSpacers(body) {
-        if (!this._topEl) {
-            this._topEl = document.createElement('div');
-            this._topEl.className = 'nile-vs-top';
-            this._topEl.setAttribute('aria-hidden', 'true');
-            this._topEl.style.gridColumn = '1 / -1';
-        }
-        if (!this._botEl) {
-            this._botEl = document.createElement('div');
-            this._botEl.className = 'nile-vs-bot';
-            this._botEl.setAttribute('aria-hidden', 'true');
-            this._botEl.style.gridColumn = '1 / -1';
-        }
-        if (!this._topEl.parentNode)
-            body.prepend(this._topEl);
-        if (!this._botEl.parentNode)
-            body.append(this._botEl);
-    }
-    scheduleLayout() {
-        if (this.raf)
-            cancelAnimationFrame(this.raf);
-        this.raf = requestAnimationFrame(() => { this.raf = 0; this.layout(); });
-    }
-    ensureWidths(colCount) {
-        if (this.columnWidths.length !== colCount) {
-            this.columnWidths = Array(colCount).fill('auto');
-            this.colTemplate = this.columnWidths.join(' ');
-        }
-    }
-    applyTemplate(body) {
-        body.style.gridTemplateColumns = this.colTemplate || `repeat(${Math.max(this.columnWidths.length, 1)}, auto)`;
-    }
-    firstUpdated() {
-        this.setAttribute('role', 'table');
-        this.addEventListener('nile:resize', this.onResize);
-        this.addEventListener('nile:autofit', this.onAutoFit);
-        this.slotEl.addEventListener('slotchange', () => this._attachObserverAndLayout());
-        this._attachObserverAndLayout();
-        const rh = parseFloat(getComputedStyle(this._getBody()).getPropertyValue('--row-h')) || 0;
-        if (rh)
-            this.rowHeight = rh;
-    }
-    _attachObserverAndLayout() {
-        const body = this._getBody();
-        if (!body)
-            return;
-        // (re)attach observer
-        this.mo?.disconnect();
-        this.mo = new MutationObserver(() => {
-            if (this._vsUpdating)
-                return;
-            this.scheduleLayout();
-        });
-        this.mo.observe(body, {
-            subtree: true,
-            childList: true,
-            attributes: true,
-            attributeFilter: ['colspan', 'rowspan']
-        });
-        this.layout();
-    }
-    layout() {
-        const body = this._getBody();
-        if (!body)
-            return;
-        // const rows = Array.from(body.querySelectorAll('nile-spannable-table-row'));
-        const rows = this._allRows.length
-            ? this._allRows
-            : Array.from(body.querySelectorAll('nile-spannable-table-row'));
-        this._allRows = rows;
-        const carry = []; // remaining blocked rows per column
-        let colCount = 0;
-        rows.forEach((row, rIdx) => {
-            for (let i = 0; i < carry.length; i++)
-                if (carry[i] > 0)
-                    carry[i]--; // new row
-            let c = 1; // 1-based column index
-            const cells = Array.from(row.querySelectorAll('nile-spannable-table-cell, nile-spannable-table-header'));
-            cells.forEach(cell => {
-                while (carry[c - 1] > 0)
-                    c++; // skip blocked cols (rowspan)
-                const colspan = Math.max(1, Number(cell.getAttribute('colspan')) || 1);
-                const rowspan = Math.max(1, Number(cell.getAttribute('rowspan')) || 1);
-                const cStart = c, cEnd = c + colspan;
-                const rStart = rIdx + 1, rEnd = rStart + rowspan;
-                cell.style.gridColumn = `${cStart} / ${cEnd}`;
-                cell.style.gridRow = `${rStart} / ${rEnd}`;
-                cell.dataset.cStart = String(cStart);
-                for (let k = 0; k < colspan; k++) {
-                    const idx = c - 1 + k;
-                    carry[idx] = Math.max(carry[idx] || 0, rowspan - 1);
-                }
-                c = cEnd;
-                colCount = Math.max(colCount, cEnd - 1);
-            });
-        });
-        this.ensureWidths(colCount);
-        body.style.display = 'grid';
-        body.style.gridAutoRows = 'var(--row-h, 40px)';
-        // body.style.gridTemplateColumns = this.colTemplate || `repeat(${Math.max(colCount, 1)}, auto)`;
-        body.style.height = '100%'; // ← make body the scrolling viewport
-        body.style.overflowY = 'auto';
-        this._ensureSpacers(body);
-        // capture the full set of rows once (order matters)
-        // this._allRows = Array.from(body.querySelectorAll('nile-spannable-table-row'));
-        // listen once
-        if (!body.hasAttribute('data-vs')) {
-            body.setAttribute('data-vs', '1');
-            body.addEventListener('scroll', this._onScroll, { passive: true });
-            // init scroll anchors
-            this._lastTop = body.scrollTop;
-            this._lastTs = performance.now();
-        }
-        // initial window
-        this._updateWindow(body, /*force*/ true);
-        this.applyTemplate(body);
-    }
-    // METHOD: _updateWindow
-    _updateWindow(body, force = false) {
-        this._ensureSpacers(body);
-        const total = this._allRows.length;
-        if (!total)
-            return;
-        const now = performance.now();
-        const st = body.scrollTop;
-        const dt = Math.max(1, now - this._lastTs);
-        const v = Math.abs(st - this._lastTop) / dt; // px/ms
-        // velocity-adaptive overscan
-        const boost = v > 0.8 ? 3 : v > 0.4 ? 2 : 1;
-        const localOverscan = Math.max(this.overscan, this.overscan * boost);
-        const vh = body.clientHeight;
-        const rowsInView = Math.max(1, Math.ceil(vh / this.rowHeight));
-        let start = Math.max(0, Math.floor(st / this.rowHeight) - localOverscan);
-        let end = Math.min(total, start + rowsInView + localOverscan * 2);
-        if (end <= start)
-            end = Math.min(total, start + 1); // ← ensure at least one row
-        if (!force && start === this._first && end === this._last) {
-            this._lastTop = st;
-            this._lastTs = now;
-            return;
-        }
-        this._first = start;
-        this._last = end;
-        // spacers
-        this._topEl.style.height = `${start * this.rowHeight}px`;
-        this._botEl.style.height = `${(total - end) * this.rowHeight}px`;
-        // build window
-        const frag = document.createDocumentFragment();
-        for (let i = start; i < end; i++)
-            frag.appendChild(this._allRows[i]);
-        // swap once with MO paused; keep scroll position
-        const obs = this.mo;
-        obs?.disconnect();
-        try {
-            body.replaceChildren(this._topEl, frag, this._botEl);
-            body.scrollTop = st;
-        }
-        finally {
-            obs?.observe(body, {
-                subtree: true,
-                childList: true,
-                attributes: true,
-                attributeFilter: ['colspan', 'rowspan']
-            });
-        }
-        this._lastTop = st;
-        this._lastTs = now;
-    }
-    /** later: parse rows/cells → compute col count/template */
-    _getBody() {
-        const nodes = this.slotEl?.assignedElements({ flatten: true }) ?? [];
-        return nodes.find(n => n.tagName.toLowerCase() === 'nile-spannable-table-body') || null;
-    }
-    updated(_c) {
-        // later: reapply computed grid-template-columns here
-    }
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render() {
-        return html `
-			<slot></slot>
-		`;
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback?.();
-        this.mo?.disconnect();
-        if (this.raf)
-            cancelAnimationFrame(this.raf);
-        const body = this._getBody();
-        if (body)
-            body.removeEventListener('scroll', this._onScroll);
-        this.removeEventListener('nile:resize', this.onResize);
-        this.removeEventListener('nile:autofit', this.onAutoFit);
-        this._allRows = [];
-        this._topEl = undefined;
-        this._botEl = undefined;
-    }
-};
-__decorate([
-    state()
-], NileSpannableTable.prototype, "colTemplate", void 0);
-__decorate([
-    state()
-], NileSpannableTable.prototype, "columnWidths", void 0);
-__decorate([
-    query('slot')
-], NileSpannableTable.prototype, "slotEl", void 0);
-__decorate([
-    state()
-], NileSpannableTable.prototype, "rowHeight", void 0);
-__decorate([
-    state()
-], NileSpannableTable.prototype, "overscan", void 0);
-NileSpannableTable = __decorate([
-    customElement('nile-spannable-table')
-], NileSpannableTable);
-export { NileSpannableTable };
-export default NileSpannableTable;
-//# sourceMappingURL=nile-spannable-table.js.map

package/dist/src/nile-grid/nile-spannable-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-spannable-table.js","sourceRoot":"","sources":["../../../src/nile-grid/nile-spannable-table.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult, PropertyValues} from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport {styles} from './nile-spannable-table.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile spannable-table component.\n *\n * @tag nile-spannable-table\n *\n */\n@customElement('nile-spannable-table')\nexport class NileSpannableTable extends NileElement {\n\n\t/**\n\t * The styles for nile-spannable-table\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t@state() private colTemplate = ''; // e.g. '200px 1fr 240px'\n\t@state() private columnWidths: string[] = []; // e.g. ['200px','1fr','240px']\n\t@query('slot') private slotEl!: HTMLSlotElement;\n\n\t@state() private rowHeight = 40; // px\n\t@state() private overscan = 6;   // base overscan\n\n\tprivate _allRows: HTMLElement[] = [];\n\tprivate _first = 0;\n\tprivate _last = 0;\n\n\tprivate _topEl?: HTMLDivElement;\n\tprivate _botEl?: HTMLDivElement;\n\n\tprivate _lastTop = 0;\n\tprivate _lastTs = 0;\n\tprivate _scrollRaf = 0;\n\n\t// avoid observer ping-pong while we replace children\n\tprivate _vsUpdating = false;\n\n\tprivate mo?: MutationObserver;\n\tprivate raf = 0;\n\n\tprivate _ensureSpacers(body: HTMLElement) {\n\t\tif (!this._topEl) {\n\t\t\tthis._topEl = document.createElement('div');\n\t\t\tthis._topEl.className = 'nile-vs-top';\n\t\t\tthis._topEl.setAttribute('aria-hidden', 'true');\n\t\t\tthis._topEl.style.gridColumn = '1 / -1';\n\t\t}\n\t\tif (!this._botEl) {\n\t\t\tthis._botEl = document.createElement('div');\n\t\t\tthis._botEl.className = 'nile-vs-bot';\n\t\t\tthis._botEl.setAttribute('aria-hidden', 'true');\n\t\t\tthis._botEl.style.gridColumn = '1 / -1';\n\t\t}\n\t\tif (!this._topEl.parentNode) body.prepend(this._topEl);\n\t\tif (!this._botEl.parentNode) body.append(this._botEl);\n\t}\n\n\tprivate scheduleLayout() {\n\t\tif (this.raf) cancelAnimationFrame(this.raf);\n\t\tthis.raf = requestAnimationFrame(() => { this.raf = 0; this.layout(); });\n\t}\n\n\tprivate ensureWidths(colCount: number) {\n\t\tif (this.columnWidths.length !== colCount) {\n\t\t\tthis.columnWidths = Array(colCount).fill('auto');\n\t\t\tthis.colTemplate = this.columnWidths.join(' ');\n\t\t}\n\t}\n\n\tprivate applyTemplate(body: HTMLElement) {\n\t\tbody.style.gridTemplateColumns = this.colTemplate || `repeat(${Math.max(this.columnWidths.length, 1)}, auto)`;\n\t}\n\n\tprivate onResize = (e: Event) => {\n\t\tconst { col, widthPx } = (e as CustomEvent).detail as { col: number; widthPx: number };\n\t\tthis.columnWidths[col] = `${Math.max(40, widthPx)}px`; // min 40px\n\t\tthis.colTemplate = this.columnWidths.join(' ');\n\t\tconst body = this._getBody(); if (body) this.applyTemplate(body);\n\t};\n\n\tprotected firstUpdated() {\n\t\tthis.setAttribute('role', 'table');\n\t\tthis.addEventListener('nile:resize', this.onResize);\n\t\tthis.addEventListener('nile:autofit', this.onAutoFit);\n\t\tthis.slotEl.addEventListener('slotchange', () => this._attachObserverAndLayout());\n\t\tthis._attachObserverAndLayout();\n\n\t\tconst rh = parseFloat(getComputedStyle(this._getBody()!).getPropertyValue('--row-h')) || 0;\n\t\tif (rh) this.rowHeight = rh;\n\t}\n\n\tprivate onAutoFit = (e: Event) => {\n\t\tconst { col } = (e as CustomEvent).detail as { col: number };\n\t\tconst body = this._getBody(); if (!body) return;\n\t\tconst line = String(col + 1);\n\t\tconst els = body.querySelectorAll<HTMLElement>(`[data-c-start=\"${line}\"]`);\n\t\tlet max = 0;\n\t\tels.forEach(el => max = Math.max(max, Math.ceil(el.getBoundingClientRect().width)));\n\t\tconst pad = 16; // tweak if needed\n\t\tthis.columnWidths[col] = `${Math.max(40, max + pad)}px`;\n\t\tthis.colTemplate = this.columnWidths.join(' ');\n\t\tthis.applyTemplate(body);\n\t};\n\n\tprivate _attachObserverAndLayout() {\n\t\tconst body = this._getBody();\n\t\tif (!body) return;\n\n\t\t// (re)attach observer\n\t\tthis.mo?.disconnect();\n\t\tthis.mo = new MutationObserver(() => {\n\t\t\tif (this._vsUpdating) return;\n\t\t\tthis.scheduleLayout()\n\t\t});\n\t\tthis.mo.observe(body, {\n\t\t\tsubtree: true,\n\t\t\tchildList: true,\n\t\t\tattributes: true,\n\t\t\tattributeFilter: ['colspan', 'rowspan']\n\t\t});\n\n\t\tthis.layout();\n\t}\n\n\tprivate layout() {\n\t\tconst body = this._getBody(); if (!body) return;\n\n\t\t// const rows = Array.from(body.querySelectorAll('nile-spannable-table-row'));\n\t\tconst rows = this._allRows.length\n\t\t\t? this._allRows\n\t\t\t: Array.from(body.querySelectorAll('nile-spannable-table-row'));\n\t\tthis._allRows = rows;\n\n\t\tconst carry: number[] = []; // remaining blocked rows per column\n\t\tlet colCount = 0;\n\n\t\trows.forEach((row, rIdx) => {\n\t\t\tfor (let i = 0; i < carry.length; i++) if (carry[i] > 0) carry[i]--; // new row\n\n\t\t\tlet c = 1; // 1-based column index\n\t\t\tconst cells = Array.from(\n\t\t\t\trow.querySelectorAll('nile-spannable-table-cell, nile-spannable-table-header')\n\t\t\t) as HTMLElement[];\n\n\t\t\tcells.forEach(cell => {\n\t\t\t\twhile (carry[c - 1] > 0) c++;               // skip blocked cols (rowspan)\n\t\t\t\tconst colspan = Math.max(1, Number(cell.getAttribute('colspan')) || 1);\n\t\t\t\tconst rowspan = Math.max(1, Number(cell.getAttribute('rowspan')) || 1);\n\n\t\t\t\tconst cStart = c, cEnd = c + colspan;\n\t\t\t\tconst rStart = rIdx + 1, rEnd = rStart + rowspan;\n\n\t\t\t\tcell.style.gridColumn = `${cStart} / ${cEnd}`;\n\t\t\t\tcell.style.gridRow = `${rStart} / ${rEnd}`;\n\t\t\t\t(cell as any).dataset.cStart = String(cStart);\n\n\t\t\t\tfor (let k = 0; k < colspan; k++) {\n\t\t\t\t\tconst idx = c - 1 + k;\n\t\t\t\t\tcarry[idx] = Math.max(carry[idx] || 0, rowspan - 1);\n\t\t\t\t}\n\n\t\t\t\tc = cEnd;\n\t\t\t\tcolCount = Math.max(colCount, cEnd - 1);\n\t\t\t});\n\t\t});\n\n\t\tthis.ensureWidths(colCount);\n\t\tbody.style.display = 'grid';\n\t\tbody.style.gridAutoRows = 'var(--row-h, 40px)';\n\t\t// body.style.gridTemplateColumns = this.colTemplate || `repeat(${Math.max(colCount, 1)}, auto)`;\n\t\tbody.style.height = '100%';         // ← make body the scrolling viewport\n\t\tbody.style.overflowY = 'auto';\n\n\t\tthis._ensureSpacers(body);\n\n\t\t// capture the full set of rows once (order matters)\n\t\t// this._allRows = Array.from(body.querySelectorAll('nile-spannable-table-row'));\n\n\t\t// listen once\n\t\tif (!body.hasAttribute('data-vs')) {\n\t\t\tbody.setAttribute('data-vs', '1');\n\t\t\tbody.addEventListener('scroll', this._onScroll, { passive: true });\n\t\t\t// init scroll anchors\n\t\t\tthis._lastTop = body.scrollTop;\n\t\t\tthis._lastTs = performance.now();\n\t\t}\n\n\t\t// initial window\n\t\tthis._updateWindow(body, /*force*/ true);\n\n\t\tthis.applyTemplate(body);\n\t}\n\n\tprivate _onScroll = () => {\n\t\tif (this._scrollRaf) return;\n\t\tthis._scrollRaf = requestAnimationFrame(() => {\n\t\t\tthis._scrollRaf = 0;\n\t\t\tconst body = this._getBody(); if (!body) return;\n\t\t\tthis._updateWindow(body);\n\t\t});\n\t};\n\n\t// METHOD: _updateWindow\n\tprivate _updateWindow(body: HTMLElement, force = false) {\n\t\tthis._ensureSpacers(body);\n\n\t\tconst total = this._allRows.length;\n\t\tif (!total) return;\n\n\t\tconst now = performance.now();\n\t\tconst st = body.scrollTop;\n\t\tconst dt = Math.max(1, now - this._lastTs);\n\t\tconst v = Math.abs(st - this._lastTop) / dt; // px/ms\n\n\t\t// velocity-adaptive overscan\n\t\tconst boost = v > 0.8 ? 3 : v > 0.4 ? 2 : 1;\n\t\tconst localOverscan = Math.max(this.overscan, this.overscan * boost);\n\n\t\tconst vh = body.clientHeight;\n\t\tconst rowsInView = Math.max(1, Math.ceil(vh / this.rowHeight));\n\t\tlet start = Math.max(0, Math.floor(st / this.rowHeight) - localOverscan);\n\t\tlet end = Math.min(total, start + rowsInView + localOverscan * 2);\n\t\tif (end <= start) end = Math.min(total, start + 1); // ← ensure at least one row\n\n\t\tif (!force && start === this._first && end === this._last) {\n\t\t\tthis._lastTop = st; this._lastTs = now;\n\t\t\treturn;\n\t\t}\n\t\tthis._first = start; this._last = end;\n\n\t\t// spacers\n\t\tthis._topEl!.style.height = `${start * this.rowHeight}px`;\n\t\tthis._botEl!.style.height = `${(total - end) * this.rowHeight}px`;\n\n\t\t// build window\n\t\tconst frag = document.createDocumentFragment();\n\t\tfor (let i = start; i < end; i++) frag.appendChild(this._allRows[i]);\n\n\t\t// swap once with MO paused; keep scroll position\n\t\tconst obs = this.mo;\n\t\tobs?.disconnect();\n\t\ttry {\n\t\t\tbody.replaceChildren(this._topEl!, frag, this._botEl!);\n\t\t\tbody.scrollTop = st;\n\t\t} finally {\n\t\t\tobs?.observe(body, {\n\t\t\t\tsubtree: true,\n\t\t\t\tchildList: true,\n\t\t\t\tattributes: true,\n\t\t\t\tattributeFilter: ['colspan', 'rowspan']\n\t\t\t});\n\t\t}\n\n\t\tthis._lastTop = st; this._lastTs = now;\n\t}\n\n\t/** later: parse rows/cells → compute col count/template */\n\tprivate _getBody(): HTMLElement | null {\n\t\tconst nodes = this.slotEl?.assignedElements({ flatten: true }) ?? [];\n\t\treturn nodes.find(n => n.tagName.toLowerCase() === 'nile-spannable-table-body') as HTMLElement || null;\n\t}\n\n\tprotected updated(_c: PropertyValues) {\n\t\t// later: reapply computed grid-template-columns here\n\t}\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot></slot>\n\t\t`;\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tsuper.disconnectedCallback?.();\n\t\tthis.mo?.disconnect();\n\t\tif (this.raf) cancelAnimationFrame(this.raf);\n\n\t\tconst body = this._getBody(); \n\t\tif (body) body.removeEventListener('scroll', this._onScroll);\n\t\tthis.removeEventListener('nile:resize', this.onResize);\n\t\tthis.removeEventListener('nile:autofit', this.onAutoFit);\n\n\t\tthis._allRows = [];\n\t\tthis._topEl = undefined;\n\t\tthis._botEl = undefined;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileSpannableTable;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-spannable-table': NileSpannableTable;\n  }\n}"]}

package/dist/src/nile-grid-cell/index.d.ts

@@ -1 +0,0 @@
-export { NileGridCell } from './nile-grid-cell';

package/dist/src/nile-grid-cell/index.js

@@ -1,2 +0,0 @@
-export { NileGridCell } from './nile-grid-cell';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-grid-cell/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-grid-cell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { NileGridCell } from './nile-grid-cell';"]}

package/dist/src/nile-grid-cell/nile-grid-cell.css.d.ts

@@ -1,12 +0,0 @@
-/**
-* Copyright Aquera Inc 2025
-*
-* This source code is licensed under the BSD-3-Clause license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/**
- * Grid Cell CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-grid-cell/nile-grid-cell.css.js

@@ -1,47 +0,0 @@
-/**
-* Copyright Aquera Inc 2025
-*
-* This source code is licensed under the BSD-3-Clause license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-import { css } from 'lit';
-/**
- * Grid Cell CSS
- */
-export const styles = css `
-	:host{
-    --padding: 16px 24px;
-    box-sizing:border-box;
-    min-width:0;
-    white-space: nowrap;
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-		padding: var(--padding);
-    height: auto;
-    border-bottom: 1px solid var(--nile-colors-neutral-400);
-    border-right: 1px solid var(--nile-colors-neutral-400);
-    position:relative;
-  }
-  
-  ::slotted(*) {
-    overflow:hidden;
-    text-overflow:ellipsis;
-    white-space:nowrap;
-    width: min-content;
-  }
-
-  .resize-handle {
-    position:absolute;
-    top:0;
-    right:0;
-    height:100%;
-    cursor: col-resize;
-    touch-action:none;
-    z-index: 1;
-    width: 2px;
-    border-right: 1px solid var(--nile-colors-neutral-400);
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-grid-cell.css.js.map

package/dist/src/nile-grid-cell/nile-grid-cell.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-grid-cell.css.js","sourceRoot":"","sources":["../../../src/nile-grid-cell/nile-grid-cell.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport { css } from 'lit';\n\n/**\n * Grid Cell CSS\n */\nexport const styles = css`\n\t:host{\n    --padding: 16px 24px;\n    box-sizing:border-box;\n    min-width:0;\n    white-space: nowrap;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\t\tpadding: var(--padding);\n    height: auto;\n    border-bottom: 1px solid var(--nile-colors-neutral-400);\n    border-right: 1px solid var(--nile-colors-neutral-400);\n    position:relative;\n  }\n  \n  ::slotted(*) {\n    overflow:hidden;\n    text-overflow:ellipsis;\n    white-space:nowrap;\n    width: min-content;\n  }\n\n  .resize-handle {\n    position:absolute;\n    top:0;\n    right:0;\n    height:100%;\n    cursor: col-resize;\n    touch-action:none;\n    z-index: 1;\n    width: 2px;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n`;\n\nexport default [styles];"]}

package/dist/src/nile-grid-cell/nile-grid-cell.d.ts

@@ -1,43 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile grid-cell component.
- *
- * @tag nile-grid-cell
- *
- */
-export declare class NileGridCell extends NileElement {
-    /**
-     * The styles for nile-grid-cell
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    colspan: number;
-    rowspan: number;
-    align?: 'start' | 'center' | 'end';
-    valign?: 'top' | 'middle' | 'bottom';
-    resizable: boolean;
-    textOverflowType: 'ellipsis' | 'clip';
-    private slotEl;
-    private _downX;
-    private _startW;
-    connectedCallback(): void;
-    private onHandlePointerDown;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileGridCell;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-grid-cell': NileGridCell;
-    }
-}

package/dist/src/nile-grid-cell/nile-grid-cell.js

@@ -1,102 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { __decorate } from "tslib";
-import { html } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { styles } from './nile-grid-cell.css';
-import NileElement from '../internal/nile-element';
-import { initCellResize, cellResizeMove, cellResizeDone } from './nile-grid-cell.utils';
-/**
- * Nile grid-cell component.
- *
- * @tag nile-grid-cell
- *
- */
-let NileGridCell = class NileGridCell extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.colspan = 1;
-        this.rowspan = 1;
-        this.resizable = false;
-        this.textOverflowType = 'ellipsis';
-        this._downX = 0;
-        this._startW = 0;
-        this.onHandlePointerDown = (ev) => {
-            const el = this;
-            const downXRef = { value: 0 };
-            const startWRef = { value: 0 };
-            const result = initCellResize(el, ev, downXRef, startWRef);
-            if (!result)
-                return;
-            const { target, col } = result;
-            const move = (e) => cellResizeMove(el, col, startWRef.value, downXRef.value, e);
-            const done = () => cellResizeDone(el, ev, target, move);
-            target.addEventListener('pointermove', move);
-            target.addEventListener('pointerup', done, { once: true });
-            target.addEventListener('pointercancel', done, { once: true });
-        };
-        /* #endregion */
-    }
-    /**
-     * The styles for nile-grid-cell
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles() {
-        return [styles];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('role', 'cell');
-    }
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render() {
-        return html `
-      <div style="display: contents;">
-				<slot></slot>
-				${this.resizable ?
-            html `
-						<div
-							aria-hidden="true"
-							class="resize-handle"
-							@pointerdown=${this.onHandlePointerDown}
-						></div>
-					` :
-            null}
-			</div>
-    `;
-    }
-};
-__decorate([
-    property({ type: Number, reflect: true, attribute: true })
-], NileGridCell.prototype, "colspan", void 0);
-__decorate([
-    property({ type: Number, reflect: true, attribute: true })
-], NileGridCell.prototype, "rowspan", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: true })
-], NileGridCell.prototype, "align", void 0);
-__decorate([
-    property({ type: String, reflect: true, attribute: true })
-], NileGridCell.prototype, "valign", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileGridCell.prototype, "resizable", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true, attribute: true })
-], NileGridCell.prototype, "textOverflowType", void 0);
-__decorate([
-    query('slot')
-], NileGridCell.prototype, "slotEl", void 0);
-NileGridCell = __decorate([
-    customElement('nile-grid-cell')
-], NileGridCell);
-export { NileGridCell };
-export default NileGridCell;
-//# sourceMappingURL=nile-grid-cell.js.map

package/dist/src/nile-grid-cell/nile-grid-cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-grid-cell.js","sourceRoot":"","sources":["../../../src/nile-grid-cell/nile-grid-cell.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property, query} from 'lit/decorators.js';\nimport {styles} from './nile-grid-cell.css';\nimport NileElement from '../internal/nile-element';\nimport { initCellResize, cellResizeMove, cellResizeDone } from './nile-grid-cell.utils';\n\n\n/**\n * Nile grid-cell component.\n *\n * @tag nile-grid-cell\n *\n */\n@customElement('nile-grid-cell')\nexport class NileGridCell extends NileElement {\n\n\t/**\n\t * The styles for nile-grid-cell\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t@property({ type: Number, reflect: true, attribute: true }) colspan = 1;\n\t@property({ type: Number, reflect: true, attribute: true }) rowspan = 1;\n\t\n\t// optional alignment hooks (table may map to CSS)\n\t@property({ type: String, reflect: true, attribute: true }) align?: 'start' | 'center' | 'end';\n\t@property({ type: String, reflect: true, attribute: true }) valign?: 'top' | 'middle' | 'bottom';\n\n\t@property({ type: Boolean, reflect: true, attribute: true }) resizable = false;\n\n\t@property({ type: Boolean, reflect: true, attribute: true }) textOverflowType: 'ellipsis' | 'clip' = 'ellipsis';\n\n\t@query('slot') private slotEl!: HTMLSlotElement;\n\n\tprivate _downX = 0;\n\tprivate _startW = 0;\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.setAttribute('role', 'cell');\n\t}\n\nprivate onHandlePointerDown = (ev: PointerEvent) => {\n\tconst el = this as HTMLElement;\n\n\tconst downXRef = { value: 0 };\n\tconst startWRef = { value: 0 };\n\n\tconst result = initCellResize(el, ev, downXRef, startWRef);\n\tif (!result) return;\n\n\tconst { target, col } = result;\n\n\tconst move = (e: PointerEvent) => cellResizeMove(el, col, startWRef.value, downXRef.value, e);\n\tconst done = () => cellResizeDone(el, ev, target, move);\n\n\ttarget.addEventListener('pointermove', move);\n\ttarget.addEventListener('pointerup', done, { once: true });\n\ttarget.addEventListener('pointercancel', done, { once: true });\n};\n\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n      <div style=\"display: contents;\">\n\t\t\t\t<slot></slot>\n\t\t\t\t${this.resizable ?\n\t\t\t\thtml`\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tclass=\"resize-handle\"\n\t\t\t\t\t\t\t@pointerdown=${this.onHandlePointerDown}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t` :\n\t\t\t\tnull\n\t\t\t\t}\n\t\t\t</div>\n    `;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileGridCell;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-grid-cell': NileGridCell;\n  }\n}"]}

package/dist/src/nile-grid-cell/nile-grid-cell.utils.d.ts

@@ -1,10 +0,0 @@
-export declare function initCellResize(el: HTMLElement, ev: PointerEvent, downXRef: {
-    value: number;
-}, startWRef: {
-    value: number;
-}): {
-    target: HTMLElement;
-    col: number;
-} | null;
-export declare function cellResizeMove(el: HTMLElement, col: number, startW: number, downX: number, e: PointerEvent): void;
-export declare function cellResizeDone(el: HTMLElement, ev: PointerEvent, target: HTMLElement, move: (e: PointerEvent) => void): void;

package/dist/src/nile-grid-cell/nile-grid-cell.utils.js

@@ -1,41 +0,0 @@
-// cell-resize-handlers.ts
-export function initCellResize(el, ev, downXRef, startWRef) {
-    ev.preventDefault();
-    ev.stopPropagation();
-    const cStart = Number(el.dataset.cStart);
-    if (!cStart)
-        return null;
-    const span = Number(el.getAttribute('colspan')) || 1;
-    const col = Math.max(0, (cStart + span - 1) - 1);
-    downXRef.value = ev.clientX;
-    startWRef.value = el.getBoundingClientRect().width;
-    const target = ev.currentTarget;
-    target.setPointerCapture(ev.pointerId);
-    el.dispatchEvent(new CustomEvent('nile:resize', {
-        detail: { col, widthPx: startWRef.value },
-        bubbles: true, composed: true
-    }));
-    el.dispatchEvent(new CustomEvent('nile:resize-start', { bubbles: true, composed: true }));
-    return { target, col };
-}
-export function cellResizeMove(el, col, startW, downX, e) {
-    const widthPx = Math.max(40, Math.round(startW + (e.clientX - downX)));
-    el.dispatchEvent(new CustomEvent('nile:resize', {
-        detail: { col, widthPx },
-        bubbles: true, composed: true
-    }));
-}
-export function cellResizeDone(el, ev, target, move) {
-    target.releasePointerCapture(ev.pointerId);
-    target.removeEventListener('pointermove', move);
-    el.dispatchEvent(new CustomEvent('nile:resize-end', { bubbles: true, composed: true }));
-}
-// private onAutoFit = () => {
-// 	const el = this as HTMLElement;
-// 	const cStart = Number(el.dataset.cStart); if (!cStart) return;
-// 	console.log("el.dataset: ", el.dataset);
-// 	const span = Number(this.getAttribute('colspan')) || 1;
-// 	const col = cStart + span - 2; // zero-based last covered col
-// 	this.dispatchEvent(new CustomEvent('nile:autofit', { detail: { col }, bubbles: true, composed: true }));
-// };
-//# sourceMappingURL=nile-grid-cell.utils.js.map

package/dist/src/nile-grid-cell/nile-grid-cell.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-grid-cell.utils.js","sourceRoot":"","sources":["../../../src/nile-grid-cell/nile-grid-cell.utils.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,MAAM,UAAU,cAAc,CAC5B,EAAe,EACf,EAAgB,EAChB,QAA2B,EAC3B,SAA4B;IAE5B,EAAE,CAAC,cAAc,EAAE,CAAC;IACpB,EAAE,CAAC,eAAe,EAAE,CAAC;IAErB,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAEjD,QAAQ,CAAC,KAAK,GAAG,EAAE,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IAEnD,MAAM,MAAM,GAAG,EAAE,CAAC,aAA4B,CAAC;IAC/C,MAAM,CAAC,iBAAiB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEvC,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;QAC9C,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE;QACzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI;KAC9B,CAAC,CAAC,CAAC;IAEJ,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1F,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,EAAe,EACf,GAAW,EACX,MAAc,EACd,KAAa,EACb,CAAe;IAEf,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvE,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;QAC9C,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE;QACxB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI;KAC9B,CAAC,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAe,EAAE,EAAgB,EAAE,MAAmB,EAAE,IAA+B;IACpH,MAAM,CAAC,qBAAqB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IAChD,EAAE,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AAC1F,CAAC;AAEA,8BAA8B;AAC9B,mCAAmC;AACnC,kEAAkE;AAClE,4CAA4C;AAE5C,2DAA2D;AAC3D,iEAAiE;AACjE,4GAA4G;AAC5G,KAAK","sourcesContent":["// cell-resize-handlers.ts\nexport function initCellResize(\n  el: HTMLElement,\n  ev: PointerEvent,\n  downXRef: { value: number },\n  startWRef: { value: number }\n) {\n  ev.preventDefault();\n  ev.stopPropagation();\n\n  const cStart = Number(el.dataset.cStart);\n  if (!cStart) return null;\n\n  const span = Number(el.getAttribute('colspan')) || 1;\n  const col = Math.max(0, (cStart + span - 1) - 1);\n\n  downXRef.value = ev.clientX;\n  startWRef.value = el.getBoundingClientRect().width;\n\n  const target = ev.currentTarget as HTMLElement;\n  target.setPointerCapture(ev.pointerId);\n\n  el.dispatchEvent(new CustomEvent('nile:resize', { \n    detail: { col, widthPx: startWRef.value },\n    bubbles: true, composed: true\n  }));\n\n  el.dispatchEvent(new CustomEvent('nile:resize-start', { bubbles: true, composed: true }));\n\n  return { target, col };\n}\n\nexport function cellResizeMove(\n  el: HTMLElement,\n  col: number,\n  startW: number,\n  downX: number,\n  e: PointerEvent\n) {\n  const widthPx = Math.max(40, Math.round(startW + (e.clientX - downX)));\n  el.dispatchEvent(new CustomEvent('nile:resize', {\n    detail: { col, widthPx },\n    bubbles: true, composed: true\n  }));\n}\n\nexport function cellResizeDone(el: HTMLElement, ev: PointerEvent, target: HTMLElement, move: (e: PointerEvent) => void) {\n  target.releasePointerCapture(ev.pointerId);\n  target.removeEventListener('pointermove', move);\n  el.dispatchEvent(new CustomEvent('nile:resize-end', { bubbles: true, composed: true }));\n}\n\n\t// private onAutoFit = () => {\n\t// \tconst el = this as HTMLElement;\n\t// \tconst cStart = Number(el.dataset.cStart); if (!cStart) return;\n\t// \tconsole.log(\"el.dataset: \", el.dataset);\n\t\t\n\t// \tconst span = Number(this.getAttribute('colspan')) || 1;\n\t// \tconst col = cStart + span - 2; // zero-based last covered col\n\t// \tthis.dispatchEvent(new CustomEvent('nile:autofit', { detail: { col }, bubbles: true, composed: true }));\n\t// };"]}

package/dist/src/nile-grid-cell/nile-gris-cell.utils.d.ts

@@ -1,10 +0,0 @@
-export declare function initCellResize(el: HTMLElement, ev: PointerEvent, downXRef: {
-    value: number;
-}, startWRef: {
-    value: number;
-}): {
-    target: HTMLElement;
-    col: number;
-} | null;
-export declare function cellResizeMove(el: HTMLElement, col: number, startW: number, downX: number, e: PointerEvent): void;
-export declare function cellResizeDone(el: HTMLElement, ev: PointerEvent, target: HTMLElement, move: (e: PointerEvent) => void): void;