@ardium-ui/ui 5.0.0-alpha.13 → 5.0.0-alpha.15

package/fesm2022/ardium-ui-ui.mjs

@@ -688,6 +688,8 @@ class NumberInputModel {
             v = this._applyNumberConstraint(v);
             v = this._applyMinMaxConstraints(v);
         }
+        if (v === '')
+            v = null;
         //update view
         const oldVal = this._value();
         this.setValue(v);
@@ -8308,6 +8310,7 @@ const _numberInputDefaults = {
     allowFloat: false,
     noButtons: false,
     stepSize: 1,
+    keepFocusOnQuickChangeButton: true,
 };
 const ARD_NUMBER_INPUT_DEFAULTS = new InjectionToken('ard-number-input-defaults', {
     factory: () => ({
@@ -8339,14 +8342,14 @@ class ArdiumNumberInputComponent extends _FormFieldComponentBase {
         this._wasViewInit = false;
         this.inputId = input();
         //! placeholder
-        this.placeholder = input();
+        this.placeholder = input(this._DEFAULTS.placeholder);
         this.placeholderTemplate = contentChild(ArdNumberInputPlaceholderTemplateDirective);
         this.shouldDisplayPlaceholder = computed(() => !!this.placeholder() && !this.inputModel.stringValue());
         //! appearance
-        this.appearance = input(FormElementAppearance.Outlined);
-        this.variant = input(FormElementVariant.Rounded);
-        this.alignText = input(OneAxisAlignment.Middle);
-        this.compact = input(false, { transform: v => coerceBooleanProperty(v) });
+        this.appearance = input(this._DEFAULTS.appearance);
+        this.variant = input(this._DEFAULTS.variant);
+        this.alignText = input(this._DEFAULTS.alignText);
+        this.compact = input(this._DEFAULTS.compact, { transform: v => coerceBooleanProperty(v) });
         this.ngClasses = computed(() => {
             return [
                 `ard-appearance-${this.appearance()}`,
@@ -8374,7 +8377,7 @@ class ArdiumNumberInputComponent extends _FormFieldComponentBase {
         //! other inputs
         this.inputAttrs = input({});
         //! value two-way binding
-        this._valueBeforeInit = '0';
+        this._valueBeforeInit = null;
         this.valueChange = output();
         //! event emitters
         this.inputEvent = output({ alias: 'input' });
@@ -8382,13 +8385,15 @@ class ArdiumNumberInputComponent extends _FormFieldComponentBase {
         this.clearEvent = output({ alias: 'clear' });
         this.quickChangeEvent = output({ alias: 'quickChange' });
         //! min/max and number type
-        this.min = input(0, { transform: v => coerceNumberProperty(v, 0) });
-        this.max = input(999999, { transform: v => coerceNumberProperty(v, 999999) });
-        this.allowFloat = input(false, { transform: v => coerceBooleanProperty(v) });
+        this.min = input(this._DEFAULTS.min, { transform: v => coerceNumberProperty(v, this._DEFAULTS.min) });
+        this.max = input(this._DEFAULTS.max, { transform: v => coerceNumberProperty(v, this._DEFAULTS.max) });
+        this.allowFloat = input(this._DEFAULTS.allowFloat, { transform: v => coerceBooleanProperty(v) });
         //! incerement/decrement buttons
-        this.noButtons = input(false, { transform: v => coerceBooleanProperty(v) });
-        this.keepFocusOnQuickChangeButton = input(true, { transform: v => coerceBooleanProperty(v) });
-        this.stepSize = input(1, {
+        this.noButtons = input(this._DEFAULTS.noButtons, { transform: v => coerceBooleanProperty(v) });
+        this.keepFocusOnQuickChangeButton = input(this._DEFAULTS.keepFocusOnQuickChangeButton, {
+            transform: v => coerceBooleanProperty(v),
+        });
+        this.stepSize = input(this._DEFAULTS.stepSize, {
             transform: v => {
                 const newValue = coerceNumberProperty(v, 1);
                 if (newValue === 0)
@@ -8398,11 +8403,11 @@ class ArdiumNumberInputComponent extends _FormFieldComponentBase {
                 return newValue;
             },
         });
-        effect(() => {
-            const v = this.inputModel.numberValue();
-            this.valueChange.emit(v);
-            this._onChangeRegistered?.(v);
-        });
+        // effect(() => {
+        //   const v = this.inputModel.numberValue();
+        //   this.valueChange.emit(v);
+        //   this._onChangeRegistered?.(v);
+        // });
     }
     ngAfterViewInit() {
         this._setInputAttributes();
@@ -8496,6 +8501,7 @@ class ArdiumNumberInputComponent extends _FormFieldComponentBase {
     _emitChange() {
         const v = this.inputModel.numberValue();
         this.changeEvent.emit(v);
+        this._onChangeRegistered?.(v);
     }
     //smart focus
     onMouseup() {