@public-ui/components 2.2.20 → 2.2.21-rc.0

package/dist/kolibri/kol-single-select.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["SingleSelectController","InputIconController","constructor","component","name","host","super","this","keyOptionMap","Map","afterPatchOptions","value","_state","_component","key","setFormAssociatedValue","beforePatchOptions","_value","nextState","options","has","get","state","_options","Array","isArray","length","clear","fillKeyOptionMap","validateOptions","hooks","afterPatch","beforePatch","validateRequired","watchBoolean","validateValue","watchValidator","v","undefined","Set","validatePlaceholder","watchString","validateHideClearButton","validateRows","watchNumber","componentWillLoad","_required","_placeholder","_hideClearButton","_rows","defaultStyleCss","KolSingleSelectDefaultStyle0","KolSingleSelect","getValue","kolFocus","_a","refInput","focus","onBlur","matchingOption","find","option","_b","label","toLowerCase","_inputValue","selectOption","_c","_filteredOptions","_isOpen","_hasOpened","createEventWithTarget","type","detail","event","CustomEvent","bubbles","Object","defineProperty","clearSelection","_disabled","emptyValue","_focusedOptionIndex","inputEvent","_name","changeEvent","controller","onFacade","onInput","onChange","target","setFilteredOptionsByQuery","handleKeyDownDropdown","test","preventDefault","focusSuggestionStartingWith","query","trim","filter","includes","moveFocus","delta","newIndex","iterations","foundEnabledOption","maxIterations","disabled","focusOption","index","refOptions","optionElement","char","charLowerCase","findIndex","startsWith","render","hasExpertSlot","showExpertSlot","_label","ariaDescribedBy","getRenderStates","h","Host","class","KolInputTag","_accessKey","_alert","showAsAlert","_hideError","_hideLabel","_hint","_icons","_id","_msg","_shortKey","_tooltipAlign","_touched","role","slot","Fragment","InternalUnderlinedBadgeText","badgeText","buildBadgeTextString","assign","ref","catchRef","accessKey","join","autoCapitalize","autoComplete","autoCorrect","required","bind","onClick","toggleListbox","onFocus","inputHasFocus","placeholder","KolIconTag","translate","tabindex","clsx","blockSuggestionMouseOver","style","onKeyDown","map","id","el","tabIndex","onMouseOver","e","checked","htmlFor","handleFocusOut","setTimeout","contains","document","activeElement","handleWindowBlur","handleKeyDown","handleEvent","isOpen","callback","hostRef","selectedIndex","selectedOptionElement","scrollIntoView","block","nonce","Boolean","validateAccessKey","validateAlert","validateDisabled","validateHideError","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","updateInputValue","validateShortKey","validateSyncValueBySelector","validateTabIndex","validateTouched","oldValue","handleMouseEvent","matchedOption","String","tryToDispatchKoliBriEvent","_on","_d"],"sources":["src/components/single-select/controller.ts","src/components/single-select/style.scss?tag=kol-single-select&mode=default&encapsulation=shadow","src/components/single-select/shadow.tsx"],"sourcesContent":["import type { Option, OptionsPropType, SelectOption, SingleSelectProps, SingleSelectWatches, StencilUnknown, W3CInputValue } from '../../schema';\nimport { validateOptions, watchBoolean, watchNumber, watchString, watchValidator } from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { fillKeyOptionMap } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class SingleSelectController extends InputIconController implements SingleSelectWatches {\n\tprotected readonly component: Generic.Element.Component & SingleSelectProps;\n\tprivate readonly keyOptionMap = new Map<string, Option<StencilUnknown>>();\n\n\tpublic constructor(component: Generic.Element.Component & SingleSelectProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as StencilUnknown);\n\t\t}\n\t};\n\n\tprotected readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tvalidateOptions(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\twatchValidator(this.component, '_value', (v) => v !== undefined, new Set([`StencilUnknown`]), value);\n\t}\n\n\tpublic validatePlaceholder(value?: string): void {\n\t\twatchString(this.component, '_placeholder', value);\n\t}\n\n\tpublic validateHideClearButton(value?: boolean): void {\n\t\twatchBoolean(this.component, '_hideClearButton', value);\n\t}\n\n\tpublic validateRows(value?: number): void {\n\t\twatchNumber(this.component, '_rows', value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validatePlaceholder(this.component._placeholder);\n\t\tthis.validateHideClearButton(this.component._hideClearButton);\n\t\tthis.validateRows(this.component._rows);\n\t}\n}\n","@use '../@shared/mixins' as *;\n@use '../style' as *;\n@use '../input-line' as *;\n\n$option-height: to-rem(40);\n$visible-options: var(--visible-options, 5);\n\n@layer kol-component {\n\t.single-select {\n\t\tposition: relative;\n\n\t\t&.disabled,\n\t\t&.disabled * {\n\t\t\tcursor: not-allowed !important;\n\t\t}\n\n\t\t&__group {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__input {\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t&__button {\n\t\t\twidth: var(--a11y-min-size);\n\t\t\theight: auto;\n\t\t}\n\n\t\t&__listbox {\n\t\t\tbackground-color: white;\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tz-index: 2;\n\t\t\tmax-height: calc($option-height * $visible-options + to-rem(2)) !important;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\toverflow-x: hidden;\n\t\t\toverflow-y: auto;\n\t\t\tlist-style-type: none;\n\t\t}\n\n\t\t&__item {\n\t\t\t&:not(&--disabled) {\n\t\t\t\t&.highlighted {\n\t\t\t\t\tbackground-color: #f0f0f0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.single-select__listbox--cursor-hidden & {\n\t\t\t\tcursor: none !important;\n\t\t\t}\n\n\t\t\t&--disabled:focus,\n\t\t\t&--disabled:focus * {\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t&__no-results-message {\n\t\t\tdisplay: flex;\n\t\t\tmin-height: to-rem(50);\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tcursor: default;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tHideErrorPropType,\n\tIconsHorizontalPropType,\n\tIdPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tOption,\n\tOptionsPropType,\n\tRowsPropType,\n\tShortKeyPropType,\n\tSingleSelectAPI,\n\tSingleSelectStates,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { buildBadgeTextString, showExpertSlot } from '../../schema';\n\nimport clsx from 'clsx';\nimport { KolIconTag, KolInputTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { EventDetail } from '../../schema/interfaces/EventDetail';\nimport { nonce } from '../../utils/dev.utils';\nimport { tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { getRenderStates } from '../input/controller';\nimport { InternalUnderlinedBadgeText } from '../span/InternalUnderlinedBadgeText';\nimport { SingleSelectController } from './controller';\n\n/**\n * @slot - The input field label.\n */\n@Component({\n\ttag: 'kol-single-select',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolSingleSelect implements SingleSelectAPI {\n\t@Element() private readonly host?: HTMLKolSingleSelectElement;\n\tprivate refInput?: HTMLInputElement;\n\tprivate refOptions: HTMLLIElement[] = [];\n\tprivate oldValue?: StencilUnknown;\n\n\t/**\n\t * Returns the selected value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown | undefined> {\n\t\treturn this._value;\n\t}\n\n\t/**\n\t * Focuses the input element.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\tthis.refInput?.focus();\n\t}\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.refInput = ref;\n\t};\n\n\tprivate toggleListbox = (event: Event) => {\n\t\tevent?.preventDefault();\n\t\tif (this.state._disabled) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tif (!this._hasOpened) {\n\t\t\t\tthis._isOpen = true;\n\t\t\t\tthis._hasOpened = true;\n\t\t\t\tthis.refInput?.focus();\n\t\t\t\tconst selectedIndex = Array.isArray(this._filteredOptions) ? this._filteredOptions.findIndex((option) => option.label === this._inputValue) : -1;\n\t\t\t\tconst selectedOptionElement = this.refOptions[selectedIndex];\n\t\t\t\tselectedOptionElement?.scrollIntoView({ block: 'nearest' });\n\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t}\n\t\t}\n\t};\n\n\t/**\n\t * If there are options and the current input value doesn't match any option's label,\n\t * resets the input value to match the label of the currently selected option.\n\t * Closes the dropdown and resets the opened state.\n\t */\n\tprivate onBlur() {\n\t\tconst matchingOption = this.state._options?.find((option) => (option.label as string)?.toLowerCase() === this._inputValue?.toLowerCase());\n\n\t\tif (matchingOption) {\n\t\t\tthis.selectOption(matchingOption as Option<string>);\n\t\t} else {\n\t\t\tthis._inputValue = this.state._options?.find((option) => (option as Option<string>).value === this._value)?.label as string;\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t}\n\n\t\tthis._isOpen = false;\n\t\tthis._hasOpened = false;\n\t}\n\n\tprivate createEventWithTarget(type: string, detail: EventDetail): CustomEvent<EventDetail> {\n\t\tconst event = new CustomEvent<EventDetail>(type, {\n\t\t\tbubbles: true,\n\t\t\tdetail,\n\t\t});\n\n\t\tif (this.refInput) {\n\t\t\tObject.defineProperty(event, 'target', {\n\t\t\t\tvalue: this.refInput,\n\t\t\t});\n\n\t\t\tObject.defineProperty(event, 'currentTarget', {\n\t\t\t\tvalue: this.refInput,\n\t\t\t});\n\t\t}\n\t\treturn event;\n\t}\n\n\tprivate clearSelection() {\n\t\tif (this.state._disabled) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tconst emptyValue = null;\n\t\t\tthis._focusedOptionIndex = -1;\n\t\t\tthis._value = emptyValue;\n\t\t\tthis._inputValue = '';\n\t\t\tthis._filteredOptions = [...this.state._options];\n\n\t\t\tconst inputEvent = this.createEventWithTarget('input', {\n\t\t\t\tname: this.state._name as string,\n\t\t\t\tvalue: emptyValue,\n\t\t\t});\n\t\t\tconst changeEvent = this.createEventWithTarget('change', {\n\t\t\t\tname: this.state._name as string,\n\t\t\t\tvalue: emptyValue,\n\t\t\t});\n\n\t\t\tthis.controller.onFacade.onInput(inputEvent, true, { value: emptyValue });\n\t\t\tthis.controller.onFacade.onChange(changeEvent, { value: emptyValue });\n\t\t}\n\t}\n\n\tprivate selectOption(option: Option<string>) {\n\t\tif (option.value === this._value) {\n\t\t\tthis._inputValue = option.label as string;\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t\treturn;\n\t\t}\n\n\t\tthis._value = option.value;\n\t\tthis._inputValue = option.label as string;\n\n\t\tconst inputEvent = this.createEventWithTarget('input', {\n\t\t\tname: this.state._name ?? '',\n\t\t\tvalue: option.value,\n\t\t});\n\t\tconst changeEvent = this.createEventWithTarget('change', {\n\t\t\tname: this.state._name ?? '',\n\t\t\tvalue: option.value,\n\t\t});\n\n\t\tthis.controller.onFacade.onInput(inputEvent, false, option.value);\n\t\tthis.controller.onFacade.onChange(changeEvent, option.value);\n\n\t\tthis._filteredOptions = [...this.state._options];\n\n\t\tthis.controller.setFormAssociatedValue(this._value);\n\t}\n\n\tprivate onInput(event: Event) {\n\t\tconst target = event.target as HTMLInputElement;\n\t\tthis._inputValue = target.value;\n\t\tthis._isOpen = true;\n\t\tthis.setFilteredOptionsByQuery(target.value);\n\t\tthis._focusedOptionIndex = -1;\n\t}\n\n\tprivate handleKeyDownDropdown(event: KeyboardEvent) {\n\t\tif (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {\n\t\t\tevent.preventDefault();\n\t\t\tthis._isOpen = true;\n\t\t\tthis.focusSuggestionStartingWith(event.key);\n\t\t}\n\t}\n\n\tprivate setFilteredOptionsByQuery(query: string) {\n\t\tif (query?.trim() === '') {\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t} else if (Array.isArray(this.state._options) && this.state._options.length > 0 && query.length > 0) {\n\t\t\tthis._filteredOptions = this.state._options.filter((option) => {\n\t\t\t\treturn (option.label as string)?.toLowerCase()?.includes(query?.toLowerCase());\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate _focusedOptionIndex: number = -1;\n\n\tprivate moveFocus(delta: number) {\n\t\tif (!this._filteredOptions) {\n\t\t\treturn;\n\t\t}\n\t\tlet newIndex = this._focusedOptionIndex + delta;\n\t\tlet iterations = 0;\n\t\tlet foundEnabledOption = false;\n\n\t\tconst maxIterations = this._filteredOptions.length;\n\n\t\twhile (iterations < maxIterations) {\n\t\t\tif (newIndex >= this._filteredOptions.length) {\n\t\t\t\tnewIndex = 0;\n\t\t\t}\n\t\t\tif (newIndex < 0) {\n\t\t\t\tnewIndex = this._filteredOptions.length - 1;\n\t\t\t}\n\n\t\t\tconst option = this._filteredOptions[newIndex] as Option<StencilUnknown>;\n\t\t\tif (!option.disabled) {\n\t\t\t\tfoundEnabledOption = true;\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tnewIndex += delta;\n\t\t\titerations++;\n\t\t}\n\n\t\tif (foundEnabledOption) {\n\t\t\tthis._focusedOptionIndex = newIndex;\n\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t}\n\t}\n\n\tprivate focusOption(index: number) {\n\t\tif (this.refOptions) {\n\t\t\tconst optionElement = this.refOptions[index];\n\t\t\toptionElement?.focus();\n\t\t}\n\t}\n\n\tprivate focusSuggestionStartingWith(char: string) {\n\t\tconst charLowerCase = char.toLowerCase();\n\n\t\tconst index =\n\t\t\tArray.isArray(this._filteredOptions) &&\n\t\t\tthis._filteredOptions.findIndex((option) => (option.label as string).toLowerCase().startsWith(charLowerCase) && !option.disabled);\n\n\t\tif (typeof index === 'number' && index >= 0) {\n\t\t\tthis._focusedOptionIndex = index;\n\t\t\tthis.focusOption(index);\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\n\t\treturn (\n\t\t\t<Host class=\"kol-single-select\">\n\t\t\t\t<div class={`single-select ${this.state._disabled === true ? 'disabled' : ''} `}>\n\t\t\t\t\t<KolInputTag\n\t\t\t\t\t\t_accessKey={this.state._accessKey}\n\t\t\t\t\t\t_alert={this.showAsAlert()}\n\t\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t\t_msg={this.state._msg}\n\t\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t\t_shortKey={this.state._shortKey}\n\t\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\t\trole={`presentation` /* Avoid element being read as 'clickable' in NVDA */}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t\t{hasExpertSlot ? (\n\t\t\t\t\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t\t\t\t\t) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<InternalUnderlinedBadgeText badgeText={buildBadgeTextString(this.state._accessKey || this.state._shortKey)} label={this.state._label} />{' '}\n\t\t\t\t\t\t\t\t\t<kbd class=\"badge-text-hint\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t{buildBadgeTextString(this.state._accessKey || this.state._shortKey)}\n\t\t\t\t\t\t\t\t\t</kbd>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span>{this.state._label}</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t\t<div class=\"single-select__group\">\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\t\t\tclass=\"single-select__input\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"single-select-input\"\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\taria-autocomplete=\"both\"\n\t\t\t\t\t\t\t\t\taria-controls=\"listbox\"\n\t\t\t\t\t\t\t\t\tvalue={this._inputValue}\n\t\t\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\t\t\taria-keyshortcuts={this.state._shortKey}\n\t\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\t\t\taria-activedescendant={this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined}\n\t\t\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\t\t\tautoComplete=\"off\" /* disable browser's not accessible autocomplete popup */\n\t\t\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\t\t\tonInput={this.onInput.bind(this)}\n\t\t\t\t\t\t\t\t\tonChange={this.onChange.bind(this)}\n\t\t\t\t\t\t\t\t\tonClick={this.toggleListbox.bind(this)}\n\t\t\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tplaceholder={this.state._placeholder}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{this._inputValue && !this.state._hideClearButton && (\n\t\t\t\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\t\t\t\t_icons=\"codicon codicon-close\"\n\t\t\t\t\t\t\t\t\t\t_label={translate('kol-delete-selection')}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.clearSelection();\n\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclass=\"single-select__delete\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t<button tabindex=\"-1\" class=\"single-select__button\" onClick={this.toggleListbox.bind(this)} disabled={this.state._disabled}>\n\t\t\t\t\t\t\t\t\t<KolIconTag _icons=\"codicon codicon-triangle-down\" _label={translate('kol-dropdown')} />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{this._isOpen && !(this.state._disabled === true) && (\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\t\t\t\tclass={clsx('single-select__listbox', this.blockSuggestionMouseOver && 'single-select__listbox--cursor-hidden')}\n\t\t\t\t\t\t\t\t\tstyle={{ '--visible-options': `${this._rows ?? 5}` }}\n\t\t\t\t\t\t\t\t\tonKeyDown={this.handleKeyDownDropdown.bind(this)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\tthis._filteredOptions.map((option, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\t\tid={`option-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) this.refOptions[index] = el;\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-selected={this._value === (option as Option<string>).value ? 'true' : undefined}\n\t\t\t\t\t\t\t\t\t\t\t\taria-disabled={option.disabled ? 'true' : undefined}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(event: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (option.disabled) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectOption(option as Option<string>);\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.toggleListbox(event);\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._isOpen = false;\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._hasOpened = false;\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!this.blockSuggestionMouseOver) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis._focusedOptionIndex = index;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.focusOption(index);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!option.disabled) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis._focusedOptionIndex = index;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.focusOption(index);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tclass={clsx('single-select__item', { 'single-select__item--disabled': option.disabled })}\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (option.disabled) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Enter' || e.key === 'NumpadEnter') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectOption(option as Option<string>);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.toggleListbox(e);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"visually-hidden\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={option.disabled ?? undefined}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"options\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tid={`option-radio-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={(option as Option<string>).value}\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={this._value === (option as Option<string>).value || index === this._focusedOptionIndex}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<label htmlFor={`option-radio-${index}`} class=\"radio-label\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<li class=\"single-select__no-results-message\">{translate('kol-no-results-message')} </li>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</KolInputTag>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusout', { target: 'window' })\n\tpublic handleFocusOut() {\n\t\tsetTimeout(() => {\n\t\t\tif (!this.host?.contains(document.activeElement)) {\n\t\t\t\tthis.onBlur();\n\t\t\t}\n\t\t}, 0);\n\t}\n\t@Listen('blur', { target: 'window' })\n\tpublic handleWindowBlur() {\n\t\tthis.onBlur();\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent) {\n\t\tconst handleEvent = (isOpen?: boolean, callback?: () => void): void => {\n\t\t\tevent.preventDefault();\n\n\t\t\tif (isOpen !== undefined) {\n\t\t\t\tthis._isOpen = isOpen;\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t\tcallback?.();\n\t\t};\n\n\t\tswitch (event.key) {\n\t\t\tcase 'Down':\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(true, () => this.moveFocus(1));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Up':\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(true, () => this.moveFocus(-1));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Tab':\n\t\t\t\tif (this._isOpen) {\n\t\t\t\t\tthis._isOpen = !this._isOpen;\n\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'Esc':\n\t\t\tcase 'Escape': {\n\t\t\t\tthis._hasOpened = false;\n\t\t\t\tthis._isOpen = false;\n\n\t\t\t\thandleEvent(false);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase ' ': {\n\t\t\t\tif (this._isOpen) {\n\t\t\t\t\tif (Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0) {\n\t\t\t\t\t\tthis.selectOption(this._filteredOptions[this._focusedOptionIndex] as Option<string>);\n\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\thandleEvent(false);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.toggleListbox(event);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'NumpadEnter':\n\t\t\tcase 'Enter': {\n\t\t\t\tthis.toggleListbox(event);\n\t\t\t\tthis._hasOpened = false;\n\t\t\t\tthis._isOpen = false;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => {\n\t\t\t\t\tif (this._isOpen) {\n\t\t\t\t\t\tthis._focusedOptionIndex = 0;\n\t\t\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => {\n\t\t\t\t\tif (this._isOpen) {\n\t\t\t\t\t\tthis._focusedOptionIndex = this._filteredOptions ? this._filteredOptions.length - 1 : 0;\n\t\t\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'PageUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => this._isOpen && this.moveFocus(-10));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'PageDown': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => this._isOpen && this.moveFocus(10));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate readonly controller: SingleSelectController;\n\t@State()\n\tprivate _isOpen = false;\n\t@State()\n\tprivate _hasOpened = false;\n\t@State()\n\tprivate _filteredOptions?: OptionsPropType = [];\n\t@State()\n\tprivate _inputValue: string = '';\n\t@State()\n\tprivate blockSuggestionMouseOver: boolean = false;\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component’s interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @deprecated Will be removed in v3. Use automatic behaviour instead.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Options the user can choose from.\n\t */\n\t@Prop() public _options!: OptionsPropType;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: StencilUnknown;\n\n\t/**\n\t * Defines the whether the clear button should be hidden.\n\t */\n\t@Prop() public _hideClearButton?: boolean = false;\n\n\t/**\n\t * Maximum number of visible rows in the options dropdown before scrolling.\n\t */\n\t@Prop() public _rows?: RowsPropType;\n\n\t@State() public state: SingleSelectStates = {\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_options: [],\n\t\t_hideClearButton: false,\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new SingleSelectController(this, 'single-select', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\tif (this.state._alert === undefined) {\n\t\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t\t}\n\t\treturn this.state._alert;\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: string): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t\tthis._filteredOptions = value;\n\t\tthis.updateInputValue(this._value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\tthis.controller.validateValue(value);\n\t\tthis.oldValue = value;\n\t\tthis.updateInputValue(value);\n\t}\n\n\t@Watch('_hideClearButton ')\n\tpublic validateHideClearButton(value?: boolean): void {\n\t\tthis.controller.validateHideClearButton(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: number): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Listen('mousemove')\n\tpublic handleMouseEvent() {\n\t\tthis.blockSuggestionMouseOver = false;\n\t}\n\n\tprivate updateInputValue(value?: StencilUnknown) {\n\t\tif (Array.isArray(this._options)) {\n\t\t\tconst matchedOption = this._options.find((option) => option.value === value);\n\t\t\tthis._inputValue = matchedOption ? String(matchedOption.label) : '';\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.refOptions = [];\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t\tthis.oldValue = this._value;\n\t\tthis._filteredOptions = this.state._options;\n\t\tthis.updateInputValue(this._value);\n\t}\n\n\tprivate onChange(event: Event): void {\n\t\tif (this.oldValue !== this.refInput?.value) {\n\t\t\tthis.oldValue = this.refInput?.value;\n\t\t}\n\n\t\ttryToDispatchKoliBriEvent('change', this.host, this._value);\n\n\t\t// Callback\n\t\tif (typeof this.state._on?.onChange === 'function' && !this._isOpen) {\n\t\t\tthis.state._on.onChange(event, this._value && this.oldValue !== this.refInput?.value);\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["SingleSelectController","InputIconController","constructor","component","name","host","super","this","keyOptionMap","Map","afterPatchOptions","value","_state","_component","key","setFormAssociatedValue","beforePatchOptions","_value","nextState","options","has","get","state","_options","Array","isArray","length","clear","fillKeyOptionMap","validateOptions","hooks","afterPatch","beforePatch","validateRequired","watchBoolean","validateValue","watchValidator","v","undefined","Set","validatePlaceholder","watchString","validateHideClearButton","validateRows","watchNumber","componentWillLoad","_required","_placeholder","_hideClearButton","_rows","defaultStyleCss","KolSingleSelectDefaultStyle0","KolSingleSelect","getValue","kolFocus","Promise","resolve","requestAnimationFrame","_a","refInput","focus","onBlur","matchingOption","find","option","_b","label","toLowerCase","_inputValue","selectOption","_c","_filteredOptions","_isOpen","_hasOpened","createEventWithTarget","type","detail","event","CustomEvent","bubbles","Object","defineProperty","clearSelection","_disabled","emptyValue","_focusedOptionIndex","inputEvent","_name","changeEvent","controller","onFacade","onInput","onChange","target","setFilteredOptionsByQuery","handleKeyDownDropdown","test","preventDefault","focusSuggestionStartingWith","query","trim","filter","includes","moveFocus","delta","newIndex","iterations","foundEnabledOption","maxIterations","disabled","focusOption","index","refOptions","optionElement","char","charLowerCase","findIndex","startsWith","render","hasExpertSlot","showExpertSlot","_label","ariaDescribedBy","getRenderStates","h","Host","class","KolInputTag","_accessKey","_alert","showAsAlert","_hideError","_hideLabel","_hint","_icons","_id","_msg","_shortKey","_tooltipAlign","_touched","role","slot","Fragment","InternalUnderlinedBadgeText","badgeText","buildBadgeTextString","assign","ref","catchRef","accessKey","join","autoCapitalize","autoComplete","autoCorrect","required","bind","onClick","toggleListbox","onFocus","inputHasFocus","placeholder","KolIconTag","translate","tabindex","clsx","blockSuggestionMouseOver","style","onKeyDown","map","id","el","tabIndex","onMouseOver","e","checked","htmlFor","handleFocusOut","setTimeout","contains","document","activeElement","handleWindowBlur","handleKeyDown","handleEvent","isOpen","callback","hostRef","selectedIndex","selectedOptionElement","scrollIntoView","block","nonce","Boolean","validateAccessKey","validateAlert","validateDisabled","validateHideError","validateHideLabel","validateHint","validateIcons","validateId","validateLabel","validateMsg","validateName","validateOn","updateInputValue","validateShortKey","validateSyncValueBySelector","validateTabIndex","validateTouched","oldValue","handleMouseEvent","matchedOption","String","tryToDispatchKoliBriEvent","_on","_d"],"sources":["src/components/single-select/controller.ts","src/components/single-select/style.scss?tag=kol-single-select&mode=default&encapsulation=shadow","src/components/single-select/shadow.tsx"],"sourcesContent":["import type { Option, OptionsPropType, SelectOption, SingleSelectProps, SingleSelectWatches, StencilUnknown, W3CInputValue } from '../../schema';\nimport { validateOptions, watchBoolean, watchNumber, watchString, watchValidator } from '../../schema';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\nimport { fillKeyOptionMap } from '../input-radio/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class SingleSelectController extends InputIconController implements SingleSelectWatches {\n\tprotected readonly component: Generic.Element.Component & SingleSelectProps;\n\tprivate readonly keyOptionMap = new Map<string, Option<StencilUnknown>>();\n\n\tpublic constructor(component: Generic.Element.Component & SingleSelectProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as StencilUnknown);\n\t\t}\n\t};\n\n\tprotected readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<W3CInputValue>[]);\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tvalidateOptions(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\twatchValidator(this.component, '_value', (v) => v !== undefined, new Set([`StencilUnknown`]), value);\n\t}\n\n\tpublic validatePlaceholder(value?: string): void {\n\t\twatchString(this.component, '_placeholder', value);\n\t}\n\n\tpublic validateHideClearButton(value?: boolean): void {\n\t\twatchBoolean(this.component, '_hideClearButton', value);\n\t}\n\n\tpublic validateRows(value?: number): void {\n\t\twatchNumber(this.component, '_rows', value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validatePlaceholder(this.component._placeholder);\n\t\tthis.validateHideClearButton(this.component._hideClearButton);\n\t\tthis.validateRows(this.component._rows);\n\t}\n}\n","@use '../@shared/mixins' as *;\n@use '../style' as *;\n@use '../input-line' as *;\n\n$option-height: to-rem(40);\n$visible-options: var(--visible-options, 5);\n\n@layer kol-component {\n\t.single-select {\n\t\tposition: relative;\n\n\t\t&.disabled,\n\t\t&.disabled * {\n\t\t\tcursor: not-allowed !important;\n\t\t}\n\n\t\t&__group {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t&__input {\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t&__button {\n\t\t\twidth: var(--a11y-min-size);\n\t\t\theight: auto;\n\t\t}\n\n\t\t&__listbox {\n\t\t\tbackground-color: white;\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tz-index: 2;\n\t\t\tmax-height: calc($option-height * $visible-options + to-rem(2)) !important;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\toverflow-x: hidden;\n\t\t\toverflow-y: auto;\n\t\t\tlist-style-type: none;\n\t\t}\n\n\t\t&__item {\n\t\t\t&:not(&--disabled) {\n\t\t\t\t&.highlighted {\n\t\t\t\t\tbackground-color: #f0f0f0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.single-select__listbox--cursor-hidden & {\n\t\t\t\tcursor: none !important;\n\t\t\t}\n\n\t\t\t&--disabled:focus,\n\t\t\t&--disabled:focus * {\n\t\t\t\tcursor: not-allowed;\n\t\t\t}\n\t\t}\n\n\t\t&__no-results-message {\n\t\t\tdisplay: flex;\n\t\t\tmin-height: to-rem(50);\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tcursor: default;\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, Fragment, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tHideErrorPropType,\n\tIconsHorizontalPropType,\n\tIdPropType,\n\tInputTypeOnDefault,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tNamePropType,\n\tOption,\n\tOptionsPropType,\n\tRowsPropType,\n\tShortKeyPropType,\n\tSingleSelectAPI,\n\tSingleSelectStates,\n\tStencilUnknown,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\nimport { buildBadgeTextString, showExpertSlot } from '../../schema';\n\nimport clsx from 'clsx';\nimport { KolIconTag, KolInputTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { EventDetail } from '../../schema/interfaces/EventDetail';\nimport { nonce } from '../../utils/dev.utils';\nimport { tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { getRenderStates } from '../input/controller';\nimport { InternalUnderlinedBadgeText } from '../span/InternalUnderlinedBadgeText';\nimport { SingleSelectController } from './controller';\n\n/**\n * @slot - The input field label.\n */\n@Component({\n\ttag: 'kol-single-select',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: {\n\t\tdelegatesFocus: true,\n\t},\n})\nexport class KolSingleSelect implements SingleSelectAPI {\n\t@Element() private readonly host?: HTMLKolSingleSelectElement;\n\tprivate refInput?: HTMLInputElement;\n\tprivate refOptions: HTMLLIElement[] = [];\n\tprivate oldValue?: StencilUnknown;\n\n\t/**\n\t * Returns the selected value.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<StencilUnknown | undefined> {\n\t\treturn this._value;\n\t}\n\n\t/**\n\t * Focuses the input element.\n\t */\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async kolFocus() {\n\t\treturn new Promise<void>((resolve) => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.refInput?.focus();\n\t\t\t\tresolve();\n\t\t\t});\n\t\t});\n\t}\n\n\tprivate readonly catchRef = (ref?: HTMLInputElement) => {\n\t\tthis.refInput = ref;\n\t};\n\n\tprivate toggleListbox = (event: Event) => {\n\t\tevent?.preventDefault();\n\t\tif (this.state._disabled) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tif (!this._hasOpened) {\n\t\t\t\tthis._isOpen = true;\n\t\t\t\tthis._hasOpened = true;\n\t\t\t\tthis.refInput?.focus();\n\t\t\t\tconst selectedIndex = Array.isArray(this._filteredOptions) ? this._filteredOptions.findIndex((option) => option.label === this._inputValue) : -1;\n\t\t\t\tconst selectedOptionElement = this.refOptions[selectedIndex];\n\t\t\t\tselectedOptionElement?.scrollIntoView({ block: 'nearest' });\n\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t}\n\t\t}\n\t};\n\n\t/**\n\t * If there are options and the current input value doesn't match any option's label,\n\t * resets the input value to match the label of the currently selected option.\n\t * Closes the dropdown and resets the opened state.\n\t */\n\tprivate onBlur() {\n\t\tconst matchingOption = this.state._options?.find((option) => (option.label as string)?.toLowerCase() === this._inputValue?.toLowerCase());\n\n\t\tif (matchingOption) {\n\t\t\tthis.selectOption(matchingOption as Option<string>);\n\t\t} else {\n\t\t\tthis._inputValue = this.state._options?.find((option) => (option as Option<string>).value === this._value)?.label as string;\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t}\n\n\t\tthis._isOpen = false;\n\t\tthis._hasOpened = false;\n\t}\n\n\tprivate createEventWithTarget(type: string, detail: EventDetail): CustomEvent<EventDetail> {\n\t\tconst event = new CustomEvent<EventDetail>(type, {\n\t\t\tbubbles: true,\n\t\t\tdetail,\n\t\t});\n\n\t\tif (this.refInput) {\n\t\t\tObject.defineProperty(event, 'target', {\n\t\t\t\tvalue: this.refInput,\n\t\t\t});\n\n\t\t\tObject.defineProperty(event, 'currentTarget', {\n\t\t\t\tvalue: this.refInput,\n\t\t\t});\n\t\t}\n\t\treturn event;\n\t}\n\n\tprivate clearSelection() {\n\t\tif (this.state._disabled) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tconst emptyValue = null;\n\t\t\tthis._focusedOptionIndex = -1;\n\t\t\tthis._value = emptyValue;\n\t\t\tthis._inputValue = '';\n\t\t\tthis._filteredOptions = [...this.state._options];\n\n\t\t\tconst inputEvent = this.createEventWithTarget('input', {\n\t\t\t\tname: this.state._name as string,\n\t\t\t\tvalue: emptyValue,\n\t\t\t});\n\t\t\tconst changeEvent = this.createEventWithTarget('change', {\n\t\t\t\tname: this.state._name as string,\n\t\t\t\tvalue: emptyValue,\n\t\t\t});\n\n\t\t\tthis.controller.onFacade.onInput(inputEvent, true, { value: emptyValue });\n\t\t\tthis.controller.onFacade.onChange(changeEvent, { value: emptyValue });\n\t\t}\n\t}\n\n\tprivate selectOption(option: Option<string>) {\n\t\tif (option.value === this._value) {\n\t\t\tthis._inputValue = option.label as string;\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t\treturn;\n\t\t}\n\n\t\tthis._value = option.value;\n\t\tthis._inputValue = option.label as string;\n\n\t\tconst inputEvent = this.createEventWithTarget('input', {\n\t\t\tname: this.state._name ?? '',\n\t\t\tvalue: option.value,\n\t\t});\n\t\tconst changeEvent = this.createEventWithTarget('change', {\n\t\t\tname: this.state._name ?? '',\n\t\t\tvalue: option.value,\n\t\t});\n\n\t\tthis.controller.onFacade.onInput(inputEvent, false, option.value);\n\t\tthis.controller.onFacade.onChange(changeEvent, option.value);\n\n\t\tthis._filteredOptions = [...this.state._options];\n\n\t\tthis.controller.setFormAssociatedValue(this._value);\n\t}\n\n\tprivate onInput(event: Event) {\n\t\tconst target = event.target as HTMLInputElement;\n\t\tthis._inputValue = target.value;\n\t\tthis._isOpen = true;\n\t\tthis.setFilteredOptionsByQuery(target.value);\n\t\tthis._focusedOptionIndex = -1;\n\t}\n\n\tprivate handleKeyDownDropdown(event: KeyboardEvent) {\n\t\tif (event.key.length === 1 && /[a-z0-9]/i.test(event.key)) {\n\t\t\tevent.preventDefault();\n\t\t\tthis._isOpen = true;\n\t\t\tthis.focusSuggestionStartingWith(event.key);\n\t\t}\n\t}\n\n\tprivate setFilteredOptionsByQuery(query: string) {\n\t\tif (query?.trim() === '') {\n\t\t\tthis._filteredOptions = [...this.state._options];\n\t\t} else if (Array.isArray(this.state._options) && this.state._options.length > 0 && query.length > 0) {\n\t\t\tthis._filteredOptions = this.state._options.filter((option) => {\n\t\t\t\treturn (option.label as string)?.toLowerCase()?.includes(query?.toLowerCase());\n\t\t\t});\n\t\t}\n\t}\n\n\tprivate _focusedOptionIndex: number = -1;\n\n\tprivate moveFocus(delta: number) {\n\t\tif (!this._filteredOptions) {\n\t\t\treturn;\n\t\t}\n\t\tlet newIndex = this._focusedOptionIndex + delta;\n\t\tlet iterations = 0;\n\t\tlet foundEnabledOption = false;\n\n\t\tconst maxIterations = this._filteredOptions.length;\n\n\t\twhile (iterations < maxIterations) {\n\t\t\tif (newIndex >= this._filteredOptions.length) {\n\t\t\t\tnewIndex = 0;\n\t\t\t}\n\t\t\tif (newIndex < 0) {\n\t\t\t\tnewIndex = this._filteredOptions.length - 1;\n\t\t\t}\n\n\t\t\tconst option = this._filteredOptions[newIndex] as Option<StencilUnknown>;\n\t\t\tif (!option.disabled) {\n\t\t\t\tfoundEnabledOption = true;\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tnewIndex += delta;\n\t\t\titerations++;\n\t\t}\n\n\t\tif (foundEnabledOption) {\n\t\t\tthis._focusedOptionIndex = newIndex;\n\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t}\n\t}\n\n\tprivate focusOption(index: number) {\n\t\tif (this.refOptions) {\n\t\t\tconst optionElement = this.refOptions[index];\n\t\t\toptionElement?.focus();\n\t\t}\n\t}\n\n\tprivate focusSuggestionStartingWith(char: string) {\n\t\tconst charLowerCase = char.toLowerCase();\n\n\t\tconst index =\n\t\t\tArray.isArray(this._filteredOptions) &&\n\t\t\tthis._filteredOptions.findIndex((option) => (option.label as string).toLowerCase().startsWith(charLowerCase) && !option.disabled);\n\n\t\tif (typeof index === 'number' && index >= 0) {\n\t\t\tthis._focusedOptionIndex = index;\n\t\t\tthis.focusOption(index);\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\tconst { ariaDescribedBy } = getRenderStates(this.state);\n\n\t\treturn (\n\t\t\t<Host class=\"kol-single-select\">\n\t\t\t\t<div class={`single-select ${this.state._disabled === true ? 'disabled' : ''} `}>\n\t\t\t\t\t<KolInputTag\n\t\t\t\t\t\t_accessKey={this.state._accessKey}\n\t\t\t\t\t\t_alert={this.showAsAlert()}\n\t\t\t\t\t\t_disabled={this.state._disabled}\n\t\t\t\t\t\t_hideError={this.state._hideError}\n\t\t\t\t\t\t_hideLabel={this.state._hideLabel}\n\t\t\t\t\t\t_hint={this.state._hint}\n\t\t\t\t\t\t_icons={this.state._icons}\n\t\t\t\t\t\t_id={this.state._id}\n\t\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t\t_msg={this.state._msg}\n\t\t\t\t\t\t_required={this.state._required}\n\t\t\t\t\t\t_shortKey={this.state._shortKey}\n\t\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t\t_touched={this.state._touched}\n\t\t\t\t\t\trole={`presentation` /* Avoid element being read as 'clickable' in NVDA */}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span slot=\"label\">\n\t\t\t\t\t\t\t{hasExpertSlot ? (\n\t\t\t\t\t\t\t\t<slot name=\"expert\"></slot>\n\t\t\t\t\t\t\t) : typeof this.state._accessKey === 'string' || typeof this.state._shortKey === 'string' ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<InternalUnderlinedBadgeText badgeText={buildBadgeTextString(this.state._accessKey || this.state._shortKey)} label={this.state._label} />{' '}\n\t\t\t\t\t\t\t\t\t<kbd class=\"badge-text-hint\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t{buildBadgeTextString(this.state._accessKey || this.state._shortKey)}\n\t\t\t\t\t\t\t\t\t</kbd>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span>{this.state._label}</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<div slot=\"input\">\n\t\t\t\t\t\t\t<div class=\"single-select__group\">\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\t\t\tclass=\"single-select__input\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"single-select-input\"\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\taria-autocomplete=\"both\"\n\t\t\t\t\t\t\t\t\taria-controls=\"listbox\"\n\t\t\t\t\t\t\t\t\tvalue={this._inputValue}\n\t\t\t\t\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\t\t\t\t\taria-keyshortcuts={this.state._shortKey}\n\t\t\t\t\t\t\t\t\taria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n\t\t\t\t\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\t\t\t\t\taria-activedescendant={this._isOpen && this._focusedOptionIndex >= 0 ? `option-${this._focusedOptionIndex}` : undefined}\n\t\t\t\t\t\t\t\t\tautoCapitalize=\"off\"\n\t\t\t\t\t\t\t\t\tautoComplete=\"off\" /* disable browser's not accessible autocomplete popup */\n\t\t\t\t\t\t\t\t\tautoCorrect=\"off\"\n\t\t\t\t\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t\t\t\t\trequired={this.state._required}\n\t\t\t\t\t\t\t\t\t{...this.controller.onFacade}\n\t\t\t\t\t\t\t\t\tonInput={this.onInput.bind(this)}\n\t\t\t\t\t\t\t\t\tonChange={this.onChange.bind(this)}\n\t\t\t\t\t\t\t\t\tonClick={this.toggleListbox.bind(this)}\n\t\t\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onFocus(event);\n\t\t\t\t\t\t\t\t\t\tthis.inputHasFocus = true;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonBlur={(event) => {\n\t\t\t\t\t\t\t\t\t\tthis.controller.onFacade.onBlur(event);\n\t\t\t\t\t\t\t\t\t\tthis.inputHasFocus = false;\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tplaceholder={this.state._placeholder}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{this._inputValue && !this.state._hideClearButton && (\n\t\t\t\t\t\t\t\t\t<KolIconTag\n\t\t\t\t\t\t\t\t\t\t_icons=\"codicon codicon-close\"\n\t\t\t\t\t\t\t\t\t\t_label={translate('kol-delete-selection')}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tthis.clearSelection();\n\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclass=\"single-select__delete\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t<button tabindex=\"-1\" class=\"single-select__button\" onClick={this.toggleListbox.bind(this)} disabled={this.state._disabled}>\n\t\t\t\t\t\t\t\t\t<KolIconTag _icons=\"codicon codicon-triangle-down\" _label={translate('kol-dropdown')} />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{this._isOpen && !(this.state._disabled === true) && (\n\t\t\t\t\t\t\t\t<ul\n\t\t\t\t\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\t\t\t\t\tclass={clsx('single-select__listbox', this.blockSuggestionMouseOver && 'single-select__listbox--cursor-hidden')}\n\t\t\t\t\t\t\t\t\tstyle={{ '--visible-options': `${this._rows ?? 5}` }}\n\t\t\t\t\t\t\t\t\tonKeyDown={this.handleKeyDownDropdown.bind(this)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\tthis._filteredOptions.map((option, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\t\t\t\tid={`option-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\tkey={`-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (el) this.refOptions[index] = el;\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\t\t\t\taria-selected={this._value === (option as Option<string>).value ? 'true' : undefined}\n\t\t\t\t\t\t\t\t\t\t\t\taria-disabled={option.disabled ? 'true' : undefined}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={(event: Event) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (option.disabled) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectOption(option as Option<string>);\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis.toggleListbox(event);\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._isOpen = false;\n\t\t\t\t\t\t\t\t\t\t\t\t\tthis._hasOpened = false;\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!this.blockSuggestionMouseOver) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis._focusedOptionIndex = index;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.focusOption(index);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tonFocus={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!option.disabled) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis._focusedOptionIndex = index;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.focusOption(index);\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tclass={clsx('single-select__item', { 'single-select__item--disabled': option.disabled })}\n\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (option.disabled) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === 'Enter' || e.key === 'NumpadEnter') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.selectOption(option as Option<string>);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.toggleListbox(e);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"visually-hidden\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={option.disabled ?? undefined}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"options\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tid={`option-radio-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={(option as Option<string>).value}\n\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={this._value === (option as Option<string>).value || index === this._focusedOptionIndex}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<label htmlFor={`option-radio-${index}`} class=\"radio-label\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<li class=\"single-select__no-results-message\">{translate('kol-no-results-message')} </li>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</KolInputTag>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusout', { target: 'window' })\n\tpublic handleFocusOut() {\n\t\tsetTimeout(() => {\n\t\t\tif (!this.host?.contains(document.activeElement)) {\n\t\t\t\tthis.onBlur();\n\t\t\t}\n\t\t}, 0);\n\t}\n\t@Listen('blur', { target: 'window' })\n\tpublic handleWindowBlur() {\n\t\tthis.onBlur();\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent) {\n\t\tconst handleEvent = (isOpen?: boolean, callback?: () => void): void => {\n\t\t\tevent.preventDefault();\n\n\t\t\tif (isOpen !== undefined) {\n\t\t\t\tthis._isOpen = isOpen;\n\t\t\t\tif (!isOpen) {\n\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t}\n\t\t\t}\n\t\t\tcallback?.();\n\t\t};\n\n\t\tswitch (event.key) {\n\t\t\tcase 'Down':\n\t\t\tcase 'ArrowDown': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(true, () => this.moveFocus(1));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Up':\n\t\t\tcase 'ArrowUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(true, () => this.moveFocus(-1));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Tab':\n\t\t\t\tif (this._isOpen) {\n\t\t\t\t\tthis._isOpen = !this._isOpen;\n\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'Esc':\n\t\t\tcase 'Escape': {\n\t\t\t\tthis._hasOpened = false;\n\t\t\t\tthis._isOpen = false;\n\n\t\t\t\thandleEvent(false);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase ' ': {\n\t\t\t\tif (this._isOpen) {\n\t\t\t\t\tif (Array.isArray(this._filteredOptions) && this._filteredOptions.length > 0) {\n\t\t\t\t\t\tthis.selectOption(this._filteredOptions[this._focusedOptionIndex] as Option<string>);\n\t\t\t\t\t\tthis.refInput?.focus();\n\t\t\t\t\t\thandleEvent(false);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.toggleListbox(event);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'NumpadEnter':\n\t\t\tcase 'Enter': {\n\t\t\t\tthis.toggleListbox(event);\n\t\t\t\tthis._hasOpened = false;\n\t\t\t\tthis._isOpen = false;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'Home': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => {\n\t\t\t\t\tif (this._isOpen) {\n\t\t\t\t\t\tthis._focusedOptionIndex = 0;\n\t\t\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'End': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => {\n\t\t\t\t\tif (this._isOpen) {\n\t\t\t\t\t\tthis._focusedOptionIndex = this._filteredOptions ? this._filteredOptions.length - 1 : 0;\n\t\t\t\t\t\tthis.focusOption(this._focusedOptionIndex);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'PageUp': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => this._isOpen && this.moveFocus(-10));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'PageDown': {\n\t\t\t\tthis.blockSuggestionMouseOver = true;\n\t\t\t\thandleEvent(undefined, () => this._isOpen && this.moveFocus(10));\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate readonly controller: SingleSelectController;\n\t@State()\n\tprivate _isOpen = false;\n\t@State()\n\tprivate _hasOpened = false;\n\t@State()\n\tprivate _filteredOptions?: OptionsPropType = [];\n\t@State()\n\tprivate _inputValue: string = '';\n\t@State()\n\tprivate blockSuggestionMouseOver: boolean = false;\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component’s interactive element.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines the placeholder for input field. To be shown when there's no value.\n\t */\n\t@Prop() public _placeholder?: string;\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t * @deprecated Will be removed in v3. Use automatic behaviour instead.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _alert?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _hideError?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the hint text.\n\t */\n\t@Prop() public _hint?: string = '';\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the properties for a message rendered as Alert component.\n\t */\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für das Input-Event an.\n\t */\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t/**\n\t * Options the user can choose from.\n\t */\n\t@Prop() public _options!: OptionsPropType;\n\n\t/**\n\t * Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _required?: boolean = false;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t/**\n\t * Defines the value of the input.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _value?: StencilUnknown;\n\n\t/**\n\t * Defines the whether the clear button should be hidden.\n\t */\n\t@Prop() public _hideClearButton?: boolean = false;\n\n\t/**\n\t * Maximum number of visible rows in the options dropdown before scrolling.\n\t */\n\t@Prop() public _rows?: RowsPropType;\n\n\t@State() public state: SingleSelectStates = {\n\t\t_hideError: false,\n\t\t_id: `id-${nonce()}`,\n\t\t_label: '', // ⚠ required\n\t\t_options: [],\n\t\t_hideClearButton: false,\n\t};\n\n\t@State() private inputHasFocus = false;\n\n\tpublic constructor() {\n\t\tthis.controller = new SingleSelectController(this, 'single-select', this.host);\n\t}\n\n\tprivate showAsAlert(): boolean {\n\t\tif (this.state._alert === undefined) {\n\t\t\treturn Boolean(this.state._touched) && !this.inputHasFocus;\n\t\t}\n\t\treturn this.state._alert;\n\t}\n\n\t@Watch('_placeholder')\n\tpublic validatePlaceholder(value?: string): void {\n\t\tthis.controller.validatePlaceholder(value);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\tthis.controller.validateAccessKey(value);\n\t}\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\tthis.controller.validateAlert(value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: boolean): void {\n\t\tthis.controller.validateDisabled(value);\n\t}\n\n\t@Watch('_hideError')\n\tpublic validateHideError(value?: HideErrorPropType): void {\n\t\tthis.controller.validateHideError(value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tthis.controller.validateHideLabel(value);\n\t}\n\n\t@Watch('_hint')\n\tpublic validateHint(value?: string): void {\n\t\tthis.controller.validateHint(value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tthis.controller.validateIcons(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\tthis.controller.validateId(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.controller.validateLabel(value);\n\t}\n\n\t@Watch('_msg')\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.controller.validateMsg(value);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tthis.controller.validateOn(value);\n\t}\n\n\t@Watch('_options')\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tthis.controller.validateOptions(value);\n\t\tthis._filteredOptions = value;\n\t\tthis.updateInputValue(this._value);\n\t}\n\n\t@Watch('_required')\n\tpublic validateRequired(value?: boolean): void {\n\t\tthis.controller.validateRequired(value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tthis.controller.validateShortKey(value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tthis.controller.validateTabIndex(value);\n\t}\n\n\t@Watch('_touched')\n\tpublic validateTouched(value?: boolean): void {\n\t\tthis.controller.validateTouched(value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\tthis.controller.validateValue(value);\n\t\tthis.oldValue = value;\n\t\tthis.updateInputValue(value);\n\t}\n\n\t@Watch('_hideClearButton ')\n\tpublic validateHideClearButton(value?: boolean): void {\n\t\tthis.controller.validateHideClearButton(value);\n\t}\n\n\t@Watch('_rows')\n\tpublic validateRows(value?: number): void {\n\t\tthis.controller.validateRows(value);\n\t}\n\n\t@Listen('mousemove')\n\tpublic handleMouseEvent() {\n\t\tthis.blockSuggestionMouseOver = false;\n\t}\n\n\tprivate updateInputValue(value?: StencilUnknown) {\n\t\tif (Array.isArray(this._options)) {\n\t\t\tconst matchedOption = this._options.find((option) => option.value === value);\n\t\t\tthis._inputValue = matchedOption ? String(matchedOption.label) : '';\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.refOptions = [];\n\t\tthis._touched = this._touched === true;\n\t\tthis.controller.componentWillLoad();\n\t\tthis.oldValue = this._value;\n\t\tthis._filteredOptions = this.state._options;\n\t\tthis.updateInputValue(this._value);\n\t}\n\n\tprivate onChange(event: Event): void {\n\t\tif (this.oldValue !== this.refInput?.value) {\n\t\t\tthis.oldValue = this.refInput?.value;\n\t\t}\n\n\t\ttryToDispatchKoliBriEvent('change', this.host, this._value);\n\n\t\t// Callback\n\t\tif (typeof this.state._on?.onChange === 'function' && !this._isOpen) {\n\t\t\tthis.state._on.onChange(event, this._value && this.oldValue !== this.refInput?.value);\n\t\t}\n\t}\n}\n"],"mappings":";;;w0BAQaA,UAA+BC,EAI3C,WAAAC,CAAmBC,EAA0DC,EAAcC,GAC1FC,MAAMH,EAAWC,EAAMC,GAHPE,KAAAC,aAAe,IAAIC,IAOjBF,KAAAG,kBAAoB,CAACC,EAAgBC,EAAiCC,EAAuCC,KAC/H,GAAIA,IAAQ,SAAU,CACrBP,KAAKQ,uBAAuBJ,E,GAIXJ,KAAAS,mBAAqB,CAACC,EAAiBC,KACzD,MAAMC,EAAUD,EAAUE,IAAI,YAAcF,EAAUG,IAAI,YAAcd,KAAKJ,UAAUmB,MAAMC,SAC7F,GAAIC,MAAMC,QAAQN,IAAYA,EAAQO,OAAS,EAAG,CACjDnB,KAAKC,aAAamB,QAClBC,EAAiBrB,KAAKC,aAAcW,E,GAbrCZ,KAAKJ,UAAYA,C,CAiBX,eAAA0B,CAAgBlB,GACtBkB,EAAgBtB,KAAKJ,UAAWQ,EAAO,CACtCmB,MAAO,CACNC,WAAYxB,KAAKG,kBACjBsB,YAAazB,KAAKS,qB,CAKd,gBAAAiB,CAAiBtB,GACvBuB,EAAa3B,KAAKJ,UAAW,YAAaQ,E,CAGpC,aAAAwB,CAAcxB,GACpByB,EAAe7B,KAAKJ,UAAW,UAAWkC,GAAMA,IAAMC,WAAW,IAAIC,IAAI,CAAC,mBAAoB5B,E,CAGxF,mBAAA6B,CAAoB7B,GAC1B8B,EAAYlC,KAAKJ,UAAW,eAAgBQ,E,CAGtC,uBAAA+B,CAAwB/B,GAC9BuB,EAAa3B,KAAKJ,UAAW,mBAAoBQ,E,CAG3C,YAAAgC,CAAahC,GACnBiC,EAAYrC,KAAKJ,UAAW,QAASQ,E,CAG/B,iBAAAkC,GACNvC,MAAMuC,oBACNtC,KAAKsB,gBAAgBtB,KAAKJ,UAAUoB,UACpChB,KAAK0B,iBAAiB1B,KAAKJ,UAAU2C,WACrCvC,KAAK4B,cAAc5B,KAAKJ,UAAUc,QAClCV,KAAKiC,oBAAoBjC,KAAKJ,UAAU4C,cACxCxC,KAAKmC,wBAAwBnC,KAAKJ,UAAU6C,kBAC5CzC,KAAKoC,aAAapC,KAAKJ,UAAU8C,M,ECnEnC,MAAMC,EAAkB,41SACxB,MAAAC,EAAeD,E,MC4CFE,EAAe,MAWpB,cAAMC,GACZ,OAAO9C,KAAKU,M,CAQN,cAAMqC,GACZ,OAAO,IAAIC,SAAeC,IACzBC,uBAAsB,K,OACrBC,EAAAnD,KAAKoD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QACfJ,GAAS,GACR,G,CA8BI,MAAAK,G,UACP,MAAMC,GAAiBJ,EAAAnD,KAAKe,MAAMC,YAAQ,MAAAmC,SAAA,SAAAA,EAAEK,MAAMC,IAAM,IAAAN,EAAAO,EAAK,QAAAP,EAACM,EAAOE,SAAgB,MAAAR,SAAA,SAAAA,EAAES,mBAAkBF,EAAA1D,KAAK6D,eAAW,MAAAH,SAAA,SAAAA,EAAEE,cAAa,IAExI,GAAIL,EAAgB,CACnBvD,KAAK8D,aAAaP,E,KACZ,CACNvD,KAAK6D,aAAcE,GAAAL,EAAA1D,KAAKe,MAAMC,YAAQ,MAAA0C,SAAA,SAAAA,EAAEF,MAAMC,GAAYA,EAA0BrD,QAAUJ,KAAKU,YAAO,MAAAqD,SAAA,SAAAA,EAAEJ,MAC5G3D,KAAKgE,iBAAmB,IAAIhE,KAAKe,MAAMC,S,CAGxChB,KAAKiE,QAAU,MACfjE,KAAKkE,WAAa,K,CAGX,qBAAAC,CAAsBC,EAAcC,GAC3C,MAAMC,EAAQ,IAAIC,YAAyBH,EAAM,CAChDI,QAAS,KACTH,WAGD,GAAIrE,KAAKoD,SAAU,CAClBqB,OAAOC,eAAeJ,EAAO,SAAU,CACtClE,MAAOJ,KAAKoD,WAGbqB,OAAOC,eAAeJ,EAAO,gBAAiB,CAC7ClE,MAAOJ,KAAKoD,U,CAGd,OAAOkB,C,CAGA,cAAAK,GACP,GAAI3E,KAAKe,MAAM6D,UAAW,CACzB,M,KACM,CACN,MAAMC,EAAa,KACnB7E,KAAK8E,qBAAuB,EAC5B9E,KAAKU,OAASmE,EACd7E,KAAK6D,YAAc,GACnB7D,KAAKgE,iBAAmB,IAAIhE,KAAKe,MAAMC,UAEvC,MAAM+D,EAAa/E,KAAKmE,sBAAsB,QAAS,CACtDtE,KAAMG,KAAKe,MAAMiE,MACjB5E,MAAOyE,IAER,MAAMI,EAAcjF,KAAKmE,sBAAsB,SAAU,CACxDtE,KAAMG,KAAKe,MAAMiE,MACjB5E,MAAOyE,IAGR7E,KAAKkF,WAAWC,SAASC,QAAQL,EAAY,KAAM,CAAE3E,MAAOyE,IAC5D7E,KAAKkF,WAAWC,SAASE,SAASJ,EAAa,CAAE7E,MAAOyE,G,EAIlD,YAAAf,CAAaL,G,QACpB,GAAIA,EAAOrD,QAAUJ,KAAKU,OAAQ,CACjCV,KAAK6D,YAAcJ,EAAOE,MAC1B3D,KAAKgE,iBAAmB,IAAIhE,KAAKe,MAAMC,UACvC,M,CAGDhB,KAAKU,OAAS+C,EAAOrD,MACrBJ,KAAK6D,YAAcJ,EAAOE,MAE1B,MAAMoB,EAAa/E,KAAKmE,sBAAsB,QAAS,CACtDtE,MAAMsD,EAAAnD,KAAKe,MAAMiE,SAAK,MAAA7B,SAAA,EAAAA,EAAI,GAC1B/C,MAAOqD,EAAOrD,QAEf,MAAM6E,EAAcjF,KAAKmE,sBAAsB,SAAU,CACxDtE,MAAM6D,EAAA1D,KAAKe,MAAMiE,SAAK,MAAAtB,SAAA,EAAAA,EAAI,GAC1BtD,MAAOqD,EAAOrD,QAGfJ,KAAKkF,WAAWC,SAASC,QAAQL,EAAY,MAAOtB,EAAOrD,OAC3DJ,KAAKkF,WAAWC,SAASE,SAASJ,EAAaxB,EAAOrD,OAEtDJ,KAAKgE,iBAAmB,IAAIhE,KAAKe,MAAMC,UAEvChB,KAAKkF,WAAW1E,uBAAuBR,KAAKU,O,CAGrC,OAAA0E,CAAQd,GACf,MAAMgB,EAAShB,EAAMgB,OACrBtF,KAAK6D,YAAcyB,EAAOlF,MAC1BJ,KAAKiE,QAAU,KACfjE,KAAKuF,0BAA0BD,EAAOlF,OACtCJ,KAAK8E,qBAAuB,C,CAGrB,qBAAAU,CAAsBlB,GAC7B,GAAIA,EAAM/D,IAAIY,SAAW,GAAK,YAAYsE,KAAKnB,EAAM/D,KAAM,CAC1D+D,EAAMoB,iBACN1F,KAAKiE,QAAU,KACfjE,KAAK2F,4BAA4BrB,EAAM/D,I,EAIjC,yBAAAgF,CAA0BK,GACjC,IAAIA,IAAK,MAALA,SAAK,SAALA,EAAOC,UAAW,GAAI,CACzB7F,KAAKgE,iBAAmB,IAAIhE,KAAKe,MAAMC,S,MACjC,GAAIC,MAAMC,QAAQlB,KAAKe,MAAMC,WAAahB,KAAKe,MAAMC,SAASG,OAAS,GAAKyE,EAAMzE,OAAS,EAAG,CACpGnB,KAAKgE,iBAAmBhE,KAAKe,MAAMC,SAAS8E,QAAQrC,I,QACnD,OAAOC,GAAAP,EAACM,EAAOE,SAAgB,MAAAR,SAAA,SAAAA,EAAES,iBAAa,MAAAF,SAAA,SAAAA,EAAEqC,SAASH,IAAK,MAALA,SAAK,SAALA,EAAOhC,cAAc,G,EAOzE,SAAAoC,CAAUC,GACjB,IAAKjG,KAAKgE,iBAAkB,CAC3B,M,CAED,IAAIkC,EAAWlG,KAAK8E,oBAAsBmB,EAC1C,IAAIE,EAAa,EACjB,IAAIC,EAAqB,MAEzB,MAAMC,EAAgBrG,KAAKgE,iBAAiB7C,OAE5C,MAAOgF,EAAaE,EAAe,CAClC,GAAIH,GAAYlG,KAAKgE,iBAAiB7C,OAAQ,CAC7C+E,EAAW,C,CAEZ,GAAIA,EAAW,EAAG,CACjBA,EAAWlG,KAAKgE,iBAAiB7C,OAAS,C,CAG3C,MAAMsC,EAASzD,KAAKgE,iBAAiBkC,GACrC,IAAKzC,EAAO6C,SAAU,CACrBF,EAAqB,KACrB,K,CAGDF,GAAYD,EACZE,G,CAGD,GAAIC,EAAoB,CACvBpG,KAAK8E,oBAAsBoB,EAC3BlG,KAAKuG,YAAYvG,KAAK8E,oB,EAIhB,WAAAyB,CAAYC,GACnB,GAAIxG,KAAKyG,WAAY,CACpB,MAAMC,EAAgB1G,KAAKyG,WAAWD,GACtCE,IAAa,MAAbA,SAAa,SAAbA,EAAerD,O,EAIT,2BAAAsC,CAA4BgB,GACnC,MAAMC,EAAgBD,EAAK/C,cAE3B,MAAM4C,EACLvF,MAAMC,QAAQlB,KAAKgE,mBACnBhE,KAAKgE,iBAAiB6C,WAAWpD,GAAYA,EAAOE,MAAiBC,cAAckD,WAAWF,KAAmBnD,EAAO6C,WAEzH,UAAWE,IAAU,UAAYA,GAAS,EAAG,CAC5CxG,KAAK8E,oBAAsB0B,EAC3BxG,KAAKuG,YAAYC,E,EAIZ,MAAAO,G,MACN,MAAMC,EAAgBC,EAAejH,KAAKe,MAAMmG,QAChD,MAAMC,gBAAEA,GAAoBC,EAAgBpH,KAAKe,OAEjD,OACCsG,EAACC,EAAI,CAAA/G,IAAA,2CAACgH,MAAM,qBACXF,EAAA,OAAA9G,IAAA,2CAAKgH,MAAO,iBAAiBvH,KAAKe,MAAM6D,YAAc,KAAO,WAAa,OACzEyC,EAACG,EAAW,CAAAjH,IAAA,2CACXkH,WAAYzH,KAAKe,MAAM0G,WACvBC,OAAQ1H,KAAK2H,cACb/C,UAAW5E,KAAKe,MAAM6D,UACtBgD,WAAY5H,KAAKe,MAAM6G,WACvBC,WAAY7H,KAAKe,MAAM8G,WACvBC,MAAO9H,KAAKe,MAAM+G,MAClBC,OAAQ/H,KAAKe,MAAMgH,OACnBC,IAAKhI,KAAKe,MAAMiH,IAChBd,OAAQlH,KAAKe,MAAMmG,OACnBe,KAAMjI,KAAKe,MAAMkH,KACjB1F,UAAWvC,KAAKe,MAAMwB,UACtB2F,UAAWlI,KAAKe,MAAMmH,UACtBC,cAAenI,KAAKmI,cACpBC,SAAUpI,KAAKe,MAAMqH,SACrBC,KAAM,gBAENhB,EAAA,QAAA9G,IAAA,2CAAM+H,KAAK,SACTtB,EACAK,EAAA,QAAMxH,KAAK,kBACDG,KAAKe,MAAM0G,aAAe,iBAAmBzH,KAAKe,MAAMmH,YAAc,SAChFb,EAAAkB,EAAA,KACClB,EAACmB,EAA2B,CAACC,UAAWC,EAAqB1I,KAAKe,MAAM0G,YAAczH,KAAKe,MAAMmH,WAAYvE,MAAO3D,KAAKe,MAAMmG,SAAW,IAC1IG,EAAA,OAAKE,MAAM,kBAAiB,cAAa,QACvCmB,EAAqB1I,KAAKe,MAAM0G,YAAczH,KAAKe,MAAMmH,aAI5Db,EAAA,YAAOrH,KAAKe,MAAMmG,SAGpBG,EAAA,OAAA9G,IAAA,2CAAK+H,KAAK,SACTjB,EAAA,OAAA9G,IAAA,2CAAKgH,MAAM,wBACVF,EAAA,QAAA5C,OAAAkE,OAAA,CAAApI,IAAA,2CACCqI,IAAK5I,KAAK6I,SACVtB,MAAM,uBAAsB,cAChB,sBACZnD,KAAK,OAAM,oBACO,OAAM,gBACV,UACdhE,MAAOJ,KAAK6D,YACZiF,UAAW9I,KAAKe,MAAM0G,WAAU,oBACbzH,KAAKe,MAAMmH,UAAS,mBACrBf,EAAgBhG,OAAS,EAAIgG,EAAgB4B,KAAK,KAAOhH,UAAS,aACxE/B,KAAKe,MAAM8G,mBAAqB7H,KAAKe,MAAMmG,SAAW,SAAWlH,KAAKe,MAAMmG,OAASnF,UAAS,wBACnF/B,KAAKiE,SAAWjE,KAAK8E,qBAAuB,EAAI,UAAU9E,KAAK8E,sBAAwB/C,UAC9GiH,eAAe,MACfC,aAAa,MACbC,YAAY,MACZ5C,SAAUtG,KAAKe,MAAM6D,UACrB/E,KAAMG,KAAKe,MAAMiE,MACjBmE,SAAUnJ,KAAKe,MAAMwB,WACjBvC,KAAKkF,WAAWC,SAAQ,CAC5BC,QAASpF,KAAKoF,QAAQgE,KAAKpJ,MAC3BqF,SAAUrF,KAAKqF,SAAS+D,KAAKpJ,MAC7BqJ,QAASrJ,KAAKsJ,cAAcF,KAAKpJ,MACjCuJ,QAAUjF,IACTtE,KAAKkF,WAAWC,SAASoE,QAAQjF,GACjCtE,KAAKwJ,cAAgB,IAAI,EAE1BlG,OAASgB,IACRtE,KAAKkF,WAAWC,SAAS7B,OAAOgB,GAChCtE,KAAKwJ,cAAgB,KAAK,EAE3BC,YAAazJ,KAAKe,MAAMyB,gBAExBxC,KAAK6D,cAAgB7D,KAAKe,MAAM0B,kBAChC4E,EAACqC,EAAU,CAAAnJ,IAAA,2CACVwH,OAAO,wBACPb,OAAQyC,EAAU,wBAClBN,QAAS,K,MACRrJ,KAAK2E,kBACLxB,EAAAnD,KAAKoD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,OAAO,EAEvBkE,MAAM,0BAIRF,EAAA,UAAA9G,IAAA,2CAAQqJ,SAAS,KAAKrC,MAAM,wBAAwB8B,QAASrJ,KAAKsJ,cAAcF,KAAKpJ,MAAOsG,SAAUtG,KAAKe,MAAM6D,WAChHyC,EAACqC,EAAU,CAAAnJ,IAAA,2CAACwH,OAAO,gCAAgCb,OAAQyC,EAAU,oBAGtE3J,KAAKiE,WAAajE,KAAKe,MAAM6D,YAAc,OAC3CyC,EAAA,MAAA9G,IAAA,2CACC8H,KAAK,UACLd,MAAOsC,EAAK,yBAA0B7J,KAAK8J,0BAA4B,yCACvEC,MAAO,CAAE,oBAAqB,IAAG5G,EAAAnD,KAAK0C,SAAK,MAAAS,SAAA,EAAAA,EAAI,KAC/C6G,UAAWhK,KAAKwF,sBAAsB4D,KAAKpJ,OAE1CiB,MAAMC,QAAQlB,KAAKgE,mBAAqBhE,KAAKgE,iBAAiB7C,OAAS,EACvEnB,KAAKgE,iBAAiBiG,KAAI,CAACxG,EAAQ+C,K,MAAU,OAC5Ca,EAAA,MACC6C,GAAI,UAAU1D,IACdjG,IAAK,IAAIiG,IACToC,IAAMuB,IACL,GAAIA,EAAInK,KAAKyG,WAAWD,GAAS2D,CAAE,EAEpCC,UAAW,EACX/B,KAAK,SAAQ,gBACErI,KAAKU,SAAY+C,EAA0BrD,MAAQ,OAAS2B,UAAS,gBACrE0B,EAAO6C,SAAW,OAASvE,UAC1CsH,QAAU/E,I,MACT,GAAIb,EAAO6C,SAAU,CACpB,M,CAEDtG,KAAK8D,aAAaL,IAClBN,EAAAnD,KAAKoD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QACfrD,KAAKsJ,cAAchF,GACnBtE,KAAKiE,QAAU,MACfjE,KAAKkE,WAAa,KAAK,EAExBmG,YAAa,KACZ,IAAKrK,KAAK8J,yBAA0B,CACnC9J,KAAK8E,oBAAsB0B,EAC3BxG,KAAKuG,YAAYC,E,GAGnB+C,QAAS,KACR,IAAK9F,EAAO6C,SAAU,CACrBtG,KAAK8E,oBAAsB0B,EAC3BxG,KAAKuG,YAAYC,E,GAGnBe,MAAOsC,EAAK,sBAAuB,CAAE,gCAAiCpG,EAAO6C,WAC7E0D,UAAYM,I,MACX,GAAI7G,EAAO6C,SAAU,CACpB,M,CAED,GAAIgE,EAAE/J,MAAQ,SAAW+J,EAAE/J,MAAQ,cAAe,CACjDP,KAAK8D,aAAaL,IAClBN,EAAAnD,KAAKoD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QACfrD,KAAKsJ,cAAcgB,GACnBA,EAAE5E,gB,IAIJ2B,EAAA,SACCE,MAAM,kBACNnD,KAAK,QACLkC,UAAUnD,EAAAM,EAAO6C,YAAQ,MAAAnD,SAAA,EAAAA,EAAIpB,UAC7BlC,KAAK,UACLqK,GAAI,gBAAgB1D,IACpBpG,MAAQqD,EAA0BrD,MAClCmK,QAASvK,KAAKU,SAAY+C,EAA0BrD,OAASoG,IAAUxG,KAAK8E,sBAG7EuC,EAAA,SAAOmD,QAAS,gBAAgBhE,IAASe,MAAM,eAC7C9D,EAAOE,OAEL,IAGN0D,EAAA,MAAIE,MAAM,qCAAqCoC,EAAU,0BAAyB,S,CAYpF,cAAAc,GACNC,YAAW,K,MACV,MAAKvH,EAAAnD,KAAKF,QAAI,MAAAqD,SAAA,SAAAA,EAAEwH,SAASC,SAASC,gBAAgB,CACjD7K,KAAKsD,Q,IAEJ,E,CAGG,gBAAAwH,GACN9K,KAAKsD,Q,CAIC,aAAAyH,CAAczG,G,QACpB,MAAM0G,EAAc,CAACC,EAAkBC,K,MACtC5G,EAAMoB,iBAEN,GAAIuF,IAAWlJ,UAAW,CACzB/B,KAAKiE,QAAUgH,EACf,IAAKA,EAAQ,EACZ9H,EAAAnD,KAAKoD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,O,EAGjB6H,IAAQ,MAARA,SAAQ,SAARA,GAAY,EAGb,OAAQ5G,EAAM/D,KACb,IAAK,OACL,IAAK,YAAa,CACjBP,KAAK8J,yBAA2B,KAChCkB,EAAY,MAAM,IAAMhL,KAAKgG,UAAU,KACvC,K,CAED,IAAK,KACL,IAAK,UAAW,CACfhG,KAAK8J,yBAA2B,KAChCkB,EAAY,MAAM,IAAMhL,KAAKgG,WAAW,KACxC,K,CAED,IAAK,MACJ,GAAIhG,KAAKiE,QAAS,CACjBjE,KAAKiE,SAAWjE,KAAKiE,SACrBd,EAAAnD,KAAKoD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,O,CAEhB,MACD,IAAK,MACL,IAAK,SAAU,CACdrD,KAAKkE,WAAa,MAClBlE,KAAKiE,QAAU,MAEf+G,EAAY,OACZ,K,CAED,IAAK,IAAK,CACT,GAAIhL,KAAKiE,QAAS,CACjB,GAAIhD,MAAMC,QAAQlB,KAAKgE,mBAAqBhE,KAAKgE,iBAAiB7C,OAAS,EAAG,CAC7EnB,KAAK8D,aAAa9D,KAAKgE,iBAAiBhE,KAAK8E,uBAC7CpB,EAAA1D,KAAKoD,YAAQ,MAAAM,SAAA,SAAAA,EAAEL,QACf2H,EAAY,M,MAEP,CACNhL,KAAKsJ,cAAchF,E,CAEpB,K,CAED,IAAK,cACL,IAAK,QAAS,CACbtE,KAAKsJ,cAAchF,GACnBtE,KAAKkE,WAAa,MAClBlE,KAAKiE,QAAU,MACf,K,CAED,IAAK,OAAQ,CACZjE,KAAK8J,yBAA2B,KAChCkB,EAAYjJ,WAAW,KACtB,GAAI/B,KAAKiE,QAAS,CACjBjE,KAAK8E,oBAAsB,EAC3B9E,KAAKuG,YAAYvG,KAAK8E,oB,KAGxB,K,CAED,IAAK,MAAO,CACX9E,KAAK8J,yBAA2B,KAChCkB,EAAYjJ,WAAW,KACtB,GAAI/B,KAAKiE,QAAS,CACjBjE,KAAK8E,oBAAsB9E,KAAKgE,iBAAmBhE,KAAKgE,iBAAiB7C,OAAS,EAAI,EACtFnB,KAAKuG,YAAYvG,KAAK8E,oB,KAGxB,K,CAED,IAAK,SAAU,CACd9E,KAAK8J,yBAA2B,KAChCkB,EAAYjJ,WAAW,IAAM/B,KAAKiE,SAAWjE,KAAKgG,WAAW,MAC7D,K,CAED,IAAK,WAAY,CAChBhG,KAAK8J,yBAA2B,KAChCkB,EAAYjJ,WAAW,IAAM/B,KAAKiE,SAAWjE,KAAKgG,UAAU,MAC5D,K,GAoJH,WAAArG,CAAAwL,G,UA5nBQnL,KAAAyG,WAA8B,GA0BrBzG,KAAA6I,SAAYD,IAC5B5I,KAAKoD,SAAWwF,CAAG,EAGZ5I,KAAAsJ,cAAiBhF,I,MACxBA,IAAK,MAALA,SAAK,SAALA,EAAOoB,iBACP,GAAI1F,KAAKe,MAAM6D,UAAW,CACzB,M,KACM,CACN,IAAK5E,KAAKkE,WAAY,CACrBlE,KAAKiE,QAAU,KACfjE,KAAKkE,WAAa,MAClBf,EAAAnD,KAAKoD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QACf,MAAM+H,EAAgBnK,MAAMC,QAAQlB,KAAKgE,kBAAoBhE,KAAKgE,iBAAiB6C,WAAWpD,GAAWA,EAAOE,QAAU3D,KAAK6D,eAAgB,EAC/I,MAAMwH,EAAwBrL,KAAKyG,WAAW2E,GAC9CC,IAAqB,MAArBA,SAAqB,SAArBA,EAAuBC,eAAe,CAAEC,MAAO,YAC/CvL,KAAKuG,YAAYvG,KAAK8E,oB,IAuHjB9E,KAAA8E,qBAA+B,E,aA8UrB,M,gBAEG,M,sBAEwB,G,iBAEf,G,8BAEc,M,2FAoBP,M,gBAMiC,M,gBAOhC,M,WAKN,G,kKAyCK,M,yGAqBiB,M,cAMc,M,4CAUxB,M,gCAOA,CAC3C8C,WAAY,MACZI,IAAK,MAAMwD,MACXtE,OAAQ,GACRlG,SAAU,GACVyB,iBAAkB,O,mBAGc,MAGhCzC,KAAKkF,WAAa,IAAIzF,EAAuBO,KAAM,gBAAiBA,KAAKF,K,CAGlE,WAAA6H,GACP,GAAI3H,KAAKe,MAAM2G,SAAW3F,UAAW,CACpC,OAAO0J,QAAQzL,KAAKe,MAAMqH,YAAcpI,KAAKwJ,a,CAE9C,OAAOxJ,KAAKe,MAAM2G,M,CAIZ,mBAAAzF,CAAoB7B,GAC1BJ,KAAKkF,WAAWjD,oBAAoB7B,E,CAI9B,iBAAAsL,CAAkBtL,GACxBJ,KAAKkF,WAAWwG,kBAAkBtL,E,CAI5B,aAAAuL,CAAcvL,GACpBJ,KAAKkF,WAAWyG,cAAcvL,E,CAIxB,gBAAAwL,CAAiBxL,GACvBJ,KAAKkF,WAAW0G,iBAAiBxL,E,CAI3B,iBAAAyL,CAAkBzL,GACxBJ,KAAKkF,WAAW2G,kBAAkBzL,E,CAI5B,iBAAA0L,CAAkB1L,GACxBJ,KAAKkF,WAAW4G,kBAAkB1L,E,CAI5B,YAAA2L,CAAa3L,GACnBJ,KAAKkF,WAAW6G,aAAa3L,E,CAIvB,aAAA4L,CAAc5L,GACpBJ,KAAKkF,WAAW8G,cAAc5L,E,CAIxB,UAAA6L,CAAW7L,GACjBJ,KAAKkF,WAAW+G,WAAW7L,E,CAIrB,aAAA8L,CAAc9L,GACpBJ,KAAKkF,WAAWgH,cAAc9L,E,CAIxB,WAAA+L,CAAY/L,GAClBJ,KAAKkF,WAAWiH,YAAY/L,E,CAItB,YAAAgM,CAAahM,GACnBJ,KAAKkF,WAAWkH,aAAahM,E,CAIvB,UAAAiM,CAAWjM,GACjBJ,KAAKkF,WAAWmH,WAAWjM,E,CAIrB,eAAAkB,CAAgBlB,GACtBJ,KAAKkF,WAAW5D,gBAAgBlB,GAChCJ,KAAKgE,iBAAmB5D,EACxBJ,KAAKsM,iBAAiBtM,KAAKU,O,CAIrB,gBAAAgB,CAAiBtB,GACvBJ,KAAKkF,WAAWxD,iBAAiBtB,E,CAI3B,gBAAAmM,CAAiBnM,GACvBJ,KAAKkF,WAAWqH,iBAAiBnM,E,CAI3B,2BAAAoM,CAA4BpM,GAClCJ,KAAKkF,WAAWsH,4BAA4BpM,E,CAItC,gBAAAqM,CAAiBrM,GACvBJ,KAAKkF,WAAWuH,iBAAiBrM,E,CAI3B,eAAAsM,CAAgBtM,GACtBJ,KAAKkF,WAAWwH,gBAAgBtM,E,CAI1B,aAAAwB,CAAcxB,GACpBJ,KAAKkF,WAAWtD,cAAcxB,GAC9BJ,KAAK2M,SAAWvM,EAChBJ,KAAKsM,iBAAiBlM,E,CAIhB,uBAAA+B,CAAwB/B,GAC9BJ,KAAKkF,WAAW/C,wBAAwB/B,E,CAIlC,YAAAgC,CAAahC,GACnBJ,KAAKkF,WAAW9C,aAAahC,E,CAIvB,gBAAAwM,GACN5M,KAAK8J,yBAA2B,K,CAGzB,gBAAAwC,CAAiBlM,GACxB,GAAIa,MAAMC,QAAQlB,KAAKgB,UAAW,CACjC,MAAM6L,EAAgB7M,KAAKgB,SAASwC,MAAMC,GAAWA,EAAOrD,QAAUA,IACtEJ,KAAK6D,YAAcgJ,EAAgBC,OAAOD,EAAclJ,OAAS,E,EAI5D,iBAAArB,GACNtC,KAAKyG,WAAa,GAClBzG,KAAKoI,SAAWpI,KAAKoI,WAAa,KAClCpI,KAAKkF,WAAW5C,oBAChBtC,KAAK2M,SAAW3M,KAAKU,OACrBV,KAAKgE,iBAAmBhE,KAAKe,MAAMC,SACnChB,KAAKsM,iBAAiBtM,KAAKU,O,CAGpB,QAAA2E,CAASf,G,YAChB,GAAItE,KAAK2M,aAAaxJ,EAAAnD,KAAKoD,YAAQ,MAAAD,SAAA,SAAAA,EAAE/C,OAAO,CAC3CJ,KAAK2M,UAAWjJ,EAAA1D,KAAKoD,YAAQ,MAAAM,SAAA,SAAAA,EAAEtD,K,CAGhC2M,EAA0B,SAAU/M,KAAKF,KAAME,KAAKU,QAGpD,WAAWqD,EAAA/D,KAAKe,MAAMiM,OAAG,MAAAjJ,SAAA,SAAAA,EAAEsB,YAAa,aAAerF,KAAKiE,QAAS,CACpEjE,KAAKe,MAAMiM,IAAI3H,SAASf,EAAOtE,KAAKU,QAAUV,KAAK2M,aAAaM,EAAAjN,KAAKoD,YAAQ,MAAA6J,SAAA,SAAAA,EAAE7M,O","ignoreList":[]}

package/dist/kolibri/kol-skip-nav.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as e,H as t}from"./index-16ac6954.js";import"./index-7a63e9eb.js";import{r as i,a}from"./unique-nav-labels-4be6182a.js";import{w as o}from"./validation-7170ea32.js";import{j as s}from"./component-names-ad1568d0.js";import{v as l}from"./label-7d1ce375.js";const r="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    color: black;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%; /* 100% needed for custom width from outside */\n    margin: 0;\n    padding: 0;\n    border: none;\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-component {\n  ul {\n    display: grid;\n    place-items: center;\n    list-style: none;\n  }\n  ul li {\n    height: 0;\n  }\n  .kol-link-wc a {\n    position: absolute;\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    z-index: 9999999;\n    line-height: 1;\n  }\n  .kol-link-wc a:focus {\n    background-color: #fff;\n    position: unset;\n    left: unset;\n  }\n}",d=r,h=class{constructor(e){n(this,e),this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return e(t,{key:"31dea69f183ae64b04d1d3c9f21a12dc67c460db",class:"kol-skip-nav"},e("nav",{key:"2ddbf00d7c97058942323af5bafa68fd5a5959dd","aria-label":this.state._label},e("ul",{key:"80b9bb23de090f334dadde08ef95a0ffdf2d0dff"},this.state._links.map((n,t)=>e("li",{key:t},e(s,Object.assign({},n,{ref:0===t?n=>this.firstLinkRef=n:void 0})))))))}validateLabel(n,e,t=!1){t||i(this.state._label),l(this,n,{required:!0}),a(this.state._label)}validateLinks(n){o("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){i(this.state._label)}async kolFocus(){var n;await(null===(n=this.firstLinkRef)||void 0===n?void 0:n.kolFocus())}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};h.style={default:d};export{h as kol_skip_nav};
+import{r as n,h as e,H as t}from"./index-d6b5ee50.js";import"./index-682b2385.js";import{r as i,a}from"./unique-nav-labels-62f5fdbc.js";import{w as o}from"./validation-2296a919.js";import{j as s}from"./component-names-ad1568d0.js";import{v as l}from"./label-3757689e.js";const r="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    color: black;\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%; /* 100% needed for custom width from outside */\n    margin: 0;\n    padding: 0;\n    border: none;\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-component {\n  ul {\n    display: grid;\n    place-items: center;\n    list-style: none;\n  }\n  ul li {\n    height: 0;\n  }\n  .kol-link-wc a {\n    position: absolute;\n    left: calc(-99999rem / var(--kolibri-root-font-size, 16));\n    z-index: 9999999;\n    line-height: 1;\n  }\n  .kol-link-wc a:focus {\n    background-color: #fff;\n    position: unset;\n    left: unset;\n  }\n}",d=r,h=class{constructor(e){n(this,e),this._label=void 0,this._links=void 0,this.state={_label:"",_links:[]}}render(){return e(t,{key:"31dea69f183ae64b04d1d3c9f21a12dc67c460db",class:"kol-skip-nav"},e("nav",{key:"2ddbf00d7c97058942323af5bafa68fd5a5959dd","aria-label":this.state._label},e("ul",{key:"80b9bb23de090f334dadde08ef95a0ffdf2d0dff"},this.state._links.map((n,t)=>e("li",{key:t},e(s,Object.assign({},n,{ref:0===t?n=>this.firstLinkRef=n:void 0})))))))}validateLabel(n,e,t=!1){t||i(this.state._label),l(this,n,{required:!0}),a(this.state._label)}validateLinks(n){o("KolSkipNav",this,n)}componentWillLoad(){this.validateLabel(this._label,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){i(this.state._label)}async kolFocus(){var n;await(null===(n=this.firstLinkRef)||void 0===n?void 0:n.kolFocus())}static get watchers(){return{_label:["validateLabel"],_links:["validateLinks"]}}};h.style={default:d};export{h as kol_skip_nav};