@malva-ui/core 0.1.12 → 0.1.14

package/fesm2022/malva-ui-core-tokenizer.mjs

@@ -0,0 +1,502 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, output, signal, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, TemplateRef, Directive, model, contentChild, viewChildren, viewChild, DestroyRef, effect, untracked, forwardRef } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { MlvSignalFormControlBase, MlvDescription, MlvFormControlWrapper, MlvFormControlWrapperControl, MlvLabel, MlvHint, MlvMessage, MLV_FORM_CONTROL } from '@malva-ui/core/form-utils';
+import { MlvInput } from '@malva-ui/core/input';
+import { MlvRtlService } from '@malva-ui/cdk/utils';
+import { MlvChip } from '@malva-ui/core/chip';
+import { MLV_CHIP_I18N, MLV_TOKENIZER_I18N } from '@malva-ui/i18n';
+
+/**
+ * A single removable token rendered inside `mlv-tokenizer`. The token host is
+ * the keyboard focus target (a roving-tabindex `role="listitem"`); the inner
+ * `mlv-chip` provides the visual chrome and mouse close affordance but is kept
+ * out of the tab order via `chipTabIndex="-1"`.
+ */
+class MlvToken {
+    /**
+     * @private Host element reference — the token host is the keyboard focus
+     * target that the parent tokenizer's `FocusKeyManager` drives.
+     */
+    _elementRef = inject((ElementRef));
+    /** The option model this token represents. */
+    value = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Whether the token shows a remove (close) affordance. */
+    removable = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "removable" }] : /* istanbul ignore next */ []));
+    /** Whether the token is disabled — not removable and out of the tab order. */
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the token is "armed" — a purely visual selection driven by the
+     * parent tokenizer's empty-input Backspace flow. An armed token renders with
+     * the chip's `primary` tone while DOM focus stays in the text input. It does
+     * not change the token's tabindex, role, or removal semantics.
+     */
+    armed = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "armed" }] : /* istanbul ignore next */ []));
+    /** Emits this token's option when the user removes it (click or Backspace/Delete). */
+    removed = output();
+    /**
+     * Roving tabindex applied to the token host (the single focus target). `0`
+     * for the active token, `-1` for the rest. Managed by `MlvTokenizer`.
+     */
+    tabIndex = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
+    /** @internal Accessible name for the token: its option label. */
+    _ariaLabel = computed(() => this.value()?.label ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * @private The chip component's i18n strings, reused to localize the base
+     * "Remove" verb of this token's close-button label.
+     */
+    _chipI18n = inject(MLV_CHIP_I18N);
+    /**
+     * @internal Descriptive accessible name for the inner chip's close button,
+     * composed as `"<Remove>: <label>"` (e.g. `"Remove: Angular"`) so the label
+     * names the specific token being removed rather than a generic "Remove".
+     * Falls back to the bare "Remove" verb when the token has no label.
+     */
+    _closeAriaLabel = computed(() => {
+        const label = this.value()?.label;
+        const remove = this._chipI18n().remove;
+        return label ? `${remove}: ${label}` : remove;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_closeAriaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Moves focus to the token host. Adapts the token to CDK `FocusKeyManager`
+     * so the tokenizer can navigate tokens with the Arrow keys.
+     */
+    focus() {
+        this._elementRef.nativeElement.focus();
+    }
+    /** @internal Removes the token on Backspace/Delete when it is removable. */
+    _onKeyRemove(event) {
+        if (!this.removable() || this.disabled())
+            return;
+        event.preventDefault();
+        this.onRemove();
+    }
+    /** @internal Emits `removed` with this token's option. */
+    onRemove() {
+        const val = this.value();
+        if (val) {
+            this.removed.emit(val);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToken, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvToken, isStandalone: true, selector: "mlv-token", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, removable: { classPropertyName: "removable", publicName: "removable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, armed: { classPropertyName: "armed", publicName: "armed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removed: "removed" }, host: { attributes: { "role": "listitem" }, listeners: { "keydown.backspace": "_onKeyRemove($event)", "keydown.delete": "_onKeyRemove($event)" }, properties: { "attr.aria-label": "_ariaLabel()", "class.mlv-token--disabled": "disabled()", "class.mlv-token--armed": "armed()", "attr.tabindex": "disabled() ? -1 : tabIndex()" }, classAttribute: "mlv-token" }, ngImport: i0, template: `
+    <mlv-chip
+      mlvDensity="compact"
+      [chipTabIndex]="-1"
+      [tone]="armed() ? 'primary' : 'default'"
+      [closable]="removable() && !disabled()"
+      [closeAriaLabel]="_closeAriaLabel()"
+      [muted]="disabled()"
+      (chipClose)="onRemove()"
+    >
+      <ng-content />
+    </mlv-chip>
+  `, isInline: true, styles: ["@layer mlv.components{.mlv-token{display:inline-flex;align-items:center;max-width:12.5rem;border-radius:var(--mlv-radius-tag);outline:none}.mlv-token:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-token--disabled{opacity:var(--mlv-disabled-opacity)}.mlv-token--armed{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}}\n"], dependencies: [{ kind: "component", type: MlvChip, selector: "mlv-chip", inputs: ["tone", "muted", "rounded", "floating", "closable", "chipTabIndex", "closeAriaLabel"], outputs: ["chipClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToken, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-token', template: `
+    <mlv-chip
+      mlvDensity="compact"
+      [chipTabIndex]="-1"
+      [tone]="armed() ? 'primary' : 'default'"
+      [closable]="removable() && !disabled()"
+      [closeAriaLabel]="_closeAriaLabel()"
+      [muted]="disabled()"
+      (chipClose)="onRemove()"
+    >
+      <ng-content />
+    </mlv-chip>
+  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-token',
+                        role: 'listitem',
+                        '[attr.aria-label]': '_ariaLabel()',
+                        '[class.mlv-token--disabled]': 'disabled()',
+                        '[class.mlv-token--armed]': 'armed()',
+                        '[attr.tabindex]': 'disabled() ? -1 : tabIndex()',
+                        '(keydown.backspace)': '_onKeyRemove($event)',
+                        '(keydown.delete)': '_onKeyRemove($event)',
+                    }, imports: [MlvChip], styles: ["@layer mlv.components{.mlv-token{display:inline-flex;align-items:center;max-width:12.5rem;border-radius:var(--mlv-radius-tag);outline:none}.mlv-token:focus-visible{outline:var(--mlv-stroke-width-medium) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}.mlv-token--disabled{opacity:var(--mlv-disabled-opacity)}.mlv-token--armed{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:var(--mlv-focus-ring-offset)}}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], armed: [{ type: i0.Input, args: [{ isSignal: true, alias: "armed", required: false }] }], removed: [{ type: i0.Output, args: ["removed"] }] } });
+
+class MlvTokenTemplate {
+    /** The template reference for the custom token rendering slot. */
+    templateRef = inject((TemplateRef));
+    /**
+     * Type guard for correct template variable inference.
+     * Allows `let-option`, `let-index`, `let-removable`, and `let-remove` to be
+     * strongly-typed in the consuming template.
+     */
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTokenTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvTokenTemplate, isStandalone: true, selector: "[mlvTokenTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTokenTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvTokenTemplate]',
+                }]
+        }] });
+
+const defaultCreateToken = (value) => ({
+    label: value,
+    value,
+});
+class MlvTokenizer extends MlvSignalFormControlBase {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_TOKENIZER_I18N);
+    /** The token collection used by all Angular forms APIs. */
+    value = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Backwards-compatible two-way token binding kept in sync with `value`. */
+    tokens = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tokens" }] : /* istanbul ignore next */ []));
+    placeholder = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    showOverflow = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showOverflow" }] : /* istanbul ignore next */ []));
+    maxVisible = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxVisible" }] : /* istanbul ignore next */ []));
+    allowDuplicates = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "allowDuplicates" }] : /* istanbul ignore next */ []));
+    /** Transforms a raw string from the input field into a MlvSelectOption. */
+    createToken = input(defaultCreateToken, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "createToken" }] : /* istanbul ignore next */ []));
+    /**
+     * Optional function to split user input into multiple values.
+     * e.g. `(v) => v.split(',')` to support comma-separated entry.
+     */
+    splitFn = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "splitFn" }] : /* istanbul ignore next */ []));
+    /** @protected Custom token template projected via `[mlvTokenTemplate]`. */
+    tokenTemplate = contentChild(MlvTokenTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tokenTemplate" }] : /* istanbul ignore next */ []));
+    /** @private The rendered token components, driven by `FocusKeyManager`. */
+    _tokens = viewChildren(MlvToken, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_tokens" }] : /* istanbul ignore next */ []));
+    /** @private Reference to the inner mlv-input used for token entry. */
+    _inputEl = viewChild('inputEl', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_inputEl" }] : /* istanbul ignore next */ []));
+    /** @private Accessor for the underlying native input element via mlv-input bare mode. */
+    get _nativeInput() {
+        return this._inputEl()?.nativeElement ?? null;
+    }
+    /** @private FocusKeyManager driving roving-tabindex navigation across tokens. */
+    _keyManager;
+    /** @private Supplies the current inline direction to the horizontal key manager. */
+    _rtlService = inject(MlvRtlService);
+    /** @private Subscription to the key manager's active-item changes. */
+    _changeSub;
+    /**
+     * @protected Whether the last token is "armed" — a visual-only selection
+     * (chip `primary` tone) driven by Backspace in the empty text input while DOM
+     * focus stays in the input. The first Backspace arms; the next Backspace (or
+     * Delete) removes the armed token and arms the new last one.
+     */
+    _armed = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_armed" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Polite screen-reader announcement for the armed token. Rendered
+     * into a visually-hidden `aria-live="polite"` region so assistive tech learns
+     * which token is selected even though DOM focus never leaves the input.
+     */
+    _srMessage = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_srMessage" }] : /* istanbul ignore next */ []));
+    /**
+     * @private The last committed tokens reference produced by an internal
+     * arm-driven deletion. Lets the external-change effect distinguish our own
+     * mutations (which must preserve/re-arm) from external ones (which disarm).
+     */
+    _internalTokensRef = null;
+    /**
+     * @private The collection reference last propagated across `value` / `tokens`.
+     * `undefined` until the first sync, which is how the very first flush tells a
+     * seeded binding apart from an unbound alias sitting on its `[]` default.
+     */
+    _syncedRef;
+    /** @protected The last token in the collection, or `null` when empty. */
+    _lastToken = computed(() => {
+        const all = this.tokens();
+        return all.length > 0 ? all[all.length - 1] : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_lastToken" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        const destroyRef = inject(DestroyRef);
+        destroyRef.onDestroy(() => {
+            this._changeSub?.unsubscribe();
+            this._keyManager?.destroy();
+        });
+        // `value` and `tokens` are two views of one collection, so a single effect
+        // owns the sync in both directions. Only the side that actually changed may
+        // propagate — otherwise an unbound alias still holding its `[]` default would
+        // write itself back over the seeded side on the first flush.
+        //
+        // Any resulting token-set change that did not originate from the
+        // arming/deletion flow (external forms write, `[(tokens)]`, click-removal,
+        // Enter add) disarms the visual selection. `untracked` keeps the sync and
+        // disarm writes from becoming dependencies of this effect.
+        effect(() => {
+            const value = this.value() ?? [];
+            const tokens = this.tokens() ?? [];
+            untracked(() => this._syncModels(value, tokens));
+        });
+        // Wire a FocusKeyManager over the rendered tokens so Arrow keys navigate
+        // between them and only the active token carries a tabindex of 0 (roving
+        // tabindex). Rebuilt whenever the token set changes.
+        effect(() => {
+            const tokens = [...this._tokens()];
+            const direction = this._rtlService.direction();
+            this._changeSub?.unsubscribe();
+            this._keyManager?.destroy();
+            if (tokens.length === 0) {
+                this._keyManager = undefined;
+                return;
+            }
+            this._keyManager = new FocusKeyManager(tokens)
+                .withHorizontalOrientation(direction)
+                .withWrap()
+                .skipPredicate((token) => token.disabled());
+            this._changeSub = this._keyManager.change.subscribe((index) => this._syncTokenTabIndices(index));
+            this._syncTokenTabIndices(0);
+        });
+    }
+    /**
+     * @private Reconciles the `value` / `tokens` model pair from one effect run.
+     *
+     * Whichever surface no longer matches `_syncedRef` is the one that changed and
+     * therefore wins; the other is brought to it. On the first run nothing has been
+     * propagated yet, so a surface still holding the empty default counts as
+     * unchanged and cannot clobber a seeded sibling. `value` is canonical when both
+     * sides changed in the same flush.
+     */
+    _syncModels(value, tokens) {
+        const synced = this._syncedRef;
+        let resolved;
+        if (value === tokens) {
+            resolved = value;
+        }
+        else {
+            const valueChanged = synced === undefined ? value.length > 0 : value !== synced;
+            const tokensChanged = synced === undefined ? tokens.length > 0 : tokens !== synced;
+            resolved = tokensChanged && !valueChanged ? tokens : value;
+            if (this.value() !== resolved)
+                this.value.set(resolved);
+            if (this.tokens() !== resolved)
+                this.tokens.set(resolved);
+        }
+        const changed = synced === undefined || resolved !== synced;
+        this._syncedRef = resolved;
+        if (changed && resolved !== this._internalTokensRef)
+            this._disarm();
+    }
+    /** @private Sets tabindex 0 on the active token and -1 on the rest. */
+    _syncTokenTabIndices(activeIndex) {
+        this._tokens().forEach((token, i) => {
+            token.tabIndex.set(i === activeIndex ? 0 : -1);
+        });
+    }
+    visibleTokens = computed(() => {
+        const max = this.maxVisible();
+        const all = this.tokens();
+        return max !== null ? all.slice(0, max) : all;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "visibleTokens" }] : /* istanbul ignore next */ []));
+    overflowCount = computed(() => {
+        const max = this.maxVisible();
+        if (max === null)
+            return 0;
+        return Math.max(0, this.tokens().length - max);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overflowCount" }] : /* istanbul ignore next */ []));
+    focusInput() {
+        // Pointer interaction with the field is a caret move — disarm any selection.
+        this._disarm();
+        if (!this.computedDisabled()) {
+            this._nativeInput?.focus();
+        }
+    }
+    /**
+     * @protected Whether the given token is the currently armed one. Armed always
+     * targets the last token, matching the from-the-end deletion order.
+     */
+    _isTokenArmed(token) {
+        return this._armed() && token === this._lastToken();
+    }
+    onInputEnter(event) {
+        event.preventDefault();
+        // Enter commits typed text (or is a no-op) — never a chip selection.
+        this._disarm();
+        const raw = this._nativeInput?.value.trim() ?? '';
+        if (!raw)
+            return;
+        const split = this.splitFn();
+        const values = split
+            ? split(raw)
+                .map((s) => s.trim())
+                .filter(Boolean)
+            : [raw];
+        const create = this.createToken();
+        const current = this.tokens();
+        const newTokens = [];
+        for (const val of values) {
+            const token = create(val);
+            const isDuplicate = current.some((t) => t.value === token.value) ||
+                newTokens.some((t) => t.value === token.value);
+            if (this.allowDuplicates() || !isDuplicate) {
+                newTokens.push(token);
+            }
+        }
+        if (newTokens.length > 0) {
+            const updated = [...current, ...newTokens];
+            this._setTokens(updated);
+        }
+        this._inputEl()?.clearValue();
+        if (this._nativeInput) {
+            this._nativeInput.value = '';
+        }
+    }
+    /**
+     * Handles Backspace in the text input. When the caret is inside typed text
+     * this is a native edit and is left alone. When the input is empty:
+     *  - the first press *arms* the last token (visual `primary` selection, no
+     *    deletion);
+     *  - each subsequent press removes the armed (last) token and arms the new
+     *    last one, walking deletion from the end one token per press.
+     * Removing the final token leaves the input focused and disarmed.
+     */
+    onInputBackspace(event) {
+        const val = this._nativeInput?.value ?? '';
+        if (val.length !== 0)
+            return; // caret editing text — native backspace
+        const current = this.tokens();
+        if (current.length === 0)
+            return; // nothing to arm or delete
+        event.preventDefault();
+        if (!this._armed()) {
+            this._armed.set(true); // arm last token; do NOT delete
+            this._announceArmed();
+            return;
+        }
+        this._deleteArmedAndRearm(); // already armed → delete + re-arm new last
+    }
+    /**
+     * Handles Delete in the text input. Delete only acts on an already-armed
+     * token (parity with the second Backspace): it removes the armed token and
+     * arms the new last one. With nothing armed it is a no-op.
+     */
+    onInputDelete(event) {
+        if (!this._armed())
+            return;
+        event.preventDefault();
+        this._deleteArmedAndRearm();
+    }
+    onInputFocus() {
+        this.setFocused(true);
+    }
+    onInputBlur() {
+        // Focus leaving the field disarms the selection (Gmail-style token UX).
+        this._disarm();
+        this.setFocused(false);
+        this._markTouched();
+    }
+    /**
+     * @protected Clears the armed selection and its live-region announcement.
+     * Invoked on typing, caret movement, blur, pointer interaction, Enter, and
+     * external token changes.
+     */
+    _disarm() {
+        if (this._armed())
+            this._armed.set(false);
+        if (this._srMessage())
+            this._srMessage.set('');
+    }
+    /**
+     * @private Removes the armed (last) token and re-arms the new last token,
+     * or disarms when the collection becomes empty. Records the resulting array
+     * reference so the external-change effect treats this as an internal mutation.
+     */
+    _deleteArmedAndRearm() {
+        const current = this.tokens();
+        if (current.length === 0) {
+            this._disarm();
+            return;
+        }
+        const updated = current.slice(0, -1);
+        this._internalTokensRef = updated;
+        this._setTokens(updated);
+        if (updated.length === 0) {
+            this._disarm(); // last token removed — input stays focused, disarmed
+        }
+        else {
+            this._armed.set(true); // arm the new last token
+            this._announceArmed();
+        }
+    }
+    /** @private Announces the armed token's label into the polite live region. */
+    _announceArmed() {
+        this._srMessage.set(this._lastToken()?.label ?? '');
+    }
+    removeToken(token) {
+        const updated = this.tokens().filter((t) => t !== token);
+        this._setTokens(updated);
+    }
+    onTokenKeydown(event) {
+        this._keyManager?.onKeydown(event);
+    }
+    /** Whether the control holds a clearable value — At least one token present. */
+    hasValue = computed(() => this.tokens().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
+    /** @private Commits one token collection to both public model surfaces. */
+    _setTokens(value) {
+        this.tokens.set(value);
+        this.value.set(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTokenizer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvTokenizer, isStandalone: true, selector: "mlv-tokenizer", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, tokens: { classPropertyName: "tokens", publicName: "tokens", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showOverflow: { classPropertyName: "showOverflow", publicName: "showOverflow", isSignal: true, isRequired: false, transformFunction: null }, maxVisible: { classPropertyName: "maxVisible", publicName: "maxVisible", isSignal: true, isRequired: false, transformFunction: null }, allowDuplicates: { classPropertyName: "allowDuplicates", publicName: "allowDuplicates", isSignal: true, isRequired: false, transformFunction: null }, createToken: { classPropertyName: "createToken", publicName: "createToken", isSignal: true, isRequired: false, transformFunction: null }, splitFn: { classPropertyName: "splitFn", publicName: "splitFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", tokens: "tokensChange" }, host: { properties: { "class.mlv-tokenizer--disabled": "computedDisabled()", "class.mlv-tokenizer--focused": "focused()" }, classAttribute: "mlv-tokenizer" }, providers: [
+            {
+                provide: MLV_FORM_CONTROL,
+                useExisting: forwardRef(() => MlvTokenizer),
+            },
+        ], queries: [{ propertyName: "tokenTemplate", first: true, predicate: MlvTokenTemplate, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_tokens", predicate: MlvToken, descendants: true, isSignal: true }, { propertyName: "_inputEl", first: true, predicate: ["inputEl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<mlv-form-control-wrapper>\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <div\n      class=\"mlv-tokenizer__tokens\"\n      tabindex=\"-1\"\n      (click)=\"focusInput()\"\n      (keydown.enter)=\"focusInput()\"\n    >\n      @if (visibleTokens().length > 0) {\n      <div\n        class=\"mlv-tokenizer__token-list\"\n        role=\"list\"\n        [attr.aria-label]=\"label() || _i18n().selectedItems\"\n      >\n        @for (token of visibleTokens(); track token.value) {\n        <mlv-token\n          [value]=\"token\"\n          [removable]=\"!computedDisabled()\"\n          [disabled]=\"computedDisabled()\"\n          [armed]=\"_isTokenArmed(token)\"\n          (removed)=\"removeToken(token)\"\n          (keydown)=\"onTokenKeydown($event)\"\n        >\n          @if (tokenTemplate(); as tmpl) {\n          <ng-template\n            [ngTemplateOutlet]=\"tmpl.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: token }\"\n          />\n          } @else { {{ token.label }} }\n        </mlv-token>\n        }\n      </div>\n      } @if (showOverflow() && overflowCount() > 0) {\n      <span class=\"mlv-tokenizer__overflow\"> +{{ overflowCount() }} more </span>\n      } @if (!computedDisabled()) {\n      <mlv-input\n        #inputEl\n        bare\n        class=\"mlv-tokenizer__input\"\n        [id]=\"id()\"\n        [placeholder]=\"tokens().length === 0 ? placeholder() : ''\"\n        [disabled]=\"computedDisabled()\"\n        [state]=\"resolvedState()\"\n        [ariaLabel]=\"ariaLabel() ?? _i18n().addToken\"\n        [required]=\"required()\"\n        [ariaDescribedBy]=\"_describedBy()\"\n        (keydown.enter)=\"onInputEnter($event)\"\n        (keydown.backspace)=\"onInputBackspace($event)\"\n        (keydown.delete)=\"onInputDelete($event)\"\n        (keydown.arrowleft)=\"_disarm()\"\n        (keydown.arrowright)=\"_disarm()\"\n        (keydown.home)=\"_disarm()\"\n        (keydown.end)=\"_disarm()\"\n        (input)=\"_disarm()\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\"\n      />\n      }\n      <span class=\"mlv-tokenizer__sr\" role=\"status\" aria-live=\"polite\"\n        >{{ _srMessage() }}</span\n      >\n    </div>\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n", styles: ["@layer mlv.components{.mlv-tokenizer__tokens{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;width:100%;cursor:text;min-height:1.75rem}.mlv-tokenizer--disabled .mlv-tokenizer__tokens{cursor:default}.mlv-tokenizer__token-list{display:contents}.mlv-tokenizer__input{flex:1 1 4rem;min-width:4rem;border:none;outline:none;background:transparent;font:inherit;color:inherit;padding:.125rem .25rem;line-height:1.5}.mlv-tokenizer__input::placeholder{color:var(--mlv-text-tertiary, #999)}.mlv-tokenizer__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mlv-tokenizer__overflow{font-size:var(--mlv-font-size-s);color:var(--mlv-tokenizer-overflow-color, #666);padding:.125rem .375rem;white-space:nowrap}}\n"], dependencies: [{ kind: "component", type: MlvToken, selector: "mlv-token", inputs: ["value", "removable", "disabled", "armed"], outputs: ["removed"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MlvDescription, selector: "mlv-description" }, { kind: "component", type: MlvFormControlWrapper, selector: "mlv-form-control-wrapper", outputs: ["clear"] }, { kind: "directive", type: MlvFormControlWrapperControl, selector: "[mlvFormControlWrapperControl]" }, { kind: "component", type: MlvLabel, selector: "mlv-label", inputs: ["for", "required"] }, { kind: "component", type: MlvHint, selector: "mlv-hint" }, { kind: "component", type: MlvMessage, selector: "mlv-message", inputs: ["state"] }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTokenizer, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-tokenizer', imports: [
+                        MlvToken,
+                        NgTemplateOutlet,
+                        MlvDescription,
+                        MlvFormControlWrapper,
+                        MlvFormControlWrapperControl,
+                        MlvLabel,
+                        MlvHint,
+                        MlvMessage,
+                        MlvInput,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: MLV_FORM_CONTROL,
+                            useExisting: forwardRef(() => MlvTokenizer),
+                        },
+                    ], host: {
+                        class: 'mlv-tokenizer',
+                        '[class.mlv-tokenizer--disabled]': 'computedDisabled()',
+                        '[class.mlv-tokenizer--focused]': 'focused()',
+                    }, template: "<mlv-form-control-wrapper>\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <div\n      class=\"mlv-tokenizer__tokens\"\n      tabindex=\"-1\"\n      (click)=\"focusInput()\"\n      (keydown.enter)=\"focusInput()\"\n    >\n      @if (visibleTokens().length > 0) {\n      <div\n        class=\"mlv-tokenizer__token-list\"\n        role=\"list\"\n        [attr.aria-label]=\"label() || _i18n().selectedItems\"\n      >\n        @for (token of visibleTokens(); track token.value) {\n        <mlv-token\n          [value]=\"token\"\n          [removable]=\"!computedDisabled()\"\n          [disabled]=\"computedDisabled()\"\n          [armed]=\"_isTokenArmed(token)\"\n          (removed)=\"removeToken(token)\"\n          (keydown)=\"onTokenKeydown($event)\"\n        >\n          @if (tokenTemplate(); as tmpl) {\n          <ng-template\n            [ngTemplateOutlet]=\"tmpl.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: token }\"\n          />\n          } @else { {{ token.label }} }\n        </mlv-token>\n        }\n      </div>\n      } @if (showOverflow() && overflowCount() > 0) {\n      <span class=\"mlv-tokenizer__overflow\"> +{{ overflowCount() }} more </span>\n      } @if (!computedDisabled()) {\n      <mlv-input\n        #inputEl\n        bare\n        class=\"mlv-tokenizer__input\"\n        [id]=\"id()\"\n        [placeholder]=\"tokens().length === 0 ? placeholder() : ''\"\n        [disabled]=\"computedDisabled()\"\n        [state]=\"resolvedState()\"\n        [ariaLabel]=\"ariaLabel() ?? _i18n().addToken\"\n        [required]=\"required()\"\n        [ariaDescribedBy]=\"_describedBy()\"\n        (keydown.enter)=\"onInputEnter($event)\"\n        (keydown.backspace)=\"onInputBackspace($event)\"\n        (keydown.delete)=\"onInputDelete($event)\"\n        (keydown.arrowleft)=\"_disarm()\"\n        (keydown.arrowright)=\"_disarm()\"\n        (keydown.home)=\"_disarm()\"\n        (keydown.end)=\"_disarm()\"\n        (input)=\"_disarm()\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\"\n      />\n      }\n      <span class=\"mlv-tokenizer__sr\" role=\"status\" aria-live=\"polite\"\n        >{{ _srMessage() }}</span\n      >\n    </div>\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n", styles: ["@layer mlv.components{.mlv-tokenizer__tokens{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;width:100%;cursor:text;min-height:1.75rem}.mlv-tokenizer--disabled .mlv-tokenizer__tokens{cursor:default}.mlv-tokenizer__token-list{display:contents}.mlv-tokenizer__input{flex:1 1 4rem;min-width:4rem;border:none;outline:none;background:transparent;font:inherit;color:inherit;padding:.125rem .25rem;line-height:1.5}.mlv-tokenizer__input::placeholder{color:var(--mlv-text-tertiary, #999)}.mlv-tokenizer__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mlv-tokenizer__overflow{font-size:var(--mlv-font-size-s);color:var(--mlv-tokenizer-overflow-color, #666);padding:.125rem .375rem;white-space:nowrap}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], tokens: [{ type: i0.Input, args: [{ isSignal: true, alias: "tokens", required: false }] }, { type: i0.Output, args: ["tokensChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], showOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOverflow", required: false }] }], maxVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxVisible", required: false }] }], allowDuplicates: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDuplicates", required: false }] }], createToken: [{ type: i0.Input, args: [{ isSignal: true, alias: "createToken", required: false }] }], splitFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "splitFn", required: false }] }], tokenTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvTokenTemplate), { isSignal: true }] }], _tokens: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => MlvToken), { isSignal: true }] }], _inputEl: [{ type: i0.ViewChild, args: ['inputEl', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvToken, MlvTokenTemplate, MlvTokenizer };
+//# sourceMappingURL=malva-ui-core-tokenizer.mjs.map

package/fesm2022/malva-ui-core-tokenizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-tokenizer.mjs","sources":["../../../../libs/core/tokenizer/src/lib/token/token.ts","../../../../libs/core/tokenizer/src/lib/token-template.ts","../../../../libs/core/tokenizer/src/lib/tokenizer/tokenizer.ts","../../../../libs/core/tokenizer/src/lib/tokenizer/tokenizer.html","../../../../libs/core/tokenizer/src/malva-ui-core-tokenizer.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { MlvSelectOption } from '@malva-ui/core/dropdown';\nimport { MlvChip } from '@malva-ui/core/chip';\nimport { MLV_CHIP_I18N } from '@malva-ui/i18n';\n\n/**\n * A single removable token rendered inside `mlv-tokenizer`. The token host is\n * the keyboard focus target (a roving-tabindex `role=\"listitem\"`); the inner\n * `mlv-chip` provides the visual chrome and mouse close affordance but is kept\n * out of the tab order via `chipTabIndex=\"-1\"`.\n */\n@Component({\n  selector: 'mlv-token',\n  template: `\n    <mlv-chip\n      mlvDensity=\"compact\"\n      [chipTabIndex]=\"-1\"\n      [tone]=\"armed() ? 'primary' : 'default'\"\n      [closable]=\"removable() && !disabled()\"\n      [closeAriaLabel]=\"_closeAriaLabel()\"\n      [muted]=\"disabled()\"\n      (chipClose)=\"onRemove()\"\n    >\n      <ng-content />\n    </mlv-chip>\n  `,\n  styleUrl: './token.css',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-token',\n    role: 'listitem',\n    '[attr.aria-label]': '_ariaLabel()',\n    '[class.mlv-token--disabled]': 'disabled()',\n    '[class.mlv-token--armed]': 'armed()',\n    '[attr.tabindex]': 'disabled() ? -1 : tabIndex()',\n    '(keydown.backspace)': '_onKeyRemove($event)',\n    '(keydown.delete)': '_onKeyRemove($event)',\n  },\n  imports: [MlvChip],\n})\nexport class MlvToken<T = unknown> {\n  /**\n   * @private Host element reference — the token host is the keyboard focus\n   * target that the parent tokenizer's `FocusKeyManager` drives.\n   */\n  private readonly _elementRef = inject(ElementRef<HTMLElement>);\n\n  /** The option model this token represents. */\n  readonly value = input<MlvSelectOption<T>>();\n\n  /** Whether the token shows a remove (close) affordance. */\n  readonly removable = input(true);\n\n  /** Whether the token is disabled — not removable and out of the tab order. */\n  readonly disabled = input(false);\n\n  /**\n   * Whether the token is \"armed\" — a purely visual selection driven by the\n   * parent tokenizer's empty-input Backspace flow. An armed token renders with\n   * the chip's `primary` tone while DOM focus stays in the text input. It does\n   * not change the token's tabindex, role, or removal semantics.\n   */\n  readonly armed = input(false);\n\n  /** Emits this token's option when the user removes it (click or Backspace/Delete). */\n  readonly removed = output<MlvSelectOption<T>>();\n\n  /**\n   * Roving tabindex applied to the token host (the single focus target). `0`\n   * for the active token, `-1` for the rest. Managed by `MlvTokenizer`.\n   */\n  readonly tabIndex = signal(0);\n\n  /** @internal Accessible name for the token: its option label. */\n  readonly _ariaLabel = computed(() => this.value()?.label ?? null);\n\n  /**\n   * @private The chip component's i18n strings, reused to localize the base\n   * \"Remove\" verb of this token's close-button label.\n   */\n  private readonly _chipI18n = inject(MLV_CHIP_I18N);\n\n  /**\n   * @internal Descriptive accessible name for the inner chip's close button,\n   * composed as `\"<Remove>: <label>\"` (e.g. `\"Remove: Angular\"`) so the label\n   * names the specific token being removed rather than a generic \"Remove\".\n   * Falls back to the bare \"Remove\" verb when the token has no label.\n   */\n  readonly _closeAriaLabel = computed(() => {\n    const label = this.value()?.label;\n    const remove = this._chipI18n().remove;\n    return label ? `${remove}: ${label}` : remove;\n  });\n\n  /**\n   * Moves focus to the token host. Adapts the token to CDK `FocusKeyManager`\n   * so the tokenizer can navigate tokens with the Arrow keys.\n   */\n  focus(): void {\n    this._elementRef.nativeElement.focus();\n  }\n\n  /** @internal Removes the token on Backspace/Delete when it is removable. */\n  _onKeyRemove(event: Event): void {\n    if (!this.removable() || this.disabled()) return;\n    event.preventDefault();\n    this.onRemove();\n  }\n\n  /** @internal Emits `removed` with this token's option. */\n  onRemove(): void {\n    const val = this.value();\n    if (val) {\n      this.removed.emit(val);\n    }\n  }\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\nimport type { MlvSelectOption } from '@malva-ui/core/dropdown';\n\n/**\n * The template context provided to `[mlvTokenTemplate]` templates.\n * Use `let-option` to bind `$implicit` (the token's MlvSelectOption).\n */\nexport interface MlvTokenTemplateContext<T = unknown> {\n  /** The token's MlvSelectOption value — also bound to `let-option`. */\n  $implicit: MlvSelectOption<T>;\n  /** Zero-based index of this token in the visible tokens list. */\n  index: number;\n  /** Whether the remove button is active (false when the tokenizer is disabled). */\n  removable: boolean;\n  /** Call this to programmatically remove the token. */\n  remove: () => void;\n}\n\n@Directive({\n  selector: '[mlvTokenTemplate]',\n})\nexport class MlvTokenTemplate<T = unknown> {\n  /** The template reference for the custom token rendering slot. */\n  readonly templateRef = inject(TemplateRef<MlvTokenTemplateContext<T>>);\n\n  /**\n   * Type guard for correct template variable inference.\n   * Allows `let-option`, `let-index`, `let-removable`, and `let-remove` to be\n   * strongly-typed in the consuming template.\n   */\n  static ngTemplateContextGuard<T>(\n    _dir: MlvTokenTemplate<T>,\n    _ctx: unknown,\n  ): _ctx is MlvTokenTemplateContext<T> {\n    return true;\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  model,\n  signal,\n  untracked,\n  ViewEncapsulation,\n  viewChild,\n  viewChildren,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport type { Subscription } from 'rxjs';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport type { FocusableOption } from '@angular/cdk/a11y';\nimport type { MlvFormControl } from '@malva-ui/core/form-utils';\nimport {\n  MlvDescription,\n  MlvFormControlWrapper,\n  MlvFormControlWrapperControl,\n  MlvHint,\n  MlvLabel,\n  MLV_FORM_CONTROL,\n  MlvMessage,\n  MlvSignalFormControlBase,\n} from '@malva-ui/core/form-utils';\nimport { MlvInput } from '@malva-ui/core/input';\nimport { MlvRtlService } from '@malva-ui/cdk/utils';\nimport { MlvToken } from '../token/token';\nimport { MlvTokenTemplate } from '../token-template';\nimport type { MlvSelectOption } from '@malva-ui/core/dropdown';\nimport { MLV_TOKENIZER_I18N } from '@malva-ui/i18n';\n\nconst defaultCreateToken = (value: string): MlvSelectOption<string> => ({\n  label: value,\n  value,\n});\n\n@Component({\n  selector: 'mlv-tokenizer',\n  imports: [\n    MlvToken,\n    NgTemplateOutlet,\n    MlvDescription,\n    MlvFormControlWrapper,\n    MlvFormControlWrapperControl,\n    MlvLabel,\n    MlvHint,\n    MlvMessage,\n    MlvInput,\n  ],\n  templateUrl: './tokenizer.html',\n  styleUrl: './tokenizer.css',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: MLV_FORM_CONTROL,\n      useExisting: forwardRef(() => MlvTokenizer),\n    },\n  ],\n  host: {\n    class: 'mlv-tokenizer',\n    '[class.mlv-tokenizer--disabled]': 'computedDisabled()',\n    '[class.mlv-tokenizer--focused]': 'focused()',\n  },\n})\nexport class MlvTokenizer<T = string>\n  extends MlvSignalFormControlBase<MlvSelectOption<T>[]>\n  implements MlvFormControl\n{\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_TOKENIZER_I18N);\n\n  /** The token collection used by all Angular forms APIs. */\n  readonly value = model<MlvSelectOption<T>[]>([]);\n\n  /** Backwards-compatible two-way token binding kept in sync with `value`. */\n  readonly tokens = model<MlvSelectOption<T>[]>([]);\n  readonly placeholder = input('');\n  readonly showOverflow = input(true);\n  readonly maxVisible = input<number | null>(null);\n  readonly allowDuplicates = input(false);\n\n  /** Transforms a raw string from the input field into a MlvSelectOption. */\n  readonly createToken = input<(value: string) => MlvSelectOption<T>>(\n    defaultCreateToken as unknown as (value: string) => MlvSelectOption<T>,\n  );\n\n  /**\n   * Optional function to split user input into multiple values.\n   * e.g. `(v) => v.split(',')` to support comma-separated entry.\n   */\n  readonly splitFn = input<((value: string) => string[]) | null>(null);\n\n  /** @protected Custom token template projected via `[mlvTokenTemplate]`. */\n  protected readonly tokenTemplate = contentChild(MlvTokenTemplate);\n\n  /** @private The rendered token components, driven by `FocusKeyManager`. */\n  private readonly _tokens = viewChildren(MlvToken);\n\n  /** @private Reference to the inner mlv-input used for token entry. */\n  private readonly _inputEl = viewChild<MlvInput>('inputEl');\n\n  /** @private Accessor for the underlying native input element via mlv-input bare mode. */\n  private get _nativeInput(): HTMLInputElement | null {\n    return this._inputEl()?.nativeElement ?? null;\n  }\n\n  /** @private FocusKeyManager driving roving-tabindex navigation across tokens. */\n  private _keyManager?: FocusKeyManager<MlvToken<T>>;\n\n  /** @private Supplies the current inline direction to the horizontal key manager. */\n  private readonly _rtlService = inject(MlvRtlService);\n\n  /** @private Subscription to the key manager's active-item changes. */\n  private _changeSub?: Subscription;\n\n  /**\n   * @protected Whether the last token is \"armed\" — a visual-only selection\n   * (chip `primary` tone) driven by Backspace in the empty text input while DOM\n   * focus stays in the input. The first Backspace arms; the next Backspace (or\n   * Delete) removes the armed token and arms the new last one.\n   */\n  protected readonly _armed = signal(false);\n\n  /**\n   * @protected Polite screen-reader announcement for the armed token. Rendered\n   * into a visually-hidden `aria-live=\"polite\"` region so assistive tech learns\n   * which token is selected even though DOM focus never leaves the input.\n   */\n  protected readonly _srMessage = signal('');\n\n  /**\n   * @private The last committed tokens reference produced by an internal\n   * arm-driven deletion. Lets the external-change effect distinguish our own\n   * mutations (which must preserve/re-arm) from external ones (which disarm).\n   */\n  private _internalTokensRef: MlvSelectOption<T>[] | null = null;\n\n  /**\n   * @private The collection reference last propagated across `value` / `tokens`.\n   * `undefined` until the first sync, which is how the very first flush tells a\n   * seeded binding apart from an unbound alias sitting on its `[]` default.\n   */\n  private _syncedRef: MlvSelectOption<T>[] | undefined;\n\n  /** @protected The last token in the collection, or `null` when empty. */\n  protected readonly _lastToken = computed(() => {\n    const all = this.tokens();\n    return all.length > 0 ? all[all.length - 1] : null;\n  });\n\n  constructor() {\n    super();\n\n    const destroyRef = inject(DestroyRef);\n    destroyRef.onDestroy(() => {\n      this._changeSub?.unsubscribe();\n      this._keyManager?.destroy();\n    });\n\n    // `value` and `tokens` are two views of one collection, so a single effect\n    // owns the sync in both directions. Only the side that actually changed may\n    // propagate — otherwise an unbound alias still holding its `[]` default would\n    // write itself back over the seeded side on the first flush.\n    //\n    // Any resulting token-set change that did not originate from the\n    // arming/deletion flow (external forms write, `[(tokens)]`, click-removal,\n    // Enter add) disarms the visual selection. `untracked` keeps the sync and\n    // disarm writes from becoming dependencies of this effect.\n    effect(() => {\n      const value = this.value() ?? [];\n      const tokens = this.tokens() ?? [];\n      untracked(() => this._syncModels(value, tokens));\n    });\n\n    // Wire a FocusKeyManager over the rendered tokens so Arrow keys navigate\n    // between them and only the active token carries a tabindex of 0 (roving\n    // tabindex). Rebuilt whenever the token set changes.\n    effect(() => {\n      const tokens = [...this._tokens()];\n      const direction = this._rtlService.direction();\n      this._changeSub?.unsubscribe();\n      this._keyManager?.destroy();\n\n      if (tokens.length === 0) {\n        this._keyManager = undefined;\n        return;\n      }\n\n      this._keyManager = new FocusKeyManager<MlvToken<T>>(\n        tokens as (MlvToken<T> & FocusableOption)[],\n      )\n        .withHorizontalOrientation(direction)\n        .withWrap()\n        .skipPredicate((token) => token.disabled());\n\n      this._changeSub = this._keyManager.change.subscribe((index) =>\n        this._syncTokenTabIndices(index),\n      );\n      this._syncTokenTabIndices(0);\n    });\n  }\n\n  /**\n   * @private Reconciles the `value` / `tokens` model pair from one effect run.\n   *\n   * Whichever surface no longer matches `_syncedRef` is the one that changed and\n   * therefore wins; the other is brought to it. On the first run nothing has been\n   * propagated yet, so a surface still holding the empty default counts as\n   * unchanged and cannot clobber a seeded sibling. `value` is canonical when both\n   * sides changed in the same flush.\n   */\n  private _syncModels(\n    value: MlvSelectOption<T>[],\n    tokens: MlvSelectOption<T>[],\n  ): void {\n    const synced = this._syncedRef;\n    let resolved: MlvSelectOption<T>[];\n\n    if (value === tokens) {\n      resolved = value;\n    } else {\n      const valueChanged =\n        synced === undefined ? value.length > 0 : value !== synced;\n      const tokensChanged =\n        synced === undefined ? tokens.length > 0 : tokens !== synced;\n\n      resolved = tokensChanged && !valueChanged ? tokens : value;\n      if (this.value() !== resolved) this.value.set(resolved);\n      if (this.tokens() !== resolved) this.tokens.set(resolved);\n    }\n\n    const changed = synced === undefined || resolved !== synced;\n    this._syncedRef = resolved;\n\n    if (changed && resolved !== this._internalTokensRef) this._disarm();\n  }\n\n  /** @private Sets tabindex 0 on the active token and -1 on the rest. */\n  private _syncTokenTabIndices(activeIndex: number): void {\n    this._tokens().forEach((token, i) => {\n      token.tabIndex.set(i === activeIndex ? 0 : -1);\n    });\n  }\n\n  readonly visibleTokens = computed(() => {\n    const max = this.maxVisible();\n    const all = this.tokens();\n    return max !== null ? all.slice(0, max) : all;\n  });\n\n  readonly overflowCount = computed(() => {\n    const max = this.maxVisible();\n    if (max === null) return 0;\n    return Math.max(0, this.tokens().length - max);\n  });\n\n  focusInput(): void {\n    // Pointer interaction with the field is a caret move — disarm any selection.\n    this._disarm();\n    if (!this.computedDisabled()) {\n      this._nativeInput?.focus();\n    }\n  }\n\n  /**\n   * @protected Whether the given token is the currently armed one. Armed always\n   * targets the last token, matching the from-the-end deletion order.\n   */\n  protected _isTokenArmed(token: MlvSelectOption<T>): boolean {\n    return this._armed() && token === this._lastToken();\n  }\n\n  onInputEnter(event: Event): void {\n    event.preventDefault();\n    // Enter commits typed text (or is a no-op) — never a chip selection.\n    this._disarm();\n    const raw = this._nativeInput?.value.trim() ?? '';\n    if (!raw) return;\n\n    const split = this.splitFn();\n    const values = split\n      ? split(raw)\n          .map((s) => s.trim())\n          .filter(Boolean)\n      : [raw];\n    const create = this.createToken();\n    const current = this.tokens();\n    const newTokens: MlvSelectOption<T>[] = [];\n\n    for (const val of values) {\n      const token = create(val);\n      const isDuplicate =\n        current.some((t) => t.value === token.value) ||\n        newTokens.some((t) => t.value === token.value);\n      if (this.allowDuplicates() || !isDuplicate) {\n        newTokens.push(token);\n      }\n    }\n\n    if (newTokens.length > 0) {\n      const updated = [...current, ...newTokens];\n      this._setTokens(updated);\n    }\n\n    this._inputEl()?.clearValue();\n    if (this._nativeInput) {\n      this._nativeInput.value = '';\n    }\n  }\n\n  /**\n   * Handles Backspace in the text input. When the caret is inside typed text\n   * this is a native edit and is left alone. When the input is empty:\n   *  - the first press *arms* the last token (visual `primary` selection, no\n   *    deletion);\n   *  - each subsequent press removes the armed (last) token and arms the new\n   *    last one, walking deletion from the end one token per press.\n   * Removing the final token leaves the input focused and disarmed.\n   */\n  onInputBackspace(event: Event): void {\n    const val = this._nativeInput?.value ?? '';\n    if (val.length !== 0) return; // caret editing text — native backspace\n    const current = this.tokens();\n    if (current.length === 0) return; // nothing to arm or delete\n\n    event.preventDefault();\n    if (!this._armed()) {\n      this._armed.set(true); // arm last token; do NOT delete\n      this._announceArmed();\n      return;\n    }\n    this._deleteArmedAndRearm(); // already armed → delete + re-arm new last\n  }\n\n  /**\n   * Handles Delete in the text input. Delete only acts on an already-armed\n   * token (parity with the second Backspace): it removes the armed token and\n   * arms the new last one. With nothing armed it is a no-op.\n   */\n  onInputDelete(event: Event): void {\n    if (!this._armed()) return;\n    event.preventDefault();\n    this._deleteArmedAndRearm();\n  }\n\n  onInputFocus(): void {\n    this.setFocused(true);\n  }\n\n  onInputBlur(): void {\n    // Focus leaving the field disarms the selection (Gmail-style token UX).\n    this._disarm();\n    this.setFocused(false);\n    this._markTouched();\n  }\n\n  /**\n   * @protected Clears the armed selection and its live-region announcement.\n   * Invoked on typing, caret movement, blur, pointer interaction, Enter, and\n   * external token changes.\n   */\n  protected _disarm(): void {\n    if (this._armed()) this._armed.set(false);\n    if (this._srMessage()) this._srMessage.set('');\n  }\n\n  /**\n   * @private Removes the armed (last) token and re-arms the new last token,\n   * or disarms when the collection becomes empty. Records the resulting array\n   * reference so the external-change effect treats this as an internal mutation.\n   */\n  private _deleteArmedAndRearm(): void {\n    const current = this.tokens();\n    if (current.length === 0) {\n      this._disarm();\n      return;\n    }\n    const updated = current.slice(0, -1);\n    this._internalTokensRef = updated;\n    this._setTokens(updated);\n\n    if (updated.length === 0) {\n      this._disarm(); // last token removed — input stays focused, disarmed\n    } else {\n      this._armed.set(true); // arm the new last token\n      this._announceArmed();\n    }\n  }\n\n  /** @private Announces the armed token's label into the polite live region. */\n  private _announceArmed(): void {\n    this._srMessage.set(this._lastToken()?.label ?? '');\n  }\n\n  removeToken(token: MlvSelectOption<T>): void {\n    const updated = this.tokens().filter((t) => t !== token);\n    this._setTokens(updated);\n  }\n\n  onTokenKeydown(event: KeyboardEvent): void {\n    this._keyManager?.onKeydown(event);\n  }\n\n  /** Whether the control holds a clearable value — At least one token present. */\n  readonly hasValue = computed(() => this.tokens().length > 0);\n\n  /** @private Commits one token collection to both public model surfaces. */\n  private _setTokens(value: MlvSelectOption<T>[]): void {\n    this.tokens.set(value);\n    this.value.set(value);\n  }\n}\n","<mlv-form-control-wrapper>\n  @if (label() || hint()) {\n  <mlv-label [for]=\"id()\" [required]=\"required()\">\n    {{ label() }} @if (hint()) {\n    <mlv-hint>{{ hint() }}</mlv-hint>\n    }\n  </mlv-label>\n  }\n\n  <ng-template mlvFormControlWrapperControl>\n    <div\n      class=\"mlv-tokenizer__tokens\"\n      tabindex=\"-1\"\n      (click)=\"focusInput()\"\n      (keydown.enter)=\"focusInput()\"\n    >\n      @if (visibleTokens().length > 0) {\n      <div\n        class=\"mlv-tokenizer__token-list\"\n        role=\"list\"\n        [attr.aria-label]=\"label() || _i18n().selectedItems\"\n      >\n        @for (token of visibleTokens(); track token.value) {\n        <mlv-token\n          [value]=\"token\"\n          [removable]=\"!computedDisabled()\"\n          [disabled]=\"computedDisabled()\"\n          [armed]=\"_isTokenArmed(token)\"\n          (removed)=\"removeToken(token)\"\n          (keydown)=\"onTokenKeydown($event)\"\n        >\n          @if (tokenTemplate(); as tmpl) {\n          <ng-template\n            [ngTemplateOutlet]=\"tmpl.templateRef\"\n            [ngTemplateOutletContext]=\"{ $implicit: token }\"\n          />\n          } @else { {{ token.label }} }\n        </mlv-token>\n        }\n      </div>\n      } @if (showOverflow() && overflowCount() > 0) {\n      <span class=\"mlv-tokenizer__overflow\"> +{{ overflowCount() }} more </span>\n      } @if (!computedDisabled()) {\n      <mlv-input\n        #inputEl\n        bare\n        class=\"mlv-tokenizer__input\"\n        [id]=\"id()\"\n        [placeholder]=\"tokens().length === 0 ? placeholder() : ''\"\n        [disabled]=\"computedDisabled()\"\n        [state]=\"resolvedState()\"\n        [ariaLabel]=\"ariaLabel() ?? _i18n().addToken\"\n        [required]=\"required()\"\n        [ariaDescribedBy]=\"_describedBy()\"\n        (keydown.enter)=\"onInputEnter($event)\"\n        (keydown.backspace)=\"onInputBackspace($event)\"\n        (keydown.delete)=\"onInputDelete($event)\"\n        (keydown.arrowleft)=\"_disarm()\"\n        (keydown.arrowright)=\"_disarm()\"\n        (keydown.home)=\"_disarm()\"\n        (keydown.end)=\"_disarm()\"\n        (input)=\"_disarm()\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\"\n      />\n      }\n      <span class=\"mlv-tokenizer__sr\" role=\"status\" aria-live=\"polite\"\n        >{{ _srMessage() }}</span\n      >\n    </div>\n  </ng-template>\n\n  @if (description()) {\n  <mlv-description [id]=\"_descriptionId()\">{{ description() }}</mlv-description>\n  } @if (message()) {\n  <mlv-message [id]=\"_messageId()\" [state]=\"resolvedState()\">\n    {{ message() }}\n  </mlv-message>\n  }\n</mlv-form-control-wrapper>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}