@covalent/core 11.4.1 → 11.4.3-beta.1

package/common/index.d.ts

@@ -261,8 +261,13 @@ declare class CovalentTextfieldValueAccessorDirective implements ControlValueAcc
     writeValue(value: string): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    /**
+     * Gets the updateOn strategy of the control.
+     * @returns The updateOn strategy of the control, defaulting to 'change' if not set.
+     */
+    private getUpdateOn;
     handleInput(): void;
-    handleChange(event: Event): void;
+    handleChange(): void;
     handleBlur(): void;
     setDisabledState(isDisabled: boolean): void;
     private _isCheckBox;

package/fesm2022/covalent-core-common.mjs

@@ -2080,7 +2080,6 @@ class CovalentTextfieldValueAccessorDirective {
             this._ngControl.control.statusChanges
                 .pipe(takeUntilDestroyed(this._destroyRef))
                 .subscribe(() => {
-                this._onTouched();
                 this._updateValidity();
             });
         }
@@ -2105,24 +2104,36 @@ class CovalentTextfieldValueAccessorDirective {
     registerOnTouched(fn) {
         this._onTouched = fn;
     }
+    /**
+     * Gets the updateOn strategy of the control.
+     * @returns The updateOn strategy of the control, defaulting to 'change' if not set.
+     */
+    getUpdateOn() {
+        return this._ngControl.control?.updateOn || 'change';
+    }
     handleInput() {
-        if (!this._isTextAreaOrField()) {
-            return;
+        // Update on 'input' event for textfields/textareas if updateOn strategy is 'change'
+        if (this._isTextAreaOrField() && this.getUpdateOn() === 'change') {
+            const value = this._elementRef.nativeElement.value;
+            this._onChange(value);
         }
-        const value = this._elementRef.nativeElement.value;
-        this._onChange(value);
-        this._onTouched();
-        this._updateValidity();
     }
-    handleChange(event) {
-        const value = this._isCheckBox()
-            ? this._elementRef.nativeElement.checked
-            : this._elementRef.nativeElement.value;
-        this._onChange(value);
-        this._onTouched();
-        this._updateValidity();
+    handleChange() {
+        // For textfields/textareas, handleInput covers 'change' event
+        if (!this._isTextAreaOrField()) {
+            const value = this._isCheckBox()
+                ? this._elementRef.nativeElement.checked
+                : this._elementRef.nativeElement.value;
+            this._onChange(value);
+            this._onTouched();
+        }
     }
     handleBlur() {
+        // For textfields/textareas, update on 'blur' if updateOn strategy is 'blur'
+        if (this._isTextAreaOrField() && this.getUpdateOn() === 'blur') {
+            const value = this._elementRef.nativeElement.value;
+            this._onChange(value);
+        }
         this._onTouched();
     }
     // Optional: If you need to handle disabled states