igniteui-grid-lite 0.0.2 → 0.2.0

package/internal/part-map.d.ts

@@ -1,4 +1,17 @@
-export interface PartNameInfo {
-    readonly [name: string]: string | boolean | number;
+import { noChange } from 'lit';
+import { type AttributePart, Directive, type DirectiveParameters, type PartInfo } from 'lit/directive.js';
+export interface PartMapInfo {
+    readonly [name: string]: boolean | null | undefined;
 }
-export declare function partNameMap(parts: PartNameInfo): string;
+declare class PartMapDirective extends Directive {
+    private _previousParts?;
+    constructor(partInfo: PartInfo);
+    render(partMapInfo: PartMapInfo): string;
+    update(part: AttributePart, [partMapInfo]: DirectiveParameters<this>): string | typeof noChange;
+}
+/**
+ * Similar to Lit's {@link https://lit.dev/docs/templates/directives/#classmap | `classMap`} and
+ * {@link https://lit.dev/docs/templates/directives/#stylemap | `styleMap`} but for `part` attributes.
+ */
+export declare const partMap: (partMapInfo: PartMapInfo) => import("lit-html/directive.js").DirectiveResult<typeof PartMapDirective>;
+export type { PartMapDirective };

package/internal/part-map.js

@@ -1,6 +1,46 @@
-export function partNameMap(parts) {
-    return Object.keys(parts)
-        .filter((key) => parts[key])
-        .join(' ');
+import { noChange } from 'lit';
+import { Directive, directive, PartType, } from 'lit/directive.js';
+class PartMapDirective extends Directive {
+    constructor(partInfo) {
+        super(partInfo);
+        if (partInfo.type !== PartType.ATTRIBUTE ||
+            partInfo.name !== 'part' ||
+            partInfo.strings?.length > 0) {
+            throw new Error('`partMap() can only be used in the `part` attribute and must be the only part in the attribute.');
+        }
+    }
+    render(partMapInfo) {
+        return Object.keys(partMapInfo)
+            .filter((key) => partMapInfo[key])
+            .join(' ');
+    }
+    update(part, [partMapInfo]) {
+        const partList = part.element.part;
+        if (this._previousParts === undefined) {
+            this._previousParts = new Set();
+            for (const name in partMapInfo) {
+                if (partMapInfo[name]) {
+                    partList.add(name);
+                    this._previousParts.add(name);
+                }
+            }
+            return this.render(partMapInfo);
+        }
+        for (const name of this._previousParts) {
+            if (!(name in partMapInfo) || !partMapInfo[name]) {
+                partList.remove(name);
+                this._previousParts.delete(name);
+            }
+        }
+        for (const name in partMapInfo) {
+            const value = !!partMapInfo[name];
+            if (value && !this._previousParts.has(name)) {
+                partList.add(name);
+                this._previousParts.add(name);
+            }
+        }
+        return noChange;
+    }
 }
+export const partMap = directive(PartMapDirective);
 //# sourceMappingURL=part-map.js.map

package/internal/part-map.js.map

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

package/internal/tags.d.ts

@@ -5,3 +5,4 @@ export declare const GRID_HEADER_TAG: "igc-grid-lite-header";
 export declare const GRID_ROW_TAG: "igc-grid-lite-row";
 export declare const GRID_CELL_TAG: "igc-grid-lite-cell";
 export declare const GRID_FILTER_ROW_TAG: "igc-filter-row";
+export declare const GRID_COLUMN_TAG: "igc-grid-lite-column";

package/internal/tags.js

@@ -5,4 +5,5 @@ export const GRID_HEADER_TAG = 'igc-grid-lite-header';
 export const GRID_ROW_TAG = 'igc-grid-lite-row';
 export const GRID_CELL_TAG = 'igc-grid-lite-cell';
 export const GRID_FILTER_ROW_TAG = 'igc-filter-row';
+export const GRID_COLUMN_TAG = 'igc-grid-lite-column';
 //# sourceMappingURL=tags.js.map

package/internal/tags.js.map

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

package/internal/types.d.ts

@@ -23,24 +23,16 @@ export type DataType = 'number' | 'string' | 'boolean';
 /**
  * Configures the sort behavior for the grid.
  */
-export interface GridSortConfiguration {
+export interface GridLiteSortingOptions {
     /**
-     * Whether multiple sorting is enabled.
+     * The sorting mode - either 'single' or 'multiple' column sorting.
      */
-    multiple: boolean;
-    /**
-     * Whether tri-state sorting is enabled.
-     */
-    triState: boolean;
+    mode: 'single' | 'multiple';
 }
 /**
  * Extended sort configuration for a column.
  */
 export interface BaseColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> {
-    /**
-     * Whether the sort operations will be case sensitive.
-     */
-    caseSensitive?: boolean;
     /**
      * Custom comparer function for sort operations for this column.
      */
@@ -50,15 +42,6 @@ export interface BaseColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> {
  * See {@link BaseColumnSortConfiguration} for the full documentation.
  */
 export type ColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? BaseColumnSortConfiguration<T, K> : never;
-/**
- * Extended filter configuration for a column.
- */
-export interface ColumnFilterConfiguration {
-    /**
-     * Whether the filter operations will be case sensitive.
-     */
-    caseSensitive?: boolean;
-}
 /** Configuration object for grid columns. */
 export interface BaseColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> {
     /**
@@ -100,13 +83,25 @@ export interface BaseColumnConfiguration<T extends object, K extends Keys<T> = K
      */
     resizable?: boolean;
     /**
-     * Whether the column can be sorted or not.
+     * Whether the column can be sorted.
      */
-    sort?: ColumnSortConfiguration<T, K> | boolean;
+    sortable?: boolean;
     /**
-     * Whether filter operation can be applied on the column or not.
+     * Whether the sort operations will be case sensitive.
+     */
+    sortingCaseSensitive?: boolean;
+    /**
+     * Sort configuration options for the column (e.g., custom comparer).
+     */
+    sortConfiguration?: ColumnSortConfiguration<T, K>;
+    /**
+     * Whether the column can be filtered.
+     */
+    filterable?: boolean;
+    /**
+     * Whether the filter operations will be case sensitive.
      */
-    filter?: ColumnFilterConfiguration | boolean;
+    filteringCaseSensitive?: boolean;
     /**
      * Header template callback.
      */

package/internal/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactiveControllerHost, TemplateResult } from 'lit';\nimport type IgcGridLiteCell from '../components/cell.js';\nimport type { IgcGridLite } from '../components/grid.js';\nimport type IgcGridLiteHeader from '../components/header.js';\nimport type IgcGridLiteRow from '../components/row.js';\nimport type { SortComparer } from '../operations/sort/types.js';\n\nexport type NavigationState = 'previous' | 'current';\nexport type GridHost<T extends object> = ReactiveControllerHost & IgcGridLite<T>;\n\n/**\n * Helper type for resolving keys of type T.\n */\nexport type Keys<T> = keyof T;\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type BasePropertyType<T, K extends Keys<T> = Keys<T>> = T[K];\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type PropertyType<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BasePropertyType<T, K>\n  : never;\n\n/** The data for the current column. */\nexport type DataType = 'number' | 'string' | 'boolean';\n\n/**\n * Configures the sort behavior for the grid.\n */\nexport interface GridSortConfiguration {\n  /**\n   * Whether multiple sorting is enabled.\n   */\n  multiple: boolean;\n  /**\n   * Whether tri-state sorting is enabled.\n   */\n  triState: boolean;\n}\n\n/**\n * Extended sort configuration for a column.\n */\nexport interface BaseColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> {\n  /**\n   * Whether the sort operations will be case sensitive.\n   */\n  caseSensitive?: boolean;\n  /**\n   * Custom comparer function for sort operations for this column.\n   */\n  comparer?: SortComparer<T, K>;\n}\n\n/**\n * See {@link BaseColumnSortConfiguration} for the full documentation.\n */\nexport type ColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseColumnSortConfiguration<T, K>\n  : never;\n\n/**\n * Extended filter configuration for a column.\n */\nexport interface ColumnFilterConfiguration {\n  /**\n   * Whether the filter operations will be case sensitive.\n   */\n  caseSensitive?: boolean;\n}\n\n/** Configuration object for grid columns. */\nexport interface BaseColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The field for from the data the this column will reference.\n   */\n  key: K;\n  /**\n   * The type of data this column will reference.\n   *\n   * Affects the default filter operands if the column is with filtering enabled.\n   *\n   * @remarks\n   * If not passed, `string` is assumed to be the default type.\n   *\n   */\n  type?: DataType;\n  /**\n   * Optional text to display in the column header. By default, the column key is used\n   * to render the header text.\n   */\n  headerText?: string;\n  /**\n   * Width for the current column.\n   *\n   * Accepts most CSS units for controlling width.\n   *\n   * @remarks\n   * If not passed, the column will try to size itself based on the number of other\n   * columns and the total width of the grid.\n   *\n   */\n  width?: string;\n  /**\n   * Whether the column is hidden or not.\n   */\n  hidden?: boolean;\n  /**\n   * Whether the the column can be resized or not.\n   */\n  resizable?: boolean;\n  /**\n   * Whether the column can be sorted or not.\n   */\n  sort?: ColumnSortConfiguration<T, K> | boolean;\n  /**\n   * Whether filter operation can be applied on the column or not.\n   */\n  filter?: ColumnFilterConfiguration | boolean;\n  /**\n   * Header template callback.\n   */\n  headerTemplate?: (params: IgcHeaderContext<T>) => TemplateResult | unknown;\n  /**\n   * Cell template callback.\n   */\n  cellTemplate?: (params: IgcCellContext<T, K>) => TemplateResult | unknown;\n}\n\n/**\n * See {@link BaseColumnConfiguration} for the full documentation.\n */\nexport type ColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseColumnConfiguration<T, K>\n  : never;\n\nexport interface ActiveNode<T> {\n  column: Keys<T>;\n  row: number;\n}\n\n/**\n * Context object for the column header template callback.\n */\nexport interface IgcHeaderContext<T extends object> {\n  /**\n   * The header element parent of the template.\n   */\n  parent: IgcGridLiteHeader<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T>;\n}\n\n/**\n * Context object for the row cell template callback.\n */\nexport interface BaseIgcCellContext<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The cell element parent of the template.\n   */\n  parent: IgcGridLiteCell<T>;\n  /**\n   * The row element containing the cell.\n   */\n  row: IgcGridLiteRow<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T, K>;\n  /**\n   * The value from the data source for this cell.\n   */\n  value: PropertyType<T, K>;\n}\n\n/**\n * See {@link BaseIgcCellContext} for the full documentation.\n */\nexport type IgcCellContext<T extends object, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseIgcCellContext<T, K>\n  : never;\n\n/**\n * The parameters passed to a {@link DataPipelineHook} callback.\n */\nexport type DataPipelineParams<T extends object> = {\n  /**\n   * The current data state of the grid.\n   */\n  data: T[];\n  /**\n   * The grid component itself.\n   */\n  grid: IgcGridLite<T>;\n  /**\n   * The type of data operation being performed.\n   */\n  type: 'sort' | 'filter';\n};\n\n/**\n * Callback function for customizing data operations in the grid.\n */\nexport type DataPipelineHook<T extends object> = (\n  state: DataPipelineParams<T>\n) => T[] | Promise<T[]>;\n\n/**\n * Configuration for customizing the various data operations of the grid.\n */\nexport interface DataPipelineConfiguration<T extends object> {\n  /**\n   * Hook for customizing sort operations.\n   */\n  sort?: DataPipelineHook<T>;\n  /**\n   * Hook for customizing filter operations.\n   */\n  filter?: DataPipelineHook<T>;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactiveControllerHost, TemplateResult } from 'lit';\nimport type IgcGridLiteCell from '../components/cell.js';\nimport type { IgcGridLite } from '../components/grid.js';\nimport type IgcGridLiteHeader from '../components/header.js';\nimport type IgcGridLiteRow from '../components/row.js';\nimport type { SortComparer } from '../operations/sort/types.js';\n\nexport type NavigationState = 'previous' | 'current';\nexport type GridHost<T extends object> = ReactiveControllerHost & IgcGridLite<T>;\n\n/**\n * Helper type for resolving keys of type T.\n */\nexport type Keys<T> = keyof T;\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type BasePropertyType<T, K extends Keys<T> = Keys<T>> = T[K];\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type PropertyType<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BasePropertyType<T, K>\n  : never;\n\n/** The data for the current column. */\nexport type DataType = 'number' | 'string' | 'boolean';\n\n/**\n * Configures the sort behavior for the grid.\n */\nexport interface GridLiteSortingOptions {\n  /**\n   * The sorting mode - either 'single' or 'multiple' column sorting.\n   */\n  mode: 'single' | 'multiple';\n}\n\n/**\n * Extended sort configuration for a column.\n */\nexport interface BaseColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> {\n  /**\n   * Custom comparer function for sort operations for this column.\n   */\n  comparer?: SortComparer<T, K>;\n}\n\n/**\n * See {@link BaseColumnSortConfiguration} for the full documentation.\n */\nexport type ColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseColumnSortConfiguration<T, K>\n  : never;\n\n/** Configuration object for grid columns. */\nexport interface BaseColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The field for from the data the this column will reference.\n   */\n  key: K;\n  /**\n   * The type of data this column will reference.\n   *\n   * Affects the default filter operands if the column is with filtering enabled.\n   *\n   * @remarks\n   * If not passed, `string` is assumed to be the default type.\n   *\n   */\n  type?: DataType;\n  /**\n   * Optional text to display in the column header. By default, the column key is used\n   * to render the header text.\n   */\n  headerText?: string;\n  /**\n   * Width for the current column.\n   *\n   * Accepts most CSS units for controlling width.\n   *\n   * @remarks\n   * If not passed, the column will try to size itself based on the number of other\n   * columns and the total width of the grid.\n   *\n   */\n  width?: string;\n  /**\n   * Whether the column is hidden or not.\n   */\n  hidden?: boolean;\n  /**\n   * Whether the the column can be resized or not.\n   */\n  resizable?: boolean;\n  /**\n   * Whether the column can be sorted.\n   */\n  sortable?: boolean;\n  /**\n   * Whether the sort operations will be case sensitive.\n   */\n  sortingCaseSensitive?: boolean;\n  /**\n   * Sort configuration options for the column (e.g., custom comparer).\n   */\n  sortConfiguration?: ColumnSortConfiguration<T, K>;\n  /**\n   * Whether the column can be filtered.\n   */\n  filterable?: boolean;\n  /**\n   * Whether the filter operations will be case sensitive.\n   */\n  filteringCaseSensitive?: boolean;\n  /**\n   * Header template callback.\n   */\n  headerTemplate?: (params: IgcHeaderContext<T>) => TemplateResult | unknown;\n  /**\n   * Cell template callback.\n   */\n  cellTemplate?: (params: IgcCellContext<T, K>) => TemplateResult | unknown;\n}\n\n/**\n * See {@link BaseColumnConfiguration} for the full documentation.\n */\nexport type ColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseColumnConfiguration<T, K>\n  : never;\n\nexport interface ActiveNode<T> {\n  column: Keys<T>;\n  row: number;\n}\n\n/**\n * Context object for the column header template callback.\n */\nexport interface IgcHeaderContext<T extends object> {\n  /**\n   * The header element parent of the template.\n   */\n  parent: IgcGridLiteHeader<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T>;\n}\n\n/**\n * Context object for the row cell template callback.\n */\nexport interface BaseIgcCellContext<T extends object, K extends Keys<T> = Keys<T>> {\n  /**\n   * The cell element parent of the template.\n   */\n  parent: IgcGridLiteCell<T>;\n  /**\n   * The row element containing the cell.\n   */\n  row: IgcGridLiteRow<T>;\n  /**\n   * The current configuration for the column.\n   */\n  column: ColumnConfiguration<T, K>;\n  /**\n   * The value from the data source for this cell.\n   */\n  value: PropertyType<T, K>;\n}\n\n/**\n * See {@link BaseIgcCellContext} for the full documentation.\n */\nexport type IgcCellContext<T extends object, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseIgcCellContext<T, K>\n  : never;\n\n/**\n * The parameters passed to a {@link DataPipelineHook} callback.\n */\nexport type DataPipelineParams<T extends object> = {\n  /**\n   * The current data state of the grid.\n   */\n  data: T[];\n  /**\n   * The grid component itself.\n   */\n  grid: IgcGridLite<T>;\n  /**\n   * The type of data operation being performed.\n   */\n  type: 'sort' | 'filter';\n};\n\n/**\n * Callback function for customizing data operations in the grid.\n */\nexport type DataPipelineHook<T extends object> = (\n  state: DataPipelineParams<T>\n) => T[] | Promise<T[]>;\n\n/**\n * Configuration for customizing the various data operations of the grid.\n */\nexport interface DataPipelineConfiguration<T extends object> {\n  /**\n   * Hook for customizing sort operations.\n   */\n  sort?: DataPipelineHook<T>;\n  /**\n   * Hook for customizing filter operations.\n   */\n  filter?: DataPipelineHook<T>;\n}\n"]}

package/internal/utils.d.ts

@@ -1,6 +1,10 @@
 import type { StyleInfo } from 'lit/directives/style-map.js';
-import type { ColumnConfiguration, GridHost } from './types.js';
+import type { ColumnConfiguration } from './types.js';
 export declare function applyColumnWidths<T extends object>(columns: Array<ColumnConfiguration<T>>): StyleInfo;
-export declare function autoGenerateColumns<T extends object>(grid: GridHost<T>): void;
+export declare function isBoolean(x: unknown): x is boolean;
+export declare function isNumber(x: unknown): x is number;
+export declare function isString(x: unknown): x is string;
 export declare function asArray<T>(value: T | T[]): T[];
 export declare function getFilterOperandsFor<T extends object>(column: ColumnConfiguration<T>): Readonly<import("../operations/filter/types.js").FilterOperands<number, import("../operations/filter/operands/number.js").NumberKeys>> | Readonly<import("../operations/filter/types.js").FilterOperands<string, import("../operations/filter/operands/string.js").StringKeys>> | Readonly<import("../operations/filter/types.js").FilterOperands<boolean, import("../operations/filter/operands/boolean.js").BooleanKeys>>;
+export declare function setColumnsFromData<T extends object>(record: T): Array<ColumnConfiguration<T>>;
+export declare function createColumnConfiguration<T extends object>(config: Partial<ColumnConfiguration<T>>): ColumnConfiguration<T>;

package/internal/utils.js

@@ -2,21 +2,19 @@ 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(' '),
-    };
+    const iter = Iterator.from(columns)
+        .filter((each) => !each.hidden)
+        .map((each) => each.width ?? 'minmax(136px, 1fr)');
+    return { 'grid-template-columns': iter.toArray().join(' ') };
 }
-export function autoGenerateColumns(grid) {
-    if (grid.autoGenerate && grid.columns.length < 1) {
-        const record = grid.data[0] ?? {};
-        grid.columns = Object.entries(record).map(([key, value]) => {
-            const type = typeof value === 'boolean' ? 'boolean' : typeof value === 'number' ? 'number' : 'string';
-            return { key, type };
-        });
-    }
+export function isBoolean(x) {
+    return typeof x === 'boolean';
+}
+export function isNumber(x) {
+    return typeof x === 'number' && !Number.isNaN(x);
+}
+export function isString(x) {
+    return typeof x === 'string';
 }
 export function asArray(value) {
     return Array.isArray(value) ? value : [value];
@@ -31,4 +29,38 @@ export function getFilterOperandsFor(column) {
             return StringOperands;
     }
 }
+function getColumnType(value) {
+    if (isBoolean(value)) {
+        return 'boolean';
+    }
+    if (isNumber(value)) {
+        return 'number';
+    }
+    return 'string';
+}
+export function setColumnsFromData(record) {
+    return Object.entries(record).map(([key, value]) => {
+        return createColumnConfiguration({
+            key: key,
+            type: getColumnType(value),
+        });
+    });
+}
+export function createColumnConfiguration(config) {
+    return {
+        key: config.key ?? '',
+        type: config.type ?? 'string',
+        headerText: config.headerText,
+        width: config.width,
+        hidden: config.hidden ?? false,
+        resizable: config.resizable ?? false,
+        sortable: config.sortable ?? false,
+        sortingCaseSensitive: config.sortingCaseSensitive ?? false,
+        sortConfiguration: config.sortConfiguration,
+        filterable: config.filterable ?? false,
+        filteringCaseSensitive: config.filteringCaseSensitive ?? false,
+        headerTemplate: config.headerTemplate,
+        cellTemplate: config.cellTemplate,
+    };
+}
 //# sourceMappingURL=utils.js.map

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;AAGzE,MAAM,UAAU,iBAAiB,CAC/B,OAAsC;IAEtC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;SAChC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;SAC9B,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,oBAAoB,CAAC,CAAC;IAErD,OAAO,EAAE,uBAAuB,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,CAAU;IAClC,OAAO,OAAO,CAAC,KAAK,SAAS,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,CAAU;IACjC,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,CAAU;IACjC,OAAO,OAAO,CAAC,KAAK,QAAQ,CAAC;AAC/B,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;AAED,SAAS,aAAa,CAAC,KAAc;IACnC,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAmB,MAAS;IAC5D,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACjD,OAAO,yBAAyB,CAAI;YAClC,GAAG,EAAE,GAAc;YACnB,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC;SACQ,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,MAAuC;IAEvC,OAAO;QACL,GAAG,EAAE,MAAM,CAAC,GAAG,IAAI,EAAE;QACrB,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,QAAQ;QAC7B,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,KAAK;QAC9B,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,KAAK;QACpC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,KAAK;QAClC,oBAAoB,EAAE,MAAM,CAAC,oBAAoB,IAAI,KAAK;QAC1D,iBAAiB,EAAE,MAAM,CAAC,iBAAiB;QAC3C,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,KAAK;QACtC,sBAAsB,EAAE,MAAM,CAAC,sBAAsB,IAAI,KAAK;QAC9D,cAAc,EAAE,MAAM,CAAC,cAAc;QACrC,YAAY,EAAE,MAAM,CAAC,YAAY;KACR,CAAC;AAC9B,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 } from './types.js';\n\nexport function applyColumnWidths<T extends object>(\n  columns: Array<ColumnConfiguration<T>>\n): StyleInfo {\n  const iter = Iterator.from(columns)\n    .filter((each) => !each.hidden)\n    .map((each) => each.width ?? 'minmax(136px, 1fr)');\n\n  return { 'grid-template-columns': iter.toArray().join(' ') };\n}\n\nexport function isBoolean(x: unknown): x is boolean {\n  return typeof x === 'boolean';\n}\n\nexport function isNumber(x: unknown): x is number {\n  return typeof x === 'number' && !Number.isNaN(x);\n}\n\nexport function isString(x: unknown): x is string {\n  return typeof x === 'string';\n}\n\nexport function asArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n\nexport function getFilterOperandsFor<T extends object>(column: ColumnConfiguration<T>) {\n  // Check for custom class in the filter config\n  switch (column.type) {\n    case 'boolean':\n      return BooleanOperands;\n    case 'number':\n      return NumberOperands;\n    default:\n      return StringOperands;\n  }\n}\n\nfunction getColumnType(value: unknown): 'boolean' | 'number' | 'string' {\n  if (isBoolean(value)) {\n    return 'boolean';\n  }\n\n  if (isNumber(value)) {\n    return 'number';\n  }\n\n  return 'string';\n}\n\nexport function setColumnsFromData<T extends object>(record: T): Array<ColumnConfiguration<T>> {\n  return Object.entries(record).map(([key, value]) => {\n    return createColumnConfiguration<T>({\n      key: key as keyof T,\n      type: getColumnType(value),\n    } as Partial<ColumnConfiguration<T>>);\n  });\n}\n\nexport function createColumnConfiguration<T extends object>(\n  config: Partial<ColumnConfiguration<T>>\n): ColumnConfiguration<T> {\n  return {\n    key: config.key ?? '',\n    type: config.type ?? 'string',\n    headerText: config.headerText,\n    width: config.width,\n    hidden: config.hidden ?? false,\n    resizable: config.resizable ?? false,\n    sortable: config.sortable ?? false,\n    sortingCaseSensitive: config.sortingCaseSensitive ?? false,\n    sortConfiguration: config.sortConfiguration,\n    filterable: config.filterable ?? false,\n    filteringCaseSensitive: config.filteringCaseSensitive ?? false,\n    headerTemplate: config.headerTemplate,\n    cellTemplate: config.cellTemplate,\n  } as ColumnConfiguration<T>;\n}\n"]}

package/operations/sort/types.d.ts

@@ -17,7 +17,7 @@ export type SortComparer<T, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? B
 /**
  * Represents a sort operation for a given column.
  */
-export interface BaseSortExpression<T, K extends Keys<T> = Keys<T>> {
+export interface BaseSortingExpression<T, K extends Keys<T> = Keys<T>> {
     /**
      * The target column.
      */
@@ -42,8 +42,8 @@ export interface BaseSortExpression<T, K extends Keys<T> = Keys<T>> {
     comparer?: SortComparer<T, K>;
 }
 /**
- * See {@link BaseSortExpression} for the full documentation.
+ * See {@link BaseSortingExpression} for the full documentation.
  */
-export type SortExpression<T, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? BaseSortExpression<T, K> : never;
+export type SortingExpression<T, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? BaseSortingExpression<T, K> : never;
 /** Represents the sort state of the grid. */
-export type SortState<T> = Map<Keys<T>, SortExpression<T>>;
+export type SortState<T> = Map<Keys<T>, SortingExpression<T>>;

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>> = K extends Keys<T>\n  ? BaseSortComparer<T, K>\n  : never;\n\n/**\n * Represents a sort operation for a given column.\n */\nexport interface BaseSortingExpression<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 BaseSortingExpression} for the full documentation.\n */\nexport type SortingExpression<T, K extends Keys<T> = Keys<T>> = K extends Keys<T>\n  ? BaseSortingExpression<T, K>\n  : never;\n\n/** Represents the sort state of the grid. */\nexport type SortState<T> = Map<Keys<T>, SortingExpression<T>>;\n"]}

package/operations/sort.d.ts

@@ -1,8 +1,8 @@
 import DataOperation from './base.js';
-import type { SortExpression, SortState } from './sort/types.js';
+import type { SortingExpression, SortState } from './sort/types.js';
 export default class SortDataOperation<T> extends DataOperation<T> {
     protected orderBy: Map<string, number>;
     protected compareValues<U>(first: U, second: U): number;
-    protected compareObjects(first: T, second: T, expression: SortExpression<T>): number;
+    protected compareObjects(first: T, second: T, expression: SortingExpression<T>): number;
     apply(data: T[], state: SortState<T>): T[];
 }

package/operations/sort.js.map

@@ -1 +1 @@
-{"version":3,"file":"sort.js","sourceRoot":"","sources":["../../src/operations/sort.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,WAAW,CAAC;AAGtC,MAAM,CAAC,OAAO,OAAO,iBAAqB,SAAQ,aAAgB;IAAlE;;QACY,YAAO,GAAG,IAAI,GAAG,CACzB,MAAM,CAAC,OAAO,CAAC;YACb,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,CAAC,CAAC;SACf,CAAC,CACH,CAAC;IAuCJ,CAAC;IArCW,aAAa,CAAI,KAAQ,EAAE,MAAS;QAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC5D,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC;IAES,cAAc,CAAC,KAAQ,EAAE,MAAS,EAAE,UAA6B;QACzE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC;QAE/D,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC;QACzE,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC;QAG1E,OAAO,CACL,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAQ,EAAE,CAAQ,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAC5F,CAAC;IACJ,CAAC;IAEM,KAAK,CAAC,IAAS,EAAE,KAAmB;QACzC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;QAC/C,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;QAElC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACjB,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,IAAI,MAAM,GAAG,CAAC,CAAC;YAEf,OAAO,CAAC,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;gBAC7B,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnD,CAAC,EAAE,CAAC;YACN,CAAC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import DataOperation from './base.js';\nimport type { SortExpression, SortState } from './sort/types.js';\n\nexport default class SortDataOperation<T> extends DataOperation<T> {\n  protected orderBy = new Map(\n    Object.entries({\n      ascending: 1,\n      descending: -1,\n    })\n  );\n\n  protected compareValues<U>(first: U, second: U) {\n    if (typeof first === 'string' && typeof second === 'string') {\n      return first.localeCompare(second);\n    }\n    return first > second ? 1 : first < second ? -1 : 0;\n  }\n\n  protected compareObjects(first: T, second: T, expression: SortExpression<T>) {\n    const { direction, key, caseSensitive, comparer } = expression;\n\n    const a = this.resolveCase(this.resolveValue(first, key), caseSensitive);\n    const b = this.resolveCase(this.resolveValue(second, key), caseSensitive);\n\n    // TODO: Remove casting as any\n    return (\n      this.orderBy.get(direction)! * (comparer?.(a as any, b as any) ?? this.compareValues(a, b))\n    );\n  }\n\n  public apply(data: T[], state: SortState<T>) {\n    const expressions = Array.from(state.values());\n    const length = expressions.length;\n\n    data.sort((a, b) => {\n      let i = 0;\n      let result = 0;\n\n      while (i < length && !result) {\n        result = this.compareObjects(a, b, expressions[i]);\n        i++;\n      }\n\n      return result;\n    });\n\n    return data;\n  }\n}\n"]}
+{"version":3,"file":"sort.js","sourceRoot":"","sources":["../../src/operations/sort.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,WAAW,CAAC;AAGtC,MAAM,CAAC,OAAO,OAAO,iBAAqB,SAAQ,aAAgB;IAAlE;;QACY,YAAO,GAAG,IAAI,GAAG,CACzB,MAAM,CAAC,OAAO,CAAC;YACb,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,CAAC,CAAC;SACf,CAAC,CACH,CAAC;IAuCJ,CAAC;IArCW,aAAa,CAAI,KAAQ,EAAE,MAAS;QAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC5D,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC;IAES,cAAc,CAAC,KAAQ,EAAE,MAAS,EAAE,UAAgC;QAC5E,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC;QAE/D,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC;QACzE,MAAM,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC;QAG1E,OAAO,CACL,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAQ,EAAE,CAAQ,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAC5F,CAAC;IACJ,CAAC;IAEM,KAAK,CAAC,IAAS,EAAE,KAAmB;QACzC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;QAC/C,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;QAElC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACjB,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,IAAI,MAAM,GAAG,CAAC,CAAC;YAEf,OAAO,CAAC,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;gBAC7B,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnD,CAAC,EAAE,CAAC;YACN,CAAC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import DataOperation from './base.js';\nimport type { SortingExpression, SortState } from './sort/types.js';\n\nexport default class SortDataOperation<T> extends DataOperation<T> {\n  protected orderBy = new Map(\n    Object.entries({\n      ascending: 1,\n      descending: -1,\n    })\n  );\n\n  protected compareValues<U>(first: U, second: U) {\n    if (typeof first === 'string' && typeof second === 'string') {\n      return first.localeCompare(second);\n    }\n    return first > second ? 1 : first < second ? -1 : 0;\n  }\n\n  protected compareObjects(first: T, second: T, expression: SortingExpression<T>) {\n    const { direction, key, caseSensitive, comparer } = expression;\n\n    const a = this.resolveCase(this.resolveValue(first, key), caseSensitive);\n    const b = this.resolveCase(this.resolveValue(second, key), caseSensitive);\n\n    // TODO: Remove casting as any\n    return (\n      this.orderBy.get(direction)! * (comparer?.(a as any, b as any) ?? this.compareValues(a, b))\n    );\n  }\n\n  public apply(data: T[], state: SortState<T>) {\n    const expressions = Array.from(state.values());\n    const length = expressions.length;\n\n    data.sort((a, b) => {\n      let i = 0;\n      let result = 0;\n\n      while (i < length && !result) {\n        result = this.compareObjects(a, b, expressions[i]);\n        i++;\n      }\n\n      return result;\n    });\n\n    return data;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-grid-lite",
-  "version": "0.0.2",
+  "version": "0.2.0",
   "description": "Web component data grid following open-wc recommendations",
   "keywords": [
     "lit",

package/styles/themes/dark/grid.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-50));--sortable-header-icon-hover-color: var(--igc-grid-lite-sortable-header-icon-hover-color, var(--ig-primary-500));--sorted-header-icon-color: var(--igc-grid-lite-sorted-header-icon-color, var(--ig-primary-500));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--edit-mode-color: var(--igc-grid-lite-edit-mode-color, var(--ig-primary-500));--resize-line-color: var(--igc-grid-lite-resize-line-color, var(--ig-primary-500));--drop-indicator-color: var(--igc-grid-lite-drop-indicator-color, var(--ig-primary-500));--group-label-column-name-text: var(--igc-grid-lite-group-label-column-name-text, var(--ig-primary-300));--group-label-icon: var(--igc-grid-lite-group-label-icon, var(--ig-primary-300));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-surface-500));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-surface-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-gray-100));--header-text-color: var(--igc-grid-lite-header-text-color, var(--ig-surface-500-contrast));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--ig-theme: bootstrap}`;
+export const styles = css `:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-50));--sortable-header-icon-hover-color: var(--igc-grid-lite-sortable-header-icon-hover-color, var(--ig-primary-500));--sorted-header-icon-color: var(--igc-grid-lite-sorted-header-icon-color, var(--ig-primary-500));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--edit-mode-color: var(--igc-grid-lite-edit-mode-color, var(--ig-primary-500));--resize-line-color: var(--igc-grid-lite-resize-line-color, var(--ig-primary-500));--drop-indicator-color: var(--igc-grid-lite-drop-indicator-color, var(--ig-primary-500));--group-label-column-name-text: var(--igc-grid-lite-group-label-column-name-text, var(--ig-primary-300));--group-label-icon: var(--igc-grid-lite-group-label-icon, var(--ig-primary-300));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-surface-500));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-surface-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-gray-100));--header-text-color: var(--igc-grid-lite-header-text-color, var(--ig-surface-500-contrast));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--ig-theme: bootstrap}`;
 //# sourceMappingURL=grid.bootstrap.css.js.map

package/styles/themes/dark/grid.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,olKAAolK,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-50));--sortable-header-icon-hover-color: var(--igc-grid-lite-sortable-header-icon-hover-color, var(--ig-primary-500));--sorted-header-icon-color: var(--igc-grid-lite-sorted-header-icon-color, var(--ig-primary-500));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--edit-mode-color: var(--igc-grid-lite-edit-mode-color, var(--ig-primary-500));--resize-line-color: var(--igc-grid-lite-resize-line-color, var(--ig-primary-500));--drop-indicator-color: var(--igc-grid-lite-drop-indicator-color, var(--ig-primary-500));--group-label-column-name-text: var(--igc-grid-lite-group-label-column-name-text, var(--ig-primary-300));--group-label-icon: var(--igc-grid-lite-group-label-icon, var(--ig-primary-300));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-surface-500));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-surface-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-gray-100));--header-text-color: var(--igc-grid-lite-header-text-color, var(--ig-surface-500-contrast));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--ig-theme: bootstrap}`;"]}
+{"version":3,"file":"grid.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4uKAA4uK,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-50));--sortable-header-icon-hover-color: var(--igc-grid-lite-sortable-header-icon-hover-color, var(--ig-primary-500));--sorted-header-icon-color: var(--igc-grid-lite-sorted-header-icon-color, var(--ig-primary-500));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--edit-mode-color: var(--igc-grid-lite-edit-mode-color, var(--ig-primary-500));--resize-line-color: var(--igc-grid-lite-resize-line-color, var(--ig-primary-500));--drop-indicator-color: var(--igc-grid-lite-drop-indicator-color, var(--ig-primary-500));--group-label-column-name-text: var(--igc-grid-lite-group-label-column-name-text, var(--ig-primary-300));--group-label-icon: var(--igc-grid-lite-group-label-icon, var(--ig-primary-300));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-surface-500));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-surface-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-gray-100));--header-text-color: var(--igc-grid-lite-header-text-color, var(--ig-surface-500-contrast));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--ig-theme: bootstrap}`;"]}

package/styles/themes/dark/grid.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grid-elevation: var(--igc-grid-lite-grid-elevation, var(--ig-elevation-0));--drag-elevation: var(--igc-grid-lite-drag-elevation, var(--ig-elevation-1));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--grid-border-color: var(--igc-grid-lite-grid-border-color, var(--ig-gray-100));--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--tree-selected-filtered-row-text-color: var(--igc-grid-lite-tree-selected-filtered-row-text-color, var(--ig-gray-400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--pinned-border-color: var(--igc-grid-lite-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24));--cell-active-border-color: var(--igc-grid-lite-cell-active-border-color, var(--ig-primary-100));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--group-row-background: var(--igc-grid-lite-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--filtering-header-text-color: var(--igc-grid-lite-filtering-header-text-color, var(--ig-gray-900));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-surface-500));--header-text-color: var(--igc-grid-lite-header-text-color, var(--ig-gray-800));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-gray-200));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-gray-200-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-gray-200));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-200-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-gray-100));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-gray-200));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;
+export const styles = css `:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grid-elevation: var(--igc-grid-lite-grid-elevation, var(--ig-elevation-0));--drag-elevation: var(--igc-grid-lite-drag-elevation, var(--ig-elevation-1));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--grid-border-color: var(--igc-grid-lite-grid-border-color, var(--ig-gray-100));--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--tree-selected-filtered-row-text-color: var(--igc-grid-lite-tree-selected-filtered-row-text-color, var(--ig-gray-400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--pinned-border-color: var(--igc-grid-lite-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24));--cell-active-border-color: var(--igc-grid-lite-cell-active-border-color, var(--ig-primary-100));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--group-row-background: var(--igc-grid-lite-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--filtering-header-text-color: var(--igc-grid-lite-filtering-header-text-color, var(--ig-gray-900));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-surface-500));--header-text-color: var(--igc-grid-lite-header-text-color, var(--ig-gray-800));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-gray-200));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-gray-200-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-gray-200));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-200-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-gray-100));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-gray-200));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;
 //# sourceMappingURL=grid.fluent.css.js.map

package/styles/themes/dark/grid.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.fluent.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8jKAA8jK,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grid-elevation: var(--igc-grid-lite-grid-elevation, var(--ig-elevation-0));--drag-elevation: var(--igc-grid-lite-drag-elevation, var(--ig-elevation-1));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--grid-border-color: var(--igc-grid-lite-grid-border-color, var(--ig-gray-100));--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--tree-selected-filtered-row-text-color: var(--igc-grid-lite-tree-selected-filtered-row-text-color, var(--ig-gray-400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--pinned-border-color: var(--igc-grid-lite-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24));--cell-active-border-color: var(--igc-grid-lite-cell-active-border-color, var(--ig-primary-100));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--group-row-background: var(--igc-grid-lite-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--filtering-header-text-color: var(--igc-grid-lite-filtering-header-text-color, var(--ig-gray-900));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-surface-500));--header-text-color: var(--igc-grid-lite-header-text-color, var(--ig-gray-800));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-gray-200));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-gray-200-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-gray-200));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-200-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-gray-100));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-gray-200));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;"]}
+{"version":3,"file":"grid.fluent.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,stKAAstK,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grid-elevation: var(--igc-grid-lite-grid-elevation, var(--ig-elevation-0));--drag-elevation: var(--igc-grid-lite-drag-elevation, var(--ig-elevation-1));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--grid-border-color: var(--igc-grid-lite-grid-border-color, var(--ig-gray-100));--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--tree-selected-filtered-row-text-color: var(--igc-grid-lite-tree-selected-filtered-row-text-color, var(--ig-gray-400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--pinned-border-color: var(--igc-grid-lite-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24));--cell-active-border-color: var(--igc-grid-lite-cell-active-border-color, var(--ig-primary-100));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--group-row-background: var(--igc-grid-lite-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--filtering-header-text-color: var(--igc-grid-lite-filtering-header-text-color, var(--ig-gray-900));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-surface-500));--header-text-color: var(--igc-grid-lite-header-text-color, var(--ig-gray-800));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-gray-200));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-gray-200-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-gray-200));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-200-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-gray-100));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-gray-200));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;"]}

package/styles/themes/dark/grid.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grid-elevation: var(--igc-grid-lite-grid-elevation, var(--ig-elevation-0));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-surface-500));--drop-area-text-color: var(--igc-grid-lite-drop-area-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--drop-area-icon-color: var(--igc-grid-lite-drop-area-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--drop-area-background: var(--igc-grid-lite-drop-area-background, var(--ig-gray-100));--drop-area-on-drop-background: var(--igc-grid-lite-drop-area-on-drop-background, var(--ig-gray-100));--header-background: var(--igc-grid-lite-header-background, var(--ig-surface-500));--sortable-header-icon-hover-color: var(--igc-grid-lite-sortable-header-icon-hover-color, var(--ig-primary-400));--sorted-header-icon-color: var(--igc-grid-lite-sorted-header-icon-color, var(--ig-primary-500));--header-border-color: var(--igc-grid-lite-header-border-color, var(--ig-gray-200));--excel-filtering-actions-foreground: var(--igc-grid-lite-excel-filtering-actions-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--excel-filtering-actions-hover-foreground: var(--igc-grid-lite-excel-filtering-actions-hover-foreground, var(--ig-gray-50-contrast));--excel-filtering-actions-disabled-foreground: var(--igc-grid-lite-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--content-text-color: var(--igc-grid-lite-content-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--row-odd-background: var(--igc-grid-lite-row-odd-background, var(--ig-surface-500));--row-even-background: var(--igc-grid-lite-row-even-background, var(--ig-surface-500));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-primary-900-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-50-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, var(--ig-gray-100));--row-drag-color: var(--igc-grid-lite-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75));--pinned-border-color: var(--igc-grid-lite-pinned-border-color, var(--ig-gray-200));--cell-active-border-color: var(--igc-grid-lite-cell-active-border-color, var(--ig-primary-400));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-primary-900));--tree-selected-filtered-cell-text-color: var(--igc-grid-lite-tree-selected-filtered-cell-text-color, var(--ig-primary-500));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-primary-900-contrast));--cell-editing-background: var(--igc-grid-lite-cell-editing-background, var(--ig-gray-100));--cell-editing-foreground: var(--igc-grid-lite-cell-editing-foreground, var(--ig-gray-50-contrast));--edit-mode-color: var(--igc-grid-lite-edit-mode-color, var(--ig-primary-400));--edited-row-indicator: var(--igc-grid-lite-edited-row-indicator, var(--ig-primary-400));--cell-edited-value-color: var(--igc-grid-lite-cell-edited-value-color, var(--ig-gray-50-contrast));--cell-disabled-color: var(--igc-grid-lite-cell-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--resize-line-color: var(--igc-grid-lite-resize-line-color, var(--ig-primary-400));--drop-indicator-color: var(--igc-grid-lite-drop-indicator-color, var(--ig-primary-400));--group-label-column-name-text: var(--igc-grid-lite-group-label-column-name-text, var(--ig-gray 50-0.8-contrast));--group-label-icon: var(--igc-grid-lite-group-label-icon, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--group-label-text: var(--igc-grid-lite-group-label-text, var(--ig-gray-50-contrast));--expand-icon-color: var(--igc-grid-lite-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--expand-icon-hover-color: var(--igc-grid-lite-expand-icon-hover-color, var(--ig-gray-50-contrast));--active-expand-icon-color: var(--igc-grid-lite-active-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--group-count-background: var(--igc-grid-lite-group-count-background, var(--ig-primary-400));--group-count-text-color: var(--igc-grid-lite-group-count-text-color, var(--ig-primary-900-contrast));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--filtering-header-background: var(--igc-grid-lite-filtering-header-background, var(--ig-gray-100));--filtering-header-text-color: var(--igc-grid-lite-filtering-header-text-color, var(--ig-gray-50-contrast));--filtering-row-background: var(--igc-grid-lite-filtering-row-background, var(--ig-surface-500));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-primary-400));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-gray-100));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-surface-500));--header-text-color: var(--igc-grid-lite-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-primary-900));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-gray-50-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-primary-700));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-primary-900-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-primary-700));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;
+export const styles = css `:host{--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--drop-area-background: var(--igc-grid-lite-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--header-background: var(--igc-grid-lite-header-background, var(--ig-gray-100));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-secondary-600));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-secondary-600-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-100-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-secondary-A700));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-secondary-A400));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-secondary-A700-contrast));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-secondary-A400-contrast));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-secondary-500));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-secondary-A400));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-secondary-A400-contrast));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-gray-100));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-gray-100-contrast));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-gray-50));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--grid-elevation: var(--igc-grid-lite-grid-elevation, var(--ig-elevation-0));--grouparea-color: var(--igc-grid-lite-grouparea-color, var(--ig-gray-500));--grouparea-background: var(--igc-grid-lite-grouparea-background, var(--ig-surface-500));--drop-area-text-color: var(--igc-grid-lite-drop-area-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--drop-area-icon-color: var(--igc-grid-lite-drop-area-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--drop-area-background: var(--igc-grid-lite-drop-area-background, var(--ig-gray-100));--drop-area-on-drop-background: var(--igc-grid-lite-drop-area-on-drop-background, var(--ig-gray-100));--header-background: var(--igc-grid-lite-header-background, var(--ig-surface-500));--sortable-header-icon-hover-color: var(--igc-grid-lite-sortable-header-icon-hover-color, var(--ig-primary-400));--sorted-header-icon-color: var(--igc-grid-lite-sorted-header-icon-color, var(--ig-primary-500));--header-border-color: var(--igc-grid-lite-header-border-color, var(--ig-gray-200));--excel-filtering-actions-foreground: var(--igc-grid-lite-excel-filtering-actions-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--excel-filtering-actions-hover-foreground: var(--igc-grid-lite-excel-filtering-actions-hover-foreground, var(--ig-gray-50-contrast));--excel-filtering-actions-disabled-foreground: var(--igc-grid-lite-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--content-text-color: var(--igc-grid-lite-content-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--row-odd-background: var(--igc-grid-lite-row-odd-background, var(--ig-surface-500));--row-even-background: var(--igc-grid-lite-row-even-background, var(--ig-surface-500));--row-selected-text-color: var(--igc-grid-lite-row-selected-text-color, var(--ig-primary-900-contrast));--row-hover-background: var(--igc-grid-lite-row-hover-background, var(--ig-gray-100));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-50-contrast));--row-border-color: var(--igc-grid-lite-row-border-color, var(--ig-gray-100));--row-drag-color: var(--igc-grid-lite-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75));--pinned-border-color: var(--igc-grid-lite-pinned-border-color, var(--ig-gray-200));--cell-active-border-color: var(--igc-grid-lite-cell-active-border-color, var(--ig-primary-400));--cell-selected-background: var(--igc-grid-lite-cell-selected-background, var(--ig-primary-900));--tree-selected-filtered-cell-text-color: var(--igc-grid-lite-tree-selected-filtered-cell-text-color, var(--ig-primary-500));--cell-selected-text-color: var(--igc-grid-lite-cell-selected-text-color, var(--ig-primary-900-contrast));--cell-editing-background: var(--igc-grid-lite-cell-editing-background, var(--ig-gray-100));--cell-editing-foreground: var(--igc-grid-lite-cell-editing-foreground, var(--ig-gray-50-contrast));--edit-mode-color: var(--igc-grid-lite-edit-mode-color, var(--ig-primary-400));--edited-row-indicator: var(--igc-grid-lite-edited-row-indicator, var(--ig-primary-400));--cell-edited-value-color: var(--igc-grid-lite-cell-edited-value-color, var(--ig-gray-50-contrast));--cell-disabled-color: var(--igc-grid-lite-cell-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--resize-line-color: var(--igc-grid-lite-resize-line-color, var(--ig-primary-400));--drop-indicator-color: var(--igc-grid-lite-drop-indicator-color, var(--ig-primary-400));--group-label-column-name-text: var(--igc-grid-lite-group-label-column-name-text, var(--ig-gray 50-0.8-contrast));--group-label-icon: var(--igc-grid-lite-group-label-icon, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--group-label-text: var(--igc-grid-lite-group-label-text, var(--ig-gray-50-contrast));--expand-icon-color: var(--igc-grid-lite-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--expand-icon-hover-color: var(--igc-grid-lite-expand-icon-hover-color, var(--ig-gray-50-contrast));--active-expand-icon-color: var(--igc-grid-lite-active-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--group-count-background: var(--igc-grid-lite-group-count-background, var(--ig-primary-400));--group-count-text-color: var(--igc-grid-lite-group-count-text-color, var(--ig-primary-900-contrast));--group-row-background: var(--igc-grid-lite-group-row-background, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--filtering-header-background: var(--igc-grid-lite-filtering-header-background, var(--ig-gray-100));--filtering-header-text-color: var(--igc-grid-lite-filtering-header-text-color, var(--ig-gray-50-contrast));--filtering-row-background: var(--igc-grid-lite-filtering-row-background, var(--ig-surface-500));--row-highlight: var(--igc-grid-lite-row-highlight, var(--ig-primary-400));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-gray-100));--drop-area-border-radius: var(--igc-grid-lite-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-surface-500));--header-text-color: var(--igc-grid-lite-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-primary-900));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-gray-50-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-primary-900));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-primary-700));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-primary-900-contrast));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-primary-700));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo}`;
 //# sourceMappingURL=grid.indigo.css.js.map