@koobiq/components 21.0.1 → 21.1.0

package/fesm2022/koobiq-components-search-expandable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-search-expandable.mjs","sources":["../../../packages/components/search-expandable/search-expandable.ts","../../../packages/components/search-expandable/search-expandable.html","../../../packages/components/search-expandable/search-expandable.module.ts","../../../packages/components/search-expandable/koobiq-components-search-expandable.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewChecked,\n    AfterViewInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    effect,\n    ElementRef,\n    inject,\n    InjectionToken,\n    input,\n    numberAttribute,\n    OnChanges,\n    OnDestroy,\n    output,\n    Provider,\n    signal,\n    SimpleChanges,\n    untracked,\n    viewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n    AbstractControl,\n    ControlValueAccessor,\n    FormControl,\n    FormGroupDirective,\n    FormsModule,\n    NgControl,\n    NgForm,\n    ReactiveFormsModule\n} from '@angular/forms';\nimport { KbqButton, KbqButtonModule } from '@koobiq/components/button';\nimport {\n    ErrorStateMatcher,\n    KBQ_A11Y_LOCALE_CONFIGURATION,\n    KbqDeepPartial,\n    kbqLocaleConfigurationOverrideProvider,\n    KbqLocaleOverridesDirective,\n    kbqOptionalNumberAttribute,\n    KbqSearchExpandableLocaleConfiguration,\n    ruRULocaleData\n} from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqInput, KbqInputModule } from '@koobiq/components/input';\nimport { KbqToolTipModule, KbqTooltipTrigger } from '@koobiq/components/tooltip';\nimport { filter, Subject, Subscription, timer } from 'rxjs';\nimport { map, switchMap, takeUntil } from 'rxjs/operators';\n\n/** default configuration of search-expandable */\nexport const KBQ_SEARCH_EXPANDABLE_DEFAULT_LOCALE_CONFIGURATION: KbqSearchExpandableLocaleConfiguration =\n    ruRULocaleData.searchExpandable;\n\n/** Injection Token for providing configuration of search-expandable */\nexport const KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION = new InjectionToken<KbqSearchExpandableLocaleConfiguration>(\n    'KbqSearchExpandableLocaleConfiguration',\n    { factory: () => KBQ_SEARCH_EXPANDABLE_DEFAULT_LOCALE_CONFIGURATION }\n);\n\n/**\n * Utility provider for `KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION`. Only the strings you pass are overridden; the\n * rest keep following the active locale.\n */\nexport const kbqSearchExpandableLocaleConfigurationProvider = (\n    configuration: KbqDeepPartial<KbqSearchExpandableLocaleConfiguration>\n): Provider => kbqLocaleConfigurationOverrideProvider('searchExpandable', configuration);\n\n/** @deprecated Use {@link KBQ_SEARCH_EXPANDABLE_DEFAULT_LOCALE_CONFIGURATION}. Will be removed in 22.0.0. */\nexport const KBQ_SEARCH_EXPANDABLE_DEFAULT_CONFIGURATION = KBQ_SEARCH_EXPANDABLE_DEFAULT_LOCALE_CONFIGURATION;\n/** @deprecated Use {@link KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION}. Will be removed in 22.0.0. */\nexport const KBQ_SEARCH_EXPANDABLE_CONFIGURATION = KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION;\n\nexport const defaultValue = '';\nexport const defaultEmitValueTimeout = 200;\n\n/**\n * Resolves the error state of the rendered field against the control the consumer bound, not against\n * the component's own validator-free control the input is wired to. Delegates to the ambient matcher so\n * a consumer-provided `ErrorStateMatcher` keeps deciding *when* the errors are shown.\n */\nclass BoundControlErrorStateMatcher implements ErrorStateMatcher {\n    constructor(\n        private readonly matcher: ErrorStateMatcher,\n        private readonly boundControl: () => AbstractControl | null\n    ) {}\n\n    isErrorState(_control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean {\n        return this.matcher.isErrorState(this.boundControl(), form);\n    }\n}\n\n@Component({\n    selector: 'kbq-search-expandable',\n    imports: [\n        KbqButtonModule,\n        KbqIconModule,\n        KbqInputModule,\n        FormsModule,\n        KbqToolTipModule,\n        ReactiveFormsModule\n    ],\n    templateUrl: './search-expandable.html',\n    styleUrls: ['./search-expandable.scss', './search-expandable-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-search-expandable',\n        '[class.kbq-search-expandable_opened]': 'isOpened'\n    },\n    hostDirectives: [\n        { directive: KbqLocaleOverridesDirective, inputs: ['kbqLocaleOverrides: localeOverrides'] }\n    ]\n})\nexport class KbqSearchExpandable\n    implements OnChanges, ControlValueAccessor, AfterViewInit, AfterViewChecked, OnDestroy\n{\n    /** @docs-private */\n    protected readonly ngControl = inject(NgControl, { optional: true, self: true });\n    /** @docs-private */\n    protected readonly focusMonitor = inject(FocusMonitor);\n    /** @docs-private */\n    protected readonly destroyRef = inject(DestroyRef);\n    /** @docs-private */\n    protected readonly nativeElement: HTMLElement = inject(ElementRef).nativeElement;\n    private readonly carrier = inject(KbqLocaleOverridesDirective, { self: true });\n\n    /**\n     * Accessible names of the icon-only controls this component renders itself.\n     *\n     * @docs-private\n     */\n    protected readonly a11yLocaleConfiguration = this.carrier.read('a11y', KBQ_A11Y_LOCALE_CONFIGURATION);\n\n    /** Strings currently rendered by the component. */\n    readonly localeConfiguration = this.carrier.read('searchExpandable', KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION);\n\n    private readonly input = viewChild(KbqInput);\n    private readonly button = viewChild(KbqButton);\n    private readonly tooltip = viewChild(KbqTooltipTrigger);\n\n    /** @docs-private */\n\n    /**\n     * Control backing the expanded input. Owning it — rather than binding the consumer's own control to\n     * the input — keeps every write to the consumer's model going through the debounced pipeline below,\n     * and keeps a programmatic write from being echoed back as a user edit.\n     *\n     * @docs-private\n     */\n    protected readonly control = new FormControl<string>(defaultValue, { nonNullable: true });\n\n    /**\n     * Keeps the field's invalid state — and the `aria-invalid` derived from it — following the bound\n     * control, which is the only one the consumer's validators run on.\n     *\n     * @docs-private\n     */\n    protected readonly errorStateMatcher: ErrorStateMatcher = new BoundControlErrorStateMatcher(\n        inject(ErrorStateMatcher),\n        () => this.ngControl?.control ?? null\n    );\n\n    /** Icon of the collapsed button and of the expanded field's prefix. */\n    protected readonly searchIconName = 'kbq-magnifying-glass_16';\n\n    /** Current value in input. A write reaches the field, and the bound control once `emitValueTimeout` passes. */\n    readonly value = signal(defaultValue);\n\n    protected lastFocusOrigin: 'touch' | 'mouse' | 'keyboard' | 'program' | null = null;\n\n    /** Suppress the automatic input focus once — set when the component auto-opens from a model value. */\n    private suppressInputFocus = false;\n\n    /** Whether the expanded input was rendered on the previous change detection pass. */\n    private inputRendered = false;\n    /** Whether the collapsed button was rendered on the previous change detection pass. */\n    private buttonRendered = false;\n\n    /** Cancels a pending debounced emission once the value has been emitted (or reset) through another path. */\n    private readonly cancelPendingEmit = new Subject<void>();\n\n    private focusMonitorSubscription: Subscription | null = null;\n\n    /** state of component. */\n    get isOpened(): boolean {\n        return this.openedState();\n    }\n\n    set isOpened(value: boolean) {\n        this.openedState.set(value);\n    }\n\n    private readonly openedState = signal(false);\n\n    /** Emit event by enter or not. Default is false */\n    readonly isEmitValueByEnterEnabled = input(false, { transform: booleanAttribute });\n    /** Timeout in milliseconds for emit event. The default value is taken from defaultEmitValueTimeout */\n    readonly emitValueTimeout = input(defaultEmitValueTimeout, { transform: numberAttribute });\n\n    /** Tooltip text for the search button. When set, overrides the locale tooltip */\n    get tooltipText(): string {\n        return this._tooltipText ?? this.localeConfiguration().tooltip;\n    }\n\n    set tooltipText(value: string | null) {\n        this._tooltipText = value;\n    }\n\n    private _tooltipText: string | null;\n\n    /** Placeholder for input when expanded */\n    get placeholder(): string {\n        return this._placeholder ?? this.localeConfiguration().placeholder;\n    }\n\n    set placeholder(value: string | null) {\n        this._placeholder = value;\n    }\n\n    private _placeholder: string | null = null;\n\n    /** Whether the component is disabled. Also set by the bound control through `setDisabledState`. */\n    get disabled(): boolean {\n        return this.disabledState();\n    }\n\n    set disabled(value: boolean) {\n        this.disabledState.set(value);\n\n        // `emitEvent: false`: `disable()`/`enable()` re-emit the current value, which would restart the\n        // debounce and emit a value the user never typed.\n        if (value) {\n            this.control.disable({ emitEvent: false });\n            this.stopFocusMonitor();\n        } else {\n            this.control.enable({ emitEvent: false });\n            untracked(() => this.runFocusMonitor());\n        }\n    }\n\n    // A signal: `setDisabledState` reaches the setter from the forms API, outside any binding of this view.\n    private readonly disabledState = signal(false);\n\n    /** Tab index of the collapsed button and of the expanded input. Always `-1` while disabled. */\n    get tabIndex(): number {\n        return this.disabled ? -1 : this._tabIndex;\n    }\n\n    set tabIndex(value: number) {\n        this._tabIndex = value;\n    }\n\n    private _tabIndex = 0;\n\n    /** Event emitted when the search has been toggled. */\n    readonly isOpenedChange = output<boolean>();\n\n    private lastEmittedValue = defaultValue;\n\n    /** @docs-private */\n    readonly isOpenedInput = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'isOpened',\n        transform: booleanAttribute\n    });\n\n    /** @docs-private */\n    readonly tooltipTextInput = input<string | null | undefined>(undefined, { alias: 'tooltipText' });\n\n    /** @docs-private */\n    readonly placeholderInput = input<string | null | undefined>(undefined, { alias: 'placeholder' });\n\n    /** @docs-private */\n    readonly disabledInput = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'disabled',\n        transform: booleanAttribute\n    });\n\n    /** @docs-private */\n    readonly tabIndexInput = input<number | undefined, number | string | null | undefined>(undefined, {\n        alias: 'tabIndex',\n        transform: kbqOptionalNumberAttribute\n    });\n\n    ngOnChanges(changes: SimpleChanges): void {\n        // A bound input is handed to its member, a bound `undefined` as the member's default; unbound, it leaves\n        // what code wrote.\n        if (changes['isOpenedInput']) {\n            const isOpened = this.isOpenedInput();\n\n            // A form directive on the element writes its value before this hook runs, and expands the field when the\n            // value is not empty: a first binding of `false` must not collapse it again.\n            if (isOpened !== undefined && (isOpened || !changes['isOpenedInput'].firstChange)) {\n                this.isOpened = isOpened;\n            }\n        }\n\n        if (changes['tooltipTextInput']) {\n            this.tooltipText = this.tooltipTextInput() ?? null;\n        }\n\n        if (changes['placeholderInput']) {\n            this.placeholder = this.placeholderInput() ?? null;\n        }\n\n        if (changes['disabledInput']) {\n            const disabled = this.disabledInput();\n\n            if (disabled !== undefined) this.disabled = disabled;\n        }\n\n        if (changes['tabIndexInput']) this.tabIndex = this.tabIndexInput() ?? 0;\n    }\n\n    constructor() {\n        if (!this.ngControl) {\n            throw Error(`kbq-search-expandable must be used with the [formControl], [formControlName] or [(ngModel)].`);\n        }\n\n        this.ngControl.valueAccessor = this;\n\n        // `value` predates the internal control and stays part of the public API: writes into it must\n        // still reach the field, and reads must still observe the current value. Both directions are\n        // guarded on the current value, so the pair cannot loop.\n        effect(() => {\n            const value = this.value();\n\n            untracked(() => {\n                if (this.control.value !== value) {\n                    this.control.setValue(value);\n                }\n            });\n        });\n\n        this.control.valueChanges.pipe(takeUntilDestroyed()).subscribe((value) => this.value.set(value));\n\n        this.control.valueChanges\n            .pipe(\n                filter(() => !this.isEmitValueByEnterEnabled()),\n                // No `distinctUntilChanged()` here: it remembers what the *field* last held, which a\n                // programmatic write (`emitEvent: false`) and a close silently invalidate — retyping the\n                // value the model was just reset from would then be swallowed forever. `emitValue` guards\n                // on the last value actually handed to the consumer, which every path keeps in sync.\n                //\n                // `switchMap` over a `timer` rather than `debounceTime`: the timeout is read per value, so\n                // `[emitValueTimeout]` keeps working after Angular has set the inputs, and `takeUntil` lets\n                // an explicit emission (Enter, close) drop a pending one that would otherwise land\n                // afterwards and overwrite the value that was just emitted.\n                switchMap((value) =>\n                    timer(this.emitValueTimeout()).pipe(\n                        map(() => value),\n                        takeUntil(this.cancelPendingEmit)\n                    )\n                ),\n                takeUntilDestroyed(this.destroyRef)\n            )\n            .subscribe((value) => this.emitValue(value));\n    }\n\n    ngAfterViewInit(): void {\n        this.runFocusMonitor();\n\n        // The first render is a page load rather than an expand or a collapse, so it only seeds what\n        // the focus handoffs below compare against.\n        this.inputRendered = !!this.input();\n        this.buttonRendered = !!this.button();\n        // When the component starts opened (e.g. a seeded formControl value), the input is present on\n        // first render and no expand follows to consume the flag — clear it so later user-initiated\n        // opens focus the input as usual.\n        this.suppressInputFocus = false;\n    }\n\n    /**\n     * Focus handoffs: the input takes focus when the field expands, the collapsed button takes it back\n     * when the field closes.\n     *\n     * This runs from `ngAfterViewChecked` rather than from an `effect()` on the queries, because view\n     * effects are flushed *before* view queries are refreshed within a change detection pass — an\n     * effect would always move focus one pass late.\n     *\n     * @docs-private\n     */\n    ngAfterViewChecked(): void {\n        const inputControl = this.input();\n        const toggleButton = this.button();\n        const inputWasRendered = this.inputRendered;\n        const buttonWasRendered = this.buttonRendered;\n\n        this.inputRendered = !!inputControl;\n        this.buttonRendered = !!toggleButton;\n\n        if (toggleButton && !buttonWasRendered) {\n            this.restoreFocusToButton(toggleButton);\n        }\n\n        if (inputControl && !inputWasRendered) {\n            if (this.suppressInputFocus) {\n                this.suppressInputFocus = false;\n            } else {\n                inputControl.focus();\n            }\n        }\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    /** @docs-private */\n    onChange: (value: string) => void = () => {};\n\n    /** @docs-private */\n    onTouch: () => void = () => {};\n\n    /** Implemented as part of ControlValueAccessor. */\n    registerOnChange(fn: (value: string) => void): void {\n        this.onChange = fn;\n    }\n\n    /** Implemented as part of ControlValueAccessor. */\n    registerOnTouched(fn: () => void): void {\n        this.onTouch = fn;\n    }\n\n    /** Implemented as part of ControlValueAccessor. */\n    writeValue(value: string): void {\n        untracked(() => this.applyValue(value));\n    }\n\n    /** Body of `writeValue()`. */\n    private applyValue(value: string): void {\n        const nextValue = value || defaultValue;\n\n        // The model supersedes whatever the user was typing: without this, an emission scheduled by the\n        // keystrokes that preceded the write lands afterwards and puts the replaced query back.\n        this.cancelPendingEmit.next();\n        // The consumer's model is the source of truth on this path: recording it keeps `emitValue` from\n        // re-emitting a value the model already holds, and lets it emit a value the user retypes after\n        // the model was changed from the outside.\n        this.lastEmittedValue = nextValue;\n        // `emitEvent: false` keeps a programmatic write out of the debounced pipeline — feeding it back\n        // through `onChange` would mark the consumer's control dirty and double-fire its `valueChanges`.\n        this.control.setValue(nextValue, { emitEvent: false });\n        this.value.set(nextValue);\n\n        // Expand automatically when the model already holds a value, without stealing focus —\n        // unless focus is already inside the component (e.g. on the collapsed toggle button\n        // that's about to be removed from the DOM), in which case let it move to the input.\n        if (value && !this.isOpened && !this.disabled) {\n            this.suppressInputFocus = this.lastFocusOrigin === null;\n            this.setOpened(true);\n        }\n    }\n\n    /** Implemented as part of ControlValueAccessor. */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    toggle(): void {\n        // Untracked, as `writeValue()` and the `disabled` setter: called from a consumer's `effect()`, the state read\n        // on the way — `isOpened`, `disabled`, the tooltip — would make the effect run again on every open and close.\n        untracked(() => {\n            if (this.disabled) return;\n\n            this.tooltip()?.hide();\n\n            this.setOpened(!this.isOpened);\n        });\n    }\n\n    /**\n     * Emits the typed value straight away when `isEmitValueByEnterEnabled` is set — the only path that\n     * emits in that mode, since the debounced pipeline is filtered out.\n     *\n     * @docs-private\n     */\n    protected onEnter(event: Event): void {\n        if (!this.isEmitValueByEnterEnabled()) return;\n\n        // Angular calls `preventDefault()` only for a handler that returns literal `false`, so without this\n        // an Enter inside a native `<form>` would submit it on top of the emission it has just made.\n        event.preventDefault();\n\n        this.cancelPendingEmit.next();\n        this.emitValue(this.control.value);\n    }\n\n    /**\n     * Collapses the field on `Escape`. On `keydown` and spent, so that a container closing on the key, such as a\n     * modal, stays open.\n     *\n     * @internal\n     */\n    protected onEscape(event: Event): void {\n        if (this.disabled || !this.isOpened) return;\n\n        event.preventDefault();\n        this.toggle();\n    }\n\n    private setOpened(open: boolean): void {\n        if (this.disabled || this.isOpened === open) return;\n\n        this.isOpened = open;\n\n        if (!open) {\n            // Never let a stale suppress-flag survive a close.\n            this.suppressInputFocus = false;\n            // An emission scheduled by the keystrokes that preceded the close would put the discarded\n            // query back into the bound control right after the reset.\n            this.cancelPendingEmit.next();\n            // `emitEvent: false`: the reset reaches the consumer through the forced emit below, so\n            // routing it through the debounce as well would only schedule a redundant no-op emission.\n            this.control.setValue(defaultValue, { emitEvent: false });\n            this.value.set(defaultValue);\n            // Force the emit — closing must always synchronize the bound control to the reset\n            // value, rather than relying on the debounce to eventually settle (it can be raced\n            // by a value pushed just before close, silently leaving the control at a stale value).\n            this.emitValue(defaultValue, true);\n        }\n\n        this.isOpenedChange.emit(this.isOpened);\n    }\n\n    /** Moves focus back onto the collapsed button, keeping its tooltip from opening on the way. */\n    private restoreFocusToButton(button: KbqButton): void {\n        const tooltip = this.tooltip();\n\n        if (tooltip) {\n            tooltip.disabled = true;\n        }\n\n        this.focusMonitor.focusVia(button.elementRef.nativeElement, this.lastFocusOrigin);\n\n        if (tooltip) {\n            // Back to what the template binds, not `false`.\n            tooltip.disabled = this.disabled;\n        }\n    }\n\n    private emitValue = (value: string, forced = false): void => {\n        if (value !== this.lastEmittedValue || forced) {\n            this.onChange(value);\n            this.lastEmittedValue = value;\n        }\n    };\n\n    private runFocusMonitor() {\n        // `FocusMonitor.monitor()` hands back the same subject for an already-monitored element, so a\n        // second subscription would double every notification; a disabled component is not monitored.\n        if (this.disabled || this.focusMonitorSubscription) return;\n\n        this.focusMonitorSubscription = this.focusMonitor\n            .monitor(this.nativeElement, true)\n            .subscribe((origin) => (this.lastFocusOrigin = origin));\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitorSubscription?.unsubscribe();\n        this.focusMonitorSubscription = null;\n\n        this.focusMonitor.stopMonitoring(this.nativeElement);\n    }\n}\n","@if (!isOpened) {\n    <button\n        type=\"button\"\n        kbq-button\n        class=\"kbq-search-expandable__button\"\n        [attr.aria-label]=\"tooltipText\"\n        [kbqTooltip]=\"tooltipText\"\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltipDisabled]=\"disabled\"\n        [tabIndex]=\"tabIndex\"\n        [disabled]=\"disabled\"\n        (click)=\"toggle()\"\n    >\n        <i [kbq-icon]=\"searchIconName\"></i>\n    </button>\n} @else {\n    <kbq-form-field class=\"kbq-search-expandable__search\">\n        <i kbqPrefix [kbq-icon]=\"searchIconName\"></i>\n\n        <input\n            kbqInput\n            type=\"text\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"placeholder\"\n            [tabIndex]=\"tabIndex\"\n            [placeholder]=\"placeholder\"\n            [formControl]=\"control\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            (blur)=\"onTouch()\"\n            (keydown.escape)=\"onEscape($event)\"\n            (keydown.enter)=\"onEnter($event)\"\n        />\n\n        <button\n            type=\"button\"\n            kbqSuffix\n            kbq-icon-button=\"kbq-circle-xmark_16\"\n            [attr.aria-label]=\"a11yLocaleConfiguration().close\"\n            [disabled]=\"disabled\"\n            (click)=\"toggle()\"\n        ></button>\n    </kbq-form-field>\n}\n","import { NgModule } from '@angular/core';\nimport { KbqSearchExpandable } from './search-expandable';\n\n@NgModule({\n    imports: [\n        KbqSearchExpandable\n    ],\n    exports: [KbqSearchExpandable]\n})\nexport class KbqSearchExpandableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-search-expandable.mjs","sources":["../../../packages/components/search-expandable/search-expandable.ts","../../../packages/components/search-expandable/search-expandable.html","../../../packages/components/search-expandable/search-expandable.module.ts","../../../packages/components/search-expandable/koobiq-components-search-expandable.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewChecked,\n    AfterViewInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    effect,\n    ElementRef,\n    inject,\n    InjectionToken,\n    input,\n    numberAttribute,\n    OnChanges,\n    OnDestroy,\n    output,\n    Provider,\n    signal,\n    SimpleChanges,\n    untracked,\n    viewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n    AbstractControl,\n    ControlValueAccessor,\n    FormControl,\n    FormGroupDirective,\n    FormsModule,\n    NgControl,\n    NgForm,\n    ReactiveFormsModule\n} from '@angular/forms';\nimport { KbqButton, KbqButtonModule } from '@koobiq/components/button';\nimport {\n    ErrorStateMatcher,\n    KBQ_A11Y_LOCALE_CONFIGURATION,\n    KbqDeepPartial,\n    kbqLocaleConfigurationOverrideProvider,\n    KbqLocaleOverridesDirective,\n    kbqOptionalNumberAttribute,\n    KbqSearchExpandableLocaleConfiguration,\n    ruRULocaleData\n} from '@koobiq/components/core';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqInput, KbqInputModule } from '@koobiq/components/input';\nimport { KbqToolTipModule, KbqTooltipTrigger } from '@koobiq/components/tooltip';\nimport { filter, Subject, Subscription, timer } from 'rxjs';\nimport { map, switchMap, takeUntil } from 'rxjs/operators';\n\n/** default configuration of search-expandable */\nexport const KBQ_SEARCH_EXPANDABLE_DEFAULT_LOCALE_CONFIGURATION: KbqSearchExpandableLocaleConfiguration =\n    ruRULocaleData.searchExpandable;\n\n/** Injection Token for providing configuration of search-expandable */\nexport const KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION = new InjectionToken<KbqSearchExpandableLocaleConfiguration>(\n    'KbqSearchExpandableLocaleConfiguration',\n    { factory: () => KBQ_SEARCH_EXPANDABLE_DEFAULT_LOCALE_CONFIGURATION }\n);\n\n/**\n * Utility provider for `KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION`. Only the strings you pass are overridden; the\n * rest keep following the active locale.\n */\nexport const kbqSearchExpandableLocaleConfigurationProvider = (\n    configuration: KbqDeepPartial<KbqSearchExpandableLocaleConfiguration>\n): Provider => kbqLocaleConfigurationOverrideProvider('searchExpandable', configuration);\n\n/** @deprecated Use {@link KBQ_SEARCH_EXPANDABLE_DEFAULT_LOCALE_CONFIGURATION}. Will be removed in 22.0.0. */\nexport const KBQ_SEARCH_EXPANDABLE_DEFAULT_CONFIGURATION = KBQ_SEARCH_EXPANDABLE_DEFAULT_LOCALE_CONFIGURATION;\n/** @deprecated Use {@link KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION}. Will be removed in 22.0.0. */\nexport const KBQ_SEARCH_EXPANDABLE_CONFIGURATION = KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION;\n\nexport const defaultValue = '';\nexport const defaultEmitValueTimeout = 200;\n\n/**\n * Resolves the error state of the rendered field against the control the consumer bound, not against\n * the component's own validator-free control the input is wired to. Delegates to the ambient matcher so\n * a consumer-provided `ErrorStateMatcher` keeps deciding *when* the errors are shown.\n */\nclass BoundControlErrorStateMatcher implements ErrorStateMatcher {\n    constructor(\n        private readonly matcher: ErrorStateMatcher,\n        private readonly boundControl: () => AbstractControl | null\n    ) {}\n\n    isErrorState(_control: AbstractControl | null, form: FormGroupDirective | NgForm | null): boolean {\n        return this.matcher.isErrorState(this.boundControl(), form);\n    }\n}\n\n@Component({\n    selector: 'kbq-search-expandable',\n    imports: [\n        KbqButtonModule,\n        KbqIconModule,\n        KbqInputModule,\n        FormsModule,\n        KbqToolTipModule,\n        ReactiveFormsModule\n    ],\n    templateUrl: './search-expandable.html',\n    styleUrls: ['./search-expandable.scss', './search-expandable-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-search-expandable',\n        '[class.kbq-search-expandable_opened]': 'isOpened'\n    },\n    hostDirectives: [\n        { directive: KbqLocaleOverridesDirective, inputs: ['kbqLocaleOverrides: localeOverrides'] }\n    ]\n})\nexport class KbqSearchExpandable\n    implements OnChanges, ControlValueAccessor, AfterViewInit, AfterViewChecked, OnDestroy\n{\n    /** @docs-private */\n    protected readonly ngControl = inject(NgControl, { optional: true, self: true });\n    /** @docs-private */\n    protected readonly focusMonitor = inject(FocusMonitor);\n    /** @docs-private */\n    protected readonly destroyRef = inject(DestroyRef);\n    /** @docs-private */\n    protected readonly nativeElement: HTMLElement = inject(ElementRef).nativeElement;\n    private readonly carrier = inject(KbqLocaleOverridesDirective, { self: true });\n\n    /**\n     * Accessible names of the icon-only controls this component renders itself.\n     *\n     * @docs-private\n     */\n    protected readonly a11yLocaleConfiguration = this.carrier.read('a11y', KBQ_A11Y_LOCALE_CONFIGURATION);\n\n    /** Strings currently rendered by the component. */\n    readonly localeConfiguration = this.carrier.read('searchExpandable', KBQ_SEARCH_EXPANDABLE_LOCALE_CONFIGURATION);\n\n    private readonly input = viewChild(KbqInput);\n    private readonly button = viewChild(KbqButton);\n    private readonly tooltip = viewChild(KbqTooltipTrigger);\n\n    /** @docs-private */\n\n    /**\n     * Control backing the expanded input. Owning it — rather than binding the consumer's own control to\n     * the input — keeps every write to the consumer's model going through the debounced pipeline below,\n     * and keeps a programmatic write from being echoed back as a user edit.\n     *\n     * @docs-private\n     */\n    protected readonly control = new FormControl<string>(defaultValue, { nonNullable: true });\n\n    /**\n     * Keeps the field's invalid state — and the `aria-invalid` derived from it — following the bound\n     * control, which is the only one the consumer's validators run on.\n     *\n     * @docs-private\n     */\n    protected readonly errorStateMatcher: ErrorStateMatcher = new BoundControlErrorStateMatcher(\n        inject(ErrorStateMatcher),\n        () => this.ngControl?.control ?? null\n    );\n\n    /** Icon of the collapsed button and of the expanded field's prefix. */\n    protected readonly searchIconName = 'kbq-magnifying-glass_16';\n\n    /** Current value in input. A write reaches the field, and the bound control once `emitValueTimeout` passes. */\n    readonly value = signal(defaultValue);\n\n    protected lastFocusOrigin: 'touch' | 'mouse' | 'keyboard' | 'program' | null = null;\n\n    /** Suppress the automatic input focus once — set when the component auto-opens from a model value. */\n    private suppressInputFocus = false;\n\n    /** Whether the expanded input was rendered on the previous change detection pass. */\n    private inputRendered = false;\n    /** Whether the collapsed button was rendered on the previous change detection pass. */\n    private buttonRendered = false;\n\n    /** Cancels a pending debounced emission once the value has been emitted (or reset) through another path. */\n    private readonly cancelPendingEmit = new Subject<void>();\n\n    private focusMonitorSubscription: Subscription | null = null;\n\n    /** state of component. */\n    get isOpened(): boolean {\n        return this.openedState();\n    }\n\n    set isOpened(value: boolean) {\n        this.openedState.set(value);\n    }\n\n    private readonly openedState = signal(false);\n\n    /** Emit event by enter or not. Default is false */\n    readonly isEmitValueByEnterEnabled = input(false, { transform: booleanAttribute });\n    /** Timeout in milliseconds for emit event. The default value is taken from defaultEmitValueTimeout */\n    readonly emitValueTimeout = input(defaultEmitValueTimeout, { transform: numberAttribute });\n\n    /** Tooltip text for the search button. When set, overrides the locale tooltip */\n    get tooltipText(): string {\n        return this._tooltipText ?? this.localeConfiguration().tooltip;\n    }\n\n    set tooltipText(value: string | null) {\n        this._tooltipText = value;\n    }\n\n    private _tooltipText: string | null;\n\n    /** Placeholder for input when expanded */\n    get placeholder(): string {\n        return this._placeholder ?? this.localeConfiguration().placeholder;\n    }\n\n    set placeholder(value: string | null) {\n        this._placeholder = value;\n    }\n\n    private _placeholder: string | null = null;\n\n    /** Whether the component is disabled. Also set by the bound control through `setDisabledState`. */\n    get disabled(): boolean {\n        return this.disabledState();\n    }\n\n    set disabled(value: boolean) {\n        this.disabledState.set(value);\n\n        // `emitEvent: false`: `disable()`/`enable()` re-emit the current value, which would restart the\n        // debounce and emit a value the user never typed.\n        if (value) {\n            this.control.disable({ emitEvent: false });\n            this.stopFocusMonitor();\n        } else {\n            this.control.enable({ emitEvent: false });\n            untracked(() => this.runFocusMonitor());\n        }\n    }\n\n    // A signal: `setDisabledState` reaches the setter from the forms API, outside any binding of this view.\n    private readonly disabledState = signal(false);\n\n    /** Tab index of the collapsed button and of the expanded input. Always `-1` while disabled. */\n    get tabIndex(): number {\n        return this.disabled ? -1 : this._tabIndex;\n    }\n\n    set tabIndex(value: number) {\n        this._tabIndex = value;\n    }\n\n    private _tabIndex = 0;\n\n    /** Event emitted when the search has been toggled. */\n    readonly isOpenedChange = output<boolean>();\n\n    private lastEmittedValue = defaultValue;\n\n    /** @docs-private */\n    readonly isOpenedInput = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'isOpened',\n        transform: booleanAttribute\n    });\n\n    /** @docs-private */\n    readonly tooltipTextInput = input<string | null | undefined>(undefined, { alias: 'tooltipText' });\n\n    /** @docs-private */\n    readonly placeholderInput = input<string | null | undefined>(undefined, { alias: 'placeholder' });\n\n    /** @docs-private */\n    readonly disabledInput = input<boolean | undefined, boolean | string | null | undefined>(undefined, {\n        alias: 'disabled',\n        transform: booleanAttribute\n    });\n\n    /** @docs-private */\n    readonly tabIndexInput = input<number | undefined, number | string | null | undefined>(undefined, {\n        alias: 'tabIndex',\n        transform: kbqOptionalNumberAttribute\n    });\n\n    ngOnChanges(changes: SimpleChanges): void {\n        // A bound input is handed to its member, a bound `undefined` as the member's default; unbound, it leaves\n        // what code wrote.\n        if (changes['isOpenedInput']) {\n            const isOpened = this.isOpenedInput();\n\n            // A form directive on the element writes its value before this hook runs, and expands the field when the\n            // value is not empty: a first binding of `false` must not collapse it again.\n            if (isOpened !== undefined && (isOpened || !changes['isOpenedInput'].firstChange)) {\n                this.isOpened = isOpened;\n            }\n        }\n\n        if (changes['tooltipTextInput']) {\n            this.tooltipText = this.tooltipTextInput() ?? null;\n        }\n\n        if (changes['placeholderInput']) {\n            this.placeholder = this.placeholderInput() ?? null;\n        }\n\n        if (changes['disabledInput']) {\n            const disabled = this.disabledInput();\n\n            if (disabled !== undefined) this.disabled = disabled;\n        }\n\n        if (changes['tabIndexInput']) this.tabIndex = this.tabIndexInput() ?? 0;\n    }\n\n    constructor() {\n        if (!this.ngControl) {\n            throw Error(`kbq-search-expandable must be used with the [formControl], [formControlName] or [(ngModel)].`);\n        }\n\n        this.ngControl.valueAccessor = this;\n\n        // `value` predates the internal control and stays part of the public API: writes into it must\n        // still reach the field, and reads must still observe the current value. Both directions are\n        // guarded on the current value, so the pair cannot loop.\n        effect(() => {\n            const value = this.value();\n\n            untracked(() => {\n                if (this.control.value !== value) {\n                    this.control.setValue(value);\n                }\n            });\n        });\n\n        this.control.valueChanges.pipe(takeUntilDestroyed()).subscribe((value) => this.value.set(value));\n\n        this.control.valueChanges\n            .pipe(\n                filter(() => !this.isEmitValueByEnterEnabled()),\n                // No `distinctUntilChanged()` here: it remembers what the *field* last held, which a\n                // programmatic write (`emitEvent: false`) and a close silently invalidate — retyping the\n                // value the model was just reset from would then be swallowed forever. `emitValue` guards\n                // on the last value actually handed to the consumer, which every path keeps in sync.\n                //\n                // `switchMap` over a `timer` rather than `debounceTime`: the timeout is read per value, so\n                // `[emitValueTimeout]` keeps working after Angular has set the inputs, and `takeUntil` lets\n                // an explicit emission (Enter, close) drop a pending one that would otherwise land\n                // afterwards and overwrite the value that was just emitted.\n                switchMap((value) =>\n                    timer(this.emitValueTimeout()).pipe(\n                        map(() => value),\n                        takeUntil(this.cancelPendingEmit)\n                    )\n                ),\n                takeUntilDestroyed(this.destroyRef)\n            )\n            .subscribe((value) => this.emitValue(value));\n    }\n\n    ngAfterViewInit(): void {\n        this.runFocusMonitor();\n\n        // The first render is a page load rather than an expand or a collapse, so it only seeds what\n        // the focus handoffs below compare against.\n        this.inputRendered = !!this.input();\n        this.buttonRendered = !!this.button();\n        // When the component starts opened (e.g. a seeded formControl value), the input is present on\n        // first render and no expand follows to consume the flag — clear it so later user-initiated\n        // opens focus the input as usual.\n        this.suppressInputFocus = false;\n    }\n\n    /**\n     * Focus handoffs: the input takes focus when the field expands, the collapsed button takes it back\n     * when the field closes.\n     *\n     * This runs from `ngAfterViewChecked` rather than from an `effect()` on the queries, because view\n     * effects are flushed *before* view queries are refreshed within a change detection pass — an\n     * effect would always move focus one pass late.\n     *\n     * @docs-private\n     */\n    ngAfterViewChecked(): void {\n        const inputControl = this.input();\n        const toggleButton = this.button();\n        const inputWasRendered = this.inputRendered;\n        const buttonWasRendered = this.buttonRendered;\n\n        this.inputRendered = !!inputControl;\n        this.buttonRendered = !!toggleButton;\n\n        if (toggleButton && !buttonWasRendered) {\n            this.restoreFocusToButton(toggleButton);\n        }\n\n        if (inputControl && !inputWasRendered) {\n            if (this.suppressInputFocus) {\n                this.suppressInputFocus = false;\n            } else {\n                inputControl.focus();\n            }\n        }\n    }\n\n    ngOnDestroy() {\n        this.stopFocusMonitor();\n    }\n\n    /** @docs-private */\n    onChange: (value: string) => void = () => {};\n\n    /** @docs-private */\n    onTouch: () => void = () => {};\n\n    /** Implemented as part of ControlValueAccessor. */\n    registerOnChange(fn: (value: string) => void): void {\n        this.onChange = fn;\n    }\n\n    /** Implemented as part of ControlValueAccessor. */\n    registerOnTouched(fn: () => void): void {\n        this.onTouch = fn;\n    }\n\n    /** Implemented as part of ControlValueAccessor. */\n    writeValue(value: string): void {\n        untracked(() => this.applyValue(value));\n    }\n\n    /** Body of `writeValue()`. */\n    private applyValue(value: string): void {\n        const nextValue = value || defaultValue;\n\n        // The model supersedes whatever the user was typing: without this, an emission scheduled by the\n        // keystrokes that preceded the write lands afterwards and puts the replaced query back.\n        this.cancelPendingEmit.next();\n        // The consumer's model is the source of truth on this path: recording it keeps `emitValue` from\n        // re-emitting a value the model already holds, and lets it emit a value the user retypes after\n        // the model was changed from the outside.\n        this.lastEmittedValue = nextValue;\n        // `emitEvent: false` keeps a programmatic write out of the debounced pipeline — feeding it back\n        // through `onChange` would mark the consumer's control dirty and double-fire its `valueChanges`.\n        this.control.setValue(nextValue, { emitEvent: false });\n        this.value.set(nextValue);\n\n        // Expand automatically when the model already holds a value, without stealing focus —\n        // unless focus is already inside the component (e.g. on the collapsed toggle button\n        // that's about to be removed from the DOM), in which case let it move to the input.\n        if (value && !this.isOpened && !this.disabled) {\n            this.suppressInputFocus = this.lastFocusOrigin === null;\n            this.setOpened(true);\n        }\n    }\n\n    /** Implemented as part of ControlValueAccessor. */\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    toggle(): void {\n        // Untracked, as `writeValue()` and the `disabled` setter: called from a consumer's `effect()`, the state read\n        // on the way — `isOpened`, `disabled`, the tooltip — would make the effect run again on every open and close.\n        untracked(() => {\n            if (this.disabled) return;\n\n            this.tooltip()?.hide();\n\n            this.setOpened(!this.isOpened);\n        });\n    }\n\n    /**\n     * Emits the typed value straight away when `isEmitValueByEnterEnabled` is set — the only path that\n     * emits in that mode, since the debounced pipeline is filtered out.\n     *\n     * @docs-private\n     */\n    protected onEnter(event: Event): void {\n        if (!this.isEmitValueByEnterEnabled()) return;\n\n        // Angular calls `preventDefault()` only for a handler that returns literal `false`, so without this\n        // an Enter inside a native `<form>` would submit it on top of the emission it has just made.\n        event.preventDefault();\n\n        this.cancelPendingEmit.next();\n        this.emitValue(this.control.value);\n    }\n\n    /**\n     * Clears a non-empty field on `Escape`, or collapses an empty one. On `keydown` and spent, so that a container\n     * closing on the key, such as a modal, stays open.\n     *\n     * @docs-private\n     */\n    protected onEscape(event: Event): void {\n        if (this.disabled || !this.isOpened) return;\n\n        event.preventDefault();\n        this.onSuffixClick();\n    }\n\n    /** @docs-private */\n    protected onSuffixClick(): void {\n        if (this.value()) {\n            this.resetValue();\n            this.input()?.focus();\n        } else {\n            this.toggle();\n        }\n    }\n\n    private setOpened(open: boolean): void {\n        if (this.disabled || this.isOpened === open) return;\n\n        this.isOpened = open;\n\n        if (!open) {\n            // Never let a stale suppress-flag survive a close.\n            this.suppressInputFocus = false;\n            this.resetValue();\n        }\n\n        this.isOpenedChange.emit(this.isOpened);\n    }\n\n    private resetValue(): void {\n        // An emission scheduled by the keystrokes that preceded the reset would put the discarded\n        // query back into the bound control right after it.\n        this.cancelPendingEmit.next();\n        // `emitEvent: false`: the reset reaches the consumer through the immediate emit below, so\n        // routing it through the debounce as well would only schedule a redundant no-op emission.\n        this.control.setValue(defaultValue, { emitEvent: false });\n        this.value.set(defaultValue);\n        // Emit immediately — resetting must synchronize the bound control to the empty value rather\n        // than relying on the debounce. `emitValue` skips the call when that value is already there.\n        this.emitValue(defaultValue);\n    }\n\n    /** Moves focus back onto the collapsed button, keeping its tooltip from opening on the way. */\n    private restoreFocusToButton(button: KbqButton): void {\n        const tooltip = this.tooltip();\n\n        if (tooltip) {\n            tooltip.disabled = true;\n        }\n\n        this.focusMonitor.focusVia(button.elementRef.nativeElement, this.lastFocusOrigin);\n\n        if (tooltip) {\n            // Back to what the template binds, not `false`.\n            tooltip.disabled = this.disabled;\n        }\n    }\n\n    private emitValue = (value: string, forced = false): void => {\n        if (value !== this.lastEmittedValue || forced) {\n            this.onChange(value);\n            this.lastEmittedValue = value;\n        }\n    };\n\n    private runFocusMonitor() {\n        // `FocusMonitor.monitor()` hands back the same subject for an already-monitored element, so a\n        // second subscription would double every notification; a disabled component is not monitored.\n        if (this.disabled || this.focusMonitorSubscription) return;\n\n        this.focusMonitorSubscription = this.focusMonitor\n            .monitor(this.nativeElement, true)\n            .subscribe((origin) => (this.lastFocusOrigin = origin));\n    }\n\n    private stopFocusMonitor() {\n        this.focusMonitorSubscription?.unsubscribe();\n        this.focusMonitorSubscription = null;\n\n        this.focusMonitor.stopMonitoring(this.nativeElement);\n    }\n}\n","@if (!isOpened) {\n    <button\n        type=\"button\"\n        kbq-button\n        class=\"kbq-search-expandable__button\"\n        [attr.aria-label]=\"tooltipText\"\n        [kbqTooltip]=\"tooltipText\"\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltipDisabled]=\"disabled\"\n        [tabIndex]=\"tabIndex\"\n        [disabled]=\"disabled\"\n        (click)=\"toggle()\"\n    >\n        <i [kbq-icon]=\"searchIconName\"></i>\n    </button>\n} @else {\n    <kbq-form-field class=\"kbq-search-expandable__search\">\n        <i kbqPrefix [kbq-icon]=\"searchIconName\"></i>\n\n        <input\n            kbqInput\n            type=\"text\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"placeholder\"\n            [tabIndex]=\"tabIndex\"\n            [placeholder]=\"placeholder\"\n            [formControl]=\"control\"\n            [errorStateMatcher]=\"errorStateMatcher\"\n            (blur)=\"onTouch()\"\n            (keydown.escape)=\"onEscape($event)\"\n            (keydown.enter)=\"onEnter($event)\"\n        />\n\n        <button\n            type=\"button\"\n            kbqSuffix\n            kbq-icon-button=\"kbq-circle-xmark_16\"\n            [attr.aria-label]=\"value() ? a11yLocaleConfiguration().clear : a11yLocaleConfiguration().close\"\n            [disabled]=\"disabled\"\n            (click)=\"onSuffixClick()\"\n        ></button>\n    </kbq-form-field>\n}\n","import { NgModule } from '@angular/core';\nimport { KbqSearchExpandable } from './search-expandable';\n\n@NgModule({\n    imports: [\n        KbqSearchExpandable\n    ],\n    exports: [KbqSearchExpandable]\n})\nexport class KbqSearchExpandableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAoDA;AACO,MAAM,kDAAkD,GAC3D,cAAc,CAAC;AAEnB;AACO,MAAM,0CAA0C,GAAG,IAAI,cAAc,CACxE,wCAAwC,EACxC,EAAE,OAAO,EAAE,MAAM,kDAAkD,EAAE;AAGzE;;;AAGG;AACI,MAAM,8CAA8C,GAAG,CAC1D,aAAqE,KAC1D,sCAAsC,CAAC,kBAAkB,EAAE,aAAa;AAEvF;AACO,MAAM,2CAA2C,GAAG;AAC3D;AACO,MAAM,mCAAmC,GAAG;AAE5C,MAAM,YAAY,GAAG;AACrB,MAAM,uBAAuB,GAAG;AAEvC;;;;AAIG;AACH,MAAM,6BAA6B,CAAA;IAC/B,WAAA,CACqB,OAA0B,EAC1B,YAA0C,EAAA;QAD1C,IAAA,CAAA,OAAO,GAAP,OAAO;QACP,IAAA,CAAA,YAAY,GAAZ,YAAY;IAC9B;IAEH,YAAY,CAAC,QAAgC,EAAE,IAAwC,EAAA;AACnF,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,CAAC;IAC/D;AACH;MAwBY,mBAAmB,CAAA;;AAuE5B,IAAA,IAAI,QAAQ,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,WAAW,EAAE;IAC7B;IAEA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;IAC/B;;AAUA,IAAA,IAAI,WAAW,GAAA;QACX,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC,OAAO;IAClE;IAEA,IAAI,WAAW,CAAC,KAAoB,EAAA;AAChC,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;IAC7B;;AAKA,IAAA,IAAI,WAAW,GAAA;QACX,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC,WAAW;IACtE;IAEA,IAAI,WAAW,CAAC,KAAoB,EAAA;AAChC,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;IAC7B;;AAKA,IAAA,IAAI,QAAQ,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE;IAC/B;IAEA,IAAI,QAAQ,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;;;QAI7B,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YAC1C,IAAI,CAAC,gBAAgB,EAAE;QAC3B;aAAO;YACH,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YACzC,SAAS,CAAC,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3C;IACJ;;AAMA,IAAA,IAAI,QAAQ,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS;IAC9C;IAEA,IAAI,QAAQ,CAAC,KAAa,EAAA;AACtB,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;IAC1B;AAiCA,IAAA,WAAW,CAAC,OAAsB,EAAA;;;AAG9B,QAAA,IAAI,OAAO,CAAC,eAAe,CAAC,EAAE;AAC1B,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE;;;AAIrC,YAAA,IAAI,QAAQ,KAAK,SAAS,KAAK,QAAQ,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,WAAW,CAAC,EAAE;AAC/E,gBAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;YAC5B;QACJ;AAEA,QAAA,IAAI,OAAO,CAAC,kBAAkB,CAAC,EAAE;YAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,IAAI;QACtD;AAEA,QAAA,IAAI,OAAO,CAAC,kBAAkB,CAAC,EAAE;YAC7B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,IAAI;QACtD;AAEA,QAAA,IAAI,OAAO,CAAC,eAAe,CAAC,EAAE;AAC1B,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE;YAErC,IAAI,QAAQ,KAAK,SAAS;AAAE,gBAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;QACxD;QAEA,IAAI,OAAO,CAAC,eAAe,CAAC;YAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IAC3E;AAEA,IAAA,WAAA,GAAA;;AApMmB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;;AAE7D,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;;AAEnC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;;AAE/B,QAAA,IAAA,CAAA,aAAa,GAAgB,MAAM,CAAC,UAAU,CAAC,CAAC,aAAa;QAC/D,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,2BAA2B,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAE9E;;;;AAIG;QACgB,IAAA,CAAA,uBAAuB,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,6BAA6B,CAAC;;QAG5F,IAAA,CAAA,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,0CAA0C,CAAC;AAE/F,QAAA,IAAA,CAAA,KAAK,GAAG,SAAS,CAAC,QAAQ,4EAAC;AAC3B,QAAA,IAAA,CAAA,MAAM,GAAG,SAAS,CAAC,SAAS,6EAAC;AAC7B,QAAA,IAAA,CAAA,OAAO,GAAG,SAAS,CAAC,iBAAiB,8EAAC;;AAIvD;;;;;;AAMG;AACgB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAS,YAAY,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAEzF;;;;;AAKG;QACgB,IAAA,CAAA,iBAAiB,GAAsB,IAAI,6BAA6B,CACvF,MAAM,CAAC,iBAAiB,CAAC,EACzB,MAAM,IAAI,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CACxC;;QAGkB,IAAA,CAAA,cAAc,GAAG,yBAAyB;;AAGpD,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,YAAY,4EAAC;QAE3B,IAAA,CAAA,eAAe,GAAsD,IAAI;;QAG3E,IAAA,CAAA,kBAAkB,GAAG,KAAK;;QAG1B,IAAA,CAAA,aAAa,GAAG,KAAK;;QAErB,IAAA,CAAA,cAAc,GAAG,KAAK;;AAGb,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,OAAO,EAAQ;QAEhD,IAAA,CAAA,wBAAwB,GAAwB,IAAI;AAW3C,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,KAAK,kFAAC;;QAGnC,IAAA,CAAA,yBAAyB,GAAG,KAAK,CAAC,KAAK,iGAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;QAEzE,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,uBAAuB,wFAAI,SAAS,EAAE,eAAe,EAAA,CAAG;QAsBlF,IAAA,CAAA,YAAY,GAAkB,IAAI;;AAsBzB,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,KAAK,oFAAC;QAWtC,IAAA,CAAA,SAAS,GAAG,CAAC;;QAGZ,IAAA,CAAA,cAAc,GAAG,MAAM,EAAW;QAEnC,IAAA,CAAA,gBAAgB,GAAG,YAAY;;AAG9B,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAA2D,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EAC9F,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,gBAAgB,EAAA,CAC7B;;QAGO,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAA4B,SAAS,wFAAI,KAAK,EAAE,aAAa,EAAA,CAAG;;QAGxF,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAA4B,SAAS,wFAAI,KAAK,EAAE,aAAa,EAAA,CAAG;;AAGxF,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAA2D,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EAC9F,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,gBAAgB,EAAA,CAC7B;;AAGO,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAyD,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EAC5F,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,0BAA0B,EAAA,CACvC;;AA+HF,QAAA,IAAA,CAAA,QAAQ,GAA4B,MAAK,EAAE,CAAC;;AAG5C,QAAA,IAAA,CAAA,OAAO,GAAe,MAAK,EAAE,CAAC;QA8ItB,IAAA,CAAA,SAAS,GAAG,CAAC,KAAa,EAAE,MAAM,GAAG,KAAK,KAAU;YACxD,IAAI,KAAK,KAAK,IAAI,CAAC,gBAAgB,IAAI,MAAM,EAAE;AAC3C,gBAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AACpB,gBAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;YACjC;AACJ,QAAA,CAAC;AApPG,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACjB,YAAA,MAAM,KAAK,CAAC,CAAA,4FAAA,CAA8F,CAAC;QAC/G;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;;;;QAKnC,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;YAE1B,SAAS,CAAC,MAAK;gBACX,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE;AAC9B,oBAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAChC;AACJ,YAAA,CAAC,CAAC;AACN,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAEhG,IAAI,CAAC,OAAO,CAAC;aACR,IAAI,CACD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,yBAAyB,EAAE,CAAC;;;;;;;;;;AAU/C,QAAA,SAAS,CAAC,CAAC,KAAK,KACZ,KAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,IAAI,CAC/B,GAAG,CAAC,MAAM,KAAK,CAAC,EAChB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CACpC,CACJ,EACD,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AAEtC,aAAA,SAAS,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACpD;IAEA,eAAe,GAAA;QACX,IAAI,CAAC,eAAe,EAAE;;;QAItB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;QACnC,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE;;;;AAIrC,QAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;IACnC;AAEA;;;;;;;;;AASG;IACH,kBAAkB,GAAA;AACd,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE;AACjC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,EAAE;AAClC,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa;AAC3C,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc;AAE7C,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,YAAY;AACnC,QAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,YAAY;AAEpC,QAAA,IAAI,YAAY,IAAI,CAAC,iBAAiB,EAAE;AACpC,YAAA,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;QAC3C;AAEA,QAAA,IAAI,YAAY,IAAI,CAAC,gBAAgB,EAAE;AACnC,YAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AACzB,gBAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;YACnC;iBAAO;gBACH,YAAY,CAAC,KAAK,EAAE;YACxB;QACJ;IACJ;IAEA,WAAW,GAAA;QACP,IAAI,CAAC,gBAAgB,EAAE;IAC3B;;AASA,IAAA,gBAAgB,CAAC,EAA2B,EAAA;AACxC,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACtB;;AAGA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE;IACrB;;AAGA,IAAA,UAAU,CAAC,KAAa,EAAA;QACpB,SAAS,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC3C;;AAGQ,IAAA,UAAU,CAAC,KAAa,EAAA;AAC5B,QAAA,MAAM,SAAS,GAAG,KAAK,IAAI,YAAY;;;AAIvC,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;;;;AAI7B,QAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;;;AAGjC,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACtD,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;;;;AAKzB,QAAA,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC3C,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,eAAe,KAAK,IAAI;AACvD,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QACxB;IACJ;;AAGA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;IAC9B;IAEA,MAAM,GAAA;;;QAGF,SAAS,CAAC,MAAK;YACX,IAAI,IAAI,CAAC,QAAQ;gBAAE;AAEnB,YAAA,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE;YAEtB,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,QAAA,CAAC,CAAC;IACN;AAEA;;;;;AAKG;AACO,IAAA,OAAO,CAAC,KAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE;YAAE;;;QAIvC,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;QAC7B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IACtC;AAEA;;;;;AAKG;AACO,IAAA,QAAQ,CAAC,KAAY,EAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE;QAErC,KAAK,CAAC,cAAc,EAAE;QACtB,IAAI,CAAC,aAAa,EAAE;IACxB;;IAGU,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;YACd,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACzB;aAAO;YACH,IAAI,CAAC,MAAM,EAAE;QACjB;IACJ;AAEQ,IAAA,SAAS,CAAC,IAAa,EAAA;QAC3B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;YAAE;AAE7C,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;QAEpB,IAAI,CAAC,IAAI,EAAE;;AAEP,YAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;YAC/B,IAAI,CAAC,UAAU,EAAE;QACrB;QAEA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC3C;IAEQ,UAAU,GAAA;;;AAGd,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;;;AAG7B,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACzD,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC;;;AAG5B,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;IAChC;;AAGQ,IAAA,oBAAoB,CAAC,MAAiB,EAAA;AAC1C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAE9B,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,CAAC,QAAQ,GAAG,IAAI;QAC3B;AAEA,QAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC;QAEjF,IAAI,OAAO,EAAE;;AAET,YAAA,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;QACpC;IACJ;IASQ,eAAe,GAAA;;;AAGnB,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,wBAAwB;YAAE;AAEpD,QAAA,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;AAChC,aAAA,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI;AAChC,aAAA,SAAS,CAAC,CAAC,MAAM,MAAM,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,CAAC;IAC/D;IAEQ,gBAAgB,GAAA;AACpB,QAAA,IAAI,CAAC,wBAAwB,EAAE,WAAW,EAAE;AAC5C,QAAA,IAAI,CAAC,wBAAwB,GAAG,IAAI;QAEpC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC;IACxD;kIA9cS,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,8zCAuBO,QAAQ,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACP,SAAS,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACR,iBAAiB,yMC7I1D,o6CA4CA,EAAA,MAAA,EAAA,CAAA,wvBAAA,EAAA,0KAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDqDQ,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,wSACb,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,uCAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,EAAA,IAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,oBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,gBAAgB,ksBAChB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAcd,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAtB/B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,OAAA,EACxB;wBACL,eAAe;wBACf,aAAa;wBACb,cAAc;wBACd,WAAW;wBACX,gBAAgB;wBAChB;AACH,qBAAA,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACF,wBAAA,KAAK,EAAE,uBAAuB;AAC9B,wBAAA,sCAAsC,EAAE;qBAC3C,EAAA,cAAA,EACe;wBACZ,EAAE,SAAS,EAAE,2BAA2B,EAAE,MAAM,EAAE,CAAC,qCAAqC,CAAC;AAC5F,qBAAA,EAAA,QAAA,EAAA,o6CAAA,EAAA,MAAA,EAAA,CAAA,wvBAAA,EAAA,0KAAA,CAAA,EAAA;iHAyBkC,QAAQ,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MACP,SAAS,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MACR,iBAAiB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,yBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MEpI7C,yBAAyB,CAAA;kIAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mIAAzB,yBAAyB,EAAA,OAAA,EAAA,CAJ9B,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAEb,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAEpB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAJ9B,mBAAmB,CAAA,EAAA,CAAA,CAAA;;4FAId,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBANrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL;AACH,qBAAA;oBACD,OAAO,EAAE,CAAC,mBAAmB;AAChC,iBAAA;;;ACRD;;AAEG;;;;"}

package/fesm2022/koobiq-components-select.mjs

@@ -745,6 +745,12 @@ class KbqSelect extends KbqAbstractSelect {
          * When true, allows multiple lines of text in the selected value display.
          */
         this.multiline = input(false, { ...(ngDevMode ? { debugName: "multiline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Whether option text wraps onto multiple lines. When `panelWidth` is nullish, the panel matches the trigger
+         * width; an explicit `panelWidth` takes precedence. Not supported with `cdk-virtual-scroll-viewport`: the panel
+         * modifier and automatic width fallback are not applied. Defaults to `false`.
+         */
+        this.multilineOptions = input(this.defaultOptions?.multilineOptions ?? false, { ...(ngDevMode ? { debugName: "multilineOptions" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Controls when the search functionality is displayed based on the number of available options.
          *
@@ -953,11 +959,11 @@ class KbqSelect extends KbqAbstractSelect {
         // where a signal read again by another binding costs a scan of everything the view has read.
         this.resolvedTabIndex = computed(() => (this.disabled() ? -1 : this.tabIndexInput()), ...(ngDevMode ? [{ debugName: "resolvedTabIndex" }] : /* istanbul ignore next */ []));
         this.resolvedAriaLabelValue = computed(() => this.ariaLabel() ?? (this.ariaLabelledby ? null : this.placeholder() || null), ...(ngDevMode ? [{ debugName: "resolvedAriaLabelValue" }] : /* istanbul ignore next */ []));
-        /** @internal */
+        /** @docs-private */
         this.disabledAttribute = computed(() => this.disabled() || null, ...(ngDevMode ? [{ debugName: "disabledAttribute" }] : /* istanbul ignore next */ []));
-        /** @internal */
+        /** @docs-private */
         this.disabledClass = computed(() => this.disabled(), ...(ngDevMode ? [{ debugName: "disabledClass" }] : /* istanbul ignore next */ []));
-        /** @internal */
+        /** @docs-private */
         this.invalidClass = computed(() => this.errorState(), ...(ngDevMode ? [{ debugName: "invalidClass" }] : /* istanbul ignore next */ []));
         this.focusedValue = signal(false, ...(ngDevMode ? [{ debugName: "focusedValue" }] : /* istanbul ignore next */ []));
         this.panelOpenValue = signal(false, ...(ngDevMode ? [{ debugName: "panelOpenValue" }] : /* istanbul ignore next */ []));
@@ -1013,6 +1019,24 @@ class KbqSelect extends KbqAbstractSelect {
         this.onTouched = () => { };
         /** Calculates the number of hidden items in multiple selection mode and updates `hiddenItems`. */
         this.calculateHiddenItems = () => untracked(() => this.measureHiddenItems());
+        let widthInputsInitialized = false;
+        // The overlay width bindings are plain fields, so refresh them after render rather than in this effect.
+        effect(() => {
+            this.getEffectivePanelWidth();
+            this.panelMinWidth();
+            if (!widthInputsInitialized) {
+                widthInputsInitialized = true;
+                return;
+            }
+            if (!untracked(() => this.panelOpen))
+                return;
+            afterNextRender(() => {
+                if (!untracked(() => this.panelOpen))
+                    return;
+                this.updatePanelWidth();
+                this._changeDetectorRef.markForCheck();
+            }, { injector: this.injector });
+        });
         // A different comparator means a different set of options can match the value.
         let comparatorBound = false;
         effect(() => {
@@ -1267,6 +1291,12 @@ class KbqSelect extends KbqAbstractSelect {
     openPanel() {
         untracked(() => this.attachPanel());
     }
+    updatePanelWidth() {
+        this.updateOverlayWidth(this.getEffectivePanelWidth(), this.panelMinWidth(), this.overlayOrigin ?? this.elementRef);
+    }
+    getEffectivePanelWidth() {
+        return this.panelWidth() ?? (this.multilineOptions() && !this.withVirtualScroll ? 'auto' : null);
+    }
     attachPanel() {
         const trigger = this.trigger();
         if (!trigger || !this.keyManager)
@@ -1282,7 +1312,7 @@ class KbqSelect extends KbqAbstractSelect {
         if (this.parentFormField) {
             this.overlayOrigin = this.parentFormField.getConnectedOverlayOrigin();
         }
-        this.updateOverlayWidth(this.panelWidth(), this.panelMinWidth(), this.overlayOrigin ?? this.elementRef);
+        this.updatePanelWidth();
         this.panelOpen = true;
         this.keyManager.withHorizontalOrientation(null);
         this.highlightCorrectOption();
@@ -1463,13 +1493,20 @@ class KbqSelect extends KbqAbstractSelect {
         return this.parentFormField ? `kbq-${this.parentFormField.color()}` : '';
     }
     /**
-     * Returns the full set of classes for the panel: base class, theme and custom `panelClass`.
+     * Returns the full set of classes for the panel: base class, multiline modifier, theme and custom `panelClass`.
      *
-     * Only the theme is read per change detection — it comes from the form field, which does not expose
-     * its color as a signal — while the `panelClass` expansion is memoised.
+     * The theme comes from the form field, which does not expose its color as a signal, while the `panelClass`
+     * expansion is memoised.
      */
     getPanelClasses() {
-        return ['kbq-select__panel', this.getPanelTheme(), this.customPanelClasses()].filter(Boolean).join(' ');
+        return [
+            'kbq-select__panel',
+            this.multilineOptions() && !this.withVirtualScroll ? 'kbq-select__panel_multiline' : '',
+            this.getPanelTheme(),
+            this.customPanelClasses()
+        ]
+            .filter(Boolean)
+            .join(' ');
     }
     /** Focuses the select element. */
     focus() {
@@ -2186,7 +2223,7 @@ class KbqSelect extends KbqAbstractSelect {
         select.onSelectAll.emit(new KbqSelectAllEvent(select, selectableOptions, selected));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqSelect, isStandalone: true, selector: "kbq-select", inputs: { hiddenItemsText: { classPropertyName: "hiddenItemsText", publicName: "hiddenItemsText", isSignal: true, isRequired: false, transformFunction: null }, hiddenItemsTextFormatter: { classPropertyName: "hiddenItemsTextFormatter", publicName: "hiddenItemsTextFormatter", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, showPreselectedValues: { classPropertyName: "showPreselectedValues", publicName: "showPreselectedValues", isSignal: true, isRequired: false, transformFunction: null }, triggerValuesLimit: { classPropertyName: "triggerValuesLimit", publicName: "triggerValuesLimit", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: true, isRequired: false, transformFunction: null }, sortComparator: { classPropertyName: "sortComparator", publicName: "sortComparator", isSignal: true, isRequired: false, transformFunction: null }, multiline: { classPropertyName: "multiline", publicName: "multiline", isSignal: true, isRequired: false, transformFunction: null }, searchMinOptionsThresholdInput: { classPropertyName: "searchMinOptionsThresholdInput", publicName: "searchMinOptionsThreshold", isSignal: true, isRequired: false, transformFunction: null }, scrolledToBottomOffset: { classPropertyName: "scrolledToBottomOffset", publicName: "scrolledToBottomOffset", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, multipleInput: { classPropertyName: "multipleInput", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, virtualOptionFactory: { classPropertyName: "virtualOptionFactory", publicName: "virtualOptionFactory", isSignal: true, isRequired: false, transformFunction: null }, clearPredicate: { classPropertyName: "clearPredicate", publicName: "clearPredicate", isSignal: true, isRequired: false, transformFunction: null }, selectAllToggle: { classPropertyName: "selectAllToggle", publicName: "selectAllToggle", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectAllHandlerInput: { classPropertyName: "selectAllHandlerInput", publicName: "selectAllHandler", isSignal: true, isRequired: false, transformFunction: null }, panelWidth: { classPropertyName: "panelWidth", publicName: "panelWidth", isSignal: true, isRequired: false, transformFunction: null }, panelMinWidth: { classPropertyName: "panelMinWidth", publicName: "panelMinWidth", isSignal: true, isRequired: false, transformFunction: null }, panelMaxWidth: { classPropertyName: "panelMaxWidth", publicName: "panelMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, panelMaxHeight: { classPropertyName: "panelMaxHeight", publicName: "panelMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, tabIndexInput: { classPropertyName: "tabIndexInput", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedChangeOutput: "openedChange", beforeOpened: "beforeOpened", openedOutput: "opened", closedOutput: "closed", selectionChange: "selectionChange", onSelectAll: "onSelectAll", valueChange: "valueChange", scrolledToBottom: "scrolledToBottom" }, host: { attributes: { "role": "combobox", "aria-haspopup": "listbox" }, listeners: { "click": "toggle()", "keydown": "handleKeydown($event)", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabledAttribute()", "attr.aria-expanded": "panelOpen", "attr.aria-controls": "panelOpen ? panelId : null", "attr.aria-labelledby": "ariaLabelledby", "attr.aria-label": "resolvedAriaLabel", "attr.aria-invalid": "errorState()", "attr.aria-required": "required()", "attr.aria-disabled": "disabled()", "class.kbq-select_multiple": "multiple", "class.kbq-select_multiline": "multiline()", "class.kbq-disabled": "disabledClass()", "class.kbq-invalid": "invalidClass()" }, classAttribute: "kbq-select" }, providers: [
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqSelect, isStandalone: true, selector: "kbq-select", inputs: { hiddenItemsText: { classPropertyName: "hiddenItemsText", publicName: "hiddenItemsText", isSignal: true, isRequired: false, transformFunction: null }, hiddenItemsTextFormatter: { classPropertyName: "hiddenItemsTextFormatter", publicName: "hiddenItemsTextFormatter", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, showPreselectedValues: { classPropertyName: "showPreselectedValues", publicName: "showPreselectedValues", isSignal: true, isRequired: false, transformFunction: null }, triggerValuesLimit: { classPropertyName: "triggerValuesLimit", publicName: "triggerValuesLimit", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: true, isRequired: false, transformFunction: null }, sortComparator: { classPropertyName: "sortComparator", publicName: "sortComparator", isSignal: true, isRequired: false, transformFunction: null }, multiline: { classPropertyName: "multiline", publicName: "multiline", isSignal: true, isRequired: false, transformFunction: null }, multilineOptions: { classPropertyName: "multilineOptions", publicName: "multilineOptions", isSignal: true, isRequired: false, transformFunction: null }, searchMinOptionsThresholdInput: { classPropertyName: "searchMinOptionsThresholdInput", publicName: "searchMinOptionsThreshold", isSignal: true, isRequired: false, transformFunction: null }, scrolledToBottomOffset: { classPropertyName: "scrolledToBottomOffset", publicName: "scrolledToBottomOffset", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, multipleInput: { classPropertyName: "multipleInput", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, virtualOptionFactory: { classPropertyName: "virtualOptionFactory", publicName: "virtualOptionFactory", isSignal: true, isRequired: false, transformFunction: null }, clearPredicate: { classPropertyName: "clearPredicate", publicName: "clearPredicate", isSignal: true, isRequired: false, transformFunction: null }, selectAllToggle: { classPropertyName: "selectAllToggle", publicName: "selectAllToggle", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectAllHandlerInput: { classPropertyName: "selectAllHandlerInput", publicName: "selectAllHandler", isSignal: true, isRequired: false, transformFunction: null }, panelWidth: { classPropertyName: "panelWidth", publicName: "panelWidth", isSignal: true, isRequired: false, transformFunction: null }, panelMinWidth: { classPropertyName: "panelMinWidth", publicName: "panelMinWidth", isSignal: true, isRequired: false, transformFunction: null }, panelMaxWidth: { classPropertyName: "panelMaxWidth", publicName: "panelMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, panelMaxHeight: { classPropertyName: "panelMaxHeight", publicName: "panelMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, tabIndexInput: { classPropertyName: "tabIndexInput", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedChangeOutput: "openedChange", beforeOpened: "beforeOpened", openedOutput: "opened", closedOutput: "closed", selectionChange: "selectionChange", onSelectAll: "onSelectAll", valueChange: "valueChange", scrolledToBottom: "scrolledToBottom" }, host: { attributes: { "role": "combobox", "aria-haspopup": "listbox" }, listeners: { "click": "toggle()", "keydown": "handleKeydown($event)", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabledAttribute()", "attr.aria-expanded": "panelOpen", "attr.aria-controls": "panelOpen ? panelId : null", "attr.aria-labelledby": "ariaLabelledby", "attr.aria-label": "resolvedAriaLabel", "attr.aria-invalid": "errorState()", "attr.aria-required": "required()", "attr.aria-disabled": "disabled()", "class.kbq-select_multiple": "multiple", "class.kbq-select_multiline": "multiline()", "class.kbq-disabled": "disabledClass()", "class.kbq-invalid": "invalidClass()" }, classAttribute: "kbq-select" }, providers: [
             { provide: KbqFormFieldControl, useExisting: KbqSelect },
             kbqCleanerFactoryProvider((() => {
                 const select = inject(KbqSelect);
@@ -2203,7 +2240,7 @@ class KbqSelect extends KbqAbstractSelect {
             { provide: KBQ_PARENT_POPUP, useExisting: KbqSelect },
             kbqSiblingPopupProvider(KbqSelect),
             KbqSelectHiddenItemsMeasurer
-        ], queries: [{ propertyName: "projectedScrollbarViewport", first: true, predicate: KbqScrollbarViewport, descendants: true, isSignal: true }, { propertyName: "footer", first: true, predicate: KbqSelectFooter, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cdkVirtualForOf", first: true, predicate: CdkVirtualForOf, descendants: true, isSignal: true }, { propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }, { propertyName: "customTrigger", first: true, predicate: KbqSelectTrigger, descendants: true, isSignal: true }, { propertyName: "customMatcher", first: true, predicate: KbqSelectMatcher, descendants: true, isSignal: true }, { propertyName: "customTagTemplateRef", first: true, predicate: ["kbqSelectTagContent"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "cleaner", first: true, predicate: KbqCleaner, isSignal: true }, { propertyName: "optionsQuery", predicate: KbqOption, descendants: true, isSignal: true }, { propertyName: "optionGroups", predicate: KbqOptgroup, isSignal: true }, { propertyName: "search", first: true, predicate: KbqSelectSearch, descendants: true, isSignal: true }, { propertyName: "searchEmpty", first: true, predicate: KbqSelectSearchEmptyResult, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }, { propertyName: "scrollbarViewport", first: true, predicate: KbqScrollbarViewport, descendants: true, isSignal: true }, { propertyName: "selectAllOption", first: true, predicate: KbqOption, descendants: true, isSignal: true }, { propertyName: "overlayDirQuery", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "tagsQuery", predicate: KbqTag, descendants: true, isSignal: true }], exportAs: ["kbqSelect"], usesInheritance: true, hostDirectives: [{ directive: i1$1.KbqLocaleOverridesDirective, inputs: ["kbqLocaleOverrides", "localeOverrides"] }], ngImport: i0, template: "<div\n    #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\n    #trigger\n    cdkOverlayOrigin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty()\"\n    [class.kbq-select__trigger_multiline]=\"multiline()\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    @if (!!customMatcher()) {\n        <ng-content select=\"kbq-select-matcher, [kbq-select-matcher]\" />\n    } @else {\n        <div class=\"kbq-select__matcher\">\n            @if (empty()) {\n                <span class=\"kbq-select__placeholder\">\n                    {{ placeholder() || '\\u00A0' }}\n                </span>\n            } @else {\n                @if (!!customTrigger()) {\n                    <ng-content select=\"kbq-select-trigger, [kbq-select-trigger]\" />\n                } @else {\n                    <div class=\"kbq-select__match-container\">\n                        @if (multiSelection) {\n                            <div\n                                #multilineMatchList\n                                [class.kbq-select__match-list]=\"!multiline()\"\n                                [class.kbq-select__multiline-match-list]=\"multiline()\"\n                            >\n                                @if (customTagTemplateRef(); as tagTemplate) {\n                                    @for (option of triggerValues; track option) {\n                                        <ng-container\n                                            [ngTemplateOutlet]=\"tagTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: option, select: this }\"\n                                        />\n                                    }\n                                } @else {\n                                    @for (option of triggerValues; track option) {\n                                        <kbq-tag\n                                            [color]=\"colorForState\"\n                                            [disabled]=\"option.disabled || disabled()\"\n                                            [selectable]=\"false\"\n                                        >\n                                            {{ option.viewValue }}\n                                            @if (!option.disabled && !disabled()) {\n                                                <!--\n                                                    `kbqTagRemove` now carries the role, the accessible\n                                                    name and keyboard activation itself, so this binds\n                                                    only what is select-specific. The name goes through\n                                                    the `aria-label` input rather than `[attr.aria-label]`\n                                                    \u2014 the directive renders the attribute, so writing it\n                                                    here would be overwritten by its default.\n                                                -->\n                                                <i\n                                                    kbq-icon=\"kbq-xmark-s_16\"\n                                                    kbqTagRemove\n                                                    [aria-label]=\"removeItemAriaLabel(option)\"\n                                                    [tabIndex]=\"isTriggerValueVisible($index) ? 0 : -1\"\n                                                    (click)=\"onRemoveMatcherItem(option, $event)\"\n                                                ></i>\n                                            }\n                                        </kbq-tag>\n                                    }\n                                }\n                            </div>\n\n                            @if (!multiline()) {\n                                <div\n                                    class=\"kbq-select__match-hidden-text\"\n                                    [class.kbq-select__match-hidden-text_visible]=\"hiddenItems() > 0\"\n                                >\n                                    {{ hiddenItemsLabel }}\n                                </div>\n                            }\n                        } @else {\n                            <span class=\"kbq-select__matcher-text\">\n                                {{ triggerValue }}\n                            </span>\n                        }\n                    </div>\n                }\n            }\n\n            @if (canShowCleaner) {\n                <div class=\"kbq-select__cleaner\">\n                    <ng-content select=\"kbq-cleaner\" />\n                </div>\n            }\n\n            <div class=\"kbq-select__arrow-wrapper\">\n                <i kbq-icon=\"kbq-chevron-down-s_16\" class=\"kbq-select__arrow\" [color]=\"colorForState\"></i>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass()\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop()\"\n    [cdkConnectedOverlayMinWidth]=\"overlayMinWidth\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"overlayOrigin || fallbackOverlayOrigin\"\n    [cdkConnectedOverlayPanelClass]=\"overlayPanelClass\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    [cdkConnectedOverlayViewportMargin]=\"viewportMargin\"\n    [cdkConnectedOverlayWidth]=\"overlayWidth\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        cdkMonitorSubtreeFocus\n        [class]=\"getPanelClasses()\"\n        [style.--kbq-select-panel-size-max-height]=\"panelMaxHeightToken()\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.max-width.px]=\"panelMaxWidth()\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (click)=\"handleClick($event)\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search() && shouldShowSearch()) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            kbqScrollbarViewport\n            role=\"listbox\"\n            class=\"kbq-select__content\"\n            [kbqScrollbarMode]=\"scrollbarMode\"\n            [id]=\"panelId\"\n            [attr.aria-multiselectable]=\"multiSelection\"\n            [attr.aria-labelledby]=\"ariaLabelledby\"\n            [attr.aria-label]=\"resolvedAriaLabel\"\n            [attr.aria-busy]=\"isOptionsListBusy || null\"\n        >\n            @if (isEmptySearchResult) {\n                <ng-content select=\"[kbq-select-search-empty-result]\" />\n            }\n            @if (showSelectAll) {\n                <!-- Every read of selectAllState re-filters the whole option list, and allOptionsSelected\n                     is that same walk asking whether the state is \"checked\" \u2014 one read covers all four. -->\n                @let selectAllCheckboxState = selectAllState;\n\n                <!--\n                    The row stays an `option`: a `checkbox` is not a valid child of the listbox it lives in,\n                    and `option` carries the tri-state on `aria-checked` just as well.\n                -->\n                <kbq-option\n                    class=\"kbq-select__select-all\"\n                    [selectable]=\"false\"\n                    [class.kbq-selected]=\"selectAllCheckboxState === 'checked'\"\n                    [attr.aria-checked]=\"\n                        selectAllCheckboxState === 'indeterminate' ? 'mixed' : selectAllCheckboxState === 'checked'\n                    \"\n                    (click)=\"toggleSelectAll()\"\n                >\n                    <kbq-pseudo-checkbox aria-hidden=\"true\" [state]=\"selectAllCheckboxState\" />\n                    {{ selectAllText }}\n                </kbq-option>\n            }\n            <ng-content />\n        </div>\n\n        <ng-content select=\"kbq-select-footer,[kbq-select-footer]\" />\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;min-height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-border-width) * 2)}.kbq-select .kbq-select__trigger:not(.kbq-select__trigger_multiline),.kbq-select .kbq-select__trigger.kbq-select__trigger_empty{height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-border-width) * 2)}.kbq-select .kbq-select__trigger:not(.kbq-select__trigger_multiline) .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_empty .kbq-select__matcher{overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher{-webkit-user-select:none;user-select:none;display:flex;flex-grow:1;align-items:center}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:var(--kbq-select-size-single-padding-vertical) var(--kbq-select-size-single-padding-right) var(--kbq-select-size-single-padding-vertical) var(--kbq-select-size-single-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:var(--kbq-select-size-multiple-padding-vertical) var(--kbq-select-size-multiple-padding-right) var(--kbq-select-size-multiple-padding-vertical) var(--kbq-select-size-multiple-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height) - var(--kbq-select-size-multiple-padding-vertical) * 2);max-height:calc(var(--kbq-form-field-size-height) - var(--kbq-select-size-multiple-padding-vertical) * 2);gap:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));margin-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__match-container{flex-direction:column}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__matcher{max-width:100%;padding:calc(var(--kbq-select-size-multiple-padding-vertical) - var(--kbq-size-border-width)) var(--kbq-select-size-multiple-padding-right) calc(var(--kbq-select-size-multiple-padding-vertical) - var(--kbq-size-border-width)) var(--kbq-select-size-multiple-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__cleaner,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__arrow-wrapper{align-self:flex-start;align-items:center;height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-s));min-width:var(--kbq-form-field-size-addon-width)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__multiline-match-list{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));gap:var(--kbq-size-xxs)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{box-sizing:content-box;display:none;flex:0 0 var(--kbq-form-field-size-addon-width);align-self:center;padding-left:var(--kbq-size-xxs);padding-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));text-align:right}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text.kbq-select__match-hidden-text_visible{display:block}.kbq-select kbq-select-trigger,.kbq-select [kbq-select-trigger]{width:100%}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;justify-content:center;min-width:var(--kbq-form-field-size-addon-width)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;max-width:var(--kbq-panel-size-width-max, 640px);overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius))}@supports (corner-shape: squircle){.kbq-select__panel{corner-shape:squircle;border-radius:clamp(var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 1.85,var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 2.3 - 3.6px,var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 2)}}.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;position:relative;margin-bottom:var(--kbq-size-3xl);margin-top:var(--kbq-size-3xl);max-width:100%;height:var(--kbq-option-size-height, var(--kbq-size-3xl));cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, var(--kbq-size-m));padding-right:var(--kbq-option-size-horizontal-padding, var(--kbq-size-m));border:var(--kbq-option-size-border-width, var(--kbq-size-3xs)) solid transparent}.kbq-select__panel .kbq-select__search-container{padding:var(--kbq-size-xxs);border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{box-sizing:initial;max-height:var(--kbq-select-panel-size-max-height, 256px);padding:var(--kbq-size-xxs);overflow:hidden auto}.kbq-select__panel .kbq-select__footer{-webkit-user-select:none;user-select:none;display:flex;align-items:center;box-sizing:border-box;min-height:var(--kbq-select-footer-size-min-height, var(--kbq-size-4xl));border-top-width:var(--kbq-select-footer-size-border-width, var(--kbq-size-border-width));border-top-style:solid;padding:var(--kbq-select-footer-size-padding-vertical, var(--kbq-size-xxs)) var(--kbq-select-footer-size-padding-horizontal, var(--kbq-size-l))}.kbq-select__panel .kbq-select__footer-item{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;flex:1 1 auto;min-height:var(--kbq-select-footer-item-size-height, var(--kbq-size-3xl));gap:var(--kbq-size-s);border:var(--kbq-size-3xs) solid transparent;border-radius:var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs))}@supports (corner-shape: squircle){.kbq-select__panel .kbq-select__footer-item{corner-shape:squircle;border-radius:clamp(var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 1.85,var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 2.3 - 3.6px,var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 2)}}.kbq-select__panel .kbq-select__footer-item{padding:0 calc(var(--kbq-size-m) - var(--kbq-size-3xs));background:transparent;cursor:pointer;text-align:left;text-decoration:none}.kbq-select__panel .kbq-select__footer:has(.kbq-select__footer-item){--kbq-select-footer-size-padding-horizontal: var(--kbq-size-xxs)}.kbq-select__content .kbq-option{position:relative}.kbq-select__content .kbq-option:before,.kbq-select__content .kbq-option:after{position:absolute;content:\"\";width:var(--kbq-size-xxs);height:calc(100% + var(--kbq-size-3xs) * 2)}.kbq-select__content .kbq-option:before{right:calc(100% + var(--kbq-size-3xs))}.kbq-select__content .kbq-option:after{left:calc(100% + var(--kbq-size-3xs))}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-select{color:var(--kbq-foreground-contrast)}.kbq-select.kbq-invalid{color:var(--kbq-foreground-error)}.kbq-select.kbq-invalid .kbq-select__placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-select.kbq-disabled{color:var(--kbq-states-foreground-disabled)}.kbq-select.kbq-disabled .kbq-select__placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-form-field-default-placeholder)}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, var(--kbq-line-contrast-less))}.kbq-select__no-options-message{color:var(--kbq-foreground-contrast-secondary)}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow);background:var(--kbq-select-panel-dropdown-background)}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, var(--kbq-line-contrast-less))}.kbq-select__panel .kbq-select__footer-item{color:var(--kbq-foreground-contrast)}.kbq-select__panel .kbq-select__footer-item:focus-visible{border-color:var(--kbq-states-line-focus-theme)}.kbq-select__panel .kbq-select__footer-item:hover:not(:disabled,.kbq-disabled){background:var(--kbq-states-background-transparent-hover)}.kbq-select__panel .kbq-select__footer-item:active:not(:disabled,.kbq-disabled){background:var(--kbq-states-background-transparent-active)}.kbq-select__panel .kbq-select__footer-item:disabled,.kbq-select__panel .kbq-select__footer-item.kbq-disabled{color:var(--kbq-states-foreground-disabled);cursor:default;pointer-events:none}.kbq-select__panel .kbq-select__footer-item:disabled .kbq-icon.kbq-empty:not(.kbq-icon-button,.kbq-icon-item),.kbq-select__panel .kbq-select__footer-item.kbq-disabled .kbq-icon.kbq-empty:not(.kbq-icon-button,.kbq-icon-item){color:var(--kbq-states-foreground-disabled)}.kbq-select,.kbq-select__panel,.kbq-select__footer-item{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-select,.kbq-tree-select,.kbq-select__panel{--kbq-select-size-single-padding-left: 0;--kbq-select-size-single-padding-right: 0;--kbq-select-size-single-padding-vertical: var(--kbq-size-xs);--kbq-select-size-single-content-gap: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-left: 0;--kbq-select-size-multiple-padding-right: 0;--kbq-select-size-multiple-padding-vertical: var(--kbq-size-xxs);--kbq-select-size-multiple-content-gap: var(--kbq-size-xxs);--kbq-select-panel-size-border-radius: var(--kbq-size-border-radius);--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: KbqTag, selector: "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", inputs: ["editable", "preventEditSubmit", "selected", "selectable", "removable", "value", "tabindex", "disabled"], outputs: ["editChange", "selectionChange", "destroyed", "removed"], exportAs: ["kbqTag"] }, { kind: "directive", type: KbqTagRemove, selector: "[kbqTagRemove]", inputs: ["aria-label", "tabIndex"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }, { kind: "component", type: KbqOption, selector: "kbq-option", inputs: ["value", "selectable", "userSelect", "showCheckbox", "viewValue", "disabled"], outputs: ["onSelectionChange"], exportAs: ["kbqOption"] }, { kind: "component", type: KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["big", "state", "disabled"] }, { kind: "directive", type: KbqScrollbarViewport, selector: "[kbqScrollbarViewport]", inputs: ["kbqScrollbarMode", "kbqScrollbarHideDelay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "projectedScrollbarViewport", first: true, predicate: KbqScrollbarViewport, descendants: true, isSignal: true }, { propertyName: "footer", first: true, predicate: KbqSelectFooter, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "cdkVirtualForOf", first: true, predicate: CdkVirtualForOf, descendants: true, isSignal: true }, { propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }, { propertyName: "customTrigger", first: true, predicate: KbqSelectTrigger, descendants: true, isSignal: true }, { propertyName: "customMatcher", first: true, predicate: KbqSelectMatcher, descendants: true, isSignal: true }, { propertyName: "customTagTemplateRef", first: true, predicate: ["kbqSelectTagContent"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "cleaner", first: true, predicate: KbqCleaner, isSignal: true }, { propertyName: "optionsQuery", predicate: KbqOption, descendants: true, isSignal: true }, { propertyName: "optionGroups", predicate: KbqOptgroup, isSignal: true }, { propertyName: "search", first: true, predicate: KbqSelectSearch, descendants: true, isSignal: true }, { propertyName: "searchEmpty", first: true, predicate: KbqSelectSearchEmptyResult, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "optionsContainer", first: true, predicate: ["optionsContainer"], descendants: true, isSignal: true }, { propertyName: "scrollbarViewport", first: true, predicate: KbqScrollbarViewport, descendants: true, isSignal: true }, { propertyName: "selectAllOption", first: true, predicate: KbqOption, descendants: true, isSignal: true }, { propertyName: "overlayDirQuery", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }, { propertyName: "tagsQuery", predicate: KbqTag, descendants: true, isSignal: true }], exportAs: ["kbqSelect"], usesInheritance: true, hostDirectives: [{ directive: i1$1.KbqLocaleOverridesDirective, inputs: ["kbqLocaleOverrides", "localeOverrides"] }], ngImport: i0, template: "<div\n    #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\n    #trigger\n    cdkOverlayOrigin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty()\"\n    [class.kbq-select__trigger_multiline]=\"multiline()\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    @if (!!customMatcher()) {\n        <ng-content select=\"kbq-select-matcher, [kbq-select-matcher]\" />\n    } @else {\n        <div class=\"kbq-select__matcher\">\n            @if (empty()) {\n                <span class=\"kbq-select__placeholder\">\n                    {{ placeholder() || '\\u00A0' }}\n                </span>\n            } @else {\n                @if (!!customTrigger()) {\n                    <ng-content select=\"kbq-select-trigger, [kbq-select-trigger]\" />\n                } @else {\n                    <div class=\"kbq-select__match-container\">\n                        @if (multiSelection) {\n                            <div\n                                #multilineMatchList\n                                [class.kbq-select__match-list]=\"!multiline()\"\n                                [class.kbq-select__multiline-match-list]=\"multiline()\"\n                            >\n                                @if (customTagTemplateRef(); as tagTemplate) {\n                                    @for (option of triggerValues; track option) {\n                                        <ng-container\n                                            [ngTemplateOutlet]=\"tagTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: option, select: this }\"\n                                        />\n                                    }\n                                } @else {\n                                    @for (option of triggerValues; track option) {\n                                        <kbq-tag\n                                            [color]=\"colorForState\"\n                                            [disabled]=\"option.disabled || disabled()\"\n                                            [selectable]=\"false\"\n                                        >\n                                            {{ option.viewValue }}\n                                            @if (!option.disabled && !disabled()) {\n                                                <!--\n                                                    `kbqTagRemove` now carries the role, the accessible\n                                                    name and keyboard activation itself, so this binds\n                                                    only what is select-specific. The name goes through\n                                                    the `aria-label` input rather than `[attr.aria-label]`\n                                                    \u2014 the directive renders the attribute, so writing it\n                                                    here would be overwritten by its default.\n                                                -->\n                                                <i\n                                                    kbq-icon=\"kbq-xmark-s_16\"\n                                                    kbqTagRemove\n                                                    [aria-label]=\"removeItemAriaLabel(option)\"\n                                                    [tabIndex]=\"isTriggerValueVisible($index) ? 0 : -1\"\n                                                    (click)=\"onRemoveMatcherItem(option, $event)\"\n                                                ></i>\n                                            }\n                                        </kbq-tag>\n                                    }\n                                }\n                            </div>\n\n                            @if (!multiline()) {\n                                <div\n                                    class=\"kbq-select__match-hidden-text\"\n                                    [class.kbq-select__match-hidden-text_visible]=\"hiddenItems() > 0\"\n                                >\n                                    {{ hiddenItemsLabel }}\n                                </div>\n                            }\n                        } @else {\n                            <span class=\"kbq-select__matcher-text\">\n                                {{ triggerValue }}\n                            </span>\n                        }\n                    </div>\n                }\n            }\n\n            @if (canShowCleaner) {\n                <div class=\"kbq-select__cleaner\">\n                    <ng-content select=\"kbq-cleaner\" />\n                </div>\n            }\n\n            <div class=\"kbq-select__arrow-wrapper\">\n                <i kbq-icon=\"kbq-chevron-down-s_16\" class=\"kbq-select__arrow\" [color]=\"colorForState\"></i>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass()\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop()\"\n    [cdkConnectedOverlayMinWidth]=\"overlayMinWidth\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"overlayOrigin || fallbackOverlayOrigin\"\n    [cdkConnectedOverlayPanelClass]=\"overlayPanelClass\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    [cdkConnectedOverlayViewportMargin]=\"viewportMargin\"\n    [cdkConnectedOverlayWidth]=\"overlayWidth\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        cdkMonitorSubtreeFocus\n        [class]=\"getPanelClasses()\"\n        [style.--kbq-select-panel-size-max-height]=\"panelMaxHeightToken()\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.max-width.px]=\"panelMaxWidth()\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (click)=\"handleClick($event)\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search() && shouldShowSearch()) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            kbqScrollbarViewport\n            role=\"listbox\"\n            class=\"kbq-select__content\"\n            [kbqScrollbarMode]=\"scrollbarMode\"\n            [id]=\"panelId\"\n            [attr.aria-multiselectable]=\"multiSelection\"\n            [attr.aria-labelledby]=\"ariaLabelledby\"\n            [attr.aria-label]=\"resolvedAriaLabel\"\n            [attr.aria-busy]=\"isOptionsListBusy || null\"\n        >\n            @if (isEmptySearchResult) {\n                <ng-content select=\"[kbq-select-search-empty-result]\" />\n            }\n            @if (showSelectAll) {\n                <!-- Every read of selectAllState re-filters the whole option list, and allOptionsSelected\n                     is that same walk asking whether the state is \"checked\" \u2014 one read covers all four. -->\n                @let selectAllCheckboxState = selectAllState;\n\n                <!--\n                    The row stays an `option`: a `checkbox` is not a valid child of the listbox it lives in,\n                    and `option` carries the tri-state on `aria-checked` just as well.\n                -->\n                <kbq-option\n                    class=\"kbq-select__select-all\"\n                    [selectable]=\"false\"\n                    [class.kbq-selected]=\"selectAllCheckboxState === 'checked'\"\n                    [attr.aria-checked]=\"\n                        selectAllCheckboxState === 'indeterminate' ? 'mixed' : selectAllCheckboxState === 'checked'\n                    \"\n                    (click)=\"toggleSelectAll()\"\n                >\n                    <kbq-pseudo-checkbox aria-hidden=\"true\" [state]=\"selectAllCheckboxState\" />\n                    {{ selectAllText }}\n                </kbq-option>\n            }\n            <ng-content />\n        </div>\n\n        <ng-content select=\"kbq-select-footer,[kbq-select-footer]\" />\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;min-height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-border-width) * 2)}.kbq-select .kbq-select__trigger:not(.kbq-select__trigger_multiline),.kbq-select .kbq-select__trigger.kbq-select__trigger_empty{height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-border-width) * 2)}.kbq-select .kbq-select__trigger:not(.kbq-select__trigger_multiline) .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_empty .kbq-select__matcher{overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher{-webkit-user-select:none;user-select:none;display:flex;flex-grow:1;align-items:center}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:var(--kbq-select-size-single-padding-vertical) var(--kbq-select-size-single-padding-right) var(--kbq-select-size-single-padding-vertical) var(--kbq-select-size-single-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:var(--kbq-select-size-multiple-padding-vertical) var(--kbq-select-size-multiple-padding-right) var(--kbq-select-size-multiple-padding-vertical) var(--kbq-select-size-multiple-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height) - var(--kbq-select-size-multiple-padding-vertical) * 2);max-height:calc(var(--kbq-form-field-size-height) - var(--kbq-select-size-multiple-padding-vertical) * 2);gap:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));margin-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__match-container{flex-direction:column}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__matcher{max-width:100%;padding:calc(var(--kbq-select-size-multiple-padding-vertical) - var(--kbq-size-border-width)) var(--kbq-select-size-multiple-padding-right) calc(var(--kbq-select-size-multiple-padding-vertical) - var(--kbq-size-border-width)) var(--kbq-select-size-multiple-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__cleaner,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__arrow-wrapper{align-self:flex-start;align-items:center;height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-s));min-width:var(--kbq-form-field-size-addon-width)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__multiline-match-list{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));gap:var(--kbq-size-xxs)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{box-sizing:content-box;display:none;flex:0 0 var(--kbq-form-field-size-addon-width);align-self:center;padding-left:var(--kbq-size-xxs);padding-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));text-align:right}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text.kbq-select__match-hidden-text_visible{display:block}.kbq-select kbq-select-trigger,.kbq-select [kbq-select-trigger]{width:100%}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;justify-content:center;min-width:var(--kbq-form-field-size-addon-width)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;max-width:var(--kbq-panel-size-width-max, 640px);overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius))}@supports (corner-shape: squircle){.kbq-select__panel{corner-shape:squircle;border-radius:clamp(var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 1.85,var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 2.3 - 3.6px,var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 2)}}.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;position:relative;margin-bottom:var(--kbq-size-3xl);margin-top:var(--kbq-size-3xl);max-width:100%;height:var(--kbq-option-size-height, var(--kbq-size-3xl));cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, var(--kbq-size-m));padding-right:var(--kbq-option-size-horizontal-padding, var(--kbq-size-m));border:var(--kbq-option-size-border-width, var(--kbq-size-3xs)) solid transparent}.kbq-select__panel .kbq-select__search-container{padding:var(--kbq-size-xxs);border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{box-sizing:initial;max-height:var(--kbq-select-panel-size-max-height, 256px);padding:var(--kbq-size-xxs);overflow:hidden auto}.kbq-select__panel .kbq-select__footer{-webkit-user-select:none;user-select:none;display:flex;align-items:center;box-sizing:border-box;min-height:var(--kbq-select-footer-size-min-height, var(--kbq-size-4xl));border-top-width:var(--kbq-select-footer-size-border-width, var(--kbq-size-border-width));border-top-style:solid;padding:var(--kbq-select-footer-size-padding-vertical, var(--kbq-size-xxs)) var(--kbq-select-footer-size-padding-horizontal, var(--kbq-size-l))}.kbq-select__panel .kbq-select__footer-item{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;flex:1 1 auto;min-height:var(--kbq-select-footer-item-size-height, var(--kbq-size-3xl));gap:var(--kbq-size-s);border:var(--kbq-size-3xs) solid transparent;border-radius:var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs))}@supports (corner-shape: squircle){.kbq-select__panel .kbq-select__footer-item{corner-shape:squircle;border-radius:clamp(var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 1.85,var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 2.3 - 3.6px,var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 2)}}.kbq-select__panel .kbq-select__footer-item{padding:0 calc(var(--kbq-size-m) - var(--kbq-size-3xs));background:transparent;cursor:pointer;text-align:left;text-decoration:none}.kbq-select__panel .kbq-select__footer:has(.kbq-select__footer-item){--kbq-select-footer-size-padding-horizontal: var(--kbq-size-xxs)}.kbq-select__panel_multiline .kbq-option-text{white-space:normal;overflow-wrap:break-word}.kbq-select__content .kbq-option{position:relative}.kbq-select__content .kbq-option:before,.kbq-select__content .kbq-option:after{position:absolute;content:\"\";width:var(--kbq-size-xxs);height:calc(100% + var(--kbq-size-3xs) * 2)}.kbq-select__content .kbq-option:before{right:calc(100% + var(--kbq-size-3xs))}.kbq-select__content .kbq-option:after{left:calc(100% + var(--kbq-size-3xs))}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-select{color:var(--kbq-foreground-contrast)}.kbq-select.kbq-invalid{color:var(--kbq-foreground-error)}.kbq-select.kbq-invalid .kbq-select__placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-select.kbq-disabled{color:var(--kbq-states-foreground-disabled)}.kbq-select.kbq-disabled .kbq-select__placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-form-field-default-placeholder)}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, var(--kbq-line-contrast-less))}.kbq-select__no-options-message{color:var(--kbq-foreground-contrast-secondary)}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow);background:var(--kbq-select-panel-dropdown-background)}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, var(--kbq-line-contrast-less))}.kbq-select__panel .kbq-select__footer-item{color:var(--kbq-foreground-contrast)}.kbq-select__panel .kbq-select__footer-item:focus-visible{border-color:var(--kbq-states-line-focus-theme)}.kbq-select__panel .kbq-select__footer-item:hover:not(:disabled,.kbq-disabled){background:var(--kbq-states-background-transparent-hover)}.kbq-select__panel .kbq-select__footer-item:active:not(:disabled,.kbq-disabled){background:var(--kbq-states-background-transparent-active)}.kbq-select__panel .kbq-select__footer-item:disabled,.kbq-select__panel .kbq-select__footer-item.kbq-disabled{color:var(--kbq-states-foreground-disabled);cursor:default;pointer-events:none}.kbq-select__panel .kbq-select__footer-item:disabled .kbq-icon.kbq-empty:not(.kbq-icon-button,.kbq-icon-item),.kbq-select__panel .kbq-select__footer-item.kbq-disabled .kbq-icon.kbq-empty:not(.kbq-icon-button,.kbq-icon-item){color:var(--kbq-states-foreground-disabled)}.kbq-select,.kbq-select__panel,.kbq-select__footer-item{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-select,.kbq-tree-select,.kbq-select__panel{--kbq-select-size-single-padding-left: 0;--kbq-select-size-single-padding-right: 0;--kbq-select-size-single-padding-vertical: var(--kbq-size-xs);--kbq-select-size-single-content-gap: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-left: 0;--kbq-select-size-multiple-padding-right: 0;--kbq-select-size-multiple-padding-vertical: var(--kbq-size-xxs);--kbq-select-size-multiple-content-gap: var(--kbq-size-xxs);--kbq-select-panel-size-border-radius: var(--kbq-size-border-radius);--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: KbqTag, selector: "kbq-tag, [kbq-tag], kbq-basic-tag, [kbq-basic-tag]", inputs: ["editable", "preventEditSubmit", "selected", "selectable", "removable", "value", "tabindex", "disabled"], outputs: ["editChange", "selectionChange", "destroyed", "removed"], exportAs: ["kbqTag"] }, { kind: "directive", type: KbqTagRemove, selector: "[kbqTagRemove]", inputs: ["aria-label", "tabIndex"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["aria-hidden", "iconSize", "autoColor", "kbq-icon"] }, { kind: "component", type: KbqOption, selector: "kbq-option", inputs: ["value", "selectable", "userSelect", "showCheckbox", "viewValue", "disabled"], outputs: ["onSelectionChange"], exportAs: ["kbqOption"] }, { kind: "component", type: KbqPseudoCheckbox, selector: "kbq-pseudo-checkbox", inputs: ["big", "state", "disabled"] }, { kind: "directive", type: KbqScrollbarViewport, selector: "[kbqScrollbarViewport]", inputs: ["kbqScrollbarMode", "kbqScrollbarHideDelay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSelect, decorators: [{
             type: Component,
@@ -2260,8 +2297,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                         '(blur)': 'onBlur()'
                     }, hostDirectives: [
                         { directive: KbqLocaleOverridesDirective, inputs: ['kbqLocaleOverrides: localeOverrides'] }
-                    ], exportAs: 'kbqSelect', template: "<div\n    #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\n    #trigger\n    cdkOverlayOrigin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty()\"\n    [class.kbq-select__trigger_multiline]=\"multiline()\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    @if (!!customMatcher()) {\n        <ng-content select=\"kbq-select-matcher, [kbq-select-matcher]\" />\n    } @else {\n        <div class=\"kbq-select__matcher\">\n            @if (empty()) {\n                <span class=\"kbq-select__placeholder\">\n                    {{ placeholder() || '\\u00A0' }}\n                </span>\n            } @else {\n                @if (!!customTrigger()) {\n                    <ng-content select=\"kbq-select-trigger, [kbq-select-trigger]\" />\n                } @else {\n                    <div class=\"kbq-select__match-container\">\n                        @if (multiSelection) {\n                            <div\n                                #multilineMatchList\n                                [class.kbq-select__match-list]=\"!multiline()\"\n                                [class.kbq-select__multiline-match-list]=\"multiline()\"\n                            >\n                                @if (customTagTemplateRef(); as tagTemplate) {\n                                    @for (option of triggerValues; track option) {\n                                        <ng-container\n                                            [ngTemplateOutlet]=\"tagTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: option, select: this }\"\n                                        />\n                                    }\n                                } @else {\n                                    @for (option of triggerValues; track option) {\n                                        <kbq-tag\n                                            [color]=\"colorForState\"\n                                            [disabled]=\"option.disabled || disabled()\"\n                                            [selectable]=\"false\"\n                                        >\n                                            {{ option.viewValue }}\n                                            @if (!option.disabled && !disabled()) {\n                                                <!--\n                                                    `kbqTagRemove` now carries the role, the accessible\n                                                    name and keyboard activation itself, so this binds\n                                                    only what is select-specific. The name goes through\n                                                    the `aria-label` input rather than `[attr.aria-label]`\n                                                    \u2014 the directive renders the attribute, so writing it\n                                                    here would be overwritten by its default.\n                                                -->\n                                                <i\n                                                    kbq-icon=\"kbq-xmark-s_16\"\n                                                    kbqTagRemove\n                                                    [aria-label]=\"removeItemAriaLabel(option)\"\n                                                    [tabIndex]=\"isTriggerValueVisible($index) ? 0 : -1\"\n                                                    (click)=\"onRemoveMatcherItem(option, $event)\"\n                                                ></i>\n                                            }\n                                        </kbq-tag>\n                                    }\n                                }\n                            </div>\n\n                            @if (!multiline()) {\n                                <div\n                                    class=\"kbq-select__match-hidden-text\"\n                                    [class.kbq-select__match-hidden-text_visible]=\"hiddenItems() > 0\"\n                                >\n                                    {{ hiddenItemsLabel }}\n                                </div>\n                            }\n                        } @else {\n                            <span class=\"kbq-select__matcher-text\">\n                                {{ triggerValue }}\n                            </span>\n                        }\n                    </div>\n                }\n            }\n\n            @if (canShowCleaner) {\n                <div class=\"kbq-select__cleaner\">\n                    <ng-content select=\"kbq-cleaner\" />\n                </div>\n            }\n\n            <div class=\"kbq-select__arrow-wrapper\">\n                <i kbq-icon=\"kbq-chevron-down-s_16\" class=\"kbq-select__arrow\" [color]=\"colorForState\"></i>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass()\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop()\"\n    [cdkConnectedOverlayMinWidth]=\"overlayMinWidth\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"overlayOrigin || fallbackOverlayOrigin\"\n    [cdkConnectedOverlayPanelClass]=\"overlayPanelClass\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    [cdkConnectedOverlayViewportMargin]=\"viewportMargin\"\n    [cdkConnectedOverlayWidth]=\"overlayWidth\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        cdkMonitorSubtreeFocus\n        [class]=\"getPanelClasses()\"\n        [style.--kbq-select-panel-size-max-height]=\"panelMaxHeightToken()\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.max-width.px]=\"panelMaxWidth()\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (click)=\"handleClick($event)\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search() && shouldShowSearch()) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            kbqScrollbarViewport\n            role=\"listbox\"\n            class=\"kbq-select__content\"\n            [kbqScrollbarMode]=\"scrollbarMode\"\n            [id]=\"panelId\"\n            [attr.aria-multiselectable]=\"multiSelection\"\n            [attr.aria-labelledby]=\"ariaLabelledby\"\n            [attr.aria-label]=\"resolvedAriaLabel\"\n            [attr.aria-busy]=\"isOptionsListBusy || null\"\n        >\n            @if (isEmptySearchResult) {\n                <ng-content select=\"[kbq-select-search-empty-result]\" />\n            }\n            @if (showSelectAll) {\n                <!-- Every read of selectAllState re-filters the whole option list, and allOptionsSelected\n                     is that same walk asking whether the state is \"checked\" \u2014 one read covers all four. -->\n                @let selectAllCheckboxState = selectAllState;\n\n                <!--\n                    The row stays an `option`: a `checkbox` is not a valid child of the listbox it lives in,\n                    and `option` carries the tri-state on `aria-checked` just as well.\n                -->\n                <kbq-option\n                    class=\"kbq-select__select-all\"\n                    [selectable]=\"false\"\n                    [class.kbq-selected]=\"selectAllCheckboxState === 'checked'\"\n                    [attr.aria-checked]=\"\n                        selectAllCheckboxState === 'indeterminate' ? 'mixed' : selectAllCheckboxState === 'checked'\n                    \"\n                    (click)=\"toggleSelectAll()\"\n                >\n                    <kbq-pseudo-checkbox aria-hidden=\"true\" [state]=\"selectAllCheckboxState\" />\n                    {{ selectAllText }}\n                </kbq-option>\n            }\n            <ng-content />\n        </div>\n\n        <ng-content select=\"kbq-select-footer,[kbq-select-footer]\" />\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;min-height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-border-width) * 2)}.kbq-select .kbq-select__trigger:not(.kbq-select__trigger_multiline),.kbq-select .kbq-select__trigger.kbq-select__trigger_empty{height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-border-width) * 2)}.kbq-select .kbq-select__trigger:not(.kbq-select__trigger_multiline) .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_empty .kbq-select__matcher{overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher{-webkit-user-select:none;user-select:none;display:flex;flex-grow:1;align-items:center}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:var(--kbq-select-size-single-padding-vertical) var(--kbq-select-size-single-padding-right) var(--kbq-select-size-single-padding-vertical) var(--kbq-select-size-single-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:var(--kbq-select-size-multiple-padding-vertical) var(--kbq-select-size-multiple-padding-right) var(--kbq-select-size-multiple-padding-vertical) var(--kbq-select-size-multiple-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height) - var(--kbq-select-size-multiple-padding-vertical) * 2);max-height:calc(var(--kbq-form-field-size-height) - var(--kbq-select-size-multiple-padding-vertical) * 2);gap:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));margin-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__match-container{flex-direction:column}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__matcher{max-width:100%;padding:calc(var(--kbq-select-size-multiple-padding-vertical) - var(--kbq-size-border-width)) var(--kbq-select-size-multiple-padding-right) calc(var(--kbq-select-size-multiple-padding-vertical) - var(--kbq-size-border-width)) var(--kbq-select-size-multiple-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__cleaner,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__arrow-wrapper{align-self:flex-start;align-items:center;height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-s));min-width:var(--kbq-form-field-size-addon-width)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__multiline-match-list{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));gap:var(--kbq-size-xxs)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{box-sizing:content-box;display:none;flex:0 0 var(--kbq-form-field-size-addon-width);align-self:center;padding-left:var(--kbq-size-xxs);padding-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));text-align:right}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text.kbq-select__match-hidden-text_visible{display:block}.kbq-select kbq-select-trigger,.kbq-select [kbq-select-trigger]{width:100%}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;justify-content:center;min-width:var(--kbq-form-field-size-addon-width)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;max-width:var(--kbq-panel-size-width-max, 640px);overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius))}@supports (corner-shape: squircle){.kbq-select__panel{corner-shape:squircle;border-radius:clamp(var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 1.85,var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 2.3 - 3.6px,var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 2)}}.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;position:relative;margin-bottom:var(--kbq-size-3xl);margin-top:var(--kbq-size-3xl);max-width:100%;height:var(--kbq-option-size-height, var(--kbq-size-3xl));cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, var(--kbq-size-m));padding-right:var(--kbq-option-size-horizontal-padding, var(--kbq-size-m));border:var(--kbq-option-size-border-width, var(--kbq-size-3xs)) solid transparent}.kbq-select__panel .kbq-select__search-container{padding:var(--kbq-size-xxs);border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{box-sizing:initial;max-height:var(--kbq-select-panel-size-max-height, 256px);padding:var(--kbq-size-xxs);overflow:hidden auto}.kbq-select__panel .kbq-select__footer{-webkit-user-select:none;user-select:none;display:flex;align-items:center;box-sizing:border-box;min-height:var(--kbq-select-footer-size-min-height, var(--kbq-size-4xl));border-top-width:var(--kbq-select-footer-size-border-width, var(--kbq-size-border-width));border-top-style:solid;padding:var(--kbq-select-footer-size-padding-vertical, var(--kbq-size-xxs)) var(--kbq-select-footer-size-padding-horizontal, var(--kbq-size-l))}.kbq-select__panel .kbq-select__footer-item{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;flex:1 1 auto;min-height:var(--kbq-select-footer-item-size-height, var(--kbq-size-3xl));gap:var(--kbq-size-s);border:var(--kbq-size-3xs) solid transparent;border-radius:var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs))}@supports (corner-shape: squircle){.kbq-select__panel .kbq-select__footer-item{corner-shape:squircle;border-radius:clamp(var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 1.85,var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 2.3 - 3.6px,var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 2)}}.kbq-select__panel .kbq-select__footer-item{padding:0 calc(var(--kbq-size-m) - var(--kbq-size-3xs));background:transparent;cursor:pointer;text-align:left;text-decoration:none}.kbq-select__panel .kbq-select__footer:has(.kbq-select__footer-item){--kbq-select-footer-size-padding-horizontal: var(--kbq-size-xxs)}.kbq-select__content .kbq-option{position:relative}.kbq-select__content .kbq-option:before,.kbq-select__content .kbq-option:after{position:absolute;content:\"\";width:var(--kbq-size-xxs);height:calc(100% + var(--kbq-size-3xs) * 2)}.kbq-select__content .kbq-option:before{right:calc(100% + var(--kbq-size-3xs))}.kbq-select__content .kbq-option:after{left:calc(100% + var(--kbq-size-3xs))}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-select{color:var(--kbq-foreground-contrast)}.kbq-select.kbq-invalid{color:var(--kbq-foreground-error)}.kbq-select.kbq-invalid .kbq-select__placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-select.kbq-disabled{color:var(--kbq-states-foreground-disabled)}.kbq-select.kbq-disabled .kbq-select__placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-form-field-default-placeholder)}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, var(--kbq-line-contrast-less))}.kbq-select__no-options-message{color:var(--kbq-foreground-contrast-secondary)}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow);background:var(--kbq-select-panel-dropdown-background)}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, var(--kbq-line-contrast-less))}.kbq-select__panel .kbq-select__footer-item{color:var(--kbq-foreground-contrast)}.kbq-select__panel .kbq-select__footer-item:focus-visible{border-color:var(--kbq-states-line-focus-theme)}.kbq-select__panel .kbq-select__footer-item:hover:not(:disabled,.kbq-disabled){background:var(--kbq-states-background-transparent-hover)}.kbq-select__panel .kbq-select__footer-item:active:not(:disabled,.kbq-disabled){background:var(--kbq-states-background-transparent-active)}.kbq-select__panel .kbq-select__footer-item:disabled,.kbq-select__panel .kbq-select__footer-item.kbq-disabled{color:var(--kbq-states-foreground-disabled);cursor:default;pointer-events:none}.kbq-select__panel .kbq-select__footer-item:disabled .kbq-icon.kbq-empty:not(.kbq-icon-button,.kbq-icon-item),.kbq-select__panel .kbq-select__footer-item.kbq-disabled .kbq-icon.kbq-empty:not(.kbq-icon-button,.kbq-icon-item){color:var(--kbq-states-foreground-disabled)}.kbq-select,.kbq-select__panel,.kbq-select__footer-item{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-select,.kbq-tree-select,.kbq-select__panel{--kbq-select-size-single-padding-left: 0;--kbq-select-size-single-padding-right: 0;--kbq-select-size-single-padding-vertical: var(--kbq-size-xs);--kbq-select-size-single-content-gap: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-left: 0;--kbq-select-size-multiple-padding-right: 0;--kbq-select-size-multiple-padding-vertical: var(--kbq-size-xxs);--kbq-select-size-multiple-content-gap: var(--kbq-size-xxs);--kbq-select-panel-size-border-radius: var(--kbq-size-border-radius);--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { trigger: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }], panel: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], optionsContainer: [{ type: i0.ViewChild, args: ['optionsContainer', { isSignal: true }] }], scrollbarViewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqScrollbarViewport), { isSignal: true }] }], projectedScrollbarViewport: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqScrollbarViewport), { ...{ descendants: true }, isSignal: true }] }], selectAllOption: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqOption), { isSignal: true }] }], overlayDirQuery: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }], footer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectFooter), { ...{ read: ElementRef }, isSignal: true }] }], cdkVirtualForOf: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CdkVirtualForOf), { isSignal: true }] }], virtualScrollViewport: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], tagsQuery: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => KbqTag), { isSignal: true }] }], customTrigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectTrigger), { isSignal: true }] }], customMatcher: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectMatcher), { isSignal: true }] }], customTagTemplateRef: [{ type: i0.ContentChild, args: ['kbqSelectTagContent', { ...{ read: TemplateRef }, isSignal: true }] }], cleaner: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqCleaner), { ...{ descendants: false }, isSignal: true }] }], optionsQuery: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KbqOption), { ...{ descendants: true }, isSignal: true }] }], optionGroups: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KbqOptgroup), { isSignal: true }] }], search: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectSearch), { isSignal: true }] }], searchEmpty: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectSearchEmptyResult), { isSignal: true }] }], hiddenItemsText: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenItemsText", required: false }] }], hiddenItemsTextFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenItemsTextFormatter", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], showPreselectedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPreselectedValues", required: false }] }], triggerValuesLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerValuesLimit", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], backdropClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropClass", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], sortComparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortComparator", required: false }] }], multiline: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiline", required: false }] }], searchMinOptionsThresholdInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchMinOptionsThreshold", required: false }] }], openedChangeOutput: [{ type: i0.Output, args: ["openedChange"] }], beforeOpened: [{ type: i0.Output, args: ["beforeOpened"] }], openedOutput: [{ type: i0.Output, args: ["opened"] }], closedOutput: [{ type: i0.Output, args: ["closed"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], onSelectAll: [{ type: i0.Output, args: ["onSelectAll"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], scrolledToBottomOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrolledToBottomOffset", required: false }] }], scrolledToBottom: [{ type: i0.Output, args: ["scrolledToBottom"] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], multipleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], virtualOptionFactory: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualOptionFactory", required: false }] }], clearPredicate: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearPredicate", required: false }] }], selectAllToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllToggle", required: false }] }], selectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAll", required: false }] }], selectAllHandlerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllHandler", required: false }] }], panelWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelWidth", required: false }] }], panelMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelMinWidth", required: false }] }], panelMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelMaxWidth", required: false }] }], panelMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelMaxHeight", required: false }] }], valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], tabIndexInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+                    ], exportAs: 'kbqSelect', template: "<div\n    #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\n    #trigger\n    cdkOverlayOrigin\n    class=\"kbq-select__trigger\"\n    [class.kbq-select__trigger_empty]=\"empty()\"\n    [class.kbq-select__trigger_multiline]=\"multiline()\"\n    [class.kbq-select__trigger_multiple]=\"multiple\"\n    [class.kbq-select__trigger_single]=\"!multiple\"\n>\n    @if (!!customMatcher()) {\n        <ng-content select=\"kbq-select-matcher, [kbq-select-matcher]\" />\n    } @else {\n        <div class=\"kbq-select__matcher\">\n            @if (empty()) {\n                <span class=\"kbq-select__placeholder\">\n                    {{ placeholder() || '\\u00A0' }}\n                </span>\n            } @else {\n                @if (!!customTrigger()) {\n                    <ng-content select=\"kbq-select-trigger, [kbq-select-trigger]\" />\n                } @else {\n                    <div class=\"kbq-select__match-container\">\n                        @if (multiSelection) {\n                            <div\n                                #multilineMatchList\n                                [class.kbq-select__match-list]=\"!multiline()\"\n                                [class.kbq-select__multiline-match-list]=\"multiline()\"\n                            >\n                                @if (customTagTemplateRef(); as tagTemplate) {\n                                    @for (option of triggerValues; track option) {\n                                        <ng-container\n                                            [ngTemplateOutlet]=\"tagTemplate\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: option, select: this }\"\n                                        />\n                                    }\n                                } @else {\n                                    @for (option of triggerValues; track option) {\n                                        <kbq-tag\n                                            [color]=\"colorForState\"\n                                            [disabled]=\"option.disabled || disabled()\"\n                                            [selectable]=\"false\"\n                                        >\n                                            {{ option.viewValue }}\n                                            @if (!option.disabled && !disabled()) {\n                                                <!--\n                                                    `kbqTagRemove` now carries the role, the accessible\n                                                    name and keyboard activation itself, so this binds\n                                                    only what is select-specific. The name goes through\n                                                    the `aria-label` input rather than `[attr.aria-label]`\n                                                    \u2014 the directive renders the attribute, so writing it\n                                                    here would be overwritten by its default.\n                                                -->\n                                                <i\n                                                    kbq-icon=\"kbq-xmark-s_16\"\n                                                    kbqTagRemove\n                                                    [aria-label]=\"removeItemAriaLabel(option)\"\n                                                    [tabIndex]=\"isTriggerValueVisible($index) ? 0 : -1\"\n                                                    (click)=\"onRemoveMatcherItem(option, $event)\"\n                                                ></i>\n                                            }\n                                        </kbq-tag>\n                                    }\n                                }\n                            </div>\n\n                            @if (!multiline()) {\n                                <div\n                                    class=\"kbq-select__match-hidden-text\"\n                                    [class.kbq-select__match-hidden-text_visible]=\"hiddenItems() > 0\"\n                                >\n                                    {{ hiddenItemsLabel }}\n                                </div>\n                            }\n                        } @else {\n                            <span class=\"kbq-select__matcher-text\">\n                                {{ triggerValue }}\n                            </span>\n                        }\n                    </div>\n                }\n            }\n\n            @if (canShowCleaner) {\n                <div class=\"kbq-select__cleaner\">\n                    <ng-content select=\"kbq-cleaner\" />\n                </div>\n            }\n\n            <div class=\"kbq-select__arrow-wrapper\">\n                <i kbq-icon=\"kbq-chevron-down-s_16\" class=\"kbq-select__arrow\" [color]=\"colorForState\"></i>\n            </div>\n        </div>\n    }\n</div>\n\n<ng-template\n    cdkConnectedOverlay\n    cdkConnectedOverlayLockPosition\n    [cdkConnectedOverlayBackdropClass]=\"backdropClass()\"\n    [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop()\"\n    [cdkConnectedOverlayMinWidth]=\"overlayMinWidth\"\n    [cdkConnectedOverlayOpen]=\"panelOpen\"\n    [cdkConnectedOverlayOrigin]=\"overlayOrigin || fallbackOverlayOrigin\"\n    [cdkConnectedOverlayPanelClass]=\"overlayPanelClass\"\n    [cdkConnectedOverlayPositions]=\"positions\"\n    [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\n    [cdkConnectedOverlayViewportMargin]=\"viewportMargin\"\n    [cdkConnectedOverlayWidth]=\"overlayWidth\"\n    (attach)=\"onAttached()\"\n    (backdropClick)=\"close()\"\n    (detach)=\"close()\"\n>\n    <div\n        #panel\n        cdkMonitorSubtreeFocus\n        [class]=\"getPanelClasses()\"\n        [style.--kbq-select-panel-size-max-height]=\"panelMaxHeightToken()\"\n        [style.font-size.px]=\"triggerFontSize\"\n        [style.max-width.px]=\"panelMaxWidth()\"\n        [style.transformOrigin]=\"transformOrigin\"\n        (click)=\"handleClick($event)\"\n        (keydown)=\"handleKeydown($event)\"\n    >\n        @if (search() && shouldShowSearch()) {\n            <div class=\"kbq-select__search-container\">\n                <ng-content select=\"[kbqSelectSearch]\" />\n            </div>\n        }\n\n        <div\n            #optionsContainer\n            kbqScrollbarViewport\n            role=\"listbox\"\n            class=\"kbq-select__content\"\n            [kbqScrollbarMode]=\"scrollbarMode\"\n            [id]=\"panelId\"\n            [attr.aria-multiselectable]=\"multiSelection\"\n            [attr.aria-labelledby]=\"ariaLabelledby\"\n            [attr.aria-label]=\"resolvedAriaLabel\"\n            [attr.aria-busy]=\"isOptionsListBusy || null\"\n        >\n            @if (isEmptySearchResult) {\n                <ng-content select=\"[kbq-select-search-empty-result]\" />\n            }\n            @if (showSelectAll) {\n                <!-- Every read of selectAllState re-filters the whole option list, and allOptionsSelected\n                     is that same walk asking whether the state is \"checked\" \u2014 one read covers all four. -->\n                @let selectAllCheckboxState = selectAllState;\n\n                <!--\n                    The row stays an `option`: a `checkbox` is not a valid child of the listbox it lives in,\n                    and `option` carries the tri-state on `aria-checked` just as well.\n                -->\n                <kbq-option\n                    class=\"kbq-select__select-all\"\n                    [selectable]=\"false\"\n                    [class.kbq-selected]=\"selectAllCheckboxState === 'checked'\"\n                    [attr.aria-checked]=\"\n                        selectAllCheckboxState === 'indeterminate' ? 'mixed' : selectAllCheckboxState === 'checked'\n                    \"\n                    (click)=\"toggleSelectAll()\"\n                >\n                    <kbq-pseudo-checkbox aria-hidden=\"true\" [state]=\"selectAllCheckboxState\" />\n                    {{ selectAllText }}\n                </kbq-option>\n            }\n            <ng-content />\n        </div>\n\n        <ng-content select=\"kbq-select-footer,[kbq-select-footer]\" />\n    </div>\n</ng-template>\n", styles: [".kbq-select{box-sizing:border-box;display:inline-block;width:100%;outline:none}.kbq-select .kbq-select__trigger{display:flex;box-sizing:border-box;position:relative;cursor:pointer;min-height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-border-width) * 2)}.kbq-select .kbq-select__trigger:not(.kbq-select__trigger_multiline),.kbq-select .kbq-select__trigger.kbq-select__trigger_empty{height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-border-width) * 2)}.kbq-select .kbq-select__trigger:not(.kbq-select__trigger_multiline) .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_empty .kbq-select__matcher{overflow:hidden;white-space:nowrap}.kbq-select .kbq-select__matcher{-webkit-user-select:none;user-select:none;display:flex;flex-grow:1;align-items:center}.kbq-select .kbq-select__matcher>span{flex:1;overflow:hidden}.kbq-select .kbq-select__trigger.kbq-select__trigger_single .kbq-select__matcher,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple.kbq-select__trigger_empty .kbq-select__matcher{padding:var(--kbq-select-size-single-padding-vertical) var(--kbq-select-size-single-padding-right) var(--kbq-select-size-single-padding-vertical) var(--kbq-select-size-single-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher{padding:var(--kbq-select-size-multiple-padding-vertical) var(--kbq-select-size-multiple-padding-right) var(--kbq-select-size-multiple-padding-vertical) var(--kbq-select-size-multiple-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-container{display:flex}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiple:not(.kbq-select__trigger_empty) .kbq-select__matcher .kbq-select__match-list{display:flex;flex-wrap:wrap;overflow:hidden;height:calc(var(--kbq-form-field-size-height) - var(--kbq-select-size-multiple-padding-vertical) * 2);max-height:calc(var(--kbq-form-field-size-height) - var(--kbq-select-size-multiple-padding-vertical) * 2);gap:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));margin-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs))}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__match-container{flex-direction:column}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__matcher{max-width:100%;padding:calc(var(--kbq-select-size-multiple-padding-vertical) - var(--kbq-size-border-width)) var(--kbq-select-size-multiple-padding-right) calc(var(--kbq-select-size-multiple-padding-vertical) - var(--kbq-size-border-width)) var(--kbq-select-size-multiple-padding-left)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__cleaner,.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__arrow-wrapper{align-self:flex-start;align-items:center;height:calc(var(--kbq-form-field-size-height) - var(--kbq-size-s));min-width:var(--kbq-form-field-size-addon-width)}.kbq-select .kbq-select__trigger.kbq-select__trigger_multiline:not(.kbq-select__trigger_empty) .kbq-select__multiline-match-list{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));gap:var(--kbq-size-xxs)}.kbq-select .kbq-select__match-container{width:100%;text-overflow:ellipsis;overflow:hidden}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text{box-sizing:content-box;display:none;flex:0 0 var(--kbq-form-field-size-addon-width);align-self:center;padding-left:var(--kbq-size-xxs);padding-right:var(--kbq-select-size-multiple-content-gap, var(--kbq-size-xxs));text-align:right}.kbq-select .kbq-select__match-container .kbq-select__match-hidden-text.kbq-select__match-hidden-text_visible{display:block}.kbq-select kbq-select-trigger,.kbq-select [kbq-select-trigger]{width:100%}.kbq-select .kbq-select__arrow-wrapper{display:flex;align-self:center;justify-content:center;min-width:var(--kbq-form-field-size-addon-width)}.kbq-disabled.kbq-select .kbq-select__trigger{-webkit-user-select:none;user-select:none;cursor:default}.kbq-select__panel{min-width:100%;max-width:var(--kbq-panel-size-width-max, 640px);overflow:hidden;border-radius:var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius))}@supports (corner-shape: squircle){.kbq-select__panel{corner-shape:squircle;border-radius:clamp(var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 1.85,var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 2.3 - 3.6px,var(--kbq-select-panel-size-border-radius, var(--kbq-size-border-radius)) * 2)}}.kbq-select__panel .kbq-option{font-size:inherit}.kbq-select__panel .kbq-select__no-options-message{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;position:relative;margin-bottom:var(--kbq-size-3xl);margin-top:var(--kbq-size-3xl);max-width:100%;height:var(--kbq-option-size-height, var(--kbq-size-3xl));cursor:default;outline:none;padding-left:var(--kbq-option-size-horizontal-padding, var(--kbq-size-m));padding-right:var(--kbq-option-size-horizontal-padding, var(--kbq-size-m));border:var(--kbq-option-size-border-width, var(--kbq-size-3xs)) solid transparent}.kbq-select__panel .kbq-select__search-container{padding:var(--kbq-size-xxs);border-bottom-width:1px;border-bottom-style:solid}.kbq-select__content{box-sizing:initial;max-height:var(--kbq-select-panel-size-max-height, 256px);padding:var(--kbq-size-xxs);overflow:hidden auto}.kbq-select__panel .kbq-select__footer{-webkit-user-select:none;user-select:none;display:flex;align-items:center;box-sizing:border-box;min-height:var(--kbq-select-footer-size-min-height, var(--kbq-size-4xl));border-top-width:var(--kbq-select-footer-size-border-width, var(--kbq-size-border-width));border-top-style:solid;padding:var(--kbq-select-footer-size-padding-vertical, var(--kbq-size-xxs)) var(--kbq-select-footer-size-padding-horizontal, var(--kbq-size-l))}.kbq-select__panel .kbq-select__footer-item{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;outline:none;flex:1 1 auto;min-height:var(--kbq-select-footer-item-size-height, var(--kbq-size-3xl));gap:var(--kbq-size-s);border:var(--kbq-size-3xs) solid transparent;border-radius:var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs))}@supports (corner-shape: squircle){.kbq-select__panel .kbq-select__footer-item{corner-shape:squircle;border-radius:clamp(var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 1.85,var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 2.3 - 3.6px,var(--kbq-select-footer-item-size-border-radius, var(--kbq-size-xxs)) * 2)}}.kbq-select__panel .kbq-select__footer-item{padding:0 calc(var(--kbq-size-m) - var(--kbq-size-3xs));background:transparent;cursor:pointer;text-align:left;text-decoration:none}.kbq-select__panel .kbq-select__footer:has(.kbq-select__footer-item){--kbq-select-footer-size-padding-horizontal: var(--kbq-size-xxs)}.kbq-select__panel_multiline .kbq-option-text{white-space:normal;overflow-wrap:break-word}.kbq-select__content .kbq-option{position:relative}.kbq-select__content .kbq-option:before,.kbq-select__content .kbq-option:after{position:absolute;content:\"\";width:var(--kbq-size-xxs);height:calc(100% + var(--kbq-size-3xs) * 2)}.kbq-select__content .kbq-option:before{right:calc(100% + var(--kbq-size-3xs))}.kbq-select__content .kbq-option:after{left:calc(100% + var(--kbq-size-3xs))}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport{min-height:var(--kbq-select-panel-size-max-height, 256px);max-height:var(--kbq-select-panel-size-max-height, 256px)}.kbq-select__content:not(:has(>.kbq-select__no-options-message)) .cdk-virtual-scroll-viewport.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{max-width:100%}.kbq-select{color:var(--kbq-foreground-contrast)}.kbq-select.kbq-invalid{color:var(--kbq-foreground-error)}.kbq-select.kbq-invalid .kbq-select__placeholder{color:var(--kbq-form-field-states-error-placeholder)}.kbq-select.kbq-disabled{color:var(--kbq-states-foreground-disabled)}.kbq-select.kbq-disabled .kbq-select__placeholder{color:var(--kbq-form-field-states-disabled-placeholder)}.kbq-select__placeholder{text-overflow:ellipsis;color:var(--kbq-form-field-default-placeholder)}.kbq-select__search-container{border-bottom-color:var(--kbq-divider-color, var(--kbq-line-contrast-less))}.kbq-select__no-options-message{color:var(--kbq-foreground-contrast-secondary)}.kbq-select__panel{box-shadow:var(--kbq-select-panel-dropdown-shadow);background:var(--kbq-select-panel-dropdown-background)}.kbq-select__panel .kbq-select__footer{border-color:var(--kbq-divider-color, var(--kbq-line-contrast-less))}.kbq-select__panel .kbq-select__footer-item{color:var(--kbq-foreground-contrast)}.kbq-select__panel .kbq-select__footer-item:focus-visible{border-color:var(--kbq-states-line-focus-theme)}.kbq-select__panel .kbq-select__footer-item:hover:not(:disabled,.kbq-disabled){background:var(--kbq-states-background-transparent-hover)}.kbq-select__panel .kbq-select__footer-item:active:not(:disabled,.kbq-disabled){background:var(--kbq-states-background-transparent-active)}.kbq-select__panel .kbq-select__footer-item:disabled,.kbq-select__panel .kbq-select__footer-item.kbq-disabled{color:var(--kbq-states-foreground-disabled);cursor:default;pointer-events:none}.kbq-select__panel .kbq-select__footer-item:disabled .kbq-icon.kbq-empty:not(.kbq-icon-button,.kbq-icon-item),.kbq-select__panel .kbq-select__footer-item.kbq-disabled .kbq-icon.kbq-empty:not(.kbq-icon-button,.kbq-icon-item){color:var(--kbq-states-foreground-disabled)}.kbq-select,.kbq-select__panel,.kbq-select__footer-item{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-select,.kbq-tree-select,.kbq-select__panel{--kbq-select-size-single-padding-left: 0;--kbq-select-size-single-padding-right: 0;--kbq-select-size-single-padding-vertical: var(--kbq-size-xs);--kbq-select-size-single-content-gap: var(--kbq-size-xxs);--kbq-select-size-multiple-padding-left: 0;--kbq-select-size-multiple-padding-right: 0;--kbq-select-size-multiple-padding-vertical: var(--kbq-size-xxs);--kbq-select-size-multiple-content-gap: var(--kbq-size-xxs);--kbq-select-panel-size-border-radius: var(--kbq-size-border-radius);--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { trigger: [{ type: i0.ViewChild, args: ['trigger', { isSignal: true }] }], panel: [{ type: i0.ViewChild, args: ['panel', { isSignal: true }] }], optionsContainer: [{ type: i0.ViewChild, args: ['optionsContainer', { isSignal: true }] }], scrollbarViewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqScrollbarViewport), { isSignal: true }] }], projectedScrollbarViewport: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqScrollbarViewport), { ...{ descendants: true }, isSignal: true }] }], selectAllOption: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KbqOption), { isSignal: true }] }], overlayDirQuery: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }], footer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectFooter), { ...{ read: ElementRef }, isSignal: true }] }], cdkVirtualForOf: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CdkVirtualForOf), { isSignal: true }] }], virtualScrollViewport: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], tagsQuery: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => KbqTag), { isSignal: true }] }], customTrigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectTrigger), { isSignal: true }] }], customMatcher: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectMatcher), { isSignal: true }] }], customTagTemplateRef: [{ type: i0.ContentChild, args: ['kbqSelectTagContent', { ...{ read: TemplateRef }, isSignal: true }] }], cleaner: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqCleaner), { ...{ descendants: false }, isSignal: true }] }], optionsQuery: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KbqOption), { ...{ descendants: true }, isSignal: true }] }], optionGroups: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KbqOptgroup), { isSignal: true }] }], search: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectSearch), { isSignal: true }] }], searchEmpty: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSelectSearchEmptyResult), { isSignal: true }] }], hiddenItemsText: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenItemsText", required: false }] }], hiddenItemsTextFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenItemsTextFormatter", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], showPreselectedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPreselectedValues", required: false }] }], triggerValuesLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerValuesLimit", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], backdropClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropClass", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], sortComparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortComparator", required: false }] }], multiline: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiline", required: false }] }], multilineOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "multilineOptions", required: false }] }], searchMinOptionsThresholdInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchMinOptionsThreshold", required: false }] }], openedChangeOutput: [{ type: i0.Output, args: ["openedChange"] }], beforeOpened: [{ type: i0.Output, args: ["beforeOpened"] }], openedOutput: [{ type: i0.Output, args: ["opened"] }], closedOutput: [{ type: i0.Output, args: ["closed"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], onSelectAll: [{ type: i0.Output, args: ["onSelectAll"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], scrolledToBottomOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrolledToBottomOffset", required: false }] }], scrolledToBottom: [{ type: i0.Output, args: ["scrolledToBottom"] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], multipleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], virtualOptionFactory: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualOptionFactory", required: false }] }], clearPredicate: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearPredicate", required: false }] }], selectAllToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllToggle", required: false }] }], selectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAll", required: false }] }], selectAllHandlerInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllHandler", required: false }] }], panelWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelWidth", required: false }] }], panelMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelMinWidth", required: false }] }], panelMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelMaxWidth", required: false }] }], panelMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelMaxHeight", required: false }] }], valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], tabIndexInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 class KbqSelectModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }