@malva-ui/core 0.1.12

package/esm2022/tokenizer/lib/token/token.js

@@ -0,0 +1,123 @@
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, output, signal, ViewEncapsulation, } from '@angular/core';
+import { MlvChip } from '@malva-ui/core/chip';
+import { MLV_CHIP_I18N } from '@malva-ui/i18n';
+import * as i0 from "@angular/core";
+/**
+ * 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"`.
+ */
+export 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: [".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) solid var(--mlv-border-focus);outline-offset:.125rem}.mlv-token--disabled{opacity:var(--mlv-disabled-opacity)}.mlv-token--armed{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:.125rem}\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: [".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) solid var(--mlv-border-focus);outline-offset:.125rem}.mlv-token--disabled{opacity:var(--mlv-disabled-opacity)}.mlv-token--armed{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:.125rem}\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"] }] } });
+//# sourceMappingURL=token.js.map

package/esm2022/tokenizer/lib/token/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../../../../libs/core/tokenizer/src/lib/token/token.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;;AAE/C;;;;;GAKG;AA+BH,MAAM,OAAO,QAAQ;IACnB;;;OAGG;IACc,WAAW,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAE/D,8CAA8C;IACrC,KAAK,GAAG,KAAK;yFAAsB,CAAC;IAE7C,2DAA2D;IAClD,SAAS,GAAG,KAAK,CAAC,IAAI;kFAAC,CAAC;IAEjC,8EAA8E;IACrE,QAAQ,GAAG,KAAK,CAAC,KAAK;iFAAC,CAAC;IAEjC;;;;;OAKG;IACM,KAAK,GAAG,KAAK,CAAC,KAAK;8EAAC,CAAC;IAE9B,sFAAsF;IAC7E,OAAO,GAAG,MAAM,EAAsB,CAAC;IAEhD;;;OAGG;IACM,QAAQ,GAAG,MAAM,CAAC,CAAC;iFAAC,CAAC;IAE9B,iEAAiE;IACxD,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,IAAI,IAAI;mFAAC,CAAC;IAElE;;;OAGG;IACc,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAEnD;;;;;OAKG;IACM,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC;QACvC,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;IAChD,CAAC;wFAAC,CAAC;IAEH;;;OAGG;IACH,KAAK;QACH,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IACzC,CAAC;IAED,4EAA4E;IAC5E,YAAY,CAAC,KAAY;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QACjD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAED,0DAA0D;IAC1D,QAAQ;QACN,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACzB,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;uGA3EU,QAAQ;2FAAR,QAAQ,48BA5BT;;;;;;;;;;;;GAYT,+cAcS,OAAO;;2FAEN,QAAQ;kBA9BpB,SAAS;+BACE,WAAW,YACX;;;;;;;;;;;;GAYT,iBAEc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,WAAW;wBAClB,IAAI,EAAE,UAAU;wBAChB,mBAAmB,EAAE,cAAc;wBACnC,6BAA6B,EAAE,YAAY;wBAC3C,0BAA0B,EAAE,SAAS;wBACrC,iBAAiB,EAAE,8BAA8B;wBACjD,qBAAqB,EAAE,sBAAsB;wBAC7C,kBAAkB,EAAE,sBAAsB;qBAC3C,WACQ,CAAC,OAAO,CAAC","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"]}

package/esm2022/tokenizer/lib/token-template.js

@@ -0,0 +1,23 @@
+import { Directive, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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]',
+                }]
+        }] });
+//# sourceMappingURL=token-template.js.map

package/esm2022/tokenizer/lib/token-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-template.js","sourceRoot":"","sources":["../../../../../../libs/core/tokenizer/src/lib/token-template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;;AAqB/D,MAAM,OAAO,gBAAgB;IAC3B,kEAAkE;IACzD,WAAW,GAAG,MAAM,CAAC,CAAA,WAAuC,CAAA,CAAC,CAAC;IAEvE;;;;OAIG;IACH,MAAM,CAAC,sBAAsB,CAC3B,IAAyB,EACzB,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;uGAdU,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAH5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;iBAC/B","sourcesContent":["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"]}

package/esm2022/tokenizer/lib/tokenizer/tokenizer.js

@@ -0,0 +1,324 @@
+import { ChangeDetectionStrategy, Component, computed, contentChild, DestroyRef, effect, forwardRef, inject, input, model, signal, untracked, ViewEncapsulation, viewChild, viewChildren, } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { MlvDescription, MlvFormControlWrapper, MlvFormControlWrapperControl, MlvHint, MlvLabel, MLV_FORM_CONTROL, MlvMessage, MlvSignalFormControlBase, } from '@malva-ui/core/form-utils';
+import { MlvInput } from '@malva-ui/core/input';
+import { MlvToken } from '../token/token';
+import { MlvTokenTemplate } from '../token-template';
+import { MLV_TOKENIZER_I18N } from '@malva-ui/i18n';
+import * as i0 from "@angular/core";
+const defaultCreateToken = (value) => ({
+    label: value,
+    value,
+});
+export 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 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;
+    /** @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();
+        });
+        // Any 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 disarm writes from turning `_armed`
+        // / `_srMessage` into dependencies of this effect (which reacts to `tokens`).
+        effect(() => {
+            const current = this.tokens();
+            untracked(() => {
+                if (current !== this.value())
+                    this.value.set(current);
+                if (current === this._internalTokensRef)
+                    return;
+                this._disarm();
+            });
+        });
+        effect(() => {
+            const current = this.value() ?? [];
+            untracked(() => {
+                if (current !== this.tokens())
+                    this.tokens.set(current);
+            });
+        });
+        // 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()];
+            this._changeSub?.unsubscribe();
+            this._keyManager?.destroy();
+            if (tokens.length === 0) {
+                this._keyManager = undefined;
+                return;
+            }
+            this._keyManager = new FocusKeyManager(tokens)
+                .withHorizontalOrientation('ltr')
+                .withWrap()
+                .skipPredicate((token) => token.disabled());
+            this._changeSub = this._keyManager.change.subscribe((index) => this._syncTokenTabIndices(index));
+            this._syncTokenTabIndices(0);
+        });
+    }
+    /** @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: [".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:.75rem;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: [".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:.75rem;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 }] }] } });
+//# sourceMappingURL=tokenizer.js.map

package/esm2022/tokenizer/lib/tokenizer/tokenizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenizer.js","sourceRoot":"","sources":["../../../../../../../libs/core/tokenizer/src/lib/tokenizer/tokenizer.ts","../../../../../../../libs/core/tokenizer/src/lib/tokenizer/tokenizer.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,4BAA4B,EAC5B,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;;AAEpD,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAA2B,EAAE,CAAC,CAAC;IACtE,KAAK,EAAE,KAAK;IACZ,KAAK;CACN,CAAC,CAAC;AA+BH,MAAM,OAAO,YACX,SAAQ,wBAA8C;IAGtD,sDAAsD;IACnC,KAAK,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAEtD,2DAA2D;IAClD,KAAK,GAAG,KAAK,CAAuB,EAAE;8EAAC,CAAC;IAEjD,4EAA4E;IACnE,MAAM,GAAG,KAAK,CAAuB,EAAE;+EAAC,CAAC;IACzC,WAAW,GAAG,KAAK,CAAC,EAAE;oFAAC,CAAC;IACxB,YAAY,GAAG,KAAK,CAAC,IAAI;qFAAC,CAAC;IAC3B,UAAU,GAAG,KAAK,CAAgB,IAAI;mFAAC,CAAC;IACxC,eAAe,GAAG,KAAK,CAAC,KAAK;wFAAC,CAAC;IAExC,2EAA2E;IAClE,WAAW,GAAG,KAAK,CAC1B,kBAAsE;oFACvE,CAAC;IAEF;;;OAGG;IACM,OAAO,GAAG,KAAK,CAAuC,IAAI;gFAAC,CAAC;IAErE,2EAA2E;IACxD,aAAa,GAAG,YAAY,CAAC,gBAAgB;sFAAC,CAAC;IAElE,2EAA2E;IAC1D,OAAO,GAAG,YAAY,CAAC,QAAQ;gFAAC,CAAC;IAElD,sEAAsE;IACrD,QAAQ,GAAG,SAAS,CAAW,SAAS;iFAAC,CAAC;IAE3D,yFAAyF;IACzF,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,QAAQ,EAAE,EAAE,aAAa,IAAI,IAAI,CAAC;IAChD,CAAC;IAED,iFAAiF;IACzE,WAAW,CAAgC;IAEnD,sEAAsE;IAC9D,UAAU,CAAgB;IAElC;;;;;OAKG;IACgB,MAAM,GAAG,MAAM,CAAC,KAAK;+EAAC,CAAC;IAE1C;;;;OAIG;IACgB,UAAU,GAAG,MAAM,CAAC,EAAE;mFAAC,CAAC;IAE3C;;;;OAIG;IACK,kBAAkB,GAAgC,IAAI,CAAC;IAE/D,yEAAyE;IACtD,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC1B,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,CAAC;mFAAC,CAAC;IAEH;QACE,KAAK,EAAE,CAAC;QAER,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;QACtC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;YACxB,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC;YAC/B,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,4EAA4E;QAC5E,6EAA6E;QAC7E,8EAA8E;QAC9E,8EAA8E;QAC9E,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC9B,SAAS,CAAC,GAAG,EAAE;gBACb,IAAI,OAAO,KAAK,IAAI,CAAC,KAAK,EAAE;oBAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACtD,IAAI,OAAO,KAAK,IAAI,CAAC,kBAAkB;oBAAE,OAAO;gBAChD,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;YACnC,SAAS,CAAC,GAAG,EAAE;gBACb,IAAI,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE;oBAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC1D,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,yEAAyE;QACzE,yEAAyE;QACzE,qDAAqD;QACrD,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;YACnC,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC;YAC/B,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC;YAE5B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACxB,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;gBAC7B,OAAO;YACT,CAAC;YAED,IAAI,CAAC,WAAW,GAAG,IAAI,eAAe,CACpC,MAA2C,CAC5C;iBACE,yBAAyB,CAAC,KAAK,CAAC;iBAChC,QAAQ,EAAE;iBACV,aAAa,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;YAE9C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAC5D,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CACjC,CAAC;YACF,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,uEAAuE;IAC/D,oBAAoB,CAAC,WAAmB;QAC9C,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAClC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC1B,OAAO,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAChD,CAAC;sFAAC,CAAC;IAEM,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAC9B,IAAI,GAAG,KAAK,IAAI;YAAE,OAAO,CAAC,CAAC;QAC3B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;IACjD,CAAC;sFAAC,CAAC;IAEH,UAAU;QACR,6EAA6E;QAC7E,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC;YAC7B,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;IAED;;;OAGG;IACO,aAAa,CAAC,KAAyB;QAC/C,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,KAAK,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;IACtD,CAAC;IAED,YAAY,CAAC,KAAY;QACvB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,qEAAqE;QACrE,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC;QAClD,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC7B,MAAM,MAAM,GAAG,KAAK;YAClB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;iBACP,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;iBACpB,MAAM,CAAC,OAAO,CAAC;YACpB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACV,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC9B,MAAM,SAAS,GAAyB,EAAE,CAAC;QAE3C,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;YACzB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YAC1B,MAAM,WAAW,GACf,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC;gBAC5C,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC;YACjD,IAAI,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC3C,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;QAED,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,MAAM,OAAO,GAAG,CAAC,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC,CAAC;YAC3C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,CAAC;QAC9B,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IAED;;;;;;;;OAQG;IACH,gBAAgB,CAAC,KAAY;QAC3B,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC;QAC3C,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,CAAC,wCAAwC;QACtE,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC9B,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,CAAC,2BAA2B;QAE7D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;YACnB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAgC;YACvD,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC,2CAA2C;IAC1E,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,KAAY;QACxB,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAAE,OAAO;QAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,WAAW;QACT,wEAAwE;QACxE,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED;;;;OAIG;IACO,OAAO;QACf,IAAI,IAAI,CAAC,MAAM,EAAE;YAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,IAAI,CAAC,UAAU,EAAE;YAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACjD,CAAC;IAED;;;;OAIG;IACK,oBAAoB;QAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC9B,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACrC,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC;QAClC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAEzB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,qDAAqD;QACvE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,yBAAyB;YAChD,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED,8EAA8E;IACtE,cAAc;QACpB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,WAAW,CAAC,KAAyB;QACnC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC;IAED,cAAc,CAAC,KAAoB;QACjC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,gFAAgF;IACvE,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,CAAC;iFAAC,CAAC;IAE7D,2EAA2E;IACnE,UAAU,CAAC,KAA2B;QAC5C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;uGAjTU,YAAY;2FAAZ,YAAY,i1CAZZ;YACT;gBACE,OAAO,EAAE,gBAAgB;gBACzB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;aAC5C;SACF,qEAoC+C,gBAAgB,4FAGxB,QAAQ,6LCxGlD,ooFAgFA,myBDlCI,QAAQ,iIACR,gBAAgB,oJAChB,cAAc,4DACd,qBAAqB,yFACrB,4BAA4B,2EAC5B,QAAQ,mFACR,OAAO,qDACP,UAAU,2EACV,QAAQ;;2FAkBC,YAAY;kBA7BxB,SAAS;+BACE,eAAe,WAChB;wBACP,QAAQ;wBACR,gBAAgB;wBAChB,cAAc;wBACd,qBAAqB;wBACrB,4BAA4B;wBAC5B,QAAQ;wBACR,OAAO;wBACP,UAAU;wBACV,QAAQ;qBACT,iBAGc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,aACpC;wBACT;4BACE,OAAO,EAAE,gBAAgB;4BACzB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,aAAa,CAAC;yBAC5C;qBACF,QACK;wBACJ,KAAK,EAAE,eAAe;wBACtB,iCAAiC,EAAE,oBAAoB;wBACvD,gCAAgC,EAAE,WAAW;qBAC9C;++BA+B+C,gBAAgB,yFAGxB,QAAQ,mEAGA,SAAS","sourcesContent":["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 { 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 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  /** @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    // Any token-set change that did not originate from the arming/deletion flow\n    // (external forms write, `[(tokens)]`, click-removal, Enter add) disarms the\n    // visual selection. `untracked` keeps the disarm writes from turning `_armed`\n    // / `_srMessage` into dependencies of this effect (which reacts to `tokens`).\n    effect(() => {\n      const current = this.tokens();\n      untracked(() => {\n        if (current !== this.value()) this.value.set(current);\n        if (current === this._internalTokensRef) return;\n        this._disarm();\n      });\n    });\n\n    effect(() => {\n      const current = this.value() ?? [];\n      untracked(() => {\n        if (current !== this.tokens()) this.tokens.set(current);\n      });\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      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('ltr')\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  /** @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"]}

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

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

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

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

package/esm2022/toolbar/index.js

@@ -0,0 +1,4 @@
+export * from './lib/toolbar/toolbar';
+export * from './lib/toolbar/toolbar-spacer';
+export * from './lib/toolbar/toolbar-widget';
+//# sourceMappingURL=index.js.map

package/esm2022/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/toolbar/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './lib/toolbar/toolbar';\nexport * from './lib/toolbar/toolbar-spacer';\nexport * from './lib/toolbar/toolbar-widget';\n"]}

package/esm2022/toolbar/lib/toolbar/toolbar-spacer.js

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MlvToolbarSpacer {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToolbarSpacer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvToolbarSpacer, isStandalone: true, selector: "mlv-toolbar-spacer", host: { classAttribute: "mlv-toolbar-spacer" }, ngImport: i0, template: '', isInline: true, styles: [".mlv-toolbar-spacer{flex:1 1 auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvToolbarSpacer, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-toolbar-spacer', template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-toolbar-spacer',
+                    }, styles: [".mlv-toolbar-spacer{flex:1 1 auto}\n"] }]
+        }] });
+//# sourceMappingURL=toolbar-spacer.js.map

package/esm2022/toolbar/lib/toolbar/toolbar-spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-spacer.js","sourceRoot":"","sources":["../../../../../../../libs/core/toolbar/src/lib/toolbar/toolbar-spacer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;;AAgBvB,MAAM,OAAO,gBAAgB;uGAAhB,gBAAgB;2FAAhB,gBAAgB,8HAZjB,EAAE;;2FAYD,gBAAgB;kBAd5B,SAAS;+BACE,oBAAoB,YACpB,EAAE,iBAMG,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,oBAAoB;qBAC5B","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'mlv-toolbar-spacer',\n  template: '',\n  styles: `\n    .mlv-toolbar-spacer {\n      flex: 1 1 auto;\n    }\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-toolbar-spacer',\n  },\n})\nexport class MlvToolbarSpacer {}\n"]}