@aquera/nile-elements 0.1.74-beta-1.0 → 0.1.75-beta-1.2

package/dist/src/internal/resizable-styles.js

@@ -0,0 +1,144 @@
+/**
+ * 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';
+/**
+ * Resizable Styles Utility
+ * Centralized styles for resizable table functionality
+ */
+export const resizableHostStyles = css `
+  /* Resizable-specific host styles */
+  :host([resizable]) {
+    position: relative;
+    overflow: hidden;
+    table-layout: fixed;
+  }
+`;
+export const resizableHeaderStyles = css `
+  /* Resizable-specific header styles */
+  :host([resizable]) {
+    position: relative;
+    border-right: 1px solid var(--nile-colors-neutral-400);
+  }
+
+  /* Resizable-specific wrapper styles */
+  :host([resizable]) .header__item__wrapper {
+    position: relative;
+  }
+`;
+export const resizerStyles = css `
+  /* Resizer styles - only apply when resizable */
+  .resizer {
+    position: absolute;
+    right: 0;
+    top: -1000px;
+    bottom: -1000px;
+    width: 8px;
+    cursor: col-resize;
+    user-select: none;
+    background-color: var(--nile-colors-neutral-100);
+    transition: background-color 0.2s;
+    z-index: 10;
+    opacity: 0;
+    transition: opacity 0.2s ease;
+    pointer-events: none;
+  }
+
+  :host([resizable]):hover .resizer {
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  .resizer::before {
+    content: '';
+    position: absolute;
+    right: 3px;
+    top: 0;
+    width: 2px;
+    height: 100%;
+    background-color: var(--nile-colors-neutral-500);
+    opacity: 0.8;
+  }
+
+  .resizer:hover {
+    background-color: var(--nile-colors-neutral-400);
+  }
+
+  .resizer:hover::before {
+    background-color: var(--nile-colors-neutral-700);
+    opacity: 1;
+  }
+
+  .resizer.resizing {
+    background-color: var(--nile-colors-neutral-400);
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  .resizer.resizing::before {
+    background-color: var(--nile-colors-neutral-700);
+    opacity: 1;
+    width: 3px;
+  }
+`;
+export const headerResizerStyles = css `
+  /* Header resizer styles */
+  .resizer {
+    position: absolute;
+    right: -2px;
+    top: -1000px;
+    bottom: -1000px;
+    width: 8px;
+    cursor: ew-resize;
+    user-select: none;
+    transition: background-color 0.2s;
+    z-index: 10;
+    opacity: 0;
+    transition: opacity 0.2s ease;
+  }
+
+  :host([resizable]):hover .resizer {
+    opacity: 1;
+  }
+
+  .resizer::before {
+    content: '';
+    position: absolute;
+    height: 100%;
+    opacity: 0.8;
+  }
+
+  .resizer.resizing {
+    border-right: 4px double var(--nile-colors-neutral-400);
+    background-color: transparent;
+    opacity: 1;
+  }
+`;
+export const resizableSlotStyles = css `
+  /* Slot styles for resizable mode */
+  :host([resizable]) ::slotted(*) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+  }
+
+  :host([resizable]) ::slotted(span),
+  :host([resizable]) ::slotted(div),
+  :host([resizable]) ::slotted(p) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    display: block;
+  }
+`;
+export const tableLayoutStyles = css `
+  /* Apply fixed table layout only when resizable columns are present */
+  .nile__table__body[resizable] {
+    table-layout: fixed;
+  }
+`;
+//# sourceMappingURL=resizable-styles.js.map

package/dist/src/internal/resizable-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-styles.js","sourceRoot":"","sources":["../../../src/internal/resizable-styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;GAGG;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;CAOrC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;CAWvC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD/B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCrC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBrC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;CAKnC,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 * Resizable Styles Utility\n * Centralized styles for resizable table functionality\n */\n\nexport const resizableHostStyles = css`\n  /* Resizable-specific host styles */\n  :host([resizable]) {\n    position: relative;\n    overflow: hidden;\n    table-layout: fixed;\n  }\n`;\n\nexport const resizableHeaderStyles = css`\n  /* Resizable-specific header styles */\n  :host([resizable]) {\n    position: relative;\n    border-right: 1px solid var(--nile-colors-neutral-400);\n  }\n\n  /* Resizable-specific wrapper styles */\n  :host([resizable]) .header__item__wrapper {\n    position: relative;\n  }\n`;\n\nexport const resizerStyles = css`\n  /* Resizer styles - only apply when resizable */\n  .resizer {\n    position: absolute;\n    right: 0;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: col-resize;\n    user-select: none;\n    background-color: var(--nile-colors-neutral-100);\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    pointer-events: none;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    right: 3px;\n    top: 0;\n    width: 2px;\n    height: 100%;\n    background-color: var(--nile-colors-neutral-500);\n    opacity: 0.8;\n  }\n\n  .resizer:hover {\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .resizer:hover::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n  }\n\n  .resizer.resizing {\n    background-color: var(--nile-colors-neutral-400);\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .resizer.resizing::before {\n    background-color: var(--nile-colors-neutral-700);\n    opacity: 1;\n    width: 3px;\n  }\n`;\n\nexport const headerResizerStyles = css`\n  /* Header resizer styles */\n  .resizer {\n    position: absolute;\n    right: -2px;\n    top: -1000px;\n    bottom: -1000px;\n    width: 8px;\n    cursor: ew-resize;\n    user-select: none;\n    transition: background-color 0.2s;\n    z-index: 10;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  :host([resizable]):hover .resizer {\n    opacity: 1;\n  }\n\n  .resizer::before {\n    content: '';\n    position: absolute;\n    height: 100%;\n    opacity: 0.8;\n  }\n\n  .resizer.resizing {\n    border-right: 4px double var(--nile-colors-neutral-400);\n    background-color: transparent;\n    opacity: 1;\n  }\n`;\n\nexport const resizableSlotStyles = css`\n  /* Slot styles for resizable mode */\n  :host([resizable]) ::slotted(*) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n\n  :host([resizable]) ::slotted(span),\n  :host([resizable]) ::slotted(div),\n  :host([resizable]) ::slotted(p) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: block;\n  }\n`;\n\nexport const tableLayoutStyles = css`\n  /* Apply fixed table layout only when resizable columns are present */\n  .nile__table__body[resizable] {\n    table-layout: fixed;\n  }\n`; \n"]}

package/dist/src/internal/virtualizer-error-handler.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 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.
+ */
+/**
+ * Error handler specifically for virtualizer DOM manipulation errors
+ * Catches and ignores common virtualizer errors that occur during rapid updates
+ */
+export declare class VirtualizerErrorHandler {
+    private static isSetup;
+    private static originalConsoleError;
+    /**
+     * Sets up global error handling for virtualizer errors
+     * This should be called once during application initialization
+     */
+    static setup(): void;
+    /**
+     * Restores original error handling
+     */
+    static teardown(): void;
+    /**
+     * Checks if an error is a virtualizer DOM manipulation error that should be ignored
+     */
+    static isVirtualizerError(error: any): boolean;
+    private static setupConsoleErrorHandler;
+    private static setupUnhandledErrorHandler;
+    private static setupUnhandledRejectionHandler;
+}

package/dist/src/internal/virtualizer-error-handler.js

@@ -0,0 +1,82 @@
+/**
+ * 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.
+ */
+/**
+ * Error handler specifically for virtualizer DOM manipulation errors
+ * Catches and ignores common virtualizer errors that occur during rapid updates
+ */
+export class VirtualizerErrorHandler {
+    /**
+     * Sets up global error handling for virtualizer errors
+     * This should be called once during application initialization
+     */
+    static setup() {
+        if (this.isSetup) {
+            return;
+        }
+        this.originalConsoleError = console.error;
+        this.setupConsoleErrorHandler();
+        this.setupUnhandledErrorHandler();
+        this.setupUnhandledRejectionHandler();
+        this.isSetup = true;
+    }
+    /**
+     * Restores original error handling
+     */
+    static teardown() {
+        if (!this.isSetup) {
+            return;
+        }
+        if (this.originalConsoleError) {
+            console.error = this.originalConsoleError;
+        }
+        this.isSetup = false;
+    }
+    /**
+     * Checks if an error is a virtualizer DOM manipulation error that should be ignored
+     */
+    static isVirtualizerError(error) {
+        const errorMessage = error?.message || error?.toString() || '';
+        return (errorMessage.includes('Cannot read properties of null (reading \'insertBefore\')') ||
+            errorMessage.includes('directive-helpers.ts:132') ||
+            errorMessage.includes('repeat.ts:416') ||
+            errorMessage.includes('virtualize.ts:139') ||
+            errorMessage.includes('Virtualizer.ts:816') ||
+            errorMessage.includes('Virtualizer.ts:546') ||
+            errorMessage.includes('Virtualizer.ts:617'));
+    }
+    static setupConsoleErrorHandler() {
+        console.error = (...args) => {
+            const errorMessage = args[0]?.toString() || '';
+            if (this.isVirtualizerError(errorMessage)) {
+                console.warn('Virtualizer DOM error caught and ignored:', ...args);
+                return;
+            }
+            // For all other errors, use the original console.error
+            this.originalConsoleError.apply(console, args);
+        };
+    }
+    static setupUnhandledErrorHandler() {
+        window.addEventListener('error', (event) => {
+            if (this.isVirtualizerError(event.error)) {
+                console.warn('Unhandled virtualizer error caught and ignored:', event.error);
+                event.preventDefault();
+                return false;
+            }
+        });
+    }
+    static setupUnhandledRejectionHandler() {
+        window.addEventListener('unhandledrejection', (event) => {
+            if (this.isVirtualizerError(event.reason)) {
+                console.warn('Unhandled virtualizer promise rejection caught and ignored:', event.reason);
+                event.preventDefault();
+                return false;
+            }
+        });
+    }
+}
+VirtualizerErrorHandler.isSetup = false;
+//# sourceMappingURL=virtualizer-error-handler.js.map

package/dist/src/internal/virtualizer-error-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualizer-error-handler.js","sourceRoot":"","sources":["../../../src/internal/virtualizer-error-handler.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;GAGG;AACH,MAAM,OAAO,uBAAuB;IAIlC;;;OAGG;IACH,MAAM,CAAC,KAAK;QACV,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC,KAAK,CAAC;QAC1C,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAClC,IAAI,CAAC,8BAA8B,EAAE,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,QAAQ;QACb,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC9B,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC;QAC5C,CAAC;QACD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,kBAAkB,CAAC,KAAU;QAClC,MAAM,YAAY,GAAG,KAAK,EAAE,OAAO,IAAI,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC/D,OAAO,CACL,YAAY,CAAC,QAAQ,CAAC,2DAA2D,CAAC;YAClF,YAAY,CAAC,QAAQ,CAAC,0BAA0B,CAAC;YACjD,YAAY,CAAC,QAAQ,CAAC,eAAe,CAAC;YACtC,YAAY,CAAC,QAAQ,CAAC,mBAAmB,CAAC;YAC1C,YAAY,CAAC,QAAQ,CAAC,oBAAoB,CAAC;YAC3C,YAAY,CAAC,QAAQ,CAAC,oBAAoB,CAAC;YAC3C,YAAY,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAC5C,CAAC;IACJ,CAAC;IAEO,MAAM,CAAC,wBAAwB;QACrC,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE;YACjC,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAE/C,IAAI,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC1C,OAAO,CAAC,IAAI,CAAC,2CAA2C,EAAE,GAAG,IAAI,CAAC,CAAC;gBACnE,OAAO;YACT,CAAC;YAED,uDAAuD;YACvD,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC;IAEO,MAAM,CAAC,0BAA0B;QACvC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzC,OAAO,CAAC,IAAI,CAAC,iDAAiD,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC7E,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,MAAM,CAAC,8BAA8B;QAC3C,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,CAAC,KAAK,EAAE,EAAE;YACtD,IAAI,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1C,OAAO,CAAC,IAAI,CAAC,6DAA6D,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;gBAC1F,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,KAAK,CAAC;YACf,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AAjFc,+BAAO,GAAG,KAAK,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\n/**\n * Error handler specifically for virtualizer DOM manipulation errors\n * Catches and ignores common virtualizer errors that occur during rapid updates\n */\nexport class VirtualizerErrorHandler {\n  private static isSetup = false;\n  private static originalConsoleError: typeof console.error;\n\n  /**\n   * Sets up global error handling for virtualizer errors\n   * This should be called once during application initialization\n   */\n  static setup(): void {\n    if (this.isSetup) {\n      return;\n    }\n\n    this.originalConsoleError = console.error;\n    this.setupConsoleErrorHandler();\n    this.setupUnhandledErrorHandler();\n    this.setupUnhandledRejectionHandler();\n    this.isSetup = true;\n  }\n\n  /**\n   * Restores original error handling\n   */\n  static teardown(): void {\n    if (!this.isSetup) {\n      return;\n    }\n\n    if (this.originalConsoleError) {\n      console.error = this.originalConsoleError;\n    }\n    this.isSetup = false;\n  }\n\n  /**\n   * Checks if an error is a virtualizer DOM manipulation error that should be ignored\n   */\n  static isVirtualizerError(error: any): boolean {\n    const errorMessage = error?.message || error?.toString() || '';\n    return (\n      errorMessage.includes('Cannot read properties of null (reading \\'insertBefore\\')') ||\n      errorMessage.includes('directive-helpers.ts:132') ||\n      errorMessage.includes('repeat.ts:416') ||\n      errorMessage.includes('virtualize.ts:139') ||\n      errorMessage.includes('Virtualizer.ts:816') ||\n      errorMessage.includes('Virtualizer.ts:546') ||\n      errorMessage.includes('Virtualizer.ts:617')\n    );\n  }\n\n  private static setupConsoleErrorHandler(): void {\n    console.error = (...args: any[]) => {\n      const errorMessage = args[0]?.toString() || '';\n      \n      if (this.isVirtualizerError(errorMessage)) {\n        console.warn('Virtualizer DOM error caught and ignored:', ...args);\n        return;\n      }\n      \n      // For all other errors, use the original console.error\n      this.originalConsoleError.apply(console, args);\n    };\n  }\n\n  private static setupUnhandledErrorHandler(): void {\n    window.addEventListener('error', (event) => {\n      if (this.isVirtualizerError(event.error)) {\n        console.warn('Unhandled virtualizer error caught and ignored:', event.error);\n        event.preventDefault();\n        return false;\n      }\n    });\n  }\n\n  private static setupUnhandledRejectionHandler(): void {\n    window.addEventListener('unhandledrejection', (event) => {\n      if (this.isVirtualizerError(event.reason)) {\n        console.warn('Unhandled virtualizer promise rejection caught and ignored:', event.reason);\n        event.preventDefault();\n        return false;\n      }\n    });\n  }\n}\n"]}

package/dist/src/lib/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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 { virtualize, createVirtualizer, type VirtualizeOptions } from './virtualize.js';

package/dist/src/lib/index.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 { virtualize, createVirtualizer } from './virtualize.js';
+//# sourceMappingURL=index.js.map

package/dist/src/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAA0B,MAAM,iBAAiB,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\nexport { virtualize, createVirtualizer, type VirtualizeOptions } from './virtualize.js';\n"]}

package/dist/src/lib/virtualize.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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 interface VirtualizeOptions {
+    items: any[];
+    renderItem: (item: any, index: number) => TemplateResult;
+    scroller?: boolean;
+    itemHeight?: number;
+    containerHeight?: number;
+    overscan?: number;
+}
+/**
+ * Custom virtualize function that mimics the @lit-labs/virtualizer API
+ * but uses our own implementation for better control and customization
+ */
+export declare function virtualize(options: VirtualizeOptions): TemplateResult;
+/**
+ * Enhanced virtualize function with better performance and scroll handling
+ */
+export declare function createVirtualizer(options: VirtualizeOptions): {
+    handleScroll: (e: Event) => void;
+    getVisibleRange: () => {
+        start: number;
+        end: number;
+    };
+    getTotalHeight: () => number;
+    scrollToItem: (index: number, container: HTMLElement) => void;
+};

package/dist/src/lib/virtualize.js

@@ -0,0 +1,105 @@
+/**
+ * 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';
+/**
+ * Custom virtualize function that mimics the @lit-labs/virtualizer API
+ * but uses our own implementation for better control and customization
+ */
+export function virtualize(options) {
+    const { items = [], renderItem, scroller = true, itemHeight = 40, containerHeight = 300, overscan = 5 } = options;
+    // If no items, return empty template
+    if (!items.length) {
+        return html ``;
+    }
+    // For small datasets, render all items without virtualization
+    if (items.length < 10) {
+        return html `
+      ${items.map((item, index) => renderItem(item, index))}
+    `;
+    }
+    // Create a unique ID for this virtualizer instance
+    const virtualizerId = `virtualizer-${Math.random().toString(36).substr(2, 9)}`;
+    return html `
+    <div 
+      id="${virtualizerId}"
+      class="custom-virtualizer"
+      style="
+        height: ${containerHeight}px; 
+        overflow-y: auto; 
+        position: relative;
+        contain: layout style paint;
+      "
+      @scroll=${(e) => {
+        const container = e.target;
+        const scrollTop = container.scrollTop;
+        // Calculate visible range
+        const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
+        const end = Math.min(start + Math.ceil(containerHeight / itemHeight) + (overscan * 2), items.length);
+        // Update the virtualized content
+        updateVirtualizedContent(container, items, renderItem, start, end, itemHeight);
+    }}
+    >
+      ${(() => {
+        // Initial render - show first visible items
+        const start = 0;
+        const end = Math.min(Math.ceil(containerHeight / itemHeight) + (overscan * 2), items.length);
+        return html `
+          ${updateVirtualizedContent(null, items, renderItem, start, end, itemHeight)}
+        `;
+    })()}
+    </div>
+  `;
+}
+/**
+ * Update the virtualized content based on scroll position
+ */
+function updateVirtualizedContent(container, items, renderItem, start, end, itemHeight) {
+    const visibleItems = items.slice(start, end);
+    const spacerBefore = start * itemHeight;
+    const spacerAfter = (items.length - end) * itemHeight;
+    return html `
+    ${spacerBefore > 0 ? html `<div style="height: ${spacerBefore}px; flex-shrink: 0;"></div>` : ''}
+    ${visibleItems.map((item, index) => html `<div style="height: ${itemHeight}px; flex-shrink: 0;">${renderItem(item, start + index)}</div>`)}
+    ${spacerAfter > 0 ? html `<div style="height: ${spacerAfter}px; flex-shrink: 0;"></div>` : ''}
+  `;
+}
+/**
+ * Enhanced virtualize function with better performance and scroll handling
+ */
+export function createVirtualizer(options) {
+    const { items = [], renderItem, scroller = true, itemHeight = 40, containerHeight = 300, overscan = 5 } = options;
+    let scrollTop = 0;
+    let isScrolling = false;
+    let scrollTimeout;
+    const handleScroll = (e) => {
+        const container = e.target;
+        scrollTop = container.scrollTop;
+        isScrolling = true;
+        // Debounce scroll end detection
+        if (scrollTimeout) {
+            clearTimeout(scrollTimeout);
+        }
+        scrollTimeout = setTimeout(() => {
+            isScrolling = false;
+        }, 150);
+    };
+    return {
+        handleScroll,
+        getVisibleRange: () => {
+            const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);
+            const end = Math.min(start + Math.ceil(containerHeight / itemHeight) + (overscan * 2), items.length);
+            return { start, end };
+        },
+        getTotalHeight: () => items.length * itemHeight,
+        scrollToItem: (index, container) => {
+            const scrollPosition = index * itemHeight;
+            container.scrollTop = scrollPosition;
+            scrollTop = scrollPosition;
+        }
+    };
+}
+//# sourceMappingURL=virtualize.js.map

package/dist/src/lib/virtualize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualize.js","sourceRoot":"","sources":["../../../src/lib/virtualize.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, render } from 'lit';\n\nexport interface VirtualizeOptions {\n  items: any[];\n  renderItem: (item: any, index: number) => TemplateResult;\n  scroller?: boolean;\n  itemHeight?: number;\n  containerHeight?: number;\n  overscan?: number;\n}\n\n/**\n * Custom virtualize function that mimics the @lit-labs/virtualizer API\n * but uses our own implementation for better control and customization\n */\nexport function virtualize(options: VirtualizeOptions): TemplateResult {\n  const {\n    items = [],\n    renderItem,\n    scroller = true,\n    itemHeight = 40,\n    containerHeight = 300,\n    overscan = 5\n  } = options;\n\n  // If no items, return empty template\n  if (!items.length) {\n    return html``;\n  }\n\n  // For small datasets, render all items without virtualization\n  if (items.length < 10) {\n    return html`\n      ${items.map((item, index) => renderItem(item, index))}\n    `;\n  }\n\n  // Create a unique ID for this virtualizer instance\n  const virtualizerId = `virtualizer-${Math.random().toString(36).substr(2, 9)}`;\n  \n  return html`\n    <div \n      id=\"${virtualizerId}\"\n      class=\"custom-virtualizer\"\n      style=\"\n        height: ${containerHeight}px; \n        overflow-y: auto; \n        position: relative;\n        contain: layout style paint;\n      \"\n      @scroll=${(e: Event) => {\n        const container = e.target as HTMLElement;\n        const scrollTop = container.scrollTop;\n        \n        // Calculate visible range\n        const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);\n        const end = Math.min(\n          start + Math.ceil(containerHeight / itemHeight) + (overscan * 2),\n          items.length\n        );\n        \n        // Update the virtualized content\n        updateVirtualizedContent(container, items, renderItem, start, end, itemHeight);\n      }}\n    >\n      ${(() => {\n        // Initial render - show first visible items\n        const start = 0;\n        const end = Math.min(\n          Math.ceil(containerHeight / itemHeight) + (overscan * 2),\n          items.length\n        );\n        \n        return html`\n          ${updateVirtualizedContent(null, items, renderItem, start, end, itemHeight)}\n        `;\n      })()}\n    </div>\n  `;\n}\n\n/**\n * Update the virtualized content based on scroll position\n */\nfunction updateVirtualizedContent(\n  container: HTMLElement | null,\n  items: any[],\n  renderItem: (item: any, index: number) => TemplateResult,\n  start: number,\n  end: number,\n  itemHeight: number\n): TemplateResult {\n  const visibleItems = items.slice(start, end);\n  const spacerBefore = start * itemHeight;\n  const spacerAfter = (items.length - end) * itemHeight;\n  \n  return html`\n    ${spacerBefore > 0 ? html`<div style=\"height: ${spacerBefore}px; flex-shrink: 0;\"></div>` : ''}\n    ${visibleItems.map((item, index) => \n      html`<div style=\"height: ${itemHeight}px; flex-shrink: 0;\">${renderItem(item, start + index)}</div>`\n    )}\n    ${spacerAfter > 0 ? html`<div style=\"height: ${spacerAfter}px; flex-shrink: 0;\"></div>` : ''}\n  `;\n}\n\n/**\n * Enhanced virtualize function with better performance and scroll handling\n */\nexport function createVirtualizer(options: VirtualizeOptions) {\n  const {\n    items = [],\n    renderItem,\n    scroller = true,\n    itemHeight = 40,\n    containerHeight = 300,\n    overscan = 5\n  } = options;\n\n  let scrollTop = 0;\n  let isScrolling = false;\n  let scrollTimeout: ReturnType<typeof setTimeout> | undefined;\n\n  const handleScroll = (e: Event) => {\n    const container = e.target as HTMLElement;\n    scrollTop = container.scrollTop;\n    isScrolling = true;\n\n    // Debounce scroll end detection\n    if (scrollTimeout) {\n      clearTimeout(scrollTimeout);\n    }\n    \n    scrollTimeout = setTimeout(() => {\n      isScrolling = false;\n    }, 150);\n  };\n\n  return {\n    handleScroll,\n    getVisibleRange: () => {\n      const start = Math.max(0, Math.floor(scrollTop / itemHeight) - overscan);\n      const end = Math.min(\n        start + Math.ceil(containerHeight / itemHeight) + (overscan * 2),\n        items.length\n      );\n      return { start, end };\n    },\n    getTotalHeight: () => items.length * itemHeight,\n    scrollToItem: (index: number, container: HTMLElement) => {\n      const scrollPosition = index * itemHeight;\n      container.scrollTop = scrollPosition;\n      scrollTop = scrollPosition;\n    }\n  };\n}\n"]}

package/dist/src/lib/virtualize.test.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 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 {};

package/dist/src/lib/virtualize.test.js

@@ -0,0 +1,57 @@
+/**
+ * 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 { expect } from '@open-wc/testing';
+import { html } from 'lit';
+import { virtualize } from './virtualize.js';
+describe('Custom Virtualize', () => {
+    it('should render empty template for empty items array', () => {
+        const result = virtualize({
+            items: [],
+            renderItem: () => html `<div>test</div>`
+        });
+        expect(result).to.exist;
+    });
+    it('should render all items for small datasets without virtualization', () => {
+        const items = Array.from({ length: 5 }, (_, i) => ({ id: i, name: `Item ${i}` }));
+        const result = virtualize({
+            items,
+            renderItem: (item) => html `<div>${item.name}</div>`
+        });
+        expect(result).to.exist;
+    });
+    it('should use virtualization for large datasets', () => {
+        const items = Array.from({ length: 100 }, (_, i) => ({ id: i, name: `Item ${i}` }));
+        const result = virtualize({
+            items,
+            renderItem: (item) => html `<div>${item.name}</div>`,
+            itemHeight: 40,
+            containerHeight: 300
+        });
+        expect(result).to.exist;
+    });
+    it('should accept scroller option', () => {
+        const items = Array.from({ length: 50 }, (_, i) => ({ id: i, name: `Item ${i}` }));
+        const result = virtualize({
+            items,
+            renderItem: (item) => html `<div>${item.name}</div>`,
+            scroller: true
+        });
+        expect(result).to.exist;
+    });
+    it('should accept custom itemHeight and containerHeight', () => {
+        const items = Array.from({ length: 50 }, (_, i) => ({ id: i, name: `Item ${i}` }));
+        const result = virtualize({
+            items,
+            renderItem: (item) => html `<div>${item.name}</div>`,
+            itemHeight: 60,
+            containerHeight: 400,
+            overscan: 10
+        });
+        expect(result).to.exist;
+    });
+});
+//# sourceMappingURL=virtualize.test.js.map

package/dist/src/lib/virtualize.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualize.test.js","sourceRoot":"","sources":["../../../src/lib/virtualize.test.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 { expect } from '@open-wc/testing';\nimport { html } from 'lit';\nimport { virtualize } from './virtualize.js';\n\ndescribe('Custom Virtualize', () => {\n  it('should render empty template for empty items array', () => {\n    const result = virtualize({\n      items: [],\n      renderItem: () => html`<div>test</div>`\n    });\n    \n    expect(result).to.exist;\n  });\n\n  it('should render all items for small datasets without virtualization', () => {\n    const items = Array.from({ length: 5 }, (_, i) => ({ id: i, name: `Item ${i}` }));\n    \n    const result = virtualize({\n      items,\n      renderItem: (item) => html`<div>${item.name}</div>`\n    });\n    \n    expect(result).to.exist;\n  });\n\n  it('should use virtualization for large datasets', () => {\n    const items = Array.from({ length: 100 }, (_, i) => ({ id: i, name: `Item ${i}` }));\n    \n    const result = virtualize({\n      items,\n      renderItem: (item) => html`<div>${item.name}</div>`,\n      itemHeight: 40,\n      containerHeight: 300\n    });\n    \n    expect(result).to.exist;\n  });\n\n  it('should accept scroller option', () => {\n    const items = Array.from({ length: 50 }, (_, i) => ({ id: i, name: `Item ${i}` }));\n    \n    const result = virtualize({\n      items,\n      renderItem: (item) => html`<div>${item.name}</div>`,\n      scroller: true\n    });\n    \n    expect(result).to.exist;\n  });\n\n  it('should accept custom itemHeight and containerHeight', () => {\n    const items = Array.from({ length: 50 }, (_, i) => ({ id: i, name: `Item ${i}` }));\n    \n    const result = virtualize({\n      items,\n      renderItem: (item) => html`<div>${item.name}</div>`,\n      itemHeight: 60,\n      containerHeight: 400,\n      overscan: 10\n    });\n    \n    expect(result).to.exist;\n  });\n});\n"]}

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

@@ -0,0 +1,17 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NileBadge should display the default slot content"] = 
+`<span
+  class="badge badge--badge-color badge--normal"
+  part="base"
+>
+  <slot
+    class="badge__content"
+    part="content"
+  >
+  </slot>
+</span>
+`;
+/* end snapshot NileBadge should display the default slot content */
+