@ethlete/cdk 4.4.0 → 4.5.0

package/esm2022/lib/components/forms/components/segmented-button/components/segmented-button-field/segmented-button-field.component.mjs

@@ -5,14 +5,14 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../../../directives/static-form-field/static-form-field.directive";
 import * as i2 from "../../directives/segmented-button-field/segmented-button-field.directive";
 export class SegmentedButtonFieldComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: SegmentedButtonFieldComponent, isStandalone: true, selector: "et-segmented-button-field", host: { classAttribute: "et-form-field et-segmented-button-field" }, hostDirectives: [{ directive: i1.StaticFormFieldDirective }, { directive: i2.SegmentedButtonFieldDirective }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SegmentedButtonFieldComponent, isStandalone: true, selector: "et-segmented-button-field", host: { classAttribute: "et-form-field et-segmented-button-field" }, hostDirectives: [{ directive: i1.StaticFormFieldDirective }, { directive: i2.SegmentedButtonFieldDirective }], ngImport: i0, template: `
     <div class="et-segmented-button-field-container">
       <ng-content />
     </div>
   `, isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-segmented-button-field', template: `
     <div class="et-segmented-button-field-container">

package/esm2022/lib/components/forms/components/segmented-button/components/segmented-button-group/segmented-button-group.component.mjs

@@ -13,15 +13,15 @@ export class SegmentedButtonGroupComponent {
     constructor() {
         this.inputState = inject(InputStateService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: SegmentedButtonGroupComponent, isStandalone: true, selector: "et-segmented-button-group", host: { classAttribute: "et-form-group et-segmented-button-group" }, hostDirectives: [{ directive: i1.StaticFormGroupDirective }, { directive: i2.WriteableInputDirective }, { directive: i0.forwardRef(() => i3.DynamicFormGroupDirective), inputs: ["hideErrorMessage", "hideErrorMessage"] }, { directive: i4.SegmentedButtonGroupDirective }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SegmentedButtonGroupComponent, isStandalone: true, selector: "et-segmented-button-group", host: { classAttribute: "et-form-group et-segmented-button-group" }, hostDirectives: [{ directive: i1.StaticFormGroupDirective }, { directive: i2.WriteableInputDirective }, { directive: i0.forwardRef(() => i3.DynamicFormGroupDirective), inputs: ["hideErrorMessage", "hideErrorMessage"] }, { directive: i4.SegmentedButtonGroupDirective }], ngImport: i0, template: `
     <div class="et-segmented-button-group-container">
       <ng-content />
     </div>
     <et-error [errors]="inputState.errors$ | async" />
   `, isInline: true, styles: [":where(.et-segmented-button-group){--et-segmented-button-group-gap: 1rem}.et-segmented-button-group-container{display:flex;gap:var(--et-segmented-button-group-gap)}\n"], dependencies: [{ kind: "component", type: ErrorComponent, selector: "et-error", inputs: ["errors"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-segmented-button-group', template: `
     <div class="et-segmented-button-group-container">

package/esm2022/lib/components/forms/components/segmented-button/directives/segmented-button/segmented-button.directive.mjs

@@ -52,10 +52,10 @@ export class SegmentedButtonDirective {
         this.input._markAsTouched();
         this.input._setShouldDisplayError(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: SegmentedButtonDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled" }, providers: [{ provide: SEGMENTED_BUTTON_TOKEN, useExisting: SegmentedButtonDirective }], exportAs: ["etSegmentedButton"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: SegmentedButtonDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled" }, providers: [{ provide: SEGMENTED_BUTTON_TOKEN, useExisting: SegmentedButtonDirective }], exportAs: ["etSegmentedButton"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/forms/components/segmented-button/directives/segmented-button-field/segmented-button-field.directive.mjs

@@ -19,10 +19,10 @@ export class SegmentedButtonFieldDirective {
     set segmentedButton(segmentedButton) {
         this._segmentedButton$.next(segmentedButton);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: SegmentedButtonFieldDirective, isStandalone: true, providers: [{ provide: SEGMENTED_BUTTON_FIELD_TOKEN, useExisting: SegmentedButtonFieldDirective }], queries: [{ propertyName: "segmentedButton", predicate: i0.forwardRef(() => SEGMENTED_BUTTON_TOKEN), descendants: true }], exportAs: ["etSegmentedButtonField"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: SegmentedButtonFieldDirective, isStandalone: true, providers: [{ provide: SEGMENTED_BUTTON_FIELD_TOKEN, useExisting: SegmentedButtonFieldDirective }], queries: [{ propertyName: "segmentedButton", predicate: i0.forwardRef(() => SEGMENTED_BUTTON_TOKEN), descendants: true }], exportAs: ["etSegmentedButtonField"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonFieldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonFieldDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/forms/components/segmented-button/directives/segmented-button-group/segmented-button-group.directive.mjs

@@ -3,7 +3,7 @@ import { toSignal } from '@angular/core/rxjs-interop';
 import { createDestroy, createFlipAnimation, signalHostAttributes, TypedQueryList } from '@ethlete/core';
 import { combineLatest, pairwise, startWith, takeUntil, tap } from 'rxjs';
 import { FormGroupStateService, InputStateService } from '../../../../services';
-import { SEGMENTED_BUTTON_TOKEN } from '../public-api';
+import { SEGMENTED_BUTTON_TOKEN } from '../segmented-button/segmented-button.directive';
 import * as i0 from "@angular/core";
 export const SEGMENTED_BUTTON_GROUP_TOKEN = new InjectionToken('ET_SEGMENTED_BUTTON_GROUP_DIRECTIVE_TOKEN');
 let nextUniqueId = 0;
@@ -43,10 +43,10 @@ export class SegmentedButtonGroupDirective {
         }), takeUntil(this._destroy$))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: SegmentedButtonGroupDirective, isStandalone: true, host: { attributes: { "role": "group" } }, providers: [{ provide: SEGMENTED_BUTTON_GROUP_TOKEN, useExisting: SegmentedButtonGroupDirective }], queries: [{ propertyName: "_segmentedButtons", predicate: i0.forwardRef(() => SEGMENTED_BUTTON_TOKEN), descendants: true }], exportAs: ["etSegmentedButtonGroup"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: SegmentedButtonGroupDirective, isStandalone: true, host: { attributes: { "role": "group" } }, providers: [{ provide: SEGMENTED_BUTTON_GROUP_TOKEN, useExisting: SegmentedButtonGroupDirective }], queries: [{ propertyName: "_segmentedButtons", predicate: i0.forwardRef(() => SEGMENTED_BUTTON_TOKEN), descendants: true }], exportAs: ["etSegmentedButtonGroup"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -60,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
                 type: ContentChildren,
                 args: [forwardRef(() => SEGMENTED_BUTTON_TOKEN), { descendants: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJ1dHRvbi1ncm91cC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9zZWdtZW50ZWQtYnV0dG9uL2RpcmVjdGl2ZXMvc2VnbWVudGVkLWJ1dHRvbi1ncm91cC9zZWdtZW50ZWQtYnV0dG9uLWdyb3VwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLGVBQWUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakgsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsbUJBQW1CLEVBQWEsb0JBQW9CLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BILE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2hGLE9BQU8sRUFBRSxzQkFBc0IsRUFBNEIsTUFBTSxlQUFlLENBQUM7O0FBRWpGLE1BQU0sQ0FBQyxNQUFNLDRCQUE0QixHQUFHLElBQUksY0FBYyxDQUM1RCwyQ0FBMkMsQ0FDNUMsQ0FBQztBQUVGLElBQUksWUFBWSxHQUFHLENBQUMsQ0FBQztBQVVyQixNQUFNLE9BQU8sNkJBQTZCO0lBUjFDO1FBU21CLDJCQUFzQixHQUFHLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBQ3ZELHVCQUFrQixHQUFHLE1BQU0sQ0FBa0QsaUJBQWlCLENBQUMsQ0FBQztRQUNoRyxjQUFTLEdBQUcsYUFBYSxFQUFFLENBQUM7UUFFcEMsU0FBSSxHQUFHLDZCQUE2QixFQUFFLFlBQVksRUFBRSxDQUFDO1FBRXJELDBCQUFxQixHQUFHLG9CQUFvQixDQUFDO1lBQ3BELGlCQUFpQixFQUFFLFFBQVEsQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxDQUFDO1NBQ3RFLENBQUMsQ0FBQztLQXdDSjtJQW5DQyxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUMzQixPQUFPO1NBQ1I7UUFFRCxhQUFhLENBQUM7WUFDWixJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUM7WUFDdEUsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7U0FDaEQsQ0FBQzthQUNDLElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDeEMsTUFBTSxtQkFBbUIsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLEVBQUUsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDO1lBQ2xGLE1BQU0sbUJBQW1CLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsTUFBTSxFQUFFLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQztZQUVsRixJQUNFLENBQUMsbUJBQW1CO2dCQUNwQixDQUFDLG1CQUFtQjtnQkFDcEIsbUJBQW1CLEtBQUssbUJBQW1CO2dCQUMzQyxDQUFDLG1CQUFtQixDQUFDLHNCQUFzQjtnQkFDM0MsQ0FBQyxtQkFBbUIsQ0FBQyxzQkFBc0IsRUFDM0M7Z0JBQ0EsT0FBTzthQUNSO1lBRUQsTUFBTSxJQUFJLEdBQUcsbUJBQW1CLENBQUM7Z0JBQy9CLGFBQWEsRUFBRSxtQkFBbUIsQ0FBQyxzQkFBc0I7Z0JBQ3pELE9BQU8sRUFBRSxtQkFBbUIsQ0FBQyxzQkFBc0I7YUFDcEQsQ0FBQyxDQUFDO1lBRUgsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2QsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDMUI7YUFDQSxTQUFTLEVBQUUsQ0FBQztJQUNqQixDQUFDOzhHQWhEVSw2QkFBNkI7a0dBQTdCLDZCQUE2Qiw0RUFON0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxXQUFXLEVBQUUsNkJBQTZCLEVBQUUsQ0FBQyxnRkFpQmhFLHNCQUFzQjs7MkZBWDdDLDZCQUE2QjtrQkFSekMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsV0FBVywrQkFBK0IsRUFBRSxDQUFDO29CQUNsRyxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQyxJQUFJLEVBQUU7d0JBQ0osSUFBSSxFQUFFLE9BQU87cUJBQ2Q7aUJBQ0Y7OEJBYVMsaUJBQWlCO3NCQUR4QixlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbnRlbnRDaGlsZHJlbiwgRGlyZWN0aXZlLCBmb3J3YXJkUmVmLCBpbmplY3QsIEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0b1NpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IGNyZWF0ZURlc3Ryb3ksIGNyZWF0ZUZsaXBBbmltYXRpb24sIFByaW1pdGl2ZSwgc2lnbmFsSG9zdEF0dHJpYnV0ZXMsIFR5cGVkUXVlcnlMaXN0IH0gZnJvbSAnQGV0aGxldGUvY29yZSc7XG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCBwYWlyd2lzZSwgc3RhcnRXaXRoLCB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRm9ybUdyb3VwU3RhdGVTZXJ2aWNlLCBJbnB1dFN0YXRlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzJztcbmltcG9ydCB7IFNFR01FTlRFRF9CVVRUT05fVE9LRU4sIFNlZ21lbnRlZEJ1dHRvbkRpcmVjdGl2ZSB9IGZyb20gJy4uL3B1YmxpYy1hcGknO1xuXG5leHBvcnQgY29uc3QgU0VHTUVOVEVEX0JVVFRPTl9HUk9VUF9UT0tFTiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxTZWdtZW50ZWRCdXR0b25Hcm91cERpcmVjdGl2ZT4oXG4gICdFVF9TRUdNRU5URURfQlVUVE9OX0dST1VQX0RJUkVDVElWRV9UT0tFTicsXG4pO1xuXG5sZXQgbmV4dFVuaXF1ZUlkID0gMDtcblxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogU0VHTUVOVEVEX0JVVFRPTl9HUk9VUF9UT0tFTiwgdXNlRXhpc3Rpbmc6IFNlZ21lbnRlZEJ1dHRvbkdyb3VwRGlyZWN0aXZlIH1dLFxuICBleHBvcnRBczogJ2V0U2VnbWVudGVkQnV0dG9uR3JvdXAnLFxuICBob3N0OiB7XG4gICAgcm9sZTogJ2dyb3VwJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgU2VnbWVudGVkQnV0dG9uR3JvdXBEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfZm9ybUdyb3VwU3RhdGVTZXJ2aWNlID0gaW5qZWN0KEZvcm1Hcm91cFN0YXRlU2VydmljZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2lucHV0U3RhdGVTZXJ2aWNlID0gaW5qZWN0PElucHV0U3RhdGVTZXJ2aWNlPFByaW1pdGl2ZSwgSFRNTEJ1dHRvbkVsZW1lbnQ+PihJbnB1dFN0YXRlU2VydmljZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2Rlc3Ryb3kkID0gY3JlYXRlRGVzdHJveSgpO1xuXG4gIHJlYWRvbmx5IG5hbWUgPSBgZXQtc2VnbWVudGVkLWJ1dHRvbi1ncm91cC0keysrbmV4dFVuaXF1ZUlkfWA7XG5cbiAgcmVhZG9ubHkgaG9zdEF0dHJpYnV0ZUJpbmRpbmdzID0gc2lnbmFsSG9zdEF0dHJpYnV0ZXMoe1xuICAgICdhcmlhLWxhYmVsbGVkYnknOiB0b1NpZ25hbCh0aGlzLl9mb3JtR3JvdXBTdGF0ZVNlcnZpY2UuZGVzY3JpYmVkQnkkKSxcbiAgfSk7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IFNFR01FTlRFRF9CVVRUT05fVE9LRU4pLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gIHByaXZhdGUgX3NlZ21lbnRlZEJ1dHRvbnM/OiBUeXBlZFF1ZXJ5TGlzdDxTZWdtZW50ZWRCdXR0b25EaXJlY3RpdmU+O1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuX3NlZ21lbnRlZEJ1dHRvbnMpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb21iaW5lTGF0ZXN0KFtcbiAgICAgIHRoaXMuX3NlZ21lbnRlZEJ1dHRvbnMuY2hhbmdlcy5waXBlKHN0YXJ0V2l0aCh0aGlzLl9zZWdtZW50ZWRCdXR0b25zKSksXG4gICAgICB0aGlzLl9pbnB1dFN0YXRlU2VydmljZS52YWx1ZSQucGlwZShwYWlyd2lzZSgpKSxcbiAgICBdKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgoW2J1dHRvbnMsIFtwcmV2VmFsdWUsIGN1cnJWYWx1ZV1dKSA9PiB7XG4gICAgICAgICAgY29uc3QgcHJldkFjdGl2ZUluZGljYXRvciA9IGJ1dHRvbnMuZmluZCgoYnV0dG9uKSA9PiBidXR0b24/LnZhbHVlID09PSBwcmV2VmFsdWUpO1xuICAgICAgICAgIGNvbnN0IGN1cnJBY3RpdmVJbmRpY2F0b3IgPSBidXR0b25zLmZpbmQoKGJ1dHRvbikgPT4gYnV0dG9uPy52YWx1ZSA9PT0gY3VyclZhbHVlKTtcblxuICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICFwcmV2QWN0aXZlSW5kaWNhdG9yIHx8XG4gICAgICAgICAgICAhY3VyckFjdGl2ZUluZGljYXRvciB8fFxuICAgICAgICAgICAgcHJldkFjdGl2ZUluZGljYXRvciA9PT0gY3VyckFjdGl2ZUluZGljYXRvciB8fFxuICAgICAgICAgICAgIXByZXZBY3RpdmVJbmRpY2F0b3IuYWN0aXZlSW5kaWNhdG9yRWxlbWVudCB8fFxuICAgICAgICAgICAgIWN1cnJBY3RpdmVJbmRpY2F0b3IuYWN0aXZlSW5kaWNhdG9yRWxlbWVudFxuICAgICAgICAgICkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGNvbnN0IGZsaXAgPSBjcmVhdGVGbGlwQW5pbWF0aW9uKHtcbiAgICAgICAgICAgIG9yaWdpbkVsZW1lbnQ6IHByZXZBY3RpdmVJbmRpY2F0b3IuYWN0aXZlSW5kaWNhdG9yRWxlbWVudCxcbiAgICAgICAgICAgIGVsZW1lbnQ6IGN1cnJBY3RpdmVJbmRpY2F0b3IuYWN0aXZlSW5kaWNhdG9yRWxlbWVudCxcbiAgICAgICAgICB9KTtcblxuICAgICAgICAgIGZsaXAucGxheSgpO1xuICAgICAgICB9KSxcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJ1dHRvbi1ncm91cC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9zZWdtZW50ZWQtYnV0dG9uL2RpcmVjdGl2ZXMvc2VnbWVudGVkLWJ1dHRvbi1ncm91cC9zZWdtZW50ZWQtYnV0dG9uLWdyb3VwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLGVBQWUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakgsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsbUJBQW1CLEVBQWEsb0JBQW9CLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BILE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2hGLE9BQU8sRUFBRSxzQkFBc0IsRUFBNEIsTUFBTSxnREFBZ0QsQ0FBQzs7QUFFbEgsTUFBTSxDQUFDLE1BQU0sNEJBQTRCLEdBQUcsSUFBSSxjQUFjLENBQzVELDJDQUEyQyxDQUM1QyxDQUFDO0FBRUYsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBVXJCLE1BQU0sT0FBTyw2QkFBNkI7SUFSMUM7UUFTbUIsMkJBQXNCLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDdkQsdUJBQWtCLEdBQUcsTUFBTSxDQUFrRCxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2hHLGNBQVMsR0FBRyxhQUFhLEVBQUUsQ0FBQztRQUVwQyxTQUFJLEdBQUcsNkJBQTZCLEVBQUUsWUFBWSxFQUFFLENBQUM7UUFFckQsMEJBQXFCLEdBQUcsb0JBQW9CLENBQUM7WUFDcEQsaUJBQWlCLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUM7U0FDdEUsQ0FBQyxDQUFDO0tBd0NKO0lBbkNDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQzNCLE9BQU87U0FDUjtRQUVELGFBQWEsQ0FBQztZQUNaLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUN0RSxJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztTQUNoRCxDQUFDO2FBQ0MsSUFBSSxDQUNILEdBQUcsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN4QyxNQUFNLG1CQUFtQixHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLE1BQU0sRUFBRSxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUM7WUFDbEYsTUFBTSxtQkFBbUIsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLEVBQUUsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDO1lBRWxGLElBQ0UsQ0FBQyxtQkFBbUI7Z0JBQ3BCLENBQUMsbUJBQW1CO2dCQUNwQixtQkFBbUIsS0FBSyxtQkFBbUI7Z0JBQzNDLENBQUMsbUJBQW1CLENBQUMsc0JBQXNCO2dCQUMzQyxDQUFDLG1CQUFtQixDQUFDLHNCQUFzQixFQUMzQztnQkFDQSxPQUFPO2FBQ1I7WUFFRCxNQUFNLElBQUksR0FBRyxtQkFBbUIsQ0FBQztnQkFDL0IsYUFBYSxFQUFFLG1CQUFtQixDQUFDLHNCQUFzQjtnQkFDekQsT0FBTyxFQUFFLG1CQUFtQixDQUFDLHNCQUFzQjthQUNwRCxDQUFDLENBQUM7WUFFSCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDZCxDQUFDLENBQUMsRUFDRixTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMxQjthQUNBLFNBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7OEdBaERVLDZCQUE2QjtrR0FBN0IsNkJBQTZCLDRFQU43QixDQUFDLEVBQUUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLFdBQVcsRUFBRSw2QkFBNkIsRUFBRSxDQUFDLGdGQWlCaEUsc0JBQXNCOzsyRkFYN0MsNkJBQTZCO2tCQVJ6QyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxXQUFXLCtCQUErQixFQUFFLENBQUM7b0JBQ2xHLFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLElBQUksRUFBRTt3QkFDSixJQUFJLEVBQUUsT0FBTztxQkFDZDtpQkFDRjs4QkFhUyxpQkFBaUI7c0JBRHhCLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29udGVudENoaWxkcmVuLCBEaXJlY3RpdmUsIGZvcndhcmRSZWYsIGluamVjdCwgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgY3JlYXRlRGVzdHJveSwgY3JlYXRlRmxpcEFuaW1hdGlvbiwgUHJpbWl0aXZlLCBzaWduYWxIb3N0QXR0cmlidXRlcywgVHlwZWRRdWVyeUxpc3QgfSBmcm9tICdAZXRobGV0ZS9jb3JlJztcbmltcG9ydCB7IGNvbWJpbmVMYXRlc3QsIHBhaXJ3aXNlLCBzdGFydFdpdGgsIHRha2VVbnRpbCwgdGFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGb3JtR3JvdXBTdGF0ZVNlcnZpY2UsIElucHV0U3RhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHsgU0VHTUVOVEVEX0JVVFRPTl9UT0tFTiwgU2VnbWVudGVkQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vc2VnbWVudGVkLWJ1dHRvbi9zZWdtZW50ZWQtYnV0dG9uLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBjb25zdCBTRUdNRU5URURfQlVUVE9OX0dST1VQX1RPS0VOID0gbmV3IEluamVjdGlvblRva2VuPFNlZ21lbnRlZEJ1dHRvbkdyb3VwRGlyZWN0aXZlPihcbiAgJ0VUX1NFR01FTlRFRF9CVVRUT05fR1JPVVBfRElSRUNUSVZFX1RPS0VOJyxcbik7XG5cbmxldCBuZXh0VW5pcXVlSWQgPSAwO1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBTRUdNRU5URURfQlVUVE9OX0dST1VQX1RPS0VOLCB1c2VFeGlzdGluZzogU2VnbWVudGVkQnV0dG9uR3JvdXBEaXJlY3RpdmUgfV0sXG4gIGV4cG9ydEFzOiAnZXRTZWdtZW50ZWRCdXR0b25Hcm91cCcsXG4gIGhvc3Q6IHtcbiAgICByb2xlOiAnZ3JvdXAnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBTZWdtZW50ZWRCdXR0b25Hcm91cERpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9mb3JtR3JvdXBTdGF0ZVNlcnZpY2UgPSBpbmplY3QoRm9ybUdyb3VwU3RhdGVTZXJ2aWNlKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfaW5wdXRTdGF0ZVNlcnZpY2UgPSBpbmplY3Q8SW5wdXRTdGF0ZVNlcnZpY2U8UHJpbWl0aXZlLCBIVE1MQnV0dG9uRWxlbWVudD4+KElucHV0U3RhdGVTZXJ2aWNlKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfZGVzdHJveSQgPSBjcmVhdGVEZXN0cm95KCk7XG5cbiAgcmVhZG9ubHkgbmFtZSA9IGBldC1zZWdtZW50ZWQtYnV0dG9uLWdyb3VwLSR7KytuZXh0VW5pcXVlSWR9YDtcblxuICByZWFkb25seSBob3N0QXR0cmlidXRlQmluZGluZ3MgPSBzaWduYWxIb3N0QXR0cmlidXRlcyh7XG4gICAgJ2FyaWEtbGFiZWxsZWRieSc6IHRvU2lnbmFsKHRoaXMuX2Zvcm1Hcm91cFN0YXRlU2VydmljZS5kZXNjcmliZWRCeSQpLFxuICB9KTtcblxuICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gU0VHTUVOVEVEX0JVVFRPTl9UT0tFTiksIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgcHJpdmF0ZSBfc2VnbWVudGVkQnV0dG9ucz86IFR5cGVkUXVlcnlMaXN0PFNlZ21lbnRlZEJ1dHRvbkRpcmVjdGl2ZT47XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fc2VnbWVudGVkQnV0dG9ucykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbWJpbmVMYXRlc3QoW1xuICAgICAgdGhpcy5fc2VnbWVudGVkQnV0dG9ucy5jaGFuZ2VzLnBpcGUoc3RhcnRXaXRoKHRoaXMuX3NlZ21lbnRlZEJ1dHRvbnMpKSxcbiAgICAgIHRoaXMuX2lucHV0U3RhdGVTZXJ2aWNlLnZhbHVlJC5waXBlKHBhaXJ3aXNlKCkpLFxuICAgIF0pXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKChbYnV0dG9ucywgW3ByZXZWYWx1ZSwgY3VyclZhbHVlXV0pID0+IHtcbiAgICAgICAgICBjb25zdCBwcmV2QWN0aXZlSW5kaWNhdG9yID0gYnV0dG9ucy5maW5kKChidXR0b24pID0+IGJ1dHRvbj8udmFsdWUgPT09IHByZXZWYWx1ZSk7XG4gICAgICAgICAgY29uc3QgY3VyckFjdGl2ZUluZGljYXRvciA9IGJ1dHRvbnMuZmluZCgoYnV0dG9uKSA9PiBidXR0b24/LnZhbHVlID09PSBjdXJyVmFsdWUpO1xuXG4gICAgICAgICAgaWYgKFxuICAgICAgICAgICAgIXByZXZBY3RpdmVJbmRpY2F0b3IgfHxcbiAgICAgICAgICAgICFjdXJyQWN0aXZlSW5kaWNhdG9yIHx8XG4gICAgICAgICAgICBwcmV2QWN0aXZlSW5kaWNhdG9yID09PSBjdXJyQWN0aXZlSW5kaWNhdG9yIHx8XG4gICAgICAgICAgICAhcHJldkFjdGl2ZUluZGljYXRvci5hY3RpdmVJbmRpY2F0b3JFbGVtZW50IHx8XG4gICAgICAgICAgICAhY3VyckFjdGl2ZUluZGljYXRvci5hY3RpdmVJbmRpY2F0b3JFbGVtZW50XG4gICAgICAgICAgKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgY29uc3QgZmxpcCA9IGNyZWF0ZUZsaXBBbmltYXRpb24oe1xuICAgICAgICAgICAgb3JpZ2luRWxlbWVudDogcHJldkFjdGl2ZUluZGljYXRvci5hY3RpdmVJbmRpY2F0b3JFbGVtZW50LFxuICAgICAgICAgICAgZWxlbWVudDogY3VyckFjdGl2ZUluZGljYXRvci5hY3RpdmVJbmRpY2F0b3JFbGVtZW50LFxuICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgZmxpcC5wbGF5KCk7XG4gICAgICAgIH0pLFxuICAgICAgICB0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/forms/components/select/components/combobox/components/combobox/combobox.component.mjs

@@ -18,10 +18,10 @@ export class ComboboxComponent extends DecoratedInputBase {
         this.combobox = inject(COMBOBOX_TOKEN);
         this.combobox.setBodyComponent(ComboboxBodyComponent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.5", type: ComboboxComponent, isStandalone: true, selector: "et-combobox", host: { listeners: { "click": "combobox.selectInputAndOpen()" }, classAttribute: "et-combobox" }, usesInheritance: true, hostDirectives: [{ directive: i1.AnimatedOverlayDirective }, { directive: i2.OverlayCloseBlockerDirective }, { directive: i3.InputDirective, inputs: ["placeholder", "placeholder"] }, { directive: i4.ComboboxDirective, inputs: ["options", "options", "initialValue", "initialValue", "filterInternal", "filterInternal", "loading", "loading", "error", "error", "emptyText", "emptyText", "placeholder", "placeholder", "multiple", "multiple", "bindLabel", "bindLabel", "bindValue", "bindValue", "bindDisabled", "bindDisabled", "allowCustomValues", "allowCustomValues", "selectedOptionComponent", "selectedOptionComponent", "optionComponent", "optionComponent", "bodyErrorComponent", "bodyErrorComponent", "bodyLoadingComponent", "bodyLoadingComponent", "bodyEmptyComponent", "bodyEmptyComponent", "bodyMoreItemsHintComponent", "bodyMoreItemsHintComponent", "showBodyMoreItemsHint", "showBodyMoreItemsHint", "bodyEmptyText", "bodyEmptyText", "bodyMoreItemsHintText", "bodyMoreItemsHintText", "optionComponentInputs", "optionComponentInputs", "selectedOptionComponentInputs", "selectedOptionComponentInputs", "bodyErrorComponentInputs", "bodyErrorComponentInputs", "bodyLoadingComponentInputs", "bodyLoadingComponentInputs", "bodyEmptyComponentInputs", "bodyEmptyComponentInputs", "bodyMoreItemsHintComponentInputs", "bodyMoreItemsHintComponentInputs"], outputs: ["filterChange", "filterChange"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div>\n  @if (combobox.multiple$ | async) {\n    <div class=\"et-combobox-selected-options\">\n      @for (item of combobox.selectedOptions$ | async; track combobox.trackByOptionKeyFn($index, item)) {\n        <div class=\"et-combobox-selected-option\" aria-hidden=\"true\">\n          @if (combobox.customSelectedOptionTpl$ | async; as customSelectedOptionTpl) {\n            <ng-container *ngTemplateOutlet=\"customSelectedOptionTpl; context: { option: item }\" />\n          } @else {\n            @if (combobox.customSelectedOptionComponent$ | async; as comp) {\n              <ng-container\n                *ngComponentOutlet=\"\n                  comp;\n                  inputs: (combobox.combineSelectedOptionWithComponentInputs(item) | async) ?? { option: item }\n                \"\n              />\n            } @else {\n              {{ combobox.getOptionLabel(item) | async }}\n            }\n          }\n\n          <button\n            (click)=\"combobox.removeSelectedOption(item); $event.stopPropagation(); combobox.focus()\"\n            class=\"et-combobox-selected-option-remove\"\n            tabindex=\"-1\"\n          >\n            x\n          </button>\n        </div>\n      }\n      <div class=\"et-combobox-muliple-input\">\n        <ng-container *ngTemplateOutlet=\"inputTpl\" />\n      </div>\n    </div>\n  }\n\n  <ng-template #inputTpl>\n    <input\n      [disabled]=\"input.disabled\"\n      [attr.id]=\"input.id\"\n      [attr.aria-required]=\"(input.required$ | async) || null\"\n      [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n      [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n      [attr.aria-expanded]=\"combobox.isOpen$ | async\"\n      [attr.aria-describedby]=\"input.describedBy$ | async\"\n      [attr.placeholder]=\"input.placeholder || null\"\n      [attr.aria-activedescendant]=\"combobox.activeOptionId$ | async\"\n      [attr.aria-controls]=\"(combobox.selectBodyId$ | async) || null\"\n      [attr.aria-owns]=\"(combobox.selectBodyId$ | async) || null\"\n      (keydown)=\"combobox._processKeydownEvent($event)\"\n      (keyup)=\"combobox._processKeyupEvent()\"\n      (click)=\"combobox.open()\"\n      (blur)=\"combobox._handleBlurEvent()\"\n      (input)=\"combobox._processInputEvent($event)\"\n      class=\"et-combobox-wrapper\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      role=\"combobox\"\n      aria-autocomplete=\"list\"\n      type=\"text\"\n      value=\"{{ combobox.currentFilter }}\"\n      etNativeInputRef\n    />\n  </ng-template>\n\n  @if ((combobox.multiple$ | async) === false) {\n    <ng-container *ngTemplateOutlet=\"inputTpl\" />\n  }\n\n  <et-chevron-icon class=\"et-combobox-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template>\n  <ng-content />\n</ng-template>\n", styles: [".et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-from,.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-to{opacity:0;transform:scaleY(0)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-active{transition:transform 125ms var(--ease-out-5),opacity 125ms var(--ease-out-5)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-active{transition:transform 50ms var(--ease-in-5),opacity 50ms var(--ease-in-5)}.et-combobox-body.et-with-default-animation[et-floating-placement^=top] .et-combobox-body-container{transform-origin:bottom}.et-combobox-body.et-with-default-animation[et-floating-placement^=bottom] .et-combobox-body-container{transform-origin:top}.et-combobox-body-container{display:block;background-color:#3d3d3d;color:#fff;max-height:min(200px,var(--et-floating-max-height, 200px));overflow:auto}@supports (overflow: overlay){.et-combobox-body-container{overflow:overlay}}.et-combobox-body{width:100%;display:grid;transform:var(--et-floating-translate);will-change:transform}.et-combobox-option{display:block}:where(.et-combobox-option--active){background-color:#1e1e1e}.et-combobox{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-combobox-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}\n"], dependencies: [{ kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: ComboboxComponent, isStandalone: true, selector: "et-combobox", host: { listeners: { "click": "combobox.selectInputAndOpen()" }, classAttribute: "et-combobox" }, usesInheritance: true, hostDirectives: [{ directive: i1.AnimatedOverlayDirective }, { directive: i2.OverlayCloseBlockerDirective }, { directive: i3.InputDirective, inputs: ["placeholder", "placeholder"] }, { directive: i4.ComboboxDirective, inputs: ["options", "options", "initialValue", "initialValue", "filterInternal", "filterInternal", "loading", "loading", "error", "error", "emptyText", "emptyText", "placeholder", "placeholder", "multiple", "multiple", "bindLabel", "bindLabel", "bindValue", "bindValue", "bindDisabled", "bindDisabled", "allowCustomValues", "allowCustomValues", "selectedOptionComponent", "selectedOptionComponent", "optionComponent", "optionComponent", "bodyErrorComponent", "bodyErrorComponent", "bodyLoadingComponent", "bodyLoadingComponent", "bodyEmptyComponent", "bodyEmptyComponent", "bodyMoreItemsHintComponent", "bodyMoreItemsHintComponent", "showBodyMoreItemsHint", "showBodyMoreItemsHint", "bodyEmptyText", "bodyEmptyText", "bodyMoreItemsHintText", "bodyMoreItemsHintText", "optionComponentInputs", "optionComponentInputs", "selectedOptionComponentInputs", "selectedOptionComponentInputs", "bodyErrorComponentInputs", "bodyErrorComponentInputs", "bodyLoadingComponentInputs", "bodyLoadingComponentInputs", "bodyEmptyComponentInputs", "bodyEmptyComponentInputs", "bodyMoreItemsHintComponentInputs", "bodyMoreItemsHintComponentInputs"], outputs: ["filterChange", "filterChange"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div>\n  @if (combobox.multiple$ | async) {\n    <div class=\"et-combobox-selected-options\">\n      @for (item of combobox.selectedOptions$ | async; track combobox.trackByOptionKeyFn($index, item)) {\n        <div class=\"et-combobox-selected-option\" aria-hidden=\"true\">\n          @if (combobox.customSelectedOptionTpl$ | async; as customSelectedOptionTpl) {\n            <ng-container *ngTemplateOutlet=\"customSelectedOptionTpl; context: { option: item }\" />\n          } @else {\n            @if (combobox.customSelectedOptionComponent$ | async; as comp) {\n              <ng-container\n                *ngComponentOutlet=\"\n                  comp;\n                  inputs: (combobox.combineSelectedOptionWithComponentInputs(item) | async) ?? { option: item }\n                \"\n              />\n            } @else {\n              {{ combobox.getOptionLabel(item) | async }}\n            }\n          }\n\n          <button\n            (click)=\"combobox.removeSelectedOption(item); $event.stopPropagation(); combobox.focus()\"\n            class=\"et-combobox-selected-option-remove\"\n            tabindex=\"-1\"\n          >\n            x\n          </button>\n        </div>\n      }\n      <div class=\"et-combobox-muliple-input\">\n        <ng-container *ngTemplateOutlet=\"inputTpl\" />\n      </div>\n    </div>\n  }\n\n  <ng-template #inputTpl>\n    <input\n      [disabled]=\"input.disabled\"\n      [attr.id]=\"input.id\"\n      [attr.aria-required]=\"(input.required$ | async) || null\"\n      [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n      [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n      [attr.aria-expanded]=\"combobox.isOpen$ | async\"\n      [attr.aria-describedby]=\"input.describedBy$ | async\"\n      [attr.placeholder]=\"input.placeholder || null\"\n      [attr.aria-activedescendant]=\"combobox.activeOptionId$ | async\"\n      [attr.aria-controls]=\"(combobox.selectBodyId$ | async) || null\"\n      [attr.aria-owns]=\"(combobox.selectBodyId$ | async) || null\"\n      (keydown)=\"combobox._processKeydownEvent($event)\"\n      (keyup)=\"combobox._processKeyupEvent()\"\n      (click)=\"combobox.open()\"\n      (blur)=\"combobox._handleBlurEvent()\"\n      (input)=\"combobox._processInputEvent($event)\"\n      class=\"et-combobox-wrapper\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      role=\"combobox\"\n      aria-autocomplete=\"list\"\n      type=\"text\"\n      value=\"{{ combobox.currentFilter }}\"\n      etNativeInputRef\n    />\n  </ng-template>\n\n  @if ((combobox.multiple$ | async) === false) {\n    <ng-container *ngTemplateOutlet=\"inputTpl\" />\n  }\n\n  <et-chevron-icon class=\"et-combobox-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template>\n  <ng-content />\n</ng-template>\n", styles: [".et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-from,.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-to{opacity:0;transform:scaleY(0)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-enter-active{transition:transform 125ms var(--ease-out-5),opacity 125ms var(--ease-out-5)}.et-combobox-body.et-with-default-animation .et-combobox-body-container.et-animation-leave-active{transition:transform 50ms var(--ease-in-5),opacity 50ms var(--ease-in-5)}.et-combobox-body.et-with-default-animation[et-floating-placement^=top] .et-combobox-body-container{transform-origin:bottom}.et-combobox-body.et-with-default-animation[et-floating-placement^=bottom] .et-combobox-body-container{transform-origin:top}.et-combobox-body-container{display:block;background-color:#3d3d3d;color:#fff;max-height:min(200px,var(--et-floating-max-height, 200px));overflow:auto}@supports (overflow: overlay){.et-combobox-body-container{overflow:overlay}}.et-combobox-body{width:100%;display:grid;transform:var(--et-floating-translate);will-change:transform}.et-combobox-option{display:block}:where(.et-combobox-option--active){background-color:#1e1e1e}.et-combobox{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-combobox-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}\n"], dependencies: [{ kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-combobox', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-combobox',

package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox/combobox.directive.mjs

@@ -659,15 +659,15 @@ export class ComboboxDirective {
         }))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.5", type: ComboboxDirective, isStandalone: true, inputs: { options: "options", initialValue: "initialValue", filterInternal: "filterInternal", loading: "loading", error: "error", emptyText: "emptyText", bodyEmptyText: "bodyEmptyText", bodyMoreItemsHintText: "bodyMoreItemsHintText", placeholder: "placeholder", multiple: "multiple", bindLabel: "bindLabel", bindValue: "bindValue", bindKey: "bindKey", bindDisabled: "bindDisabled", allowCustomValues: "allowCustomValues", showBodyMoreItemsHint: ["showBodyMoreItemsHint", "showBodyMoreItemsHint", booleanAttribute], optionComponent: "optionComponent", optionComponentInputs: "optionComponentInputs", selectedOptionComponent: "selectedOptionComponent", selectedOptionComponentInputs: "selectedOptionComponentInputs", bodyErrorComponent: "bodyErrorComponent", bodyErrorComponentInputs: "bodyErrorComponentInputs", bodyLoadingComponent: "bodyLoadingComponent", bodyLoadingComponentInputs: "bodyLoadingComponentInputs", bodyEmptyComponent: "bodyEmptyComponent", bodyEmptyComponentInputs: "bodyEmptyComponentInputs", bodyMoreItemsHintComponent: "bodyMoreItemsHintComponent", bodyMoreItemsHintComponentInputs: "bodyMoreItemsHintComponentInputs" }, outputs: { filterChange: "filterChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.9", type: ComboboxDirective, isStandalone: true, inputs: { options: "options", initialValue: "initialValue", filterInternal: "filterInternal", loading: "loading", error: "error", emptyText: "emptyText", bodyEmptyText: "bodyEmptyText", bodyMoreItemsHintText: "bodyMoreItemsHintText", placeholder: "placeholder", multiple: "multiple", bindLabel: "bindLabel", bindValue: "bindValue", bindKey: "bindKey", bindDisabled: "bindDisabled", allowCustomValues: "allowCustomValues", showBodyMoreItemsHint: ["showBodyMoreItemsHint", "showBodyMoreItemsHint", booleanAttribute], optionComponent: "optionComponent", optionComponentInputs: "optionComponentInputs", selectedOptionComponent: "selectedOptionComponent", selectedOptionComponentInputs: "selectedOptionComponentInputs", bodyErrorComponent: "bodyErrorComponent", bodyErrorComponentInputs: "bodyErrorComponentInputs", bodyLoadingComponent: "bodyLoadingComponent", bodyLoadingComponentInputs: "bodyLoadingComponentInputs", bodyEmptyComponent: "bodyEmptyComponent", bodyEmptyComponentInputs: "bodyEmptyComponentInputs", bodyMoreItemsHintComponent: "bodyMoreItemsHintComponent", bodyMoreItemsHintComponentInputs: "bodyMoreItemsHintComponentInputs" }, outputs: { filterChange: "filterChange" }, providers: [
             {
                 provide: COMBOBOX_TOKEN,
                 useExisting: ComboboxDirective,
             },
         ], queries: [{ propertyName: "optionTemplate", first: true, predicate: COMBOBOX_OPTION_TEMPLATE_TOKEN, descendants: true, read: TemplateRef }, { propertyName: "selectedOptionTemplate", first: true, predicate: COMBOBOX_SELECTED_OPTION_TEMPLATE_TOKEN, descendants: true, read: TemplateRef }, { propertyName: "bodyLoadingTemplate", first: true, predicate: COMBOBOX_BODY_LOADING_TEMPLATE_TOKEN, descendants: true, read: TemplateRef }, { propertyName: "bodyErrorTemplate", first: true, predicate: COMBOBOX_BODY_ERROR_TEMPLATE_TOKEN, descendants: true, read: TemplateRef }, { propertyName: "bodyEmptyTemplate", first: true, predicate: COMBOBOX_BODY_EMPTY_TEMPLATE_TOKEN, descendants: true, read: TemplateRef }, { propertyName: "bodyMoreItemsHintTemplate", first: true, predicate: COMBOBOX_BODY_MORE_ITEMS_HINT_TEMPLATE_TOKEN, descendants: true, read: TemplateRef }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox-body-empty-template/combobox-body-empty-template.directive.mjs

@@ -5,15 +5,15 @@ export class ComboboxBodyEmptyTemplateDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyEmptyTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: ComboboxBodyEmptyTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyEmptyTemplate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyEmptyTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: ComboboxBodyEmptyTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyEmptyTemplate]", providers: [
             {
                 provide: COMBOBOX_BODY_EMPTY_TEMPLATE_TOKEN,
                 useExisting: ComboboxBodyEmptyTemplateDirective,
             },
         ], exportAs: ["etComboboxBodyEmptyTemplate"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyEmptyTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyEmptyTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[etComboboxBodyEmptyTemplate]',

package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox-body-error-template/combobox-body-error-template.directive.mjs

@@ -5,15 +5,15 @@ export class ComboboxBodyErrorTemplateDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyErrorTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: ComboboxBodyErrorTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyErrorTemplate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyErrorTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: ComboboxBodyErrorTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyErrorTemplate]", providers: [
             {
                 provide: COMBOBOX_BODY_ERROR_TEMPLATE_TOKEN,
                 useExisting: ComboboxBodyErrorTemplateDirective,
             },
         ], exportAs: ["etComboboxBodyErrorTemplate"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyErrorTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyErrorTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[etComboboxBodyErrorTemplate]',

package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox-body-loading-template/combobox-body-loading-template.directive.mjs

@@ -5,15 +5,15 @@ export class ComboboxBodyLoadingTemplateDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyLoadingTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: ComboboxBodyLoadingTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyLoadingTemplate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyLoadingTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: ComboboxBodyLoadingTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyLoadingTemplate]", providers: [
             {
                 provide: COMBOBOX_BODY_LOADING_TEMPLATE_TOKEN,
                 useExisting: ComboboxBodyLoadingTemplateDirective,
             },
         ], exportAs: ["etComboboxBodyLoadingTemplate"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyLoadingTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyLoadingTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[etComboboxBodyLoadingTemplate]',

package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox-body-more-items-hint-template/combobox-body-more-items-hint-template.directive.mjs

@@ -5,15 +5,15 @@ export class ComboboxBodyMoreItemsHintTemplateDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyMoreItemsHintTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: ComboboxBodyMoreItemsHintTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyMoreItemsHintTemplate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyMoreItemsHintTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: ComboboxBodyMoreItemsHintTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyMoreItemsHintTemplate]", providers: [
             {
                 provide: COMBOBOX_BODY_MORE_ITEMS_HINT_TEMPLATE_TOKEN,
                 useExisting: ComboboxBodyMoreItemsHintTemplateDirective,
             },
         ], exportAs: ["etComboboxBodyMoreItemsHintTemplate"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyMoreItemsHintTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyMoreItemsHintTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[etComboboxBodyMoreItemsHintTemplate]',

package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox-option-template/combobox-option-template.directive.mjs

@@ -5,15 +5,15 @@ export class ComboboxOptionTemplateDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxOptionTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: ComboboxOptionTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxOptionTemplate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxOptionTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: ComboboxOptionTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxOptionTemplate]", providers: [
             {
                 provide: COMBOBOX_OPTION_TEMPLATE_TOKEN,
                 useExisting: ComboboxOptionTemplateDirective,
             },
         ], exportAs: ["etComboboxOptionTemplate"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxOptionTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxOptionTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[etComboboxOptionTemplate]',

package/esm2022/lib/components/forms/components/select/components/combobox/directives/combobox-selected-option-template/combobox-selected-option-template.directive.mjs

@@ -5,15 +5,15 @@ export class ComboboxSelectedOptionTemplateDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxSelectedOptionTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: ComboboxSelectedOptionTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxSelectedOptionTemplate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxSelectedOptionTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: ComboboxSelectedOptionTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxSelectedOptionTemplate]", providers: [
             {
                 provide: COMBOBOX_SELECTED_OPTION_TEMPLATE_TOKEN,
                 useExisting: ComboboxSelectedOptionTemplateDirective,
             },
         ], exportAs: ["etComboboxSelectedOptionTemplate"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxSelectedOptionTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxSelectedOptionTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[etComboboxSelectedOptionTemplate]',

package/esm2022/lib/components/forms/components/select/components/combobox/partials/combobox-body/combobox-body.component.mjs

@@ -45,15 +45,15 @@ export class ComboboxBodyComponent {
     _setThemeFromProvider(provider) {
         this._themeProvider.syncWithProvider(provider);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: ComboboxBodyComponent, isStandalone: true, selector: "et-combobox-body", host: { attributes: { "tabindex": "-1", "role": "listbox" }, properties: { "attr.id": "id" }, classAttribute: "et-combobox-body et-with-default-animation" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: ComboboxBodyComponent, isStandalone: true, selector: "et-combobox-body", host: { attributes: { "tabindex": "-1", "role": "listbox" }, properties: { "attr.id": "id" }, classAttribute: "et-combobox-body et-with-default-animation" }, providers: [
             {
                 provide: COMBOBOX_BODY_TOKEN,
                 useExisting: ComboboxBodyComponent,
             },
         ], viewQueries: [{ propertyName: "_containerElementRef", first: true, predicate: ["containerElement"], descendants: true, read: ElementRef, static: true }, { propertyName: "_animatedLifecycle", first: true, predicate: ANIMATED_LIFECYCLE_TOKEN, descendants: true, static: true }, { propertyName: "_options", predicate: ComboboxOptionComponent, descendants: true }], hostDirectives: [{ directive: i1.ClickOutsideDirective }, { directive: i2.ProvideThemeDirective }], ngImport: i0, template: "<!-- TODO(TRB): Use new control flow -->\n<div #containerElement class=\"et-combobox-body-container\" etAnimatedLifecycle>\n  <ng-container *etLet=\"combobox.options$ | async as options\">\n    <ng-container *ngIf=\"!options?.length && !combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyEmptyTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyEmptyComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyEmptyComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p class=\"et-combobox-body--empty\">{{ combobox._tempEmptyText }}</p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.error && !combobox.loading\">\n      <ng-container *ngIf=\"combobox.customBodyErrorTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl; context: { error: combobox.error }\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyErrorComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (customErrorComponentInputs$ | async) ?? { error: combobox.error }\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"combobox.loading$ | async\">\n      <ng-container *ngIf=\"combobox.customBodyLoadingTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyLoadingComponent$ | async as comp\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyLoadingComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n      </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"!combobox.error\">\n      <et-combobox-option *ngFor=\"let option of options; trackBy: trackByFn\" [option]=\"option\" />\n    </ng-container>\n\n    <ng-container *ngIf=\"options?.length && combobox.showBodyMoreItemsHint\">\n      <ng-container *ngIf=\"combobox.customBodyMoreItemsHintTpl$ | async as tpl; else componentOrNone\">\n        <ng-container *ngTemplateOutlet=\"tpl\" />\n      </ng-container>\n      <ng-template #componentOrNone>\n        <ng-container *ngIf=\"combobox.customBodyMoreItemsHintComponent$ | async as comp; else default\">\n          <ng-container\n            *ngComponentOutlet=\"comp; inputs: (combobox.customBodyMoreItemsHintComponentInputs$ | async) ?? undefined\"\n          />\n        </ng-container>\n        <ng-template #default>\n          <p *ngIf=\"combobox.bodyMoreItemsHintText\" class=\"et-combobox-body--more-items-hint\">\n            {{ combobox.bodyMoreItemsHintText }}\n          </p>\n        </ng-template>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: ComboboxOptionComponent, selector: "et-combobox-option", inputs: ["option"] }, { kind: "directive", type: LetDirective, selector: "[etLet]", inputs: ["etLet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: AnimatedLifecycleDirective, selector: "[etAnimatedLifecycle]", exportAs: ["etAnimatedLifecycle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-combobox-body', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-combobox-body et-with-default-animation',

package/esm2022/lib/components/forms/components/select/components/combobox/partials/combobox-option/combobox-option.component.mjs

@@ -49,15 +49,15 @@ export class ComboboxOptionComponent {
     setActiveByHover() {
         this.combobox._activeSelectionModel.setActiveOption(this.option);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.5", type: ComboboxOptionComponent, isStandalone: true, selector: "et-combobox-option", inputs: { option: "option" }, host: { attributes: { "role": "option" }, listeners: { "mousedown": "ignoreBlur()", "click": "selectOption()", "mouseenter": "setActiveByHover()" }, properties: { "attr.id": "id" }, classAttribute: "et-combobox-option" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: ComboboxOptionComponent, isStandalone: true, selector: "et-combobox-option", inputs: { option: "option" }, host: { attributes: { "role": "option" }, listeners: { "mousedown": "ignoreBlur()", "click": "selectOption()", "mouseenter": "setActiveByHover()" }, properties: { "attr.id": "id" }, classAttribute: "et-combobox-option" }, providers: [
             {
                 provide: COMBOBOX_OPTION_TOKEN,
                 useExisting: ComboboxOptionComponent,
             },
         ], ngImport: i0, template: "@if (combobox.customOptionTpl$ | async; as customOptionTpl) {\n  <ng-container *ngTemplateOutlet=\"customOptionTpl; context: { option }\" />\n} @else {\n  @if (combobox.customOptionComponent$ | async; as comp) {\n    <ng-container *ngComponentOutlet=\"comp; inputs: (customOptionComponentInputs$ | async) ?? { option }\" />\n  } @else {\n    {{ combobox.getOptionLabel(option) | async }}\n  }\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ComboboxOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ComboboxOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-combobox-option', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-combobox-option',

package/esm2022/lib/components/forms/components/select/components/native-select/components/native-select/native-select.component.mjs

@@ -11,10 +11,10 @@ export class NativeSelectInputComponent extends DecoratedInputBase {
         super(...arguments);
         this.select = inject(NATIVE_SELECT_INPUT_TOKEN);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NativeSelectInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.5", type: NativeSelectInputComponent, isStandalone: true, selector: "et-native-select", host: { classAttribute: "et-native-select" }, usesInheritance: true, hostDirectives: [{ directive: i1.NativeSelectInputDirective }, { directive: i2.InputDirective, inputs: ["autocomplete", "autocomplete"] }], ngImport: i0, template: "<ng-template>\n  <ng-content select=\"et-native-select-option\" />\n</ng-template>\n\n<ng-content select=\"[etInputPrefix]\" />\n\n<select\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"select._onInputInteraction($event)\"\n  (blur)=\"select._controlTouched()\"\n  class=\"et-native-select-native-input\"\n  etNativeInputRef\n>\n  @for (option of select.options; track select._trackByFn($index, option)) {\n    <option\n      [value]=\"option.value\"\n      [disabled]=\"option.disabled\"\n      [attr.selected]=\"option.value === input.value ? '' : null\"\n      [attr.hidden]=\"option.hidden ? '' : null\"\n      class=\"et-native-select-native-option\"\n    >\n      <ng-container *ngTemplateOutlet=\"option.textTemplate$ | async\" />\n    </option>\n  }\n</select>\n\n<ng-content select=\"[etInputSuffix]\" />\n", dependencies: [{ kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NativeSelectInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: NativeSelectInputComponent, isStandalone: true, selector: "et-native-select", host: { classAttribute: "et-native-select" }, usesInheritance: true, hostDirectives: [{ directive: i1.NativeSelectInputDirective }, { directive: i2.InputDirective, inputs: ["autocomplete", "autocomplete"] }], ngImport: i0, template: "<ng-template>\n  <ng-content select=\"et-native-select-option\" />\n</ng-template>\n\n<ng-content select=\"[etInputPrefix]\" />\n\n<select\n  [attr.id]=\"input.id\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [required]=\"input.required$ | async\"\n  [disabled]=\"input.disabled$ | async\"\n  [attr.autocomplete]=\"input.autocomplete || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  (input)=\"select._onInputInteraction($event)\"\n  (blur)=\"select._controlTouched()\"\n  class=\"et-native-select-native-input\"\n  etNativeInputRef\n>\n  @for (option of select.options; track select._trackByFn($index, option)) {\n    <option\n      [value]=\"option.value\"\n      [disabled]=\"option.disabled\"\n      [attr.selected]=\"option.value === input.value ? '' : null\"\n      [attr.hidden]=\"option.hidden ? '' : null\"\n      class=\"et-native-select-native-option\"\n    >\n      <ng-container *ngTemplateOutlet=\"option.textTemplate$ | async\" />\n    </option>\n  }\n</select>\n\n<ng-content select=\"[etInputSuffix]\" />\n", dependencies: [{ kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NativeSelectInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NativeSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-native-select', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-native-select',

package/esm2022/lib/components/forms/components/select/components/native-select/directives/native-select-input/native-select-input.directive.mjs

@@ -41,10 +41,10 @@ export class NativeSelectInputDirective {
         this.input._markAsTouched();
         this.input._setShouldDisplayError(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NativeSelectInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: NativeSelectInputDirective, isStandalone: true, providers: [{ provide: NATIVE_SELECT_INPUT_TOKEN, useExisting: NativeSelectInputDirective }], queries: [{ propertyName: "options", predicate: NATIVE_SELECT_OPTION_TOKEN, descendants: true }], exportAs: ["etNativeSelectInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NativeSelectInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: NativeSelectInputDirective, isStandalone: true, providers: [{ provide: NATIVE_SELECT_INPUT_TOKEN, useExisting: NativeSelectInputDirective }], queries: [{ propertyName: "options", predicate: NATIVE_SELECT_OPTION_TOKEN, descendants: true }], exportAs: ["etNativeSelectInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NativeSelectInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NativeSelectInputDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/forms/components/select/components/native-select/directives/native-select-option/native-select-option.directive.mjs

@@ -21,10 +21,10 @@ export class NativeSelectOptionDirective {
     _setTextTemplate(template) {
         this._textTemplate$.next(template);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NativeSelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.5", type: NativeSelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], hidden: ["hidden", "hidden", booleanAttribute], key: "key" }, providers: [{ provide: NATIVE_SELECT_OPTION_TOKEN, useExisting: NativeSelectOptionDirective }], exportAs: ["etNativeSelectOption"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NativeSelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.9", type: NativeSelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], hidden: ["hidden", "hidden", booleanAttribute], key: "key" }, providers: [{ provide: NATIVE_SELECT_OPTION_TOKEN, useExisting: NativeSelectOptionDirective }], exportAs: ["etNativeSelectOption"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NativeSelectOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NativeSelectOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/forms/components/select/components/native-select/partials/native-select-option/native-select-option.component.mjs

@@ -9,10 +9,10 @@ export class NativeSelectOptionComponent {
     ngOnInit() {
         this.option._setTextTemplate(this.textTpl ?? null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NativeSelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: NativeSelectOptionComponent, isStandalone: true, selector: "et-native-select-option", host: { classAttribute: "et-native-select-option" }, viewQueries: [{ propertyName: "textTpl", first: true, predicate: ["textTpl"], descendants: true, static: true }], hostDirectives: [{ directive: i1.NativeSelectOptionDirective, inputs: ["value", "value", "disabled", "disabled", "hidden", "hidden"] }], ngImport: i0, template: ` <ng-template #textTpl> <ng-content /></ng-template> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NativeSelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: NativeSelectOptionComponent, isStandalone: true, selector: "et-native-select-option", host: { classAttribute: "et-native-select-option" }, viewQueries: [{ propertyName: "textTpl", first: true, predicate: ["textTpl"], descendants: true, static: true }], hostDirectives: [{ directive: i1.NativeSelectOptionDirective, inputs: ["value", "value", "disabled", "disabled", "hidden", "hidden"] }], ngImport: i0, template: ` <ng-template #textTpl> <ng-content /></ng-template> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: NativeSelectOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: NativeSelectOptionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'et-native-select-option',

package/esm2022/lib/components/forms/components/select/components/select/components/select/select.component.mjs

@@ -20,10 +20,10 @@ export class SelectComponent extends DecoratedInputBase {
             return;
         this.select.setSelectBody({ component: SelectBodyComponent, template: this.selectBodyTpl });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.5", type: SelectComponent, isStandalone: true, selector: "et-select", host: { classAttribute: "et-select" }, viewQueries: [{ propertyName: "selectBodyTpl", first: true, predicate: ["selectBodyTpl"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.InputDirective }, { directive: i2.SelectDirective, inputs: ["multiple", "multiple", "emptyText", "emptyText"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div class=\"et-select-wrapper\">\n  <div\n    #inputElement\n    [attr.id]=\"input.id\"\n    [attr.aria-labelledby]=\"select.labelledBy$ | async\"\n    [attr.aria-describedby]=\"input.describedBy$ | async\"\n    [attr.tabindex]=\"(input.disabled$ | async) ? -1 : 0\"\n    [attr.aria-required]=\"(input.required$ | async) || null\"\n    [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n    [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n    [attr.aria-controls]=\"(select.selectBodyId$ | async) || null\"\n    [attr.aria-owns]=\"(select.owns$ | async) || null\"\n    [attr.aria-expanded]=\"select.isOpen$ | async\"\n    [attr.aria-activedescendant]=\"select.activeDescendant$ | async\"\n    (click)=\"select.open()\"\n    (keydown)=\"select._processKeydownEvent($event)\"\n    (blur)=\"select._controlTouched()\"\n    class=\"et-select-input et-select-input--static\"\n    aria-haspopup=\"listbox\"\n    role=\"combobox\"\n    aria-autocomplete=\"none\"\n  >\n    <span\n      [attr.id]=\"select.selectCurrentValueId\"\n      [class.cdk-visually-hidden]=\"select._selectionModel.allowMultiple && select.ariaViewValue()\"\n      class=\"et-select-current-value\"\n    >\n      @if (select.ariaViewValue()) {\n        {{ select.ariaViewValue() }}\n      } @else {\n        {{ select.emptyText }}\n      }\n    </span>\n\n    @if (select._selectionModel.allowMultiple) {\n      @if (select._selectionModel.selection$ | async; as selectedOptions) {\n        @if (selectedOptions.length) {\n          <ul class=\"et-select-selected-options\" aria-hidden=\"true\">\n            @for (opt of selectedOptions; track select.trackByFn($index, opt)) {\n              <li class=\"et-select-selected-option\">\n                {{ opt.viewValue$ | async }}\n                <button\n                  (click)=\"$event.stopPropagation(); select.removeOptionFromSelection(opt); select.focus()\"\n                  class=\"et-select-selected-option-remove\"\n                  tabindex=\"-1\"\n                  type=\"button\"\n                ></button>\n              </li>\n            }\n          </ul>\n        }\n      }\n    }\n  </div>\n\n  <et-chevron-icon class=\"et-select-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template #selectBodyTpl>\n  <ng-content />\n</ng-template>\n", styles: [".et-select{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-select-input{position:absolute;inset:0}.et-select-option{display:block}.et-select-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}.et-select-option--active{background-color:#1f1f1f}.et-select-option--selected{font-weight:700}.et-select-selected-options{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:5px}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: SelectComponent, isStandalone: true, selector: "et-select", host: { classAttribute: "et-select" }, viewQueries: [{ propertyName: "selectBodyTpl", first: true, predicate: ["selectBodyTpl"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.InputDirective }, { directive: i2.SelectDirective, inputs: ["multiple", "multiple", "emptyText", "emptyText"] }], ngImport: i0, template: "<ng-content select=\"[etInputPrefix]\" />\n\n<div class=\"et-select-wrapper\">\n  <div\n    #inputElement\n    [attr.id]=\"input.id\"\n    [attr.aria-labelledby]=\"select.labelledBy$ | async\"\n    [attr.aria-describedby]=\"input.describedBy$ | async\"\n    [attr.tabindex]=\"(input.disabled$ | async) ? -1 : 0\"\n    [attr.aria-required]=\"(input.required$ | async) || null\"\n    [attr.aria-disabled]=\"(input.disabled$ | async) || null\"\n    [attr.aria-invalid]=\"(input.invalid$ | async) || null\"\n    [attr.aria-controls]=\"(select.selectBodyId$ | async) || null\"\n    [attr.aria-owns]=\"(select.owns$ | async) || null\"\n    [attr.aria-expanded]=\"select.isOpen$ | async\"\n    [attr.aria-activedescendant]=\"select.activeDescendant$ | async\"\n    (click)=\"select.open()\"\n    (keydown)=\"select._processKeydownEvent($event)\"\n    (blur)=\"select._controlTouched()\"\n    class=\"et-select-input et-select-input--static\"\n    aria-haspopup=\"listbox\"\n    role=\"combobox\"\n    aria-autocomplete=\"none\"\n  >\n    <span\n      [attr.id]=\"select.selectCurrentValueId\"\n      [class.cdk-visually-hidden]=\"select._selectionModel.allowMultiple && select.ariaViewValue()\"\n      class=\"et-select-current-value\"\n    >\n      @if (select.ariaViewValue()) {\n        {{ select.ariaViewValue() }}\n      } @else {\n        {{ select.emptyText }}\n      }\n    </span>\n\n    @if (select._selectionModel.allowMultiple) {\n      @if (select._selectionModel.selection$ | async; as selectedOptions) {\n        @if (selectedOptions.length) {\n          <ul class=\"et-select-selected-options\" aria-hidden=\"true\">\n            @for (opt of selectedOptions; track select.trackByFn($index, opt)) {\n              <li class=\"et-select-selected-option\">\n                {{ opt.viewValue$ | async }}\n                <button\n                  (click)=\"$event.stopPropagation(); select.removeOptionFromSelection(opt); select.focus()\"\n                  class=\"et-select-selected-option-remove\"\n                  tabindex=\"-1\"\n                  type=\"button\"\n                ></button>\n              </li>\n            }\n          </ul>\n        }\n      }\n    }\n  </div>\n\n  <et-chevron-icon class=\"et-select-chevron\" />\n</div>\n\n<ng-content select=\"[etInputSuffix]\" />\n\n<ng-template #selectBodyTpl>\n  <ng-content />\n</ng-template>\n", styles: [".et-select{display:block;border:1px solid #ccc;padding:15px;position:relative}.et-select-input{position:absolute;inset:0}.et-select-option{display:block}.et-select-chevron{transform:rotate(180deg);display:block;inline-size:15px;block-size:15px;position:absolute;inset-inline-end:15px;inset-block-start:7px}.et-select-option--active{background-color:#1f1f1f}.et-select-option--selected{font-weight:700}.et-select-selected-options{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:5px}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: ChevronIconComponent, selector: "et-chevron-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-select', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-select',

package/esm2022/lib/components/forms/components/select/components/select/directives/select/select.directive.mjs

@@ -265,15 +265,15 @@ export class SelectDirective {
         }), takeUntil(this._destroy$))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: SelectDirective, isStandalone: true, inputs: { multiple: "multiple", emptyText: "emptyText" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: SelectDirective, isStandalone: true, inputs: { multiple: "multiple", emptyText: "emptyText" }, providers: [
             {
                 provide: SELECT_TOKEN,
                 useExisting: SelectDirective,
             },
         ], queries: [{ propertyName: "_selectOptionsQueryList", predicate: SELECT_OPTION_TOKEN, descendants: true }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }], hostDirectives: [{ directive: i1.AnimatedOverlayDirective }, { directive: i2.OverlayCloseBlockerDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/forms/components/select/components/select/directives/select-body/select-body.directive.mjs

@@ -24,15 +24,15 @@ export class SelectBodyDirective {
             .pipe(takeUntil(this._destroy$), tap(() => this._select.close()))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SelectBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: SelectBodyDirective, isStandalone: true, host: { attributes: { "tabindex": "-1", "role": "listbox" }, properties: { "attr.id": "id" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: SelectBodyDirective, isStandalone: true, host: { attributes: { "tabindex": "-1", "role": "listbox" }, properties: { "attr.id": "id" } }, providers: [
             {
                 provide: SELECT_BODY_TOKEN,
                 useExisting: SelectBodyDirective,
             },
         ], hostDirectives: [{ directive: i1.ClickOutsideDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SelectBodyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/esm2022/lib/components/forms/components/select/components/select/directives/select-option/select-option.directive.mjs

@@ -59,15 +59,15 @@ export class SelectOptionDirective {
     setActiveByHover() {
         this._select._activeSelectionModel.setActiveOption(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: SelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled" }, host: { attributes: { "role": "option" }, listeners: { "click": "selectOption()", "mouseenter": "setActiveByHover()", "etObserveContent": "_updateViewValue()" }, properties: { "attr.id": "id", "attr.aria-disabled": "disabled", "class.et-select-option--disabled": "disabled" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: SelectOptionDirective, isStandalone: true, inputs: { value: "value", disabled: "disabled" }, host: { attributes: { "role": "option" }, listeners: { "click": "selectOption()", "mouseenter": "setActiveByHover()", "etObserveContent": "_updateViewValue()" }, properties: { "attr.id": "id", "attr.aria-disabled": "disabled", "class.et-select-option--disabled": "disabled" } }, providers: [
             {
                 provide: SELECT_OPTION_TOKEN,
                 useExisting: SelectOptionDirective,
             },
         ], hostDirectives: [{ directive: i1.ObserveContentDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SelectOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SelectOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,