@koobiq/components 20.4.2 → 21.0.0

package/{select/index.d.ts → types/koobiq-components-select.d.ts}

@@ -1,17 +1,17 @@
 import * as _angular_core from '@angular/core';
-import { AfterViewInit, OnDestroy, InjectionToken, AfterContentInit, OnInit, DoCheck, ElementRef, DestroyRef, QueryList, TemplateRef, EventEmitter, Provider } from '@angular/core';
+import { AfterViewInit, OnDestroy, InjectionToken, AfterViewChecked, AfterContentChecked, AfterContentInit, OnInit, DoCheck, ElementRef, DestroyRef, QueryList, TemplateRef, EventEmitter, Provider } from '@angular/core';
 import * as i5 from '@koobiq/components/tooltip';
 import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
-import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
 import { SelectionModel } from '@angular/cdk/collections';
 import * as i1 from '@angular/cdk/overlay';
-import { ConnectedPosition, CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { ScrollStrategy, ConnectedPosition, CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import { CdkVirtualForOf, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { ControlValueAccessor, NgForm, FormGroupDirective, NgControl } from '@angular/forms';
 import * as i2 from '@koobiq/components/core';
-import { KbqPanelWidth, KbqPanelMinWidth, KbqPanelMaxWidth, KbqPanelMaxHeight, KbqAbstractSelect, CanUpdateErrorState, KbqSiblingPopup, ErrorStateMatcher, KbqLocaleService, KbqOptionBase, ActiveDescendantKeyManager, KbqOption, KbqSelectTrigger, KbqSelectMatcher, KbqOptgroup, KbqSelectSearch, KbqSelectSearchEmptyResult, KbqOptionSelectionChange, KbqSelectAllEvent, KbqVirtualOption, KbqPseudoCheckboxState, KbqComponentColors } from '@koobiq/components/core';
+import { KbqPanelWidth, KbqPanelMinWidth, KbqPanelMaxWidth, KbqPanelMaxHeight, KbqOptionBase, KbqAbstractSelect, CanUpdateErrorState, KbqSiblingPopup, KbqOptionParentComponent, ErrorStateMatcher, ActiveDescendantKeyManager, KbqOption, KbqSelectTrigger, KbqSelectMatcher, KbqOptgroup, KbqSelectSearch, KbqSelectSearchEmptyResult, KbqOptionSelectionChange, KbqSelectAllEvent, KbqVirtualOption, KbqPseudoCheckboxState, KbqComponentColors } from '@koobiq/components/core';
 import * as i11 from '@koobiq/components/form-field';
 import { KbqFormFieldControl, KbqCleaner } from '@koobiq/components/form-field';
+import { KbqScrollbarMode } from '@koobiq/components/scrollbar';
 import * as i4 from '@koobiq/components/tags';
 import { KbqTag } from '@koobiq/components/tags';
 import { Subject, Observable } from 'rxjs';
@@ -19,6 +19,55 @@ import * as i3 from '@koobiq/components/icon';
 import * as i6 from '@angular/common';
 import * as i7 from '@angular/cdk/a11y';
 
+/** Class that reveals the "+N" counter the matcher reserves room for. */
+declare const KBQ_SELECT_HIDDEN_TEXT_VISIBLE_CLASS = "kbq-select__match-hidden-text_visible";
+/** Widths the matcher needs in order to work out how many of the selected tags actually fit. */
+type KbqSelectMatcherMeasurement = {
+    /** Total width of the selected tags, laid out without the "+N" counter. */
+    totalItemsWidth: number;
+    /** Total width of the tags that stay on the first line while the counter is shown. */
+    totalVisibleItemsWidth: number;
+    /** How many tags stay on the first line while the counter is shown. */
+    visibleItems: number;
+};
+/**
+ * Measures how much room the selected values take in a multiple select's trigger.
+ *
+ * Provided by the select rather than injected globally: it writes into (and reads back from) that
+ * select's own trigger element. Kept apart from the component because it is pure DOM geometry with no
+ * bearing on the select's state — and because the two measurements it makes have to share a single
+ * layout pass, which is easy to lose sight of when they live among the component's other concerns.
+ *
+ * @docs-private
+ */
+declare class KbqSelectHiddenItemsMeasurer {
+    private readonly renderer;
+    private readonly window;
+    /**
+     * Measures the trigger against two layouts: one without the "+N" counter and one with it.
+     *
+     * Both clones are attached before either is read, so the browser resolves layout once for the pair
+     * instead of once per clone.
+     *
+     * @param trigger Trigger element of the select, used both as the source of the clones and as their host.
+     */
+    measure(trigger: HTMLElement): KbqSelectMatcherMeasurement;
+    /**
+     * Calculates the width of a single item including margins.
+     *
+     * The elements measured here are `kbq-tag`s, which are `border-box` and carry horizontal
+     * padding. `getComputedStyle().width` resolves to the used content-box width whatever
+     * `box-sizing` says, so it dropped that padding from every tag and the matcher believed more
+     * tags fit than actually do. `getBoundingClientRect()` is always the border box — the same fix
+     * `kbqGetPanelWidthOrigin()` carries.
+     */
+    private getItemWidth;
+    /** Creates a hidden clone of the trigger element, positioned so that it cannot affect the layout. */
+    private buildTriggerClone;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSelectHiddenItemsMeasurer, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<KbqSelectHiddenItemsMeasurer>;
+}
+
 declare class KbqSelectLoading {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSelectLoading, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSelectLoading, "kbq-select-loading, [kbq-select-loading]", ["kbqSelectLoading"], {}, {}, never, ["kbq-progress-spinner"], true, never>;
@@ -30,7 +79,7 @@ declare class KbqSelectLoading {
  */
 declare class KbqSelectError {
     /** Indicates whether styles for pagination controls should be used. */
-    paging: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly paging: _angular_core.InputSignalWithTransform<boolean, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSelectError, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSelectError, "kbq-select-error, [kbq-select-error]", ["kbqSelectError"], { "paging": { "alias": "paging"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -59,6 +108,18 @@ declare class KbqOptionTooltip extends KbqTooltipTrigger implements AfterViewIni
     private resizeSubscription;
     private contentObserverSubscription;
     private focusMonitorSubscription;
+    /**
+     * Overrides the tooltip's hoverable default. The overflow hint floats over the neighbouring options of a
+     * scrolling list, so a pointer-capturing pane would swallow the click that selects them.
+     */
+    readonly ignoreTooltipPointerEvents: _angular_core.InputSignal<boolean>;
+    /**
+     * The hint repeats text the option had to clip, so `kbqTooltipDisabled="false"` cannot conjure one for an
+     * option that fits.
+     *
+     * @docs-private
+     */
+    protected readonly derivedDisabledWins = true;
     get textElement(): HTMLElement;
     get isOverflown(): boolean;
     /**
@@ -72,7 +133,7 @@ declare class KbqOptionTooltip extends KbqTooltipTrigger implements AfterViewIni
     handleElementEnter(): void;
     handleElementLeave(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqOptionTooltip, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqOptionTooltip, "kbq-option", never, {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqOptionTooltip, "kbq-option", never, { "ignoreTooltipPointerEvents": { "alias": "ignoreTooltipPointerEvents"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** Change event object that is emitted when the select value has changed. */
@@ -81,11 +142,6 @@ declare class KbqSelectChange {
     value: any;
     constructor(source: KbqSelect, value: any);
 }
-/**
- * Select panel width type.
- * @deprecated Use `KbqPanelWidth` from `@koobiq/components/core` instead.
- */
-type KbqSelectPanelWidth = KbqPanelWidth;
 /** Options for the `kbq-select` that can be configured using the `KBQ_SELECT_OPTIONS` injection token. */
 type KbqSelectOptions = Partial<{
     /**
@@ -110,11 +166,15 @@ type KbqSelectOptions = Partial<{
     /**
      * Whether to enable hiding search by default if options is less than minimum.
      *
-     * - `'auto'` uses `KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD` as min value.
+     * - `'auto'` uses {@link KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD} as min value.
      * - number - will enables search hiding and uses value as min.
-     * @see KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD
      */
     searchMinOptionsThreshold: 'auto' | number;
+    /**
+     * Decides which selected options the projected `KbqCleaner` removes. Disabled options are kept when
+     * this is not set. Overridden per instance by the `clearPredicate` attribute.
+     */
+    clearPredicate: (option: KbqOptionBase) => boolean;
 }>;
 /** Injection token that can be used to provide the default options for the `kbq-select`. */
 declare const KBQ_SELECT_OPTIONS: InjectionToken<Partial<{
@@ -140,11 +200,15 @@ declare const KBQ_SELECT_OPTIONS: InjectionToken<Partial<{
     /**
      * Whether to enable hiding search by default if options is less than minimum.
      *
-     * - `'auto'` uses `KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD` as min value.
+     * - `'auto'` uses {@link KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD} as min value.
      * - number - will enables search hiding and uses value as min.
-     * @see KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD
      */
     searchMinOptionsThreshold: "auto" | number;
+    /**
+     * Decides which selected options the projected `KbqCleaner` removes. Disabled options are kept when
+     * this is not set. Overridden per instance by the `clearPredicate` attribute.
+     */
+    clearPredicate: (option: KbqOptionBase) => boolean;
 }>>;
 /** Utility provider for `KBQ_SELECT_OPTIONS`. */
 declare const kbqSelectOptionsProvider: (options: KbqSelectOptions) => Provider;
@@ -152,21 +216,25 @@ declare const kbqSelectOptionsProvider: (options: KbqSelectOptions) => Provider;
 declare const delayBeforeDisplayingResultWithoutOptions = 101;
 /** Minimum time in milliseconds to display the loading state. */
 declare const minimumTimeToDisplayLoading = 300;
-declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, OnDestroy, OnInit, DoCheck, ControlValueAccessor, KbqFormFieldControl<any>, CanUpdateErrorState, KbqSiblingPopup {
+declare class KbqSelect extends KbqAbstractSelect implements AfterViewChecked, AfterContentChecked, AfterContentInit, OnDestroy, OnInit, DoCheck, ControlValueAccessor, KbqFormFieldControl<any>, CanUpdateErrorState, KbqSiblingPopup, KbqOptionParentComponent {
     private readonly _changeDetectorRef;
     private readonly _ngZone;
-    private readonly _renderer;
+    private readonly injector;
+    private readonly hiddenItemsMeasurer;
     private readonly interactivityChecker;
     defaultErrorStateMatcher: ErrorStateMatcher;
     elementRef: ElementRef<HTMLElement>;
     private overlayContainer;
+    private readonly overlayLayers;
     private readonly _dir;
     parentForm: NgForm | null;
     parentFormGroup: FormGroupDirective | null;
     private readonly parentFormField;
     ngControl: NgControl | null;
     private readonly scrollStrategyFactory;
-    protected localeService?: KbqLocaleService | null | undefined;
+    private readonly carrier;
+    /** Localized strings of the select, following the active locale. */
+    private readonly localeConfiguration;
     /** @docs-private */
     protected readonly destroyRef: DestroyRef;
     protected readonly isBrowser: boolean;
@@ -193,31 +261,48 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
         /**
          * Whether to enable hiding search by default if options is less than minimum.
          *
-         * - `'auto'` uses `KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD` as min value.
+         * - `'auto'` uses {@link KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD} as min value.
          * - number - will enables search hiding and uses value as min.
-         * @see KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD
          */
         searchMinOptionsThreshold: "auto" | number;
+        /**
+         * Decides which selected options the projected `KbqCleaner` removes. Disabled options are kept when
+         * this is not set. Overridden per instance by the `clearPredicate` attribute.
+         */
+        clearPredicate: (option: KbqOptionBase) => boolean;
     }> | null;
+    private readonly scrollbarOptions;
+    private readonly errorStateTracker;
     /** Whether the component is in an error state. */
-    errorState: boolean;
-    /**
-     * Emits whenever the component state changes and should cause the parent
-     * form-field to update. Implemented as part of `KbqFormFieldControl`.
-     * @docs-private
-     */
-    readonly stateChanges: Subject<void>;
+    readonly errorState: _angular_core.Signal<boolean>;
     /** A name for this control that can be used by `kbq-form-field`. */
     controlType: string;
-    hiddenItems: number;
+    /**
+     * A `kbq-select` is not a native labelable element, so the form-field's `<label for>` cannot
+     * associate with it. The select is named through `aria-labelledby` instead.
+     */
+    readonly isNativeLabelSupported = false;
+    private readonly hiddenItemsCount;
+    /** Number of the selected items that do not fit into the trigger. */
+    readonly hiddenItems: _angular_core.Signal<number>;
+    /**
+     * How many of the rendered tags stay on the trigger's single line.
+     *
+     * `null` while the answer is unknown — the trigger has not been measured yet, or the measurement found
+     * no tag on the first line at all, which a laid-out trigger never does and so means there was no layout
+     * to measure. Both cases leave every tag treated as visible.
+     */
+    private readonly visibleTriggerItems;
     /** The last measured value for the trigger's client bounding rect. */
-    triggerRect: DOMRect;
+    protected triggerRect: DOMRect;
     /** The cached font-size of the trigger element in pixels. */
     triggerFontSize: number;
     /** Deals with the selection logic. Manages selected options and their states. */
     selectionModel: SelectionModel<KbqOptionBase>;
     /** Previously selected options before the current selection was made. */
     previousSelectionModelSelected: KbqOptionBase[];
+    /** Whether the selection is being set to a written value, which is no selection of the user. */
+    private writingValue;
     /**
      * Detached copies of the selected options, captured while the option was still rendered.
      * `cdk-virtual-scroll` recycles option views, so a `KbqOption` kept in `selectionModel` can
@@ -226,20 +311,13 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     private readonly selectedOptionCopies;
     /** Manages keyboard events for options in the panel. */
     keyManager: ActiveDescendantKeyManager<KbqOption>;
-    /** The value of the select panel's transform-origin property for animations. */
+    /** The value of the select panel's transform-origin property. */
     transformOrigin: string;
-    /** Emits when the panel element is finished transforming in. */
+    /** Emits once the panel has rendered (`'showing'`) or has been removed (`'void'`). */
     panelDoneAnimatingStream: Subject<string>;
+    private panelRender?;
     /** Strategy that will be used to handle scrolling while the select panel is open. */
-    scrollStrategy: _angular_cdk_overlay_module_d.ScrollStrategy;
-    /**
-     * The y-offset of the overlay panel in relation to the trigger.
-     *
-     * @deprecated noop. The trigger↔panel gap is now controlled by the `--kbq-connected-overlay-gap` CSS
-     * variable (transparent padding inside the pane via the `kbq-connected-overlay_below/_above` panel
-     * classes), not by a physical overlay offset — so setting this has no effect. Will be removed in 21.0.0.
-     */
-    offsetY: number;
+    scrollStrategy: ScrollStrategy;
     /**
      * Minimum space to keep between the overlay and the viewport edge.
      * At least `defaultOffsetY` so CDK's fit check — which runs before the `kbq-connected-overlay_below/_above`
@@ -262,18 +340,23 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     readonly panel: _angular_core.Signal<ElementRef<any> | undefined>;
     /** Reference to the container element that holds the options. */
     readonly optionsContainer: _angular_core.Signal<ElementRef<any>>;
+    private readonly scrollbarViewport;
+    private readonly projectedScrollbarViewport;
     /** Reference to the built-in "select all" row, rendered only while `selectAll` is on. */
     readonly selectAllOption: _angular_core.Signal<KbqOption | undefined>;
+    private readonly overlayDirQuery;
     /** Reference to the CDK connected overlay directive. */
-    overlayDir: CdkConnectedOverlay;
+    protected get overlayDir(): CdkConnectedOverlay;
     /** Reference to the optional footer element in the panel. */
     readonly footer: _angular_core.Signal<ElementRef<any> | undefined>;
     /** Reference to the CDK virtual scroll directive for virtual scrolling support. */
     readonly cdkVirtualForOf: _angular_core.Signal<CdkVirtualForOf<any> | undefined>;
     /** Reference to the CDK virtual scroll viewport for tracking scroll position in virtual mode. */
     readonly virtualScrollViewport: _angular_core.Signal<CdkVirtualScrollViewport | undefined>;
+    private readonly tagsQuery;
+    private readonly tagsList;
     /** Query list of tags displayed in multiple selection mode. */
-    tags: QueryList<KbqTag>;
+    get tags(): QueryList<KbqTag>;
     /** User-supplied override of the trigger element for custom rendering. */
     readonly customTrigger: _angular_core.Signal<KbqSelectTrigger | undefined>;
     /** User-supplied matcher component for custom value matching logic. */
@@ -282,11 +365,16 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     readonly customTagTemplateRef: _angular_core.Signal<TemplateRef<any> | undefined>;
     /**
      * Reference to the optional cleaner element for clearing selection.
+     *
      * @docs-private
      */
     readonly cleaner: _angular_core.Signal<KbqCleaner | undefined>;
+    private readonly optionsQuery;
+    private readonly optionsList;
     /** All of the defined select options. */
-    options: QueryList<KbqOption>;
+    get options(): QueryList<KbqOption>;
+    /** Whether `ngAfterContentInit` has run. The options are not settled before that, so nothing reads them. */
+    private contentReady;
     /**
      * Everything the key manager navigates: the built-in "select all" row first, then `options`.
      *
@@ -294,6 +382,7 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * Kept as a separate list rather than folded into `options` because `options` is public API — the
      * filter-bar pipes, `firstFiltered` and the tallies below all mean "the options the consumer
      * projected", and a synthetic entry there would quietly corrupt every one of them.
+     *
      * @docs-private
      */
     readonly navigableOptions: QueryList<KbqOption>;
@@ -303,10 +392,30 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     readonly search: _angular_core.Signal<KbqSelectSearch | undefined>;
     /** Reference to the optional empty search result component. */
     readonly searchEmpty: _angular_core.Signal<KbqSelectSearchEmptyResult | undefined>;
-    /** Template string for hidden items text. Supports {{ number }} placeholder. */
-    hiddenItemsText: string;
-    /** Label of the "select all" row. Kept in step with the locale service. */
-    protected selectAllText: string;
+    /**
+     * Template string for the hidden items counter. Supports the `{{ number }}` placeholder.
+     *
+     * Takes precedence over the value the locale service provides, and keeps it for the whole lifetime of
+     * the select — switching the locale no longer overwrites what the consumer asked for.
+     */
+    readonly hiddenItemsText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Formats the hidden items counter.
+     *
+     * @param hiddenItemsText Template string with the `{{ number }}` placeholder.
+     * @param hiddenItems Number of hidden items to display.
+     */
+    readonly hiddenItemsTextFormatter: _angular_core.InputSignal<(hiddenItemsText: string, hiddenItems: number) => string>;
+    /** Rendered hidden items counter. */
+    protected get hiddenItemsLabel(): string;
+    /** Label of the "select all" row. Follows the active locale. */
+    protected get selectAllText(): string;
+    /**
+     * Accessible name of the trigger and of the option list.
+     *
+     * Only needed for a select rendered without a `kbq-form-field` label — with one, the label names both.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     /** Determines whether preselected values are displayed. */
     readonly showPreselectedValues: _angular_core.InputSignal<boolean>;
     /**
@@ -317,16 +426,18 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      */
     readonly triggerValuesLimit: _angular_core.InputSignal<number>;
     /** Classes to be passed to the select panel. Supports the same syntax as the `[class]` binding. */
-    readonly panelClass: _angular_core.InputSignal<string | string[] | Set<string> | {
-        [key: string]: any;
-    }>;
+    readonly panelClass: _angular_core.InputSignal<string | string[] | Set<string> | Record<string, boolean>>;
     /** Classes to be passed to the overlay backdrop. */
     readonly backdropClass: _angular_core.InputSignal<string>;
     /** Object used to control when error messages are shown. */
-    errorStateMatcher: ErrorStateMatcher;
+    readonly errorStateMatcher: _angular_core.InputSignal<ErrorStateMatcher | undefined>;
     /**
      * Function used to sort the values in a select in multiple mode.
      * Follows the same logic as `Array.prototype.sort`.
+     *
+     * Without one the values are emitted in panel order — the order the options are declared in, not the
+     * order they were picked in. A value whose option is not rendered (a `KbqVirtualOption` under virtual
+     * scroll or `showPreselectedValues`) has no place in that order and sorts after everything that has.
      */
     readonly sortComparator: _angular_core.InputSignal<(a: KbqOptionBase, b: KbqOptionBase, options: KbqOptionBase[]) => number>;
     /**
@@ -338,13 +449,17 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * Controls when the search functionality is displayed based on the number of available options.
      *
      * Automatically enables search hiding if value provided, even if `defaultOptions.searchMinOptionsThreshold` is provided.
-     * @default undefined
+     *
+     * Accepts `'auto'`, which resolves to `KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD`; the getter therefore
+     * reports the resolved number, never `'auto'`. Defaults to `undefined`.
      */
-    set searchMinOptionsThreshold(value: 'auto' | number | undefined);
-    get searchMinOptionsThreshold(): number | undefined;
-    private _searchMinOptionsThreshold;
+    readonly searchMinOptionsThreshold: _angular_core.Signal<number | undefined>;
+    /** @docs-private */
+    readonly searchMinOptionsThresholdInput: _angular_core.InputSignal<number | "auto" | undefined>;
     /** Combined stream of all of the child options' change events. */
     readonly optionSelectionChanges: Observable<KbqOptionSelectionChange>;
+    /** Emits once the content queries are resolved, for subscribers that arrive before `options` exist. */
+    private readonly contentInitialized;
     /**
      * Event emitted when the select panel has been toggled. Emits true when opened, false when closed.
      * Also serves as the `openedChange` member of the `KbqSiblingPopup` contract — a tooltip sharing
@@ -352,12 +467,18 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * `ngOnInit`) matters beyond this output's original consumers.
      */
     readonly openedChange: EventEmitter<boolean>;
+    /** @docs-private */
+    readonly openedChangeOutput: _angular_core.OutputRef<boolean>;
     /** Event emitted before the select panel starts opening. */
     readonly beforeOpened: _angular_core.OutputEmitterRef<void>;
     /** Event emitted when the select has been opened. */
     readonly openedStream: Observable<void>;
+    /** @docs-private */
+    readonly openedOutput: _angular_core.OutputRef<void>;
     /** Event emitted when the select has been closed. */
     readonly closedStream: Observable<void>;
+    /** @docs-private */
+    readonly closedOutput: _angular_core.OutputRef<void>;
     /** Event emitted when the selected value has been changed by the user. */
     readonly selectionChange: _angular_core.OutputEmitterRef<KbqSelectChange>;
     /**
@@ -368,6 +489,7 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     /**
      * Event that emits whenever the raw value of the select changes. This is here primarily
      * to facilitate the two-way binding for the `value` input.
+     *
      * @docs-private
      */
     readonly valueChange: _angular_core.OutputEmitterRef<any>;
@@ -382,29 +504,25 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * Whether the overlay should have a backdrop.
      * When true, clicking the backdrop will close the select.
      */
-    get hasBackdrop(): boolean;
-    set hasBackdrop(value: boolean);
-    private _hasBackdrop;
+    readonly hasBackdrop: _angular_core.InputSignalWithTransform<boolean, string | boolean | null | undefined>;
     /**
      * Placeholder text to be shown when no value is selected.
      * Displayed in the trigger when the select is closed and no value is selected.
      */
-    get placeholder(): string;
-    set placeholder(value: string);
-    private _placeholder;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
     /**
      * Whether the select is required. Affects validation and display of placeholder.
      */
-    get required(): boolean;
-    set required(value: boolean);
-    private _required;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, string | boolean | null | undefined>;
+    /** @docs-private */
+    readonly multipleInput: _angular_core.InputSignalWithTransform<boolean, string | boolean | null | undefined>;
     /**
      * Whether multiple options can be selected.
      * Note: This cannot be changed dynamically after initialization.
      */
     get multiple(): boolean;
-    set multiple(value: boolean);
-    private _multiple;
+    /** The multiplicity the selection model was created with; a later binding change is refused. */
+    private multipleValue;
     /**
      * Function to compare the option values with the selected values.
      * The first argument is a value from an option.
@@ -412,8 +530,7 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * Should return true if the values match.
      * Defaults to strict equality comparison.
      */
-    get compareWith(): (o1: any, o2: any) => boolean;
-    set compareWith(fn: (o1: any, o2: any) => boolean);
+    readonly compareWith: _angular_core.InputSignalWithTransform<(o1: any, o2: any) => boolean, (o1: any, o2: any) => boolean>;
     /**
      * Factory used to construct a `KbqVirtualOption` for selected values whose
      * `KbqOption` is not currently rendered (e.g. virtual scroll out of viewport,
@@ -424,10 +541,18 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * customise per-value `disabled` state or any future `KbqVirtualOption`
      * fields without adding new `@Input`s.
      *
-     * Defaults to `new KbqVirtualOption(value, this.disabled)`, which is correct
+     * Defaults to `new KbqVirtualOption(value, this.disabled())`, which is correct
      * for primitive values where `value` itself is the display label.
      */
     readonly virtualOptionFactory: _angular_core.InputSignal<((value: any) => KbqVirtualOption) | undefined>;
+    /**
+     * Decides which selected options the projected `KbqCleaner` removes: return `true` to clear the
+     * option, `false` to keep it. Disabled options are kept by default. Bind a stable reference — a new
+     * function on every change detection re-runs the predicate over the whole selection.
+     *
+     * Not consulted by `writeValue` / `reset()`, which always clear everything.
+     */
+    readonly clearPredicate: _angular_core.InputSignalWithTransform<(option: KbqOptionBase) => boolean, (option: KbqOptionBase) => boolean>;
     /** When `true`, a repeated Ctrl/Cmd+A deselects all options. Off by default (Ctrl+A only selects). */
     readonly selectAllToggle: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -439,14 +564,14 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * never disagree (`selectAllToggle` is implied).
      */
     readonly selectAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** @docs-private */
+    readonly selectAllHandlerInput: _angular_core.InputSignalWithTransform<((event: KeyboardEvent, select: KbqSelect) => void) | undefined, ((event: KeyboardEvent, select: KbqSelect) => void) | undefined>;
     /**
      * Function for handling the Ctrl + A (select all) keyboard combination.
      * By default, the internal handler selects all options.
-     * @param event The keyboard event that triggered the handler.
-     * @param select Reference to this select component.
+     * It is called with the keyboard event that triggered it and a reference to this select component.
      */
     get selectAllHandler(): (event: KeyboardEvent, select: KbqSelect) => void;
-    set selectAllHandler(fn: (event: KeyboardEvent, select: KbqSelect) => void);
     /**
      * Width of the panel. If set to `auto`, the panel will match the trigger width, but will never be
      * narrower than `panelMinWidth`. If set to null or an empty string, the panel will grow to match the
@@ -476,44 +601,56 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     /**
      * `panelMaxHeight` rendered as a CSS length for the `--kbq-select-panel-size-max-height` token.
      * A non-finite value (e.g. `null`) leaves the stylesheet default in place.
+     *
      * @docs-private
      */
     protected readonly panelMaxHeightToken: _angular_core.Signal<string | null>;
-    /** Value of the select control. Can be a single value or array of values for multiple selection. */
-    get value(): any;
-    set value(newValue: any);
-    private _value;
+    /** @docs-private */
+    readonly valueInput: _angular_core.InputSignal<any>;
+    /**
+     * Value of the select control. Can be a single value or array of values for multiple selection. Follows
+     * `[value]`, the form control and the user's selection. A value set in code selects its options on the next
+     * change detection, without emitting `valueChange`.
+     */
+    readonly value: _angular_core.WritableSignal<any>;
+    /** The value the selection was last made from or reported as. */
+    private selectionValue;
+    /** @docs-private */
+    readonly idInput: _angular_core.InputSignal<string | undefined>;
     /**
      * Unique identifier for the select component.
      * Auto-generates an ID if not provided.
      */
-    get id(): string;
-    set id(value: string);
-    private _id;
+    readonly id: _angular_core.Signal<string>;
     /**
      * Sets the tabIndex of the select element.
      * Automatically set to -1 when disabled.
      */
+    /** @docs-private */
+    readonly tabIndexInput: _angular_core.InputSignalWithTransform<number, string | number | null | undefined>;
     get tabIndex(): number;
-    set tabIndex(value: number);
-    private _tabIndex;
+    /** @docs-private */
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, string | boolean | null | undefined>;
     /**
      * Whether the select is disabled.
-     * When disabled, the select cannot be opened and its value cannot be changed.
-     */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _disabled;
+     * When disabled, the select cannot be opened and its value cannot be changed. Also set by the bound form
+     * control.
+     */
+    readonly disabled: _angular_core.WritableSignal<boolean>;
+    private readonly resolvedTabIndex;
+    private readonly resolvedAriaLabelValue;
+    private readonly focusedValue;
+    private readonly panelOpenValue;
     /** Whether the select is focused. */
-    get focused(): boolean;
-    set focused(value: boolean);
+    readonly focused: _angular_core.Signal<boolean>;
     /** Whether the select panel is currently open. */
-    panelOpen: boolean;
+    get panelOpen(): boolean;
+    set panelOpen(value: boolean);
     /** Whether the overlay panel is currently on screen. Part of the `KbqSiblingPopup` contract. */
     get isAttached(): boolean;
     /** Whether virtual scrolling is enabled for the options panel. */
     withVirtualScroll: boolean;
-    private _focused;
+    protected get scrollbarMode(): KbqScrollbarMode;
     /** Whether the search returned no results. */
     get isEmptySearchResult(): boolean;
     /**
@@ -541,33 +678,55 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     private get selectAllAdapter();
     /**
      * Whether the cleaner (clear button) should be shown.
+     *
      * @docs-private
      */
     get canShowCleaner(): boolean;
+    /**
+     * Whether the cleaner still has an option to remove.
+     *
+     * @docs-private
+     */
+    get canClear(): boolean;
+    /** Selected options the cleaner removes, in selection order. */
+    private get clearTargets();
+    /**
+     * Passes the resolved option, so a view recycled by `cdk-virtual-scroll` cannot answer for another
+     * item.
+     */
+    private shouldClear;
     /** Returns the currently selected option(s). Single value or array for multiple selection. */
     get selected(): KbqOptionBase | KbqOptionBase[];
     /** Returns the display value for the trigger element. */
     get triggerValue(): string;
     /** Returns all selected options in display order. */
     get triggerValues(): KbqOptionBase[];
+    /**
+     * Whether the tag at `index` is one the trigger actually shows.
+     *
+     * The trigger renders every selected value and clips the overflow with `overflow: hidden`, so a tag
+     * that wrapped past the single line is still in the DOM. Its remove control has to leave the tab order
+     * with it, or focus lands on something the user cannot see — and the browser scrolls the clipped list
+     * to reveal it, shifting the row that is on screen.
+     *
+     * @docs-private
+     */
+    protected isTriggerValueVisible(index: number): boolean;
+    private readonly emptyValue;
     /** Whether no option is currently selected. */
-    get empty(): boolean;
+    readonly empty: _angular_core.Signal<boolean>;
     /** Whether there are no options available. */
     get noOptions(): boolean;
     /** Returns the first selected option that is not disabled. */
     get firstSelected(): KbqOptionBase | null;
     /** Whether the first selected option is filtered (not visible in the list). */
     get firstFiltered(): boolean;
-    /**
-     * Whether the legacy `KbqValidateDirective` marks this control. The class it writes never changes
-     * after the host is created, so it is probed once instead of on every change detection pass.
-     */
-    private hasLegacyValidateDirective;
-    private readonly invalidState;
     /** @docs-private */
     get colorForState(): KbqComponentColors;
     /** Whether multiple choice is enabled. True if multiple or multiline mode is active. */
     get multiSelection(): boolean;
+    /** `panelClass` flattened into a class string. */
+    private readonly customPanelClasses;
     /** Whether a "select all" batch is running, so the per-option changes propagate only once. */
     private selectAllInProgress;
     /** Subscription to the close event of the overlay. */
@@ -578,32 +737,65 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     private scrollTop;
     /** Unique id for this input. Auto-incremented for each instance. */
     private readonly uid;
+    /**
+     * Id of the listbox the trigger owns, referenced by `aria-controls` while the panel is open.
+     *
+     * @docs-private
+     */
+    protected readonly panelId: string;
+    /**
+     * Id of the `kbq-form-field` label naming this select, when it has one.
+     *
+     * A `<label for>` does not associate with a custom element, so the relationship is expressed the
+     * other way around — from the control to the label.
+     *
+     * @docs-private
+     */
+    protected get ariaLabelledby(): string | null;
+    /**
+     * Accessible name put on the trigger and on the option list.
+     *
+     * Both a `combobox` and a `listbox` are required to have one, and neither takes its name from its
+     * contents — the placeholder is rendered as a plain `<span>`, so it names nothing. Falling back to it
+     * keeps the ordinary label-less select named. A form-field label still wins: it names the select
+     * through `aria-labelledby`, which takes precedence over `aria-label`.
+     *
+     * @docs-private
+     */
+    protected get resolvedAriaLabel(): string | null;
+    /**
+     * Whether the option list is currently showing something other than options — the loading, error or
+     * empty state, or an empty search result.
+     *
+     * The same container is both the `listbox` and the projection target for those states, and a `listbox`
+     * is required to own `option` children. `aria-busy` says the list is still being filled in rather than
+     * malformed, and keeps it from being announced as an option list with nothing in it.
+     *
+     * @docs-private
+     */
+    protected get isOptionsListBusy(): boolean;
     /** Subject that emits when the component visibility changes. */
     private visibleChanges;
     /** Origin element for the overlay panel positioning. */
     protected overlayOrigin?: CdkOverlayOrigin | ElementRef;
-    /** Flag indicating if the dropdown class has been added to the overlay container. */
-    private classAddedToOverlayContainer;
     private openPanelTimeout;
+    /** Pending re-highlight scheduled by a search keystroke. */
+    private highlightOptionTimeout;
+    /** Accessible names of the controls the select renders itself. */
+    private readonly a11yLocaleConfiguration;
     constructor();
     /** Lifecycle hook called after component initialization. Initializes selection model and subscriptions. */
     ngOnInit(): void;
-    /** Lifecycle hook for change detection. Updates visibility and error state. */
+    /** Lifecycle hook for change detection. Updates the error state. */
     ngDoCheck(): void;
     /** Lifecycle hook after content initialization. Sets up key manager and option subscriptions. */
     ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    ngAfterViewChecked(): void;
     /** Lifecycle hook when component is destroyed. Cleans up subscriptions. */
     ngOnDestroy(): void;
     /** Updates the error state based on the error state matcher. */
     updateErrorState(): void;
-    private syncInvalidState;
-    /**
-     * Formats the hidden items text with the number of hidden items.
-     * @param hiddenItemsText Template string with {{ number }} placeholder.
-     * @param hiddenItems Number of hidden items to display.
-     * @returns Formatted string with the number of hidden items.
-     */
-    hiddenItemsTextFormatter(hiddenItemsText: string, hiddenItems: number): string;
     /**
      * Selects every option "select all" can act on, or deselects them all when they are already selected.
      *
@@ -612,19 +804,22 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      */
     protected toggleSelectAll(): void;
     /**
-     * Clears the current selection.
+     * Clears the options `clearPredicate` accepts, which by default leaves the disabled ones selected.
+     *
      * @docs-private
      */
     clear(): void;
     /**
-     * Clears the current selection.
-     * @deprecated Activate the projected `KbqCleaner` instead.
+     * Called when the value changes. Needed to properly implement `ControlValueAccessor`.
+     *
      * @docs-private
      */
-    clearValue(event: Event): void;
-    /** `View -> model callback called when value changes` */
     onChange: (value: any) => void;
-    /** `View -> model callback called when select has been touched` */
+    /**
+     * Called when the control is blurred. Needed to properly implement `ControlValueAccessor`.
+     *
+     * @docs-private
+     */
     onTouched: () => void;
     /** Resets the search component if present. */
     resetSearch(): void;
@@ -643,8 +838,14 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * Sets up the overlay dimensions based on trigger size and configured options.
      */
     openPanel(): void;
+    private attachPanel;
     /** Closes the overlay panel. */
     close(): void;
+    /**
+     * Reports the panel rendered or removed once the next render has applied `panelOpen`; only the latest
+     * report of a frame is delivered.
+     */
+    private reportPanelRendered;
     /**
      * Sets the select's value. Part of the ControlValueAccessor interface
      * required to integrate with Angular's core forms API.
@@ -677,12 +878,14 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     setDisabledState(isDisabled: boolean): void;
     /**
      * Checks if the current direction is RTL (right-to-left).
+     *
      * @returns True if RTL mode is active, false otherwise.
      */
     isRtl(): boolean;
     /**
      * Handles all keyboard events for the select.
      * Delegates to appropriate handler based on panel state.
+     *
      * @param event The keyboard event to handle.
      */
     handleKeydown(event: KeyboardEvent): void;
@@ -708,34 +911,43 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     protected isListHeightPinnedToCap(): boolean;
     /** Returns the theme to be used on the panel based on parent form field color. */
     getPanelTheme(): string;
-    /** 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, 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.
+     */
     protected getPanelClasses(): string;
     /** Focuses the select element. */
     focus(): void;
     /**
      * Implemented as part of KbqFormFieldControl.
+     *
      * @docs-private
      */
-    onContainerClick(): void;
+    onContainerClick(event?: MouseEvent): void;
     /**
      * Handles removal of a matched item in the trigger.
+     *
      * @param option The option to remove from selection.
-     * @param $event The mouse event that triggered the removal.
-     */
-    onRemoveMatcherItem(option: KbqOptionBase, $event: any): void;
-    /**
-     * Calculates the number of hidden items in multiple selection mode.
-     * Updates the hiddenItems property and triggers change detection.
+     * @param $event The mouse or keyboard event that triggered the removal.
      */
+    onRemoveMatcherItem(option: KbqOptionBase, $event: Event): void;
+    /** Accessible name of the control that removes a selected value from the trigger. */
+    protected removeItemAriaLabel(option: KbqOptionBase): string;
+    /** Calculates the number of hidden items in multiple selection mode and updates `hiddenItems`. */
     calculateHiddenItems: () => void;
+    private measureHiddenItems;
     /**
      * Gets the height of a single option item.
+     *
      * @returns The height in pixels of the first option, or 0 if no options exist.
      */
     getItemHeight(): number;
     /**
      * Handles click events on the select.
      * Closes the panel if click is inside the footer.
+     *
      * @param $event The mouse event to handle.
      */
     handleClick($event: MouseEvent): void;
@@ -750,16 +962,25 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
     private focusNextInFooter;
     /** @docs-private */
     setSelectedOptionsByClick(option: KbqOption): void;
+    /**
+     * Flips the selected state of a single option through the option itself.
+     *
+     * Toggling the selection model directly would not do: only the option's own selection change reaches
+     * `onSelect`, which is what writes the value back to the form control — every branch above relies on
+     * the same path.
+     */
+    private toggleOption;
     /** @docs-private */
     protected shouldShowSearch(): boolean;
-    /** Updates locale parameters from the locale service. */
-    private updateLocaleParams;
-    /** Checks if the component is currently visible in the viewport. */
-    private isVisible;
-    /** Gets the current overlay position index in the container. */
-    private currentOverlayPosition;
-    /** Gets the position index of modal overlay in the container. */
-    private modalOverlayPosition;
+    /**
+     * Reports whether the trigger is on screen, so the hidden items are re-measured once it appears.
+     *
+     * An `IntersectionObserver` rather than a geometry probe in `ngDoCheck`: reading `offsetTop` forces a
+     * synchronous layout, and `ngDoCheck` runs on every change detection cycle of every ancestor.
+     */
+    private observeVisibility;
+    /** Whether a modal paints over the panel, so that clicks inside the modal leave the panel open. */
+    private isCoveredByModal;
     /**
      * Creates an observable of actions that should close the select panel.
      * Includes outside pointer events and overlay detachments.
@@ -776,20 +997,6 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * or the component is destroyed.
      */
     private subscribeToScrolledToBottom;
-    /** Calculates the total width of all selected items in the matcher. */
-    private getTotalItemsWidthInMatcher;
-    /**
-     * Calculates the width of a single item including margins.
-     *
-     * The elements measured here are `kbq-tag`s, which are `border-box` and carry horizontal
-     * padding. `getComputedStyle().width` resolves to the used content-box width whatever
-     * `box-sizing` says, so it dropped that padding from every tag and the matcher believed more
-     * tags fit than actually do. `getBoundingClientRect()` is always the border box — the same fix
-     * `kbqGetPanelWidthOrigin()` carries for the dropdown trigger.
-     * @param element The DOM element to measure.
-     * @returns Total width including margins and gap.
-     */
-    private getItemWidth;
     /** Handles keyboard events while the select is closed. */
     private handleClosedKeydown;
     /** Handles keyboard events when the select is open. */
@@ -810,20 +1017,25 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      * it is already part of.
      */
     private syncNavigableOptions;
+    /** Selects the options of `value` once the options are settled; until then `initializeSelection` does. */
+    private applyValue;
     /**
      * Sets the selected option based on a value.
      * If no option can be found with the designated value, the select trigger is cleared.
+     *
      * @param value The value to select. Can be a single value or array for multiple selection.
      */
     private setSelectionByValue;
     /**
      * Finds the option that corresponds to the given value.
+     *
      * @param value The value to find.
      * @returns The matching option or undefined if not found.
      */
     private getCorrespondOption;
     /**
      * Finds and selects an option based on its value.
+     *
      * @returns Option that has the corresponding value, when it is currently rendered.
      */
     private selectValue;
@@ -861,29 +1073,10 @@ declare class KbqSelect extends KbqAbstractSelect implements AfterContentInit, O
      */
     private highlightCorrectOption;
     private scrollActiveOptionIntoView;
-    /** Comparison function to specify which option is displayed. Defaults to object equality. */
-    private _compareWith;
     /** Function for handling the combination Ctrl + A (select all). By default, the internal handler is used. */
-    private _selectAllHandler;
-    /**
-     * Calculates the total width and count of visible items.
-     * @returns Tuple of [totalVisibleItemsWidth, visibleItemsCount].
-     */
-    private getTotalVisibleItems;
-    /**
-     * Creates a hidden clone of the trigger element for width calculations.
-     * @returns Clone of the trigger element positioned off-screen.
-     */
-    private buildTriggerClone;
-    /** Adds the dropdown class to the overlay container when first select opens. */
-    private addClassToOverlayContainer;
-    /** Removes the dropdown class from the overlay container when select closes. */
-    private removeClassFromOverlayContainer;
+    private defaultSelectAllHandler;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSelect, "kbq-select", ["kbqSelect"], { "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "showPreselectedValues": { "alias": "showPreselectedValues"; "required": false; "isSignal": true; }; "triggerValuesLimit": { "alias": "triggerValuesLimit"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; "isSignal": true; }; "multiline": { "alias": "multiline"; "required": false; "isSignal": true; }; "searchMinOptionsThreshold": { "alias": "searchMinOptionsThreshold"; "required": false; }; "scrolledToBottomOffset": { "alias": "scrolledToBottomOffset"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "virtualOptionFactory": { "alias": "virtualOptionFactory"; "required": false; "isSignal": true; }; "selectAllToggle": { "alias": "selectAllToggle"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllHandler": { "alias": "selectAllHandler"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; "isSignal": true; }; "panelMinWidth": { "alias": "panelMinWidth"; "required": false; "isSignal": true; }; "panelMaxWidth": { "alias": "panelMaxWidth"; "required": false; "isSignal": true; }; "panelMaxHeight": { "alias": "panelMaxHeight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "beforeOpened": "beforeOpened"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "onSelectAll": "onSelectAll"; "valueChange": "valueChange"; "scrolledToBottom": "scrolledToBottom"; }, ["footer", "cdkVirtualForOf", "virtualScrollViewport", "customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "optionGroups", "search", "searchEmpty", "options"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "*", "kbq-select-footer,[kbq-select-footer]"], true, never>;
-    static ngAcceptInputType_multiple: unknown;
-    static ngAcceptInputType_tabIndex: unknown;
-    static ngAcceptInputType_disabled: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSelect, "kbq-select", ["kbqSelect"], { "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; "isSignal": true; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "showPreselectedValues": { "alias": "showPreselectedValues"; "required": false; "isSignal": true; }; "triggerValuesLimit": { "alias": "triggerValuesLimit"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; "sortComparator": { "alias": "sortComparator"; "required": false; "isSignal": true; }; "multiline": { "alias": "multiline"; "required": false; "isSignal": true; }; "searchMinOptionsThresholdInput": { "alias": "searchMinOptionsThreshold"; "required": false; "isSignal": true; }; "scrolledToBottomOffset": { "alias": "scrolledToBottomOffset"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "multipleInput": { "alias": "multiple"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "virtualOptionFactory": { "alias": "virtualOptionFactory"; "required": false; "isSignal": true; }; "clearPredicate": { "alias": "clearPredicate"; "required": false; "isSignal": true; }; "selectAllToggle": { "alias": "selectAllToggle"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllHandlerInput": { "alias": "selectAllHandler"; "required": false; "isSignal": true; }; "panelWidth": { "alias": "panelWidth"; "required": false; "isSignal": true; }; "panelMinWidth": { "alias": "panelMinWidth"; "required": false; "isSignal": true; }; "panelMaxWidth": { "alias": "panelMaxWidth"; "required": false; "isSignal": true; }; "panelMaxHeight": { "alias": "panelMaxHeight"; "required": false; "isSignal": true; }; "valueInput": { "alias": "value"; "required": false; "isSignal": true; }; "idInput": { "alias": "id"; "required": false; "isSignal": true; }; "tabIndexInput": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "openedChangeOutput": "openedChange"; "beforeOpened": "beforeOpened"; "openedOutput": "opened"; "closedOutput": "closed"; "selectionChange": "selectionChange"; "onSelectAll": "onSelectAll"; "valueChange": "valueChange"; "scrolledToBottom": "scrolledToBottom"; }, ["projectedScrollbarViewport", "footer", "cdkVirtualForOf", "virtualScrollViewport", "customTrigger", "customMatcher", "customTagTemplateRef", "cleaner", "optionsQuery", "optionGroups", "search", "searchEmpty"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger, [kbq-select-trigger]", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "*", "kbq-select-footer,[kbq-select-footer]"], true, [{ directive: typeof i2.KbqLocaleOverridesDirective; inputs: { "kbqLocaleOverrides": "localeOverrides"; }; outputs: {}; }]>;
 }
 
 declare class KbqSelectModule {
@@ -892,5 +1085,5 @@ declare class KbqSelectModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqSelectModule>;
 }
 
-export { KBQ_SELECT_OPTIONS, KbqOptionTooltip, KbqSelect, KbqSelectChange, KbqSelectError, KbqSelectErrorText, KbqSelectLoading, KbqSelectModule, KbqSelectNoOptions, delayBeforeDisplayingResultWithoutOptions, kbqSelectOptionsProvider, minimumTimeToDisplayLoading };
-export type { KbqSelectOptions, KbqSelectPanelWidth };
+export { KBQ_SELECT_HIDDEN_TEXT_VISIBLE_CLASS, KBQ_SELECT_OPTIONS, KbqOptionTooltip, KbqSelect, KbqSelectChange, KbqSelectError, KbqSelectErrorText, KbqSelectHiddenItemsMeasurer, KbqSelectLoading, KbqSelectModule, KbqSelectNoOptions, delayBeforeDisplayingResultWithoutOptions, kbqSelectOptionsProvider, minimumTimeToDisplayLoading };
+export type { KbqSelectMatcherMeasurement, KbqSelectOptions };