npm - igniteui-webcomponents - Versions diffs - 7.2.3 → 7.3.0-beta.0 - Mend

igniteui-webcomponents 7.2.3 → 7.3.0-beta.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 (980) hide show

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":"AACA,OAAO,EACL,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EAEP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,MAAM,0CAA0C,CAAC;AAsBlD,MAAM,OAAO,yBAAyB;IAOpC,IAAY,MAAM;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;IAClC,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;IACnC,CAAC;IAED,IAAY,KAAK;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IACjC,CAAC;IAED,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1C,CAAC;IAMD,YACE,IAAkB,EAClB,KAAmB,EACnB,MAA6B;QALxB,WAAM,GAAG,CAAC,CAAC,CAAC;QA+DX,aAAQ,GAAG,GAAS,EAAE;YAC5B,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;gBACrB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;QAEM,aAAQ,GAAG,KAAK,IAAmB,EAAE;YAC3C,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;gBACrB,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;oBAC5B,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChD,CAAC;gBACD,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC;oBAC3C,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;oBACtB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;gBACrB,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEM,WAAM,GAAG,KAAK,EAAE,EAAE,QAAQ,EAAiB,EAAiB,EAAE;YACpE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACpB,IAAI,QAAQ,EAAE,CAAC;oBAGb,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;gBACrB,CAAC;gBAED,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;oBAChD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChD,CAAC;gBAED,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;YACzC,CAAC;QACH,CAAC,CAAC;QAEM,cAAS,GAAG,KAAK,IAAmB,EAAE;YAC5C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACrB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;YAC7C,CAAC;YAED,IAAI,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC;gBAC3C,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QAEM,0BAAqB,GAAG,KAAK,IAAmB,EAAE;YACxD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;gBAClE,OAAO;YACT,CAAC;YAED,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;gBAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;QAEM,uBAAkB,GAAG,GAAS,EAAE;YACtC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;YACpB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;QAEM,YAAO,GAAG,GAAS,EAAE;YAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;YAC9B,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC;QAEM,WAAM,GAAG,GAAS,EAAE;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC;YAC7B,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC;QAEM,eAAU,GAAG,GAAS,EAAE;YAC9B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAS,EAAE;YAChC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YACrB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;QAzIA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAE/B,MAAM,eAAe,GAAsB,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;QAC5D,MAAM,IAAI,GAAG,GAAY,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAGhD,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC;aAClD,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;aACnD,GAAG,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE;YACpC,cAAc,EAAE,KAAK;SACtB,CAAC;aACD,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAGlC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE;YACzB,IAAI;YACJ,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;YACvB,eAAe;SAChB,CAAC;aACC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC;aAC5C,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;aACpD,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC;aAC1C,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAGhC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE;YACzB,IAAI;YACJ,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;YACxB,eAAe;SAChB,CAAC;aACC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC;aAC5B,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAG3C,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE;YACzB,IAAI;YACJ,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI;YACtB,eAAe;SAChB,CAAC;aACC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC;aAC7B,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC;aACjC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;aAC1B,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC;aACxB,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;aAC5B,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnB,CAAC;IA2FO,eAAe,CAAC,QAAyB;QAC/C,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC;YAC/C,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,QAAQ,IAAI,MAAM;SAC7B,CAAC,CAAC;QAEH,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC;IAC9B,CAAC;IAEO,eAAe,CAAC,KAAa,EAAE,KAAa;QAClD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QACpC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,MAAM,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC;YAC7D,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;gBACrB,OAAO,CAAC,CAAC;YACX,CAAC;QACH,CAAC;QAED,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAEO,YAAY,CAAC,KAAa;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAEtD,IAAI,IAAI,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;YACnD,IAAI,CAAC,YAAY,EAAE,eAAe,EAAE;gBAClC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE;gBAC5B,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;YAChB,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACnB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;CAGF","sourcesContent":["import type { Ref } from 'lit/directives/ref.js';\nimport {\n addKeybindings,\n altKey,\n arrowDown,\n arrowUp,\n endKey,\n enterKey,\n escapeKey,\n homeKey,\n type KeyBindingOptions,\n shiftKey,\n spaceBar,\n tabKey,\n} from '../../common/controllers/key-bindings.js';\nimport type IgcInputComponent from '../../input/input.js';\nimport type IgcComboListComponent from '../combo-list.js';\nimport type { ComboHost } from '../types.js';\nimport type { DataState } from './data.js';\n\ntype ComboNavigationConfig = {\n /** The primary input of the combo component. /\n input: Ref<IgcInputComponent>;\n /* The search input of the combo component. /\n search: Ref<IgcInputComponent>;\n /* The combo virtualized dropdown list. */\n list: Ref<IgcComboListComponent>;\n interactions: {\n show: () => Promise<boolean>;\n hide: () => Promise<boolean>;\n toggleSelection: (index: number) => void;\n select: (index: number) => void;\n clearSelection: () => void;\n };\n};\n\nexport class ComboNavigationController<T extends object> {\n //#region Internal state\n\n private readonly _host: ComboHost<T>;\n private readonly _state: DataState<T>;\n private readonly _config: ComboNavigationConfig;\n\n private get _input(): IgcInputComponent \| undefined {\n return this._config.input.value;\n }\n\n private get _searchInput(): IgcInputComponent \| undefined {\n return this._config.search.value;\n }\n\n private get _list(): IgcComboListComponent \| undefined {\n return this._config.list.value;\n }\n\n private get _firstItem(): number {\n return this._state.dataState.findIndex((rec) => !rec.header);\n }\n\n private get _lastItem(): number {\n return this._state.dataState.length - 1;\n }\n\n //#endregion\n\n public active = -1;\n\n constructor(\n host: ComboHost<T>,\n state: DataState<T>,\n config: ComboNavigationConfig\n ) {\n this._host = host;\n this._state = state;\n this._config = config;\n this._host.addController(this);\n\n const bindingDefaults: KeyBindingOptions = { repeat: true };\n const skip = (): boolean => this._host.disabled;\n\n // Combo\n addKeybindings(this._host, { skip, bindingDefaults })\n .set(tabKey, this._onTab, { preventDefault: false })\n .set([shiftKey, tabKey], this._onTab, {\n preventDefault: false,\n })\n .set(escapeKey, this._onEscape);\n\n // Main input\n addKeybindings(this._host, {\n skip,\n ref: this._config.input,\n bindingDefaults,\n })\n .set(arrowUp, this._config.interactions.hide)\n .set([altKey, arrowDown], this._onMainInputArrowDown)\n .set(arrowDown, this._onMainInputArrowDown)\n .set(enterKey, this._onEnter);\n\n // Search input\n addKeybindings(this._host, {\n skip,\n ref: this._config.search,\n bindingDefaults,\n })\n .set(arrowUp, this._onEscape)\n .set(arrowDown, this._onSearchArrowDown);\n\n // List\n addKeybindings(this._host, {\n skip,\n ref: this._config.list,\n bindingDefaults,\n })\n .set(arrowUp, this._onArrowUp)\n .set(arrowDown, this._onArrowDown)\n .set(homeKey, this._onHome)\n .set(endKey, this._onEnd)\n .set(spaceBar, this._onSpace)\n .set(enterKey, this._onEnter);\n }\n\n public hostDisconnected(): void {\n this.active = -1;\n }\n\n //#region Event handlers\n\n private _onSpace = (): void => {\n if (this.active > -1) {\n this._config.interactions.toggleSelection(this.active);\n }\n };\n\n private _onEnter = async (): Promise<void> => {\n if (this.active > -1) {\n if (this._host.singleSelect) {\n this._config.interactions.select(this.active);\n }\n if (await this._config.interactions.hide()) {\n this._input?.select();\n this._host.focus();\n }\n }\n };\n\n private _onTab = async ({ shiftKey }: KeyboardEvent): Promise<void> => {\n if (this._host.open) {\n if (shiftKey) {\n // Move focus to the main input of the combo\n // before the Shift+Tab behavior kicks in.\n this._host.focus();\n }\n\n if (this._host.singleSelect && this.active > -1) {\n this._config.interactions.select(this.active);\n }\n\n await this._config.interactions.hide();\n }\n };\n\n private _onEscape = async (): Promise<void> => {\n if (!this._host.open) {\n this._config.interactions.clearSelection();\n }\n\n if (await this._config.interactions.hide()) {\n this._input?.focus();\n }\n };\n\n private _onMainInputArrowDown = async (): Promise<void> => {\n if (!this._host.open && !(await this._config.interactions.show())) {\n return;\n }\n\n if (this._host.singleSelect) {\n this._onSearchArrowDown();\n }\n };\n\n private _onSearchArrowDown = (): void => {\n this._list?.focus();\n this._onArrowDown();\n };\n\n private _onHome = (): void => {\n const previous = this.active;\n this.active = this._firstItem;\n this._scrollToActive();\n this._host.requestUpdate('_activeIndex', previous);\n };\n\n private _onEnd = (): void => {\n const previous = this.active;\n this.active = this._lastItem;\n this._scrollToActive();\n this._host.requestUpdate('_activeIndex', previous);\n };\n\n private _onArrowUp = (): void => {\n this._getNextItem(-1);\n this._scrollToActive();\n };\n\n private _onArrowDown = (): void => {\n this._getNextItem(1);\n this._scrollToActive();\n };\n\n //#endregion\n\n //#region Internal helper methods\n\n private _scrollToActive(behavior?: ScrollBehavior): void {\n this._list?.element(this.active)?.scrollIntoView({\n block: 'center',\n behavior: behavior ?? 'auto',\n });\n\n this._list?.requestUpdate();\n }\n\n private _getNearestItem(start: number, delta: -1 \| 1): number {\n const items = this._state.dataState;\n const length = items.length;\n\n for (let i = start + delta; i >= 0 && i < length; i += delta) {\n if (!items[i].header) {\n return i;\n }\n }\n\n return -1;\n }\n\n private _getNextItem(delta: -1 \| 1): void {\n const next = this._getNearestItem(this.active, delta);\n\n if (next === -1 && this.active === this._firstItem) {\n this._searchInput?.checkVisibility() // Non single-select or disable-filtering combo configuration\n ? this._searchInput?.focus() // Delegate to search input handlers\n : this._onEscape(); // Close dropdown and move focus back to main input\n return;\n }\n\n if (next !== -1) {\n const previous = this.active;\n this.active = next;\n this._host.requestUpdate('_activeIndex', previous);\n }\n }\n\n //#endregion\n}\n"]}
1	+ {"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/components/combo/controllers/navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Ref } from 'lit/directives/ref.js';\nimport {\n addKeybindings,\n altKey,\n arrowDown,\n arrowUp,\n endKey,\n enterKey,\n escapeKey,\n homeKey,\n type KeyBindingOptions,\n shiftKey,\n spaceBar,\n tabKey,\n} from '#internals/controllers/key-bindings.js';\nimport type IgcInputComponent from '../../input/input.js';\nimport type IgcVirtualScrollComponent from '../../virtualization/virtualization.js';\nimport type { ComboHost } from '../types.js';\nimport type { DataState } from './data.js';\n\ntype ComboNavigationConfig = {\n /** The primary input of the combo component. /\n input: Ref<IgcInputComponent>;\n /* The search input of the combo component. /\n search: Ref<IgcInputComponent>;\n /* The combo virtualized dropdown list. /\n list: Ref<IgcVirtualScrollComponent>;\n interactions: {\n show: () => Promise<boolean>;\n hide: () => Promise<boolean>;\n toggleSelection: (index: number) => void;\n select: (index: number) => void;\n clearSelection: () => void;\n };\n};\n\nexport class ComboNavigationController<T extends object> {\n //#region Internal state\n\n private readonly _host: ComboHost<T>;\n private readonly _state: DataState<T>;\n private readonly _config: ComboNavigationConfig;\n\n private get _input(): IgcInputComponent \| undefined {\n return this._config.input.value;\n }\n\n private get _searchInput(): IgcInputComponent \| undefined {\n return this._config.search.value;\n }\n\n private get _list(): IgcVirtualScrollComponent \| undefined {\n return this._config.list.value;\n }\n\n private get _firstItem(): number {\n return this._state.firstItemIndex;\n }\n\n private get _lastItem(): number {\n return this._state.dataState.length - 1;\n }\n\n //#endregion\n\n public active = -1;\n\n constructor(\n host: ComboHost<T>,\n state: DataState<T>,\n config: ComboNavigationConfig\n ) {\n this._host = host;\n this._state = state;\n this._config = config;\n this._host.addController(this);\n\n const bindingDefaults: KeyBindingOptions = { repeat: true };\n const skip = (): boolean => this._host.disabled;\n\n // Combo\n addKeybindings(this._host, { skip, bindingDefaults })\n .set(tabKey, this._onTab, { preventDefault: false })\n .set([shiftKey, tabKey], this._onTab, {\n preventDefault: false,\n })\n .set(escapeKey, this._onEscape);\n\n // Main input\n addKeybindings(this._host, {\n skip,\n ref: this._config.input,\n bindingDefaults,\n })\n .set(arrowUp, this._config.interactions.hide)\n .set([altKey, arrowDown], this._onMainInputArrowDown)\n .set(arrowDown, this._onMainInputArrowDown)\n .set(enterKey, this._onEnter);\n\n // Search input\n addKeybindings(this._host, {\n skip,\n ref: this._config.search,\n bindingDefaults,\n })\n .set(arrowUp, this._onEscape)\n .set(arrowDown, this._onSearchArrowDown);\n\n // List\n addKeybindings(this._host, {\n skip,\n ref: this._config.list,\n bindingDefaults,\n })\n .set(arrowUp, this._onArrowUp)\n .set(arrowDown, this._onArrowDown)\n .set(homeKey, this._onHome)\n .set(endKey, this._onEnd)\n .set(spaceBar, this._onSpace)\n .set(enterKey, this._onEnter);\n }\n\n public hostDisconnected(): void {\n this.active = -1;\n }\n\n //#region Event handlers\n\n private _onSpace = (): void => {\n if (this.active > -1) {\n this._config.interactions.toggleSelection(this.active);\n }\n };\n\n private _onEnter = async (): Promise<void> => {\n if (this.active > -1) {\n if (this._host.singleSelect) {\n this._config.interactions.select(this.active);\n }\n if (await this._config.interactions.hide()) {\n this._input?.select();\n this._host.focus();\n }\n }\n };\n\n private _onTab = async ({ shiftKey }: KeyboardEvent): Promise<void> => {\n if (this._host.open) {\n if (shiftKey) {\n // Move focus to the main input of the combo\n // before the Shift+Tab behavior kicks in.\n this._host.focus();\n }\n\n if (this._host.singleSelect && this.active > -1) {\n this._config.interactions.select(this.active);\n }\n\n await this._config.interactions.hide();\n }\n };\n\n private _onEscape = async (): Promise<void> => {\n if (!this._host.open) {\n this._config.interactions.clearSelection();\n }\n\n if (await this._config.interactions.hide()) {\n this._input?.focus();\n }\n };\n\n private _onMainInputArrowDown = async (): Promise<void> => {\n if (!this._host.open && !(await this._config.interactions.show())) {\n return;\n }\n\n if (this._host.singleSelect) {\n this._onSearchArrowDown();\n }\n };\n\n private _onSearchArrowDown = (): void => {\n this._list?.focus();\n this._onArrowDown();\n };\n\n private _onHome = (): void => {\n this._setActive(this._firstItem);\n this._scrollToActive();\n };\n\n private _onEnd = (): void => {\n this._setActive(this._lastItem);\n this._scrollToActive();\n };\n\n private _onArrowUp = (): void => {\n this._getNextItem(-1);\n this._scrollToActive();\n };\n\n private _onArrowDown = (): void => {\n this._getNextItem(1);\n this._scrollToActive();\n };\n\n //#endregion\n\n //#region Internal helper methods\n\n /\n The single write path for the active index. The host mirrors this through\n * its own `_activeIndex` accessor, so it has to be told which property\n * changed and what it changed from.\n */\n private _setActive(index: number): void {\n const previous = this.active;\n this.active = index;\n this._host.requestUpdate('_activeIndex', previous);\n }\n\n private _scrollToActive(behavior?: ScrollBehavior): void {\n this._list?.scrollToIndex(this.active, {\n block: 'center',\n behavior: behavior ?? 'auto',\n });\n\n this._list?.requestUpdate();\n }\n\n private _getNearestItem(start: number, delta: -1 \| 1): number {\n const items = this._state.dataState;\n const length = items.length;\n\n for (let i = start + delta; i >= 0 && i < length; i += delta) {\n if (!items[i].header) {\n return i;\n }\n }\n\n return -1;\n }\n\n private _getNextItem(delta: -1 \| 1): void {\n const next = this._getNearestItem(this.active, delta);\n\n if (next === -1 && this.active === this._firstItem) {\n this._searchInput?.checkVisibility() // Non single-select or disable-filtering combo configuration\n ? this._searchInput?.focus() // Delegate to search input handlers\n : this._onEscape(); // Close dropdown and move focus back to main input\n return;\n }\n\n if (next !== -1) {\n this._setActive(next);\n }\n }\n\n //#endregion\n}\n"]}

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

@@ -1,6 +1,22 @@
 import type { DataState } from '../controllers/data.js';
 import type { ComboRecord, FilteringOptions } from '../types.js';
+/**
+ * Filters combo records against the current search term.
+ *
+ * @remarks
+ * Normalizing a record's searchable text (lower-casing and stripping
+ * diacritics) dominates the cost of a filter pass, and every keystroke filters
+ * the same records again. The normalized text is therefore memoized per record
+ * and only recomputed when the normalization inputs change - records themselves
+ * are replaced when the data source changes, so the weak cache drops stale
+ * entries on its own.
+ */
 export default class FilterDataOperation<T extends object> {
-    protected normalize<T extends object>(string: string, { caseSensitive, matchDiacritics }: FilteringOptions<T>): string;
+    private _cache;
+    private _signature?;
+    protected normalize(value: string, { caseSensitive, matchDiacritics }: FilteringOptions<T>): string;
+    /** Drops the memoized text whenever the normalization inputs change. */
+    private _syncCache;
+    private _textOf;
     apply(data: ComboRecord<T>[], controller: DataState<T>): ComboRecord<T>[];
 }

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

@@ -1,18 +1,38 @@
 export default class FilterDataOperation {
-    normalize(string, { caseSensitive, matchDiacritics }) {
-        const str = caseSensitive ? string : string.toLocaleLowerCase();
-        return matchDiacritics ? str : str.normalize('NFKD').replace(/\p{M}/gu, '');
+    constructor() {
+        this._cache = new WeakMap();
+    }
+    normalize(value, { caseSensitive, matchDiacritics }) {
+        const text = caseSensitive ? value : value.toLocaleLowerCase();
+        return matchDiacritics
+            ? text
+            : text.normalize('NFKD').replace(/\p{M}/gu, '');
+    }
+    _syncCache({ filterKey, caseSensitive, matchDiacritics, }) {
+        const signature = `${String(filterKey)}|${caseSensitive}|${matchDiacritics}`;
+        if (this._signature !== signature) {
+            this._signature = signature;
+            this._cache = new WeakMap();
+        }
+    }
+    _textOf(record, options) {
+        let text = this._cache.get(record);
+        if (text === undefined) {
+            const { filterKey } = options;
+            const value = record.value;
+            text = this.normalize(`${filterKey ? value[filterKey] : value}`, options);
+            this._cache.set(record, text);
+        }
+        return text;
     }
     apply(data, controller) {
         const { searchTerm, filteringOptions } = controller;
-        const { filterKey: key } = filteringOptions;
-        if (!searchTerm)
+        this._syncCache(filteringOptions);
+        if (!searchTerm) {
             return data;
+        }
         const term = this.normalize(searchTerm, filteringOptions);
-        return data.filter(({ value }) => {
-            const string = key ? `${value[key]}` : `${value}`;
-            return this.normalize(string, filteringOptions).includes(term);
-        });
+        return data.filter((record) => this._textOf(record, filteringOptions).includes(term));
     }
 }
 //# sourceMappingURL=filter.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../src/components/combo/operations/filter.ts"],"names":[],"mappings":"~~AAGA~~,MAAM,CAAC,OAAO,OAAO,mBAAmB;~~IAC5B~~,SAAS,CACjB,~~MAAc~~,~~EACd~~,EAAE,aAAa,EAAE,eAAe,EAAuB;QAEvD,MAAM,~~GAAG~~,GAAG,aAAa,CAAC,CAAC,CAAC,~~MAAM~~,CAAC,CAAC,CAAC,~~MAAM~~,CAAC,iBAAiB,EAAE,CAAC;~~QAChE~~,OAAO,eAAe,CAAC,CAAC,~~CAAC~~,~~GAAG,~~CAAC,CAAC,~~CAAC~~,~~GAAG,~~CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;~~IAC9E~~,CAAC;~~IAEM~~,~~KAAK~~,~~CACV~~,~~IAAsB~~,~~EACtB~~,~~UAAwB~~;~~QAExB~~,MAAM,EAAE,UAAU,~~EAAE~~,~~gBAAgB~~,EAAE,~~GAAG~~,UAAU,CAAC;~~QACpD~~,MAAM,~~EAAE~~,~~SAAS~~,~~EAAE~~,GAAG,~~EAAE~~,GAAG,~~gBAAgB~~,CAAC;~~QAE5C~~,IAAI,CAAC~~,UAAU~~;~~YAAE~~,OAAO,~~IAAI,~~CAAC;~~QAC7B~~,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,~~UAAU~~,EAAE,~~gBAAgB~~,CAAC,CAAC;~~QAE1D~~,~~OAAO,~~IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,~~EAAE~~,~~EAAE~~,~~EAAE~~;~~YAC/B~~,MAAM,~~MAAM~~,~~GAAG~~,GAAG,CAAC,CAAC,CAAC,~~GAAG~~,~~KAAK~~,CAAC,~~GAAG~~,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,~~KAAK~~,EAAE,CAAC;~~YAClD~~,OAAO,IAAI,CAAC,~~SAAS~~,CAAC,MAAM,EAAE,~~gBAAgB~~,~~CAAC~~,CAAC,~~QAAQ~~,CAAC,~~IAAI~~,CAAC,CAAC~~;QACjE~~,CAAC,CAAC,CAAC;~~IACL~~,CAAC;CACF","sourcesContent":["import type { DataState } from '../controllers/data.js';\nimport type { ComboRecord, FilteringOptions } from '../types.js';\n\nexport default class FilterDataOperation<T extends object> {\n ~~protected~~ ~~normalize~~<T ~~extends object~~>(\n ~~string~~: string,\n { caseSensitive, matchDiacritics }: FilteringOptions<T>\n ) {\n const ~~str~~ = caseSensitive ? ~~string~~ : ~~string~~.toLocaleLowerCase();\n return matchDiacritics ? ~~str~~ : ~~str~~.normalize('NFKD').replace(/\\p{M}/gu, '');\n }\n\n public apply(\n data: ComboRecord<T>[],\n controller: DataState<T>\n ): ComboRecord<T>[] {\n const { searchTerm, filteringOptions } = controller;\n ~~const { filterKey: key } =~~ filteringOptions;\n\n if (!searchTerm) return data;\n const term = this.normalize(searchTerm, filteringOptions);\n\n return data.filter((~~{ value }~~) ~~=> {\~~n ~~const string = key ? `${value[key]}` : `${value}`;\n return~~ this.~~normalize~~(~~string~~, filteringOptions).includes(term);\n });\n }\n}\n"]}
1	+ {"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../src/components/combo/operations/filter.ts"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,OAAO,mBAAmB;IAAxC;QACU,WAAM,GAAG,IAAI,OAAO,EAA0B,CAAC;IA8DzD,CAAC;IA3DW,SAAS,CACjB,KAAa,EACb,EAAE,aAAa,EAAE,eAAe,EAAuB;QAEvD,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC/D,OAAO,eAAe;YACpB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC;IAGO,UAAU,CAAC,EACjB,SAAS,EACT,aAAa,EACb,eAAe,GACK;QACpB,MAAM,SAAS,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,aAAa,IAAI,eAAe,EAAE,CAAC;QAE7E,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YAClC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,OAAO,EAA0B,CAAC;QACtD,CAAC;IACH,CAAC;IAEO,OAAO,CACb,MAAsB,EACtB,OAA4B;QAE5B,IAAI,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAEnC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;YAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAE3B,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;YAC1E,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAChC,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,KAAK,CACV,IAAsB,EACtB,UAAwB;QAExB,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC;QAEpD,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAElC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC;QAE1D,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAC5B,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CACtD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { DataState } from '../controllers/data.js';\nimport type { ComboRecord, FilteringOptions } from '../types.js';\n\n/*\n Filters combo records against the current search term.\n \n @remarks\n * Normalizing a record's searchable text (lower-casing and stripping\n * diacritics) dominates the cost of a filter pass, and every keystroke filters\n * the same records again. The normalized text is therefore memoized per record\n * and only recomputed when the normalization inputs change - records themselves\n * are replaced when the data source changes, so the weak cache drops stale\n * entries on its own.\n /\nexport default class FilterDataOperation<T extends object> {\n private _cache = new WeakMap<ComboRecord<T>, string>();\n private _signature?: string;\n\n protected normalize(\n value: string,\n { caseSensitive, matchDiacritics }: FilteringOptions<T>\n ): string {\n const text = caseSensitive ? value : value.toLocaleLowerCase();\n return matchDiacritics\n ? text\n : text.normalize('NFKD').replace(/\\p{M}/gu, '');\n }\n\n /* Drops the memoized text whenever the normalization inputs change. */\n private _syncCache({\n filterKey,\n caseSensitive,\n matchDiacritics,\n }: FilteringOptions<T>): void {\n const signature = `${String(filterKey)}\|${caseSensitive}\|${matchDiacritics}`;\n\n if (this._signature !== signature) {\n this._signature = signature;\n this._cache = new WeakMap<ComboRecord<T>, string>();\n }\n }\n\n private _textOf(\n record: ComboRecord<T>,\n options: FilteringOptions<T>\n ): string {\n let text = this._cache.get(record);\n\n if (text === undefined) {\n const { filterKey } = options;\n const value = record.value;\n\n text = this.normalize(`${filterKey ? value[filterKey] : value}`, options);\n this._cache.set(record, text);\n }\n\n return text;\n }\n\n public apply(\n data: ComboRecord<T>[],\n controller: DataState<T>\n ): ComboRecord<T>[] {\n const { searchTerm, filteringOptions } = controller;\n\n this._syncCache(filteringOptions);\n\n if (!searchTerm) {\n return data;\n }\n\n const term = this.normalize(searchTerm, filteringOptions);\n\n return data.filter((record) =>\n this._textOf(record, filteringOptions).includes(term)\n );\n }\n}\n"]}

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

@@ -20,7 +20,7 @@ export default class GroupDataOperation {
                         [groupKey]: key,
                     },
                     header: true,
-                    dataIndex: -1,
+                    position: -1,
                 },
                 ...(grouped.get(key) ?? []),
             ];

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,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,kBAAkB;IAC9B,KAAK,CACV,IAAsB,EACtB,UAAwB;QAExB,MAAM,EACJ,eAAe,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAC/D,GAAG,UAAU,CAAC;QAEf,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CACzB,IAAI,EACJ,CAAC,IAAI,EAAE,EAAE,CAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAY,IAAI,OAAO,CACtD,CAAC;QAEF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QAExC,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC1E,CAAC;QAED,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC1B,OAAO;gBACL;oBACE,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~~;gBACD,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;aAC5B,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { DataState } from '../controllers/data.js';\nimport type { ComboRecord, Keys } from '../types.js';\n\nconst OrderBy = Object.freeze({ asc: 1, desc: -1 });\n\nexport default class GroupDataOperation<T extends object> {\n public apply(\n data: ComboRecord<T>[],\n controller: DataState<T>\n ): ComboRecord<T>[] {\n const {\n groupingOptions: { groupKey, valueKey, displayKey, direction },\n } = controller;\n\n if (!groupKey) {\n return data;\n }\n\n const grouped = Map.groupBy(\n data,\n (item) => (item.value[groupKey] as string) ?? 'Other'\n );\n\n const keys = Array.from(grouped.keys());\n\n if (direction !== 'none') {\n const orderBy = OrderBy[direction];\n keys.sort((a, b) => orderBy * controller.compareCollator.compare(a, b));\n }\n\n return keys.flatMap((key) => {\n return [\n {\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 ...(grouped.get(key) ?? []),\n ];\n });\n }\n}\n"]}
1	+ {"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/components/combo/operations/group.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,kBAAkB;IAC9B,KAAK,CACV,IAAsB,EACtB,UAAwB;QAExB,MAAM,EACJ,eAAe,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAC/D,GAAG,UAAU,CAAC;QAEf,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CACzB,IAAI,EACJ,CAAC,IAAI,EAAE,EAAE,CAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAY,IAAI,OAAO,CACtD,CAAC;QAEF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QAExC,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC1E,CAAC;QAED,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC1B,OAAO;gBACL;oBACE,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,QAAQ,EAAE,CAAC,CAAC;iBACb;gBACD,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;aAC5B,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { DataState } from '../controllers/data.js';\nimport type { ComboRecord, Keys } from '../types.js';\n\nconst OrderBy = Object.freeze({ asc: 1, desc: -1 });\n\nexport default class GroupDataOperation<T extends object> {\n public apply(\n data: ComboRecord<T>[],\n controller: DataState<T>\n ): ComboRecord<T>[] {\n const {\n groupingOptions: { groupKey, valueKey, displayKey, direction },\n } = controller;\n\n if (!groupKey) {\n return data;\n }\n\n const grouped = Map.groupBy(\n data,\n (item) => (item.value[groupKey] as string) ?? 'Other'\n );\n\n const keys = Array.from(grouped.keys());\n\n if (direction !== 'none') {\n const orderBy = OrderBy[direction];\n keys.sort((a, b) => orderBy * controller.compareCollator.compare(a, b));\n }\n\n return keys.flatMap((key) => {\n return [\n {\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 position: -1,\n },\n ...(grouped.get(key) ?? []),\n ];\n });\n }\n}\n"]}

package/components/combo/themes/combo.base.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--item-count: 6;display:block;font-family:var(--ig-font-family)}:host igc-input{cursor:pointer}:host igc-icon,:host ::slotted(igc-icon),:host igc-input:not([part=search-input]){--component-size: var(--combo-size) !important}:host igc-input::part(input){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=list-wrapper]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);width:100%;box-shadow:var(--elevation);overflow:hidden;outline-style:none}[part=list-wrapper] igc-input{--ig-size: var(--ig-size-small);--ig-theme: material}[part=list-wrapper] [part~=case-icon]{color:var(--ig-gray-600)}[part=list-wrapper] [part="case-icon active"]{color:var(--ig-primary-500)}[part=filter-input]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));z-index:26}[part=filter-input] igc-input::part(input){cursor:text}[part=list]{min-height:calc(var(--size)*var(--item-count)) !important;outline-style:none}[part=empty]{display:flex;justify-content:center;align-items:center;width:100%;padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:.8125rem}[part~=group-header],[part~=item]{inset-inline-start:0}:host(:disabled),:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--item-count: 6;display:block;font-family:var(--ig-font-family)}:host igc-input{cursor:pointer}:host igc-icon,:host ::slotted(igc-icon),:host igc-input:not([part=search-input]){--component-size: var(--combo-size) !important}:host igc-input::part(input){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=list-wrapper]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.25rem),0.25rem);width:100%;box-shadow:var(--elevation);overflow:hidden;outline-style:none}[part=list-wrapper] igc-input{--ig-size: var(--ig-size-small);--ig-theme: material}[part=list-wrapper] [part~=case-icon]{color:var(--ig-gray-600)}[part=list-wrapper] [part="case-icon active"]{color:var(--ig-primary-500)}[part=filter-input]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));z-index:26}[part=filter-input] igc-input::part(input){cursor:text}[part=list]{height:calc(var(--size)*var(--item-count));outline-style:none}[part=empty]{display:flex;justify-content:center;align-items:center;width:100%;padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:.8125rem}[part~=group-header],[part~=item]{inset-inline-start:0}:host(:disabled),:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;
 //# sourceMappingURL=combo.base.css.js.map

package/components/combo/themes/combo.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combo.base.css.js","sourceRoot":"","sources":["../../../../src/components/combo/themes/combo.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~ooJAAooJ~~,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--item-count: 6;display:block;font-family:var(--ig-font-family)}:host igc-input{cursor:pointer}:host igc-icon,:host ::slotted(igc-icon),:host igc-input:not([part=search-input]){--component-size: var(--combo-size) !important}:host igc-input::part(input){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=list-wrapper]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) 0.25rem),0.25rem);width:100%;box-shadow:var(--elevation);overflow:hidden;outline-style:none}[part=list-wrapper] igc-input{--ig-size: var(--ig-size-small);--ig-theme: material}[part=list-wrapper] [part~=case-icon]{color:var(--ig-gray-600)}[part=list-wrapper] [part=\"case-icon active\"]{color:var(--ig-primary-500)}[part=filter-input]{padding-inline:max(var(--is-large, 1)max(1rem, -1 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));z-index:26}[part=filter-input] igc-input::part(input){cursor:text}[part=list]{~~min-~~height:calc(var(--size)var(--item-count)) ~~!important~~;outline-style:none}[part=empty]{display:flex;justify-content:center;align-items:center;width:100%;padding:max(var(--is-large, 1)max(1rem, -1 1rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(1rem, -1 * 1rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(1rem, -1 * 1rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)max(1.5rem, -1 * 1.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(1.5rem, -1 * 1.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:.8125rem}[part~=group-header],[part~=item]{inset-inline-start:0}:host(:disabled),:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;\n "]}
1	+ {"version":3,"file":"combo.base.css.js","sourceRoot":"","sources":["../../../../src/components/combo/themes/combo.base.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qnJAAqnJ,CAAC","sourcesContent":["\n import { css } from 'lit';\n export const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host ,:host ::before,:host ::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--item-count: 6;display:block;font-family:var(--ig-font-family)}:host igc-input{cursor:pointer}:host igc-icon,:host ::slotted(igc-icon),:host igc-input:not([part=search-input]){--component-size: var(--combo-size) !important}:host igc-input::part(input){white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=list-wrapper]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) 0.25rem),0.25rem);width:100%;box-shadow:var(--elevation);overflow:hidden;outline-style:none}[part=list-wrapper] igc-input{--ig-size: var(--ig-size-small);--ig-theme: material}[part=list-wrapper] [part~=case-icon]{color:var(--ig-gray-600)}[part=list-wrapper] [part=\"case-icon active\"]{color:var(--ig-primary-500)}[part=filter-input]{padding-inline:max(var(--is-large, 1)max(1rem, -1 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));z-index:26}[part=filter-input] igc-input::part(input){cursor:text}[part=list]{height:calc(var(--size)var(--item-count));outline-style:none}[part=empty]{display:flex;justify-content:center;align-items:center;width:100%;padding:max(var(--is-large, 1)max(1rem, -1 1rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(1rem, -1 * 1rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(1rem, -1 * 1rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) max(var(--is-large, 1)max(1.5rem, -1 * 1.5rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(1.5rem, -1 * 1.5rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(1.5rem, -1 * 1.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:.8125rem}[part~=group-header],[part~=item]{inset-inline-start:0}:host(:disabled),:host([disabled]){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;\n "]}

package/components/combo/themes/themes.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import type { Themes } from '../../../theming/types.js';
+import type { Themes } from '#theming/types.js';
 export declare const all: Themes;

package/components/combo/themes/themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/combo/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '~~../../../~~theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/combo.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/combo.fluent.css.js';\nimport { styles as indigoDark } from './dark/combo.indigo.css.js';\nimport { styles as materialDark } from './dark/combo.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/combo.bootstrap.css.js';\nimport { styles as fluentLight } from './light/combo.fluent.css.js';\nimport { styles as indigoLight } from './light/combo.indigo.css.js';\nimport { styles as materialLight } from './light/combo.material.css.js';\nimport { styles as shared } from './light/combo.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/combo.bootstrap.css.js';\nimport { styles as fluent } from './shared/combo.fluent.css.js';\nimport { styles as indigo } from './shared/combo.indigo.css.js';\nimport { styles as material } from './shared/combo.material.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
1	+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/combo/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '#theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/combo.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/combo.fluent.css.js';\nimport { styles as indigoDark } from './dark/combo.indigo.css.js';\nimport { styles as materialDark } from './dark/combo.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/combo.bootstrap.css.js';\nimport { styles as fluentLight } from './light/combo.fluent.css.js';\nimport { styles as indigoLight } from './light/combo.indigo.css.js';\nimport { styles as materialLight } from './light/combo.material.css.js';\nimport { styles as shared } from './light/combo.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/combo.bootstrap.css.js';\nimport { styles as fluent } from './shared/combo.fluent.css.js';\nimport { styles as indigo } from './shared/combo.indigo.css.js';\nimport { styles as material } from './shared/combo.material.css.js';\n\nconst light = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${material} ${materialLight}\n `,\n fluent: css`\n ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n shared: css`\n ${shared}\n `,\n bootstrap: css`\n ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${material} ${materialDark}\n `,\n fluent: css`\n ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/combo/types.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { RenderItemFunction } from '@lit-labs/virtualizer/virtualize.js';
 import type { ReactiveControllerHost, TemplateResult } from 'lit';
+import type { VirtualScrollItemTemplate } from '../virtualization/virtualization.js';
 import type IgcComboComponent from './combo.js';
 export type Keys<T> = keyof T;
 export type Values<T> = T[keyof T];
@@ -7,12 +7,16 @@ export type Item<T extends object> = T | Values<T>;
 export type ComboRecord<T extends object> = {
     value: T;
     header: boolean;
-    dataIndex: number;
+    /**
+     * 1-based position among the currently visible options, excluding group
+     * headers. `-1` for header records. Reassigned on every pipeline run.
+     */
+    position: number;
 };
 export type ComboHost<T extends object> = ReactiveControllerHost & IgcComboComponent<T>;
 export type GroupingDirection = 'asc' | 'desc' | 'none';
 export type ComboChangeType = 'selection' | 'deselection' | 'addition';
-export type ComboRenderFunction<T extends object> = RenderItemFunction<ComboRecord<T>>;
+export type ComboRenderFunction<T extends object> = VirtualScrollItemTemplate<ComboRecord<T>>;
 export type ComboValue<T> = T | Values<T>;
 /** Filtering options for the combo component. */
 export interface FilteringOptions<T extends object> {
@@ -20,7 +24,7 @@ export interface FilteringOptions<T extends object> {
     filterKey: Keys<T> | undefined;
     /** Determines whether the filtering operation should be case sensitive. */
     caseSensitive?: boolean;
-    /** If true, the filter distinguishes between accented letters and their base letters */
+    /** When true, the filter distinguishes between accented letters and their base letters. */
     matchDiacritics?: boolean;
 }
 export interface GroupingOptions<T extends object> {

package/components/combo/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/combo/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ~~RenderItemFunction~~ } from '@lit~~-labs/virtualizer/virtualize.js~~';\nimport type { ~~ReactiveControllerHost,~~ ~~TemplateResult~~ } from '~~lit~~';\n\nimport type IgcComboComponent from './combo.js';\n\nexport type Keys<T> = keyof T;\nexport type Values<T> = T[keyof T];\nexport type Item<T extends object> = T \| Values<T>;\n\nexport type ComboRecord<T extends object> = {\n value: T;\n header: boolean;\n ~~dataIndex~~: number;\n};\n\nexport type ComboHost<T extends object> = ReactiveControllerHost &\n IgcComboComponent<T>;\n\nexport type GroupingDirection = 'asc' \| 'desc' \| 'none';\nexport type ComboChangeType = 'selection' \| 'deselection' \| 'addition';\nexport type ComboRenderFunction<T extends object> = ~~RenderItemFunction~~<\n ComboRecord<T>\n>;\nexport type ComboValue<T> = T \| Values<T>;\n\n/* jsonAPIPlainObject /\n/* Filtering options for the combo component. /\nexport interface FilteringOptions<T extends object> {\n /* The key in the data source used when filtering the list of options. /\n filterKey: Keys<T> \| undefined;\n /* Determines whether the filtering operation should be case sensitive. /\n caseSensitive?: boolean;\n /* If true, the filter distinguishes between accented letters and their base letters /\n matchDiacritics?: boolean;\n}\n\nexport interface GroupingOptions<T extends object> {\n groupKey?: Keys<T>;\n valueKey?: Keys<T>;\n displayKey?: Keys<T>;\n direction: GroupingDirection;\n}\n\n/ marshalByValue /\nexport interface IgcComboChangeEventArgs<T extends object = any> {\n newValue: ComboValue<T>[];\n / primitiveValue /\n items: T[];\n / blazorAlternateName: changeType /\n type: ComboChangeType;\n}\n\nexport interface IgcComboComponentEventMap {\n igcChange: CustomEvent<IgcComboChangeEventArgs>;\n // For analyzer meta only:\n / skipWCPrefix /\n focus: FocusEvent;\n / skipWCPrefix */\n blur: FocusEvent;\n igcOpening: CustomEvent<void>;\n igcOpened: CustomEvent<void>;\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\nexport type ComboItemTemplate<T extends object> = (\n props: ComboTemplateProps<T>\n) => TemplateResult;\nexport interface ComboTemplateProps<T extends object> {\n item: T;\n}\n"]}
1	+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/combo/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactiveControllerHost, TemplateResult } from 'lit';\nimport type { VirtualScrollItemTemplate } from '../virtualization/virtualization.js';\nimport type IgcComboComponent from './combo.js';\n\nexport type Keys<T> = keyof T;\nexport type Values<T> = T[keyof T];\nexport type Item<T extends object> = T \| Values<T>;\n\nexport type ComboRecord<T extends object> = {\n value: T;\n header: boolean;\n /*\n 1-based position among the currently visible options, excluding group\n * headers. `-1` for header records. Reassigned on every pipeline run.\n /\n position: number;\n};\n\nexport type ComboHost<T extends object> = ReactiveControllerHost &\n IgcComboComponent<T>;\n\nexport type GroupingDirection = 'asc' \| 'desc' \| 'none';\nexport type ComboChangeType = 'selection' \| 'deselection' \| 'addition';\nexport type ComboRenderFunction<T extends object> = VirtualScrollItemTemplate<\n ComboRecord<T>\n>;\nexport type ComboValue<T> = T \| Values<T>;\n\n/ jsonAPIPlainObject /\n/* Filtering options for the combo component. /\nexport interface FilteringOptions<T extends object> {\n /* The key in the data source used when filtering the list of options. /\n filterKey: Keys<T> \| undefined;\n /* Determines whether the filtering operation should be case sensitive. /\n caseSensitive?: boolean;\n /* When true, the filter distinguishes between accented letters and their base letters. /\n matchDiacritics?: boolean;\n}\n\nexport interface GroupingOptions<T extends object> {\n groupKey?: Keys<T>;\n valueKey?: Keys<T>;\n displayKey?: Keys<T>;\n direction: GroupingDirection;\n}\n\n/ marshalByValue /\nexport interface IgcComboChangeEventArgs<T extends object = any> {\n newValue: ComboValue<T>[];\n / primitiveValue /\n items: T[];\n / blazorAlternateName: changeType /\n type: ComboChangeType;\n}\n\nexport interface IgcComboComponentEventMap {\n igcChange: CustomEvent<IgcComboChangeEventArgs>;\n // For analyzer meta only:\n / skipWCPrefix /\n focus: FocusEvent;\n / skipWCPrefix */\n blur: FocusEvent;\n igcOpening: CustomEvent<void>;\n igcOpened: CustomEvent<void>;\n igcClosing: CustomEvent<void>;\n igcClosed: CustomEvent<void>;\n}\n\nexport type ComboItemTemplate<T extends object> = (\n props: ComboTemplateProps<T>\n) => TemplateResult;\nexport interface ComboTemplateProps<T extends object> {\n item: T;\n}\n"]}

package/components/combo/validators.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { Validator } from '../common/validators.js';
+import type { Validator } from '#internals/validators.js';
 import type IgcComboComponent from './combo.js';
 export declare const comboValidators: Validator<IgcComboComponent>[];

package/components/combo/validators.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/combo/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AAIjE,MAAM,CAAC,MAAM,eAAe,GAAmC;IAC7D;QACE,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,2BAA2B,CAAC,yBAA0B;QAC/D,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAC/B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI;KAC7D;CACF,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport type { Validator } from '~~../common~~/validators.js';\nimport type IgcComboComponent from './combo.js';\n\nexport const comboValidators: Validator<IgcComboComponent>[] = [\n {\n key: 'valueMissing',\n message: ValidationResourceStringsEN.required_validation_error!,\n isValid: ({ required, value }) =>\n required ? Array.isArray(value) && value.length > 0 : true,\n },\n];\n"]}
1	+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/combo/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AAIjE,MAAM,CAAC,MAAM,eAAe,GAAmC;IAC7D;QACE,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,2BAA2B,CAAC,yBAA0B;QAC/D,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAC/B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI;KAC7D;CACF,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport type { Validator } from '#internals/validators.js';\nimport type IgcComboComponent from './combo.js';\n\nexport const comboValidators: Validator<IgcComboComponent>[] = [\n {\n key: 'valueMissing',\n message: ValidationResourceStringsEN.required_validation_error!,\n isValid: ({ required, value }) =>\n required ? Array.isArray(value) && value.length > 0 : true,\n },\n];\n"]}

package/components/date-picker/date-picker.base.d.ts ADDED Viewed

@@ -0,0 +1,294 @@
+import { nothing, type PropertyValues, type TemplateResult } from 'lit';
+import { IgcComboBoxBaseLikeComponent } from '#internals/mixins/combo-box.js';
+import type { AbstractConstructor } from '#internals/mixins/constructor.js';
+import type { ThemingController } from '#theming/theming-controller.js';
+import IgcCalendarComponent from '../calendar/calendar.js';
+import type { CalendarHeaderOrientation, CalendarSelection, DateRangeDescriptor, WeekDays } from '../calendar/types.js';
+import IgcDialogComponent from '../dialog/dialog.js';
+import IgcFocusTrapComponent from '../focus-trap/focus-trap.js';
+import IgcIconComponent from '../icon/icon.js';
+import IgcPopoverComponent from '../popover/popover.js';
+import type { ContentOrientation, DateRangeValue, PickerMode } from '../types.js';
+import IgcValidationContainerComponent from '../validation-container/validation-container.js';
+/**
+ * The events emitted by a picker driven by a calendar.
+ * `T` is the value type of the picker - a single date or a date range.
+ */
+export interface IgcPickerBaseEventMap<T> {
+    igcOpening: CustomEvent<void>;
+    igcOpened: CustomEvent<void>;
+    igcClosing: CustomEvent<void>;
+    igcClosed: CustomEvent<void>;
+    igcChange: CustomEvent<T | null>;
+    igcInput: CustomEvent<T | null>;
+}
+/** The parts of the calendar which the pickers re-export to their own consumers. */
+export declare const calendarExportParts: "header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n  years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n  days-view, months-view, years-view, days-row, months-row, years-row, label: calendar-label,\n  label-inner: calendar-label-inner, week-number, week-number-inner, date,\n  date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n  month, month-inner, year, year-inner, selected, current";
+/** The components rendered by the picker chrome of every picker. */
+export declare const pickerDependencies: (typeof IgcIconComponent | typeof IgcPopoverComponent | typeof IgcValidationContainerComponent | typeof IgcCalendarComponent | typeof IgcDialogComponent | typeof IgcFocusTrapComponent)[];
+/**
+ * The subset of the slot controller which the base picker queries.
+ * Kept structural so that each picker can declare its own set of slot names.
+ */
+type PickerSlots = {
+    hasAssignedElements(slot: string): boolean;
+};
+declare const IgcDatePickerBaseComponent_base: import("#internals/mixins/constructor.js").Constructor<import("../../internals/mixins/forms/types.js").FormRequiredInterface & import("../../internals/mixins/forms/types.js").FormAssociatedElementInterface> & import("#internals/mixins/constructor.js").Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcPickerBaseEventMap<Date | DateRangeValue>>> & AbstractConstructor<IgcComboBoxBaseLikeComponent>;
+/**
+ * Common behavior for the pickers which drive an `igc-calendar` from an editor -
+ * {@link IgcDatePickerComponent} and {@link IgcDateRangePickerComponent}.
+ *
+ * It owns the calendar and editor facing properties, the open/close plumbing and the
+ * picker chrome - calendar, popover/dialog, icons and actions. The value itself, its
+ * form state and the editors are left to the concrete pickers.
+ */
+export declare abstract class IgcDatePickerBaseComponent<T extends Date | DateRangeValue> extends IgcDatePickerBaseComponent_base {
+    protected _oldValue: T | null;
+    protected _activeDate: Date | null;
+    protected _min: Date | null;
+    protected _max: Date | null;
+    protected _disabledDates: DateRangeDescriptor[];
+    protected _dateConstraints: DateRangeDescriptor[];
+    protected _displayFormat?: string;
+    protected _inputFormat?: string;
+    protected _visibleMonths: number;
+    protected readonly _rootClickController: import("#internals/controllers/root-click.js").RootClickController;
+    protected readonly _calendar: IgcCalendarComponent;
+    protected readonly _helperText: IgcValidationContainerComponent | null;
+    protected get _isDropDown(): boolean;
+    protected get _isMaterial(): boolean;
+    /** Dialog mode is always read-only, the rest depends on the configuration. */
+    protected get _isEditorReadOnly(): boolean;
+    /** The id of the editor the picker is anchored to. */
+    protected abstract readonly _inputId: string;
+    /** The slots of the concrete picker. */
+    protected abstract readonly _slots: PickerSlots;
+    /** The theming controller of the concrete picker. */
+    protected abstract readonly _themes: ThemingController;
+    /**
+     * The localization controller of the concrete picker.
+     * Only the locale is shared - the resource strings differ per picker.
+     */
+    protected abstract readonly _i18nController: {
+        locale: string;
+    };
+    /**
+     * The current value of the picker.
+     *
+     * The public `value` is declared by the concrete pickers, since its type,
+     * converter and form state differ between them.
+     */
+    protected abstract get _value(): T | null;
+    protected abstract set _value(value: T | null);
+    /** Clears any user input left in the editor(s) of the picker. */
+    protected abstract _clearEditors(): void;
+    /** Whether the picker holds a value. */
+    protected abstract get _hasValue(): boolean;
+    /** The selection mode of the underlying calendar. */
+    protected abstract get _calendarSelection(): CalendarSelection;
+    /** The localized label of the calendar picker. */
+    protected abstract get _selectDateLabel(): string | undefined;
+    /**
+     * The editor the host's ARIA state is projected onto — its associated
+     * labels and the `aria-haspopup="dialog"` semantics of the picker, both of
+     * which must land on the native input assistive technology reports.
+     */
+    protected abstract get _projectionTarget(): Element | null;
+    /** Moves focus to the editor of the picker. */
+    protected abstract _focusInput(): void;
+    /** Restores focus to the editor after a value has been selected in the calendar. */
+    protected abstract _focusAndSelectInput(): void;
+    /**
+     * Resolves the value of the picker from the dates selected in the calendar, which come
+     * in ascending order.
+     */
+    protected abstract _valueFromCalendarSelection(dates: Date[]): T | null;
+    /** The value reflected in the calendar when it is in single selection mode. */
+    protected get _calendarValue(): Date | null;
+    /** The values reflected in the calendar when it is in range selection mode. */
+    protected get _calendarValues(): Date[] | null;
+    /**
+     * Seeds the active date of the calendar on the initial render, when the picker holds
+     * a value but no explicit active date. From then on the calendar owns its active date
+     * and `activeDate` reads it back, so this is consulted once.
+     */
+    protected get _defaultActiveDate(): Date | null;
+    /** The title of the calendar icon, if the picker provides one. */
+    protected get _calendarIconTitle(): string | undefined;
+    /** The accessible name of the picker in dialog mode. */
+    protected get _dialogLabel(): string | undefined;
+    /** The format the editor(s) fall back to when no display format is set. */
+    protected get _defaultDisplayFormat(): string | undefined;
+    /** The format the editor(s) fall back to when no input format is set. */
+    protected get _defaultInputFormat(): string | undefined;
+    /** Whether the current calendar selection is complete enough to close the picker. */
+    protected _canCloseOnSelect(): boolean;
+    /** Invoked when the picker is dismissed through the Escape key. */
+    protected _handleDismiss(): void;
+    /** Invoked when focus has left the picker for good. */
+    protected _onBlur(): void;
+    /** Invoked when the dialog of the picker is closing, before the picker is hidden. */
+    protected _onDialogClosing(): void;
+    /** Invoked when the picker is toggled, before the update is awaited. */
+    protected _syncCalendarOnToggle(): void;
+    /** Whether a selection made in the calendar commits the value of the picker right away. */
+    protected _commitsCalendarSelection(): boolean;
+    /**
+     * Determines whether the calendar is opened in a dropdown or a modal dialog.
+     * @attr mode
+     * @default dropdown
+     */
+    mode: PickerMode;
+    /**
+     * Makes the control a readonly field.
+     * @attr readonly
+     * @default false
+     */
+    readOnly: boolean;
+    /**
+     * Whether to allow typing in the input.
+     * @attr non-editable
+     * @default false
+     */
+    nonEditable: boolean;
+    /**
+     * Whether the control will have outlined appearance.
+     * @attr
+     * @default false
+     */
+    outlined: boolean;
+    /**
+     * The label of the picker.
+     * @attr label
+     */
+    label: string;
+    /**
+     * The prompt symbol to use for unfilled parts of the mask.
+     * @attr
+     * @default _
+     */
+    prompt: string;
+    /**
+     * Format to display the value in when not editing.
+     * Defaults to the locale format if not set.
+     * @attr display-format
+     */
+    set displayFormat(value: string);
+    get displayFormat(): string;
+    /**
+     * The date format to apply on the input.
+     * Defaults to the current locale Intl.DateTimeFormat
+     * @attr input-format
+     */
+    set inputFormat(value: string);
+    get inputFormat(): string;
+    /**
+     * Gets/Sets the locale used for formatting the display value.
+     * @attr locale
+     */
+    set locale(value: string);
+    get locale(): string;
+    /**
+     * The minimum value required for the picker to remain valid.
+     * @attr
+     */
+    set min(value: Date | string | null | undefined);
+    get min(): Date | null;
+    /**
+     * The maximum value required for the picker to remain valid.
+     * @attr
+     */
+    set max(value: Date | string | null | undefined);
+    get max(): Date | null;
+    /** Gets/sets disabled dates. */
+    set disabledDates(dates: DateRangeDescriptor[]);
+    get disabledDates(): DateRangeDescriptor[];
+    /** Gets/sets special dates. */
+    specialDates: DateRangeDescriptor[];
+    /**
+     * Gets/Sets the date which is shown in the calendar picker and is highlighted.
+     * By default it is the current date.
+     */
+    set activeDate(value: Date | string | null | undefined);
+    get activeDate(): Date;
+    /**
+     * The number of months displayed in the calendar.
+     * @attr visible-months
+     * @default 1
+     */
+    set visibleMonths(value: number);
+    get visibleMonths(): number;
+    /**
+     * The orientation of the calendar header.
+     * @attr header-orientation
+     * @default horizontal
+     */
+    headerOrientation: CalendarHeaderOrientation;
+    /**
+     * The orientation of the multiple months displayed in the calendar's days view.
+     * @attr
+     * @default horizontal
+     */
+    orientation: ContentOrientation;
+    /**
+     * Determines whether the calendar hides its header.
+     * @attr hide-header
+     * @default false
+     */
+    hideHeader: boolean;
+    /**
+     * Controls the visibility of the dates that do not belong to the current month.
+     * @attr hide-outside-days
+     * @default false
+     */
+    hideOutsideDays: boolean;
+    /**
+     * Whether to show the number of the week in the calendar.
+     * @attr show-week-numbers
+     * @default false
+     */
+    showWeekNumbers: boolean;
+    /** Sets the start day of the week for the calendar. */
+    weekStart: WeekDays;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected _setDateConstraints(): void;
+    protected _shouldCloseCalendarDropdown(): Promise<void>;
+    /**
+     * Pushes the value of the picker back onto the calendar, which a read-only picker has
+     * to do directly - the binding is left with nothing to re-commit.
+     */
+    protected _restoreCalendarSelection(): Promise<void>;
+    /** Emits `igcChange` if the value has moved away from the last committed one. */
+    protected _emitChangeIfDirty(): void;
+    /** Clears the editor(s) of the picker of any user input. */
+    clear(): void;
+    protected _onEscapeKey(): Promise<void>;
+    protected _handleAnchorClick(): Promise<void>;
+    protected _handleInputClick(event: Event): void;
+    protected _handleCalendarIconSlotPointerDown(event: PointerEvent): void;
+    protected _handleFocusOut(event: FocusEvent): void;
+    protected _handleClosing(): void;
+    protected _handleCalendarChangeEvent(event: CustomEvent<Date | Date[]>): Promise<void>;
+    protected _handleDialogClosing(event: Event): void;
+    protected _handleDialogClosed(event: Event): void;
+    protected _renderClearIcon(part?: string): TemplateResult<1> | typeof nothing;
+    protected _renderCalendarIcon(suffix?: string): TemplateResult<1>;
+    /**
+     * The content projected into an editor of the picker - its icons and prefix/suffix slots.
+     *
+     * The suffix distinguishes the editors of a picker which renders more than one,
+     * e.g. `-start` and `-end`.
+     */
+    protected _renderEditorSlots(suffix?: string): TemplateResult<1>;
+    protected _renderCalendarSlots(): TemplateResult<1> | typeof nothing;
+    protected _renderCalendar(id: string): TemplateResult<1>;
+    protected _renderActions(): TemplateResult<1>;
+    /** The content rendered inside the popover/dialog of the picker. */
+    protected _renderPickerContent(id: string): TemplateResult<1>;
+    /** Additional content rendered in the dialog of the picker. */
+    protected _renderDialogFooter(): TemplateResult | typeof nothing;
+    protected _renderPicker(id: string): TemplateResult<1>;
+    protected _renderHelperText(): TemplateResult;
+}
+export {};