@siemens/element-ng 49.16.0 → 51.0.0-rc.10

package/fesm2022/siemens-element-ng-filtered-search.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, model, output, viewChild, computed, ChangeDetectionStrategy, Component, signal, Directive, inject, LOCALE_ID, DestroyRef, untracked, Injector, afterNextRender, booleanAttribute, ElementRef, viewChildren, NgModule } from '@angular/core';
+import { input, model, output, viewChild, computed, Component, signal, Directive, inject, LOCALE_ID, DestroyRef, untracked, Injector, afterNextRender, booleanAttribute, ElementRef, viewChildren, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { elementCancel, elementSearch } from '@siemens/element-icons';
 import { defaultConnectedOverlayScrollStrategyFactory, isRTL } from '@siemens/element-ng/common';
@@ -56,33 +56,47 @@ const getISODateString = (date, format, locale) => {
 class SiFilteredSearchInputComponent {
     static criterionRegex = /(.+?):(.*)$/;
     /** Supplies the criterion definitions shown in the typeahead. */
-    dataSource = input.required(...(ngDevMode ? [{ debugName: "dataSource" }] : []));
+    dataSource = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
     /** Limits the number of criterion options displayed in the typeahead. */
-    typeaheadOptionsLimit = input.required(...(ngDevMode ? [{ debugName: "typeaheadOptionsLimit" }] : []));
+    typeaheadOptionsLimit = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "typeaheadOptionsLimit" }] : /* istanbul ignore next */ []));
     /** Sets the number of options visible before the typeahead scrolls. */
-    optionsInScrollableView = input.required(...(ngDevMode ? [{ debugName: "optionsInScrollableView" }] : []));
+    optionsInScrollableView = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "optionsInScrollableView" }] : /* istanbul ignore next */ []));
     /** Whether the search input is disabled. */
-    disabled = input.required(...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    disabled = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Placeholder text shown when the search input is empty. */
-    placeholder = input.required(...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    placeholder = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
     /** Accessible label for the search input. */
-    searchLabel = input.required(...(ngDevMode ? [{ debugName: "searchLabel" }] : []));
+    searchLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchLabel" }] : /* istanbul ignore next */ []));
     /** Factory for the CDK scroll strategy used by the criterion typeahead overlay. */
-    scrollStrategyFactory = input.required(...(ngDevMode ? [{ debugName: "scrollStrategyFactory" }] : []));
+    scrollStrategyFactory = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollStrategyFactory" }] : /* istanbul ignore next */ []));
     /** Current search text. Supports two-way binding through `searchValueChange`. */
-    searchValue = model.required(...(ngDevMode ? [{ debugName: "searchValue" }] : []));
+    searchValue = model.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
     /** Whether the current criterion accepts free-text values. */
-    freeTextCriterion = input.required(...(ngDevMode ? [{ debugName: "freeTextCriterion" }] : []));
+    freeTextCriterion = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "freeTextCriterion" }] : /* istanbul ignore next */ []));
     /** Whether the configured maximum number of criteria has been reached. */
-    maxCriteriaReached = input.required(...(ngDevMode ? [{ debugName: "maxCriteriaReached" }] : []));
+    maxCriteriaReached = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxCriteriaReached" }] : /* istanbul ignore next */ []));
     /** Whether users can create a free-text criterion. */
-    allowFreeText = input.required(...(ngDevMode ? [{ debugName: "allowFreeText" }] : []));
+    allowFreeText = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allowFreeText" }] : /* istanbul ignore next */ []));
     /** Label for the typeahead option that creates a free-text criterion. */
-    searchForFreeTextLabel = input.required(...(ngDevMode ? [{ debugName: "searchForFreeTextLabel" }] : []));
+    searchForFreeTextLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchForFreeTextLabel" }] : /* istanbul ignore next */ []));
     /** Whether typing a colon or semicolon must not select a criterion. */
-    disableSelectionByColonAndSemicolon = input.required(...(ngDevMode ? [{ debugName: "disableSelectionByColonAndSemicolon" }] : []));
+    disableSelectionByColonAndSemicolon = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableSelectionByColonAndSemicolon" }] : /* istanbul ignore next */ []));
     /** Whether the input only permits selecting values from the typeahead. */
-    onlySelectValue = input.required(...(ngDevMode ? [{ debugName: "onlySelectValue" }] : []));
+    onlySelectValue = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "onlySelectValue" }] : /* istanbul ignore next */ []));
     /** Emits the selected criterion and an optional value typed with it. */
     createCriterion = output();
     /** Emits a criterion name and optional value parsed from the input text. */
@@ -95,15 +109,18 @@ class SiFilteredSearchInputComponent {
     inputFocus = output();
     /** Emits when Enter is pressed in the search input. */
     enterSubmit = output();
-    inputElement = viewChild.required('freeTextInputElement');
+    inputElement = viewChild.required('freeTextInputElement', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputElement" }] : /* istanbul ignore next */ []));
     /** Public method to focus the input element */
     focus() {
         this.inputElement().nativeElement.focus();
     }
     typeaheadCreateOption = computed(() => this.freeTextCriterion() && !this.maxCriteriaReached() && this.allowFreeText()
         ? this.searchForFreeTextLabel()
-        : undefined, ...(ngDevMode ? [{ debugName: "typeaheadCreateOption" }] : []));
-    typeaheadScrollStrategy = computed(() => this.scrollStrategyFactory()(), ...(ngDevMode ? [{ debugName: "typeaheadScrollStrategy" }] : []));
+        : undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "typeaheadCreateOption" }] : /* istanbul ignore next */ []));
+    typeaheadScrollStrategy = computed(() => this.scrollStrategyFactory()(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "typeaheadScrollStrategy" }] : /* istanbul ignore next */ []));
     freeTextBackspaceHandler(event) {
         if (!event.target.value) {
             this.backspaceOverflow.emit();
@@ -140,12 +157,12 @@ class SiFilteredSearchInputComponent {
         this.createFreeTextPill.emit(query);
         this.searchValue.set('');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.8", type: SiFilteredSearchInputComponent, isStandalone: true, selector: "si-filtered-search-input", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, typeaheadOptionsLimit: { classPropertyName: "typeaheadOptionsLimit", publicName: "typeaheadOptionsLimit", isSignal: true, isRequired: true, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, scrollStrategyFactory: { classPropertyName: "scrollStrategyFactory", publicName: "scrollStrategyFactory", isSignal: true, isRequired: true, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: true, transformFunction: null }, freeTextCriterion: { classPropertyName: "freeTextCriterion", publicName: "freeTextCriterion", isSignal: true, isRequired: true, transformFunction: null }, maxCriteriaReached: { classPropertyName: "maxCriteriaReached", publicName: "maxCriteriaReached", isSignal: true, isRequired: true, transformFunction: null }, allowFreeText: { classPropertyName: "allowFreeText", publicName: "allowFreeText", isSignal: true, isRequired: true, transformFunction: null }, searchForFreeTextLabel: { classPropertyName: "searchForFreeTextLabel", publicName: "searchForFreeTextLabel", isSignal: true, isRequired: true, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: true, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { searchValue: "searchValueChange", createCriterion: "createCriterion", createCriterionByName: "createCriterionByName", backspaceOverflow: "backspaceOverflow", createFreeTextPill: "createFreeTextPill", inputFocus: "inputFocus", enterSubmit: "enterSubmit" }, host: { classAttribute: "w-100" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["freeTextInputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<input\n  #freeTextInputElement\n  type=\"text\"\n  class=\"value-input ps-2 me-2 w-100\"\n  typeaheadOptionField=\"translatedLabel\"\n  typeaheadClearValueOnSelect\n  [siTypeahead]=\"dataSource()\"\n  [typeaheadScrollStrategy]=\"typeaheadScrollStrategy()\"\n  [typeaheadMinLength]=\"0\"\n  [typeaheadOptionsLimit]=\"typeaheadOptionsLimit()\"\n  [typeaheadScrollable]=\"true\"\n  [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n  [typeaheadAutoSelectIndex]=\"searchValue() ? 0 : -1\"\n  [typeaheadCreateOption]=\"typeaheadCreateOption()\"\n  [disabled]=\"disabled()\"\n  [placeholder]=\"placeholder()\"\n  [attr.aria-label]=\"searchLabel() | translate\"\n  [value]=\"searchValue()\"\n  (focus)=\"inputFocus.emit()\"\n  (input)=\"freeTextInputHandler($event)\"\n  (blur)=\"freeTextBlurHandler()\"\n  (keydown.backspace)=\"freeTextBackspaceHandler($event)\"\n  (keydown.enter)=\"enterSubmit.emit()\"\n  (typeaheadOnSelect)=\"typeaheadOnSelectCriterionHandler($event.option)\"\n  (typeaheadOnCreateOption)=\"createFreeTextPillHandler($event)\"\n/>\n", styles: ["input{background:transparent;border:0;padding-block:0}input:focus{min-inline-size:20ch}input:hover::placeholder{opacity:1}:host-context(si-filtered-search-value + :host) input::placeholder{color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth", "typeaheadScrollStrategy", "typeaheadCreateOption"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnFullMatch", "typeaheadOpenChange", "typeaheadOnCreateOption"], exportAs: ["si-typeahead"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: SiFilteredSearchInputComponent, isStandalone: true, selector: "si-filtered-search-input", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, typeaheadOptionsLimit: { classPropertyName: "typeaheadOptionsLimit", publicName: "typeaheadOptionsLimit", isSignal: true, isRequired: true, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, scrollStrategyFactory: { classPropertyName: "scrollStrategyFactory", publicName: "scrollStrategyFactory", isSignal: true, isRequired: true, transformFunction: null }, searchValue: { classPropertyName: "searchValue", publicName: "searchValue", isSignal: true, isRequired: true, transformFunction: null }, freeTextCriterion: { classPropertyName: "freeTextCriterion", publicName: "freeTextCriterion", isSignal: true, isRequired: true, transformFunction: null }, maxCriteriaReached: { classPropertyName: "maxCriteriaReached", publicName: "maxCriteriaReached", isSignal: true, isRequired: true, transformFunction: null }, allowFreeText: { classPropertyName: "allowFreeText", publicName: "allowFreeText", isSignal: true, isRequired: true, transformFunction: null }, searchForFreeTextLabel: { classPropertyName: "searchForFreeTextLabel", publicName: "searchForFreeTextLabel", isSignal: true, isRequired: true, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: true, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { searchValue: "searchValueChange", createCriterion: "createCriterion", createCriterionByName: "createCriterionByName", backspaceOverflow: "backspaceOverflow", createFreeTextPill: "createFreeTextPill", inputFocus: "inputFocus", enterSubmit: "enterSubmit" }, host: { classAttribute: "w-100" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["freeTextInputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<input\n  #freeTextInputElement\n  type=\"text\"\n  class=\"value-input ps-2 me-2 w-100\"\n  typeaheadOptionField=\"translatedLabel\"\n  typeaheadClearValueOnSelect\n  [siTypeahead]=\"dataSource()\"\n  [typeaheadScrollStrategy]=\"typeaheadScrollStrategy()\"\n  [typeaheadMinLength]=\"0\"\n  [typeaheadOptionsLimit]=\"typeaheadOptionsLimit()\"\n  [typeaheadScrollable]=\"true\"\n  [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n  [typeaheadAutoSelectIndex]=\"searchValue() ? 0 : -1\"\n  [typeaheadCreateOption]=\"typeaheadCreateOption()\"\n  [disabled]=\"disabled()\"\n  [placeholder]=\"placeholder()\"\n  [attr.aria-label]=\"searchLabel() | translate\"\n  [value]=\"searchValue()\"\n  (focus)=\"inputFocus.emit()\"\n  (input)=\"freeTextInputHandler($event)\"\n  (blur)=\"freeTextBlurHandler()\"\n  (keydown.backspace)=\"freeTextBackspaceHandler($event)\"\n  (keydown.enter)=\"enterSubmit.emit()\"\n  (typeaheadOnSelect)=\"typeaheadOnSelectCriterionHandler($event.option)\"\n  (typeaheadOnCreateOption)=\"createFreeTextPillHandler($event)\"\n/>\n", styles: ["input{background:transparent;border:0;padding-block:0}input:focus{min-inline-size:20ch}input:hover::placeholder{opacity:1}:host-context(si-filtered-search-value + :host) input::placeholder{color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth", "typeaheadScrollStrategy", "typeaheadCreateOption"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnFullMatch", "typeaheadOpenChange", "typeaheadOnCreateOption"], exportAs: ["si-typeahead"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-filtered-search-input', imports: [FormsModule, SiTypeaheadDirective, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'si-filtered-search-input', imports: [FormsModule, SiTypeaheadDirective, SiTranslatePipe], host: {
                         class: 'w-100'
                     }, template: "<input\n  #freeTextInputElement\n  type=\"text\"\n  class=\"value-input ps-2 me-2 w-100\"\n  typeaheadOptionField=\"translatedLabel\"\n  typeaheadClearValueOnSelect\n  [siTypeahead]=\"dataSource()\"\n  [typeaheadScrollStrategy]=\"typeaheadScrollStrategy()\"\n  [typeaheadMinLength]=\"0\"\n  [typeaheadOptionsLimit]=\"typeaheadOptionsLimit()\"\n  [typeaheadScrollable]=\"true\"\n  [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n  [typeaheadAutoSelectIndex]=\"searchValue() ? 0 : -1\"\n  [typeaheadCreateOption]=\"typeaheadCreateOption()\"\n  [disabled]=\"disabled()\"\n  [placeholder]=\"placeholder()\"\n  [attr.aria-label]=\"searchLabel() | translate\"\n  [value]=\"searchValue()\"\n  (focus)=\"inputFocus.emit()\"\n  (input)=\"freeTextInputHandler($event)\"\n  (blur)=\"freeTextBlurHandler()\"\n  (keydown.backspace)=\"freeTextBackspaceHandler($event)\"\n  (keydown.enter)=\"enterSubmit.emit()\"\n  (typeaheadOnSelect)=\"typeaheadOnSelectCriterionHandler($event.option)\"\n  (typeaheadOnCreateOption)=\"createFreeTextPillHandler($event)\"\n/>\n", styles: ["input{background:transparent;border:0;padding-block:0}input:focus{min-inline-size:20ch}input:hover::placeholder{opacity:1}:host-context(si-filtered-search-value + :host) input::placeholder{color:transparent}\n"] }]
         }], propDecorators: { dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], typeaheadOptionsLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeaheadOptionsLimit", required: true }] }], optionsInScrollableView: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsInScrollableView", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: true }] }], searchLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLabel", required: true }] }], scrollStrategyFactory: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStrategyFactory", required: true }] }], searchValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchValue", required: true }] }, { type: i0.Output, args: ["searchValueChange"] }], freeTextCriterion: [{ type: i0.Input, args: [{ isSignal: true, alias: "freeTextCriterion", required: true }] }], maxCriteriaReached: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCriteriaReached", required: true }] }], allowFreeText: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowFreeText", required: true }] }], searchForFreeTextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchForFreeTextLabel", required: true }] }], disableSelectionByColonAndSemicolon: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSelectionByColonAndSemicolon", required: true }] }], onlySelectValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlySelectValue", required: true }] }], createCriterion: [{ type: i0.Output, args: ["createCriterion"] }], createCriterionByName: [{ type: i0.Output, args: ["createCriterionByName"] }], backspaceOverflow: [{ type: i0.Output, args: ["backspaceOverflow"] }], createFreeTextPill: [{ type: i0.Output, args: ["createFreeTextPill"] }], inputFocus: [{ type: i0.Output, args: ["inputFocus"] }], enterSubmit: [{ type: i0.Output, args: ["enterSubmit"] }], inputElement: [{ type: i0.ViewChild, args: ['freeTextInputElement', { isSignal: true }] }] } });
@@ -156,15 +173,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  */
 class SiFilteredSearchValueBase {
     /** Whether the value editor is active. Supports two-way binding through `activeChange`. */
-    active = model.required(...(ngDevMode ? [{ debugName: "active" }] : []));
+    active = model.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
     /** Current criterion value. Supports two-way binding through `criterionValueChange`. */
-    criterionValue = model.required(...(ngDevMode ? [{ debugName: "criterionValue" }] : []));
+    criterionValue = model.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "criterionValue" }] : /* istanbul ignore next */ []));
     /** Definition that configures the criterion value editor. */
-    definition = input.required(...(ngDevMode ? [{ debugName: "definition" }] : []));
+    definition = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "definition" }] : /* istanbul ignore next */ []));
     /** Whether the value editor is disabled. */
-    disabled = input.required(...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    disabled = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Accessible label for the value input. */
-    searchLabel = input.required(...(ngDevMode ? [{ debugName: "searchLabel" }] : []));
+    searchLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchLabel" }] : /* istanbul ignore next */ []));
     /** Emits when a valid value is submitted, optionally with free-text content. */
     submitValue = output();
     /** Emits when the inactive value display is activated for editing. */
@@ -187,10 +209,10 @@ class SiFilteredSearchValueBase {
             this.backspaceOverflow.emit();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchValueBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: SiFilteredSearchValueBase, isStandalone: true, inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: true, transformFunction: null }, criterionValue: { classPropertyName: "criterionValue", publicName: "criterionValue", isSignal: true, isRequired: true, transformFunction: null }, definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { active: "activeChange", criterionValue: "criterionValueChange", submitValue: "submitValue", editValue: "editValue", backspaceOverflow: "backspaceOverflow" }, host: { properties: { "class.invalid-criterion": "!validValue()" }, classAttribute: "pill pill-interactive px-0 criterion-value-section" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchValueBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: SiFilteredSearchValueBase, isStandalone: true, inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: true, transformFunction: null }, criterionValue: { classPropertyName: "criterionValue", publicName: "criterionValue", isSignal: true, isRequired: true, transformFunction: null }, definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { active: "activeChange", criterionValue: "criterionValueChange", submitValue: "submitValue", editValue: "editValue", backspaceOverflow: "backspaceOverflow" }, host: { properties: { "class.invalid-criterion": "!validValue()" }, classAttribute: "pill pill-interactive px-0 criterion-value-section" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchValueBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchValueBase, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -202,22 +224,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
 
 class SiFilteredSearchDateValueComponent extends SiFilteredSearchValueBase {
     /** CDK scroll strategy used for the datepicker overlay. */
-    scrollStrategy = input.required(...(ngDevMode ? [{ debugName: "scrollStrategy" }] : []));
+    scrollStrategy = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollStrategy" }] : /* istanbul ignore next */ []));
     locale = inject(LOCALE_ID).toString();
-    valueInput = viewChild('valueInput', ...(ngDevMode ? [{ debugName: "valueInput" }] : []));
-    datepickerOverlay = viewChild(SiDatepickerOverlayDirective, ...(ngDevMode ? [{ debugName: "datepickerOverlay" }] : []));
-    disableTime = signal(false, ...(ngDevMode ? [{ debugName: "disableTime" }] : []));
+    valueInput = viewChild('valueInput', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueInput" }] : /* istanbul ignore next */ []));
+    datepickerOverlay = viewChild(SiDatepickerOverlayDirective, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "datepickerOverlay" }] : /* istanbul ignore next */ []));
+    disableTime = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableTime" }] : /* istanbul ignore next */ []));
     shortDateFormat;
-    focusInOverlay = computed(() => !!this.datepickerOverlay()?.isShown(), ...(ngDevMode ? [{ debugName: "focusInOverlay" }] : []));
-    validFormat = computed(() => isValid(this.criterionValue().dateValue), ...(ngDevMode ? [{ debugName: "validFormat" }] : []));
+    focusInOverlay = computed(() => !!this.datepickerOverlay()?.isShown(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusInOverlay" }] : /* istanbul ignore next */ []));
+    validFormat = computed(() => isValid(this.criterionValue().dateValue), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "validFormat" }] : /* istanbul ignore next */ []));
     // The information if the time is currently disabled is only present in the
     // current search criterion instance and not in the generic configuration.
     // So we need to merge the initial config with the current instance config.
     dateConfig = computed(() => ({
         ...this.definition().datepickerConfig,
         disabledTime: this.disableTime()
-    }), ...(ngDevMode ? [{ debugName: "dateConfig" }] : []));
-    dateFormat = computed(() => getDatepickerFormat(this.locale, this.dateConfig()), ...(ngDevMode ? [{ debugName: "dateFormat" }] : []));
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dateConfig" }] : /* istanbul ignore next */ []));
+    dateFormat = computed(() => getDatepickerFormat(this.locale, this.dateConfig()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dateFormat" }] : /* istanbul ignore next */ []));
     validValue = computed(() => {
         const dateConfig = this.dateConfig();
         const minDate = dateConfig?.minDate ?? false;
@@ -225,7 +255,8 @@ class SiFilteredSearchDateValueComponent extends SiFilteredSearchValueBase {
         const dateValue = this.criterionValue().dateValue ?? false;
         return ((!minDate || (minDate && dateValue && dateValue >= minDate)) &&
             (!maxDate || (maxDate && dateValue && dateValue <= maxDate)));
-    }, ...(ngDevMode ? [{ debugName: "validValue" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "validValue" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
         this.shortDateFormat = getNamedFormat(this.locale, 'shortDate');
@@ -254,16 +285,16 @@ class SiFilteredSearchDateValueComponent extends SiFilteredSearchValueBase {
         }
         this.criterionValue.update(v => ({ ...v, value, dateValue: date }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchDateValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiFilteredSearchDateValueComponent, isStandalone: true, selector: "si-filtered-search-date-value", inputs: { scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchDateValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiFilteredSearchDateValueComponent, isStandalone: true, selector: "si-filtered-search-date-value", inputs: { scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
             { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchDateValueComponent }
-        ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }, { propertyName: "datepickerOverlay", first: true, predicate: SiDatepickerOverlayDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let dateValue = criterionValue().dateValue;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @if (!validFormat()) {\n      <!-- DatePipe throws an error if the date is invalid, so we have to do it on our own. -->\n      <!-- We may should have a better solution here. Ideally we would keep the broken string so that a user can fix it later. -->\n\n      {{ dateValue?.toString() }}\n    } @else if (!disableTime() || definition().validationType === 'date-time') {\n      {{ dateValue | date: dateFormat() }}\n    } @else {\n      {{ dateValue | date: shortDateFormat }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    type=\"text\"\n    siDatepicker\n    class=\"px-4 py-0 border-0 focus-inside\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    [siDatepickerConfig]=\"dateConfig()\"\n    [siDatepickerScrollStrategy]=\"scrollStrategy()\"\n    [ngModel]=\"dateValue\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (siDatepickerDisabledTime)=\"disableTime.set($event)\"\n    (ngModelChange)=\"valueDateSelect($event)\"\n  />\n}\n", styles: ["input{background:transparent}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SiDatepickerDirective, selector: "[siDatepicker]", inputs: ["autoClose"], exportAs: ["siDatepicker"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }, { propertyName: "datepickerOverlay", first: true, predicate: SiDatepickerOverlayDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let dateValue = criterionValue().dateValue;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @if (!validFormat()) {\n      <!-- DatePipe throws an error if the date is invalid, so we have to do it on our own. -->\n      <!-- We may should have a better solution here. Ideally we would keep the broken string so that a user can fix it later. -->\n\n      {{ dateValue?.toString() }}\n    } @else if (!disableTime() || definition().validationType === 'date-time') {\n      {{ dateValue | date: dateFormat() }}\n    } @else {\n      {{ dateValue | date: shortDateFormat }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    type=\"text\"\n    siDatepicker\n    class=\"px-4 py-0 border-0 focus-inside\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    [siDatepickerConfig]=\"dateConfig()\"\n    [siDatepickerScrollStrategy]=\"scrollStrategy()\"\n    [ngModel]=\"dateValue\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (siDatepickerDisabledTime)=\"disableTime.set($event)\"\n    (ngModelChange)=\"valueDateSelect($event)\"\n  />\n}\n", styles: ["input{background:transparent}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SiDatepickerDirective, selector: "[siDatepicker]", inputs: ["autoClose"], exportAs: ["siDatepicker"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchDateValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchDateValueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-filtered-search-date-value', imports: [DatePipe, FormsModule, SiDatepickerDirective, SiTranslatePipe], providers: [
                         { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchDateValueComponent }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let dateValue = criterionValue().dateValue;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @if (!validFormat()) {\n      <!-- DatePipe throws an error if the date is invalid, so we have to do it on our own. -->\n      <!-- We may should have a better solution here. Ideally we would keep the broken string so that a user can fix it later. -->\n\n      {{ dateValue?.toString() }}\n    } @else if (!disableTime() || definition().validationType === 'date-time') {\n      {{ dateValue | date: dateFormat() }}\n    } @else {\n      {{ dateValue | date: shortDateFormat }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    type=\"text\"\n    siDatepicker\n    class=\"px-4 py-0 border-0 focus-inside\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    [siDatepickerConfig]=\"dateConfig()\"\n    [siDatepickerScrollStrategy]=\"scrollStrategy()\"\n    [ngModel]=\"dateValue\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (siDatepickerDisabledTime)=\"disableTime.set($event)\"\n    (ngModelChange)=\"valueDateSelect($event)\"\n  />\n}\n", styles: ["input{background:transparent}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"] }]
+                    ], template: "@let dateValue = criterionValue().dateValue;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @if (!validFormat()) {\n      <!-- DatePipe throws an error if the date is invalid, so we have to do it on our own. -->\n      <!-- We may should have a better solution here. Ideally we would keep the broken string so that a user can fix it later. -->\n\n      {{ dateValue?.toString() }}\n    } @else if (!disableTime() || definition().validationType === 'date-time') {\n      {{ dateValue | date: dateFormat() }}\n    } @else {\n      {{ dateValue | date: shortDateFormat }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    type=\"text\"\n    siDatepicker\n    class=\"px-4 py-0 border-0 focus-inside\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    [siDatepickerConfig]=\"dateConfig()\"\n    [siDatepickerScrollStrategy]=\"scrollStrategy()\"\n    [ngModel]=\"dateValue\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (siDatepickerDisabledTime)=\"disableTime.set($event)\"\n    (ngModelChange)=\"valueDateSelect($event)\"\n  />\n}\n", styles: ["input{background:transparent}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"] }]
         }], ctorParameters: () => [], propDecorators: { scrollStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStrategy", required: true }] }], valueInput: [{ type: i0.ViewChild, args: ['valueInput', { isSignal: true }] }], datepickerOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SiDatepickerOverlayDirective), { isSignal: true }] }] } });
 
 /**
@@ -271,8 +302,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiFilteredSearchFreeTextComponent extends SiFilteredSearchValueBase {
-    valueInput = viewChild('freeTextInput', ...(ngDevMode ? [{ debugName: "valueInput" }] : []));
-    validValue = computed(() => true, ...(ngDevMode ? [{ debugName: "validValue" }] : []));
+    valueInput = viewChild('freeTextInput', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueInput" }] : /* istanbul ignore next */ []));
+    validValue = computed(() => true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "validValue" }] : /* istanbul ignore next */ []));
     freeTextValueChange(event) {
         const inputElement = event.target;
         this.criterionValue.update(v => ({ ...v, value: inputElement.value }));
@@ -281,16 +314,16 @@ class SiFilteredSearchFreeTextComponent extends SiFilteredSearchValueBase {
         this.active.set(false);
         this.submitValue.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchFreeTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiFilteredSearchFreeTextComponent, isStandalone: true, selector: "si-filtered-search-free-text", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchFreeTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiFilteredSearchFreeTextComponent, isStandalone: true, selector: "si-filtered-search-free-text", providers: [
             { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchFreeTextComponent }
-        ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["freeTextInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    {{ criterionValue().value }}\n  </div>\n} @else {\n  <input\n    #freeTextInput\n    type=\"text\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    [disabled]=\"disabled()\"\n    [value]=\"criterionValue().value\"\n    (input)=\"freeTextValueChange($event)\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (blur)=\"active.set(false)\"\n  />\n}\n", styles: ["input{background:transparent}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["freeTextInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    {{ criterionValue().value }}\n  </div>\n} @else {\n  <input\n    #freeTextInput\n    type=\"text\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    [disabled]=\"disabled()\"\n    [value]=\"criterionValue().value\"\n    (input)=\"freeTextValueChange($event)\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (blur)=\"active.set(false)\"\n  />\n}\n", styles: ["input{background:transparent}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchFreeTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchFreeTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-filtered-search-free-text', imports: [SiTranslatePipe], providers: [
                         { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchFreeTextComponent }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    {{ criterionValue().value }}\n  </div>\n} @else {\n  <input\n    #freeTextInput\n    type=\"text\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    [disabled]=\"disabled()\"\n    [value]=\"criterionValue().value\"\n    (input)=\"freeTextValueChange($event)\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (blur)=\"active.set(false)\"\n  />\n}\n", styles: ["input{background:transparent}\n"] }]
+                    ], template: "@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    {{ criterionValue().value }}\n  </div>\n} @else {\n  <input\n    #freeTextInput\n    type=\"text\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    [disabled]=\"disabled()\"\n    [value]=\"criterionValue().value\"\n    (input)=\"freeTextValueChange($event)\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (blur)=\"active.set(false)\"\n  />\n}\n", styles: ["input{background:transparent}\n"] }]
         }], propDecorators: { valueInput: [{ type: i0.ViewChild, args: ['freeTextInput', { isSignal: true }] }] } });
 
 /**
@@ -299,27 +332,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  */
 class SiFilteredSearchOptionValueBase extends SiFilteredSearchValueBase {
     /** Loads value options for the current criterion on demand. */
-    lazyValueProvider = input(...(ngDevMode ? [undefined, { debugName: "lazyValueProvider" }] : []));
+    lazyValueProvider = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "lazyValueProvider" }] : /* istanbul ignore next */ []));
     /** Delay in milliseconds before requesting lazy value options. */
-    searchDebounceTime = input.required(...(ngDevMode ? [{ debugName: "searchDebounceTime" }] : []));
+    searchDebounceTime = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchDebounceTime" }] : /* istanbul ignore next */ []));
     /** Whether the editor only permits selecting configured options. */
-    onlySelectValue = input.required(...(ngDevMode ? [{ debugName: "onlySelectValue" }] : []));
+    onlySelectValue = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "onlySelectValue" }] : /* istanbul ignore next */ []));
     /** Maximum number of options displayed by the typeahead. */
-    maxCriteriaOptions = input.required(...(ngDevMode ? [{ debugName: "maxCriteriaOptions" }] : []));
+    maxCriteriaOptions = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxCriteriaOptions" }] : /* istanbul ignore next */ []));
     /** Number of options visible before the typeahead scrolls. */
-    optionsInScrollableView = input.required(...(ngDevMode ? [{ debugName: "optionsInScrollableView" }] : []));
+    optionsInScrollableView = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "optionsInScrollableView" }] : /* istanbul ignore next */ []));
     /** Whether typing a colon or semicolon must not select an option. */
-    disableSelectionByColonAndSemicolon = input.required(...(ngDevMode ? [{ debugName: "disableSelectionByColonAndSemicolon" }] : []));
+    disableSelectionByColonAndSemicolon = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableSelectionByColonAndSemicolon" }] : /* istanbul ignore next */ []));
     /** Whether strict or selection-only value validation is active. */
-    isStrictOrOnlySelectValue = input.required(...(ngDevMode ? [{ debugName: "isStrictOrOnlySelectValue" }] : []));
+    isStrictOrOnlySelectValue = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isStrictOrOnlySelectValue" }] : /* istanbul ignore next */ []));
     inputChange = new BehaviorSubject('');
     destroyRef = inject(DestroyRef);
     translateService = injectSiTranslateService();
     inputType = computed(() => this.definition().validationType === 'integer' || this.definition().validationType === 'float'
         ? 'number'
-        : 'text', ...(ngDevMode ? [{ debugName: "inputType" }] : []));
-    step = computed(() => (this.definition().validationType === 'integer' ? '1' : 'any'), ...(ngDevMode ? [{ debugName: "step" }] : []));
-    options = computed(() => this.buildOptions(), ...(ngDevMode ? [{ debugName: "options" }] : []));
+        : 'text', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputType" }] : /* istanbul ignore next */ []));
+    step = computed(() => (this.definition().validationType === 'integer' ? '1' : 'any'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    options = computed(() => this.buildOptions(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
     validValue = computed(() => {
         const config = this.definition();
         if (!this.isStrictOrOnlySelectValue() && !config.strictValue && !config.onlySelectValue) {
@@ -329,7 +372,8 @@ class SiFilteredSearchOptionValueBase extends SiFilteredSearchValueBase {
         // TODO: checking if options are empty is also questionable. Should be changed v47.
         return ((config.options?.length && this.hasOptionValue()) ||
             (!config.options?.length && !!this.criterionValue().value));
-    }, ...(ngDevMode ? [{ debugName: "validValue" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "validValue" }] : /* istanbul ignore next */ []));
     buildOptions() {
         let optionsStream;
         if (this.lazyValueProvider()) {
@@ -358,22 +402,27 @@ class SiFilteredSearchOptionValueBase extends SiFilteredSearchValueBase {
                 .subscribe(options => this.processTypeaheadOptions(options));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchOptionValueBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: SiFilteredSearchOptionValueBase, isStandalone: true, inputs: { lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: true, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: true, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: true, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: true, transformFunction: null }, isStrictOrOnlySelectValue: { classPropertyName: "isStrictOrOnlySelectValue", publicName: "isStrictOrOnlySelectValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchOptionValueBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: SiFilteredSearchOptionValueBase, isStandalone: true, inputs: { lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: true, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: true, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: true, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: true, transformFunction: null }, isStrictOrOnlySelectValue: { classPropertyName: "isStrictOrOnlySelectValue", publicName: "isStrictOrOnlySelectValue", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchOptionValueBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchOptionValueBase, decorators: [{
             type: Directive
         }], propDecorators: { lazyValueProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyValueProvider", required: false }] }], searchDebounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchDebounceTime", required: true }] }], onlySelectValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlySelectValue", required: true }] }], maxCriteriaOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCriteriaOptions", required: true }] }], optionsInScrollableView: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsInScrollableView", required: true }] }], disableSelectionByColonAndSemicolon: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSelectionByColonAndSemicolon", required: true }] }], isStrictOrOnlySelectValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "isStrictOrOnlySelectValue", required: true }] }] } });
 
 class SiFilteredSearchMultiSelectComponent extends SiFilteredSearchOptionValueBase {
     /** Text used to summarize multiple selected values. */
-    itemCountText = input.required(...(ngDevMode ? [{ debugName: "itemCountText" }] : []));
+    itemCountText = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemCountText" }] : /* istanbul ignore next */ []));
     /** CDK scroll strategy used for the value typeahead overlay. */
-    scrollStrategy = input.required(...(ngDevMode ? [{ debugName: "scrollStrategy" }] : []));
-    valueInput = viewChild('valueInput', ...(ngDevMode ? [{ debugName: "valueInput" }] : []));
-    optionValue = signal([], ...(ngDevMode ? [{ debugName: "optionValue" }] : []));
+    scrollStrategy = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollStrategy" }] : /* istanbul ignore next */ []));
+    valueInput = viewChild('valueInput', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueInput" }] : /* istanbul ignore next */ []));
+    optionValue = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "optionValue" }] : /* istanbul ignore next */ []));
     selectionChange = new BehaviorSubject([]);
-    hasMultiSelections = computed(() => Array.isArray(this.criterionValue().value) && this.criterionValue().value.length > 1, ...(ngDevMode ? [{ debugName: "hasMultiSelections" }] : []));
+    hasMultiSelections = computed(() => Array.isArray(this.criterionValue().value) && this.criterionValue().value.length > 1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasMultiSelections" }] : /* istanbul ignore next */ []));
     ngOnChanges(changes) {
         if (changes.criterionValue &&
             this.criterionValue().value?.length !== this.optionValue().length) {
@@ -423,25 +472,29 @@ class SiFilteredSearchMultiSelectComponent extends SiFilteredSearchOptionValueBa
     hasOptionValue() {
         return !!this.optionValue().length;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchMultiSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiFilteredSearchMultiSelectComponent, isStandalone: true, selector: "si-filtered-search-multi-select", inputs: { itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: true, transformFunction: null }, scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchMultiSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiFilteredSearchMultiSelectComponent, isStandalone: true, selector: "si-filtered-search-multi-select", inputs: { itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: true, transformFunction: null }, scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
             { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchMultiSelectComponent }
-        ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@let value = criterionValue().value;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @if (!!value && hasMultiSelections()) {\n      {{ itemCountText() | translate: { itemCount: value.length } }}\n    } @else if (optionValue()[0]) {\n      {{ optionValue()[0].label ?? optionValue()[0].value | translate }}\n    } @else {\n      {{ value }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    typeaheadOptionField=\"translatedLabel\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    typeaheadScrollable\n    typeaheadMultiSelect\n    [type]=\"inputType()\"\n    [step]=\"step()\"\n    [siTypeahead]=\"options() ?? []\"\n    [typeaheadScrollStrategy]=\"scrollStrategy()\"\n    [typeaheadMinLength]=\"0\"\n    [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n    [readOnly]=\"onlySelectValue()\"\n    [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n    (typeaheadOnInput)=\"inputChange.next($event)\"\n  />\n}\n", styles: ["input{background:transparent}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth", "typeaheadScrollStrategy", "typeaheadCreateOption"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnFullMatch", "typeaheadOpenChange", "typeaheadOnCreateOption"], exportAs: ["si-typeahead"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@let value = criterionValue().value;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @if (!!value && hasMultiSelections()) {\n      {{ itemCountText() | translate: { itemCount: value.length } }}\n    } @else if (optionValue()[0]) {\n      {{ optionValue()[0].label ?? optionValue()[0].value | translate }}\n    } @else {\n      {{ value }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    typeaheadOptionField=\"translatedLabel\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    typeaheadScrollable\n    typeaheadMultiSelect\n    [type]=\"inputType()\"\n    [step]=\"step()\"\n    [siTypeahead]=\"options() ?? []\"\n    [typeaheadScrollStrategy]=\"scrollStrategy()\"\n    [typeaheadMinLength]=\"0\"\n    [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n    [readOnly]=\"onlySelectValue()\"\n    [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n    (typeaheadOnInput)=\"inputChange.next($event)\"\n  />\n}\n", styles: ["input{background:transparent}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth", "typeaheadScrollStrategy", "typeaheadCreateOption"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnFullMatch", "typeaheadOpenChange", "typeaheadOnCreateOption"], exportAs: ["si-typeahead"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchMultiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchMultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-filtered-search-multi-select', imports: [SiTranslatePipe, SiTypeaheadDirective], providers: [
                         { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchMultiSelectComponent }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let value = criterionValue().value;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @if (!!value && hasMultiSelections()) {\n      {{ itemCountText() | translate: { itemCount: value.length } }}\n    } @else if (optionValue()[0]) {\n      {{ optionValue()[0].label ?? optionValue()[0].value | translate }}\n    } @else {\n      {{ value }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    typeaheadOptionField=\"translatedLabel\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    typeaheadScrollable\n    typeaheadMultiSelect\n    [type]=\"inputType()\"\n    [step]=\"step()\"\n    [siTypeahead]=\"options() ?? []\"\n    [typeaheadScrollStrategy]=\"scrollStrategy()\"\n    [typeaheadMinLength]=\"0\"\n    [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n    [readOnly]=\"onlySelectValue()\"\n    [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n    (typeaheadOnInput)=\"inputChange.next($event)\"\n  />\n}\n", styles: ["input{background:transparent}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"] }]
+                    ], template: "@let value = criterionValue().value;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @if (!!value && hasMultiSelections()) {\n      {{ itemCountText() | translate: { itemCount: value.length } }}\n    } @else if (optionValue()[0]) {\n      {{ optionValue()[0].label ?? optionValue()[0].value | translate }}\n    } @else {\n      {{ value }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    typeaheadOptionField=\"translatedLabel\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    typeaheadScrollable\n    typeaheadMultiSelect\n    [type]=\"inputType()\"\n    [step]=\"step()\"\n    [siTypeahead]=\"options() ?? []\"\n    [typeaheadScrollStrategy]=\"scrollStrategy()\"\n    [typeaheadMinLength]=\"0\"\n    [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n    [readOnly]=\"onlySelectValue()\"\n    [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n    (typeaheadOnInput)=\"inputChange.next($event)\"\n  />\n}\n", styles: ["input{background:transparent}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"] }]
         }], propDecorators: { itemCountText: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemCountText", required: true }] }], scrollStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStrategy", required: true }] }], valueInput: [{ type: i0.ViewChild, args: ['valueInput', { isSignal: true }] }] } });
 
 class SiFilteredSearchTypeaheadComponent extends SiFilteredSearchOptionValueBase {
     /** CDK scroll strategy used for the value typeahead overlay. */
-    scrollStrategy = input.required(...(ngDevMode ? [{ debugName: "scrollStrategy" }] : []));
-    valueInput = viewChild('valueInput', ...(ngDevMode ? [{ debugName: "valueInput" }] : []));
-    optionValue = signal(undefined, ...(ngDevMode ? [{ debugName: "optionValue" }] : []));
+    scrollStrategy = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollStrategy" }] : /* istanbul ignore next */ []));
+    valueInput = viewChild('valueInput', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueInput" }] : /* istanbul ignore next */ []));
+    optionValue = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "optionValue" }] : /* istanbul ignore next */ []));
     // This must be a separate signal as it should only emit when the actual empty state changes.
-    inputEmpty = computed(() => !this.criterionValue().value, ...(ngDevMode ? [{ debugName: "inputEmpty" }] : []));
+    inputEmpty = computed(() => !this.criterionValue().value, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputEmpty" }] : /* istanbul ignore next */ []));
     // This MUST only be updated if the active state changes.
     // Otherwise, user values might be overridden.
     // It is only used to pass the initial input value if the user starts editing the input.
@@ -461,7 +514,8 @@ class SiFilteredSearchTypeaheadComponent extends SiFilteredSearchOptionValueBase
             }
         }
         return '';
-    }, ...(ngDevMode ? [{ debugName: "valueLabel" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueLabel" }] : /* istanbul ignore next */ []));
     ngOnChanges(changes) {
         if (changes.criterionValue && this.criterionValue().value !== this.optionValue()?.value) {
             this.optionValue.set(undefined);
@@ -519,16 +573,16 @@ class SiFilteredSearchTypeaheadComponent extends SiFilteredSearchOptionValueBase
     hasOptionValue() {
         return !!this.optionValue();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchTypeaheadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiFilteredSearchTypeaheadComponent, isStandalone: true, selector: "si-filtered-search-typeahead", inputs: { scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchTypeaheadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiFilteredSearchTypeaheadComponent, isStandalone: true, selector: "si-filtered-search-typeahead", inputs: { scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
             { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchTypeaheadComponent }
-        ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@let value = criterionValue().value;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @let optionValue = this.optionValue();\n    @if (optionValue) {\n      {{ optionValue.label ?? optionValue.value | translate }}\n    } @else {\n      {{ value }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    typeaheadOptionField=\"translatedLabel\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    typeaheadScrollable\n    [type]=\"inputType()\"\n    [step]=\"step()\"\n    [value]=\"valueLabel()\"\n    [siTypeahead]=\"options() ?? []\"\n    [typeaheadScrollStrategy]=\"scrollStrategy()\"\n    [typeaheadProcess]=\"!onlySelectValue()\"\n    [typeaheadMinLength]=\"0\"\n    [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n    [typeaheadAutoSelectIndex]=\"value?.length ? 0 : -1\"\n    [readOnly]=\"onlySelectValue() || definition().onlySelectValue\"\n    [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    (keydown)=\"valueFilterKeys($event)\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (typeaheadOnInput)=\"valueChange($event)\"\n    (typeaheadOnFullMatch)=\"valueTypeaheadFullMatch($event)\"\n    (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n  />\n}\n", styles: ["input{background:transparent;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth", "typeaheadScrollStrategy", "typeaheadCreateOption"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnFullMatch", "typeaheadOpenChange", "typeaheadOnCreateOption"], exportAs: ["si-typeahead"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "valueInput", first: true, predicate: ["valueInput"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@let value = criterionValue().value;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @let optionValue = this.optionValue();\n    @if (optionValue) {\n      {{ optionValue.label ?? optionValue.value | translate }}\n    } @else {\n      {{ value }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    typeaheadOptionField=\"translatedLabel\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    typeaheadScrollable\n    [type]=\"inputType()\"\n    [step]=\"step()\"\n    [value]=\"valueLabel()\"\n    [siTypeahead]=\"options() ?? []\"\n    [typeaheadScrollStrategy]=\"scrollStrategy()\"\n    [typeaheadProcess]=\"!onlySelectValue()\"\n    [typeaheadMinLength]=\"0\"\n    [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n    [typeaheadAutoSelectIndex]=\"value?.length ? 0 : -1\"\n    [readOnly]=\"onlySelectValue() || definition().onlySelectValue\"\n    [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    (keydown)=\"valueFilterKeys($event)\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (typeaheadOnInput)=\"valueChange($event)\"\n    (typeaheadOnFullMatch)=\"valueTypeaheadFullMatch($event)\"\n    (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n  />\n}\n", styles: ["input{background:transparent;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth", "typeaheadScrollStrategy", "typeaheadCreateOption"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnFullMatch", "typeaheadOpenChange", "typeaheadOnCreateOption"], exportAs: ["si-typeahead"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchTypeaheadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchTypeaheadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-filtered-search-typeahead', imports: [SiTypeaheadDirective, SiTranslatePipe], providers: [
                         { provide: SiFilteredSearchValueBase, useExisting: SiFilteredSearchTypeaheadComponent }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let value = criterionValue().value;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @let optionValue = this.optionValue();\n    @if (optionValue) {\n      {{ optionValue.label ?? optionValue.value | translate }}\n    } @else {\n      {{ value }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    typeaheadOptionField=\"translatedLabel\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    typeaheadScrollable\n    [type]=\"inputType()\"\n    [step]=\"step()\"\n    [value]=\"valueLabel()\"\n    [siTypeahead]=\"options() ?? []\"\n    [typeaheadScrollStrategy]=\"scrollStrategy()\"\n    [typeaheadProcess]=\"!onlySelectValue()\"\n    [typeaheadMinLength]=\"0\"\n    [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n    [typeaheadAutoSelectIndex]=\"value?.length ? 0 : -1\"\n    [readOnly]=\"onlySelectValue() || definition().onlySelectValue\"\n    [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    (keydown)=\"valueFilterKeys($event)\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (typeaheadOnInput)=\"valueChange($event)\"\n    (typeaheadOnFullMatch)=\"valueTypeaheadFullMatch($event)\"\n    (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n  />\n}\n", styles: ["input{background:transparent;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"] }]
+                    ], template: "@let value = criterionValue().value;\n@if (!active()) {\n  <div\n    class=\"criterion-value-text focus-inside px-4\"\n    [tabindex]=\"disabled() ? -1 : 0\"\n    (keydown.enter)=\"editValue.emit()\"\n    (click)=\"editValue.emit()\"\n  >\n    @let optionValue = this.optionValue();\n    @if (optionValue) {\n      {{ optionValue.label ?? optionValue.value | translate }}\n    } @else {\n      {{ value }}\n    }\n  </div>\n} @else {\n  <input\n    #valueInput\n    typeaheadOptionField=\"translatedLabel\"\n    class=\"px-4 py-0 border-0 focus-inside\"\n    typeaheadScrollable\n    [type]=\"inputType()\"\n    [step]=\"step()\"\n    [value]=\"valueLabel()\"\n    [siTypeahead]=\"options() ?? []\"\n    [typeaheadScrollStrategy]=\"scrollStrategy()\"\n    [typeaheadProcess]=\"!onlySelectValue()\"\n    [typeaheadMinLength]=\"0\"\n    [typeaheadOptionsLimit]=\"maxCriteriaOptions()\"\n    [typeaheadAutoSelectIndex]=\"value?.length ? 0 : -1\"\n    [readOnly]=\"onlySelectValue() || definition().onlySelectValue\"\n    [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n    [attr.aria-label]=\"searchLabel() | translate\"\n    (keydown)=\"valueFilterKeys($event)\"\n    (keydown.backspace)=\"valueBackspace()\"\n    (keydown.enter)=\"valueEnter()\"\n    (typeaheadOnInput)=\"valueChange($event)\"\n    (typeaheadOnFullMatch)=\"valueTypeaheadFullMatch($event)\"\n    (typeaheadOnSelect)=\"valueTypeaheadSelect($event)\"\n  />\n}\n", styles: ["input{background:transparent;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.criterion-value-text{block-size:100%;display:flex;align-items:center}\n"] }]
         }], propDecorators: { scrollStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStrategy", required: true }] }], valueInput: [{ type: i0.ViewChild, args: ['valueInput', { isSignal: true }] }] } });
 
 /**
@@ -538,50 +592,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
 class SiFilteredSearchValueComponent {
     injector = inject(Injector);
     /** Current criterion value. Supports two-way binding through `valueChange`. */
-    value = model.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    value = model.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     /** Definition that configures the criterion label, operators, and value type. */
-    definition = input.required(...(ngDevMode ? [{ debugName: "definition" }] : []));
+    definition = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "definition" }] : /* istanbul ignore next */ []));
     /** Whether the criterion value cannot be edited or cleared. */
-    disabled = input.required(...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    disabled = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Whether the value editor only permits selecting configured options. */
-    onlySelectValue = input.required(...(ngDevMode ? [{ debugName: "onlySelectValue" }] : []));
+    onlySelectValue = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "onlySelectValue" }] : /* istanbul ignore next */ []));
     /** Maximum number of options displayed by a value typeahead. */
-    maxCriteriaOptions = input.required(...(ngDevMode ? [{ debugName: "maxCriteriaOptions" }] : []));
+    maxCriteriaOptions = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxCriteriaOptions" }] : /* istanbul ignore next */ []));
     /** Number of options visible before a value typeahead scrolls. */
-    optionsInScrollableView = input.required(...(ngDevMode ? [{ debugName: "optionsInScrollableView" }] : []));
+    optionsInScrollableView = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "optionsInScrollableView" }] : /* istanbul ignore next */ []));
     /** Accessible label for the button that clears the criterion. */
-    clearButtonLabel = input.required(...(ngDevMode ? [{ debugName: "clearButtonLabel" }] : []));
+    clearButtonLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "clearButtonLabel" }] : /* istanbul ignore next */ []));
     /** Loads value options for the criterion on demand. */
-    lazyValueProvider = input(...(ngDevMode ? [undefined, { debugName: "lazyValueProvider" }] : []));
+    lazyValueProvider = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "lazyValueProvider" }] : /* istanbul ignore next */ []));
     /** Delay in milliseconds before requesting lazy value options. */
-    searchDebounceTime = input.required(...(ngDevMode ? [{ debugName: "searchDebounceTime" }] : []));
+    searchDebounceTime = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchDebounceTime" }] : /* istanbul ignore next */ []));
     /** Text used to summarize multiple selected values. */
-    itemCountText = input.required(...(ngDevMode ? [{ debugName: "itemCountText" }] : []));
+    itemCountText = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemCountText" }] : /* istanbul ignore next */ []));
     /** Whether typing a colon or semicolon must not select a value. */
-    disableSelectionByColonAndSemicolon = input.required(...(ngDevMode ? [{ debugName: "disableSelectionByColonAndSemicolon" }] : []));
+    disableSelectionByColonAndSemicolon = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableSelectionByColonAndSemicolon" }] : /* istanbul ignore next */ []));
     /** Accessible label for the operator and value inputs. */
-    searchLabel = input.required(...(ngDevMode ? [{ debugName: "searchLabel" }] : []));
+    searchLabel = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchLabel" }] : /* istanbul ignore next */ []));
     /** Whether the current criterion value is invalid. */
-    invalidCriterion = input.required(...(ngDevMode ? [{ debugName: "invalidCriterion" }] : []));
+    invalidCriterion = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalidCriterion" }] : /* istanbul ignore next */ []));
     /** Whether strict or selection-only value validation is active. */
-    isStrictOrOnlySelectValue = input.required(...(ngDevMode ? [{ debugName: "isStrictOrOnlySelectValue" }] : []));
+    isStrictOrOnlySelectValue = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isStrictOrOnlySelectValue" }] : /* istanbul ignore next */ []));
     /** Whether the value editor opens automatically after the criterion is created. */
-    editOnCreation = input.required(...(ngDevMode ? [{ debugName: "editOnCreation" }] : []));
+    editOnCreation = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editOnCreation" }] : /* istanbul ignore next */ []));
     /** Factory for CDK scroll strategies used by filtered-search value editor overlays. */
-    scrollStrategyFactory = input.required(...(ngDevMode ? [{ debugName: "scrollStrategyFactory" }] : []));
+    scrollStrategyFactory = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollStrategyFactory" }] : /* istanbul ignore next */ []));
     /** Emits when the criterion is deleted, optionally requesting a search update. */
     deleteCriterion = output();
     /** Emits when the criterion value is submitted, optionally with free-text content. */
     submitCriterion = output();
-    active = signal(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
-    operatorScrollStrategy = computed(() => this.scrollStrategyFactory()(), ...(ngDevMode ? [{ debugName: "operatorScrollStrategy" }] : []));
-    datepickerScrollStrategy = computed(() => this.scrollStrategyFactory()(), ...(ngDevMode ? [{ debugName: "datepickerScrollStrategy" }] : []));
-    multiSelectScrollStrategy = computed(() => this.scrollStrategyFactory()(), ...(ngDevMode ? [{ debugName: "multiSelectScrollStrategy" }] : []));
-    typeaheadScrollStrategy = computed(() => this.scrollStrategyFactory()(), ...(ngDevMode ? [{ debugName: "typeaheadScrollStrategy" }] : []));
+    active = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    operatorScrollStrategy = computed(() => this.scrollStrategyFactory()(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "operatorScrollStrategy" }] : /* istanbul ignore next */ []));
+    datepickerScrollStrategy = computed(() => this.scrollStrategyFactory()(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "datepickerScrollStrategy" }] : /* istanbul ignore next */ []));
+    multiSelectScrollStrategy = computed(() => this.scrollStrategyFactory()(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "multiSelectScrollStrategy" }] : /* istanbul ignore next */ []));
+    typeaheadScrollStrategy = computed(() => this.scrollStrategyFactory()(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "typeaheadScrollStrategy" }] : /* istanbul ignore next */ []));
     icons = addIcons({ elementCancel });
     hasPendingFocus = false;
-    operatorInput = viewChild('operatorInput', ...(ngDevMode ? [{ debugName: "operatorInput" }] : []));
-    valueInput = viewChild(SiFilteredSearchValueBase, ...(ngDevMode ? [{ debugName: "valueInput" }] : []));
+    operatorInput = viewChild('operatorInput', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "operatorInput" }] : /* istanbul ignore next */ []));
+    valueInput = viewChild(SiFilteredSearchValueBase, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueInput" }] : /* istanbul ignore next */ []));
     type = computed(() => {
         // Check if this is a free text criterion first
         const definition = this.definition();
@@ -594,7 +671,8 @@ class SiFilteredSearchValueComponent {
         }
         // Handle multi-select vs single-select for other validation types.
         return definition.multiSelect ? 'multi-select' : 'typeahead';
-    }, ...(ngDevMode ? [{ debugName: "type" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
     selectedOperatorIndex = computed(() => {
         const operator = this.value().operator;
         const operators = this.definition().operators;
@@ -602,14 +680,16 @@ class SiFilteredSearchValueComponent {
             return -1;
         }
         return operators.findIndex(op => op.includes(operator));
-    }, ...(ngDevMode ? [{ debugName: "selectedOperatorIndex" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedOperatorIndex" }] : /* istanbul ignore next */ []));
     longestOperatorLength = computed(() => {
         const operators = this.definition().operators;
         if (!operators) {
             return 0;
         }
         return Math.max(...operators.map(a => a.length));
-    }, ...(ngDevMode ? [{ debugName: "longestOperatorLength" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "longestOperatorLength" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         if (this.editOnCreation() && this.type() !== 'free-text') {
             this.edit();
@@ -689,10 +769,10 @@ class SiFilteredSearchValueComponent {
             this.deleteCriterion.emit({ triggerSearch: true });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiFilteredSearchValueComponent, isStandalone: true, selector: "si-filtered-search-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: true, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: true, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: true, transformFunction: null }, clearButtonLabel: { classPropertyName: "clearButtonLabel", publicName: "clearButtonLabel", isSignal: true, isRequired: true, transformFunction: null }, lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: true, transformFunction: null }, itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: true, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, invalidCriterion: { classPropertyName: "invalidCriterion", publicName: "invalidCriterion", isSignal: true, isRequired: true, transformFunction: null }, isStrictOrOnlySelectValue: { classPropertyName: "isStrictOrOnlySelectValue", publicName: "isStrictOrOnlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, editOnCreation: { classPropertyName: "editOnCreation", publicName: "editOnCreation", isSignal: true, isRequired: true, transformFunction: null }, scrollStrategyFactory: { classPropertyName: "scrollStrategyFactory", publicName: "scrollStrategyFactory", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { value: "valueChange", deleteCriterion: "deleteCriterion", submitCriterion: "submitCriterion" }, viewQueries: [{ propertyName: "operatorInput", first: true, predicate: ["operatorInput"], descendants: true, isSignal: true }, { propertyName: "valueInput", first: true, predicate: SiFilteredSearchValueBase, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  cdkMonitorSubtreeFocus\n  class=\"criteria pill-group\"\n  [class.disabled]=\"disabled()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [class.invalid-criterion]=\"invalidCriterion()\"\n  (cdkFocusChange)=\"focusChange($event)\"\n>\n  @if (type() !== 'free-text') {\n    <div class=\"pill pill-interactive criterion-label si-h5\" (click)=\"edit()\">\n      {{ definition().label | translate }}\n    </div>\n  }\n  @if (definition().operators?.length) {\n    <div class=\"pill pill-interactive px-0 criterion-operator-section\">\n      <!-- criterion operator input -->\n      @if (active()) {\n        <input\n          #operatorInput\n          type=\"text\"\n          class=\"focus-inside operator-input py-0 border-0\"\n          [siTypeahead]=\"definition().operators!\"\n          [typeaheadScrollStrategy]=\"operatorScrollStrategy()\"\n          [typeaheadProcess]=\"false\"\n          [typeaheadAutoSelectIndex]=\"selectedOperatorIndex()\"\n          [typeaheadMinLength]=\"0\"\n          [typeaheadOptionsLimit]=\"0\"\n          [readOnly]=\"false\"\n          [typeaheadScrollable]=\"true\"\n          [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n          [attr.aria-label]=\"searchLabel() | translate\"\n          [attr.size]=\"longestOperatorLength()\"\n          [ngModel]=\"value().operator\"\n          (ngModelChange)=\"operatorUpdate($event)\"\n          (keydown.backspace)=\"operatorBackspace()\"\n          (keydown.enter)=\"operatorEnter()\"\n          (typeaheadOnSelect)=\"operatorEnter()\"\n          (blur)=\"operatorBlur()\"\n        />\n      } @else {\n        <!-- criterion operator field -->\n        <div\n          class=\"criterion-operator-text px-2 focus-inside\"\n          [tabindex]=\"!disabled() ? 0 : -1\"\n          (keydown.enter)=\"edit('operator')\"\n          (click)=\"edit('operator')\"\n        >\n          {{ value().operator }}\n        </div>\n      }\n    </div>\n  }\n  @switch (type()) {\n    @case ('free-text') {\n      <si-filtered-search-free-text\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n        (activeChange)=\"freeTextActiveChange($event)\"\n      />\n    }\n    @case ('date') {\n      <si-filtered-search-date-value\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"datepickerScrollStrategy()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n    @case ('multi-select') {\n      <si-filtered-search-multi-select\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"multiSelectScrollStrategy()\"\n        [searchDebounceTime]=\"searchDebounceTime()\"\n        [onlySelectValue]=\"onlySelectValue()\"\n        [optionsInScrollableView]=\"optionsInScrollableView()\"\n        [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n        [lazyValueProvider]=\"lazyValueProvider()\"\n        [itemCountText]=\"itemCountText()\"\n        [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n        [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n    @case ('typeahead') {\n      <si-filtered-search-typeahead\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"typeaheadScrollStrategy()\"\n        [searchDebounceTime]=\"searchDebounceTime()\"\n        [onlySelectValue]=\"onlySelectValue()\"\n        [optionsInScrollableView]=\"optionsInScrollableView()\"\n        [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n        [lazyValueProvider]=\"lazyValueProvider()\"\n        [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n        [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n  }\n  <div class=\"pill px-0 ms-n1\">\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-sm btn-tertiary-ghost focus-inside\"\n      [attr.aria-label]=\"clearButtonLabel() | translate\"\n      [disabled]=\"disabled()\"\n      (click)=\"clear()\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n</div>\n", styles: [".criteria{cursor:pointer;white-space:nowrap}.criteria.invalid-criterion{border-radius:.75rem;box-shadow:0 0 0 1px var(--element-status-danger)}.criteria:not(.invalid-criterion) .invalid-criterion{box-shadow:inset 0 0 0 1px var(--element-status-danger)}.criteria.disabled{cursor:inherit;pointer-events:none}.operator-input{padding-inline:4px;inline-size:calc(1ch + 8px)}input{background:transparent}\n"], dependencies: [{ kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth", "typeaheadScrollStrategy", "typeaheadCreateOption"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnFullMatch", "typeaheadOpenChange", "typeaheadOnCreateOption"], exportAs: ["si-typeahead"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SiFilteredSearchDateValueComponent, selector: "si-filtered-search-date-value", inputs: ["scrollStrategy"] }, { kind: "component", type: SiFilteredSearchFreeTextComponent, selector: "si-filtered-search-free-text" }, { kind: "component", type: SiFilteredSearchTypeaheadComponent, selector: "si-filtered-search-typeahead", inputs: ["scrollStrategy"] }, { kind: "component", type: SiFilteredSearchMultiSelectComponent, selector: "si-filtered-search-multi-select", inputs: ["itemCountText", "scrollStrategy"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiFilteredSearchValueComponent, isStandalone: true, selector: "si-filtered-search-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: true, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: true, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: true, transformFunction: null }, clearButtonLabel: { classPropertyName: "clearButtonLabel", publicName: "clearButtonLabel", isSignal: true, isRequired: true, transformFunction: null }, lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: true, transformFunction: null }, itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: true, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, invalidCriterion: { classPropertyName: "invalidCriterion", publicName: "invalidCriterion", isSignal: true, isRequired: true, transformFunction: null }, isStrictOrOnlySelectValue: { classPropertyName: "isStrictOrOnlySelectValue", publicName: "isStrictOrOnlySelectValue", isSignal: true, isRequired: true, transformFunction: null }, editOnCreation: { classPropertyName: "editOnCreation", publicName: "editOnCreation", isSignal: true, isRequired: true, transformFunction: null }, scrollStrategyFactory: { classPropertyName: "scrollStrategyFactory", publicName: "scrollStrategyFactory", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { value: "valueChange", deleteCriterion: "deleteCriterion", submitCriterion: "submitCriterion" }, viewQueries: [{ propertyName: "operatorInput", first: true, predicate: ["operatorInput"], descendants: true, isSignal: true }, { propertyName: "valueInput", first: true, predicate: SiFilteredSearchValueBase, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  cdkMonitorSubtreeFocus\n  class=\"criteria pill-group\"\n  [class.disabled]=\"disabled()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [class.invalid-criterion]=\"invalidCriterion()\"\n  (cdkFocusChange)=\"focusChange($event)\"\n>\n  @if (type() !== 'free-text') {\n    <div class=\"pill pill-interactive criterion-label si-h5\" (click)=\"edit()\">\n      {{ definition().label | translate }}\n    </div>\n  }\n  @if (definition().operators?.length) {\n    <div class=\"pill pill-interactive px-0 criterion-operator-section\">\n      <!-- criterion operator input -->\n      @if (active()) {\n        <input\n          #operatorInput\n          type=\"text\"\n          class=\"focus-inside operator-input py-0 border-0\"\n          [siTypeahead]=\"definition().operators!\"\n          [typeaheadScrollStrategy]=\"operatorScrollStrategy()\"\n          [typeaheadProcess]=\"false\"\n          [typeaheadAutoSelectIndex]=\"selectedOperatorIndex()\"\n          [typeaheadMinLength]=\"0\"\n          [typeaheadOptionsLimit]=\"0\"\n          [readOnly]=\"false\"\n          [typeaheadScrollable]=\"true\"\n          [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n          [attr.aria-label]=\"searchLabel() | translate\"\n          [attr.size]=\"longestOperatorLength()\"\n          [ngModel]=\"value().operator\"\n          (ngModelChange)=\"operatorUpdate($event)\"\n          (keydown.backspace)=\"operatorBackspace()\"\n          (keydown.enter)=\"operatorEnter()\"\n          (typeaheadOnSelect)=\"operatorEnter()\"\n          (blur)=\"operatorBlur()\"\n        />\n      } @else {\n        <!-- criterion operator field -->\n        <div\n          class=\"criterion-operator-text px-2 focus-inside\"\n          [tabindex]=\"!disabled() ? 0 : -1\"\n          (keydown.enter)=\"edit('operator')\"\n          (click)=\"edit('operator')\"\n        >\n          {{ value().operator }}\n        </div>\n      }\n    </div>\n  }\n  @switch (type()) {\n    @case ('free-text') {\n      <si-filtered-search-free-text\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n        (activeChange)=\"freeTextActiveChange($event)\"\n      />\n    }\n    @case ('date') {\n      <si-filtered-search-date-value\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"datepickerScrollStrategy()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n    @case ('multi-select') {\n      <si-filtered-search-multi-select\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"multiSelectScrollStrategy()\"\n        [searchDebounceTime]=\"searchDebounceTime()\"\n        [onlySelectValue]=\"onlySelectValue()\"\n        [optionsInScrollableView]=\"optionsInScrollableView()\"\n        [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n        [lazyValueProvider]=\"lazyValueProvider()\"\n        [itemCountText]=\"itemCountText()\"\n        [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n        [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n    @case ('typeahead') {\n      <si-filtered-search-typeahead\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"typeaheadScrollStrategy()\"\n        [searchDebounceTime]=\"searchDebounceTime()\"\n        [onlySelectValue]=\"onlySelectValue()\"\n        [optionsInScrollableView]=\"optionsInScrollableView()\"\n        [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n        [lazyValueProvider]=\"lazyValueProvider()\"\n        [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n        [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n  }\n  <div class=\"pill px-0 ms-n1\">\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-sm btn-tertiary-ghost focus-inside\"\n      [attr.aria-label]=\"clearButtonLabel() | translate\"\n      [disabled]=\"disabled()\"\n      (click)=\"clear()\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n</div>\n", styles: [".criteria{cursor:pointer;white-space:nowrap}.criteria.invalid-criterion{border-radius:.75rem;box-shadow:0 0 0 1px var(--si-sys-border-danger)}.criteria:not(.invalid-criterion) .invalid-criterion{box-shadow:inset 0 0 0 1px var(--si-sys-border-danger)}.criteria.disabled{cursor:inherit;pointer-events:none}.operator-input{padding-inline:var(--si-sys-sizing-spacing-x-20);inline-size:calc(1ch + 2 * var(--si-sys-sizing-spacing-x-20))}input{background:transparent}\n"], dependencies: [{ kind: "directive", type: CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: SiTypeaheadDirective, selector: "[siTypeahead]", inputs: ["siTypeahead", "typeaheadProcess", "typeaheadScrollable", "typeaheadOptionsInScrollableView", "typeaheadOptionsLimit", "typeaheadScrollableAdditionalHeight", "typeaheadAutoSelectIndex", "typeaheadCloseOnEsc", "typeaheadClearValueOnSelect", "typeaheadWaitMs", "typeaheadMinLength", "typeaheadOptionField", "typeaheadMultiSelect", "typeaheadTokenize", "typeaheadMatchAllTokens", "typeaheadItemTemplate", "typeaheadSkipSortingMatches", "typeaheadAutocompleteListLabel", "typeaheadFullWidth", "typeaheadScrollStrategy", "typeaheadCreateOption"], outputs: ["typeaheadOnInput", "typeaheadOnSelect", "typeaheadOnFullMatch", "typeaheadOpenChange", "typeaheadOnCreateOption"], exportAs: ["si-typeahead"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SiFilteredSearchDateValueComponent, selector: "si-filtered-search-date-value", inputs: ["scrollStrategy"] }, { kind: "component", type: SiFilteredSearchFreeTextComponent, selector: "si-filtered-search-free-text" }, { kind: "component", type: SiFilteredSearchTypeaheadComponent, selector: "si-filtered-search-typeahead", inputs: ["scrollStrategy"] }, { kind: "component", type: SiFilteredSearchMultiSelectComponent, selector: "si-filtered-search-multi-select", inputs: ["itemCountText", "scrollStrategy"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchValueComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-filtered-search-value', imports: [
                         CdkMonitorFocus,
@@ -704,7 +784,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         SiFilteredSearchTypeaheadComponent,
                         SiFilteredSearchMultiSelectComponent,
                         SiIconComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  cdkMonitorSubtreeFocus\n  class=\"criteria pill-group\"\n  [class.disabled]=\"disabled()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [class.invalid-criterion]=\"invalidCriterion()\"\n  (cdkFocusChange)=\"focusChange($event)\"\n>\n  @if (type() !== 'free-text') {\n    <div class=\"pill pill-interactive criterion-label si-h5\" (click)=\"edit()\">\n      {{ definition().label | translate }}\n    </div>\n  }\n  @if (definition().operators?.length) {\n    <div class=\"pill pill-interactive px-0 criterion-operator-section\">\n      <!-- criterion operator input -->\n      @if (active()) {\n        <input\n          #operatorInput\n          type=\"text\"\n          class=\"focus-inside operator-input py-0 border-0\"\n          [siTypeahead]=\"definition().operators!\"\n          [typeaheadScrollStrategy]=\"operatorScrollStrategy()\"\n          [typeaheadProcess]=\"false\"\n          [typeaheadAutoSelectIndex]=\"selectedOperatorIndex()\"\n          [typeaheadMinLength]=\"0\"\n          [typeaheadOptionsLimit]=\"0\"\n          [readOnly]=\"false\"\n          [typeaheadScrollable]=\"true\"\n          [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n          [attr.aria-label]=\"searchLabel() | translate\"\n          [attr.size]=\"longestOperatorLength()\"\n          [ngModel]=\"value().operator\"\n          (ngModelChange)=\"operatorUpdate($event)\"\n          (keydown.backspace)=\"operatorBackspace()\"\n          (keydown.enter)=\"operatorEnter()\"\n          (typeaheadOnSelect)=\"operatorEnter()\"\n          (blur)=\"operatorBlur()\"\n        />\n      } @else {\n        <!-- criterion operator field -->\n        <div\n          class=\"criterion-operator-text px-2 focus-inside\"\n          [tabindex]=\"!disabled() ? 0 : -1\"\n          (keydown.enter)=\"edit('operator')\"\n          (click)=\"edit('operator')\"\n        >\n          {{ value().operator }}\n        </div>\n      }\n    </div>\n  }\n  @switch (type()) {\n    @case ('free-text') {\n      <si-filtered-search-free-text\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n        (activeChange)=\"freeTextActiveChange($event)\"\n      />\n    }\n    @case ('date') {\n      <si-filtered-search-date-value\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"datepickerScrollStrategy()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n    @case ('multi-select') {\n      <si-filtered-search-multi-select\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"multiSelectScrollStrategy()\"\n        [searchDebounceTime]=\"searchDebounceTime()\"\n        [onlySelectValue]=\"onlySelectValue()\"\n        [optionsInScrollableView]=\"optionsInScrollableView()\"\n        [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n        [lazyValueProvider]=\"lazyValueProvider()\"\n        [itemCountText]=\"itemCountText()\"\n        [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n        [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n    @case ('typeahead') {\n      <si-filtered-search-typeahead\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"typeaheadScrollStrategy()\"\n        [searchDebounceTime]=\"searchDebounceTime()\"\n        [onlySelectValue]=\"onlySelectValue()\"\n        [optionsInScrollableView]=\"optionsInScrollableView()\"\n        [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n        [lazyValueProvider]=\"lazyValueProvider()\"\n        [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n        [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n  }\n  <div class=\"pill px-0 ms-n1\">\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-sm btn-tertiary-ghost focus-inside\"\n      [attr.aria-label]=\"clearButtonLabel() | translate\"\n      [disabled]=\"disabled()\"\n      (click)=\"clear()\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n</div>\n", styles: [".criteria{cursor:pointer;white-space:nowrap}.criteria.invalid-criterion{border-radius:.75rem;box-shadow:0 0 0 1px var(--element-status-danger)}.criteria:not(.invalid-criterion) .invalid-criterion{box-shadow:inset 0 0 0 1px var(--element-status-danger)}.criteria.disabled{cursor:inherit;pointer-events:none}.operator-input{padding-inline:4px;inline-size:calc(1ch + 8px)}input{background:transparent}\n"] }]
+                    ], template: "<div\n  cdkMonitorSubtreeFocus\n  class=\"criteria pill-group\"\n  [class.disabled]=\"disabled()\"\n  [attr.aria-disabled]=\"disabled()\"\n  [class.invalid-criterion]=\"invalidCriterion()\"\n  (cdkFocusChange)=\"focusChange($event)\"\n>\n  @if (type() !== 'free-text') {\n    <div class=\"pill pill-interactive criterion-label si-h5\" (click)=\"edit()\">\n      {{ definition().label | translate }}\n    </div>\n  }\n  @if (definition().operators?.length) {\n    <div class=\"pill pill-interactive px-0 criterion-operator-section\">\n      <!-- criterion operator input -->\n      @if (active()) {\n        <input\n          #operatorInput\n          type=\"text\"\n          class=\"focus-inside operator-input py-0 border-0\"\n          [siTypeahead]=\"definition().operators!\"\n          [typeaheadScrollStrategy]=\"operatorScrollStrategy()\"\n          [typeaheadProcess]=\"false\"\n          [typeaheadAutoSelectIndex]=\"selectedOperatorIndex()\"\n          [typeaheadMinLength]=\"0\"\n          [typeaheadOptionsLimit]=\"0\"\n          [readOnly]=\"false\"\n          [typeaheadScrollable]=\"true\"\n          [typeaheadOptionsInScrollableView]=\"optionsInScrollableView()\"\n          [attr.aria-label]=\"searchLabel() | translate\"\n          [attr.size]=\"longestOperatorLength()\"\n          [ngModel]=\"value().operator\"\n          (ngModelChange)=\"operatorUpdate($event)\"\n          (keydown.backspace)=\"operatorBackspace()\"\n          (keydown.enter)=\"operatorEnter()\"\n          (typeaheadOnSelect)=\"operatorEnter()\"\n          (blur)=\"operatorBlur()\"\n        />\n      } @else {\n        <!-- criterion operator field -->\n        <div\n          class=\"criterion-operator-text px-2 focus-inside\"\n          [tabindex]=\"!disabled() ? 0 : -1\"\n          (keydown.enter)=\"edit('operator')\"\n          (click)=\"edit('operator')\"\n        >\n          {{ value().operator }}\n        </div>\n      }\n    </div>\n  }\n  @switch (type()) {\n    @case ('free-text') {\n      <si-filtered-search-free-text\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n        (activeChange)=\"freeTextActiveChange($event)\"\n      />\n    }\n    @case ('date') {\n      <si-filtered-search-date-value\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"datepickerScrollStrategy()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n    @case ('multi-select') {\n      <si-filtered-search-multi-select\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"multiSelectScrollStrategy()\"\n        [searchDebounceTime]=\"searchDebounceTime()\"\n        [onlySelectValue]=\"onlySelectValue()\"\n        [optionsInScrollableView]=\"optionsInScrollableView()\"\n        [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n        [lazyValueProvider]=\"lazyValueProvider()\"\n        [itemCountText]=\"itemCountText()\"\n        [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n        [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n    @case ('typeahead') {\n      <si-filtered-search-typeahead\n        [definition]=\"definition()\"\n        [disabled]=\"disabled()\"\n        [searchLabel]=\"searchLabel()\"\n        [scrollStrategy]=\"typeaheadScrollStrategy()\"\n        [searchDebounceTime]=\"searchDebounceTime()\"\n        [onlySelectValue]=\"onlySelectValue()\"\n        [optionsInScrollableView]=\"optionsInScrollableView()\"\n        [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n        [lazyValueProvider]=\"lazyValueProvider()\"\n        [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n        [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n        [(active)]=\"active\"\n        [(criterionValue)]=\"value\"\n        (backspaceOverflow)=\"backspaceOverflow()\"\n        (editValue)=\"edit('value')\"\n        (submitValue)=\"submitCriterion.emit($event)\"\n      />\n    }\n  }\n  <div class=\"pill px-0 ms-n1\">\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-sm btn-tertiary-ghost focus-inside\"\n      [attr.aria-label]=\"clearButtonLabel() | translate\"\n      [disabled]=\"disabled()\"\n      (click)=\"clear()\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n</div>\n", styles: [".criteria{cursor:pointer;white-space:nowrap}.criteria.invalid-criterion{border-radius:.75rem;box-shadow:0 0 0 1px var(--si-sys-border-danger)}.criteria:not(.invalid-criterion) .invalid-criterion{box-shadow:inset 0 0 0 1px var(--si-sys-border-danger)}.criteria.disabled{cursor:inherit;pointer-events:none}.operator-input{padding-inline:var(--si-sys-sizing-spacing-x-20);inline-size:calc(1ch + 2 * var(--si-sys-sizing-spacing-x-20))}input{background:transparent}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }, { type: i0.Output, args: ["valueChange"] }], definition: [{ type: i0.Input, args: [{ isSignal: true, alias: "definition", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: true }] }], onlySelectValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlySelectValue", required: true }] }], maxCriteriaOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCriteriaOptions", required: true }] }], optionsInScrollableView: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsInScrollableView", required: true }] }], clearButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearButtonLabel", required: true }] }], lazyValueProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyValueProvider", required: false }] }], searchDebounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchDebounceTime", required: true }] }], itemCountText: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemCountText", required: true }] }], disableSelectionByColonAndSemicolon: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSelectionByColonAndSemicolon", required: true }] }], searchLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLabel", required: true }] }], invalidCriterion: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidCriterion", required: true }] }], isStrictOrOnlySelectValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "isStrictOrOnlySelectValue", required: true }] }], editOnCreation: [{ type: i0.Input, args: [{ isSignal: true, alias: "editOnCreation", required: true }] }], scrollStrategyFactory: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStrategyFactory", required: true }] }], deleteCriterion: [{ type: i0.Output, args: ["deleteCriterion"] }], submitCriterion: [{ type: i0.Output, args: ["submitCriterion"] }], operatorInput: [{ type: i0.ViewChild, args: ['operatorInput', { isSignal: true }] }], valueInput: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SiFilteredSearchValueBase), { isSignal: true }] }] } });
 
 /**
@@ -717,7 +797,8 @@ class SiFilteredSearchComponent {
      *
      * @defaultValue defaultConnectedOverlayScrollStrategyFactory()
      */
-    scrollStrategy = input(defaultConnectedOverlayScrollStrategyFactory(), ...(ngDevMode ? [{ debugName: "scrollStrategy" }] : []));
+    scrollStrategy = input(defaultConnectedOverlayScrollStrategyFactory(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollStrategy" }] : /* istanbul ignore next */ []));
     /**
      * Output callback event that provides an object describing the
      * selected criteria and additional filter text.
@@ -730,49 +811,52 @@ class SiFilteredSearchComponent {
      *
      * @defaultValue false
      */
-    doSearchOnInputChange = input(false, { ...(ngDevMode ? { debugName: "doSearchOnInputChange" } : {}), transform: booleanAttribute });
+    doSearchOnInputChange = input(false, { ...(ngDevMode ? { debugName: "doSearchOnInputChange" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * In addition to lazy loaded value, you can also lazy load the criteria itself
      */
-    lazyCriterionProvider = input(...(ngDevMode ? [undefined, { debugName: "lazyCriterionProvider" }] : []));
+    lazyCriterionProvider = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "lazyCriterionProvider" }] : /* istanbul ignore next */ []));
     /**
      * In many cases, your application defines the criteria, but the values need
      * to be loaded from a server. In this case you can provide a function that
      * returns the possible criterion options as an Observable.
      */
-    lazyValueProvider = input(...(ngDevMode ? [undefined, { debugName: "lazyValueProvider" }] : []));
+    lazyValueProvider = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "lazyValueProvider" }] : /* istanbul ignore next */ []));
     /**
      * Disable any interactivity.
      *
      * @defaultValue false
      */
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Limit criteria to the predefined ones.
      *
      * @defaultValue false
      */
-    strictCriterion = input(false, { ...(ngDevMode ? { debugName: "strictCriterion" } : {}), transform: booleanAttribute });
+    strictCriterion = input(false, { ...(ngDevMode ? { debugName: "strictCriterion" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Limit criterion options to the predefined ones. `[strictValue]`
      * enforces `[strictCriterion]` to true automatically.
      *
      * @defaultValue false
      */
-    strictValue = input(false, { ...(ngDevMode ? { debugName: "strictValue" } : {}), transform: booleanAttribute });
+    strictValue = input(false, { ...(ngDevMode ? { debugName: "strictValue" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Limit criterion options to the predefined ones and prevent typing. `[onlySelectValue]`
      * enforces `[strictValue]` and `[strictCriterion]` to true automatically.
      *
      * @defaultValue false
      */
-    onlySelectValue = input(false, { ...(ngDevMode ? { debugName: "onlySelectValue" } : {}), transform: booleanAttribute });
+    onlySelectValue = input(false, { ...(ngDevMode ? { debugName: "onlySelectValue" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Custom debounce time for lazy loading of criteria data.
      *
      * @defaultValue 500
      */
-    lazyLoadingDebounceTime = input(500, ...(ngDevMode ? [{ debugName: "lazyLoadingDebounceTime" }] : []));
+    lazyLoadingDebounceTime = input(500, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lazyLoadingDebounceTime" }] : /* istanbul ignore next */ []));
     /**
      * Custom debounce time (in mills) to delay the search emission.
      * (Default is 0 as in most cases a users manually triggers a search.
@@ -780,19 +864,22 @@ class SiFilteredSearchComponent {
      *
      * @defaultValue 0
      */
-    searchDebounceTime = input(0, ...(ngDevMode ? [{ debugName: "searchDebounceTime" }] : []));
+    searchDebounceTime = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchDebounceTime" }] : /* istanbul ignore next */ []));
     /**
      * The placeholder for input field.
      *
      * @defaultValue ''
      */
-    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    placeholder = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
     /**
      * Defines the number of criteria, criteria values and operators visible at once.
      *
      * @defaultValue 10
      */
-    optionsInScrollableView = input(10, ...(ngDevMode ? [{ debugName: "optionsInScrollableView" }] : []));
+    optionsInScrollableView = input(10, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "optionsInScrollableView" }] : /* istanbul ignore next */ []));
     /**
      * The current selected search criteria and entered search text.
      *
@@ -801,19 +888,21 @@ class SiFilteredSearchComponent {
      * { criteria: [], value: '' }
      * ```
      */
-    searchCriteria = model({ criteria: [], value: '' }, ...(ngDevMode ? [{ debugName: "searchCriteria" }] : []));
+    searchCriteria = model({ criteria: [], value: '' }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchCriteria" }] : /* istanbul ignore next */ []));
     /**
      * Predefine criteria options.
      *
      * @defaultValue []
      */
-    criteria = input([], ...(ngDevMode ? [{ debugName: "criteria" }] : []));
+    criteria = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "criteria" }] : /* istanbul ignore next */ []));
     /**
      * Opt-in to search for each criterion only once.
      *
      * @defaultValue false
      */
-    exclusiveCriteria = input(false, { ...(ngDevMode ? { debugName: "exclusiveCriteria" } : {}), transform: booleanAttribute });
+    exclusiveCriteria = input(false, { ...(ngDevMode ? { debugName: "exclusiveCriteria" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Limit the number of possible criteria. The default is undefined so that any number of criteria can be used.
      * For example, setting the value to 1 let you only select one criterion that you need to remove before being
@@ -821,22 +910,25 @@ class SiFilteredSearchComponent {
      *
      * @defaultValue undefined
      */
-    maxCriteria = input(undefined, ...(ngDevMode ? [{ debugName: "maxCriteria" }] : []));
+    maxCriteria = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxCriteria" }] : /* istanbul ignore next */ []));
     /**
      * Defines the maximum options within one criterion. The default is 20 and 0 means unlimited.
      *
      * @defaultValue 20
      */
-    maxCriteriaOptions = input(20, ...(ngDevMode ? [{ debugName: "maxCriteriaOptions" }] : []));
+    maxCriteriaOptions = input(20, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxCriteriaOptions" }] : /* istanbul ignore next */ []));
     /**
      * Search input aria label, Needed by a11y
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILTERED_SEARCH.SEARCH:Search`)
+     * t(() => $localize`:@@SI_FILTERED_SEARCH.SEARCH:Search…`)
      * ```
      */
-    searchLabel = input(t(() => $localize `:@@SI_FILTERED_SEARCH.SEARCH:Search`), ...(ngDevMode ? [{ debugName: "searchLabel" }] : []));
+    searchLabel = input(t(() => $localize `:@@SI_FILTERED_SEARCH.SEARCH:Search…`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchLabel" }] : /* istanbul ignore next */ []));
     /**
      * Clear button aria label. Needed for a11y
      *
@@ -845,44 +937,49 @@ class SiFilteredSearchComponent {
      * t(() => $localize`:@@SI_FILTERED_SEARCH.CLEAR:Clear`)
      * ```
      */
-    clearButtonLabel = input(t(() => $localize `:@@SI_FILTERED_SEARCH.CLEAR:Clear`), ...(ngDevMode ? [{ debugName: "clearButtonLabel" }] : []));
+    clearButtonLabel = input(t(() => $localize `:@@SI_FILTERED_SEARCH.CLEAR:Clear`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "clearButtonLabel" }] : /* istanbul ignore next */ []));
     /**
      * The accessible label of the search button.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILTERED_SEARCH.SUBMIT_BUTTON:Submit search`)
+     * t(() => $localize`:@@SI_FILTERED_SEARCH.SUBMIT_BUTTON:Apply search criteria`)
      * ```
      */
-    submitButtonLabel = input(t(() => $localize `:@@SI_FILTERED_SEARCH.SUBMIT_BUTTON:Submit search`), ...(ngDevMode ? [{ debugName: "submitButtonLabel" }] : []));
+    submitButtonLabel = input(t(() => $localize `:@@SI_FILTERED_SEARCH.SUBMIT_BUTTON:Apply search criteria`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "submitButtonLabel" }] : /* istanbul ignore next */ []));
     /**
      * Items count text appended to the count in case of multi-selection of values.
      * Translation key, `{{itemCount}}` in the translation will be replaced with the actual value.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILTERED_SEARCH.ITEM_COUNT:{{itemCount}} items`)
+     * t(() => $localize`:@@SI_FILTERED_SEARCH.ITEM_COUNT:{{itemCount}} selected`)
      * ```
      */
-    itemCountText = input(t(() => $localize `:@@SI_FILTERED_SEARCH.ITEM_COUNT:{{itemCount}} items`), ...(ngDevMode ? [{ debugName: "itemCountText" }] : []));
+    itemCountText = input(t(() => $localize `:@@SI_FILTERED_SEARCH.ITEM_COUNT:{{itemCount}} selected`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemCountText" }] : /* istanbul ignore next */ []));
     /**
      * Color variant to determine component background
      *
      * @defaultValue 'base-1'
      */
-    colorVariant = input('base-1', ...(ngDevMode ? [{ debugName: "colorVariant" }] : []));
+    colorVariant = input('base-1', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "colorVariant" }] : /* istanbul ignore next */ []));
     /**
      * Disables the free text search to only use the criterion for filtering.
      *
      * @defaultValue false
      */
-    disableFreeTextSearch = input(false, { ...(ngDevMode ? { debugName: "disableFreeTextSearch" } : {}), transform: booleanAttribute });
+    disableFreeTextSearch = input(false, { ...(ngDevMode ? { debugName: "disableFreeTextSearch" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Limit on the number of criteria/criteria value to be displayed by the typeahead
      *
      * @defaultValue 20
      */
-    typeaheadOptionsLimit = input(20, ...(ngDevMode ? [{ debugName: "typeaheadOptionsLimit" }] : []));
+    typeaheadOptionsLimit = input(20, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "typeaheadOptionsLimit" }] : /* istanbul ignore next */ []));
     /**
      * By default, the Filtered Search will treat `:` as a special character
      * to submit the current input in the freetext and immediately create a criterion.
@@ -890,7 +987,7 @@ class SiFilteredSearchComponent {
      *
      * @defaultValue false
      */
-    disableSelectionByColonAndSemicolon = input(false, { ...(ngDevMode ? { debugName: "disableSelectionByColonAndSemicolon" } : {}), transform: booleanAttribute });
+    disableSelectionByColonAndSemicolon = input(false, { ...(ngDevMode ? { debugName: "disableSelectionByColonAndSemicolon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Criterion definition for free-text pills.
      * When set, free-text values will be added as a pill with this criterion.
@@ -902,7 +999,8 @@ class SiFilteredSearchComponent {
      *
      * @experimental
      */
-    freeTextCriterion = input(...(ngDevMode ? [undefined, { debugName: "freeTextCriterion" }] : []));
+    freeTextCriterion = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "freeTextCriterion" }] : /* istanbul ignore next */ []));
     /**
      * The value to be shown for creating free-text pills.
      * Use the `{{query}}` placeholder to show the user input in the label.
@@ -915,7 +1013,8 @@ class SiFilteredSearchComponent {
      *
      * @experimental
      */
-    searchForFreeTextLabel = input(t(() => $localize `:@@SI_FILTERED_SEARCH.SEARCH_FOR_FREE_TEXT:Search for "{{query}}"`), ...(ngDevMode ? [{ debugName: "searchForFreeTextLabel" }] : []));
+    searchForFreeTextLabel = input(t(() => $localize `:@@SI_FILTERED_SEARCH.SEARCH_FOR_FREE_TEXT:Search for "{{query}}"`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchForFreeTextLabel" }] : /* istanbul ignore next */ []));
     /**
      * The interceptor is called when the list of criteria is shown as soon as the user starts typing in the input field.
      * The interceptor's {@link DisplayedCriteriaEventArgs.allow} method can be used to filter the list of displayed criteria.
@@ -936,13 +1035,17 @@ class SiFilteredSearchComponent {
      * ```
      */
     interceptDisplayedCriteria = output();
-    freeTextInput = viewChild.required(SiFilteredSearchInputComponent);
-    scrollContainer = viewChild.required('scrollContainer', { read: ElementRef });
-    valueComponents = viewChildren(SiFilteredSearchValueComponent, ...(ngDevMode ? [{ debugName: "valueComponents" }] : []));
+    freeTextInput = viewChild.required(SiFilteredSearchInputComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "freeTextInput" }] : /* istanbul ignore next */ []));
+    scrollContainer = viewChild.required('scrollContainer', { ...(ngDevMode ? { debugName: "scrollContainer" } : /* istanbul ignore next */ {}), read: ElementRef });
+    valueComponents = viewChildren(SiFilteredSearchValueComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueComponents" }] : /* istanbul ignore next */ []));
     dataSource;
     autoEditCriteria = false;
-    values = signal([], ...(ngDevMode ? [{ debugName: "values" }] : []));
-    searchValue = signal('', ...(ngDevMode ? [{ debugName: "searchValue" }] : []));
+    values = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "values" }] : /* istanbul ignore next */ []));
+    searchValue = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
     /** Internal criteria model */
     internalCriterionDefinitions = [];
     icons = addIcons({ elementCancel, elementSearch });
@@ -952,17 +1055,21 @@ class SiFilteredSearchComponent {
     translateService = injectSiTranslateService();
     locale = inject(LOCALE_ID).toString();
     freeTextFocused = new Subject();
-    allowFreeTextCache = signal(true, ...(ngDevMode ? [{ debugName: "allowFreeTextCache" }] : []));
+    allowFreeTextCache = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allowFreeTextCache" }] : /* istanbul ignore next */ []));
     // Angular also calls ngOnChanges if we emitted a change and then two-way-databinding writes back our own change.
     // We use this to ensure that we do not write our own change back to the input.
     lastEmittedSearchCriteria;
     isStrictOrOnlySelectValue = computed(() => {
         return this.strictValue() || this.onlySelectValue();
-    }, ...(ngDevMode ? [{ debugName: "isStrictOrOnlySelectValue" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isStrictOrOnlySelectValue" }] : /* istanbul ignore next */ []));
     strictCriterionOrValue = computed(() => {
         return this.strictCriterion() || this.isStrictOrOnlySelectValue();
-    }, ...(ngDevMode ? [{ debugName: "strictCriterionOrValue" }] : []));
-    lazyLoadedCriteria = signal(undefined, ...(ngDevMode ? [{ debugName: "lazyLoadedCriteria" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "strictCriterionOrValue" }] : /* istanbul ignore next */ []));
+    lazyLoadedCriteria = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lazyLoadedCriteria" }] : /* istanbul ignore next */ []));
     loadedCriteria = computed(() => {
         const lazyLoadedCriteria = this.lazyLoadedCriteria();
         if (lazyLoadedCriteria) {
@@ -971,7 +1078,8 @@ class SiFilteredSearchComponent {
         else {
             return this.criteria() ?? [];
         }
-    }, ...(ngDevMode ? [{ debugName: "loadedCriteria" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loadedCriteria" }] : /* istanbul ignore next */ []));
     internalFreeTextCriterion = computed(() => {
         const freeTextDef = this.freeTextCriterion();
         if (!freeTextDef) {
@@ -983,7 +1091,8 @@ class SiFilteredSearchComponent {
             translatedLabel: freeTextDef.label ?? freeTextDef.name,
             type: 'free-text'
         };
-    }, ...(ngDevMode ? [{ debugName: "internalFreeTextCriterion" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalFreeTextCriterion" }] : /* istanbul ignore next */ []));
     constructor() {
         const typeaheadInputChange = merge(toObservable(this.searchValue), this.freeTextFocused.pipe(map(() => this.searchValue())));
         const criteriaRestrictions = toObservable(computed(() => ({
@@ -1289,20 +1398,20 @@ class SiFilteredSearchComponent {
         ]);
         this.emitChangeEvent();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiFilteredSearchComponent, isStandalone: true, selector: "si-filtered-search", inputs: { scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: false, transformFunction: null }, doSearchOnInputChange: { classPropertyName: "doSearchOnInputChange", publicName: "doSearchOnInputChange", isSignal: true, isRequired: false, transformFunction: null }, lazyCriterionProvider: { classPropertyName: "lazyCriterionProvider", publicName: "lazyCriterionProvider", isSignal: true, isRequired: false, transformFunction: null }, lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, strictCriterion: { classPropertyName: "strictCriterion", publicName: "strictCriterion", isSignal: true, isRequired: false, transformFunction: null }, strictValue: { classPropertyName: "strictValue", publicName: "strictValue", isSignal: true, isRequired: false, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: false, transformFunction: null }, lazyLoadingDebounceTime: { classPropertyName: "lazyLoadingDebounceTime", publicName: "lazyLoadingDebounceTime", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: false, transformFunction: null }, searchCriteria: { classPropertyName: "searchCriteria", publicName: "searchCriteria", isSignal: true, isRequired: false, transformFunction: null }, criteria: { classPropertyName: "criteria", publicName: "criteria", isSignal: true, isRequired: false, transformFunction: null }, exclusiveCriteria: { classPropertyName: "exclusiveCriteria", publicName: "exclusiveCriteria", isSignal: true, isRequired: false, transformFunction: null }, maxCriteria: { classPropertyName: "maxCriteria", publicName: "maxCriteria", isSignal: true, isRequired: false, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: false, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: false, transformFunction: null }, clearButtonLabel: { classPropertyName: "clearButtonLabel", publicName: "clearButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, submitButtonLabel: { classPropertyName: "submitButtonLabel", publicName: "submitButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: false, transformFunction: null }, colorVariant: { classPropertyName: "colorVariant", publicName: "colorVariant", isSignal: true, isRequired: false, transformFunction: null }, disableFreeTextSearch: { classPropertyName: "disableFreeTextSearch", publicName: "disableFreeTextSearch", isSignal: true, isRequired: false, transformFunction: null }, typeaheadOptionsLimit: { classPropertyName: "typeaheadOptionsLimit", publicName: "typeaheadOptionsLimit", isSignal: true, isRequired: false, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: false, transformFunction: null }, freeTextCriterion: { classPropertyName: "freeTextCriterion", publicName: "freeTextCriterion", isSignal: true, isRequired: false, transformFunction: null }, searchForFreeTextLabel: { classPropertyName: "searchForFreeTextLabel", publicName: "searchForFreeTextLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { doSearch: "doSearch", searchCriteria: "searchCriteriaChange", interceptDisplayedCriteria: "interceptDisplayedCriteria" }, host: { properties: { "class.disabled": "disabled()", "class.dark-background": "colorVariant() === 'base-0'" } }, viewQueries: [{ propertyName: "freeTextInput", first: true, predicate: SiFilteredSearchInputComponent, descendants: true, isSignal: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "valueComponents", predicate: SiFilteredSearchValueComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #scrollContainer\n  class=\"search-container d-flex align-items-center overflow-auto py-2 w-100 ps-2 pe-2\"\n>\n  @for (criterion of values(); track criterion) {\n    <si-filtered-search-value\n      [editOnCreation]=\"autoEditCriteria\"\n      [definition]=\"criterion.config\"\n      [value]=\"criterion.value\"\n      [invalidCriterion]=\"!validateCriterionLabel(criterion.config)\"\n      [disabled]=\"disabled()\"\n      [clearButtonLabel]=\"clearButtonLabel()\"\n      [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n      [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n      [itemCountText]=\"itemCountText()\"\n      [lazyValueProvider]=\"lazyValueProvider()\"\n      [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n      [optionsInScrollableView]=\"optionsInScrollableView()\"\n      [searchLabel]=\"searchLabel()\"\n      [onlySelectValue]=\"onlySelectValue()\"\n      [searchDebounceTime]=\"searchDebounceTime()\"\n      [scrollStrategyFactory]=\"scrollStrategy()\"\n      (submitCriterion)=\"focusNext($index, $event)\"\n      (deleteCriterion)=\"deleteCriterion($index, $event)\"\n      (valueChange)=\"valueChange($event, criterion)\"\n    />\n  }\n  <!-- criterion input -->\n  <si-filtered-search-input\n    [dataSource]=\"dataSource\"\n    [typeaheadOptionsLimit]=\"typeaheadOptionsLimit()\"\n    [optionsInScrollableView]=\"optionsInScrollableView()\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [searchLabel]=\"searchLabel()\"\n    [freeTextCriterion]=\"!!freeTextCriterion()\"\n    [maxCriteriaReached]=\"!!maxCriteria() && values().length >= maxCriteria()!\"\n    [allowFreeText]=\"allowFreeTextCache()\"\n    [searchForFreeTextLabel]=\"searchForFreeTextLabel()\"\n    [scrollStrategyFactory]=\"scrollStrategy()\"\n    [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n    [onlySelectValue]=\"onlySelectValue()\"\n    [(searchValue)]=\"searchValue\"\n    (createCriterion)=\"onCreateCriterion($event)\"\n    (createCriterionByName)=\"onCreateCriterionByName($event)\"\n    (backspaceOverflow)=\"freeTextBackspace()\"\n    (createFreeTextPill)=\"createFreeTextPill($event)\"\n    (searchValueChange)=\"onSearchValueChange()\"\n    (inputFocus)=\"freeTextFocus()\"\n    (enterSubmit)=\"submit()\"\n  />\n</div>\n<!-- clear all searchCriteria -->\n@if (values().length || searchValue().length) {\n  <div class=\"clear-button-container\">\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-sm btn-tertiary-ghost mx-2\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"clearButtonLabel() | translate\"\n      (click)=\"deleteAllCriteria($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n}\n\n@if (!disabled()) {\n  <button\n    type=\"button\"\n    class=\"search-button btn btn-icon btn-sm btn-secondary focus-inside\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"submitButtonLabel() | translate\"\n    (click)=\"submit()\"\n  >\n    <si-icon [icon]=\"icons.elementSearch\" />\n  </button>\n}\n", styles: [":host{--search-bar-icon-color: var(--element-text-primary);--input-background-color: var(--element-base-1);--input-background-hover-color: var(--element-base-1);--filter-search-background-color: var(--element-base-1);--filter-pill-background-color: var(--element-base-4)}:host.dark-background{--input-background-color: var(--element-base-4);--input-background-hover-color: var(--element-ui-4);--filter-search-background-color: var(--element-base-4);--filter-pill-background-color: var(--element-base-1)}:host{display:flex;align-items:center;line-height:24px;min-inline-size:0}:host.disabled{color:var(--element-text-disabled)}.search-container{border-start-start-radius:4px;border-end-start-radius:4px;background-color:var(--filter-search-background-color);gap:4px}.clear-button-container{display:flex;align-items:flex-start;align-self:stretch;padding-block:4px;background-color:var(--filter-search-background-color)}.search-button{align-self:stretch;background-color:var(--filter-search-background-color);border:0;border-radius:0;border-end-end-radius:4px;border-start-end-radius:4px;margin-block:0;margin-inline:1px 0;aspect-ratio:auto;block-size:auto;inline-size:auto;padding-inline:4px!important}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiFilteredSearchInputComponent, selector: "si-filtered-search-input", inputs: ["dataSource", "typeaheadOptionsLimit", "optionsInScrollableView", "disabled", "placeholder", "searchLabel", "scrollStrategyFactory", "searchValue", "freeTextCriterion", "maxCriteriaReached", "allowFreeText", "searchForFreeTextLabel", "disableSelectionByColonAndSemicolon", "onlySelectValue"], outputs: ["searchValueChange", "createCriterion", "createCriterionByName", "backspaceOverflow", "createFreeTextPill", "inputFocus", "enterSubmit"] }, { kind: "component", type: SiFilteredSearchValueComponent, selector: "si-filtered-search-value", inputs: ["value", "definition", "disabled", "onlySelectValue", "maxCriteriaOptions", "optionsInScrollableView", "clearButtonLabel", "lazyValueProvider", "searchDebounceTime", "itemCountText", "disableSelectionByColonAndSemicolon", "searchLabel", "invalidCriterion", "isStrictOrOnlySelectValue", "editOnCreation", "scrollStrategyFactory"], outputs: ["valueChange", "deleteCriterion", "submitCriterion"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiFilteredSearchComponent, isStandalone: true, selector: "si-filtered-search", inputs: { scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: false, transformFunction: null }, doSearchOnInputChange: { classPropertyName: "doSearchOnInputChange", publicName: "doSearchOnInputChange", isSignal: true, isRequired: false, transformFunction: null }, lazyCriterionProvider: { classPropertyName: "lazyCriterionProvider", publicName: "lazyCriterionProvider", isSignal: true, isRequired: false, transformFunction: null }, lazyValueProvider: { classPropertyName: "lazyValueProvider", publicName: "lazyValueProvider", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, strictCriterion: { classPropertyName: "strictCriterion", publicName: "strictCriterion", isSignal: true, isRequired: false, transformFunction: null }, strictValue: { classPropertyName: "strictValue", publicName: "strictValue", isSignal: true, isRequired: false, transformFunction: null }, onlySelectValue: { classPropertyName: "onlySelectValue", publicName: "onlySelectValue", isSignal: true, isRequired: false, transformFunction: null }, lazyLoadingDebounceTime: { classPropertyName: "lazyLoadingDebounceTime", publicName: "lazyLoadingDebounceTime", isSignal: true, isRequired: false, transformFunction: null }, searchDebounceTime: { classPropertyName: "searchDebounceTime", publicName: "searchDebounceTime", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, optionsInScrollableView: { classPropertyName: "optionsInScrollableView", publicName: "optionsInScrollableView", isSignal: true, isRequired: false, transformFunction: null }, searchCriteria: { classPropertyName: "searchCriteria", publicName: "searchCriteria", isSignal: true, isRequired: false, transformFunction: null }, criteria: { classPropertyName: "criteria", publicName: "criteria", isSignal: true, isRequired: false, transformFunction: null }, exclusiveCriteria: { classPropertyName: "exclusiveCriteria", publicName: "exclusiveCriteria", isSignal: true, isRequired: false, transformFunction: null }, maxCriteria: { classPropertyName: "maxCriteria", publicName: "maxCriteria", isSignal: true, isRequired: false, transformFunction: null }, maxCriteriaOptions: { classPropertyName: "maxCriteriaOptions", publicName: "maxCriteriaOptions", isSignal: true, isRequired: false, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: false, transformFunction: null }, clearButtonLabel: { classPropertyName: "clearButtonLabel", publicName: "clearButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, submitButtonLabel: { classPropertyName: "submitButtonLabel", publicName: "submitButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, itemCountText: { classPropertyName: "itemCountText", publicName: "itemCountText", isSignal: true, isRequired: false, transformFunction: null }, colorVariant: { classPropertyName: "colorVariant", publicName: "colorVariant", isSignal: true, isRequired: false, transformFunction: null }, disableFreeTextSearch: { classPropertyName: "disableFreeTextSearch", publicName: "disableFreeTextSearch", isSignal: true, isRequired: false, transformFunction: null }, typeaheadOptionsLimit: { classPropertyName: "typeaheadOptionsLimit", publicName: "typeaheadOptionsLimit", isSignal: true, isRequired: false, transformFunction: null }, disableSelectionByColonAndSemicolon: { classPropertyName: "disableSelectionByColonAndSemicolon", publicName: "disableSelectionByColonAndSemicolon", isSignal: true, isRequired: false, transformFunction: null }, freeTextCriterion: { classPropertyName: "freeTextCriterion", publicName: "freeTextCriterion", isSignal: true, isRequired: false, transformFunction: null }, searchForFreeTextLabel: { classPropertyName: "searchForFreeTextLabel", publicName: "searchForFreeTextLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { doSearch: "doSearch", searchCriteria: "searchCriteriaChange", interceptDisplayedCriteria: "interceptDisplayedCriteria" }, host: { properties: { "class.disabled": "disabled()", "class.dark-background": "colorVariant() === 'base-0'" } }, viewQueries: [{ propertyName: "freeTextInput", first: true, predicate: SiFilteredSearchInputComponent, descendants: true, isSignal: true }, { propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "valueComponents", predicate: SiFilteredSearchValueComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #scrollContainer\n  class=\"search-container d-flex align-items-center overflow-auto py-2 w-100 ps-2 pe-2\"\n>\n  @for (criterion of values(); track criterion) {\n    <si-filtered-search-value\n      [editOnCreation]=\"autoEditCriteria\"\n      [definition]=\"criterion.config\"\n      [value]=\"criterion.value\"\n      [invalidCriterion]=\"!validateCriterionLabel(criterion.config)\"\n      [disabled]=\"disabled()\"\n      [clearButtonLabel]=\"clearButtonLabel()\"\n      [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n      [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n      [itemCountText]=\"itemCountText()\"\n      [lazyValueProvider]=\"lazyValueProvider()\"\n      [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n      [optionsInScrollableView]=\"optionsInScrollableView()\"\n      [searchLabel]=\"searchLabel()\"\n      [onlySelectValue]=\"onlySelectValue()\"\n      [searchDebounceTime]=\"searchDebounceTime()\"\n      [scrollStrategyFactory]=\"scrollStrategy()\"\n      (submitCriterion)=\"focusNext($index, $event)\"\n      (deleteCriterion)=\"deleteCriterion($index, $event)\"\n      (valueChange)=\"valueChange($event, criterion)\"\n    />\n  }\n  <!-- criterion input -->\n  <si-filtered-search-input\n    [dataSource]=\"dataSource\"\n    [typeaheadOptionsLimit]=\"typeaheadOptionsLimit()\"\n    [optionsInScrollableView]=\"optionsInScrollableView()\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [searchLabel]=\"searchLabel()\"\n    [freeTextCriterion]=\"!!freeTextCriterion()\"\n    [maxCriteriaReached]=\"!!maxCriteria() && values().length >= maxCriteria()!\"\n    [allowFreeText]=\"allowFreeTextCache()\"\n    [searchForFreeTextLabel]=\"searchForFreeTextLabel()\"\n    [scrollStrategyFactory]=\"scrollStrategy()\"\n    [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n    [onlySelectValue]=\"onlySelectValue()\"\n    [(searchValue)]=\"searchValue\"\n    (createCriterion)=\"onCreateCriterion($event)\"\n    (createCriterionByName)=\"onCreateCriterionByName($event)\"\n    (backspaceOverflow)=\"freeTextBackspace()\"\n    (createFreeTextPill)=\"createFreeTextPill($event)\"\n    (searchValueChange)=\"onSearchValueChange()\"\n    (inputFocus)=\"freeTextFocus()\"\n    (enterSubmit)=\"submit()\"\n  />\n</div>\n<!-- clear all searchCriteria -->\n@if (values().length || searchValue().length) {\n  <div class=\"clear-button-container\">\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-sm btn-tertiary-ghost mx-2\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"clearButtonLabel() | translate\"\n      (click)=\"deleteAllCriteria($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n}\n\n@if (!disabled()) {\n  <button\n    type=\"button\"\n    class=\"search-button btn btn-icon btn-sm btn-secondary focus-inside\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"submitButtonLabel() | translate\"\n    (click)=\"submit()\"\n  >\n    <si-icon [icon]=\"icons.elementSearch\" />\n  </button>\n}\n", styles: [":host{--search-bar-icon-color: var(--si-sys-text-primary);--input-background-color: var(--si-sys-background-1);--input-background-hover-color: var(--si-sys-background-1);--filter-search-background-color: var(--si-sys-background-1);--filter-pill-background-color: var(--si-sys-background-2)}:host.dark-background{--input-background-color: var(--si-sys-background-2);--input-background-hover-color: var(--si-sys-background-hover);--filter-search-background-color: var(--si-sys-background-2);--filter-pill-background-color: var(--si-sys-background-1)}:host{display:flex;align-items:center;block-size:fit-content;line-height:var(--si-sys-sizing-spacing-y-80);min-inline-size:0}:host.disabled{color:var(--si-sys-text-disabled)}.search-container{border-start-start-radius:4px;border-end-start-radius:4px;background-color:var(--filter-search-background-color);gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20)}.clear-button-container{display:flex;align-items:flex-start;align-self:stretch;padding-block:var(--si-sys-sizing-spacing-y-20);background-color:var(--filter-search-background-color)}.search-button{align-self:stretch;background-color:var(--filter-search-background-color);border:0;border-radius:0;border-end-end-radius:4px;border-start-end-radius:4px;margin-block:0;margin-inline:1px 0;aspect-ratio:auto;block-size:auto;inline-size:auto;padding-inline:var(--si-sys-sizing-spacing-y-20)!important}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiFilteredSearchInputComponent, selector: "si-filtered-search-input", inputs: ["dataSource", "typeaheadOptionsLimit", "optionsInScrollableView", "disabled", "placeholder", "searchLabel", "scrollStrategyFactory", "searchValue", "freeTextCriterion", "maxCriteriaReached", "allowFreeText", "searchForFreeTextLabel", "disableSelectionByColonAndSemicolon", "onlySelectValue"], outputs: ["searchValueChange", "createCriterion", "createCriterionByName", "backspaceOverflow", "createFreeTextPill", "inputFocus", "enterSubmit"] }, { kind: "component", type: SiFilteredSearchValueComponent, selector: "si-filtered-search-value", inputs: ["value", "definition", "disabled", "onlySelectValue", "maxCriteriaOptions", "optionsInScrollableView", "clearButtonLabel", "lazyValueProvider", "searchDebounceTime", "itemCountText", "disableSelectionByColonAndSemicolon", "searchLabel", "invalidCriterion", "isStrictOrOnlySelectValue", "editOnCreation", "scrollStrategyFactory"], outputs: ["valueChange", "deleteCriterion", "submitCriterion"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-filtered-search', imports: [
                         SiIconComponent,
                         SiTranslatePipe,
                         SiFilteredSearchInputComponent,
                         SiFilteredSearchValueComponent
-                    ], changeDetection: ChangeDetectionStrategy.Default, host: {
+                    ], changeDetection: ChangeDetectionStrategy.Eager, host: {
                         '[class.disabled]': 'disabled()',
                         '[class.dark-background]': "colorVariant() === 'base-0'"
-                    }, template: "<div\n  #scrollContainer\n  class=\"search-container d-flex align-items-center overflow-auto py-2 w-100 ps-2 pe-2\"\n>\n  @for (criterion of values(); track criterion) {\n    <si-filtered-search-value\n      [editOnCreation]=\"autoEditCriteria\"\n      [definition]=\"criterion.config\"\n      [value]=\"criterion.value\"\n      [invalidCriterion]=\"!validateCriterionLabel(criterion.config)\"\n      [disabled]=\"disabled()\"\n      [clearButtonLabel]=\"clearButtonLabel()\"\n      [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n      [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n      [itemCountText]=\"itemCountText()\"\n      [lazyValueProvider]=\"lazyValueProvider()\"\n      [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n      [optionsInScrollableView]=\"optionsInScrollableView()\"\n      [searchLabel]=\"searchLabel()\"\n      [onlySelectValue]=\"onlySelectValue()\"\n      [searchDebounceTime]=\"searchDebounceTime()\"\n      [scrollStrategyFactory]=\"scrollStrategy()\"\n      (submitCriterion)=\"focusNext($index, $event)\"\n      (deleteCriterion)=\"deleteCriterion($index, $event)\"\n      (valueChange)=\"valueChange($event, criterion)\"\n    />\n  }\n  <!-- criterion input -->\n  <si-filtered-search-input\n    [dataSource]=\"dataSource\"\n    [typeaheadOptionsLimit]=\"typeaheadOptionsLimit()\"\n    [optionsInScrollableView]=\"optionsInScrollableView()\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [searchLabel]=\"searchLabel()\"\n    [freeTextCriterion]=\"!!freeTextCriterion()\"\n    [maxCriteriaReached]=\"!!maxCriteria() && values().length >= maxCriteria()!\"\n    [allowFreeText]=\"allowFreeTextCache()\"\n    [searchForFreeTextLabel]=\"searchForFreeTextLabel()\"\n    [scrollStrategyFactory]=\"scrollStrategy()\"\n    [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n    [onlySelectValue]=\"onlySelectValue()\"\n    [(searchValue)]=\"searchValue\"\n    (createCriterion)=\"onCreateCriterion($event)\"\n    (createCriterionByName)=\"onCreateCriterionByName($event)\"\n    (backspaceOverflow)=\"freeTextBackspace()\"\n    (createFreeTextPill)=\"createFreeTextPill($event)\"\n    (searchValueChange)=\"onSearchValueChange()\"\n    (inputFocus)=\"freeTextFocus()\"\n    (enterSubmit)=\"submit()\"\n  />\n</div>\n<!-- clear all searchCriteria -->\n@if (values().length || searchValue().length) {\n  <div class=\"clear-button-container\">\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-sm btn-tertiary-ghost mx-2\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"clearButtonLabel() | translate\"\n      (click)=\"deleteAllCriteria($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n}\n\n@if (!disabled()) {\n  <button\n    type=\"button\"\n    class=\"search-button btn btn-icon btn-sm btn-secondary focus-inside\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"submitButtonLabel() | translate\"\n    (click)=\"submit()\"\n  >\n    <si-icon [icon]=\"icons.elementSearch\" />\n  </button>\n}\n", styles: [":host{--search-bar-icon-color: var(--element-text-primary);--input-background-color: var(--element-base-1);--input-background-hover-color: var(--element-base-1);--filter-search-background-color: var(--element-base-1);--filter-pill-background-color: var(--element-base-4)}:host.dark-background{--input-background-color: var(--element-base-4);--input-background-hover-color: var(--element-ui-4);--filter-search-background-color: var(--element-base-4);--filter-pill-background-color: var(--element-base-1)}:host{display:flex;align-items:center;line-height:24px;min-inline-size:0}:host.disabled{color:var(--element-text-disabled)}.search-container{border-start-start-radius:4px;border-end-start-radius:4px;background-color:var(--filter-search-background-color);gap:4px}.clear-button-container{display:flex;align-items:flex-start;align-self:stretch;padding-block:4px;background-color:var(--filter-search-background-color)}.search-button{align-self:stretch;background-color:var(--filter-search-background-color);border:0;border-radius:0;border-end-end-radius:4px;border-start-end-radius:4px;margin-block:0;margin-inline:1px 0;aspect-ratio:auto;block-size:auto;inline-size:auto;padding-inline:4px!important}\n"] }]
+                    }, template: "<div\n  #scrollContainer\n  class=\"search-container d-flex align-items-center overflow-auto py-2 w-100 ps-2 pe-2\"\n>\n  @for (criterion of values(); track criterion) {\n    <si-filtered-search-value\n      [editOnCreation]=\"autoEditCriteria\"\n      [definition]=\"criterion.config\"\n      [value]=\"criterion.value\"\n      [invalidCriterion]=\"!validateCriterionLabel(criterion.config)\"\n      [disabled]=\"disabled()\"\n      [clearButtonLabel]=\"clearButtonLabel()\"\n      [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n      [isStrictOrOnlySelectValue]=\"isStrictOrOnlySelectValue()\"\n      [itemCountText]=\"itemCountText()\"\n      [lazyValueProvider]=\"lazyValueProvider()\"\n      [maxCriteriaOptions]=\"maxCriteriaOptions()\"\n      [optionsInScrollableView]=\"optionsInScrollableView()\"\n      [searchLabel]=\"searchLabel()\"\n      [onlySelectValue]=\"onlySelectValue()\"\n      [searchDebounceTime]=\"searchDebounceTime()\"\n      [scrollStrategyFactory]=\"scrollStrategy()\"\n      (submitCriterion)=\"focusNext($index, $event)\"\n      (deleteCriterion)=\"deleteCriterion($index, $event)\"\n      (valueChange)=\"valueChange($event, criterion)\"\n    />\n  }\n  <!-- criterion input -->\n  <si-filtered-search-input\n    [dataSource]=\"dataSource\"\n    [typeaheadOptionsLimit]=\"typeaheadOptionsLimit()\"\n    [optionsInScrollableView]=\"optionsInScrollableView()\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [searchLabel]=\"searchLabel()\"\n    [freeTextCriterion]=\"!!freeTextCriterion()\"\n    [maxCriteriaReached]=\"!!maxCriteria() && values().length >= maxCriteria()!\"\n    [allowFreeText]=\"allowFreeTextCache()\"\n    [searchForFreeTextLabel]=\"searchForFreeTextLabel()\"\n    [scrollStrategyFactory]=\"scrollStrategy()\"\n    [disableSelectionByColonAndSemicolon]=\"disableSelectionByColonAndSemicolon()\"\n    [onlySelectValue]=\"onlySelectValue()\"\n    [(searchValue)]=\"searchValue\"\n    (createCriterion)=\"onCreateCriterion($event)\"\n    (createCriterionByName)=\"onCreateCriterionByName($event)\"\n    (backspaceOverflow)=\"freeTextBackspace()\"\n    (createFreeTextPill)=\"createFreeTextPill($event)\"\n    (searchValueChange)=\"onSearchValueChange()\"\n    (inputFocus)=\"freeTextFocus()\"\n    (enterSubmit)=\"submit()\"\n  />\n</div>\n<!-- clear all searchCriteria -->\n@if (values().length || searchValue().length) {\n  <div class=\"clear-button-container\">\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-sm btn-tertiary-ghost mx-2\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"clearButtonLabel() | translate\"\n      (click)=\"deleteAllCriteria($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n}\n\n@if (!disabled()) {\n  <button\n    type=\"button\"\n    class=\"search-button btn btn-icon btn-sm btn-secondary focus-inside\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"submitButtonLabel() | translate\"\n    (click)=\"submit()\"\n  >\n    <si-icon [icon]=\"icons.elementSearch\" />\n  </button>\n}\n", styles: [":host{--search-bar-icon-color: var(--si-sys-text-primary);--input-background-color: var(--si-sys-background-1);--input-background-hover-color: var(--si-sys-background-1);--filter-search-background-color: var(--si-sys-background-1);--filter-pill-background-color: var(--si-sys-background-2)}:host.dark-background{--input-background-color: var(--si-sys-background-2);--input-background-hover-color: var(--si-sys-background-hover);--filter-search-background-color: var(--si-sys-background-2);--filter-pill-background-color: var(--si-sys-background-1)}:host{display:flex;align-items:center;block-size:fit-content;line-height:var(--si-sys-sizing-spacing-y-80);min-inline-size:0}:host.disabled{color:var(--si-sys-text-disabled)}.search-container{border-start-start-radius:4px;border-end-start-radius:4px;background-color:var(--filter-search-background-color);gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20)}.clear-button-container{display:flex;align-items:flex-start;align-self:stretch;padding-block:var(--si-sys-sizing-spacing-y-20);background-color:var(--filter-search-background-color)}.search-button{align-self:stretch;background-color:var(--filter-search-background-color);border:0;border-radius:0;border-end-end-radius:4px;border-start-end-radius:4px;margin-block:0;margin-inline:1px 0;aspect-ratio:auto;block-size:auto;inline-size:auto;padding-inline:var(--si-sys-sizing-spacing-y-20)!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { scrollStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStrategy", required: false }] }], doSearch: [{ type: i0.Output, args: ["doSearch"] }], doSearchOnInputChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "doSearchOnInputChange", required: false }] }], lazyCriterionProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyCriterionProvider", required: false }] }], lazyValueProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyValueProvider", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], strictCriterion: [{ type: i0.Input, args: [{ isSignal: true, alias: "strictCriterion", required: false }] }], strictValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "strictValue", required: false }] }], onlySelectValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlySelectValue", required: false }] }], lazyLoadingDebounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyLoadingDebounceTime", required: false }] }], searchDebounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchDebounceTime", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], optionsInScrollableView: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsInScrollableView", required: false }] }], searchCriteria: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchCriteria", required: false }] }, { type: i0.Output, args: ["searchCriteriaChange"] }], criteria: [{ type: i0.Input, args: [{ isSignal: true, alias: "criteria", required: false }] }], exclusiveCriteria: [{ type: i0.Input, args: [{ isSignal: true, alias: "exclusiveCriteria", required: false }] }], maxCriteria: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCriteria", required: false }] }], maxCriteriaOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxCriteriaOptions", required: false }] }], searchLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLabel", required: false }] }], clearButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearButtonLabel", required: false }] }], submitButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "submitButtonLabel", required: false }] }], itemCountText: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemCountText", required: false }] }], colorVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorVariant", required: false }] }], disableFreeTextSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableFreeTextSearch", required: false }] }], typeaheadOptionsLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeaheadOptionsLimit", required: false }] }], disableSelectionByColonAndSemicolon: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableSelectionByColonAndSemicolon", required: false }] }], freeTextCriterion: [{ type: i0.Input, args: [{ isSignal: true, alias: "freeTextCriterion", required: false }] }], searchForFreeTextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchForFreeTextLabel", required: false }] }], interceptDisplayedCriteria: [{ type: i0.Output, args: ["interceptDisplayedCriteria"] }], freeTextInput: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SiFilteredSearchInputComponent), { isSignal: true }] }], scrollContainer: [{ type: i0.ViewChild, args: ['scrollContainer', { ...{ read: ElementRef }, isSignal: true }] }], valueComponents: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SiFilteredSearchValueComponent), { isSignal: true }] }] } });
 
 /**
@@ -1310,11 +1419,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiFilteredSearchModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchModule, imports: [SiFilteredSearchComponent], exports: [SiFilteredSearchComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchModule, imports: [SiFilteredSearchComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchModule, imports: [SiFilteredSearchComponent], exports: [SiFilteredSearchComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchModule, imports: [SiFilteredSearchComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiFilteredSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiFilteredSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiFilteredSearchComponent],