@star-ng/ui 0.0.0-stage → 0.2.0

package/fesm2022/star-ng-ui-input-tags.mjs

@@ -0,0 +1,616 @@
+import { _IdGenerator } from "@angular/cdk/a11y";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, computed, inject, input, model, output, signal, viewChild } from "@angular/core";
+import { STAR_UI_TEXT } from "@star-ng/ui/core";
+import { StarField } from "@star-ng/ui/field";
+var StarInputTags = class StarInputTags {
+	text = inject(STAR_UI_TEXT);
+	ids = inject(_IdGenerator);
+	field = inject(StarField, { optional: true });
+	constructor() {
+		this.field?.linkControl(this.inputId);
+	}
+	value = model([], ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	placeholder = input(null, ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
+	separators = input([",", ";"], ...ngDevMode ? [{ debugName: "separators" }] : /* istanbul ignore next */ []);
+	validate = input(null, ...ngDevMode ? [{ debugName: "validate" }] : /* istanbul ignore next */ []);
+	allowDuplicates = input(false, {
+		...ngDevMode ? { debugName: "allowDuplicates" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	maxTags = input(0, ...ngDevMode ? [{ debugName: "maxTags" }] : /* istanbul ignore next */ []);
+	maxLength = input(void 0, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
+	addOnBlur = input(true, {
+		...ngDevMode ? { debugName: "addOnBlur" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	showClear = input(false, {
+		...ngDevMode ? { debugName: "showClear" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	inputId = input(this.ids.getId("star-tags-"), ...ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	readonly = input(false, {
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touched = input(false, {
+		...ngDevMode ? { debugName: "touched" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	touch = output();
+	added = output();
+	removed = output();
+	rejected = output();
+	hintId = this.ids.getId("star-tags-hint-");
+	describedBy = computed(() => [this.hintId, this.field?.describedBy()].filter(Boolean).join(" "), ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
+	draft = signal("", ...ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []);
+	rejection = signal(null, ...ngDevMode ? [{ debugName: "rejection" }] : /* istanbul ignore next */ []);
+	announcement = signal("", ...ngDevMode ? [{ debugName: "announcement" }] : /* istanbul ignore next */ []);
+	input = viewChild.required("input", ...ngDevMode ? [{ debugName: "input" }] : /* istanbul ignore next */ []);
+	atLimit = computed(() => this.maxTags() > 0 && this.value().length >= this.maxTags(), ...ngDevMode ? [{ debugName: "atLimit" }] : /* istanbul ignore next */ []);
+	rejectionText = computed(() => {
+		const rejection = this.rejection();
+		if (!rejection) return null;
+		if (rejection.reason === "duplicate") return this.text.tagDuplicate(rejection.tag);
+		if (rejection.reason === "limit") return this.text.tagLimit(this.maxTags());
+		return this.text.tagInvalid(rejection.tag);
+	}, ...ngDevMode ? [{ debugName: "rejectionText" }] : /* istanbul ignore next */ []);
+	add(raw) {
+		if (this.disabled() || this.readonly()) return [...raw];
+		const next = [...this.value()];
+		const leftover = [];
+		let lastRejection = null;
+		for (const tag of raw.map((t) => t.trim()).filter(Boolean)) {
+			const lower = tag.toLocaleLowerCase();
+			let reason = null;
+			if (this.maxTags() > 0 && next.length >= this.maxTags()) reason = "limit";
+			else if (this.validate() && !this.validate()(tag)) reason = "invalid";
+			else if (!this.allowDuplicates() && next.some((t) => t.toLocaleLowerCase() === lower)) reason = "duplicate";
+			if (reason) {
+				leftover.push(tag);
+				lastRejection = {
+					tag,
+					reason
+				};
+				this.rejected.emit({
+					tag,
+					reason
+				});
+				continue;
+			}
+			next.push(tag);
+			this.added.emit(tag);
+			this.announcement.set(this.text.tagAdded(tag));
+		}
+		if (next.length !== this.value().length) this.value.set(next);
+		this.rejection.set(lastRejection);
+		return leftover;
+	}
+	removeAt(index) {
+		const tag = this.value()[index];
+		if (tag === void 0 || this.disabled() || this.readonly()) return;
+		this.value.update((tags) => tags.filter((_, i) => i !== index));
+		this.removed.emit(tag);
+		this.announcement.set(this.text.tagRemoved(tag));
+		this.rejection.set(null);
+		this.focus();
+	}
+	clear() {
+		this.value.set([]);
+		this.rejection.set(null);
+		this.focus();
+	}
+	splitPattern() {
+		const escaped = this.separators().map((s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+		return new RegExp(`[${escaped.join("")}\\n\\t]`);
+	}
+	setDraft(text) {
+		this.draft.set(text);
+		this.input().nativeElement.value = text;
+	}
+	onInput(input) {
+		const text = input.value;
+		this.rejection.set(null);
+		if (this.separators().some((s) => text.includes(s))) {
+			const parts = text.split(this.splitPattern());
+			const last = parts.pop() ?? "";
+			const leftover = this.add(parts);
+			this.setDraft(leftover.length ? leftover.join(", ") : last);
+		} else this.draft.set(text);
+	}
+	onKeydown(event) {
+		const draft = this.draft().trim();
+		if ((event.key === "Enter" || event.key === "Tab" && draft) && draft) {
+			event.preventDefault();
+			const leftover = this.add([draft]);
+			this.setDraft(leftover[0] ?? "");
+		} else if (event.key === "Backspace" && !this.draft() && this.value().length) {
+			event.preventDefault();
+			this.removeAt(this.value().length - 1);
+		} else if (event.key === "Escape" && this.draft()) {
+			this.setDraft("");
+			this.rejection.set(null);
+		}
+	}
+	onPaste(event) {
+		const text = event.clipboardData?.getData("text") ?? "";
+		if (!this.splitPattern().test(text)) return;
+		event.preventDefault();
+		const leftover = this.add(text.split(this.splitPattern()));
+		this.setDraft(leftover.join(", "));
+	}
+	onBlur() {
+		if (this.addOnBlur() && this.draft().trim()) {
+			const leftover = this.add([this.draft()]);
+			this.setDraft(leftover[0] ?? "");
+		}
+		this.touch.emit();
+	}
+	focus(options) {
+		this.input().nativeElement.focus(options);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarInputTags,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.6",
+		type: StarInputTags,
+		isStandalone: true,
+		selector: "star-input-tags",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholder: {
+				classPropertyName: "placeholder",
+				publicName: "placeholder",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			separators: {
+				classPropertyName: "separators",
+				publicName: "separators",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			validate: {
+				classPropertyName: "validate",
+				publicName: "validate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			allowDuplicates: {
+				classPropertyName: "allowDuplicates",
+				publicName: "allowDuplicates",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxTags: {
+				classPropertyName: "maxTags",
+				publicName: "maxTags",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxLength: {
+				classPropertyName: "maxLength",
+				publicName: "maxLength",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			addOnBlur: {
+				classPropertyName: "addOnBlur",
+				publicName: "addOnBlur",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showClear: {
+				classPropertyName: "showClear",
+				publicName: "showClear",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			inputId: {
+				classPropertyName: "inputId",
+				publicName: "inputId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			touched: {
+				classPropertyName: "touched",
+				publicName: "touched",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			touch: "touch",
+			added: "added",
+			removed: "removed",
+			rejected: "rejected"
+		},
+		host: {
+			properties: {
+				"class.star-select--disabled": "disabled()",
+				"class.star-select--invalid": "(invalid() && touched()) || !!rejection()"
+			},
+			classAttribute: "star-select star-tags"
+		},
+		viewQueries: [{
+			propertyName: "input",
+			first: true,
+			predicate: ["input"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <!-- Pointer convenience only: keyboard users reach the input directly. -->
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <div class="star-select__control star-ac__control star-tags__control" (click)="focus()">
+      <ul
+        class="star-tags__list"
+        [attr.aria-label]="ariaLabel()"
+        [attr.aria-disabled]="disabled() || null"
+      >
+        @for (tag of value(); track tag; let i = $index) {
+          <li class="star-chip star-chip--sm">
+            {{ tag }}
+            @if (!disabled() && !readonly()) {
+              <button
+                type="button"
+                class="star-chip__remove"
+                tabindex="-1"
+                [attr.aria-label]="text.removeItem(tag)"
+                (click)="$event.stopPropagation(); removeAt(i)"
+              >
+                <i class="ph-bold ph-x" aria-hidden="true"></i>
+              </button>
+            }
+          </li>
+        }
+      </ul>
+      <input
+        #input
+        type="text"
+        class="star-ac__input"
+        autocomplete="off"
+        [id]="inputId()"
+        [attr.name]="name() || null"
+        [value]="draft()"
+        [attr.placeholder]="atLimit() ? null : placeholder()"
+        [attr.maxlength]="maxLength() ?? null"
+        [disabled]="disabled()"
+        [readOnly]="readonly() || atLimit()"
+        [attr.aria-label]="ariaLabel()"
+        [attr.aria-describedby]="describedBy()"
+        [attr.aria-invalid]="(invalid() && touched()) || !!rejection() || null"
+        (input)="onInput(input)"
+        (keydown)="onKeydown($event)"
+        (paste)="onPaste($event)"
+        (blur)="onBlur()"
+      />
+      @if (showClear() && value().length && !disabled() && !readonly()) {
+        <button
+          type="button"
+          class="star-select__icon-btn"
+          [attr.aria-label]="text.clear"
+          (click)="$event.stopPropagation(); clear()"
+        >
+          <i class="ph-bold ph-x" aria-hidden="true"></i>
+        </button>
+      }
+    </div>
+    <p class="star-sr-only" [id]="hintId">{{ text.tagsHint }}</p>
+    <p class="star-sr-only" aria-live="polite">{{ announcement() }}</p>
+    @if (rejectionText(); as message) {
+      <p class="star-field__error star-tags__error" role="alert">{{ message }}</p>
+    }
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarInputTags,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-input-tags",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "star-select star-tags",
+				"[class.star-select--disabled]": "disabled()",
+				"[class.star-select--invalid]": "(invalid() && touched()) || !!rejection()"
+			},
+			template: `
+    <!-- Pointer convenience only: keyboard users reach the input directly. -->
+    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
+    <div class="star-select__control star-ac__control star-tags__control" (click)="focus()">
+      <ul
+        class="star-tags__list"
+        [attr.aria-label]="ariaLabel()"
+        [attr.aria-disabled]="disabled() || null"
+      >
+        @for (tag of value(); track tag; let i = $index) {
+          <li class="star-chip star-chip--sm">
+            {{ tag }}
+            @if (!disabled() && !readonly()) {
+              <button
+                type="button"
+                class="star-chip__remove"
+                tabindex="-1"
+                [attr.aria-label]="text.removeItem(tag)"
+                (click)="$event.stopPropagation(); removeAt(i)"
+              >
+                <i class="ph-bold ph-x" aria-hidden="true"></i>
+              </button>
+            }
+          </li>
+        }
+      </ul>
+      <input
+        #input
+        type="text"
+        class="star-ac__input"
+        autocomplete="off"
+        [id]="inputId()"
+        [attr.name]="name() || null"
+        [value]="draft()"
+        [attr.placeholder]="atLimit() ? null : placeholder()"
+        [attr.maxlength]="maxLength() ?? null"
+        [disabled]="disabled()"
+        [readOnly]="readonly() || atLimit()"
+        [attr.aria-label]="ariaLabel()"
+        [attr.aria-describedby]="describedBy()"
+        [attr.aria-invalid]="(invalid() && touched()) || !!rejection() || null"
+        (input)="onInput(input)"
+        (keydown)="onKeydown($event)"
+        (paste)="onPaste($event)"
+        (blur)="onBlur()"
+      />
+      @if (showClear() && value().length && !disabled() && !readonly()) {
+        <button
+          type="button"
+          class="star-select__icon-btn"
+          [attr.aria-label]="text.clear"
+          (click)="$event.stopPropagation(); clear()"
+        >
+          <i class="ph-bold ph-x" aria-hidden="true"></i>
+        </button>
+      }
+    </div>
+    <p class="star-sr-only" [id]="hintId">{{ text.tagsHint }}</p>
+    <p class="star-sr-only" aria-live="polite">{{ announcement() }}</p>
+    @if (rejectionText(); as message) {
+      <p class="star-field__error star-tags__error" role="alert">{{ message }}</p>
+    }
+  `
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		placeholder: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholder",
+				required: false
+			}]
+		}],
+		separators: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "separators",
+				required: false
+			}]
+		}],
+		validate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "validate",
+				required: false
+			}]
+		}],
+		allowDuplicates: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "allowDuplicates",
+				required: false
+			}]
+		}],
+		maxTags: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxTags",
+				required: false
+			}]
+		}],
+		maxLength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxLength",
+				required: false
+			}]
+		}],
+		addOnBlur: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "addOnBlur",
+				required: false
+			}]
+		}],
+		showClear: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showClear",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		inputId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inputId",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		touched: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "touched",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
+		added: [{
+			type: i0.Output,
+			args: ["added"]
+		}],
+		removed: [{
+			type: i0.Output,
+			args: ["removed"]
+		}],
+		rejected: [{
+			type: i0.Output,
+			args: ["rejected"]
+		}],
+		input: [{
+			type: i0.ViewChild,
+			args: ["input", { isSignal: true }]
+		}]
+	}
+});
+export { StarInputTags };
+
+//# sourceMappingURL=star-ng-ui-input-tags.mjs.map

package/fesm2022/star-ng-ui-input-tags.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-input-tags.mjs","names":[],"sources":["../../../projects/star-ng/input-tags/input-tags.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\nimport { STAR_UI_TEXT } from '@star-ng/ui/core';\nimport { StarField } from '@star-ng/ui/field';\n\nexport type StarTagRejection = 'invalid' | 'duplicate' | 'limit';\n\n/**\n * Free-text tag field (PrimeNG `p-inputtags` / chips): type a value and press Enter, a\n * separator (default comma) or Tab to add it as a chip. Pasting \"a, b; c\" adds several.\n * Backspace in the empty field removes the last chip; each chip has a remove button.\n * Optional `validate` (for example an e-mail check), duplicate prevention, `maxTags` count and\n * per-tag `maxLength`. A live region announces added, removed and rejected tags.\n *\n * `<star-input-tags [formField]=\"form.cc\" [validate]=\"isEmail\" placeholder=\"Add e-mail\" ariaLabel=\"CC\" />`\n */\n@Component({\n  selector: 'star-input-tags',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'star-select star-tags',\n    '[class.star-select--disabled]': 'disabled()',\n    '[class.star-select--invalid]': '(invalid() && touched()) || !!rejection()',\n  },\n  template: `\n    <!-- Pointer convenience only: keyboard users reach the input directly. -->\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n    <div class=\"star-select__control star-ac__control star-tags__control\" (click)=\"focus()\">\n      <ul\n        class=\"star-tags__list\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-disabled]=\"disabled() || null\"\n      >\n        @for (tag of value(); track tag; let i = $index) {\n          <li class=\"star-chip star-chip--sm\">\n            {{ tag }}\n            @if (!disabled() && !readonly()) {\n              <button\n                type=\"button\"\n                class=\"star-chip__remove\"\n                tabindex=\"-1\"\n                [attr.aria-label]=\"text.removeItem(tag)\"\n                (click)=\"$event.stopPropagation(); removeAt(i)\"\n              >\n                <i class=\"ph-bold ph-x\" aria-hidden=\"true\"></i>\n              </button>\n            }\n          </li>\n        }\n      </ul>\n      <input\n        #input\n        type=\"text\"\n        class=\"star-ac__input\"\n        autocomplete=\"off\"\n        [id]=\"inputId()\"\n        [attr.name]=\"name() || null\"\n        [value]=\"draft()\"\n        [attr.placeholder]=\"atLimit() ? null : placeholder()\"\n        [attr.maxlength]=\"maxLength() ?? null\"\n        [disabled]=\"disabled()\"\n        [readOnly]=\"readonly() || atLimit()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-describedby]=\"describedBy()\"\n        [attr.aria-invalid]=\"(invalid() && touched()) || !!rejection() || null\"\n        (input)=\"onInput(input)\"\n        (keydown)=\"onKeydown($event)\"\n        (paste)=\"onPaste($event)\"\n        (blur)=\"onBlur()\"\n      />\n      @if (showClear() && value().length && !disabled() && !readonly()) {\n        <button\n          type=\"button\"\n          class=\"star-select__icon-btn\"\n          [attr.aria-label]=\"text.clear\"\n          (click)=\"$event.stopPropagation(); clear()\"\n        >\n          <i class=\"ph-bold ph-x\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </div>\n    <p class=\"star-sr-only\" [id]=\"hintId\">{{ text.tagsHint }}</p>\n    <p class=\"star-sr-only\" aria-live=\"polite\">{{ announcement() }}</p>\n    @if (rejectionText(); as message) {\n      <p class=\"star-field__error star-tags__error\" role=\"alert\">{{ message }}</p>\n    }\n  `,\n})\nexport class StarInputTags implements FormValueControl<readonly string[]> {\n  protected readonly text = inject(STAR_UI_TEXT);\n  private readonly ids = inject(_IdGenerator);\n  private readonly field = inject(StarField, { optional: true });\n\n  constructor() {\n    // The label of a parent `star-field` points at the input.\n    this.field?.linkControl(this.inputId);\n  }\n\n  readonly value = model<readonly string[]>([]);\n  readonly placeholder = input<string | null>(null);\n  /** Characters that end a tag while typing or split pasted text (Enter always adds). */\n  readonly separators = input<readonly string[]>([',', ';']);\n  /** Returns true for a valid tag. Invalid text stays in the field with an error. */\n  readonly validate = input<((tag: string) => boolean) | null>(null);\n  readonly allowDuplicates = input(false, { transform: booleanAttribute });\n  /** Maximum number of tags (0 = no limit). */\n  readonly maxTags = input(0);\n  /** Maximum characters per tag. */\n  readonly maxLength = input<number | undefined>(undefined);\n  /** Add the typed text when the field loses focus. */\n  readonly addOnBlur = input(true, { transform: booleanAttribute });\n  readonly showClear = input(false, { transform: booleanAttribute });\n  readonly ariaLabel = input<string | null>(null);\n  readonly inputId = input(this.ids.getId('star-tags-'));\n\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly readonly = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly touched = input(false, { transform: booleanAttribute });\n  readonly name = input('');\n  readonly touch = output<void>();\n  readonly added = output<string>();\n  readonly removed = output<string>();\n  readonly rejected = output<{ tag: string; reason: StarTagRejection }>();\n\n  protected readonly hintId = this.ids.getId('star-tags-hint-');\n  /** The hint of the keys, and the hint or error of a parent `star-field`. */\n  protected readonly describedBy = computed(() =>\n    [this.hintId, this.field?.describedBy()].filter(Boolean).join(' '),\n  );\n  protected readonly draft = signal('');\n  protected readonly rejection = signal<{ tag: string; reason: StarTagRejection } | null>(null);\n  protected readonly announcement = signal('');\n  private readonly input = viewChild.required<ElementRef<HTMLInputElement>>('input');\n\n  protected readonly atLimit = computed(\n    () => this.maxTags() > 0 && this.value().length >= this.maxTags(),\n  );\n  protected readonly rejectionText = computed(() => {\n    const rejection = this.rejection();\n    if (!rejection) return null;\n    if (rejection.reason === 'duplicate') return this.text.tagDuplicate(rejection.tag);\n    if (rejection.reason === 'limit') return this.text.tagLimit(this.maxTags());\n    return this.text.tagInvalid(rejection.tag);\n  });\n\n  /** Adds tags; returns the texts that were not added (invalid, duplicate or over the limit). */\n  add(raw: readonly string[]): string[] {\n    if (this.disabled() || this.readonly()) return [...raw];\n    const next = [...this.value()];\n    const leftover: string[] = [];\n    let lastRejection: { tag: string; reason: StarTagRejection } | null = null;\n    for (const tag of raw.map((t) => t.trim()).filter(Boolean)) {\n      const lower = tag.toLocaleLowerCase();\n      let reason: StarTagRejection | null = null;\n      if (this.maxTags() > 0 && next.length >= this.maxTags()) reason = 'limit';\n      else if (this.validate() && !this.validate()!(tag)) reason = 'invalid';\n      else if (!this.allowDuplicates() && next.some((t) => t.toLocaleLowerCase() === lower))\n        reason = 'duplicate';\n      if (reason) {\n        leftover.push(tag);\n        lastRejection = { tag, reason };\n        this.rejected.emit({ tag, reason });\n        continue;\n      }\n      next.push(tag);\n      this.added.emit(tag);\n      this.announcement.set(this.text.tagAdded(tag));\n    }\n    if (next.length !== this.value().length) this.value.set(next);\n    this.rejection.set(lastRejection);\n    return leftover;\n  }\n\n  removeAt(index: number): void {\n    const tag = this.value()[index];\n    if (tag === undefined || this.disabled() || this.readonly()) return;\n    this.value.update((tags) => tags.filter((_, i) => i !== index));\n    this.removed.emit(tag);\n    this.announcement.set(this.text.tagRemoved(tag));\n    this.rejection.set(null);\n    this.focus();\n  }\n\n  clear(): void {\n    this.value.set([]);\n    this.rejection.set(null);\n    this.focus();\n  }\n\n  private splitPattern(): RegExp {\n    const escaped = this.separators().map((s) => s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'));\n    return new RegExp(`[${escaped.join('')}\\\\n\\\\t]`);\n  }\n\n  /** Writes the draft to signal and DOM (the binding skips unchanged signal values). */\n  private setDraft(text: string): void {\n    this.draft.set(text);\n    this.input().nativeElement.value = text;\n  }\n\n  protected onInput(input: HTMLInputElement): void {\n    const text = input.value;\n    this.rejection.set(null);\n    if (this.separators().some((s) => text.includes(s))) {\n      const parts = text.split(this.splitPattern());\n      const last = parts.pop() ?? '';\n      const leftover = this.add(parts);\n      this.setDraft(leftover.length ? leftover.join(', ') : last);\n    } else {\n      this.draft.set(text);\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const draft = this.draft().trim();\n    if ((event.key === 'Enter' || (event.key === 'Tab' && draft)) && draft) {\n      event.preventDefault();\n      const leftover = this.add([draft]);\n      this.setDraft(leftover[0] ?? '');\n    } else if (event.key === 'Backspace' && !this.draft() && this.value().length) {\n      event.preventDefault();\n      this.removeAt(this.value().length - 1);\n    } else if (event.key === 'Escape' && this.draft()) {\n      this.setDraft('');\n      this.rejection.set(null);\n    }\n  }\n\n  protected onPaste(event: ClipboardEvent): void {\n    const text = event.clipboardData?.getData('text') ?? '';\n    if (!this.splitPattern().test(text)) return;\n    event.preventDefault();\n    const leftover = this.add(text.split(this.splitPattern()));\n    this.setDraft(leftover.join(', '));\n  }\n\n  protected onBlur(): void {\n    if (this.addOnBlur() && this.draft().trim()) {\n      const leftover = this.add([this.draft()]);\n      this.setDraft(leftover[0] ?? '');\n    }\n    this.touch.emit();\n  }\n\n  focus(options?: FocusOptions): void {\n    this.input().nativeElement.focus(options);\n  }\n}\n"],"mappings":"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"}