@ethlete/cdk 4.3.5 → 4.5.0

package/esm2022/lib/components/forms/components/input/input.imports.mjs

@@ -1,6 +1,7 @@
 import { IfInputEmptyDirective, IfInputFilledDirective, InputPrefixDirective, InputSuffixDirective, } from '../../directives';
 import { LabelComponent } from '../label';
-import { DateInputComponent, EmailInputComponent, InputFieldComponent, NumberInputComponent, PasswordInputComponent, SearchInputComponent, TextInputComponent, TextareaInputComponent, } from './components';
+import { DateInputComponent, DateTimeInputComponent, EmailInputComponent, InputFieldComponent, NumberInputComponent, PasswordInputComponent, SearchInputComponent, TextInputComponent, TextareaInputComponent, } from './components';
+import { ShowPickerTriggerDirective } from './directives';
 import { PasswordInputToggleComponent, SearchInputClearComponent } from './partials';
 export const InputImports = [
     InputFieldComponent,
@@ -13,10 +14,12 @@ export const InputImports = [
     InputPrefixDirective,
     InputSuffixDirective,
     IfInputFilledDirective,
+    ShowPickerTriggerDirective,
     IfInputEmptyDirective,
     SearchInputClearComponent,
     EmailInputComponent,
     LabelComponent,
     DateInputComponent,
+    DateTimeInputComponent,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuaW1wb3J0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL2lucHV0L2lucHV0LmltcG9ydHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHFCQUFxQixFQUNyQixzQkFBc0IsRUFDdEIsb0JBQW9CLEVBQ3BCLG9CQUFvQixHQUNyQixNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDMUMsT0FBTyxFQUNMLGtCQUFrQixFQUNsQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG9CQUFvQixFQUNwQixzQkFBc0IsRUFDdEIsb0JBQW9CLEVBQ3BCLGtCQUFrQixFQUNsQixzQkFBc0IsR0FDdkIsTUFBTSxjQUFjLENBQUM7QUFDdEIsT0FBTyxFQUFFLDRCQUE0QixFQUFFLHlCQUF5QixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRXJGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRztJQUMxQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLG9CQUFvQjtJQUNwQixzQkFBc0I7SUFDdEIsNEJBQTRCO0lBQzVCLGtCQUFrQjtJQUNsQixzQkFBc0I7SUFDdEIsb0JBQW9CO0lBQ3BCLG9CQUFvQjtJQUNwQixzQkFBc0I7SUFDdEIscUJBQXFCO0lBQ3JCLHlCQUF5QjtJQUN6QixtQkFBbUI7SUFDbkIsY0FBYztJQUNkLGtCQUFrQjtDQUNWLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBJZklucHV0RW1wdHlEaXJlY3RpdmUsXG4gIElmSW5wdXRGaWxsZWREaXJlY3RpdmUsXG4gIElucHV0UHJlZml4RGlyZWN0aXZlLFxuICBJbnB1dFN1ZmZpeERpcmVjdGl2ZSxcbn0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBMYWJlbENvbXBvbmVudCB9IGZyb20gJy4uL2xhYmVsJztcbmltcG9ydCB7XG4gIERhdGVJbnB1dENvbXBvbmVudCxcbiAgRW1haWxJbnB1dENvbXBvbmVudCxcbiAgSW5wdXRGaWVsZENvbXBvbmVudCxcbiAgTnVtYmVySW5wdXRDb21wb25lbnQsXG4gIFBhc3N3b3JkSW5wdXRDb21wb25lbnQsXG4gIFNlYXJjaElucHV0Q29tcG9uZW50LFxuICBUZXh0SW5wdXRDb21wb25lbnQsXG4gIFRleHRhcmVhSW5wdXRDb21wb25lbnQsXG59IGZyb20gJy4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBQYXNzd29yZElucHV0VG9nZ2xlQ29tcG9uZW50LCBTZWFyY2hJbnB1dENsZWFyQ29tcG9uZW50IH0gZnJvbSAnLi9wYXJ0aWFscyc7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEltcG9ydHMgPSBbXG4gIElucHV0RmllbGRDb21wb25lbnQsXG4gIE51bWJlcklucHV0Q29tcG9uZW50LFxuICBTZWFyY2hJbnB1dENvbXBvbmVudCxcbiAgUGFzc3dvcmRJbnB1dENvbXBvbmVudCxcbiAgUGFzc3dvcmRJbnB1dFRvZ2dsZUNvbXBvbmVudCxcbiAgVGV4dElucHV0Q29tcG9uZW50LFxuICBUZXh0YXJlYUlucHV0Q29tcG9uZW50LFxuICBJbnB1dFByZWZpeERpcmVjdGl2ZSxcbiAgSW5wdXRTdWZmaXhEaXJlY3RpdmUsXG4gIElmSW5wdXRGaWxsZWREaXJlY3RpdmUsXG4gIElmSW5wdXRFbXB0eURpcmVjdGl2ZSxcbiAgU2VhcmNoSW5wdXRDbGVhckNvbXBvbmVudCxcbiAgRW1haWxJbnB1dENvbXBvbmVudCxcbiAgTGFiZWxDb21wb25lbnQsXG4gIERhdGVJbnB1dENvbXBvbmVudCxcbl0gYXMgY29uc3Q7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuaW1wb3J0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL2lucHV0L2lucHV0LmltcG9ydHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHFCQUFxQixFQUNyQixzQkFBc0IsRUFDdEIsb0JBQW9CLEVBQ3BCLG9CQUFvQixHQUNyQixNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDMUMsT0FBTyxFQUNMLGtCQUFrQixFQUNsQixzQkFBc0IsRUFDdEIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixvQkFBb0IsRUFDcEIsc0JBQXNCLEVBQ3RCLG9CQUFvQixFQUNwQixrQkFBa0IsRUFDbEIsc0JBQXNCLEdBQ3ZCLE1BQU0sY0FBYyxDQUFDO0FBQ3RCLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxRCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFFckYsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHO0lBQzFCLG1CQUFtQjtJQUNuQixvQkFBb0I7SUFDcEIsb0JBQW9CO0lBQ3BCLHNCQUFzQjtJQUN0Qiw0QkFBNEI7SUFDNUIsa0JBQWtCO0lBQ2xCLHNCQUFzQjtJQUN0QixvQkFBb0I7SUFDcEIsb0JBQW9CO0lBQ3BCLHNCQUFzQjtJQUN0QiwwQkFBMEI7SUFDMUIscUJBQXFCO0lBQ3JCLHlCQUF5QjtJQUN6QixtQkFBbUI7SUFDbkIsY0FBYztJQUNkLGtCQUFrQjtJQUNsQixzQkFBc0I7Q0FDZCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgSWZJbnB1dEVtcHR5RGlyZWN0aXZlLFxuICBJZklucHV0RmlsbGVkRGlyZWN0aXZlLFxuICBJbnB1dFByZWZpeERpcmVjdGl2ZSxcbiAgSW5wdXRTdWZmaXhEaXJlY3RpdmUsXG59IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgTGFiZWxDb21wb25lbnQgfSBmcm9tICcuLi9sYWJlbCc7XG5pbXBvcnQge1xuICBEYXRlSW5wdXRDb21wb25lbnQsXG4gIERhdGVUaW1lSW5wdXRDb21wb25lbnQsXG4gIEVtYWlsSW5wdXRDb21wb25lbnQsXG4gIElucHV0RmllbGRDb21wb25lbnQsXG4gIE51bWJlcklucHV0Q29tcG9uZW50LFxuICBQYXNzd29yZElucHV0Q29tcG9uZW50LFxuICBTZWFyY2hJbnB1dENvbXBvbmVudCxcbiAgVGV4dElucHV0Q29tcG9uZW50LFxuICBUZXh0YXJlYUlucHV0Q29tcG9uZW50LFxufSBmcm9tICcuL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgU2hvd1BpY2tlclRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgUGFzc3dvcmRJbnB1dFRvZ2dsZUNvbXBvbmVudCwgU2VhcmNoSW5wdXRDbGVhckNvbXBvbmVudCB9IGZyb20gJy4vcGFydGlhbHMnO1xuXG5leHBvcnQgY29uc3QgSW5wdXRJbXBvcnRzID0gW1xuICBJbnB1dEZpZWxkQ29tcG9uZW50LFxuICBOdW1iZXJJbnB1dENvbXBvbmVudCxcbiAgU2VhcmNoSW5wdXRDb21wb25lbnQsXG4gIFBhc3N3b3JkSW5wdXRDb21wb25lbnQsXG4gIFBhc3N3b3JkSW5wdXRUb2dnbGVDb21wb25lbnQsXG4gIFRleHRJbnB1dENvbXBvbmVudCxcbiAgVGV4dGFyZWFJbnB1dENvbXBvbmVudCxcbiAgSW5wdXRQcmVmaXhEaXJlY3RpdmUsXG4gIElucHV0U3VmZml4RGlyZWN0aXZlLFxuICBJZklucHV0RmlsbGVkRGlyZWN0aXZlLFxuICBTaG93UGlja2VyVHJpZ2dlckRpcmVjdGl2ZSxcbiAgSWZJbnB1dEVtcHR5RGlyZWN0aXZlLFxuICBTZWFyY2hJbnB1dENsZWFyQ29tcG9uZW50LFxuICBFbWFpbElucHV0Q29tcG9uZW50LFxuICBMYWJlbENvbXBvbmVudCxcbiAgRGF0ZUlucHV0Q29tcG9uZW50LFxuICBEYXRlVGltZUlucHV0Q29tcG9uZW50LFxuXSBhcyBjb25zdDtcbiJdfQ==

package/esm2022/lib/components/forms/components/input/partials/password-input-toggle/password-input-toggle.component.mjs

@@ -8,10 +8,10 @@ export class PasswordInputToggleComponent {
         this.passwordInput = inject(PASSWORD_INPUT_TOKEN);
         this.input = inject(INPUT_TOKEN);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PasswordInputToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: PasswordInputToggleComponent, isStandalone: true, selector: "et-password-input-toggle", inputs: { ariaLabel: "ariaLabel" }, host: { classAttribute: "et-password-input-toggle" }, ngImport: i0, template: "<button\n  [attr.aria-controls]=\"input.id\"\n  [attr.aria-pressed]=\"passwordInput.showPassword$ | async\"\n  [class.et-password-input-toggle-button--active]=\"passwordInput.showPassword$ | async\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [disabled]=\"input.disabled$ | async\"\n  (click)=\"passwordInput._toggleShowPassword(); input.focusInputVia()\"\n  class=\"et-password-input-toggle-button\"\n  type=\"button\"\n  tabindex=\"-1\"\n>\n  <ng-content />\n</button>\n", styles: [""], dependencies: [{ 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: PasswordInputToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: PasswordInputToggleComponent, isStandalone: true, selector: "et-password-input-toggle", inputs: { ariaLabel: "ariaLabel" }, host: { classAttribute: "et-password-input-toggle" }, ngImport: i0, template: "<button\n  [attr.aria-controls]=\"input.id\"\n  [attr.aria-pressed]=\"passwordInput.showPassword$ | async\"\n  [class.et-password-input-toggle-button--active]=\"passwordInput.showPassword$ | async\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [disabled]=\"input.disabled$ | async\"\n  (click)=\"passwordInput._toggleShowPassword(); input.focusInputVia()\"\n  class=\"et-password-input-toggle-button\"\n  type=\"button\"\n  tabindex=\"-1\"\n>\n  <ng-content />\n</button>\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PasswordInputToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: PasswordInputToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-password-input-toggle', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-password-input-toggle',

package/esm2022/lib/components/forms/components/input/partials/search-input-clear/search-input-clear.component.mjs

@@ -8,10 +8,10 @@ export class SearchInputClearComponent {
         this.searchInput = inject(SEARCH_INPUT_TOKEN);
         this.input = inject(INPUT_TOKEN);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SearchInputClearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: SearchInputClearComponent, isStandalone: true, selector: "et-search-input-clear", inputs: { ariaLabel: "ariaLabel" }, host: { classAttribute: "et-search-input-clear" }, ngImport: i0, template: "<button\n  [attr.aria-controls]=\"input.id\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [disabled]=\"input.disabled$ | async\"\n  (click)=\"searchInput._clear(); input.focusInputVia()\"\n  class=\"et-search-input-clear-button\"\n  type=\"button\"\n>\n  <ng-content />\n</button>\n", styles: [""], dependencies: [{ 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: SearchInputClearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SearchInputClearComponent, isStandalone: true, selector: "et-search-input-clear", inputs: { ariaLabel: "ariaLabel" }, host: { classAttribute: "et-search-input-clear" }, ngImport: i0, template: "<button\n  [attr.aria-controls]=\"input.id\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [disabled]=\"input.disabled$ | async\"\n  (click)=\"searchInput._clear(); input.focusInputVia()\"\n  class=\"et-search-input-clear-button\"\n  type=\"button\"\n>\n  <ng-content />\n</button>\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SearchInputClearComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SearchInputClearComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-search-input-clear', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-search-input-clear',

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

@@ -9,8 +9,8 @@ export class LabelComponent {
         this.formFieldStateService = inject(FormFieldStateService);
         this.id = `et-label-${++nextUniqueId}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: LabelComponent, isStandalone: true, selector: "et-label", host: { classAttribute: "et-label" }, providers: [{ provide: LABEL_TOKEN, useExisting: LabelComponent }], exportAs: ["etLabel"], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: LabelComponent, isStandalone: true, selector: "et-label", host: { classAttribute: "et-label" }, providers: [{ provide: LABEL_TOKEN, useExisting: LabelComponent }], exportAs: ["etLabel"], ngImport: i0, template: `
     <label
       [attr.for]="formFieldStateService.inputId$ | async"
       [attr.aria-owns]="formFieldStateService.inputId$ | async"
@@ -22,7 +22,7 @@ export class LabelComponent {
     <ng-content select="[etLabelSuffix]" />
   `, isInline: true, dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'et-label',

package/esm2022/lib/components/forms/components/label/directives/label-suffix/label-suffix.directive.mjs

@@ -7,10 +7,10 @@ export class LabelSuffixDirective {
     get _attrAriaHidden() {
         return this.showToScreenReader ? null : 'true';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LabelSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.4", type: LabelSuffixDirective, isStandalone: true, selector: "[etLabelSuffix]", inputs: { showToScreenReader: ["showToScreenReader", "showToScreenReader", booleanAttribute] }, host: { properties: { "attr.aria-hidden": "this._attrAriaHidden" } }, exportAs: ["etLabelSuffix"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: LabelSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.9", type: LabelSuffixDirective, isStandalone: true, selector: "[etLabelSuffix]", inputs: { showToScreenReader: ["showToScreenReader", "showToScreenReader", booleanAttribute] }, host: { properties: { "attr.aria-hidden": "this._attrAriaHidden" } }, exportAs: ["etLabelSuffix"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: LabelSuffixDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: LabelSuffixDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etLabelSuffix]',

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

@@ -12,10 +12,10 @@ export class RadioComponent extends InputBase {
         this.radio = inject(RADIO_TOKEN);
         this.radioGroup = inject(RADIO_GROUP_TOKEN);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: RadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: RadioComponent, isStandalone: true, selector: "et-radio", host: { classAttribute: "et-radio" }, usesInheritance: true, hostDirectives: [{ directive: i1.RadioDirective, inputs: ["value", "value", "disabled", "disabled"] }, { directive: i2.InputDirective, inputs: ["autocomplete", "autocomplete"] }], ngImport: i0, template: "<input\n  [attr.tabindex]=\"(radio.disabled$ | async) ? -1 : 0\"\n  [attr.checked]=\"(radio.checked$ | async) || null\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [attr.aria-required]=\"(input.required$ | async) || null\"\n  [disabled]=\"radio.disabled$ | async\"\n  [attr.id]=\"input.id\"\n  [attr.name]=\"radioGroup.name\"\n  (click)=\"radio._onInputInteraction($event)\"\n  (blur)=\"radio._controlTouched()\"\n  class=\"et-radio-native-input\"\n  type=\"radio\"\n  etNativeInputRef\n/>\n\n<div [ngClass]=\"{ 'et-radio-check--active': radio.checked$ | async }\" class=\"et-radio-check\"></div>\n", styles: [":where(.et-radio){--et-radio-size: 25px;--et-radio-check-size: 10px;--et-radio-border-radius: 50%;--et-radio-border-color: #e5e5e5;--et-radio-state-color: #e5e5e5;inline-size:var(--et-radio-size);block-size:var(--et-radio-size);border:1px solid var(--et-radio-border-color);border-radius:var(--et-radio-border-radius);display:inline-grid}:where(.et-radio-check){inline-size:var(--et-radio-check-size);block-size:var(--et-radio-check-size);border-radius:var(--et-radio-border-radius)}:where(.et-radio-check).et-radio-check--active{background-color:var(--et-radio-state-color)}.et-radio{position:relative;align-items:center;justify-items:center}.et-radio-native-input,.et-radio-check{grid-area:1/1/2/2}.et-radio-native-input{z-index:1;inline-size:var(--et-radio-size);block-size:var(--et-radio-size);opacity:0;margin:0;border:none}.et-radio:not(.et-radio--disabled) .et-radio-native-input{cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: RadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: RadioComponent, isStandalone: true, selector: "et-radio", host: { classAttribute: "et-radio" }, usesInheritance: true, hostDirectives: [{ directive: i1.RadioDirective, inputs: ["value", "value", "disabled", "disabled"] }, { directive: i2.InputDirective, inputs: ["autocomplete", "autocomplete"] }], ngImport: i0, template: "<input\n  [attr.tabindex]=\"(radio.disabled$ | async) ? -1 : 0\"\n  [attr.checked]=\"(radio.checked$ | async) || null\"\n  [attr.aria-labelledby]=\"input.labelId$ | async\"\n  [attr.aria-required]=\"(input.required$ | async) || null\"\n  [disabled]=\"radio.disabled$ | async\"\n  [attr.id]=\"input.id\"\n  [attr.name]=\"radioGroup.name\"\n  (click)=\"radio._onInputInteraction($event)\"\n  (blur)=\"radio._controlTouched()\"\n  class=\"et-radio-native-input\"\n  type=\"radio\"\n  etNativeInputRef\n/>\n\n<div [ngClass]=\"{ 'et-radio-check--active': radio.checked$ | async }\" class=\"et-radio-check\"></div>\n", styles: [":where(.et-radio){--et-radio-size: 25px;--et-radio-check-size: 10px;--et-radio-border-radius: 50%;--et-radio-border-color: #e5e5e5;--et-radio-state-color: #e5e5e5;inline-size:var(--et-radio-size);block-size:var(--et-radio-size);border:1px solid var(--et-radio-border-color);border-radius:var(--et-radio-border-radius);display:inline-grid}:where(.et-radio-check){inline-size:var(--et-radio-check-size);block-size:var(--et-radio-check-size);border-radius:var(--et-radio-border-radius)}:where(.et-radio-check).et-radio-check--active{background-color:var(--et-radio-state-color)}.et-radio{position:relative;align-items:center;justify-items:center}.et-radio-native-input,.et-radio-check{grid-area:1/1/2/2}.et-radio-native-input{z-index:1;inline-size:var(--et-radio-size);block-size:var(--et-radio-size);opacity:0;margin:0;border:none}.et-radio:not(.et-radio--disabled) .et-radio-native-input{cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NativeInputRefDirective, selector: "input[etNativeInputRef], textarea[etNativeInputRef], select[etNativeInputRef], button[etNativeInputRef]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: RadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: RadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-radio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-radio',

package/esm2022/lib/components/forms/components/radio/components/radio-field/radio-field.component.mjs

@@ -5,15 +5,15 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../../../directives/static-form-field/static-form-field.directive";
 import * as i2 from "../../directives/radio-field/radio-field.directive";
 export class RadioFieldComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: RadioFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: RadioFieldComponent, isStandalone: true, selector: "et-radio-field, et-radio-card-field", host: { classAttribute: "et-form-field et-radio-field" }, hostDirectives: [{ directive: i1.StaticFormFieldDirective }, { directive: i2.RadioFieldDirective }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: RadioFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: RadioFieldComponent, isStandalone: true, selector: "et-radio-field, et-radio-card-field", host: { classAttribute: "et-form-field et-radio-field" }, hostDirectives: [{ directive: i1.StaticFormFieldDirective }, { directive: i2.RadioFieldDirective }], ngImport: i0, template: `
     <div class="et-radio-field-container">
       <ng-content />
       <ng-content />
     </div>
   `, isInline: true, styles: ["et-radio-card-field .et-radio-field-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#2e2e2e;border-radius:10px;gap:20px;position:relative;z-index:0}et-radio-card-field .et-radio-field-container .et-radio-native-input{position:absolute;inset:0;inline-size:100%;block-size:100%;z-index:-1;pointer-events:auto}et-radio-card-field .et-radio-field-container .et-radio{position:static;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: RadioFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: RadioFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-radio-field, et-radio-card-field', template: `
     <div class="et-radio-field-container">

package/esm2022/lib/components/forms/components/radio/components/radio-group/radio-group.component.mjs

@@ -13,15 +13,15 @@ export class RadioGroupComponent {
     constructor() {
         this.inputState = inject(InputStateService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: RadioGroupComponent, isStandalone: true, selector: "et-radio-group", host: { classAttribute: "et-form-group et-radio-group" }, hostDirectives: [{ directive: i1.StaticFormGroupDirective }, { directive: i2.WriteableInputDirective }, { directive: i0.forwardRef(() => i3.DynamicFormGroupDirective), inputs: ["hideErrorMessage", "hideErrorMessage"] }, { directive: i4.RadioGroupDirective }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: RadioGroupComponent, isStandalone: true, selector: "et-radio-group", host: { classAttribute: "et-form-group et-radio-group" }, hostDirectives: [{ directive: i1.StaticFormGroupDirective }, { directive: i2.WriteableInputDirective }, { directive: i0.forwardRef(() => i3.DynamicFormGroupDirective), inputs: ["hideErrorMessage", "hideErrorMessage"] }, { directive: i4.RadioGroupDirective }], ngImport: i0, template: `
     <div class="et-radio-group-container">
       <ng-content />
     </div>
     <et-error [errors]="inputState.errors$ | async" />
   `, isInline: true, styles: [":where(.et-radio-group){display:block}\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.4", ngImport: i0, type: RadioGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: RadioGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-radio-group', template: `
     <div class="et-radio-group-container">

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

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

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

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

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

@@ -13,10 +13,10 @@ export class RadioGroupDirective {
             'aria-labelledby': toSignal(this._formGroupStateService.describedBy$),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: RadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: RadioGroupDirective, isStandalone: true, host: { attributes: { "role": "radiogroup" } }, providers: [{ provide: RADIO_GROUP_TOKEN, useExisting: RadioGroupDirective }], exportAs: ["etRadioGroup"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: RadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.9", type: RadioGroupDirective, isStandalone: true, host: { attributes: { "role": "radiogroup" } }, providers: [{ provide: RADIO_GROUP_TOKEN, useExisting: RadioGroupDirective }], exportAs: ["etRadioGroup"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: RadioGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: RadioGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

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

@@ -18,10 +18,10 @@ export class SegmentedButtonComponent extends InputBase {
         }
         this.segmentedButton._setActiveIndicatorElement(this.activeIndicator.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SegmentedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: SegmentedButtonComponent, isStandalone: true, selector: "et-segmented-button", host: { classAttribute: "et-segmented-button" }, viewQueries: [{ propertyName: "activeIndicator", first: true, predicate: ["activeIndicator"], descendants: true, static: true }], usesInheritance: true, hostDirectives: [{ directive: i1.SegmentedButtonDirective, inputs: ["value", "value", "disabled", "disabled"] }, { directive: i2.InputDirective }], ngImport: i0, template: "<button\n  [attr.tabindex]=\"(input.disabled$ | async) ? -1 : 0\"\n  [attr.aria-pressed]=\"segmentedButton.checked$ | async\"\n  [attr.aria-required]=\"(input.required$ | async) || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  [disabled]=\"segmentedButton.disabled$ | async\"\n  [attr.id]=\"input.id\"\n  (click)=\"segmentedButton._onInputInteraction($event)\"\n  (blur)=\"segmentedButton._controlTouched()\"\n  class=\"et-segmented-button-button\"\n  type=\"button\"\n>\n  <div #activeIndicator class=\"et-segmented-button-button-active-indicator\"></div>\n\n  <span class=\"et-segmented-button-button-content\">\n    <ng-content />\n  </span>\n</button>\n", styles: [":where(.et-segmented-button){--et-segmented-button-active-indicator-color: #e0e0e0;--et-segmented-button-active-indicator-radius: 1px}.et-segmented-button-button{position:relative}.et-segmented-button-button-content{position:relative;z-index:2}.et-segmented-button-button-active-indicator{position:absolute;inset:0;background-color:var(--et-segmented-button-active-indicator-color);border-radius:var(--et-segmented-button-active-indicator-radius);opacity:0;z-index:1}.et-segmented-button--checked .et-segmented-button-button-active-indicator{opacity:1}\n"], dependencies: [{ 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: SegmentedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: SegmentedButtonComponent, isStandalone: true, selector: "et-segmented-button", host: { classAttribute: "et-segmented-button" }, viewQueries: [{ propertyName: "activeIndicator", first: true, predicate: ["activeIndicator"], descendants: true, static: true }], usesInheritance: true, hostDirectives: [{ directive: i1.SegmentedButtonDirective, inputs: ["value", "value", "disabled", "disabled"] }, { directive: i2.InputDirective }], ngImport: i0, template: "<button\n  [attr.tabindex]=\"(input.disabled$ | async) ? -1 : 0\"\n  [attr.aria-pressed]=\"segmentedButton.checked$ | async\"\n  [attr.aria-required]=\"(input.required$ | async) || null\"\n  [attr.aria-describedby]=\"input.describedBy$ | async\"\n  [disabled]=\"segmentedButton.disabled$ | async\"\n  [attr.id]=\"input.id\"\n  (click)=\"segmentedButton._onInputInteraction($event)\"\n  (blur)=\"segmentedButton._controlTouched()\"\n  class=\"et-segmented-button-button\"\n  type=\"button\"\n>\n  <div #activeIndicator class=\"et-segmented-button-button-active-indicator\"></div>\n\n  <span class=\"et-segmented-button-button-content\">\n    <ng-content />\n  </span>\n</button>\n", styles: [":where(.et-segmented-button){--et-segmented-button-active-indicator-color: #e0e0e0;--et-segmented-button-active-indicator-radius: 1px}.et-segmented-button-button{position:relative}.et-segmented-button-button-content{position:relative;z-index:2}.et-segmented-button-button-active-indicator{position:absolute;inset:0;background-color:var(--et-segmented-button-active-indicator-color);border-radius:var(--et-segmented-button-active-indicator-radius);opacity:0;z-index:1}.et-segmented-button--checked .et-segmented-button-button-active-indicator{opacity:1}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SegmentedButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: SegmentedButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-segmented-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'et-segmented-button',

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.4", ngImport: i0, type: SegmentedButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", 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.4", 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.4", ngImport: i0, type: SegmentedButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", 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.4", 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.4", ngImport: i0, type: SegmentedButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", 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.4", 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.4", ngImport: i0, type: SegmentedButtonFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", 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.4", 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.4", ngImport: i0, type: SegmentedButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", 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.4", 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.4", 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.4", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", 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.4", 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',