@progress/kendo-angular-inputs 17.0.0-develop.9 → 17.0.1-develop.1

package/{esm2020 → esm2022}/numerictextbox/numerictextbox.component.mjs

@@ -43,315 +43,36 @@ const DEFAULT_FILL_MODE = 'solid';
  * Represents the [Kendo UI NumericTextBox component for Angular]({% slug overview_numerictextbox %}).
  */
 export class NumericTextBoxComponent {
-    constructor(intl, renderer, localizationService, injector, ngZone, changeDetector, hostElement) {
-        this.intl = intl;
-        this.renderer = renderer;
-        this.localizationService = localizationService;
-        this.injector = injector;
-        this.ngZone = ngZone;
-        this.changeDetector = changeDetector;
-        this.hostElement = hostElement;
-        /**
-         * @hidden
-         */
-        this.focusableId = `k-${guid()}`;
-        /**
-         * Determines whether the NumericTextBox is disabled ([see example]({% slug disabled_numerictextbox %})). To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_numerictextbox#toc-managing-the-numerictextbox-disabled-state-in-reactive-forms).
-         */
-        this.disabled = false;
-        /**
-         * Determines whether the NumericTextBox is in its read-only state ([see example]({% slug readonly_numerictextbox %})).
-         *
-         * @default false
-         */
-        this.readonly = false;
-        /**
-         * Sets the title of the `input` element of the NumericTextBox.
-         */
-        this.title = '';
-        /**
-         * Specifies whether the value will be auto-corrected based on the minimum and maximum values
-         * ([see example]({% slug precision_numerictextbox %})).
-         */
-        this.autoCorrect = false;
-        /**
-         * Specifies the number of decimals that the user can enter when the input is focused
-         * ([see example]({% slug precision_numerictextbox %})).
-         */
-        this.decimals = null;
-        /**
-         * Specifies the value that is used to increment or decrement the component value
-         * ([see example]({% slug predefinedsteps_numerictextbox %})).
-         */
-        this.step = 1;
-        /**
-         * Specifies whether the **Up** and **Down** spin buttons will be rendered
-         * ([see example]({% slug spinbuttons_numerictextbox %})).
-         */
-        this.spinners = true;
-        /**
-         * Determines whether the built-in minimum or maximum validators are enforced when a form is validated.
-         *
-         * > The 4.2.0 Angular version introduces the `min` and `max` validation directives. As a result, even if you set `rangeValidation`
-         * to `false`, the built-in Angular validators will be executed.
-         */
-        this.rangeValidation = true;
-        /**
-         * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-         */
-        this.tabindex = 0;
-        /**
-         * Determines whether the value of the NumericTextBox will be changed via scrolling. Defaults to `true`.
-         *
-         * @default true
-         */
-        this.changeValueOnScroll = true;
-        /**
-         * Determines whether the whole value will be selected when the NumericTextBox is clicked. Defaults to `true`.
-         */
-        this.selectOnFocus = true;
-        /**
-         * Specifies the value of the NumericTextBox
-         * ([see example]({% slug formats_numerictextbox %})).
-         */
-        this.value = null;
-        /**
-         * Fires each time the user selects a new value ([see example](slug:events_numerictextbox)).
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * Fires each time the user focuses the NumericTextBox element ([see example](slug:events_numerictextbox)).
-         */
-        this.onFocus = new EventEmitter();
-        /**
-         * Fires each time the NumericTextBox component gets blurred ([see example](slug:events_numerictextbox)).
-         */
-        this.onBlur = new EventEmitter();
-        /**
-         * Fires each time the user focuses the `input` element.
-         */
-        this.inputFocus = new EventEmitter();
-        /**
-         * Fires each time the `input` element gets blurred.
-         */
-        this.inputBlur = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.ArrowDirection = ArrowDirection;
-        /**
-         * @hidden
-         */
-        this.arrowDirection = ArrowDirection.None;
-        this.hostClasses = true;
-        /**
-         * @hidden
-         */
-        this.arrowUpIcon = caretAltUpIcon;
-        /**
-         * @hidden
-         */
-        this.arrowDownIcon = caretAltDownIcon;
-        this.inputValue = '';
-        this.minValidateFn = noop;
-        this.maxValidateFn = noop;
-        this._format = "n2";
-        this.isPasted = false;
-        this.mouseDown = false;
-        this._size = 'medium';
-        this._rounded = 'medium';
-        this._fillMode = 'solid';
-        this.ngChange = noop;
-        this.ngTouched = noop;
-        this.ngValidatorChange = noop;
-        this.domEvents = [];
-        this.parsedAttributes = {};
-        /**
-         * @hidden
-         */
-        this.increasePress = (e) => {
-            this.arrowPress(ArrowDirection.Up, e);
-        };
-        /**
-         * @hidden
-         */
-        this.decreasePress = (e) => {
-            this.arrowPress(ArrowDirection.Down, e);
-        };
-        /**
-         * @hidden
-         */
-        this.releaseArrow = () => {
-            clearTimeout(this.spinTimeout);
-            if (this.arrowDirection !== ArrowDirection.None) {
-                this.arrowDirection = ArrowDirection.None;
-                this.changeDetector.detectChanges();
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handlePaste = () => {
-            this.isPasted = true;
-        };
-        /**
-         * @hidden
-         */
-        this.handleInput = () => {
-            const input = this.numericInput.nativeElement;
-            let { selectionStart, selectionEnd, value: inputValue } = input;
-            if (this.pressedKey === Keys.NumpadDecimal) {
-                inputValue = this.replaceNumpadDotValue();
-            }
-            if (this.isPasted) {
-                inputValue = this.formatInputValue(this.intl.parseNumber(inputValue));
-            }
-            if (!this.isValid(inputValue)) {
-                input.value = this.inputValue;
-                this.setSelection(selectionStart - 1, selectionEnd - 1);
-                return;
-            }
-            const parsedValue = this.intl.parseNumber(inputValue);
-            let value = this.restrictDecimals(parsedValue);
-            if (this.autoCorrect) {
-                const limited = this.limitInputValue(value);
-                value = limited.value;
-                selectionStart = limited.selectionStart;
-                selectionEnd = limited.selectionEnd;
-            }
-            if (parsedValue !== value || this.hasTrailingZeros(inputValue) || !this.focused) {
-                this.setInputValue(value);
-                this.setSelection(selectionStart, selectionEnd);
-            }
-            else {
-                this.inputValue = inputValue;
-            }
-            if (this.isPasted) {
-                input.value = this.inputValue;
-            }
-            this.updateValue(value);
-            this.previousSelection = null;
-            this.isPasted = false;
-        };
-        /**
-         * @hidden
-         */
-        this.handleDragEnter = () => {
-            if (!this.focused && !this.isDisabled) {
-                this.setInputValue(this.value, true);
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handleMouseDown = () => {
-            this.mouseDown = true;
-        };
-        /**
-         * @hidden
-         */
-        this.handleInputFocus = () => {
-            if (!this.focused) {
-                this.focused = true;
-                if (!this.isDisabled) {
-                    const shouldSelectAll = this.selectOnFocus || !this.mouseDown;
-                    this.ngZone.runOutsideAngular(() => {
-                        setTimeout(() => {
-                            if (shouldSelectAll) {
-                                this.selectAll();
-                            }
-                            else {
-                                this.selectCaret();
-                            }
-                        }, 0);
-                    });
-                }
-                if (hasObservers(this.onFocus)) {
-                    this.ngZone.run(() => {
-                        this.onFocus.emit();
-                    });
-                }
-            }
-            this.mouseDown = false;
-            if (hasObservers(this.inputFocus)) {
-                this.ngZone.run(() => {
-                    this.inputFocus.emit();
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handleBlur = () => {
-            this.changeDetector.markForCheck();
-            this.focused = false;
-            //blur is thrown before input when dragging the input text in IE
-            if (this.inputValue !== this.elementValue) {
-                this.handleInput();
-            }
-            this.setInputValue();
-            if (hasObservers(this.onBlur)) {
-                this.ngZone.run(() => {
-                    this.ngTouched();
-                    this.onBlur.emit();
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handleInputBlur = () => {
-            this.changeDetector.markForCheck();
-            //blur is thrown before input when dragging the input text in IE
-            if (this.inputValue !== this.elementValue) {
-                this.handleInput();
-            }
-            this.setInputValue();
-            if (hasObservers(this.inputBlur) || requiresZoneOnBlur(this.control)) {
-                this.ngZone.run(() => {
-                    this.ngTouched();
-                    this.inputBlur.emit();
-                });
-            }
-        };
-        /**
-         * @hidden
-         */
-        this.handleKeyDown = (e) => {
-            if (this.isDisabled) {
-                return;
-            }
-            let step;
-            if (e.keyCode === Keys.ArrowDown) {
-                step = -1;
-            }
-            else if (e.keyCode === Keys.ArrowUp) {
-                step = 1;
-            }
-            if (step && this.step) {
-                e.preventDefault();
-                this.addStep(step);
-            }
-            const input = this.numericInput.nativeElement;
-            this.previousSelection = {
-                end: input.selectionEnd,
-                start: input.selectionStart
-            };
-            this.pressedKey = e.keyCode;
-        };
-        /**
-         * @hidden
-         */
-        this.handleWheel = (e) => {
-            if (this.focused && !this.isDisabled && this.changeValueOnScroll) {
-                e.preventDefault();
-                const delta = getDeltaFromMouseWheel(e);
-                this.addStep(delta);
-            }
-        };
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
+    intl;
+    renderer;
+    localizationService;
+    injector;
+    ngZone;
+    changeDetector;
+    hostElement;
+    /**
+     * @hidden
+     */
+    focusableId = `k-${guid()}`;
+    /**
+     * Determines whether the NumericTextBox is disabled ([see example]({% slug disabled_numerictextbox %})). To learn how to disable the component in reactive forms, refer to the article on [Forms Support](slug:formssupport_numerictextbox#toc-managing-the-numerictextbox-disabled-state-in-reactive-forms).
+     */
+    disabled = false;
+    /**
+     * Determines whether the NumericTextBox is in its read-only state ([see example]({% slug readonly_numerictextbox %})).
+     *
+     * @default false
+     */
+    readonly = false;
+    /**
+     * Sets the title of the `input` element of the NumericTextBox.
+     */
+    title = '';
+    /**
+     * Specifies whether the value will be auto-corrected based on the minimum and maximum values
+     * ([see example]({% slug precision_numerictextbox %})).
+     */
+    autoCorrect = false;
     /**
      * Specifies the number format which is used when the NumericTextBox is not focused
      * ([see example]({% slug formats_numerictextbox %})).
@@ -364,6 +85,46 @@ export class NumericTextBoxComponent {
     set format(value) {
         this._format = value;
     }
+    /**
+     * Specifies the greatest value that is valid
+     * ([see example]({% slug precision_numerictextbox %}#toc-value-ranges)).
+     */
+    max;
+    /**
+     * Specifies the smallest value that is valid
+     * ([see example]({% slug precision_numerictextbox %}#toc-value-ranges)).
+     */
+    min;
+    /**
+     * Specifies the number of decimals that the user can enter when the input is focused
+     * ([see example]({% slug precision_numerictextbox %})).
+     */
+    decimals = null;
+    /**
+     * Specifies the input placeholder.
+     */
+    placeholder;
+    /**
+     * Specifies the value that is used to increment or decrement the component value
+     * ([see example]({% slug predefinedsteps_numerictextbox %})).
+     */
+    step = 1;
+    /**
+     * Specifies whether the **Up** and **Down** spin buttons will be rendered
+     * ([see example]({% slug spinbuttons_numerictextbox %})).
+     */
+    spinners = true;
+    /**
+     * Determines whether the built-in minimum or maximum validators are enforced when a form is validated.
+     *
+     * > The 4.2.0 Angular version introduces the `min` and `max` validation directives. As a result, even if you set `rangeValidation`
+     * to `false`, the built-in Angular validators will be executed.
+     */
+    rangeValidation = true;
+    /**
+     * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     */
+    tabindex = 0;
     /**
      * @hidden
      */
@@ -373,6 +134,27 @@ export class NumericTextBoxComponent {
     get tabIndex() {
         return this.tabindex;
     }
+    /**
+     * Determines whether the value of the NumericTextBox will be changed via scrolling. Defaults to `true`.
+     *
+     * @default true
+     */
+    changeValueOnScroll = true;
+    /**
+     * Determines whether the whole value will be selected when the NumericTextBox is clicked. Defaults to `true`.
+     */
+    selectOnFocus = true;
+    /**
+     * Specifies the value of the NumericTextBox
+     * ([see example]({% slug formats_numerictextbox %})).
+     */
+    value = null;
+    /**
+     * Specifies the maximum number of characters the end user can type or paste in the input.
+     * The locale-specific decimal separator and negative sign (`-`) are included in the length of the value when present.
+     * The `maxlength` restriction is not applied to the length of the formatted value when the component is not focused.
+     */
+    maxlength;
     /**
      * The size property specifies padding of the NumericTextBox internal input element
      * ([see example]({% slug appearance_numerictextbox %}#toc-size)).
@@ -440,9 +222,81 @@ export class NumericTextBoxComponent {
     get inputAttributes() {
         return this._inputAttributes;
     }
+    /**
+     * Fires each time the user selects a new value ([see example](slug:events_numerictextbox)).
+     */
+    valueChange = new EventEmitter();
+    /**
+     * Fires each time the user focuses the NumericTextBox element ([see example](slug:events_numerictextbox)).
+     */
+    onFocus = new EventEmitter();
+    /**
+     * Fires each time the NumericTextBox component gets blurred ([see example](slug:events_numerictextbox)).
+     */
+    onBlur = new EventEmitter();
+    /**
+     * Fires each time the user focuses the `input` element.
+     */
+    inputFocus = new EventEmitter();
+    /**
+     * Fires each time the `input` element gets blurred.
+     */
+    inputBlur = new EventEmitter();
+    /**
+     * @hidden
+     */
+    numericInput;
+    /**
+     * @hidden
+     */
+    suffixTemplate;
+    /**
+     * @hidden
+     */
+    prefixTemplate;
+    direction;
+    /**
+     * @hidden
+     */
+    ArrowDirection = ArrowDirection;
+    /**
+     * @hidden
+     */
+    arrowDirection = ArrowDirection.None;
     get disableClass() {
         return this.disabled;
     }
+    hostClasses = true;
+    /**
+     * @hidden
+     */
+    arrowUpIcon = caretAltUpIcon;
+    /**
+     * @hidden
+     */
+    arrowDownIcon = caretAltDownIcon;
+    subscriptions;
+    inputValue = '';
+    spinTimeout;
+    isFocused;
+    minValidateFn = noop;
+    maxValidateFn = noop;
+    numericRegex;
+    _format = "n2";
+    previousSelection;
+    pressedKey;
+    control;
+    isPasted = false;
+    mouseDown = false;
+    _size = 'medium';
+    _rounded = 'medium';
+    _fillMode = 'solid';
+    ngChange = noop;
+    ngTouched = noop;
+    ngValidatorChange = noop;
+    domEvents = [];
+    _inputAttributes;
+    parsedAttributes = {};
     get defaultAttributes() {
         return {
             id: this.focusableId,
@@ -466,6 +320,17 @@ export class NumericTextBoxComponent {
             role: 'spinbutton'
         };
     }
+    constructor(intl, renderer, localizationService, injector, ngZone, changeDetector, hostElement) {
+        this.intl = intl;
+        this.renderer = renderer;
+        this.localizationService = localizationService;
+        this.injector = injector;
+        this.ngZone = ngZone;
+        this.changeDetector = changeDetector;
+        this.hostElement = hostElement;
+        validatePackage(packageMetadata);
+        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
+    }
     ngOnInit() {
         this.subscriptions = this.localizationService
             .changes
@@ -488,6 +353,28 @@ export class NumericTextBoxComponent {
             this.handleClasses(this[input], input);
         });
     }
+    /**
+     * @hidden
+     */
+    increasePress = (e) => {
+        this.arrowPress(ArrowDirection.Up, e);
+    };
+    /**
+     * @hidden
+     */
+    decreasePress = (e) => {
+        this.arrowPress(ArrowDirection.Down, e);
+    };
+    /**
+     * @hidden
+     */
+    releaseArrow = () => {
+        clearTimeout(this.spinTimeout);
+        if (this.arrowDirection !== ArrowDirection.None) {
+            this.arrowDirection = ArrowDirection.None;
+            this.changeDetector.detectChanges();
+        }
+    };
     /**
      * @hidden
      */
@@ -597,6 +484,97 @@ export class NumericTextBoxComponent {
     notifyValueChange() {
         this.setInputValue();
     }
+    /**
+     * @hidden
+     */
+    handlePaste = () => {
+        this.isPasted = true;
+    };
+    /**
+     * @hidden
+     */
+    handleInput = () => {
+        const input = this.numericInput.nativeElement;
+        let { selectionStart, selectionEnd, value: inputValue } = input;
+        if (this.pressedKey === Keys.NumpadDecimal) {
+            inputValue = this.replaceNumpadDotValue();
+        }
+        if (this.isPasted) {
+            inputValue = this.formatInputValue(this.intl.parseNumber(inputValue));
+        }
+        if (!this.isValid(inputValue)) {
+            input.value = this.inputValue;
+            this.setSelection(selectionStart - 1, selectionEnd - 1);
+            return;
+        }
+        const parsedValue = this.intl.parseNumber(inputValue);
+        let value = this.restrictDecimals(parsedValue);
+        if (this.autoCorrect) {
+            const limited = this.limitInputValue(value);
+            value = limited.value;
+            selectionStart = limited.selectionStart;
+            selectionEnd = limited.selectionEnd;
+        }
+        if (parsedValue !== value || this.hasTrailingZeros(inputValue) || !this.focused) {
+            this.setInputValue(value);
+            this.setSelection(selectionStart, selectionEnd);
+        }
+        else {
+            this.inputValue = inputValue;
+        }
+        if (this.isPasted) {
+            input.value = this.inputValue;
+        }
+        this.updateValue(value);
+        this.previousSelection = null;
+        this.isPasted = false;
+    };
+    /**
+     * @hidden
+     */
+    handleDragEnter = () => {
+        if (!this.focused && !this.isDisabled) {
+            this.setInputValue(this.value, true);
+        }
+    };
+    /**
+     * @hidden
+     */
+    handleMouseDown = () => {
+        this.mouseDown = true;
+    };
+    /**
+     * @hidden
+     */
+    handleInputFocus = () => {
+        if (!this.focused) {
+            this.focused = true;
+            if (!this.isDisabled) {
+                const shouldSelectAll = this.selectOnFocus || !this.mouseDown;
+                this.ngZone.runOutsideAngular(() => {
+                    setTimeout(() => {
+                        if (shouldSelectAll) {
+                            this.selectAll();
+                        }
+                        else {
+                            this.selectCaret();
+                        }
+                    }, 0);
+                });
+            }
+            if (hasObservers(this.onFocus)) {
+                this.ngZone.run(() => {
+                    this.onFocus.emit();
+                });
+            }
+        }
+        this.mouseDown = false;
+        if (hasObservers(this.inputFocus)) {
+            this.ngZone.run(() => {
+                this.inputFocus.emit();
+            });
+        }
+    };
     /**
      * @hidden
      */
@@ -608,6 +586,76 @@ export class NumericTextBoxComponent {
             this.focused = true;
         });
     }
+    /**
+     * @hidden
+     */
+    handleBlur = () => {
+        this.changeDetector.markForCheck();
+        this.focused = false;
+        //blur is thrown before input when dragging the input text in IE
+        if (this.inputValue !== this.elementValue) {
+            this.handleInput();
+        }
+        this.setInputValue();
+        if (hasObservers(this.onBlur)) {
+            this.ngZone.run(() => {
+                this.ngTouched();
+                this.onBlur.emit();
+            });
+        }
+    };
+    /**
+     * @hidden
+     */
+    handleInputBlur = () => {
+        this.changeDetector.markForCheck();
+        //blur is thrown before input when dragging the input text in IE
+        if (this.inputValue !== this.elementValue) {
+            this.handleInput();
+        }
+        this.setInputValue();
+        if (hasObservers(this.inputBlur) || requiresZoneOnBlur(this.control)) {
+            this.ngZone.run(() => {
+                this.ngTouched();
+                this.inputBlur.emit();
+            });
+        }
+    };
+    /**
+     * @hidden
+     */
+    handleKeyDown = (e) => {
+        if (this.isDisabled) {
+            return;
+        }
+        let step;
+        if (e.keyCode === Keys.ArrowDown) {
+            step = -1;
+        }
+        else if (e.keyCode === Keys.ArrowUp) {
+            step = 1;
+        }
+        if (step && this.step) {
+            e.preventDefault();
+            this.addStep(step);
+        }
+        const input = this.numericInput.nativeElement;
+        this.previousSelection = {
+            end: input.selectionEnd,
+            start: input.selectionStart
+        };
+        this.pressedKey = e.keyCode;
+    };
+    /**
+     * @hidden
+     */
+    handleWheel = (e) => {
+        if (this.focused && !this.isDisabled && this.changeValueOnScroll) {
+            e.preventDefault();
+            const delta = getDeltaFromMouseWheel(e);
+            this.addStep(delta);
+        }
+    };
     /**
      * @hidden
      */
@@ -966,15 +1014,14 @@ export class NumericTextBoxComponent {
         const attributesToRender = Object.assign({}, this.mutableAttributes, this.parsedAttributes);
         setHTMLAttributes(attributesToRender, this.renderer, this.numericInput.nativeElement, this.ngZone);
     }
-}
-NumericTextBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericTextBoxComponent, deps: [{ token: i1.IntlService }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NumericTextBoxComponent, isStandalone: true, selector: "kendo-numerictextbox", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", autoCorrect: "autoCorrect", format: "format", max: "max", min: "min", decimals: "decimals", placeholder: "placeholder", step: "step", spinners: "spinners", rangeValidation: "rangeValidation", tabindex: "tabindex", tabIndex: "tabIndex", changeValueOnScroll: "changeValueOnScroll", selectOnFocus: "selectOnFocus", value: "value", maxlength: "maxlength", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-disabled": "this.disableClass", "class.k-input": "this.hostClasses", "class.k-numerictextbox": "this.hostClasses" } }, providers: [
-        LocalizationService,
-        { provide: L10N_PREFIX, useValue: 'kendo.numerictextbox' },
-        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NumericTextBoxComponent), multi: true },
-        { provide: NG_VALIDATORS, useExisting: forwardRef(() => NumericTextBoxComponent), multi: true },
-        { provide: KendoInput, useExisting: forwardRef(() => NumericTextBoxComponent) }
-    ], queries: [{ propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "numericInput", first: true, predicate: ["numericInput"], descendants: true, static: true }], exportAs: ["kendoNumericTextBox"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextBoxComponent, deps: [{ token: i1.IntlService }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericTextBoxComponent, isStandalone: true, selector: "kendo-numerictextbox", inputs: { focusableId: "focusableId", disabled: "disabled", readonly: "readonly", title: "title", autoCorrect: "autoCorrect", format: "format", max: "max", min: "min", decimals: "decimals", placeholder: "placeholder", step: "step", spinners: "spinners", rangeValidation: "rangeValidation", tabindex: "tabindex", tabIndex: "tabIndex", changeValueOnScroll: "changeValueOnScroll", selectOnFocus: "selectOnFocus", value: "value", maxlength: "maxlength", size: "size", rounded: "rounded", fillMode: "fillMode", inputAttributes: "inputAttributes" }, outputs: { valueChange: "valueChange", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-disabled": "this.disableClass", "class.k-input": "this.hostClasses", "class.k-numerictextbox": "this.hostClasses" } }, providers: [
+            LocalizationService,
+            { provide: L10N_PREFIX, useValue: 'kendo.numerictextbox' },
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NumericTextBoxComponent), multi: true },
+            { provide: NG_VALIDATORS, useExisting: forwardRef(() => NumericTextBoxComponent), multi: true },
+            { provide: KendoInput, useExisting: forwardRef(() => NumericTextBoxComponent) }
+        ], queries: [{ propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "numericInput", first: true, predicate: ["numericInput"], descendants: true, static: true }], exportAs: ["kendoNumericTextBox"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoNumericTextBoxLocalizedMessages
             i18n-increment="kendo.numerictextbox.increment|The title for the **Increment** button in the NumericTextBox"
             increment="Increase value"
@@ -1066,7 +1113,8 @@ NumericTextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </span>
         </ng-container>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedNumericTextBoxMessagesDirective, selector: "[kendoNumericTextBoxLocalizedMessages]" }, { kind: "directive", type: SharedInputEventsDirective, selector: "[kendoInputSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InputSeparatorComponent, selector: "kendo-input-separator, kendo-textbox-separator", inputs: ["orientation"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NumericTextBoxComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextBoxComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoNumericTextBox',