forty-cdk 0.2.0 → 0.3.0

package/fesm2022/forty-cdk-number-input.mjs

@@ -0,0 +1,559 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, model, input, computed, DestroyRef, Directive, signal } from '@angular/core';
+import { createDefaults, FormUiControlBase, localeSeparators, reflectDisabled, injectHiddenInput, mirrorUnfocusedValue, roundToStepPrecision, parseLocaleNumber, clamp } from 'forty-cdk/core';
+
+/**
+ * Injection token for the `[forNumberInputGroup]` coordination surface. The
+ * spinbutton joins it via `register`; the buttons read the registered field
+ * through `field()`.
+ */
+const FOR_NUMBER_INPUT_GROUP = new InjectionToken('FOR_NUMBER_INPUT_GROUP');
+/**
+ * Resolve the surrounding `[forNumberInputGroup]`, or throw a descriptive
+ * error. The increment / decrement buttons are only meaningful inside a
+ * `[forNumberInputGroup]` that wraps a `[forNumberInput]`.
+ */
+function injectNumberInputGroup(piece) {
+    const group = inject(FOR_NUMBER_INPUT_GROUP, { optional: true });
+    if (!group) {
+        throw new Error(`[forty-cdk/number-input] ${piece} must be used inside a [forNumberInputGroup] that wraps a [forNumberInput].`);
+    }
+    return group;
+}
+
+/**
+ * Library fallback for number-input defaults, read at the root injector when no
+ * consumer has called `provideForNumberInputDefaults`. Exported for the shared
+ * defaults contract spec; not re-exported from the primitive's public entry.
+ */
+const FOR_NUMBER_INPUT_FALLBACK_DEFAULTS = {
+    stepMultiplier: 10,
+};
+const { token, provideDefaults } = createDefaults('FOR_NUMBER_INPUT_DEFAULTS', FOR_NUMBER_INPUT_FALLBACK_DEFAULTS);
+/** Token holding the resolved number-input defaults for the current scope. */
+const FOR_NUMBER_INPUT_DEFAULTS = token;
+/**
+ * Configures forty-cdk number-input defaults for this injector scope. Partial
+ * overrides inherit unspecified keys from the parent scope (or library
+ * defaults at the root).
+ */
+function provideForNumberInputDefaults(defaults = {}) {
+    return provideDefaults(defaults);
+}
+
+/**
+ * Headless implementation of the
+ * [WAI-ARIA Spinbutton pattern](https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/)
+ * and Angular's `FormValueControl<number | null>` from `@angular/forms/signals`,
+ * so it auto-wires with `[formField]` and auto-associates inside a `[forField]`
+ * (label / description / error) with no extra markup.
+ *
+ * Apply on a `<input type="text" inputmode="numeric">` — not `type="number"`,
+ * whose native UI is unstylable and locale-quirky. The directive owns parsing,
+ * clamping to `[min, max]`, the full Spinbutton keyboard map, and optional
+ * `Intl.NumberFormat`-based display formatting. The focusable spinbutton input
+ * itself is the `FormValueControl`; the `[forNumberInputIncrement]` /
+ * `[forNumberInputDecrement]` buttons are auxiliary pointer affordances.
+ *
+ * Because the displayed (formatted) text can differ from the submitted value,
+ * the directive mounts a hidden `<input>` carrying the raw number for native
+ * form submission when `name` is set — deliberately unlike `ForInput`, whose
+ * visible element is itself the submittable field.
+ *
+ * The host gets `data-empty` (while the value is `null`), `data-disabled`, and
+ * `data-readonly` for CSS hooks, plus `data-touched` / `data-dirty` /
+ * `data-pending` / `data-invalid` from the shared form-control reflection.
+ *
+ * @example
+ * ```html
+ * <button forNumberInputDecrement aria-label="Decrease">−</button>
+ * <input forNumberInput [(value)]="qty" [min]="0" [max]="10" [step]="1" />
+ * <button forNumberInputIncrement aria-label="Increase">+</button>
+ *
+ * <!-- With Signal Forms + Field (auto-wired): -->
+ * <div forField>
+ *   <label forLabel>Quantity</label>
+ *   <input forNumberInput [formField]="order.qty" [min]="1" />
+ * </div>
+ * ```
+ */
+class ForNumberInput extends FormUiControlBase {
+    #host = inject(ElementRef);
+    #defaults = inject(FOR_NUMBER_INPUT_DEFAULTS);
+    /**
+     * Two-way bindable numeric value. Required by `FormValueControl<number | null>`.
+     * `null` represents the empty input (reflected as `data-empty`); a parsed
+     * number otherwise.
+     */
+    value = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /**
+     * Minimum value. Typed `number | undefined` to satisfy `FormUiControl.min`
+     * (Signal Forms passes `undefined` when no `min` validator is bound). When
+     * unset there is no lower bound.
+     */
+    min = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    /**
+     * Maximum value. Typed `number | undefined` to satisfy `FormUiControl.max`.
+     * When unset there is no upper bound.
+     */
+    max = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /** Increment applied by ArrowUp / ArrowDown and the inc/dec buttons. */
+    step = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    /**
+     * Multiplier applied to `step` for `PageUp` / `PageDown`. Defaults to the
+     * value from `provideForNumberInputDefaults` for the surrounding scope (10).
+     */
+    stepMultiplier = input(this.#defaults.stepMultiplier, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stepMultiplier" }] : /* istanbul ignore next */ []));
+    /**
+     * `Intl.NumberFormat` options for the displayed text and `aria-valuetext`.
+     * When `null` (default) the raw number is shown and no `aria-valuetext` is
+     * emitted (the numeric `aria-valuenow` already conveys the value).
+     */
+    formatOptions = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formatOptions" }] : /* istanbul ignore next */ []));
+    /** BCP 47 locale for parsing and formatting. Defaults to the runtime locale. */
+    locale = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    #formatter = computed(() => {
+        const options = this.formatOptions();
+        return options ? new Intl.NumberFormat(this.locale() ?? undefined, options) : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#formatter" }] : /* istanbul ignore next */ []));
+    #separators = computed(() => localeSeparators(this.locale() ?? undefined), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#separators" }] : /* istanbul ignore next */ []));
+    #displayText = computed(() => {
+        const current = this.value();
+        if (current === null) {
+            return '';
+        }
+        const formatter = this.#formatter();
+        return formatter ? formatter.format(current) : String(current);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#displayText" }] : /* istanbul ignore next */ []));
+    /**
+     * Human-readable value for `aria-valuetext`. Only emitted when
+     * `formatOptions` is set (the formatted text differs from `aria-valuenow`);
+     * `null` otherwise so screen readers fall back to the numeric value.
+     */
+    valueText = computed(() => {
+        const current = this.value();
+        if (current === null) {
+            return null;
+        }
+        const formatter = this.#formatter();
+        return formatter ? formatter.format(current) : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
+    /**
+     * Derived keyboard mode: `decimal` when fractional values are possible, else
+     * `numeric`. Reads the formatter's *resolved* options so currency / percent
+     * styles (which imply fraction digits the consumer never spelled out, e.g. 2
+     * for most currencies) report their effective `maximumFractionDigits` rather
+     * than the raw, un-resolved options object where those keys are absent.
+     */
+    inputmode = computed(() => {
+        const resolved = this.#formatter()?.resolvedOptions();
+        const fractional = !Number.isInteger(this.step()) ||
+            !this.#isWholeBound(this.min()) ||
+            !this.#isWholeBound(this.max()) ||
+            (resolved?.maximumFractionDigits ?? 0) > 0 ||
+            (resolved?.minimumFractionDigits ?? 0) > 0;
+        return fractional ? 'decimal' : 'numeric';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputmode" }] : /* istanbul ignore next */ []));
+    /** `true` when the value sits at (or below) `min`. */
+    atMin = computed(() => {
+        const min = this.min();
+        const current = this.value();
+        return min !== undefined && current !== null && current <= min;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "atMin" }] : /* istanbul ignore next */ []));
+    /** `true` when the value sits at (or above) `max`. */
+    atMax = computed(() => {
+        const max = this.max();
+        const current = this.value();
+        return max !== undefined && current !== null && current >= max;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "atMax" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        reflectDisabled(this.effectiveDisabled);
+        injectHiddenInput({
+            name: this.name,
+            values: computed(() => {
+                const current = this.value();
+                return current === null ? [] : [String(current)];
+            }),
+            disabled: this.effectiveDisabled,
+        });
+        // Register with an optional surrounding [forNumberInputGroup] so its
+        // stepper buttons can drive this spinbutton. A standalone input (no
+        // buttons) has no group and skips this entirely.
+        const group = inject(FOR_NUMBER_INPUT_GROUP, { optional: true });
+        if (group) {
+            group.register(this);
+            inject(DestroyRef).onDestroy(() => group.unregister(this));
+        }
+        // Mirror external writes (consumer `[(value)]` / `[formField]`, or the
+        // post-commit reformat) into the native element while it isn't focused. Live
+        // typing flows in through the `(input)` listener, and step / commit write the
+        // display imperatively (the element is focused then, so this guard skips it).
+        mirrorUnfocusedValue(() => this.#host.nativeElement, this.#displayText);
+    }
+    /**
+     * Increase the value by `by` (defaults to `step`). From empty, lands on the
+     * clamped baseline (`min ?? 0`). Clamps to `[min, max]`.
+     */
+    increment(by = this.step()) {
+        if (this.effectiveDisabled() || this.readonly()) {
+            return;
+        }
+        const current = this.value();
+        this.#applyValue(current === null ? this.#baseline() : roundToStepPrecision(current + by, this.step()));
+    }
+    /**
+     * Decrease the value by `by` (defaults to `step`). From empty, lands on the
+     * clamped baseline (`min ?? 0`). Clamps to `[min, max]`.
+     */
+    decrement(by = this.step()) {
+        if (this.effectiveDisabled() || this.readonly()) {
+            return;
+        }
+        const current = this.value();
+        this.#applyValue(current === null ? this.#baseline() : roundToStepPrecision(current - by, this.step()));
+    }
+    /** Live-parse the typed text into the value (unclamped — clamping waits for commit). */
+    onInput(event) {
+        if (this.effectiveDisabled() || this.readonly()) {
+            return;
+        }
+        const raw = event.target.value;
+        if (raw.trim() === '') {
+            this.value.set(null);
+            return;
+        }
+        const parsed = parseLocaleNumber(raw, this.#separators());
+        // Ignore unparseable input: keep the last valid value, leave the user's
+        // in-progress text untouched; commit() reformats from the value on blur.
+        if (parsed !== null) {
+            this.value.set(parsed);
+        }
+    }
+    onKeyDown(event) {
+        if (this.effectiveDisabled() || this.readonly()) {
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowUp':
+                event.preventDefault();
+                this.increment();
+                return;
+            case 'ArrowDown':
+                event.preventDefault();
+                this.decrement();
+                return;
+            case 'PageUp':
+                event.preventDefault();
+                this.increment(this.step() * this.stepMultiplier());
+                return;
+            case 'PageDown':
+                event.preventDefault();
+                this.decrement(this.step() * this.stepMultiplier());
+                return;
+            case 'Home': {
+                const min = this.min();
+                if (min !== undefined) {
+                    event.preventDefault();
+                    this.#applyValue(min);
+                }
+                return;
+            }
+            case 'End': {
+                const max = this.max();
+                if (max !== undefined) {
+                    event.preventDefault();
+                    this.#applyValue(max);
+                }
+                return;
+            }
+            case 'Enter':
+                this.commit();
+                return;
+            default:
+                return;
+        }
+    }
+    /** Clamp the live value to `[min, max]` and reformat the displayed text. */
+    commit() {
+        const current = this.value();
+        if (current !== null) {
+            const clamped = this.#clamp(current);
+            if (clamped !== current) {
+                this.value.set(clamped);
+            }
+        }
+        this.#writeDisplay();
+    }
+    #applyValue(raw) {
+        this.value.set(this.#clamp(raw));
+        this.#writeDisplay();
+    }
+    #writeDisplay() {
+        const el = this.#host.nativeElement;
+        const text = this.#displayText();
+        if (el.value !== text) {
+            el.value = text;
+        }
+    }
+    #baseline() {
+        return this.#clamp(this.min() ?? 0);
+    }
+    #clamp(n) {
+        return clamp(n, this.min() ?? -Infinity, this.max() ?? Infinity);
+    }
+    #isWholeBound(bound) {
+        return bound === undefined || Number.isInteger(bound);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForNumberInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForNumberInput, isStandalone: true, selector: "[forNumberInput]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, stepMultiplier: { classPropertyName: "stepMultiplier", publicName: "stepMultiplier", isSignal: true, isRequired: false, transformFunction: null }, formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "spinbutton" }, listeners: { "input": "onInput($event)", "keydown": "onKeyDown($event)", "blur": "commit(); markTouched()" }, properties: { "attr.inputmode": "inputmode()", "attr.aria-valuenow": "value() ?? null", "attr.aria-valuemin": "min() ?? null", "attr.aria-valuemax": "max() ?? null", "attr.aria-valuetext": "valueText()", "attr.aria-disabled": "effectiveDisabled() ? \"true\" : null", "attr.aria-readonly": "readonly() ? \"true\" : null", "attr.aria-required": "required() ? \"true\" : null", "attr.aria-invalid": "invalid() ? \"true\" : null", "attr.aria-busy": "pending() ? \"true\" : null", "attr.readonly": "readonly() ? \"\" : null", "attr.data-empty": "value() === null ? \"\" : null", "attr.data-disabled": "effectiveDisabled() ? \"\" : null", "attr.data-readonly": "readonly() ? \"\" : null" } }, exportAs: ["forNumberInput"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForNumberInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forNumberInput]',
+                    exportAs: 'forNumberInput',
+                    host: {
+                        role: 'spinbutton',
+                        '[attr.inputmode]': 'inputmode()',
+                        '[attr.aria-valuenow]': 'value() ?? null',
+                        '[attr.aria-valuemin]': 'min() ?? null',
+                        '[attr.aria-valuemax]': 'max() ?? null',
+                        '[attr.aria-valuetext]': 'valueText()',
+                        '[attr.aria-disabled]': 'effectiveDisabled() ? "true" : null',
+                        '[attr.aria-readonly]': 'readonly() ? "true" : null',
+                        '[attr.aria-required]': 'required() ? "true" : null',
+                        '[attr.aria-invalid]': 'invalid() ? "true" : null',
+                        '[attr.aria-busy]': 'pending() ? "true" : null',
+                        '[attr.readonly]': 'readonly() ? "" : null',
+                        '[attr.data-empty]': 'value() === null ? "" : null',
+                        '[attr.data-disabled]': 'effectiveDisabled() ? "" : null',
+                        '[attr.data-readonly]': 'readonly() ? "" : null',
+                        '(input)': 'onInput($event)',
+                        '(keydown)': 'onKeyDown($event)',
+                        '(blur)': 'commit(); markTouched()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], 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 }] }], stepMultiplier: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepMultiplier", required: false }] }], formatOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatOptions", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }] } });
+
+/**
+ * Optional coordination wrapper for a `[forNumberInput]` and its
+ * `[forNumberInputIncrement]` / `[forNumberInputDecrement]` buttons. It renders
+ * nothing and imposes no role or layout — its only job is to bridge the buttons
+ * to the spinbutton.
+ *
+ * It is required _only_ when you use the stepper buttons: a `<input>` is a void
+ * element and can't contain the buttons as DOM descendants, so the buttons
+ * can't inject the spinbutton's context directly. The group registers the
+ * `[forNumberInput]` beneath it and exposes it via `field()`, which the buttons
+ * read. A standalone `[forNumberInput]` (keyboard / `[(value)]` only) needs no
+ * group.
+ *
+ * @example
+ * ```html
+ * <div forNumberInputGroup>
+ *   <button forNumberInputDecrement aria-label="Decrease">−</button>
+ *   <input forNumberInput [(value)]="qty" [min]="0" [max]="10" />
+ *   <button forNumberInputIncrement aria-label="Increase">+</button>
+ * </div>
+ * ```
+ */
+class ForNumberInputGroup {
+    #field = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#field" }] : /* istanbul ignore next */ []));
+    field = this.#field.asReadonly();
+    register(field) {
+        this.#field.set(field);
+    }
+    unregister(field) {
+        if (this.#field() === field) {
+            this.#field.set(null);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForNumberInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: ForNumberInputGroup, isStandalone: true, selector: "[forNumberInputGroup]", providers: [{ provide: FOR_NUMBER_INPUT_GROUP, useExisting: ForNumberInputGroup }], exportAs: ["forNumberInputGroup"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForNumberInputGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forNumberInputGroup]',
+                    exportAs: 'forNumberInputGroup',
+                    providers: [{ provide: FOR_NUMBER_INPUT_GROUP, useExisting: ForNumberInputGroup }],
+                }]
+        }] });
+
+/**
+ * Auxiliary "step up" button for a `[forNumberInput]`. Apply on a `<button>`
+ * (the directive forces `type="button"` to prevent form submission). It stays
+ * `tabindex="-1"` — focus belongs on the spinbutton input, which carries the
+ * full keyboard map — and reflects `[disabled]` + `data-disabled` when the
+ * value is at `max` (or the control is disabled / read-only).
+ *
+ * Takes the uniform `ariaLabel` input so consumers can name it (e.g.
+ * "Increase quantity").
+ *
+ * @example
+ * ```html
+ * <input forNumberInput [(value)]="qty" [max]="10" />
+ * <button forNumberInputIncrement aria-label="Increase">+</button>
+ * ```
+ */
+class ForNumberInputIncrement {
+    group = injectNumberInputGroup('ForNumberInputIncrement');
+    /** Accessible name for the button. Emits `aria-label` only when truthy. */
+    ariaLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => {
+        const field = this.group.field();
+        return !field || field.effectiveDisabled() || field.readonly() || field.atMax();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    constructor() {
+        reflectDisabled(this.isDisabled);
+    }
+    step() {
+        this.group.field()?.increment();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForNumberInputIncrement, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForNumberInputIncrement, isStandalone: true, selector: "[forNumberInputIncrement]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "tabindex": "-1" }, listeners: { "click": "step()" }, properties: { "attr.aria-label": "ariaLabel() || null", "attr.data-disabled": "isDisabled() ? \"\" : null" } }, exportAs: ["forNumberInputIncrement"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForNumberInputIncrement, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forNumberInputIncrement]',
+                    exportAs: 'forNumberInputIncrement',
+                    host: {
+                        type: 'button',
+                        tabindex: '-1',
+                        '[attr.aria-label]': 'ariaLabel() || null',
+                        '[attr.data-disabled]': 'isDisabled() ? "" : null',
+                        '(click)': 'step()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+/**
+ * Auxiliary "step down" button for a `[forNumberInput]`. Apply on a `<button>`
+ * (the directive forces `type="button"` to prevent form submission). It stays
+ * `tabindex="-1"` — focus belongs on the spinbutton input, which carries the
+ * full keyboard map — and reflects `[disabled]` + `data-disabled` when the
+ * value is at `min` (or the control is disabled / read-only).
+ *
+ * Takes the uniform `ariaLabel` input so consumers can name it (e.g.
+ * "Decrease quantity").
+ *
+ * @example
+ * ```html
+ * <button forNumberInputDecrement aria-label="Decrease">−</button>
+ * <input forNumberInput [(value)]="qty" [min]="0" />
+ * ```
+ */
+class ForNumberInputDecrement {
+    group = injectNumberInputGroup('ForNumberInputDecrement');
+    /** Accessible name for the button. Emits `aria-label` only when truthy. */
+    ariaLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => {
+        const field = this.group.field();
+        return !field || field.effectiveDisabled() || field.readonly() || field.atMin();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    constructor() {
+        reflectDisabled(this.isDisabled);
+    }
+    step() {
+        this.group.field()?.decrement();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForNumberInputDecrement, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForNumberInputDecrement, isStandalone: true, selector: "[forNumberInputDecrement]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button", "tabindex": "-1" }, listeners: { "click": "step()" }, properties: { "attr.aria-label": "ariaLabel() || null", "attr.data-disabled": "isDisabled() ? \"\" : null" } }, exportAs: ["forNumberInputDecrement"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForNumberInputDecrement, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forNumberInputDecrement]',
+                    exportAs: 'forNumberInputDecrement',
+                    host: {
+                        type: 'button',
+                        tabindex: '-1',
+                        '[attr.aria-label]': 'ariaLabel() || null',
+                        '[attr.data-disabled]': 'isDisabled() ? "" : null',
+                        '(click)': 'step()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+/**
+ * Exact public names of every `ForNumberInput` input, its models included. Spread it into the
+ * `inputs` array of a `hostDirectives` entry so a wrapper component re-exposes the
+ * primitive's full surface — the Signal Forms members `[formField]` binds among them —
+ * without hand-maintaining the list. Always spread into an inline object literal as shown
+ * below: the literal is what keeps the entry statically analyzable for consumers compiling
+ * against the published package. An anti-drift spec fails when this list no longer matches
+ * the directive's actual API. See `docs/wrapping-form-primitives.md` for both supported
+ * wrapping patterns.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   selector: 'input[myNumberInput]',
+ *   template: '',
+ *   hostDirectives: [
+ *     {
+ *       directive: ForNumberInput,
+ *       inputs: [...FOR_NUMBER_INPUT_HOST_DIRECTIVE_INPUTS],
+ *       outputs: [...FOR_NUMBER_INPUT_HOST_DIRECTIVE_OUTPUTS],
+ *     },
+ *   ],
+ * })
+ * export class MyNumberInput {}
+ * ```
+ */
+const FOR_NUMBER_INPUT_HOST_DIRECTIVE_INPUTS = [
+    'value',
+    'dirty',
+    'disabled',
+    'errors',
+    'formatOptions',
+    'invalid',
+    'locale',
+    'max',
+    'min',
+    'name',
+    'pending',
+    'readonly',
+    'required',
+    'step',
+    'stepMultiplier',
+    'touched',
+];
+/**
+ * Exact public names of every `ForNumberInput` output, the Signal Forms `touch` output
+ * included. Spread it into the `outputs` array of the same `hostDirectives` entry as
+ * {@link FOR_NUMBER_INPUT_HOST_DIRECTIVE_INPUTS}.
+ */
+const FOR_NUMBER_INPUT_HOST_DIRECTIVE_OUTPUTS = [
+    'valueChange',
+    'touchedChange',
+    'touch',
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FOR_NUMBER_INPUT_DEFAULTS, FOR_NUMBER_INPUT_GROUP, FOR_NUMBER_INPUT_HOST_DIRECTIVE_INPUTS, FOR_NUMBER_INPUT_HOST_DIRECTIVE_OUTPUTS, ForNumberInput, ForNumberInputDecrement, ForNumberInputGroup, ForNumberInputIncrement, injectNumberInputGroup, provideForNumberInputDefaults };
+//# sourceMappingURL=forty-cdk-number-input.mjs.map

package/fesm2022/forty-cdk-number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forty-cdk-number-input.mjs","sources":["../../../projects/forty-cdk/number-input/src/number-input-context.ts","../../../projects/forty-cdk/number-input/src/number-input-defaults.ts","../../../projects/forty-cdk/number-input/src/number-input.ts","../../../projects/forty-cdk/number-input/src/number-input-group.ts","../../../projects/forty-cdk/number-input/src/number-input-increment.ts","../../../projects/forty-cdk/number-input/src/number-input-decrement.ts","../../../projects/forty-cdk/number-input/src/number-input-host-directive.ts","../../../projects/forty-cdk/number-input/src/forty-cdk-number-input.ts"],"sourcesContent":["import { inject, InjectionToken, type Signal } from '@angular/core';\n\n/**\n * The coordination surface a `[forNumberInput]` exposes to its siblings. The\n * auxiliary `[forNumberInputIncrement]` / `[forNumberInputDecrement]` buttons\n * read it (through the group) to step the value and to reflect their disabled\n * state at the min / max bound.\n */\nexport interface ForNumberInputContext {\n  /** Current numeric value, or `null` while the field is empty. */\n  readonly value: Signal<number | null>;\n  /**\n   * The spinbutton's effective disabled — its own `disabled` input OR'd with a\n   * surrounding disabled `[forFieldset]`. The increment / decrement buttons read\n   * this so a disabled fieldset also disables stepping.\n   */\n  readonly effectiveDisabled: Signal<boolean>;\n  /** Whether the spinbutton is read-only. */\n  readonly readonly: Signal<boolean>;\n  /** `true` when the value sits at (or below) `min`. */\n  readonly atMin: Signal<boolean>;\n  /** `true` when the value sits at (or above) `max`. */\n  readonly atMax: Signal<boolean>;\n  /**\n   * Increase the value by `by` (defaults to `step`), clamping to `[min, max]`.\n   * No-op while disabled or read-only.\n   */\n  increment(by?: number): void;\n  /**\n   * Decrease the value by `by` (defaults to `step`), clamping to `[min, max]`.\n   * No-op while disabled or read-only.\n   */\n  decrement(by?: number): void;\n}\n\n/**\n * The single coordination surface `[forNumberInputGroup]` exposes. A\n * `[forNumberInput]` nested under the group registers itself, and the\n * auxiliary `[forNumberInputIncrement]` / `[forNumberInputDecrement]` buttons\n * read the registered spinbutton through `field()` to step the value and\n * reflect their min / max disabled state. Coordination flows through this\n * registry — not the DOM — because the focusable spinbutton lives on a void\n * `<input>` that can't contain the sibling buttons as descendants.\n */\nexport interface ForNumberInputGroupContext {\n  /** The registered spinbutton, or `null` while none is mounted. */\n  readonly field: Signal<ForNumberInputContext | null>;\n  /** Register the spinbutton the group coordinates. */\n  register(field: ForNumberInputContext): void;\n  /** Remove a previously registered spinbutton. */\n  unregister(field: ForNumberInputContext): void;\n}\n\n/**\n * Injection token for the `[forNumberInputGroup]` coordination surface. The\n * spinbutton joins it via `register`; the buttons read the registered field\n * through `field()`.\n */\nexport const FOR_NUMBER_INPUT_GROUP = new InjectionToken<ForNumberInputGroupContext>(\n  'FOR_NUMBER_INPUT_GROUP',\n);\n\n/**\n * Resolve the surrounding `[forNumberInputGroup]`, or throw a descriptive\n * error. The increment / decrement buttons are only meaningful inside a\n * `[forNumberInputGroup]` that wraps a `[forNumberInput]`.\n */\nexport function injectNumberInputGroup(piece: string): ForNumberInputGroupContext {\n  const group = inject(FOR_NUMBER_INPUT_GROUP, { optional: true });\n  if (!group) {\n    throw new Error(\n      `[forty-cdk/number-input] ${piece} must be used inside a [forNumberInputGroup] that wraps a [forNumberInput].`,\n    );\n  }\n  return group;\n}\n","import { type Provider } from '@angular/core';\n\nimport { createDefaults } from 'forty-cdk/core';\n\n/**\n * Defaults inherited by descendant `[forNumberInput]` controls in the\n * surrounding injector scope. Configure with `provideForNumberInputDefaults`\n * either at the application root or in any component's `providers` array;\n * partial overrides merge with the parent scope.\n */\nexport interface ForNumberInputDefaults {\n  /**\n   * Multiplier applied to `step` for `PageUp` / `PageDown`. Defaults to `10`,\n   * so a step of `1` pages by `10`.\n   */\n  stepMultiplier: number;\n}\n\n/**\n * Library fallback for number-input defaults, read at the root injector when no\n * consumer has called `provideForNumberInputDefaults`. Exported for the shared\n * defaults contract spec; not re-exported from the primitive's public entry.\n */\nexport const FOR_NUMBER_INPUT_FALLBACK_DEFAULTS: ForNumberInputDefaults = {\n  stepMultiplier: 10,\n};\n\nconst { token, provideDefaults } = createDefaults<ForNumberInputDefaults>(\n  'FOR_NUMBER_INPUT_DEFAULTS',\n  FOR_NUMBER_INPUT_FALLBACK_DEFAULTS,\n);\n\n/** Token holding the resolved number-input defaults for the current scope. */\nexport const FOR_NUMBER_INPUT_DEFAULTS = token;\n\n/**\n * Configures forty-cdk number-input defaults for this injector scope. Partial\n * overrides inherit unspecified keys from the parent scope (or library\n * defaults at the root).\n */\nexport function provideForNumberInputDefaults(\n  defaults: Partial<ForNumberInputDefaults> = {},\n): Provider[] {\n  return provideDefaults(defaults);\n}\n","import { computed, DestroyRef, Directive, ElementRef, inject, input, model } from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport {\n  reflectDisabled,\n  FormUiControlBase,\n  mirrorUnfocusedValue,\n  injectHiddenInput,\n  localeSeparators,\n  parseLocaleNumber,\n  clamp,\n  roundToStepPrecision,\n} from 'forty-cdk/core';\nimport { FOR_NUMBER_INPUT_GROUP, type ForNumberInputContext } from './number-input-context';\nimport { FOR_NUMBER_INPUT_DEFAULTS } from './number-input-defaults';\n\n/**\n * Headless implementation of the\n * [WAI-ARIA Spinbutton pattern](https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/)\n * and Angular's `FormValueControl<number | null>` from `@angular/forms/signals`,\n * so it auto-wires with `[formField]` and auto-associates inside a `[forField]`\n * (label / description / error) with no extra markup.\n *\n * Apply on a `<input type=\"text\" inputmode=\"numeric\">` — not `type=\"number\"`,\n * whose native UI is unstylable and locale-quirky. The directive owns parsing,\n * clamping to `[min, max]`, the full Spinbutton keyboard map, and optional\n * `Intl.NumberFormat`-based display formatting. The focusable spinbutton input\n * itself is the `FormValueControl`; the `[forNumberInputIncrement]` /\n * `[forNumberInputDecrement]` buttons are auxiliary pointer affordances.\n *\n * Because the displayed (formatted) text can differ from the submitted value,\n * the directive mounts a hidden `<input>` carrying the raw number for native\n * form submission when `name` is set — deliberately unlike `ForInput`, whose\n * visible element is itself the submittable field.\n *\n * The host gets `data-empty` (while the value is `null`), `data-disabled`, and\n * `data-readonly` for CSS hooks, plus `data-touched` / `data-dirty` /\n * `data-pending` / `data-invalid` from the shared form-control reflection.\n *\n * @example\n * ```html\n * <button forNumberInputDecrement aria-label=\"Decrease\">−</button>\n * <input forNumberInput [(value)]=\"qty\" [min]=\"0\" [max]=\"10\" [step]=\"1\" />\n * <button forNumberInputIncrement aria-label=\"Increase\">+</button>\n *\n * <!-- With Signal Forms + Field (auto-wired): -->\n * <div forField>\n *   <label forLabel>Quantity</label>\n *   <input forNumberInput [formField]=\"order.qty\" [min]=\"1\" />\n * </div>\n * ```\n */\n@Directive({\n  selector: '[forNumberInput]',\n  exportAs: 'forNumberInput',\n  host: {\n    role: 'spinbutton',\n    '[attr.inputmode]': 'inputmode()',\n    '[attr.aria-valuenow]': 'value() ?? null',\n    '[attr.aria-valuemin]': 'min() ?? null',\n    '[attr.aria-valuemax]': 'max() ?? null',\n    '[attr.aria-valuetext]': 'valueText()',\n    '[attr.aria-disabled]': 'effectiveDisabled() ? \"true\" : null',\n    '[attr.aria-readonly]': 'readonly() ? \"true\" : null',\n    '[attr.aria-required]': 'required() ? \"true\" : null',\n    '[attr.aria-invalid]': 'invalid() ? \"true\" : null',\n    '[attr.aria-busy]': 'pending() ? \"true\" : null',\n    '[attr.readonly]': 'readonly() ? \"\" : null',\n    '[attr.data-empty]': 'value() === null ? \"\" : null',\n    '[attr.data-disabled]': 'effectiveDisabled() ? \"\" : null',\n    '[attr.data-readonly]': 'readonly() ? \"\" : null',\n    '(input)': 'onInput($event)',\n    '(keydown)': 'onKeyDown($event)',\n    '(blur)': 'commit(); markTouched()',\n  },\n})\nexport class ForNumberInput\n  extends FormUiControlBase\n  implements FormValueControl<number | null>, ForNumberInputContext\n{\n  readonly #host = inject<ElementRef<HTMLInputElement>>(ElementRef);\n  readonly #defaults = inject(FOR_NUMBER_INPUT_DEFAULTS);\n\n  /**\n   * Two-way bindable numeric value. Required by `FormValueControl<number | null>`.\n   * `null` represents the empty input (reflected as `data-empty`); a parsed\n   * number otherwise.\n   */\n  readonly value = model<number | null>(null);\n\n  /**\n   * Minimum value. Typed `number | undefined` to satisfy `FormUiControl.min`\n   * (Signal Forms passes `undefined` when no `min` validator is bound). When\n   * unset there is no lower bound.\n   */\n  readonly min = input<number | undefined>(undefined);\n\n  /**\n   * Maximum value. Typed `number | undefined` to satisfy `FormUiControl.max`.\n   * When unset there is no upper bound.\n   */\n  readonly max = input<number | undefined>(undefined);\n\n  /** Increment applied by ArrowUp / ArrowDown and the inc/dec buttons. */\n  readonly step = input(1);\n\n  /**\n   * Multiplier applied to `step` for `PageUp` / `PageDown`. Defaults to the\n   * value from `provideForNumberInputDefaults` for the surrounding scope (10).\n   */\n  readonly stepMultiplier = input(this.#defaults.stepMultiplier);\n\n  /**\n   * `Intl.NumberFormat` options for the displayed text and `aria-valuetext`.\n   * When `null` (default) the raw number is shown and no `aria-valuetext` is\n   * emitted (the numeric `aria-valuenow` already conveys the value).\n   */\n  readonly formatOptions = input<Intl.NumberFormatOptions | null>(null);\n\n  /** BCP 47 locale for parsing and formatting. Defaults to the runtime locale. */\n  readonly locale = input<string | null>(null);\n\n  readonly #formatter = computed(() => {\n    const options = this.formatOptions();\n    return options ? new Intl.NumberFormat(this.locale() ?? undefined, options) : null;\n  });\n\n  readonly #separators = computed(() => localeSeparators(this.locale() ?? undefined));\n\n  readonly #displayText = computed(() => {\n    const current = this.value();\n    if (current === null) {\n      return '';\n    }\n    const formatter = this.#formatter();\n    return formatter ? formatter.format(current) : String(current);\n  });\n\n  /**\n   * Human-readable value for `aria-valuetext`. Only emitted when\n   * `formatOptions` is set (the formatted text differs from `aria-valuenow`);\n   * `null` otherwise so screen readers fall back to the numeric value.\n   */\n  readonly valueText = computed(() => {\n    const current = this.value();\n    if (current === null) {\n      return null;\n    }\n    const formatter = this.#formatter();\n    return formatter ? formatter.format(current) : null;\n  });\n\n  /**\n   * Derived keyboard mode: `decimal` when fractional values are possible, else\n   * `numeric`. Reads the formatter's *resolved* options so currency / percent\n   * styles (which imply fraction digits the consumer never spelled out, e.g. 2\n   * for most currencies) report their effective `maximumFractionDigits` rather\n   * than the raw, un-resolved options object where those keys are absent.\n   */\n  readonly inputmode = computed<'numeric' | 'decimal'>(() => {\n    const resolved = this.#formatter()?.resolvedOptions();\n    const fractional =\n      !Number.isInteger(this.step()) ||\n      !this.#isWholeBound(this.min()) ||\n      !this.#isWholeBound(this.max()) ||\n      (resolved?.maximumFractionDigits ?? 0) > 0 ||\n      (resolved?.minimumFractionDigits ?? 0) > 0;\n    return fractional ? 'decimal' : 'numeric';\n  });\n\n  /** `true` when the value sits at (or below) `min`. */\n  readonly atMin = computed(() => {\n    const min = this.min();\n    const current = this.value();\n    return min !== undefined && current !== null && current <= min;\n  });\n\n  /** `true` when the value sits at (or above) `max`. */\n  readonly atMax = computed(() => {\n    const max = this.max();\n    const current = this.value();\n    return max !== undefined && current !== null && current >= max;\n  });\n\n  constructor() {\n    super();\n    reflectDisabled(this.effectiveDisabled);\n    injectHiddenInput({\n      name: this.name,\n      values: computed(() => {\n        const current = this.value();\n        return current === null ? [] : [String(current)];\n      }),\n      disabled: this.effectiveDisabled,\n    });\n\n    // Register with an optional surrounding [forNumberInputGroup] so its\n    // stepper buttons can drive this spinbutton. A standalone input (no\n    // buttons) has no group and skips this entirely.\n    const group = inject(FOR_NUMBER_INPUT_GROUP, { optional: true });\n    if (group) {\n      group.register(this);\n      inject(DestroyRef).onDestroy(() => group.unregister(this));\n    }\n\n    // Mirror external writes (consumer `[(value)]` / `[formField]`, or the\n    // post-commit reformat) into the native element while it isn't focused. Live\n    // typing flows in through the `(input)` listener, and step / commit write the\n    // display imperatively (the element is focused then, so this guard skips it).\n    mirrorUnfocusedValue(() => this.#host.nativeElement, this.#displayText);\n  }\n\n  /**\n   * Increase the value by `by` (defaults to `step`). From empty, lands on the\n   * clamped baseline (`min ?? 0`). Clamps to `[min, max]`.\n   */\n  increment(by: number = this.step()): void {\n    if (this.effectiveDisabled() || this.readonly()) {\n      return;\n    }\n    const current = this.value();\n    this.#applyValue(\n      current === null ? this.#baseline() : roundToStepPrecision(current + by, this.step()),\n    );\n  }\n\n  /**\n   * Decrease the value by `by` (defaults to `step`). From empty, lands on the\n   * clamped baseline (`min ?? 0`). Clamps to `[min, max]`.\n   */\n  decrement(by: number = this.step()): void {\n    if (this.effectiveDisabled() || this.readonly()) {\n      return;\n    }\n    const current = this.value();\n    this.#applyValue(\n      current === null ? this.#baseline() : roundToStepPrecision(current - by, this.step()),\n    );\n  }\n\n  /** Live-parse the typed text into the value (unclamped — clamping waits for commit). */\n  protected onInput(event: Event): void {\n    if (this.effectiveDisabled() || this.readonly()) {\n      return;\n    }\n    const raw = (event.target as HTMLInputElement).value;\n    if (raw.trim() === '') {\n      this.value.set(null);\n      return;\n    }\n    const parsed = parseLocaleNumber(raw, this.#separators());\n    // Ignore unparseable input: keep the last valid value, leave the user's\n    // in-progress text untouched; commit() reformats from the value on blur.\n    if (parsed !== null) {\n      this.value.set(parsed);\n    }\n  }\n\n  protected onKeyDown(event: KeyboardEvent): void {\n    if (this.effectiveDisabled() || this.readonly()) {\n      return;\n    }\n    switch (event.key) {\n      case 'ArrowUp':\n        event.preventDefault();\n        this.increment();\n        return;\n      case 'ArrowDown':\n        event.preventDefault();\n        this.decrement();\n        return;\n      case 'PageUp':\n        event.preventDefault();\n        this.increment(this.step() * this.stepMultiplier());\n        return;\n      case 'PageDown':\n        event.preventDefault();\n        this.decrement(this.step() * this.stepMultiplier());\n        return;\n      case 'Home': {\n        const min = this.min();\n        if (min !== undefined) {\n          event.preventDefault();\n          this.#applyValue(min);\n        }\n        return;\n      }\n      case 'End': {\n        const max = this.max();\n        if (max !== undefined) {\n          event.preventDefault();\n          this.#applyValue(max);\n        }\n        return;\n      }\n      case 'Enter':\n        this.commit();\n        return;\n      default:\n        return;\n    }\n  }\n\n  /** Clamp the live value to `[min, max]` and reformat the displayed text. */\n  protected commit(): void {\n    const current = this.value();\n    if (current !== null) {\n      const clamped = this.#clamp(current);\n      if (clamped !== current) {\n        this.value.set(clamped);\n      }\n    }\n    this.#writeDisplay();\n  }\n\n  #applyValue(raw: number): void {\n    this.value.set(this.#clamp(raw));\n    this.#writeDisplay();\n  }\n\n  #writeDisplay(): void {\n    const el = this.#host.nativeElement;\n    const text = this.#displayText();\n    if (el.value !== text) {\n      el.value = text;\n    }\n  }\n\n  #baseline(): number {\n    return this.#clamp(this.min() ?? 0);\n  }\n\n  #clamp(n: number): number {\n    return clamp(n, this.min() ?? -Infinity, this.max() ?? Infinity);\n  }\n\n  #isWholeBound(bound: number | undefined): boolean {\n    return bound === undefined || Number.isInteger(bound);\n  }\n}\n","import { Directive, signal } from '@angular/core';\n\nimport {\n  FOR_NUMBER_INPUT_GROUP,\n  type ForNumberInputContext,\n  type ForNumberInputGroupContext,\n} from './number-input-context';\n\n/**\n * Optional coordination wrapper for a `[forNumberInput]` and its\n * `[forNumberInputIncrement]` / `[forNumberInputDecrement]` buttons. It renders\n * nothing and imposes no role or layout — its only job is to bridge the buttons\n * to the spinbutton.\n *\n * It is required _only_ when you use the stepper buttons: a `<input>` is a void\n * element and can't contain the buttons as DOM descendants, so the buttons\n * can't inject the spinbutton's context directly. The group registers the\n * `[forNumberInput]` beneath it and exposes it via `field()`, which the buttons\n * read. A standalone `[forNumberInput]` (keyboard / `[(value)]` only) needs no\n * group.\n *\n * @example\n * ```html\n * <div forNumberInputGroup>\n *   <button forNumberInputDecrement aria-label=\"Decrease\">−</button>\n *   <input forNumberInput [(value)]=\"qty\" [min]=\"0\" [max]=\"10\" />\n *   <button forNumberInputIncrement aria-label=\"Increase\">+</button>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[forNumberInputGroup]',\n  exportAs: 'forNumberInputGroup',\n  providers: [{ provide: FOR_NUMBER_INPUT_GROUP, useExisting: ForNumberInputGroup }],\n})\nexport class ForNumberInputGroup implements ForNumberInputGroupContext {\n  readonly #field = signal<ForNumberInputContext | null>(null);\n\n  readonly field = this.#field.asReadonly();\n\n  register(field: ForNumberInputContext): void {\n    this.#field.set(field);\n  }\n\n  unregister(field: ForNumberInputContext): void {\n    if (this.#field() === field) {\n      this.#field.set(null);\n    }\n  }\n}\n","import { computed, Directive, input } from '@angular/core';\n\nimport { reflectDisabled } from 'forty-cdk/core';\nimport { injectNumberInputGroup } from './number-input-context';\n\n/**\n * Auxiliary \"step up\" button for a `[forNumberInput]`. Apply on a `<button>`\n * (the directive forces `type=\"button\"` to prevent form submission). It stays\n * `tabindex=\"-1\"` — focus belongs on the spinbutton input, which carries the\n * full keyboard map — and reflects `[disabled]` + `data-disabled` when the\n * value is at `max` (or the control is disabled / read-only).\n *\n * Takes the uniform `ariaLabel` input so consumers can name it (e.g.\n * \"Increase quantity\").\n *\n * @example\n * ```html\n * <input forNumberInput [(value)]=\"qty\" [max]=\"10\" />\n * <button forNumberInputIncrement aria-label=\"Increase\">+</button>\n * ```\n */\n@Directive({\n  selector: '[forNumberInputIncrement]',\n  exportAs: 'forNumberInputIncrement',\n  host: {\n    type: 'button',\n    tabindex: '-1',\n    '[attr.aria-label]': 'ariaLabel() || null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '(click)': 'step()',\n  },\n})\nexport class ForNumberInputIncrement {\n  protected readonly group = injectNumberInputGroup('ForNumberInputIncrement');\n\n  /** Accessible name for the button. Emits `aria-label` only when truthy. */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly isDisabled = computed(() => {\n    const field = this.group.field();\n    return !field || field.effectiveDisabled() || field.readonly() || field.atMax();\n  });\n\n  constructor() {\n    reflectDisabled(this.isDisabled);\n  }\n\n  protected step(): void {\n    this.group.field()?.increment();\n  }\n}\n","import { computed, Directive, input } from '@angular/core';\n\nimport { reflectDisabled } from 'forty-cdk/core';\nimport { injectNumberInputGroup } from './number-input-context';\n\n/**\n * Auxiliary \"step down\" button for a `[forNumberInput]`. Apply on a `<button>`\n * (the directive forces `type=\"button\"` to prevent form submission). It stays\n * `tabindex=\"-1\"` — focus belongs on the spinbutton input, which carries the\n * full keyboard map — and reflects `[disabled]` + `data-disabled` when the\n * value is at `min` (or the control is disabled / read-only).\n *\n * Takes the uniform `ariaLabel` input so consumers can name it (e.g.\n * \"Decrease quantity\").\n *\n * @example\n * ```html\n * <button forNumberInputDecrement aria-label=\"Decrease\">−</button>\n * <input forNumberInput [(value)]=\"qty\" [min]=\"0\" />\n * ```\n */\n@Directive({\n  selector: '[forNumberInputDecrement]',\n  exportAs: 'forNumberInputDecrement',\n  host: {\n    type: 'button',\n    tabindex: '-1',\n    '[attr.aria-label]': 'ariaLabel() || null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '(click)': 'step()',\n  },\n})\nexport class ForNumberInputDecrement {\n  protected readonly group = injectNumberInputGroup('ForNumberInputDecrement');\n\n  /** Accessible name for the button. Emits `aria-label` only when truthy. */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly isDisabled = computed(() => {\n    const field = this.group.field();\n    return !field || field.effectiveDisabled() || field.readonly() || field.atMin();\n  });\n\n  constructor() {\n    reflectDisabled(this.isDisabled);\n  }\n\n  protected step(): void {\n    this.group.field()?.decrement();\n  }\n}\n","/**\n * Exact public names of every `ForNumberInput` input, its models included. Spread it into the\n * `inputs` array of a `hostDirectives` entry so a wrapper component re-exposes the\n * primitive's full surface — the Signal Forms members `[formField]` binds among them —\n * without hand-maintaining the list. Always spread into an inline object literal as shown\n * below: the literal is what keeps the entry statically analyzable for consumers compiling\n * against the published package. An anti-drift spec fails when this list no longer matches\n * the directive's actual API. See `docs/wrapping-form-primitives.md` for both supported\n * wrapping patterns.\n *\n * @example\n * ```ts\n * @Component({\n *   selector: 'input[myNumberInput]',\n *   template: '',\n *   hostDirectives: [\n *     {\n *       directive: ForNumberInput,\n *       inputs: [...FOR_NUMBER_INPUT_HOST_DIRECTIVE_INPUTS],\n *       outputs: [...FOR_NUMBER_INPUT_HOST_DIRECTIVE_OUTPUTS],\n *     },\n *   ],\n * })\n * export class MyNumberInput {}\n * ```\n */\nexport const FOR_NUMBER_INPUT_HOST_DIRECTIVE_INPUTS = [\n  'value',\n  'dirty',\n  'disabled',\n  'errors',\n  'formatOptions',\n  'invalid',\n  'locale',\n  'max',\n  'min',\n  'name',\n  'pending',\n  'readonly',\n  'required',\n  'step',\n  'stepMultiplier',\n  'touched',\n] as const;\n\n/**\n * Exact public names of every `ForNumberInput` output, the Signal Forms `touch` output\n * included. Spread it into the `outputs` array of the same `hostDirectives` entry as\n * {@link FOR_NUMBER_INPUT_HOST_DIRECTIVE_INPUTS}.\n */\nexport const FOR_NUMBER_INPUT_HOST_DIRECTIVE_OUTPUTS = [\n  'valueChange',\n  'touchedChange',\n  'touch',\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}