forty-cdk 0.2.0 → 0.3.0

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

@@ -0,0 +1,527 @@
+import { isPlatformBrowser } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, DOCUMENT, DestroyRef, PLATFORM_ID, signal, model, input, booleanAttribute, output, computed, effect, afterNextRender, Directive } from '@angular/core';
+import { FormUiControlBase, FOR_FIELD_CONTEXT, mirrorUnfocusedValue, createDefaults } from 'forty-cdk/core';
+
+/** Injection token for the `[forOtpInput]` coordination surface the slots read. */
+const FOR_OTP_INPUT_CONTEXT = new InjectionToken('FOR_OTP_INPUT_CONTEXT');
+/**
+ * Resolve the surrounding `[forOtpInput]` coordination context, or throw a
+ * descriptive error. A `[forOtpInputSlot]` is only meaningful inside a
+ * `[forOtpInput]`.
+ */
+function injectOtpInputContext(piece) {
+    const ctx = inject(FOR_OTP_INPUT_CONTEXT, { optional: true });
+    if (!ctx) {
+        throw new Error(`[forty-cdk/otp-input] ${piece} must be used inside a [forOtpInput].`);
+    }
+    return ctx;
+}
+
+/**
+ * Matches a value made up only of digits. Bind to `[pattern]` for a digit-only
+ * code; equivalent to the default `type="numeric"`.
+ */
+const OTP_REGEXP_ONLY_DIGITS = /^[0-9]+$/;
+/** Matches a value made up only of latin letters (`type="alphabetic"`). */
+const OTP_REGEXP_ONLY_CHARS = /^[a-zA-Z]+$/;
+/** Matches a value made up only of digits and latin letters (`type="alphanumeric"`). */
+const OTP_REGEXP_ONLY_DIGITS_AND_CHARS = /^[a-zA-Z0-9]+$/;
+const SINGLE_CHAR_BY_TYPE = {
+    numeric: /[0-9]/,
+    alphanumeric: /[a-zA-Z0-9]/,
+    alphabetic: /[a-zA-Z]/,
+};
+/**
+ * The single-character matcher for a built-in `type`. Each returned RegExp is
+ * non-global, so repeated `.test()` calls are stateless.
+ */
+function allowedCharForType(type) {
+    return SINGLE_CHAR_BY_TYPE[type];
+}
+/**
+ * The `inputmode` a built-in `type` maps to: `numeric` keeps the digits-only
+ * keypad, the letter classes fall back to the full text keyboard.
+ */
+function inputModeForType(type) {
+    return type === 'numeric' ? 'numeric' : 'text';
+}
+
+const MASK_CHAR = '•';
+function setAttr(el, name, value) {
+    if (value === null) {
+        el.removeAttribute(name);
+    }
+    else if (el.getAttribute(name) !== value) {
+        el.setAttribute(name, value);
+    }
+}
+/**
+ * Headless OTP / PIN input following the **single-input** model: one real
+ * `<input maxlength=N>` carries the whole code as a `string`, and the
+ * `[forOtpInputSlot]` pieces are a pure
+ * styling surface painted over it. There is **no** WAI-ARIA APG pattern for
+ * OTP; this gives the cleanest screen-reader experience (one ordinary text
+ * field, not "edit text, 1 of 6" announced N times), native mobile SMS autofill
+ * via `autocomplete="one-time-code"`, and native paste / caret / selection.
+ *
+ * Apply `[forOtpInput]` on a wrapper element — it becomes a `role="group"` and
+ * the directive injects the single visually-hidden-but-interactive `<input>`
+ * inside it (the consumer styles that input to overlay the slots). It
+ * implements Angular's `FormValueControl<string>` from `@angular/forms/signals`,
+ * so it auto-wires with `[formField]` and auto-associates inside a `[forField]`
+ * (label / description / error) with no extra markup.
+ *
+ * Because the focusable, submittable control is the injected `<input>` and not
+ * the `role="group"` host, `ForOtpInput` redirects `FormUiControlBase`'s
+ * host-targeted helpers onto that input: it overrides `fieldLabelledElement()`
+ * (so the field association lands on the input) and `fieldStateReflectionTarget()`
+ * (so the form-state `data-*` reflect there), and reflects the OTP-specific input
+ * attributes (`maxLength` / `inputmode` / `autocomplete` / `pattern` / `name`)
+ * and ARIA on the input itself.
+ *
+ * The host gets `data-complete` (while every slot is filled) and `data-disabled`
+ * for CSS hooks; the real input carries `data-disabled` / `data-readonly` plus
+ * `data-touched` / `data-dirty` / `data-pending` / `data-invalid`.
+ *
+ * > **`allowedPattern`, not `pattern`.** The custom allowed-character RegExp is
+ * > named `allowedPattern` because `FormUiControl.pattern` is reserved by Signal
+ * > Forms for an array of validation patterns the `[formField]` directive binds
+ * > in — reusing the name would both break the `implements` contract and let the
+ * > field overwrite the character filter.
+ *
+ * @example
+ * ```html
+ * <div forOtpInput [(value)]="code" [length]="6" type="numeric" ariaLabel="Verification code" #otp="forOtpInput">
+ *   @for (i of otp.slots(); track i) {
+ *     <div forOtpInputSlot [index]="i" #s="forOtpInputSlot">
+ *       {{ s.char() }}
+ *       @if (s.hasFakeCaret()) { <span class="caret"></span> }
+ *     </div>
+ *   }
+ * </div>
+ * ```
+ */
+class ForOtpInput extends FormUiControlBase {
+    #host = inject(ElementRef);
+    #document = inject(DOCUMENT);
+    #destroyRef = inject(DestroyRef);
+    #isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    #field = inject(FOR_FIELD_CONTEXT, { optional: true });
+    /** The injected real `<input>`, once created in the browser. */
+    #inputEl = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#inputEl" }] : /* istanbul ignore next */ []));
+    #focused = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#focused" }] : /* istanbul ignore next */ []));
+    #selectionStart = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#selectionStart" }] : /* istanbul ignore next */ []));
+    #selectionEnd = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#selectionEnd" }] : /* istanbul ignore next */ []));
+    #composing = false;
+    /**
+     * The current code. Required by `FormValueControl<string>`. Two-way bindable;
+     * its rendered length is clamped to `length()`.
+     */
+    value = model('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Number of characters / slots. */
+    length = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "length" }] : /* istanbul ignore next */ []));
+    /** Allowed character class. Ignored when `allowedPattern` is set. Defaults to `'numeric'`. */
+    type = input('numeric', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    /**
+     * Custom allowed-character RegExp, tested per typed/pasted character;
+     * overrides `type`. Named `allowedPattern` (not `pattern`) to avoid the
+     * reserved `FormUiControl.pattern` member — see the class JSDoc.
+     */
+    allowedPattern = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allowedPattern" }] : /* istanbul ignore next */ []));
+    /** Obscure entered characters in the slots (PIN entry); `value()` stays raw. */
+    mask = input(false, { ...(ngDevMode ? { debugName: "mask" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Toggle `autocomplete="one-time-code"` for mobile SMS autofill. */
+    oneTimeCode = input(true, { ...(ngDevMode ? { debugName: "oneTimeCode" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Rewrite pasted text before it fills the slots (e.g. strip separators). */
+    pasteTransformer = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pasteTransformer" }] : /* istanbul ignore next */ []));
+    /**
+     * Accessible name for the group, also reflected as `aria-label` on the
+     * injected real `<input>` whenever no field-provided `aria-labelledby`
+     * applies (standalone usage, or a `[forField]` without a label). Emits
+     * `aria-label` only when truthy; a field label always wins on the input.
+     */
+    ariaLabel = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** Fires when every slot is filled (by typing or paste). */
+    valueComplete = output();
+    /** Fires when an entered / pasted character is rejected by `type` / `allowedPattern`. */
+    valueInvalid = output();
+    /** The value clamped to `length()` — the source of truth for the slots. */
+    #clampedValue = computed(() => this.value().slice(0, this.length()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#clampedValue" }] : /* istanbul ignore next */ []));
+    /** `true` when every slot is filled. */
+    complete = computed(() => this.#clampedValue().length === this.length(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "complete" }] : /* istanbul ignore next */ []));
+    /** The slot indices, for the consumer's `@for`. */
+    slots = computed(() => Array.from({ length: this.length() }, (_, i) => i), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "slots" }] : /* istanbul ignore next */ []));
+    #inputMode = computed(() => inputModeForType(this.type()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#inputMode" }] : /* istanbul ignore next */ []));
+    /** Predicate deciding whether a single character is allowed. */
+    #allowed = computed(() => {
+        const pattern = this.allowedPattern();
+        if (pattern) {
+            return (ch) => {
+                pattern.lastIndex = 0;
+                return pattern.test(ch);
+            };
+        }
+        const re = allowedCharForType(this.type());
+        return (ch) => re.test(ch);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "#allowed" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        // Reflect the OTP-specific input attributes and ARIA onto the injected real
+        // input — not the role="group" host. The four form-state data-* booleans and
+        // the field association are reflected onto the same input by the base, via
+        // the fieldStateReflectionTarget() / fieldLabelledElement() overrides below.
+        // Runs once the input exists.
+        effect(() => {
+            const el = this.#inputEl();
+            if (!el) {
+                return;
+            }
+            el.maxLength = this.length();
+            setAttr(el, 'inputmode', this.#inputMode());
+            setAttr(el, 'autocomplete', this.oneTimeCode() ? 'one-time-code' : 'off');
+            // Legacy iOS numeric-keypad hint; modern browsers honour inputmode.
+            setAttr(el, 'pattern', this.#inputMode() === 'numeric' ? '[0-9]*' : null);
+            setAttr(el, 'name', this.name() || null);
+            el.toggleAttribute('disabled', this.effectiveDisabled());
+            el.toggleAttribute('readonly', this.readonly());
+            setAttr(el, 'aria-label', this.#field?.labelledBy() ? null : this.ariaLabel() || null);
+            setAttr(el, 'aria-disabled', this.effectiveDisabled() ? 'true' : null);
+            setAttr(el, 'aria-readonly', this.readonly() ? 'true' : null);
+            setAttr(el, 'aria-required', this.required() ? 'true' : null);
+            setAttr(el, 'aria-invalid', this.invalid() ? 'true' : null);
+            setAttr(el, 'aria-busy', this.pending() ? 'true' : null);
+            el.toggleAttribute('data-disabled', this.effectiveDisabled());
+            el.toggleAttribute('data-readonly', this.readonly());
+        });
+        // Mirror external value writes (consumer `[(value)]` / `[formField]`) back
+        // to the input while it isn't focused. Live typing flows in through the
+        // `input` listener.
+        mirrorUnfocusedValue(this.#inputEl, this.#clampedValue);
+        // Create the single real input after hydration (browser only), so the
+        // server-rendered markup stays the group + slots and there is no hydration
+        // mismatch from a node the server never emitted.
+        afterNextRender(() => {
+            const el = this.#document.createElement('input');
+            el.type = 'text';
+            el.autocapitalize = 'none';
+            el.setAttribute('autocorrect', 'off');
+            el.spellcheck = false;
+            el.value = this.#clampedValue();
+            this.#host.nativeElement.appendChild(el);
+            el.addEventListener('input', () => this.#onInput());
+            el.addEventListener('compositionstart', () => this.#onCompositionStart());
+            el.addEventListener('compositionend', () => this.#onCompositionEnd());
+            el.addEventListener('paste', (event) => this.#onPaste(event));
+            el.addEventListener('focus', () => {
+                this.#focused.set(true);
+                this.#syncSelection();
+            });
+            el.addEventListener('blur', () => {
+                this.#focused.set(false);
+                this.markTouched();
+            });
+            el.addEventListener('click', () => this.#syncSelection());
+            el.addEventListener('keyup', () => this.#syncSelection());
+            el.addEventListener('select', () => this.#syncSelection());
+            this.#inputEl.set(el);
+            this.#destroyRef.onDestroy(() => el.remove());
+        });
+    }
+    /**
+     * The injected real `<input>` is the focusable, submittable control, so the
+     * surrounding `[forField]` associates with it rather than the `role="group"`
+     * host. Returns `null` until the input is created (after hydration), at which
+     * point the field-wiring effect re-targets it. See the Select precedent.
+     */
+    fieldLabelledElement() {
+        return this.#inputEl();
+    }
+    /**
+     * The four form-state `data-*` booleans reflect onto the injected real
+     * `<input>`, alongside the OTP-specific `data-disabled` / `data-readonly`,
+     * rather than the `role="group"` host. `null` until the input exists.
+     */
+    fieldStateReflectionTarget() {
+        return this.#inputEl();
+    }
+    /** Move focus to the real input. Implements `FormUiControl.focus`. */
+    focus(options) {
+        this.#inputEl()?.focus(options);
+    }
+    /** The character in slot `index` (masked when `mask`), or `null` when empty. */
+    charAt(index) {
+        const v = this.#clampedValue();
+        if (index < 0 || index >= v.length) {
+            return null;
+        }
+        return this.mask() ? MASK_CHAR : v[index];
+    }
+    /** Whether slot `index` is the active caret position (or inside the selection). */
+    isActive(index) {
+        if (!this.#focused()) {
+            return false;
+        }
+        const len = this.length();
+        if (index < 0 || index >= len) {
+            return false;
+        }
+        const start = this.#selectionStart();
+        const end = this.#selectionEnd();
+        if (start === end) {
+            return index === Math.min(start, len - 1);
+        }
+        return index >= start && index < end;
+    }
+    /** Whether slot `index` should render a fake caret. */
+    hasFakeCaret(index) {
+        return (this.#focused() &&
+            this.#selectionStart() === this.#selectionEnd() &&
+            this.isActive(index) &&
+            this.charAt(index) === null);
+    }
+    #onCompositionStart() {
+        this.#composing = true;
+    }
+    #onCompositionEnd() {
+        this.#composing = false;
+        this.#normalize();
+    }
+    #onInput() {
+        if (this.#composing) {
+            return;
+        }
+        this.#normalize();
+    }
+    #normalize() {
+        const el = this.#inputEl();
+        if (!el) {
+            return;
+        }
+        if (this.effectiveDisabled() || this.readonly()) {
+            el.value = this.#clampedValue();
+            return;
+        }
+        const raw = el.value;
+        const { filtered, rejected } = this.#filter(raw);
+        const clamped = filtered.slice(0, this.length());
+        if (el.value !== clamped) {
+            el.value = clamped;
+            el.setSelectionRange(clamped.length, clamped.length);
+        }
+        this.#commit(clamped);
+        this.#syncSelection();
+        if (rejected) {
+            this.valueInvalid.emit({ value: raw });
+        }
+    }
+    #onPaste(event) {
+        const el = this.#inputEl();
+        if (!el || this.effectiveDisabled() || this.readonly()) {
+            return;
+        }
+        event.preventDefault();
+        const text = event.clipboardData?.getData('text') ?? '';
+        const transformer = this.pasteTransformer();
+        const transformed = transformer ? transformer(text) : text;
+        const { filtered, rejected } = this.#filter(transformed);
+        const clamped = filtered.slice(0, this.length());
+        el.value = clamped;
+        el.setSelectionRange(clamped.length, clamped.length);
+        this.#commit(clamped);
+        this.#syncSelection();
+        if (rejected) {
+            this.valueInvalid.emit({ value: text });
+        }
+    }
+    #commit(next) {
+        const wasComplete = this.complete();
+        const prev = this.value();
+        this.value.set(next);
+        if (next.length === this.length() && (!wasComplete || next !== prev)) {
+            this.valueComplete.emit(next);
+        }
+    }
+    #filter(raw) {
+        const test = this.#allowed();
+        let filtered = '';
+        let rejected = false;
+        for (const ch of raw) {
+            if (test(ch)) {
+                filtered += ch;
+            }
+            else {
+                rejected = true;
+            }
+        }
+        return { filtered, rejected };
+    }
+    #syncSelection() {
+        const el = this.#inputEl();
+        if (!el) {
+            return;
+        }
+        const len = this.#clampedValue().length;
+        const start = Math.min(el.selectionStart ?? 0, len);
+        const end = Math.min(el.selectionEnd ?? start, len);
+        this.#selectionStart.set(start);
+        this.#selectionEnd.set(end);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForOtpInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForOtpInput, isStandalone: true, selector: "[forOtpInput]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, allowedPattern: { classPropertyName: "allowedPattern", publicName: "allowedPattern", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, oneTimeCode: { classPropertyName: "oneTimeCode", publicName: "oneTimeCode", isSignal: true, isRequired: false, transformFunction: null }, pasteTransformer: { classPropertyName: "pasteTransformer", publicName: "pasteTransformer", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueComplete: "valueComplete", valueInvalid: "valueInvalid" }, host: { attributes: { "role": "group" }, properties: { "attr.aria-label": "ariaLabel() || null", "attr.data-complete": "complete() ? \"\" : null", "attr.data-disabled": "effectiveDisabled() ? \"\" : null" } }, providers: [{ provide: FOR_OTP_INPUT_CONTEXT, useExisting: ForOtpInput }], exportAs: ["forOtpInput"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForOtpInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forOtpInput]',
+                    exportAs: 'forOtpInput',
+                    host: {
+                        role: 'group',
+                        '[attr.aria-label]': 'ariaLabel() || null',
+                        '[attr.data-complete]': 'complete() ? "" : null',
+                        '[attr.data-disabled]': 'effectiveDisabled() ? "" : null',
+                    },
+                    providers: [{ provide: FOR_OTP_INPUT_CONTEXT, useExisting: ForOtpInput }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: true }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], allowedPattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedPattern", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], oneTimeCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "oneTimeCode", required: false }] }], pasteTransformer: [{ type: i0.Input, args: [{ isSignal: true, alias: "pasteTransformer", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], valueComplete: [{ type: i0.Output, args: ["valueComplete"] }], valueInvalid: [{ type: i0.Output, args: ["valueInvalid"] }] } });
+
+/**
+ * One slot of a `[forOtpInput]` — a pure **styling surface** painted over the
+ * single real input. Apply one per index
+ * inside the `[forOtpInput]` wrapper, passing the 0-based `index`. It renders
+ * nothing structural: it exposes the slot's character and active state, and
+ * reflects boolean `data-active` / `data-empty` for CSS.
+ *
+ * The slot has no click handler by design — the real input overlays the slots
+ * (the consumer styles it to fill the group), so pointer events land on the
+ * input and native caret positioning drives which slot is active.
+ *
+ * @example
+ * ```html
+ * <div forOtpInputSlot [index]="i" #s="forOtpInputSlot">
+ *   {{ s.char() }}
+ *   @if (s.hasFakeCaret()) { <span class="caret"></span> }
+ * </div>
+ * ```
+ */
+class ForOtpInputSlot {
+    ctx = injectOtpInputContext('ForOtpInputSlot');
+    /** This slot's position (0-based). */
+    index = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    /** The character in this slot, or `null` when empty (masked when `mask` is on). */
+    char = computed(() => this.ctx.charAt(this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "char" }] : /* istanbul ignore next */ []));
+    /** Whether this slot is the active caret position. */
+    active = computed(() => this.ctx.isActive(this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    /** Whether to render a fake caret in this slot. */
+    hasFakeCaret = computed(() => this.ctx.hasFakeCaret(this.index()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasFakeCaret" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForOtpInputSlot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForOtpInputSlot, isStandalone: true, selector: "[forOtpInputSlot]", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-active": "active() ? \"\" : null", "attr.data-empty": "char() === null ? \"\" : null" } }, exportAs: ["forOtpInputSlot"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForOtpInputSlot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forOtpInputSlot]',
+                    exportAs: 'forOtpInputSlot',
+                    host: {
+                        '[attr.data-active]': 'active() ? "" : null',
+                        '[attr.data-empty]': 'char() === null ? "" : null',
+                    },
+                }]
+        }], propDecorators: { index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }] } });
+
+const FALLBACK = {};
+const { token, provideDefaults } = createDefaults('FOR_OTP_INPUT_DEFAULTS', FALLBACK);
+/** Token holding the resolved OTP-input defaults for the current scope. */
+const FOR_OTP_INPUT_DEFAULTS = token;
+/**
+ * Configures forty-cdk OTP-input defaults for this injector scope. Partial
+ * overrides inherit unspecified keys from the parent scope (or library defaults
+ * at the root).
+ */
+function provideForOtpInputDefaults(defaults = {}) {
+    return provideDefaults(defaults);
+}
+
+/**
+ * Exact public names of every `ForOtpInput` 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: 'div[myOtpInput]',
+ *   template: '',
+ *   hostDirectives: [
+ *     {
+ *       directive: ForOtpInput,
+ *       inputs: [...FOR_OTP_INPUT_HOST_DIRECTIVE_INPUTS],
+ *       outputs: [...FOR_OTP_INPUT_HOST_DIRECTIVE_OUTPUTS],
+ *     },
+ *   ],
+ * })
+ * export class MyOtpInput {}
+ * ```
+ */
+const FOR_OTP_INPUT_HOST_DIRECTIVE_INPUTS = [
+    'value',
+    'allowedPattern',
+    'ariaLabel',
+    'dirty',
+    'disabled',
+    'errors',
+    'invalid',
+    'length',
+    'mask',
+    'name',
+    'oneTimeCode',
+    'pasteTransformer',
+    'pending',
+    'readonly',
+    'required',
+    'type',
+    'touched',
+];
+/**
+ * Exact public names of every `ForOtpInput` output, the Signal Forms `touch` output
+ * included. Spread it into the `outputs` array of the same `hostDirectives` entry as
+ * {@link FOR_OTP_INPUT_HOST_DIRECTIVE_INPUTS}.
+ */
+const FOR_OTP_INPUT_HOST_DIRECTIVE_OUTPUTS = [
+    'valueChange',
+    'touchedChange',
+    'touch',
+    'valueComplete',
+    'valueInvalid',
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FOR_OTP_INPUT_CONTEXT, FOR_OTP_INPUT_DEFAULTS, FOR_OTP_INPUT_HOST_DIRECTIVE_INPUTS, FOR_OTP_INPUT_HOST_DIRECTIVE_OUTPUTS, ForOtpInput, ForOtpInputSlot, OTP_REGEXP_ONLY_CHARS, OTP_REGEXP_ONLY_DIGITS, OTP_REGEXP_ONLY_DIGITS_AND_CHARS, provideForOtpInputDefaults };
+//# sourceMappingURL=forty-cdk-otp-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"forty-cdk-otp-input.mjs","sources":["../../../projects/forty-cdk/otp-input/src/otp-input-context.ts","../../../projects/forty-cdk/otp-input/src/otp-patterns.ts","../../../projects/forty-cdk/otp-input/src/otp-input.ts","../../../projects/forty-cdk/otp-input/src/otp-input-slot.ts","../../../projects/forty-cdk/otp-input/src/otp-input-defaults.ts","../../../projects/forty-cdk/otp-input/src/otp-input-host-directive.ts","../../../projects/forty-cdk/otp-input/src/forty-cdk-otp-input.ts"],"sourcesContent":["import { inject, InjectionToken, type Signal } from '@angular/core';\n\n/**\n * The coordination surface a `[forOtpInput]` exposes to its `[forOtpInputSlot]`\n * children. Each slot reads its own state through these methods, passing its\n * `index`. The methods read the directive's signals internally, so calling them\n * inside a slot's `computed` tracks the underlying state reactively.\n */\nexport interface ForOtpInputContext {\n  /** The configured number of slots (the `length` input). */\n  readonly length: Signal<number>;\n  /**\n   * The character displayed in slot `index` — masked when `mask` is on — or\n   * `null` when the slot is empty.\n   */\n  charAt(index: number): string | null;\n  /**\n   * Whether slot `index` is the active caret position (or inside the current\n   * selection range). At most one slot is active for a collapsed caret.\n   */\n  isActive(index: number): boolean;\n  /**\n   * Whether slot `index` should render a fake caret: it is the active, empty\n   * slot while the input is focused with a collapsed caret.\n   */\n  hasFakeCaret(index: number): boolean;\n}\n\n/** Injection token for the `[forOtpInput]` coordination surface the slots read. */\nexport const FOR_OTP_INPUT_CONTEXT = new InjectionToken<ForOtpInputContext>(\n  'FOR_OTP_INPUT_CONTEXT',\n);\n\n/**\n * Resolve the surrounding `[forOtpInput]` coordination context, or throw a\n * descriptive error. A `[forOtpInputSlot]` is only meaningful inside a\n * `[forOtpInput]`.\n */\nexport function injectOtpInputContext(piece: string): ForOtpInputContext {\n  const ctx = inject(FOR_OTP_INPUT_CONTEXT, { optional: true });\n  if (!ctx) {\n    throw new Error(`[forty-cdk/otp-input] ${piece} must be used inside a [forOtpInput].`);\n  }\n  return ctx;\n}\n","/**\n * Allowed-character class for an OTP / PIN input. Drives both the per-character\n * filter (rejected characters are dropped and fire `valueInvalid`) and the\n * derived `inputmode`. Override entirely with a custom `pattern` RegExp.\n */\nexport type OtpInputType = 'numeric' | 'alphanumeric' | 'alphabetic';\n\n/**\n * Matches a value made up only of digits. Bind to `[pattern]` for a digit-only\n * code; equivalent to the default `type=\"numeric\"`.\n */\nexport const OTP_REGEXP_ONLY_DIGITS = /^[0-9]+$/;\n\n/** Matches a value made up only of latin letters (`type=\"alphabetic\"`). */\nexport const OTP_REGEXP_ONLY_CHARS = /^[a-zA-Z]+$/;\n\n/** Matches a value made up only of digits and latin letters (`type=\"alphanumeric\"`). */\nexport const OTP_REGEXP_ONLY_DIGITS_AND_CHARS = /^[a-zA-Z0-9]+$/;\n\nconst SINGLE_CHAR_BY_TYPE: Record<OtpInputType, RegExp> = {\n  numeric: /[0-9]/,\n  alphanumeric: /[a-zA-Z0-9]/,\n  alphabetic: /[a-zA-Z]/,\n};\n\n/**\n * The single-character matcher for a built-in `type`. Each returned RegExp is\n * non-global, so repeated `.test()` calls are stateless.\n */\nexport function allowedCharForType(type: OtpInputType): RegExp {\n  return SINGLE_CHAR_BY_TYPE[type];\n}\n\n/**\n * The `inputmode` a built-in `type` maps to: `numeric` keeps the digits-only\n * keypad, the letter classes fall back to the full text keyboard.\n */\nexport function inputModeForType(type: OtpInputType): 'numeric' | 'text' {\n  return type === 'numeric' ? 'numeric' : 'text';\n}\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  DestroyRef,\n  Directive,\n  DOCUMENT,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  PLATFORM_ID,\n  signal,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport { FOR_FIELD_CONTEXT, FormUiControlBase, mirrorUnfocusedValue } from 'forty-cdk/core';\nimport { FOR_OTP_INPUT_CONTEXT, type ForOtpInputContext } from './otp-input-context';\nimport { allowedCharForType, inputModeForType, type OtpInputType } from './otp-patterns';\n\nconst MASK_CHAR = '•';\n\nfunction setAttr(el: HTMLElement, name: string, value: string | null): void {\n  if (value === null) {\n    el.removeAttribute(name);\n  } else if (el.getAttribute(name) !== value) {\n    el.setAttribute(name, value);\n  }\n}\n\n/**\n * Headless OTP / PIN input following the **single-input** model: one real\n * `<input maxlength=N>` carries the whole code as a `string`, and the\n * `[forOtpInputSlot]` pieces are a pure\n * styling surface painted over it. There is **no** WAI-ARIA APG pattern for\n * OTP; this gives the cleanest screen-reader experience (one ordinary text\n * field, not \"edit text, 1 of 6\" announced N times), native mobile SMS autofill\n * via `autocomplete=\"one-time-code\"`, and native paste / caret / selection.\n *\n * Apply `[forOtpInput]` on a wrapper element — it becomes a `role=\"group\"` and\n * the directive injects the single visually-hidden-but-interactive `<input>`\n * inside it (the consumer styles that input to overlay the slots). It\n * implements Angular's `FormValueControl<string>` 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 * Because the focusable, submittable control is the injected `<input>` and not\n * the `role=\"group\"` host, `ForOtpInput` redirects `FormUiControlBase`'s\n * host-targeted helpers onto that input: it overrides `fieldLabelledElement()`\n * (so the field association lands on the input) and `fieldStateReflectionTarget()`\n * (so the form-state `data-*` reflect there), and reflects the OTP-specific input\n * attributes (`maxLength` / `inputmode` / `autocomplete` / `pattern` / `name`)\n * and ARIA on the input itself.\n *\n * The host gets `data-complete` (while every slot is filled) and `data-disabled`\n * for CSS hooks; the real input carries `data-disabled` / `data-readonly` plus\n * `data-touched` / `data-dirty` / `data-pending` / `data-invalid`.\n *\n * > **`allowedPattern`, not `pattern`.** The custom allowed-character RegExp is\n * > named `allowedPattern` because `FormUiControl.pattern` is reserved by Signal\n * > Forms for an array of validation patterns the `[formField]` directive binds\n * > in — reusing the name would both break the `implements` contract and let the\n * > field overwrite the character filter.\n *\n * @example\n * ```html\n * <div forOtpInput [(value)]=\"code\" [length]=\"6\" type=\"numeric\" ariaLabel=\"Verification code\" #otp=\"forOtpInput\">\n *   @for (i of otp.slots(); track i) {\n *     <div forOtpInputSlot [index]=\"i\" #s=\"forOtpInputSlot\">\n *       {{ s.char() }}\n *       @if (s.hasFakeCaret()) { <span class=\"caret\"></span> }\n *     </div>\n *   }\n * </div>\n * ```\n */\n@Directive({\n  selector: '[forOtpInput]',\n  exportAs: 'forOtpInput',\n  host: {\n    role: 'group',\n    '[attr.aria-label]': 'ariaLabel() || null',\n    '[attr.data-complete]': 'complete() ? \"\" : null',\n    '[attr.data-disabled]': 'effectiveDisabled() ? \"\" : null',\n  },\n  providers: [{ provide: FOR_OTP_INPUT_CONTEXT, useExisting: ForOtpInput }],\n})\nexport class ForOtpInput\n  extends FormUiControlBase\n  implements FormValueControl<string>, ForOtpInputContext\n{\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly #document = inject(DOCUMENT);\n  readonly #destroyRef = inject(DestroyRef);\n  readonly #isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  readonly #field = inject(FOR_FIELD_CONTEXT, { optional: true });\n\n  /** The injected real `<input>`, once created in the browser. */\n  readonly #inputEl = signal<HTMLInputElement | null>(null);\n  readonly #focused = signal(false);\n  readonly #selectionStart = signal(0);\n  readonly #selectionEnd = signal(0);\n\n  #composing = false;\n\n  /**\n   * The current code. Required by `FormValueControl<string>`. Two-way bindable;\n   * its rendered length is clamped to `length()`.\n   */\n  readonly value = model<string>('');\n\n  /** Number of characters / slots. */\n  readonly length = input.required<number>();\n\n  /** Allowed character class. Ignored when `allowedPattern` is set. Defaults to `'numeric'`. */\n  readonly type = input<OtpInputType>('numeric');\n\n  /**\n   * Custom allowed-character RegExp, tested per typed/pasted character;\n   * overrides `type`. Named `allowedPattern` (not `pattern`) to avoid the\n   * reserved `FormUiControl.pattern` member — see the class JSDoc.\n   */\n  readonly allowedPattern = input<RegExp | null>(null);\n\n  /** Obscure entered characters in the slots (PIN entry); `value()` stays raw. */\n  readonly mask = input(false, { transform: booleanAttribute });\n\n  /** Toggle `autocomplete=\"one-time-code\"` for mobile SMS autofill. */\n  readonly oneTimeCode = input(true, { transform: booleanAttribute });\n\n  /** Rewrite pasted text before it fills the slots (e.g. strip separators). */\n  readonly pasteTransformer = input<((pasted: string) => string) | null>(null);\n\n  /**\n   * Accessible name for the group, also reflected as `aria-label` on the\n   * injected real `<input>` whenever no field-provided `aria-labelledby`\n   * applies (standalone usage, or a `[forField]` without a label). Emits\n   * `aria-label` only when truthy; a field label always wins on the input.\n   */\n  readonly ariaLabel = input<string | null>(null);\n\n  /** Fires when every slot is filled (by typing or paste). */\n  readonly valueComplete = output<string>();\n\n  /** Fires when an entered / pasted character is rejected by `type` / `allowedPattern`. */\n  readonly valueInvalid = output<{ value: string }>();\n\n  /** The value clamped to `length()` — the source of truth for the slots. */\n  readonly #clampedValue = computed(() => this.value().slice(0, this.length()));\n\n  /** `true` when every slot is filled. */\n  readonly complete = computed(() => this.#clampedValue().length === this.length());\n\n  /** The slot indices, for the consumer's `@for`. */\n  readonly slots = computed<readonly number[]>(() =>\n    Array.from({ length: this.length() }, (_, i) => i),\n  );\n\n  readonly #inputMode = computed(() => inputModeForType(this.type()));\n\n  /** Predicate deciding whether a single character is allowed. */\n  readonly #allowed = computed<(ch: string) => boolean>(() => {\n    const pattern = this.allowedPattern();\n    if (pattern) {\n      return (ch: string) => {\n        pattern.lastIndex = 0;\n        return pattern.test(ch);\n      };\n    }\n    const re = allowedCharForType(this.type());\n    return (ch: string) => re.test(ch);\n  });\n\n  constructor() {\n    super();\n\n    // Reflect the OTP-specific input attributes and ARIA onto the injected real\n    // input — not the role=\"group\" host. The four form-state data-* booleans and\n    // the field association are reflected onto the same input by the base, via\n    // the fieldStateReflectionTarget() / fieldLabelledElement() overrides below.\n    // Runs once the input exists.\n    effect(() => {\n      const el = this.#inputEl();\n      if (!el) {\n        return;\n      }\n      el.maxLength = this.length();\n      setAttr(el, 'inputmode', this.#inputMode());\n      setAttr(el, 'autocomplete', this.oneTimeCode() ? 'one-time-code' : 'off');\n      // Legacy iOS numeric-keypad hint; modern browsers honour inputmode.\n      setAttr(el, 'pattern', this.#inputMode() === 'numeric' ? '[0-9]*' : null);\n      setAttr(el, 'name', this.name() || null);\n      el.toggleAttribute('disabled', this.effectiveDisabled());\n      el.toggleAttribute('readonly', this.readonly());\n      setAttr(el, 'aria-label', this.#field?.labelledBy() ? null : this.ariaLabel() || null);\n      setAttr(el, 'aria-disabled', this.effectiveDisabled() ? 'true' : null);\n      setAttr(el, 'aria-readonly', this.readonly() ? 'true' : null);\n      setAttr(el, 'aria-required', this.required() ? 'true' : null);\n      setAttr(el, 'aria-invalid', this.invalid() ? 'true' : null);\n      setAttr(el, 'aria-busy', this.pending() ? 'true' : null);\n      el.toggleAttribute('data-disabled', this.effectiveDisabled());\n      el.toggleAttribute('data-readonly', this.readonly());\n    });\n\n    // Mirror external value writes (consumer `[(value)]` / `[formField]`) back\n    // to the input while it isn't focused. Live typing flows in through the\n    // `input` listener.\n    mirrorUnfocusedValue(this.#inputEl, this.#clampedValue);\n\n    // Create the single real input after hydration (browser only), so the\n    // server-rendered markup stays the group + slots and there is no hydration\n    // mismatch from a node the server never emitted.\n    afterNextRender(() => {\n      const el = this.#document.createElement('input');\n      el.type = 'text';\n      el.autocapitalize = 'none';\n      el.setAttribute('autocorrect', 'off');\n      el.spellcheck = false;\n      el.value = this.#clampedValue();\n      this.#host.nativeElement.appendChild(el);\n\n      el.addEventListener('input', () => this.#onInput());\n      el.addEventListener('compositionstart', () => this.#onCompositionStart());\n      el.addEventListener('compositionend', () => this.#onCompositionEnd());\n      el.addEventListener('paste', (event) => this.#onPaste(event));\n      el.addEventListener('focus', () => {\n        this.#focused.set(true);\n        this.#syncSelection();\n      });\n      el.addEventListener('blur', () => {\n        this.#focused.set(false);\n        this.markTouched();\n      });\n      el.addEventListener('click', () => this.#syncSelection());\n      el.addEventListener('keyup', () => this.#syncSelection());\n      el.addEventListener('select', () => this.#syncSelection());\n\n      this.#inputEl.set(el);\n\n      this.#destroyRef.onDestroy(() => el.remove());\n    });\n  }\n\n  /**\n   * The injected real `<input>` is the focusable, submittable control, so the\n   * surrounding `[forField]` associates with it rather than the `role=\"group\"`\n   * host. Returns `null` until the input is created (after hydration), at which\n   * point the field-wiring effect re-targets it. See the Select precedent.\n   */\n  protected override fieldLabelledElement(): HTMLElement | null {\n    return this.#inputEl();\n  }\n\n  /**\n   * The four form-state `data-*` booleans reflect onto the injected real\n   * `<input>`, alongside the OTP-specific `data-disabled` / `data-readonly`,\n   * rather than the `role=\"group\"` host. `null` until the input exists.\n   */\n  protected override fieldStateReflectionTarget(): HTMLElement | null {\n    return this.#inputEl();\n  }\n\n  /** Move focus to the real input. Implements `FormUiControl.focus`. */\n  focus(options?: FocusOptions): void {\n    this.#inputEl()?.focus(options);\n  }\n\n  /** The character in slot `index` (masked when `mask`), or `null` when empty. */\n  charAt(index: number): string | null {\n    const v = this.#clampedValue();\n    if (index < 0 || index >= v.length) {\n      return null;\n    }\n    return this.mask() ? MASK_CHAR : v[index]!;\n  }\n\n  /** Whether slot `index` is the active caret position (or inside the selection). */\n  isActive(index: number): boolean {\n    if (!this.#focused()) {\n      return false;\n    }\n    const len = this.length();\n    if (index < 0 || index >= len) {\n      return false;\n    }\n    const start = this.#selectionStart();\n    const end = this.#selectionEnd();\n    if (start === end) {\n      return index === Math.min(start, len - 1);\n    }\n    return index >= start && index < end;\n  }\n\n  /** Whether slot `index` should render a fake caret. */\n  hasFakeCaret(index: number): boolean {\n    return (\n      this.#focused() &&\n      this.#selectionStart() === this.#selectionEnd() &&\n      this.isActive(index) &&\n      this.charAt(index) === null\n    );\n  }\n\n  #onCompositionStart(): void {\n    this.#composing = true;\n  }\n\n  #onCompositionEnd(): void {\n    this.#composing = false;\n    this.#normalize();\n  }\n\n  #onInput(): void {\n    if (this.#composing) {\n      return;\n    }\n    this.#normalize();\n  }\n\n  #normalize(): void {\n    const el = this.#inputEl();\n    if (!el) {\n      return;\n    }\n    if (this.effectiveDisabled() || this.readonly()) {\n      el.value = this.#clampedValue();\n      return;\n    }\n    const raw = el.value;\n    const { filtered, rejected } = this.#filter(raw);\n    const clamped = filtered.slice(0, this.length());\n    if (el.value !== clamped) {\n      el.value = clamped;\n      el.setSelectionRange(clamped.length, clamped.length);\n    }\n    this.#commit(clamped);\n    this.#syncSelection();\n    if (rejected) {\n      this.valueInvalid.emit({ value: raw });\n    }\n  }\n\n  #onPaste(event: ClipboardEvent): void {\n    const el = this.#inputEl();\n    if (!el || this.effectiveDisabled() || this.readonly()) {\n      return;\n    }\n    event.preventDefault();\n    const text = event.clipboardData?.getData('text') ?? '';\n    const transformer = this.pasteTransformer();\n    const transformed = transformer ? transformer(text) : text;\n    const { filtered, rejected } = this.#filter(transformed);\n    const clamped = filtered.slice(0, this.length());\n    el.value = clamped;\n    el.setSelectionRange(clamped.length, clamped.length);\n    this.#commit(clamped);\n    this.#syncSelection();\n    if (rejected) {\n      this.valueInvalid.emit({ value: text });\n    }\n  }\n\n  #commit(next: string): void {\n    const wasComplete = this.complete();\n    const prev = this.value();\n    this.value.set(next);\n    if (next.length === this.length() && (!wasComplete || next !== prev)) {\n      this.valueComplete.emit(next);\n    }\n  }\n\n  #filter(raw: string): { filtered: string; rejected: boolean } {\n    const test = this.#allowed();\n    let filtered = '';\n    let rejected = false;\n    for (const ch of raw) {\n      if (test(ch)) {\n        filtered += ch;\n      } else {\n        rejected = true;\n      }\n    }\n    return { filtered, rejected };\n  }\n\n  #syncSelection(): void {\n    const el = this.#inputEl();\n    if (!el) {\n      return;\n    }\n    const len = this.#clampedValue().length;\n    const start = Math.min(el.selectionStart ?? 0, len);\n    const end = Math.min(el.selectionEnd ?? start, len);\n    this.#selectionStart.set(start);\n    this.#selectionEnd.set(end);\n  }\n}\n","import { computed, Directive, input } from '@angular/core';\n\nimport { injectOtpInputContext } from './otp-input-context';\n\n/**\n * One slot of a `[forOtpInput]` — a pure **styling surface** painted over the\n * single real input. Apply one per index\n * inside the `[forOtpInput]` wrapper, passing the 0-based `index`. It renders\n * nothing structural: it exposes the slot's character and active state, and\n * reflects boolean `data-active` / `data-empty` for CSS.\n *\n * The slot has no click handler by design — the real input overlays the slots\n * (the consumer styles it to fill the group), so pointer events land on the\n * input and native caret positioning drives which slot is active.\n *\n * @example\n * ```html\n * <div forOtpInputSlot [index]=\"i\" #s=\"forOtpInputSlot\">\n *   {{ s.char() }}\n *   @if (s.hasFakeCaret()) { <span class=\"caret\"></span> }\n * </div>\n * ```\n */\n@Directive({\n  selector: '[forOtpInputSlot]',\n  exportAs: 'forOtpInputSlot',\n  host: {\n    '[attr.data-active]': 'active() ? \"\" : null',\n    '[attr.data-empty]': 'char() === null ? \"\" : null',\n  },\n})\nexport class ForOtpInputSlot {\n  protected readonly ctx = injectOtpInputContext('ForOtpInputSlot');\n\n  /** This slot's position (0-based). */\n  readonly index = input.required<number>();\n\n  /** The character in this slot, or `null` when empty (masked when `mask` is on). */\n  readonly char = computed<string | null>(() => this.ctx.charAt(this.index()));\n\n  /** Whether this slot is the active caret position. */\n  readonly active = computed<boolean>(() => this.ctx.isActive(this.index()));\n\n  /** Whether to render a fake caret in this slot. */\n  readonly hasFakeCaret = computed<boolean>(() => this.ctx.hasFakeCaret(this.index()));\n}\n","import { type Provider } from '@angular/core';\n\nimport { createDefaults } from 'forty-cdk/core';\n\n/**\n * Defaults inherited by descendant `[forOtpInput]` controls in the surrounding\n * injector scope. Configure with `provideForOtpInputDefaults`. The shape is a\n * stub today — present so future per-scope tuning can land without churning the\n * public surface.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ForOtpInputDefaults {}\n\nconst FALLBACK: ForOtpInputDefaults = {};\n\nconst { token, provideDefaults } = createDefaults<ForOtpInputDefaults>(\n  'FOR_OTP_INPUT_DEFAULTS',\n  FALLBACK,\n);\n\n/** Token holding the resolved OTP-input defaults for the current scope. */\nexport const FOR_OTP_INPUT_DEFAULTS = token;\n\n/**\n * Configures forty-cdk OTP-input defaults for this injector scope. Partial\n * overrides inherit unspecified keys from the parent scope (or library defaults\n * at the root).\n */\nexport function provideForOtpInputDefaults(\n  defaults: Partial<ForOtpInputDefaults> = {},\n): Provider[] {\n  return provideDefaults(defaults);\n}\n","/**\n * Exact public names of every `ForOtpInput` 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: 'div[myOtpInput]',\n *   template: '',\n *   hostDirectives: [\n *     {\n *       directive: ForOtpInput,\n *       inputs: [...FOR_OTP_INPUT_HOST_DIRECTIVE_INPUTS],\n *       outputs: [...FOR_OTP_INPUT_HOST_DIRECTIVE_OUTPUTS],\n *     },\n *   ],\n * })\n * export class MyOtpInput {}\n * ```\n */\nexport const FOR_OTP_INPUT_HOST_DIRECTIVE_INPUTS = [\n  'value',\n  'allowedPattern',\n  'ariaLabel',\n  'dirty',\n  'disabled',\n  'errors',\n  'invalid',\n  'length',\n  'mask',\n  'name',\n  'oneTimeCode',\n  'pasteTransformer',\n  'pending',\n  'readonly',\n  'required',\n  'type',\n  'touched',\n] as const;\n\n/**\n * Exact public names of every `ForOtpInput` output, the Signal Forms `touch` output\n * included. Spread it into the `outputs` array of the same `hostDirectives` entry as\n * {@link FOR_OTP_INPUT_HOST_DIRECTIVE_INPUTS}.\n */\nexport const FOR_OTP_INPUT_HOST_DIRECTIVE_OUTPUTS = [\n  'valueChange',\n  'touchedChange',\n  'touch',\n  'valueComplete',\n  'valueInvalid',\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}