@progress/kendo-angular-inputs 15.0.2-develop.1 → 15.0.2-develop.3

package/esm2020/maskedtextbox/maskedtextbox.component.mjs

@@ -199,6 +199,8 @@ export class MaskedTextBoxComponent {
         this.handleClick = () => {
             if (this.focused && !this.focusClick) {
                 this.focusClick = true;
+            }
+            if (this.promptPlaceholder === null || this.promptPlaceholder === '') {
                 const { selectionStart, selectionEnd } = this.input.nativeElement;
                 if (selectionStart === selectionEnd) {
                     this.setFocusSelection();
@@ -217,10 +219,14 @@ export class MaskedTextBoxComponent {
             }
             if (hasObservers(this.onBlur)) {
                 this.ngZone.run(() => {
-                    this.onTouched();
                     this.onBlur.emit();
                 });
             }
+            this.ngZone.run(() => {
+                if (this.control) {
+                    this.control && !this.control.touched && this.onTouched();
+                }
+            });
         };
         /**
          * @hidden
@@ -229,7 +235,6 @@ export class MaskedTextBoxComponent {
             this.changeDetector.markForCheck();
             if (hasObservers(this.inputBlur) || requiresZoneOnBlur(this.control)) {
                 this.ngZone.run(() => {
-                    this.onTouched();
                     this.inputBlur.emit();
                 });
             }
@@ -412,19 +417,19 @@ export class MaskedTextBoxComponent {
      */
     ngOnChanges(changes) {
         if (changes['value']) {
-            this.value = this.normalizeValue();
+            this.value = this.normalizeValue(this.value);
         }
+        const next = this.extractChanges(changes);
+        this.updateService(next);
         if (!this.mask) {
             this.updateInput(this.value);
             return;
         }
-        const next = this.extractChanges(changes);
-        this.updateService(next);
         const maskedValue = this.service.maskRaw(this.value);
         this.updateInput(maskedValue, null, true);
         if (changes['includeLiterals'] || isChanged('promptPlaceholder', changes)) {
             resolvedPromise.then(() => {
-                this.updateValueWithEvents(this.maskedValue);
+                this.updateValueWithEvents(this.maskedValue, false);
             });
         }
     }
@@ -436,7 +441,7 @@ export class MaskedTextBoxComponent {
         this.value = this.normalizeValue(value);
         this.updateInput(this.service.maskRaw(this.value));
         if (this.includeLiterals) {
-            this.updateValue(this.maskedValue);
+            this.updateValue(this.maskedValue, false);
         }
     }
     /**
@@ -489,25 +494,27 @@ export class MaskedTextBoxComponent {
      * @hidden
      */
     get isControlInvalid() {
-        return this.control && this.control.touched && !this.control.valid;
+        return this.control && this.control.touched && this.control.invalid;
     }
     /**
      * @hidden
      */
-    updateValueWithEvents(maskedValue) {
-        this.updateValue(maskedValue);
-        if (hasObservers(this.valueChange)) {
+    updateValueWithEvents(maskedValue, callOnChange = true) {
+        const previousValue = this.value;
+        this.updateValue(maskedValue, callOnChange);
+        const valueChanged = this.value !== previousValue;
+        if (valueChanged && hasObservers(this.valueChange)) {
             this.valueChange.emit(this.value);
         }
     }
-    updateValue(value) {
+    updateValue(value, callOnChange = true) {
         if (this.mask && !this.service.validationValue(value) && !this.includeLiterals) {
             this.value = '';
         }
         else {
             this.value = this.service.rawValue(value);
         }
-        this.onChange(this.value);
+        callOnChange && this.onChange(this.value);
     }
     updateInput(maskedValue = '', selection, isFromOnChanges) {
         if (isFromOnChanges && maskedValue === this.maskedValue) {
@@ -573,7 +580,7 @@ export class MaskedTextBoxComponent {
             this.isFocused = value;
         }
     }
-    normalizeValue(value = this.value) {
+    normalizeValue(value) {
         const present = isPresent(value);
         if (present && typeof value !== 'string') {
             if (isDevMode()) {

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1707209432,
-    version: '15.0.2-develop.1',
+    publishDate: 1707469924,
+    version: '15.0.2-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2015/progress-kendo-angular-inputs.mjs

@@ -538,8 +538,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1707209432,
-    version: '15.0.2-develop.1',
+    publishDate: 1707469924,
+    version: '15.0.2-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -5430,6 +5430,8 @@ class MaskedTextBoxComponent {
         this.handleClick = () => {
             if (this.focused && !this.focusClick) {
                 this.focusClick = true;
+            }
+            if (this.promptPlaceholder === null || this.promptPlaceholder === '') {
                 const { selectionStart, selectionEnd } = this.input.nativeElement;
                 if (selectionStart === selectionEnd) {
                     this.setFocusSelection();
@@ -5448,10 +5450,14 @@ class MaskedTextBoxComponent {
             }
             if (hasObservers(this.onBlur)) {
                 this.ngZone.run(() => {
-                    this.onTouched();
                     this.onBlur.emit();
                 });
             }
+            this.ngZone.run(() => {
+                if (this.control) {
+                    this.control && !this.control.touched && this.onTouched();
+                }
+            });
         };
         /**
          * @hidden
@@ -5460,7 +5466,6 @@ class MaskedTextBoxComponent {
             this.changeDetector.markForCheck();
             if (hasObservers(this.inputBlur) || requiresZoneOnBlur(this.control)) {
                 this.ngZone.run(() => {
-                    this.onTouched();
                     this.inputBlur.emit();
                 });
             }
@@ -5643,19 +5648,19 @@ class MaskedTextBoxComponent {
      */
     ngOnChanges(changes) {
         if (changes['value']) {
-            this.value = this.normalizeValue();
+            this.value = this.normalizeValue(this.value);
         }
+        const next = this.extractChanges(changes);
+        this.updateService(next);
         if (!this.mask) {
             this.updateInput(this.value);
             return;
         }
-        const next = this.extractChanges(changes);
-        this.updateService(next);
         const maskedValue = this.service.maskRaw(this.value);
         this.updateInput(maskedValue, null, true);
         if (changes['includeLiterals'] || isChanged('promptPlaceholder', changes)) {
             resolvedPromise.then(() => {
-                this.updateValueWithEvents(this.maskedValue);
+                this.updateValueWithEvents(this.maskedValue, false);
             });
         }
     }
@@ -5667,7 +5672,7 @@ class MaskedTextBoxComponent {
         this.value = this.normalizeValue(value);
         this.updateInput(this.service.maskRaw(this.value));
         if (this.includeLiterals) {
-            this.updateValue(this.maskedValue);
+            this.updateValue(this.maskedValue, false);
         }
     }
     /**
@@ -5720,25 +5725,27 @@ class MaskedTextBoxComponent {
      * @hidden
      */
     get isControlInvalid() {
-        return this.control && this.control.touched && !this.control.valid;
+        return this.control && this.control.touched && this.control.invalid;
     }
     /**
      * @hidden
      */
-    updateValueWithEvents(maskedValue) {
-        this.updateValue(maskedValue);
-        if (hasObservers(this.valueChange)) {
+    updateValueWithEvents(maskedValue, callOnChange = true) {
+        const previousValue = this.value;
+        this.updateValue(maskedValue, callOnChange);
+        const valueChanged = this.value !== previousValue;
+        if (valueChanged && hasObservers(this.valueChange)) {
             this.valueChange.emit(this.value);
         }
     }
-    updateValue(value) {
+    updateValue(value, callOnChange = true) {
         if (this.mask && !this.service.validationValue(value) && !this.includeLiterals) {
             this.value = '';
         }
         else {
             this.value = this.service.rawValue(value);
         }
-        this.onChange(this.value);
+        callOnChange && this.onChange(this.value);
     }
     updateInput(maskedValue = '', selection, isFromOnChanges) {
         if (isFromOnChanges && maskedValue === this.maskedValue) {
@@ -5804,7 +5811,7 @@ class MaskedTextBoxComponent {
             this.isFocused = value;
         }
     }
-    normalizeValue(value = this.value) {
+    normalizeValue(value) {
         const present = isPresent(value);
         if (present && typeof value !== 'string') {
             if (isDevMode()) {

package/fesm2020/progress-kendo-angular-inputs.mjs

@@ -537,8 +537,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-inputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1707209432,
-    version: '15.0.2-develop.1',
+    publishDate: 1707469924,
+    version: '15.0.2-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -5423,6 +5423,8 @@ class MaskedTextBoxComponent {
         this.handleClick = () => {
             if (this.focused && !this.focusClick) {
                 this.focusClick = true;
+            }
+            if (this.promptPlaceholder === null || this.promptPlaceholder === '') {
                 const { selectionStart, selectionEnd } = this.input.nativeElement;
                 if (selectionStart === selectionEnd) {
                     this.setFocusSelection();
@@ -5441,10 +5443,14 @@ class MaskedTextBoxComponent {
             }
             if (hasObservers(this.onBlur)) {
                 this.ngZone.run(() => {
-                    this.onTouched();
                     this.onBlur.emit();
                 });
             }
+            this.ngZone.run(() => {
+                if (this.control) {
+                    this.control && !this.control.touched && this.onTouched();
+                }
+            });
         };
         /**
          * @hidden
@@ -5453,7 +5459,6 @@ class MaskedTextBoxComponent {
             this.changeDetector.markForCheck();
             if (hasObservers(this.inputBlur) || requiresZoneOnBlur(this.control)) {
                 this.ngZone.run(() => {
-                    this.onTouched();
                     this.inputBlur.emit();
                 });
             }
@@ -5636,19 +5641,19 @@ class MaskedTextBoxComponent {
      */
     ngOnChanges(changes) {
         if (changes['value']) {
-            this.value = this.normalizeValue();
+            this.value = this.normalizeValue(this.value);
         }
+        const next = this.extractChanges(changes);
+        this.updateService(next);
         if (!this.mask) {
             this.updateInput(this.value);
             return;
         }
-        const next = this.extractChanges(changes);
-        this.updateService(next);
         const maskedValue = this.service.maskRaw(this.value);
         this.updateInput(maskedValue, null, true);
         if (changes['includeLiterals'] || isChanged('promptPlaceholder', changes)) {
             resolvedPromise.then(() => {
-                this.updateValueWithEvents(this.maskedValue);
+                this.updateValueWithEvents(this.maskedValue, false);
             });
         }
     }
@@ -5660,7 +5665,7 @@ class MaskedTextBoxComponent {
         this.value = this.normalizeValue(value);
         this.updateInput(this.service.maskRaw(this.value));
         if (this.includeLiterals) {
-            this.updateValue(this.maskedValue);
+            this.updateValue(this.maskedValue, false);
         }
     }
     /**
@@ -5713,25 +5718,27 @@ class MaskedTextBoxComponent {
      * @hidden
      */
     get isControlInvalid() {
-        return this.control && this.control.touched && !this.control.valid;
+        return this.control && this.control.touched && this.control.invalid;
     }
     /**
      * @hidden
      */
-    updateValueWithEvents(maskedValue) {
-        this.updateValue(maskedValue);
-        if (hasObservers(this.valueChange)) {
+    updateValueWithEvents(maskedValue, callOnChange = true) {
+        const previousValue = this.value;
+        this.updateValue(maskedValue, callOnChange);
+        const valueChanged = this.value !== previousValue;
+        if (valueChanged && hasObservers(this.valueChange)) {
             this.valueChange.emit(this.value);
         }
     }
-    updateValue(value) {
+    updateValue(value, callOnChange = true) {
         if (this.mask && !this.service.validationValue(value) && !this.includeLiterals) {
             this.value = '';
         }
         else {
             this.value = this.service.rawValue(value);
         }
-        this.onChange(this.value);
+        callOnChange && this.onChange(this.value);
     }
     updateInput(maskedValue = '', selection, isFromOnChanges) {
         if (isFromOnChanges && maskedValue === this.maskedValue) {
@@ -5797,7 +5804,7 @@ class MaskedTextBoxComponent {
             this.isFocused = value;
         }
     }
-    normalizeValue(value = this.value) {
+    normalizeValue(value) {
         const present = isPresent(value);
         if (present && typeof value !== 'string') {
             if (isDevMode()) {

package/maskedtextbox/maskedtextbox.component.d.ts

@@ -313,7 +313,7 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
     /**
      * @hidden
      */
-    validate(_: AbstractControl): any;
+    validate(_?: AbstractControl): any;
     /**
      * @hidden
      */
@@ -321,7 +321,7 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
     /**
      * @hidden
      */
-    updateValueWithEvents(maskedValue: string): void;
+    updateValueWithEvents(maskedValue: string, callOnChange?: boolean): void;
     protected onChange: (_: any) => void;
     protected onTouched: () => void;
     private updateValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "15.0.2-develop.1",
+  "version": "15.0.2-develop.3",
   "description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -34,19 +34,19 @@
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "15.0.2-develop.1",
-    "@progress/kendo-angular-common": "15.0.2-develop.1",
-    "@progress/kendo-angular-dialog": "15.0.2-develop.1",
-    "@progress/kendo-angular-intl": "15.0.2-develop.1",
-    "@progress/kendo-angular-l10n": "15.0.2-develop.1",
-    "@progress/kendo-angular-popup": "15.0.2-develop.1",
-    "@progress/kendo-angular-icons": "15.0.2-develop.1",
+    "@progress/kendo-angular-buttons": "15.0.2-develop.3",
+    "@progress/kendo-angular-common": "15.0.2-develop.3",
+    "@progress/kendo-angular-dialog": "15.0.2-develop.3",
+    "@progress/kendo-angular-intl": "15.0.2-develop.3",
+    "@progress/kendo-angular-l10n": "15.0.2-develop.3",
+    "@progress/kendo-angular-popup": "15.0.2-develop.3",
+    "@progress/kendo-angular-icons": "15.0.2-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-upload": "15.0.2-develop.1"
+    "@progress/kendo-angular-upload": "15.0.2-develop.3"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "15.0.2-develop.1",
+    "@progress/kendo-angular-schematics": "15.0.2-develop.3",
     "@progress/kendo-common": "^0.2.2",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"