@progress/kendo-angular-inputs 24.2.0-develop.9 → 24.2.1-develop.1

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

@@ -583,8 +583,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1782303748,
-    version: '24.2.0-develop.9',
+    publishDate: 1782832518,
+    version: '24.2.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3717,7 +3717,7 @@ class SharedInputEventsDirective {
                     tabbing = false;
                 }
                 else {
-                    if (!cursorInsideWrapper && !this?.clearButtonClicked) {
+                    if (!cursorInsideWrapper && !this.clearButtonClicked) {
                         this.ngZone.run(() => {
                             this.isFocused = false;
                             this.isFocusedChange.emit(this.isFocused);
@@ -5850,6 +5850,7 @@ class MaskedTextBoxComponent {
     _fillMode = undefined;
     _inputAttributes;
     parsedAttributes = {};
+    pendingValueUpdate = false;
     constructor(service, renderer, hostElement, ngZone, injector, changeDetector, rtl) {
         this.service = service;
         this.renderer = renderer;
@@ -5941,22 +5942,23 @@ class MaskedTextBoxComponent {
                 this.onBlur.emit();
             });
         }
-        this.ngZone.run(() => {
-            if (this.control && !this.control.touched) {
-                this.onTouched();
-            }
-        });
     };
     /**
      * @hidden
      */
     handleInputBlur = () => {
         this.changeDetector.markForCheck();
-        if (hasObservers(this.inputBlur) || requiresZoneOnBlur(this.control)) {
+        const requiresZone = requiresZoneOnBlur(this.control);
+        if (hasObservers(this.inputBlur) || requiresZone) {
             this.ngZone.run(() => {
                 this.inputBlur.emit();
             });
         }
+        if (requiresZone) {
+            this.ngZone.run(() => {
+                this.onTouched();
+            });
+        }
     };
     /**
      * @hidden
@@ -6029,8 +6031,14 @@ class MaskedTextBoxComponent {
         else {
             result = this.service.maskInput(value, this.maskedValue || '', e.target.selectionStart);
         }
+        const maskedValueChanged = result.value !== this.maskedValue;
         this.updateInput(result.value, result.selection);
-        this.updateValueWithEvents(result.value);
+        if (maskedValueChanged) {
+            this.updateValueWithEvents(result.value);
+        }
+        else {
+            this.updateValue(result.value, true);
+        }
     }
     /**
      * @hidden
@@ -6048,7 +6056,12 @@ class MaskedTextBoxComponent {
         const maskedValue = this.service.maskRaw(this.value);
         this.updateInput(maskedValue, null, true);
         if (changes['includeLiterals'] || isChanged('promptPlaceholder', changes)) {
+            this.pendingValueUpdate = true;
             resolvedPromise.then(() => {
+                if (!this.pendingValueUpdate) {
+                    return;
+                }
+                this.pendingValueUpdate = false;
                 this.updateValueWithEvents(this.maskedValue, false);
             });
         }
@@ -6059,10 +6072,8 @@ class MaskedTextBoxComponent {
      */
     writeValue(value) {
         this.value = this.normalizeValue(value);
+        this.pendingValueUpdate = false;
         this.updateInput(this.service.maskRaw(this.value));
-        if (this.includeLiterals) {
-            this.updateValue(this.maskedValue, false);
-        }
         this.changeDetector.markForCheck();
     }
     /**

package/maskedtextbox/maskedtextbox.component.d.ts

@@ -197,6 +197,7 @@ export declare class MaskedTextBoxComponent implements ControlValueAccessor, OnC
     private _fillMode;
     private _inputAttributes;
     private parsedAttributes;
+    private pendingValueUpdate;
     constructor(service: MaskingService, renderer: Renderer2, hostElement: ElementRef, ngZone: NgZone, injector: Injector, changeDetector: ChangeDetectorRef, rtl: boolean);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1782303748,
-  "version": "24.2.0-develop.9",
+  "publishDate": 1782832518,
+  "version": "24.2.1-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "24.2.0-develop.9",
+  "version": "24.2.1-develop.1",
   "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",
@@ -55,7 +55,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1782303748,
+      "publishDate": 1782832518,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -67,20 +67,20 @@
     "@angular/platform-browser": "19 - 22",
     "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "24.2.0-develop.9",
-    "@progress/kendo-angular-common": "24.2.0-develop.9",
-    "@progress/kendo-angular-utils": "24.2.0-develop.9",
-    "@progress/kendo-angular-navigation": "24.2.0-develop.9",
-    "@progress/kendo-angular-dialog": "24.2.0-develop.9",
-    "@progress/kendo-angular-intl": "24.2.0-develop.9",
-    "@progress/kendo-angular-l10n": "24.2.0-develop.9",
-    "@progress/kendo-angular-popup": "24.2.0-develop.9",
-    "@progress/kendo-angular-icons": "24.2.0-develop.9",
+    "@progress/kendo-angular-buttons": "24.2.1-develop.1",
+    "@progress/kendo-angular-common": "24.2.1-develop.1",
+    "@progress/kendo-angular-utils": "24.2.1-develop.1",
+    "@progress/kendo-angular-navigation": "24.2.1-develop.1",
+    "@progress/kendo-angular-dialog": "24.2.1-develop.1",
+    "@progress/kendo-angular-intl": "24.2.1-develop.1",
+    "@progress/kendo-angular-l10n": "24.2.1-develop.1",
+    "@progress/kendo-angular-popup": "24.2.1-develop.1",
+    "@progress/kendo-angular-icons": "24.2.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.2.0-develop.9",
+    "@progress/kendo-angular-schematics": "24.2.1-develop.1",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"