igniteui-grid-lite 0.8.0 → 0.9.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/custom-elements.json +3 -46
- package/docs/igniteui-grid-lite.json +117 -117
- package/operations/filter/state.d.ts +0 -3
- package/operations/filter/state.js +0 -9
- package/operations/filter/state.js.map +1 -1
- package/operations/filter.d.ts +1 -1
- package/operations/filter.js +6 -8
- package/operations/filter.js.map +1 -1
- package/operations/sort.d.ts +1 -2
- package/operations/sort.js +17 -9
- package/operations/sort.js.map +1 -1
- package/package.json +1 -1
- package/styles/body-cell/body-cell.css.js +1 -1
- package/styles/body-cell/body-cell.css.js.map +1 -1
- package/styles/body-row/body-row.css.js +1 -1
- package/styles/body-row/body-row.css.js.map +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/dark/grid.shared.css.js +1 -1
- package/styles/themes/dark/grid.shared.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
|
@@ -4,10 +4,7 @@ import type { FilterExpression } from './types.js';
|
|
|
4
4
|
export declare class FilterState<T> {
|
|
5
5
|
protected state: Map<Keys<T>, FilterExpressionTree<T>>;
|
|
6
6
|
get empty(): boolean;
|
|
7
|
-
get keys(): Keys<T>[];
|
|
8
7
|
get values(): FilterExpressionTree<T>[];
|
|
9
|
-
get ands(): FilterExpression<T>[];
|
|
10
|
-
get ors(): FilterExpression<T>[];
|
|
11
8
|
has(key: Keys<T>): boolean;
|
|
12
9
|
get(key: Keys<T>): FilterExpressionTree<T> | undefined;
|
|
13
10
|
delete(key: Keys<T>): boolean;
|
|
@@ -6,18 +6,9 @@ export class FilterState {
|
|
|
6
6
|
get empty() {
|
|
7
7
|
return this.state.size < 1;
|
|
8
8
|
}
|
|
9
|
-
get keys() {
|
|
10
|
-
return Array.from(this.state.keys());
|
|
11
|
-
}
|
|
12
9
|
get values() {
|
|
13
10
|
return Array.from(this.state.values());
|
|
14
11
|
}
|
|
15
|
-
get ands() {
|
|
16
|
-
return this.values.flatMap((each) => each.ands);
|
|
17
|
-
}
|
|
18
|
-
get ors() {
|
|
19
|
-
return this.values.flatMap((each) => each.ors);
|
|
20
|
-
}
|
|
21
12
|
has(key) {
|
|
22
13
|
return this.state.has(key);
|
|
23
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/operations/filter/state.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAGjD,MAAM,OAAO,WAAW;IAAxB;QACY,UAAK,GAA0C,IAAI,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/operations/filter/state.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAGjD,MAAM,OAAO,WAAW;IAAxB;QACY,UAAK,GAA0C,IAAI,GAAG,EAAE,CAAC;IAkCrE,CAAC;IAhCC,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,IAAW,MAAM;QACf,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IACzC,CAAC;IAEM,GAAG,CAAC,GAAY;QACrB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAEM,GAAG,CAAC,GAAY;QACrB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAEM,MAAM,CAAC,GAAY;QACxB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC;IAEM,KAAK;QACV,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAEM,GAAG,CAAC,UAA+B;QACxC,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,oBAAoB,CAAI,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;IAC9F,CAAC;CACF","sourcesContent":["import type { Keys } from '../../internal/types.js';\nimport { FilterExpressionTree } from './tree.js';\nimport type { FilterExpression } from './types.js';\n\nexport class FilterState<T> {\n protected state: Map<Keys<T>, FilterExpressionTree<T>> = new Map();\n\n public get empty() {\n return this.state.size < 1;\n }\n\n public get values() {\n return Array.from(this.state.values());\n }\n\n public has(key: Keys<T>) {\n return this.state.has(key);\n }\n\n public get(key: Keys<T>) {\n return this.state.get(key);\n }\n\n public delete(key: Keys<T>) {\n return this.state.delete(key);\n }\n\n public clear() {\n this.state.clear();\n }\n\n public set(expression: FilterExpression<T>) {\n if (this.has(expression.key)) {\n this.get(expression.key)?.add(expression);\n return;\n }\n\n this.state.set(expression.key, new FilterExpressionTree<T>(expression.key).add(expression));\n }\n}\n"]}
|
package/operations/filter.d.ts
CHANGED
|
@@ -3,6 +3,6 @@ import type { FilterState } from './filter/state.js';
|
|
|
3
3
|
import type { FilterExpression } from './filter/types.js';
|
|
4
4
|
export default class FilterDataOperation<T extends object> extends DataOperation<T> {
|
|
5
5
|
protected resolveFilter(record: T, expr: FilterExpression<T>): boolean;
|
|
6
|
-
protected
|
|
6
|
+
protected matchTree(record: T, ors: FilterExpression<T>[], ands: FilterExpression<T>[]): boolean;
|
|
7
7
|
apply(data: T[], state: FilterState<T>): T[];
|
|
8
8
|
}
|
package/operations/filter.js
CHANGED
|
@@ -4,19 +4,17 @@ export default class FilterDataOperation extends DataOperation {
|
|
|
4
4
|
const condition = expr.condition;
|
|
5
5
|
return condition.logic(this.resolveValue(record, expr.key), expr.searchTerm, expr.caseSensitive);
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
return this.match(record, ands.filter((f) => f.key !== or.key), []);
|
|
11
|
-
}
|
|
7
|
+
matchTree(record, ors, ands) {
|
|
8
|
+
if (ors.length > 0 && ors.some((expr) => this.resolveFilter(record, expr))) {
|
|
9
|
+
return true;
|
|
12
10
|
}
|
|
13
|
-
return ands.every((
|
|
11
|
+
return ands.every((expr) => this.resolveFilter(record, expr));
|
|
14
12
|
}
|
|
15
13
|
apply(data, state) {
|
|
16
14
|
if (state.empty)
|
|
17
15
|
return data;
|
|
18
|
-
const {
|
|
19
|
-
return data.filter((record) => this.
|
|
16
|
+
const trees = state.values.map((tree) => ({ ors: tree.ors, ands: tree.ands }));
|
|
17
|
+
return data.filter((record) => trees.every(({ ors, ands }) => this.matchTree(record, ors, ands)));
|
|
20
18
|
}
|
|
21
19
|
}
|
|
22
20
|
//# sourceMappingURL=filter.js.map
|
package/operations/filter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../src/operations/filter.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,WAAW,CAAC;AAItC,MAAM,CAAC,OAAO,OAAO,mBAAsC,SAAQ,aAAgB;IACvE,aAAa,CAAC,MAAS,EAAE,IAAyB;QAC1D,MAAM,SAAS,GAAG,IAAI,CAAC,SAA+B,CAAC;QACvD,OAAO,SAAS,CAAC,KAAK,CAEpB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAM,EACxC,IAAI,CAAC,UAAe,EACpB,IAAI,CAAC,aAAa,CACnB,CAAC;IACJ,CAAC;IAES,
|
|
1
|
+
{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../src/operations/filter.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,WAAW,CAAC;AAItC,MAAM,CAAC,OAAO,OAAO,mBAAsC,SAAQ,aAAgB;IACvE,aAAa,CAAC,MAAS,EAAE,IAAyB;QAC1D,MAAM,SAAS,GAAG,IAAI,CAAC,SAA+B,CAAC;QACvD,OAAO,SAAS,CAAC,KAAK,CAEpB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAM,EACxC,IAAI,CAAC,UAAe,EACpB,IAAI,CAAC,aAAa,CACnB,CAAC;IACJ,CAAC;IAES,SAAS,CAAC,MAAS,EAAE,GAA0B,EAAE,IAA2B;QACpF,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;YAC3E,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAChE,CAAC;IAEM,KAAK,CAAC,IAAS,EAAE,KAAqB;QAC3C,IAAI,KAAK,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QAG7B,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAE/E,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAC5B,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAClE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import DataOperation from './base.js';\nimport type { FilterState } from './filter/state.js';\nimport type { FilterExpression, FilterOperation } from './filter/types.js';\n\nexport default class FilterDataOperation<T extends object> extends DataOperation<T> {\n protected resolveFilter(record: T, expr: FilterExpression<T>) {\n const condition = expr.condition as FilterOperation<T>;\n return condition.logic(\n // XXX: Types\n this.resolveValue(record, expr.key) as T,\n expr.searchTerm as T,\n expr.caseSensitive\n );\n }\n\n protected matchTree(record: T, ors: FilterExpression<T>[], ands: FilterExpression<T>[]): boolean {\n if (ors.length > 0 && ors.some((expr) => this.resolveFilter(record, expr))) {\n return true;\n }\n return ands.every((expr) => this.resolveFilter(record, expr));\n }\n\n public apply(data: T[], state: FilterState<T>): T[] {\n if (state.empty) return data;\n\n // Pre-compute ors/ands per tree once rather than re-deriving them per record\n const trees = state.values.map((tree) => ({ ors: tree.ors, ands: tree.ands }));\n\n return data.filter((record) =>\n trees.every(({ ors, ands }) => this.matchTree(record, ors, ands))\n );\n }\n}\n"]}
|
package/operations/sort.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import DataOperation from './base.js';
|
|
2
|
-
import type {
|
|
2
|
+
import type { 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: SortingExpression<T>): number;
|
|
7
6
|
apply(data: T[], state: SortState<T>): T[];
|
|
8
7
|
}
|
package/operations/sort.js
CHANGED
|
@@ -13,25 +13,33 @@ export default class SortDataOperation extends DataOperation {
|
|
|
13
13
|
}
|
|
14
14
|
return first > second ? 1 : first < second ? -1 : 0;
|
|
15
15
|
}
|
|
16
|
-
compareObjects(first, second, expression) {
|
|
17
|
-
const { direction, key, caseSensitive, comparer } = expression;
|
|
18
|
-
const a = this.resolveCase(this.resolveValue(first, key), caseSensitive);
|
|
19
|
-
const b = this.resolveCase(this.resolveValue(second, key), caseSensitive);
|
|
20
|
-
return (this.orderBy.get(direction) * (comparer?.(a, b) ?? this.compareValues(a, b)));
|
|
21
|
-
}
|
|
22
16
|
apply(data, state) {
|
|
23
17
|
const expressions = Array.from(state.values());
|
|
24
18
|
const length = expressions.length;
|
|
25
|
-
|
|
19
|
+
const multipliers = expressions.map(({ direction }) => this.orderBy.get(direction));
|
|
20
|
+
const transformed = data.map((item) => {
|
|
21
|
+
const tuple = new Array(length + 1);
|
|
22
|
+
tuple[0] = item;
|
|
23
|
+
for (let i = 0; i < length; i++) {
|
|
24
|
+
const { key, caseSensitive } = expressions[i];
|
|
25
|
+
tuple[i + 1] = this.resolveCase(this.resolveValue(item, key), caseSensitive);
|
|
26
|
+
}
|
|
27
|
+
return tuple;
|
|
28
|
+
});
|
|
29
|
+
transformed.sort((a, b) => {
|
|
26
30
|
let i = 0;
|
|
27
31
|
let result = 0;
|
|
28
32
|
while (i < length && !result) {
|
|
29
|
-
|
|
33
|
+
const keyA = a[i + 1];
|
|
34
|
+
const keyB = b[i + 1];
|
|
35
|
+
result =
|
|
36
|
+
multipliers[i] *
|
|
37
|
+
(expressions[i].comparer?.(keyA, keyB) ?? this.compareValues(keyA, keyB));
|
|
30
38
|
i++;
|
|
31
39
|
}
|
|
32
40
|
return result;
|
|
33
41
|
});
|
|
34
|
-
return
|
|
42
|
+
return transformed.map((tuple) => tuple[0]);
|
|
35
43
|
}
|
|
36
44
|
}
|
|
37
45
|
//# sourceMappingURL=sort.js.map
|
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;
|
|
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;IA8CJ,CAAC;IA5CW,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;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;QAGlC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAE,CAAC,CAAC;QAIrF,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACpC,MAAM,KAAK,GAAc,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC/C,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAChC,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC9C,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,aAAa,CAAC,CAAC;YAC/E,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACxB,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,IAAI,MAAM,GAAG,CAAC,CAAC;YAEf,OAAO,CAAC,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;gBAC7B,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBACtB,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBACtB,MAAM;oBACJ,WAAW,CAAC,CAAC,CAAC;wBACd,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAW,EAAE,IAAW,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;gBAC1F,CAAC,EAAE,CAAC;YACN,CAAC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAM,CAAC,CAAC;IACnD,CAAC;CACF","sourcesContent":["import DataOperation from './base.js';\nimport type { 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 public apply(data: T[], state: SortState<T>) {\n const expressions = Array.from(state.values());\n const length = expressions.length;\n\n // Pre-compute direction multipliers once to avoid Map lookups in the comparator\n const multipliers = expressions.map(({ direction }) => this.orderBy.get(direction)!);\n\n // Store as flat tuples [item, key0, key1, ...] to avoid per-row object allocation\n // and transform only once before sorting, then extract the original items after sorting.\n const transformed = data.map((item) => {\n const tuple: unknown[] = new Array(length + 1);\n tuple[0] = item;\n for (let i = 0; i < length; i++) {\n const { key, caseSensitive } = expressions[i];\n tuple[i + 1] = this.resolveCase(this.resolveValue(item, key), caseSensitive);\n }\n return tuple;\n });\n\n transformed.sort((a, b) => {\n let i = 0;\n let result = 0;\n\n while (i < length && !result) {\n const keyA = a[i + 1];\n const keyB = b[i + 1];\n result =\n multipliers[i] *\n (expressions[i].comparer?.(keyA as any, keyB as any) ?? this.compareValues(keyA, keyB));\n i++;\n }\n\n return result;\n });\n\n return transformed.map((tuple) => tuple[0] as T);\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{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{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));color:inherit;border-
|
|
2
|
+
export const styles = css `:host{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{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));color:inherit;border-inline-end:var(--header-border-width) solid;font-size:.8125rem;overflow-wrap:anywhere;min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.5rem, -1 * 2.5rem),var(--is-small, 1)*max(2rem, -1 * 2rem))}:host igc-avatar,:host igc-rating,:host igc-select,:host igc-input{--ig-size: var(--ig-size-small)}:host:last-of-type{border-right:0}:host igc-input::part(container){--background: transparent}:host::after{content:"";position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([active]){outline:none;color:var(--cell-selected-text-color);background:var(--cell-selected-background);background-clip:padding-box}:host([active])::after{border:var(--cell-active-border-width) var(--active-state-border-style) var(--cell-active-border-color)}:host(:last-child){border-inline-end:none}[part~=text]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}igc-input,igc-select{width:100%}igc-input::part(helper-text)::after,igc-input::part(container)::after,igc-select::part(helper-text)::after,igc-select::part(container)::after{display:none}`;
|
|
3
3
|
//# sourceMappingURL=body-cell.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body-cell.css.js","sourceRoot":"","sources":["../../../src/styles/body-cell/body-cell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"body-cell.css.js","sourceRoot":"","sources":["../../../src/styles/body-cell/body-cell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q8DAAq8D,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{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{position:relative;display:inline-flex;flex:1 0 0;align-items:center;padding:0 max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));color:inherit;border-inline-end:var(--header-border-width) solid;font-size:.8125rem;overflow-wrap:anywhere;min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.5rem, -1 * 2.5rem),var(--is-small, 1)*max(2rem, -1 * 2rem))}:host igc-avatar,:host igc-rating,:host igc-select,:host igc-input{--ig-size: var(--ig-size-small)}:host:last-of-type{border-right:0}:host igc-input::part(container){--background: transparent}:host::after{content:\"\";position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host([active]){outline:none;color:var(--cell-selected-text-color);background:var(--cell-selected-background);background-clip:padding-box}:host([active])::after{border:var(--cell-active-border-width) var(--active-state-border-style) var(--cell-active-border-color)}:host(:last-child){border-inline-end:none}[part~=text]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}igc-input,igc-select{width:100%}igc-input::part(helper-text)::after,igc-input::part(container)::after,igc-select::part(helper-text)::after,igc-select::part(container)::after{display:none}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{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{display:grid;width:100%;border-block-end
|
|
2
|
+
export const styles = css `:host{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{display:grid;width:100%;border-block-end:var(--row-border-width) var(--row-border-style) var(--row-border-color);background:var(--content-background);color:var(--row-odd-text-color);z-index:var(--z-index-base);min-height:var(--header-size)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(odd)){background:var(--row-odd-background);color:var(--row-odd-text-color)}:host(:nth-of-type(odd))::part(cell){border-inline-end-color:var(--body-column-border-color-odd)}:host(:nth-of-type(even)){background:var(--row-even-background);color:var(--row-even-text-color)}:host(:nth-of-type(even))::part(cell){border-inline-end-color:var(--body-column-border-color-even)}:host(:hover){background:var(--row-hover-background);color:var(--row-hover-text-color)}:host(:hover)::part(cell){border-inline-end-color:var(--body-column-hover-border-color)}`;
|
|
3
3
|
//# sourceMappingURL=body-row.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body-row.css.js","sourceRoot":"","sources":["../../../src/styles/body-row/body-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"body-row.css.js","sourceRoot":"","sources":["../../../src/styles/body-row/body-row.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,86CAA86C,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{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{display:grid;width:100%;border-block-end:var(--row-border-width) var(--row-border-style) var(--row-border-color);background:var(--content-background);color:var(--row-odd-text-color);z-index:var(--z-index-base);min-height:var(--header-size)}:host(:last-of-type){border-bottom:0}:host(:nth-of-type(odd)){background:var(--row-odd-background);color:var(--row-odd-text-color)}:host(:nth-of-type(odd))::part(cell){border-inline-end-color:var(--body-column-border-color-odd)}:host(:nth-of-type(even)){background:var(--row-even-background);color:var(--row-even-text-color)}:host(:nth-of-type(even))::part(cell){border-inline-end-color:var(--body-column-border-color-even)}:host(:hover){background:var(--row-hover-background);color:var(--row-hover-text-color)}:host(:hover)::part(cell){border-inline-end-color:var(--body-column-hover-border-color)}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-50)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-100)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-gray-50)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-500)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-300)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-300)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-surface-500)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-surface-500)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-100)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-surface-500-contrast)));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
|
|
2
|
+
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-50)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 0.0625rem));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-100)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-gray-50)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-border-width: var(--igx-grid-row-border-width, var(--ig-grid-row-border-width, 0.0625rem));--row-border-style: var(--igx-grid-row-border-style, var(--ig-grid-row-border-style, solid));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-width: var(--igx-grid-cell-active-border-width, var(--ig-grid-cell-active-border-width, 0.0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-500)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-300)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-300)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-surface-500)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-surface-500)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-border-color: var(--igx-grid-summaries-border-color, var(--ig-grid-summaries-border-color, var(--ig-gray-400)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-100)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-surface-500-contrast)));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
|
|
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,4xUAA4xU,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-50)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-100)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-gray-50)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-500)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-300)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-300)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-surface-500)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-surface-500)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-100)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-surface-500-contrast)));--ig-theme: bootstrap;--ig-theme-variant: dark}`;"]}
|
|
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,qtVAAqtV,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-50)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 0.0625rem));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-100)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-gray-50)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-border-width: var(--igx-grid-row-border-width, var(--ig-grid-row-border-width, 0.0625rem));--row-border-style: var(--igx-grid-row-border-style, var(--ig-grid-row-border-style, solid));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-width: var(--igx-grid-cell-active-border-width, var(--ig-grid-cell-active-border-width, 0.0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-500)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-300)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-300)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-surface-500)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-surface-500)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-border-color: var(--igx-grid-summaries-border-color, var(--ig-grid-summaries-border-color, var(--ig-gray-400)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-100)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-surface-500-contrast)));--ig-theme: bootstrap;--ig-theme-variant: dark}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-300)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-100)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-200)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-200-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-gray-100)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-gray-200)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-200-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}`;
|
|
2
|
+
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 0.0625rem));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-300)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-border-width: var(--igx-grid-row-border-width, var(--ig-grid-row-border-width, 0.0625rem));--row-border-style: var(--igx-grid-row-border-style, var(--ig-grid-row-border-style, solid));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24)));--cell-active-border-width: var(--igx-grid-cell-active-border-width, var(--ig-grid-cell-active-border-width, 0.0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-border-color: var(--igx-grid-summaries-border-color, var(--ig-grid-summaries-border-color, var(--ig-gray-400)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-100)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-200)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-200-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-gray-100)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-gray-200)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-200-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}`;
|
|
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,kpWAAkpW,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-300)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-100)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-200)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-200-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-gray-100)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-gray-200)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-200-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}`;"]}
|
|
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,2kXAA2kX,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 0.0625rem));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, var(--ig-gray-700)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-secondary-500)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, var(--ig-gray-100)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-300)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-border-width: var(--igx-grid-row-border-width, var(--ig-grid-row-border-width, 0.0625rem));--row-border-style: var(--igx-grid-row-border-style, var(--ig-grid-row-border-style, solid));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24)));--cell-active-border-width: var(--igx-grid-cell-active-border-width, var(--ig-grid-cell-active-border-width, 0.0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-surface-500)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-50)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-border-color: var(--igx-grid-summaries-border-color, var(--ig-grid-summaries-border-color, var(--ig-gray-400)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-100)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-200)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-200-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-gray-100)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-gray-200)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-200-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, var(--ig-gray-100)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-100)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-400)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-200)));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-50-contrast)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-primary-200)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-100)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-surface-500)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-surface-500)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-surface-500)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-surface-500)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-primary-900-contrast)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-50-contrast)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, var(--ig-gray-100)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-200)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-400)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-primary-900)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-primary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-primary-900-contrast)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-100)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-50-contrast)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-400)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-primary-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-50-contrast)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-400)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-400)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-gray 50-0.8-contrast)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-50-contrast)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-50-contrast)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-primary-400)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-primary-900-contrast)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-100)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-50-contrast)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-surface-500)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-gray-50)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-primary-400)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-surface-500)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-900)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-50-contrast)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-700)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-900-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-900)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-700)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-50-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-primary-900)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-primary-700)));--ig-theme: indigo;--ig-theme-variant: dark}`;
|
|
2
|
+
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, var(--ig-gray-100)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-100)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-400)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 0.0625rem));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--excel-filtering-actions-icon-color: var(--igx-grid-excel-filtering-actions-icon-color, var(--ig-grid-excel-filtering-actions-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-50-contrast)));--excel-filtering-actions-hover-icon-color: var(--igx-grid-excel-filtering-actions-hover-icon-color, var(--ig-grid-excel-filtering-actions-hover-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--excel-filtering-actions-selected-icon-color: var(--igx-grid-excel-filtering-actions-selected-icon-color, var(--ig-grid-excel-filtering-actions-selected-icon-color, var(--ig-primary-200)));--excel-filtering-actions-hover-background: var(--igx-grid-excel-filtering-actions-hover-background, var(--ig-grid-excel-filtering-actions-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--excel-filtering-border-color: var(--igx-grid-excel-filtering-border-color, var(--ig-grid-excel-filtering-border-color, var(--ig-gray-100)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-surface-500)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-surface-500)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-surface-500)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-surface-500)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-primary-900-contrast)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-50-contrast)));--row-border-width: var(--igx-grid-row-border-width, var(--ig-grid-row-border-width, 0.0625rem));--row-border-style: var(--igx-grid-row-border-style, var(--ig-grid-row-border-style, solid));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, var(--ig-gray-100)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-800)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-200)));--cell-active-border-width: var(--igx-grid-cell-active-border-width, var(--ig-grid-cell-active-border-width, 0.0625rem));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-400)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-primary-900)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-primary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-primary-900-contrast)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-100)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-50-contrast)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-400)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-primary-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-50-contrast)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-400)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-400)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-gray 50-0.8-contrast)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-50-contrast)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-50-contrast)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-primary-400)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-primary-900-contrast)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-100)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-50-contrast)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-surface-500)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--filtering-dialog-background: var(--igx-grid-filtering-dialog-background, var(--ig-grid-filtering-dialog-background, var(--ig-gray-50)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-primary-400)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-surface-500)));--row-ghost-border-color: var(--igx-grid-row-ghost-border-color, var(--ig-grid-row-ghost-border-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-border-color: var(--igx-grid-summaries-border-color, var(--ig-grid-summaries-border-color, var(--ig-gray-400)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-900)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-50-contrast)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-700)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-900-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-900)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-700)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-50-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-primary-900)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-primary-700)));--ig-theme: indigo;--ig-theme-variant: dark}`;
|
|
3
3
|
//# sourceMappingURL=grid.indigo.css.js.map
|