@covalent/core 10.3.1 → 10.3.3

package/common/directives/web-components/form-control.directive.d.ts

@@ -12,8 +12,13 @@ export declare class CovalentTextfieldValueAccessorDirective implements ControlV
     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-breadcrumbs.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, HostBinding, ContentChildren, Input, NgModule } from '@angular/core';
+import { ChangeDetectionStrategy, Component, HostBinding, Input, ContentChildren, NgModule } from '@angular/core';
 import { Subject, fromEvent } from 'rxjs';
 import { debounceTime, takeUntil, startWith } from 'rxjs/operators';
 import * as i1 from '@angular/common';

package/fesm2022/covalent-core-common.mjs

@@ -8,7 +8,7 @@ import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 import * as i1$1 from '@angular/router';
 import { RoutesRecognized } from '@angular/router';
 import { filter, pairwise } from 'rxjs/operators';
-import { trigger, state, style, transition, group, query, animateChild, animate, AUTO_STYLE, keyframes } from '@angular/animations';
+import { trigger, state, transition, style, group, query, animate, animateChild, AUTO_STYLE, keyframes } from '@angular/animations';
 import { Subject } from 'rxjs';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -2099,7 +2099,6 @@ class CovalentTextfieldValueAccessorDirective {
             this._ngControl.control.statusChanges
                 .pipe(takeUntilDestroyed(this._destroyRef))
                 .subscribe(() => {
-                this._onTouched();
                 this._updateValidity();
             });
         }
@@ -2124,24 +2123,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