@progress/kendo-angular-inputs 18.1.0-develop.16 → 18.1.0-develop.17

package/esm2022/otpinput/otpinput.component.mjs

@@ -59,7 +59,7 @@ export class OTPInputComponent {
      */
     spacing = true;
     /**
-     * Adds a separator between groups of input fields.
+     * Specifies the separator between groups of input fields.
      *
      * > The configuration can only be applied when `groupLength` is set.
      */
@@ -107,7 +107,7 @@ export class OTPInputComponent {
             }
         }
         this._groupLength = length;
-        this.populateSeparatorPosititons();
+        this.populateSeparatorPositions();
     }
     /**
      * Configures the value of the component. Unfilled input fields are represented with space.
@@ -116,8 +116,8 @@ export class OTPInputComponent {
         return this._value;
     }
     set value(input) {
-        if (this._value === input ||
-            (this.type === 'number' && isPresent(input) && !this.isValidNumber(input))) {
+        const isInvalidInput = this.type === 'number' && isPresent(input) && !this.containsDigitsOrSpaces(input);
+        if (this._value === input || isInvalidInput) {
             return;
         }
         if (!isPresent(input)) {
@@ -209,10 +209,6 @@ export class OTPInputComponent {
      * might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
      */
     valueChange = new EventEmitter();
-    /**
-     * Fires when the length of the trimmed value is equal to `length`.
-     */
-    inputFinish = new EventEmitter();
     /**
      * Fires each time the user focuses the OTP Input.
      */
@@ -312,7 +308,7 @@ export class OTPInputComponent {
             if (typeof this.groupLength === 'number') {
                 this.populateGroupArray(this.groupLength);
             }
-            this.populateSeparatorPosititons();
+            this.populateSeparatorPositions();
         }
         if (changes.spacing) {
             if (this.spacing === true) {
@@ -323,8 +319,12 @@ export class OTPInputComponent {
             }
         }
         if (changes.type && this.type === 'number') {
-            if (isPresent(this.value) && !this.isValidNumber(this.value)) {
+            if (isPresent(this.value) && !this.containsDigitsOrSpaces(this.value)) {
                 this.value = null;
+                this.zone.runOutsideAngular(() => setTimeout(() => this.zone.run(() => {
+                    this.ngChange(null);
+                    this.cdr.markForCheck();
+                })));
             }
         }
     }
@@ -395,13 +395,13 @@ export class OTPInputComponent {
      * @hidden
      */
     showGroupSeparator(index) {
-        return this.separator && this.groupLengthArray && index < this.groupLengthArray.length - 1;
+        return this.groupLengthArray && index < this.groupLengthArray.length - 1;
     }
     /**
      * @hidden
      */
     showSeparator(index) {
-        return this.separator && this.groupLength ? this.separatorPositions.has(index) : false;
+        return this.groupLength ? this.separatorPositions.has(index) : false;
     }
     /**
      * @hidden
@@ -412,16 +412,16 @@ export class OTPInputComponent {
             index = this.getIndexByGroup(groupIndex, index);
         }
         let newValue = '';
-        this.inputFields.forEach((input) => newValue = newValue.concat(input.value?.toString() || " "));
+        this.inputFields.forEach((input) => newValue = newValue.concat(input.value?.toString() || ' '));
         if (!areSame(this.value, newValue)) {
-            this.value = newValue;
-            this.ngChange(newValue);
-            this.valueChange.emit(newValue);
+            this.zone.run(() => {
+                this.value = newValue;
+                this.ngChange(newValue);
+                this.valueChange.emit(newValue);
+                this.cdr.markForCheck();
+            });
         }
         this.inputFieldValueChanged = false;
-        if (this.value && this.value.trim().length === this.length) {
-            this.inputFinish.emit(this.value);
-        }
         if (isPresent(index) && isPresent(this.inputFields?.get(index).value)) {
             this.focusNext();
         }
@@ -444,7 +444,13 @@ export class OTPInputComponent {
     handleInput(event, index, groupIndex) {
         if (this.type === 'number' && !this.isValidNumber(event?.data)) {
             const inputIndex = groupIndex ? this.getIndexByGroup(groupIndex, index) : index;
-            this.inputFields.get(inputIndex).value = null;
+            const textbox = this.inputFields.get(inputIndex);
+            if (this.value && this.isValidNumber(this.value[inputIndex])) {
+                textbox.value = this.value[inputIndex];
+            }
+            else {
+                textbox.value = null;
+            }
             this.showInvalidInput(inputIndex);
             return;
         }
@@ -571,24 +577,35 @@ export class OTPInputComponent {
         this.inputFields.get(this.focusedInput).focus();
     }
     handleKeydown(event) {
-        if (event.keyCode === Keys.ArrowRight) {
-            event.preventDefault();
-            this.direction === 'ltr' ? this.focusNext() : this.focusPrevious();
-        }
-        if (event.keyCode === Keys.ArrowLeft) {
-            event.preventDefault();
-            this.direction === 'ltr' ? this.focusPrevious() : this.focusNext();
-        }
-        if (event.keyCode === Keys.Backspace) {
-            event.preventDefault();
-            this.inputFields.get(this.focusedInput).value = null;
-            this.handleValueChange();
-            this.focusPrevious();
+        if (this.readonly) {
+            const isCopyCommand = (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyC;
+            if (!(event.keyCode === Keys.Tab || isCopyCommand)) {
+                event.preventDefault();
+                return;
+            }
         }
-        if (event.keyCode === Keys.Delete) {
-            event.preventDefault();
-            this.inputFields.get(this.focusedInput).value = null;
-            this.handleValueChange();
+        switch (event.keyCode) {
+            case Keys.ArrowRight:
+                event.preventDefault();
+                this.direction === 'ltr' ? this.focusNext() : this.focusPrevious();
+                break;
+            case Keys.ArrowLeft:
+                event.preventDefault();
+                this.direction === 'ltr' ? this.focusPrevious() : this.focusNext();
+                break;
+            case Keys.Backspace:
+                event.preventDefault();
+                this.inputFields.get(this.focusedInput).value = null;
+                this.handleValueChange();
+                this.focusPrevious();
+                break;
+            case Keys.Delete:
+                event.preventDefault();
+                this.inputFields.get(this.focusedInput).value = null;
+                this.handleValueChange();
+                break;
+            default:
+                break;
         }
     }
     isValidGroupArray(groups) {
@@ -611,7 +628,7 @@ export class OTPInputComponent {
             this.adjacentGroups = [...this.groupLengthArray];
         }
     }
-    populateSeparatorPosititons() {
+    populateSeparatorPositions() {
         let itemIndex = 0;
         this.separatorPositions.clear();
         if (!isPresent(this.groupLengthArray)) {
@@ -690,18 +707,33 @@ export class OTPInputComponent {
             !isNaN(Number(trimmedValue));
     }
     showInvalidInput(index) {
-        const inputElement = this.inputFields.get(index).hostElement.nativeElement;
-        this.renderer.addClass(inputElement, 'k-invalid');
+        const textbox = this.inputFields.get(index);
+        const textboxElement = this.inputFields.get(index).hostElement.nativeElement;
+        const inputElement = textbox.input.nativeElement;
+        this.renderer.addClass(textboxElement, 'k-invalid');
+        if (textbox.value && this.isValidNumber(textbox.value)) {
+            this.zone.onStable.pipe(take(1)).subscribe(() => inputElement.select());
+        }
         this.zone.runOutsideAngular(() => {
             setTimeout(() => {
-                if (!this.isControlInvalid && inputElement) {
-                    this.renderer.removeClass(inputElement, 'k-invalid');
+                if (!this.isControlInvalid && textboxElement) {
+                    this.renderer.removeClass(textboxElement, 'k-invalid');
                 }
             }, 300);
         });
     }
+    containsDigitsOrSpaces(value) {
+        // @ts-expect-error TS does not allow comparing string with number
+        const isDigitOrSpace = (char) => (char == +char) || char === ' ';
+        for (let i = 0; i < value.length; i++) {
+            if (!isDigitOrSpace(value[i])) {
+                return false;
+            }
+        }
+        return true;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OTPInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OTPInputComponent, isStandalone: true, selector: "kendo-otpinput", inputs: { length: "length", type: "type", spacing: "spacing", separator: "separator", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", groupLength: "groupLength", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", inputFinish: "inputFinish", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-otp": "this.wrapperClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction", "attr.role": "this.role" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OTPInputComponent, isStandalone: true, selector: "kendo-otpinput", inputs: { length: "length", type: "type", spacing: "spacing", separator: "separator", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", groupLength: "groupLength", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-otp": "this.wrapperClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction", "attr.role": "this.role" } }, providers: [
             LocalizationService,
             { provide: L10N_PREFIX, useValue: 'kendo.otpinput' },
             {
@@ -871,8 +903,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], valueChange: [{
                 type: Output
-            }], inputFinish: [{
-                type: Output
             }], onFocus: [{
                 type: Output,
                 args: ['focus']

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1738773310,
-    version: '18.1.0-develop.16',
+    publishDate: 1738780374,
+    version: '18.1.0-develop.17',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -554,8 +554,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1738773310,
-    version: '18.1.0-develop.16',
+    publishDate: 1738780374,
+    version: '18.1.0-develop.17',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -18071,7 +18071,7 @@ class OTPInputComponent {
      */
     spacing = true;
     /**
-     * Adds a separator between groups of input fields.
+     * Specifies the separator between groups of input fields.
      *
      * > The configuration can only be applied when `groupLength` is set.
      */
@@ -18119,7 +18119,7 @@ class OTPInputComponent {
             }
         }
         this._groupLength = length;
-        this.populateSeparatorPosititons();
+        this.populateSeparatorPositions();
     }
     /**
      * Configures the value of the component. Unfilled input fields are represented with space.
@@ -18128,8 +18128,8 @@ class OTPInputComponent {
         return this._value;
     }
     set value(input) {
-        if (this._value === input ||
-            (this.type === 'number' && isPresent$1(input) && !this.isValidNumber(input))) {
+        const isInvalidInput = this.type === 'number' && isPresent$1(input) && !this.containsDigitsOrSpaces(input);
+        if (this._value === input || isInvalidInput) {
             return;
         }
         if (!isPresent$1(input)) {
@@ -18221,10 +18221,6 @@ class OTPInputComponent {
      * might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
      */
     valueChange = new EventEmitter();
-    /**
-     * Fires when the length of the trimmed value is equal to `length`.
-     */
-    inputFinish = new EventEmitter();
     /**
      * Fires each time the user focuses the OTP Input.
      */
@@ -18324,7 +18320,7 @@ class OTPInputComponent {
             if (typeof this.groupLength === 'number') {
                 this.populateGroupArray(this.groupLength);
             }
-            this.populateSeparatorPosititons();
+            this.populateSeparatorPositions();
         }
         if (changes.spacing) {
             if (this.spacing === true) {
@@ -18335,8 +18331,12 @@ class OTPInputComponent {
             }
         }
         if (changes.type && this.type === 'number') {
-            if (isPresent$1(this.value) && !this.isValidNumber(this.value)) {
+            if (isPresent$1(this.value) && !this.containsDigitsOrSpaces(this.value)) {
                 this.value = null;
+                this.zone.runOutsideAngular(() => setTimeout(() => this.zone.run(() => {
+                    this.ngChange(null);
+                    this.cdr.markForCheck();
+                })));
             }
         }
     }
@@ -18407,13 +18407,13 @@ class OTPInputComponent {
      * @hidden
      */
     showGroupSeparator(index) {
-        return this.separator && this.groupLengthArray && index < this.groupLengthArray.length - 1;
+        return this.groupLengthArray && index < this.groupLengthArray.length - 1;
     }
     /**
      * @hidden
      */
     showSeparator(index) {
-        return this.separator && this.groupLength ? this.separatorPositions.has(index) : false;
+        return this.groupLength ? this.separatorPositions.has(index) : false;
     }
     /**
      * @hidden
@@ -18424,16 +18424,16 @@ class OTPInputComponent {
             index = this.getIndexByGroup(groupIndex, index);
         }
         let newValue = '';
-        this.inputFields.forEach((input) => newValue = newValue.concat(input.value?.toString() || " "));
+        this.inputFields.forEach((input) => newValue = newValue.concat(input.value?.toString() || ' '));
         if (!areSame(this.value, newValue)) {
-            this.value = newValue;
-            this.ngChange(newValue);
-            this.valueChange.emit(newValue);
+            this.zone.run(() => {
+                this.value = newValue;
+                this.ngChange(newValue);
+                this.valueChange.emit(newValue);
+                this.cdr.markForCheck();
+            });
         }
         this.inputFieldValueChanged = false;
-        if (this.value && this.value.trim().length === this.length) {
-            this.inputFinish.emit(this.value);
-        }
         if (isPresent$1(index) && isPresent$1(this.inputFields?.get(index).value)) {
             this.focusNext();
         }
@@ -18456,7 +18456,13 @@ class OTPInputComponent {
     handleInput(event, index, groupIndex) {
         if (this.type === 'number' && !this.isValidNumber(event?.data)) {
             const inputIndex = groupIndex ? this.getIndexByGroup(groupIndex, index) : index;
-            this.inputFields.get(inputIndex).value = null;
+            const textbox = this.inputFields.get(inputIndex);
+            if (this.value && this.isValidNumber(this.value[inputIndex])) {
+                textbox.value = this.value[inputIndex];
+            }
+            else {
+                textbox.value = null;
+            }
             this.showInvalidInput(inputIndex);
             return;
         }
@@ -18583,24 +18589,35 @@ class OTPInputComponent {
         this.inputFields.get(this.focusedInput).focus();
     }
     handleKeydown(event) {
-        if (event.keyCode === Keys.ArrowRight) {
-            event.preventDefault();
-            this.direction === 'ltr' ? this.focusNext() : this.focusPrevious();
-        }
-        if (event.keyCode === Keys.ArrowLeft) {
-            event.preventDefault();
-            this.direction === 'ltr' ? this.focusPrevious() : this.focusNext();
-        }
-        if (event.keyCode === Keys.Backspace) {
-            event.preventDefault();
-            this.inputFields.get(this.focusedInput).value = null;
-            this.handleValueChange();
-            this.focusPrevious();
+        if (this.readonly) {
+            const isCopyCommand = (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyC;
+            if (!(event.keyCode === Keys.Tab || isCopyCommand)) {
+                event.preventDefault();
+                return;
+            }
         }
-        if (event.keyCode === Keys.Delete) {
-            event.preventDefault();
-            this.inputFields.get(this.focusedInput).value = null;
-            this.handleValueChange();
+        switch (event.keyCode) {
+            case Keys.ArrowRight:
+                event.preventDefault();
+                this.direction === 'ltr' ? this.focusNext() : this.focusPrevious();
+                break;
+            case Keys.ArrowLeft:
+                event.preventDefault();
+                this.direction === 'ltr' ? this.focusPrevious() : this.focusNext();
+                break;
+            case Keys.Backspace:
+                event.preventDefault();
+                this.inputFields.get(this.focusedInput).value = null;
+                this.handleValueChange();
+                this.focusPrevious();
+                break;
+            case Keys.Delete:
+                event.preventDefault();
+                this.inputFields.get(this.focusedInput).value = null;
+                this.handleValueChange();
+                break;
+            default:
+                break;
         }
     }
     isValidGroupArray(groups) {
@@ -18623,7 +18640,7 @@ class OTPInputComponent {
             this.adjacentGroups = [...this.groupLengthArray];
         }
     }
-    populateSeparatorPosititons() {
+    populateSeparatorPositions() {
         let itemIndex = 0;
         this.separatorPositions.clear();
         if (!isPresent$1(this.groupLengthArray)) {
@@ -18702,18 +18719,33 @@ class OTPInputComponent {
             !isNaN(Number(trimmedValue));
     }
     showInvalidInput(index) {
-        const inputElement = this.inputFields.get(index).hostElement.nativeElement;
-        this.renderer.addClass(inputElement, 'k-invalid');
+        const textbox = this.inputFields.get(index);
+        const textboxElement = this.inputFields.get(index).hostElement.nativeElement;
+        const inputElement = textbox.input.nativeElement;
+        this.renderer.addClass(textboxElement, 'k-invalid');
+        if (textbox.value && this.isValidNumber(textbox.value)) {
+            this.zone.onStable.pipe(take(1)).subscribe(() => inputElement.select());
+        }
         this.zone.runOutsideAngular(() => {
             setTimeout(() => {
-                if (!this.isControlInvalid && inputElement) {
-                    this.renderer.removeClass(inputElement, 'k-invalid');
+                if (!this.isControlInvalid && textboxElement) {
+                    this.renderer.removeClass(textboxElement, 'k-invalid');
                 }
             }, 300);
         });
     }
+    containsDigitsOrSpaces(value) {
+        // @ts-expect-error TS does not allow comparing string with number
+        const isDigitOrSpace = (char) => (char == +char) || char === ' ';
+        for (let i = 0; i < value.length; i++) {
+            if (!isDigitOrSpace(value[i])) {
+                return false;
+            }
+        }
+        return true;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OTPInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OTPInputComponent, isStandalone: true, selector: "kendo-otpinput", inputs: { length: "length", type: "type", spacing: "spacing", separator: "separator", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", groupLength: "groupLength", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", inputFinish: "inputFinish", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-otp": "this.wrapperClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction", "attr.role": "this.role" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OTPInputComponent, isStandalone: true, selector: "kendo-otpinput", inputs: { length: "length", type: "type", spacing: "spacing", separator: "separator", disabled: "disabled", readonly: "readonly", placeholder: "placeholder", groupLength: "groupLength", value: "value", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-otp": "this.wrapperClass", "class.k-invalid": "this.invalidClass", "attr.dir": "this.direction", "attr.role": "this.role" } }, providers: [
             LocalizationService,
             { provide: L10N_PREFIX, useValue: 'kendo.otpinput' },
             {
@@ -18883,8 +18915,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], valueChange: [{
                 type: Output
-            }], inputFinish: [{
-                type: Output
             }], onFocus: [{
                 type: Output,
                 args: ['focus']

package/otpinput/otpinput.component.d.ts

@@ -42,7 +42,7 @@ export declare class OTPInputComponent implements ControlValueAccessor, OnInit,
      */
     spacing: boolean;
     /**
-     * Adds a separator between groups of input fields.
+     * Specifies the separator between groups of input fields.
      *
      * > The configuration can only be applied when `groupLength` is set.
      */
@@ -123,10 +123,6 @@ export declare class OTPInputComponent implements ControlValueAccessor, OnInit,
      * might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
      */
     valueChange: EventEmitter<any>;
-    /**
-     * Fires when the length of the trimmed value is equal to `length`.
-     */
-    inputFinish: EventEmitter<string>;
     /**
      * Fires each time the user focuses the OTP Input.
      */
@@ -272,7 +268,7 @@ export declare class OTPInputComponent implements ControlValueAccessor, OnInit,
     private handleKeydown;
     private isValidGroupArray;
     private populateGroupArray;
-    private populateSeparatorPosititons;
+    private populateSeparatorPositions;
     private clearGroups;
     private clearInputValues;
     private handleInputChanges;
@@ -282,6 +278,7 @@ export declare class OTPInputComponent implements ControlValueAccessor, OnInit,
     private ariaLabel;
     private isValidNumber;
     private showInvalidInput;
+    private containsDigitsOrSpaces;
     static ɵfac: i0.ɵɵFactoryDeclaration<OTPInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OTPInputComponent, "kendo-otpinput", ["kendoOTPInput"], { "length": { "alias": "length"; "required": false; }; "type": { "alias": "type"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "groupLength": { "alias": "groupLength"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; }, { "valueChange": "valueChange"; "inputFinish": "inputFinish"; "onFocus": "focus"; "onBlur": "blur"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OTPInputComponent, "kendo-otpinput", ["kendoOTPInput"], { "length": { "alias": "length"; "required": false; }; "type": { "alias": "type"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "groupLength": { "alias": "groupLength"; "required": false; }; "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; }, { "valueChange": "valueChange"; "onFocus": "focus"; "onBlur": "blur"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-inputs",
-  "version": "18.1.0-develop.16",
+  "version": "18.1.0-develop.17",
   "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",
@@ -28,7 +28,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1738773310,
+      "publishDate": 1738780374,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -40,20 +40,20 @@
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "18.1.0-develop.16",
-    "@progress/kendo-angular-common": "18.1.0-develop.16",
-    "@progress/kendo-angular-utils": "18.1.0-develop.16",
-    "@progress/kendo-angular-navigation": "18.1.0-develop.16",
-    "@progress/kendo-angular-dialog": "18.1.0-develop.16",
-    "@progress/kendo-angular-intl": "18.1.0-develop.16",
-    "@progress/kendo-angular-l10n": "18.1.0-develop.16",
-    "@progress/kendo-angular-popup": "18.1.0-develop.16",
-    "@progress/kendo-angular-icons": "18.1.0-develop.16",
+    "@progress/kendo-angular-buttons": "18.1.0-develop.17",
+    "@progress/kendo-angular-common": "18.1.0-develop.17",
+    "@progress/kendo-angular-utils": "18.1.0-develop.17",
+    "@progress/kendo-angular-navigation": "18.1.0-develop.17",
+    "@progress/kendo-angular-dialog": "18.1.0-develop.17",
+    "@progress/kendo-angular-intl": "18.1.0-develop.17",
+    "@progress/kendo-angular-l10n": "18.1.0-develop.17",
+    "@progress/kendo-angular-popup": "18.1.0-develop.17",
+    "@progress/kendo-angular-icons": "18.1.0-develop.17",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "18.1.0-develop.16",
+    "@progress/kendo-angular-schematics": "18.1.0-develop.17",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.0",
     "@progress/kendo-inputs-common": "^3.1.0"