ng-tailwind 7.0.1 → 7.0.3

package/fesm2022/ng-tailwind.mjs

@@ -9408,10 +9408,9 @@ class NgtReactiveInputComponent extends NgtControlValueAccessor {
         if (value && typeof value === 'string' && this.mask() == InputMaskEnum.DECIMAL) {
             this.value = parseFloat(value);
         }
-        if (!this.getNativeValue() || (this.validateMinValueOnMask())) {
+        if (this.hasChangesBetweenValues()) {
             this.setNativeValue(value ?? '');
         }
-        this.onValueChangeEvent.emit(this.value);
     }
     setFocus() {
         this.inputElement.nativeElement.focus();
@@ -9493,7 +9492,7 @@ class NgtReactiveInputComponent extends NgtControlValueAccessor {
         if (this.formControl) {
             this.subscriptions.push(this.formControl.events.subscribe((event) => {
                 if (event instanceof TouchedChangeEvent) {
-                    this.touched.set(true);
+                    this.touched.set(event.touched);
                 }
                 this.formControlHasErrors.set(!!this.formControl?.errors);
                 this.formControlIsDirty.set(this.formControl?.dirty);
@@ -9688,7 +9687,7 @@ class NgtReactiveInputComponent extends NgtControlValueAccessor {
             this.inputPaddingClass(),
             this.ngtStyle.compile(['h', 'text', 'color.border', 'color.bg', 'color.text', 'rounded', 'cursor'])
         ];
-        if (this.formControlHasErrors() && this.formControlIsDirty() && this.touched()) {
+        if (this.formControlHasErrors() && (this.formControlIsDirty() || this.touched())) {
             classes.push('input-has-error border-red-700');
         }
         return classes.join(' ');
@@ -9865,7 +9864,7 @@ class NgtReactiveTextareaComponent extends NgtControlValueAccessor {
         if (this.formControl) {
             this.subscriptions.push(this.formControl.events.subscribe((event) => {
                 if (event instanceof TouchedChangeEvent) {
-                    this.touched.set(true);
+                    this.touched.set(event.touched);
                 }
                 this.formControlHasErrors.set(!!this.formControl?.errors);
                 this.formControlIsDirty.set(this.formControl?.dirty);
@@ -9949,7 +9948,7 @@ class NgtReactiveTextareaComponent extends NgtControlValueAccessor {
             'flex border appearance-none focus:outline-none leading-tight w-full px-4 py-3',
             this.ngtStyle.compile(['text', 'color.border', 'color.bg', 'color.text', 'rounded'])
         ];
-        if (this.formControlHasErrors() && this.formControlIsDirty() && this.touched()) {
+        if (this.formControlHasErrors() && (this.formControlIsDirty() || this.touched())) {
             classes.push('input-has-error border-red-700');
         }
         return classes.join(' ');
@@ -10518,7 +10517,7 @@ class NgtReactiveSelectComponent extends NgtControlValueAccessor {
         if (this.formControl) {
             this.subscriptions.push(this.formControl.events.subscribe((event) => {
                 if (event instanceof TouchedChangeEvent) {
-                    this.touched.set(true);
+                    this.touched.set(event.touched);
                 }
                 this.stateService.updateFormControlState(this.formControl);
             }));
@@ -10729,7 +10728,7 @@ class NgtReactiveSelectComponent extends NgtControlValueAccessor {
         if (this.isDisabledState()) {
             selectClass += ' select-border-disabled';
         }
-        else if (this.stateService.formControlHasErrors() && this.stateService.formControlIsDirty() && this.touched()) {
+        else if (this.stateService.formControlHasErrors() && (this.stateService.formControlIsDirty() || this.touched())) {
             selectClass += ' select-border-error';
         }
         else {
@@ -11088,7 +11087,7 @@ class NgtReactiveDateComponent extends NgtControlValueAccessor {
         if (this.formControl) {
             this.subscriptions.push(this.formControl.events.subscribe((event) => {
                 if (event instanceof TouchedChangeEvent) {
-                    this.touched.set(true);
+                    this.touched.set(event.touched);
                 }
                 this.formControlHasErrors.set(!!this.formControl?.errors);
                 this.formControlIsDirty.set(this.formControl?.dirty);
@@ -11167,7 +11166,7 @@ class NgtReactiveDateComponent extends NgtControlValueAccessor {
             'overflow-hidden border',
             this.ngtStyle.compile(['h', 'color.text', 'px', 'py', 'text', 'rounded', 'color.bg', 'color.border'])
         ];
-        if (this.formControlHasErrors() && this.formControlIsDirty() && this.touched()) {
+        if (this.formControlHasErrors() && (this.formControlIsDirty() || this.touched())) {
             classes.push('border-error');
         }
         return classes.join(' ');