@aquera/nile-elements 1.3.3 → 1.3.4-beta-1

package/dist/src/nile-virtual-select-disabled/renderer.js

@@ -0,0 +1,79 @@
+/**
+ * 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';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+export class VirtualSelectRenderer {
+    static getVirtualizedContent(data, searchEnabled, renderItemFunction, value, multiple, getDisplayText, getItemValue, showNoResults, noResultsMessage, loading, onScroll) {
+        return html `
+      <div part="select-options" class="select__options ${searchEnabled ? 'select__options__search-enabled' : ``} ${loading ? 'loading' : ''}">
+        ${showNoResults && !loading
+            ? html `
+              <div part="select-no-results" class="select__no-results">
+                ${noResultsMessage || 'No results found'}
+              </div>
+            `
+            : html `
+              <div
+                class="virtualized"
+                part="virtualized"
+                @scroll=${onScroll}
+              >
+                ${VirtualSelectRenderer.shouldUseVirtualizer(data)
+                ? html `
+                      ${virtualize({
+                    items: data,
+                    renderItem: (item) => VirtualSelectRenderer.getItemRenderFunction(item, renderItemFunction, value, multiple, getDisplayText, getItemValue),
+                    scroller: true,
+                })}
+                    `
+                : html `
+                      ${data.map((item) => VirtualSelectRenderer.getItemRenderFunction(item, renderItemFunction, value, multiple, getDisplayText, getItemValue))}
+                    `}
+              </div>
+            `}
+      </div>`;
+    }
+    static getItemRenderFunction(item, renderItemFunction, value, multiple, getDisplayText, getItemValue) {
+        if (!item) {
+            return html ``;
+        }
+        const displayTextFn = getDisplayText || renderItemFunction;
+        const valueFn = getItemValue || ((item) => item?.value || item);
+        const optionValue = valueFn(item);
+        const displayText = displayTextFn(item);
+        const isDisabled = item?.disabled || false;
+        const className = item?.className;
+        let isSelected = false;
+        if (multiple) {
+            isSelected = Array.isArray(value) && value.some(v => String(v) === String(optionValue));
+        }
+        else {
+            isSelected = (Array.isArray(value) ? value[0] : value) === optionValue;
+        }
+        return html `
+      <nile-option 
+        value=${optionValue} 
+        .selected=${isSelected} 
+        .disabled=${isDisabled}
+        .showCheckbox=${multiple}
+        class=${ifDefined(className || undefined)}
+      >
+        ${unsafeHTML(displayText)}
+      </nile-option>
+    `;
+    }
+    /**
+     * Determines whether to use virtualizer based on dataset size
+     * For small datasets (less than 5 items), use regular rendering for better sizing
+     */
+    static shouldUseVirtualizer(data) {
+        return data.length >= 5;
+    }
+}
+//# sourceMappingURL=renderer.js.map

package/dist/src/nile-virtual-select-disabled/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../../src/nile-virtual-select-disabled/renderer.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 { html, type TemplateResult } from 'lit';\nimport { virtualize } from '@lit-labs/virtualizer/virtualize.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nexport class VirtualSelectRenderer {\n  static getVirtualizedContent(\n    data: any[], \n    searchEnabled: boolean, \n    renderItemFunction: (item: any) => string,\n    value: string | string[],\n    multiple: boolean,\n    getDisplayText?: (item: any) => string,\n    getItemValue?: (item: any) => string,\n    showNoResults?: boolean,\n    noResultsMessage?: string,\n    loading?: boolean,\n    onScroll?: (e: Event) => void\n  ): TemplateResult {\n    return html`\n      <div part=\"select-options\" class=\"select__options ${\n        searchEnabled ? 'select__options__search-enabled' : ``\n      } ${loading ? 'loading' : ''}\">\n        ${showNoResults && !loading\n          ? html`\n              <div part=\"select-no-results\" class=\"select__no-results\">\n                ${noResultsMessage || 'No results found'}\n              </div>\n            `\n          : html`\n              <div\n                class=\"virtualized\"\n                part=\"virtualized\"\n                @scroll=${onScroll}\n              >\n                ${VirtualSelectRenderer.shouldUseVirtualizer(data)\n                  ? html`\n                      ${virtualize({\n                        items: data,\n                        renderItem: (item: any): TemplateResult =>\n                          VirtualSelectRenderer.getItemRenderFunction(item, renderItemFunction, value, multiple, getDisplayText, getItemValue),\n                        scroller: true,\n                      })}\n                    `\n                  : html`\n                      ${data.map((item: any) => \n                        VirtualSelectRenderer.getItemRenderFunction(item, renderItemFunction, value, multiple, getDisplayText, getItemValue)\n                      )}\n                    `}\n              </div>\n            `}\n      </div>`;\n  }\n\n  static getItemRenderFunction(\n    item: any, \n    renderItemFunction: (item: any) => string, \n    value: string | string[], \n    multiple: boolean,\n    getDisplayText?: (item: any) => string,\n    getItemValue?: (item: any) => string\n  ): TemplateResult {\n    if(!item) {\n      return html``;\n    }\n    const displayTextFn = getDisplayText || renderItemFunction;\n    const valueFn = getItemValue || ((item: any) => item?.value || item);\n    \n    const optionValue = valueFn(item);\n    const displayText = displayTextFn(item);\n    const isDisabled = item?.disabled || false;\n    const className = item?.className;\n    \n    let isSelected = false;\n    if (multiple) {\n      isSelected = Array.isArray(value) && value.some(v => String(v) === String(optionValue));\n    } else {\n      isSelected = (Array.isArray(value) ? value[0] : value) === optionValue;\n    }\n    \n    return html`\n      <nile-option \n        value=${optionValue} \n        .selected=${isSelected} \n        .disabled=${isDisabled}\n        .showCheckbox=${multiple}\n        class=${ifDefined(className || undefined)}\n      >\n        ${unsafeHTML(displayText)}\n      </nile-option>\n    `;\n  }\n\n  /**\n   * Determines whether to use virtualizer based on dataset size\n   * For small datasets (less than 5 items), use regular rendering for better sizing\n   */\n  private static shouldUseVirtualizer(data: any[]): boolean {\n    return data.length >= 5;\n  }\n} \n"]}

package/dist/src/nile-virtual-select-disabled/search-manager.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+export declare class VirtualSelectSearchManager {
+    static filterVirtualOptions(searchValue: string, originalOptionItems: any[], data: any[], renderItemFunction: (item: any) => string, getSearchText?: (item: any) => string): {
+        filteredItems: any[];
+        showNoResults: boolean;
+    };
+}

package/dist/src/nile-virtual-select-disabled/search-manager.js

@@ -0,0 +1,40 @@
+/**
+ * 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.
+ */
+export class VirtualSelectSearchManager {
+    static filterVirtualOptions(searchValue, originalOptionItems, data, renderItemFunction, getSearchText) {
+        if (originalOptionItems.length === 0 && data.length > 0) {
+            return {
+                filteredItems: [...data],
+                showNoResults: false
+            };
+        }
+        if (!originalOptionItems || originalOptionItems.length === 0) {
+            return {
+                filteredItems: [],
+                showNoResults: true
+            };
+        }
+        if (!searchValue || searchValue.trim() === '') {
+            return {
+                filteredItems: [...originalOptionItems],
+                showNoResults: false
+            };
+        }
+        const lowerCaseSearchValue = searchValue.toLowerCase();
+        const searchTextFn = getSearchText || renderItemFunction;
+        const filteredItems = originalOptionItems.filter((item) => {
+            const itemValue = searchTextFn(item);
+            const lowerCaseItemValue = itemValue.toLowerCase();
+            return lowerCaseItemValue.includes(lowerCaseSearchValue);
+        });
+        return {
+            filteredItems,
+            showNoResults: filteredItems.length === 0
+        };
+    }
+}
+//# sourceMappingURL=search-manager.js.map

package/dist/src/nile-virtual-select-disabled/search-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-manager.js","sourceRoot":"","sources":["../../../src/nile-virtual-select-disabled/search-manager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,OAAO,0BAA0B;IACnC,MAAM,CAAC,oBAAoB,CAC3B,WAAmB,EACnB,mBAA0B,EAC1B,IAAW,EACX,kBAAyC,EACzC,aAAqC;QAErC,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxD,OAAO;gBACL,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC;gBACxB,aAAa,EAAE,KAAK;aACrB,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,mBAAmB,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC7D,OAAO;gBACL,aAAa,EAAE,EAAE;gBACjB,aAAa,EAAE,IAAI;aACpB,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAC9C,OAAO;gBACL,aAAa,EAAE,CAAC,GAAG,mBAAmB,CAAC;gBACvC,aAAa,EAAE,KAAK;aACrB,CAAC;QACJ,CAAC;QAED,MAAM,oBAAoB,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC;QACvD,MAAM,YAAY,GAAG,aAAa,IAAI,kBAAkB,CAAC;QACzD,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE;YAC7D,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YACrC,MAAM,kBAAkB,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;YACnD,OAAO,kBAAkB,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,aAAa;YACb,aAAa,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC;SAC1C,CAAC;IACJ,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\nexport class VirtualSelectSearchManager {\n    static filterVirtualOptions(\n    searchValue: string,\n    originalOptionItems: any[],\n    data: any[], \n    renderItemFunction: (item: any) => string,\n    getSearchText?: (item: any) => string\n  ): { filteredItems: any[], showNoResults: boolean } {\n    if (originalOptionItems.length === 0 && data.length > 0) {\n      return {\n        filteredItems: [...data],\n        showNoResults: false\n      };\n    }\n\n    if (!originalOptionItems || originalOptionItems.length === 0) {\n      return {\n        filteredItems: [],\n        showNoResults: true\n      };\n    }\n\n    if (!searchValue || searchValue.trim() === '') {\n      return {\n        filteredItems: [...originalOptionItems],\n        showNoResults: false\n      };\n    }\n\n    const lowerCaseSearchValue = searchValue.toLowerCase();\n    const searchTextFn = getSearchText || renderItemFunction;\n    const filteredItems = originalOptionItems.filter((item: any) => {\n      const itemValue = searchTextFn(item);\n      const lowerCaseItemValue = itemValue.toLowerCase();\n      return lowerCaseItemValue.includes(lowerCaseSearchValue);\n    });\n\n    return {\n      filteredItems,\n      showNoResults: filteredItems.length === 0\n    };\n  }\n} \n"]}

package/dist/src/nile-virtual-select-disabled/selection-manager.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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 { VirtualOption } from './types.js';
+export declare class VirtualSelectSelectionManager {
+    static createVirtualOptionsFromValues(value: string | string[], data: any[], getDisplayText: (item: any) => string, getItemValue?: (item: any) => string): VirtualOption[];
+    static updateDisplayLabel(selectedOptions: VirtualOption[], placeholder: string, multiple: boolean, value: string | string[]): string;
+    static updateValue(selectedOptions: VirtualOption[], multiple: boolean): string | string[];
+}

package/dist/src/nile-virtual-select-disabled/selection-manager.js

@@ -0,0 +1,64 @@
+/**
+ * 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.
+ */
+export class VirtualSelectSelectionManager {
+    static createVirtualOptionsFromValues(value, data, getDisplayText, getItemValue) {
+        if (!value || (Array.isArray(value) && value.length === 0)) {
+            return [];
+        }
+        const values = Array.isArray(value) ? value : [value];
+        return values.map(valueItem => {
+            // Use enhanced functions if available, otherwise fallback to basic logic
+            const displayTextFn = getDisplayText;
+            const valueFn = getItemValue || ((item) => item?.value || item);
+            const item = data.find((item) => {
+                const itemValue = valueFn(item);
+                const itemDisplayText = displayTextFn(item);
+                return String(itemValue) === String(valueItem) || String(itemDisplayText) === String(valueItem);
+            });
+            const displayText = item ? displayTextFn(item) : valueItem;
+            return {
+                value: valueItem,
+                selected: true,
+                getTextLabel: () => {
+                    // If displayText contains HTML, strip tags
+                    if (typeof displayText === 'string' && /<[^>]+>/.test(displayText)) {
+                        const div = document.createElement('div');
+                        div.innerHTML = displayText;
+                        return div.textContent || div.innerText || '';
+                    }
+                    return displayText;
+                },
+                getOptionPrefix: () => '',
+            };
+        });
+    }
+    static updateDisplayLabel(selectedOptions, placeholder, multiple, value) {
+        if (multiple) {
+            if (placeholder && selectedOptions.length === 0) {
+                return '';
+            }
+            else {
+                return selectedOptions.length + ' selected';
+            }
+        }
+        else {
+            const currentValue = Array.isArray(value) ? value[0] : value;
+            return selectedOptions[0]?.getTextLabel()
+                ? selectedOptions[0].getTextLabel()
+                : currentValue ?? '';
+        }
+    }
+    static updateValue(selectedOptions, multiple) {
+        if (multiple) {
+            return selectedOptions.map(el => el.value);
+        }
+        else {
+            return selectedOptions[0]?.value ?? '';
+        }
+    }
+}
+//# sourceMappingURL=selection-manager.js.map

package/dist/src/nile-virtual-select-disabled/selection-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-manager.js","sourceRoot":"","sources":["../../../src/nile-virtual-select-disabled/selection-manager.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 type { VirtualOption } from './types.js';\n\nexport class VirtualSelectSelectionManager {\n  static createVirtualOptionsFromValues(\n    value: string | string[], \n    data: any[], \n    getDisplayText: (item: any) => string,\n    getItemValue?: (item: any) => string\n  ): VirtualOption[] {\n    if (!value || (Array.isArray(value) && value.length === 0)) {\n      return [];\n    }\n\n    const values = Array.isArray(value) ? value : [value];\n    \n    return values.map(valueItem => {\n      // Use enhanced functions if available, otherwise fallback to basic logic\n      const displayTextFn = getDisplayText;\n      const valueFn = getItemValue || ((item: any) => item?.value || item);\n      \n      const item = data.find((item: any) => {\n        const itemValue = valueFn(item);\n        const itemDisplayText = displayTextFn(item);\n        return String(itemValue) === String(valueItem) || String(itemDisplayText) === String(valueItem);\n      });\n      \n      const displayText = item ? displayTextFn(item) : valueItem;\n      \n      return {\n        value: valueItem,\n        selected: true,\n        getTextLabel: () => {\n          // If displayText contains HTML, strip tags\n          if (typeof displayText === 'string' && /<[^>]+>/.test(displayText)) {\n            const div = document.createElement('div');\n            div.innerHTML = displayText;\n            return div.textContent || div.innerText || '';\n          }\n          return displayText;\n        },\n        getOptionPrefix: () => '',\n      };\n    });\n  }\n\n  static updateDisplayLabel(selectedOptions: VirtualOption[], placeholder: string, multiple: boolean, value: string | string[]): string {\n    if (multiple) {\n      if (placeholder && selectedOptions.length === 0) {\n        return '';\n      } else {\n        return selectedOptions.length + ' selected';\n      }\n    } else {\n      const currentValue = Array.isArray(value) ? value[0] : value;\n      return selectedOptions[0]?.getTextLabel()\n        ? selectedOptions[0].getTextLabel()\n        : currentValue ?? '';\n    }\n  }\n\n  static updateValue(selectedOptions: VirtualOption[], multiple: boolean): string | string[] {\n    if (multiple) {\n      return selectedOptions.map(el => el.value);\n    } else {\n      return selectedOptions[0]?.value ?? '';\n    }\n  }\n} \n"]}

package/dist/src/nile-virtual-select-disabled/types.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.
+ */
+export type NileRemoveEvent = CustomEvent<Record<PropertyKey, never>>;
+export interface VirtualOption {
+    value: string;
+    selected: boolean;
+    getTextLabel: () => string;
+    getOptionPrefix: () => string;
+}
+export interface RenderItemConfig {
+    getDisplayText: (item: any) => string;
+    getValue?: (item: any) => string;
+    getSearchText?: (item: any) => string;
+}
+export interface VirtualSelectProperties {
+    name: string;
+    data: any[];
+    value: string | string[];
+    size: 'small' | 'medium' | 'large';
+    placeholder: string;
+    searchEnabled: boolean;
+    internalSearchPlaceHolder: string;
+    disableLocalSearch: boolean;
+    optionsLoading: boolean;
+    multiple: boolean;
+    helpText: string;
+    errorMessage: string;
+    warning: boolean;
+    error: boolean;
+    success: boolean;
+    disabled: boolean;
+    clearable: boolean;
+    open: boolean;
+    hoist: boolean;
+    filled: boolean;
+    pill: boolean;
+    label: string;
+    placement: 'top' | 'bottom';
+    form: string;
+    required: boolean;
+    showNoResults: boolean;
+    noResultsMessage: string;
+    renderItemConfig?: RenderItemConfig;
+    blockValueChange: boolean;
+    noWidthSync: boolean;
+}

package/dist/src/nile-virtual-select-disabled/types.js

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/nile-virtual-select-disabled/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nile-virtual-select-disabled/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG","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\nexport type NileRemoveEvent = CustomEvent<Record<PropertyKey, never>>;\n\nexport interface VirtualOption {\n  value: string;\n  selected: boolean;\n  getTextLabel: () => string;\n  getOptionPrefix: () => string;\n}\n\nexport interface RenderItemConfig {\n  getDisplayText: (item: any) => string;\n  getValue?: (item: any) => string;\n  getSearchText?: (item: any) => string;\n}\n\nexport interface VirtualSelectProperties {\n  name: string;\n  data: any[];\n  value: string | string[];\n  size: 'small' | 'medium' | 'large';\n  placeholder: string;\n  searchEnabled: boolean;\n  internalSearchPlaceHolder: string;\n  disableLocalSearch: boolean;\n  optionsLoading: boolean;\n  multiple: boolean;\n  helpText: string;\n  errorMessage: string;\n  warning: boolean;\n  error: boolean;\n  success: boolean;\n  disabled: boolean;\n  clearable: boolean;\n  open: boolean;\n  hoist: boolean;\n  filled: boolean;\n  pill: boolean;\n  label: string;\n  placement: 'top' | 'bottom';\n  form: string;\n  required: boolean;\n  showNoResults: boolean;\n  noResultsMessage: string;\n  renderItemConfig?: RenderItemConfig;\n  blockValueChange: boolean;\n  noWidthSync: boolean;\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":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,KAAK,CAAC;AACb,OAAO,EACL,aAAa,EACb,KAAK,EACL,KAAK,EACL,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;;;;GAKG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,WAAW;IAA9C;QACL;;;WAGG;;QAGS,SAAI,GAA4B,SAAS,CAAC;QAEtD;;;;WAIG;QACwB,SAAI,GAAU,EAAE,CAAC;QAE3B,cAAS,GAAU,EAAE,CAAC;QACtB,qBAAgB,GAAU,EAAE,CAAC;QAG7B,wBAAmB,GAAG,KAAK,CAAC;QAiF7C,gBAAgB;IAClB,CAAC;IAhFQ,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAES,YAAY,CAAC,kBAAkC;QACvD,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAC7E,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAEb,WAAW,CAAC,KAAU,EAAE,OAAe;QAC7C,OAAO,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAEO,aAAa,CAAC,YAAoB;QACxC,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACrD,CAAC;IAEO,wBAAwB;QAC9B,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,gBAAgB,CAAC,CAAM;QACrB,6DAA6D;QAC7D,2CAA2C;QAC3C,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAClC,CAAC;IAEO,UAAU,CAAC,CAAM;QACvB,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACnD,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC1D,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,KAAK,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,KAAK,EAAE;SACjD,CAAC,CAAC;IACL,CAAC;IAEO,YAAY,CAAC,CAAM;QACzB,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAClC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC7B,KAAK,EAAE,IAAI,CAAC,aAAa;YACzB,KAAK,EAAE,UAAU;SAClB,CAAC,CAAC;IACL,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;;;;;uBAKQ,IAAI,CAAC,mBAAmB;6BAClB,IAAI,CAAC,UAAU;yBACnB,IAAI,CAAC,YAAY;;;0BAGhB,IAAI,CAAC,gBAAgB;;;YAGnC,IAAI,CAAC,qBAAqB,EAAE;;;KAGnC,CAAC;IACJ,CAAC;IAEO,qBAAqB;QAC3B,OAAO,wBAAwB,CAAC,qBAAqB,CACnD,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,mBAAmB,CACzB,CAAC;IACJ,CAAC;IAGD,gBAAgB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;CAGF,CAAA;AAhGgB;IAAd,KAAK,CAAC,MAAM,CAAC;yDAA8B;AAChC;IAAX,QAAQ,EAAE;kDAA2C;AAO3B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;kDAAkB;AAE3B;IAAhB,KAAK,EAAE;uDAA+B;AACtB;IAAhB,KAAK,EAAE;8DAAsC;AAC7B;IAAhB,KAAK,EAAE;yDAA6B;AACpB;IAAhB,KAAK,EAAE;2DAA+B;AACtB;IAAhB,KAAK,EAAE;iEAAqC;AA6E7C;IADC,KAAK,CAAC,MAAM,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;4DAG7C;AAnGU,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAsGhC;;AAED,eAAe,oBAAoB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\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