primeng 19.1.2 → 20.0.0-beta.1

package/fesm2022/primeng-inputnumber.mjs

@@ -1,233 +1,77 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, forwardRef, EventEmitter, inject, booleanAttribute, numberAttribute, HostBinding, ViewChild, ContentChildren, ContentChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { Injectable, forwardRef, EventEmitter, inject, booleanAttribute, numberAttribute, ViewChild, ContentChildren, ContentChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
 import { getSelection } from '@primeuix/utils';
 import { SharedModule, PrimeTemplate } from 'primeng/api';
 import { AutoFocus } from 'primeng/autofocus';
-import { BaseComponent } from 'primeng/basecomponent';
+import { BaseInput } from 'primeng/baseinput';
 import { TimesIcon, AngleUpIcon, AngleDownIcon } from 'primeng/icons';
 import { InputText } from 'primeng/inputtext';
+import { css, dt } from '@primeuix/styled';
+import { style } from '@primeuix/styles/inputnumber';
 import { BaseStyle } from 'primeng/base';
 
-const theme = ({ dt }) => `
-.p-inputnumber {
-    display: inline-flex;
-    position: relative;
-}
-
-.p-inputnumber-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex: 0 0 auto;
-    cursor: pointer;
-    background: ${dt('inputnumber.button.background')};
-    color: ${dt('inputnumber.button.color')};
-    width: ${dt('inputnumber.button.width')};
-    transition: background ${dt('inputnumber.transition.duration')}, color ${dt('inputnumber.transition.duration')}, border-color ${dt('inputnumber.transition.duration')}, outline-color ${dt('inputnumber.transition.duration')};
-}
-
-.p-inputnumber-clear-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
-    cursor: pointer;
-    right: 0.75rem;
-    color: ${dt('inputnumber.button.color')};
-}
-
-.p-inputnumber-button:hover {
-    background: ${dt('inputnumber.button.hover.background')};
-    color: ${dt('inputnumber.button.hover.color')};
-}
-
-.p-inputnumber-button:active {
-    background: ${dt('inputnumber.button.active.background')};
-    color: ${dt('inputnumber.button.active.color')};
-}
-
-.p-inputnumber-stacked .p-inputnumber-button {
-    position: relative;
-    border: 0 none;
-}
-
-.p-inputnumber-stacked .p-inputnumber-button-group {
-    display: flex;
-    flex-direction: column;
-    position: absolute;
-    inset-block-start: 1px;
-    inset-inline-end: 1px;
-    height: calc(100% - 2px);
-    z-index: 1;
-}
-
-.p-inputnumber-stacked .p-inputnumber-increment-button {
-    padding: 0;
-    border-start-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
-}
-
-.p-inputnumber-stacked .p-inputnumber-decrement-button {
-    padding: 0;
-    border-end-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
-}
-
-.p-inputnumber-stacked .p-inputnumber-button {
-    flex: 1 1 auto;
-    border: 0 none;
-}
-
-.p-inputnumber-horizontal .p-inputnumber-button {
-    border: 1px solid ${dt('inputnumber.button.border.color')};
-}
-
-.p-inputnumber-horizontal .p-inputnumber-button:hover {
-    border-color: ${dt('inputnumber.button.hover.border.color')};
-}
-
-.p-inputnumber-horizontal .p-inputnumber-button:active {
-    border-color: ${dt('inputnumber.button.active.border.color')};
-}
-
-.p-inputnumber-horizontal .p-inputnumber-increment-button {
-    order: 3;
-    border-start-end-radius: ${dt('inputnumber.button.border.radius')};
-    border-end-end-radius: ${dt('inputnumber.button.border.radius')};
-    border-inline-start: 0 none;
-}
-
-.p-inputnumber-horizontal .p-inputnumber-input {
-    order: 2;
-    border-radius: 0;
-}
-
-.p-inputnumber-horizontal .p-inputnumber-decrement-button {
-    order: 1;
-    border-start-start-radius: ${dt('inputnumber.button.border.radius')};
-    border-end-start-radius: ${dt('inputnumber.button.border.radius')};
-    border-inline-end: 0 none;
-}
-
-.p-floatlabel:has(.p-inputnumber-horizontal) label {
-    margin-inline-start: ${dt('inputnumber.button.width')};
-}
+const theme = css `
+    ${style}
 
-.p-inputnumber-vertical {
-    flex-direction: column;
-}
-
-.p-inputnumber-vertical .p-inputnumber-button {
-    border: 1px solid ${dt('inputnumber.button.border.color')};
-    padding-block: ${dt('inputnumber.button.vertical.padding')};
-    padding-inline: 0;
-}
-
-.p-inputnumber-vertical .p-inputnumber-button:hover {
-    border-color: ${dt('inputnumber.button.hover.border.color')};
-}
-
-.p-inputnumber-vertical .p-inputnumber-button:active {
-    border-color: ${dt('inputnumber.button.active.border.color')};
-}
-
-.p-inputnumber-vertical .p-inputnumber-increment-button {
-    order: 1;
-    border-start-start-radius: ${dt('inputnumber.button.border.radius')};
-    border-start-end-radius: ${dt('inputnumber.button.border.radius')};
-    width: 100%;
-    border-block-end: 0 none;
-}
-
-.p-inputnumber-vertical .p-inputnumber-input {
-    order: 2;
-    border-radius: 0;
-    text-align: center;
-}
-
-.p-inputnumber-vertical .p-inputnumber-decrement-button {
-    order: 3;
-    border-end-start-radius: ${dt('inputnumber.button.border.radius')};
-    border-end-end-radius: ${dt('inputnumber.button.border.radius')};
-    width: 100%;
-    border-block-start: 0 none;
-}
-
-.p-inputnumber-input {
-    flex: 1 1 auto;
-}
-
-.p-inputnumber-fluid {
-    width: 100%;
-}
-
-.p-inputnumber-fluid .p-inputnumber-input {
-    width: 1%;
-}
-
-.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {
-    width: 100%;
-}
-
-.p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .p-icon {
-    font-size: ${dt('form.field.sm.font.size')};
-    width: ${dt('form.field.sm.font.size')};
-    height: ${dt('form.field.sm.font.size')};
-}
-
-.p-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .p-icon {
-    font-size: ${dt('form.field.lg.font.size')};
-    width: ${dt('form.field.lg.font.size')};
-    height: ${dt('form.field.lg.font.size')};
-}
-
-p-inputNumber.ng-invalid.ng-dirty > .p-inputtext,
-p-input-number.ng-invalid.ng-dirty > .p-inputtext,
-p-inputnumber.ng-invalid.ng-dirty > .p-inputtext {
-    border-color: ${dt('inputtext.invalid.border.color')};
-}
+    /* For PrimeNG */
+    p-inputNumber.ng-invalid.ng-dirty > .p-inputtext,
+    p-input-number.ng-invalid.ng-dirty > .p-inputtext,
+    p-inputnumber.ng-invalid.ng-dirty > .p-inputtext {
+        border-color: ${dt('inputtext.invalid.border.color')};
+    }
 
-p-inputNumber.ng-invalid.ng-dirty > .p-inputtext:enabled:focus,
-p-input-number.ng-invalid.ng-dirty > .p-inputtext:enabled:focus,
-p-inputnumber.ng-invalid.ng-dirty > .p-inputtext:enabled:focus {
-    border-color: ${dt('inputtext.focus.border.color')};
-}
+    p-inputNumber.ng-invalid.ng-dirty > .p-inputtext:enabled:focus,
+    p-input-number.ng-invalid.ng-dirty > .p-inputtext:enabled:focus,
+    p-inputnumber.ng-invalid.ng-dirty > .p-inputtext:enabled:focus {
+        border-color: ${dt('inputtext.focus.border.color')};
+    }
 
-p-inputNumber.ng-invalid.ng-dirty > .p-inputtext::placeholder,
-p-input-number.ng-invalid.ng-dirty > .p-inputtext::placeholder,
-p-inputnumber.ng-invalid.ng-dirty > .p-inputtext::placeholder {
-    color: ${dt('inputtext.invalid.placeholder.color')};
-}
+    p-inputNumber.ng-invalid.ng-dirty > .p-inputtext::placeholder,
+    p-input-number.ng-invalid.ng-dirty > .p-inputtext::placeholder,
+    p-inputnumber.ng-invalid.ng-dirty > .p-inputtext::placeholder {
+        color: ${dt('inputtext.invalid.placeholder.color')};
+    }
 `;
 const classes = {
-    root: ({ instance }) => ({
-        'p-inputnumber p-component p-inputwrapper': true,
-        'p-inputwrapper-filled': instance.filled || instance.allowEmpty === false,
-        'p-inputwrapper-focus': instance.focused,
-        'p-inputnumber-stacked': instance.showButtons && instance.buttonLayout === 'stacked',
-        'p-inputnumber-horizontal': instance.showButtons && instance.buttonLayout === 'horizontal',
-        'p-inputnumber-vertical': instance.showButtons && instance.buttonLayout === 'vertical',
-        'p-inputnumber-fluid': instance.hasFluid
-    }),
-    pcInput: 'p-inputnumber-input',
+    root: ({ instance }) => [
+        'p-inputnumber p-component p-inputwrapper',
+        {
+            'p-inputwrapper-filled': instance.$filled() || instance.allowEmpty === false,
+            'p-inputwrapper-focus': instance.focused,
+            'p-inputnumber-stacked': instance.showButtons && instance.buttonLayout === 'stacked',
+            'p-inputnumber-horizontal': instance.showButtons && instance.buttonLayout === 'horizontal',
+            'p-inputnumber-vertical': instance.showButtons && instance.buttonLayout === 'vertical',
+            'p-inputnumber-fluid': instance.hasFluid,
+            'p-invalid': instance.invalid()
+        }
+    ],
+    pcInputText: 'p-inputnumber-input',
     buttonGroup: 'p-inputnumber-button-group',
-    incrementButton: ({ instance }) => ({
-        'p-inputnumber-button p-inputnumber-increment-button': true,
-        'p-disabled': instance.showButtons && instance.max !== null && instance.maxlength
-    }),
-    decrementButton: ({ instance }) => ({
-        'p-inputnumber-button p-inputnumber-decrement-button': true,
-        'p-disabled': instance.showButtons && instance.min !== null && instance.minlength
-    })
+    incrementButton: ({ instance }) => [
+        'p-inputnumber-button p-inputnumber-increment-button',
+        {
+            'p-disabled': instance.showButtons && instance.max() !== null && instance.maxlength()
+        }
+    ],
+    decrementButton: ({ instance }) => [
+        'p-inputnumber-button p-inputnumber-decrement-button',
+        {
+            'p-disabled': instance.showButtons && instance.min() !== null && instance.minlength()
+        }
+    ],
+    clearIcon: 'p-inputnumber-clear-icon'
 };
 class InputNumberStyle extends BaseStyle {
     name = 'inputnumber';
     theme = theme;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InputNumberStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InputNumberStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputNumberStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputNumberStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InputNumberStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputNumberStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -248,7 +92,7 @@ var InputNumberClasses;
     /**
      * Class name of the input element
      */
-    InputNumberClasses["pcInput"] = "p-inputnumber-input";
+    InputNumberClasses["pcInputText"] = "p-inputnumber-input";
     /**
      * Class name of the button group element
      */
@@ -261,6 +105,10 @@ var InputNumberClasses;
      * Class name of the decrement button element
      */
     InputNumberClasses["decrementButton"] = "p-inputnumber-decrement-button";
+    /**
+     * Class name of the clear icon
+     */
+    InputNumberClasses["clearIcon"] = "p-autocomplete-clear-icon";
 })(InputNumberClasses || (InputNumberClasses = {}));
 
 const INPUTNUMBER_VALUE_ACCESSOR = {
@@ -272,7 +120,7 @@ const INPUTNUMBER_VALUE_ACCESSOR = {
  * InputNumber is an input component to provide numerical input.
  * @group Components
  */
-class InputNumber extends BaseComponent {
+class InputNumber extends BaseInput {
     injector;
     /**
      * Displays spinner buttons.
@@ -296,29 +144,15 @@ class InputNumber extends BaseComponent {
     inputId;
     /**
      * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
      * @group Props
      */
     styleClass;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    style;
     /**
      * Advisory information to display on input.
      * @group Props
      */
     placeholder;
-    /**
-     * Defines the size of the component.
-     * @group Props
-     */
-    size;
-    /**
-     * Maximum number of character allows in the input field.
-     * @group Props
-     */
-    maxlength;
     /**
      * Specifies tab order of the element.
      * @group Props
@@ -349,31 +183,11 @@ class InputNumber extends BaseComponent {
      * @group Props
      */
     ariaRequired;
-    /**
-     * Name of the input field.
-     * @group Props
-     */
-    name;
-    /**
-     * Indicates that whether the input field is required.
-     * @group Props
-     */
-    required;
     /**
      * Used to define a string that autocomplete attribute the current element.
      * @group Props
      */
     autocomplete;
-    /**
-     * Mininum boundary value.
-     * @group Props
-     */
-    min;
-    /**
-     * Maximum boundary value.
-     * @group Props
-     */
-    max;
     /**
      * Style class of the increment button.
      * @group Props
@@ -398,12 +212,7 @@ class InputNumber extends BaseComponent {
      * When present, it specifies that an input field is read-only.
      * @group Props
      */
-    readonly = false;
-    /**
-     * Step factor to increment/decrement the value.
-     * @group Props
-     */
-    step = 1;
+    readonly;
     /**
      * Determines whether the input field is empty.
      * @group Props
@@ -439,11 +248,6 @@ class InputNumber extends BaseComponent {
      * @group Props
      */
     useGrouping = true;
-    /**
-     * Specifies the input variant of the component.
-     * @group Props
-     */
-    variant;
     /**
      * The minimum number of fraction digits to use. Possible values are from 0 to 20; the default for plain number and percent formatting is 0; the default for currency formatting is the number of minor unit digits provided by the ISO 4217 currency code list (2 if the list doesn't provide that information).
      * @group Props
@@ -484,25 +288,6 @@ class InputNumber extends BaseComponent {
      * @group Props
      */
     autofocus;
-    /**
-     * When present, it specifies that the element should be disabled.
-     * @group Props
-     */
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(disabled) {
-        if (disabled)
-            this.focused = false;
-        this._disabled = disabled;
-        if (this.timer)
-            this.clearTimer();
-    }
-    /**
-     * Spans 100% width of the container when enabled.
-     * @group Props
-     */
-    fluid = false;
     /**
      * Callback to invoke on input.
      * @param {InputNumberInputEvent} event - Custom input event.
@@ -573,23 +358,8 @@ class InputNumber extends BaseComponent {
     _prefix;
     _suffix;
     _index;
-    _disabled;
     _componentStyle = inject(InputNumberStyle);
     ngControl = null;
-    get _rootClass() {
-        return this._componentStyle.classes.root({ instance: this });
-    }
-    get hasFluid() {
-        const nativeElement = this.el.nativeElement;
-        const fluidComponent = nativeElement.closest('p-fluid');
-        return this.fluid || !!fluidComponent;
-    }
-    get _incrementButtonClass() {
-        return this._componentStyle.classes.incrementButton({ instance: this });
-    }
-    get _decrementButtonClass() {
-        return this._componentStyle.classes.decrementButton({ instance: this });
-    }
     constructor(injector) {
         super();
         this.injector = injector;
@@ -601,23 +371,6 @@ class InputNumber extends BaseComponent {
             this.updateConstructParser();
         }
     }
-    get hostClass() {
-        return [
-            'p-inputnumber p-component p-inputwrapper',
-            this.styleClass,
-            this.filled || this.allowEmpty === false ? 'p-inputwrapper-filled' : '',
-            this.focused ? 'p-inputwrapper-focus' : '',
-            this.showButtons && this.buttonLayout === 'stacked' ? 'p-inputnumber-stacked' : '',
-            this.showButtons && this.buttonLayout === 'horizontal' ? 'p-inputnumber-horizontal' : '',
-            this.showButtons && this.buttonLayout === 'vertical' ? 'p-inputnumber-vertical' : '',
-            this.hasFluid ? 'p-inputnumber-fluid' : ''
-        ]
-            .filter((cls) => !!cls)
-            .join(' ');
-    }
-    get hostStyle() {
-        return this.style;
-    }
     ngOnInit() {
         super.ngOnInit();
         this.ngControl = this.injector.get(NgControl, null, { optional: true });
@@ -792,10 +545,10 @@ class InputNumber extends BaseComponent {
         this.spin(event, dir);
     }
     spin(event, dir) {
-        let step = this.step * dir;
+        let step = (this.step() ?? 1) * dir;
         let currentValue = this.parseValue(this.input?.nativeElement.value) || 0;
         let newValue = this.validateValue(currentValue + step);
-        if (this.maxlength && this.maxlength < this.formatValue(newValue).length) {
+        if (this.maxlength() && this.maxlength() < this.formatValue(newValue).length) {
             return;
         }
         this.updateInput(newValue, null, 'spin', null);
@@ -812,19 +565,19 @@ class InputNumber extends BaseComponent {
             this.clearTimer();
             return;
         }
-        if (!this.disabled) {
+        if (!this.disabled()) {
             this.input?.nativeElement.focus();
             this.repeat(event, null, 1);
             event.preventDefault();
         }
     }
     onUpButtonMouseUp() {
-        if (!this.disabled) {
+        if (!this.disabled()) {
             this.clearTimer();
         }
     }
     onUpButtonMouseLeave() {
-        if (!this.disabled) {
+        if (!this.disabled()) {
             this.clearTimer();
         }
     }
@@ -834,7 +587,7 @@ class InputNumber extends BaseComponent {
         }
     }
     onUpButtonKeyUp() {
-        if (!this.disabled) {
+        if (!this.disabled()) {
             this.clearTimer();
         }
     }
@@ -843,24 +596,24 @@ class InputNumber extends BaseComponent {
             this.clearTimer();
             return;
         }
-        if (!this.disabled) {
+        if (!this.disabled()) {
             this.input?.nativeElement.focus();
             this.repeat(event, null, -1);
             event.preventDefault();
         }
     }
     onDownButtonMouseUp() {
-        if (!this.disabled) {
+        if (!this.disabled()) {
             this.clearTimer();
         }
     }
     onDownButtonMouseLeave() {
-        if (!this.disabled) {
+        if (!this.disabled()) {
             this.clearTimer();
         }
     }
     onDownButtonKeyUp() {
-        if (!this.disabled) {
+        if (!this.disabled()) {
             this.clearTimer();
         }
     }
@@ -1016,14 +769,14 @@ class InputNumber extends BaseComponent {
                 }
                 break;
             case 'Home':
-                if (this.min) {
-                    this.updateModel(event, this.min);
+                if (this.min()) {
+                    this.updateModel(event, this.min());
                     event.preventDefault();
                 }
                 break;
             case 'End':
-                if (this.max) {
-                    this.updateModel(event, this.max);
+                if (this.max()) {
+                    this.updateModel(event, this.max());
                     event.preventDefault();
                 }
                 break;
@@ -1058,7 +811,7 @@ class InputNumber extends BaseComponent {
             this.insert(event, char, { isDecimalSign, isMinusSign });
             return;
         }
-        if (this.maxlength && newValueStr.length > this.maxlength) {
+        if (this.maxlength() && newValueStr.length > this.maxlength()) {
             return;
         }
         if ((48 <= code && code <= 57) || isMinusSign || isDecimalSign) {
@@ -1066,12 +819,12 @@ class InputNumber extends BaseComponent {
         }
     }
     onPaste(event) {
-        if (!this.disabled && !this.readonly) {
+        if (!this.disabled() && !this.readonly) {
             event.preventDefault();
             let data = (event.clipboardData || this.document.defaultView['clipboardData']).getData('Text');
             if (data) {
-                if (this.maxlength) {
-                    data = data.toString().substring(0, this.maxlength);
+                if (this.maxlength()) {
+                    data = data.toString().substring(0, this.maxlength());
                 }
                 let filteredData = this.parseValue(data);
                 if (filteredData != null) {
@@ -1081,7 +834,7 @@ class InputNumber extends BaseComponent {
         }
     }
     allowMinusSign() {
-        return this.min == null || this.min < 0;
+        return this.min() == null || this.min() < 0;
     }
     isMinusSign(char) {
         if (this._minusSign.test(char) || char === '-') {
@@ -1306,11 +1059,11 @@ class InputNumber extends BaseComponent {
         if (value === '-' || value == null) {
             return null;
         }
-        if (this.min != null && value < this.min) {
-            return this.min;
+        if (this.min() != null && value < this.min()) {
+            return this.min();
         }
-        if (this.max != null && value > this.max) {
-            return this.max;
+        if (this.max() != null && value > this.max()) {
+            return this.max();
         }
         return value;
     }
@@ -1332,12 +1085,12 @@ class InputNumber extends BaseComponent {
         else {
             let selectionStart = this.input.nativeElement.selectionStart;
             let selectionEnd = this.input.nativeElement.selectionEnd;
-            if (this.maxlength && newValue.length > this.maxlength) {
-                newValue = newValue.slice(0, this.maxlength);
-                selectionStart = Math.min(selectionStart, this.maxlength);
-                selectionEnd = Math.min(selectionEnd, this.maxlength);
+            if (this.maxlength() && newValue.length > this.maxlength()) {
+                newValue = newValue.slice(0, this.maxlength());
+                selectionStart = Math.min(selectionStart, this.maxlength());
+                selectionEnd = Math.min(selectionEnd, this.maxlength());
             }
-            if (this.maxlength && this.maxlength < newValue.length) {
+            if (this.maxlength() && this.maxlength() < newValue.length) {
                 return;
             }
             this.input.nativeElement.value = newValue;
@@ -1426,10 +1179,11 @@ class InputNumber extends BaseComponent {
         this.input.nativeElement.value = this.formatValue(newValueString);
         this.input.nativeElement.setAttribute('aria-valuenow', newValueString);
         this.updateModel(event, newValueNumber);
+        this.onModelTouched();
         this.onBlur.emit(event);
     }
     formattedValue() {
-        const val = !this.value && !this.allowEmpty ? 0 : this.value;
+        const val = !this.modelValue() && !this.allowEmpty ? 0 : this.modelValue();
         return this.formatValue(val);
     }
     updateModel(event, value) {
@@ -1443,10 +1197,10 @@ class InputNumber extends BaseComponent {
         else if (isBlurUpdateOnMode) {
             this.onModelChange(value);
         }
-        this.onModelTouched();
     }
     writeValue(value) {
         this.value = value ? Number(value) : value;
+        this.writeModelValue(value);
         this.cd.markForCheck();
     }
     registerOnChange(fn) {
@@ -1455,49 +1209,45 @@ class InputNumber extends BaseComponent {
     registerOnTouched(fn) {
         this.onModelTouched = fn;
     }
-    setDisabledState(val) {
-        this.disabled = val;
-        this.cd.markForCheck();
-    }
-    get filled() {
-        return this.value != null && this.value.toString().length > 0;
-    }
     clearTimer() {
         if (this.timer) {
             clearInterval(this.timer);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InputNumber, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.8", type: InputNumber, isStandalone: true, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: { showButtons: ["showButtons", "showButtons", booleanAttribute], format: ["format", "format", booleanAttribute], buttonLayout: "buttonLayout", inputId: "inputId", styleClass: "styleClass", style: "style", placeholder: "placeholder", size: "size", maxlength: ["maxlength", "maxlength", numberAttribute], tabindex: ["tabindex", "tabindex", numberAttribute], title: "title", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", ariaLabel: "ariaLabel", ariaRequired: ["ariaRequired", "ariaRequired", booleanAttribute], name: "name", required: ["required", "required", booleanAttribute], autocomplete: "autocomplete", min: ["min", "min", numberAttribute], max: ["max", "max", numberAttribute], incrementButtonClass: "incrementButtonClass", decrementButtonClass: "decrementButtonClass", incrementButtonIcon: "incrementButtonIcon", decrementButtonIcon: "decrementButtonIcon", readonly: ["readonly", "readonly", booleanAttribute], step: ["step", "step", numberAttribute], allowEmpty: ["allowEmpty", "allowEmpty", booleanAttribute], locale: "locale", localeMatcher: "localeMatcher", mode: "mode", currency: "currency", currencyDisplay: "currencyDisplay", useGrouping: ["useGrouping", "useGrouping", booleanAttribute], variant: "variant", minFractionDigits: ["minFractionDigits", "minFractionDigits", (value) => numberAttribute(value, null)], maxFractionDigits: ["maxFractionDigits", "maxFractionDigits", (value) => numberAttribute(value, null)], prefix: "prefix", suffix: "suffix", inputStyle: "inputStyle", inputStyleClass: "inputStyleClass", showClear: ["showClear", "showClear", booleanAttribute], autofocus: ["autofocus", "autofocus", booleanAttribute], disabled: "disabled", fluid: ["fluid", "fluid", booleanAttribute] }, outputs: { onInput: "onInput", onFocus: "onFocus", onBlur: "onBlur", onKeyDown: "onKeyDown", onClear: "onClear" }, host: { properties: { "attr.data-pc-name": "'inputnumber'", "attr.data-pc-section": "'root'", "class": "hostClass", "style": "this.hostStyle" } }, providers: [INPUTNUMBER_VALUE_ACCESSOR, InputNumberStyle], queries: [{ propertyName: "clearIconTemplate", first: true, predicate: ["clearicon"] }, { propertyName: "incrementButtonIconTemplate", first: true, predicate: ["incrementbuttonicon"] }, { propertyName: "decrementButtonIconTemplate", first: true, predicate: ["decrementbuttonicon"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputNumber, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.0.6", type: InputNumber, isStandalone: true, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: { showButtons: ["showButtons", "showButtons", booleanAttribute], format: ["format", "format", booleanAttribute], buttonLayout: "buttonLayout", inputId: "inputId", styleClass: "styleClass", placeholder: "placeholder", tabindex: ["tabindex", "tabindex", numberAttribute], title: "title", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", ariaLabel: "ariaLabel", ariaRequired: ["ariaRequired", "ariaRequired", booleanAttribute], autocomplete: "autocomplete", incrementButtonClass: "incrementButtonClass", decrementButtonClass: "decrementButtonClass", incrementButtonIcon: "incrementButtonIcon", decrementButtonIcon: "decrementButtonIcon", readonly: ["readonly", "readonly", booleanAttribute], allowEmpty: ["allowEmpty", "allowEmpty", booleanAttribute], locale: "locale", localeMatcher: "localeMatcher", mode: "mode", currency: "currency", currencyDisplay: "currencyDisplay", useGrouping: ["useGrouping", "useGrouping", booleanAttribute], minFractionDigits: ["minFractionDigits", "minFractionDigits", (value) => numberAttribute(value, null)], maxFractionDigits: ["maxFractionDigits", "maxFractionDigits", (value) => numberAttribute(value, null)], prefix: "prefix", suffix: "suffix", inputStyle: "inputStyle", inputStyleClass: "inputStyleClass", showClear: ["showClear", "showClear", booleanAttribute], autofocus: ["autofocus", "autofocus", booleanAttribute] }, outputs: { onInput: "onInput", onFocus: "onFocus", onBlur: "onBlur", onKeyDown: "onKeyDown", onClear: "onClear" }, host: { properties: { "attr.data-pc-name": "'inputnumber'", "attr.data-pc-section": "'root'", "class": "cn(cx('root'), styleClass)" } }, providers: [INPUTNUMBER_VALUE_ACCESSOR, InputNumberStyle], queries: [{ propertyName: "clearIconTemplate", first: true, predicate: ["clearicon"] }, { propertyName: "incrementButtonIconTemplate", first: true, predicate: ["incrementbuttonicon"] }, { propertyName: "decrementButtonIconTemplate", first: true, predicate: ["decrementbuttonicon"] }, { propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <input
             pInputText
             #input
             [attr.id]="inputId"
             role="spinbutton"
-            [ngClass]="'p-inputnumber-input'"
+            [class]="cn(cx('pcInputText'), inputStyleClass)"
             [ngStyle]="inputStyle"
-            [class]="inputStyleClass"
             [value]="formattedValue()"
-            [variant]="variant"
-            [attr.aria-valuemin]="min"
-            [attr.aria-valuemax]="max"
+            [variant]="$variant()"
+            [invalid]="invalid()"
+            [attr.aria-valuemin]="min()"
+            [attr.aria-valuemax]="max()"
             [attr.aria-valuenow]="value"
-            [disabled]="disabled"
-            [readonly]="readonly"
             [attr.placeholder]="placeholder"
             [attr.aria-label]="ariaLabel"
             [attr.aria-labelledby]="ariaLabelledBy"
             [attr.aria-describedby]="ariaDescribedBy"
             [attr.title]="title"
-            [pSize]="size"
-            [attr.name]="name"
+            [pSize]="size()"
+            [attr.size]="inputSize()"
+            [attr.name]="name()"
             [attr.autocomplete]="autocomplete"
-            [attr.maxlength]="maxlength"
+            [attr.maxlength]="maxlength()"
+            [attr.minlength]="minlength()"
             [attr.tabindex]="tabindex"
             [attr.aria-required]="ariaRequired"
-            [attr.required]="required"
-            [attr.min]="min"
-            [attr.max]="max"
+            [attr.min]="min()"
+            [attr.max]="max()"
+            [attr.step]="step() ?? 1"
+            [attr.required]="required() ? '' : undefined"
+            [attr.readonly]="readonly ? '' : undefined"
+            [attr.disabled]="disabled() ? '' : undefined"
             inputmode="decimal"
             (input)="onUserInput($event)"
             (keydown)="onInputKeyDown($event)"
@@ -1511,17 +1261,16 @@ class InputNumber extends BaseComponent {
             [fluid]="hasFluid"
         />
         <ng-container *ngIf="buttonLayout != 'vertical' && showClear && value">
-            <TimesIcon *ngIf="!clearIconTemplate && !_clearIconTemplate" [ngClass]="'p-inputnumber-clear-icon'" (click)="clear()" [attr.data-pc-section]="'clearIcon'" />
-            <span *ngIf="clearIconTemplate || _clearIconTemplate" (click)="clear()" class="p-inputnumber-clear-icon" [attr.data-pc-section]="'clearIcon'">
+            <TimesIcon *ngIf="!clearIconTemplate && !_clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()" [attr.data-pc-section]="'clearIcon'" />
+            <span *ngIf="clearIconTemplate || _clearIconTemplate" (click)="clear()" [class]="cx('clearIcon')" [attr.data-pc-section]="'clearIcon'">
                 <ng-template *ngTemplateOutlet="clearIconTemplate || _clearIconTemplate"></ng-template>
             </span>
         </ng-container>
-        <span class="p-inputnumber-button-group" *ngIf="showButtons && buttonLayout === 'stacked'" [attr.data-pc-section]="'buttonGroup'">
+        <span [class]="cx('buttonGroup')" *ngIf="showButtons && buttonLayout === 'stacked'" [attr.data-pc-section]="'buttonGroup'">
             <button
                 type="button"
-                [ngClass]="_incrementButtonClass"
-                [class]="incrementButtonClass"
-                [disabled]="disabled"
+                [class]="cn(cx('incrementButton'), incrementButtonClass)"
+                [attr.disabled]="disabled() ? '' : undefined"
                 tabindex="-1"
                 (mousedown)="onUpButtonMouseDown($event)"
                 (mouseup)="onUpButtonMouseUp()"
@@ -1540,9 +1289,8 @@ class InputNumber extends BaseComponent {
 
             <button
                 type="button"
-                [ngClass]="_decrementButtonClass"
-                [class]="decrementButtonClass"
-                [disabled]="disabled"
+                [class]="cn(cx('decrementButton'), decrementButtonClass)"
+                [attr.disabled]="disabled() ? '' : undefined"
                 tabindex="-1"
                 [attr.aria-hidden]="true"
                 (mousedown)="onDownButtonMouseDown($event)"
@@ -1562,9 +1310,8 @@ class InputNumber extends BaseComponent {
         <button
             *ngIf="showButtons && buttonLayout !== 'stacked'"
             type="button"
-            [ngClass]="_incrementButtonClass"
-            [class]="incrementButtonClass"
-            [disabled]="disabled"
+            [class]="cx('incrementButton')"
+            [attr.disabled]="disabled() ? '' : undefined"
             tabindex="-1"
             [attr.aria-hidden]="true"
             (mousedown)="onUpButtonMouseDown($event)"
@@ -1583,9 +1330,8 @@ class InputNumber extends BaseComponent {
         <button
             *ngIf="showButtons && buttonLayout !== 'stacked'"
             type="button"
-            [ngClass]="_decrementButtonClass"
-            [class]="decrementButtonClass"
-            [disabled]="disabled"
+            [class]="cx('decrementButton')"
+            [attr.disabled]="disabled() ? '' : undefined"
             tabindex="-1"
             [attr.aria-hidden]="true"
             (mousedown)="onDownButtonMouseDown($event)"
@@ -1601,9 +1347,9 @@ class InputNumber extends BaseComponent {
                 <ng-template *ngTemplateOutlet="decrementButtonIconTemplate || _decrementButtonIconTemplate"></ng-template>
             </ng-container>
         </button>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus", "pAutoFocus"] }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "component", type: AngleUpIcon, selector: "AngleUpIcon" }, { kind: "component", type: AngleDownIcon, selector: "AngleDownIcon" }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: TimesIcon, selector: "TimesIcon" }, { kind: "component", type: AngleUpIcon, selector: "AngleUpIcon" }, { kind: "component", type: AngleDownIcon, selector: "AngleDownIcon" }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InputNumber, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputNumber, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-inputNumber, p-inputnumber, p-input-number',
@@ -1615,30 +1361,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             #input
             [attr.id]="inputId"
             role="spinbutton"
-            [ngClass]="'p-inputnumber-input'"
+            [class]="cn(cx('pcInputText'), inputStyleClass)"
             [ngStyle]="inputStyle"
-            [class]="inputStyleClass"
             [value]="formattedValue()"
-            [variant]="variant"
-            [attr.aria-valuemin]="min"
-            [attr.aria-valuemax]="max"
+            [variant]="$variant()"
+            [invalid]="invalid()"
+            [attr.aria-valuemin]="min()"
+            [attr.aria-valuemax]="max()"
             [attr.aria-valuenow]="value"
-            [disabled]="disabled"
-            [readonly]="readonly"
             [attr.placeholder]="placeholder"
             [attr.aria-label]="ariaLabel"
             [attr.aria-labelledby]="ariaLabelledBy"
             [attr.aria-describedby]="ariaDescribedBy"
             [attr.title]="title"
-            [pSize]="size"
-            [attr.name]="name"
+            [pSize]="size()"
+            [attr.size]="inputSize()"
+            [attr.name]="name()"
             [attr.autocomplete]="autocomplete"
-            [attr.maxlength]="maxlength"
+            [attr.maxlength]="maxlength()"
+            [attr.minlength]="minlength()"
             [attr.tabindex]="tabindex"
             [attr.aria-required]="ariaRequired"
-            [attr.required]="required"
-            [attr.min]="min"
-            [attr.max]="max"
+            [attr.min]="min()"
+            [attr.max]="max()"
+            [attr.step]="step() ?? 1"
+            [attr.required]="required() ? '' : undefined"
+            [attr.readonly]="readonly ? '' : undefined"
+            [attr.disabled]="disabled() ? '' : undefined"
             inputmode="decimal"
             (input)="onUserInput($event)"
             (keydown)="onInputKeyDown($event)"
@@ -1652,17 +1401,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             [fluid]="hasFluid"
         />
         <ng-container *ngIf="buttonLayout != 'vertical' && showClear && value">
-            <TimesIcon *ngIf="!clearIconTemplate && !_clearIconTemplate" [ngClass]="'p-inputnumber-clear-icon'" (click)="clear()" [attr.data-pc-section]="'clearIcon'" />
-            <span *ngIf="clearIconTemplate || _clearIconTemplate" (click)="clear()" class="p-inputnumber-clear-icon" [attr.data-pc-section]="'clearIcon'">
+            <TimesIcon *ngIf="!clearIconTemplate && !_clearIconTemplate" [class]="cx('clearIcon')" (click)="clear()" [attr.data-pc-section]="'clearIcon'" />
+            <span *ngIf="clearIconTemplate || _clearIconTemplate" (click)="clear()" [class]="cx('clearIcon')" [attr.data-pc-section]="'clearIcon'">
                 <ng-template *ngTemplateOutlet="clearIconTemplate || _clearIconTemplate"></ng-template>
             </span>
         </ng-container>
-        <span class="p-inputnumber-button-group" *ngIf="showButtons && buttonLayout === 'stacked'" [attr.data-pc-section]="'buttonGroup'">
+        <span [class]="cx('buttonGroup')" *ngIf="showButtons && buttonLayout === 'stacked'" [attr.data-pc-section]="'buttonGroup'">
             <button
                 type="button"
-                [ngClass]="_incrementButtonClass"
-                [class]="incrementButtonClass"
-                [disabled]="disabled"
+                [class]="cn(cx('incrementButton'), incrementButtonClass)"
+                [attr.disabled]="disabled() ? '' : undefined"
                 tabindex="-1"
                 (mousedown)="onUpButtonMouseDown($event)"
                 (mouseup)="onUpButtonMouseUp()"
@@ -1681,9 +1429,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 
             <button
                 type="button"
-                [ngClass]="_decrementButtonClass"
-                [class]="decrementButtonClass"
-                [disabled]="disabled"
+                [class]="cn(cx('decrementButton'), decrementButtonClass)"
+                [attr.disabled]="disabled() ? '' : undefined"
                 tabindex="-1"
                 [attr.aria-hidden]="true"
                 (mousedown)="onDownButtonMouseDown($event)"
@@ -1703,9 +1450,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
         <button
             *ngIf="showButtons && buttonLayout !== 'stacked'"
             type="button"
-            [ngClass]="_incrementButtonClass"
-            [class]="incrementButtonClass"
-            [disabled]="disabled"
+            [class]="cx('incrementButton')"
+            [attr.disabled]="disabled() ? '' : undefined"
             tabindex="-1"
             [attr.aria-hidden]="true"
             (mousedown)="onUpButtonMouseDown($event)"
@@ -1724,9 +1470,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
         <button
             *ngIf="showButtons && buttonLayout !== 'stacked'"
             type="button"
-            [ngClass]="_decrementButtonClass"
-            [class]="decrementButtonClass"
-            [disabled]="disabled"
+            [class]="cx('decrementButton')"
+            [attr.disabled]="disabled() ? '' : undefined"
             tabindex="-1"
             [attr.aria-hidden]="true"
             (mousedown)="onDownButtonMouseDown($event)"
@@ -1749,7 +1494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     host: {
                         '[attr.data-pc-name]': "'inputnumber'",
                         '[attr.data-pc-section]': "'root'",
-                        '[class]': 'hostClass'
+                        '[class]': "cn(cx('root'), styleClass)"
                     }
                 }]
         }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { showButtons: [{
@@ -1764,15 +1509,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                 type: Input
             }], styleClass: [{
                 type: Input
-            }], style: [{
-                type: Input
             }], placeholder: [{
                 type: Input
-            }], size: [{
-                type: Input
-            }], maxlength: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
             }], tabindex: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -1787,19 +1525,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }], ariaRequired: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], name: [{
-                type: Input
-            }], required: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
             }], autocomplete: [{
                 type: Input
-            }], min: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], max: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
             }], incrementButtonClass: [{
                 type: Input
             }], decrementButtonClass: [{
@@ -1811,9 +1538,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }], readonly: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], step: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
             }], allowEmpty: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -1830,8 +1554,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }], useGrouping: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], variant: [{
-                type: Input
             }], minFractionDigits: [{
                 type: Input,
                 args: [{ transform: (value) => numberAttribute(value, null) }]
@@ -1852,11 +1574,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }], autofocus: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
-            }], disabled: [{
-                type: Input
-            }], fluid: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
             }], onInput: [{
                 type: Output
             }], onFocus: [{
@@ -1882,16 +1599,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
             }], input: [{
                 type: ViewChild,
                 args: ['input']
-            }], hostStyle: [{
-                type: HostBinding,
-                args: ['style']
             }] } });
 class InputNumberModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InputNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: InputNumberModule, imports: [InputNumber, SharedModule], exports: [InputNumber, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InputNumberModule, imports: [InputNumber, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: InputNumberModule, imports: [InputNumber, SharedModule], exports: [InputNumber, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputNumberModule, imports: [InputNumber, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: InputNumberModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputNumberModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [InputNumber, SharedModule],