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

package/dist/src/nile-spannable-table/nile-spannable-table.d.ts

@@ -1,63 +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 { CSSResultArray, TemplateResult, PropertyValues } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile spannable-table component.
- *
- * @tag nile-spannable-table
- *
- */
-export declare class NileSpannableTable extends NileElement {
-    /**
-     * 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(): CSSResultArray;
-    private colTemplate;
-    private columnWidths;
-    private slotEl;
-    private rowHeight;
-    private overscan;
-    private _allRows;
-    private _first;
-    private _last;
-    private _topEl?;
-    private _botEl?;
-    private _lastTop;
-    private _lastTs;
-    private _scrollRaf;
-    private _vsUpdating;
-    private mo?;
-    private raf;
-    private _ensureSpacers;
-    private scheduleLayout;
-    private ensureWidths;
-    private applyTemplate;
-    private onResize;
-    protected firstUpdated(): void;
-    private onAutoFit;
-    private _attachObserverAndLayout;
-    private layout;
-    private _onScroll;
-    private _updateWindow;
-    /** later: parse rows/cells → compute col count/template */
-    private _getBody;
-    protected updated(_c: PropertyValues): void;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-    disconnectedCallback(): void;
-}
-export default NileSpannableTable;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-spannable-table': NileSpannableTable;
-    }
-}

package/dist/src/nile-spannable-table/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-spannable-table/nile-spannable-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-spannable-table.js","sourceRoot":"","sources":["../../../src/nile-spannable-table/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-spannable-table-body/index.d.ts

@@ -1 +0,0 @@
-export { NileSpannableTableBody } from './nile-spannable-table-body';

package/dist/src/nile-spannable-table-body/index.js

@@ -1,2 +0,0 @@
-export { NileSpannableTableBody } from './nile-spannable-table-body';
-//# sourceMappingURL=index.js.map

package/dist/src/nile-spannable-table-body/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-spannable-table-body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export { NileSpannableTableBody } from './nile-spannable-table-body';"]}

package/dist/src/nile-spannable-table-body/nile-spannable-table-body.css.d.ts

@@ -1,12 +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.
-*/
-/**
- * SpannableTableBody CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-spannable-table-body/nile-spannable-table-body.css.js

@@ -1,23 +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 { css } from 'lit';
-/**
- * SpannableTableBody CSS
- */
-export const styles = css `
-	:host{
-		display:grid;          /* table sets template */
-		overflow:auto;         /* scroll container */
-		box-sizing:border-box;
-	}
-	
-	::slotted(*) { 
-		box-sizing:border-box;
-	}
-`;
-export default [styles];
-//# sourceMappingURL=nile-spannable-table-body.css.js.map

package/dist/src/nile-spannable-table-body/nile-spannable-table-body.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-spannable-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-spannable-table-body/nile-spannable-table-body.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;CAUxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 {css} from 'lit';\n\n/**\n * SpannableTableBody CSS\n */\nexport const styles = css`\n\t:host{\n\t\tdisplay:grid;          /* table sets template */\n\t\toverflow:auto;         /* scroll container */\n\t\tbox-sizing:border-box;\n\t}\n\t\n\t::slotted(*) { \n\t\tbox-sizing:border-box;\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-spannable-table-body/nile-spannable-table-body.d.ts

@@ -1,33 +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 { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile spannable-table-body component.
- *
- * @tag nile-spannable-table-body
- *
- */
-export declare class NileSpannableTableBody extends NileElement {
-    /**
-     * The styles for nile-spannable-table-body
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    connectedCallback(): void;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileSpannableTableBody;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-spannable-table-body': NileSpannableTableBody;
-    }
-}

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

@@ -1,45 +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 } from 'lit/decorators.js';
-import { styles } from './nile-spannable-table-body.css';
-import NileElement from '../internal/nile-element';
-/**
- * Nile spannable-table-body component.
- *
- * @tag nile-spannable-table-body
- *
- */
-let NileSpannableTableBody = class NileSpannableTableBody extends NileElement {
-    /**
-     * The styles for nile-spannable-table-body
-     * @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', 'rowgroup'); // table may override; safe default
-    }
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render() {
-        return html `
-			<slot></slot>
-		`;
-    }
-};
-NileSpannableTableBody = __decorate([
-    customElement('nile-spannable-table-body')
-], NileSpannableTableBody);
-export { NileSpannableTableBody };
-export default NileSpannableTableBody;
-//# sourceMappingURL=nile-spannable-table-body.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-spannable-table-body.js","sourceRoot":"","sources":["../../../src/nile-spannable-table-body/nile-spannable-table-body.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAiC,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAW,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAC,MAAM,EAAC,MAAM,iCAAiC,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,WAAW;IAEtD;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,mCAAmC;IAC3E,CAAC;IAED;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;GAEV,CAAC;IACH,CAAC;CAGD,CAAA;AA1BY,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CA0BlC;;AAED,eAAe,sBAAsB,CAAC","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} from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-spannable-table-body.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile spannable-table-body component.\n *\n * @tag nile-spannable-table-body\n *\n */\n@customElement('nile-spannable-table-body')\nexport class NileSpannableTableBody extends NileElement {\n\n\t/**\n\t * The styles for nile-spannable-table-body\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\t\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.setAttribute('role', 'rowgroup'); // table may override; safe default\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\t/* #endregion */\n}\n\nexport default NileSpannableTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-spannable-table-body': NileSpannableTableBody;\n  }\n}"]}

package/dist/src/nile-spannable-table-cell/index.d.ts

@@ -1 +0,0 @@
-export { NileSpannableTableCell } from './nile-spannable-table-cell';

package/dist/src/nile-spannable-table-cell/index.js

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

package/dist/src/nile-spannable-table-cell/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-spannable-table-cell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export { NileSpannableTableCell } from './nile-spannable-table-cell';"]}

package/dist/src/nile-spannable-table-cell/nile-spannable-table-cell.css.d.ts

@@ -1,12 +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.
-*/
-/**
- * SpannableTableCell CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-spannable-table-cell/nile-spannable-table-cell.css.js

@@ -1,21 +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 { css } from 'lit';
-/**
- * SpannableTableCell CSS
- */
-export const styles = css `
-	:host{
-    box-sizing:border-box; min-width:0;
-  }
-  
-  ::slotted(*) {
-    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-spannable-table-cell.css.js.map

package/dist/src/nile-spannable-table-cell/nile-spannable-table-cell.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-spannable-table-cell.css.js","sourceRoot":"","sources":["../../../src/nile-spannable-table-cell/nile-spannable-table-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;;;;;;;;CAQxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 { css } from 'lit';\n\n/**\n * SpannableTableCell CSS\n */\nexport const styles = css`\n\t:host{\n    box-sizing:border-box; min-width:0;\n  }\n  \n  ::slotted(*) {\n    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;\n  }\n`;\n\nexport default [styles];"]}

package/dist/src/nile-spannable-table-cell/nile-spannable-table-cell.d.ts

@@ -1,37 +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 { CSSResultArray, TemplateResult } from 'lit';
-import NileElement from '../internal/nile-element';
-/**
- * Nile spannable-table-cell component.
- *
- * @tag nile-spannable-table-cell
- *
- */
-export declare class NileSpannableTableCell extends NileElement {
-    /**
-     * The styles for nile-spannable-table-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';
-    connectedCallback(): void;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileSpannableTableCell;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-spannable-table-cell': NileSpannableTableCell;
-    }
-}