@ethlete/cdk 4.24.3 → 4.25.0

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

@@ -36,10 +36,10 @@ export class TextareaInputDirective {
         this.input._markAsTouched();
         this.input._setShouldDisplayError(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TextareaInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: TextareaInputDirective, isStandalone: true, providers: [{ provide: TEXTAREA_INPUT_TOKEN, useExisting: TextareaInputDirective }], exportAs: ["etTextareaInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: TextareaInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", type: TextareaInputDirective, isStandalone: true, providers: [{ provide: TEXTAREA_INPUT_TOKEN, useExisting: TextareaInputDirective }], exportAs: ["etTextareaInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TextareaInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: TextareaInputDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

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: "18.0.1", ngImport: i0, type: PasswordInputToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: PasswordInputToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: PasswordInputToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: SearchInputClearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: SearchInputClearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: SearchInputClearComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: LabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: LabelSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: LabelSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: LabelSuffixDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: LabelSuffixDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[etLabelSuffix]',

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

@@ -14,10 +14,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: "18.0.1", ngImport: i0, type: RadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: RadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: RadioFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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

@@ -15,15 +15,15 @@ export class RadioGroupComponent {
     constructor() {
         this.inputState = inject(InputStateService);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: RadioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: RadioFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioFieldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: RadioGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: RadioGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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

@@ -20,19 +20,19 @@ export class SegmentedButtonComponent extends InputBase {
         }
         this.segmentedButton._setActiveIndicatorElement(this.activeIndicator.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SegmentedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: SegmentedButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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-tab-active-underline-height: 3px}.et-segmented-button-button{position:relative}.et-segmented-button-button-content{position:relative;z-index:2}.et-segmented-button-button-active-indicator{position:absolute;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}.et-segmented-button-group.et-segmented-button-group--buttons .et-segmented-button-button-active-indicator{inset:0}.et-segmented-button-group.et-segmented-button-group--tabs .et-segmented-button-button-active-indicator{inset-block-end:0;inset-inline:0;block-size:var(--et-segmented-button-tab-active-underline-height)}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SegmentedButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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',
                     }, imports: [AsyncPipe, NgClass, NativeInputRefDirective], hostDirectives: [
                         { directive: SegmentedButtonDirective, inputs: ['value', 'disabled'] },
                         { directive: InputDirective },
-                    ], 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"] }]
+                    ], 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-tab-active-underline-height: 3px}.et-segmented-button-button{position:relative}.et-segmented-button-button-content{position:relative;z-index:2}.et-segmented-button-button-active-indicator{position:absolute;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}.et-segmented-button-group.et-segmented-button-group--buttons .et-segmented-button-button-active-indicator{inset:0}.et-segmented-button-group.et-segmented-button-group--tabs .et-segmented-button-button-active-indicator{inset-block-end:0;inset-inline:0;block-size:var(--et-segmented-button-tab-active-underline-height)}\n"] }]
         }], propDecorators: { activeIndicator: [{
                 type: ViewChild,
                 args: ['activeIndicator', { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9zZWdtZW50ZWQtYnV0dG9uL2NvbXBvbmVudHMvc2VnbWVudGVkLWJ1dHRvbi9zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL3NlZ21lbnRlZC1idXR0b24vY29tcG9uZW50cy9zZWdtZW50ZWQtYnV0dG9uL3NlZ21lbnRlZC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBRVYsU0FBUyxFQUNULGlCQUFpQixFQUNqQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzlELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNyRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7OztBQWtCdkYsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFNBQVM7SUFoQnZEOztRQWlCcUIsb0JBQWUsR0FBRyxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNqRCx5QkFBb0IsR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQVloRjtJQVBDLFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQzFCLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLGVBQWUsQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3RGLENBQUM7OEdBYlUsd0JBQXdCO2tHQUF4Qix3QkFBd0IsNmFDaENyQyx5cUJBa0JBLCtsQkRRWSxTQUFTOzsyRkFNUix3QkFBd0I7a0JBaEJwQyxTQUFTOytCQUNFLHFCQUFxQixjQUduQixJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osS0FBSyxFQUFFLHFCQUFxQjtxQkFDN0IsV0FDUSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsdUJBQXVCLENBQUMsa0JBQ3RDO3dCQUNkLEVBQUUsU0FBUyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsRUFBRTt3QkFDdEUsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFO3FCQUM5Qjs4QkFPRCxlQUFlO3NCQURkLFNBQVM7dUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcy9pbnB1dCc7XG5pbXBvcnQgeyBOYXRpdmVJbnB1dFJlZkRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMvbmF0aXZlLWlucHV0LXJlZic7XG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlscyc7XG5pbXBvcnQgeyBTRUdNRU5URURfQlVUVE9OX1RPS0VOLCBTZWdtZW50ZWRCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3NlZ21lbnRlZC1idXR0b24nO1xuaW1wb3J0IHsgU0VHTUVOVEVEX0JVVFRPTl9HUk9VUF9UT0tFTiB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvc2VnbWVudGVkLWJ1dHRvbi1ncm91cCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V0LXNlZ21lbnRlZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlZ21lbnRlZC1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2V0LXNlZ21lbnRlZC1idXR0b24nLFxuICB9LFxuICBpbXBvcnRzOiBbQXN5bmNQaXBlLCBOZ0NsYXNzLCBOYXRpdmVJbnB1dFJlZkRpcmVjdGl2ZV0sXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgeyBkaXJlY3RpdmU6IFNlZ21lbnRlZEJ1dHRvbkRpcmVjdGl2ZSwgaW5wdXRzOiBbJ3ZhbHVlJywgJ2Rpc2FibGVkJ10gfSxcbiAgICB7IGRpcmVjdGl2ZTogSW5wdXREaXJlY3RpdmUgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VnbWVudGVkQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgSW5wdXRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHNlZ21lbnRlZEJ1dHRvbiA9IGluamVjdChTRUdNRU5URURfQlVUVE9OX1RPS0VOKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHNlZ21lbnRlZEJ1dHRvbkdyb3VwID0gaW5qZWN0KFNFR01FTlRFRF9CVVRUT05fR1JPVVBfVE9LRU4pO1xuXG4gIEBWaWV3Q2hpbGQoJ2FjdGl2ZUluZGljYXRvcicsIHsgc3RhdGljOiB0cnVlIH0pXG4gIGFjdGl2ZUluZGljYXRvcj86IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICghdGhpcy5hY3RpdmVJbmRpY2F0b3IpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnNlZ21lbnRlZEJ1dHRvbi5fc2V0QWN0aXZlSW5kaWNhdG9yRWxlbWVudCh0aGlzLmFjdGl2ZUluZGljYXRvci5uYXRpdmVFbGVtZW50KTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICBbYXR0ci50YWJpbmRleF09XCIoaW5wdXQuZGlzYWJsZWQkIHwgYXN5bmMpID8gLTEgOiAwXCJcbiAgW2F0dHIuYXJpYS1wcmVzc2VkXT1cInNlZ21lbnRlZEJ1dHRvbi5jaGVja2VkJCB8IGFzeW5jXCJcbiAgW2F0dHIuYXJpYS1yZXF1aXJlZF09XCIoaW5wdXQucmVxdWlyZWQkIHwgYXN5bmMpIHx8IG51bGxcIlxuICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImlucHV0LmRlc2NyaWJlZEJ5JCB8IGFzeW5jXCJcbiAgW2Rpc2FibGVkXT1cInNlZ21lbnRlZEJ1dHRvbi5kaXNhYmxlZCQgfCBhc3luY1wiXG4gIFthdHRyLmlkXT1cImlucHV0LmlkXCJcbiAgKGNsaWNrKT1cInNlZ21lbnRlZEJ1dHRvbi5fb25JbnB1dEludGVyYWN0aW9uKCRldmVudClcIlxuICAoYmx1cik9XCJzZWdtZW50ZWRCdXR0b24uX2NvbnRyb2xUb3VjaGVkKClcIlxuICBjbGFzcz1cImV0LXNlZ21lbnRlZC1idXR0b24tYnV0dG9uXCJcbiAgdHlwZT1cImJ1dHRvblwiXG4+XG4gIDxkaXYgI2FjdGl2ZUluZGljYXRvciBjbGFzcz1cImV0LXNlZ21lbnRlZC1idXR0b24tYnV0dG9uLWFjdGl2ZS1pbmRpY2F0b3JcIj48L2Rpdj5cblxuICA8c3BhbiBjbGFzcz1cImV0LXNlZ21lbnRlZC1idXR0b24tYnV0dG9uLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudCAvPlxuICA8L3NwYW4+XG48L2J1dHRvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9zZWdtZW50ZWQtYnV0dG9uL2NvbXBvbmVudHMvc2VnbWVudGVkLWJ1dHRvbi9zZWdtZW50ZWQtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL3NlZ21lbnRlZC1idXR0b24vY29tcG9uZW50cy9zZWdtZW50ZWQtYnV0dG9uL3NlZ21lbnRlZC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBRVYsU0FBUyxFQUNULGlCQUFpQixFQUNqQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzlELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNyRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7OztBQWtCdkYsTUFBTSxPQUFPLHdCQUF5QixTQUFRLFNBQVM7SUFoQnZEOztRQWlCcUIsb0JBQWUsR0FBRyxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNqRCx5QkFBb0IsR0FBRyxNQUFNLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQVloRjtJQVBDLFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBQzFCLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLGVBQWUsQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3RGLENBQUM7OEdBYlUsd0JBQXdCO2tHQUF4Qix3QkFBd0IsNmFDaENyQyx5cUJBa0JBLDQ4QkRRWSxTQUFTOzsyRkFNUix3QkFBd0I7a0JBaEJwQyxTQUFTOytCQUNFLHFCQUFxQixjQUduQixJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osS0FBSyxFQUFFLHFCQUFxQjtxQkFDN0IsV0FDUSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsdUJBQXVCLENBQUMsa0JBQ3RDO3dCQUNkLEVBQUUsU0FBUyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsRUFBRTt3QkFDdEUsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFO3FCQUM5Qjs4QkFPRCxlQUFlO3NCQURkLFNBQVM7dUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcy9pbnB1dCc7XG5pbXBvcnQgeyBOYXRpdmVJbnB1dFJlZkRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMvbmF0aXZlLWlucHV0LXJlZic7XG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlscyc7XG5pbXBvcnQgeyBTRUdNRU5URURfQlVUVE9OX1RPS0VOLCBTZWdtZW50ZWRCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3NlZ21lbnRlZC1idXR0b24nO1xuaW1wb3J0IHsgU0VHTUVOVEVEX0JVVFRPTl9HUk9VUF9UT0tFTiB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvc2VnbWVudGVkLWJ1dHRvbi1ncm91cCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V0LXNlZ21lbnRlZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VnbWVudGVkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlZ21lbnRlZC1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2V0LXNlZ21lbnRlZC1idXR0b24nLFxuICB9LFxuICBpbXBvcnRzOiBbQXN5bmNQaXBlLCBOZ0NsYXNzLCBOYXRpdmVJbnB1dFJlZkRpcmVjdGl2ZV0sXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgeyBkaXJlY3RpdmU6IFNlZ21lbnRlZEJ1dHRvbkRpcmVjdGl2ZSwgaW5wdXRzOiBbJ3ZhbHVlJywgJ2Rpc2FibGVkJ10gfSxcbiAgICB7IGRpcmVjdGl2ZTogSW5wdXREaXJlY3RpdmUgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VnbWVudGVkQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgSW5wdXRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHNlZ21lbnRlZEJ1dHRvbiA9IGluamVjdChTRUdNRU5URURfQlVUVE9OX1RPS0VOKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHNlZ21lbnRlZEJ1dHRvbkdyb3VwID0gaW5qZWN0KFNFR01FTlRFRF9CVVRUT05fR1JPVVBfVE9LRU4pO1xuXG4gIEBWaWV3Q2hpbGQoJ2FjdGl2ZUluZGljYXRvcicsIHsgc3RhdGljOiB0cnVlIH0pXG4gIGFjdGl2ZUluZGljYXRvcj86IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICghdGhpcy5hY3RpdmVJbmRpY2F0b3IpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnNlZ21lbnRlZEJ1dHRvbi5fc2V0QWN0aXZlSW5kaWNhdG9yRWxlbWVudCh0aGlzLmFjdGl2ZUluZGljYXRvci5uYXRpdmVFbGVtZW50KTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICBbYXR0ci50YWJpbmRleF09XCIoaW5wdXQuZGlzYWJsZWQkIHwgYXN5bmMpID8gLTEgOiAwXCJcbiAgW2F0dHIuYXJpYS1wcmVzc2VkXT1cInNlZ21lbnRlZEJ1dHRvbi5jaGVja2VkJCB8IGFzeW5jXCJcbiAgW2F0dHIuYXJpYS1yZXF1aXJlZF09XCIoaW5wdXQucmVxdWlyZWQkIHwgYXN5bmMpIHx8IG51bGxcIlxuICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImlucHV0LmRlc2NyaWJlZEJ5JCB8IGFzeW5jXCJcbiAgW2Rpc2FibGVkXT1cInNlZ21lbnRlZEJ1dHRvbi5kaXNhYmxlZCQgfCBhc3luY1wiXG4gIFthdHRyLmlkXT1cImlucHV0LmlkXCJcbiAgKGNsaWNrKT1cInNlZ21lbnRlZEJ1dHRvbi5fb25JbnB1dEludGVyYWN0aW9uKCRldmVudClcIlxuICAoYmx1cik9XCJzZWdtZW50ZWRCdXR0b24uX2NvbnRyb2xUb3VjaGVkKClcIlxuICBjbGFzcz1cImV0LXNlZ21lbnRlZC1idXR0b24tYnV0dG9uXCJcbiAgdHlwZT1cImJ1dHRvblwiXG4+XG4gIDxkaXYgI2FjdGl2ZUluZGljYXRvciBjbGFzcz1cImV0LXNlZ21lbnRlZC1idXR0b24tYnV0dG9uLWFjdGl2ZS1pbmRpY2F0b3JcIj48L2Rpdj5cblxuICA8c3BhbiBjbGFzcz1cImV0LXNlZ21lbnRlZC1idXR0b24tYnV0dG9uLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudCAvPlxuICA8L3NwYW4+XG48L2J1dHRvbj5cbiJdfQ==

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: "18.0.1", ngImport: i0, type: SegmentedButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: SegmentedButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: SegmentedButtonFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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

@@ -1,5 +1,6 @@
 import { AsyncPipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ViewEncapsulation, forwardRef, inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, forwardRef, inject, input, } from '@angular/core';
+import { signalHostClasses } from '@ethlete/core';
 import { DynamicFormGroupDirective } from '../../../../directives/dynamic-form-group';
 import { StaticFormGroupDirective } from '../../../../directives/static-form-group';
 import { WriteableInputDirective } from '../../../../directives/writeable-input';
@@ -14,16 +15,21 @@ import * as i4 from "../../directives/segmented-button-group/segmented-button-gr
 export class SegmentedButtonGroupComponent {
     constructor() {
         this.inputState = inject(InputStateService);
+        this.renderAs = input('buttons');
+        this.hostClassBindings = signalHostClasses({
+            'et-segmented-button-group--tabs': computed(() => this.renderAs() === 'tabs'),
+            'et-segmented-button-group--buttons': computed(() => this.renderAs() === 'buttons'),
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SegmentedButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: SegmentedButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.2", type: SegmentedButtonGroupComponent, isStandalone: true, selector: "et-segmented-button-group", inputs: { renderAs: { classPropertyName: "renderAs", publicName: "renderAs", isSignal: true, isRequired: false, transformFunction: null } }, 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: "18.0.1", ngImport: i0, type: SegmentedButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: SegmentedButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-segmented-button-group', template: `
     <div class="et-segmented-button-group-container">
@@ -42,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
                         SegmentedButtonGroupDirective,
                     ], imports: [ErrorComponent, AsyncPipe], 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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9zZWdtZW50ZWQtYnV0dG9uL2NvbXBvbmVudHMvc2VnbWVudGVkLWJ1dHRvbi1ncm91cC9zZWdtZW50ZWQtYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNqRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7Ozs7O0FBNEJ4RixNQUFNLE9BQU8sNkJBQTZCO0lBMUIxQztRQTJCcUIsZUFBVSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0tBQzNEOzhHQUZZLDZCQUE2QjtrR0FBN0IsNkJBQTZCLHdhQXhCOUI7Ozs7O0dBS1QsZ1BBaUJTLGNBQWMsb0VBQUUsU0FBUzs7MkZBRXhCLDZCQUE2QjtrQkExQnpDLFNBQVM7K0JBQ0UsMkJBQTJCLFlBQzNCOzs7OztHQUtULGNBRVcsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNKLEtBQUssRUFBRSx5Q0FBeUM7cUJBQ2pELGtCQUNlO3dCQUNkLHdCQUF3Qjt3QkFDeEIsdUJBQXVCO3dCQUN2Qjs0QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDOzRCQUN0RCxNQUFNLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQzt5QkFDN0I7d0JBQ0QsNkJBQTZCO3FCQUM5QixXQUNRLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFzeW5jUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgZm9yd2FyZFJlZiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEeW5hbWljRm9ybUdyb3VwRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcy9keW5hbWljLWZvcm0tZ3JvdXAnO1xuaW1wb3J0IHsgU3RhdGljRm9ybUdyb3VwRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcy9zdGF0aWMtZm9ybS1ncm91cCc7XG5pbXBvcnQgeyBXcml0ZWFibGVJbnB1dERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMvd3JpdGVhYmxlLWlucHV0JztcbmltcG9ydCB7IElucHV0U3RhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHsgRXJyb3JDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9lcnJvci9jb21wb25lbnRzL2Vycm9yJztcbmltcG9ydCB7IFNlZ21lbnRlZEJ1dHRvbkdyb3VwRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9zZWdtZW50ZWQtYnV0dG9uLWdyb3VwJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZXQtc2VnbWVudGVkLWJ1dHRvbi1ncm91cCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImV0LXNlZ21lbnRlZC1idXR0b24tZ3JvdXAtY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvZGl2PlxuICAgIDxldC1lcnJvciBbZXJyb3JzXT1cImlucHV0U3RhdGUuZXJyb3JzJCB8IGFzeW5jXCIgLz5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2VnbWVudGVkLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZXQtZm9ybS1ncm91cCBldC1zZWdtZW50ZWQtYnV0dG9uLWdyb3VwJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICBTdGF0aWNGb3JtR3JvdXBEaXJlY3RpdmUsXG4gICAgV3JpdGVhYmxlSW5wdXREaXJlY3RpdmUsXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBmb3J3YXJkUmVmKCgpID0+IER5bmFtaWNGb3JtR3JvdXBEaXJlY3RpdmUpLFxuICAgICAgaW5wdXRzOiBbJ2hpZGVFcnJvck1lc3NhZ2UnXSxcbiAgICB9LFxuICAgIFNlZ21lbnRlZEJ1dHRvbkdyb3VwRGlyZWN0aXZlLFxuICBdLFxuICBpbXBvcnRzOiBbRXJyb3JDb21wb25lbnQsIEFzeW5jUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNlZ21lbnRlZEJ1dHRvbkdyb3VwQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGlucHV0U3RhdGUgPSBpbmplY3QoSW5wdXRTdGF0ZVNlcnZpY2UpO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWJ1dHRvbi1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9zZWdtZW50ZWQtYnV0dG9uL2NvbXBvbmVudHMvc2VnbWVudGVkLWJ1dHRvbi1ncm91cC9zZWdtZW50ZWQtYnV0dG9uLWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFFBQVEsRUFDUixVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDakYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDOzs7Ozs7QUE4QnhGLE1BQU0sT0FBTyw2QkFBNkI7SUExQjFDO1FBMkJxQixlQUFVLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFMUQsYUFBUSxHQUFHLEtBQUssQ0FBK0IsU0FBUyxDQUFDLENBQUM7UUFFMUQsc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7WUFDcEMsaUNBQWlDLEVBQUUsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsS0FBSyxNQUFNLENBQUM7WUFDN0Usb0NBQW9DLEVBQUUsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsS0FBSyxTQUFTLENBQUM7U0FDcEYsQ0FBQyxDQUFDO0tBQ0o7OEdBVFksNkJBQTZCO2tHQUE3Qiw2QkFBNkIscWpCQXhCOUI7Ozs7O0dBS1QsZ1BBaUJTLGNBQWMsb0VBQUUsU0FBUzs7MkZBRXhCLDZCQUE2QjtrQkExQnpDLFNBQVM7K0JBQ0UsMkJBQTJCLFlBQzNCOzs7OztHQUtULGNBRVcsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNKLEtBQUssRUFBRSx5Q0FBeUM7cUJBQ2pELGtCQUNlO3dCQUNkLHdCQUF3Qjt3QkFDeEIsdUJBQXVCO3dCQUN2Qjs0QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDOzRCQUN0RCxNQUFNLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQzt5QkFDN0I7d0JBQ0QsNkJBQTZCO3FCQUM5QixXQUNRLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFzeW5jUGlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgY29tcHV0ZWQsXG4gIGZvcndhcmRSZWYsXG4gIGluamVjdCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgc2lnbmFsSG9zdENsYXNzZXMgfSBmcm9tICdAZXRobGV0ZS9jb3JlJztcbmltcG9ydCB7IER5bmFtaWNGb3JtR3JvdXBEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi8uLi9kaXJlY3RpdmVzL2R5bmFtaWMtZm9ybS1ncm91cCc7XG5pbXBvcnQgeyBTdGF0aWNGb3JtR3JvdXBEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi8uLi9kaXJlY3RpdmVzL3N0YXRpYy1mb3JtLWdyb3VwJztcbmltcG9ydCB7IFdyaXRlYWJsZUlucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcy93cml0ZWFibGUtaW5wdXQnO1xuaW1wb3J0IHsgSW5wdXRTdGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBFcnJvckNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2Vycm9yL2NvbXBvbmVudHMvZXJyb3InO1xuaW1wb3J0IHsgU2VnbWVudGVkQnV0dG9uR3JvdXBEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3NlZ21lbnRlZC1idXR0b24tZ3JvdXAnO1xuXG5leHBvcnQgdHlwZSBTZWdtZW50ZWRCdXR0b25Hcm91cFJlbmRlckFzID0gJ2J1dHRvbnMnIHwgJ3RhYnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdldC1zZWdtZW50ZWQtYnV0dG9uLWdyb3VwJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZXQtc2VnbWVudGVkLWJ1dHRvbi1ncm91cC1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgPC9kaXY+XG4gICAgPGV0LWVycm9yIFtlcnJvcnNdPVwiaW5wdXRTdGF0ZS5lcnJvcnMkIHwgYXN5bmNcIiAvPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zZWdtZW50ZWQtYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdldC1mb3JtLWdyb3VwIGV0LXNlZ21lbnRlZC1idXR0b24tZ3JvdXAnLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIFN0YXRpY0Zvcm1Hcm91cERpcmVjdGl2ZSxcbiAgICBXcml0ZWFibGVJbnB1dERpcmVjdGl2ZSxcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IGZvcndhcmRSZWYoKCkgPT4gRHluYW1pY0Zvcm1Hcm91cERpcmVjdGl2ZSksXG4gICAgICBpbnB1dHM6IFsnaGlkZUVycm9yTWVzc2FnZSddLFxuICAgIH0sXG4gICAgU2VnbWVudGVkQnV0dG9uR3JvdXBEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtFcnJvckNvbXBvbmVudCwgQXN5bmNQaXBlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VnbWVudGVkQnV0dG9uR3JvdXBDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgaW5wdXRTdGF0ZSA9IGluamVjdChJbnB1dFN0YXRlU2VydmljZSk7XG5cbiAgcmVuZGVyQXMgPSBpbnB1dDxTZWdtZW50ZWRCdXR0b25Hcm91cFJlbmRlckFzPignYnV0dG9ucycpO1xuXG4gIGhvc3RDbGFzc0JpbmRpbmdzID0gc2lnbmFsSG9zdENsYXNzZXMoe1xuICAgICdldC1zZWdtZW50ZWQtYnV0dG9uLWdyb3VwLS10YWJzJzogY29tcHV0ZWQoKCkgPT4gdGhpcy5yZW5kZXJBcygpID09PSAndGFicycpLFxuICAgICdldC1zZWdtZW50ZWQtYnV0dG9uLWdyb3VwLS1idXR0b25zJzogY29tcHV0ZWQoKCkgPT4gdGhpcy5yZW5kZXJBcygpID09PSAnYnV0dG9ucycpLFxuICB9KTtcbn1cbiJdfQ==

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: "18.0.1", ngImport: i0, type: SegmentedButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: SegmentedButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: SegmentedButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: SegmentedButtonFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: SegmentedButtonFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: SegmentedButtonFieldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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

@@ -43,10 +43,10 @@ export class SegmentedButtonGroupDirective {
         }), takeUntil(this._destroy$))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SegmentedButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.2", ngImport: i0, type: SegmentedButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: SegmentedButtonGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: SegmentedButtonGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

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

@@ -19,10 +19,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: "18.0.1", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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.selectedOptionComponent(); as comp) {\n              <ng-container\n                *ngComponentOutlet=\"comp; inputs: combobox.combineSelectedOptionWithComponentInputs(item)\"\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: "18.0.2", ngImport: i0, type: ComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", 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.selectedOptionComponent(); as comp) {\n              <ng-container\n                *ngComponentOutlet=\"comp; inputs: combobox.combineSelectedOptionWithComponentInputs(item)\"\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: "18.0.1", ngImport: i0, type: ComboboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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

@@ -576,15 +576,15 @@ export class ComboboxDirective {
         }))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComboboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.1", type: ComboboxDirective, isStandalone: true, inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: true, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: false, isRequired: false, transformFunction: null }, filterInternal: { classPropertyName: "filterInternal", publicName: "filterInternal", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: false, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: false, isRequired: false, transformFunction: null }, bodyEmptyText: { classPropertyName: "bodyEmptyText", publicName: "bodyEmptyText", isSignal: false, isRequired: false, transformFunction: null }, bodyMoreItemsHintText: { classPropertyName: "bodyMoreItemsHintText", publicName: "bodyMoreItemsHintText", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: false, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: false, isRequired: false, transformFunction: null }, bindKey: { classPropertyName: "bindKey", publicName: "bindKey", isSignal: false, isRequired: false, transformFunction: null }, bindDisabled: { classPropertyName: "bindDisabled", publicName: "bindDisabled", isSignal: false, isRequired: false, transformFunction: null }, allowCustomValues: { classPropertyName: "allowCustomValues", publicName: "allowCustomValues", isSignal: false, isRequired: false, transformFunction: null }, showBodyMoreItemsHint: { classPropertyName: "showBodyMoreItemsHint", publicName: "showBodyMoreItemsHint", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, optionComponent: { classPropertyName: "optionComponent", publicName: "optionComponent", isSignal: true, isRequired: false, transformFunction: null }, optionComponentInputs: { classPropertyName: "optionComponentInputs", publicName: "optionComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, selectedOptionComponent: { classPropertyName: "selectedOptionComponent", publicName: "selectedOptionComponent", isSignal: true, isRequired: false, transformFunction: null }, bodyErrorComponentInputs: { classPropertyName: "bodyErrorComponentInputs", publicName: "bodyErrorComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, bodyErrorComponent: { classPropertyName: "bodyErrorComponent", publicName: "bodyErrorComponent", isSignal: true, isRequired: false, transformFunction: null }, selectedOptionComponentInputs: { classPropertyName: "selectedOptionComponentInputs", publicName: "selectedOptionComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, bodyLoadingComponent: { classPropertyName: "bodyLoadingComponent", publicName: "bodyLoadingComponent", isSignal: true, isRequired: false, transformFunction: null }, bodyLoadingComponentInputs: { classPropertyName: "bodyLoadingComponentInputs", publicName: "bodyLoadingComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, bodyEmptyComponent: { classPropertyName: "bodyEmptyComponent", publicName: "bodyEmptyComponent", isSignal: true, isRequired: false, transformFunction: null }, bodyEmptyComponentInputs: { classPropertyName: "bodyEmptyComponentInputs", publicName: "bodyEmptyComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, bodyMoreItemsHintComponent: { classPropertyName: "bodyMoreItemsHintComponent", publicName: "bodyMoreItemsHintComponent", isSignal: true, isRequired: false, transformFunction: null }, bodyMoreItemsHintComponentInputs: { classPropertyName: "bodyMoreItemsHintComponentInputs", publicName: "bodyMoreItemsHintComponentInputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ComboboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.2", type: ComboboxDirective, isStandalone: true, inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: false, isRequired: true, transformFunction: null }, initialValue: { classPropertyName: "initialValue", publicName: "initialValue", isSignal: false, isRequired: false, transformFunction: null }, filterInternal: { classPropertyName: "filterInternal", publicName: "filterInternal", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: false, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: false, isRequired: false, transformFunction: null }, bodyEmptyText: { classPropertyName: "bodyEmptyText", publicName: "bodyEmptyText", isSignal: false, isRequired: false, transformFunction: null }, bodyMoreItemsHintText: { classPropertyName: "bodyMoreItemsHintText", publicName: "bodyMoreItemsHintText", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: false, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: false, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: false, isRequired: false, transformFunction: null }, bindKey: { classPropertyName: "bindKey", publicName: "bindKey", isSignal: false, isRequired: false, transformFunction: null }, bindDisabled: { classPropertyName: "bindDisabled", publicName: "bindDisabled", isSignal: false, isRequired: false, transformFunction: null }, allowCustomValues: { classPropertyName: "allowCustomValues", publicName: "allowCustomValues", isSignal: false, isRequired: false, transformFunction: null }, showBodyMoreItemsHint: { classPropertyName: "showBodyMoreItemsHint", publicName: "showBodyMoreItemsHint", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, optionComponent: { classPropertyName: "optionComponent", publicName: "optionComponent", isSignal: true, isRequired: false, transformFunction: null }, optionComponentInputs: { classPropertyName: "optionComponentInputs", publicName: "optionComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, selectedOptionComponent: { classPropertyName: "selectedOptionComponent", publicName: "selectedOptionComponent", isSignal: true, isRequired: false, transformFunction: null }, bodyErrorComponentInputs: { classPropertyName: "bodyErrorComponentInputs", publicName: "bodyErrorComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, bodyErrorComponent: { classPropertyName: "bodyErrorComponent", publicName: "bodyErrorComponent", isSignal: true, isRequired: false, transformFunction: null }, selectedOptionComponentInputs: { classPropertyName: "selectedOptionComponentInputs", publicName: "selectedOptionComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, bodyLoadingComponent: { classPropertyName: "bodyLoadingComponent", publicName: "bodyLoadingComponent", isSignal: true, isRequired: false, transformFunction: null }, bodyLoadingComponentInputs: { classPropertyName: "bodyLoadingComponentInputs", publicName: "bodyLoadingComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, bodyEmptyComponent: { classPropertyName: "bodyEmptyComponent", publicName: "bodyEmptyComponent", isSignal: true, isRequired: false, transformFunction: null }, bodyEmptyComponentInputs: { classPropertyName: "bodyEmptyComponentInputs", publicName: "bodyEmptyComponentInputs", isSignal: true, isRequired: false, transformFunction: null }, bodyMoreItemsHintComponent: { classPropertyName: "bodyMoreItemsHintComponent", publicName: "bodyMoreItemsHintComponent", isSignal: true, isRequired: false, transformFunction: null }, bodyMoreItemsHintComponentInputs: { classPropertyName: "bodyMoreItemsHintComponentInputs", publicName: "bodyMoreItemsHintComponentInputs", isSignal: true, isRequired: false, transformFunction: null } }, 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: "18.0.1", ngImport: i0, type: ComboboxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: ComboboxBodyEmptyTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: ComboboxBodyEmptyTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyEmptyTemplate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ComboboxBodyEmptyTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: ComboboxBodyEmptyTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: ComboboxBodyErrorTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: ComboboxBodyErrorTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyErrorTemplate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ComboboxBodyErrorTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: ComboboxBodyErrorTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: ComboboxBodyLoadingTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: ComboboxBodyLoadingTemplateDirective, isStandalone: true, selector: "ng-template[etComboboxBodyLoadingTemplate]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ComboboxBodyLoadingTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.2", 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: "18.0.1", ngImport: i0, type: ComboboxBodyLoadingTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: ComboboxBodyLoadingTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[etComboboxBodyLoadingTemplate]',