@aquera/nile-elements 0.1.69 → 0.1.70-beta-1.2

package/dist/src/nile-input/__snapshots__/nile-input.test.snap.js

@@ -0,0 +1,75 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["nile-input renders correctly"] = 
+`<div
+  class="form-control form-control--has-label form-control--medium"
+  part="form-control"
+>
+  <label
+    aria-hidden="false"
+    class="form-control__label"
+    for="input"
+    part="form-control-label"
+  >
+    <slot name="label">
+      Test Label
+    </slot>
+  </label>
+  <div
+    class="form-control-input"
+    part="form-control-input"
+  >
+    <nile-popup
+      distance="5"
+      exportparts="input"
+      placement="bottom-start"
+      strategy="fixed"
+    >
+      <div
+        class="input input--empty input--medium input--standard"
+        part="base"
+        slot="anchor"
+      >
+        <slot
+          class="input__prefix"
+          name="prefix"
+          part="prefix"
+        >
+        </slot>
+        <input
+          aria-describedby="help-text"
+          autocomplete="off"
+          class="input__control"
+          id="input"
+          name=""
+          part="input"
+          placeholder=""
+          spellcheck="true"
+          title=""
+          type="text"
+        >
+        <slot
+          class="input__suffix"
+          name="suffix"
+          part="suffix"
+        >
+        </slot>
+      </div>
+      <div class="input__non-printable">
+        Non-printable character detected.
+        <nile-badge
+          class="input__remove-non-printable"
+          variant="error"
+        >
+          Remove All
+        </nile-badge>
+        <div class="input__srtiked-text-container">
+        </div>
+      </div>
+    </nile-popup>
+  </div>
+</div>
+`;
+/* end snapshot nile-input renders correctly */
+

package/dist/src/nile-popover/__snapshots__/nile-popover.test.snap.js

@@ -0,0 +1,22 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NilePopover renders correctly"] = 
+`<nile-popup
+  active=""
+  arrowplacement="anchor"
+  distance="18"
+  placement="top"
+  shift=""
+  strategy="absolute"
+>
+  <slot
+    aria-describedby="tooltip"
+    name="anchor"
+    slot="anchor"
+  >
+  </slot>
+</nile-popup>
+`;
+/* end snapshot NilePopover renders correctly */
+

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

@@ -20,6 +20,7 @@ export declare class NileTableBody extends NileElement {
     defaultSlot: HTMLSlotElement;
     _childNodes: Array<HTMLElement>;
     type: 'primary' | 'secondary';
+    bodyStyle: string;
     private rows_data;
     private header_rows_data;
     private sort__index;

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

@@ -93,6 +93,7 @@ let NileTableBody = class NileTableBody extends NileElement {
           @slotchange=${this.handleSlotchange}
           @nile-click-sort=${this.handleSort}
           class="nile__table__body"
+          style="display: ${this.bodyStyle}"
           ?resizable=${this.hasResizableColumns}
           @nile-search=${this.handleSearch}
         ></slot>
@@ -109,6 +110,9 @@ __decorate([
 __decorate([
     property()
 ], NileTableBody.prototype, "type", void 0);
+__decorate([
+    property()
+], NileTableBody.prototype, "bodyStyle", void 0);
 __decorate([
     state()
 ], NileTableBody.prototype, "rows_data", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"nile-table-body.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n  property\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\nimport { hasResizableColumns } from '../internal/resizable-table-helper';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n  /**\n   * The styles for TableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @queryAssignedNodes({ flatten: true }) _childNodes!: Array<HTMLElement>;\n  @property() type: 'primary' | 'secondary' = 'primary';\n\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n  @state() private search__index: number;\n  @state() private hasResizableColumns = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.emit('nile-body-load', { value: this.type, comp:this },true,false)\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private checkForResizableColumns() {\n    this.hasResizableColumns = hasResizableColumns(this);\n  }\n\n  handleSlotchange(e: any) {\n    let row_data: any = [];\n    this._childNodes.forEach((child: any) => {\n      if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach((element: { innerHTML: any }) => {\n            row_data.push(element.innerHTML);\n          });\n          this.rows_data.push(row_data);\n        } else {\n          let nileheaders = this.getChildren(child, 'nile-table-header-item');\n          if (nileheaders.length > 0) {\n            nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n              this.header_rows_data.push(header.innerHTML);\n            });\n          }\n        }\n        row_data = [];\n      }\n    });\n    \n    this.checkForResizableColumns();\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    const header_index = this.getIndexValue(curr_sort_string);\n    this.emit('nile-sort', {\n      value: { header_index, curr_sort_string, order },\n    });\n  }\n\n  private handleSearch(e: any) {\n    const searchText = e.detail.value;\n    this.search__index = this.getIndexValue(e.target.textContent);\n    this.emit('nile-table-search', {\n      index: this.search__index,\n      value: searchText,\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\" part=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=${this.handleSlotchange}\n          @nile-click-sort=${this.handleSort}\n          class=\"nile__table__body\"\n          ?resizable=${this.hasResizableColumns}\n          @nile-search=${this.handleSearch}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-body': NileTableBody;\n  }\n}\n"]}
+{"version":3,"file":"nile-table-body.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport {\n  customElement,\n  query,\n  state,\n  queryAll,\n  queryAssignedElements,\n  queryAssignedNodes,\n  property\n} from 'lit/decorators.js';\nimport { styles } from './nile-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\nimport { hasResizableColumns } from '../internal/resizable-table-helper';\n\n/**\n * nile-table-body component.\n *\n * @tag nile-table-body\n *\n */\n@customElement('nile-table-body')\nexport class NileTableBody extends NileElement {\n  /**\n   * The styles for TableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @queryAssignedNodes({ flatten: true }) _childNodes!: Array<HTMLElement>;\n  @property() type: 'primary' | 'secondary' = 'primary';\n  @property() bodyStyle: string;\n\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n  @state() private search__index: number;\n  @state() private hasResizableColumns = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.emit('nile-body-load', { value: this.type, comp:this },true,false)\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private checkForResizableColumns() {\n    this.hasResizableColumns = hasResizableColumns(this);\n  }\n\n  handleSlotchange(e: any) {\n    let row_data: any = [];\n    this._childNodes.forEach((child: any) => {\n      if (child.tagName && child?.tagName?.toLowerCase() === 'nile-table-row') {\n        let nilerows = this.getChildren(child, 'nile-table-cell-item');\n        if (nilerows.length > 0) {\n          nilerows.forEach((element: { innerHTML: any }) => {\n            row_data.push(element.innerHTML);\n          });\n          this.rows_data.push(row_data);\n        } else {\n          let nileheaders = this.getChildren(child, 'nile-table-header-item');\n          if (nileheaders.length > 0) {\n            nileheaders.forEach((header: HTMLSlotElement, index: number) => {\n              this.header_rows_data.push(header.innerHTML);\n            });\n          }\n        }\n        row_data = [];\n      }\n    });\n    \n    this.checkForResizableColumns();\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    const header_index = this.getIndexValue(curr_sort_string);\n    this.emit('nile-sort', {\n      value: { header_index, curr_sort_string, order },\n    });\n  }\n\n  private handleSearch(e: any) {\n    const searchText = e.detail.value;\n    this.search__index = this.getIndexValue(e.target.textContent);\n    this.emit('nile-table-search', {\n      index: this.search__index,\n      value: searchText,\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\" part=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <slot\n          @slotchange=${this.handleSlotchange}\n          @nile-click-sort=${this.handleSort}\n          class=\"nile__table__body\"\n          style=\"display: ${this.bodyStyle}\"\n          ?resizable=${this.hasResizableColumns}\n          @nile-search=${this.handleSearch}\n        ></slot>\n      </div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-body': NileTableBody;\n  }\n}\n"]}

package/dist/src/nile-table-body/virtual-scroll-helper.d.ts

@@ -0,0 +1,9 @@
+import type NileElement from '../internal/nile-element';
+/**
+ * Helper class to manage virtual scroll functionality for nile-table-body component
+ */
+export declare class VirtualTableBodyHelper {
+    private component;
+    constructor(component: NileElement);
+    renderVirtualizedContent(): any;
+}

package/dist/src/nile-table-body/virtual-scroll-helper.js

@@ -0,0 +1,24 @@
+import { html } from 'lit';
+/**
+ * Helper class to manage virtual scroll functionality for nile-table-body component
+ */
+export class VirtualTableBodyHelper {
+    constructor(component) {
+        this.component = component;
+    }
+    renderVirtualizedContent() {
+        const component = this.component;
+        return html `
+      <div class="virtual-table-body">
+        <nile-virtual-table-body
+          .type=${component.type}
+          .data=${component.data || []}
+          .hasResizableColumns=${component.hasResizableColumns}
+        >
+          <slot name="table__header" slot="table__header"></slot>
+        </nile-virtual-table-body>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=virtual-scroll-helper.js.map

package/dist/src/nile-table-body/virtual-scroll-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-scroll-helper.js","sourceRoot":"","sources":["../../../src/nile-table-body/virtual-scroll-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B;;GAEG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,SAAsB;QAChC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,wBAAwB;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAgB,CAAC;QAExC,OAAO,IAAI,CAAA;;;kBAGG,SAAS,CAAC,IAAI;kBACd,SAAS,CAAC,IAAI,IAAI,EAAE;iCACL,SAAS,CAAC,mBAAmB;;;;;KAKzD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html } from 'lit';\nimport type NileElement from '../internal/nile-element';\n\n/**\n * Helper class to manage virtual scroll functionality for nile-table-body component\n */\nexport class VirtualTableBodyHelper {\n  private component: NileElement;\n\n  constructor(component: NileElement) {\n    this.component = component;\n  }\n\n  renderVirtualizedContent(): any {\n    const component = this.component as any;\n\n    return html`\n      <div class=\"virtual-table-body\">\n        <nile-virtual-table-body\n          .type=${component.type}\n          .data=${component.data || []}\n          .hasResizableColumns=${component.hasResizableColumns}\n        >\n          <slot name=\"table__header\" slot=\"table__header\"></slot>\n        </nile-virtual-table-body>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/nile-virtual-table-body/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NileVirtualTableBody } from './nile-virtual-table-body.js';
+export { VirtualTableBodyRenderer } from './renderer.js';

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

@@ -0,0 +1,3 @@
+export { default as NileVirtualTableBody } from './nile-virtual-table-body.js';
+export { VirtualTableBodyRenderer } from './renderer.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-virtual-table-body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default as NileVirtualTableBody } from './nile-virtual-table-body.js';\nexport { VirtualTableBodyRenderer } from './renderer.js';\n"]}

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

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,44 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+
+  .base {
+    width: 100%;
+  }
+
+  .table__header {
+    display: contents;
+  }
+
+  .nile__table__body {
+    display: contents;
+  }
+
+  .nile__table__body[resizable] {
+    position: relative;
+  }
+
+  .virtualized-container {
+    height: 400px; /* Default height, can be customized */
+    overflow-y: auto;
+    border: 1px solid #e0e0e0;
+  }
+
+  .virtualized-row {
+    display: contents;
+  }
+
+  /* Ensure table rows maintain their structure in virtualized context */
+  ::slotted(nile-table-row) {
+    display: table-row;
+  }
+
+  /* Virtualizer specific styles */
+  lit-virtualizer {
+    height: 100%;
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=nile-virtual-table-body.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-virtual-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-virtual-table-body/nile-virtual-table-body.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .base {\n    width: 100%;\n  }\n\n  .table__header {\n    display: contents;\n  }\n\n  .nile__table__body {\n    display: contents;\n  }\n\n  .nile__table__body[resizable] {\n    position: relative;\n  }\n\n  .virtualized-container {\n    height: 400px; /* Default height, can be customized */\n    overflow-y: auto;\n    border: 1px solid #e0e0e0;\n  }\n\n  .virtualized-row {\n    display: contents;\n  }\n\n  /* Ensure table rows maintain their structure in virtualized context */\n  ::slotted(nile-table-row) {\n    display: table-row;\n  }\n\n  /* Virtualizer specific styles */\n  lit-virtualizer {\n    height: 100%;\n    width: 100%;\n  }\n`;\n"]}

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

@@ -0,0 +1,50 @@
+/**
+ * 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, PropertyValues } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * nile-virtual-table-body component.
+ *
+ * @tag nile-virtual-table-body
+ *
+ */
+export declare class NileVirtualTableBody extends NileElement {
+    /**
+     * The styles for VirtualTableBody
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    defaultSlot: HTMLSlotElement;
+    type: 'primary' | 'secondary';
+    /**
+     * Array of all table row data for virtual scrolling.
+     * Each row should be an object with a 'cells' property containing an array of cell data.
+     * Example: [{ cells: [{ content: 'Cell 1' }, { content: 'Cell 2' }] }]
+     */
+    data: any[];
+    private rows_data;
+    private header_rows_data;
+    private sort__index;
+    private search__index;
+    private hasResizableColumns;
+    static get styles(): CSSResultArray;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private getChildren;
+    private getIndexValue;
+    private checkForResizableColumns;
+    handleSlotchange(e: any): void;
+    private handleSort;
+    private handleSearch;
+    render(): TemplateResult;
+    private getVirtualizedContent;
+    handleDataChange(): void;
+}
+export default NileVirtualTableBody;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-virtual-table-body': NileVirtualTableBody;
+    }
+}

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

@@ -0,0 +1,135 @@
+/**
+ * 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, query, state, property } from 'lit/decorators.js';
+import { styles } from './nile-virtual-table-body.css';
+import NileElement from '../internal/nile-element';
+import { hasResizableColumns } from '../internal/resizable-table-helper';
+import { VirtualTableBodyRenderer } from './renderer.js';
+import { watch } from '../internal/watch';
+/**
+ * nile-virtual-table-body component.
+ *
+ * @tag nile-virtual-table-body
+ *
+ */
+let NileVirtualTableBody = class NileVirtualTableBody extends NileElement {
+    constructor() {
+        /**
+         * The styles for VirtualTableBody
+         * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+         */
+        super(...arguments);
+        this.type = 'primary';
+        /**
+         * Array of all table row data for virtual scrolling.
+         * Each row should be an object with a 'cells' property containing an array of cell data.
+         * Example: [{ cells: [{ content: 'Cell 1' }, { content: 'Cell 2' }] }]
+         */
+        this.data = [];
+        this.rows_data = [];
+        this.header_rows_data = [];
+        this.hasResizableColumns = false;
+        /* #endregion */
+    }
+    static get styles() {
+        return [styles];
+    }
+    firstUpdated(_changedProperties) {
+        this.emit('nile-body-load', { value: this.type, comp: this }, true, false);
+    }
+    /* #endregion */
+    /* #region Methods */
+    getChildren(child, tagname) {
+        return child.querySelectorAll(tagname);
+    }
+    getIndexValue(index__value) {
+        return this.header_rows_data.indexOf(index__value);
+    }
+    checkForResizableColumns() {
+        this.hasResizableColumns = hasResizableColumns(this);
+    }
+    handleSlotchange(e) {
+        // For virtual table body, we primarily use the data property
+        // Slot change is mainly for header content
+        this.checkForResizableColumns();
+    }
+    handleSort(e) {
+        const { curr_sort_string, order } = e.detail.value;
+        const header_index = this.getIndexValue(curr_sort_string);
+        this.emit('nile-sort', {
+            value: { header_index, curr_sort_string, order },
+        });
+    }
+    handleSearch(e) {
+        const searchText = e.detail.value;
+        this.search__index = this.getIndexValue(e.target.textContent);
+        this.emit('nile-table-search', {
+            index: this.search__index,
+            value: searchText,
+        });
+    }
+    render() {
+        return html `
+      <div class="base" part="base">
+        <slot name="table__header" class="table__header"></slot>
+        <div
+          class="nile__table__body"
+          ?resizable=${this.hasResizableColumns}
+          @nile-click-sort=${this.handleSort}
+          @nile-search=${this.handleSearch}
+        >
+          <slot
+            @slotchange=${this.handleSlotchange}
+            name="table__body"
+          ></slot>
+          ${this.getVirtualizedContent()}
+        </div>
+      </div>
+    `;
+    }
+    getVirtualizedContent() {
+        return VirtualTableBodyRenderer.getVirtualizedContent(this.data, this.hasResizableColumns);
+    }
+    handleDataChange() {
+        this.requestUpdate();
+    }
+};
+__decorate([
+    query('slot')
+], NileVirtualTableBody.prototype, "defaultSlot", void 0);
+__decorate([
+    property()
+], NileVirtualTableBody.prototype, "type", void 0);
+__decorate([
+    property({ type: Array })
+], NileVirtualTableBody.prototype, "data", void 0);
+__decorate([
+    state()
+], NileVirtualTableBody.prototype, "rows_data", void 0);
+__decorate([
+    state()
+], NileVirtualTableBody.prototype, "header_rows_data", void 0);
+__decorate([
+    state()
+], NileVirtualTableBody.prototype, "sort__index", void 0);
+__decorate([
+    state()
+], NileVirtualTableBody.prototype, "search__index", void 0);
+__decorate([
+    state()
+], NileVirtualTableBody.prototype, "hasResizableColumns", void 0);
+__decorate([
+    watch('data', { waitUntilFirstUpdate: true })
+], NileVirtualTableBody.prototype, "handleDataChange", null);
+NileVirtualTableBody = __decorate([
+    customElement('nile-virtual-table-body')
+], NileVirtualTableBody);
+export { NileVirtualTableBody };
+export default NileVirtualTableBody;
+//# sourceMappingURL=nile-virtual-table-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-virtual-table-body.js","sourceRoot":"","sources":["../../../src/nile-virtual-table-body/nile-virtual-table-body.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 {\n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValues,\n} from 'lit';\nimport {\n  customElement,\n  query,\n  state,\n  property\n} from 'lit/decorators.js';\nimport { styles } from './nile-virtual-table-body.css';\nimport NileElement from '../internal/nile-element';\nimport { getInnerHTML } from '../slot';\nimport { hasResizableColumns } from '../internal/resizable-table-helper';\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\nimport { VirtualTableBodyRenderer } from './renderer.js';\nimport { watch } from '../internal/watch';\n\n/**\n * nile-virtual-table-body component.\n *\n * @tag nile-virtual-table-body\n *\n */\n@customElement('nile-virtual-table-body')\nexport class NileVirtualTableBody extends NileElement {\n  /**\n   * The styles for VirtualTableBody\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @property() type: 'primary' | 'secondary' = 'primary';\n\n  /** \n   * Array of all table row data for virtual scrolling.\n   * Each row should be an object with a 'cells' property containing an array of cell data.\n   * Example: [{ cells: [{ content: 'Cell 1' }, { content: 'Cell 2' }] }]\n   */\n  @property({ type: Array }) data: any[] = [];\n\n  @state() private rows_data: any[] = [];\n  @state() private header_rows_data: any[] = [];\n  @state() private sort__index: number;\n  @state() private search__index: number;\n  @state() private hasResizableColumns = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.emit('nile-body-load', { value: this.type, comp: this }, true, false);\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  private getChildren(child: any, tagname: string) {\n    return child.querySelectorAll(tagname);\n  }\n\n  private getIndexValue(index__value: string): number {\n    return this.header_rows_data.indexOf(index__value);\n  }\n\n  private checkForResizableColumns() {\n    this.hasResizableColumns = hasResizableColumns(this);\n  }\n\n  handleSlotchange(e: any) {\n    // For virtual table body, we primarily use the data property\n    // Slot change is mainly for header content\n    this.checkForResizableColumns();\n  }\n\n  private handleSort(e: any) {\n    const { curr_sort_string, order } = e.detail.value;\n    const header_index = this.getIndexValue(curr_sort_string);\n    this.emit('nile-sort', {\n      value: { header_index, curr_sort_string, order },\n    });\n  }\n\n  private handleSearch(e: any) {\n    const searchText = e.detail.value;\n    this.search__index = this.getIndexValue(e.target.textContent);\n    this.emit('nile-table-search', {\n      index: this.search__index,\n      value: searchText,\n    });\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"base\" part=\"base\">\n        <slot name=\"table__header\" class=\"table__header\"></slot>\n        <div\n          class=\"nile__table__body\"\n          ?resizable=${this.hasResizableColumns}\n          @nile-click-sort=${this.handleSort}\n          @nile-search=${this.handleSearch}\n        >\n          <slot\n            @slotchange=${this.handleSlotchange}\n            name=\"table__body\"\n          ></slot>\n          ${this.getVirtualizedContent()}\n        </div>\n      </div>\n    `;\n  }\n\n  private getVirtualizedContent(): TemplateResult {\n    return VirtualTableBodyRenderer.getVirtualizedContent(\n      this.data,\n      this.hasResizableColumns\n    );\n  }\n\n  @watch('data', { waitUntilFirstUpdate: true })\n  handleDataChange(): void {\n    this.requestUpdate();\n  }\n\n  /* #endregion */\n}\n\nexport default NileVirtualTableBody;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-virtual-table-body': NileVirtualTableBody;\n  }\n}\n"]}

package/dist/src/nile-virtual-table-body/renderer.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 { type TemplateResult } from 'lit';
+export declare class VirtualTableBodyRenderer {
+    static getVirtualizedContent(data: any[], hasResizableColumns: boolean): TemplateResult;
+    static getRowRenderFunction(rowData: any, hasResizableColumns: boolean): TemplateResult;
+    /**
+     * Determines whether to use virtualizer based on dataset size
+     * For small datasets (less than 50 rows), use regular rendering for better performance
+     */
+    private static shouldUseVirtualizer;
+}

package/dist/src/nile-virtual-table-body/renderer.js

@@ -0,0 +1,49 @@
+/**
+ * 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 { html } from 'lit';
+import { virtualize } from '@lit-labs/virtualizer/virtualize.js';
+export class VirtualTableBodyRenderer {
+    static getVirtualizedContent(data, hasResizableColumns) {
+        return html `
+      <div class="virtualized-container">
+        ${VirtualTableBodyRenderer.shouldUseVirtualizer(data)
+            ? html `
+              ${virtualize({
+                items: data,
+                renderItem: (rowData) => VirtualTableBodyRenderer.getRowRenderFunction(rowData, hasResizableColumns),
+                scroller: true,
+            })}
+            `
+            : html `
+              ${data.map((rowData) => VirtualTableBodyRenderer.getRowRenderFunction(rowData, hasResizableColumns))}
+            `}
+      </div>
+    `;
+    }
+    static getRowRenderFunction(rowData, hasResizableColumns) {
+        // Create a table row with cell items based on the data
+        return html `
+      <div class="virtualized-row">
+        <nile-table-row>
+          ${rowData.cells ? rowData.cells.map((cell) => html `
+            <nile-table-cell-item ?resizable=${hasResizableColumns}>
+              ${cell.content || cell}
+            </nile-table-cell-item>
+          `) : ''}
+        </nile-table-row>
+      </div>
+    `;
+    }
+    /**
+     * Determines whether to use virtualizer based on dataset size
+     * For small datasets (less than 50 rows), use regular rendering for better performance
+     */
+    static shouldUseVirtualizer(data) {
+        return data.length >= 50;
+    }
+}
+//# sourceMappingURL=renderer.js.map

package/dist/src/nile-virtual-table-body/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../../src/nile-virtual-table-body/renderer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,MAAM,OAAO,wBAAwB;IACnC,MAAM,CAAC,qBAAqB,CAC1B,IAAW,EACX,mBAA4B;QAE5B,OAAO,IAAI,CAAA;;UAEL,wBAAwB,CAAC,oBAAoB,CAAC,IAAI,CAAC;YACnD,CAAC,CAAC,IAAI,CAAA;gBACA,UAAU,CAAC;gBACX,KAAK,EAAE,IAAI;gBACX,UAAU,EAAE,CAAC,OAAY,EAAkB,EAAE,CAC3C,wBAAwB,CAAC,oBAAoB,CAAC,OAAO,EAAE,mBAAmB,CAAC;gBAC7E,QAAQ,EAAE,IAAI;aACf,CAAC;aACH;YACH,CAAC,CAAC,IAAI,CAAA;gBACA,IAAI,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE,CAC1B,wBAAwB,CAAC,oBAAoB,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAC5E;aACF;;KAER,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,oBAAoB,CACzB,OAAY,EACZ,mBAA4B;QAE5B,uDAAuD;QACvD,OAAO,IAAI,CAAA;;;YAGH,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAA;+CAClB,mBAAmB;gBAClD,IAAI,CAAC,OAAO,IAAI,IAAI;;WAEzB,CAAC,CAAC,CAAC,CAAC,EAAE;;;KAGZ,CAAC;IACJ,CAAC;IAED;;;OAGG;IACK,MAAM,CAAC,oBAAoB,CAAC,IAAW;QAC7C,OAAO,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;IAC3B,CAAC;CACF","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 { html, type TemplateResult } from 'lit';\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\n\nexport class VirtualTableBodyRenderer {\n  static getVirtualizedContent(\n    data: any[],\n    hasResizableColumns: boolean\n  ): TemplateResult {\n    return html`\n      <div class=\"virtualized-container\">\n        ${VirtualTableBodyRenderer.shouldUseVirtualizer(data)\n          ? html`\n              ${virtualize({\n                items: data,\n                renderItem: (rowData: any): TemplateResult =>\n                  VirtualTableBodyRenderer.getRowRenderFunction(rowData, hasResizableColumns),\n                scroller: true,\n              })}\n            `\n          : html`\n              ${data.map((rowData: any) => \n                VirtualTableBodyRenderer.getRowRenderFunction(rowData, hasResizableColumns)\n              )}\n            `}\n      </div>\n    `;\n  }\n\n  static getRowRenderFunction(\n    rowData: any, \n    hasResizableColumns: boolean\n  ): TemplateResult {\n    // Create a table row with cell items based on the data\n    return html`\n      <div class=\"virtualized-row\">\n        <nile-table-row>\n          ${rowData.cells ? rowData.cells.map((cell: any) => html`\n            <nile-table-cell-item ?resizable=${hasResizableColumns}>\n              ${cell.content || cell}\n            </nile-table-cell-item>\n          `) : ''}\n        </nile-table-row>\n      </div>\n    `;\n  }\n\n  /**\n   * Determines whether to use virtualizer based on dataset size\n   * For small datasets (less than 50 rows), use regular rendering for better performance\n   */\n  private static shouldUseVirtualizer(data: any[]): boolean {\n    return data.length >= 50;\n  }\n}\n"]}