@malva-ui/core 0.1.12

package/esm2022/notification/lib/notification.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.service.js","sourceRoot":"","sources":["../../../../../../libs/core/notification/src/lib/notification.service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateRef, Type } from '@angular/core';\nimport { Injectable, Injector } from '@angular/core';\nimport type {\n  MlvIAbstractToastComponent,\n  MlvToastPoliteness,\n  MlvToastPosition,\n} from '@malva-ui/core/toast';\nimport {\n  MLV_TOAST_DEFAULT_POSITION,\n  MlvAbstractToastService,\n  MlvToastContainer,\n  MlvToastRef,\n  joinAnnouncementParts,\n  resolveToastPoliteness,\n} from '@malva-ui/core/toast';\nimport type {\n  MlvInternalNotification,\n  MlvNotificationContent,\n  MlvNotificationConfig,\n  MlvNotificationOpenConfig,\n  MlvNotificationTemplateContext,\n  MlvNotificationTone,\n} from './notification.types';\nimport { NOTIFICATION_CONFIG, NOTIFICATION_DATA } from './notification.types';\nimport { MlvNotificationItem } from './notification-item/notification-item';\nimport { MlvNotificationRef } from './notification-ref';\n\ntype NotificationConfigWithoutTitleAndTone = Omit<\n  MlvNotificationConfig,\n  'title' | 'tone'\n>;\n\n/** @internal Normalized config passed through the existing `show()` pipeline. */\ninterface InternalNotificationConfig extends MlvNotificationConfig {\n  dynamicContent?: Exclude<MlvNotificationContent, string>;\n  openConfig?: MlvNotificationOpenConfig;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class MlvNotificationService extends MlvAbstractToastService<\n  MlvNotificationConfig,\n  MlvInternalNotification,\n  MlvIAbstractToastComponent<MlvInternalNotification>,\n  MlvNotificationRef\n> {\n  /** @protected Overlay container component reused from `@malva-ui/core/toast`. */\n  protected override readonly containerType = MlvToastContainer;\n\n  /** @protected Concrete item component the container renders for each notification. */\n  protected override readonly toastItemType = MlvNotificationItem;\n\n  /**\n   * @protected Announces the title, description, and the labels of any action\n   * buttons — a keyboard or screen-reader user needs to know an action exists,\n   * since notifications never steal focus. Returns `null` for template and\n   * component content, whose rendered text the service cannot read.\n   */\n  protected override resolveAnnouncement(\n    config: MlvNotificationConfig,\n  ): { message: string; politeness: MlvToastPoliteness } | null {\n    if ((config as InternalNotificationConfig).dynamicContent) {\n      return null;\n    }\n    const message = joinAnnouncementParts([\n      config.title,\n      config.description,\n      ...(config.actions ?? []).map((action) => action.label),\n    ]);\n\n    return message\n      ? {\n          message,\n          politeness: resolveToastPoliteness(config.tone ?? 'default'),\n        }\n      : null;\n  }\n\n  /** @protected Builds a fully-resolved internal notification from user config, applying defaults. */\n  protected override buildItem(\n    id: string,\n    config: MlvNotificationConfig,\n    ref: MlvNotificationRef,\n  ): MlvInternalNotification {\n    const internalConfig = config as InternalNotificationConfig;\n    const openConfig = internalConfig.openConfig;\n    const contentContext: MlvNotificationTemplateContext | undefined =\n      openConfig\n        ? {\n            $implicit: ref,\n            ref,\n            data: openConfig.data,\n            config: openConfig,\n          }\n        : undefined;\n    const contentInjector = openConfig\n      ? Injector.create({\n          parent: openConfig.injector ?? this._environmentInjector,\n          providers: [\n            { provide: MlvNotificationRef, useValue: ref },\n            { provide: MlvToastRef, useValue: ref },\n            { provide: NOTIFICATION_DATA, useValue: openConfig.data },\n            { provide: NOTIFICATION_CONFIG, useValue: openConfig },\n          ],\n        })\n      : undefined;\n\n    return {\n      id,\n      title: config.title,\n      description: config.description ?? '',\n      position: config.position ?? MLV_TOAST_DEFAULT_POSITION,\n      tone: config.tone ?? 'default',\n      displayTime: config.displayTime ?? 6000,\n      pauseOnHover: config.pauseOnHover ?? true,\n      closable: config.closable ?? true,\n      actions: config.actions ?? [],\n      showIcon: config.showIcon ?? true,\n      content: internalConfig.dynamicContent,\n      contentContext,\n      contentInjector,\n    };\n  }\n\n  /**\n   * Opens escaped string, template, or component content as a notification.\n   *\n   * Template content receives `MlvNotificationTemplateContext`; component content\n   * can inject `MlvNotificationRef`, `NOTIFICATION_DATA`, and\n   * `NOTIFICATION_CONFIG`.\n   */\n  open<D = unknown>(\n    content: MlvNotificationContent<D>,\n    config: MlvNotificationOpenConfig<D> = {},\n  ): MlvNotificationRef<D> {\n    if (typeof content === 'string') {\n      return super.show({ ...config, title: content }) as MlvNotificationRef<D>;\n    }\n\n    const internalConfig: InternalNotificationConfig = {\n      ...config,\n      title: '',\n      dynamicContent: content as\n        | TemplateRef<MlvNotificationTemplateContext>\n        | Type<unknown>,\n      openConfig: config,\n    };\n    return super.show(internalConfig) as MlvNotificationRef<D>;\n  }\n\n  /** @protected Creates a data-aware reference for each notification. */\n  protected override _createRef(\n    id: string,\n    position: MlvToastPosition,\n    config: MlvNotificationConfig,\n  ): MlvNotificationRef {\n    return new MlvNotificationRef(id, config.data, () =>\n      this.close(id, position),\n    );\n  }\n\n  success(\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: 'success' });\n  }\n\n  error(\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: 'danger' });\n  }\n\n  warning(\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: 'warning' });\n  }\n\n  info(\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: 'info' });\n  }\n\n  tone(\n    v: MlvNotificationTone,\n    title: string,\n    config?: NotificationConfigWithoutTitleAndTone,\n  ): MlvNotificationRef {\n    return this.show({ ...config, title, tone: v });\n  }\n}\n"]}

package/esm2022/notification/lib/notification.types.js

@@ -0,0 +1,6 @@
+import { InjectionToken } from '@angular/core';
+/** Data available to component content opened through `MlvNotificationService.open()`. */
+export const NOTIFICATION_DATA = new InjectionToken('NOTIFICATION_DATA');
+/** Configuration available to component content opened through `MlvNotificationService.open()`. */
+export const NOTIFICATION_CONFIG = new InjectionToken('NOTIFICATION_CONFIG');
+//# sourceMappingURL=notification.types.js.map

package/esm2022/notification/lib/notification.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.types.js","sourceRoot":"","sources":["../../../../../../libs/core/notification/src/lib/notification.types.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AA6C/C,0FAA0F;AAC1F,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,cAAc,CACjD,mBAAmB,CACpB,CAAC;AAEF,mGAAmG;AACnG,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,cAAc,CAEnD,qBAAqB,CAAC,CAAC","sourcesContent":["import type {\n  MlvBaseToastConfig,\n  MlvInternalBaseToast,\n} from '@malva-ui/core/toast';\nimport type { Injector, TemplateRef, Type } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\nimport type { MlvTone } from '@malva-ui/cdk/utils';\nimport type { MlvNotificationRef } from './notification-ref';\n\nexport type MlvNotificationTone = MlvTone | 'default';\n\nexport interface MlvNotificationAction {\n  label: string;\n  action: () => void;\n  variant?: 'primary' | 'secondary';\n}\n\nexport interface MlvNotificationConfig<D = unknown>\n  extends MlvBaseToastConfig<D> {\n  title: string;\n  description?: string;\n  tone?: MlvNotificationTone;\n  actions?: MlvNotificationAction[];\n  /** Override the auto-selected icon. Pass null to hide the icon. */\n  showIcon?: boolean;\n}\n\n/** Options for `MlvNotificationService.open()` where content is supplied separately. */\nexport interface MlvNotificationOpenConfig<D = unknown>\n  extends MlvBaseToastConfig<D> {\n  description?: string;\n  tone?: MlvNotificationTone;\n  actions?: MlvNotificationAction[];\n  showIcon?: boolean;\n}\n\n/** Context exposed when `MlvNotificationService.open()` receives a `TemplateRef`. */\nexport interface MlvNotificationTemplateContext<D = unknown> {\n  $implicit: MlvNotificationRef<D>;\n  ref: MlvNotificationRef<D>;\n  data: D;\n  config: Readonly<MlvNotificationOpenConfig<D>>;\n}\n\n/** Content accepted by `MlvNotificationService.open()`. Strings are rendered as escaped text. */\nexport type MlvNotificationContent<D = unknown> =\n  | string\n  | TemplateRef<MlvNotificationTemplateContext<D>>\n  | Type<unknown>;\n\n/** Data available to component content opened through `MlvNotificationService.open()`. */\nexport const NOTIFICATION_DATA = new InjectionToken<unknown>(\n  'NOTIFICATION_DATA',\n);\n\n/** Configuration available to component content opened through `MlvNotificationService.open()`. */\nexport const NOTIFICATION_CONFIG = new InjectionToken<\n  Readonly<MlvNotificationOpenConfig>\n>('NOTIFICATION_CONFIG');\n\nexport interface MlvInternalNotification extends MlvInternalBaseToast {\n  title: string;\n  description: string;\n  tone: MlvNotificationTone;\n  actions: MlvNotificationAction[];\n  showIcon: boolean;\n  /** Dynamic template/component content; strings use the existing title rendering path. */\n  content?: Exclude<MlvNotificationContent, string>;\n  /** Context supplied to dynamic template content. */\n  contentContext?: MlvNotificationTemplateContext;\n  /** Per-item injector supplied to dynamic template/component content. */\n  contentInjector?: Injector;\n}\n"]}

package/esm2022/notification/malva-ui-core-notification.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-notification.js.map

package/esm2022/notification/malva-ui-core-notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-notification.js","sourceRoot":"","sources":["../../../../../libs/core/notification/src/malva-ui-core-notification.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/number-input/index.js

@@ -0,0 +1,2 @@
+export * from './lib/number-input/number-input';
+//# sourceMappingURL=index.js.map

package/esm2022/number-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/number-input/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './lib/number-input/number-input';\n"]}

package/esm2022/number-input/lib/number-input/number-input.js

@@ -0,0 +1,395 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, effect, forwardRef, inject, input, model, signal, untracked, ViewEncapsulation, viewChild, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MlvSignalFormControlBase, MlvDescription, MlvFormControlWrapper, MlvFormControlWrapperControl, MlvHint, MlvLabel, MLV_FORM_CONTROL, MlvMessage, } from '@malva-ui/core/form-utils';
+import { MlvCompactComfortableDensity, MLV_DENSITY_ELEMENT, } from '@malva-ui/cdk/density';
+import { clamp } from '@malva-ui/cdk/utils';
+import { LucideMinus, LucidePlus } from '@lucide/angular';
+import { MLV_NUMBER_INPUT_I18N } from '@malva-ui/i18n';
+import * as i0 from "@angular/core";
+import * as i1 from "@malva-ui/cdk/density";
+/** 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;
+export 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);
+    /** @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 (event.key) {
+            case 'ArrowUp':
+                event.preventDefault();
+                this._step(event.shiftKey ? this.effectiveLargeStep() : this.step());
+                break;
+            case 'ArrowDown':
+                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: [".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) solid var(--mlv-border-focus);outline-offset:.125rem}.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}\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: [".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) solid var(--mlv-border-focus);outline-offset:.125rem}.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}\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"] }] } });
+//# sourceMappingURL=number-input.js.map

package/esm2022/number-input/lib/number-input/number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../../../../libs/core/number-input/src/lib/number-input/number-input.ts","../../../../../../../libs/core/number-input/src/lib/number-input/number-input.html"],"names":[],"mappings":"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","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 { 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\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 (event.key) {\n      case 'ArrowUp':\n        event.preventDefault();\n        this._step(event.shiftKey ? this.effectiveLargeStep() : this.step());\n        break;\n      case 'ArrowDown':\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"]}

package/esm2022/number-input/malva-ui-core-number-input.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-number-input.js.map

package/esm2022/number-input/malva-ui-core-number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-number-input.js","sourceRoot":"","sources":["../../../../../libs/core/number-input/src/malva-ui-core-number-input.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/page/index.js

@@ -0,0 +1,15 @@
+export * from './lib/page/page';
+export * from './lib/page/page-scroll.token';
+export * from './lib/page/page-snap-controller';
+export * from './lib/page/page-snap.directive';
+export * from './lib/page-shell/page-shell';
+export * from './lib/page-shell/page-shell.slots';
+export * from './lib/page-header/page-header';
+export * from './lib/page-header/page-header.directives';
+export * from './lib/page-content/page-content';
+export * from './lib/page-content/page-aside';
+export * from './lib/page-summary/page-summary';
+export * from './lib/page-summary/page-summary-item';
+export * from './lib/page-dock/page-dock';
+export * from './lib/page-dock/page-dock.slots';
+//# sourceMappingURL=index.js.map

package/esm2022/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/page/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './lib/page/page';\nexport * from './lib/page/page-scroll.token';\nexport * from './lib/page/page-snap-controller';\nexport * from './lib/page/page-snap.directive';\nexport * from './lib/page-shell/page-shell';\nexport * from './lib/page-shell/page-shell.slots';\nexport * from './lib/page-header/page-header';\nexport * from './lib/page-header/page-header.directives';\nexport * from './lib/page-content/page-content';\nexport * from './lib/page-content/page-aside';\nexport * from './lib/page-summary/page-summary';\nexport * from './lib/page-summary/page-summary-item';\nexport * from './lib/page-dock/page-dock';\nexport * from './lib/page-dock/page-dock.slots';\n"]}

package/esm2022/page/lib/page/page-scroll.token.js

@@ -0,0 +1,9 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Injection token provided by `main[mlvPage]` so descendants can react to the
+ * page's scroll position without knowing which element owns scrolling.
+ * Inject optionally — components keep working outside a page, just without
+ * scroll-linked behaviour.
+ */
+export const MLV_PAGE_SCROLL = new InjectionToken('MLV_PAGE_SCROLL');
+//# sourceMappingURL=page-scroll.token.js.map

package/esm2022/page/lib/page/page-scroll.token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-scroll.token.js","sourceRoot":"","sources":["../../../../../../../libs/core/page/src/lib/page/page-scroll.token.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAe,MAAM,eAAe,CAAC;AAe5D;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,cAAc,CAC/C,iBAAiB,CAClB,CAAC","sourcesContent":["import { InjectionToken, type Signal } from '@angular/core';\n\n/**\n * Scroll state of the owning page's scroll container, exposed to descendants\n * such as `mlv-page-header` and `mlv-page-summary` for scroll-linked\n * behaviour (sticky snap shadows, auto-collapsing summary strips).\n */\nexport interface MlvPageScrollState {\n  /** Current vertical scroll offset of the page scroll owner, in pixels. */\n  readonly scrollTop: Signal<number>;\n\n  /** True once the page has scrolled past a small hysteresis threshold. */\n  readonly scrolled: Signal<boolean>;\n}\n\n/**\n * Injection token provided by `main[mlvPage]` so descendants can react to the\n * page's scroll position without knowing which element owns scrolling.\n * Inject optionally — components keep working outside a page, just without\n * scroll-linked behaviour.\n */\nexport const MLV_PAGE_SCROLL = new InjectionToken<MlvPageScrollState>(\n  'MLV_PAGE_SCROLL',\n);\n"]}