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

package/fesm2022/ardium-ui-ui.mjs

@@ -8308,6 +8308,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 +8340,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()}`,
@@ -8382,13 +8383,13 @@ 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)