@malva-ui/core 0.1.13 → 0.1.14

package/fesm2022/malva-ui-core-number-input.mjs

@@ -0,0 +1,404 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, input, viewChild, model, signal, computed, DestroyRef, effect, untracked, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MlvSignalFormControlBase, MlvLabel, MlvHint, MlvDescription, MlvFormControlWrapper, MlvFormControlWrapperControl, MlvMessage, MLV_FORM_CONTROL } from '@malva-ui/core/form-utils';
+import * as i1 from '@malva-ui/cdk/density';
+import { MLV_DENSITY_ELEMENT, MlvCompactComfortableDensity } from '@malva-ui/cdk/density';
+import { DOWN_ARROW, UP_ARROW } from '@angular/cdk/keycodes';
+import { MlvRtlService, clamp } from '@malva-ui/cdk/utils';
+import { LucideMinus, LucidePlus } from '@lucide/angular';
+import { MLV_NUMBER_INPUT_I18N } from '@malva-ui/i18n';
+
+/** Delay before long-press acceleration kicks in (ms). */
+const LONG_PRESS_DELAY = 400;
+/** Interval between repeated steps during long press (ms). */
+const LONG_PRESS_INTERVAL = 150;
+/** Time after which long press switches to largeStep cadence (ms). */
+const LONG_PRESS_LARGE_STEP_THRESHOLD = 1500;
+class MlvNumberInput extends MlvSignalFormControlBase {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_NUMBER_INPUT_I18N);
+    /**
+     * Minimum allowed value. Also a signal-forms field binding: a `min` schema
+     * rule on the bound field binds this input (`NonNullable<number>|undefined`),
+     * so the write type widens to accept `undefined` (normalised to `null`).
+     */
+    min = input(null, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: (value) => value ?? null });
+    /**
+     * Maximum allowed value. Also a signal-forms field binding: a `max` schema
+     * rule on the bound field binds this input (`NonNullable<number>|undefined`),
+     * so the write type widens to accept `undefined` (normalised to `null`).
+     */
+    max = input(null, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: (value) => value ?? null });
+    /**
+     * Step increment for arrow keys and stepper buttons. Default: 1. Write type
+     * widened to accept `undefined` (normalised to the `1` default) for
+     * signal-forms constraint-binding parity with the other numeric inputs.
+     */
+    step = input(1, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: (value) => value ?? 1 });
+    /**
+     * Large step for Shift+Arrow keys.
+     * Defaults to 10 × step when null.
+     */
+    largeStep = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "largeStep" }] : /* istanbul ignore next */ []));
+    /** Placeholder text shown when the input is empty. */
+    placeholder = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /**
+     * Decimal precision for displayed value.
+     * When null, precision is inferred from the step value.
+     */
+    precision = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "precision" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether scroll-wheel stepping is enabled when the input is focused.
+     * Default: true.
+     */
+    scrollable = input(true, { ...(ngDevMode ? { debugName: "scrollable" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** MlvLayout direction for the increment/decrement controls. */
+    stack = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stack" }] : /* istanbul ignore next */ []));
+    /**
+     * Side used for the vertical control stack.
+     * Has no visual effect while `stack` is `'horizontal'`.
+     */
+    controlAlignment = input('right', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "controlAlignment" }] : /* istanbul ignore next */ []));
+    /** @private Reference to the native input element. */
+    _inputRef = viewChild('inputRef', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_inputRef" }] : /* istanbul ignore next */ []));
+    /**
+     * The committed numeric value — the signal-forms `FormValueControl` model
+     * (`null` when empty/cleared). Kept in sync with the bound field by
+     * `[formField]` / `[formControl]` / `ngModel`. Out-of-range form-side writes
+     * are re-clamped into `[min, max]` by the constructor effect (the
+     * replacement for the old CVA `writeValue` clamp).
+     */
+    value = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** @private Raw string held while the user is typing. */
+    _internalStringValue = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_internalStringValue" }] : /* istanbul ignore next */ []));
+    /** @private Whether the input currently has focus. */
+    _isFocused = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isFocused" }] : /* istanbul ignore next */ []));
+    /** True when the current value equals or is below min. */
+    isAtMin = computed(() => {
+        const mn = this.min();
+        const val = this.value();
+        return mn !== null && val !== null && val <= mn;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isAtMin" }] : /* istanbul ignore next */ []));
+    /** True when the current value equals or is above max. */
+    isAtMax = computed(() => {
+        const mx = this.max();
+        const val = this.value();
+        return mx !== null && val !== null && val >= mx;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isAtMax" }] : /* istanbul ignore next */ []));
+    /** Effective large step: largeStep input or 10 × step. */
+    effectiveLargeStep = computed(() => this.largeStep() ?? this.step() * 10, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveLargeStep" }] : /* istanbul ignore next */ []));
+    /**
+     * Effective decimal precision.
+     * Uses the precision input if set; otherwise infers from the step string.
+     */
+    effectivePrecision = computed(() => {
+        const precision = this.precision();
+        if (precision !== null)
+            return precision;
+        const s = this.step().toString();
+        const dot = s.indexOf('.');
+        return dot === -1 ? 0 : s.length - dot - 1;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectivePrecision" }] : /* istanbul ignore next */ []));
+    /** @private DestroyRef used for long-press timer cleanup. */
+    _destroyRef = inject(DestroyRef);
+    _rtlService = inject(MlvRtlService);
+    /** @private Long-press delay timer handle. */
+    _longPressDelayTimer = null;
+    /** @private Long-press repeat interval handle. */
+    _longPressIntervalTimer = null;
+    /** @private Timestamp when long-press started (for large-step threshold). */
+    _longPressStartTime = 0;
+    constructor() {
+        super();
+        // Clamp form-side (model) writes into [min, max] and mirror the committed
+        // value into the display string — the signal-forms replacement for the old
+        // CVA `writeValue` clamp. min/max are read untracked so the effect fires
+        // only on a `value` write (exactly like `writeValue` ran only on a form
+        // write); the out-of-range set-back re-triggers the effect once and then
+        // converges (next run: clamped === value → no further write, no loop).
+        effect(() => {
+            const next = this.value();
+            untracked(() => {
+                if (next === null || next === undefined) {
+                    this._internalStringValue.set('');
+                    return;
+                }
+                const clamped = this._clamp(next);
+                if (clamped !== next) {
+                    this.value.set(clamped);
+                    return;
+                }
+                this._internalStringValue.set(this._format(next));
+            });
+        });
+        this._destroyRef.onDestroy(() => this._clearLongPress());
+    }
+    // ---------------------------------------------------------------------------
+    // Value / clear
+    // ---------------------------------------------------------------------------
+    /**
+     * Clears the current value. Called by the MlvFormControlWrapper clear button.
+     */
+    clearValue() {
+        this.value.set(null);
+        this._internalStringValue.set('');
+    }
+    /** Whether the control holds a clearable value — A numeric value is set. */
+    hasValue = computed(() => this.value() !== null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
+    // ---------------------------------------------------------------------------
+    // Input event handlers
+    // ---------------------------------------------------------------------------
+    /**
+     * @protected Handles native input events — stores raw string while typing.
+     */
+    _onNativeInput(event) {
+        const raw = event.target.value;
+        this._internalStringValue.set(raw);
+    }
+    /**
+     * @protected Commits typed value on blur: parse, clamp, round, emit, then
+     * reports {@link MlvSignalFormUiControlBase.touch} (replaces CVA `onTouched`).
+     */
+    _onBlur() {
+        this._isFocused.set(false);
+        this.setFocused(false);
+        this._commitTypedValue();
+        this._markTouched();
+    }
+    /**
+     * @protected Commits on Enter key press.
+     */
+    _onEnter() {
+        this._commitTypedValue();
+    }
+    /**
+     * @protected Handles keyboard navigation on the native input.
+     */
+    _onKeydown(event) {
+        if (this.computedDisabled())
+            return;
+        switch (this._rtlService.normalizeArrowKey(event) ?? event.key) {
+            case UP_ARROW:
+                event.preventDefault();
+                this._step(event.shiftKey ? this.effectiveLargeStep() : this.step());
+                break;
+            case DOWN_ARROW:
+                event.preventDefault();
+                this._step(event.shiftKey ? -this.effectiveLargeStep() : -this.step());
+                break;
+            case 'Home':
+                event.preventDefault();
+                {
+                    const min = this.min();
+                    if (min !== null)
+                        this._setValue(min);
+                }
+                break;
+            case 'End':
+                event.preventDefault();
+                {
+                    const max = this.max();
+                    if (max !== null)
+                        this._setValue(max);
+                }
+                break;
+        }
+    }
+    /**
+     * @protected Handles scroll-wheel input when scrollable and focused.
+     * The wheel listener is attached via fromEvent with { passive: false } so
+     * preventDefault() actually suppresses page scroll.
+     */
+    _onWheel(event) {
+        if (!this.scrollable() || !this._isFocused() || this.computedDisabled()) {
+            return;
+        }
+        event.preventDefault();
+        this._step(event.deltaY > 0 ? -this.step() : this.step());
+    }
+    // ---------------------------------------------------------------------------
+    // Stepper button long-press
+    // ---------------------------------------------------------------------------
+    /**
+     * @protected Starts a long-press sequence for increment (positive delta) or decrement.
+     */
+    _onStepperPointerDown(delta) {
+        if (this.computedDisabled())
+            return;
+        this._longPressStartTime = Date.now();
+        const step = delta > 0 ? this.step() : -this.step();
+        this._step(step);
+        this._clearLongPress();
+        this._longPressDelayTimer = setTimeout(() => {
+            this._longPressIntervalTimer = setInterval(() => {
+                const elapsed = Date.now() - this._longPressStartTime;
+                const useStep = elapsed >= LONG_PRESS_LARGE_STEP_THRESHOLD
+                    ? delta > 0
+                        ? this.effectiveLargeStep()
+                        : -this.effectiveLargeStep()
+                    : step;
+                this._step(useStep);
+            }, LONG_PRESS_INTERVAL);
+        }, LONG_PRESS_DELAY);
+        this._refocusInput();
+    }
+    /**
+     * @protected Cancels long-press on pointer release.
+     */
+    _onStepperPointerUp() {
+        this._clearLongPress();
+    }
+    // ---------------------------------------------------------------------------
+    // Private helpers
+    // ---------------------------------------------------------------------------
+    /**
+     * @private Parses the typed string, clamps, rounds, and commits to `value`.
+     */
+    _commitTypedValue() {
+        const raw = this._internalStringValue().trim();
+        if (raw === '') {
+            if (this.clearable()) {
+                this.value.set(null);
+                this._internalStringValue.set('');
+            }
+            else {
+                const last = this.value();
+                this._internalStringValue.set(last !== null ? this._format(last) : '');
+            }
+            return;
+        }
+        const parsed = parseFloat(raw);
+        if (isNaN(parsed)) {
+            const last = this.value();
+            this._internalStringValue.set(last !== null ? this._format(last) : '');
+            return;
+        }
+        this._setValue(parsed);
+    }
+    /**
+     * @private Applies a numeric delta to the current value, clamping the result.
+     */
+    _step(delta) {
+        const current = this.value() ?? 0;
+        this._setValue(current + delta);
+    }
+    /**
+     * @private Sets the numeric value: clamp → round → commit to the `value`
+     * model (which propagates to the bound field).
+     */
+    _setValue(raw) {
+        const clamped = this._clamp(raw);
+        const rounded = this._round(clamped);
+        this._internalStringValue.set(this._format(rounded));
+        this.value.set(rounded);
+    }
+    /**
+     * @private Clamps a value to [min, max].
+     */
+    _clamp(value) {
+        return clamp(value, this.min() ?? -Infinity, this.max() ?? Infinity);
+    }
+    /**
+     * @private Rounds a value to the effective precision.
+     */
+    _round(value) {
+        const p = this.effectivePrecision();
+        return parseFloat(value.toFixed(p));
+    }
+    /**
+     * @private Formats a number to the effective precision string.
+     */
+    _format(value) {
+        return value.toFixed(this.effectivePrecision());
+    }
+    /**
+     * @private Clears long-press timers.
+     */
+    _clearLongPress() {
+        if (this._longPressDelayTimer !== null) {
+            clearTimeout(this._longPressDelayTimer);
+            this._longPressDelayTimer = null;
+        }
+        if (this._longPressIntervalTimer !== null) {
+            clearInterval(this._longPressIntervalTimer);
+            this._longPressIntervalTimer = null;
+        }
+    }
+    /**
+     * @private Focuses the native input after a stepper button click.
+     */
+    _refocusInput() {
+        this._inputRef()?.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvNumberInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvNumberInput, isStandalone: true, selector: "mlv-number-input", inputs: { 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 }, largeStep: { classPropertyName: "largeStep", publicName: "largeStep", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, precision: { classPropertyName: "precision", publicName: "precision", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, stack: { classPropertyName: "stack", publicName: "stack", isSignal: true, isRequired: false, transformFunction: null }, controlAlignment: { classPropertyName: "controlAlignment", publicName: "controlAlignment", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "\"mlv-number-input--\" + resolvedState()", "class.mlv-number-input--disabled": "computedDisabled()", "class.mlv-number-input--focused": "focused()", "class.mlv-number-input--stack-horizontal": "stack() === \"horizontal\"", "class.mlv-number-input--stack-vertical": "stack() === \"vertical\"", "class.mlv-number-input--control-left": "controlAlignment() === \"left\"", "class.mlv-number-input--control-right": "controlAlignment() === \"right\"" }, classAttribute: "mlv-number-input" }, providers: [
+            {
+                provide: MLV_DENSITY_ELEMENT,
+                useValue: 'number-input',
+            },
+            {
+                provide: MLV_FORM_CONTROL,
+                useExisting: forwardRef(() => MlvNumberInput),
+            },
+        ], viewQueries: [{ propertyName: "_inputRef", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.MlvCompactComfortableDensity, inputs: ["mlvDensity", "mlvDensity"] }], ngImport: i0, template: "<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <ng-template #decrementStepper>\n      <button\n        type=\"button\"\n        class=\"mlv-number-input__stepper mlv-number-input__decrement\"\n        [disabled]=\"computedDisabled() || isAtMin()\"\n        [attr.aria-label]=\"_i18n().decrement\"\n        tabindex=\"-1\"\n        (pointerdown)=\"$event.preventDefault(); _onStepperPointerDown(-1)\"\n        (pointerup)=\"_onStepperPointerUp()\"\n        (pointerleave)=\"_onStepperPointerUp()\"\n        (pointercancel)=\"_onStepperPointerUp()\"\n      >\n        <svg lucideMinus [size]=\"16\" aria-hidden=\"true\" />\n      </button>\n    </ng-template>\n\n    <ng-template #incrementStepper>\n      <button\n        type=\"button\"\n        class=\"mlv-number-input__stepper mlv-number-input__increment\"\n        [disabled]=\"computedDisabled() || isAtMax()\"\n        [attr.aria-label]=\"_i18n().increment\"\n        tabindex=\"-1\"\n        (pointerdown)=\"$event.preventDefault(); _onStepperPointerDown(1)\"\n        (pointerup)=\"_onStepperPointerUp()\"\n        (pointerleave)=\"_onStepperPointerUp()\"\n        (pointercancel)=\"_onStepperPointerUp()\"\n      >\n        <svg lucidePlus [size]=\"16\" aria-hidden=\"true\" />\n      </button>\n    </ng-template>\n\n    @if (stack() === 'vertical' && controlAlignment() === 'left') {\n    <div class=\"mlv-number-input__steppers\">\n      <ng-container [ngTemplateOutlet]=\"incrementStepper\" />\n      <ng-container [ngTemplateOutlet]=\"decrementStepper\" />\n    </div>\n    } @if (stack() === 'horizontal') {\n    <ng-container [ngTemplateOutlet]=\"decrementStepper\" />\n    }\n\n    <input\n      #inputRef\n      class=\"mlv-number-input__native\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      [id]=\"id()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"computedDisabled()\"\n      [readOnly]=\"readonly()\"\n      [value]=\"_internalStringValue()\"\n      [attr.aria-valuenow]=\"value() !== null ? value() : null\"\n      [attr.aria-valuemin]=\"min() !== null ? min() : null\"\n      [attr.aria-valuemax]=\"max() !== null ? max() : null\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-required]=\"required() || null\"\n      [attr.aria-invalid]=\"resolvedState() === 'error' ? 'true' : null\"\n      [attr.aria-describedby]=\"_describedBy()\"\n      role=\"spinbutton\"\n      (input)=\"_onNativeInput($event)\"\n      (keydown)=\"_onKeydown($event)\"\n      (keydown.enter)=\"_onEnter()\"\n      (wheel)=\"_onWheel($event)\"\n      (focus)=\"_isFocused.set(true); setFocused(true)\"\n      (blur)=\"_onBlur()\"\n    />\n\n    @if (stack() === 'horizontal') {\n    <ng-container [ngTemplateOutlet]=\"incrementStepper\" />\n    } @if (stack() === 'vertical' && controlAlignment() === 'right') {\n    <div class=\"mlv-number-input__steppers\">\n      <ng-container [ngTemplateOutlet]=\"incrementStepper\" />\n      <ng-container [ngTemplateOutlet]=\"decrementStepper\" />\n    </div>\n    }\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n", styles: ["@layer mlv.components{.mlv-number-input{display:block}.mlv-number-input .mlv-form-control-wrapper__control-container{align-items:stretch;gap:0;overflow:hidden;padding:0}.mlv-number-input__native{flex:1;border:none;outline:none;background:none;text-align:center;font-variant-numeric:tabular-nums;color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-text);font-size:var(--form-ctrl-font-size, var(--mlv-font-size-m));min-width:0;padding:0 var(--form-ctrl-h-padding);width:100%;height:100%;-webkit-appearance:none;-moz-appearance:textfield}.mlv-number-input__native::-webkit-inner-spin-button,.mlv-number-input__native::-webkit-outer-spin-button{display:none}.mlv-number-input__native::placeholder{color:var(--mlv-text-tertiary)}.mlv-number-input__stepper{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:stretch;inline-size:var(--form-ctrl-height);min-inline-size:var(--form-ctrl-height);block-size:100%;background:none;border:none;cursor:pointer;color:var(--mlv-text-secondary);padding:0;transition-property:color,background-color,transform;transition-duration:var(--mlv-duration-fast);transition-timing-function:var(--mlv-ease-out);border-radius:0;margin:0}.mlv-number-input__stepper:hover:not(:disabled){color:var(--mlv-text-primary);background-color:var(--mlv-background-neutral-1-hover)}.mlv-number-input__stepper:active:not(:disabled){transform:scale(.97)}.mlv-number-input__stepper:disabled{opacity:var(--mlv-disabled-opacity);cursor:not-allowed}.mlv-number-input__stepper:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-number-input__stepper svg{width:var(--form-ctrl-icon-size, 1rem);height:var(--form-ctrl-icon-size, 1rem)}.mlv-number-input__steppers{display:flex;flex:0 0 var(--form-ctrl-height);flex-direction:column;align-self:stretch;inline-size:var(--form-ctrl-height)}.mlv-number-input__steppers .mlv-number-input__stepper{block-size:50%;inline-size:100%;min-block-size:0;min-inline-size:0}@media(prefers-reduced-motion:reduce){.mlv-number-input,.mlv-number-input *,.mlv-number-input:before,.mlv-number-input:after,[class^=mlv-number-input__],[class*=\" mlv-number-input__\"],[class^=mlv-number-input--],[class*=\" mlv-number-input--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MlvLabel, selector: "mlv-label", inputs: ["for", "required"] }, { kind: "component", type: MlvHint, selector: "mlv-hint" }, { kind: "component", type: MlvDescription, selector: "mlv-description" }, { kind: "component", type: MlvFormControlWrapper, selector: "mlv-form-control-wrapper", outputs: ["clear"] }, { kind: "directive", type: MlvFormControlWrapperControl, selector: "[mlvFormControlWrapperControl]" }, { kind: "component", type: MlvMessage, selector: "mlv-message", inputs: ["state"] }, { kind: "component", type: LucideMinus, selector: "svg[lucideMinus]" }, { kind: "component", type: LucidePlus, selector: "svg[lucidePlus]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvNumberInput, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-number-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: MlvCompactComfortableDensity,
+                            inputs: ['mlvDensity'],
+                        },
+                    ], providers: [
+                        {
+                            provide: MLV_DENSITY_ELEMENT,
+                            useValue: 'number-input',
+                        },
+                        {
+                            provide: MLV_FORM_CONTROL,
+                            useExisting: forwardRef(() => MlvNumberInput),
+                        },
+                    ], imports: [
+                        NgTemplateOutlet,
+                        MlvLabel,
+                        MlvHint,
+                        MlvDescription,
+                        MlvFormControlWrapper,
+                        MlvFormControlWrapperControl,
+                        MlvMessage,
+                        LucideMinus,
+                        LucidePlus,
+                    ], host: {
+                        class: 'mlv-number-input',
+                        '[class]': '"mlv-number-input--" + resolvedState()',
+                        '[class.mlv-number-input--disabled]': 'computedDisabled()',
+                        '[class.mlv-number-input--focused]': 'focused()',
+                        '[class.mlv-number-input--stack-horizontal]': 'stack() === "horizontal"',
+                        '[class.mlv-number-input--stack-vertical]': 'stack() === "vertical"',
+                        '[class.mlv-number-input--control-left]': 'controlAlignment() === "left"',
+                        '[class.mlv-number-input--control-right]': 'controlAlignment() === "right"',
+                    }, template: "<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <ng-template #decrementStepper>\n      <button\n        type=\"button\"\n        class=\"mlv-number-input__stepper mlv-number-input__decrement\"\n        [disabled]=\"computedDisabled() || isAtMin()\"\n        [attr.aria-label]=\"_i18n().decrement\"\n        tabindex=\"-1\"\n        (pointerdown)=\"$event.preventDefault(); _onStepperPointerDown(-1)\"\n        (pointerup)=\"_onStepperPointerUp()\"\n        (pointerleave)=\"_onStepperPointerUp()\"\n        (pointercancel)=\"_onStepperPointerUp()\"\n      >\n        <svg lucideMinus [size]=\"16\" aria-hidden=\"true\" />\n      </button>\n    </ng-template>\n\n    <ng-template #incrementStepper>\n      <button\n        type=\"button\"\n        class=\"mlv-number-input__stepper mlv-number-input__increment\"\n        [disabled]=\"computedDisabled() || isAtMax()\"\n        [attr.aria-label]=\"_i18n().increment\"\n        tabindex=\"-1\"\n        (pointerdown)=\"$event.preventDefault(); _onStepperPointerDown(1)\"\n        (pointerup)=\"_onStepperPointerUp()\"\n        (pointerleave)=\"_onStepperPointerUp()\"\n        (pointercancel)=\"_onStepperPointerUp()\"\n      >\n        <svg lucidePlus [size]=\"16\" aria-hidden=\"true\" />\n      </button>\n    </ng-template>\n\n    @if (stack() === 'vertical' && controlAlignment() === 'left') {\n    <div class=\"mlv-number-input__steppers\">\n      <ng-container [ngTemplateOutlet]=\"incrementStepper\" />\n      <ng-container [ngTemplateOutlet]=\"decrementStepper\" />\n    </div>\n    } @if (stack() === 'horizontal') {\n    <ng-container [ngTemplateOutlet]=\"decrementStepper\" />\n    }\n\n    <input\n      #inputRef\n      class=\"mlv-number-input__native\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      [id]=\"id()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"computedDisabled()\"\n      [readOnly]=\"readonly()\"\n      [value]=\"_internalStringValue()\"\n      [attr.aria-valuenow]=\"value() !== null ? value() : null\"\n      [attr.aria-valuemin]=\"min() !== null ? min() : null\"\n      [attr.aria-valuemax]=\"max() !== null ? max() : null\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-required]=\"required() || null\"\n      [attr.aria-invalid]=\"resolvedState() === 'error' ? 'true' : null\"\n      [attr.aria-describedby]=\"_describedBy()\"\n      role=\"spinbutton\"\n      (input)=\"_onNativeInput($event)\"\n      (keydown)=\"_onKeydown($event)\"\n      (keydown.enter)=\"_onEnter()\"\n      (wheel)=\"_onWheel($event)\"\n      (focus)=\"_isFocused.set(true); setFocused(true)\"\n      (blur)=\"_onBlur()\"\n    />\n\n    @if (stack() === 'horizontal') {\n    <ng-container [ngTemplateOutlet]=\"incrementStepper\" />\n    } @if (stack() === 'vertical' && controlAlignment() === 'right') {\n    <div class=\"mlv-number-input__steppers\">\n      <ng-container [ngTemplateOutlet]=\"incrementStepper\" />\n      <ng-container [ngTemplateOutlet]=\"decrementStepper\" />\n    </div>\n    }\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n", styles: ["@layer mlv.components{.mlv-number-input{display:block}.mlv-number-input .mlv-form-control-wrapper__control-container{align-items:stretch;gap:0;overflow:hidden;padding:0}.mlv-number-input__native{flex:1;border:none;outline:none;background:none;text-align:center;font-variant-numeric:tabular-nums;color:var(--mlv-text-primary);font-family:var(--mlv-typography-family-text);font-size:var(--form-ctrl-font-size, var(--mlv-font-size-m));min-width:0;padding:0 var(--form-ctrl-h-padding);width:100%;height:100%;-webkit-appearance:none;-moz-appearance:textfield}.mlv-number-input__native::-webkit-inner-spin-button,.mlv-number-input__native::-webkit-outer-spin-button{display:none}.mlv-number-input__native::placeholder{color:var(--mlv-text-tertiary)}.mlv-number-input__stepper{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:stretch;inline-size:var(--form-ctrl-height);min-inline-size:var(--form-ctrl-height);block-size:100%;background:none;border:none;cursor:pointer;color:var(--mlv-text-secondary);padding:0;transition-property:color,background-color,transform;transition-duration:var(--mlv-duration-fast);transition-timing-function:var(--mlv-ease-out);border-radius:0;margin:0}.mlv-number-input__stepper:hover:not(:disabled){color:var(--mlv-text-primary);background-color:var(--mlv-background-neutral-1-hover)}.mlv-number-input__stepper:active:not(:disabled){transform:scale(.97)}.mlv-number-input__stepper:disabled{opacity:var(--mlv-disabled-opacity);cursor:not-allowed}.mlv-number-input__stepper:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-number-input__stepper svg{width:var(--form-ctrl-icon-size, 1rem);height:var(--form-ctrl-icon-size, 1rem)}.mlv-number-input__steppers{display:flex;flex:0 0 var(--form-ctrl-height);flex-direction:column;align-self:stretch;inline-size:var(--form-ctrl-height)}.mlv-number-input__steppers .mlv-number-input__stepper{block-size:50%;inline-size:100%;min-block-size:0;min-inline-size:0}@media(prefers-reduced-motion:reduce){.mlv-number-input,.mlv-number-input *,.mlv-number-input:before,.mlv-number-input:after,[class^=mlv-number-input__],[class*=\" mlv-number-input__\"],[class^=mlv-number-input--],[class*=\" mlv-number-input--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], largeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "largeStep", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], precision: [{ type: i0.Input, args: [{ isSignal: true, alias: "precision", required: false }] }], scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], stack: [{ type: i0.Input, args: [{ isSignal: true, alias: "stack", required: false }] }], controlAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlAlignment", required: false }] }], _inputRef: [{ type: i0.ViewChild, args: ['inputRef', { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvNumberInput };
+//# sourceMappingURL=malva-ui-core-number-input.mjs.map

package/fesm2022/malva-ui-core-number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-number-input.mjs","sources":["../../../../libs/core/number-input/src/lib/number-input/number-input.ts","../../../../libs/core/number-input/src/lib/number-input/number-input.html","../../../../libs/core/number-input/src/malva-ui-core-number-input.ts"],"sourcesContent":["import type { ElementRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  model,\n  signal,\n  untracked,\n  ViewEncapsulation,\n  viewChild,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport type { MlvFormControl } from '@malva-ui/core/form-utils';\nimport {\n  MlvSignalFormControlBase,\n  MlvDescription,\n  MlvFormControlWrapper,\n  MlvFormControlWrapperControl,\n  MlvHint,\n  MlvLabel,\n  MLV_FORM_CONTROL,\n  MlvMessage,\n} from '@malva-ui/core/form-utils';\nimport {\n  MlvCompactComfortableDensity,\n  MLV_DENSITY_ELEMENT,\n} from '@malva-ui/cdk/density';\nimport { DOWN_ARROW, UP_ARROW } from '@angular/cdk/keycodes';\nimport { MlvRtlService, clamp } from '@malva-ui/cdk/utils';\nimport { LucideMinus, LucidePlus } from '@lucide/angular';\nimport { MLV_NUMBER_INPUT_I18N } from '@malva-ui/i18n';\n\n/** Delay before long-press acceleration kicks in (ms). */\nconst LONG_PRESS_DELAY = 400;\n/** Interval between repeated steps during long press (ms). */\nconst LONG_PRESS_INTERVAL = 150;\n/** Time after which long press switches to largeStep cadence (ms). */\nconst LONG_PRESS_LARGE_STEP_THRESHOLD = 1500;\n\n/** MlvLayout direction for the increment/decrement controls. */\nexport type MlvNumberInputControlStack = 'horizontal' | 'vertical';\n\n/** Side used for the vertical control stack. */\nexport type MlvNumberInputControlAlignment = 'left' | 'right';\n\n@Component({\n  selector: 'mlv-number-input',\n  templateUrl: './number-input.html',\n  styleUrl: './number-input.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: MlvCompactComfortableDensity,\n      inputs: ['mlvDensity'],\n    },\n  ],\n  providers: [\n    {\n      provide: MLV_DENSITY_ELEMENT,\n      useValue: 'number-input',\n    },\n    {\n      provide: MLV_FORM_CONTROL,\n      useExisting: forwardRef(() => MlvNumberInput),\n    },\n  ],\n  imports: [\n    NgTemplateOutlet,\n    MlvLabel,\n    MlvHint,\n    MlvDescription,\n    MlvFormControlWrapper,\n    MlvFormControlWrapperControl,\n    MlvMessage,\n    LucideMinus,\n    LucidePlus,\n  ],\n  host: {\n    class: 'mlv-number-input',\n    '[class]': '\"mlv-number-input--\" + resolvedState()',\n    '[class.mlv-number-input--disabled]': 'computedDisabled()',\n    '[class.mlv-number-input--focused]': 'focused()',\n    '[class.mlv-number-input--stack-horizontal]': 'stack() === \"horizontal\"',\n    '[class.mlv-number-input--stack-vertical]': 'stack() === \"vertical\"',\n    '[class.mlv-number-input--control-left]': 'controlAlignment() === \"left\"',\n    '[class.mlv-number-input--control-right]': 'controlAlignment() === \"right\"',\n  },\n})\nexport class MlvNumberInput\n  extends MlvSignalFormControlBase<number | null>\n  implements MlvFormControl\n{\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_NUMBER_INPUT_I18N);\n\n  /**\n   * Minimum allowed value. Also a signal-forms field binding: a `min` schema\n   * rule on the bound field binds this input (`NonNullable<number>|undefined`),\n   * so the write type widens to accept `undefined` (normalised to `null`).\n   */\n  readonly min = input<number | null, number | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * Maximum allowed value. Also a signal-forms field binding: a `max` schema\n   * rule on the bound field binds this input (`NonNullable<number>|undefined`),\n   * so the write type widens to accept `undefined` (normalised to `null`).\n   */\n  readonly max = input<number | null, number | null | undefined>(null, {\n    transform: (value) => value ?? null,\n  });\n\n  /**\n   * Step increment for arrow keys and stepper buttons. Default: 1. Write type\n   * widened to accept `undefined` (normalised to the `1` default) for\n   * signal-forms constraint-binding parity with the other numeric inputs.\n   */\n  readonly step = input<number, number | null | undefined>(1, {\n    transform: (value) => value ?? 1,\n  });\n\n  /**\n   * Large step for Shift+Arrow keys.\n   * Defaults to 10 × step when null.\n   */\n  readonly largeStep = input<number | null>(null);\n\n  /** Placeholder text shown when the input is empty. */\n  readonly placeholder = input<string>('');\n\n  /**\n   * Decimal precision for displayed value.\n   * When null, precision is inferred from the step value.\n   */\n  readonly precision = input<number | null>(null);\n\n  /**\n   * Whether scroll-wheel stepping is enabled when the input is focused.\n   * Default: true.\n   */\n  readonly scrollable = input<boolean, BooleanInput>(true, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** MlvLayout direction for the increment/decrement controls. */\n  readonly stack = input<MlvNumberInputControlStack>('horizontal');\n\n  /**\n   * Side used for the vertical control stack.\n   * Has no visual effect while `stack` is `'horizontal'`.\n   */\n  readonly controlAlignment = input<MlvNumberInputControlAlignment>('right');\n\n  /** @private Reference to the native input element. */\n  protected readonly _inputRef =\n    viewChild<ElementRef<HTMLInputElement>>('inputRef');\n\n  /**\n   * The committed numeric value — the signal-forms `FormValueControl` model\n   * (`null` when empty/cleared). Kept in sync with the bound field by\n   * `[formField]` / `[formControl]` / `ngModel`. Out-of-range form-side writes\n   * are re-clamped into `[min, max]` by the constructor effect (the\n   * replacement for the old CVA `writeValue` clamp).\n   */\n  readonly value = model<number | null>(null);\n\n  /** @private Raw string held while the user is typing. */\n  protected readonly _internalStringValue = signal<string>('');\n\n  /** @private Whether the input currently has focus. */\n  protected readonly _isFocused = signal(false);\n\n  /** True when the current value equals or is below min. */\n  readonly isAtMin = computed(() => {\n    const mn = this.min();\n    const val = this.value();\n    return mn !== null && val !== null && val <= mn;\n  });\n\n  /** True when the current value equals or is above max. */\n  readonly isAtMax = computed(() => {\n    const mx = this.max();\n    const val = this.value();\n    return mx !== null && val !== null && val >= mx;\n  });\n\n  /** Effective large step: largeStep input or 10 × step. */\n  readonly effectiveLargeStep = computed(\n    () => this.largeStep() ?? this.step() * 10,\n  );\n\n  /**\n   * Effective decimal precision.\n   * Uses the precision input if set; otherwise infers from the step string.\n   */\n  readonly effectivePrecision = computed<number>(() => {\n    const precision = this.precision();\n    if (precision !== null) return precision;\n    const s = this.step().toString();\n    const dot = s.indexOf('.');\n    return dot === -1 ? 0 : s.length - dot - 1;\n  });\n\n  /** @private DestroyRef used for long-press timer cleanup. */\n  private readonly _destroyRef = inject(DestroyRef);\n  private readonly _rtlService = inject(MlvRtlService);\n\n  /** @private Long-press delay timer handle. */\n  private _longPressDelayTimer: ReturnType<typeof setTimeout> | null = null;\n  /** @private Long-press repeat interval handle. */\n  private _longPressIntervalTimer: ReturnType<typeof setInterval> | null = null;\n  /** @private Timestamp when long-press started (for large-step threshold). */\n  private _longPressStartTime = 0;\n\n  constructor() {\n    super();\n    // Clamp form-side (model) writes into [min, max] and mirror the committed\n    // value into the display string — the signal-forms replacement for the old\n    // CVA `writeValue` clamp. min/max are read untracked so the effect fires\n    // only on a `value` write (exactly like `writeValue` ran only on a form\n    // write); the out-of-range set-back re-triggers the effect once and then\n    // converges (next run: clamped === value → no further write, no loop).\n    effect(() => {\n      const next = this.value();\n      untracked(() => {\n        if (next === null || next === undefined) {\n          this._internalStringValue.set('');\n          return;\n        }\n        const clamped = this._clamp(next);\n        if (clamped !== next) {\n          this.value.set(clamped);\n          return;\n        }\n        this._internalStringValue.set(this._format(next));\n      });\n    });\n    this._destroyRef.onDestroy(() => this._clearLongPress());\n  }\n\n  // ---------------------------------------------------------------------------\n  // Value / clear\n  // ---------------------------------------------------------------------------\n\n  /**\n   * Clears the current value. Called by the MlvFormControlWrapper clear button.\n   */\n  clearValue(): void {\n    this.value.set(null);\n    this._internalStringValue.set('');\n  }\n\n  /** Whether the control holds a clearable value — A numeric value is set. */\n  readonly hasValue = computed(() => this.value() !== null);\n\n  // ---------------------------------------------------------------------------\n  // Input event handlers\n  // ---------------------------------------------------------------------------\n\n  /**\n   * @protected Handles native input events — stores raw string while typing.\n   */\n  protected _onNativeInput(event: Event): void {\n    const raw = (event.target as HTMLInputElement).value;\n    this._internalStringValue.set(raw);\n  }\n\n  /**\n   * @protected Commits typed value on blur: parse, clamp, round, emit, then\n   * reports {@link MlvSignalFormUiControlBase.touch} (replaces CVA `onTouched`).\n   */\n  protected _onBlur(): void {\n    this._isFocused.set(false);\n    this.setFocused(false);\n    this._commitTypedValue();\n    this._markTouched();\n  }\n\n  /**\n   * @protected Commits on Enter key press.\n   */\n  protected _onEnter(): void {\n    this._commitTypedValue();\n  }\n\n  /**\n   * @protected Handles keyboard navigation on the native input.\n   */\n  protected _onKeydown(event: KeyboardEvent): void {\n    if (this.computedDisabled()) return;\n\n    switch (this._rtlService.normalizeArrowKey(event) ?? event.key) {\n      case UP_ARROW:\n        event.preventDefault();\n        this._step(event.shiftKey ? this.effectiveLargeStep() : this.step());\n        break;\n      case DOWN_ARROW:\n        event.preventDefault();\n        this._step(event.shiftKey ? -this.effectiveLargeStep() : -this.step());\n        break;\n      case 'Home':\n        event.preventDefault();\n        {\n          const min = this.min();\n          if (min !== null) this._setValue(min);\n        }\n        break;\n      case 'End':\n        event.preventDefault();\n        {\n          const max = this.max();\n          if (max !== null) this._setValue(max);\n        }\n        break;\n    }\n  }\n\n  /**\n   * @protected Handles scroll-wheel input when scrollable and focused.\n   * The wheel listener is attached via fromEvent with { passive: false } so\n   * preventDefault() actually suppresses page scroll.\n   */\n  protected _onWheel(event: WheelEvent): void {\n    if (!this.scrollable() || !this._isFocused() || this.computedDisabled()) {\n      return;\n    }\n    event.preventDefault();\n    this._step(event.deltaY > 0 ? -this.step() : this.step());\n  }\n\n  // ---------------------------------------------------------------------------\n  // Stepper button long-press\n  // ---------------------------------------------------------------------------\n\n  /**\n   * @protected Starts a long-press sequence for increment (positive delta) or decrement.\n   */\n  protected _onStepperPointerDown(delta: 1 | -1): void {\n    if (this.computedDisabled()) return;\n    this._longPressStartTime = Date.now();\n    const step = delta > 0 ? this.step() : -this.step();\n    this._step(step);\n    this._clearLongPress();\n\n    this._longPressDelayTimer = setTimeout(() => {\n      this._longPressIntervalTimer = setInterval(() => {\n        const elapsed = Date.now() - this._longPressStartTime;\n        const useStep =\n          elapsed >= LONG_PRESS_LARGE_STEP_THRESHOLD\n            ? delta > 0\n              ? this.effectiveLargeStep()\n              : -this.effectiveLargeStep()\n            : step;\n        this._step(useStep);\n      }, LONG_PRESS_INTERVAL);\n    }, LONG_PRESS_DELAY);\n\n    this._refocusInput();\n  }\n\n  /**\n   * @protected Cancels long-press on pointer release.\n   */\n  protected _onStepperPointerUp(): void {\n    this._clearLongPress();\n  }\n\n  // ---------------------------------------------------------------------------\n  // Private helpers\n  // ---------------------------------------------------------------------------\n\n  /**\n   * @private Parses the typed string, clamps, rounds, and commits to `value`.\n   */\n  private _commitTypedValue(): void {\n    const raw = this._internalStringValue().trim();\n    if (raw === '') {\n      if (this.clearable()) {\n        this.value.set(null);\n        this._internalStringValue.set('');\n      } else {\n        const last = this.value();\n        this._internalStringValue.set(last !== null ? this._format(last) : '');\n      }\n      return;\n    }\n    const parsed = parseFloat(raw);\n    if (isNaN(parsed)) {\n      const last = this.value();\n      this._internalStringValue.set(last !== null ? this._format(last) : '');\n      return;\n    }\n    this._setValue(parsed);\n  }\n\n  /**\n   * @private Applies a numeric delta to the current value, clamping the result.\n   */\n  private _step(delta: number): void {\n    const current = this.value() ?? 0;\n    this._setValue(current + delta);\n  }\n\n  /**\n   * @private Sets the numeric value: clamp → round → commit to the `value`\n   * model (which propagates to the bound field).\n   */\n  private _setValue(raw: number): void {\n    const clamped = this._clamp(raw);\n    const rounded = this._round(clamped);\n    this._internalStringValue.set(this._format(rounded));\n    this.value.set(rounded);\n  }\n\n  /**\n   * @private Clamps a value to [min, max].\n   */\n  private _clamp(value: number): number {\n    return clamp(value, this.min() ?? -Infinity, this.max() ?? Infinity);\n  }\n\n  /**\n   * @private Rounds a value to the effective precision.\n   */\n  private _round(value: number): number {\n    const p = this.effectivePrecision();\n    return parseFloat(value.toFixed(p));\n  }\n\n  /**\n   * @private Formats a number to the effective precision string.\n   */\n  private _format(value: number): string {\n    return value.toFixed(this.effectivePrecision());\n  }\n\n  /**\n   * @private Clears long-press timers.\n   */\n  private _clearLongPress(): void {\n    if (this._longPressDelayTimer !== null) {\n      clearTimeout(this._longPressDelayTimer);\n      this._longPressDelayTimer = null;\n    }\n    if (this._longPressIntervalTimer !== null) {\n      clearInterval(this._longPressIntervalTimer);\n      this._longPressIntervalTimer = null;\n    }\n  }\n\n  /**\n   * @private Focuses the native input after a stepper button click.\n   */\n  private _refocusInput(): void {\n    this._inputRef()?.nativeElement.focus();\n  }\n}\n","<mlv-form-control-wrapper (clear)=\"clearValue()\">\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <ng-template #decrementStepper>\n      <button\n        type=\"button\"\n        class=\"mlv-number-input__stepper mlv-number-input__decrement\"\n        [disabled]=\"computedDisabled() || isAtMin()\"\n        [attr.aria-label]=\"_i18n().decrement\"\n        tabindex=\"-1\"\n        (pointerdown)=\"$event.preventDefault(); _onStepperPointerDown(-1)\"\n        (pointerup)=\"_onStepperPointerUp()\"\n        (pointerleave)=\"_onStepperPointerUp()\"\n        (pointercancel)=\"_onStepperPointerUp()\"\n      >\n        <svg lucideMinus [size]=\"16\" aria-hidden=\"true\" />\n      </button>\n    </ng-template>\n\n    <ng-template #incrementStepper>\n      <button\n        type=\"button\"\n        class=\"mlv-number-input__stepper mlv-number-input__increment\"\n        [disabled]=\"computedDisabled() || isAtMax()\"\n        [attr.aria-label]=\"_i18n().increment\"\n        tabindex=\"-1\"\n        (pointerdown)=\"$event.preventDefault(); _onStepperPointerDown(1)\"\n        (pointerup)=\"_onStepperPointerUp()\"\n        (pointerleave)=\"_onStepperPointerUp()\"\n        (pointercancel)=\"_onStepperPointerUp()\"\n      >\n        <svg lucidePlus [size]=\"16\" aria-hidden=\"true\" />\n      </button>\n    </ng-template>\n\n    @if (stack() === 'vertical' && controlAlignment() === 'left') {\n    <div class=\"mlv-number-input__steppers\">\n      <ng-container [ngTemplateOutlet]=\"incrementStepper\" />\n      <ng-container [ngTemplateOutlet]=\"decrementStepper\" />\n    </div>\n    } @if (stack() === 'horizontal') {\n    <ng-container [ngTemplateOutlet]=\"decrementStepper\" />\n    }\n\n    <input\n      #inputRef\n      class=\"mlv-number-input__native\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      [id]=\"id()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"computedDisabled()\"\n      [readOnly]=\"readonly()\"\n      [value]=\"_internalStringValue()\"\n      [attr.aria-valuenow]=\"value() !== null ? value() : null\"\n      [attr.aria-valuemin]=\"min() !== null ? min() : null\"\n      [attr.aria-valuemax]=\"max() !== null ? max() : null\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-required]=\"required() || null\"\n      [attr.aria-invalid]=\"resolvedState() === 'error' ? 'true' : null\"\n      [attr.aria-describedby]=\"_describedBy()\"\n      role=\"spinbutton\"\n      (input)=\"_onNativeInput($event)\"\n      (keydown)=\"_onKeydown($event)\"\n      (keydown.enter)=\"_onEnter()\"\n      (wheel)=\"_onWheel($event)\"\n      (focus)=\"_isFocused.set(true); setFocused(true)\"\n      (blur)=\"_onBlur()\"\n    />\n\n    @if (stack() === 'horizontal') {\n    <ng-container [ngTemplateOutlet]=\"incrementStepper\" />\n    } @if (stack() === 'vertical' && controlAlignment() === 'right') {\n    <div class=\"mlv-number-input__steppers\">\n      <ng-container [ngTemplateOutlet]=\"incrementStepper\" />\n      <ng-container [ngTemplateOutlet]=\"decrementStepper\" />\n    </div>\n    }\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}