igniteui-grid-lite 0.9.0 → 0.11.0

package/index.d.ts

@@ -1,7 +1,7 @@
 export { IgcGridLiteColumn } from './components/column.js';
 export type { IgcFilteredEvent, IgcFilteringEvent, IgcGridLiteEventMap, } from './components/grid.js';
 export { IgcGridLite } from './components/grid.js';
-export type { BaseColumnConfiguration, BaseColumnSortConfiguration, BaseIgcCellContext, ColumnConfiguration, ColumnSortConfiguration, DataPipelineConfiguration, DataPipelineHook, DataPipelineParams, DataType, GridLiteSortingOptions, IgcCellContext, IgcHeaderContext, Keys, PropertyType, } from './internal/types.js';
+export type { BaseColumnConfiguration, BaseColumnSortConfiguration, BaseIgcCellContext, ColumnConfiguration, ColumnSortConfiguration, DataPipelineConfiguration, DataPipelineHook, DataPipelineParams, DataType, GridLiteSortingOptions, IgcCellContext, IgcHeaderContext, Keys, NavigateToOptions, PropertyType, } from './internal/types.js';
 export { BooleanOperands } from './operations/filter/operands/boolean.js';
 export { NumberOperands } from './operations/filter/operands/number.js';
 export { StringOperands } from './operations/filter/operands/string.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAM3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAiBnD,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC","sourcesContent":["export { IgcGridLiteColumn } from './components/column.js';\nexport type {\n  IgcFilteredEvent,\n  IgcFilteringEvent,\n  IgcGridLiteEventMap,\n} from './components/grid.js';\nexport { IgcGridLite } from './components/grid.js';\nexport type {\n  BaseColumnConfiguration,\n  BaseColumnSortConfiguration,\n  BaseIgcCellContext,\n  ColumnConfiguration,\n  ColumnSortConfiguration,\n  DataPipelineConfiguration,\n  DataPipelineHook,\n  DataPipelineParams,\n  DataType,\n  GridLiteSortingOptions,\n  IgcCellContext,\n  IgcHeaderContext,\n  Keys,\n  PropertyType,\n} from './internal/types.js';\nexport { BooleanOperands } from './operations/filter/operands/boolean.js';\nexport { NumberOperands } from './operations/filter/operands/number.js';\nexport { StringOperands } from './operations/filter/operands/string.js';\n\nexport type {\n  BaseFilterExpression,\n  FilterCriteria,\n  FilterExpression,\n  FilterOperation,\n  FilterOperationLogic,\n  OperandKeys,\n} from './operations/filter/types.js';\nexport type {\n  BaseSortComparer,\n  BaseSortingExpression,\n  SortComparer,\n  SortingDirection,\n  SortingExpression,\n  SortState,\n} from './operations/sort/types.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAM3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAkBnD,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC","sourcesContent":["export { IgcGridLiteColumn } from './components/column.js';\nexport type {\n  IgcFilteredEvent,\n  IgcFilteringEvent,\n  IgcGridLiteEventMap,\n} from './components/grid.js';\nexport { IgcGridLite } from './components/grid.js';\nexport type {\n  BaseColumnConfiguration,\n  BaseColumnSortConfiguration,\n  BaseIgcCellContext,\n  ColumnConfiguration,\n  ColumnSortConfiguration,\n  DataPipelineConfiguration,\n  DataPipelineHook,\n  DataPipelineParams,\n  DataType,\n  GridLiteSortingOptions,\n  IgcCellContext,\n  IgcHeaderContext,\n  Keys,\n  NavigateToOptions,\n  PropertyType,\n} from './internal/types.js';\nexport { BooleanOperands } from './operations/filter/operands/boolean.js';\nexport { NumberOperands } from './operations/filter/operands/number.js';\nexport { StringOperands } from './operations/filter/operands/string.js';\n\nexport type {\n  BaseFilterExpression,\n  FilterCriteria,\n  FilterExpression,\n  FilterOperation,\n  FilterOperationLogic,\n  OperandKeys,\n} from './operations/filter/types.js';\nexport type {\n  BaseSortComparer,\n  BaseSortingExpression,\n  SortComparer,\n  SortingDirection,\n  SortingExpression,\n  SortState,\n} from './operations/sort/types.js';\n"]}

package/internal/a11y.d.ts

@@ -0,0 +1,26 @@
+import type { ColumnConfiguration } from './types.js';
+/** The roles the grid parts take in the ARIA grid pattern. */
+type GridRole = 'grid' | 'row' | 'rowgroup' | 'columnheader' | 'gridcell';
+/** ARIA state written on a part. A `null` value removes the property. */
+type AriaState = Partial<Record<keyof ARIAMixin, string | null>>;
+/** `aria-rowindex` of the header row. The grid row index space is 1-based. */
+export declare const HEADER_ROW_INDEX = 1;
+/** `aria-rowindex` of the filter row. It always comes after the header row. */
+export declare const FILTER_ROW_INDEX = 2;
+/** Writes the ARIA of one grid part through ElementInternals, off the host attributes. */
+declare class A11yController {
+    #private;
+    constructor(host: HTMLElement, role: GridRole);
+    /** Writes ARIA state on the host. */
+    set(state: AriaState): void;
+}
+/** Sets the grid pattern role of `host` and returns a handle to its ARIA state. */
+export declare function addA11y(host: HTMLElement, role: GridRole): A11yController;
+/** Returns the ARIA semantics `element` published through its ElementInternals. */
+export declare function ariaOf(element: Element): ARIAMixin | undefined;
+/**
+ * Number of rows the grid renders above its data: the header row, plus the filter
+ * row when a column is filterable. Data rows are indexed after them.
+ */
+export declare function headerRowsFor<T extends object>(columns: ColumnConfiguration<T>[]): number;
+export {};

package/internal/a11y.js

@@ -0,0 +1,24 @@
+export const HEADER_ROW_INDEX = 1;
+export const FILTER_ROW_INDEX = 2;
+const semantics = new WeakMap();
+class A11yController {
+    #internals;
+    constructor(host, role) {
+        this.#internals = host.attachInternals();
+        this.#internals.role = role;
+        semantics.set(host, this.#internals);
+    }
+    set(state) {
+        Object.assign(this.#internals, state);
+    }
+}
+export function addA11y(host, role) {
+    return new A11yController(host, role);
+}
+export function ariaOf(element) {
+    return semantics.get(element);
+}
+export function headerRowsFor(columns) {
+    return columns.some((column) => column.filterable) ? FILTER_ROW_INDEX : HEADER_ROW_INDEX;
+}
+//# sourceMappingURL=a11y.js.map

package/internal/a11y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.js","sourceRoot":"","sources":["../../src/internal/a11y.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAGlC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAGlC,MAAM,SAAS,GAAG,IAAI,OAAO,EAAsB,CAAC;AAGpD,MAAM,cAAc;IACT,UAAU,CAAmB;IAEtC,YAAY,IAAiB,EAAE,IAAc;QAC3C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACzC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;QAE5B,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACvC,CAAC;IAGM,GAAG,CAAC,KAAgB;QACzB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC;CACF;AAGD,MAAM,UAAU,OAAO,CAAC,IAAiB,EAAE,IAAc;IACvD,OAAO,IAAI,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACxC,CAAC;AAGD,MAAM,UAAU,MAAM,CAAC,OAAgB;IACrC,OAAO,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAChC,CAAC;AAMD,MAAM,UAAU,aAAa,CAAmB,OAAiC;IAC/E,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC;AAC3F,CAAC","sourcesContent":["import type { ColumnConfiguration } from './types.js';\n\n/** The roles the grid parts take in the ARIA grid pattern. */\ntype GridRole = 'grid' | 'row' | 'rowgroup' | 'columnheader' | 'gridcell';\n\n/** ARIA state written on a part. A `null` value removes the property. */\ntype AriaState = Partial<Record<keyof ARIAMixin, string | null>>;\n\n/** `aria-rowindex` of the header row. The grid row index space is 1-based. */\nexport const HEADER_ROW_INDEX = 1;\n\n/** `aria-rowindex` of the filter row. It always comes after the header row. */\nexport const FILTER_ROW_INDEX = 2;\n\n/** ARIA set through ElementInternals is unreadable from the DOM. This is the read path. */\nconst semantics = new WeakMap<Element, ARIAMixin>();\n\n/** Writes the ARIA of one grid part through ElementInternals, off the host attributes. */\nclass A11yController {\n  readonly #internals: ElementInternals;\n\n  constructor(host: HTMLElement, role: GridRole) {\n    this.#internals = host.attachInternals();\n    this.#internals.role = role;\n\n    semantics.set(host, this.#internals);\n  }\n\n  /** Writes ARIA state on the host. */\n  public set(state: AriaState): void {\n    Object.assign(this.#internals, state);\n  }\n}\n\n/** Sets the grid pattern role of `host` and returns a handle to its ARIA state. */\nexport function addA11y(host: HTMLElement, role: GridRole): A11yController {\n  return new A11yController(host, role);\n}\n\n/** Returns the ARIA semantics `element` published through its ElementInternals. */\nexport function ariaOf(element: Element): ARIAMixin | undefined {\n  return semantics.get(element);\n}\n\n/**\n * Number of rows the grid renders above its data: the header row, plus the filter\n * row when a column is filterable. Data rows are indexed after them.\n */\nexport function headerRowsFor<T extends object>(columns: ColumnConfiguration<T>[]): number {\n  return columns.some((column) => column.filterable) ? FILTER_ROW_INDEX : HEADER_ROW_INDEX;\n}\n"]}

package/internal/body-focus.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Keeps focus in the body across row recycling. `igc-virtual-scroll` reuses the
+ * element of a leaving row, so the focused cell may show another row or drop
+ * focus. Listeners live until `signal` aborts.
+ */
+export declare function addBodyFocus(body: HTMLElement, signal: AbortSignal): void;

package/internal/body-focus.js

@@ -0,0 +1,46 @@
+import { FOCUS_WITHIN, NO_SCROLL, SCROLL_STATE_CHANGE } from './constants.js';
+import { getElementFromEventPath } from './element-from-event-path.js';
+import { GRID_CELL_TAG, GRID_ROW_TAG } from './tags.js';
+export function addBodyFocus(body, signal) {
+    const options = { signal };
+    let ownsFocus = false;
+    let focusedCell;
+    const focusBody = () => body.focus(NO_SCROLL);
+    const reclaim = () => {
+        if (ownsFocus && !body.matches(FOCUS_WITHIN)) {
+            focusBody();
+        }
+    };
+    body.addEventListener('focusin', (event) => {
+        ownsFocus = true;
+        focusedCell = getElementFromEventPath(GRID_CELL_TAG, event);
+    }, options);
+    body.addEventListener('focusout', (event) => {
+        const { relatedTarget } = event;
+        if (relatedTarget instanceof Node) {
+            ownsFocus = body.contains(relatedTarget);
+            return;
+        }
+        const [origin] = event.composedPath();
+        const row = getElementFromEventPath(GRID_ROW_TAG, event);
+        const index = row?.index;
+        queueMicrotask(() => {
+            const recycled = row !== undefined && row.index !== index;
+            ownsFocus = recycled || !origin.isConnected;
+            reclaim();
+        });
+    }, options);
+    body.addEventListener(SCROLL_STATE_CHANGE, async () => {
+        if (!ownsFocus) {
+            return;
+        }
+        const cell = focusedCell;
+        await cell?.row.updateComplete;
+        if (cell?.matches(':focus') && !cell.active) {
+            focusBody();
+            return;
+        }
+        reclaim();
+    }, options);
+}
+//# sourceMappingURL=body-focus.js.map

package/internal/body-focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-focus.js","sourceRoot":"","sources":["../../src/internal/body-focus.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOxD,MAAM,UAAU,YAAY,CAAC,IAAiB,EAAE,MAAmB;IACjE,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,CAAC;IAC3B,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,WAAgD,CAAC;IAErD,MAAM,SAAS,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,IAAI,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YAC7C,SAAS,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,gBAAgB,CACnB,SAAS,EACT,CAAC,KAAK,EAAE,EAAE;QACR,SAAS,GAAG,IAAI,CAAC;QACjB,WAAW,GAAG,uBAAuB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IAC9D,CAAC,EACD,OAAO,CACR,CAAC;IAEF,IAAI,CAAC,gBAAgB,CACnB,UAAU,EACV,CAAC,KAAiB,EAAE,EAAE;QACpB,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;QAEhC,IAAI,aAAa,YAAY,IAAI,EAAE,CAAC;YAClC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;YACzC,OAAO;QACT,CAAC;QAID,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;QACtC,MAAM,GAAG,GAAG,uBAAuB,CAAyB,YAAY,EAAE,KAAK,CAAC,CAAC;QACjF,MAAM,KAAK,GAAG,GAAG,EAAE,KAAK,CAAC;QAEzB,cAAc,CAAC,GAAG,EAAE;YAClB,MAAM,QAAQ,GAAG,GAAG,KAAK,SAAS,IAAI,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;YAE1D,SAAS,GAAG,QAAQ,IAAI,CAAE,MAAe,CAAC,WAAW,CAAC;YACtD,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC,CAAC;IACL,CAAC,EACD,OAAO,CACR,CAAC;IAGF,IAAI,CAAC,gBAAgB,CACnB,mBAAmB,EACnB,KAAK,IAAI,EAAE;QACT,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,WAAW,CAAC;QACzB,MAAM,IAAI,EAAE,GAAG,CAAC,cAAc,CAAC;QAE/B,IAAI,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5C,SAAS,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,OAAO,CACR,CAAC;AACJ,CAAC","sourcesContent":["import type IgcGridLiteCell from '../components/cell.js';\nimport type IgcGridLiteRow from '../components/row.js';\nimport { FOCUS_WITHIN, NO_SCROLL, SCROLL_STATE_CHANGE } from './constants.js';\nimport { getElementFromEventPath } from './element-from-event-path.js';\nimport { GRID_CELL_TAG, GRID_ROW_TAG } from './tags.js';\n\n/**\n * Keeps focus in the body across row recycling. `igc-virtual-scroll` reuses the\n * element of a leaving row, so the focused cell may show another row or drop\n * focus. Listeners live until `signal` aborts.\n */\nexport function addBodyFocus(body: HTMLElement, signal: AbortSignal): void {\n  const options = { signal };\n  let ownsFocus = false;\n  let focusedCell: IgcGridLiteCell<object> | undefined;\n\n  const focusBody = (): void => body.focus(NO_SCROLL);\n\n  const reclaim = (): void => {\n    if (ownsFocus && !body.matches(FOCUS_WITHIN)) {\n      focusBody();\n    }\n  };\n\n  body.addEventListener(\n    'focusin',\n    (event) => {\n      ownsFocus = true;\n      focusedCell = getElementFromEventPath(GRID_CELL_TAG, event);\n    },\n    options\n  );\n\n  body.addEventListener(\n    'focusout',\n    (event: FocusEvent) => {\n      const { relatedTarget } = event;\n\n      if (relatedTarget instanceof Node) {\n        ownsFocus = body.contains(relatedTarget);\n        return;\n      }\n\n      // No new target: a click on empty space, or the focused row was removed or\n      // recycled (still connected, new index). Tell them apart after a microtask.\n      const [origin] = event.composedPath();\n      const row = getElementFromEventPath<IgcGridLiteRow<object>>(GRID_ROW_TAG, event);\n      const index = row?.index;\n\n      queueMicrotask(() => {\n        const recycled = row !== undefined && row.index !== index;\n\n        ownsFocus = recycled || !(origin as Node).isConnected;\n        reclaim();\n      });\n    },\n    options\n  );\n\n  // A window change can recycle the focused cell onto another row.\n  body.addEventListener(\n    SCROLL_STATE_CHANGE,\n    async () => {\n      if (!ownsFocus) {\n        return;\n      }\n\n      const cell = focusedCell;\n      await cell?.row.updateComplete;\n\n      if (cell?.matches(':focus') && !cell.active) {\n        focusBody();\n        return;\n      }\n\n      reclaim();\n    },\n    options\n  );\n}\n"]}

package/internal/constants.d.ts

@@ -1,8 +1,12 @@
-import type { ActiveNode, ColumnConfiguration, NavigationState } from './types.js';
+import type { ActiveNode, ColumnConfiguration } from './types.js';
 export declare const PIPELINE = "pipeline";
 export declare const SORT_ICON_ASCENDING: "arrow-upward";
 export declare const SORT_ICON_DESCENDING: "arrow-downward";
 export declare const MIN_COL_RESIZE_WIDTH = 80;
+export declare const FOCUS_WITHIN = ":focus-within";
+/** Focus without scrolling: the grid scrolls through the virtualizer. */
+export declare const NO_SCROLL: FocusOptions;
+/** `igc-virtual-scroll` event: the rendered window or the scroll size changed. */
+export declare const SCROLL_STATE_CHANGE = "igcStateChange";
 export declare const SENTINEL_NODE: Readonly<ActiveNode<any>>;
 export declare const DEFAULT_COLUMN_CONFIG: Readonly<ColumnConfiguration<any>>;
-export declare const NAVIGATION_STATE: Map<NavigationState, ActiveNode<any>>;

package/internal/constants.js

@@ -4,6 +4,9 @@ export const PIPELINE = 'pipeline';
 export const SORT_ICON_ASCENDING = 'arrow-upward';
 export const SORT_ICON_DESCENDING = 'arrow-downward';
 export const MIN_COL_RESIZE_WIDTH = 80;
+export const FOCUS_WITHIN = ':focus-within';
+export const NO_SCROLL = { preventScroll: true };
+export const SCROLL_STATE_CHANGE = 'igcStateChange';
 export const SENTINEL_NODE = Object.freeze({
     column: NON_EXISTING_COLUMN,
     row: -1,
@@ -16,8 +19,4 @@ export const DEFAULT_COLUMN_CONFIG = Object.freeze({
     sortable: false,
     filterable: false,
 });
-export const NAVIGATION_STATE = new Map([
-    ['previous', SENTINEL_NODE],
-    ['current', SENTINEL_NODE],
-]);
 //# sourceMappingURL=constants.js.map

package/internal/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/internal/constants.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;AAC3B,MAAM,mBAAmB,GAAG,MAAM,EAAE,CAAC;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AACnC,MAAM,CAAC,MAAM,mBAAmB,GAAG,cAAuB,CAAC;AAC3D,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAyB,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEvC,MAAM,CAAC,MAAM,aAAa,GAA8B,MAAM,CAAC,MAAM,CAAC;IACpE,MAAM,EAAE,mBAAmB;IAC3B,GAAG,EAAE,CAAC,CAAC;CACR,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAA2B;IAC3E,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,gBAAgB,GAA0C,IAAI,GAAG,CAAC;IAC7E,CAAC,UAAU,EAAE,aAAa,CAAC;IAC3B,CAAC,SAAS,EAAE,aAAa,CAAC;CAC3B,CAAC,CAAC","sourcesContent":["import type { ActiveNode, ColumnConfiguration, NavigationState } from './types.js';\n\nconst columnKey = Symbol();\nconst NON_EXISTING_COLUMN = Symbol();\n\nexport const PIPELINE = 'pipeline';\nexport const SORT_ICON_ASCENDING = 'arrow-upward' as const;\nexport const SORT_ICON_DESCENDING = 'arrow-downward' as const;\n\nexport const MIN_COL_RESIZE_WIDTH = 80;\n\nexport const SENTINEL_NODE: Readonly<ActiveNode<any>> = Object.freeze({\n  column: NON_EXISTING_COLUMN,\n  row: -1,\n});\nexport const DEFAULT_COLUMN_CONFIG = Object.freeze<ColumnConfiguration<any>>({\n  field: columnKey,\n  dataType: 'string',\n  resizable: false,\n  hidden: false,\n  sortable: false,\n  filterable: false,\n});\nexport const NAVIGATION_STATE: Map<NavigationState, ActiveNode<any>> = new Map([\n  ['previous', SENTINEL_NODE],\n  ['current', SENTINEL_NODE],\n]);\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/internal/constants.ts"],"names":[],"mappings":"AAGA,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;AAC3B,MAAM,mBAAmB,GAAG,MAAM,EAAE,CAAC;AAErC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AACnC,MAAM,CAAC,MAAM,mBAAmB,GAAG,cAAuB,CAAC;AAC3D,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAyB,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;AAG5C,MAAM,CAAC,MAAM,SAAS,GAAiB,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;AAG/D,MAAM,CAAC,MAAM,mBAAmB,GAC9B,gBAAkE,CAAC;AAErE,MAAM,CAAC,MAAM,aAAa,GAA8B,MAAM,CAAC,MAAM,CAAC;IACpE,MAAM,EAAE,mBAAmB;IAC3B,GAAG,EAAE,CAAC,CAAC;CACR,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAA2B;IAC3E,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC","sourcesContent":["import type { IgcVirtualScrollComponentEventMap } from 'igniteui-webcomponents';\nimport type { ActiveNode, ColumnConfiguration } from './types.js';\n\nconst columnKey = Symbol();\nconst NON_EXISTING_COLUMN = Symbol();\n\nexport const PIPELINE = 'pipeline';\nexport const SORT_ICON_ASCENDING = 'arrow-upward' as const;\nexport const SORT_ICON_DESCENDING = 'arrow-downward' as const;\n\nexport const MIN_COL_RESIZE_WIDTH = 80;\n\nexport const FOCUS_WITHIN = ':focus-within';\n\n/** Focus without scrolling: the grid scrolls through the virtualizer. */\nexport const NO_SCROLL: FocusOptions = { preventScroll: true };\n\n/** `igc-virtual-scroll` event: the rendered window or the scroll size changed. */\nexport const SCROLL_STATE_CHANGE =\n  'igcStateChange' satisfies keyof IgcVirtualScrollComponentEventMap;\n\nexport const SENTINEL_NODE: Readonly<ActiveNode<any>> = Object.freeze({\n  column: NON_EXISTING_COLUMN,\n  row: -1,\n});\nexport const DEFAULT_COLUMN_CONFIG = Object.freeze<ColumnConfiguration<any>>({\n  field: columnKey,\n  dataType: 'string',\n  resizable: false,\n  hidden: false,\n  sortable: false,\n  filterable: false,\n});\n"]}

package/internal/element-from-event-path.d.ts

@@ -1,2 +1,2 @@
-declare function getElementFromEventPath<T extends Element>(predicate: string | ((element: T) => boolean), event: Event): T | undefined;
+declare function getElementFromEventPath<T extends Element>(selector: string, event: Event): T | undefined;
 export { getElementFromEventPath };

package/internal/element-from-event-path.js

@@ -1,12 +1,5 @@
-import { isString } from './utils.js';
-function isElement(node) {
-    return node instanceof Element;
-}
-function getElementFromEventPath(predicate, event) {
-    const callback = isString(predicate)
-        ? (element) => element.matches(predicate)
-        : (element) => predicate(element);
-    return Iterator.from(event.composedPath()).filter(isElement).find(callback);
+function getElementFromEventPath(selector, event) {
+    return Iterator.from(event.composedPath()).find((node) => node instanceof Element && node.matches(selector));
 }
 export { getElementFromEventPath };
 //# sourceMappingURL=element-from-event-path.js.map

package/internal/element-from-event-path.js.map

@@ -1 +1 @@
-{"version":3,"file":"element-from-event-path.js","sourceRoot":"","sources":["../../src/internal/element-from-event-path.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,SAAS,SAAS,CAAC,IAAa;IAC9B,OAAO,IAAI,YAAY,OAAO,CAAC;AACjC,CAAC;AAED,SAAS,uBAAuB,CAC9B,SAA6C,EAC7C,KAAY;IAEZ,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC;QAClC,CAAC,CAAC,CAAC,OAAgB,EAAgB,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC;QAChE,CAAC,CAAC,CAAC,OAAgB,EAAE,EAAE,CAAC,SAAS,CAAC,OAAY,CAAC,CAAC;IAElD,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAkB,CAAC;AAC/F,CAAC;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["import { isString } from './utils.js';\n\nfunction isElement(node: unknown): node is Element {\n  return node instanceof Element;\n}\n\nfunction getElementFromEventPath<T extends Element>(\n  predicate: string | ((element: T) => boolean),\n  event: Event\n): T | undefined {\n  const callback = isString(predicate)\n    ? (element: Element): element is T => element.matches(predicate)\n    : (element: Element) => predicate(element as T);\n\n  return Iterator.from(event.composedPath()).filter(isElement).find(callback) as T | undefined;\n}\n\nexport { getElementFromEventPath };\n"]}
+{"version":3,"file":"element-from-event-path.js","sourceRoot":"","sources":["../../src/internal/element-from-event-path.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAuB,CAAoB,QAAgB,EAAE,KAAY;IAChF,OAAO,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,IAAI,CAC7C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,YAAY,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAC3C,CAAC;AACrB,CAAC;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["function getElementFromEventPath<T extends Element>(selector: string, event: Event): T | undefined {\n  return Iterator.from(event.composedPath()).find(\n    (node) => node instanceof Element && node.matches(selector)\n  ) as T | undefined;\n}\n\nexport { getElementFromEventPath };\n"]}

package/internal/normalize-case.d.ts

@@ -1 +1,5 @@
-export declare function normalizeCase(string: string, caseSensitive?: boolean): string;
+/**
+ * Single coercion point for string comparisons: a missing record value is treated
+ * as an empty string so operands never dereference null/undefined.
+ */
+export declare function normalizeCase(string: string | null | undefined, caseSensitive?: boolean): string;

package/internal/normalize-case.js

@@ -1,4 +1,5 @@
 export function normalizeCase(string, caseSensitive) {
-    return caseSensitive ? string : string.toLowerCase();
+    const value = string ?? '';
+    return caseSensitive ? value : value.toLowerCase();
 }
 //# sourceMappingURL=normalize-case.js.map

package/internal/normalize-case.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-case.js","sourceRoot":"","sources":["../../src/internal/normalize-case.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAC,MAAc,EAAE,aAAuB;IACnE,OAAO,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;AACvD,CAAC","sourcesContent":["export function normalizeCase(string: string, caseSensitive?: boolean) {\n  return caseSensitive ? string : string.toLowerCase();\n}\n"]}
+{"version":3,"file":"normalize-case.js","sourceRoot":"","sources":["../../src/internal/normalize-case.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,aAAa,CAAC,MAAiC,EAAE,aAAuB;IACtF,MAAM,KAAK,GAAG,MAAM,IAAI,EAAE,CAAC;IAC3B,OAAO,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;AACrD,CAAC","sourcesContent":["/**\n * Single coercion point for string comparisons: a missing record value is treated\n * as an empty string so operands never dereference null/undefined.\n */\nexport function normalizeCase(string: string | null | undefined, caseSensitive?: boolean) {\n  const value = string ?? '';\n  return caseSensitive ? value : value.toLowerCase();\n}\n"]}

package/internal/part-map.js

@@ -16,30 +16,22 @@ class PartMapDirective extends Directive {
     }
     update(part, [partMapInfo]) {
         const partList = part.element.part;
-        if (this._previousParts === undefined) {
-            this._previousParts = new Set();
-            for (const name in partMapInfo) {
-                if (partMapInfo[name]) {
-                    partList.add(name);
-                    this._previousParts.add(name);
-                }
-            }
-            return this.render(partMapInfo);
-        }
-        for (const name of this._previousParts) {
-            if (!(name in partMapInfo) || !partMapInfo[name]) {
+        const firstRender = this._previousParts === undefined;
+        const previous = this._previousParts ?? new Set();
+        this._previousParts = previous;
+        for (const name of previous) {
+            if (!partMapInfo[name]) {
                 partList.remove(name);
-                this._previousParts.delete(name);
+                previous.delete(name);
             }
         }
         for (const name in partMapInfo) {
-            const value = !!partMapInfo[name];
-            if (value && !this._previousParts.has(name)) {
+            if (partMapInfo[name] && !previous.has(name)) {
                 partList.add(name);
-                this._previousParts.add(name);
+                previous.add(name);
             }
         }
-        return noChange;
+        return firstRender ? this.render(partMapInfo) : noChange;
     }
 }
 export const partMap = directive(PartMapDirective);

package/internal/part-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"part-map.js","sourceRoot":"","sources":["../../src/internal/part-map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAEL,SAAS,EAET,SAAS,EAET,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAM1B,MAAM,gBAAiB,SAAQ,SAAS;IAGtC,YAAY,QAAkB;QAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IACE,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,SAAS;YACpC,QAAQ,CAAC,IAAI,KAAK,MAAM;YACvB,QAAQ,CAAC,OAAO,EAAE,MAAiB,GAAG,CAAC,EACxC,CAAC;YACD,MAAM,IAAI,KAAK,CACb,iGAAiG,CAClG,CAAC;QACJ,CAAC;IACH,CAAC;IAEe,MAAM,CAAC,WAAwB;QAC7C,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;aAC5B,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;aACjC,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC;IAEe,MAAM,CAAC,IAAmB,EAAE,CAAC,WAAW,CAA4B;QAClF,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAEnC,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,EAAE,CAAC;YACtC,IAAI,CAAC,cAAc,GAAG,IAAI,GAAG,EAAE,CAAC;YAEhC,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;gBAC/B,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;oBACtB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBACnB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;YAED,OAAO,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAClC,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACvC,IAAI,CAAC,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;gBACjD,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBACtB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;YAC/B,MAAM,KAAK,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAClC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC5C,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACnB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF;AAMD,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import { noChange } from 'lit';\nimport {\n  type AttributePart,\n  Directive,\n  type DirectiveParameters,\n  directive,\n  type PartInfo,\n  PartType,\n} from 'lit/directive.js';\n\nexport interface PartMapInfo {\n  readonly [name: string]: boolean | null | undefined;\n}\n\nclass PartMapDirective extends Directive {\n  private _previousParts?: Set<string>;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n\n    if (\n      partInfo.type !== PartType.ATTRIBUTE ||\n      partInfo.name !== 'part' ||\n      (partInfo.strings?.length as number) > 0\n    ) {\n      throw new Error(\n        '`partMap() can only be used in the `part` attribute and must be the only part in the attribute.'\n      );\n    }\n  }\n\n  public override render(partMapInfo: PartMapInfo): string {\n    return Object.keys(partMapInfo)\n      .filter((key) => partMapInfo[key])\n      .join(' ');\n  }\n\n  public override update(part: AttributePart, [partMapInfo]: DirectiveParameters<this>) {\n    const partList = part.element.part;\n\n    if (this._previousParts === undefined) {\n      this._previousParts = new Set();\n\n      for (const name in partMapInfo) {\n        if (partMapInfo[name]) {\n          partList.add(name);\n          this._previousParts.add(name);\n        }\n      }\n\n      return this.render(partMapInfo);\n    }\n\n    for (const name of this._previousParts) {\n      if (!(name in partMapInfo) || !partMapInfo[name]) {\n        partList.remove(name);\n        this._previousParts.delete(name);\n      }\n    }\n\n    for (const name in partMapInfo) {\n      const value = !!partMapInfo[name];\n      if (value && !this._previousParts.has(name)) {\n        partList.add(name);\n        this._previousParts.add(name);\n      }\n    }\n\n    return noChange;\n  }\n}\n\n/**\n * Similar to Lit's {@link https://lit.dev/docs/templates/directives/#classmap | `classMap`} and\n * {@link https://lit.dev/docs/templates/directives/#stylemap | `styleMap`} but for `part` attributes.\n */\nexport const partMap = directive(PartMapDirective);\nexport type { PartMapDirective };\n"]}
+{"version":3,"file":"part-map.js","sourceRoot":"","sources":["../../src/internal/part-map.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAEL,SAAS,EAET,SAAS,EAET,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAM1B,MAAM,gBAAiB,SAAQ,SAAS;IAGtC,YAAY,QAAkB;QAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IACE,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,SAAS;YACpC,QAAQ,CAAC,IAAI,KAAK,MAAM;YACvB,QAAQ,CAAC,OAAO,EAAE,MAAiB,GAAG,CAAC,EACxC,CAAC;YACD,MAAM,IAAI,KAAK,CACb,iGAAiG,CAClG,CAAC;QACJ,CAAC;IACH,CAAC;IAEe,MAAM,CAAC,WAAwB;QAC7C,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;aAC5B,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;aACjC,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC;IAEe,MAAM,CAAC,IAAmB,EAAE,CAAC,WAAW,CAA4B;QAClF,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QACnC,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,KAAK,SAAS,CAAC;QACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,IAAI,IAAI,GAAG,EAAU,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;QAE/B,KAAK,MAAM,IAAI,IAAI,QAAQ,EAAE,CAAC;YAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;gBACvB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBACtB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE,CAAC;YAC/B,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC7C,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACnB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC;QACH,CAAC;QAID,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC3D,CAAC;CACF;AAMD,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import { noChange } from 'lit';\nimport {\n  type AttributePart,\n  Directive,\n  type DirectiveParameters,\n  directive,\n  type PartInfo,\n  PartType,\n} from 'lit/directive.js';\n\nexport interface PartMapInfo {\n  readonly [name: string]: boolean | null | undefined;\n}\n\nclass PartMapDirective extends Directive {\n  private _previousParts?: Set<string>;\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n\n    if (\n      partInfo.type !== PartType.ATTRIBUTE ||\n      partInfo.name !== 'part' ||\n      (partInfo.strings?.length as number) > 0\n    ) {\n      throw new Error(\n        '`partMap() can only be used in the `part` attribute and must be the only part in the attribute.'\n      );\n    }\n  }\n\n  public override render(partMapInfo: PartMapInfo): string {\n    return Object.keys(partMapInfo)\n      .filter((key) => partMapInfo[key])\n      .join(' ');\n  }\n\n  public override update(part: AttributePart, [partMapInfo]: DirectiveParameters<this>) {\n    const partList = part.element.part;\n    const firstRender = this._previousParts === undefined;\n    const previous = this._previousParts ?? new Set<string>();\n    this._previousParts = previous;\n\n    for (const name of previous) {\n      if (!partMapInfo[name]) {\n        partList.remove(name);\n        previous.delete(name);\n      }\n    }\n\n    for (const name in partMapInfo) {\n      if (partMapInfo[name] && !previous.has(name)) {\n        partList.add(name);\n        previous.add(name);\n      }\n    }\n\n    // The first render must produce the attribute value; later ones patch the\n    // part list directly.\n    return firstRender ? this.render(partMapInfo) : noChange;\n  }\n}\n\n/**\n * Similar to Lit's {@link https://lit.dev/docs/templates/directives/#classmap | `classMap`} and\n * {@link https://lit.dev/docs/templates/directives/#stylemap | `styleMap`} but for `part` attributes.\n */\nexport const partMap = directive(PartMapDirective);\nexport type { PartMapDirective };\n"]}

package/internal/tags.d.ts

@@ -1,8 +1,7 @@
 export declare const GRID_TAG: "igc-grid-lite";
-export declare const GRID_BODY: "igc-virtualizer";
 export declare const GRID_HEADER_ROW_TAG: "igc-grid-lite-header-row";
 export declare const GRID_HEADER_TAG: "igc-grid-lite-header";
 export declare const GRID_ROW_TAG: "igc-grid-lite-row";
 export declare const GRID_CELL_TAG: "igc-grid-lite-cell";
-export declare const GRID_FILTER_ROW_TAG: "igc-filter-row";
+export declare const GRID_FILTER_ROW_TAG: "igc-grid-lite-filter-row";
 export declare const GRID_COLUMN_TAG: "igc-grid-lite-column";

package/internal/tags.js

@@ -1,9 +1,8 @@
 export const GRID_TAG = 'igc-grid-lite';
-export const GRID_BODY = 'igc-virtualizer';
 export const GRID_HEADER_ROW_TAG = 'igc-grid-lite-header-row';
 export const GRID_HEADER_TAG = 'igc-grid-lite-header';
 export const GRID_ROW_TAG = 'igc-grid-lite-row';
 export const GRID_CELL_TAG = 'igc-grid-lite-cell';
-export const GRID_FILTER_ROW_TAG = 'igc-filter-row';
+export const GRID_FILTER_ROW_TAG = 'igc-grid-lite-filter-row';
 export const GRID_COLUMN_TAG = 'igc-grid-lite-column';
 //# sourceMappingURL=tags.js.map

package/internal/tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../src/internal/tags.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAwB,CAAC;AACjD,MAAM,CAAC,MAAM,SAAS,GAAG,iBAA0B,CAAC;AACpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,0BAAmC,CAAC;AACvE,MAAM,CAAC,MAAM,eAAe,GAAG,sBAA+B,CAAC;AAC/D,MAAM,CAAC,MAAM,YAAY,GAAG,mBAA4B,CAAC;AACzD,MAAM,CAAC,MAAM,aAAa,GAAG,oBAA6B,CAAC;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,gBAAyB,CAAC;AAC7D,MAAM,CAAC,MAAM,eAAe,GAAG,sBAA+B,CAAC","sourcesContent":["export const GRID_TAG = 'igc-grid-lite' as const;\nexport const GRID_BODY = 'igc-virtualizer' as const;\nexport const GRID_HEADER_ROW_TAG = 'igc-grid-lite-header-row' as const;\nexport const GRID_HEADER_TAG = 'igc-grid-lite-header' as const;\nexport const GRID_ROW_TAG = 'igc-grid-lite-row' as const;\nexport const GRID_CELL_TAG = 'igc-grid-lite-cell' as const;\nexport const GRID_FILTER_ROW_TAG = 'igc-filter-row' as const;\nexport const GRID_COLUMN_TAG = 'igc-grid-lite-column' as const;\n"]}
+{"version":3,"file":"tags.js","sourceRoot":"","sources":["../../src/internal/tags.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAwB,CAAC;AACjD,MAAM,CAAC,MAAM,mBAAmB,GAAG,0BAAmC,CAAC;AACvE,MAAM,CAAC,MAAM,eAAe,GAAG,sBAA+B,CAAC;AAC/D,MAAM,CAAC,MAAM,YAAY,GAAG,mBAA4B,CAAC;AACzD,MAAM,CAAC,MAAM,aAAa,GAAG,oBAA6B,CAAC;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,0BAAmC,CAAC;AACvE,MAAM,CAAC,MAAM,eAAe,GAAG,sBAA+B,CAAC","sourcesContent":["export const GRID_TAG = 'igc-grid-lite' as const;\nexport const GRID_HEADER_ROW_TAG = 'igc-grid-lite-header-row' as const;\nexport const GRID_HEADER_TAG = 'igc-grid-lite-header' as const;\nexport const GRID_ROW_TAG = 'igc-grid-lite-row' as const;\nexport const GRID_CELL_TAG = 'igc-grid-lite-cell' as const;\nexport const GRID_FILTER_ROW_TAG = 'igc-grid-lite-filter-row' as const;\nexport const GRID_COLUMN_TAG = 'igc-grid-lite-column' as const;\n"]}

package/internal/types.d.ts

@@ -5,15 +5,13 @@ import type { IgcGridLite } from '../components/grid.js';
 import type IgcGridLiteHeader from '../components/header.js';
 import type IgcGridLiteRow from '../components/row.js';
 import type { SortComparer } from '../operations/sort/types.js';
-export type NavigationState = 'previous' | 'current';
 export type GridHost<T extends object> = ReactiveControllerHost & IgcGridLite<T>;
+type ThemeStyles = {
+    [K in Theme | 'shared']?: CSSResult;
+};
 export type Themes = {
-    light: {
-        [K in Theme | 'shared']?: CSSResult;
-    };
-    dark: {
-        [K in Theme | 'shared']?: CSSResult;
-    };
+    light: ThemeStyles;
+    dark: ThemeStyles;
 };
 type FlatKeys<T> = keyof T;
 type NonTraversable = ((...args: never) => unknown) | Array<unknown> | Date | RegExp | Map<unknown, unknown> | Set<unknown> | Promise<unknown>;
@@ -93,7 +91,7 @@ export interface BaseColumnConfiguration<T extends object, K extends Keys<T> = K
      */
     hidden?: boolean;
     /**
-     * Whether the the column can be resized or not.
+     * Whether the column can be resized or not.
      */
     resizable?: boolean;
     /**
@@ -133,6 +131,19 @@ export interface ActiveNode<T> {
     column: Keys<T>;
     row: number;
 }
+/**
+ * Options for the navigateTo API of the grid.
+ */
+export interface NavigateToOptions<T> {
+    /**
+     * The column field to navigate to. Without it, only the row scrolls into view.
+     */
+    column?: Keys<T>;
+    /**
+     * When true, the navigated cell becomes the active cell.
+     */
+    activate?: boolean;
+}
 /**
  * Context object for the column header template callback.
  */

package/internal/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Theme } from 'igniteui-webcomponents';\nimport type { CSSResult, ReactiveControllerHost, TemplateResult } from 'lit';\nimport type IgcGridLiteCell from '../components/cell.js';\nimport type { IgcGridLite } from '../components/grid.js';\nimport type IgcGridLiteHeader from '../components/header.js';\nimport type IgcGridLiteRow from '../components/row.js';\nimport type { SortComparer } from '../operations/sort/types.js';\n\nexport type NavigationState = 'previous' | 'current';\nexport type GridHost<T extends object> = ReactiveControllerHost & IgcGridLite<T>;\n\nexport type Themes = {\n  light: {\n    [K in Theme | 'shared']?: CSSResult;\n  };\n  dark: {\n    [K in Theme | 'shared']?: CSSResult;\n  };\n};\n\ntype FlatKeys<T> = keyof T;\n\ntype NonTraversable =\n  | ((...args: never) => unknown)\n  | Array<unknown>\n  | Date\n  | RegExp\n  | Map<unknown, unknown>\n  | Set<unknown>\n  | Promise<unknown>;\ntype Prev = [never, 0, 1, 2, 3, 4];\n\ntype DotPaths<T, Depth extends number = 5> = Depth extends 0\n  ? never\n  :\n      | {\n          [K in keyof T & string]: T[K] extends object\n            ? T[K] extends NonTraversable\n              ? never\n              : `${K}.${DotPaths<T[K], Prev[Depth]>}` // Note: resolving `never` will collapse the entire interpolated string to never, leaving only valid paths\n            : never;\n        }[keyof T & string]\n      | (keyof T & string);\n\ntype NestedKeys<T> = Exclude<DotPaths<T>, FlatKeys<T>>;\n\n/**\n * Helper type for resolving keys of type T.\n */\nexport type Keys<T> = FlatKeys<T> | NestedKeys<T>;\n\n/** Recursive T[K] property type resolve with nested dot paths support */\ntype PathValue<T, P extends string> = P extends `${infer K}.${infer Rest}`\n  ? K extends keyof T\n    ? PathValue<T[K], Rest>\n    : never\n  : P extends keyof T\n    ? T[P]\n    : never;\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type PropertyType<T, K extends Keys<T> = Keys<T>> =\n  K extends NestedKeys<T>\n    ? PathValue<T, K> // nested path\n    : K extends keyof T\n      ? T[K] // flat key\n      : never;\n\n/** The data for the current column. */\nexport type DataType = 'number' | 'string' | 'boolean';\n\n/**\n * Configures the sort behavior for the grid.\n */\nexport interface GridLiteSortingOptions {\n  /**\n   * The sorting mode - either 'single' or 'multiple' column sorting.\n   */\n  mode: 'single' | 'multiple';\n}\n\n/**\n * Extended sort configuration for a column.\n */\nexport interface BaseColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> {\n  /**\n   * Custom comparer function for sort operations for this column.\n   */\n  comparer?: SortComparer<T, K>;\n}\n\n/**\n * See {@link BaseColumnSortConfiguration} for the full documentation.\n */\nexport type ColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> =\n  K extends Keys<T> ? BaseColumnSortConfiguration<T, K> : never;\n\n/** Configuration object for grid columns. */\nexport interface BaseColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The field from the data for this column.\n   */\n  field: K;\n  /**\n   * The type of data this column will reference.\n   *\n   * Affects the default filter operands if the column is with filtering enabled.\n   *\n   * @remarks\n   * If not passed, `string` is assumed to be the default type.\n   *\n   */\n  dataType?: DataType;\n  /**\n   * Optional text to display in the column header. By default, the column field is used\n   * to render the header text.\n   */\n  header?: string;\n  /**\n   * Width for the current column.\n   *\n   * Accepts most CSS units for controlling width.\n   *\n   * @remarks\n   * If not passed, the column will try to size itself based on the number of other\n   * columns and the total width of the grid.\n   *\n   */\n  width?: string;\n  /**\n   * Whether the column is hidden or not.\n   */\n  hidden?: boolean;\n  /**\n   * Whether the the column can be resized or not.\n   */\n  resizable?: boolean;\n  /**\n   * Whether the column can be sorted.\n   */\n  sortable?: boolean;\n  /**\n   * Whether the sort operations will be case sensitive.\n   */\n  sortingCaseSensitive?: boolean;\n  /**\n   * Sort configuration options for the column (e.g., custom comparer).\n   */\n  sortConfiguration?: ColumnSortConfiguration<T, K>;\n  /**\n   * Whether the column can be filtered.\n   */\n  filterable?: boolean;\n  /**\n   * Whether the filter operations will be case sensitive.\n   */\n  filteringCaseSensitive?: boolean;\n  /**\n   * Header template callback.\n   */\n  headerTemplate?: (params: IgcHeaderContext<T>) => TemplateResult | unknown;\n  /**\n   * Cell template callback.\n   */\n  cellTemplate?: (params: IgcCellContext<T, K>) => TemplateResult | unknown;\n}\n\n/**\n * See {@link BaseColumnConfiguration} for the full documentation.\n */\nexport type ColumnConfiguration<T extends object = any, K extends Keys<T> = Keys<T>> =\n  K extends Keys<T> ? BaseColumnConfiguration<T, K> : never;\n\nexport interface ActiveNode<T> {\n  column: Keys<T>;\n  row: number;\n}\n\n/**\n * Context object for the column header template callback.\n */\nexport interface IgcHeaderContext<T extends object = any> {\n  /**\n   * The header element parent of the template.\n   */\n  parent: IgcGridLiteHeader<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T>;\n}\n\n/**\n * Context object for the row cell template callback.\n */\nexport interface BaseIgcCellContext<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The cell element parent of the template.\n   */\n  parent: IgcGridLiteCell<T>;\n  /**\n   * The row element containing the cell.\n   */\n  row: IgcGridLiteRow<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T, K>;\n  /**\n   * The value from the data source for this cell.\n   */\n  value: PropertyType<T, K>;\n}\n\n/**\n * See {@link BaseIgcCellContext} for the full documentation.\n */\nexport type IgcCellContext<T extends object = any, K extends Keys<T> = Keys<T>> =\n  K extends Keys<T> ? BaseIgcCellContext<T, K> : never;\n\n/**\n * The parameters passed to a {@link DataPipelineHook} callback.\n */\nexport type DataPipelineParams<T extends object> = {\n  /**\n   * The current data state of the grid.\n   */\n  data: T[];\n  /**\n   * The grid component itself.\n   */\n  grid: IgcGridLite<T>;\n  /**\n   * The type of data operation being performed.\n   */\n  type: 'sort' | 'filter';\n};\n\n/**\n * Callback function for customizing data operations in the grid.\n */\nexport type DataPipelineHook<T extends object> = (\n  state: DataPipelineParams<T>\n) => T[] | Promise<T[]>;\n\n/**\n * Configuration for customizing the various data operations of the grid.\n */\nexport interface DataPipelineConfiguration<T extends object> {\n  /**\n   * Hook for customizing sort operations.\n   */\n  sort?: DataPipelineHook<T>;\n  /**\n   * Hook for customizing filter operations.\n   */\n  filter?: DataPipelineHook<T>;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Theme } from 'igniteui-webcomponents';\nimport type { CSSResult, ReactiveControllerHost, TemplateResult } from 'lit';\nimport type IgcGridLiteCell from '../components/cell.js';\nimport type { IgcGridLite } from '../components/grid.js';\nimport type IgcGridLiteHeader from '../components/header.js';\nimport type IgcGridLiteRow from '../components/row.js';\nimport type { SortComparer } from '../operations/sort/types.js';\n\nexport type GridHost<T extends object> = ReactiveControllerHost & IgcGridLite<T>;\n\ntype ThemeStyles = { [K in Theme | 'shared']?: CSSResult };\n\nexport type Themes = { light: ThemeStyles; dark: ThemeStyles };\n\ntype FlatKeys<T> = keyof T;\n\ntype NonTraversable =\n  | ((...args: never) => unknown)\n  | Array<unknown>\n  | Date\n  | RegExp\n  | Map<unknown, unknown>\n  | Set<unknown>\n  | Promise<unknown>;\ntype Prev = [never, 0, 1, 2, 3, 4];\n\ntype DotPaths<T, Depth extends number = 5> = Depth extends 0\n  ? never\n  :\n      | {\n          [K in keyof T & string]: T[K] extends object\n            ? T[K] extends NonTraversable\n              ? never\n              : `${K}.${DotPaths<T[K], Prev[Depth]>}` // `never` collapses invalid paths\n            : never;\n        }[keyof T & string]\n      | (keyof T & string);\n\ntype NestedKeys<T> = Exclude<DotPaths<T>, FlatKeys<T>>;\n\n/**\n * Helper type for resolving keys of type T.\n */\nexport type Keys<T> = FlatKeys<T> | NestedKeys<T>;\n\n/** Recursive T[K] property type resolve with nested dot paths support */\ntype PathValue<T, P extends string> = P extends `${infer K}.${infer Rest}`\n  ? K extends keyof T\n    ? PathValue<T[K], Rest>\n    : never\n  : P extends keyof T\n    ? T[P]\n    : never;\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type PropertyType<T, K extends Keys<T> = Keys<T>> =\n  K extends NestedKeys<T>\n    ? PathValue<T, K> // nested path\n    : K extends keyof T\n      ? T[K] // flat key\n      : never;\n\n/** The data for the current column. */\nexport type DataType = 'number' | 'string' | 'boolean';\n\n/**\n * Configures the sort behavior for the grid.\n */\nexport interface GridLiteSortingOptions {\n  /**\n   * The sorting mode - either 'single' or 'multiple' column sorting.\n   */\n  mode: 'single' | 'multiple';\n}\n\n/**\n * Extended sort configuration for a column.\n */\nexport interface BaseColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> {\n  /**\n   * Custom comparer function for sort operations for this column.\n   */\n  comparer?: SortComparer<T, K>;\n}\n\n/**\n * See {@link BaseColumnSortConfiguration} for the full documentation.\n */\nexport type ColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> =\n  K extends Keys<T> ? BaseColumnSortConfiguration<T, K> : never;\n\n/** Configuration object for grid columns. */\nexport interface BaseColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The field from the data for this column.\n   */\n  field: K;\n  /**\n   * The type of data this column will reference.\n   *\n   * Affects the default filter operands if the column is with filtering enabled.\n   *\n   * @remarks\n   * If not passed, `string` is assumed to be the default type.\n   *\n   */\n  dataType?: DataType;\n  /**\n   * Optional text to display in the column header. By default, the column field is used\n   * to render the header text.\n   */\n  header?: string;\n  /**\n   * Width for the current column.\n   *\n   * Accepts most CSS units for controlling width.\n   *\n   * @remarks\n   * If not passed, the column will try to size itself based on the number of other\n   * columns and the total width of the grid.\n   *\n   */\n  width?: string;\n  /**\n   * Whether the column is hidden or not.\n   */\n  hidden?: boolean;\n  /**\n   * Whether the column can be resized or not.\n   */\n  resizable?: boolean;\n  /**\n   * Whether the column can be sorted.\n   */\n  sortable?: boolean;\n  /**\n   * Whether the sort operations will be case sensitive.\n   */\n  sortingCaseSensitive?: boolean;\n  /**\n   * Sort configuration options for the column (e.g., custom comparer).\n   */\n  sortConfiguration?: ColumnSortConfiguration<T, K>;\n  /**\n   * Whether the column can be filtered.\n   */\n  filterable?: boolean;\n  /**\n   * Whether the filter operations will be case sensitive.\n   */\n  filteringCaseSensitive?: boolean;\n  /**\n   * Header template callback.\n   */\n  headerTemplate?: (params: IgcHeaderContext<T>) => TemplateResult | unknown;\n  /**\n   * Cell template callback.\n   */\n  cellTemplate?: (params: IgcCellContext<T, K>) => TemplateResult | unknown;\n}\n\n/**\n * See {@link BaseColumnConfiguration} for the full documentation.\n */\nexport type ColumnConfiguration<T extends object = any, K extends Keys<T> = Keys<T>> =\n  K extends Keys<T> ? BaseColumnConfiguration<T, K> : never;\n\nexport interface ActiveNode<T> {\n  column: Keys<T>;\n  row: number;\n}\n\n/**\n * Options for the navigateTo API of the grid.\n */\nexport interface NavigateToOptions<T> {\n  /**\n   * The column field to navigate to. Without it, only the row scrolls into view.\n   */\n  column?: Keys<T>;\n  /**\n   * When true, the navigated cell becomes the active cell.\n   */\n  activate?: boolean;\n}\n\n/**\n * Context object for the column header template callback.\n */\nexport interface IgcHeaderContext<T extends object = any> {\n  /**\n   * The header element parent of the template.\n   */\n  parent: IgcGridLiteHeader<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T>;\n}\n\n/**\n * Context object for the row cell template callback.\n */\nexport interface BaseIgcCellContext<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The cell element parent of the template.\n   */\n  parent: IgcGridLiteCell<T>;\n  /**\n   * The row element containing the cell.\n   */\n  row: IgcGridLiteRow<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T, K>;\n  /**\n   * The value from the data source for this cell.\n   */\n  value: PropertyType<T, K>;\n}\n\n/**\n * See {@link BaseIgcCellContext} for the full documentation.\n */\nexport type IgcCellContext<T extends object = any, K extends Keys<T> = Keys<T>> =\n  K extends Keys<T> ? BaseIgcCellContext<T, K> : never;\n\n/**\n * The parameters passed to a {@link DataPipelineHook} callback.\n */\nexport type DataPipelineParams<T extends object> = {\n  /**\n   * The current data state of the grid.\n   */\n  data: T[];\n  /**\n   * The grid component itself.\n   */\n  grid: IgcGridLite<T>;\n  /**\n   * The type of data operation being performed.\n   */\n  type: 'sort' | 'filter';\n};\n\n/**\n * Callback function for customizing data operations in the grid.\n */\nexport type DataPipelineHook<T extends object> = (\n  state: DataPipelineParams<T>\n) => T[] | Promise<T[]>;\n\n/**\n * Configuration for customizing the various data operations of the grid.\n */\nexport interface DataPipelineConfiguration<T extends object> {\n  /**\n   * Hook for customizing sort operations.\n   */\n  sort?: DataPipelineHook<T>;\n  /**\n   * Hook for customizing filter operations.\n   */\n  filter?: DataPipelineHook<T>;\n}\n"]}

package/internal/utils.d.ts

@@ -1,19 +1,18 @@
 import type { StyleInfo } from 'lit/directives/style-map.js';
+import type { FilterOperation } from '../operations/filter/types.js';
 import type { ColumnConfiguration, Keys, PropertyType } from './types.js';
-/**
- * Resolves a value from an object using a path string.
- * Supports nested properties using dot notation (e.g., 'prop.nestedProp').
- *
- * @param obj - The object to resolve the value from.
- * @param path - The path to the property, can be a simple key or dot-separated path.
- * @returns The resolved value, or undefined if the path cannot be resolved.
- */
+/** Resolves `path` on `obj`. Dot paths reach nested props (`'a.b'`). Undefined when unresolvable. */
 export declare function resolveFieldValue<T>(obj: T, path: Keys<T>): PropertyType<T>;
+/** The columns rows render. Navigation, ARIA and track sizes share this sequence. */
+export declare function visibleColumns<T extends object>(columns: ColumnConfiguration<T>[]): ColumnConfiguration<T>[];
 export declare function applyColumnWidths<T extends object>(columns: Array<ColumnConfiguration<T>>): StyleInfo;
+export declare function clamp(value: number, min: number, max: number): number;
 export declare function isBoolean(x: unknown): x is boolean;
 export declare function isNumber(x: unknown): x is number;
 export declare function isString(x: unknown): x is string;
 export declare function asArray<T>(value: T | T[]): T[];
 export declare function getFilterOperandsFor<T extends object>(column: ColumnConfiguration<T>): Readonly<import("../operations/filter/types.js").FilterOperands<number, import("../operations/filter/operands/number.js").NumberKeys>> | Readonly<import("../operations/filter/types.js").FilterOperands<string, import("../operations/filter/operands/string.js").StringKeys>> | Readonly<import("../operations/filter/types.js").FilterOperands<boolean, import("../operations/filter/operands/boolean.js").BooleanKeys>>;
+/** Resolves a raw operand name (e.g. 'contains') to the column's filter operation. */
+export declare function resolveCondition<T extends object>(column: ColumnConfiguration<T>, name: string): FilterOperation<any>;
 export declare function setColumnsFromData<T extends object>(record: T): Array<ColumnConfiguration<T>>;
 export declare function createColumnConfiguration<T extends object>(config: Partial<ColumnConfiguration<T>>): ColumnConfiguration<T>;

package/internal/utils.js

@@ -1,22 +1,36 @@
 import { BooleanOperands } from '../operations/filter/operands/boolean.js';
 import { NumberOperands } from '../operations/filter/operands/number.js';
 import { StringOperands } from '../operations/filter/operands/string.js';
+const DEFAULT_COLUMN_WIDTH = 'minmax(136px, 1fr)';
 function _isObject(entity) {
     return entity != null && typeof entity === 'object';
 }
+const pathSegments = new Map();
+function getPathSegments(path) {
+    let segments = pathSegments.get(path);
+    if (!segments) {
+        segments = path.split('.');
+        pathSegments.set(path, segments);
+    }
+    return segments;
+}
 export function resolveFieldValue(obj, path) {
     if (typeof path === 'string' && path.includes('.')) {
-        return path.split('.').reduce((current, key) => {
+        return getPathSegments(path).reduce((current, key) => {
             return _isObject(current) && key in current ? current[key] : undefined;
         }, obj);
     }
     return obj[path];
 }
+export function visibleColumns(columns) {
+    return columns.filter((column) => !column.hidden);
+}
 export function applyColumnWidths(columns) {
-    const iter = Iterator.from(columns)
-        .filter((each) => !each.hidden)
-        .map((each) => each.width ?? 'minmax(136px, 1fr)');
-    return { 'grid-template-columns': iter.toArray().join(' ') };
+    const widths = visibleColumns(columns).map((each) => each.width ?? DEFAULT_COLUMN_WIDTH);
+    return { 'grid-template-columns': widths.join(' ') };
+}
+export function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
 }
 export function isBoolean(x) {
     return typeof x === 'boolean';
@@ -40,6 +54,9 @@ export function getFilterOperandsFor(column) {
             return StringOperands;
     }
 }
+export function resolveCondition(column, name) {
+    return getFilterOperandsFor(column)[name];
+}
 function getColumnType(value) {
     if (isBoolean(value)) {
         return 'boolean';

package/internal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/internal/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { StyleInfo } from 'lit/directives/style-map.js';\nimport { BooleanOperands } from '../operations/filter/operands/boolean.js';\nimport { NumberOperands } from '../operations/filter/operands/number.js';\nimport { StringOperands } from '../operations/filter/operands/string.js';\nimport type { ColumnConfiguration, Keys, PropertyType } from './types.js';\n\nfunction _isObject(entity: unknown): entity is Record<string, unknown> {\n  return entity != null && typeof entity === 'object';\n}\n\n/**\n * Resolves a value from an object using a path string.\n * Supports nested properties using dot notation (e.g., 'prop.nestedProp').\n *\n * @param obj - The object to resolve the value from.\n * @param path - The path to the property, can be a simple key or dot-separated path.\n * @returns The resolved value, or undefined if the path cannot be resolved.\n */\nexport function resolveFieldValue<T>(obj: T, path: Keys<T>): PropertyType<T> {\n  if (typeof path === 'string' && path.includes('.')) {\n    return path.split('.').reduce<unknown>((current, key) => {\n      return _isObject(current) && key in current ? current[key] : undefined;\n    }, obj) as PropertyType<T>;\n  }\n  return obj[path as keyof T] as PropertyType<T>;\n}\n\nexport function applyColumnWidths<T extends object>(\n  columns: Array<ColumnConfiguration<T>>\n): StyleInfo {\n  const iter = Iterator.from(columns)\n    .filter((each) => !each.hidden)\n    .map((each) => each.width ?? 'minmax(136px, 1fr)');\n\n  return { 'grid-template-columns': iter.toArray().join(' ') };\n}\n\nexport function isBoolean(x: unknown): x is boolean {\n  return typeof x === 'boolean';\n}\n\nexport function isNumber(x: unknown): x is number {\n  return typeof x === 'number' && !Number.isNaN(x);\n}\n\nexport function isString(x: unknown): x is string {\n  return typeof x === 'string';\n}\n\nexport function asArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n\nexport function getFilterOperandsFor<T extends object>(column: ColumnConfiguration<T>) {\n  // Check for custom class in the filter config\n  switch (column.dataType) {\n    case 'boolean':\n      return BooleanOperands;\n    case 'number':\n      return NumberOperands;\n    default:\n      return StringOperands;\n  }\n}\n\nfunction getColumnType(value: unknown): 'boolean' | 'number' | 'string' {\n  if (isBoolean(value)) {\n    return 'boolean';\n  }\n\n  if (isNumber(value)) {\n    return 'number';\n  }\n\n  return 'string';\n}\n\nexport function setColumnsFromData<T extends object>(record: T): Array<ColumnConfiguration<T>> {\n  return Object.entries(record).map(([key, value]) => {\n    return createColumnConfiguration<T>({\n      field: key as keyof T,\n      dataType: getColumnType(value),\n    } as Partial<ColumnConfiguration<T>>);\n  });\n}\n\nexport function createColumnConfiguration<T extends object>(\n  config: Partial<ColumnConfiguration<T>>\n): ColumnConfiguration<T> {\n  return {\n    field: config.field ?? '',\n    dataType: config.dataType ?? 'string',\n    header: config.header,\n    width: config.width,\n    hidden: config.hidden ?? false,\n    resizable: config.resizable ?? false,\n    sortable: config.sortable ?? false,\n    sortingCaseSensitive: config.sortingCaseSensitive ?? false,\n    sortConfiguration: config.sortConfiguration,\n    filterable: config.filterable ?? false,\n    filteringCaseSensitive: config.filteringCaseSensitive ?? false,\n    headerTemplate: config.headerTemplate,\n    cellTemplate: config.cellTemplate,\n  } as ColumnConfiguration<T>;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/internal/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { StyleInfo } from 'lit/directives/style-map.js';\nimport { BooleanOperands } from '../operations/filter/operands/boolean.js';\nimport { NumberOperands } from '../operations/filter/operands/number.js';\nimport { StringOperands } from '../operations/filter/operands/string.js';\nimport type { FilterOperation } from '../operations/filter/types.js';\nimport type { ColumnConfiguration, DataType, Keys, PropertyType } from './types.js';\n\nconst DEFAULT_COLUMN_WIDTH = 'minmax(136px, 1fr)';\n\nfunction _isObject(entity: unknown): entity is Record<string, unknown> {\n  return entity != null && typeof entity === 'object';\n}\n\n/** Dot-path segment cache: sort and filter resolve the same few paths per record. */\nconst pathSegments = new Map<string, string[]>();\n\nfunction getPathSegments(path: string): string[] {\n  let segments = pathSegments.get(path);\n\n  if (!segments) {\n    segments = path.split('.');\n    pathSegments.set(path, segments);\n  }\n\n  return segments;\n}\n\n/** Resolves `path` on `obj`. Dot paths reach nested props (`'a.b'`). Undefined when unresolvable. */\nexport function resolveFieldValue<T>(obj: T, path: Keys<T>): PropertyType<T> {\n  if (typeof path === 'string' && path.includes('.')) {\n    return getPathSegments(path).reduce<unknown>((current, key) => {\n      return _isObject(current) && key in current ? current[key] : undefined;\n    }, obj) as PropertyType<T>;\n  }\n  return obj[path as keyof T] as PropertyType<T>;\n}\n\n/** The columns rows render. Navigation, ARIA and track sizes share this sequence. */\nexport function visibleColumns<T extends object>(\n  columns: ColumnConfiguration<T>[]\n): ColumnConfiguration<T>[] {\n  return columns.filter((column) => !column.hidden);\n}\n\nexport function applyColumnWidths<T extends object>(\n  columns: Array<ColumnConfiguration<T>>\n): StyleInfo {\n  const widths = visibleColumns(columns).map((each) => each.width ?? DEFAULT_COLUMN_WIDTH);\n\n  return { 'grid-template-columns': widths.join(' ') };\n}\n\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\nexport function isBoolean(x: unknown): x is boolean {\n  return typeof x === 'boolean';\n}\n\nexport function isNumber(x: unknown): x is number {\n  return typeof x === 'number' && !Number.isNaN(x);\n}\n\nexport function isString(x: unknown): x is string {\n  return typeof x === 'string';\n}\n\nexport function asArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n\nexport function getFilterOperandsFor<T extends object>(column: ColumnConfiguration<T>) {\n  switch (column.dataType) {\n    case 'boolean':\n      return BooleanOperands;\n    case 'number':\n      return NumberOperands;\n    default:\n      return StringOperands;\n  }\n}\n\n/** Resolves a raw operand name (e.g. 'contains') to the column's filter operation. */\nexport function resolveCondition<T extends object>(\n  column: ColumnConfiguration<T>,\n  name: string\n): FilterOperation<any> {\n  return (getFilterOperandsFor(column) as Record<string, FilterOperation<any>>)[name];\n}\n\nfunction getColumnType(value: unknown): DataType {\n  if (isBoolean(value)) {\n    return 'boolean';\n  }\n\n  if (isNumber(value)) {\n    return 'number';\n  }\n\n  return 'string';\n}\n\nexport function setColumnsFromData<T extends object>(record: T): Array<ColumnConfiguration<T>> {\n  return Object.entries(record).map(([key, value]) => {\n    return createColumnConfiguration<T>({\n      field: key as keyof T,\n      dataType: getColumnType(value),\n    } as Partial<ColumnConfiguration<T>>);\n  });\n}\n\nexport function createColumnConfiguration<T extends object>(\n  config: Partial<ColumnConfiguration<T>>\n): ColumnConfiguration<T> {\n  return {\n    field: config.field ?? '',\n    dataType: config.dataType ?? 'string',\n    header: config.header,\n    width: config.width,\n    hidden: config.hidden ?? false,\n    resizable: config.resizable ?? false,\n    sortable: config.sortable ?? false,\n    sortingCaseSensitive: config.sortingCaseSensitive ?? false,\n    sortConfiguration: config.sortConfiguration,\n    filterable: config.filterable ?? false,\n    filteringCaseSensitive: config.filteringCaseSensitive ?? false,\n    headerTemplate: config.headerTemplate,\n    cellTemplate: config.cellTemplate,\n  } as ColumnConfiguration<T>;\n}\n"]}

package/internal/watch.js

@@ -1,17 +1,16 @@
 export function watch(propName, options) {
     return (protoOrDescriptor, name) => {
         const { willUpdate } = protoOrDescriptor;
-        const _options = Object.assign({ waitUntilFirstUpdate: false }, options);
+        const waitUntilFirstUpdate = options?.waitUntilFirstUpdate ?? false;
         protoOrDescriptor.willUpdate = function (changedProps) {
             willUpdate.call(this, changedProps);
-            if (changedProps.has(propName)) {
-                const oldValue = changedProps.get(propName);
-                const newValue = this[propName];
-                if (oldValue !== newValue) {
-                    if (!_options?.waitUntilFirstUpdate || this.hasUpdated) {
-                        this[name].call(this, oldValue, newValue);
-                    }
-                }
+            if (!changedProps.has(propName)) {
+                return;
+            }
+            const oldValue = changedProps.get(propName);
+            const newValue = this[propName];
+            if (oldValue !== newValue && (!waitUntilFirstUpdate || this.hasUpdated)) {
+                this[name].call(this, oldValue, newValue);
             }
         };
     };

package/internal/watch.js.map

@@ -1 +1 @@
-{"version":3,"file":"watch.js","sourceRoot":"","sources":["../../src/internal/watch.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,KAAK,CAAC,QAAgB,EAAE,OAAsB;IAC5D,OAAO,CAAC,iBAAsB,EAAE,IAAY,EAAO,EAAE;QACnD,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC;QAEzC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,oBAAoB,EAAE,KAAK,EAAE,EAAE,OAAO,CAAiB,CAAC;QAEzF,iBAAiB,CAAC,UAAU,GAAG,UAAU,YAA8B;YACrE,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;YAEpC,IAAI,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC/B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAEhC,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;oBAC1B,IAAI,CAAC,QAAQ,EAAE,oBAAoB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;wBACvD,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAC5C,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["interface WatchOptions {\n  waitUntilFirstUpdate?: boolean;\n}\n\nexport function watch(propName: string, options?: WatchOptions) {\n  return (protoOrDescriptor: any, name: string): any => {\n    const { willUpdate } = protoOrDescriptor;\n\n    const _options = Object.assign({ waitUntilFirstUpdate: false }, options) as WatchOptions;\n\n    protoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n      willUpdate.call(this, changedProps);\n\n      if (changedProps.has(propName)) {\n        const oldValue = changedProps.get(propName);\n        const newValue = this[propName];\n\n        if (oldValue !== newValue) {\n          if (!_options?.waitUntilFirstUpdate || this.hasUpdated) {\n            this[name].call(this, oldValue, newValue);\n          }\n        }\n      }\n    };\n  };\n}\n"]}
+{"version":3,"file":"watch.js","sourceRoot":"","sources":["../../src/internal/watch.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,KAAK,CAAC,QAAgB,EAAE,OAAsB;IAC5D,OAAO,CAAC,iBAAsB,EAAE,IAAY,EAAO,EAAE;QACnD,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,CAAC;QACzC,MAAM,oBAAoB,GAAG,OAAO,EAAE,oBAAoB,IAAI,KAAK,CAAC;QAEpE,iBAAiB,CAAC,UAAU,GAAG,UAAU,YAA8B;YACrE,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;YAEpC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAChC,OAAO;YACT,CAAC;YAED,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;YAEhC,IAAI,QAAQ,KAAK,QAAQ,IAAI,CAAC,CAAC,oBAAoB,IAAI,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;gBACxE,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["interface WatchOptions {\n  waitUntilFirstUpdate?: boolean;\n}\n\nexport function watch(propName: string, options?: WatchOptions) {\n  return (protoOrDescriptor: any, name: string): any => {\n    const { willUpdate } = protoOrDescriptor;\n    const waitUntilFirstUpdate = options?.waitUntilFirstUpdate ?? false;\n\n    protoOrDescriptor.willUpdate = function (changedProps: Map<string, any>) {\n      willUpdate.call(this, changedProps);\n\n      if (!changedProps.has(propName)) {\n        return;\n      }\n\n      const oldValue = changedProps.get(propName);\n      const newValue = this[propName];\n\n      if (oldValue !== newValue && (!waitUntilFirstUpdate || this.hasUpdated)) {\n        this[name].call(this, oldValue, newValue);\n      }\n    };\n  };\n}\n"]}