igniteui-grid-lite 0.0.2 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/components/cell.d.ts +1 -1
- package/components/cell.js +2 -3
- package/components/cell.js.map +1 -1
- package/components/column.d.ts +39 -0
- package/components/column.js +77 -0
- package/components/column.js.map +1 -0
- package/components/filter-row.d.ts +1 -1
- package/components/filter-row.js +45 -33
- package/components/filter-row.js.map +1 -1
- package/components/grid.d.ts +34 -34
- package/components/grid.js +143 -104
- package/components/grid.js.map +1 -1
- package/components/header-row.d.ts +5 -8
- package/components/header-row.js +18 -28
- package/components/header-row.js.map +1 -1
- package/components/header.d.ts +1 -1
- package/components/header.js +7 -11
- package/components/header.js.map +1 -1
- package/components/row.d.ts +3 -5
- package/components/row.js +6 -12
- package/components/row.js.map +1 -1
- package/components/virtualizer.d.ts +0 -1
- package/components/virtualizer.js +0 -5
- package/components/virtualizer.js.map +1 -1
- package/controllers/data-operation.d.ts +4 -1
- package/controllers/data-operation.js +5 -1
- package/controllers/data-operation.js.map +1 -1
- package/controllers/dom.d.ts +9 -10
- package/controllers/dom.js +20 -34
- package/controllers/dom.js.map +1 -1
- package/controllers/filter.d.ts +7 -4
- package/controllers/filter.js +8 -5
- package/controllers/filter.js.map +1 -1
- package/controllers/navigation.d.ts +8 -8
- package/controllers/navigation.js +28 -28
- package/controllers/navigation.js.map +1 -1
- package/controllers/sort.d.ts +4 -4
- package/controllers/sort.js +2 -2
- package/controllers/sort.js.map +1 -1
- package/controllers/state.d.ts +32 -15
- package/controllers/state.js +54 -17
- package/controllers/state.js.map +1 -1
- package/custom-elements.json +924 -190
- package/docs/assets/hierarchy.js +1 -1
- package/docs/assets/navigation.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/assets/style.css +3 -3
- package/docs/classes/IgcGridLite.html +15 -17
- package/docs/classes/IgcGridLiteColumn.html +38 -0
- package/docs/hierarchy.html +1 -1
- package/docs/index.html +6 -6
- package/docs/interfaces/BaseColumnConfiguration.html +2 -2
- package/docs/interfaces/BaseColumnSortConfiguration.html +1 -1
- package/docs/interfaces/BaseFilterExpression.html +1 -1
- package/docs/interfaces/BaseIgcCellContext.html +1 -1
- package/docs/interfaces/{BaseSortExpression.html → BaseSortingExpression.html} +2 -2
- package/docs/interfaces/ColumnFilterConfiguration.html +1 -1
- package/docs/interfaces/DataPipelineConfiguration.html +1 -1
- package/docs/interfaces/GridLiteSortingOptions.html +4 -0
- package/docs/interfaces/IgcFilteredEvent.html +1 -1
- package/docs/interfaces/IgcFilteringEvent.html +1 -1
- package/docs/interfaces/IgcGridLiteEventMap.html +4 -4
- package/docs/interfaces/IgcHeaderContext.html +1 -1
- package/docs/modules.html +1 -1
- package/docs/types/BasePropertyType.html +1 -1
- package/docs/types/BaseSortComparer.html +1 -1
- package/docs/types/ColumnConfiguration.html +1 -1
- package/docs/types/ColumnSortConfiguration.html +1 -1
- package/docs/types/DataPipelineHook.html +1 -1
- package/docs/types/DataPipelineParams.html +1 -1
- package/docs/types/DataType.html +1 -1
- package/docs/types/FilterCriteria.html +1 -1
- package/docs/types/FilterExpression.html +1 -1
- package/docs/types/IgcCellContext.html +1 -1
- package/docs/types/Keys.html +1 -1
- package/docs/types/PropertyType.html +1 -1
- package/docs/types/SortComparer.html +1 -1
- package/docs/types/SortState.html +1 -1
- package/docs/types/SortingDirection.html +1 -1
- package/docs/types/SortingExpression.html +2 -0
- package/index.d.ts +3 -2
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/internal/constants.js +5 -1
- package/internal/constants.js.map +1 -1
- package/internal/context.d.ts +9 -0
- package/internal/context.js +7 -0
- package/internal/context.js.map +1 -0
- package/internal/element-from-event-path.d.ts +2 -0
- package/internal/element-from-event-path.js +12 -0
- package/internal/element-from-event-path.js.map +1 -0
- package/internal/part-map.d.ts +16 -3
- package/internal/part-map.js +44 -4
- package/internal/part-map.js.map +1 -1
- package/internal/tags.d.ts +1 -0
- package/internal/tags.js +1 -0
- package/internal/tags.js.map +1 -1
- package/internal/types.d.ts +3 -7
- package/internal/types.js.map +1 -1
- package/internal/utils.d.ts +6 -2
- package/internal/utils.js +43 -14
- package/internal/utils.js.map +1 -1
- package/operations/sort/types.d.ts +4 -4
- package/operations/sort/types.js.map +1 -1
- package/operations/sort.d.ts +2 -2
- package/operations/sort.js.map +1 -1
- package/package.json +1 -1
- package/styles/themes/dark/grid.bootstrap.css.js +1 -1
- package/styles/themes/dark/grid.bootstrap.css.js.map +1 -1
- package/styles/themes/dark/grid.fluent.css.js +1 -1
- package/styles/themes/dark/grid.fluent.css.js.map +1 -1
- package/styles/themes/dark/grid.indigo.css.js +1 -1
- package/styles/themes/dark/grid.indigo.css.js.map +1 -1
- package/styles/themes/dark/grid.material.css.js +1 -1
- package/styles/themes/dark/grid.material.css.js.map +1 -1
- package/styles/themes/grid.base.css.js +1 -1
- package/styles/themes/grid.base.css.js.map +1 -1
- package/styles/themes/light/grid.fluent.css.js +1 -1
- package/styles/themes/light/grid.fluent.css.js.map +1 -1
- package/styles/themes/light/grid.indigo.css.js +1 -1
- package/styles/themes/light/grid.indigo.css.js.map +1 -1
- package/styles/themes/light/grid.shared.css.js +1 -1
- package/styles/themes/light/grid.shared.css.js.map +1 -1
- package/docs/interfaces/GridSortConfiguration.html +0 -6
- package/docs/types/SortExpression.html +0 -2
package/internal/types.js.map
CHANGED
|
@@ -1 +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
|
|
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 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 * 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"]}
|
package/internal/utils.d.ts
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import type { StyleInfo } from 'lit/directives/style-map.js';
|
|
2
|
-
import type { ColumnConfiguration
|
|
2
|
+
import type { ColumnConfiguration } from './types.js';
|
|
3
3
|
export declare function applyColumnWidths<T extends object>(columns: Array<ColumnConfiguration<T>>): StyleInfo;
|
|
4
|
-
export declare function
|
|
4
|
+
export declare function isBoolean(x: unknown): x is boolean;
|
|
5
|
+
export declare function isNumber(x: unknown): x is number;
|
|
6
|
+
export declare function isString(x: unknown): x is string;
|
|
5
7
|
export declare function asArray<T>(value: T | T[]): T[];
|
|
6
8
|
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>>;
|
|
9
|
+
export declare function setColumnsFromData<T extends object>(record: T): Array<ColumnConfiguration<T>>;
|
|
10
|
+
export declare function createColumnConfiguration<T extends object>(config: Partial<ColumnConfiguration<T>>): ColumnConfiguration<T>;
|
package/internal/utils.js
CHANGED
|
@@ -2,21 +2,19 @@ import { BooleanOperands } from '../operations/filter/operands/boolean.js';
|
|
|
2
2
|
import { NumberOperands } from '../operations/filter/operands/number.js';
|
|
3
3
|
import { StringOperands } from '../operations/filter/operands/string.js';
|
|
4
4
|
export function applyColumnWidths(columns) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
.join(' '),
|
|
10
|
-
};
|
|
5
|
+
const iter = Iterator.from(columns)
|
|
6
|
+
.filter((each) => !each.hidden)
|
|
7
|
+
.map((each) => each.width ?? 'minmax(136px, 1fr)');
|
|
8
|
+
return { 'grid-template-columns': iter.toArray().join(' ') };
|
|
11
9
|
}
|
|
12
|
-
export function
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
export function isBoolean(x) {
|
|
11
|
+
return typeof x === 'boolean';
|
|
12
|
+
}
|
|
13
|
+
export function isNumber(x) {
|
|
14
|
+
return typeof x === 'number' && !Number.isNaN(x);
|
|
15
|
+
}
|
|
16
|
+
export function isString(x) {
|
|
17
|
+
return typeof x === 'string';
|
|
20
18
|
}
|
|
21
19
|
export function asArray(value) {
|
|
22
20
|
return Array.isArray(value) ? value : [value];
|
|
@@ -31,4 +29,35 @@ export function getFilterOperandsFor(column) {
|
|
|
31
29
|
return StringOperands;
|
|
32
30
|
}
|
|
33
31
|
}
|
|
32
|
+
function getColumnType(value) {
|
|
33
|
+
if (isBoolean(value)) {
|
|
34
|
+
return 'boolean';
|
|
35
|
+
}
|
|
36
|
+
if (isNumber(value)) {
|
|
37
|
+
return 'number';
|
|
38
|
+
}
|
|
39
|
+
return 'string';
|
|
40
|
+
}
|
|
41
|
+
export function setColumnsFromData(record) {
|
|
42
|
+
return Object.entries(record).map(([key, value]) => {
|
|
43
|
+
return createColumnConfiguration({
|
|
44
|
+
key: key,
|
|
45
|
+
type: getColumnType(value),
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
export function createColumnConfiguration(config) {
|
|
50
|
+
return {
|
|
51
|
+
key: config.key ?? '',
|
|
52
|
+
type: config.type ?? 'string',
|
|
53
|
+
headerText: config.headerText,
|
|
54
|
+
width: config.width,
|
|
55
|
+
hidden: config.hidden ?? false,
|
|
56
|
+
resizable: config.resizable ?? false,
|
|
57
|
+
sort: config.sort ?? false,
|
|
58
|
+
filter: config.filter ?? false,
|
|
59
|
+
headerTemplate: config.headerTemplate,
|
|
60
|
+
cellTemplate: config.cellTemplate,
|
|
61
|
+
};
|
|
62
|
+
}
|
|
34
63
|
//# sourceMappingURL=utils.js.map
|
package/internal/utils.js.map
CHANGED
|
@@ -1 +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;
|
|
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;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,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,KAAK;QAC1B,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,KAAK;QAC9B,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 sort: config.sort ?? false,\n filter: config.filter ?? false,\n headerTemplate: config.headerTemplate,\n cellTemplate: config.cellTemplate,\n } as ColumnConfiguration<T>;\n}\n"]}
|
|
@@ -17,7 +17,7 @@ export type SortComparer<T, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? B
|
|
|
17
17
|
/**
|
|
18
18
|
* Represents a sort operation for a given column.
|
|
19
19
|
*/
|
|
20
|
-
export interface
|
|
20
|
+
export interface BaseSortingExpression<T, K extends Keys<T> = Keys<T>> {
|
|
21
21
|
/**
|
|
22
22
|
* The target column.
|
|
23
23
|
*/
|
|
@@ -42,8 +42,8 @@ export interface BaseSortExpression<T, K extends Keys<T> = Keys<T>> {
|
|
|
42
42
|
comparer?: SortComparer<T, K>;
|
|
43
43
|
}
|
|
44
44
|
/**
|
|
45
|
-
* See {@link
|
|
45
|
+
* See {@link BaseSortingExpression} for the full documentation.
|
|
46
46
|
*/
|
|
47
|
-
export type
|
|
47
|
+
export type SortingExpression<T, K extends Keys<T> = Keys<T>> = K extends Keys<T> ? BaseSortingExpression<T, K> : never;
|
|
48
48
|
/** Represents the sort state of the grid. */
|
|
49
|
-
export type SortState<T> = Map<Keys<T>,
|
|
49
|
+
export type SortState<T> = Map<Keys<T>, SortingExpression<T>>;
|
|
@@ -1 +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
|
|
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 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
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import DataOperation from './base.js';
|
|
2
|
-
import type {
|
|
2
|
+
import type { SortingExpression, SortState } from './sort/types.js';
|
|
3
3
|
export default class SortDataOperation<T> extends DataOperation<T> {
|
|
4
4
|
protected orderBy: Map<string, number>;
|
|
5
5
|
protected compareValues<U>(first: U, second: U): number;
|
|
6
|
-
protected compareObjects(first: T, second: T, expression:
|
|
6
|
+
protected compareObjects(first: T, second: T, expression: SortingExpression<T>): number;
|
|
7
7
|
apply(data: T[], state: SortState<T>): T[];
|
|
8
8
|
}
|
package/operations/sort.js.map
CHANGED
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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}`;
|
|
2
|
+
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}`;
|
|
3
3
|
//# sourceMappingURL=grid.bootstrap.css.js.map
|
|
@@ -1 +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,
|
|
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,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}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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}`;
|
|
2
|
+
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}`;
|
|
3
3
|
//# sourceMappingURL=grid.fluent.css.js.map
|
|
@@ -1 +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,
|
|
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,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}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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}`;
|
|
2
|
+
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}`;
|
|
3
3
|
//# sourceMappingURL=grid.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.indigo.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"grid.indigo.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iuQAAiuQ,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));--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}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--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-secondary-300));--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-active-border-color: var(--igc-grid-lite-cell-active-border-color, var(--ig-secondary-500));--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, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-gray-50));--header-text-color: var(--igc-grid-lite-header-text-color, hsl(from var(--ig-gray-800) h s l/0.7));--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: material}`;
|
|
2
|
+
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.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--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-secondary-300));--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-active-border-color: var(--igc-grid-lite-cell-active-border-color, var(--ig-secondary-500));--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, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-gray-50));--header-text-color: var(--igc-grid-lite-header-text-color, hsl(from var(--ig-gray-800) h s l/0.7));--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: material}`;
|
|
3
3
|
//# sourceMappingURL=grid.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.material.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"grid.material.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,msJAAmsJ,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.4));--header-border-color: var(--igc-grid-lite-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24));--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-secondary-300));--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-active-border-color: var(--igc-grid-lite-cell-active-border-color, var(--ig-secondary-500));--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, var(--ig-gray-50));--group-row-selected-background: var(--igc-grid-lite-group-row-selected-background, var(--ig-gray-100));--row-ghost-background: var(--igc-grid-lite-row-ghost-background, var(--ig-primary-900));--summaries-patch-background: var(--igc-grid-lite-summaries-patch-background, var(--ig-gray-50));--header-text-color: var(--igc-grid-lite-header-text-color, hsl(from var(--ig-gray-800) h s l/0.7));--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: material}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3;position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host{--scrollbar-offset: 0;--z-index-base: 1;display:grid;height:100%;position:relative;font-family:var(--ig-font-family),serif;overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto}igc-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;overflow:hidden auto !important}igc-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}`;
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3;position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host{--scrollbar-offset: 0;--z-index-base: 1;display:grid;height:100%;position:relative;font-family:var(--ig-font-family),serif;overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto}igc-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;overflow:hidden auto !important}igc-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part=column-sink]{display:none}`;
|
|
3
3
|
//# sourceMappingURL=grid.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.base.css.js","sourceRoot":"","sources":["../../../src/styles/themes/grid.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"grid.base.css.js","sourceRoot":"","sources":["../../../src/styles/themes/grid.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k+CAAk+C,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);--component-size: 3;position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host{--scrollbar-offset: 0;--z-index-base: 1;display:grid;height:100%;position:relative;font-family:var(--ig-font-family),serif;overflow:auto hidden;grid-template-rows:[header-row] max-content [filter-row] max-content [virtualized-container] auto}igc-virtualizer{grid-row:virtualized-container;display:flex;flex-flow:column;flex:1;overflow:hidden auto !important}igc-virtualizer:focus{outline:none}[part~=resize-indicator]{position:absolute;height:100%;width:.125rem;inset-inline-start:0;top:0;z-index:calc(var(--z-index-base) + 1)}[part=column-sink]{display:none}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--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-
|
|
2
|
+
export const styles = css `:host{--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-surface-500));--header-background: var(--igc-grid-lite-header-background, var(--ig-surface-500));--header-border-color: var(--igc-grid-lite-header-border-color, var(--ig-gray-100));--grid-border-color: var(--igc-grid-lite-grid-border-color, var(--ig-gray-100));--tree-selected-filtered-row-text-color: var(--igc-grid-lite-tree-selected-filtered-row-text-color, var(--ig-gray-400));--row-border-color: var(--igc-grid-lite-row-border-color, var(--ig-gray-100));--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-100));--group-count-text-color: var(--igc-grid-lite-group-count-text-color, var(--ig-gray-700));--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-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-surface-500));--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-300));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-300-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-gray-200));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-gray-300));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-gray-300-contrast));--ig-theme: fluent}`;
|
|
3
3
|
//# sourceMappingURL=grid.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.fluent.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/light/grid.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"grid.fluent.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/light/grid.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o3EAAo3E,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--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-surface-500));--header-background: var(--igc-grid-lite-header-background, var(--ig-surface-500));--header-border-color: var(--igc-grid-lite-header-border-color, var(--ig-gray-100));--grid-border-color: var(--igc-grid-lite-grid-border-color, var(--ig-gray-100));--tree-selected-filtered-row-text-color: var(--igc-grid-lite-tree-selected-filtered-row-text-color, var(--ig-gray-400));--row-border-color: var(--igc-grid-lite-row-border-color, var(--ig-gray-100));--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-100));--group-count-text-color: var(--igc-grid-lite-group-count-text-color, var(--ig-gray-700));--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-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-surface-500));--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-300));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-300-contrast));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-gray-200));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-gray-300));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-gray-300-contrast));--ig-theme: fluent}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--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, var(--ig-gray-600));--drop-area-icon-color: var(--igc-grid-lite-drop-area-icon-color, var(--ig-gray-600));--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-400));--excel-filtering-actions-foreground: var(--igc-grid-lite-excel-filtering-actions-foreground, var(--ig-gray-800));--excel-filtering-actions-hover-foreground: var(--igc-grid-lite-excel-filtering-actions-hover-foreground, var(--ig-gray-900));--excel-filtering-actions-disabled-foreground: var(--igc-grid-lite-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--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-gray-900));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-900));--row-border-color: var(--igc-grid-lite-row-border-color, var(--ig-gray-300));--row-drag-color: var(--igc-grid-lite-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75));--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-50));--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-gray-900));--cell-editing-background: var(--igc-grid-lite-cell-editing-background, var(--ig-gray-200));--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-900));--cell-disabled-color: var(--igc-grid-lite-cell-disabled-color, hsl(from var(--ig-gray-900) 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-700));--group-label-icon: var(--igc-grid-lite-group-label-icon, var(--ig-gray-600));--group-label-text: var(--igc-grid-lite-group-label-text, var(--ig-gray-900));--active-expand-icon-color: var(--igc-grid-lite-active-expand-icon-color, var(--ig-gray-600));--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-surface-500));--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-200));--filtering-header-text-color: var(--igc-grid-lite-filtering-header-text-color, var(--ig-gray-900));--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-200));--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, var(--ig-gray-800));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-primary-50));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-gray-900));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-primary-50));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-primary-100));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-gray-900));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-primary-100));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
|
|
2
|
+
export const styles = css `:host{--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, var(--ig-gray-600));--drop-area-icon-color: var(--igc-grid-lite-drop-area-icon-color, var(--ig-gray-600));--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-400));--excel-filtering-actions-foreground: var(--igc-grid-lite-excel-filtering-actions-foreground, var(--ig-gray-800));--excel-filtering-actions-hover-foreground: var(--igc-grid-lite-excel-filtering-actions-hover-foreground, var(--ig-gray-900));--excel-filtering-actions-disabled-foreground: var(--igc-grid-lite-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--content-background: var(--igc-grid-lite-content-background, var(--ig-surface-500));--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-gray-900));--row-hover-text-color: var(--igc-grid-lite-row-hover-text-color, var(--ig-gray-900));--row-border-color: var(--igc-grid-lite-row-border-color, var(--ig-gray-300));--row-drag-color: var(--igc-grid-lite-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75));--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-50));--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-gray-900));--cell-editing-background: var(--igc-grid-lite-cell-editing-background, var(--ig-gray-200));--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-900));--cell-disabled-color: var(--igc-grid-lite-cell-disabled-color, hsl(from var(--ig-gray-900) 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-700));--group-label-icon: var(--igc-grid-lite-group-label-icon, var(--ig-gray-600));--group-label-text: var(--igc-grid-lite-group-label-text, var(--ig-gray-900));--active-expand-icon-color: var(--igc-grid-lite-active-expand-icon-color, var(--ig-gray-600));--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-surface-500));--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-200));--filtering-header-text-color: var(--igc-grid-lite-filtering-header-text-color, var(--ig-gray-900));--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-200));--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, var(--ig-gray-800));--header-selected-background: var(--igc-grid-lite-header-selected-background, var(--ig-primary-50));--header-selected-text-color: var(--igc-grid-lite-header-selected-text-color, var(--ig-gray-900));--row-selected-background: var(--igc-grid-lite-row-selected-background, var(--ig-primary-50));--cell-selected-within-background: var(--igc-grid-lite-cell-selected-within-background, var(--ig-primary-100));--cell-selected-within-text-color: var(--igc-grid-lite-cell-selected-within-text-color, var(--ig-gray-900));--row-selected-hover-background: var(--igc-grid-lite-row-selected-hover-background, var(--ig-primary-100));--row-selected-hover-text-color: var(--igc-grid-lite-row-selected-hover-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
|
|
3
3
|
//# sourceMappingURL=grid.indigo.css.js.map
|