@countermeasure-platform/web-components 0.2.0

package/dist/form/tag-input/index.d.ts

@@ -0,0 +1,45 @@
+import { TagInputConfig } from './types';
+export type { TagInputConfig, TagSuggestion } from './types';
+export declare class TagInput {
+    readonly el: HTMLElement;
+    private readonly inputEl;
+    private readonly tagsContainer;
+    private readonly dropdownEl;
+    private readonly listboxId;
+    private readonly inputId;
+    private config;
+    private tags;
+    private filteredSuggestions;
+    private highlightedIndex;
+    private isDropdownOpen;
+    private isDestroyed;
+    private debounceTimer;
+    private readonly handleDocumentClick;
+    private readonly handleInputKeydown;
+    private readonly handleInputInput;
+    private readonly handleInputPaste;
+    private readonly handleInputFocus;
+    constructor(config: TagInputConfig);
+    getTags(): string[];
+    setTags(tags: string[]): void;
+    addTag(tag: string): boolean;
+    removeTag(tag: string): boolean;
+    destroy(): void;
+    private buildRootClass;
+    private isMaxReached;
+    private renderTags;
+    private createChipEl;
+    private findSuggestion;
+    private updateInputState;
+    private onInputKeydown;
+    private onInputChange;
+    private fetchSuggestions;
+    private filterExisting;
+    private renderSuggestions;
+    private showLoadingState;
+    private openDropdown;
+    private closeDropdown;
+    private setHighlightedIndex;
+    private onPaste;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/form/tag-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/tag-input/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,SAAS,CAAA;AAGjE,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5D,qBAAa,QAAQ;IACnB,SAAgB,EAAE,EAAE,WAAW,CAAA;IAE/B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkB;IAC1C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAa;IAC3C,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAa;IACxC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAQ;IAClC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,mBAAmB,CAAsB;IACjD,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,aAAa,CAA6C;IAElE,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAyB;IAC7D,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAA4B;IAC/D,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAY;IAC7C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA6B;IAC9D,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAY;gBAEjC,MAAM,EAAE,cAAc;IAoFlC,OAAO,IAAI,MAAM,EAAE;IAInB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI;IAO7B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAa5B,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAU/B,OAAO,IAAI,IAAI;IAWf,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,YAAY;IAgCpB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,cAAc;IAqEtB,OAAO,CAAC,aAAa;YAcP,gBAAgB;IAwB9B,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,iBAAiB;IAyDzB,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,OAAO;CAahB"}

package/dist/form/tag-input/index.js

@@ -0,0 +1,208 @@
+import { n as e, t } from "../../utils-Cn_W3h3f.js";
+//#region src/form/tag-input/index.ts
+var n = class {
+	el;
+	inputEl;
+	tagsContainer;
+	dropdownEl;
+	listboxId;
+	inputId;
+	config;
+	tags = [];
+	filteredSuggestions = [];
+	highlightedIndex = -1;
+	isDropdownOpen = !1;
+	isDestroyed = !1;
+	debounceTimer = null;
+	handleDocumentClick;
+	handleInputKeydown;
+	handleInputInput;
+	handleInputPaste;
+	handleInputFocus;
+	constructor(n) {
+		this.config = n, this.listboxId = e("cmm-taginput-listbox"), this.inputId = e("cmm-taginput-input"), this.tags = n.tags ? [...n.tags] : [], this.el = document.createElement("div"), this.el.className = this.buildRootClass(), this.tagsContainer = document.createElement("div"), this.tagsContainer.className = "cmm-tag-input__container", this.tagsContainer.addEventListener("click", () => {
+			this.isDestroyed || this.inputEl.focus();
+		}), this.inputEl = document.createElement("input"), this.inputEl.id = this.inputId, this.inputEl.type = "text", this.inputEl.className = "cmm-tag-input__input", this.inputEl.placeholder = n.placeholder ?? "Add tag...", this.inputEl.setAttribute("role", "combobox"), this.inputEl.setAttribute("aria-expanded", "false"), this.inputEl.setAttribute("aria-controls", this.listboxId), this.inputEl.setAttribute("aria-autocomplete", "list"), this.inputEl.setAttribute("autocomplete", "off"), this.isMaxReached() && (this.inputEl.disabled = !0), this.renderTags(), this.tagsContainer.appendChild(this.inputEl), this.el.appendChild(this.tagsContainer), this.dropdownEl = document.createElement("div"), this.dropdownEl.id = this.listboxId, this.dropdownEl.className = "cmm-tag-input__dropdown", this.dropdownEl.setAttribute("role", "listbox"), this.dropdownEl.style.display = "none", this.el.appendChild(this.dropdownEl), this.handleInputKeydown = (e) => {
+			this.isDestroyed || this.onInputKeydown(e);
+		}, this.handleInputInput = () => {
+			this.isDestroyed || this.onInputChange();
+		}, this.handleInputPaste = (e) => {
+			this.isDestroyed || this.onPaste(e);
+		}, this.handleInputFocus = () => {
+			this.isDestroyed || this.inputEl.value.length > 0 && this.onInputChange();
+		}, this.handleDocumentClick = (e) => {
+			if (this.isDestroyed) return;
+			let t = e.target;
+			this.el.contains(t) || this.closeDropdown();
+		}, this.inputEl.addEventListener("keydown", this.handleInputKeydown), this.inputEl.addEventListener("input", this.handleInputInput), this.inputEl.addEventListener("paste", this.handleInputPaste), this.inputEl.addEventListener("focus", this.handleInputFocus), document.addEventListener("click", this.handleDocumentClick), t(n.container).appendChild(this.el);
+	}
+	getTags() {
+		return [...this.tags];
+	}
+	setTags(e) {
+		this.tags = [...e], this.renderTags(), this.updateInputState(), this.config.onChange?.(this.getTags());
+	}
+	addTag(e) {
+		let t = e.trim();
+		return t === "" || this.isMaxReached() || this.config.allowDuplicates !== !0 && this.tags.includes(t) ? !1 : (this.tags.push(t), this.renderTags(), this.updateInputState(), this.config.onChange?.(this.getTags()), !0);
+	}
+	removeTag(e) {
+		let t = this.tags.indexOf(e);
+		return t === -1 ? !1 : (this.tags.splice(t, 1), this.renderTags(), this.updateInputState(), this.config.onChange?.(this.getTags()), !0);
+	}
+	destroy() {
+		this.isDestroyed = !0, this.debounceTimer !== null && clearTimeout(this.debounceTimer), this.inputEl.removeEventListener("keydown", this.handleInputKeydown), this.inputEl.removeEventListener("input", this.handleInputInput), this.inputEl.removeEventListener("paste", this.handleInputPaste), this.inputEl.removeEventListener("focus", this.handleInputFocus), document.removeEventListener("click", this.handleDocumentClick), this.el.remove();
+	}
+	buildRootClass() {
+		let e = ["cmm-tag-input"];
+		return this.config.className && e.push(this.config.className), e.join(" ");
+	}
+	isMaxReached() {
+		return this.config.maxTags !== void 0 && this.tags.length >= this.config.maxTags;
+	}
+	renderTags() {
+		this.tagsContainer.querySelectorAll(".cmm-tag-input__tag").forEach((e) => {
+			e.remove();
+		});
+		for (let e of this.tags) {
+			let t = this.createChipEl(e);
+			this.tagsContainer.insertBefore(t, this.inputEl);
+		}
+	}
+	createChipEl(e) {
+		let t = document.createElement("span");
+		t.className = "cmm-tag-input__tag", t.setAttribute("data-tag", e);
+		let n = this.findSuggestion(e);
+		n?.color && (t.style.setProperty("--tag-color", n.color), t.classList.add("cmm-tag-input__tag--colored"));
+		let r = document.createElement("span");
+		r.className = "cmm-tag-input__tag-label", r.textContent = n?.label ?? e, t.appendChild(r);
+		let i = document.createElement("button");
+		return i.type = "button", i.className = "cmm-tag-input__tag-remove", i.setAttribute("aria-label", `Remove ${e}`), i.innerHTML = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M9 3L3 9M3 3L9 9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>", i.addEventListener("click", (t) => {
+			t.stopPropagation(), this.isDestroyed || this.removeTag(e);
+		}), t.appendChild(i), t;
+	}
+	findSuggestion(e) {
+		if (!(this.config.suggestions === void 0 || typeof this.config.suggestions == "function")) return this.config.suggestions.find((t) => t.value === e);
+	}
+	updateInputState() {
+		this.isMaxReached() ? (this.inputEl.disabled = !0, this.inputEl.placeholder = "Max tags reached", this.closeDropdown()) : (this.inputEl.disabled = !1, this.inputEl.placeholder = this.config.placeholder ?? "Add tag...");
+	}
+	onInputKeydown(e) {
+		let t = this.config.delimiter ?? ",";
+		switch (e.key) {
+			case "Enter":
+				if (e.preventDefault(), this.isDropdownOpen && this.highlightedIndex >= 0) {
+					let e = this.filteredSuggestions[this.highlightedIndex];
+					e !== void 0 && (this.addTag(e.value), this.inputEl.value = "", this.closeDropdown());
+				} else this.inputEl.value.trim() !== "" && (this.addTag(this.inputEl.value), this.inputEl.value = "", this.closeDropdown());
+				break;
+			case "Backspace":
+				if (this.inputEl.value === "" && this.tags.length > 0) {
+					let e = this.tags[this.tags.length - 1];
+					e !== void 0 && this.removeTag(e);
+				}
+				break;
+			case "Escape":
+				this.isDropdownOpen && (e.preventDefault(), this.closeDropdown());
+				break;
+			case "ArrowDown":
+				if (this.isDropdownOpen) {
+					e.preventDefault();
+					let t = this.highlightedIndex < this.filteredSuggestions.length - 1 ? this.highlightedIndex + 1 : 0;
+					this.setHighlightedIndex(t);
+				}
+				break;
+			case "ArrowUp":
+				if (this.isDropdownOpen) {
+					e.preventDefault();
+					let t = this.highlightedIndex > 0 ? this.highlightedIndex - 1 : this.filteredSuggestions.length - 1;
+					this.setHighlightedIndex(t);
+				}
+				break;
+			default: e.key === t && this.inputEl.value.trim() !== "" && (e.preventDefault(), this.addTag(this.inputEl.value), this.inputEl.value = "", this.closeDropdown());
+		}
+	}
+	onInputChange() {
+		let e = this.inputEl.value.trim();
+		if (e === "" || this.config.suggestions === void 0) {
+			this.closeDropdown();
+			return;
+		}
+		this.debounceTimer !== null && clearTimeout(this.debounceTimer), this.debounceTimer = setTimeout(() => {
+			this.fetchSuggestions(e);
+		}, 150);
+	}
+	async fetchSuggestions(e) {
+		if (this.config.suggestions !== void 0) if (typeof this.config.suggestions == "function") {
+			this.showLoadingState();
+			try {
+				let t = this.config.suggestions(e), n = t instanceof Promise ? await t : t;
+				this.filteredSuggestions = this.filterExisting(n), this.renderSuggestions();
+			} catch {
+				this.closeDropdown();
+			}
+		} else {
+			let t = e.toLowerCase(), n = this.config.suggestions.filter((e) => (e.label ?? e.value).toLowerCase().includes(t));
+			this.filteredSuggestions = this.filterExisting(n), this.renderSuggestions();
+		}
+	}
+	filterExisting(e) {
+		return this.config.allowDuplicates === !0 ? e : e.filter((e) => !this.tags.includes(e.value));
+	}
+	renderSuggestions() {
+		if (this.dropdownEl.innerHTML = "", this.filteredSuggestions.length === 0) {
+			this.closeDropdown();
+			return;
+		}
+		for (let t = 0; t < this.filteredSuggestions.length; t++) {
+			let n = this.filteredSuggestions[t];
+			if (n === void 0) continue;
+			let r = n.value, i = document.createElement("div");
+			if (i.id = e("cmm-taginput-option"), i.className = "cmm-tag-input__option", i.setAttribute("role", "option"), i.setAttribute("aria-selected", "false"), i.setAttribute("data-index", String(t)), n.color !== void 0) {
+				let e = document.createElement("span");
+				e.className = "cmm-tag-input__option-dot", e.style.backgroundColor = n.color, i.appendChild(e);
+			}
+			let a = document.createElement("span");
+			if (a.className = "cmm-tag-input__option-text", a.textContent = n.label ?? n.value, n.category !== void 0) {
+				let e = document.createElement("span");
+				e.className = "cmm-tag-input__option-category", e.textContent = n.category, i.appendChild(a), i.appendChild(e);
+			} else i.appendChild(a);
+			i.addEventListener("click", (e) => {
+				e.stopPropagation(), !this.isDestroyed && (this.addTag(r), this.inputEl.value = "", this.closeDropdown(), this.inputEl.focus());
+			}), this.dropdownEl.appendChild(i);
+		}
+		this.openDropdown(), this.highlightedIndex = -1;
+	}
+	showLoadingState() {
+		this.dropdownEl.innerHTML = "";
+		let e = document.createElement("div");
+		e.className = "cmm-tag-input__loading", e.innerHTML = "<svg class=\"cmm-tag-input__spinner\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-dasharray=\"30 10\" /></svg> Loading...", this.dropdownEl.appendChild(e), this.openDropdown();
+	}
+	openDropdown() {
+		this.isDropdownOpen || (this.isDropdownOpen = !0, this.dropdownEl.style.display = "", this.inputEl.setAttribute("aria-expanded", "true"));
+	}
+	closeDropdown() {
+		this.isDropdownOpen && (this.isDropdownOpen = !1, this.dropdownEl.style.display = "none", this.inputEl.setAttribute("aria-expanded", "false"), this.highlightedIndex = -1);
+	}
+	setHighlightedIndex(e) {
+		let t = this.dropdownEl.querySelectorAll(".cmm-tag-input__option");
+		for (let e of t) e.classList.remove("cmm-tag-input__option--highlighted"), e.setAttribute("aria-selected", "false");
+		this.highlightedIndex = e;
+		let n = t[e];
+		n !== void 0 && (n.classList.add("cmm-tag-input__option--highlighted"), n.setAttribute("aria-selected", "true"), n.scrollIntoView({ block: "nearest" }), this.inputEl.setAttribute("aria-activedescendant", n.id));
+	}
+	onPaste(e) {
+		let t = e.clipboardData?.getData("text");
+		if (t === void 0 || t === "") return;
+		let n = this.config.delimiter ?? ",";
+		if (t.includes(n)) {
+			e.preventDefault();
+			let r = t.split(n);
+			for (let e of r) this.addTag(e);
+		}
+	}
+};
+//#endregion
+export { n as TagInput };
+
+//# sourceMappingURL=index.js.map

package/dist/form/tag-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/form/tag-input/index.ts"],"sourcesContent":["/**\n * TagInput - Chip/tag input with autocomplete suggestions\n * @countermeasure/web-components/form/tag-input\n */\n\nimport { type TagInputConfig, type TagSuggestion } from './types'\nimport { resolveContainer, uniqueId } from '../../primitives/utils'\n\nexport type { TagInputConfig, TagSuggestion } from './types'\n\nexport class TagInput {\n  public readonly el: HTMLElement\n\n  private readonly inputEl: HTMLInputElement\n  private readonly tagsContainer: HTMLElement\n  private readonly dropdownEl: HTMLElement\n  private readonly listboxId: string\n  private readonly inputId: string\n  private config: TagInputConfig\n  private tags: string[] = []\n  private filteredSuggestions: TagSuggestion[] = []\n  private highlightedIndex = -1\n  private isDropdownOpen = false\n  private isDestroyed = false\n  private debounceTimer: ReturnType<typeof setTimeout> | null = null\n\n  private readonly handleDocumentClick: (e: MouseEvent) => void\n  private readonly handleInputKeydown: (e: KeyboardEvent) => void\n  private readonly handleInputInput: () => void\n  private readonly handleInputPaste: (e: ClipboardEvent) => void\n  private readonly handleInputFocus: () => void\n\n  constructor(config: TagInputConfig) {\n    this.config = config\n    this.listboxId = uniqueId('cmm-taginput-listbox')\n    this.inputId = uniqueId('cmm-taginput-input')\n    this.tags = config.tags ? [...config.tags] : []\n\n    this.el = document.createElement('div')\n    this.el.className = this.buildRootClass()\n\n    // Tags + input container (styled to look like a single input)\n    this.tagsContainer = document.createElement('div')\n    this.tagsContainer.className = 'cmm-tag-input__container'\n    this.tagsContainer.addEventListener('click', () => {\n      if (!this.isDestroyed) this.inputEl.focus()\n    })\n\n    this.inputEl = document.createElement('input')\n    this.inputEl.id = this.inputId\n    this.inputEl.type = 'text'\n    this.inputEl.className = 'cmm-tag-input__input'\n    this.inputEl.placeholder = config.placeholder ?? 'Add tag...'\n    this.inputEl.setAttribute('role', 'combobox')\n    this.inputEl.setAttribute('aria-expanded', 'false')\n    this.inputEl.setAttribute('aria-controls', this.listboxId)\n    this.inputEl.setAttribute('aria-autocomplete', 'list')\n    this.inputEl.setAttribute('autocomplete', 'off')\n\n    if (this.isMaxReached()) {\n      this.inputEl.disabled = true\n    }\n\n    this.renderTags()\n    this.tagsContainer.appendChild(this.inputEl)\n    this.el.appendChild(this.tagsContainer)\n\n    // Dropdown for suggestions\n    this.dropdownEl = document.createElement('div')\n    this.dropdownEl.id = this.listboxId\n    this.dropdownEl.className = 'cmm-tag-input__dropdown'\n    this.dropdownEl.setAttribute('role', 'listbox')\n    this.dropdownEl.style.display = 'none'\n    this.el.appendChild(this.dropdownEl)\n\n    // Bind event handlers\n    this.handleInputKeydown = (e: KeyboardEvent) => {\n      if (this.isDestroyed) return\n      this.onInputKeydown(e)\n    }\n\n    this.handleInputInput = () => {\n      if (this.isDestroyed) return\n      this.onInputChange()\n    }\n\n    this.handleInputPaste = (e: ClipboardEvent) => {\n      if (this.isDestroyed) return\n      this.onPaste(e)\n    }\n\n    this.handleInputFocus = () => {\n      if (this.isDestroyed) return\n      if (this.inputEl.value.length > 0) {\n        this.onInputChange()\n      }\n    }\n\n    this.handleDocumentClick = (e: MouseEvent) => {\n      if (this.isDestroyed) return\n      const target = e.target as Node\n      if (!this.el.contains(target)) {\n        this.closeDropdown()\n      }\n    }\n\n    this.inputEl.addEventListener('keydown', this.handleInputKeydown)\n    this.inputEl.addEventListener('input', this.handleInputInput)\n    this.inputEl.addEventListener('paste', this.handleInputPaste)\n    this.inputEl.addEventListener('focus', this.handleInputFocus)\n    document.addEventListener('click', this.handleDocumentClick)\n\n    const parent = resolveContainer(config.container)\n    parent.appendChild(this.el)\n  }\n\n  getTags(): string[] {\n    return [...this.tags]\n  }\n\n  setTags(tags: string[]): void {\n    this.tags = [...tags]\n    this.renderTags()\n    this.updateInputState()\n    this.config.onChange?.(this.getTags())\n  }\n\n  addTag(tag: string): boolean {\n    const trimmed = tag.trim()\n    if (trimmed === '') return false\n    if (this.isMaxReached()) return false\n    if (this.config.allowDuplicates !== true && this.tags.includes(trimmed)) return false\n\n    this.tags.push(trimmed)\n    this.renderTags()\n    this.updateInputState()\n    this.config.onChange?.(this.getTags())\n    return true\n  }\n\n  removeTag(tag: string): boolean {\n    const idx = this.tags.indexOf(tag)\n    if (idx === -1) return false\n    this.tags.splice(idx, 1)\n    this.renderTags()\n    this.updateInputState()\n    this.config.onChange?.(this.getTags())\n    return true\n  }\n\n  destroy(): void {\n    this.isDestroyed = true\n    if (this.debounceTimer !== null) clearTimeout(this.debounceTimer)\n    this.inputEl.removeEventListener('keydown', this.handleInputKeydown)\n    this.inputEl.removeEventListener('input', this.handleInputInput)\n    this.inputEl.removeEventListener('paste', this.handleInputPaste)\n    this.inputEl.removeEventListener('focus', this.handleInputFocus)\n    document.removeEventListener('click', this.handleDocumentClick)\n    this.el.remove()\n  }\n\n  private buildRootClass(): string {\n    const classes = ['cmm-tag-input']\n    if (this.config.className) classes.push(this.config.className)\n    return classes.join(' ')\n  }\n\n  private isMaxReached(): boolean {\n    return this.config.maxTags !== undefined && this.tags.length >= this.config.maxTags\n  }\n\n  private renderTags(): void {\n    const chips = this.tagsContainer.querySelectorAll('.cmm-tag-input__tag')\n    chips.forEach(c => {\n      c.remove()\n    })\n\n    for (const tag of this.tags) {\n      const chip = this.createChipEl(tag)\n      this.tagsContainer.insertBefore(chip, this.inputEl)\n    }\n  }\n\n  private createChipEl(tag: string): HTMLElement {\n    const chip = document.createElement('span')\n    chip.className = 'cmm-tag-input__tag'\n    chip.setAttribute('data-tag', tag)\n\n    // Try to find matching suggestion for color\n    const suggestion = this.findSuggestion(tag)\n    if (suggestion?.color) {\n      chip.style.setProperty('--tag-color', suggestion.color)\n      chip.classList.add('cmm-tag-input__tag--colored')\n    }\n\n    const label = document.createElement('span')\n    label.className = 'cmm-tag-input__tag-label'\n    label.textContent = suggestion?.label ?? tag\n    chip.appendChild(label)\n\n    const removeBtn = document.createElement('button')\n    removeBtn.type = 'button'\n    removeBtn.className = 'cmm-tag-input__tag-remove'\n    removeBtn.setAttribute('aria-label', `Remove ${tag}`)\n    removeBtn.innerHTML =\n      '<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M9 3L3 9M3 3L9 9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>'\n    removeBtn.addEventListener('click', e => {\n      e.stopPropagation()\n      if (!this.isDestroyed) this.removeTag(tag)\n    })\n    chip.appendChild(removeBtn)\n\n    return chip\n  }\n\n  private findSuggestion(tag: string): TagSuggestion | undefined {\n    if (this.config.suggestions === undefined || typeof this.config.suggestions === 'function') {\n      return undefined\n    }\n    return this.config.suggestions.find(s => s.value === tag)\n  }\n\n  private updateInputState(): void {\n    if (this.isMaxReached()) {\n      this.inputEl.disabled = true\n      this.inputEl.placeholder = 'Max tags reached'\n      this.closeDropdown()\n    } else {\n      this.inputEl.disabled = false\n      this.inputEl.placeholder = this.config.placeholder ?? 'Add tag...'\n    }\n  }\n\n  private onInputKeydown(e: KeyboardEvent): void {\n    const delimiter = this.config.delimiter ?? ','\n\n    switch (e.key) {\n      case 'Enter': {\n        e.preventDefault()\n        if (this.isDropdownOpen && this.highlightedIndex >= 0) {\n          const suggestion = this.filteredSuggestions[this.highlightedIndex]\n          if (suggestion !== undefined) {\n            this.addTag(suggestion.value)\n            this.inputEl.value = ''\n            this.closeDropdown()\n          }\n        } else if (this.inputEl.value.trim() !== '') {\n          this.addTag(this.inputEl.value)\n          this.inputEl.value = ''\n          this.closeDropdown()\n        }\n        break\n      }\n      case 'Backspace': {\n        if (this.inputEl.value === '' && this.tags.length > 0) {\n          const last = this.tags[this.tags.length - 1]\n          if (last !== undefined) {\n            this.removeTag(last)\n          }\n        }\n        break\n      }\n      case 'Escape': {\n        if (this.isDropdownOpen) {\n          e.preventDefault()\n          this.closeDropdown()\n        }\n        break\n      }\n      case 'ArrowDown': {\n        if (this.isDropdownOpen) {\n          e.preventDefault()\n          const next =\n            this.highlightedIndex < this.filteredSuggestions.length - 1\n              ? this.highlightedIndex + 1\n              : 0\n          this.setHighlightedIndex(next)\n        }\n        break\n      }\n      case 'ArrowUp': {\n        if (this.isDropdownOpen) {\n          e.preventDefault()\n          const prev =\n            this.highlightedIndex > 0\n              ? this.highlightedIndex - 1\n              : this.filteredSuggestions.length - 1\n          this.setHighlightedIndex(prev)\n        }\n        break\n      }\n      default: {\n        if (e.key === delimiter && this.inputEl.value.trim() !== '') {\n          e.preventDefault()\n          this.addTag(this.inputEl.value)\n          this.inputEl.value = ''\n          this.closeDropdown()\n        }\n      }\n    }\n  }\n\n  private onInputChange(): void {\n    const query = this.inputEl.value.trim()\n    if (query === '' || this.config.suggestions === undefined) {\n      this.closeDropdown()\n      return\n    }\n\n    if (this.debounceTimer !== null) clearTimeout(this.debounceTimer)\n\n    this.debounceTimer = setTimeout(() => {\n      void this.fetchSuggestions(query)\n    }, 150)\n  }\n\n  private async fetchSuggestions(query: string): Promise<void> {\n    if (this.config.suggestions === undefined) return\n\n    if (typeof this.config.suggestions === 'function') {\n      this.showLoadingState()\n      try {\n        const result = this.config.suggestions(query)\n        const suggestions = result instanceof Promise ? await result : result\n        this.filteredSuggestions = this.filterExisting(suggestions)\n        this.renderSuggestions()\n      } catch {\n        this.closeDropdown()\n      }\n    } else {\n      const lowerQuery = query.toLowerCase()\n      const filtered = this.config.suggestions.filter(s => {\n        const searchText = (s.label ?? s.value).toLowerCase()\n        return searchText.includes(lowerQuery)\n      })\n      this.filteredSuggestions = this.filterExisting(filtered)\n      this.renderSuggestions()\n    }\n  }\n\n  private filterExisting(suggestions: TagSuggestion[]): TagSuggestion[] {\n    if (this.config.allowDuplicates === true) return suggestions\n    return suggestions.filter(s => !this.tags.includes(s.value))\n  }\n\n  private renderSuggestions(): void {\n    this.dropdownEl.innerHTML = ''\n\n    if (this.filteredSuggestions.length === 0) {\n      this.closeDropdown()\n      return\n    }\n\n    for (let i = 0; i < this.filteredSuggestions.length; i++) {\n      const suggestion = this.filteredSuggestions[i]\n      if (suggestion === undefined) continue\n      const suggestionValue = suggestion.value\n      const optionEl = document.createElement('div')\n      const optionId = uniqueId('cmm-taginput-option')\n      optionEl.id = optionId\n      optionEl.className = 'cmm-tag-input__option'\n      optionEl.setAttribute('role', 'option')\n      optionEl.setAttribute('aria-selected', 'false')\n      optionEl.setAttribute('data-index', String(i))\n\n      if (suggestion.color !== undefined) {\n        const dot = document.createElement('span')\n        dot.className = 'cmm-tag-input__option-dot'\n        dot.style.backgroundColor = suggestion.color\n        optionEl.appendChild(dot)\n      }\n\n      const text = document.createElement('span')\n      text.className = 'cmm-tag-input__option-text'\n      text.textContent = suggestion.label ?? suggestion.value\n\n      if (suggestion.category !== undefined) {\n        const cat = document.createElement('span')\n        cat.className = 'cmm-tag-input__option-category'\n        cat.textContent = suggestion.category\n        optionEl.appendChild(text)\n        optionEl.appendChild(cat)\n      } else {\n        optionEl.appendChild(text)\n      }\n\n      optionEl.addEventListener('click', e => {\n        e.stopPropagation()\n        if (this.isDestroyed) return\n        this.addTag(suggestionValue)\n        this.inputEl.value = ''\n        this.closeDropdown()\n        this.inputEl.focus()\n      })\n\n      this.dropdownEl.appendChild(optionEl)\n    }\n\n    this.openDropdown()\n    this.highlightedIndex = -1\n  }\n\n  private showLoadingState(): void {\n    this.dropdownEl.innerHTML = ''\n    const spinner = document.createElement('div')\n    spinner.className = 'cmm-tag-input__loading'\n    spinner.innerHTML =\n      '<svg class=\"cmm-tag-input__spinner\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-dasharray=\"30 10\" /></svg> Loading...'\n    this.dropdownEl.appendChild(spinner)\n    this.openDropdown()\n  }\n\n  private openDropdown(): void {\n    if (this.isDropdownOpen) return\n    this.isDropdownOpen = true\n    this.dropdownEl.style.display = ''\n    this.inputEl.setAttribute('aria-expanded', 'true')\n  }\n\n  private closeDropdown(): void {\n    if (!this.isDropdownOpen) return\n    this.isDropdownOpen = false\n    this.dropdownEl.style.display = 'none'\n    this.inputEl.setAttribute('aria-expanded', 'false')\n    this.highlightedIndex = -1\n  }\n\n  private setHighlightedIndex(index: number): void {\n    const options = this.dropdownEl.querySelectorAll<HTMLElement>('.cmm-tag-input__option')\n    for (const opt of options) {\n      opt.classList.remove('cmm-tag-input__option--highlighted')\n      opt.setAttribute('aria-selected', 'false')\n    }\n\n    this.highlightedIndex = index\n    const target = options[index]\n    if (target !== undefined) {\n      target.classList.add('cmm-tag-input__option--highlighted')\n      target.setAttribute('aria-selected', 'true')\n      target.scrollIntoView({ block: 'nearest' })\n      this.inputEl.setAttribute('aria-activedescendant', target.id)\n    }\n  }\n\n  private onPaste(e: ClipboardEvent): void {\n    const text = e.clipboardData?.getData('text')\n    if (text === undefined || text === '') return\n\n    const delimiter = this.config.delimiter ?? ','\n    if (text.includes(delimiter)) {\n      e.preventDefault()\n      const parts = text.split(delimiter)\n      for (const part of parts) {\n        this.addTag(part)\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/form/tag-input/types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * TagInput type definitions
+ * @countermeasure/web-components/form/tag-input
+ */
+export interface TagSuggestion {
+    value: string;
+    label?: string;
+    color?: string;
+    category?: string;
+}
+export interface TagInputConfig {
+    container: HTMLElement | string;
+    tags?: string[];
+    suggestions?: TagSuggestion[] | ((query: string) => TagSuggestion[] | Promise<TagSuggestion[]>);
+    maxTags?: number;
+    allowDuplicates?: boolean;
+    placeholder?: string;
+    delimiter?: string;
+    className?: string;
+    onChange?: (tags: string[]) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/form/tag-input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/form/tag-input/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,WAAW,GAAG,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,WAAW,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,EAAE,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;IAC/F,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACpC"}