@aquera/nile-elements 1.2.7-beta-1.5 → 1.2.7-beta-1.6

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js

@@ -1,117 +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';
-/**
- * SidebarWrapper CSS
- */
-export const styles = css `
-  :host {
-    display: block;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
-  }
-
-  .wrapper-box {
-    display: flex;
-    height: 100vh;
-    width: 100%;
-  }
-
-  .wrapper-box--right {
-    flex-direction: row-reverse;
-  }
-
-  .sidebar-content {
-    display: flex;
-    height: 100%;
-  }
-
-  .body-content {
-    display: flex;
-    height: 100%;
-    background-color: var(--nile-colors-red-500);
-  }
-
-  .sidebar__content--overlay {
-    position: absolute;
-    z-index: 1000;
-  }
-
-  .sidebar__content--overlay--right {
-    right: 0;
-  }
-
-  .sidebar__content--overlay--left {
-    left: 0;
-  }
-
-  .body__content--overlay {
-    position: absolute;
-    left: 0;
-    opacity:0.5;
-    background-color:var(--nile-sidebar-wrapper-overlay-background-color);
-  }
-
-  /* For left side  */
-  .sidebar__content--overlay-open-left {
-    animation: slide-in-left 0.3s ease-in-out forwards;
-  }
-
-  .sidebar__content--overlay-closed-left {
-    animation: slide-out-left 0.3s ease-in-out forwards;
-  }
-
-  @keyframes slide-in-left {
-    0% {
-      transform: translateX(-100%);
-    }
-
-    100% {
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slide-out-left {
-    0% {
-      transform: translateX(0);
-    }
-
-    100% {
-      transform: translateX(-100%);
-    }
-  }
-
-  /* For right side */
-  .sidebar__content--overlay-open-right {
-    animation: slide-in-right 0.3s ease-in-out forwards;
-  }
-
-  .sidebar__content--overlay-closed-right {
-    animation: slide-out-right 0.3s ease-in-out forwards;
-  }
-
-  @keyframes slide-in-right {
-    0% {
-      transform: translateX(100%);
-    }
-    100% {
-      transform: translateX(0);
-    }
-  }
-
-  @keyframes slide-out-right {
-    0% {
-      transform: translateX(0);
-    }
-    100% {
-      transform: translateX(100%);
-    }
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-sidebar-wrapper.css.js.map

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-wrapper.css.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGxB,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 * SidebarWrapper CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .wrapper-box {\n    display: flex;\n    height: 100vh;\n    width: 100%;\n  }\n\n  .wrapper-box--right {\n    flex-direction: row-reverse;\n  }\n\n  .sidebar-content {\n    display: flex;\n    height: 100%;\n  }\n\n  .body-content {\n    display: flex;\n    height: 100%;\n    background-color: var(--nile-colors-red-500);\n  }\n\n  .sidebar__content--overlay {\n    position: absolute;\n    z-index: 1000;\n  }\n\n  .sidebar__content--overlay--right {\n    right: 0;\n  }\n\n  .sidebar__content--overlay--left {\n    left: 0;\n  }\n\n  .body__content--overlay {\n    position: absolute;\n    left: 0;\n    opacity:0.5;\n    background-color:var(--nile-sidebar-wrapper-overlay-background-color);\n  }\n\n  /* For left side  */\n  .sidebar__content--overlay-open-left {\n    animation: slide-in-left 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-left {\n    animation: slide-out-left 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-left {\n    0% {\n      transform: translateX(-100%);\n    }\n\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-left {\n    0% {\n      transform: translateX(0);\n    }\n\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  /* For right side */\n  .sidebar__content--overlay-open-right {\n    animation: slide-in-right 0.3s ease-in-out forwards;\n  }\n\n  .sidebar__content--overlay-closed-right {\n    animation: slide-out-right 0.3s ease-in-out forwards;\n  }\n\n  @keyframes slide-in-right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes slide-out-right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.d.ts

@@ -1,35 +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 sidebar-wrapper component.
- *
- * @tag nile-sidebar-wrapper
- *
- */
-export declare class NileSidebarWrapper extends NileElement {
-    /**
-     * The styles for nile-sidebar-wrapper
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    overlaysidebar: boolean;
-    placement: 'left' | 'right';
-    isopen: boolean;
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render(): TemplateResult;
-}
-export default NileSidebarWrapper;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-sidebar-wrapper': NileSidebarWrapper;
-    }
-}

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js

@@ -1,89 +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, property } from 'lit/decorators.js';
-import { styles } from './nile-sidebar-wrapper.css';
-import NileElement from '../internal/nile-element';
-import { classMap } from 'lit/directives/class-map.js';
-/**
- * Nile sidebar-wrapper component.
- *
- * @tag nile-sidebar-wrapper
- *
- */
-let NileSidebarWrapper = class NileSidebarWrapper extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.overlaysidebar = false;
-        this.placement = 'left';
-        this.isopen = false;
-        /* #endregion */
-    }
-    /**
-     * The styles for nile-sidebar-wrapper
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles() {
-        return [styles];
-    }
-    /* #endregion */
-    /* #region Methods */
-    /**
-     * Render method
-     * @slot This is a slot test
-     */
-    render() {
-        console.log(this.isopen);
-        return html `
-      <div
-        class=${classMap({
-            'wrapper-box': true,
-            'wrapper-box--right': this.placement === 'right' && !this.overlaysidebar,
-        })}
-      >
-        <slot
-          name="sidebar-content"
-          class=${classMap({
-            'sidebar-content': true,
-            'sidebar__content--overlay': this.overlaysidebar,
-            'sidebar__content--overlay--right': this.placement === 'right',
-            'sidebar__content--overlay--left': this.placement === 'left',
-            'sidebar__content--overlay-open-left': this.isopen && this.placement === 'left' && this.overlaysidebar,
-            'sidebar__content--overlay-closed-left': !this.isopen && this.placement === 'left' && this.overlaysidebar,
-            'sidebar__content--overlay-open-right': this.isopen && this.placement === 'right' && this.overlaysidebar,
-            'sidebar__content--overlay-closed-right': !this.isopen && this.placement === 'right' && this.overlaysidebar,
-        })}
-        >
-        </slot>
-        <slot
-          name="body-content"
-          class=${classMap({
-            'body-content': true,
-            'body__content--overlay': this.overlaysidebar && this.isopen,
-        })}
-        >
-        </slot>
-      </div>
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSidebarWrapper.prototype, "overlaysidebar", void 0);
-__decorate([
-    property({ reflect: true })
-], NileSidebarWrapper.prototype, "placement", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileSidebarWrapper.prototype, "isopen", void 0);
-NileSidebarWrapper = __decorate([
-    customElement('nile-sidebar-wrapper')
-], NileSidebarWrapper);
-export { NileSidebarWrapper };
-export default NileSidebarWrapper;
-//# sourceMappingURL=nile-sidebar-wrapper.js.map

package/dist/src/nile-sidebar-wrapper/nile-sidebar-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-sidebar-wrapper.js","sourceRoot":"","sources":["../../../src/nile-sidebar-wrapper/nile-sidebar-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAS,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,WAAW;IAA5C;;QASuC,mBAAc,GAAG,KAAK,CAAC;QACtC,cAAS,GAAqB,MAAM,CAAC;QACtB,WAAM,GAAG,KAAK,CAAC;QAmD3D,gBAAgB;IAClB,CAAC;IA9DC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAMD,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,aAAa,EAAE,IAAI;YACnB,oBAAoB,EAClB,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc;SACrD,CAAC;;;;kBAIQ,QAAQ,CAAC;YACf,iBAAiB,EAAE,IAAI;YACvB,2BAA2B,EAAE,IAAI,CAAC,cAAc;YAChD,kCAAkC,EAAE,IAAI,CAAC,SAAS,KAAK,OAAO;YAC9D,iCAAiC,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;YAC5D,qCAAqC,EACnC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YACjE,uCAAuC,EACrC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,IAAI,CAAC,cAAc;YAClE,sCAAsC,EACpC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAG,IAAI,CAAC,cAAc;YACjE,wCAAwC,EACtC,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,IAAI,CAAC,cAAc;SACpE,CAAC;;;;;kBAKM,QAAQ,CAAC;YACf,cAAc,EAAE,IAAI;YACpB,wBAAwB,EAAE,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM;SAC7D,CAAC;;;;KAIP,CAAC;IACJ,CAAC;CAGF,CAAA;AAtD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAAwB;AACtC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDAAsC;AACtB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAgB;AAXhD,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CA+D9B;;AAED,eAAe,kBAAkB,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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport { styles } from './nile-sidebar-wrapper.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile sidebar-wrapper component.\n *\n * @tag nile-sidebar-wrapper\n *\n */\n@customElement('nile-sidebar-wrapper')\nexport class NileSidebarWrapper extends NileElement {\n  /**\n   * The styles for nile-sidebar-wrapper\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean, reflect: true }) overlaysidebar = false;\n  @property({ reflect: true }) placement: 'left' | 'right' = 'left';\n  @property({ type: Boolean, reflect: true }) isopen = false;\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    console.log(this.isopen);\n\n    return html`\n      <div\n        class=${classMap({\n          'wrapper-box': true,\n          'wrapper-box--right':\n            this.placement === 'right' && !this.overlaysidebar,\n        })}\n      >\n        <slot\n          name=\"sidebar-content\"\n          class=${classMap({\n            'sidebar-content': true,\n            'sidebar__content--overlay': this.overlaysidebar,\n            'sidebar__content--overlay--right': this.placement === 'right',\n            'sidebar__content--overlay--left': this.placement === 'left',\n            'sidebar__content--overlay-open-left':\n              this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-closed-left':\n              !this.isopen && this.placement === 'left' && this.overlaysidebar,\n            'sidebar__content--overlay-open-right':\n              this.isopen && this.placement === 'right'&& this.overlaysidebar,\n            'sidebar__content--overlay-closed-right':\n              !this.isopen && this.placement === 'right' && this.overlaysidebar,\n          })}\n        >\n        </slot>\n        <slot\n          name=\"body-content\"\n          class=${classMap({\n            'body-content': true,\n            'body__content--overlay': this.overlaysidebar && this.isopen,\n          })}\n        >\n        </slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileSidebarWrapper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar-wrapper': NileSidebarWrapper;\n  }\n}\n"]}

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

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

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

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

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

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

package/dist/src/nile-spannable-table/nile-spannable-table.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.
-*/
-/**
- * SpannableTable CSS
- */
-export declare const styles: import("lit").CSSResult;
-declare const _default: import("lit").CSSResult[];
-export default _default;

package/dist/src/nile-spannable-table/nile-spannable-table.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';
-/**
- * SpannableTable CSS
- */
-export const styles = css `
-	:host { 
-    display:block; contain:content;
-  }
-  
-  ::slotted(nile-spanable-table-body) { 
-    box-sizing:border-box; 
-    }
-`;
-export default [styles];
-//# sourceMappingURL=nile-spannable-table.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-spannable-table.css.js","sourceRoot":"","sources":["../../../src/nile-spannable-table/nile-spannable-table.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;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 * SpannableTable CSS\n */\nexport const styles = css`\n\t:host { \n    display:block; contain:content;\n  }\n  \n  ::slotted(nile-spanable-table-body) { \n    box-sizing:border-box; \n    }\n`;\n\nexport default [styles];"]}

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