@radix-ng/primitives 0.42.0 → 0.44.0

package/fesm2022/radix-ng-primitives-number-field.mjs

@@ -15,9 +15,9 @@ class PressedHoldService {
         this.destroyRef = inject(DestroyRef);
     }
     create(options) {
-        const timeout = signal(undefined);
+        const timeout = signal(undefined, ...(ngDevMode ? [{ debugName: "timeout" }] : []));
         const triggerHook = new Subject();
-        const isPressed = signal(false);
+        const isPressed = signal(false, ...(ngDevMode ? [{ debugName: "isPressed" }] : []));
         const resetTimeout = () => {
             const timer = timeout();
             if (timer !== undefined) {
@@ -74,10 +74,10 @@ class PressedHoldService {
             }
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PressedHoldService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PressedHoldService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: PressedHoldService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: PressedHoldService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PressedHoldService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: PressedHoldService, decorators: [{
             type: Injectable
         }] });
 function useNumberFormatter(locale, options = signal({})) {
@@ -111,11 +111,14 @@ class RdxNumberFieldDecrementDirective {
         this.elementRef = inject((ElementRef));
         this.pressedHold = inject(PressedHoldService);
         this.rootContext = injectNumberFieldRootContext();
-        this.disabled = input(false, { transform: booleanAttribute });
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * @ignore
          */
-        this.isDisabled = computed(() => this.rootContext.disabled() || this.disabled() || this.rootContext.isDecreaseDisabled());
+        this.isDisabled = computed(() => this.rootContext.disabled() ||
+            this.rootContext.readonly() ||
+            this.disabled() ||
+            this.rootContext.isDecreaseDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
         /**
          * @ignore
          */
@@ -127,10 +130,10 @@ class RdxNumberFieldDecrementDirective {
     ngOnInit() {
         this.useHold.onTrigger(() => this.rootContext.handleDecrease());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldDecrementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxNumberFieldDecrementDirective, isStandalone: true, selector: "button[rdxNumberFieldDecrement]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "-1", "type": "\"button\"" }, listeners: { "contextmenu": "$event.preventDefault()" }, properties: { "attr.aria-label": "\"Decrease\"", "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-pressed": "useHold.isPressed() ? \"true\" : undefined", "style.user-select": "useHold.isPressed() ? \"none\" : null" } }, providers: [PressedHoldService], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldDecrementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxNumberFieldDecrementDirective, isStandalone: true, selector: "button[rdxNumberFieldDecrement]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "-1", "type": "\"button\"" }, listeners: { "contextmenu": "$event.preventDefault()" }, properties: { "attr.aria-label": "\"Decrease\"", "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-pressed": "useHold.isPressed() ? \"true\" : undefined", "style.user-select": "useHold.isPressed() ? \"none\" : null" } }, providers: [PressedHoldService], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldDecrementDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldDecrementDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[rdxNumberFieldDecrement]',
@@ -153,11 +156,14 @@ class RdxNumberFieldIncrementDirective {
         this.elementRef = inject((ElementRef));
         this.pressedHold = inject(PressedHoldService);
         this.rootContext = injectNumberFieldRootContext();
-        this.disabled = input(false, { transform: booleanAttribute });
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * @ignore
          */
-        this.isDisabled = computed(() => this.rootContext.disabled() || this.disabled() || this.rootContext.isIncreaseDisabled());
+        this.isDisabled = computed(() => this.rootContext.disabled() ||
+            this.rootContext.readonly() ||
+            this.disabled() ||
+            this.rootContext.isIncreaseDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
         /**
          * @ignore
          */
@@ -169,10 +175,10 @@ class RdxNumberFieldIncrementDirective {
     ngOnInit() {
         this.useHold.onTrigger(() => this.rootContext.handleIncrease());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldIncrementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxNumberFieldIncrementDirective, isStandalone: true, selector: "button[rdxNumberFieldIncrement]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "-1", "type": "\"button\"" }, listeners: { "contextmenu": "$event.preventDefault()" }, properties: { "attr.aria-label": "\"Increase\"", "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-pressed": "useHold.isPressed() ? \"true\" : undefined", "style.user-select": "useHold.isPressed() ? \"none\" : null" } }, providers: [PressedHoldService], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldIncrementDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxNumberFieldIncrementDirective, isStandalone: true, selector: "button[rdxNumberFieldIncrement]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "-1", "type": "\"button\"" }, listeners: { "contextmenu": "$event.preventDefault()" }, properties: { "attr.aria-label": "\"Increase\"", "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-pressed": "useHold.isPressed() ? \"true\" : undefined", "style.user-select": "useHold.isPressed() ? \"none\" : null" } }, providers: [PressedHoldService], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldIncrementDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldIncrementDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[rdxNumberFieldIncrement]',
@@ -194,7 +200,7 @@ class RdxNumberFieldInputDirective {
     constructor() {
         this.elementRef = inject((ElementRef));
         this.rootContext = injectNumberFieldRootContext();
-        this.inputValue = signal(this.rootContext.textValue());
+        this.inputValue = signal(this.rootContext.textValue(), ...(ngDevMode ? [{ debugName: "inputValue" }] : []));
         effect(() => {
             this.inputValue.set(this.rootContext.textValue());
             this.rootContext.setInputValue(this.inputValue());
@@ -269,10 +275,10 @@ class RdxNumberFieldInputDirective {
         event.preventDefault();
         this.rootContext.handleDecrease();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.4", type: RdxNumberFieldInputDirective, isStandalone: true, selector: "input[rdxNumberFieldInput]", host: { attributes: { "role": "spinbutton", "type": "text", "tabindex": "0", "autocomplete": "off", "autocorrect": "off", "spellcheck": "false", "aria-roledescription": "Number field" }, listeners: { "change": "onChange()", "input": "onInput($event)", "blur": "onKeydownEnter($event)", "beforeinput": "onBeforeInput($event)", "keydown.enter": "onKeydownEnter($event)", "keydown.arrowUp": "onKeydownUp($event)", "keydown.arrowDown": "onKeydownDown($event)", "keydown.home": "onKeydownHome($event)", "keydown.end": "onKeydownEnd($event)", "keydown.pageUp": "onKeydownPageUp($event)", "keydown.pageDown": "onKeydownPageDown($event)", "wheel": "onWheelEvent($event)" }, properties: { "attr.aria-valuenow": "rootContext.value()", "attr.aria-valuemin": "rootContext.min()", "attr.aria-valuemax": "rootContext.max()", "attr.inputmode": "rootContext.inputMode()", "attr.disabled": "rootContext.disabled() ? \"\" : undefined", "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined", "attr.value": "inputValue()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.3", type: RdxNumberFieldInputDirective, isStandalone: true, selector: "input[rdxNumberFieldInput]", host: { attributes: { "role": "spinbutton", "type": "text", "tabindex": "0", "autocomplete": "off", "autocorrect": "off", "spellcheck": "false", "aria-roledescription": "Number field" }, listeners: { "change": "onChange()", "input": "onInput($event)", "blur": "onKeydownEnter($event)", "beforeinput": "onBeforeInput($event)", "keydown.enter": "onKeydownEnter($event)", "keydown.arrowUp": "onKeydownUp($event)", "keydown.arrowDown": "onKeydownDown($event)", "keydown.home": "onKeydownHome($event)", "keydown.end": "onKeydownEnd($event)", "keydown.pageUp": "onKeydownPageUp($event)", "keydown.pageDown": "onKeydownPageDown($event)", "wheel": "onWheelEvent($event)" }, properties: { "attr.aria-valuenow": "rootContext.value()", "attr.aria-valuemin": "rootContext.min()", "attr.aria-valuemax": "rootContext.max()", "attr.inputmode": "rootContext.inputMode()", "attr.disabled": "rootContext.disabled() ? \"\" : undefined", "attr.data-disabled": "rootContext.disabled() ? \"\" : undefined", "attr.readonly": "rootContext.readonly() ? \"\" : undefined", "attr.data-readonly": "rootContext.readonly() ? \"\" : undefined", "attr.value": "inputValue()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[rdxNumberFieldInput]',
@@ -290,6 +296,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                         '[attr.inputmode]': 'rootContext.inputMode()',
                         '[attr.disabled]': 'rootContext.disabled() ? "" : undefined',
                         '[attr.data-disabled]': 'rootContext.disabled() ? "" : undefined',
+                        '[attr.readonly]': 'rootContext.readonly() ? "" : undefined',
+                        '[attr.data-readonly]': 'rootContext.readonly() ? "" : undefined',
                         '[attr.value]': 'inputValue()',
                         '(change)': 'onChange()',
                         '(input)': 'onInput($event)',
@@ -309,33 +317,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
 
 class RdxNumberFieldRootDirective {
     constructor() {
-        this.value = model();
-        this.min = input(undefined, { transform: numberAttribute });
-        this.max = input(undefined, { transform: numberAttribute });
-        this.step = input(1, { transform: numberAttribute });
-        this.stepSnapping = input(false, { transform: booleanAttribute });
-        this.disableWheelChange = input(false, { transform: booleanAttribute });
-        this.locale = input('en');
-        this.disabled = input(false, { transform: booleanAttribute });
-        this.formatOptions = input();
+        this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+        this.min = input(undefined, ...(ngDevMode ? [{ debugName: "min", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.max = input(undefined, ...(ngDevMode ? [{ debugName: "max", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.step = input(1, ...(ngDevMode ? [{ debugName: "step", transform: numberAttribute }] : [{ transform: numberAttribute }]));
+        this.stepSnapping = input(false, ...(ngDevMode ? [{ debugName: "stepSnapping", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.disableWheelChange = input(false, ...(ngDevMode ? [{ debugName: "disableWheelChange", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.locale = input('en', ...(ngDevMode ? [{ debugName: "locale" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+        this.formatOptions = input(...(ngDevMode ? [undefined, { debugName: "formatOptions" }] : []));
+        /**
+         * When <code>true</code>, the Number Field is read-only.
+         */
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
         /**
          * @ignore
          */
-        this.inputEl = signal(undefined);
+        this.inputEl = signal(undefined, ...(ngDevMode ? [{ debugName: "inputEl" }] : []));
         /**
          * @ignore
          */
         this.isDecreaseDisabled = computed(() => !isNullish(this.value()) &&
             (this.clampInputValue(this.value()) === this.min() || (this.min() && !isNaN(this.value()))
                 ? handleDecimalOperation('-', this.value(), this.step()) < this.min()
-                : false));
+                : false), ...(ngDevMode ? [{ debugName: "isDecreaseDisabled" }] : []));
         /**
          * @ignore
          */
         this.isIncreaseDisabled = computed(() => !isNullish(this.value()) &&
             (this.clampInputValue(this.value()) === this.max() || (this.min() && !isNaN(this.value()))
                 ? handleDecimalOperation('+', this.value(), this.step()) > this.max()
-                : false));
+                : false), ...(ngDevMode ? [{ debugName: "isIncreaseDisabled" }] : []));
         /**
          * @ignore
          */
@@ -346,13 +358,13 @@ class RdxNumberFieldRootDirective {
             // and based on testing on various devices to determine what keys are available in each inputMode.
             const hasDecimals = this.numberFormatter().resolvedOptions().maximumFractionDigits > 0;
             return hasDecimals ? 'decimal' : 'numeric';
-        });
+        }, ...(ngDevMode ? [{ debugName: "inputMode" }] : []));
         /**
          * Replace negative textValue formatted using currencySign: 'accounting'
          * with a textValue that can be announced using a minus sign.
          * @ignore
          */
-        this.textValue = computed(() => isNullish(this.value()) || isNaN(this.value()) ? '' : this.textValueFormatter().format(this.value()));
+        this.textValue = computed(() => isNullish(this.value()) || isNaN(this.value()) ? '' : this.textValueFormatter().format(this.value()), ...(ngDevMode ? [{ debugName: "textValue" }] : []));
         /**
          * @ignore
          */
@@ -437,10 +449,10 @@ class RdxNumberFieldRootDirective {
     }
     handleChangingValue(type, multiplier = 1) {
         this.inputEl()?.focus();
-        const currentInputValue = this.numberParser().parse(this.inputEl()?.value ?? '');
-        if (this.disabled()) {
+        if (this.disabled() || this.readonly()) {
             return;
         }
+        const currentInputValue = this.numberParser().parse(this.inputEl()?.value ?? '');
         if (isNaN(currentInputValue)) {
             this.value.set(this.min() ?? 0);
         }
@@ -453,10 +465,10 @@ class RdxNumberFieldRootDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.4", type: RdxNumberFieldRootDirective, isStandalone: true, selector: "[rdxNumberFieldRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, stepSnapping: { classPropertyName: "stepSnapping", publicName: "stepSnapping", isSignal: true, isRequired: false, transformFunction: null }, disableWheelChange: { classPropertyName: "disableWheelChange", publicName: "disableWheelChange", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "group" }, properties: { "attr.data-disabled": "disabled() ? \"\" : undefined" } }, providers: [provideToken(NUMBER_FIELD_ROOT_CONTEXT, RdxNumberFieldRootDirective)], exportAs: ["rdxNumberFieldRoot"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.3", type: RdxNumberFieldRootDirective, isStandalone: true, selector: "[rdxNumberFieldRoot]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, stepSnapping: { classPropertyName: "stepSnapping", publicName: "stepSnapping", isSignal: true, isRequired: false, transformFunction: null }, disableWheelChange: { classPropertyName: "disableWheelChange", publicName: "disableWheelChange", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "group" }, properties: { "attr.data-disabled": "disabled() ? \"\" : undefined", "attr.data-readonly": "readonly() ? \"\" : undefined" } }, providers: [provideToken(NUMBER_FIELD_ROOT_CONTEXT, RdxNumberFieldRootDirective)], exportAs: ["rdxNumberFieldRoot"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldRootDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxNumberFieldRoot]',
@@ -464,7 +476,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImpor
                     providers: [provideToken(NUMBER_FIELD_ROOT_CONTEXT, RdxNumberFieldRootDirective)],
                     host: {
                         role: 'group',
-                        '[attr.data-disabled]': 'disabled() ? "" : undefined'
+                        '[attr.data-disabled]': 'disabled() ? "" : undefined',
+                        '[attr.data-readonly]': 'readonly() ? "" : undefined'
                     }
                 }]
         }] });
@@ -476,17 +489,17 @@ const _imports = [
     RdxNumberFieldDecrementDirective
 ];
 class RdxNumberFieldModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldModule, imports: [RdxNumberFieldRootDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldModule, imports: [RdxNumberFieldRootDirective,
             RdxNumberFieldInputDirective,
             RdxNumberFieldIncrementDirective,
             RdxNumberFieldDecrementDirective], exports: [RdxNumberFieldRootDirective,
             RdxNumberFieldInputDirective,
             RdxNumberFieldIncrementDirective,
             RdxNumberFieldDecrementDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: RdxNumberFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: RdxNumberFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [..._imports],