apex-grid 1.1.0 → 3.0.0

package/internal/utils.js

@@ -1,13 +1,54 @@
 import { BooleanOperands } from '../operations/filter/operands/boolean.js';
 import { NumberOperands } from '../operations/filter/operands/number.js';
 import { StringOperands } from '../operations/filter/operands/string.js';
-export function applyColumnWidths(columns) {
-    return {
-        'grid-template-columns': columns
-            .filter((each) => !each.hidden)
-            .map(({ width }) => width ?? 'minmax(136px, 1fr)')
-            .join(' '),
-    };
+export const SELECTION_COLUMN_WIDTH = 44;
+export const EXPANSION_COLUMN_WIDTH = 40;
+export function applyColumnWidths(columns, options = {}) {
+    const tracks = columns
+        .filter((each) => !each.hidden)
+        .map(({ width }) => width ?? 'minmax(136px, 1fr)');
+    if (options.showExpansionColumn) {
+        tracks.unshift(`${EXPANSION_COLUMN_WIDTH}px`);
+    }
+    if (options.showSelectionColumn) {
+        tracks.unshift(`${SELECTION_COLUMN_WIDTH}px`);
+    }
+    return { 'grid-template-columns': tracks.join(' ') };
+}
+export function getDisplayColumns(columns) {
+    const start = [];
+    const middle = [];
+    const end = [];
+    for (const column of columns) {
+        if (column.pinned === 'start')
+            start.push(column);
+        else if (column.pinned === 'end')
+            end.push(column);
+        else
+            middle.push(column);
+    }
+    return [...start, ...middle, ...end];
+}
+export function getPinEdge(displayColumns, index) {
+    const column = displayColumns[index];
+    if (!column?.pinned)
+        return null;
+    if (column.pinned === 'start') {
+        for (let i = index + 1; i < displayColumns.length; i++) {
+            const next = displayColumns[i];
+            if (next.hidden)
+                continue;
+            return next.pinned === 'start' ? null : 'start';
+        }
+        return 'start';
+    }
+    for (let i = index - 1; i >= 0; i--) {
+        const prev = displayColumns[i];
+        if (prev.hidden)
+            continue;
+        return prev.pinned === 'end' ? null : 'end';
+    }
+    return 'end';
 }
 export function autoGenerateColumns(grid) {
     if (grid.autoGenerate && grid.columns.length < 1) {

package/internal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/internal/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAIzE,MAAM,UAAU,iBAAiB,CAC/B,OAAsC;IAEtC,OAAO;QACL,uBAAuB,EAAE,OAAO;aAC7B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;aAC9B,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,oBAAoB,CAAC;aACjD,IAAI,CAAC,GAAG,CAAC;KACb,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAmB,IAAiB;IACrE,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAElC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACzD,MAAM,IAAI,GACR,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC3F,OAAO,EAAE,GAAG,EAAE,IAAI,EAA4B,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC;AAED,MAAM,UAAU,OAAO,CAAI,KAAc;IACvC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAmB,MAA8B;IAEnF,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC;QACzB,KAAK,QAAQ;YACX,OAAO,cAAc,CAAC;QACxB;YACE,OAAO,cAAc,CAAC;IAC1B,CAAC;AACH,CAAC","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, DataType, GridHost } from './types.js';\n\n// TODO: Revise if this is needed\nexport function applyColumnWidths<T extends object>(\n  columns: Array<ColumnConfiguration<T>>\n): StyleInfo {\n  return {\n    'grid-template-columns': columns\n      .filter((each) => !each.hidden)\n      .map(({ width }) => width ?? 'minmax(136px, 1fr)')\n      .join(' '),\n  };\n}\n\nexport function autoGenerateColumns<T extends object>(grid: GridHost<T>) {\n  if (grid.autoGenerate && grid.columns.length < 1) {\n    const record = grid.data[0] ?? {};\n\n    grid.columns = Object.entries(record).map(([key, value]) => {\n      const type: DataType =\n        typeof value === 'boolean' ? 'boolean' : typeof value === 'number' ? 'number' : 'string';\n      return { key, type } as ColumnConfiguration<T>;\n    });\n  }\n}\n\nexport function asArray<T>(value: 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.type) {\n    case 'boolean':\n      return BooleanOperands;\n    case 'number':\n      return NumberOperands;\n    default:\n      return StringOperands;\n  }\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/internal/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAIzE,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAEzC,MAAM,UAAU,iBAAiB,CAC/B,OAAsC,EACtC,UAA4E,EAAE;IAE9E,MAAM,MAAM,GAAG,OAAO;SACnB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;SAC9B,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,oBAAoB,CAAC,CAAC;IACrD,IAAI,OAAO,CAAC,mBAAmB,EAAE,CAAC;QAChC,MAAM,CAAC,OAAO,CAAC,GAAG,sBAAsB,IAAI,CAAC,CAAC;IAChD,CAAC;IACD,IAAI,OAAO,CAAC,mBAAmB,EAAE,CAAC;QAChC,MAAM,CAAC,OAAO,CAAC,GAAG,sBAAsB,IAAI,CAAC,CAAC;IAChD,CAAC;IACD,OAAO,EAAE,uBAAuB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AACvD,CAAC;AAWD,MAAM,UAAU,iBAAiB,CAC/B,OAAsC;IAEtC,MAAM,KAAK,GAAkC,EAAE,CAAC;IAChD,MAAM,MAAM,GAAkC,EAAE,CAAC;IACjD,MAAM,GAAG,GAAkC,EAAE,CAAC;IAC9C,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,IAAI,MAAM,CAAC,MAAM,KAAK,OAAO;YAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aAC7C,IAAI,MAAM,CAAC,MAAM,KAAK,KAAK;YAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;;YAC9C,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,CAAC,GAAG,KAAK,EAAE,GAAG,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;AACvC,CAAC;AAOD,MAAM,UAAU,UAAU,CACxB,cAA6C,EAC7C,KAAa;IAEb,MAAM,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,CAAC,MAAM,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAEjC,IAAI,MAAM,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QAC9B,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACvD,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,IAAI,CAAC,MAAM;gBAAE,SAAS;YAC1B,OAAO,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;QAClD,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,MAAM;YAAE,SAAS;QAC1B,OAAO,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9C,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAmB,IAAiB;IACrE,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QAElC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACzD,MAAM,IAAI,GACR,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;YAC3F,OAAO,EAAE,GAAG,EAAE,IAAI,EAA4B,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC;AAED,MAAM,UAAU,OAAO,CAAI,KAAc;IACvC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAmB,MAA8B;IAEnF,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC;QACzB,KAAK,QAAQ;YACX,OAAO,cAAc,CAAC;QACxB;YACE,OAAO,cAAc,CAAC;IAC1B,CAAC;AACH,CAAC","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, DataType, GridHost } from './types.js';\n\n/** Width of the auto-rendered selection (checkbox) column in CSS pixels. */\nexport const SELECTION_COLUMN_WIDTH = 44;\n/** Width of the auto-rendered expansion (chevron) column in CSS pixels. */\nexport const EXPANSION_COLUMN_WIDTH = 40;\n\nexport function applyColumnWidths<T extends object>(\n  columns: Array<ColumnConfiguration<T>>,\n  options: { showSelectionColumn?: boolean; showExpansionColumn?: boolean } = {}\n): StyleInfo {\n  const tracks = columns\n    .filter((each) => !each.hidden)\n    .map(({ width }) => width ?? 'minmax(136px, 1fr)');\n  if (options.showExpansionColumn) {\n    tracks.unshift(`${EXPANSION_COLUMN_WIDTH}px`);\n  }\n  if (options.showSelectionColumn) {\n    tracks.unshift(`${SELECTION_COLUMN_WIDTH}px`);\n  }\n  return { 'grid-template-columns': tracks.join(' ') };\n}\n\n/**\n * Returns the visual render order of the columns: start-pinned columns first,\n * then unpinned columns, then end-pinned columns. Within each group the\n * original `columns` array order is preserved.\n *\n * @remarks\n * The grid uses this order for rendering, navigation, and CSS grid track widths.\n * The user-supplied `columns` array is never mutated; this returns a new array.\n */\nexport function getDisplayColumns<T extends object>(\n  columns: Array<ColumnConfiguration<T>>\n): Array<ColumnConfiguration<T>> {\n  const start: Array<ColumnConfiguration<T>> = [];\n  const middle: Array<ColumnConfiguration<T>> = [];\n  const end: Array<ColumnConfiguration<T>> = [];\n  for (const column of columns) {\n    if (column.pinned === 'start') start.push(column);\n    else if (column.pinned === 'end') end.push(column);\n    else middle.push(column);\n  }\n  return [...start, ...middle, ...end];\n}\n\n/**\n * Returns `'start'` for the last visible start-pinned column, `'end'` for the\n * first visible end-pinned column, or `null` otherwise. The edge column gets a\n * subtle shadow / border to separate the pinned region from the scrolling one.\n */\nexport function getPinEdge<T extends object>(\n  displayColumns: Array<ColumnConfiguration<T>>,\n  index: number\n): 'start' | 'end' | null {\n  const column = displayColumns[index];\n  if (!column?.pinned) return null;\n\n  if (column.pinned === 'start') {\n    for (let i = index + 1; i < displayColumns.length; i++) {\n      const next = displayColumns[i];\n      if (next.hidden) continue;\n      return next.pinned === 'start' ? null : 'start';\n    }\n    return 'start';\n  }\n\n  for (let i = index - 1; i >= 0; i--) {\n    const prev = displayColumns[i];\n    if (prev.hidden) continue;\n    return prev.pinned === 'end' ? null : 'end';\n  }\n  return 'end';\n}\n\nexport function autoGenerateColumns<T extends object>(grid: GridHost<T>) {\n  if (grid.autoGenerate && grid.columns.length < 1) {\n    const record = grid.data[0] ?? {};\n\n    grid.columns = Object.entries(record).map(([key, value]) => {\n      const type: DataType =\n        typeof value === 'boolean' ? 'boolean' : typeof value === 'number' ? 'number' : 'string';\n      return { key, type } as ColumnConfiguration<T>;\n    });\n  }\n}\n\nexport function asArray<T>(value: 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.type) {\n    case 'boolean':\n      return BooleanOperands;\n    case 'number':\n      return NumberOperands;\n    default:\n      return StringOperands;\n  }\n}\n"]}

package/operations/filter/tree.d.ts

@@ -6,7 +6,7 @@ export declare class FilterExpressionTree<T> {
     constructor(key: Keys<T>);
     get empty(): boolean;
     get length(): number;
-    get all(): FilterExpression<T, keyof T>[];
+    get all(): FilterExpression<T>[];
     get ands(): FilterExpression<T>[];
     get ors(): FilterExpression<T>[];
     has(expression: FilterExpression<T>): boolean;

package/operations/filter/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/operations/filter/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Keys } from '../../internal/types.js';\nimport type { BooleanOperands } from './operands/boolean.js';\nimport type { NumberOperands } from './operands/number.js';\nimport type { StringOperands } from './operands/string.js';\n\n/**\n * Controls how a data record should resolve in a filter operation:\n *  - `'and'` - the record must pass all the conditions.\n *  - `'or'`  - the record must pass at least one condition.\n */\nexport type FilterCriteria = 'and' | 'or';\n\nexport type FilterOperationLogic<T> = (\n  target: T,\n  searchTerm: T,\n  caseSensitive?: boolean\n) => boolean;\n\nexport interface FilterOperation<T> {\n  name: string;\n  label?: string;\n  unary: boolean;\n  logic: FilterOperationLogic<T>;\n}\n\nexport type FilterOperands<DataType, Operands extends string> = {\n  [key in Operands]: FilterOperation<DataType>;\n};\n\n/**\n * Represents a filter operation for a given column.\n */\nexport interface BaseFilterExpression<T, K extends Keys<T> = Keys<T>> {\n  /**\n   * The target column for the filter operation.\n   */\n  key: K;\n  /**\n   * The filter function which will be executed against the data records.\n   */\n  condition: FilterOperation<T[K]> | OperandKeys<T[K]>;\n\n  /**\n   * The filtering value used in the filter condition function.\n   *\n   * @remarks\n   * Optional for unary conditions.\n   */\n  searchTerm?: T[K];\n  /**\n   * Dictates how this expression should resolve in the filter operation in relation to\n   * other expressions.\n   */\n  criteria?: FilterCriteria;\n  /**\n   * Whether the sort operation should be case sensitive.\n   *\n   * @remarks\n   * If not provided, the value is resolved based on the column filter configuration (if any).\n   */\n  caseSensitive?: boolean;\n}\n\n/**\n * See {@link BaseFilterExpression} for the full documentation.\n */\nexport type FilterExpression<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseFilterExpression<T, K>\n  : never;\n\nexport type OperandKeys<Type> = Type extends number\n  ? keyof typeof NumberOperands\n  : Type extends string\n    ? keyof typeof StringOperands\n    : Type extends boolean\n      ? keyof typeof BooleanOperands\n      : Type;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/operations/filter/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Keys } from '../../internal/types.js';\nimport type { BooleanOperands } from './operands/boolean.js';\nimport type { NumberOperands } from './operands/number.js';\nimport type { StringOperands } from './operands/string.js';\n\n/**\n * Controls how a data record should resolve in a filter operation:\n *  - `'and'` - the record must pass all the conditions.\n *  - `'or'`  - the record must pass at least one condition.\n */\nexport type FilterCriteria = 'and' | 'or';\n\nexport type FilterOperationLogic<T> = (\n  target: T,\n  searchTerm: T,\n  caseSensitive?: boolean\n) => boolean;\n\nexport interface FilterOperation<T> {\n  name: string;\n  label?: string;\n  unary: boolean;\n  logic: FilterOperationLogic<T>;\n}\n\nexport type FilterOperands<DataType, Operands extends string> = {\n  [key in Operands]: FilterOperation<DataType>;\n};\n\n/**\n * Represents a filter operation for a given column.\n */\nexport interface BaseFilterExpression<T, K extends Keys<T> = Keys<T>> {\n  /**\n   * The target column for the filter operation.\n   */\n  key: K;\n  /**\n   * The filter function which will be executed against the data records.\n   */\n  condition: FilterOperation<T[K]> | OperandKeys<T[K]>;\n\n  /**\n   * The filtering value used in the filter condition function.\n   *\n   * @remarks\n   * Optional for unary conditions.\n   */\n  searchTerm?: T[K];\n  /**\n   * Dictates how this expression should resolve in the filter operation in relation to\n   * other expressions.\n   */\n  criteria?: FilterCriteria;\n  /**\n   * Whether the sort operation should be case sensitive.\n   *\n   * @remarks\n   * If not provided, the value is resolved based on the column filter configuration (if any).\n   */\n  caseSensitive?: boolean;\n}\n\n/**\n * See {@link BaseFilterExpression} for the full documentation.\n */\nexport type FilterExpression<T, K extends Keys<T> = Keys<T>> =\n  K extends Keys<T> ? BaseFilterExpression<T, K> : never;\n\nexport type OperandKeys<Type> = Type extends number\n  ? keyof typeof NumberOperands\n  : Type extends string\n    ? keyof typeof StringOperands\n    : Type extends boolean\n      ? keyof typeof BooleanOperands\n      : Type;\n"]}

package/operations/pagination.d.ts

@@ -0,0 +1,19 @@
+import type { PaginationState } from '../internal/types.js';
+import DataOperation from './base.js';
+/**
+ * Built-in pagination data operation.
+ *
+ * @remarks
+ * Slices the post-filter, post-sort dataset by `page` and `pageSize`.
+ * Used by the grid when `pagination.mode === 'local'`. Remote pagination
+ * is delegated to {@link DataPipelineConfiguration.pagination}.
+ */
+export default class PaginationDataOperation<T extends object> extends DataOperation<T> {
+    /**
+     * Returns the slice of `data` corresponding to the given pagination `state`.
+     *
+     * @param data - The post-filter, post-sort dataset.
+     * @param state - The resolved pagination state.
+     */
+    apply(data: T[], state: PaginationState): T[];
+}

package/operations/pagination.js

@@ -0,0 +1,12 @@
+import DataOperation from './base.js';
+export default class PaginationDataOperation extends DataOperation {
+    apply(data, state) {
+        const { page, pageSize } = state;
+        if (!pageSize || pageSize < 1) {
+            return data;
+        }
+        const start = page * pageSize;
+        return data.slice(start, start + pageSize);
+    }
+}
+//# sourceMappingURL=pagination.js.map

package/operations/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/operations/pagination.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,WAAW,CAAC;AAUtC,MAAM,CAAC,OAAO,OAAO,uBAA0C,SAAQ,aAAgB;IAO9E,KAAK,CAAC,IAAS,EAAE,KAAsB;QAC5C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QACjC,IAAI,CAAC,QAAQ,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YAC9B,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,KAAK,GAAG,IAAI,GAAG,QAAQ,CAAC;QAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;IAC7C,CAAC;CACF","sourcesContent":["import type { PaginationState } from '../internal/types.js';\nimport DataOperation from './base.js';\n\n/**\n * Built-in pagination data operation.\n *\n * @remarks\n * Slices the post-filter, post-sort dataset by `page` and `pageSize`.\n * Used by the grid when `pagination.mode === 'local'`. Remote pagination\n * is delegated to {@link DataPipelineConfiguration.pagination}.\n */\nexport default class PaginationDataOperation<T extends object> extends DataOperation<T> {\n  /**\n   * Returns the slice of `data` corresponding to the given pagination `state`.\n   *\n   * @param data - The post-filter, post-sort dataset.\n   * @param state - The resolved pagination state.\n   */\n  public apply(data: T[], state: PaginationState): T[] {\n    const { page, pageSize } = state;\n    if (!pageSize || pageSize < 1) {\n      return data;\n    }\n    const start = page * pageSize;\n    return data.slice(start, start + pageSize);\n  }\n}\n"]}

package/operations/quick-filter.d.ts

@@ -0,0 +1,21 @@
+import type { ColumnConfiguration } from '../internal/types.js';
+import DataOperation from './base.js';
+/**
+ * Built-in quick-filter (global search) data operation.
+ *
+ * @remarks
+ * Performs a case-insensitive substring match of the search term across every visible
+ * column's stringified value. Returns the original dataset unchanged when the search
+ * term is empty / whitespace-only. Used by the grid when `quickFilter` is set; the
+ * search can be customised through {@link DataPipelineConfiguration.quickFilter}.
+ */
+export default class QuickFilterDataOperation<T extends object> extends DataOperation<T> {
+    /**
+     * Returns the records whose visible column values contain `searchTerm` (case-insensitive).
+     *
+     * @param data - The dataset to filter.
+     * @param searchTerm - The trimmed search term (already normalised to lower-case is fine).
+     * @param columns - The current column configuration; hidden columns are skipped.
+     */
+    apply(data: T[], searchTerm: string, columns: Array<ColumnConfiguration<T>>): T[];
+}

package/operations/quick-filter.js

@@ -0,0 +1,26 @@
+import DataOperation from './base.js';
+export default class QuickFilterDataOperation extends DataOperation {
+    apply(data, searchTerm, columns) {
+        const term = searchTerm.trim().toLowerCase();
+        if (!term) {
+            return data;
+        }
+        const keys = columns.filter((column) => !column.hidden).map((column) => column.key);
+        if (keys.length === 0) {
+            return data;
+        }
+        return data.filter((record) => {
+            for (const key of keys) {
+                const value = record[key];
+                if (value === null || value === undefined) {
+                    continue;
+                }
+                if (String(value).toLowerCase().includes(term)) {
+                    return true;
+                }
+            }
+            return false;
+        });
+    }
+}
+//# sourceMappingURL=quick-filter.js.map

package/operations/quick-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-filter.js","sourceRoot":"","sources":["../../src/operations/quick-filter.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,WAAW,CAAC;AAWtC,MAAM,CAAC,OAAO,OAAO,wBAA2C,SAAQ,aAAgB;IAQ/E,KAAK,CAAC,IAAS,EAAE,UAAkB,EAAE,OAAsC;QAChF,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAC7C,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAc,CAAC,CAAC;QAE/F,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;gBACvB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC1B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBAC1C,SAAS;gBACX,CAAC;gBACD,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC/C,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { ColumnConfiguration, Keys } from '../internal/types.js';\nimport DataOperation from './base.js';\n\n/**\n * Built-in quick-filter (global search) data operation.\n *\n * @remarks\n * Performs a case-insensitive substring match of the search term across every visible\n * column's stringified value. Returns the original dataset unchanged when the search\n * term is empty / whitespace-only. Used by the grid when `quickFilter` is set; the\n * search can be customised through {@link DataPipelineConfiguration.quickFilter}.\n */\nexport default class QuickFilterDataOperation<T extends object> extends DataOperation<T> {\n  /**\n   * Returns the records whose visible column values contain `searchTerm` (case-insensitive).\n   *\n   * @param data - The dataset to filter.\n   * @param searchTerm - The trimmed search term (already normalised to lower-case is fine).\n   * @param columns - The current column configuration; hidden columns are skipped.\n   */\n  public apply(data: T[], searchTerm: string, columns: Array<ColumnConfiguration<T>>): T[] {\n    const term = searchTerm.trim().toLowerCase();\n    if (!term) {\n      return data;\n    }\n\n    const keys = columns.filter((column) => !column.hidden).map((column) => column.key as Keys<T>);\n\n    if (keys.length === 0) {\n      return data;\n    }\n\n    return data.filter((record) => {\n      for (const key of keys) {\n        const value = record[key];\n        if (value === null || value === undefined) {\n          continue;\n        }\n        if (String(value).toLowerCase().includes(term)) {\n          return true;\n        }\n      }\n      return false;\n    });\n  }\n}\n"]}

package/operations/sort/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/operations/sort/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Keys } from '../../internal/types.js';\n\n/**\n * Sort direction for a given sort expression.\n *\n * @remarks\n * `none` is used\n */\nexport type SortingDirection = 'ascending' | 'descending' | 'none';\n\n/**\n * Custom comparer function for a given column used when sorting is performed.\n */\nexport type BaseSortComparer<T, K extends Keys<T> = Keys<T>> = (a: T[K], b: T[K]) => number;\n\n/**\n * See {@link BaseSortComparer} for the full documentation.\n */\nexport type SortComparer<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseSortComparer<T, K>\n  : never;\n\n/**\n * Represents a sort operation for a given column.\n */\nexport interface BaseSortExpression<T, K extends Keys<T> = Keys<T>> {\n  /**\n   * The target column.\n   */\n  key: K;\n  /**\n   * Sort direction for this operation.\n   */\n  direction: SortingDirection;\n  /**\n   * Whether the sort operation should be case sensitive.\n   *\n   * @remarks\n   * If not provided, the value is resolved based on the column sort configuration (if any).\n   */\n  caseSensitive?: boolean;\n  /**\n   * Custom comparer function for this operation.\n   *\n   * @remarks\n   * If not provided, the value is resolved based on the column sort configuration (if any).\n   */\n  comparer?: SortComparer<T, K>;\n}\n\n/**\n * See {@link BaseSortExpression} for the full documentation.\n */\nexport type SortExpression<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseSortExpression<T, K>\n  : never;\n\n/** Represents the sort state of the grid. */\nexport type SortState<T> = Map<Keys<T>, SortExpression<T>>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/operations/sort/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Keys } from '../../internal/types.js';\n\n/**\n * Sort direction for a given sort expression.\n *\n * @remarks\n * `none` is used\n */\nexport type SortingDirection = 'ascending' | 'descending' | 'none';\n\n/**\n * Custom comparer function for a given column used when sorting is performed.\n */\nexport type BaseSortComparer<T, K extends Keys<T> = Keys<T>> = (a: T[K], b: T[K]) => number;\n\n/**\n * See {@link BaseSortComparer} for the full documentation.\n */\nexport type SortComparer<T, K extends Keys<T> = Keys<T>> =\n  K extends Keys<T> ? BaseSortComparer<T, K> : never;\n\n/**\n * Represents a sort operation for a given column.\n */\nexport interface BaseSortExpression<T, K extends Keys<T> = Keys<T>> {\n  /**\n   * The target column.\n   */\n  key: K;\n  /**\n   * Sort direction for this operation.\n   */\n  direction: SortingDirection;\n  /**\n   * Whether the sort operation should be case sensitive.\n   *\n   * @remarks\n   * If not provided, the value is resolved based on the column sort configuration (if any).\n   */\n  caseSensitive?: boolean;\n  /**\n   * Custom comparer function for this operation.\n   *\n   * @remarks\n   * If not provided, the value is resolved based on the column sort configuration (if any).\n   */\n  comparer?: SortComparer<T, K>;\n}\n\n/**\n * See {@link BaseSortExpression} for the full documentation.\n */\nexport type SortExpression<T, K extends Keys<T> = Keys<T>> =\n  K extends Keys<T> ? BaseSortExpression<T, K> : never;\n\n/** Represents the sort state of the grid. */\nexport type SortState<T> = Map<Keys<T>, SortExpression<T>>;\n"]}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "apex-grid",
-  "version": "1.1.0",
+  "version": "3.0.0",
   "description": "Web component data grid following open-wc recommendations",
   "keywords": [
     "lit",
     "web-component",
     "lit-element"
   ],
-  "license": "SEE LICENSE IN LICENSE.mds",
+  "license": "SEE LICENSE IN LICENSE.md",
   "author": "apex-grid",
   "exports": {
     ".": {
@@ -17,16 +17,21 @@
     "./define": {
       "types": "./define.d.ts",
       "default": "./define.js"
-    }
+    },
+    "./internal": {
+      "types": "./internal/index.d.ts",
+      "default": "./internal/index.js"
+    },
+    "./styles.css": "./styles.css"
   },
   "type": "module",
   "sideEffects": false,
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/apexcharts/apexgrid.git"
+    "url": "git+https://github.com/apexcharts/apex-grid.git"
   },
   "bugs": {
-    "url": "https://github.com/apexcharts/apexgrid/issues"
+    "url": "https://github.com/apexcharts/apex-grid/issues"
   },
   "engines": {
     "node": ">=20"

package/setup.d.ts

@@ -0,0 +1,51 @@
+type ApexGridTheme = 'bootstrap' | 'material' | 'fluent' | 'indigo';
+export interface ApexGridSetupOptions {
+    /**
+     * @deprecated The grid no longer ships per-framework themes — it styles
+     * itself entirely through `--ag-*` CSS custom properties (see the README's
+     * theming section). This option does **not** affect the grid's appearance;
+     * it only forwards to igniteui-webcomponents' `configureTheme()` for apps
+     * that embed the grid alongside igniteui components. When set, the grid
+     * still auto-tints from the igniteui palette via its `--ig-*` fallbacks.
+     * Omit it and customize via CSS variables instead. Will be removed in a
+     * future major version.
+     *
+     * @defaultValue 'bootstrap'
+     */
+    theme?: ApexGridTheme;
+    /**
+     * Whether to adopt a default host stylesheet that sets `height: 100%`
+     * with a `min-height: 240px` fallback. Set to `false` if you want to
+     * provide your own host sizing.
+     *
+     * @defaultValue true
+     */
+    hostStyles?: boolean;
+}
+/**
+ * One-call convenience: registers `<apex-grid>` and adopts a default host
+ * stylesheet so the virtualizer has a bounded height. The grid is styled
+ * out-of-the-box via `--ag-*` CSS custom properties — no theme import needed.
+ *
+ * @remarks
+ * This is an **additive** alternative to the manual setup
+ * (`import 'apex-grid/define'` + host CSS). Idempotent — safe to call more
+ * than once; host styles are adopted only on the first call.
+ *
+ * Customize the look by overriding `--ag-*` CSS variables (see the README).
+ * The deprecated {@link ApexGridSetupOptions.theme} option only forwards to
+ * igniteui-webcomponents and does not change the grid's appearance.
+ *
+ * @example
+ * ```ts
+ * import { setup } from 'apex-grid';
+ * setup();
+ * ```
+ *
+ * @example Opt out of injected host styles:
+ * ```ts
+ * setup({ hostStyles: false });
+ * ```
+ */
+export declare function setup(options?: ApexGridSetupOptions): void;
+export {};

package/setup.js

@@ -0,0 +1,31 @@
+import { configureTheme } from 'igniteui-webcomponents';
+import { ApexGrid } from './components/grid.js';
+const HOST_CSS = 'apex-grid { height: 100%; min-height: 240px; }';
+let hostStylesInjected = false;
+function adoptHostStyles() {
+    if (hostStylesInjected || typeof document === 'undefined')
+        return;
+    if ('adoptedStyleSheets' in Document.prototype && 'replaceSync' in CSSStyleSheet.prototype) {
+        const sheet = new CSSStyleSheet();
+        sheet.replaceSync(HOST_CSS);
+        document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+    }
+    else {
+        const style = document.createElement('style');
+        style.setAttribute('data-apex-grid', 'host-styles');
+        style.textContent = HOST_CSS;
+        document.head.appendChild(style);
+    }
+    hostStylesInjected = true;
+}
+export function setup(options = {}) {
+    const { theme, hostStyles = true } = options;
+    ApexGrid.register();
+    if (theme !== undefined) {
+        configureTheme(theme);
+    }
+    if (hostStyles) {
+        adoptHostStyles();
+    }
+}
+//# sourceMappingURL=setup.js.map

package/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA6BhD,MAAM,QAAQ,GAAG,gDAAgD,CAAC;AAClE,IAAI,kBAAkB,GAAG,KAAK,CAAC;AAE/B,SAAS,eAAe;IACtB,IAAI,kBAAkB,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAElE,IAAI,oBAAoB,IAAI,QAAQ,CAAC,SAAS,IAAI,aAAa,IAAI,aAAa,CAAC,SAAS,EAAE,CAAC;QAC3F,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE,CAAC;QAClC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC5B,QAAQ,CAAC,kBAAkB,GAAG,CAAC,GAAG,QAAQ,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IACxE,CAAC;SAAM,CAAC;QACN,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,YAAY,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;QACpD,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;QAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,kBAAkB,GAAG,IAAI,CAAC;AAC5B,CAAC;AA2BD,MAAM,UAAU,KAAK,CAAC,UAAgC,EAAE;IACtD,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC;IAE7C,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAIpB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,IAAI,UAAU,EAAE,CAAC;QACf,eAAe,EAAE,CAAC;IACpB,CAAC;AACH,CAAC","sourcesContent":["import { configureTheme } from 'igniteui-webcomponents';\nimport { ApexGrid } from './components/grid.js';\n\ntype ApexGridTheme = 'bootstrap' | 'material' | 'fluent' | 'indigo';\n\nexport interface ApexGridSetupOptions {\n  /**\n   * @deprecated The grid no longer ships per-framework themes — it styles\n   * itself entirely through `--ag-*` CSS custom properties (see the README's\n   * theming section). This option does **not** affect the grid's appearance;\n   * it only forwards to igniteui-webcomponents' `configureTheme()` for apps\n   * that embed the grid alongside igniteui components. When set, the grid\n   * still auto-tints from the igniteui palette via its `--ig-*` fallbacks.\n   * Omit it and customize via CSS variables instead. Will be removed in a\n   * future major version.\n   *\n   * @defaultValue 'bootstrap'\n   */\n  theme?: ApexGridTheme;\n\n  /**\n   * Whether to adopt a default host stylesheet that sets `height: 100%`\n   * with a `min-height: 240px` fallback. Set to `false` if you want to\n   * provide your own host sizing.\n   *\n   * @defaultValue true\n   */\n  hostStyles?: boolean;\n}\n\nconst HOST_CSS = 'apex-grid { height: 100%; min-height: 240px; }';\nlet hostStylesInjected = false;\n\nfunction adoptHostStyles(): void {\n  if (hostStylesInjected || typeof document === 'undefined') return;\n\n  if ('adoptedStyleSheets' in Document.prototype && 'replaceSync' in CSSStyleSheet.prototype) {\n    const sheet = new CSSStyleSheet();\n    sheet.replaceSync(HOST_CSS);\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];\n  } else {\n    const style = document.createElement('style');\n    style.setAttribute('data-apex-grid', 'host-styles');\n    style.textContent = HOST_CSS;\n    document.head.appendChild(style);\n  }\n\n  hostStylesInjected = true;\n}\n\n/**\n * One-call convenience: registers `<apex-grid>` and adopts a default host\n * stylesheet so the virtualizer has a bounded height. The grid is styled\n * out-of-the-box via `--ag-*` CSS custom properties — no theme import needed.\n *\n * @remarks\n * This is an **additive** alternative to the manual setup\n * (`import 'apex-grid/define'` + host CSS). Idempotent — safe to call more\n * than once; host styles are adopted only on the first call.\n *\n * Customize the look by overriding `--ag-*` CSS variables (see the README).\n * The deprecated {@link ApexGridSetupOptions.theme} option only forwards to\n * igniteui-webcomponents and does not change the grid's appearance.\n *\n * @example\n * ```ts\n * import { setup } from 'apex-grid';\n * setup();\n * ```\n *\n * @example Opt out of injected host styles:\n * ```ts\n * setup({ hostStyles: false });\n * ```\n */\nexport function setup(options: ApexGridSetupOptions = {}): void {\n  const { theme, hostStyles = true } = options;\n\n  ApexGrid.register();\n\n  // Deprecated: only forwards to igniteui when a consumer explicitly opts in.\n  // The grid styles itself via `--ag-*` variables regardless.\n  if (theme !== undefined) {\n    configureTheme(theme);\n  }\n\n  if (hostStyles) {\n    adoptHostStyles();\n  }\n}\n"]}

package/styles/_checkbox.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=_checkbox.css.js.map

package/styles/_checkbox.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_checkbox.css.js","sourceRoot":"","sources":["../../src/styles/_checkbox.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css``;"]}

package/styles/_tokens.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgba(15, 23, 42, 0.08);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-surface: #fff;--ag-surface-alt: #f9fafb;--ag-surface-elevated: linear-gradient(180deg, #fbfcfd 0%, #f6f7f8 100%);--ag-text: #111827;--ag-text-body: #1f2937;--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--ag-border: rgba(15, 23, 42, 0.05);--ag-good: #10b981;--ag-good-text: #047857;--ag-good-soft: rgba(16, 185, 129, 0.1);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgba(245, 158, 11, 0.1);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgba(239, 68, 68, 0.1);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(255, 255, 255, 0.9) inset;--ag-font: 'Inter', -apple-system, blinkmacsystemfont, sans-serif;--ag-fs-cell: 12px;--ag-fs-cell-secondary: 10.5px;--ag-fs-tiny: 10px;--ag-fw-regular: 500;--ag-fw-semibold: 600;--ag-fw-bold: 700;--ag-tracking-tight: -0.005em;--ag-tracking-header: 0.05em;--ag-leading: 1.4;--ag-cell-pad-x: 10px;--ag-row-h: 36px;--ag-header-h: 36px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 18px;--ag-radius-sm: 6px;--ag-radius-xs: 4px;--ag-radius-pill: 20px;--ag-ease: cubic-bezier(0.2, 0.8, 0.2, 1);--ag-dur-fast: 120ms;--ag-dur-med: 180ms;--ag-dur-slow: 240ms}`;
+//# sourceMappingURL=_tokens.css.js.map

package/styles/_tokens.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_tokens.css.js","sourceRoot":"","sources":["../../src/styles/_tokens.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0qDAA0qD,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--ag-brand: var(--ig-primary-500, #0d6fd3);--ag-brand-strong: var(--ig-primary-700, #0a56b8);--ag-brand-soft: color-mix(in srgb, var(--ag-brand) 10%, transparent);--ag-brand-softer: color-mix(in srgb, var(--ag-brand) 7%, transparent);--ag-brand-line: color-mix(in srgb, var(--ag-brand) 18%, transparent);--ag-hairline: rgba(15, 23, 42, 0.08);--ag-row-hover: color-mix(in srgb, #0f172a 5%, var(--ag-surface));--ag-surface: #fff;--ag-surface-alt: #f9fafb;--ag-surface-elevated: linear-gradient(180deg, #fbfcfd 0%, #f6f7f8 100%);--ag-text: #111827;--ag-text-body: #1f2937;--ag-text-muted: #6b7280;--ag-text-subtle: #9ca3af;--ag-text-on-brand: #fff;--ag-border: rgba(15, 23, 42, 0.05);--ag-good: #10b981;--ag-good-text: #047857;--ag-good-soft: rgba(16, 185, 129, 0.1);--ag-watch: #f59e0b;--ag-watch-text: #b45309;--ag-watch-soft: rgba(245, 158, 11, 0.1);--ag-risk: #ef4444;--ag-risk-text: #b91c1c;--ag-risk-soft: rgba(239, 68, 68, 0.1);--ag-gold: #fef3c7;--ag-gold-line: #fde68a;--ag-gold-text: #92400e;--ag-shadow-card: 0 16px 38px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(255, 255, 255, 0.9) inset;--ag-font: 'Inter', -apple-system, blinkmacsystemfont, sans-serif;--ag-fs-cell: 12px;--ag-fs-cell-secondary: 10.5px;--ag-fs-tiny: 10px;--ag-fw-regular: 500;--ag-fw-semibold: 600;--ag-fw-bold: 700;--ag-tracking-tight: -0.005em;--ag-tracking-header: 0.05em;--ag-leading: 1.4;--ag-cell-pad-x: 10px;--ag-row-h: 36px;--ag-header-h: 36px;--ag-toolbar-pad: 12px 14px;--ag-footer-pad: 10px 14px;--ag-radius: 18px;--ag-radius-sm: 6px;--ag-radius-xs: 4px;--ag-radius-pill: 20px;--ag-ease: cubic-bezier(0.2, 0.8, 0.2, 1);--ag-dur-fast: 120ms;--ag-dur-med: 180ms;--ag-dur-slow: 240ms}`;"]}

package/styles/body-cell/body-cell.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));color:inherit;border-right:var(--igx-row-border-width, var(--row-border-width)) solid rgba(0,0,0,0);font-size:0.8125rem;overflow-wrap:anywhere}:host:last-of-type{border-right:0}:host([active]){outline:none;box-shadow:inset 0 0 0 0.0625rem var(--igx-cell-active-border-color, var(--cell-active-border-color))}:host(:last-child){border-inline-end:none}igc-input{position:absolute;left:0;height:calc(100% - 0.0625rem*2);width:100%}igc-input::part(container),igc-input::part(input){border-color:rgba(0,0,0,0);box-shadow:none;height:100%}igc-input::part(container),igc-input::part(input),igc-select::part(container),igc-select::part(input){background:inherit;color:inherit;font-size:0.8125rem}igc-input::part(helper-text)::after,igc-input::part(container)::after,igc-select::part(helper-text)::after,igc-select::part(container)::after{display:none}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}[part~=pill]{display:inline-flex;align-items:center;block-size:20px;padding:0 8px;border-radius:var(--ag-radius-sm);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=pill--gold]{background:linear-gradient(180deg, #fff7e6 0%, var(--ag-gold) 100%);border-color:var(--ag-gold-line);color:var(--ag-gold-text)}[part~=pill--brand]{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part~=pill--neutral]{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.22);color:#4338ca}[part~=pill--muted]{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.22);color:#4b5563}[part~=avatar]{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;flex-shrink:0;border-radius:50%;background:hsl(var(--ag-avatar-hue, 210), 60%, 48%);color:#fff;font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 1px 2px rgba(15,23,42,.18)}[part~=progress]{display:inline-flex;align-items:center;gap:8px;inline-size:100%}[part~=progress-track]{position:relative;flex:1;block-size:5px;min-inline-size:40px;border-radius:3px;background:rgba(15,23,42,.08);overflow:hidden}[part~=progress-fill]{display:block;block-size:100%;border-radius:3px;background:linear-gradient(90deg, #10b981 0%, #34d399 100%);transition:width var(--ag-dur-slow) var(--ag-ease)}[part~=progress-fill--good]{background:linear-gradient(90deg, #10b981 0%, #34d399 100%)}[part~=progress-fill--watch]{background:linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%)}[part~=progress-fill--risk]{background:linear-gradient(90deg, #ef4444 0%, #f87171 100%)}[part~=progress-label]{min-inline-size:18px;text-align:end;font-size:11px;font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-body)}[part~=spark-cell]{display:inline-flex;align-items:center;gap:6px}[part~=sparkline]{display:block;inline-size:64px;block-size:22px;color:var(--ag-text-muted);overflow:visible}[part~=sparkline--up]{color:var(--ag-good)}[part~=sparkline--down]{color:var(--ag-risk)}[part~=spark-line]{fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}[part~=spark-area]{fill:currentcolor;stroke:none;opacity:.18}[part~=spark-delta]{font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-muted)}[part~=spark-delta--up]{color:var(--ag-good-text)}[part~=spark-delta--down]{color:var(--ag-risk-text)}[part~=status]{display:inline-flex;align-items:center;gap:6px;block-size:20px;padding:0 10px;border-radius:var(--ag-radius-pill);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=status-dot]{inline-size:6px;block-size:6px;flex-shrink:0;border-radius:50%;background:currentcolor}[part~=status--active]{background:var(--ag-good-soft);border-color:rgba(16,185,129,.28);color:var(--ag-good-text)}[part~=status--trial]{background:var(--ag-watch-soft);border-color:rgba(245,158,11,.28);color:var(--ag-watch-text)}[part~=status--churn]{background:var(--ag-risk-soft);border-color:rgba(239,68,68,.3);color:var(--ag-risk-text)}:host{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 var(--ag-cell-pad-x);color:inherit;font-size:var(--ag-fs-cell);overflow-wrap:anywhere;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([data-cell-type=number]),:host([data-cell-type=currency]){justify-content:flex-end;font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}:host([active]){outline:none;box-shadow:inset 0 0 0 1px var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)))}:host([editing]){background:var(--igx-cell-editor-background, var(--ag-surface));z-index:calc(var(--z-index-base) + 2);overflow:hidden;cursor:text}:host([editing][data-pinned=start]),:host([editing][data-pinned=end]){background:var(--igx-cell-editor-background, var(--ag-surface))}:host([editing][data-cell-type=select]){overflow:visible}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 1);background:inherit}:host([data-pinned=start]){inset-inline-start:var(--apex-pin-offset, 0)}:host([data-pinned=end]){inset-inline-end:var(--apex-pin-offset, 0)}:host([data-pin-edge=start])::after,:host([data-pin-edge=end])::after{content:"";position:absolute;inset-block:0;width:14px;pointer-events:none}:host([data-pin-edge=start])::after{inset-inline-end:-14px;background:linear-gradient(90deg, color-mix(in srgb, var(--ag-brand) 6%, transparent) 0%, color-mix(in srgb, var(--ag-brand) 0%, transparent) 100%)}:host([data-pin-edge=end])::after{inset-inline-start:-14px;background:linear-gradient(270deg, color-mix(in srgb, var(--ag-brand) 6%, transparent) 0%, color-mix(in srgb, var(--ag-brand) 0%, transparent) 100%)}input[data-apex-editor]{box-sizing:border-box;position:absolute;inset:0;width:auto;height:auto;padding:0 var(--ag-cell-pad-x);margin:0;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;font-size:var(--ag-fs-cell);outline:none;caret-color:var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));-webkit-user-select:text;-moz-user-select:text;user-select:text}input[type=number][data-apex-editor]{text-align:end;font-variant-numeric:tabular-nums}input[type=checkbox][data-apex-editor]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}input[type=checkbox][data-apex-editor]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[type=checkbox][data-apex-editor]:active{transform:scale(0.92)}input[type=checkbox][data-apex-editor]:checked,input[type=checkbox][data-apex-editor]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[type=checkbox][data-apex-editor]:checked{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=checkbox][data-apex-editor]:indeterminate{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E")}input[type=checkbox][data-apex-editor]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[type=checkbox][data-apex-editor]{position:relative;inset:auto}input[part~=boolean-mark]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}input[part~=boolean-mark]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[part~=boolean-mark]:active{transform:scale(0.92)}input[part~=boolean-mark]:checked,input[part~=boolean-mark]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[part~=boolean-mark]:checked{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[part~=boolean-mark]:indeterminate{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E")}input[part~=boolean-mark]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[part~=boolean-mark][aria-readonly=true]{cursor:default;pointer-events:none}[part~=rating]{display:inline-flex;align-items:center;gap:0.0625rem;color:var(--igx-rating-color, var(--ag-watch, #f5a623))}[part~=rating-star]{display:inline-flex;align-items:center;justify-content:center;color:currentcolor;opacity:.25;line-height:0}[part~=rating-star] svg{inline-size:0.875rem;block-size:0.875rem}[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor]{display:inline-flex;align-items:center;gap:0.125rem;padding:0 0.125rem;color:var(--igx-rating-color, var(--ag-watch, #f5a623));z-index:calc(var(--z-index-base) + 2)}[part=rating-editor] button[part~=rating-star]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;margin:0;padding:0.125rem;cursor:pointer;color:currentcolor;opacity:.35;border-radius:var(--ag-radius-xs)}[part=rating-editor] button[part~=rating-star]:hover{opacity:.75}[part=rating-editor] button[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor] button[part~=rating-star]:focus-visible{outline:0.125rem solid var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.0625rem}[part~=select-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;inline-size:100%}[part~=select-popover]{position:absolute;inset-block-start:100%;inset-inline-start:0;margin:0.125rem 0 0;padding:0.25rem 0;min-inline-size:100%;background:var(--igx-cell-editor-background, var(--ag-surface));border:0.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.06),0 0.375rem 1rem rgba(0,0,0,.12);max-block-size:15rem;overflow-y:auto;outline:none;z-index:calc(var(--z-index-base) + 10);color:inherit;font:inherit}[part~=select-option]{display:block;padding:0.375rem 0.75rem;cursor:pointer;color:inherit;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part~=select-option]:hover{background:var(--ag-brand-softer)}[part~=select-option][part~=selected]{background:var(--ag-brand-soft);color:var(--ag-brand-strong);font-weight:var(--ag-fw-semibold)}[part~=select-option]:focus-visible{background:var(--ag-brand-soft);outline:0.125rem solid var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem}[part~=image]{block-size:calc(100% - 0.5rem);max-block-size:2.5rem;inline-size:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:var(--ag-radius-xs);display:block;flex-shrink:0}[part~=image][part~=circle]{border-radius:50%}[part=tree-indent]{flex-shrink:0;display:inline-block}[part=tree-toggle]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--ag-radius-xs);background:rgba(0,0,0,0);color:var(--ag-text-muted);cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=tree-toggle]:hover{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=tree-toggle]:focus-visible{outline:0.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:0.0625rem}[part=tree-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([data-tree-expanded]) [part=tree-chevron]{transform:rotate(90deg)}[part=tree-spacer]{display:inline-block;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem}[part=tree-cell-content]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
 //# sourceMappingURL=body-cell.css.js.map

package/styles/body-cell/body-cell.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"body-cell.css.js","sourceRoot":"","sources":["../../../src/styles/body-cell/body-cell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y3CAAy3C,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));color:inherit;border-right:var(--igx-row-border-width, var(--row-border-width)) solid rgba(0,0,0,0);font-size:0.8125rem;overflow-wrap:anywhere}:host:last-of-type{border-right:0}:host([active]){outline:none;box-shadow:inset 0 0 0 0.0625rem var(--igx-cell-active-border-color, var(--cell-active-border-color))}:host(:last-child){border-inline-end:none}igc-input{position:absolute;left:0;height:calc(100% - 0.0625rem*2);width:100%}igc-input::part(container),igc-input::part(input){border-color:rgba(0,0,0,0);box-shadow:none;height:100%}igc-input::part(container),igc-input::part(input),igc-select::part(container),igc-select::part(input){background:inherit;color:inherit;font-size:0.8125rem}igc-input::part(helper-text)::after,igc-input::part(container)::after,igc-select::part(helper-text)::after,igc-select::part(container)::after{display:none}`;"]}
+{"version":3,"file":"body-cell.css.js","sourceRoot":"","sources":["../../../src/styles/body-cell/body-cell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ygZAAygZ,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}[part~=pill]{display:inline-flex;align-items:center;block-size:20px;padding:0 8px;border-radius:var(--ag-radius-sm);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=pill--gold]{background:linear-gradient(180deg, #fff7e6 0%, var(--ag-gold) 100%);border-color:var(--ag-gold-line);color:var(--ag-gold-text)}[part~=pill--brand]{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part~=pill--neutral]{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.22);color:#4338ca}[part~=pill--muted]{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.22);color:#4b5563}[part~=avatar]{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;flex-shrink:0;border-radius:50%;background:hsl(var(--ag-avatar-hue, 210), 60%, 48%);color:#fff;font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 1px 2px rgba(15,23,42,.18)}[part~=progress]{display:inline-flex;align-items:center;gap:8px;inline-size:100%}[part~=progress-track]{position:relative;flex:1;block-size:5px;min-inline-size:40px;border-radius:3px;background:rgba(15,23,42,.08);overflow:hidden}[part~=progress-fill]{display:block;block-size:100%;border-radius:3px;background:linear-gradient(90deg, #10b981 0%, #34d399 100%);transition:width var(--ag-dur-slow) var(--ag-ease)}[part~=progress-fill--good]{background:linear-gradient(90deg, #10b981 0%, #34d399 100%)}[part~=progress-fill--watch]{background:linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%)}[part~=progress-fill--risk]{background:linear-gradient(90deg, #ef4444 0%, #f87171 100%)}[part~=progress-label]{min-inline-size:18px;text-align:end;font-size:11px;font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-body)}[part~=spark-cell]{display:inline-flex;align-items:center;gap:6px}[part~=sparkline]{display:block;inline-size:64px;block-size:22px;color:var(--ag-text-muted);overflow:visible}[part~=sparkline--up]{color:var(--ag-good)}[part~=sparkline--down]{color:var(--ag-risk)}[part~=spark-line]{fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}[part~=spark-area]{fill:currentcolor;stroke:none;opacity:.18}[part~=spark-delta]{font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-muted)}[part~=spark-delta--up]{color:var(--ag-good-text)}[part~=spark-delta--down]{color:var(--ag-risk-text)}[part~=status]{display:inline-flex;align-items:center;gap:6px;block-size:20px;padding:0 10px;border-radius:var(--ag-radius-pill);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=status-dot]{inline-size:6px;block-size:6px;flex-shrink:0;border-radius:50%;background:currentcolor}[part~=status--active]{background:var(--ag-good-soft);border-color:rgba(16,185,129,.28);color:var(--ag-good-text)}[part~=status--trial]{background:var(--ag-watch-soft);border-color:rgba(245,158,11,.28);color:var(--ag-watch-text)}[part~=status--churn]{background:var(--ag-risk-soft);border-color:rgba(239,68,68,.3);color:var(--ag-risk-text)}:host{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 var(--ag-cell-pad-x);color:inherit;font-size:var(--ag-fs-cell);overflow-wrap:anywhere;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([data-cell-type=number]),:host([data-cell-type=currency]){justify-content:flex-end;font-variant-numeric:tabular-nums;font-weight:var(--ag-fw-semibold);color:var(--ag-text)}:host([active]){outline:none;box-shadow:inset 0 0 0 1px var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)))}:host([editing]){background:var(--igx-cell-editor-background, var(--ag-surface));z-index:calc(var(--z-index-base) + 2);overflow:hidden;cursor:text}:host([editing][data-pinned=start]),:host([editing][data-pinned=end]){background:var(--igx-cell-editor-background, var(--ag-surface))}:host([editing][data-cell-type=select]){overflow:visible}:host([data-pinned=start]),:host([data-pinned=end]){position:sticky;z-index:calc(var(--z-index-base) + 1);background:inherit}:host([data-pinned=start]){inset-inline-start:var(--apex-pin-offset, 0)}:host([data-pinned=end]){inset-inline-end:var(--apex-pin-offset, 0)}:host([data-pin-edge=start])::after,:host([data-pin-edge=end])::after{content:\"\";position:absolute;inset-block:0;width:14px;pointer-events:none}:host([data-pin-edge=start])::after{inset-inline-end:-14px;background:linear-gradient(90deg, color-mix(in srgb, var(--ag-brand) 6%, transparent) 0%, color-mix(in srgb, var(--ag-brand) 0%, transparent) 100%)}:host([data-pin-edge=end])::after{inset-inline-start:-14px;background:linear-gradient(270deg, color-mix(in srgb, var(--ag-brand) 6%, transparent) 0%, color-mix(in srgb, var(--ag-brand) 0%, transparent) 100%)}input[data-apex-editor]{box-sizing:border-box;position:absolute;inset:0;width:auto;height:auto;padding:0 var(--ag-cell-pad-x);margin:0;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;font-size:var(--ag-fs-cell);outline:none;caret-color:var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));-webkit-user-select:text;-moz-user-select:text;user-select:text}input[type=number][data-apex-editor]{text-align:end;font-variant-numeric:tabular-nums}input[type=checkbox][data-apex-editor]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}input[type=checkbox][data-apex-editor]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[type=checkbox][data-apex-editor]:active{transform:scale(0.92)}input[type=checkbox][data-apex-editor]:checked,input[type=checkbox][data-apex-editor]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[type=checkbox][data-apex-editor]:checked{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}input[type=checkbox][data-apex-editor]:indeterminate{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E\")}input[type=checkbox][data-apex-editor]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[type=checkbox][data-apex-editor]{position:relative;inset:auto}input[part~=boolean-mark]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}input[part~=boolean-mark]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}input[part~=boolean-mark]:active{transform:scale(0.92)}input[part~=boolean-mark]:checked,input[part~=boolean-mark]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}input[part~=boolean-mark]:checked{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}input[part~=boolean-mark]:indeterminate{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E\")}input[part~=boolean-mark]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}input[part~=boolean-mark][aria-readonly=true]{cursor:default;pointer-events:none}[part~=rating]{display:inline-flex;align-items:center;gap:0.0625rem;color:var(--igx-rating-color, var(--ag-watch, #f5a623))}[part~=rating-star]{display:inline-flex;align-items:center;justify-content:center;color:currentcolor;opacity:.25;line-height:0}[part~=rating-star] svg{inline-size:0.875rem;block-size:0.875rem}[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor]{display:inline-flex;align-items:center;gap:0.125rem;padding:0 0.125rem;color:var(--igx-rating-color, var(--ag-watch, #f5a623));z-index:calc(var(--z-index-base) + 2)}[part=rating-editor] button[part~=rating-star]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;margin:0;padding:0.125rem;cursor:pointer;color:currentcolor;opacity:.35;border-radius:var(--ag-radius-xs)}[part=rating-editor] button[part~=rating-star]:hover{opacity:.75}[part=rating-editor] button[part~=rating-star][part~=filled]{opacity:1}[part=rating-editor] button[part~=rating-star]:focus-visible{outline:0.125rem solid var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.0625rem}[part~=select-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;inline-size:100%}[part~=select-popover]{position:absolute;inset-block-start:100%;inset-inline-start:0;margin:0.125rem 0 0;padding:0.25rem 0;min-inline-size:100%;background:var(--igx-cell-editor-background, var(--ag-surface));border:0.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.06),0 0.375rem 1rem rgba(0,0,0,.12);max-block-size:15rem;overflow-y:auto;outline:none;z-index:calc(var(--z-index-base) + 10);color:inherit;font:inherit}[part~=select-option]{display:block;padding:0.375rem 0.75rem;cursor:pointer;color:inherit;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[part~=select-option]:hover{background:var(--ag-brand-softer)}[part~=select-option][part~=selected]{background:var(--ag-brand-soft);color:var(--ag-brand-strong);font-weight:var(--ag-fw-semibold)}[part~=select-option]:focus-visible{background:var(--ag-brand-soft);outline:0.125rem solid var(--igx-cell-editor-accent-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem}[part~=image]{block-size:calc(100% - 0.5rem);max-block-size:2.5rem;inline-size:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:var(--ag-radius-xs);display:block;flex-shrink:0}[part~=image][part~=circle]{border-radius:50%}[part=tree-indent]{flex-shrink:0;display:inline-block}[part=tree-toggle]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--ag-radius-xs);background:rgba(0,0,0,0);color:var(--ag-text-muted);cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=tree-toggle]:hover{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=tree-toggle]:focus-visible{outline:0.125rem solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:0.0625rem}[part=tree-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([data-tree-expanded]) [part=tree-chevron]{transform:rotate(90deg)}[part=tree-spacer]{display:inline-block;flex-shrink:0;inline-size:1.5rem;block-size:1.5rem;margin-inline-end:0.25rem}[part=tree-cell-content]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;"]}

package/styles/body-cell/cell-renderers.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=pill]{display:inline-flex;align-items:center;block-size:20px;padding:0 8px;border-radius:var(--ag-radius-sm);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=pill--gold]{background:linear-gradient(180deg, #fff7e6 0%, var(--ag-gold) 100%);border-color:var(--ag-gold-line);color:var(--ag-gold-text)}[part~=pill--brand]{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part~=pill--neutral]{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.22);color:#4338ca}[part~=pill--muted]{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.22);color:#4b5563}[part~=avatar]{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;flex-shrink:0;border-radius:50%;background:hsl(var(--ag-avatar-hue, 210), 60%, 48%);color:#fff;font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 1px 2px rgba(15,23,42,.18)}[part~=progress]{display:inline-flex;align-items:center;gap:8px;inline-size:100%}[part~=progress-track]{position:relative;flex:1;block-size:5px;min-inline-size:40px;border-radius:3px;background:rgba(15,23,42,.08);overflow:hidden}[part~=progress-fill]{display:block;block-size:100%;border-radius:3px;background:linear-gradient(90deg, #10b981 0%, #34d399 100%);transition:width var(--ag-dur-slow) var(--ag-ease)}[part~=progress-fill--good]{background:linear-gradient(90deg, #10b981 0%, #34d399 100%)}[part~=progress-fill--watch]{background:linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%)}[part~=progress-fill--risk]{background:linear-gradient(90deg, #ef4444 0%, #f87171 100%)}[part~=progress-label]{min-inline-size:18px;text-align:end;font-size:11px;font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-body)}[part~=spark-cell]{display:inline-flex;align-items:center;gap:6px}[part~=sparkline]{display:block;inline-size:64px;block-size:22px;color:var(--ag-text-muted);overflow:visible}[part~=sparkline--up]{color:var(--ag-good)}[part~=sparkline--down]{color:var(--ag-risk)}[part~=spark-line]{fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}[part~=spark-area]{fill:currentcolor;stroke:none;opacity:.18}[part~=spark-delta]{font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-muted)}[part~=spark-delta--up]{color:var(--ag-good-text)}[part~=spark-delta--down]{color:var(--ag-risk-text)}[part~=status]{display:inline-flex;align-items:center;gap:6px;block-size:20px;padding:0 10px;border-radius:var(--ag-radius-pill);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=status-dot]{inline-size:6px;block-size:6px;flex-shrink:0;border-radius:50%;background:currentcolor}[part~=status--active]{background:var(--ag-good-soft);border-color:rgba(16,185,129,.28);color:var(--ag-good-text)}[part~=status--trial]{background:var(--ag-watch-soft);border-color:rgba(245,158,11,.28);color:var(--ag-watch-text)}[part~=status--churn]{background:var(--ag-risk-soft);border-color:rgba(239,68,68,.3);color:var(--ag-risk-text)}`;
+//# sourceMappingURL=cell-renderers.css.js.map

package/styles/body-cell/cell-renderers.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-renderers.css.js","sourceRoot":"","sources":["../../../src/styles/body-cell/cell-renderers.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s1GAAs1G,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`[part~=pill]{display:inline-flex;align-items:center;block-size:20px;padding:0 8px;border-radius:var(--ag-radius-sm);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=pill--gold]{background:linear-gradient(180deg, #fff7e6 0%, var(--ag-gold) 100%);border-color:var(--ag-gold-line);color:var(--ag-gold-text)}[part~=pill--brand]{background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part~=pill--neutral]{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.22);color:#4338ca}[part~=pill--muted]{background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.22);color:#4b5563}[part~=avatar]{display:inline-flex;align-items:center;justify-content:center;inline-size:22px;block-size:22px;flex-shrink:0;border-radius:50%;background:hsl(var(--ag-avatar-hue, 210), 60%, 48%);color:#fff;font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.85),0 1px 2px rgba(15,23,42,.18)}[part~=progress]{display:inline-flex;align-items:center;gap:8px;inline-size:100%}[part~=progress-track]{position:relative;flex:1;block-size:5px;min-inline-size:40px;border-radius:3px;background:rgba(15,23,42,.08);overflow:hidden}[part~=progress-fill]{display:block;block-size:100%;border-radius:3px;background:linear-gradient(90deg, #10b981 0%, #34d399 100%);transition:width var(--ag-dur-slow) var(--ag-ease)}[part~=progress-fill--good]{background:linear-gradient(90deg, #10b981 0%, #34d399 100%)}[part~=progress-fill--watch]{background:linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%)}[part~=progress-fill--risk]{background:linear-gradient(90deg, #ef4444 0%, #f87171 100%)}[part~=progress-label]{min-inline-size:18px;text-align:end;font-size:11px;font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-body)}[part~=spark-cell]{display:inline-flex;align-items:center;gap:6px}[part~=sparkline]{display:block;inline-size:64px;block-size:22px;color:var(--ag-text-muted);overflow:visible}[part~=sparkline--up]{color:var(--ag-good)}[part~=sparkline--down]{color:var(--ag-risk)}[part~=spark-line]{fill:none;stroke:currentcolor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}[part~=spark-area]{fill:currentcolor;stroke:none;opacity:.18}[part~=spark-delta]{font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);font-variant-numeric:tabular-nums;color:var(--ag-text-muted)}[part~=spark-delta--up]{color:var(--ag-good-text)}[part~=spark-delta--down]{color:var(--ag-risk-text)}[part~=status]{display:inline-flex;align-items:center;gap:6px;block-size:20px;padding:0 10px;border-radius:var(--ag-radius-pill);border:1px solid rgba(0,0,0,0);font-size:var(--ag-fs-cell-secondary);font-weight:var(--ag-fw-semibold);line-height:1;white-space:nowrap}[part~=status-dot]{inline-size:6px;block-size:6px;flex-shrink:0;border-radius:50%;background:currentcolor}[part~=status--active]{background:var(--ag-good-soft);border-color:rgba(16,185,129,.28);color:var(--ag-good-text)}[part~=status--trial]{background:var(--ag-watch-soft);border-color:rgba(245,158,11,.28);color:var(--ag-watch-text)}[part~=status--churn]{background:var(--ag-risk-soft);border-color:rgba(239,68,68,.3);color:var(--ag-risk-text)}`;"]}

package/styles/body-row/body-row.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:grid;width:100%;min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-block-end:var(--igx-row-border-width, var(--header-border-width)) var(--igx-row-border-style, var(--header-border-style)) var(--igx-row-border-color, var(--header-border-color));background:var(--igx-row-odd-background, var(--row-odd-background));color:var(--igx-row-odd-text-color, var(--row-odd-text-color));z-index:var(--z-index-base)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(even)){background:var(--igx-row-even-background, var(--row-even-background));color:var(--igx-row-even-text-color, var(--row-even-text-color))}:host(:hover){background:var(--igx-row-hover-background, var(--row-hover-background));color:var(--igx-row-hover-text-color, var(--row-hover-text-color))}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:grid;width:100%;min-height:var(--ag-row-h);border-block-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));background:var(--igx-row-odd-background, var(--row-odd-background, var(--ag-surface)));color:var(--igx-row-odd-text-color, var(--row-odd-text-color, var(--ag-text-body)));z-index:var(--z-index-base);transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(even)){background:var(--igx-row-even-background, var(--row-even-background, var(--ag-surface-alt)));color:var(--igx-row-even-text-color, var(--row-even-text-color, var(--ag-text-body)))}:host(:hover){background:var(--igx-row-hover-background, var(--row-hover-background, var(--ag-row-hover)));color:var(--igx-row-hover-text-color, var(--row-hover-text-color, var(--ag-text-body)))}:host([selected]){background:color-mix(in srgb, var(--ag-brand) 10%, var(--ag-surface));box-shadow:inset 2px 0 0 0 var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)))}:host([selected]:hover){background:color-mix(in srgb, var(--ag-brand) 14%, var(--ag-surface))}[part=selection-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)))}[part=selection-checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}[part=selection-checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-checkbox]:active{transform:scale(0.92)}[part=selection-checkbox]:checked,[part=selection-checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-checkbox]:checked{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[part=selection-checkbox]:indeterminate{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E")}[part=selection-checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)))}[part=expansion-toggle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--ag-radius-xs);background:rgba(0,0,0,0);color:var(--ag-text-muted);cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=expansion-toggle]:hover:not(:disabled){background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-toggle]:disabled{opacity:.35;cursor:default}[part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([expanded]) [part=expansion-chevron]{transform:rotate(90deg)}[part=detail-panel]{grid-column:1/-1;padding:0.75rem var(--ag-cell-pad-x);background:var(--ag-surface-alt);border-block-start:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));position:sticky;inset-inline-start:0;inline-size:var(--apex-host-width, 100%);box-sizing:border-box;overflow:hidden}`;
 //# sourceMappingURL=body-row.css.js.map

package/styles/body-row/body-row.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"body-row.css.js","sourceRoot":"","sources":["../../../src/styles/body-row/body-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ssCAAssC,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:grid;width:100%;min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-block-end:var(--igx-row-border-width, var(--header-border-width)) var(--igx-row-border-style, var(--header-border-style)) var(--igx-row-border-color, var(--header-border-color));background:var(--igx-row-odd-background, var(--row-odd-background));color:var(--igx-row-odd-text-color, var(--row-odd-text-color));z-index:var(--z-index-base)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(even)){background:var(--igx-row-even-background, var(--row-even-background));color:var(--igx-row-even-text-color, var(--row-even-text-color))}:host(:hover){background:var(--igx-row-hover-background, var(--row-hover-background));color:var(--igx-row-hover-text-color, var(--row-hover-text-color))}`;"]}
+{"version":3,"file":"body-row.css.js","sourceRoot":"","sources":["../../../src/styles/body-row/body-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2pJAA2pJ,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{display:grid;width:100%;min-height:var(--ag-row-h);border-block-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));background:var(--igx-row-odd-background, var(--row-odd-background, var(--ag-surface)));color:var(--igx-row-odd-text-color, var(--row-odd-text-color, var(--ag-text-body)));z-index:var(--z-index-base);transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(even)){background:var(--igx-row-even-background, var(--row-even-background, var(--ag-surface-alt)));color:var(--igx-row-even-text-color, var(--row-even-text-color, var(--ag-text-body)))}:host(:hover){background:var(--igx-row-hover-background, var(--row-hover-background, var(--ag-row-hover)));color:var(--igx-row-hover-text-color, var(--row-hover-text-color, var(--ag-text-body)))}:host([selected]){background:color-mix(in srgb, var(--ag-brand) 10%, var(--ag-surface));box-shadow:inset 2px 0 0 0 var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)))}:host([selected]:hover){background:color-mix(in srgb, var(--ag-brand) 14%, var(--ag-surface))}[part=selection-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)))}[part=selection-checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:14px;block-size:14px;margin:0;flex-shrink:0;box-sizing:border-box;border:1.4px solid color-mix(in srgb, var(--ag-brand) 30%, transparent);border-radius:var(--ag-radius-xs);background-color:var(--ag-surface);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),transform var(--ag-dur-fast) var(--ag-ease)}[part=selection-checkbox]:hover{border-color:color-mix(in srgb, var(--ag-brand) 55%, transparent)}[part=selection-checkbox]:active{transform:scale(0.92)}[part=selection-checkbox]:checked,[part=selection-checkbox]:indeterminate{background-color:var(--ag-brand);border-color:var(--ag-brand)}[part=selection-checkbox]:checked{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4 5.8 10.2 11 4.2' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}[part=selection-checkbox]:indeterminate{background-image:url(\"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Crect x='3.5' y='6.2' width='7' height='1.6' rx='0.8' fill='%23ffffff'/%3E%3C/svg%3E\")}[part=selection-checkbox]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-cell]{display:flex;align-items:center;justify-content:center;position:sticky;inset-inline-start:0;z-index:calc(var(--z-index-base) + 1);background:inherit;border-inline-end:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)))}[part=expansion-toggle]{display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--ag-radius-xs);background:rgba(0,0,0,0);color:var(--ag-text-muted);cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),border-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=expansion-toggle]:hover:not(:disabled){background:var(--ag-brand-soft);border-color:var(--ag-brand-line);color:var(--ag-brand-strong)}[part=expansion-toggle]:focus-visible{outline:2px solid color-mix(in srgb, var(--ag-brand) 50%, transparent);outline-offset:2px}[part=expansion-toggle]:disabled{opacity:.35;cursor:default}[part=expansion-chevron]{transition:transform var(--ag-dur-med) var(--ag-ease)}:host([expanded]) [part=expansion-chevron]{transform:rotate(90deg)}[part=detail-panel]{grid-column:1/-1;padding:0.75rem var(--ag-cell-pad-x);background:var(--ag-surface-alt);border-block-start:1px solid var(--igx-row-border-color, var(--row-border-color, var(--ag-border)));position:sticky;inset-inline-start:0;inline-size:var(--apex-host-width, 100%);box-sizing:border-box;overflow:hidden}`;"]}

package/styles/filter-row/filter-row.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;display:grid;grid-row:filter-row;min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));background:var(--igx-header-background, var(--header-background));color:var(--igx-header-text-color, var(--header-text-color));border-block-end:var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));z-index:var(--z-index-base);padding-inline-end:var(--scrollbar-offset)}[part=filter-row-preview]{display:flex;align-items:center;overflow:hidden;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));background:var(--igx-filtering-row-background, var(--filtering-row-background));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color));border-inline-end:var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color))}[part~=active-state]{background:var(--igx-filtering-row-background, var(--filtering-row-background));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color));min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));min-width:100%;display:flex;align-items:center;gap:.5rem;position:relative;inset-block-start:-0.0625rem}[part=filter-row-preview]:last-of-type{border-inline-end:none}[part~=filter-row-input]{padding-inline-start:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}[part~=filter-row-actions]{padding-inline-end:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}[part~=filter-row-input],[part~=filter-row-filters],[part~=filter-row-actions]{display:flex;align-items:center}[part~=filter-row-filters]{flex:1;overflow:hidden}igc-input::part(container),igc-input::part(input){background:inherit;color:inherit}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3}:host{--ig-size: 1;display:grid;grid-row:filter-row;min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));background:var(--igx-header-background, var(--header-background, var(--ag-surface-elevated)));color:var(--igx-header-text-color, var(--header-text-color, var(--ag-text-muted)));border-block-end:var(--igx-header-border-width, var(--header-border-width, 1px)) var(--igx-header-border-style, var(--header-border-style, solid)) var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));z-index:calc(var(--z-index-base) + 2);position:sticky;inset-block-start:var(--apex-row-top-filter, 0)}[part=filter-row-preview]{display:flex;align-items:center;overflow:hidden;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));background:var(--igx-filtering-row-background, var(--filtering-row-background, transparent));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color, var(--ag-text-body)));border-inline-end:var(--igx-header-border-width, var(--header-border-width, 1px)) var(--igx-header-border-style, var(--header-border-style, solid)) var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)))}[part~=active-state]{background:var(--igx-filtering-row-background, var(--filtering-row-background, transparent));color:var(--igx-filtering-row-text-color, var(--filtering-row-text-color, var(--ag-text-body)));min-height:max(var(--is-large, 1)*max(3.125rem, -1 * 3.125rem),var(--is-medium, 1)*max(2.125rem, -1 * 2.125rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));display:flex;align-items:center;gap:.5rem;margin-block-start:-0.0625rem;grid-column:1/-1;position:sticky;inset-inline-start:0;width:var(--apex-host-width, 100%);max-width:var(--apex-host-width, 100%)}[part=filter-row-preview]:last-of-type{border-inline-end:none}[part=filter-row-preview][data-pinned=start],[part=filter-row-preview][data-pinned=end]{position:sticky;z-index:calc(var(--z-index-base) + 1);background:var(--igx-header-background, var(--header-background, var(--ag-surface-elevated)))}[part=filter-row-preview][data-pinned=start]{inset-inline-start:var(--apex-pin-offset, 0)}[part=filter-row-preview][data-pinned=end]{inset-inline-end:var(--apex-pin-offset, 0)}[part=filter-row-preview][data-pin-edge=start]{border-inline-end:var(--igx-header-border-width, var(--header-border-width, 1px)) var(--igx-header-border-style, var(--header-border-style, solid)) var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));box-shadow:.125rem 0 .25rem rgba(0,0,0,.06)}[part=filter-row-preview][data-pin-edge=end]{border-inline-start:var(--igx-header-border-width, var(--header-border-width, 1px)) var(--igx-header-border-style, var(--header-border-style, solid)) var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));box-shadow:-0.125rem 0 .25rem rgba(0,0,0,.06)}[part~=filter-row-input]{padding-inline-start:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}[part~=filter-row-actions]{padding-inline-end:max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}[part~=filter-row-input],[part~=filter-row-filters],[part~=filter-row-actions]{display:flex;align-items:center}[part~=filter-row-filters]{flex:1;overflow:hidden}svg{inline-size:1rem;block-size:1rem;display:inline-block;vertical-align:middle;color:currentcolor;flex-shrink:0}[part=filter-field]{position:relative;display:inline-flex;align-items:center;block-size:1.75rem;inline-size:100%;padding:0 .375rem;gap:.25rem;background:rgba(0,0,0,0);border:.0625rem solid var(--ag-brand-line);border-radius:.5rem;box-sizing:border-box;transition:border-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=filter-field]:focus-within{border-color:color-mix(in srgb, var(--ag-brand) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ag-brand) 14%, transparent)}[part~=dropdown]{position:absolute;inset-block-start:calc(100% + 0.25rem);inset-inline:0;margin:0;padding:.25rem 0;list-style:none;background:var(--igx-content-background, var(--content-background, white));color:inherit;border:.0625rem solid var(--igx-header-border-color, var(--header-border-color, var(--ag-hairline)));border-radius:.25rem;box-shadow:0 .25rem .75rem rgba(0,0,0,.12);z-index:calc(var(--z-index-base) + 10);max-block-size:17.5rem;overflow-y:auto;box-sizing:border-box}[part~=dropdown][hidden]{display:none}[part~=dropdown-item]{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;cursor:pointer;font-size:.75rem;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=dropdown-item]:hover{background:hsl(from currentcolor h s l/8%)}[part~=dropdown-item][selected]{background:hsl(from var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand))) h s l/14%);color:var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));font-weight:600}[part~=dropdown-item] svg{opacity:.7;flex-shrink:0}[part=filter-input]{flex:1;min-inline-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;outline:0;padding:0;margin:0;font:inherit;font-size:.8125rem;line-height:1}[part=filter-input]::-moz-placeholder{color:inherit;opacity:.55}[part=filter-input]::placeholder{color:inherit;opacity:.55}[part=filter-input]:-moz-read-only{cursor:default}[part=filter-input]:read-only{cursor:default}[part=condition-trigger]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;padding:.125rem;margin:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;line-height:0;border-radius:.1875rem}[part=condition-trigger]:hover{background:hsl(from currentcolor h s l/8%)}[part=condition-trigger]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem}[part=action],[part=criteria]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:inherit;border:0;border-radius:.1875rem;padding:.1875rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;text-transform:uppercase;letter-spacing:.03125rem}[part=action]:hover,[part=criteria]:hover{background:hsl(from currentcolor h s l/8%)}[part=action]:focus-visible,[part=criteria]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:.0625rem}[part=criteria]{color:var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));font-weight:600}[part=filter-chip]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.25rem;background:rgba(0,0,0,0);color:var(--ag-text-muted);border:.0625rem solid var(--ag-hairline);border-radius:var(--ag-radius-sm);padding:.125rem .625rem .125rem .5rem;font:inherit;font-size:.75rem;line-height:1.6;cursor:pointer;transition:background-color var(--ag-dur-fast) var(--ag-ease),color var(--ag-dur-fast) var(--ag-ease)}[part=filter-chip]:hover{background:hsl(from currentcolor h s l/8%);color:var(--ag-text-body)}[part=filter-chip]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:.0625rem}[part=filter-chip] svg{opacity:.8}[part=filter-chip-count]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1rem;block-size:1rem;padding:0 .25rem;border-radius:.5rem;background:var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));color:var(--igx-primary-500-contrast, white);font-size:.625rem;font-weight:600;margin-inline-start:.125rem}[part=expression-chip]{display:inline-flex;align-items:stretch;background:var(--ag-brand-softer);color:var(--ag-brand-strong);border:.0625rem solid var(--ag-brand-line);border-radius:var(--ag-radius-sm);overflow:hidden;transition:background-color var(--ag-dur-fast) var(--ag-ease),box-shadow var(--ag-dur-fast) var(--ag-ease)}[part=expression-chip]:hover{background:var(--ag-brand-soft)}[part=expression-chip][selected]{background:var(--ag-brand-soft);box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--ag-brand) 50%, transparent)}[part=chip-body]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:.125rem .25rem .125rem .5rem;margin:0;font:inherit;font-size:.75rem;line-height:1.6;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer}[part=chip-body]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem;border-radius:.625rem 0 0 .625rem}[part=chip-body] svg{opacity:.8}[part=chip-remove]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:inherit;padding:0 .375rem;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.5rem;min-block-size:1.5rem;opacity:.55;transition:opacity .15s ease,background-color .15s ease}[part=chip-remove]:hover{opacity:1;background:hsl(from currentcolor h s l/8%)}[part=chip-remove]:focus-visible{outline:.125rem solid var(--igx-cell-active-border-color, var(--cell-active-border-color, var(--ag-brand)));outline-offset:-0.125rem;border-radius:0 .625rem .625rem 0;opacity:1}[part=chip-remove] svg{inline-size:.75rem;block-size:.75rem}`;
 //# sourceMappingURL=filter-row.css.js.map