npm - igniteui-webcomponents - Versions diffs - 4.6.0 → 4.8.0 - Mend

igniteui-webcomponents 4.6.0 → 4.8.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.

Files changed (1222) hide show

package/components/combo/controllers/data.d.ts CHANGED Viewed

@@ -7,11 +7,13 @@ export declare class DataController<T extends object> implements ReactiveControl
     protected grouping: GroupDataOperation<T>;
     protected filtering: FilterDataOperation<T>;
     private _searchTerm;
+    private _compareCollator;
     constructor(host: ComboHost<T>);
     set searchTerm(value: string);
     get searchTerm(): string;
     get filteringOptions(): FilteringOptions<T>;
     get groupingOptions(): GroupingOptions<T>;
+    get compareCollator(): Intl.Collator;
     private index;
     hostConnected(): void;
     apply(data: T[]): Promise<ComboRecord<T>[]>;

package/components/combo/controllers/data.js CHANGED Viewed

@@ -6,6 +6,7 @@ export class DataController {
         this.grouping = new GroupDataOperation();
         this.filtering = new FilterDataOperation();
         this._searchTerm = '';
+        this._compareCollator = new Intl.Collator();
         this.host.addController(this);
     }
     set searchTerm(value) {
@@ -26,6 +27,9 @@ export class DataController {
             direction: this.host.groupSorting,
         };
     }
+    get compareCollator() {
+        return this._compareCollator;
+    }
     index(data) {
         return data.map((item, index) => ({
             value: item,

package/components/combo/controllers/data.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/data.ts"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AAQxD,MAAM,OAAO,cAAc;~~IAKzB~~,YAAsB,IAAkB;QAAlB,SAAI,GAAJ,IAAI,CAAc;~~QAJ9B~~,aAAQ,GAAG,IAAI,kBAAkB,EAAK,CAAC;QACvC,cAAS,GAAG,IAAI,mBAAmB,EAAK,CAAC;QAC3C,gBAAW,GAAG,EAAE,CAAC;~~QAGvB~~,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,IAAW,UAAU,CAAC,KAAa;QACjC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACpC,CAAC;IAED,IAAW,eAAe;QACxB,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC5B,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU;YAChC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC5B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY;SAClC,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,IAAS;QACrB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAChC,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC,CAAC;IACN,CAAC;IAEM,aAAa,KAAI,CAAC;IAElB,KAAK,CAAC,KAAK,CAAC,IAAS;QAC1B,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC9C,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAE7C,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","sourcesContent":["import { ReactiveController } from 'lit';\n\nimport FilterDataOperation from '../operations/filter.js';\nimport GroupDataOperation from '../operations/group.js';\nimport {\n ComboHost,\n ComboRecord,\n FilteringOptions,\n GroupingOptions,\n} from '../types.js';\n\nexport class DataController<T extends object> implements ReactiveController {\n protected grouping = new GroupDataOperation<T>();\n protected filtering = new FilterDataOperation<T>();\n private _searchTerm = '';\n\n constructor(protected host: ComboHost<T>) {\n this.host.addController(this);\n }\n\n public set searchTerm(value: string) {\n this._searchTerm = value;\n this.host.requestUpdate('pipeline');\n }\n\n public get searchTerm() {\n return this._searchTerm;\n }\n\n public get filteringOptions(): FilteringOptions<T> {\n return this.host.filteringOptions;\n }\n\n public get groupingOptions(): GroupingOptions<T> {\n return {\n valueKey: this.host.valueKey,\n displayKey: this.host.displayKey,\n groupKey: this.host.groupKey,\n direction: this.host.groupSorting,\n };\n }\n\n private index(data: T[]): ComboRecord<T>[] {\n return data.map((item, index) => ({\n value: item,\n header: false,\n dataIndex: index,\n }));\n }\n\n public hostConnected() {}\n\n public async apply(data: T[]): Promise<ComboRecord<T>[]> {\n let records = this.index(data);\n records = this.filtering.apply(records, this);\n records = this.grouping.apply(records, this);\n\n return records;\n }\n}\n"]}
1	+ {"version":3,"file":"data.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/data.ts"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AAQxD,MAAM,OAAO,cAAc;IAMzB,YAAsB,IAAkB;QAAlB,SAAI,GAAJ,IAAI,CAAc;QAL9B,aAAQ,GAAG,IAAI,kBAAkB,EAAK,CAAC;QACvC,cAAS,GAAG,IAAI,mBAAmB,EAAK,CAAC;QAC3C,gBAAW,GAAG,EAAE,CAAC;QACjB,qBAAgB,GAAG,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAG7C,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,IAAW,UAAU,CAAC,KAAa;QACjC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACpC,CAAC;IAED,IAAW,eAAe;QACxB,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC5B,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU;YAChC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC5B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY;SAClC,CAAC;IACJ,CAAC;IAED,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAEO,KAAK,CAAC,IAAS;QACrB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAChC,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,KAAK;SACjB,CAAC,CAAC,CAAC;IACN,CAAC;IAEM,aAAa,KAAI,CAAC;IAElB,KAAK,CAAC,KAAK,CAAC,IAAS;QAC1B,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC9C,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAE7C,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","sourcesContent":["import { ReactiveController } from 'lit';\n\nimport FilterDataOperation from '../operations/filter.js';\nimport GroupDataOperation from '../operations/group.js';\nimport {\n ComboHost,\n ComboRecord,\n FilteringOptions,\n GroupingOptions,\n} from '../types.js';\n\nexport class DataController<T extends object> implements ReactiveController {\n protected grouping = new GroupDataOperation<T>();\n protected filtering = new FilterDataOperation<T>();\n private _searchTerm = '';\n private _compareCollator = new Intl.Collator();\n\n constructor(protected host: ComboHost<T>) {\n this.host.addController(this);\n }\n\n public set searchTerm(value: string) {\n this._searchTerm = value;\n this.host.requestUpdate('pipeline');\n }\n\n public get searchTerm() {\n return this._searchTerm;\n }\n\n public get filteringOptions(): FilteringOptions<T> {\n return this.host.filteringOptions;\n }\n\n public get groupingOptions(): GroupingOptions<T> {\n return {\n valueKey: this.host.valueKey,\n displayKey: this.host.displayKey,\n groupKey: this.host.groupKey,\n direction: this.host.groupSorting,\n };\n }\n\n public get compareCollator(): Intl.Collator {\n return this._compareCollator;\n }\n\n private index(data: T[]): ComboRecord<T>[] {\n return data.map((item, index) => ({\n value: item,\n header: false,\n dataIndex: index,\n }));\n }\n\n public hostConnected() {}\n\n public async apply(data: T[]): Promise<ComboRecord<T>[]> {\n let records = this.index(data);\n records = this.filtering.apply(records, this);\n records = this.grouping.apply(records, this);\n\n return records;\n }\n}\n"]}

package/components/combo/controllers/navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController } from 'lit';\n\nimport IgcComboListComponent from '../combo-list.js';\nimport { ComboHost, ComboRecord } from '../types.js';\n\nconst START_INDEX: Readonly<number> = -1;\n\nenum DIRECTION {\n Up = -1,\n Down = 1,\n}\n\nexport class NavigationController<T extends object>\n implements ReactiveController\n{\n protected hostHandlers = new Map(\n Object.entries({\n Escape: this.escape,\n })\n );\n\n protected mainInputHandlers = new Map(\n Object.entries({\n Escape: this.escape,\n ArrowUp: this.hide,\n ArrowDown: this.mainInputArrowDown,\n Tab: this.tab,\n Enter: this.enter,\n })\n );\n\n protected searchInputHandlers = new Map(\n Object.entries({\n Escape: this.escape,\n ArrowUp: this.escape,\n ArrowDown: this.inputArrowDown,\n Tab: this.inputArrowDown,\n })\n );\n\n protected listHandlers = new Map(\n Object.entries({\n ArrowDown: this.arrowDown,\n ArrowUp: this.arrowUp,\n ' ': this.space,\n Enter: this.enter,\n Escape: this.escape,\n Tab: this.tab,\n Home: this.home,\n End: this.end,\n })\n );\n\n protected _active = START_INDEX;\n\n public get input() {\n // @ts-expect-error protected access\n return this.host.singleSelect ? this.host.target : this.host.input;\n }\n\n public get dataState() {\n // @ts-expect-error protected access\n return this.host.dataState;\n }\n\n public show() {\n // @ts-expect-error protected access\n this.host._show(true);\n }\n\n public hide() {\n // @ts-expect-error protected access\n this.host._hide(true);\n }\n\n public toggleSelect(index: number) {\n // @ts-expect-error protected access\n this.host.toggleSelect(index);\n }\n\n protected get currentItem() {\n const item = this.active;\n return item === START_INDEX ? START_INDEX : item;\n }\n\n protected get firstItem() {\n return this.dataState.findIndex((i: ComboRecord<T>) => i.header !== true);\n }\n\n protected get lastItem() {\n return this.dataState.length - 1;\n }\n\n protected scrollToActive(\n container: IgcComboListComponent,\n behavior: ScrollBehavior = 'auto'\n ) {\n container.element(this.active)?.scrollIntoView({\n block: 'center',\n behavior,\n });\n\n container.requestUpdate();\n }\n\n public get active() {\n return this._active;\n }\n\n public set active(node: number) {\n this._active = node;\n this.host.requestUpdate();\n }\n\n constructor(protected host: ComboHost<T>) {\n this.host.addController(this);\n }\n\n protected home(container: IgcComboListComponent) {\n this.active = this.firstItem;\n this.scrollToActive(container, 'smooth');\n }\n\n protected end(container: IgcComboListComponent) {\n this.active = this.lastItem;\n this.scrollToActive(container, 'smooth');\n }\n\n protected space() {\n if (this.active === START_INDEX) {\n return;\n }\n\n const item = this.dataState[this.active];\n\n if (!item.header) {\n this.toggleSelect(this.active);\n }\n }\n\n protected escape() {\n this.hide();\n this.host.focus();\n }\n\n protected enter() {\n if (this.active === START_INDEX) {\n return;\n }\n\n this.space();\n this.hide();\n requestAnimationFrame(() => this.input.select());\n this.host.focus();\n }\n\n protected inputArrowDown(container: IgcComboListComponent) {\n container.focus();\n this.arrowDown(container);\n }\n\n protected async mainInputArrowDown(container: IgcComboListComponent) {\n this.show();\n await container.updateComplete;\n\n if (this.host.singleSelect) {\n container.focus();\n this.arrowDown(container);\n }\n }\n\n protected tab() {\n this.hide();\n this.host.blur();\n }\n\n protected arrowDown(container: IgcComboListComponent) {\n this.getNextItem(DIRECTION.Down);\n this.scrollToActive(container);\n }\n\n protected arrowUp(container: IgcComboListComponent) {\n this.getNextItem(DIRECTION.Up);\n this.scrollToActive(container);\n }\n\n protected getNextItem(direction: DIRECTION) {\n const next = this.getNearestItem(this.currentItem, direction);\n\n if (next === -1) {\n if (this.active === this.firstItem) {\n this.input.focus();\n this.active = START_INDEX;\n }\n return;\n }\n\n this.active = next;\n }\n\n protected getNearestItem(startIndex: number, direction: number) {\n let index = startIndex;\n const items = this.dataState;\n\n while (items[index + direction]?.header) {\n index += direction;\n }\n\n index += direction;\n\n if (index >= 0 && index < items.length) {\n return index;\n } else {\n return -1;\n }\n }\n\n public hostConnected() {}\n\n public hostDisconnected() {\n this.active = START_INDEX;\n }\n\n public navigateTo(item: T, container: IgcComboListComponent) {\n this.active = this.dataState.findIndex((i) => i === item);\n this.scrollToActive(container, 'smooth');\n }\n\n public navigateHost(event: KeyboardEvent) {\n if (this.hostHandlers.has(event.key)) {\n event.preventDefault();\n this.hostHandlers.get(event.key)!.call(this);\n }\n }\n\n public navigateMainInput(\n event: KeyboardEvent,\n container: IgcComboListComponent\n ) {\n event.stopPropagation();\n\n if (this.mainInputHandlers.has(event.key)) {\n event.preventDefault();\n this.mainInputHandlers.get(event.key)!.call(this, container);\n }\n }\n\n public navigateSearchInput(\n event: KeyboardEvent,\n container: IgcComboListComponent\n ) {\n event.stopPropagation();\n\n if (this.searchInputHandlers.has(event.key)) {\n event.preventDefault();\n this.searchInputHandlers.get(event.key)!.call(this, container);\n }\n }\n\n public navigateList(event: KeyboardEvent, container: IgcComboListComponent) {\n event.stopPropagation();\n\n if (this.listHandlers.has(event.key)) {\n event.preventDefault();\n this.listHandlers.get(event.key)!.call(this, container);\n }\n }\n}\n"]}
1	+ {"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController } from 'lit';\n\nimport IgcComboListComponent from '../combo-list.js';\nimport { ComboHost, ComboRecord } from '../types.js';\n\nconst START_INDEX: Readonly<number> = -1;\n\nenum DIRECTION {\n Up = -1,\n Down = 1,\n}\n\nexport class NavigationController<T extends object>\n implements ReactiveController\n{\n protected hostHandlers = new Map(\n Object.entries({\n Escape: this.escape,\n })\n );\n\n protected mainInputHandlers = new Map(\n Object.entries({\n Escape: this.escape,\n ArrowUp: this.hide,\n ArrowDown: this.mainInputArrowDown,\n Tab: this.tab,\n Enter: this.enter,\n })\n );\n\n protected searchInputHandlers = new Map(\n Object.entries({\n Escape: this.escape,\n ArrowUp: this.escape,\n ArrowDown: this.inputArrowDown,\n Tab: this.inputArrowDown,\n })\n );\n\n protected listHandlers = new Map(\n Object.entries({\n ArrowDown: this.arrowDown,\n ArrowUp: this.arrowUp,\n ' ': this.space,\n Enter: this.enter,\n Escape: this.escape,\n Tab: this.tab,\n Home: this.home,\n End: this.end,\n })\n );\n\n protected _active = START_INDEX;\n\n public get input() {\n // @ts-expect-error protected access\n return this.host.singleSelect ? this.host.target : this.host.input;\n }\n\n public get dataState() {\n // @ts-expect-error protected access\n return this.host.dataState;\n }\n\n public show() {\n // @ts-expect-error protected access\n this.host._show(true);\n }\n\n public hide() {\n // @ts-expect-error protected access\n this.host._hide(true);\n }\n\n public toggleSelect(index: number) {\n // @ts-expect-error protected access\n this.host.toggleSelect(index);\n }\n\n protected get currentItem() {\n const item = this.active;\n return item === START_INDEX ? START_INDEX : item;\n }\n\n protected get firstItem() {\n return this.dataState.findIndex((i: ComboRecord<T>) => i.header !== true);\n }\n\n protected get lastItem() {\n return this.dataState.length - 1;\n }\n\n protected scrollToActive(\n container: IgcComboListComponent,\n behavior: ScrollBehavior = 'auto'\n ) {\n container.element(this.active)?.scrollIntoView({\n block: 'center',\n behavior,\n });\n\n container.requestUpdate();\n }\n\n public get active() {\n return this._active;\n }\n\n public set active(node: number) {\n this._active = node;\n this.host.requestUpdate();\n }\n\n constructor(protected host: ComboHost<T>) {\n this.host.addController(this);\n }\n\n protected home(container: IgcComboListComponent) {\n this.active = this.firstItem;\n this.scrollToActive(container, 'smooth');\n }\n\n protected end(container: IgcComboListComponent) {\n this.active = this.lastItem;\n this.scrollToActive(container, 'smooth');\n }\n\n protected space() {\n if (this.active === START_INDEX) {\n return;\n }\n\n const item = this.dataState[this.active];\n\n if (!item.header) {\n this.toggleSelect(this.active);\n }\n }\n\n protected escape() {\n this.hide();\n this.host.focus();\n }\n\n protected enter() {\n if (this.active === START_INDEX) {\n return;\n }\n\n this.space();\n this.hide();\n requestAnimationFrame(() => this.input.select());\n this.host.focus();\n }\n\n protected inputArrowDown(container: IgcComboListComponent) {\n container.focus();\n this.arrowDown(container);\n }\n\n protected async mainInputArrowDown(container: IgcComboListComponent) {\n this.show();\n await container.updateComplete;\n\n if (this.host.singleSelect) {\n container.focus();\n this.arrowDown(container);\n }\n }\n\n protected tab() {\n this.hide();\n this.host.blur();\n }\n\n protected arrowDown(container: IgcComboListComponent) {\n this.getNextItem(DIRECTION.Down);\n this.scrollToActive(container);\n }\n\n protected arrowUp(container: IgcComboListComponent) {\n this.getNextItem(DIRECTION.Up);\n this.scrollToActive(container);\n }\n\n protected getNextItem(direction: DIRECTION) {\n const next = this.getNearestItem(this.currentItem, direction);\n\n if (next === -1) {\n if (this.active === this.firstItem) {\n this.input.focus();\n this.active = START_INDEX;\n }\n return;\n }\n\n this.active = next;\n }\n\n protected getNearestItem(startIndex: number, direction: number) {\n let index = startIndex;\n const items = this.dataState;\n\n while (items[index + direction]?.header) {\n index += direction;\n }\n\n index += direction;\n\n if (index >= 0 && index < items.length) {\n return index;\n } else {\n return -1;\n }\n }\n\n public hostConnected() {}\n\n public hostDisconnected() {\n this.active = START_INDEX;\n }\n\n public navigateTo(item: T, container: IgcComboListComponent) {\n this.active = this.dataState.findIndex((i) => i === item);\n this.scrollToActive(container, 'smooth');\n }\n\n public navigateHost(event: KeyboardEvent) {\n if (this.hostHandlers.has(event.key)) {\n event.preventDefault();\n this.hostHandlers.get(event.key)!.call(this);\n }\n }\n\n public navigateMainInput(\n event: KeyboardEvent,\n container: IgcComboListComponent\n ) {\n event.stopPropagation();\n\n if (this.mainInputHandlers.has(event.key)) {\n event.preventDefault();\n this.mainInputHandlers.get(event.key)!.call(this, container);\n }\n }\n\n public navigateSearchInput(\n event: KeyboardEvent,\n container: IgcComboListComponent\n ) {\n event.stopPropagation();\n\n if (this.searchInputHandlers.has(event.key)) {\n event.preventDefault();\n this.searchInputHandlers.get(event.key)!.call(this, container);\n }\n }\n\n public navigateList(event: KeyboardEvent, container: IgcComboListComponent) {\n event.stopPropagation();\n\n if (this.listHandlers.has(event.key)) {\n event.preventDefault();\n this.listHandlers.get(event.key)!.call(this, container);\n }\n }\n}\n"]}

package/components/combo/controllers/selection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selection.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/selection.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController } from 'lit';\n\nimport type {\n ComboHost,\n ComboValue,\n IgcComboChangeEventArgs,\n Item,\n Keys,\n Values,\n} from '../types.js';\n\nexport class SelectionController<T extends object>\n implements ReactiveController\n{\n private _selected: Set<T> = new Set();\n\n public get data() {\n return this.host.data;\n }\n\n public resetSearchTerm() {\n // @ts-expect-error protected access\n this.host.resetSearchTerm();\n }\n\n public getValue(items: T[], key: Keys<T>): ComboValue<T>[] {\n return items.map((item) => item[key] ?? item);\n }\n\n private handleChange(detail: IgcComboChangeEventArgs) {\n return this.host.emitEvent('igcChange', { cancelable: true, detail });\n }\n\n private getItemsByValueKey(keys: Values<T>[]) {\n return keys.map((key) =>\n this.data.find((i) => i[this.host.valueKey!] === key)\n );\n }\n\n private selectValueKeys(keys: Values<T>[]) {\n if (keys.length === 0) return;\n\n this.getItemsByValueKey(keys).forEach((item) => {\n return item && this._selected.add(item);\n });\n }\n\n private deselectValueKeys(keys: Values<T>[]) {\n if (keys.length === 0) return;\n\n this.getItemsByValueKey(keys).forEach((item) => {\n return item && this._selected.delete(item);\n });\n }\n\n private selectObjects(items: T[]) {\n if (items.length === 0) return;\n\n items.forEach((item) => {\n const i = this.data.includes(item);\n if (i) {\n this._selected.add(item);\n }\n });\n }\n\n private deselectObjects(items: T[]) {\n if (items.length === 0) return;\n\n items.forEach((item) => {\n const i = this.data.includes(item);\n if (i) {\n this._selected.delete(item);\n }\n });\n }\n\n private selectAll() {\n this.data.forEach((item) => {\n this._selected.add(item);\n });\n this.host.requestUpdate();\n }\n\n private deselectAll() {\n this._selected.clear();\n this.host.requestUpdate();\n }\n\n public async select(items?: Item<T>[], emit = false) {\n const { singleSelect } = this.host;\n\n if (singleSelect) {\n this._selected.clear();\n this.resetSearchTerm();\n }\n\n if (!items \|\| items.length === 0) {\n !singleSelect && this.selectAll();\n return;\n }\n\n const _items = singleSelect ? items.slice(0, 1) : items;\n\n const values = this.host.valueKey\n ? this.getItemsByValueKey(_items as Values<T>[])\n : _items;\n const selected = Array.from(this._selected.values());\n const payload = [...values, ...selected] as T[];\n\n if (\n emit &&\n !this.handleChange({\n newValue: this.getValue(payload, this.host.valueKey!),\n items: values as T[],\n type: 'selection',\n })\n ) {\n return;\n }\n\n if (this.host.valueKey) {\n this.selectValueKeys(_items as Values<T>[]);\n } else {\n this.selectObjects(_items as T[]);\n }\n\n this.host.requestUpdate();\n }\n\n public async deselect(items?: Item<T>[], emit = false) {\n if (!items \|\| items.length === 0) {\n if (\n emit &&\n !this.handleChange({\n newValue: [],\n items: Array.from(this.selected),\n type: 'deselection',\n })\n ) {\n return;\n }\n\n this.deselectAll();\n return;\n }\n\n const _items = this.host.singleSelect ? items.slice(0, 1) : items;\n const values = this.host.valueKey\n ? this.getItemsByValueKey(_items as Values<T>[])\n : _items;\n const selected = Array.from(this._selected.values());\n const payload = selected.filter((item) => item !== values[0]);\n\n if (\n emit &&\n !this.handleChange({\n newValue: this.getValue(payload, this.host.valueKey!),\n items: values as T[],\n type: 'deselection',\n })\n ) {\n return;\n }\n\n if (this.host.valueKey) {\n this.deselectValueKeys(_items as Values<T>[]);\n } else {\n this.deselectObjects(_items as T[]);\n }\n\n this.host.requestUpdate();\n }\n\n public get selected(): Set<T> {\n return this._selected;\n }\n\n public changeSelection(index: number) {\n const item = this.data[index];\n\n if (this.host.valueKey) {\n !this.selected.has(item)\n ? this.select([item[this.host.valueKey]], true)\n : this.deselect([item[this.host.valueKey]], true);\n } else {\n !this.selected.has(item)\n ? this.select([item], true)\n : this.deselect([item], true);\n }\n }\n\n constructor(protected host: ComboHost<T>) {\n this.host.addController(this);\n }\n\n public hostConnected() {}\n\n public hostDisconnected() {}\n}\n"]}
1	+ {"version":3,"file":"selection.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/selection.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController } from 'lit';\n\nimport type {\n ComboHost,\n ComboValue,\n IgcComboChangeEventArgs,\n Item,\n Keys,\n Values,\n} from '../types.js';\n\nexport class SelectionController<T extends object>\n implements ReactiveController\n{\n private _selected: Set<T> = new Set();\n\n public get data() {\n return this.host.data;\n }\n\n public resetSearchTerm() {\n // @ts-expect-error protected access\n this.host.resetSearchTerm();\n }\n\n public getValue(items: T[], key: Keys<T>): ComboValue<T>[] {\n return items.map((item) => item[key] ?? item);\n }\n\n private handleChange(detail: IgcComboChangeEventArgs) {\n return this.host.emitEvent('igcChange', { cancelable: true, detail });\n }\n\n private getItemsByValueKey(keys: Values<T>[]) {\n return keys.map((key) =>\n this.data.find((i) => i[this.host.valueKey!] === key)\n );\n }\n\n private selectValueKeys(keys: Values<T>[]) {\n if (keys.length === 0) return;\n\n this.getItemsByValueKey(keys).forEach((item) => {\n return item && this._selected.add(item);\n });\n }\n\n private deselectValueKeys(keys: Values<T>[]) {\n if (keys.length === 0) return;\n\n this.getItemsByValueKey(keys).forEach((item) => {\n return item && this._selected.delete(item);\n });\n }\n\n private selectObjects(items: T[]) {\n if (items.length === 0) return;\n\n items.forEach((item) => {\n const i = this.data.includes(item);\n if (i) {\n this._selected.add(item);\n }\n });\n }\n\n private deselectObjects(items: T[]) {\n if (items.length === 0) return;\n\n items.forEach((item) => {\n const i = this.data.includes(item);\n if (i) {\n this._selected.delete(item);\n }\n });\n }\n\n private selectAll() {\n this.data.forEach((item) => {\n this._selected.add(item);\n });\n this.host.requestUpdate();\n }\n\n private deselectAll() {\n this._selected.clear();\n this.host.requestUpdate();\n }\n\n public async select(items?: Item<T>[], emit = false) {\n const { singleSelect } = this.host;\n\n if (singleSelect) {\n this._selected.clear();\n this.resetSearchTerm();\n }\n\n if (!items \|\| items.length === 0) {\n !singleSelect && this.selectAll();\n return;\n }\n\n const _items = singleSelect ? items.slice(0, 1) : items;\n\n const values = this.host.valueKey\n ? this.getItemsByValueKey(_items as Values<T>[])\n : _items;\n const selected = Array.from(this._selected.values());\n const payload = [...values, ...selected] as T[];\n\n if (\n emit &&\n !this.handleChange({\n newValue: this.getValue(payload, this.host.valueKey!),\n items: values as T[],\n type: 'selection',\n })\n ) {\n return;\n }\n\n if (this.host.valueKey) {\n this.selectValueKeys(_items as Values<T>[]);\n } else {\n this.selectObjects(_items as T[]);\n }\n\n this.host.requestUpdate();\n }\n\n public async deselect(items?: Item<T>[], emit = false) {\n if (!items \|\| items.length === 0) {\n if (\n emit &&\n !this.handleChange({\n newValue: [],\n items: Array.from(this.selected),\n type: 'deselection',\n })\n ) {\n return;\n }\n\n this.deselectAll();\n return;\n }\n\n const _items = this.host.singleSelect ? items.slice(0, 1) : items;\n const values = this.host.valueKey\n ? this.getItemsByValueKey(_items as Values<T>[])\n : _items;\n const selected = Array.from(this._selected.values());\n const payload = selected.filter((item) => item !== values[0]);\n\n if (\n emit &&\n !this.handleChange({\n newValue: this.getValue(payload, this.host.valueKey!),\n items: values as T[],\n type: 'deselection',\n })\n ) {\n return;\n }\n\n if (this.host.valueKey) {\n this.deselectValueKeys(_items as Values<T>[]);\n } else {\n this.deselectObjects(_items as T[]);\n }\n\n this.host.requestUpdate();\n }\n\n public get selected(): Set<T> {\n return this._selected;\n }\n\n public changeSelection(index: number) {\n const item = this.data[index];\n\n if (this.host.valueKey) {\n !this.selected.has(item)\n ? this.select([item[this.host.valueKey]], true)\n : this.deselect([item[this.host.valueKey]], true);\n } else {\n !this.selected.has(item)\n ? this.select([item], true)\n : this.deselect([item], true);\n }\n }\n\n constructor(protected host: ComboHost<T>) {\n this.host.addController(this);\n }\n\n public hostConnected() {}\n\n public hostDisconnected() {}\n}\n"]}

package/components/combo/operations/group.d.ts CHANGED Viewed

@@ -1,9 +1,6 @@
 import { DataController } from '../controllers/data.js';
-import { ComboRecord, GroupingDirection, Keys, Values } from '../types.js';
+import type { ComboRecord } from '../types.js';
 export default class GroupDataOperation<T extends object> {
     protected orderBy: Map<string, number>;
-    protected resolveValue(record: T, key: Keys<T>): T[keyof T];
-    protected compareValues(first: Values<T>, second: Values<T>): number;
-    protected compareObjects(first: T, second: T, key: Keys<T>, direction: GroupingDirection): number;
-    apply(data: ComboRecord<T>[], controller: DataController<T>): any[];
+    apply(data: ComboRecord<T>[], controller: DataController<T>): ComboRecord<T>[];
 }

package/components/combo/operations/group.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { groupBy } from '../../common/util.js';
 export default class GroupDataOperation {
     constructor() {
         this.orderBy = new Map(Object.entries({
@@ -5,54 +6,29 @@ export default class GroupDataOperation {
             desc: -1,
         }));
     }
-    resolveValue(record, key) {
-        return record[key];
-    }
-    compareValues(first, second) {
-        if (typeof first === 'string' && typeof second === 'string') {
-            return first.localeCompare(second);
-        }
-        return first > second ? 1 : first < second ? -1 : 0;
-    }
-    compareObjects(first, second, key, direction) {
-        const [a, b] = [
-            this.resolveValue(first, key),
-            this.resolveValue(second, key),
-        ];
-        return this.orderBy.get(direction) * this.compareValues(a, b);
-    }
     apply(data, controller) {
         const { groupingOptions: { groupKey, valueKey, displayKey, direction }, } = controller;
         if (!groupKey)
             return data;
-        const groups = new Map();
-        data.forEach((item) => {
-            if (typeof item !== 'object' || item === null)
-                return;
-            const key = item.value[groupKey] ?? 'Other';
-            const group = groups.get(key) ?? [];
-            if (group.length === 0) {
-                group.push({
-                    value: {
-                        [valueKey]: key,
-                        [displayKey]: key,
-                        [groupKey]: key,
-                    },
-                    header: true,
-                    dataIndex: -1,
-                });
-            }
-            group.push(item);
-            groups.set(key, group);
-        });
-        groups.forEach((group) => {
-            group.sort((a, b) => {
-                if (a.header || b.header)
-                    return;
-                return this.compareObjects(a.value, b.value, displayKey, direction);
+        const groups = Object.entries(groupBy(data, (item) => item.value[groupKey] ?? 'Other'));
+        if (direction !== 'none') {
+            const orderBy = this.orderBy.get(direction);
+            groups.sort((a, b) => {
+                return orderBy * controller.compareCollator.compare(a[0], b[0]);
+            });
+        }
+        return groups.flatMap(([group, items]) => {
+            items.unshift({
+                dataIndex: -1,
+                header: true,
+                value: {
+                    [valueKey]: group,
+                    [displayKey]: group,
+                    [groupKey]: group,
+                },
             });
+            return items;
         });
-        return Array.from(groups.values()).flat();
     }
 }
 //# sourceMappingURL=group.js.map

package/components/combo/operations/group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/components/combo/operations/group.ts"],"names":[],"mappings":"~~AAGA~~,~~MAAM,CAAC,~~OAAO,~~OAAO~~,~~kBAAkB;IAAvC;QACY,YAAO,GAAG,IAAI,GAAG,CACzB,MAAM,CAAC,~~OAAO,~~CAAC;YACb,GAAG,~~EAAE,~~CAAC;YACN~~,~~IAAI~~,~~EAAE,~~CAAC~~,CAAC~~;~~SACT~~,~~CAAC,CACH,CAAC;IAmEJ,CAAC;IAjEW,YAAY,CAAC,MAAS,EAAE,GAAY;QAC5C,OAAO,~~MAAM,CAAC,~~GAAG,CAAC,CAAC;IACrB,CAAC;IAES,aAAa,CAAC,KAAgB,EAAE,MAAiB;QACzD,IAAI,~~OAAO,~~KAAK,KAAK,QAAQ,IAAI,~~OAAO,~~MAAM,KAAK,QAAQ,EAAE~~;~~YAC3D,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC~~;~~SACpC;QACD~~,~~OAAO~~,~~KAAK,~~GAAG,~~MAAM~~,~~CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,~~GAAG,~~MAAM~~,~~CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC;IAES,cAAc,CACtB,KAAQ,EACR,MAAS,EACT,GAAY,EACZ,SAA4B;QAE5B,~~MAAM,CAAC,~~CAAC~~,~~EAAE,~~CAAC~~,CAAC,GAAG~~;YACb,~~IAAI~~,~~CAAC,YAAY,CAAC,KAAK,~~EAAE,~~GAAG,~~CAAC;~~YAC7B~~,IAAI,~~CAAC,YAAY,CAAC,MAAM,~~EAAE,~~GAAG,~~CAAC~~;SAC/B~~,CAAC;~~QAEF~~,~~OAAO,IAAI,~~CAAC,~~OAAO~~,CAAC~~,GAAG,CAAC,SAAS,CAAE,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC~~;~~IACjE~~,CAAC;~~IAEM~~,KAAK,CAAC,IAAsB,EAAE,UAA6B;QAChE,MAAM,EACJ,eAAe,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAC/D,GAAG,UAAU,CAAC;QAEf,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAE3B,MAAM,MAAM,GAAG,~~IAAI~~,~~GAAG,EAAE,~~CAAC~~;QAEzB~~,~~IAAI~~,~~CAAC~~,OAAO,CAAC,CAAC,~~IAAoB~~,EAAE,EAAE~~;YACpC~~,IAAI,~~OAAO~~,~~IAAI,~~KAAK,QAAQ,~~IAAI~~,IAAI,~~KAAK,IAAI;gBAAE,~~OAAO~~;YAEtD~~,~~MAAM~~,~~GAAG~~,~~GAAG~~,IAAI,~~CAAC~~,KAAK,~~CAAC~~,~~QAAS~~,CAAC~~,IAAI,OAAO,CAAC~~;~~YAC7C~~,MAAM,~~KAAK~~,~~GAAqB~~,~~MAAM~~,CAAC,~~GAAG~~,CAAC,GAAG,CAAC,~~IAAI~~,~~EAAE~~,CAAC;~~YAEtD~~,~~IAAI,KAAK,CAAC,~~MAAM,~~KAAK,~~CAAC,~~EAAE;gBACtB,KAAK,CAAC,~~IAAI,CAAC~~;oBACT~~,~~KAAK,EAAE;wBACL,~~CAAC,~~QAAmB,~~CAAC,EAAE,~~GAAG;wBAC1B,~~CAAC,~~UAAqB~~,~~CAAC,~~EAAE~~,GAAG~~;~~wBAC5B~~,~~CAAC~~,~~QAAmB~~,~~CAAC,EAAE,~~GAAG~~;qBACtB;oBACN~~,~~MAAM~~,~~EAAE~~,~~IAAI;oBACZ~~,~~SAAS~~,~~EAAE~~,CAAC,CAAC~~;iBACd~~,CAAC,CAAC~~;aACJ;YAED~~,~~KAAK,~~CAAC,~~IAAI~~,CAAC,~~IAAI,~~CAAC,CAAC~~;YACjB~~,~~MAAM,~~CAAC,~~GAAG,~~CAAC,~~GAAG,EAAE,KAAK,~~CAAC,CAAC~~;QACzB~~,CAAC,CAAC,CAAC;~~QAEH~~,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,~~EAAE;YACvB,~~KAAK,CAAC,~~IAAI,CAAC,CAAC,CAAiB,~~EAAE,~~CAAiB,~~EAAE~~,EAAE~~;~~gBAClD~~,~~IAAI~~,CAAC,CAAC,~~MAAM~~,~~IAAI~~,CAAC,CAAC,MAAM~~;oBAAE~~,~~OAAO;gBACjC~~,~~OAAO,~~IAAI,~~CAAC~~,~~cAAc~~,CAAC,~~CAAC~~,CAAC,~~KAAK,~~EAAE,~~CAAC~~,CAAC,~~KAAK~~,~~EAAE~~,~~UAAW,~~EAAE,~~SAAS~~,CAAC,~~CAAC;YACvE~~,CAAC,~~CAAC~~,~~CAAC~~;~~QACL~~,CAAC,CAAC~~,CAAC~~;~~QAEH~~,OAAO,KAAK,CAAC,~~IAAI,~~CAAC,~~MAAM,~~CAAC,~~MAAM,EAAE,~~CAAC~~,CAAC,IAAI,EAAE,CAAC~~;~~IAC5C~~,CAAC;CACF","sourcesContent":["import { DataController } from '../controllers/data.js';\nimport { ComboRecord, ~~GroupingDirection,~~ Keys, ~~Values~~ } from '../types.js';\n\nexport default class GroupDataOperation<T extends object> {\n protected orderBy = new Map(\n Object.entries({\n asc: 1,\n desc: -1,\n })\n );\n\n protected resolveValue(record: T, key: Keys<T>) {\n return record[key];\n }\n\n protected compareValues(first: Values<T>, second: Values<T>) {\n if (typeof first === 'string' && typeof second === 'string') {\n return first.localeCompare(second);\n }\n return first > second ? 1 : first < second ? -1 : 0;\n }\n\n protected compareObjects(\n first: T,\n second: T,\n key: Keys<T>,\n direction: GroupingDirection\n ) {\n const [a, b] = [\n this.resolveValue(first, key),\n this.resolveValue(second, key),\n ];\n\n return this.orderBy.get(direction)! * this.compareValues(a, b);\n }\n\n public apply(data: ComboRecord<T>[], controller: DataController<T>) {\n const {\n groupingOptions: { groupKey, valueKey, displayKey, direction },\n } = controller;\n\n if (!groupKey) return data;\n\n const groups = ~~new Map~~(~~);\n~~\n data~~.forEach~~((item~~: ComboRecord<T>~~) => {\n if (~~typeof~~ ~~item~~ !== '~~object~~' ~~\|\| item === null~~) ~~return;\n~~\n const ~~key~~ = ~~item~~.~~value[groupKey!] ?? 'Other'~~;\n ~~const~~ ~~group:~~ ~~ComboRecord<T>[]~~ = ~~groups~~.~~get~~(~~key)~~ ?? [];\n\n if (group~~.length~~ ~~=== 0~~) {\n ~~group~~.~~push~~({\n value: {\n [valueKey as Keys<T>]: ~~key~~,\n [displayKey as Keys<T>]: ~~key~~,\n [groupKey as Keys<T>]: ~~key~~,\n } as T,\n ~~header: true,\n dataIndex: -1,\n });\n~~ }~~\n\n group.push(item~~);\n ~~groups.set(key, group);\n });\n~~\n ~~groups.forEach((group) => {\n~~ ~~group.sort((a: ComboRecord<T>, b: ComboRecord<T>) => {\n if (a.header \|\| b.header)~~ return~~;\n return~~ ~~this.compareObjects(a.value, b.value, displayKey!, direction)~~;\n ~~});\n~~ });\n~~\n return Array.from(groups.values()).flat();\n~~ }\n}\n"]}
1	+ {"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/components/combo/operations/group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAI/C,MAAM,CAAC,OAAO,OAAO,kBAAkB;IAAvC;QACY,YAAO,GAAG,IAAI,GAAG,CACzB,MAAM,CAAC,OAAO,CAAC;YACb,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC,CAAC;SACT,CAAC,CACH,CAAC;IAkCJ,CAAC;IAhCQ,KAAK,CAAC,IAAsB,EAAE,UAA6B;QAChE,MAAM,EACJ,eAAe,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAC/D,GAAG,UAAU,CAAC;QAEf,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAE3B,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAC3B,OAAO,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,CACzD,CAAC;QAEF,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAC5C,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACnB,OAAO,OAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACnE,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE;YACvC,KAAK,CAAC,OAAO,CAAC;gBACZ,SAAS,EAAE,CAAC,CAAC;gBACb,MAAM,EAAE,IAAI;gBACZ,KAAK,EAAE;oBACL,CAAC,QAAmB,CAAC,EAAE,KAAK;oBAC5B,CAAC,UAAqB,CAAC,EAAE,KAAK;oBAC9B,CAAC,QAAmB,CAAC,EAAE,KAAK;iBACxB;aACP,CAAC,CAAC;YAEH,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { groupBy } from '../../common/util.js';\nimport { DataController } from '../controllers/data.js';\nimport type { ComboRecord, Keys } from '../types.js';\n\nexport default class GroupDataOperation<T extends object> {\n protected orderBy = new Map(\n Object.entries({\n asc: 1,\n desc: -1,\n })\n );\n\n public apply(data: ComboRecord<T>[], controller: DataController<T>) {\n const {\n groupingOptions: { groupKey, valueKey, displayKey, direction },\n } = controller;\n\n if (!groupKey) return data;\n\n const groups = Object.entries(\n groupBy(data, (item) => item.value[groupKey] ?? 'Other')\n );\n\n if (direction !== 'none') {\n const orderBy = this.orderBy.get(direction);\n groups.sort((a, b) => {\n return orderBy! * controller.compareCollator.compare(a[0], b[0]);\n });\n }\n\n return groups.flatMap(([group, items]) => {\n items.unshift({\n dataIndex: -1,\n header: true,\n value: {\n [valueKey as Keys<T>]: group,\n [displayKey as Keys<T>]: group,\n [groupKey as Keys<T>]: group,\n } as T,\n });\n\n return items;\n });\n }\n}\n"]}

package/components/combo/themes/dark/combo.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--case-icon-color: var(--ig-combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--case-icon-color--active: var(--ig-combo-case-icon-color--active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--empty-list-background: var(--ig-combo-empty-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-400), var(--ig-gray-a)));--default-size: var(--ig-combo-default-size, 2);--toggle-button-foreground--focus: var(--ig-combo-toggle-button-foreground--focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-surface-500-contrast));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-surface-500-contrast));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-primary-600-contrast));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-primary-600-contrast));--disabled-item-background: var(--ig-combo-list-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)))}`;
+export const styles = css `:host{--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color: var(--ig-combo-list-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent))}`;
 //# sourceMappingURL=combo.bootstrap.css.js.map

package/components/combo/themes/dark/combo.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combo.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~q9IAAq9I~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--case-icon-color: var(--ig-combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--case-icon-color--active: var(--ig-combo-case-icon-color--active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--empty-list-background: var(--ig-combo-empty-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-~~700~~), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-~~background-focus~~: var(--ig-combo-clear-button-~~background-focus~~, hsla(var(--ig-gray-~~300~~), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-~~foreground~~-focus: var(--ig-combo-clear-button-~~foreground~~-focus, hsla(var(--ig-gray-~~800~~), var(--ig-gray-a)));--~~toggle~~-~~button~~-~~background-disabled~~: var(--ig-combo-~~toggle~~-~~button~~-~~background-disabled~~, hsla(var(--ig-gray-~~100~~), var(--ig-gray-a)));--~~toggle~~-~~button~~-~~foreground-disabled~~: var(--ig-combo-~~toggle~~-~~button~~-~~foreground-disabled~~, hsla(var(--ig-gray-400), var(--ig-gray-a)));--~~default~~-~~size: var(--ig~~-~~combo-default-size, 2);--toggle-button-foreground--focus~~: var(--ig-combo-~~toggle~~-~~button~~-~~foreground--focus~~, hsla(var(--ig-~~gray~~-~~800~~), var(--ig-~~gray~~-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-surface-500-contrast));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-surface-500-contrast));--~~hover~~-item-~~background~~: var(--ig-combo-list-~~hover~~-item-~~background~~, hsla(var(--ig-gray-~~100~~), var(--ig-gray-a)));--~~focused~~-item-background: var(--ig-combo-list-~~focused~~-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--~~focused~~-item-~~text-color~~: var(--ig-combo-list-~~focused~~-item-~~text-color~~, ~~var(--ig-primary-600-contrast~~));--~~selected~~-item-~~background~~: var(--ig-combo-list-~~selected~~-item-~~background~~, hsla(var(--ig-~~primary~~-~~500~~), var(--ig-~~primary~~-a)));--~~selected~~-~~item-text-~~color: var(--ig-combo-list-~~selected~~-~~item~~-~~text~~-~~color~~, var(--ig-~~primary~~-~~600-contrast~~));--~~selected~~-~~hover-item-background~~: var(--ig-combo-list-~~selected~~-~~hover-item-background~~, ~~hsla(~~var(--ig-~~primary~~-~~600)~~, var(--ig-~~primary~~-a)));--~~selected-hover-~~item-~~text~~-~~color~~: var(--ig-combo-list-~~selected-hover-~~item-~~text~~-~~color~~, var(--ig-~~primary~~-~~600-contrast~~));--~~selected-focus-item-background~~: var(--ig-combo-list-~~selected~~-~~focus~~-~~item-background~~, ~~hsla(~~var(--ig-~~primary~~-~~600~~), var(--ig-~~primary~~-a)));--~~selected~~-~~focus-~~item-~~text-color~~: var(--ig-combo-list-~~selected~~-~~focus-~~item-~~text~~-~~color~~, var(--ig-~~primary~~-~~600-contrast~~));--~~disabled~~-item-background: var(--ig-combo-list-~~disabled~~-item-background, hsla(var(--ig-gray-50), 0));--~~disabled~~-item-text-color: var(--ig-combo-list-~~disabled~~-item-text-color, ~~hsla~~(~~var(--ig-gray-400)~~, var(--ig-~~gray~~-a)));--~~border~~-~~color~~: var(--ig-combo-list-~~border~~-~~color~~, hsla(var(--ig-~~gray~~-~~100~~), var(--ig-~~gray~~-a)));--~~border~~-~~width~~: var(--ig-combo-list-~~border~~-~~width, 1px);--border~~-~~radius: var(--ig~~-~~combo~~-~~list-border-radius~~, ~~clamp~~(~~0rem~~, ~~calc(~~var(--ig-~~radius~~-~~factor, 0.2~~) * ~~1.25rem~~)~~, 1.25rem~~));--item-~~border-radius~~: var(--ig-combo-list-item-~~border-radius~~, ~~clamp~~(~~0rem~~, ~~calc(~~var(--ig-~~radius~~-~~factor, 0~~) * 1.25rem)~~, 1.25rem~~));--~~size~~: var(--ig-combo-list-~~size, max(var(--is~~-~~large, 1) * max(2.5rem,~~ -~~1 * 2.5rem)~~, ~~var(--is~~-~~medium, 1) * max~~(~~2rem,~~ ~~-1 * 2rem)~~, var(--is-~~small, 1~~) * ~~max(1.75rem, -1 * 1.75rem~~)))}`;\n"]}
1	+ {"version":3,"file":"combo.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i1HAAi1H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color: var(--ig-combo-list-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent))}`;\n"]}

package/components/combo/themes/dark/combo.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--case-icon-color: var(--ig-combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--case-icon-color--active: var(--ig-combo-case-icon-color--active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--empty-list-background: var(--ig-combo-empty-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, hsla(var(--ig-gray-100), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-100-contrast));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-100-contrast));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-400), var(--ig-gray-a)));--default-size: var(--ig-combo-default-size, 2);--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-4));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-surface-500-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-surface-500-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-surface-500-contrast));--disabled-item-background: var(--ig-combo-list-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)))}`;
+export const styles = css `:host{--toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, hsla(var(--ig-gray-100), var(--ig-gray-a)));--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-4));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent))}`;
 //# sourceMappingURL=combo.fluent.css.js.map

package/components/combo/themes/dark/combo.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~kzIAAkzI~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background~~-focus--border~~: var(--ig-combo-toggle-button-background~~-focus--border~~, hsla(var(--ig-gray-~~300~~), var(--ig-gray-a)));--~~case~~-~~icon~~-~~color~~: var(--ig-combo-~~case~~-~~icon~~-~~color~~, hsla(var(--ig-gray-~~400~~), var(--ig-gray-a)));--~~case~~-~~icon~~-~~color--active~~: var(--ig-combo-~~case~~-~~icon~~-~~color--active~~, hsla(var(--ig-~~primary~~-~~500~~), var(--ig-~~primary~~-a)));--~~empty~~-~~list~~-background: var(--ig-combo-~~empty~~-~~list~~-background, hsla(var(--ig-~~surface~~-~~500~~), var(--ig-~~surface~~-a)));--~~search~~-~~separator~~-~~border~~-~~color~~: var(--ig-combo-~~search~~-~~separator~~-~~border~~-~~color~~, hsla(var(--ig-gray-~~500~~), var(--ig-gray-a)));--~~empty~~-~~list~~-~~placeholder-~~color: var(--ig-combo-~~empty~~-~~list~~-~~placeholder-~~color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--~~toggle~~-~~button~~-~~background~~: var(--ig-combo-~~toggle~~-~~button~~-~~background~~, hsla(var(--ig-gray-~~100~~), var(--ig-gray-a)));--~~toggle~~-~~button~~-~~background-focus~~: var(--ig-combo-~~toggle~~-~~button~~-~~background-focus~~, hsla(var(--ig-~~gray~~-~~100~~), var(--ig-~~gray~~-a)));--~~toggle-button-foreground~~: var(--ig-combo-~~toggle~~-~~button-foreground~~, ~~hsla(~~var(--ig-~~gray~~-~~700~~)~~, var(--ig-gray-a~~)));--~~toggle~~-~~button-foreground-focus~~: var(--ig-combo-~~toggle~~-~~button~~-~~foreground-focus~~, hsla(var(--ig-~~gray~~-~~700~~), var(--ig-~~gray~~-a)));--~~toggle~~-~~button~~-~~foreground-filled~~: var(--ig-combo-~~toggle~~-~~button~~-~~foreground~~-~~filled~~, hsla(var(--ig-~~gray~~-~~700~~), var(--ig-~~gray~~-a)));--~~clear~~-~~button~~-~~background~~: var(--ig-combo-~~clear~~-~~button~~-~~background~~, hsla(var(--ig-gray-~~100~~), var(--ig-gray-a)));--~~clear~~-~~button~~-~~background~~-~~focus~~: var(--ig-combo-~~clear~~-~~button~~-~~background~~-~~focus~~, hsla(var(--ig-gray-~~100~~), var(--ig-gray-a)));--~~clear~~-~~button~~-~~foreground: var(--ig~~-~~combo-clear-button-foreground, var(--ig-gray-100-contrast));--clear-button-foreground-focus~~: var(--ig-combo-~~clear~~-~~button~~-~~foreground~~-~~focus, var(--ig~~-~~gray-100-contrast));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled~~, hsla(var(--ig-gray-~~100~~), var(--ig-gray-a)));--~~toggle~~-~~button~~-~~foreground-disabled~~: var(--ig-combo-~~toggle~~-~~button~~-~~foreground~~-~~disabled~~, hsla(var(--ig-gray-~~400~~), var(--ig-gray-a)));--~~default~~-~~size~~: var(--ig-combo-~~default~~-~~size~~, 2);--~~elevation: var(--ig~~-~~combo~~-~~list~~-~~elevation, var(--ig-elevation-4));--background-~~color: var(--ig-combo-list-~~background~~-color, hsla(var(--ig-~~surface~~-~~500~~), var(--ig-~~surface~~-a)));--~~header~~-~~text-~~color: var(--ig-combo-list-~~header~~-~~text-~~color, hsla(var(--ig-~~secondary~~-~~500~~), var(--ig-~~secondary~~-a)));--~~item~~-~~text-color~~: var(--ig-combo-list-~~item~~-~~text-color~~, ~~hsla(~~var(--ig-~~gray~~-~~800)~~, var(--ig-~~gray~~-a)));--~~hover-~~item-~~text~~-~~color~~: var(--ig-combo-list-~~hover-~~item-~~text~~-~~color~~, ~~hsla~~(var(--ig-~~gray~~-~~800~~), ~~var(--ig-gray-a~~)));--~~hover-item-background~~: var(--ig-combo-list-~~hover-item-background~~, ~~hsla~~(var(--ig-~~gray-100~~), 0.8)~~);--focused-item-background:~~ var(--ig-~~combo~~-~~list-focused-item-background~~, ~~hsla(~~var(--ig-~~gray-100~~), 0.8));--~~focused~~-item-~~text-color~~: var(--ig-combo-list-~~focused~~-item-~~text-color~~, hsla(var(--ig-gray-~~800~~), var(--ig-gray-a)));--~~selected~~-item-background: var(--ig-combo-list-~~selected~~-item-background, hsla(var(--ig-~~gray~~-~~100~~), var(--ig-~~gray~~-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-surface-500-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-gray-~~100~~), var(--ig-gray-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-surface-500-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, ~~var(--ig~~-~~surface-500-contrast));--disabled-item-background: var~~(~~--ig-combo-list-disabled-item-background,~~ ~~hsla(var(--ig-gray-50)~~, ~~0));--disabled-item-text-color:~~ var(--ig-~~combo~~-~~list~~-~~disabled-item-text-color, hsla(var(--ig-gray-400~~), ~~var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-~~100), ~~var(--ig-gray-a~~)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)))}`;\n"]}
1	+ {"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yzGAAyzG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-700), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, hsla(var(--ig-gray-100), var(--ig-gray-a)));--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-4));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent))}`;\n"]}

package/components/combo/themes/dark/combo.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--case-icon-color: var(--ig-combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--case-icon-color--active: var(--ig-combo-case-icon-color--active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--empty-list-background: var(--ig-combo-empty-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--default-size: var(--ig-combo-default-size, 2);--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-surface-500-contrast));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-primary-500-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-primary-400-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-primary-400-contrast));--disabled-item-background: var(--ig-combo-list-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)))}`;
+export const styles = css `:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), 0.7));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;
 //# sourceMappingURL=combo.indigo.css.js.map

package/components/combo/themes/dark/combo.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~yvIAAyvI~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-~~background-focus--border~~: var(--ig-combo-toggle-button-~~background-focus--border~~, hsla(var(--ig-gray-~~300~~), var(--ig-gray-a)));--~~case~~-~~icon~~-~~color: var(--ig~~-~~combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--case-icon-color--active~~: var(--ig-combo-~~case~~-~~icon~~-~~color--active, hsla(var(--ig~~-~~primary-500)~~, ~~var(--ig-primary-a)));--empty-list-background: var(--ig-combo-empty-list-background,~~ hsla(var(--ig-~~surface-500), var(--ig-surface-a)));--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-~~gray-~~500~~), var(--ig-gray-a)));--~~empty~~-~~list~~-~~placeholder~~-~~color~~: var(--ig-combo-~~empty~~-~~list~~-~~placeholder~~-~~color~~, hsla(var(--ig-gray-~~700~~), var(--ig-gray-a)));--~~toggle~~-button-~~background~~: var(--ig-combo-~~toggle~~-button-~~background~~, hsla(var(--ig-gray-~~300~~), var(--ig-gray-a)));--~~toggle~~-button-~~background~~-focus: var(--ig-combo-~~toggle~~-button-~~background~~-focus, hsla(var(--ig-gray-~~300), var(--ig-gray-a)));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-~~600), var(--ig-gray-a)));--toggle-button-~~foreground~~-~~focus~~: var(--ig-combo-toggle-button-~~foreground~~-~~focus~~, ~~hsla(var(--ig-gray-600~~)~~, var(--ig-gray-a)))~~;--toggle-button-foreground-~~filled~~: var(--ig-combo-toggle-button-foreground-~~filled~~, hsla(var(--ig-gray-~~600~~), var(--ig-gray-a)));--clear-button-background~~: var(--ig~~-~~combo-clear-button-background, transparent);--clear-button-background-~~focus: var(--ig-combo-clear-button-background-focus, transparent);--~~clear~~-~~button~~-~~foreground~~: var(--ig-combo-~~clear~~-~~button~~-~~foreground~~, hsla(var(--ig-gray-600), var(--ig-gray-a)));--~~clear~~-~~button~~-~~foreground-focus~~: var(--ig-combo-~~clear~~-~~button~~-~~foreground-focus~~, hsla(var(--ig-gray-~~600~~), var(--ig-gray-a)));--~~toggle~~-~~button~~-~~background-disabled~~: var(--ig-combo-~~toggle~~-~~button~~-~~background-disabled~~, ~~transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled,~~ hsla(var(--ig-~~gray~~-~~300~~), ~~var(--ig-gray-a~~)));--~~default-size: var(--ig-combo-default-size, 2);--~~elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-surface-500-contrast));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--~~hover~~-item-~~background~~: var(--ig-combo-list-~~hover~~-item-~~background~~, hsla(var(--ig-~~primary~~-~~500~~), ~~0.15~~));--~~focused~~-item-background: var(--ig-combo-list-~~focused~~-item-background, hsla(var(--ig-primary-500), ~~0.15~~));--~~focused~~-item-text-color: var(--ig-combo-list-~~focused~~-item-text-color, hsla(var(--ig-gray-~~800~~), var(--ig-gray-a)));--~~selected~~-~~item-background~~: var(--ig-combo-list-~~selected~~-~~item-background~~, hsla(var(--ig-~~primary~~-~~500~~), var(--ig-~~primary~~-a)));--~~selected~~-~~item-text-color~~: var(--ig-combo-list-~~selected~~-~~item-text-color~~, ~~var(--ig-primary-500-contrast~~));--~~selected~~-~~hover-item-background~~: var(--ig-combo-list-~~selected~~-~~hover-item-background~~, ~~hsla~~(var(--ig-~~primary~~-~~400~~), ~~var(--ig-primary-a~~)));--~~selected-hover-~~item-~~text~~-~~color~~: var(--ig-combo-list-~~selected-hover-~~item-~~text~~-~~color~~, var(--ig-~~primary~~-~~400-contrast~~));--~~selected-focus-item-background~~: var(--ig-combo-list-~~selected~~-~~focus~~-~~item-background~~, ~~hsla(~~var(--ig-~~primary~~-~~400~~), var(--ig-~~primary~~-a)));--~~selected~~-~~focus-~~item-~~text-color~~: var(--ig-combo-list-~~selected~~-~~focus-~~item-~~text-color~~, var(--ig-primary-~~400-contrast~~));--~~disabled~~-item-background: var(--ig-combo-list-~~disabled~~-item-background, hsla(var(--ig-~~gray~~-50), 0));--~~disabled~~-item-text-color: var(--ig-combo-list-~~disabled~~-item-text-color, ~~hsla~~(~~var(--ig-gray-400)~~, var(--ig-~~gray~~-a)));--~~border~~-~~color~~: var(--ig-combo-list-~~border~~-~~color~~, hsla(var(--ig-~~gray~~-~~100~~), var(--ig-~~gray~~-a)));--~~border~~-~~width~~: var(--ig-combo-list-~~border~~-~~width, 0);--border~~-~~radius: var(--ig~~-~~combo~~-~~list-border-radius~~, ~~clamp~~(~~0rem~~, ~~calc(~~var(--ig-~~radius~~-~~factor, 0.1~~) * ~~1.25rem~~)~~, 1.25rem~~));--item-~~border-radius~~: var(--ig-combo-list-item-~~border-radius~~, ~~clamp~~(~~0rem~~, ~~calc(~~var(--ig-~~radius~~-~~factor, 0.1~~) * 1.25rem)~~, 1.25rem~~));--~~size~~: var(--ig-combo-list-~~size, max(var(--is~~-~~large, 1) * max(2.5rem,~~ -~~1 * 2.5rem)~~, ~~var(--is~~-~~medium, 1) * max~~(~~2rem,~~ ~~-1 * 2rem)~~, var(--is-~~small, 1~~) * ~~max(1.75rem, -1 * 1.75rem~~)))}`;\n"]}
1	+ {"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2nHAA2nH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), 0.7));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;\n"]}

package/components/combo/themes/dark/combo.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--case-icon-color: var(--ig-combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--case-icon-color--active: var(--ig-combo-case-icon-color--active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--empty-list-background: var(--ig-combo-empty-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-100-contrast));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-100-contrast));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--default-size: var(--ig-combo-default-size, 2);--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-8));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--disabled-item-background: var(--ig-combo-list-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)))}`;
+export const styles = css `:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-8));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-gray-100), 0.8));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-secondary-100-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent))}`;
 //# sourceMappingURL=combo.material.css.js.map

package/components/combo/themes/dark/combo.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~2wIAA2wI~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus~~--border~~: var(--ig-combo-toggle-button-background-focus~~--border~~, hsla(var(--ig-gray-~~300~~), ~~var(--ig-gray-a~~)));--~~case~~-~~icon~~-~~color~~: var(--ig-combo-~~case~~-~~icon~~-~~color~~, hsla(var(--ig-gray-~~400~~), var(--ig-gray-a)));--~~case~~-~~icon~~-color~~--active~~: var(--ig-combo-~~case~~-~~icon~~-color~~--active~~, hsla(var(--ig-~~primary~~-~~500~~), var(--ig-~~primary~~-a)));--~~empty~~-~~list~~-~~background~~: var(--ig-combo-~~empty~~-~~list~~-~~background~~, hsla(var(--ig-~~surface~~-500), var(--ig-~~surface~~-a)));--~~search~~-~~separator~~-~~border-~~color: var(--ig-combo-~~search~~-~~separator~~-~~border-~~color, hsla(var(--ig-~~gray~~-500), var(--ig-~~gray~~-a)));--~~empty-list-placeholder-color~~: var(--ig-combo-~~empty-~~list-~~placeholder-color~~, ~~hsla(~~var(--ig-~~gray~~-~~700~~)~~, var(--ig-gray-a~~)));--~~toggle~~-~~button-background~~: var(--ig-combo-~~toggle~~-~~button~~-~~background~~, hsla(var(--ig-~~gray~~-~~300~~), var(--ig-~~gray~~-a)));--~~toggle~~-~~button~~-~~background-focus~~: var(--ig-combo-~~toggle~~-~~button~~-~~background~~-~~focus~~, hsla(var(--ig-~~gray~~-~~400~~), ~~0.3~~));--~~toggle~~-~~button~~-~~foreground~~: var(--ig-combo-~~toggle~~-~~button~~-~~foreground~~, hsla(var(--ig-gray-~~700~~), var(--ig-gray-a)));--~~toggle~~-~~button~~-~~foreground~~-~~focus~~: var(--ig-combo-~~toggle~~-~~button~~-~~foreground~~-~~focus~~, hsla(var(--ig-gray-~~700~~), var(--ig-gray-a)));--~~toggle~~-~~button~~-~~foreground~~-~~filled~~: var(--ig-combo-~~toggle~~-~~button~~-~~foreground~~-~~filled~~, hsla(var(--ig-gray-~~900~~), var(--ig-gray-a)));--~~clear~~-~~button~~-background: var(--ig-combo-~~clear~~-~~button~~-background, ~~transparent);--clear-button-background-focus:~~ var(--ig-~~combo~~-~~clear-button-background-focus, transparent~~)~~;--clear-button-foreground: var(--ig-combo-clear-button-foreground~~, var(--ig-~~gray~~-~~100-contrast~~));--~~clear~~-~~button~~-~~foreground-focus~~: var(--ig-combo-~~clear~~-~~button~~-~~foreground~~-~~focus~~, ~~var(--ig-gray-100-contrast~~));--~~toggle~~-~~button~~-~~background~~-~~disabled~~: var(--ig-combo-~~toggle~~-~~button~~-~~background~~-~~disabled~~, hsla(var(--ig-gray-~~100~~), var(--ig-gray-a)));--~~toggle~~-~~button-foreground-disabled~~: var(--ig-combo-~~toggle~~-~~button~~-~~foreground-disabled~~, hsla(var(--ig-gray-~~500~~), var(--ig-gray-a)));--~~default~~-~~size~~: var(--ig-combo-~~default~~-~~size~~, 2);--~~elevation~~: var(--ig-combo-list-~~elevation~~, ~~var~~(~~--ig-elevation-8));--background-color:~~ var(--ig-~~combo~~-~~list-background-color~~, ~~hsla(var(--ig-surface-500~~), ~~var(--ig-surface-a~~)));--~~header~~-~~text~~-~~color~~: var(--ig-combo-list-~~header~~-~~text~~-~~color~~, ~~hsla~~(var(--ig-~~secondary~~-~~500~~), ~~var(--ig-secondary-a~~)));--~~item-text-color~~: var(--ig-combo-list-~~item-text-color~~, ~~hsla~~(var(--ig-~~gray~~-~~800~~), var(--ig-~~gray-a~~)~~));--hover-item-text-color:~~ ~~var~~(~~--ig~~-~~combo-list-hover-item-text-color~~, ~~hsla(~~var(--ig-~~gray-800~~), ~~var(--ig~~-~~gray-a~~)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-gray-100), 0.8));--~~focused~~-item-text-color: var(--ig-combo-list-~~focused~~-item-text-color, ~~hsla(var(--ig~~-~~gray-800), var~~(~~--ig-gray-a)));--selected-item-background:~~ ~~var(--ig-combo-list-selected-item-background~~, ~~hsla(~~var(--ig-secondary-100~~), var(--ig~~-~~secondary-a~~)~~));--selected-item-text-color:~~ ~~var(--ig-combo-list-selected-item-text-color,~~ ~~var(--ig-secondary-100-contrast~~));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, ~~var(--ig~~-~~secondary-200-contrast));--disabled-item-background: var~~(~~--ig-combo-list-disabled-item-background,~~ ~~hsla(var(--ig-gray-50)~~, ~~0));--disabled-item-text-color:~~ var(--ig-~~combo~~-~~list~~-~~disabled-item-text-color, hsla(var(--ig-gray-400~~), ~~var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-~~100), ~~var(--ig-gray-a~~)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)))}`;\n"]}
1	+ {"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qjGAAqjG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-8));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-100), 0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-gray-100), 0.8));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-secondary-100-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent))}`;\n"]}

package/components/combo/themes/light/combo.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--case-icon-color: var(--ig-combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--case-icon-color--active: var(--ig-combo-case-icon-color--active, hsla(var(--ig-primary-500), var(--ig-primary-a)));--empty-list-background: var(--ig-combo-empty-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-400), var(--ig-gray-a)));--default-size: var(--ig-combo-default-size, 2);--toggle-button-foreground--focus: var(--ig-combo-toggle-button-foreground--focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-primary-600-contrast));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-primary-600-contrast));--disabled-item-background: var(--ig-combo-list-disabled-item-background, hsla(var(--ig-gray-50), 0));--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)))}`;
+export const styles = css `:host{--search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-background: var(--ig-combo-clear-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-800), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-0));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent))}`;
 //# sourceMappingURL=combo.bootstrap.css.js.map