npm - @cas-smartdesign/combo-box - Versions diffs - 7.5.1 → 7.5.3 - Mend

@cas-smartdesign/combo-box 7.5.1 → 7.5.3

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 (7) hide show

package/dist/combo-box-with-externals.js +6 -6
package/dist/combo-box-with-externals.js.map +2 -2
package/dist/combo-box.mjs +1 -1
package/dist/combo-box.mjs.map +1 -1
package/dist/docs/doc.mjs +7 -3
package/npm-third-party-licenses.json +5 -0
package/package.json +5 -5

package/dist/combo-box.mjs CHANGED Viewed

@@ -35,7 +35,7 @@ const n = (o = class extends _ {
       return !!(typeof e.caption == "string" && e.caption.toLowerCase().includes(i) || typeof e.description == "string" && e.description.toLowerCase().includes(i));
     }, this.minimumOverlayWidth = 250, this._itemGenerator = w, this._itemCache = [], this.debouncedFilterItemsInMemory = f(this.filterItemsInMemory.bind(this), 200), this.handleSelection = (t) => {
       const e = this._dataProvider.items[t.detail.index];
-      t.detail.selected || (this._list.selectedIndices = [t.detail.index]), this.comboBoxValue = { index: this._itemCache.indexOf(e), item: e }, this.dispatchSelectionChangeEvent(), this.opened = !1;
+      t.detail.selected || (this._list.selectedIndices = [t.detail.index]), this.comboBoxValue = { index: this._itemCache.indexOf(e), item: e }, this.dispatchSelectionChangeEvent(), this.focus(), this.opened = !1;
     }, this.handleWindowPointerDown = (t) => {
       !(t.target instanceof Node && this.contains(t.target)) && this.opened && t.composedPath().indexOf(this._list) === -1 && (this.triggerOnly && (this.value = null), this.opened = !1);
     }, this.handleKeyDown = (t) => {

package/dist/combo-box.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combo-box.mjs","sources":["../toggle.svg?raw","../clear.svg?raw","../combo-box.ts"],"sourcesContent":["export default \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"toggle-button\\\" slot=\\\"suffix\\\" viewBox=\\\"0 0 16 16\\\">\\r\\n <path d=\\\"M13 4v2l-5 5-5-5v-2l5 5z\\\"/>\\r\\n</svg>\\r\\n\"","export default \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"clear-button\\\" slot=\\\"suffix\\\" viewBox=\\\"0 0 16 16\\\">\\r\\n <path d=\\\"M12.96 4.46l-1.42-1.42-3.54 3.55-3.54-3.55-1.42 1.42 3.55 3.54-3.55 3.54 1.42 1.42 3.54-3.55 3.54 3.55 1.42-1.42-3.55-3.54 3.55-3.54z\\\"/>\\r\\n</svg>\\r\\n\"","/* eslint-disable @typescript-eslint/no-explicit-any /\nimport { unsafeCSS, PropertyValues, css, TemplateResult, html } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { createPopper, Instance as Popper } from \"@popperjs/core\";\nimport SDInput, { CustomEventMap as InputCustomEventMap } from \"@cas-smartdesign/lit-input\";\nimport VirtualList, { SelectionType, ItemGenerator, ListDataProvider } from \"@cas-smartdesign/virtual-list\";\nimport { ItemData, generator } from \"@cas-smartdesign/list-item\";\n\nconst TAG_NAME = \"sd-combo-box\";\n\nfunction debounce<T>(func: (...args: T[]) => unknown, delay: number): typeof func {\n let timeout: number;\n return function (...args: T[]) {\n if (timeout != null) {\n clearTimeout(timeout);\n }\n timeout = window.setTimeout(() => func(...args), delay);\n };\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [TAG_NAME]: ComboBox;\n }\n}\n\nimport style from \"./style.scss?inline\";\nimport toggleSvg from \"./toggle.svg?raw\";\nimport clearSvg from \"./clear.svg?raw\";\nimport ImageTools from \"@cas-smartdesign/image-tools\";\n\nexport type ComboBoxValue = {\n index: number;\n item: ItemData \| any;\n};\nexport type InMemoryFilter = (filterText: string, item: any) => boolean;\nexport type DataResponse = {\n items: any[];\n finalSizeIsKnown: boolean;\n};\n\nlet idCounter = 0;\n\nexport interface ISelectionEvent {\n selection: ComboBoxValue \| string;\n isCustomValue: boolean;\n}\nexport interface IFilterChangeEvent {\n value: string;\n}\n\nexport interface CustomEventMap extends InputCustomEventMap {\n \"selection-change\": CustomEvent<ISelectionEvent>;\n \"filter-change\": CustomEvent<IFilterChangeEvent>;\n}\n\nexport default interface ComboBox {\n addEventListener<K extends keyof CustomEventMap>(\n event: K,\n listener: ((this: this, ev: CustomEventMap[K]) => unknown) \| null,\n options?: AddEventListenerOptions \| boolean,\n ): void;\n addEventListener(\n type: string,\n callback: EventListenerOrEventListenerObject \| null,\n options?: AddEventListenerOptions \| boolean,\n ): void;\n removeEventListener<K extends keyof CustomEventMap>(\n type: K,\n listener: (this: this, ev: CustomEventMap[K]) => unknown,\n options?: boolean \| EventListenerOptions,\n ): void;\n removeEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean \| EventListenerOptions,\n ): void;\n dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport default class ComboBox extends SDInput {\n public static readonly ID: string = TAG_NAME;\n public static ensureDefined = (): void => {\n VirtualList.ensureDefined();\n if (!customElements.get(ComboBox.ID)) {\n customElements.define(ComboBox.ID, ComboBox);\n }\n };\n static formAssociated = true;\n\n private static readonly DATA_REQUEST_CANCELLED: string = \"cancel_data_request\";\n\n @property({ type: Boolean, reflect: true })\n public opened = false;\n @property({ type: Number, attribute: \"item-height\" })\n public itemHeight = 50;\n @property({ type: Boolean, attribute: \"allow-custom-value\", reflect: true })\n public allowCustomValue: boolean;\n @property({ type: Boolean, attribute: \"trigger-only\", reflect: true })\n public triggerOnly: boolean;\n @property({ type: Boolean, attribute: \"null-setting-disallowed\", reflect: true })\n public nullSettingDisallowed: boolean;\n @property({ type: Boolean, attribute: \"show-icon\", reflect: true })\n public showIcon: boolean;\n @property({ type: String, attribute: \"display-value-path\", noAccessor: true })\n public displayValuePath = \"caption\";\n @property({ type: String, attribute: \"filter-property\", noAccessor: true })\n public filterProperty: string;\n @property({ type: String, attribute: true, reflect: true })\n public id: string = ComboBox.ID + \"_\" + idCounter++;\n\n public inMemoryFilter: InMemoryFilter = (filterText, item) => {\n if (!filterText) {\n return true;\n }\n const lowerCaseFilter = filterText.toLowerCase();\n if (typeof item.caption == \"string\" && item.caption.toLowerCase().includes(lowerCaseFilter)) {\n return true;\n }\n if (typeof item.description == \"string\" && item.description.toLowerCase().includes(lowerCaseFilter)) {\n return true;\n }\n return false;\n };\n\n public filterText: string;\n public minimumOverlayWidth = 250;\n\n private _comboBoxValue: ComboBoxValue \| string;\n private _clearButton: SVGElement;\n private _toggleButton: SVGElement;\n private _popper: Popper;\n private _list: VirtualList;\n private _dataProvider: ListDataProvider;\n private _itemGenerator: ItemGenerator = generator;\n private _itemCache: any[] = [];\n private _declarativeItems: HTMLElement[];\n private _onDataRequest: (filterText: string, page: number) => Promise<DataResponse>;\n private _pendingDataRequest: { cancel: (reason?: any) => void };\n private _openedByFilterTextChange: boolean;\n private _lastRequestedPage: number;\n private _lastRequestedFilterText: string;\n private _icon: HTMLElement;\n\n constructor() {\n super();\n this._dataProvider = new ListDataProvider();\n this._dataProvider.finalSizeIsKnown = true;\n }\n\n public get clearFilterOnLazyLoadedSelection(): boolean {\n return this.triggerOnly;\n }\n\n /\n @deprecated The method should not be used.\n * Use {@link ComboBox#triggerOnly} instead.\n * @param {boolean} value\n /\n public set clearFilterOnLazyLoadedSelection(value: boolean) {\n console.warn(\n \"Using clearFilterOnLazyLoadedSelection setting on a combo-box is deprecated. Use triggerOnly instead.\",\n );\n this.triggerOnly = value;\n }\n\n public get itemGenerator(): ItemGenerator {\n return this._itemGenerator;\n }\n\n public set itemGenerator(value: ItemGenerator) {\n this._itemGenerator = value;\n if (this._list) {\n this._list.itemGenerator = this._itemGenerator;\n }\n }\n\n public get items(): any[] {\n return this._itemCache;\n }\n\n public set items(items: any[]) {\n this._itemCache = items;\n if (this.isLazyLoadConfigured) {\n this._dataProvider.items = items;\n this._lastRequestedPage = null;\n }\n if (this.value && !this.comboBoxValue) {\n this.updateComboBoxValueFromValue();\n }\n this.filterItemsInMemory();\n if (this.opened && this._popper) {\n this._popper.update();\n }\n }\n\n public get finalSizeIsKnown(): boolean {\n return this._dataProvider.finalSizeIsKnown;\n }\n\n public set finalSizeIsKnown(value: boolean) {\n this._dataProvider.finalSizeIsKnown = value;\n }\n\n public configureLazyLoad(onDataRequest: (filterText: string, page: number) => Promise<DataResponse>): void {\n if (!onDataRequest) {\n throw new Error(\"It is not possible to configure lazy load without a given onDataRequest calback.\");\n }\n this._dataProvider.finalSizeIsKnown = false;\n this._onDataRequest = onDataRequest;\n this._dataProvider.onDataRequest = (page: number) => {\n this.requestData(page, false);\n };\n }\n\n public get comboBoxValue(): ComboBoxValue \| string {\n return this._comboBoxValue;\n }\n\n public set comboBoxValue(value: ComboBoxValue \| string) {\n this._comboBoxValue = value;\n this.updateInputValue(null);\n this.updateHasValue();\n }\n\n public get selectedIndex(): number {\n if (this.isCustomValue(this.comboBoxValue) \|\| !this.comboBoxValue) {\n return -1;\n }\n return this.comboBoxValue.index;\n }\n\n public get displayValue(): string {\n return this.value;\n }\n\n public open(): void {\n this.opened = true;\n }\n\n static get styles() {\n return [\n css`\n ${unsafeCSS(style)}\n `,\n ];\n }\n\n public disconnectedCallback(): void {\n super.disconnectedCallback();\n if (this._popper) {\n this._popper.destroy();\n this._popper = null;\n }\n }\n\n public render(): TemplateResult {\n return html`\n ${super.render()}\n <slot @slotchange=${this.onDefaultSlotChange} id=\"default-slot\"></slot>\n `;\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n super.attributeChangedCallback(name, oldValue, newValue);\n if (oldValue !== newValue) {\n switch (name) {\n case \"opened\": {\n this.handleOpenedStateChange();\n break;\n }\n case \"item-height\": {\n if (this._list) {\n this._list.itemHeight = this.itemHeight;\n }\n break;\n }\n case \"id\": {\n this.updateListId();\n break;\n }\n }\n }\n }\n\n public firstUpdated(changedProperties: PropertyValues): void {\n super.firstUpdated(changedProperties);\n\n if (this.value && !this.comboBoxValue) {\n this.updateComboBoxValueFromValue();\n }\n window.requestAnimationFrame(() => {\n this.initClearButtton();\n this.initToggleButtton();\n this.updateHasValue();\n\n this.addEventListener(\"click\", () => {\n if (!this.disabled) {\n this.opened = !this.opened;\n }\n });\n this.addEventListener(\"keydown\", (event: KeyboardEvent) => {\n if (!this.disabled) {\n this.handleKeyDown(event);\n }\n });\n });\n this.inputElement.setAttribute(\"role\", \"combobox\");\n this.inputElement.setAttribute(\"aria-autocomplete\", \"list\");\n }\n\n private updateComboBoxValueFromValue() {\n if (this.value) {\n const selectedIndex = this._itemCache.findIndex(\n (item) => (item[this.displayValuePath] ?? \"\") === this.value,\n );\n if (selectedIndex > -1) {\n this._comboBoxValue = { index: selectedIndex, item: this._itemCache[selectedIndex] };\n } else if (this.allowCustomValue) {\n this._comboBoxValue = this.value;\n } else {\n this._comboBoxValue = null;\n }\n this.updateHasValue();\n this.updateIconFromCurrentValue();\n }\n }\n\n public updated(changedProperties: PropertyValues): void {\n super.updated(changedProperties);\n if (changedProperties.has(\"showIcon\")) {\n if (this.showIcon) {\n if (this._icon == null) {\n this.initIconWrapper();\n }\n } else if (this._icon != null) {\n this._icon.remove();\n this._icon = null;\n }\n }\n if (changedProperties.has(\"currentText\")) {\n this.updateHasValue();\n }\n if (changedProperties.has(\"triggerOnly\") && this._list) {\n this._list.selectionType = this.triggerOnly ? SelectionType.TriggerOnly : SelectionType.Single;\n }\n }\n\n private initIconWrapper() {\n this._icon = document.createElement(\"div\");\n this._icon.className = \"icon-wrapper\";\n this._icon.role = \"img\";\n const iconEl = document.createElement(\"div\");\n iconEl.style.backgroundRepeat = \"no-repeat\";\n iconEl.style.backgroundPosition = \"center\";\n iconEl.style.backgroundSize = \"cover\";\n iconEl.style.height = \"24px\";\n iconEl.style.width = \"24px\";\n this._icon.appendChild(iconEl);\n this._icon.slot = \"prefix\";\n this.appendChild(this._icon);\n this.updateIconFromCurrentValue();\n }\n\n private updateIconFromCurrentValue() {\n if (this.isCustomValue(this.comboBoxValue)) {\n this.updateIcon(null);\n } else {\n this.updateIcon(this.comboBoxValue?.item);\n }\n }\n\n private updateIcon(item) {\n if (this._icon) {\n if (item && (item.icon \|\| item.iconPlaceholder)) {\n const selectedItem = item as {\n iconBackgroundColor?: string;\n attributes?: Record<string, string>;\n };\n if (selectedItem.attributes == null) {\n this._icon.title = \"\";\n this._icon.ariaLabel = \"\";\n } else {\n this._icon.title = selectedItem.attributes[\"icon-attr-title\"] ?? \"\";\n this._icon.ariaLabel = selectedItem.attributes[\"icon-attr-aria-label\"] ?? \"\";\n }\n this._icon.style.backgroundColor = selectedItem.iconBackgroundColor;\n this._icon.style.display = \"\";\n ImageTools.showImage(this._icon.querySelector(\"div\"), item.icon, item.iconPlaceholder);\n } else if (this._icon) {\n this._icon.style.display = \"none\";\n }\n }\n }\n\n private updateHasValue() {\n if (this.currentText \|\| (this.comboBoxValue != null && this.comboBoxValue != \"\")) {\n this.setAttribute(\"has-value\", \"\");\n if (this._clearButton) {\n this._clearButton.style.display = \"\";\n }\n } else {\n this.removeAttribute(\"has-value\");\n }\n }\n\n protected shouldFloat() {\n return super.shouldFloat() \|\| (this.comboBoxValue != null && this.comboBoxValue != \"\");\n }\n\n private initClearButtton(): void {\n const clearButtonTemplate = document.createElement(\"template\");\n clearButtonTemplate.innerHTML = clearSvg;\n this._clearButton = clearButtonTemplate.content.firstChild as SVGElement;\n this.appendChild(this._clearButton);\n\n this._clearButton.addEventListener(\"click\", (event) => {\n event.preventDefault();\n event.stopPropagation();\n this.opened = false;\n this.clearValue();\n });\n }\n\n private initToggleButtton(): void {\n const toggleButtonTemplate = document.createElement(\"template\");\n toggleButtonTemplate.innerHTML = toggleSvg;\n this._toggleButton = toggleButtonTemplate.content.firstChild as SVGElement;\n this.appendChild(this._toggleButton);\n\n this._toggleButton.addEventListener(\"click\", (event) => {\n event.preventDefault();\n event.stopPropagation();\n this.opened = !this.opened;\n this.select();\n });\n }\n\n private debouncedFilterItemsInMemory = debounce(this.filterItemsInMemory.bind(this), 200);\n private filterItemsInMemory(): void {\n if (this.isLazyLoadConfigured) {\n return;\n }\n let filteredInMemory = false;\n if (this.filterText) {\n if (this.filterProperty) {\n this._dataProvider.items = this._itemCache.filter((item) => {\n return item[this.filterProperty] && String(item[this.filterProperty]).indexOf(this.filterText) > -1;\n });\n filteredInMemory = true;\n } else if (this.inMemoryFilter) {\n this._dataProvider.items = this._itemCache.filter((item) => this.inMemoryFilter(this.filterText, item));\n filteredInMemory = true;\n }\n }\n if (!filteredInMemory) {\n this._dataProvider.items = this._itemCache;\n if (this._list) {\n this.updateFocusAndSelectedIndexFromValue();\n }\n } else if (this._list) {\n if (this.comboBoxValue && !this.isCustomValue(this.comboBoxValue)) {\n let index = this._dataProvider.items.indexOf(this.comboBoxValue.item);\n if (index == -1) {\n const selectedId = this.comboBoxValue.item.id;\n if (selectedId != null) {\n index = this._dataProvider.items.findIndex((item: any) => item.id == selectedId);\n }\n }\n this._list.focusIndex = index;\n this._list.selectedIndices = index == -1 ? [] : [index];\n } else {\n this._list.focusIndex = null;\n }\n }\n if (this.opened && this._popper) {\n this._popper.update();\n }\n }\n\n private ensureListAndPopperInitialized(): void {\n if (!this._list) {\n this._list = document.createElement(VirtualList.ID) as VirtualList;\n this.updateListId();\n this._list.classList.add(\"combo-box-dropdown\");\n this._list.itemHeight = this.itemHeight;\n this._list.itemGenerator = this.itemGenerator;\n this._list.selectionType = this.triggerOnly ? SelectionType.TriggerOnly : SelectionType.Single;\n this._list.setAttribute(\"focus-target\", \"\");\n Object.assign(this._list.style, {\n zIndex: \"21000\",\n boxShadow: `rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,\n rgba(0, 0, 0, 0.12) 0px 1px 5px 0px,\n rgba(0, 0, 0, 0.2) 0px 3px 1px -2px`,\n background: \"white\",\n overflowY: \"auto\",\n });\n this._list.addEventListener(\"selection\", this.handleSelection);\n this._dataProvider.connectList(this._list);\n }\n if (!this._popper) {\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const comboBox = this;\n this._popper = createPopper(this, this._list, {\n placement: \"bottom-start\",\n modifiers: [\n {\n name: \"computeStyles\",\n options: {\n gpuAcceleration: true,\n },\n },\n {\n name: \"hide\",\n enabled: false,\n },\n {\n name: \"closeIfReferenceHidden\",\n enabled: true,\n phase: \"afterWrite\",\n fn({ state }) {\n const comboBox = state.elements.reference as ComboBox;\n comboBox.closeIfNotVisible();\n },\n },\n {\n name: \"offset\",\n options: {\n offset: ({ placement }) => {\n if (placement.indexOf(\"top\") > -1) {\n return [0, -parseInt(getComputedStyle(comboBox).paddingTop, 10)];\n }\n if (placement.indexOf(\"bottom\") > -1) {\n return [\n 0,\n -parseInt(getComputedStyle(comboBox).paddingBottom, 10) -\n ((\n this.shadowRoot.querySelector(\n \".validation-message-wrapper\",\n ) as HTMLElement\n )?.offsetHeight ?? 0),\n ];\n }\n return [0, 0];\n },\n },\n },\n {\n name: \"adjustWidthIfNeeded\",\n enabled: true,\n phase: \"read\",\n fn({ state }) {\n const list = state.elements.popper as VirtualList;\n list.increaseWidthOnNextRenderIfNeeded();\n },\n },\n ],\n });\n }\n }\n\n private closeIfNotVisible(): void {\n const elementFromPoint = this.elementFromMiddleOfComboBox();\n // elementFromPoint might be the list itself in Safari, thus it needs to be checked as well (Fixes: 244485)\n if (\n !this.contains(elementFromPoint) &&\n !this.shadowRoot.contains(elementFromPoint) &&\n elementFromPoint !== this._list\n ) {\n if (this.triggerOnly) {\n this.value = null;\n }\n this.opened = false;\n }\n }\n\n private elementFromMiddleOfComboBox(): Element {\n const rect = this.getBoundingClientRect();\n return document.elementFromPoint(rect.left + rect.width / 2, rect.top + rect.height / 2);\n }\n\n private handleSelection = (event: CustomEvent) => {\n const selectedItem = this._dataProvider.items[event.detail.index];\n if (!event.detail.selected) {\n // null selection is not allowed via clicking inside the dropdown\n this._list.selectedIndices = [event.detail.index];\n }\n this.comboBoxValue = { index: this._itemCache.indexOf(selectedItem), item: selectedItem };\n this.dispatchSelectionChangeEvent();\n this.opened = false;\n };\n\n private async handleOpenedStateChange(): Promise<void> {\n this.inputElement.setAttribute(\"aria-expanded\", String(this.opened));\n if (this.opened) {\n if (!this.disabled) {\n this.ensureListAndPopperInitialized();\n\n const filterChanged = (this.filterText ?? \"\") !== (this._lastRequestedFilterText ?? \"\");\n if (this.isLazyLoadConfigured && (this.items.length == 0 \|\| filterChanged)) {\n this.requestData(0, filterChanged);\n }\n\n this.updateDropdownSizes();\n this.ownerDocument.body.appendChild(this._list);\n this.updateFocusAndSelectedIndexFromValue();\n\n window.requestAnimationFrame(() => {\n if (this._popper) {\n this._popper.update();\n }\n });\n\n window.addEventListener(\"pointerdown\", this.handleWindowPointerDown);\n\n if (!this.allowCustomValue && !this._openedByFilterTextChange) {\n this.select();\n }\n }\n this._openedByFilterTextChange = false;\n } else {\n await this._list.updateComplete;\n if (this._popper) {\n await this._popper.update;\n }\n this.ownerDocument.body.removeChild(this._list);\n window.removeEventListener(\"pointerdown\", this.handleWindowPointerDown);\n this.updateValueOnClose();\n this.clearFilter();\n this.setSelectionRange(0, 0);\n this.inputElement.removeAttribute(\"aria-activedescendant\");\n\n if (this._popper) {\n this._popper.destroy();\n this._popper = null;\n }\n }\n }\n\n private updateValueOnClose(): void {\n const oldValue = this.comboBoxValue ?? \"\";\n if (this.nullSettingDisallowed && !this.value && this.comboBoxValue) {\n this.restorePreviousSelection();\n } else if (this.value !== (this.convertToDisplayValue(null) ?? \"\")) {\n // value change only if needed\n const focusedItem = this._dataProvider.items[this._list.focusIndex] as {\n disabled?: boolean;\n };\n if (focusedItem && (focusedItem[this.displayValuePath] ?? \"\") === this.value) {\n if (focusedItem.disabled) {\n this.restorePreviousSelection();\n return;\n }\n // 1. select focused item if the input's value is the same\n this.comboBoxValue = { index: this._itemCache.indexOf(focusedItem), item: focusedItem };\n } else if (this.allowCustomValue \|\| !this.value) {\n // 2. set as a custom or empty value\n this.comboBoxValue = this.value;\n } else {\n // 3. try to search for an identical item\n const selectedIndex = this._itemCache.findIndex(\n (item) => (item[this.displayValuePath] ?? \"\") === this.value && !item.disabled,\n );\n if (selectedIndex > -1) {\n this.comboBoxValue = { index: selectedIndex, item: this._itemCache[selectedIndex] };\n } else {\n this.restorePreviousSelection(); // Fixes C1XRTYID\n }\n }\n } else {\n // Allow selecting another item with same caption but different id\n const focusedItem = this._dataProvider.items[this._list.focusIndex] as {\n id?: string;\n disabled?: boolean;\n };\n if (focusedItem && focusedItem.id != null) {\n if (focusedItem.disabled) {\n this.restorePreviousSelection();\n return;\n }\n if (\n !this.comboBoxValue \|\|\n this.isCustomValue(this.comboBoxValue) \|\|\n this.comboBoxValue.item.id != focusedItem.id\n ) {\n this.comboBoxValue = { index: this._itemCache.indexOf(focusedItem), item: focusedItem };\n }\n }\n }\n if (oldValue !== (this.comboBoxValue ?? \"\")) {\n this.dispatchSelectionChangeEvent();\n }\n this.updateIcon(this.isCustomValue(this.comboBoxValue) ? null : this.comboBoxValue?.item);\n }\n\n private restorePreviousSelection() {\n this.updateInputValue(null);\n }\n\n private updateFocusAndSelectedIndexFromValue(): void {\n if (this.comboBoxValue && !this.isCustomValue(this.comboBoxValue) && !this._openedByFilterTextChange) {\n let index = this.comboBoxValue.index;\n if (index == -1 \|\| this.isLazyLoadConfigured) {\n index = this.items.indexOf(this.comboBoxValue.item);\n if (index == -1) {\n const selectedId = this.comboBoxValue.item.id;\n if (selectedId != null) {\n index = this.items.findIndex((item) => item.id == selectedId);\n }\n }\n }\n this._list.focusIndex = index;\n this._list.selectedIndices = index == -1 ? [] : [index];\n } else {\n this._list.focusIndex = -1;\n this._list.selectedIndices = [];\n }\n this.updateActiveDescendant();\n }\n\n private handleWindowPointerDown = (event: PointerEvent) => {\n const contains = event.target instanceof Node && this.contains(event.target);\n if (!contains && this.opened && event.composedPath().indexOf(this._list) === -1) {\n if (this.triggerOnly) {\n this.value = null;\n }\n this.opened = false;\n }\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n switch (event.key) {\n case \"Down\":\n case \"ArrowDown\": {\n event.preventDefault();\n this.navigateInList(+1);\n break;\n }\n case \"Up\":\n case \"ArrowUp\": {\n event.preventDefault();\n this.navigateInList(-1);\n break;\n }\n case \"Enter\": {\n if (this.opened) {\n event.preventDefault();\n event.stopPropagation();\n this.opened = false;\n }\n break;\n }\n case \"Escape\": {\n if (this.opened) {\n event.preventDefault();\n event.stopPropagation();\n if (\n this._list.selectedIndices.indexOf(this._list.focusIndex) > -1 &&\n this._dataProvider.items.length > this._list.focusIndex\n ) {\n this.opened = false;\n } else {\n this.clearFilter();\n this.updateInputValue(null);\n this.updateFocusAndSelectedIndexFromValue();\n if (!this._list.selectedIndices.includes(this._list.focusIndex)) {\n this._list.selectedIndices.push(this._list.focusIndex);\n }\n }\n }\n break;\n }\n case \"Tab\": {\n if (this.opened) {\n if (this.triggerOnly) {\n this.value = null;\n }\n this.opened = false;\n }\n break;\n }\n }\n };\n\n private navigateInList(offset: number): void {\n if (!this.opened) {\n this.opened = true;\n } else {\n if (this._list.focusIndex == null) {\n if (offset > 0) {\n this._list.focusIndex = 0;\n } else {\n this._list.focusIndex = Math.max(0, this._dataProvider.items.length - 1);\n }\n } else {\n this._list.focusIndex = Math.max(\n 0,\n Math.min(this._dataProvider.items.length - 1, this._list.focusIndex + offset),\n );\n }\n this.updateInputValue(this._dataProvider.items[this._list.focusIndex] as ItemData \| any);\n this.updateActiveDescendant();\n if (!this.allowCustomValue) {\n this.select();\n }\n }\n }\n\n private updateActiveDescendant() {\n const focusedListItem = this._list && this._list.getListItem(this._list.focusIndex);\n if (focusedListItem) {\n this.inputElement.setAttribute(\"aria-activedescendant\", focusedListItem.id);\n } else {\n this.inputElement.removeAttribute(\"aria-activedescendant\");\n }\n }\n\n private updateInputValue(item: ItemData): void {\n this.updateComplete.then(() => {\n this.value = this.convertToDisplayValue(item);\n if (item) {\n this.updateIcon(item);\n } else {\n this.updateIconFromCurrentValue();\n }\n });\n }\n\n private convertToDisplayValue(item: ItemData): string {\n if (item) {\n return item[this.displayValuePath];\n } else if (this.comboBoxValue) {\n if (this.isCustomValue(this.comboBoxValue)) {\n return this.comboBoxValue;\n } else {\n return this.comboBoxValue.item[this.displayValuePath];\n }\n } else {\n return null;\n }\n }\n\n protected fireValueChange(immediate?: boolean): void {\n if (immediate) {\n if (this.filterText !== this.value) {\n const effectiveFilterChange = (this.filterText ?? \"\") !== this.value;\n this.filterText = this.value;\n this.updateIcon(null);\n if (!this.opened) {\n this._openedByFilterTextChange = true;\n this.opened = true;\n }\n if (effectiveFilterChange) {\n this.dispatchFilterChangeEvent();\n this.debouncedFilterItemsInMemory();\n }\n }\n }\n // consume both change events triggered from input, combo box provides a different API for that\n }\n\n private clearValue(): void {\n if (!this.nullSettingDisallowed) {\n this.value = null;\n this.inputElement.removeAttribute(\"aria-activedescendant\");\n if (this._list) {\n this._list.selectedIndices = [];\n }\n this.clearFilter();\n if (this.comboBoxValue) {\n this.comboBoxValue = null;\n this.dispatchSelectionChangeEvent();\n }\n this.requestUpdate();\n }\n }\n\n private clearFilter(): void {\n if (this.filterText != null) {\n this.filterText = undefined;\n this.filterItemsInMemory();\n this.dispatchFilterChangeEvent();\n this.updateIconFromCurrentValue();\n }\n }\n\n private updateDropdownSizes(): void {\n const viewportHeight = window.innerHeight \|\| document.documentElement.clientHeight;\n const overlayMaxHeight = (viewportHeight - this.offsetHeight) 0.5;\n Object.assign(this._list.style, {\n maxHeight: `${overlayMaxHeight}px`,\n minWidth: `${Math.max(this.offsetWidth, this.minimumOverlayWidth)}px`,\n maxWidth: `max(50vw, ${this.offsetWidth}px)`,\n });\n }\n\n private updateListId() {\n if (this.inputElement && this._list) {\n this._list.id = this.id + \"_list\";\n this.inputElement.setAttribute(\"aria-controls\", this._list.id);\n }\n }\n\n private isCustomValue(value: ComboBoxValue \| string): value is string {\n return typeof value === \"string\";\n }\n\n private dispatchSelectionChangeEvent(): void {\n this.updateComplete\n .then(() => {\n this.dispatchEvent(\n new CustomEvent<ISelectionEvent>(\"selection-change\", {\n detail: {\n selection: this.comboBoxValue,\n isCustomValue: this.isCustomValue(this.comboBoxValue),\n },\n }),\n );\n if (this.triggerOnly) {\n this.comboBoxValue = null;\n } else {\n const comboBoxValue = this.comboBoxValue;\n if (this.isCustomValue(comboBoxValue)) {\n this.setFormValue(comboBoxValue);\n } else {\n this.setFormValue(comboBoxValue?.item?.caption);\n }\n }\n })\n .catch((e) => {\n console.error(\"Could not dispatch selection change event due to:\", e);\n });\n }\n\n private dispatchFilterChangeEvent(): void {\n this.dispatchEvent(\n new CustomEvent<IFilterChangeEvent>(\"filter-change\", {\n detail: { value: this.filterText },\n composed: true,\n }),\n );\n this.debouncedRequestData(0);\n }\n\n private get isLazyLoadConfigured(): boolean {\n return !!this._onDataRequest;\n }\n\n /*\n Used only when lazy loading is configured.\n */\n private debouncedRequestData = debounce(this.requestData.bind(this), 250);\n private requestData(page: number, filterChanged?: boolean) {\n if (filterChanged == null) {\n filterChanged = (this.filterText ?? \"\") !== (this._lastRequestedFilterText ?? \"\");\n }\n if (this.isLazyLoadConfigured) {\n if (!this.opened) {\n if (filterChanged) {\n this._dataProvider.items = [];\n this._itemCache = [];\n }\n return;\n }\n if (this._lastRequestedPage == page && !filterChanged) {\n return;\n }\n if (this._pendingDataRequest) {\n this._pendingDataRequest.cancel(ComboBox.DATA_REQUEST_CANCELLED);\n }\n const cancellationPromise = new Promise<DataResponse>((_resolve, reject) => {\n this._pendingDataRequest = { cancel: reject };\n });\n this._lastRequestedPage = page;\n this._lastRequestedFilterText = this.filterText;\n this.setAttribute(\"loading\", \"\");\n Promise.race([cancellationPromise, this._onDataRequest(this._lastRequestedFilterText, page)])\n .then((dataResponse) => {\n if (this.filterText == this._lastRequestedFilterText && this._lastRequestedPage == page) {\n this._dataProvider.finalSizeIsKnown = dataResponse.finalSizeIsKnown;\n if (filterChanged) {\n this._dataProvider.items = dataResponse.items;\n this._itemCache = dataResponse.items;\n } else {\n this._dataProvider.addItems(dataResponse.items);\n this._itemCache = this._dataProvider.items;\n }\n if (this._list) {\n this._list.itemCount = this._dataProvider.items.length;\n }\n if (this._popper && this.opened) {\n if (this.comboBoxValue && !this.isCustomValue(this.comboBoxValue)) {\n const selectedItem = this.comboBoxValue.item;\n if (\n this._list.selectedIndices.length == 0 \|\|\n this.items[this._list.selectedIndices[0]] != selectedItem\n ) {\n let index = this.items.indexOf(selectedItem);\n if (index == -1) {\n const selectedId = selectedItem.id;\n if (selectedId != null) {\n index = this.items.findIndex((item) => item.id == selectedId);\n }\n }\n this.comboBoxValue.index = index;\n this._list.selectedIndices = index == -1 ? [] : [index];\n }\n }\n this.updateDropdownSizes();\n this._popper.update();\n }\n }\n this._pendingDataRequest = null;\n this.removeAttribute(\"loading\");\n })\n .catch((e) => {\n if (e !== ComboBox.DATA_REQUEST_CANCELLED) {\n console.error(\n `Data could not be loaded for filter \"${this._lastRequestedFilterText}\" and page number \"${page}\" due to the following error:\\n${e}`,\n );\n this._dataProvider.finalSizeIsKnown = true;\n\n if (this.items.length == 0) {\n this.opened = false;\n } else if (this._list) {\n this._list.itemCount = this.items.length;\n }\n this.removeAttribute(\"loading\");\n }\n this._pendingDataRequest = null;\n });\n }\n }\n\n private get defaultSlot(): HTMLSlotElement {\n return this.shadowRoot.querySelector(\"#default-slot\");\n }\n\n private onDefaultSlotChange(): void {\n this._declarativeItems = this.defaultSlot.assignedElements() as HTMLElement[];\n if (this._declarativeItems.length > 0) {\n this.finalSizeIsKnown = true;\n this.itemGenerator = (_data, index) => {\n return this._declarativeItems[index].cloneNode(true) as HTMLElement;\n };\n this.items = this._declarativeItems.map((item) => {\n const data = {\n caption: item.getAttribute(\"caption\"),\n description: item.getAttribute(\"description\"),\n };\n if (\"caption\" != this.displayValuePath && \"description\" != this.displayValuePath) {\n data[this.displayValuePath] =\n item[this.displayValuePath] \|\| item.getAttribute(this.displayValuePath);\n }\n return data;\n });\n }\n }\n}\n\nComboBox.ensureDefined();\n"],"names":["toggleSvg","clearSvg","TAG_NAME","debounce","func","delay","timeout","args","idCounter","_ComboBox","_a","SDInput","filterText","item","lowerCaseFilter","generator","event","selectedItem","ListDataProvider","value","items","onDataRequest","page","css","unsafeCSS","style","html","name","oldValue","newValue","changedProperties","selectedIndex","SelectionType","iconEl","ImageTools","clearButtonTemplate","toggleButtonTemplate","filteredInMemory","index","selectedId","VirtualList","comboBox","createPopper","state","placement","elementFromPoint","rect","filterChanged","focusedItem","offset","focusedListItem","immediate","effectiveFilterChange","overlayMaxHeight","comboBoxValue","e","cancellationPromise","_resolve","reject","dataResponse","_data","data","__decorateClass","property","ComboBox"],"mappings":"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"}
1	+ {"version":3,"file":"combo-box.mjs","sources":["../toggle.svg?raw","../clear.svg?raw","../combo-box.ts"],"sourcesContent":["export default \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"toggle-button\\\" slot=\\\"suffix\\\" viewBox=\\\"0 0 16 16\\\">\\r\\n <path d=\\\"M13 4v2l-5 5-5-5v-2l5 5z\\\"/>\\r\\n</svg>\\r\\n\"","export default \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"clear-button\\\" slot=\\\"suffix\\\" viewBox=\\\"0 0 16 16\\\">\\r\\n <path d=\\\"M12.96 4.46l-1.42-1.42-3.54 3.55-3.54-3.55-1.42 1.42 3.55 3.54-3.55 3.54 1.42 1.42 3.54-3.55 3.54 3.55 1.42-1.42-3.55-3.54 3.55-3.54z\\\"/>\\r\\n</svg>\\r\\n\"","/* eslint-disable @typescript-eslint/no-explicit-any /\nimport { unsafeCSS, PropertyValues, css, TemplateResult, html } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { createPopper, Instance as Popper } from \"@popperjs/core\";\nimport SDInput, { CustomEventMap as InputCustomEventMap } from \"@cas-smartdesign/lit-input\";\nimport VirtualList, { SelectionType, ItemGenerator, ListDataProvider } from \"@cas-smartdesign/virtual-list\";\nimport { ItemData, generator } from \"@cas-smartdesign/list-item\";\n\nconst TAG_NAME = \"sd-combo-box\";\n\nfunction debounce<T>(func: (...args: T[]) => unknown, delay: number): typeof func {\n let timeout: number;\n return function (...args: T[]) {\n if (timeout != null) {\n clearTimeout(timeout);\n }\n timeout = window.setTimeout(() => func(...args), delay);\n };\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n [TAG_NAME]: ComboBox;\n }\n}\n\nimport style from \"./style.scss?inline\";\nimport toggleSvg from \"./toggle.svg?raw\";\nimport clearSvg from \"./clear.svg?raw\";\nimport ImageTools from \"@cas-smartdesign/image-tools\";\n\nexport type ComboBoxValue = {\n index: number;\n item: ItemData \| any;\n};\nexport type InMemoryFilter = (filterText: string, item: any) => boolean;\nexport type DataResponse = {\n items: any[];\n finalSizeIsKnown: boolean;\n};\n\nlet idCounter = 0;\n\nexport interface ISelectionEvent {\n selection: ComboBoxValue \| string;\n isCustomValue: boolean;\n}\nexport interface IFilterChangeEvent {\n value: string;\n}\n\nexport interface CustomEventMap extends InputCustomEventMap {\n \"selection-change\": CustomEvent<ISelectionEvent>;\n \"filter-change\": CustomEvent<IFilterChangeEvent>;\n}\n\nexport default interface ComboBox {\n addEventListener<K extends keyof CustomEventMap>(\n event: K,\n listener: ((this: this, ev: CustomEventMap[K]) => unknown) \| null,\n options?: AddEventListenerOptions \| boolean,\n ): void;\n addEventListener(\n type: string,\n callback: EventListenerOrEventListenerObject \| null,\n options?: AddEventListenerOptions \| boolean,\n ): void;\n removeEventListener<K extends keyof CustomEventMap>(\n type: K,\n listener: (this: this, ev: CustomEventMap[K]) => unknown,\n options?: boolean \| EventListenerOptions,\n ): void;\n removeEventListener(\n type: string,\n listener: EventListenerOrEventListenerObject,\n options?: boolean \| EventListenerOptions,\n ): void;\n dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;\n}\n\nexport default class ComboBox extends SDInput {\n public static readonly ID: string = TAG_NAME;\n public static ensureDefined = (): void => {\n VirtualList.ensureDefined();\n if (!customElements.get(ComboBox.ID)) {\n customElements.define(ComboBox.ID, ComboBox);\n }\n };\n static formAssociated = true;\n\n private static readonly DATA_REQUEST_CANCELLED: string = \"cancel_data_request\";\n\n @property({ type: Boolean, reflect: true })\n public opened = false;\n @property({ type: Number, attribute: \"item-height\" })\n public itemHeight = 50;\n @property({ type: Boolean, attribute: \"allow-custom-value\", reflect: true })\n public allowCustomValue: boolean;\n @property({ type: Boolean, attribute: \"trigger-only\", reflect: true })\n public triggerOnly: boolean;\n @property({ type: Boolean, attribute: \"null-setting-disallowed\", reflect: true })\n public nullSettingDisallowed: boolean;\n @property({ type: Boolean, attribute: \"show-icon\", reflect: true })\n public showIcon: boolean;\n @property({ type: String, attribute: \"display-value-path\", noAccessor: true })\n public displayValuePath = \"caption\";\n @property({ type: String, attribute: \"filter-property\", noAccessor: true })\n public filterProperty: string;\n @property({ type: String, attribute: true, reflect: true })\n public id: string = ComboBox.ID + \"_\" + idCounter++;\n\n public inMemoryFilter: InMemoryFilter = (filterText, item) => {\n if (!filterText) {\n return true;\n }\n const lowerCaseFilter = filterText.toLowerCase();\n if (typeof item.caption == \"string\" && item.caption.toLowerCase().includes(lowerCaseFilter)) {\n return true;\n }\n if (typeof item.description == \"string\" && item.description.toLowerCase().includes(lowerCaseFilter)) {\n return true;\n }\n return false;\n };\n\n public filterText: string;\n public minimumOverlayWidth = 250;\n\n private _comboBoxValue: ComboBoxValue \| string;\n private _clearButton: SVGElement;\n private _toggleButton: SVGElement;\n private _popper: Popper;\n private _list: VirtualList;\n private _dataProvider: ListDataProvider;\n private _itemGenerator: ItemGenerator = generator;\n private _itemCache: any[] = [];\n private _declarativeItems: HTMLElement[];\n private _onDataRequest: (filterText: string, page: number) => Promise<DataResponse>;\n private _pendingDataRequest: { cancel: (reason?: any) => void };\n private _openedByFilterTextChange: boolean;\n private _lastRequestedPage: number;\n private _lastRequestedFilterText: string;\n private _icon: HTMLElement;\n\n constructor() {\n super();\n this._dataProvider = new ListDataProvider();\n this._dataProvider.finalSizeIsKnown = true;\n }\n\n public get clearFilterOnLazyLoadedSelection(): boolean {\n return this.triggerOnly;\n }\n\n /\n @deprecated The method should not be used.\n * Use {@link ComboBox#triggerOnly} instead.\n * @param {boolean} value\n /\n public set clearFilterOnLazyLoadedSelection(value: boolean) {\n console.warn(\n \"Using clearFilterOnLazyLoadedSelection setting on a combo-box is deprecated. Use triggerOnly instead.\",\n );\n this.triggerOnly = value;\n }\n\n public get itemGenerator(): ItemGenerator {\n return this._itemGenerator;\n }\n\n public set itemGenerator(value: ItemGenerator) {\n this._itemGenerator = value;\n if (this._list) {\n this._list.itemGenerator = this._itemGenerator;\n }\n }\n\n public get items(): any[] {\n return this._itemCache;\n }\n\n public set items(items: any[]) {\n this._itemCache = items;\n if (this.isLazyLoadConfigured) {\n this._dataProvider.items = items;\n this._lastRequestedPage = null;\n }\n if (this.value && !this.comboBoxValue) {\n this.updateComboBoxValueFromValue();\n }\n this.filterItemsInMemory();\n if (this.opened && this._popper) {\n this._popper.update();\n }\n }\n\n public get finalSizeIsKnown(): boolean {\n return this._dataProvider.finalSizeIsKnown;\n }\n\n public set finalSizeIsKnown(value: boolean) {\n this._dataProvider.finalSizeIsKnown = value;\n }\n\n public configureLazyLoad(onDataRequest: (filterText: string, page: number) => Promise<DataResponse>): void {\n if (!onDataRequest) {\n throw new Error(\"It is not possible to configure lazy load without a given onDataRequest calback.\");\n }\n this._dataProvider.finalSizeIsKnown = false;\n this._onDataRequest = onDataRequest;\n this._dataProvider.onDataRequest = (page: number) => {\n this.requestData(page, false);\n };\n }\n\n public get comboBoxValue(): ComboBoxValue \| string {\n return this._comboBoxValue;\n }\n\n public set comboBoxValue(value: ComboBoxValue \| string) {\n this._comboBoxValue = value;\n this.updateInputValue(null);\n this.updateHasValue();\n }\n\n public get selectedIndex(): number {\n if (this.isCustomValue(this.comboBoxValue) \|\| !this.comboBoxValue) {\n return -1;\n }\n return this.comboBoxValue.index;\n }\n\n public get displayValue(): string {\n return this.value;\n }\n\n public open(): void {\n this.opened = true;\n }\n\n static get styles() {\n return [\n css`\n ${unsafeCSS(style)}\n `,\n ];\n }\n\n public disconnectedCallback(): void {\n super.disconnectedCallback();\n if (this._popper) {\n this._popper.destroy();\n this._popper = null;\n }\n }\n\n public render(): TemplateResult {\n return html`\n ${super.render()}\n <slot @slotchange=${this.onDefaultSlotChange} id=\"default-slot\"></slot>\n `;\n }\n\n public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n super.attributeChangedCallback(name, oldValue, newValue);\n if (oldValue !== newValue) {\n switch (name) {\n case \"opened\": {\n this.handleOpenedStateChange();\n break;\n }\n case \"item-height\": {\n if (this._list) {\n this._list.itemHeight = this.itemHeight;\n }\n break;\n }\n case \"id\": {\n this.updateListId();\n break;\n }\n }\n }\n }\n\n public firstUpdated(changedProperties: PropertyValues): void {\n super.firstUpdated(changedProperties);\n\n if (this.value && !this.comboBoxValue) {\n this.updateComboBoxValueFromValue();\n }\n window.requestAnimationFrame(() => {\n this.initClearButtton();\n this.initToggleButtton();\n this.updateHasValue();\n\n this.addEventListener(\"click\", () => {\n if (!this.disabled) {\n this.opened = !this.opened;\n }\n });\n this.addEventListener(\"keydown\", (event: KeyboardEvent) => {\n if (!this.disabled) {\n this.handleKeyDown(event);\n }\n });\n });\n this.inputElement.setAttribute(\"role\", \"combobox\");\n this.inputElement.setAttribute(\"aria-autocomplete\", \"list\");\n }\n\n private updateComboBoxValueFromValue() {\n if (this.value) {\n const selectedIndex = this._itemCache.findIndex(\n (item) => (item[this.displayValuePath] ?? \"\") === this.value,\n );\n if (selectedIndex > -1) {\n this._comboBoxValue = { index: selectedIndex, item: this._itemCache[selectedIndex] };\n } else if (this.allowCustomValue) {\n this._comboBoxValue = this.value;\n } else {\n this._comboBoxValue = null;\n }\n this.updateHasValue();\n this.updateIconFromCurrentValue();\n }\n }\n\n public updated(changedProperties: PropertyValues): void {\n super.updated(changedProperties);\n if (changedProperties.has(\"showIcon\")) {\n if (this.showIcon) {\n if (this._icon == null) {\n this.initIconWrapper();\n }\n } else if (this._icon != null) {\n this._icon.remove();\n this._icon = null;\n }\n }\n if (changedProperties.has(\"currentText\")) {\n this.updateHasValue();\n }\n if (changedProperties.has(\"triggerOnly\") && this._list) {\n this._list.selectionType = this.triggerOnly ? SelectionType.TriggerOnly : SelectionType.Single;\n }\n }\n\n private initIconWrapper() {\n this._icon = document.createElement(\"div\");\n this._icon.className = \"icon-wrapper\";\n this._icon.role = \"img\";\n const iconEl = document.createElement(\"div\");\n iconEl.style.backgroundRepeat = \"no-repeat\";\n iconEl.style.backgroundPosition = \"center\";\n iconEl.style.backgroundSize = \"cover\";\n iconEl.style.height = \"24px\";\n iconEl.style.width = \"24px\";\n this._icon.appendChild(iconEl);\n this._icon.slot = \"prefix\";\n this.appendChild(this._icon);\n this.updateIconFromCurrentValue();\n }\n\n private updateIconFromCurrentValue() {\n if (this.isCustomValue(this.comboBoxValue)) {\n this.updateIcon(null);\n } else {\n this.updateIcon(this.comboBoxValue?.item);\n }\n }\n\n private updateIcon(item) {\n if (this._icon) {\n if (item && (item.icon \|\| item.iconPlaceholder)) {\n const selectedItem = item as {\n iconBackgroundColor?: string;\n attributes?: Record<string, string>;\n };\n if (selectedItem.attributes == null) {\n this._icon.title = \"\";\n this._icon.ariaLabel = \"\";\n } else {\n this._icon.title = selectedItem.attributes[\"icon-attr-title\"] ?? \"\";\n this._icon.ariaLabel = selectedItem.attributes[\"icon-attr-aria-label\"] ?? \"\";\n }\n this._icon.style.backgroundColor = selectedItem.iconBackgroundColor;\n this._icon.style.display = \"\";\n ImageTools.showImage(this._icon.querySelector(\"div\"), item.icon, item.iconPlaceholder);\n } else if (this._icon) {\n this._icon.style.display = \"none\";\n }\n }\n }\n\n private updateHasValue() {\n if (this.currentText \|\| (this.comboBoxValue != null && this.comboBoxValue != \"\")) {\n this.setAttribute(\"has-value\", \"\");\n if (this._clearButton) {\n this._clearButton.style.display = \"\";\n }\n } else {\n this.removeAttribute(\"has-value\");\n }\n }\n\n protected shouldFloat() {\n return super.shouldFloat() \|\| (this.comboBoxValue != null && this.comboBoxValue != \"\");\n }\n\n private initClearButtton(): void {\n const clearButtonTemplate = document.createElement(\"template\");\n clearButtonTemplate.innerHTML = clearSvg;\n this._clearButton = clearButtonTemplate.content.firstChild as SVGElement;\n this.appendChild(this._clearButton);\n\n this._clearButton.addEventListener(\"click\", (event) => {\n event.preventDefault();\n event.stopPropagation();\n this.opened = false;\n this.clearValue();\n });\n }\n\n private initToggleButtton(): void {\n const toggleButtonTemplate = document.createElement(\"template\");\n toggleButtonTemplate.innerHTML = toggleSvg;\n this._toggleButton = toggleButtonTemplate.content.firstChild as SVGElement;\n this.appendChild(this._toggleButton);\n\n this._toggleButton.addEventListener(\"click\", (event) => {\n event.preventDefault();\n event.stopPropagation();\n this.opened = !this.opened;\n this.select();\n });\n }\n\n private debouncedFilterItemsInMemory = debounce(this.filterItemsInMemory.bind(this), 200);\n private filterItemsInMemory(): void {\n if (this.isLazyLoadConfigured) {\n return;\n }\n let filteredInMemory = false;\n if (this.filterText) {\n if (this.filterProperty) {\n this._dataProvider.items = this._itemCache.filter((item) => {\n return item[this.filterProperty] && String(item[this.filterProperty]).indexOf(this.filterText) > -1;\n });\n filteredInMemory = true;\n } else if (this.inMemoryFilter) {\n this._dataProvider.items = this._itemCache.filter((item) => this.inMemoryFilter(this.filterText, item));\n filteredInMemory = true;\n }\n }\n if (!filteredInMemory) {\n this._dataProvider.items = this._itemCache;\n if (this._list) {\n this.updateFocusAndSelectedIndexFromValue();\n }\n } else if (this._list) {\n if (this.comboBoxValue && !this.isCustomValue(this.comboBoxValue)) {\n let index = this._dataProvider.items.indexOf(this.comboBoxValue.item);\n if (index == -1) {\n const selectedId = this.comboBoxValue.item.id;\n if (selectedId != null) {\n index = this._dataProvider.items.findIndex((item: any) => item.id == selectedId);\n }\n }\n this._list.focusIndex = index;\n this._list.selectedIndices = index == -1 ? [] : [index];\n } else {\n this._list.focusIndex = null;\n }\n }\n if (this.opened && this._popper) {\n this._popper.update();\n }\n }\n\n private ensureListAndPopperInitialized(): void {\n if (!this._list) {\n this._list = document.createElement(VirtualList.ID) as VirtualList;\n this.updateListId();\n this._list.classList.add(\"combo-box-dropdown\");\n this._list.itemHeight = this.itemHeight;\n this._list.itemGenerator = this.itemGenerator;\n this._list.selectionType = this.triggerOnly ? SelectionType.TriggerOnly : SelectionType.Single;\n this._list.setAttribute(\"focus-target\", \"\");\n Object.assign(this._list.style, {\n zIndex: \"21000\",\n boxShadow: `rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,\n rgba(0, 0, 0, 0.12) 0px 1px 5px 0px,\n rgba(0, 0, 0, 0.2) 0px 3px 1px -2px`,\n background: \"white\",\n overflowY: \"auto\",\n });\n this._list.addEventListener(\"selection\", this.handleSelection);\n this._dataProvider.connectList(this._list);\n }\n if (!this._popper) {\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const comboBox = this;\n this._popper = createPopper(this, this._list, {\n placement: \"bottom-start\",\n modifiers: [\n {\n name: \"computeStyles\",\n options: {\n gpuAcceleration: true,\n },\n },\n {\n name: \"hide\",\n enabled: false,\n },\n {\n name: \"closeIfReferenceHidden\",\n enabled: true,\n phase: \"afterWrite\",\n fn({ state }) {\n const comboBox = state.elements.reference as ComboBox;\n comboBox.closeIfNotVisible();\n },\n },\n {\n name: \"offset\",\n options: {\n offset: ({ placement }) => {\n if (placement.indexOf(\"top\") > -1) {\n return [0, -parseInt(getComputedStyle(comboBox).paddingTop, 10)];\n }\n if (placement.indexOf(\"bottom\") > -1) {\n return [\n 0,\n -parseInt(getComputedStyle(comboBox).paddingBottom, 10) -\n ((\n this.shadowRoot.querySelector(\n \".validation-message-wrapper\",\n ) as HTMLElement\n )?.offsetHeight ?? 0),\n ];\n }\n return [0, 0];\n },\n },\n },\n {\n name: \"adjustWidthIfNeeded\",\n enabled: true,\n phase: \"read\",\n fn({ state }) {\n const list = state.elements.popper as VirtualList;\n list.increaseWidthOnNextRenderIfNeeded();\n },\n },\n ],\n });\n }\n }\n\n private closeIfNotVisible(): void {\n const elementFromPoint = this.elementFromMiddleOfComboBox();\n // elementFromPoint might be the list itself in Safari, thus it needs to be checked as well (Fixes: 244485)\n if (\n !this.contains(elementFromPoint) &&\n !this.shadowRoot.contains(elementFromPoint) &&\n elementFromPoint !== this._list\n ) {\n if (this.triggerOnly) {\n this.value = null;\n }\n this.opened = false;\n }\n }\n\n private elementFromMiddleOfComboBox(): Element {\n const rect = this.getBoundingClientRect();\n return document.elementFromPoint(rect.left + rect.width / 2, rect.top + rect.height / 2);\n }\n\n private handleSelection = (event: CustomEvent) => {\n const selectedItem = this._dataProvider.items[event.detail.index];\n if (!event.detail.selected) {\n // null selection is not allowed via clicking inside the dropdown\n this._list.selectedIndices = [event.detail.index];\n }\n this.comboBoxValue = { index: this._itemCache.indexOf(selectedItem), item: selectedItem };\n this.dispatchSelectionChangeEvent();\n this.focus();\n this.opened = false;\n };\n\n private async handleOpenedStateChange(): Promise<void> {\n this.inputElement.setAttribute(\"aria-expanded\", String(this.opened));\n if (this.opened) {\n if (!this.disabled) {\n this.ensureListAndPopperInitialized();\n\n const filterChanged = (this.filterText ?? \"\") !== (this._lastRequestedFilterText ?? \"\");\n if (this.isLazyLoadConfigured && (this.items.length == 0 \|\| filterChanged)) {\n this.requestData(0, filterChanged);\n }\n\n this.updateDropdownSizes();\n this.ownerDocument.body.appendChild(this._list);\n this.updateFocusAndSelectedIndexFromValue();\n\n window.requestAnimationFrame(() => {\n if (this._popper) {\n this._popper.update();\n }\n });\n\n window.addEventListener(\"pointerdown\", this.handleWindowPointerDown);\n\n if (!this.allowCustomValue && !this._openedByFilterTextChange) {\n this.select();\n }\n }\n this._openedByFilterTextChange = false;\n } else {\n await this._list.updateComplete;\n if (this._popper) {\n await this._popper.update;\n }\n this.ownerDocument.body.removeChild(this._list);\n window.removeEventListener(\"pointerdown\", this.handleWindowPointerDown);\n this.updateValueOnClose();\n this.clearFilter();\n this.setSelectionRange(0, 0);\n this.inputElement.removeAttribute(\"aria-activedescendant\");\n\n if (this._popper) {\n this._popper.destroy();\n this._popper = null;\n }\n }\n }\n\n private updateValueOnClose(): void {\n const oldValue = this.comboBoxValue ?? \"\";\n if (this.nullSettingDisallowed && !this.value && this.comboBoxValue) {\n this.restorePreviousSelection();\n } else if (this.value !== (this.convertToDisplayValue(null) ?? \"\")) {\n // value change only if needed\n const focusedItem = this._dataProvider.items[this._list.focusIndex] as {\n disabled?: boolean;\n };\n if (focusedItem && (focusedItem[this.displayValuePath] ?? \"\") === this.value) {\n if (focusedItem.disabled) {\n this.restorePreviousSelection();\n return;\n }\n // 1. select focused item if the input's value is the same\n this.comboBoxValue = { index: this._itemCache.indexOf(focusedItem), item: focusedItem };\n } else if (this.allowCustomValue \|\| !this.value) {\n // 2. set as a custom or empty value\n this.comboBoxValue = this.value;\n } else {\n // 3. try to search for an identical item\n const selectedIndex = this._itemCache.findIndex(\n (item) => (item[this.displayValuePath] ?? \"\") === this.value && !item.disabled,\n );\n if (selectedIndex > -1) {\n this.comboBoxValue = { index: selectedIndex, item: this._itemCache[selectedIndex] };\n } else {\n this.restorePreviousSelection(); // Fixes C1XRTYID\n }\n }\n } else {\n // Allow selecting another item with same caption but different id\n const focusedItem = this._dataProvider.items[this._list.focusIndex] as {\n id?: string;\n disabled?: boolean;\n };\n if (focusedItem && focusedItem.id != null) {\n if (focusedItem.disabled) {\n this.restorePreviousSelection();\n return;\n }\n if (\n !this.comboBoxValue \|\|\n this.isCustomValue(this.comboBoxValue) \|\|\n this.comboBoxValue.item.id != focusedItem.id\n ) {\n this.comboBoxValue = { index: this._itemCache.indexOf(focusedItem), item: focusedItem };\n }\n }\n }\n if (oldValue !== (this.comboBoxValue ?? \"\")) {\n this.dispatchSelectionChangeEvent();\n }\n this.updateIcon(this.isCustomValue(this.comboBoxValue) ? null : this.comboBoxValue?.item);\n }\n\n private restorePreviousSelection() {\n this.updateInputValue(null);\n }\n\n private updateFocusAndSelectedIndexFromValue(): void {\n if (this.comboBoxValue && !this.isCustomValue(this.comboBoxValue) && !this._openedByFilterTextChange) {\n let index = this.comboBoxValue.index;\n if (index == -1 \|\| this.isLazyLoadConfigured) {\n index = this.items.indexOf(this.comboBoxValue.item);\n if (index == -1) {\n const selectedId = this.comboBoxValue.item.id;\n if (selectedId != null) {\n index = this.items.findIndex((item) => item.id == selectedId);\n }\n }\n }\n this._list.focusIndex = index;\n this._list.selectedIndices = index == -1 ? [] : [index];\n } else {\n this._list.focusIndex = -1;\n this._list.selectedIndices = [];\n }\n this.updateActiveDescendant();\n }\n\n private handleWindowPointerDown = (event: PointerEvent) => {\n const contains = event.target instanceof Node && this.contains(event.target);\n if (!contains && this.opened && event.composedPath().indexOf(this._list) === -1) {\n if (this.triggerOnly) {\n this.value = null;\n }\n this.opened = false;\n }\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n switch (event.key) {\n case \"Down\":\n case \"ArrowDown\": {\n event.preventDefault();\n this.navigateInList(+1);\n break;\n }\n case \"Up\":\n case \"ArrowUp\": {\n event.preventDefault();\n this.navigateInList(-1);\n break;\n }\n case \"Enter\": {\n if (this.opened) {\n event.preventDefault();\n event.stopPropagation();\n this.opened = false;\n }\n break;\n }\n case \"Escape\": {\n if (this.opened) {\n event.preventDefault();\n event.stopPropagation();\n if (\n this._list.selectedIndices.indexOf(this._list.focusIndex) > -1 &&\n this._dataProvider.items.length > this._list.focusIndex\n ) {\n this.opened = false;\n } else {\n this.clearFilter();\n this.updateInputValue(null);\n this.updateFocusAndSelectedIndexFromValue();\n if (!this._list.selectedIndices.includes(this._list.focusIndex)) {\n this._list.selectedIndices.push(this._list.focusIndex);\n }\n }\n }\n break;\n }\n case \"Tab\": {\n if (this.opened) {\n if (this.triggerOnly) {\n this.value = null;\n }\n this.opened = false;\n }\n break;\n }\n }\n };\n\n private navigateInList(offset: number): void {\n if (!this.opened) {\n this.opened = true;\n } else {\n if (this._list.focusIndex == null) {\n if (offset > 0) {\n this._list.focusIndex = 0;\n } else {\n this._list.focusIndex = Math.max(0, this._dataProvider.items.length - 1);\n }\n } else {\n this._list.focusIndex = Math.max(\n 0,\n Math.min(this._dataProvider.items.length - 1, this._list.focusIndex + offset),\n );\n }\n this.updateInputValue(this._dataProvider.items[this._list.focusIndex] as ItemData \| any);\n this.updateActiveDescendant();\n if (!this.allowCustomValue) {\n this.select();\n }\n }\n }\n\n private updateActiveDescendant() {\n const focusedListItem = this._list && this._list.getListItem(this._list.focusIndex);\n if (focusedListItem) {\n this.inputElement.setAttribute(\"aria-activedescendant\", focusedListItem.id);\n } else {\n this.inputElement.removeAttribute(\"aria-activedescendant\");\n }\n }\n\n private updateInputValue(item: ItemData): void {\n this.updateComplete.then(() => {\n this.value = this.convertToDisplayValue(item);\n if (item) {\n this.updateIcon(item);\n } else {\n this.updateIconFromCurrentValue();\n }\n });\n }\n\n private convertToDisplayValue(item: ItemData): string {\n if (item) {\n return item[this.displayValuePath];\n } else if (this.comboBoxValue) {\n if (this.isCustomValue(this.comboBoxValue)) {\n return this.comboBoxValue;\n } else {\n return this.comboBoxValue.item[this.displayValuePath];\n }\n } else {\n return null;\n }\n }\n\n protected fireValueChange(immediate?: boolean): void {\n if (immediate) {\n if (this.filterText !== this.value) {\n const effectiveFilterChange = (this.filterText ?? \"\") !== this.value;\n this.filterText = this.value;\n this.updateIcon(null);\n if (!this.opened) {\n this._openedByFilterTextChange = true;\n this.opened = true;\n }\n if (effectiveFilterChange) {\n this.dispatchFilterChangeEvent();\n this.debouncedFilterItemsInMemory();\n }\n }\n }\n // consume both change events triggered from input, combo box provides a different API for that\n }\n\n private clearValue(): void {\n if (!this.nullSettingDisallowed) {\n this.value = null;\n this.inputElement.removeAttribute(\"aria-activedescendant\");\n if (this._list) {\n this._list.selectedIndices = [];\n }\n this.clearFilter();\n if (this.comboBoxValue) {\n this.comboBoxValue = null;\n this.dispatchSelectionChangeEvent();\n }\n this.requestUpdate();\n }\n }\n\n private clearFilter(): void {\n if (this.filterText != null) {\n this.filterText = undefined;\n this.filterItemsInMemory();\n this.dispatchFilterChangeEvent();\n this.updateIconFromCurrentValue();\n }\n }\n\n private updateDropdownSizes(): void {\n const viewportHeight = window.innerHeight \|\| document.documentElement.clientHeight;\n const overlayMaxHeight = (viewportHeight - this.offsetHeight) 0.5;\n Object.assign(this._list.style, {\n maxHeight: `${overlayMaxHeight}px`,\n minWidth: `${Math.max(this.offsetWidth, this.minimumOverlayWidth)}px`,\n maxWidth: `max(50vw, ${this.offsetWidth}px)`,\n });\n }\n\n private updateListId() {\n if (this.inputElement && this._list) {\n this._list.id = this.id + \"_list\";\n this.inputElement.setAttribute(\"aria-controls\", this._list.id);\n }\n }\n\n private isCustomValue(value: ComboBoxValue \| string): value is string {\n return typeof value === \"string\";\n }\n\n private dispatchSelectionChangeEvent(): void {\n this.updateComplete\n .then(() => {\n this.dispatchEvent(\n new CustomEvent<ISelectionEvent>(\"selection-change\", {\n detail: {\n selection: this.comboBoxValue,\n isCustomValue: this.isCustomValue(this.comboBoxValue),\n },\n }),\n );\n if (this.triggerOnly) {\n this.comboBoxValue = null;\n } else {\n const comboBoxValue = this.comboBoxValue;\n if (this.isCustomValue(comboBoxValue)) {\n this.setFormValue(comboBoxValue);\n } else {\n this.setFormValue(comboBoxValue?.item?.caption);\n }\n }\n })\n .catch((e) => {\n console.error(\"Could not dispatch selection change event due to:\", e);\n });\n }\n\n private dispatchFilterChangeEvent(): void {\n this.dispatchEvent(\n new CustomEvent<IFilterChangeEvent>(\"filter-change\", {\n detail: { value: this.filterText },\n composed: true,\n }),\n );\n this.debouncedRequestData(0);\n }\n\n private get isLazyLoadConfigured(): boolean {\n return !!this._onDataRequest;\n }\n\n /*\n Used only when lazy loading is configured.\n */\n private debouncedRequestData = debounce(this.requestData.bind(this), 250);\n private requestData(page: number, filterChanged?: boolean) {\n if (filterChanged == null) {\n filterChanged = (this.filterText ?? \"\") !== (this._lastRequestedFilterText ?? \"\");\n }\n if (this.isLazyLoadConfigured) {\n if (!this.opened) {\n if (filterChanged) {\n this._dataProvider.items = [];\n this._itemCache = [];\n }\n return;\n }\n if (this._lastRequestedPage == page && !filterChanged) {\n return;\n }\n if (this._pendingDataRequest) {\n this._pendingDataRequest.cancel(ComboBox.DATA_REQUEST_CANCELLED);\n }\n const cancellationPromise = new Promise<DataResponse>((_resolve, reject) => {\n this._pendingDataRequest = { cancel: reject };\n });\n this._lastRequestedPage = page;\n this._lastRequestedFilterText = this.filterText;\n this.setAttribute(\"loading\", \"\");\n Promise.race([cancellationPromise, this._onDataRequest(this._lastRequestedFilterText, page)])\n .then((dataResponse) => {\n if (this.filterText == this._lastRequestedFilterText && this._lastRequestedPage == page) {\n this._dataProvider.finalSizeIsKnown = dataResponse.finalSizeIsKnown;\n if (filterChanged) {\n this._dataProvider.items = dataResponse.items;\n this._itemCache = dataResponse.items;\n } else {\n this._dataProvider.addItems(dataResponse.items);\n this._itemCache = this._dataProvider.items;\n }\n if (this._list) {\n this._list.itemCount = this._dataProvider.items.length;\n }\n if (this._popper && this.opened) {\n if (this.comboBoxValue && !this.isCustomValue(this.comboBoxValue)) {\n const selectedItem = this.comboBoxValue.item;\n if (\n this._list.selectedIndices.length == 0 \|\|\n this.items[this._list.selectedIndices[0]] != selectedItem\n ) {\n let index = this.items.indexOf(selectedItem);\n if (index == -1) {\n const selectedId = selectedItem.id;\n if (selectedId != null) {\n index = this.items.findIndex((item) => item.id == selectedId);\n }\n }\n this.comboBoxValue.index = index;\n this._list.selectedIndices = index == -1 ? [] : [index];\n }\n }\n this.updateDropdownSizes();\n this._popper.update();\n }\n }\n this._pendingDataRequest = null;\n this.removeAttribute(\"loading\");\n })\n .catch((e) => {\n if (e !== ComboBox.DATA_REQUEST_CANCELLED) {\n console.error(\n `Data could not be loaded for filter \"${this._lastRequestedFilterText}\" and page number \"${page}\" due to the following error:\\n${e}`,\n );\n this._dataProvider.finalSizeIsKnown = true;\n\n if (this.items.length == 0) {\n this.opened = false;\n } else if (this._list) {\n this._list.itemCount = this.items.length;\n }\n this.removeAttribute(\"loading\");\n }\n this._pendingDataRequest = null;\n });\n }\n }\n\n private get defaultSlot(): HTMLSlotElement {\n return this.shadowRoot.querySelector(\"#default-slot\");\n }\n\n private onDefaultSlotChange(): void {\n this._declarativeItems = this.defaultSlot.assignedElements() as HTMLElement[];\n if (this._declarativeItems.length > 0) {\n this.finalSizeIsKnown = true;\n this.itemGenerator = (_data, index) => {\n return this._declarativeItems[index].cloneNode(true) as HTMLElement;\n };\n this.items = this._declarativeItems.map((item) => {\n const data = {\n caption: item.getAttribute(\"caption\"),\n description: item.getAttribute(\"description\"),\n };\n if (\"caption\" != this.displayValuePath && \"description\" != this.displayValuePath) {\n data[this.displayValuePath] =\n item[this.displayValuePath] \|\| item.getAttribute(this.displayValuePath);\n }\n return data;\n });\n }\n }\n}\n\nComboBox.ensureDefined();\n"],"names":["toggleSvg","clearSvg","TAG_NAME","debounce","func","delay","timeout","args","idCounter","_ComboBox","_a","SDInput","filterText","item","lowerCaseFilter","generator","event","selectedItem","ListDataProvider","value","items","onDataRequest","page","css","unsafeCSS","style","html","name","oldValue","newValue","changedProperties","selectedIndex","SelectionType","iconEl","ImageTools","clearButtonTemplate","toggleButtonTemplate","filteredInMemory","index","selectedId","VirtualList","comboBox","createPopper","state","placement","elementFromPoint","rect","filterChanged","focusedItem","offset","focusedListItem","immediate","effectiveFilterChange","overlayMaxHeight","comboBoxValue","e","cancellationPromise","_resolve","reject","dataResponse","_data","data","__decorateClass","property","ComboBox"],"mappings":"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"}

package/dist/docs/doc.mjs CHANGED Viewed

@@ -39,6 +39,10 @@ sd-combo-box.legacy-validation-layout {
 	grid-template-columns: repeat(2, 1fr);
 	column-gap: 16px;
 }
+sd-combo-box[long-validation-message] {
+	max-width: 320px;
+}
 `,on={mainContent:rn,description:nn,css:Ct},ln=Object.freeze(Object.defineProperty({__proto__:null,default:on},Symbol.toStringTag,{value:"Module"})),cn="modulepreload",mn=function(t,e){return new URL(t,e).href},ea={},Wt=function(e,i,a){let s=Promise.resolve();if(i&&i.length>0){let u=function(n){return Promise.all(n.map(m=>Promise.resolve(m).then(c=>({status:"fulfilled",value:c}),c=>({status:"rejected",reason:c}))))};const o=document.getElementsByTagName("link"),d=document.querySelector("meta[property=csp-nonce]"),h=d?.nonce||d?.getAttribute("nonce");s=u(i.map(n=>{if(n=mn(n,a),n in ea)return;ea[n]=!0;const m=n.endsWith(".css"),c=m?'[rel="stylesheet"]':"";if(!!a)for(let p=o.length-1;p>=0;p--){const N=o[p];if(N.href===n&&(!m||N.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${n}"]${c}`))return;const f=document.createElement("link");if(f.rel=m?"stylesheet":cn,m||(f.as="script"),f.crossOrigin="",f.href=n,h&&f.setAttribute("nonce",h),document.head.appendChild(f),m)return new Promise((p,N)=>{f.addEventListener("load",p),f.addEventListener("error",()=>N(new Error(`Unable to preload CSS for ${n}`)))})}))}function r(o){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=o,window.dispatchEvent(d),!d.defaultPrevented)throw o}return s.then(o=>{for(const d of o||[])d.status==="rejected"&&r(d.reason);return e().catch(r)})},dn=`<div class="grid-example-container" id="basic-examples-container">
 	<sd-combo-box id="basic-combobox" label="I am a combo box" item-height="40" placeholder="-- select an option --">
 	</sd-combo-box>
@@ -1310,7 +1314,7 @@ export default class DataProvider {
     { firstName: "Therese", lastName: "Janota" },
     { firstName: "Aaren", lastName: "Phair" },
 ];
-`,En={mainContent:xn,description:wn,initializer:{content:Sn,type:"typescript",initialize:()=>Wt(()=>import("./4_lazy_loading.js"),[],import.meta.url)},css:Ct+_n,additionalSources:[{content:Cn,language:"typescript",label:"DataProvider",type:"source"},{content:An,language:"typescript",label:"Example data",type:"source"}]},kn=Object.freeze(Object.defineProperty({__proto__:null,default:En},Symbol.toStringTag,{value:"Module"})),Mn=`<div class="grid-example-container" id="unusual-data-examples">
+`,En={mainContent:xn,description:wn,initializer:{content:Sn,type:"typescript",initialize:()=>Wt(()=>import("./4_lazy_loading.js"),[],import.meta.url)},css:Ct+_n,additionalSources:[{content:Cn,language:"typescript",label:"DataProvider",type:"source"},{content:An,language:"typescript",label:"Example data",type:"source"}]},kn=Object.freeze(Object.defineProperty({__proto__:null,default:En},Symbol.toStringTag,{value:"Module"})),Mn=`<div class="grid-example-container" id="unusual-data-examples" style="max-width: 500px">
 	<sd-combo-box
 		id="long-prefixes-example"
 		label="Long prefixes"
@@ -1486,7 +1490,7 @@ function updateMandatory(combobox: ComboBox) {
                     </sd-field-validation-message>
                 `}
             </div>
-        `}updated(t){super.updated(t),this._needsAutocompletedCheck&&!this.autocompleted&&setTimeout(()=>{try{this.autocompleted=this.autocompleted||!!this.shadowRoot.querySelector(":-webkit-autofill")}catch{}},0),this.rows>1&&((t.has("min")||t.has("max")||t.has("pattern"))&&console.warn("min, max & pattern attributes are not supported with multiple rows configuration."),this.type!="text"&&console.warn(`type: ${this.type} is not supported with multiple rows configuration.`))}update(t){if(super.update(t),t.has("validationMessage")&&(this.validationMessage?this._internals?.setValidity({customError:!0},this.validationMessage):this._internals?.setValidity(this.inputElement.validity,this.inputElement.validationMessage)),this._initialized&&t.has("rows"))throw Error("rows attribute cannot be changed after the input is attached to the DOM")}fireValueChange(t){this.dispatchEvent(new CustomEvent(`${t?"immediate-":""}value-change`,{detail:{value:this.value}})),this.setFormValue(this.value)}updateFormValidity(){if(this.validationMessage==null){this._internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage);const t=this.shadowRoot.querySelector("sd-field-validation-message");this.requestUpdate("validationMessage",t==null?null:t.message)}}shouldFloat(){return this.alwaysFloatLabel||this.currentText||this.placeholder||this.autocompleted||this.type==="date"}setFormValue(t){this._internals?.setFormValue(t),this.updateFormValidity()}formResetCallback(){this.value=this._initialValue}formDisabledCallback(t){this.effectiveDisabled=t||this.hasAttribute("disabled")}formAssociatedCallback(t){this._needsAutocompletedCheck=!0}formStateRestoreCallback(t,e){typeof t=="string"&&(this.value=t)}},De.ID=wl,De.DEFAULT_MAX_LENGTH=524288,De.formAssociated=!0,De.shadowRootOptions={...We.shadowRootOptions,delegatesFocus:va},De);ie([B({type:String,reflect:!0})],ee.prototype,"label");ie([B({type:String,attribute:!0})],ee.prototype,"validationMessage");ie([B({type:String,attribute:!0})],ee.prototype,"validationIconSrc");ie([B({type:Ni,attribute:!0,reflect:!0})],ee.prototype,"validationLevel");ie([B({type:String,hasChanged(t,e){return e!=null&&e!=t}})],ee.prototype,"currentText");ie([B({type:Boolean,attribute:!0})],ee.prototype,"alwaysFloatLabel");ie([B({type:Boolean,attribute:!0})],ee.prototype,"autocompleted");ie([B({type:Number,attribute:!0})],ee.prototype,"rows");ie([B({type:Boolean,reflect:!0,attribute:"effective-disabled"})],ee.prototype,"effectiveDisabled");ie([B({type:Boolean,reflect:!0,attribute:"extended-prefix"})],ee.prototype,"extendedPrefix");ie([B({type:String,reflect:!0})],ee.prototype,"type");ie([B({type:String,reflect:!0})],ee.prototype,"placeholder");ie([B({type:String,reflect:!0})],ee.prototype,"sdAriaLabel");ie([B({type:Number,reflect:!0})],ee.prototype,"maxlength");ie([B({type:Boolean,reflect:!0})],ee.prototype,"readonly");ie([B({type:Boolean,reflect:!0})],ee.prototype,"required");ie([B({type:String,reflect:!0})],ee.prototype,"name");ie([B({type:Boolean,reflect:!0})],ee.prototype,"inactive");ie([B({type:String,attribute:!0})],ee.prototype,"autocomplete");ie([B({type:String,attribute:!0})],ee.prototype,"min");ie([B({type:String,attribute:!0})],ee.prototype,"max");ie([B({type:String,attribute:!0})],ee.prototype,"pattern");let hi=ee;customElements.get(hi.ID)||customElements.define(hi.ID,hi);const Ls={ATTRIBUTE:1,CHILD:2},ur=t=>(...e)=>({_$litDirective$:t,values:e});let hr=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,i,a){this._$Ct=e,this._$AM=i,this._$Ci=a}_$AS(e,i){return this.update(e,i)}update(e,i){return this.render(...i)}};class Ns extends hr{constructor(e){if(super(e),this.it=Y,e.type!==Ls.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===Y||e==null)return this._t=void 0,this.it=e;if(e===dt)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const i=[e];return i.raw=i,this._t={_$litType$:this.constructor.resultType,strings:i,values:[]}}}Ns.directiveName="unsafeHTML",Ns.resultType=1;const Sl=ur(Ns);const Cl=t=>t.strings===void 0;const Dt=(t,e)=>{const i=t._$AN;if(i===void 0)return!1;for(const a of i)a._$AO?.(e,!1),Dt(a,e);return!0},bi=t=>{let e,i;do{if((e=t._$AM)===void 0)break;i=e._$AN,i.delete(t),t=e}while(i?.size===0)},fr=t=>{for(let e;e=t._$AM;t=e){let i=e._$AN;if(i===void 0)e._$AN=i=new Set;else if(i.has(t))break;i.add(t),kl(e)}};function Al(t){this._$AN!==void 0?(bi(this),this._$AM=t,fr(this)):this._$AM=t}function El(t,e=!1,i=0){const a=this._$AH,s=this._$AN;if(s!==void 0&&s.size!==0)if(e)if(Array.isArray(a))for(let r=i;r<a.length;r++)Dt(a[r],!1),bi(a[r]);else a!=null&&(Dt(a,!1),bi(a));else Dt(this,t)}const kl=t=>{t.type==Ls.CHILD&&(t._$AP??=El,t._$AQ??=Al)};let Ml=class extends hr{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,i,a){super._$AT(e,i,a),fr(this),this.isConnected=e._$AU}_$AO(e,i=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),i&&(Dt(this,e),bi(this))}setValue(e){if(Cl(this._$Ct))this._$Ct._$AI(e,this);else{const i=[...this._$Ct._$AH];i[this._$Ci]=e,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}};const bs=t=>t?t.startsWith("url")?t:`url("${t}")`:null,pr=(t,e)=>{if(t){const i=new Image;i.addEventListener("load",e),i.src=t,i.complete&&(i.removeEventListener("load",e),e())}};class Ol{static showImage(e,i,a,s){let r;s||!(e instanceof HTMLImageElement)?r=o=>e.style.backgroundImage=bs(o):r=o=>e.src=o,r(a),pr(i,()=>{r(i)})}}class Il extends Ml{constructor(e){if(super(e),e.type!==Ls.ATTRIBUTE||e.name!=="src"&&e.name!=="style")throw new Error("The `placeholder` directive must be used in the `src` or `style` attributes")}update(e,[i,a]){return this.useCssBackground=e.name=="style",this.render(i,a)}render(e,i){this.loadingToken!=null&&(this.loadingToken.cancelled=!0);const a={cancelled:!1};return this.loadingToken=a,typeof e=="string"?this.preload(e,a):e?.then(s=>{this.preload(s,a)}),this.useCssBackground?bs(i):i}preload(e,i){e!=null&&!i.cancelled&&pr(e,()=>{i.cancelled||this.setValue(this.useCssBackground?bs(e):e)})}}const Rl=ur(Il),$l=':host{display:block;contain:strict;height:50px}:host([selected]){background-color:#d3e6fa}:host(:not([selected]):hover),:host(:not([selected])[focused]){background-color:#e7f1fa}@media (forced-colors: active){:host([selected]){outline:4px solid}:host(:not([selected]):hover){outline:4px dotted}:host(:not([selected])[focused]){outline:4px dashed}}:host([enable-line-clamp]) .labels>:only-child{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow-wrap:break-word}.container{display:flex;height:100%;box-sizing:border-box}.container .level-indicator{width:7px;height:100%}.container .level-indicator.level-0{background-color:#a0c3ef}.container .level-indicator.level-1{background-color:#e7c374}.container .level-indicator.level-2{background-color:#bfd596}.container .level-indicator.level-3{background-color:#fd998d}.container .level-indicator.level-4{background-color:#c6e8f5}.container .level-indicator.level-5{background-color:#fde3a4}.container .level-indicator.level-6{background-color:#dcbfe0}.side-content{display:flex;align-items:center;flex-grow:0}.labels{display:flex;flex-direction:column;justify-content:center;flex:1 1 0px;height:100%;line-height:normal;overflow:hidden;padding:var(--sd-list-item-label-content-padding, 0 8px)}.caption,.description{width:100%;font-family:var(--sd-list-item-font-family, "Segoe UI", "Lucida Sans", Arial, sans-serif);font-style:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none;text-decoration:var(--sd-list-item-text-decoration, inherit)}.caption em,.description em{font-weight:bolder}.caption{font-size:var(--sd-list-item-caption-font-size, 16px);color:var(--sd-list-item-caption-text-color, #111);font-weight:var(--sd-list-item-caption-font-weight, normal)}.description{font-size:var(--sd-list-item-description-font-size, 13px);color:var(--sd-list-item-description-text-color, #767676);font-weight:var(--sd-list-item-description-font-weight, normal)}.icon-wrapper{width:var(--sd-list-item-icon-wrapper-width, 45px);height:100%;display:flex;align-items:center;justify-content:center}.icon-wrapper .icon{min-height:var(--sd-list-item-icon-size, 24px);min-width:var(--sd-list-item-icon-size, 24px);background-repeat:no-repeat;background-position:center;background-size:cover}';var Ll=Object.defineProperty,Ne=(t,e,i,a)=>{for(var s=void 0,r=t.length-1,o;r>=0;r--)(o=t[r])&&(s=o(e,i,s)||s);return s&&Ll(e,i,s),s},ot;const he=(ot=class extends We{constructor(){super(...arguments),this.contentMode="text",this.role="option"}static get styles(){return[Gt`
+        `}updated(t){super.updated(t),this._needsAutocompletedCheck&&!this.autocompleted&&setTimeout(()=>{try{this.autocompleted=this.autocompleted||!!this.shadowRoot.querySelector(":-webkit-autofill")}catch{}},0),this.rows>1&&((t.has("min")||t.has("max")||t.has("pattern"))&&console.warn("min, max & pattern attributes are not supported with multiple rows configuration."),this.type!="text"&&console.warn(`type: ${this.type} is not supported with multiple rows configuration.`))}update(t){if(super.update(t),t.has("validationMessage")&&(this.validationMessage?this._internals?.setValidity({customError:!0},this.validationMessage):this._internals?.setValidity(this.inputElement.validity,this.inputElement.validationMessage)),this._initialized&&t.has("rows"))throw Error("rows attribute cannot be changed after the input is attached to the DOM")}fireValueChange(t){this.dispatchEvent(new CustomEvent(`${t?"immediate-":""}value-change`,{detail:{value:this.value}})),this.setFormValue(this.value)}updateFormValidity(){if(this.validationMessage==null&&this.inputElement!=null){this._internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage);const t=this.shadowRoot.querySelector("sd-field-validation-message");this.requestUpdate("validationMessage",t==null?null:t.message)}}shouldFloat(){return this.alwaysFloatLabel||this.currentText||this.placeholder||this.autocompleted||this.type==="date"}setFormValue(t){this._internals?.setFormValue(t),this.updateFormValidity()}formResetCallback(){this.value=this._initialValue}formDisabledCallback(t){this.effectiveDisabled=t||this.hasAttribute("disabled")}formAssociatedCallback(t){this._needsAutocompletedCheck=!0}formStateRestoreCallback(t,e){typeof t=="string"&&(this.value=t)}},De.ID=wl,De.DEFAULT_MAX_LENGTH=524288,De.formAssociated=!0,De.shadowRootOptions={...We.shadowRootOptions,delegatesFocus:va},De);ie([B({type:String,reflect:!0})],ee.prototype,"label");ie([B({type:String,attribute:!0})],ee.prototype,"validationMessage");ie([B({type:String,attribute:!0})],ee.prototype,"validationIconSrc");ie([B({type:Ni,attribute:!0,reflect:!0})],ee.prototype,"validationLevel");ie([B({type:String,hasChanged(t,e){return e!=null&&e!=t}})],ee.prototype,"currentText");ie([B({type:Boolean,attribute:!0})],ee.prototype,"alwaysFloatLabel");ie([B({type:Boolean,attribute:!0})],ee.prototype,"autocompleted");ie([B({type:Number,attribute:!0})],ee.prototype,"rows");ie([B({type:Boolean,reflect:!0,attribute:"effective-disabled"})],ee.prototype,"effectiveDisabled");ie([B({type:Boolean,reflect:!0,attribute:"extended-prefix"})],ee.prototype,"extendedPrefix");ie([B({type:String,reflect:!0})],ee.prototype,"type");ie([B({type:String,reflect:!0})],ee.prototype,"placeholder");ie([B({type:String,reflect:!0})],ee.prototype,"sdAriaLabel");ie([B({type:Number,reflect:!0})],ee.prototype,"maxlength");ie([B({type:Boolean,reflect:!0})],ee.prototype,"readonly");ie([B({type:Boolean,reflect:!0})],ee.prototype,"required");ie([B({type:String,reflect:!0})],ee.prototype,"name");ie([B({type:Boolean,reflect:!0})],ee.prototype,"inactive");ie([B({type:String,attribute:!0})],ee.prototype,"autocomplete");ie([B({type:String,attribute:!0})],ee.prototype,"min");ie([B({type:String,attribute:!0})],ee.prototype,"max");ie([B({type:String,attribute:!0})],ee.prototype,"pattern");let hi=ee;customElements.get(hi.ID)||customElements.define(hi.ID,hi);const Ls={ATTRIBUTE:1,CHILD:2},ur=t=>(...e)=>({_$litDirective$:t,values:e});let hr=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,i,a){this._$Ct=e,this._$AM=i,this._$Ci=a}_$AS(e,i){return this.update(e,i)}update(e,i){return this.render(...i)}};class Ns extends hr{constructor(e){if(super(e),this.it=Y,e.type!==Ls.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===Y||e==null)return this._t=void 0,this.it=e;if(e===dt)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const i=[e];return i.raw=i,this._t={_$litType$:this.constructor.resultType,strings:i,values:[]}}}Ns.directiveName="unsafeHTML",Ns.resultType=1;const Sl=ur(Ns);const Cl=t=>t.strings===void 0;const Dt=(t,e)=>{const i=t._$AN;if(i===void 0)return!1;for(const a of i)a._$AO?.(e,!1),Dt(a,e);return!0},bi=t=>{let e,i;do{if((e=t._$AM)===void 0)break;i=e._$AN,i.delete(t),t=e}while(i?.size===0)},fr=t=>{for(let e;e=t._$AM;t=e){let i=e._$AN;if(i===void 0)e._$AN=i=new Set;else if(i.has(t))break;i.add(t),kl(e)}};function Al(t){this._$AN!==void 0?(bi(this),this._$AM=t,fr(this)):this._$AM=t}function El(t,e=!1,i=0){const a=this._$AH,s=this._$AN;if(s!==void 0&&s.size!==0)if(e)if(Array.isArray(a))for(let r=i;r<a.length;r++)Dt(a[r],!1),bi(a[r]);else a!=null&&(Dt(a,!1),bi(a));else Dt(this,t)}const kl=t=>{t.type==Ls.CHILD&&(t._$AP??=El,t._$AQ??=Al)};let Ml=class extends hr{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,i,a){super._$AT(e,i,a),fr(this),this.isConnected=e._$AU}_$AO(e,i=!0){e!==this.isConnected&&(this.isConnected=e,e?this.reconnected?.():this.disconnected?.()),i&&(Dt(this,e),bi(this))}setValue(e){if(Cl(this._$Ct))this._$Ct._$AI(e,this);else{const i=[...this._$Ct._$AH];i[this._$Ci]=e,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}};const bs=t=>t?t.startsWith("url")?t:`url("${t}")`:null,pr=(t,e)=>{if(t){const i=new Image;i.addEventListener("load",e),i.src=t,i.complete&&(i.removeEventListener("load",e),window.queueMicrotask(()=>e()))}};class Ol{static showImage(e,i,a,s){let r;s||!(e instanceof HTMLImageElement)?r=o=>e.style.backgroundImage=bs(o):r=o=>e.src=o,r(a),pr(i,()=>{r(i)})}}class Il extends Ml{constructor(e){if(super(e),e.type!==Ls.ATTRIBUTE||e.name!=="src"&&e.name!=="style")throw new Error("The `placeholder` directive must be used in the `src` or `style` attributes")}update(e,[i,a]){return this.useCssBackground=e.name=="style",this.render(i,a)}render(e,i){this.loadingToken!=null&&(this.loadingToken.cancelled=!0);const a={cancelled:!1};return this.loadingToken=a,typeof e=="string"?this.preload(e,a):e?.then(s=>{this.preload(s,a)}),this.useCssBackground?bs(i):i}preload(e,i){e!=null&&!i.cancelled&&pr(e,()=>{i.cancelled||this.setValue(this.useCssBackground?bs(e):e)})}}const Rl=ur(Il),$l=':host{display:block;contain:strict;height:50px}:host([selected]){background-color:#d3e6fa}:host(:not([selected]):hover),:host(:not([selected])[focused]){background-color:#e7f1fa}@media (forced-colors: active){:host([selected]){outline:4px solid}:host(:not([selected]):hover){outline:4px dotted}:host(:not([selected])[focused]){outline:4px dashed}}:host([enable-line-clamp]) .labels>:only-child{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow-wrap:break-word}.container{display:flex;height:100%;box-sizing:border-box}.container .level-indicator{width:7px;height:100%}.container .level-indicator.level-0{background-color:#a0c3ef}.container .level-indicator.level-1{background-color:#e7c374}.container .level-indicator.level-2{background-color:#bfd596}.container .level-indicator.level-3{background-color:#fd998d}.container .level-indicator.level-4{background-color:#c6e8f5}.container .level-indicator.level-5{background-color:#fde3a4}.container .level-indicator.level-6{background-color:#dcbfe0}.side-content{display:flex;align-items:center;flex-grow:0}.labels{display:flex;flex-direction:column;justify-content:center;flex:1 1 0px;height:100%;line-height:normal;overflow:hidden;padding:var(--sd-list-item-label-content-padding, 0 8px)}.caption,.description{width:100%;font-family:var(--sd-list-item-font-family, "Segoe UI", "Lucida Sans", Arial, sans-serif);font-style:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none;text-decoration:var(--sd-list-item-text-decoration, inherit)}.caption em,.description em{font-weight:bolder}.caption{font-size:var(--sd-list-item-caption-font-size, 16px);color:var(--sd-list-item-caption-text-color, #111);font-weight:var(--sd-list-item-caption-font-weight, normal)}.description{font-size:var(--sd-list-item-description-font-size, 13px);color:var(--sd-list-item-description-text-color, #767676);font-weight:var(--sd-list-item-description-font-weight, normal)}.icon-wrapper{width:var(--sd-list-item-icon-wrapper-width, 45px);height:100%;display:flex;align-items:center;justify-content:center}.icon-wrapper .icon{min-height:var(--sd-list-item-icon-size, 24px);min-width:var(--sd-list-item-icon-size, 24px);background-repeat:no-repeat;background-position:center;background-size:cover}';var Ll=Object.defineProperty,Ne=(t,e,i,a)=>{for(var s=void 0,r=t.length-1,o;r>=0;r--)(o=t[r])&&(s=o(e,i,s)||s);return s&&Ll(e,i,s),s},ot;const he=(ot=class extends We{constructor(){super(...arguments),this.contentMode="text",this.role="option"}static get styles(){return[Gt`
                 ${At($l)}
             `]}render(){return be`
             <div class="container">
@@ -1528,7 +1532,7 @@ function updateMandatory(combobox: ComboBox) {
 `,ql=`<svg xmlns="http://www.w3.org/2000/svg" class="clear-button" slot="suffix" viewBox="0 0 16 16">\r
   <path d="M12.96 4.46l-1.42-1.42-3.54 3.55-3.54-3.55-1.42 1.42 3.55 3.54-3.55 3.54 1.42 1.42 3.54-3.55 3.54 3.55 1.42-1.42-3.55-3.54 3.55-3.54z"/>\r
 </svg>\r
-`;var Ul=Object.defineProperty,Je=(t,e,i,a)=>{for(var s=void 0,r=t.length-1,o;r>=0;r--)(o=t[r])&&(s=o(e,i,s)||s);return s&&Ul(e,i,s),s};const Wl="sd-combo-box";function xa(t,e){let i;return function(...a){i!=null&&clearTimeout(i),i=window.setTimeout(()=>t(...a),e)}}let Gl=0;var ge;const Ve=(ge=class extends hi{constructor(){super(),this.opened=!1,this.itemHeight=50,this.displayValuePath="caption",this.id=ge.ID+"_"+Gl++,this.inMemoryFilter=(e,i)=>{if(!e)return!0;const a=e.toLowerCase();return!!(typeof i.caption=="string"&&i.caption.toLowerCase().includes(a)||typeof i.description=="string"&&i.description.toLowerCase().includes(a))},this.minimumOverlayWidth=250,this._itemGenerator=gr,this._itemCache=[],this.debouncedFilterItemsInMemory=xa(this.filterItemsInMemory.bind(this),200),this.handleSelection=e=>{const i=this._dataProvider.items[e.detail.index];e.detail.selected||(this._list.selectedIndices=[e.detail.index]),this.comboBoxValue={index:this._itemCache.indexOf(i),item:i},this.dispatchSelectionChangeEvent(),this.opened=!1},this.handleWindowPointerDown=e=>{!(e.target instanceof Node&&this.contains(e.target))&&this.opened&&e.composedPath().indexOf(this._list)===-1&&(this.triggerOnly&&(this.value=null),this.opened=!1)},this.handleKeyDown=e=>{switch(e.key){case"Down":case"ArrowDown":{e.preventDefault(),this.navigateInList(1);break}case"Up":case"ArrowUp":{e.preventDefault(),this.navigateInList(-1);break}case"Enter":{this.opened&&(e.preventDefault(),e.stopPropagation(),this.opened=!1);break}case"Escape":{this.opened&&(e.preventDefault(),e.stopPropagation(),this._list.selectedIndices.indexOf(this._list.focusIndex)>-1&&this._dataProvider.items.length>this._list.focusIndex?this.opened=!1:(this.clearFilter(),this.updateInputValue(null),this.updateFocusAndSelectedIndexFromValue(),this._list.selectedIndices.includes(this._list.focusIndex)||this._list.selectedIndices.push(this._list.focusIndex)));break}case"Tab":{this.opened&&(this.triggerOnly&&(this.value=null),this.opened=!1);break}}},this.debouncedRequestData=xa(this.requestData.bind(this),250),this._dataProvider=new Tl,this._dataProvider.finalSizeIsKnown=!0}get clearFilterOnLazyLoadedSelection(){return this.triggerOnly}set clearFilterOnLazyLoadedSelection(e){console.warn("Using clearFilterOnLazyLoadedSelection setting on a combo-box is deprecated. Use triggerOnly instead."),this.triggerOnly=e}get itemGenerator(){return this._itemGenerator}set itemGenerator(e){this._itemGenerator=e,this._list&&(this._list.itemGenerator=this._itemGenerator)}get items(){return this._itemCache}set items(e){this._itemCache=e,this.isLazyLoadConfigured&&(this._dataProvider.items=e,this._lastRequestedPage=null),this.value&&!this.comboBoxValue&&this.updateComboBoxValueFromValue(),this.filterItemsInMemory(),this.opened&&this._popper&&this._popper.update()}get finalSizeIsKnown(){return this._dataProvider.finalSizeIsKnown}set finalSizeIsKnown(e){this._dataProvider.finalSizeIsKnown=e}configureLazyLoad(e){if(!e)throw new Error("It is not possible to configure lazy load without a given onDataRequest calback.");this._dataProvider.finalSizeIsKnown=!1,this._onDataRequest=e,this._dataProvider.onDataRequest=i=>{this.requestData(i,!1)}}get comboBoxValue(){return this._comboBoxValue}set comboBoxValue(e){this._comboBoxValue=e,this.updateInputValue(null),this.updateHasValue()}get selectedIndex(){return this.isCustomValue(this.comboBoxValue)||!this.comboBoxValue?-1:this.comboBoxValue.index}get displayValue(){return this.value}open(){this.opened=!0}static get styles(){return[Gt`
+`;var Ul=Object.defineProperty,Je=(t,e,i,a)=>{for(var s=void 0,r=t.length-1,o;r>=0;r--)(o=t[r])&&(s=o(e,i,s)||s);return s&&Ul(e,i,s),s};const Wl="sd-combo-box";function xa(t,e){let i;return function(...a){i!=null&&clearTimeout(i),i=window.setTimeout(()=>t(...a),e)}}let Gl=0;var ge;const Ve=(ge=class extends hi{constructor(){super(),this.opened=!1,this.itemHeight=50,this.displayValuePath="caption",this.id=ge.ID+"_"+Gl++,this.inMemoryFilter=(e,i)=>{if(!e)return!0;const a=e.toLowerCase();return!!(typeof i.caption=="string"&&i.caption.toLowerCase().includes(a)||typeof i.description=="string"&&i.description.toLowerCase().includes(a))},this.minimumOverlayWidth=250,this._itemGenerator=gr,this._itemCache=[],this.debouncedFilterItemsInMemory=xa(this.filterItemsInMemory.bind(this),200),this.handleSelection=e=>{const i=this._dataProvider.items[e.detail.index];e.detail.selected||(this._list.selectedIndices=[e.detail.index]),this.comboBoxValue={index:this._itemCache.indexOf(i),item:i},this.dispatchSelectionChangeEvent(),this.focus(),this.opened=!1},this.handleWindowPointerDown=e=>{!(e.target instanceof Node&&this.contains(e.target))&&this.opened&&e.composedPath().indexOf(this._list)===-1&&(this.triggerOnly&&(this.value=null),this.opened=!1)},this.handleKeyDown=e=>{switch(e.key){case"Down":case"ArrowDown":{e.preventDefault(),this.navigateInList(1);break}case"Up":case"ArrowUp":{e.preventDefault(),this.navigateInList(-1);break}case"Enter":{this.opened&&(e.preventDefault(),e.stopPropagation(),this.opened=!1);break}case"Escape":{this.opened&&(e.preventDefault(),e.stopPropagation(),this._list.selectedIndices.indexOf(this._list.focusIndex)>-1&&this._dataProvider.items.length>this._list.focusIndex?this.opened=!1:(this.clearFilter(),this.updateInputValue(null),this.updateFocusAndSelectedIndexFromValue(),this._list.selectedIndices.includes(this._list.focusIndex)||this._list.selectedIndices.push(this._list.focusIndex)));break}case"Tab":{this.opened&&(this.triggerOnly&&(this.value=null),this.opened=!1);break}}},this.debouncedRequestData=xa(this.requestData.bind(this),250),this._dataProvider=new Tl,this._dataProvider.finalSizeIsKnown=!0}get clearFilterOnLazyLoadedSelection(){return this.triggerOnly}set clearFilterOnLazyLoadedSelection(e){console.warn("Using clearFilterOnLazyLoadedSelection setting on a combo-box is deprecated. Use triggerOnly instead."),this.triggerOnly=e}get itemGenerator(){return this._itemGenerator}set itemGenerator(e){this._itemGenerator=e,this._list&&(this._list.itemGenerator=this._itemGenerator)}get items(){return this._itemCache}set items(e){this._itemCache=e,this.isLazyLoadConfigured&&(this._dataProvider.items=e,this._lastRequestedPage=null),this.value&&!this.comboBoxValue&&this.updateComboBoxValueFromValue(),this.filterItemsInMemory(),this.opened&&this._popper&&this._popper.update()}get finalSizeIsKnown(){return this._dataProvider.finalSizeIsKnown}set finalSizeIsKnown(e){this._dataProvider.finalSizeIsKnown=e}configureLazyLoad(e){if(!e)throw new Error("It is not possible to configure lazy load without a given onDataRequest calback.");this._dataProvider.finalSizeIsKnown=!1,this._onDataRequest=e,this._dataProvider.onDataRequest=i=>{this.requestData(i,!1)}}get comboBoxValue(){return this._comboBoxValue}set comboBoxValue(e){this._comboBoxValue=e,this.updateInputValue(null),this.updateHasValue()}get selectedIndex(){return this.isCustomValue(this.comboBoxValue)||!this.comboBoxValue?-1:this.comboBoxValue.index}get displayValue(){return this.value}open(){this.opened=!0}static get styles(){return[Gt`
                 ${At(Fl)}
             `]}disconnectedCallback(){super.disconnectedCallback(),this._popper&&(this._popper.destroy(),this._popper=null)}render(){return be`
             ${super.render()}

package/npm-third-party-licenses.json CHANGED Viewed

@@ -64,6 +64,11 @@
         "repository": "https://github.com/cypress-io/cypress",
         "licenseUrl": "https://cypress.io"
     },
+    "d3-color@3.1.0": {
+        "licenses": "ISC",
+        "repository": "https://github.com/d3/d3-color",
+        "licenseUrl": "https://github.com/d3/d3-color/raw/HEAD/LICENSE"
+    },
     "esbuild@0.25.9": {
         "licenses": "MIT",
         "repository": "https://github.com/evanw/esbuild",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cas-smartdesign/combo-box",
-  "version": "7.5.1",
+  "version": "7.5.3",
   "description": "A combo-box element with the look and feel of the SmartDesign inputs & list item layouts",
   "main": "dist/combo-box-with-externals.js",
   "module": "dist/combo-box.mjs",
@@ -9,15 +9,15 @@
   "dependencies": {
     "@popperjs/core": "^2.11.8",
     "lit": "^3.3.1",
-    "@cas-smartdesign/image-tools": "^3.2.0",
-    "@cas-smartdesign/lit-input": "^7.4.1",
-    "@cas-smartdesign/list-item": "^7.4.0",
+    "@cas-smartdesign/image-tools": "^3.2.1",
+    "@cas-smartdesign/list-item": "^7.4.1",
+    "@cas-smartdesign/lit-input": "^7.4.2",
     "@cas-smartdesign/virtual-list": "^6.3.0"
   },
   "devDependencies": {
+    "@cas-smartdesign/field-validation-message": "^5.1.0",
     "@cas-smartdesign/element-preview": "^0.3.0",
     "@cas-smartdesign/license-generator": "^1.7.0",
-    "@cas-smartdesign/field-validation-message": "^5.1.0",
     "@cas-smartdesign/styles": "^3.7.0"
   },
   "files": [