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

package/dist/src/nile-grid/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../../src/nile-grid/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAE3C,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,OAAO,YAAY;IACvB,MAAM,CAAC,YAAY,CAAC,UAAuB,EAAE,eAAwB,EAAE,aAAqE;QAC1I,OAAO,IAAI,CAAA;+DACgD,sBAAsB,CAAC,UAAU,CAAC;UACvF,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;oBAEzB,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,KAAK;cACjC,IAAI,CAAC,sBAAsB,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;;6BAGzC,CAAC,CAAa,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC;;;aAG/D,CAAC,CAAC,CAAC,EAAE;;SAET,CAAC;;KAEL,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,UAAU,CACf,OAAc,EACd,UAAuB,EACvB,mBAA4B,EAC5B,kBAAkE;QAElE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,IAAI,CAAA;;;;OAIV,CAAC;QACJ,CAAC;QAED,IAAI,mBAAmB,EAAE,CAAC;YACxB,OAAO,IAAI,CAAA;;YAEL,kBAAkB;;OAEvB,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;;KAE1F,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,qBAAqB,CAAC,GAAQ,EAAE,QAAgB,EAAE,UAAuB;QAC9E,MAAM,KAAK,GAAqB,EAAE,CAAC;QACnC,IAAI,eAAe,GAAG,CAAC,CAAC;QAExB,KAAK,IAAI,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;YAChE,MAAM,GAAG,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;YAEjC,kEAAkE;YAClE,IAAI,eAAe,GAAG,QAAQ,EAAE,CAAC;gBAC/B,SAAS;YACX,CAAC;YAED,wBAAwB;YACxB,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAE/D,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;gBAChB,MAAM,SAAS,GAAG,gBAAgB,eAAe,GAAG,CAAC,WAAW,OAAO,GAAG,CAAC;gBAE3E,KAAK,CAAC,IAAI,CAAC,IAAI,CAAA;0CACmB,SAAS;oBAC/B,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;;SAEzB,CAAC,CAAC;gBAEH,eAAe,IAAI,OAAO,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;4DAC6C,sBAAsB,CAAC,UAAU,CAAC;UACpF,KAAK;;KAEV,CAAC;IACJ,CAAC;IAEO,MAAM,CAAC,sBAAsB,CAAC,GAAc,EAAE,eAAwB;QAC5E,IAAI,CAAC,eAAe;YAAE,OAAO,KAAK,CAAC;QACnC,IAAI,GAAG,CAAC,SAAS,KAAK,KAAK;YAAE,OAAO,KAAK,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { ColumnDef } from './types.js';\nimport { getGridTemplateColumns, calculateColSpan } from './utils.js';\n\nexport class GridRenderer {\n  static renderHeader(columnDefs: ColumnDef[], enableColResize: boolean, onResizeStart: (e: MouseEvent, col: ColumnDef, index: number) => void): TemplateResult {\n    return html`\n      <div class=\"grid-header\" style=\"grid-template-columns: ${getGridTemplateColumns(columnDefs)};\">\n        ${columnDefs.map((col, index) => html`\n          <div class=\"grid-header-cell\">\n            <span>${col.headerName || col.field}</span>\n            ${this.shouldShowResizeHandle(col, enableColResize) ? html`\n              <div \n                class=\"grid-resize-handle\"\n                @mousedown=${(e: MouseEvent) => onResizeStart(e, col, index)}\n                title=\"Drag to resize column\"\n              ></div>\n            ` : ''}\n          </div>\n        `)}\n      </div>\n    `;\n  }\n\n  static renderBody(\n    rowData: any[], \n    columnDefs: ColumnDef[], \n    enableVirtualScroll: boolean,\n    onVirtualizeRender: (row: any, rowIndex: number) => TemplateResult\n  ): TemplateResult {\n    if (rowData.length === 0) {\n      return html`\n        <div class=\"grid-empty\">\n          <div class=\"empty-text\">No data available</div>\n        </div>\n      `;\n    }\n\n    if (enableVirtualScroll) {\n      return html`\n        <div class=\"grid-body\">\n          ${onVirtualizeRender}\n        </div>\n      `;\n    }\n\n    return html`\n      <div class=\"grid-body\">\n        ${rowData.map((row, rowIndex) => this.renderRowWithSpanning(row, rowIndex, columnDefs))}\n      </div>\n    `;\n  }\n\n  static renderRowWithSpanning(row: any, rowIndex: number, columnDefs: ColumnDef[]): TemplateResult {\n    const cells: TemplateResult[] = [];\n    let currentColIndex = 0;\n\n    for (let colIndex = 0; colIndex < columnDefs.length; colIndex++) {\n      const col = columnDefs[colIndex];\n      \n      // Check if this column should be skipped due to previous spanning\n      if (currentColIndex > colIndex) {\n        continue;\n      }\n\n      // Calculate column span\n      const colSpan = calculateColSpan(col, row, rowIndex, colIndex);\n      \n      if (colSpan > 0) {\n        const cellStyle = `grid-column: ${currentColIndex + 1} / span ${colSpan};`;\n        \n        cells.push(html`\n          <div class=\"grid-cell\" style=\"${cellStyle}\">\n            <span>${row[col.field]}</span>\n          </div>\n        `);\n        \n        currentColIndex += colSpan;\n      }\n    }\n\n    return html`\n      <div class=\"grid-row\" style=\"grid-template-columns: ${getGridTemplateColumns(columnDefs)};\">\n        ${cells}\n      </div>\n    `;\n  }\n\n  private static shouldShowResizeHandle(col: ColumnDef, enableColResize: boolean): boolean {\n    if (!enableColResize) return false;\n    if (col.resizable === false) return false;\n    return true;\n  }\n}\n"]}

package/dist/src/nile-grid/resize-handler.d.ts

@@ -0,0 +1,4 @@
+import type { ColumnDef, GridOptions } from './types.js';
+export declare class ResizeHandler {
+    static handleResizeStart(event: MouseEvent, col: ColumnDef, columnIndex: number, columnDefs: ColumnDef[], gridOptions: GridOptions, onUpdate: () => void): void;
+}

package/dist/src/nile-grid/resize-handler.js

@@ -0,0 +1,36 @@
+export class ResizeHandler {
+    static handleResizeStart(event, col, columnIndex, columnDefs, gridOptions, onUpdate) {
+        event.preventDefault();
+        event.stopPropagation();
+        const startX = event.clientX;
+        const startWidth = col.width || 100;
+        const isShiftKey = event.shiftKey || gridOptions.colResizeDefault === 'shift';
+        const handleMouseMove = (e) => {
+            const deltaX = e.clientX - startX;
+            let newWidth = startWidth + deltaX;
+            // Ensure minimum width for usability
+            newWidth = Math.max(newWidth, 50);
+            // Update column width
+            col.width = newWidth;
+            // If shift resize, adjust adjacent column
+            if (isShiftKey && columnIndex < columnDefs.length - 1) {
+                const nextCol = columnDefs[columnIndex + 1];
+                const totalWidth = (col.width || 0) + (nextCol.width || 0);
+                const newNextWidth = totalWidth - newWidth;
+                // Ensure adjacent column doesn't get too narrow
+                if (newNextWidth >= 50) {
+                    nextCol.width = newNextWidth;
+                }
+            }
+            // Force complete re-render for virtual scrolling
+            onUpdate();
+        };
+        const handleMouseUp = () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+    }
+}
+//# sourceMappingURL=resize-handler.js.map

package/dist/src/nile-grid/resize-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-handler.js","sourceRoot":"","sources":["../../../src/nile-grid/resize-handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,aAAa;IACxB,MAAM,CAAC,iBAAiB,CACtB,KAAiB,EACjB,GAAc,EACd,WAAmB,EACnB,UAAuB,EACvB,WAAwB,EACxB,QAAoB;QAEpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,MAAM,UAAU,GAAG,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,IAAI,WAAW,CAAC,gBAAgB,KAAK,OAAO,CAAC;QAE9E,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC;YAClC,IAAI,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;YAEnC,qCAAqC;YACrC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAElC,sBAAsB;YACtB,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC;YAErB,0CAA0C;YAC1C,IAAI,UAAU,IAAI,WAAW,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACtD,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;gBAC5C,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;gBAC3D,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;gBAE3C,gDAAgD;gBAChD,IAAI,YAAY,IAAI,EAAE,EAAE,CAAC;oBACvB,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC;gBAC/B,CAAC;YACH,CAAC;YAED,iDAAiD;YACjD,QAAQ,EAAE,CAAC;QACb,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtD,CAAC;CACF","sourcesContent":["import type { ColumnDef, GridOptions } from './types.js';\n\nexport class ResizeHandler {\n  static handleResizeStart(\n    event: MouseEvent, \n    col: ColumnDef, \n    columnIndex: number, \n    columnDefs: ColumnDef[],\n    gridOptions: GridOptions,\n    onUpdate: () => void\n  ): void {\n    event.preventDefault();\n    event.stopPropagation();\n    \n    const startX = event.clientX;\n    const startWidth = col.width || 100;\n    const isShiftKey = event.shiftKey || gridOptions.colResizeDefault === 'shift';\n    \n    const handleMouseMove = (e: MouseEvent) => {\n      const deltaX = e.clientX - startX;\n      let newWidth = startWidth + deltaX;\n      \n      // Ensure minimum width for usability\n      newWidth = Math.max(newWidth, 50);\n      \n      // Update column width\n      col.width = newWidth;\n      \n      // If shift resize, adjust adjacent column\n      if (isShiftKey && columnIndex < columnDefs.length - 1) {\n        const nextCol = columnDefs[columnIndex + 1];\n        const totalWidth = (col.width || 0) + (nextCol.width || 0);\n        const newNextWidth = totalWidth - newWidth;\n        \n        // Ensure adjacent column doesn't get too narrow\n        if (newNextWidth >= 50) {\n          nextCol.width = newNextWidth;\n        }\n      }\n      \n      // Force complete re-render for virtual scrolling\n      onUpdate();\n    };\n    \n    const handleMouseUp = () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n    \n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n  }\n}\n"]}

package/dist/src/nile-grid/types.d.ts

@@ -0,0 +1,32 @@
+export interface ColumnDef {
+    field: string;
+    headerName?: string;
+    sortable?: boolean;
+    width?: number;
+    resizable?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    colSpan?: (params: ColSpanParams) => number;
+}
+export interface GridOptions {
+    rowSelection?: 'single' | 'multiple';
+    enableSorting?: boolean;
+    enableVirtualScroll?: boolean;
+    enableColResize?: boolean;
+    colResizeDefault?: 'normal' | 'shift';
+}
+export interface ColSpanParams {
+    data: any;
+    field: string;
+    rowIndex: number;
+    columnIndex: number;
+}
+export interface GridApi {
+    getSelectedRows: () => any[];
+    setRowData: (data: any[]) => void;
+    setColumnDefs: (defs: ColumnDef[]) => void;
+}
+export interface GridReadyEvent {
+    api: GridApi;
+    type: 'gridReady';
+}

package/dist/src/nile-grid/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/nile-grid/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nile-grid/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface ColumnDef {\n  field: string;\n  headerName?: string;\n  sortable?: boolean;\n  width?: number;\n  resizable?: boolean;\n  minWidth?: number;\n  maxWidth?: number;\n  colSpan?: (params: ColSpanParams) => number;\n}\n\nexport interface GridOptions {\n  rowSelection?: 'single' | 'multiple';\n  enableSorting?: boolean;\n  enableVirtualScroll?: boolean;\n  enableColResize?: boolean;\n  colResizeDefault?: 'normal' | 'shift';\n}\n\nexport interface ColSpanParams {\n  data: any;\n  field: string;\n  rowIndex: number;\n  columnIndex: number;\n}\n\nexport interface GridApi {\n  getSelectedRows: () => any[];\n  setRowData: (data: any[]) => void;\n  setColumnDefs: (defs: ColumnDef[]) => void;\n}\n\nexport interface GridReadyEvent {\n  api: GridApi;\n  type: 'gridReady';\n}\n"]}

package/dist/src/nile-grid/utils.d.ts

@@ -0,0 +1,4 @@
+import type { ColumnDef } from './types.js';
+export declare function getGridTemplateColumns(columnDefs: ColumnDef[]): string;
+export declare function calculateColSpan(col: ColumnDef, row: any, rowIndex: number, colIndex: number): number;
+export declare function shouldShowResizeHandle(col: ColumnDef, enableColResize: boolean): boolean;

package/dist/src/nile-grid/utils.js

@@ -0,0 +1,32 @@
+export function getGridTemplateColumns(columnDefs) {
+    return columnDefs.map((col, index) => {
+        if (col.width) {
+            return `${col.width}px`;
+        }
+        // Last column takes remaining space
+        if (index === columnDefs.length - 1) {
+            return '1fr';
+        }
+        return 'auto';
+    }).join(' ');
+}
+export function calculateColSpan(col, row, rowIndex, colIndex) {
+    if (col.colSpan) {
+        const params = {
+            data: row,
+            field: col.field,
+            rowIndex,
+            columnIndex: colIndex
+        };
+        return col.colSpan(params);
+    }
+    return 1;
+}
+export function shouldShowResizeHandle(col, enableColResize) {
+    if (!enableColResize)
+        return false;
+    if (col.resizable === false)
+        return false;
+    return true;
+}
+//# sourceMappingURL=utils.js.map

package/dist/src/nile-grid/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/nile-grid/utils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,sBAAsB,CAAC,UAAuB;IAC5D,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACnC,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC;QAC1B,CAAC;QACD,oCAAoC;QACpC,IAAI,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpC,OAAO,KAAK,CAAC;QACf,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAc,EAAE,GAAQ,EAAE,QAAgB,EAAE,QAAgB;IAC3F,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;QAChB,MAAM,MAAM,GAAkB;YAC5B,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG,CAAC,KAAK;YAChB,QAAQ;YACR,WAAW,EAAE,QAAQ;SACtB,CAAC;QACF,OAAO,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,GAAc,EAAE,eAAwB;IAC7E,IAAI,CAAC,eAAe;QAAE,OAAO,KAAK,CAAC;IACnC,IAAI,GAAG,CAAC,SAAS,KAAK,KAAK;QAAE,OAAO,KAAK,CAAC;IAC1C,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import type { ColumnDef, ColSpanParams } from './types.js';\n\nexport function getGridTemplateColumns(columnDefs: ColumnDef[]): string {\n  return columnDefs.map((col, index) => {\n    if (col.width) {\n      return `${col.width}px`;\n    }\n    // Last column takes remaining space\n    if (index === columnDefs.length - 1) {\n      return '1fr';\n    }\n    return 'auto';\n  }).join(' ');\n}\n\nexport function calculateColSpan(col: ColumnDef, row: any, rowIndex: number, colIndex: number): number {\n  if (col.colSpan) {\n    const params: ColSpanParams = {\n      data: row,\n      field: col.field,\n      rowIndex,\n      columnIndex: colIndex\n    };\n    return col.colSpan(params);\n  }\n  return 1;\n}\n\nexport function shouldShowResizeHandle(col: ColumnDef, enableColResize: boolean): boolean {\n  if (!enableColResize) return false;\n  if (col.resizable === false) return false;\n  return true;\n}\n"]}

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

@@ -0,0 +1,47 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NileHero renders correctly with default properties"] = 
+`<div
+  class="hero__container hero__container--expanded"
+  part="nile__hero__container"
+>
+  <nile-hero-header
+    class="hero__header--collapsed"
+    hero-text="Test Hero"
+    icon="error"
+    part="nile__hero__header"
+    style="opacity:0"
+  >
+  </nile-hero-header>
+  <div
+    class="hero__slot__container"
+    style="opacity:1"
+  >
+    <div class="hero__slot">
+      <span class="icon__container">
+        <nile-icon
+          method="stroke"
+          name="error"
+          size="16"
+        >
+        </nile-icon>
+      </span>
+      <slot>
+      </slot>
+    </div>
+  </div>
+  <div
+    class="hero__img__container"
+    id="hero__img__container"
+    style="opacity:1"
+  >
+    <img
+      class="hero__img"
+      src=""
+    >
+  </div>
+</div>
+`;
+/* end snapshot NileHero renders correctly with default properties */
+

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

@@ -0,0 +1,16 @@
+/* @web/test-runner snapshot v1 */
+export const snapshots = {};
+
+snapshots["NileIcon should render the icon with the correct name"] = 
+`<nile-icon
+  description=""
+  method="fill"
+  name="info"
+  set="local"
+  size="16"
+  style="--nile-svg-fill: var(--nile-colors-dark-500); --nile-svg-height: 16px; --nile-svg-width: 16px;"
+>
+</nile-icon>
+`;
+/* end snapshot NileIcon should render the icon with the correct name */
+

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-select/nile-select.js

@@ -729,8 +729,9 @@ let NileSelect = class NileSelect extends NileElement {
     handleValueChange() {
         const allOptions = this.getAllOptions();
         const value = Array.isArray(this.value) ? this.value : [this.value];
-        // Select only the options that match the new value
-        this.setSelectedOptions(allOptions.filter(el => value.includes(el.value)));
+        if (!this.enableVirtualScroll) {
+            this.setSelectedOptions(allOptions.filter(el => value.includes(el.value)));
+        }
     }
     async handleOpenChange() {
         if (this.open && !this.disabled) {