@ethlete/cdk 4.3.5 → 4.4.0

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

@@ -11,12 +11,12 @@ export class PasswordInputDirective {
         this.showPassword$ = new BehaviorSubject(false);
     }
     ngOnInit() {
-        combineLatest([this.input.value$, this.input.nativeInputRef$])
-            .pipe(tap(([value, nativeInputRef]) => {
-            if (!nativeInputRef)
+        combineLatest([this.input.value$, this.input.nativeInputElement$])
+            .pipe(tap(([value, inputEl]) => {
+            if (!inputEl)
                 return;
-            if (value !== nativeInputRef.element.nativeElement.value) {
-                nativeInputRef.element.nativeElement.value = value ?? '';
+            if (value !== inputEl.value) {
+                inputEl.value = value ?? '';
             }
         }), takeUntil(this._destroy$))
             .subscribe();
@@ -40,10 +40,10 @@ export class PasswordInputDirective {
     _toggleShowPassword() {
         this.showPassword$.next(!this.showPassword$.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PasswordInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: PasswordInputDirective, isStandalone: true, providers: [{ provide: PASSWORD_INPUT_TOKEN, useExisting: PasswordInputDirective }], exportAs: ["etPasswordInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: PasswordInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: PasswordInputDirective, isStandalone: true, providers: [{ provide: PASSWORD_INPUT_TOKEN, useExisting: PasswordInputDirective }], exportAs: ["etPasswordInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: PasswordInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: PasswordInputDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -51,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                     providers: [{ provide: PASSWORD_INPUT_TOKEN, useExisting: PasswordInputDirective }],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvaW5wdXQvZGlyZWN0aXZlcy9wYXNzd29yZC1pbnB1dC9wYXNzd29yZC1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0RSxPQUFPLEVBQUUsV0FBVyxFQUFrQixNQUFNLHdCQUF3QixDQUFDOztBQUVyRSxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLGNBQWMsQ0FBeUIsbUNBQW1DLENBQUMsQ0FBQztBQU9wSCxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBTW1CLGNBQVMsR0FBRyxhQUFhLEVBQUUsQ0FBQztRQUNwQyxVQUFLLEdBQUcsTUFBTSxDQUFnQyxXQUFXLENBQUMsQ0FBQztRQUMzRCxrQkFBYSxHQUFHLElBQUksZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBd0NyRDtJQXRDQyxRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQzthQUMzRCxJQUFJLENBQ0gsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsY0FBYyxDQUFDLEVBQUUsRUFBRTtZQUM5QixJQUFJLENBQUMsY0FBYztnQkFBRSxPQUFPO1lBRTVCLElBQUksS0FBSyxLQUFLLGNBQWMsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRTtnQkFDeEQsY0FBYyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7YUFDMUQ7UUFDSCxDQUFDLENBQUMsRUFDRixTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMxQjthQUNBLFNBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFZO1FBQzlCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBRTFCLElBQUksS0FBSyxLQUFLLEVBQUUsRUFBRTtZQUNoQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMvQjthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDaEM7UUFFRCxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxtQkFBbUI7UUFDakIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JELENBQUM7OEdBMUNVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLGlDQUZ0QixDQUFDLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxzQkFBc0IsRUFBRSxDQUFDOzsyRkFFeEUsc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLHdCQUF3QixFQUFFLENBQUM7aUJBQ3BGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBpbmplY3QsIEluamVjdGlvblRva2VuLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNyZWF0ZURlc3Ryb3kgfSBmcm9tICdAZXRobGV0ZS9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElOUFVUX1RPS0VOLCBJbnB1dERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMnO1xuXG5leHBvcnQgY29uc3QgUEFTU1dPUkRfSU5QVVRfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48UGFzc3dvcmRJbnB1dERpcmVjdGl2ZT4oJ0VUX1BBU1NXT1JEX0lOUFVUX0RJUkVDVElWRV9UT0tFTicpO1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZXhwb3J0QXM6ICdldFBhc3N3b3JkSW5wdXQnLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IFBBU1NXT1JEX0lOUFVUX1RPS0VOLCB1c2VFeGlzdGluZzogUGFzc3dvcmRJbnB1dERpcmVjdGl2ZSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgUGFzc3dvcmRJbnB1dERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2Rlc3Ryb3kkID0gY3JlYXRlRGVzdHJveSgpO1xuICByZWFkb25seSBpbnB1dCA9IGluamVjdDxJbnB1dERpcmVjdGl2ZTxzdHJpbmcgfCBudWxsPj4oSU5QVVRfVE9LRU4pO1xuICByZWFkb25seSBzaG93UGFzc3dvcmQkID0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29tYmluZUxhdGVzdChbdGhpcy5pbnB1dC52YWx1ZSQsIHRoaXMuaW5wdXQubmF0aXZlSW5wdXRSZWYkXSlcbiAgICAgIC5waXBlKFxuICAgICAgICB0YXAoKFt2YWx1ZSwgbmF0aXZlSW5wdXRSZWZdKSA9PiB7XG4gICAgICAgICAgaWYgKCFuYXRpdmVJbnB1dFJlZikgcmV0dXJuO1xuXG4gICAgICAgICAgaWYgKHZhbHVlICE9PSBuYXRpdmVJbnB1dFJlZi5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQudmFsdWUpIHtcbiAgICAgICAgICAgIG5hdGl2ZUlucHV0UmVmLmVsZW1lbnQubmF0aXZlRWxlbWVudC52YWx1ZSA9IHZhbHVlID8/ICcnO1xuICAgICAgICAgIH1cbiAgICAgICAgfSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLl9kZXN0cm95JCksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBfb25JbnB1dEludGVyYWN0aW9uKGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICBjb25zdCB2YWx1ZSA9IGlucHV0LnZhbHVlO1xuXG4gICAgaWYgKHZhbHVlID09PSAnJykge1xuICAgICAgdGhpcy5pbnB1dC5fdXBkYXRlVmFsdWUobnVsbCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaW5wdXQuX3VwZGF0ZVZhbHVlKHZhbHVlKTtcbiAgICB9XG5cbiAgICB0aGlzLmlucHV0Ll9tYXJrQXNUb3VjaGVkKCk7XG4gIH1cblxuICBfY29udHJvbFRvdWNoZWQoKSB7XG4gICAgdGhpcy5pbnB1dC5fbWFya0FzVG91Y2hlZCgpO1xuICAgIHRoaXMuaW5wdXQuX3NldFNob3VsZERpc3BsYXlFcnJvcih0cnVlKTtcbiAgfVxuXG4gIF90b2dnbGVTaG93UGFzc3dvcmQoKSB7XG4gICAgdGhpcy5zaG93UGFzc3dvcmQkLm5leHQoIXRoaXMuc2hvd1Bhc3N3b3JkJC52YWx1ZSk7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvaW5wdXQvZGlyZWN0aXZlcy9wYXNzd29yZC1pbnB1dC9wYXNzd29yZC1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0RSxPQUFPLEVBQUUsV0FBVyxFQUFrQixNQUFNLHdCQUF3QixDQUFDOztBQUVyRSxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLGNBQWMsQ0FBeUIsbUNBQW1DLENBQUMsQ0FBQztBQU9wSCxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBTW1CLGNBQVMsR0FBRyxhQUFhLEVBQUUsQ0FBQztRQUNwQyxVQUFLLEdBQUcsTUFBTSxDQUFnQyxXQUFXLENBQUMsQ0FBQztRQUMzRCxrQkFBYSxHQUFHLElBQUksZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBd0NyRDtJQXRDQyxRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO2FBQy9ELElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsRUFBRSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPO2dCQUFFLE9BQU87WUFFckIsSUFBSSxLQUFLLEtBQUssT0FBTyxDQUFDLEtBQUssRUFBRTtnQkFDM0IsT0FBTyxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO2FBQzdCO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDMUI7YUFDQSxTQUFTLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBWTtRQUM5QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDL0MsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUUxQixJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFDaEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7YUFBTTtZQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2hDO1FBRUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsbUJBQW1CO1FBQ2pCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyRCxDQUFDOzhHQTFDVSxzQkFBc0I7a0dBQXRCLHNCQUFzQixpQ0FGdEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsc0JBQXNCLEVBQUUsQ0FBQzs7MkZBRXhFLHNCQUFzQjtrQkFMbEMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyx3QkFBd0IsRUFBRSxDQUFDO2lCQUNwRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVEZXN0cm95IH0gZnJvbSAnQGV0aGxldGUvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGNvbWJpbmVMYXRlc3QsIHRha2VVbnRpbCwgdGFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJTlBVVF9UT0tFTiwgSW5wdXREaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi8uLi9kaXJlY3RpdmVzJztcblxuZXhwb3J0IGNvbnN0IFBBU1NXT1JEX0lOUFVUX1RPS0VOID0gbmV3IEluamVjdGlvblRva2VuPFBhc3N3b3JkSW5wdXREaXJlY3RpdmU+KCdFVF9QQVNTV09SRF9JTlBVVF9ESVJFQ1RJVkVfVE9LRU4nKTtcblxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGV4cG9ydEFzOiAnZXRQYXNzd29yZElucHV0JyxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBQQVNTV09SRF9JTlBVVF9UT0tFTiwgdXNlRXhpc3Rpbmc6IFBhc3N3b3JkSW5wdXREaXJlY3RpdmUgfV0sXG59KVxuZXhwb3J0IGNsYXNzIFBhc3N3b3JkSW5wdXREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9kZXN0cm95JCA9IGNyZWF0ZURlc3Ryb3koKTtcbiAgcmVhZG9ubHkgaW5wdXQgPSBpbmplY3Q8SW5wdXREaXJlY3RpdmU8c3RyaW5nIHwgbnVsbD4+KElOUFVUX1RPS0VOKTtcbiAgcmVhZG9ubHkgc2hvd1Bhc3N3b3JkJCA9IG5ldyBCZWhhdmlvclN1YmplY3QoZmFsc2UpO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGNvbWJpbmVMYXRlc3QoW3RoaXMuaW5wdXQudmFsdWUkLCB0aGlzLmlucHV0Lm5hdGl2ZUlucHV0RWxlbWVudCRdKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgoW3ZhbHVlLCBpbnB1dEVsXSkgPT4ge1xuICAgICAgICAgIGlmICghaW5wdXRFbCkgcmV0dXJuO1xuXG4gICAgICAgICAgaWYgKHZhbHVlICE9PSBpbnB1dEVsLnZhbHVlKSB7XG4gICAgICAgICAgICBpbnB1dEVsLnZhbHVlID0gdmFsdWUgPz8gJyc7XG4gICAgICAgICAgfVxuICAgICAgICB9KSxcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIF9vbklucHV0SW50ZXJhY3Rpb24oZXZlbnQ6IEV2ZW50KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIGNvbnN0IHZhbHVlID0gaW5wdXQudmFsdWU7XG5cbiAgICBpZiAodmFsdWUgPT09ICcnKSB7XG4gICAgICB0aGlzLmlucHV0Ll91cGRhdGVWYWx1ZShudWxsKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnB1dC5fdXBkYXRlVmFsdWUodmFsdWUpO1xuICAgIH1cblxuICAgIHRoaXMuaW5wdXQuX21hcmtBc1RvdWNoZWQoKTtcbiAgfVxuXG4gIF9jb250cm9sVG91Y2hlZCgpIHtcbiAgICB0aGlzLmlucHV0Ll9tYXJrQXNUb3VjaGVkKCk7XG4gICAgdGhpcy5pbnB1dC5fc2V0U2hvdWxkRGlzcGxheUVycm9yKHRydWUpO1xuICB9XG5cbiAgX3RvZ2dsZVNob3dQYXNzd29yZCgpIHtcbiAgICB0aGlzLnNob3dQYXNzd29yZCQubmV4dCghdGhpcy5zaG93UGFzc3dvcmQkLnZhbHVlKTtcbiAgfVxufVxuIl19

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

@@ -10,12 +10,12 @@ export class SearchInputDirective {
         this.input = inject(INPUT_TOKEN);
     }
     ngOnInit() {
-        combineLatest([this.input.value$, this.input.nativeInputRef$])
-            .pipe(tap(([value, nativeInputRef]) => {
-            if (!nativeInputRef)
+        combineLatest([this.input.value$, this.input.nativeInputElement$])
+            .pipe(tap(([value, inputEl]) => {
+            if (!inputEl)
                 return;
-            if (value !== nativeInputRef.element.nativeElement.value) {
-                nativeInputRef.element.nativeElement.value = value ?? '';
+            if (value !== inputEl.value) {
+                inputEl.value = value ?? '';
             }
         }), takeUntil(this._destroy$))
             .subscribe();
@@ -44,10 +44,10 @@ export class SearchInputDirective {
         this.input._updateValue(null);
         this._controlTouched();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SearchInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: SearchInputDirective, isStandalone: true, providers: [{ provide: SEARCH_INPUT_TOKEN, useExisting: SearchInputDirective }], exportAs: ["etSearchInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SearchInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: SearchInputDirective, isStandalone: true, providers: [{ provide: SEARCH_INPUT_TOKEN, useExisting: SearchInputDirective }], exportAs: ["etSearchInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SearchInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SearchInputDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                     providers: [{ provide: SEARCH_INPUT_TOKEN, useExisting: SearchInputDirective }],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWlucHV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL2lucHV0L2RpcmVjdGl2ZXMvc2VhcmNoLWlucHV0L3NlYXJjaC1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQWtCLE1BQU0sd0JBQXdCLENBQUM7O0FBRXJFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUF1QixpQ0FBaUMsQ0FBQyxDQUFDO0FBTzlHLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFNbUIsY0FBUyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBQ3BDLFVBQUssR0FBRyxNQUFNLENBQWdDLFdBQVcsQ0FBQyxDQUFDO0tBOENyRTtJQTVDQyxRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQzthQUMzRCxJQUFJLENBQ0gsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsY0FBYyxDQUFDLEVBQUUsRUFBRTtZQUM5QixJQUFJLENBQUMsY0FBYztnQkFBRSxPQUFPO1lBRTVCLElBQUksS0FBSyxLQUFLLGNBQWMsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRTtnQkFDeEQsY0FBYyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7YUFDMUQ7UUFDSCxDQUFDLENBQUMsRUFDRixTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMxQjthQUNBLFNBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFZO1FBQzlCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBRTFCLElBQUksS0FBSyxLQUFLLEVBQUUsRUFBRTtZQUNoQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMvQjthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDaEM7UUFFRCxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBYTtRQUNsQixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLElBQUk7WUFBRSxPQUFPO1FBRXRDLEtBQUssRUFBRSxjQUFjLEVBQUUsQ0FBQztRQUN4QixLQUFLLEVBQUUsZUFBZSxFQUFFLENBQUM7UUFFekIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7OEdBL0NVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLGlDQUZwQixDQUFDLEVBQUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxDQUFDOzsyRkFFcEUsb0JBQW9CO2tCQUxoQyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsZUFBZTtvQkFDekIsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsV0FBVyxzQkFBc0IsRUFBRSxDQUFDO2lCQUNoRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVEZXN0cm95IH0gZnJvbSAnQGV0aGxldGUvY29yZSc7XG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSU5QVVRfVE9LRU4sIElucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcyc7XG5cbmV4cG9ydCBjb25zdCBTRUFSQ0hfSU5QVVRfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48U2VhcmNoSW5wdXREaXJlY3RpdmU+KCdFVF9TRUFSQ0hfSU5QVVRfRElSRUNUSVZFX1RPS0VOJyk7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBleHBvcnRBczogJ2V0U2VhcmNoSW5wdXQnLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IFNFQVJDSF9JTlBVVF9UT0tFTiwgdXNlRXhpc3Rpbmc6IFNlYXJjaElucHV0RGlyZWN0aXZlIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hJbnB1dERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2Rlc3Ryb3kkID0gY3JlYXRlRGVzdHJveSgpO1xuICByZWFkb25seSBpbnB1dCA9IGluamVjdDxJbnB1dERpcmVjdGl2ZTxzdHJpbmcgfCBudWxsPj4oSU5QVVRfVE9LRU4pO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGNvbWJpbmVMYXRlc3QoW3RoaXMuaW5wdXQudmFsdWUkLCB0aGlzLmlucHV0Lm5hdGl2ZUlucHV0UmVmJF0pXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKChbdmFsdWUsIG5hdGl2ZUlucHV0UmVmXSkgPT4ge1xuICAgICAgICAgIGlmICghbmF0aXZlSW5wdXRSZWYpIHJldHVybjtcblxuICAgICAgICAgIGlmICh2YWx1ZSAhPT0gbmF0aXZlSW5wdXRSZWYuZWxlbWVudC5uYXRpdmVFbGVtZW50LnZhbHVlKSB7XG4gICAgICAgICAgICBuYXRpdmVJbnB1dFJlZi5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQudmFsdWUgPSB2YWx1ZSA/PyAnJztcbiAgICAgICAgICB9XG4gICAgICAgIH0pLFxuICAgICAgICB0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICB9XG5cbiAgX29uSW5wdXRJbnRlcmFjdGlvbihldmVudDogRXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgY29uc3QgdmFsdWUgPSBpbnB1dC52YWx1ZTtcblxuICAgIGlmICh2YWx1ZSA9PT0gJycpIHtcbiAgICAgIHRoaXMuaW5wdXQuX3VwZGF0ZVZhbHVlKG51bGwpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmlucHV0Ll91cGRhdGVWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuXG4gICAgdGhpcy5pbnB1dC5fbWFya0FzVG91Y2hlZCgpO1xuICB9XG5cbiAgX2NvbnRyb2xUb3VjaGVkKCkge1xuICAgIHRoaXMuaW5wdXQuX21hcmtBc1RvdWNoZWQoKTtcbiAgICB0aGlzLmlucHV0Ll9zZXRTaG91bGREaXNwbGF5RXJyb3IodHJ1ZSk7XG4gIH1cblxuICBfY2xlYXIoZXZlbnQ/OiBFdmVudCkge1xuICAgIGlmICh0aGlzLmlucHV0LnZhbHVlID09PSBudWxsKSByZXR1cm47XG5cbiAgICBldmVudD8ucHJldmVudERlZmF1bHQoKTtcbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICB0aGlzLmlucHV0Ll91cGRhdGVWYWx1ZShudWxsKTtcbiAgICB0aGlzLl9jb250cm9sVG91Y2hlZCgpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWlucHV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY2RrL3NyYy9saWIvY29tcG9uZW50cy9mb3Jtcy9jb21wb25lbnRzL2lucHV0L2RpcmVjdGl2ZXMvc2VhcmNoLWlucHV0L3NlYXJjaC1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQWtCLE1BQU0sd0JBQXdCLENBQUM7O0FBRXJFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUF1QixpQ0FBaUMsQ0FBQyxDQUFDO0FBTzlHLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFNbUIsY0FBUyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBQ3BDLFVBQUssR0FBRyxNQUFNLENBQWdDLFdBQVcsQ0FBQyxDQUFDO0tBOENyRTtJQTVDQyxRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO2FBQy9ELElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsRUFBRSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPO2dCQUFFLE9BQU87WUFFckIsSUFBSSxLQUFLLEtBQUssT0FBTyxDQUFDLEtBQUssRUFBRTtnQkFDM0IsT0FBTyxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO2FBQzdCO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDMUI7YUFDQSxTQUFTLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBWTtRQUM5QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDL0MsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUUxQixJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFDaEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7YUFBTTtZQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2hDO1FBRUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxJQUFJO1lBQUUsT0FBTztRQUV0QyxLQUFLLEVBQUUsY0FBYyxFQUFFLENBQUM7UUFDeEIsS0FBSyxFQUFFLGVBQWUsRUFBRSxDQUFDO1FBRXpCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDOzhHQS9DVSxvQkFBb0I7a0dBQXBCLG9CQUFvQixpQ0FGcEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxXQUFXLEVBQUUsb0JBQW9CLEVBQUUsQ0FBQzs7MkZBRXBFLG9CQUFvQjtrQkFMaEMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGVBQWU7b0JBQ3pCLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLFdBQVcsc0JBQXNCLEVBQUUsQ0FBQztpQkFDaEYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIGluamVjdCwgSW5qZWN0aW9uVG9rZW4sIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY3JlYXRlRGVzdHJveSB9IGZyb20gJ0BldGhsZXRlL2NvcmUnO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElOUFVUX1RPS0VOLCBJbnB1dERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMnO1xuXG5leHBvcnQgY29uc3QgU0VBUkNIX0lOUFVUX1RPS0VOID0gbmV3IEluamVjdGlvblRva2VuPFNlYXJjaElucHV0RGlyZWN0aXZlPignRVRfU0VBUkNIX0lOUFVUX0RJUkVDVElWRV9UT0tFTicpO1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZXhwb3J0QXM6ICdldFNlYXJjaElucHV0JyxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBTRUFSQ0hfSU5QVVRfVE9LRU4sIHVzZUV4aXN0aW5nOiBTZWFyY2hJbnB1dERpcmVjdGl2ZSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgU2VhcmNoSW5wdXREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9kZXN0cm95JCA9IGNyZWF0ZURlc3Ryb3koKTtcbiAgcmVhZG9ubHkgaW5wdXQgPSBpbmplY3Q8SW5wdXREaXJlY3RpdmU8c3RyaW5nIHwgbnVsbD4+KElOUFVUX1RPS0VOKTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb21iaW5lTGF0ZXN0KFt0aGlzLmlucHV0LnZhbHVlJCwgdGhpcy5pbnB1dC5uYXRpdmVJbnB1dEVsZW1lbnQkXSlcbiAgICAgIC5waXBlKFxuICAgICAgICB0YXAoKFt2YWx1ZSwgaW5wdXRFbF0pID0+IHtcbiAgICAgICAgICBpZiAoIWlucHV0RWwpIHJldHVybjtcblxuICAgICAgICAgIGlmICh2YWx1ZSAhPT0gaW5wdXRFbC52YWx1ZSkge1xuICAgICAgICAgICAgaW5wdXRFbC52YWx1ZSA9IHZhbHVlID8/ICcnO1xuICAgICAgICAgIH1cbiAgICAgICAgfSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLl9kZXN0cm95JCksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBfb25JbnB1dEludGVyYWN0aW9uKGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICBjb25zdCB2YWx1ZSA9IGlucHV0LnZhbHVlO1xuXG4gICAgaWYgKHZhbHVlID09PSAnJykge1xuICAgICAgdGhpcy5pbnB1dC5fdXBkYXRlVmFsdWUobnVsbCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaW5wdXQuX3VwZGF0ZVZhbHVlKHZhbHVlKTtcbiAgICB9XG5cbiAgICB0aGlzLmlucHV0Ll9tYXJrQXNUb3VjaGVkKCk7XG4gIH1cblxuICBfY29udHJvbFRvdWNoZWQoKSB7XG4gICAgdGhpcy5pbnB1dC5fbWFya0FzVG91Y2hlZCgpO1xuICAgIHRoaXMuaW5wdXQuX3NldFNob3VsZERpc3BsYXlFcnJvcih0cnVlKTtcbiAgfVxuXG4gIF9jbGVhcihldmVudD86IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuaW5wdXQudmFsdWUgPT09IG51bGwpIHJldHVybjtcblxuICAgIGV2ZW50Py5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50Py5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIHRoaXMuaW5wdXQuX3VwZGF0ZVZhbHVlKG51bGwpO1xuICAgIHRoaXMuX2NvbnRyb2xUb3VjaGVkKCk7XG4gIH1cbn1cbiJdfQ==

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

@@ -10,12 +10,12 @@ export class TextInputDirective {
         this.input = inject(INPUT_TOKEN);
     }
     ngOnInit() {
-        combineLatest([this.input.value$, this.input.nativeInputRef$])
-            .pipe(tap(([value, nativeInputRef]) => {
-            if (!nativeInputRef)
+        combineLatest([this.input.value$, this.input.nativeInputElement$])
+            .pipe(tap(([value, inputEl]) => {
+            if (!inputEl)
                 return;
-            if (value !== nativeInputRef.element.nativeElement.value) {
-                nativeInputRef.element.nativeElement.value = value ?? '';
+            if (value !== inputEl.value) {
+                inputEl.value = value ?? '';
             }
         }), takeUntil(this._destroy$))
             .subscribe();
@@ -36,10 +36,10 @@ export class TextInputDirective {
         this.input._markAsTouched();
         this.input._setShouldDisplayError(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TextInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: TextInputDirective, isStandalone: true, providers: [{ provide: TEXT_INPUT_TOKEN, useExisting: TextInputDirective }], exportAs: ["etTextInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TextInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: TextInputDirective, isStandalone: true, providers: [{ provide: TEXT_INPUT_TOKEN, useExisting: TextInputDirective }], exportAs: ["etTextInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TextInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TextInputDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -47,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                     providers: [{ provide: TEXT_INPUT_TOKEN, useExisting: TextInputDirective }],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9pbnB1dC9kaXJlY3RpdmVzL3RleHQtaW5wdXQvdGV4dC1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQWtCLE1BQU0sd0JBQXdCLENBQUM7O0FBRXJFLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLElBQUksY0FBYyxDQUFxQiwrQkFBK0IsQ0FBQyxDQUFDO0FBT3hHLE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFNbUIsY0FBUyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBQ3BDLFVBQUssR0FBRyxNQUFNLENBQWdDLFdBQVcsQ0FBQyxDQUFDO0tBb0NyRTtJQWxDQyxRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQzthQUMzRCxJQUFJLENBQ0gsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsY0FBYyxDQUFDLEVBQUUsRUFBRTtZQUM5QixJQUFJLENBQUMsY0FBYztnQkFBRSxPQUFPO1lBRTVCLElBQUksS0FBSyxLQUFLLGNBQWMsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRTtnQkFDeEQsY0FBYyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7YUFDMUQ7UUFDSCxDQUFDLENBQUMsRUFDRixTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMxQjthQUNBLFNBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFZO1FBQzlCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBRTFCLElBQUksS0FBSyxLQUFLLEVBQUUsRUFBRTtZQUNoQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMvQjthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDaEM7UUFFRCxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFDLENBQUM7OEdBckNVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLGlDQUZsQixDQUFDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxrQkFBa0IsRUFBRSxDQUFDOzsyRkFFaEUsa0JBQWtCO2tCQUw5QixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsYUFBYTtvQkFDdkIsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxvQkFBb0IsRUFBRSxDQUFDO2lCQUM1RSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVEZXN0cm95IH0gZnJvbSAnQGV0aGxldGUvY29yZSc7XG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSU5QVVRfVE9LRU4sIElucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcyc7XG5cbmV4cG9ydCBjb25zdCBURVhUX0lOUFVUX1RPS0VOID0gbmV3IEluamVjdGlvblRva2VuPFRleHRJbnB1dERpcmVjdGl2ZT4oJ0VUX1RFWFRfSU5QVVRfRElSRUNUSVZFX1RPS0VOJyk7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBleHBvcnRBczogJ2V0VGV4dElucHV0JyxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBURVhUX0lOUFVUX1RPS0VOLCB1c2VFeGlzdGluZzogVGV4dElucHV0RGlyZWN0aXZlIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0SW5wdXREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9kZXN0cm95JCA9IGNyZWF0ZURlc3Ryb3koKTtcbiAgcmVhZG9ubHkgaW5wdXQgPSBpbmplY3Q8SW5wdXREaXJlY3RpdmU8c3RyaW5nIHwgbnVsbD4+KElOUFVUX1RPS0VOKTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb21iaW5lTGF0ZXN0KFt0aGlzLmlucHV0LnZhbHVlJCwgdGhpcy5pbnB1dC5uYXRpdmVJbnB1dFJlZiRdKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgoW3ZhbHVlLCBuYXRpdmVJbnB1dFJlZl0pID0+IHtcbiAgICAgICAgICBpZiAoIW5hdGl2ZUlucHV0UmVmKSByZXR1cm47XG5cbiAgICAgICAgICBpZiAodmFsdWUgIT09IG5hdGl2ZUlucHV0UmVmLmVsZW1lbnQubmF0aXZlRWxlbWVudC52YWx1ZSkge1xuICAgICAgICAgICAgbmF0aXZlSW5wdXRSZWYuZWxlbWVudC5uYXRpdmVFbGVtZW50LnZhbHVlID0gdmFsdWUgPz8gJyc7XG4gICAgICAgICAgfVxuICAgICAgICB9KSxcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIF9vbklucHV0SW50ZXJhY3Rpb24oZXZlbnQ6IEV2ZW50KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIGNvbnN0IHZhbHVlID0gaW5wdXQudmFsdWU7XG5cbiAgICBpZiAodmFsdWUgPT09ICcnKSB7XG4gICAgICB0aGlzLmlucHV0Ll91cGRhdGVWYWx1ZShudWxsKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnB1dC5fdXBkYXRlVmFsdWUodmFsdWUpO1xuICAgIH1cblxuICAgIHRoaXMuaW5wdXQuX21hcmtBc1RvdWNoZWQoKTtcbiAgfVxuXG4gIF9jb250cm9sVG91Y2hlZCgpIHtcbiAgICB0aGlzLmlucHV0Ll9tYXJrQXNUb3VjaGVkKCk7XG4gICAgdGhpcy5pbnB1dC5fc2V0U2hvdWxkRGlzcGxheUVycm9yKHRydWUpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Nkay9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvY29tcG9uZW50cy9pbnB1dC9kaXJlY3RpdmVzL3RleHQtaW5wdXQvdGV4dC1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQWtCLE1BQU0sd0JBQXdCLENBQUM7O0FBRXJFLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLElBQUksY0FBYyxDQUFxQiwrQkFBK0IsQ0FBQyxDQUFDO0FBT3hHLE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFNbUIsY0FBUyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBQ3BDLFVBQUssR0FBRyxNQUFNLENBQWdDLFdBQVcsQ0FBQyxDQUFDO0tBb0NyRTtJQWxDQyxRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO2FBQy9ELElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsRUFBRSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPO2dCQUFFLE9BQU87WUFFckIsSUFBSSxLQUFLLEtBQUssT0FBTyxDQUFDLEtBQUssRUFBRTtnQkFDM0IsT0FBTyxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO2FBQzdCO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDMUI7YUFDQSxTQUFTLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBWTtRQUM5QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDL0MsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUUxQixJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFDaEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7YUFBTTtZQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2hDO1FBRUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQyxDQUFDOzhHQXJDVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixpQ0FGbEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQzs7MkZBRWhFLGtCQUFrQjtrQkFMOUIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFNBQVMsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsb0JBQW9CLEVBQUUsQ0FBQztpQkFDNUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIGluamVjdCwgSW5qZWN0aW9uVG9rZW4sIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY3JlYXRlRGVzdHJveSB9IGZyb20gJ0BldGhsZXRlL2NvcmUnO1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElOUFVUX1RPS0VOLCBJbnB1dERpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMnO1xuXG5leHBvcnQgY29uc3QgVEVYVF9JTlBVVF9UT0tFTiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxUZXh0SW5wdXREaXJlY3RpdmU+KCdFVF9URVhUX0lOUFVUX0RJUkVDVElWRV9UT0tFTicpO1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgZXhwb3J0QXM6ICdldFRleHRJbnB1dCcsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogVEVYVF9JTlBVVF9UT0tFTiwgdXNlRXhpc3Rpbmc6IFRleHRJbnB1dERpcmVjdGl2ZSB9XSxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dElucHV0RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfZGVzdHJveSQgPSBjcmVhdGVEZXN0cm95KCk7XG4gIHJlYWRvbmx5IGlucHV0ID0gaW5qZWN0PElucHV0RGlyZWN0aXZlPHN0cmluZyB8IG51bGw+PihJTlBVVF9UT0tFTik7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29tYmluZUxhdGVzdChbdGhpcy5pbnB1dC52YWx1ZSQsIHRoaXMuaW5wdXQubmF0aXZlSW5wdXRFbGVtZW50JF0pXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKChbdmFsdWUsIGlucHV0RWxdKSA9PiB7XG4gICAgICAgICAgaWYgKCFpbnB1dEVsKSByZXR1cm47XG5cbiAgICAgICAgICBpZiAodmFsdWUgIT09IGlucHV0RWwudmFsdWUpIHtcbiAgICAgICAgICAgIGlucHV0RWwudmFsdWUgPSB2YWx1ZSA/PyAnJztcbiAgICAgICAgICB9XG4gICAgICAgIH0pLFxuICAgICAgICB0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICB9XG5cbiAgX29uSW5wdXRJbnRlcmFjdGlvbihldmVudDogRXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgY29uc3QgdmFsdWUgPSBpbnB1dC52YWx1ZTtcblxuICAgIGlmICh2YWx1ZSA9PT0gJycpIHtcbiAgICAgIHRoaXMuaW5wdXQuX3VwZGF0ZVZhbHVlKG51bGwpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmlucHV0Ll91cGRhdGVWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuXG4gICAgdGhpcy5pbnB1dC5fbWFya0FzVG91Y2hlZCgpO1xuICB9XG5cbiAgX2NvbnRyb2xUb3VjaGVkKCkge1xuICAgIHRoaXMuaW5wdXQuX21hcmtBc1RvdWNoZWQoKTtcbiAgICB0aGlzLmlucHV0Ll9zZXRTaG91bGREaXNwbGF5RXJyb3IodHJ1ZSk7XG4gIH1cbn1cbiJdfQ==

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

@@ -10,12 +10,12 @@ export class TextareaInputDirective {
         this.input = inject(INPUT_TOKEN);
     }
     ngOnInit() {
-        combineLatest([this.input.value$, this.input.nativeInputRef$])
-            .pipe(tap(([value, nativeInputRef]) => {
-            if (!nativeInputRef)
+        combineLatest([this.input.value$, this.input.nativeInputElement$])
+            .pipe(tap(([value, inputEl]) => {
+            if (!inputEl)
                 return;
-            if (value !== nativeInputRef.element.nativeElement.value) {
-                nativeInputRef.element.nativeElement.value = value ?? '';
+            if (value !== inputEl.value) {
+                inputEl.value = value ?? '';
             }
         }), takeUntil(this._destroy$))
             .subscribe();
@@ -36,10 +36,10 @@ export class TextareaInputDirective {
         this.input._markAsTouched();
         this.input._setShouldDisplayError(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TextareaInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", 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: "17.0.5", ngImport: i0, type: TextareaInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: TextareaInputDirective, isStandalone: true, providers: [{ provide: TEXTAREA_INPUT_TOKEN, useExisting: TextareaInputDirective }], exportAs: ["etTextareaInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TextareaInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TextareaInputDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -47,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                     providers: [{ provide: TEXTAREA_INPUT_TOKEN, useExisting: TextareaInputDirective }],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvaW5wdXQvZGlyZWN0aXZlcy90ZXh0YXJlYS1pbnB1dC90ZXh0YXJlYS1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQWtCLE1BQU0sd0JBQXdCLENBQUM7O0FBRXJFLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLElBQUksY0FBYyxDQUF5QixtQ0FBbUMsQ0FBQyxDQUFDO0FBT3BILE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFNbUIsY0FBUyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBQ3BDLFVBQUssR0FBRyxNQUFNLENBQWdDLFdBQVcsQ0FBQyxDQUFDO0tBb0NyRTtJQWxDQyxRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsQ0FBQzthQUMzRCxJQUFJLENBQ0gsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsY0FBYyxDQUFDLEVBQUUsRUFBRTtZQUM5QixJQUFJLENBQUMsY0FBYztnQkFBRSxPQUFPO1lBRTVCLElBQUksS0FBSyxLQUFLLGNBQWMsQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRTtnQkFDeEQsY0FBYyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7YUFDMUQ7UUFDSCxDQUFDLENBQUMsRUFDRixTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMxQjthQUNBLFNBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFZO1FBQzlCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBNkIsQ0FBQztRQUNsRCxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBRTFCLElBQUksS0FBSyxLQUFLLEVBQUUsRUFBRTtZQUNoQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMvQjthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDaEM7UUFFRCxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFDLENBQUM7OEdBckNVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLGlDQUZ0QixDQUFDLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxzQkFBc0IsRUFBRSxDQUFDOzsyRkFFeEUsc0JBQXNCO2tCQUxsQyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLHdCQUF3QixFQUFFLENBQUM7aUJBQ3BGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBpbmplY3QsIEluamVjdGlvblRva2VuLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNyZWF0ZURlc3Ryb3kgfSBmcm9tICdAZXRobGV0ZS9jb3JlJztcbmltcG9ydCB7IGNvbWJpbmVMYXRlc3QsIHRha2VVbnRpbCwgdGFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJTlBVVF9UT0tFTiwgSW5wdXREaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi8uLi9kaXJlY3RpdmVzJztcblxuZXhwb3J0IGNvbnN0IFRFWFRBUkVBX0lOUFVUX1RPS0VOID0gbmV3IEluamVjdGlvblRva2VuPFRleHRhcmVhSW5wdXREaXJlY3RpdmU+KCdFVF9URVhUQVJFQV9JTlBVVF9ESVJFQ1RJVkVfVE9LRU4nKTtcblxuQERpcmVjdGl2ZSh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGV4cG9ydEFzOiAnZXRUZXh0YXJlYUlucHV0JyxcbiAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBURVhUQVJFQV9JTlBVVF9UT0tFTiwgdXNlRXhpc3Rpbmc6IFRleHRhcmVhSW5wdXREaXJlY3RpdmUgfV0sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRhcmVhSW5wdXREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9kZXN0cm95JCA9IGNyZWF0ZURlc3Ryb3koKTtcbiAgcmVhZG9ubHkgaW5wdXQgPSBpbmplY3Q8SW5wdXREaXJlY3RpdmU8c3RyaW5nIHwgbnVsbD4+KElOUFVUX1RPS0VOKTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb21iaW5lTGF0ZXN0KFt0aGlzLmlucHV0LnZhbHVlJCwgdGhpcy5pbnB1dC5uYXRpdmVJbnB1dFJlZiRdKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgoW3ZhbHVlLCBuYXRpdmVJbnB1dFJlZl0pID0+IHtcbiAgICAgICAgICBpZiAoIW5hdGl2ZUlucHV0UmVmKSByZXR1cm47XG5cbiAgICAgICAgICBpZiAodmFsdWUgIT09IG5hdGl2ZUlucHV0UmVmLmVsZW1lbnQubmF0aXZlRWxlbWVudC52YWx1ZSkge1xuICAgICAgICAgICAgbmF0aXZlSW5wdXRSZWYuZWxlbWVudC5uYXRpdmVFbGVtZW50LnZhbHVlID0gdmFsdWUgPz8gJyc7XG4gICAgICAgICAgfVxuICAgICAgICB9KSxcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuX2Rlc3Ryb3kkKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIF9vbklucHV0SW50ZXJhY3Rpb24oZXZlbnQ6IEV2ZW50KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MVGV4dEFyZWFFbGVtZW50O1xuICAgIGNvbnN0IHZhbHVlID0gaW5wdXQudmFsdWU7XG5cbiAgICBpZiAodmFsdWUgPT09ICcnKSB7XG4gICAgICB0aGlzLmlucHV0Ll91cGRhdGVWYWx1ZShudWxsKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pbnB1dC5fdXBkYXRlVmFsdWUodmFsdWUpO1xuICAgIH1cblxuICAgIHRoaXMuaW5wdXQuX21hcmtBc1RvdWNoZWQoKTtcbiAgfVxuXG4gIF9jb250cm9sVG91Y2hlZCgpIHtcbiAgICB0aGlzLmlucHV0Ll9tYXJrQXNUb3VjaGVkKCk7XG4gICAgdGhpcy5pbnB1dC5fc2V0U2hvdWxkRGlzcGxheUVycm9yKHRydWUpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jZGsvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm1zL2NvbXBvbmVudHMvaW5wdXQvZGlyZWN0aXZlcy90ZXh0YXJlYS1pbnB1dC90ZXh0YXJlYS1pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JELE9BQU8sRUFBRSxXQUFXLEVBQWtCLE1BQU0sd0JBQXdCLENBQUM7O0FBRXJFLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLElBQUksY0FBYyxDQUF5QixtQ0FBbUMsQ0FBQyxDQUFDO0FBT3BILE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFNbUIsY0FBUyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBQ3BDLFVBQUssR0FBRyxNQUFNLENBQWdDLFdBQVcsQ0FBQyxDQUFDO0tBb0NyRTtJQWxDQyxRQUFRO1FBQ04sYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO2FBQy9ELElBQUksQ0FDSCxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsRUFBRSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPO2dCQUFFLE9BQU87WUFFckIsSUFBSSxLQUFLLEtBQUssT0FBTyxDQUFDLEtBQUssRUFBRTtnQkFDM0IsT0FBTyxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO2FBQzdCO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDMUI7YUFDQSxTQUFTLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBWTtRQUM5QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTZCLENBQUM7UUFDbEQsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUUxQixJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFDaEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7YUFBTTtZQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2hDO1FBRUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQyxDQUFDOzhHQXJDVSxzQkFBc0I7a0dBQXRCLHNCQUFzQixpQ0FGdEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsc0JBQXNCLEVBQUUsQ0FBQzs7MkZBRXhFLHNCQUFzQjtrQkFMbEMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyx3QkFBd0IsRUFBRSxDQUFDO2lCQUNwRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVEZXN0cm95IH0gZnJvbSAnQGV0aGxldGUvY29yZSc7XG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSU5QVVRfVE9LRU4sIElucHV0RGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcyc7XG5cbmV4cG9ydCBjb25zdCBURVhUQVJFQV9JTlBVVF9UT0tFTiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxUZXh0YXJlYUlucHV0RGlyZWN0aXZlPignRVRfVEVYVEFSRUFfSU5QVVRfRElSRUNUSVZFX1RPS0VOJyk7XG5cbkBEaXJlY3RpdmUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBleHBvcnRBczogJ2V0VGV4dGFyZWFJbnB1dCcsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogVEVYVEFSRUFfSU5QVVRfVE9LRU4sIHVzZUV4aXN0aW5nOiBUZXh0YXJlYUlucHV0RGlyZWN0aXZlIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0YXJlYUlucHV0RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfZGVzdHJveSQgPSBjcmVhdGVEZXN0cm95KCk7XG4gIHJlYWRvbmx5IGlucHV0ID0gaW5qZWN0PElucHV0RGlyZWN0aXZlPHN0cmluZyB8IG51bGw+PihJTlBVVF9UT0tFTik7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29tYmluZUxhdGVzdChbdGhpcy5pbnB1dC52YWx1ZSQsIHRoaXMuaW5wdXQubmF0aXZlSW5wdXRFbGVtZW50JF0pXG4gICAgICAucGlwZShcbiAgICAgICAgdGFwKChbdmFsdWUsIGlucHV0RWxdKSA9PiB7XG4gICAgICAgICAgaWYgKCFpbnB1dEVsKSByZXR1cm47XG5cbiAgICAgICAgICBpZiAodmFsdWUgIT09IGlucHV0RWwudmFsdWUpIHtcbiAgICAgICAgICAgIGlucHV0RWwudmFsdWUgPSB2YWx1ZSA/PyAnJztcbiAgICAgICAgICB9XG4gICAgICAgIH0pLFxuICAgICAgICB0YWtlVW50aWwodGhpcy5fZGVzdHJveSQpLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICB9XG5cbiAgX29uSW5wdXRJbnRlcmFjdGlvbihldmVudDogRXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxUZXh0QXJlYUVsZW1lbnQ7XG4gICAgY29uc3QgdmFsdWUgPSBpbnB1dC52YWx1ZTtcblxuICAgIGlmICh2YWx1ZSA9PT0gJycpIHtcbiAgICAgIHRoaXMuaW5wdXQuX3VwZGF0ZVZhbHVlKG51bGwpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmlucHV0Ll91cGRhdGVWYWx1ZSh2YWx1ZSk7XG4gICAgfVxuXG4gICAgdGhpcy5pbnB1dC5fbWFya0FzVG91Y2hlZCgpO1xuICB9XG5cbiAgX2NvbnRyb2xUb3VjaGVkKCkge1xuICAgIHRoaXMuaW5wdXQuX21hcmtBc1RvdWNoZWQoKTtcbiAgICB0aGlzLmlucHV0Ll9zZXRTaG91bGREaXNwbGF5RXJyb3IodHJ1ZSk7XG4gIH1cbn1cbiJdfQ==

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -19,10 +19,10 @@ export class SegmentedButtonFieldDirective {
     set segmentedButton(segmentedButton) {
         this._segmentedButton$.next(segmentedButton);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SegmentedButtonFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: SegmentedButtonFieldDirective, isStandalone: true, providers: [{ provide: SEGMENTED_BUTTON_FIELD_TOKEN, useExisting: SegmentedButtonFieldDirective }], queries: [{ propertyName: "segmentedButton", predicate: i0.forwardRef(() => SEGMENTED_BUTTON_TOKEN), descendants: true }], exportAs: ["etSegmentedButtonField"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: SegmentedButtonFieldDirective, isStandalone: true, providers: [{ provide: SEGMENTED_BUTTON_FIELD_TOKEN, useExisting: SegmentedButtonFieldDirective }], queries: [{ propertyName: "segmentedButton", predicate: i0.forwardRef(() => SEGMENTED_BUTTON_TOKEN), descendants: true }], exportAs: ["etSegmentedButtonField"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SegmentedButtonFieldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", 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: "17.0.4", ngImport: i0, type: SegmentedButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: SegmentedButtonGroupDirective, isStandalone: true, host: { attributes: { "role": "group" } }, providers: [{ provide: SEGMENTED_BUTTON_GROUP_TOKEN, useExisting: SegmentedButtonGroupDirective }], queries: [{ propertyName: "_segmentedButtons", predicate: i0.forwardRef(() => SEGMENTED_BUTTON_TOKEN), descendants: true }], exportAs: ["etSegmentedButtonGroup"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: SegmentedButtonGroupDirective, isStandalone: true, host: { attributes: { "role": "group" } }, providers: [{ provide: SEGMENTED_BUTTON_GROUP_TOKEN, useExisting: SegmentedButtonGroupDirective }], queries: [{ propertyName: "_segmentedButtons", predicate: i0.forwardRef(() => SEGMENTED_BUTTON_TOKEN), descendants: true }], exportAs: ["etSegmentedButtonGroup"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: SegmentedButtonGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: SegmentedButtonGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,