@countermeasure-platform/web-components 0.2.0

package/dist/input-6tYy57mp.js

@@ -0,0 +1,311 @@
+import { n as e, t } from "./utils-Cn_W3h3f.js";
+//#region src/primitives/input/input-group.ts
+var n = class {
+	el;
+	prefixEl = null;
+	suffixEl = null;
+	contentEl;
+	constructor(e) {
+		this.el = document.createElement("div"), this.el.className = "cmm-input-group", e.className && this.el.classList.add(e.className), this.contentEl = document.createElement("div"), this.contentEl.className = "cmm-input-group__content", this.el.appendChild(this.contentEl), e.container !== void 0 && t(e.container).appendChild(this.el);
+	}
+	setPrefix(e) {
+		this.prefixEl !== null && this.prefixEl.remove(), this.prefixEl = document.createElement("div"), this.prefixEl.className = "cmm-input-group__prefix", typeof e == "string" ? this.prefixEl.textContent = e : this.prefixEl.appendChild(e), this.el.insertBefore(this.prefixEl, this.contentEl);
+	}
+	setSuffix(e) {
+		this.suffixEl !== null && this.suffixEl.remove(), this.suffixEl = document.createElement("div"), this.suffixEl.className = "cmm-input-group__suffix", typeof e == "string" ? this.suffixEl.textContent = e : this.suffixEl.appendChild(e), this.el.appendChild(this.suffixEl);
+	}
+	getContentEl() {
+		return this.contentEl;
+	}
+	destroy() {
+		this.el.remove();
+	}
+}, r = class {
+	el;
+	textareaEl;
+	textareaId;
+	countEl = null;
+	maxLength;
+	autoResize;
+	handlers;
+	constructor(n) {
+		this.textareaId = e("cmm-textarea"), this.maxLength = n.maxLength, this.autoResize = n.autoResize === !0, this.el = document.createElement("div"), this.el.className = "cmm-textarea-wrapper", n.className && this.el.classList.add(n.className), this.textareaEl = document.createElement("textarea"), this.textareaEl.id = this.textareaId, this.textareaEl.className = "cmm-textarea", n.placeholder !== void 0 && (this.textareaEl.placeholder = n.placeholder), n.value !== void 0 && (this.textareaEl.value = n.value), n.disabled === !0 && (this.textareaEl.disabled = !0), n.readOnly === !0 && (this.textareaEl.readOnly = !0), n.required === !0 && (this.textareaEl.required = !0, this.textareaEl.setAttribute("aria-required", "true")), n.rows !== void 0 && (this.textareaEl.rows = n.rows), this.maxLength !== void 0 && (this.textareaEl.maxLength = this.maxLength), n.name !== void 0 && (this.textareaEl.name = n.name), n.ariaLabel !== void 0 && this.textareaEl.setAttribute("aria-label", n.ariaLabel), this.el.appendChild(this.textareaEl), this.maxLength !== void 0 && (this.countEl = document.createElement("span"), this.countEl.className = "cmm-textarea__count", this.updateCharCount(), this.el.appendChild(this.countEl)), this.handlers = {
+			input: () => {
+				this.autoResize && this.adjustHeight(), this.countEl !== null && this.updateCharCount(), n.onInput?.(this.textareaEl.value);
+			},
+			change: () => {
+				n.onChange?.(this.textareaEl.value);
+			},
+			focus: () => {
+				n.onFocus?.();
+			},
+			blur: () => {
+				n.onBlur?.();
+			}
+		}, this.textareaEl.addEventListener("input", this.handlers.input), this.textareaEl.addEventListener("change", this.handlers.change), this.textareaEl.addEventListener("focus", this.handlers.focus), this.textareaEl.addEventListener("blur", this.handlers.blur), this.autoResize && n.value !== void 0 && this.adjustHeight(), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	getValue() {
+		return this.textareaEl.value;
+	}
+	setValue(e) {
+		this.textareaEl.value = e, this.autoResize && this.adjustHeight(), this.countEl !== null && this.updateCharCount();
+	}
+	setDisabled(e) {
+		this.textareaEl.disabled = e;
+	}
+	setError(e) {
+		e ? (this.textareaEl.classList.add("cmm-textarea--error"), this.textareaEl.setAttribute("aria-invalid", "true")) : (this.textareaEl.classList.remove("cmm-textarea--error"), this.textareaEl.removeAttribute("aria-invalid"));
+	}
+	destroy() {
+		this.textareaEl.removeEventListener("input", this.handlers.input), this.textareaEl.removeEventListener("change", this.handlers.change), this.textareaEl.removeEventListener("focus", this.handlers.focus), this.textareaEl.removeEventListener("blur", this.handlers.blur), this.el.remove();
+	}
+	adjustHeight() {
+		this.textareaEl.style.height = "auto", this.textareaEl.style.height = `${String(this.textareaEl.scrollHeight)}px`;
+	}
+	updateCharCount() {
+		this.countEl !== null && this.maxLength !== void 0 && (this.countEl.textContent = `${String(this.textareaEl.value.length)}/${String(this.maxLength)}`);
+	}
+}, i = class {
+	el;
+	otpId;
+	digitInputs = [];
+	length;
+	isMasked;
+	onComplete;
+	onChange;
+	inputHandlers = /* @__PURE__ */ new Map();
+	constructor(n) {
+		this.otpId = e("cmm-otp"), this.length = n.length ?? 6, this.isMasked = n.mask === !0, this.onComplete = n.onComplete, this.onChange = n.onChange, this.el = document.createElement("div"), this.el.className = "cmm-input-otp", this.el.setAttribute("role", "group"), n.ariaLabel === void 0 ? this.el.setAttribute("aria-label", "One-time password input") : this.el.setAttribute("aria-label", n.ariaLabel);
+		for (let e = 0; e < this.length; e++) {
+			let t = document.createElement("input");
+			t.type = this.isMasked ? "password" : "text", t.className = "cmm-input-otp__digit", t.maxLength = 1, t.inputMode = "numeric", t.autocomplete = "one-time-code", t.id = `${this.otpId}-${String(e)}`, t.setAttribute("aria-label", `Digit ${String(e + 1)} of ${String(this.length)}`), n.disabled === !0 && (t.disabled = !0);
+			let r = {
+				input: (t) => {
+					this.handleDigitInput(e, t);
+				},
+				keydown: (t) => {
+					this.handleDigitKeydown(e, t);
+				},
+				paste: (e) => {
+					this.handlePaste(e);
+				},
+				focus: () => {
+					t.select();
+				}
+			};
+			if (t.addEventListener("input", r.input), t.addEventListener("keydown", r.keydown), t.addEventListener("paste", r.paste), t.addEventListener("focus", r.focus), this.inputHandlers.set(t, r), this.digitInputs.push(t), e < this.length - 1 && (e + 1) % 3 == 0 && this.length === 6) {
+				this.el.appendChild(t);
+				let e = document.createElement("span");
+				e.className = "cmm-input-otp__separator", e.textContent = "-", e.setAttribute("aria-hidden", "true"), this.el.appendChild(e);
+			} else this.el.appendChild(t);
+		}
+		n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	getValue() {
+		return this.digitInputs.map((e) => e.value).join("");
+	}
+	setValue(e) {
+		for (let t = 0; t < this.length; t++) {
+			let n = this.digitInputs[t], r = e[t];
+			n !== void 0 && (n.value = r ?? "");
+		}
+		this.notifyChange();
+	}
+	clear() {
+		for (let e of this.digitInputs) e.value = "";
+		let e = this.digitInputs[0];
+		e !== void 0 && e.focus(), this.notifyChange();
+	}
+	setDisabled(e) {
+		for (let t of this.digitInputs) t.disabled = e;
+	}
+	destroy() {
+		for (let e of this.digitInputs) {
+			let t = this.inputHandlers.get(e);
+			t !== void 0 && (e.removeEventListener("input", t.input), e.removeEventListener("keydown", t.keydown), e.removeEventListener("paste", t.paste), e.removeEventListener("focus", t.focus));
+		}
+		this.inputHandlers.clear(), this.el.remove();
+	}
+	handleDigitInput(e, t) {
+		let n = this.digitInputs[e];
+		if (n === void 0) return;
+		if (n.value.length > 1 && (n.value = n.value.slice(0, 1)), n.value.length === 1) {
+			let t = this.digitInputs[e + 1];
+			t !== void 0 && t.focus();
+		}
+		this.notifyChange();
+		let r = this.getValue();
+		r.length === this.length && this.onComplete?.(r);
+	}
+	handleDigitKeydown(e, t) {
+		let n = this.digitInputs[e];
+		if (n !== void 0) {
+			if (t.key === "Backspace") {
+				if (n.value === "") {
+					let t = this.digitInputs[e - 1];
+					t !== void 0 && (t.focus(), t.value = "", this.notifyChange());
+				}
+			} else if (t.key === "ArrowLeft") {
+				let t = this.digitInputs[e - 1];
+				t !== void 0 && t.focus();
+			} else if (t.key === "ArrowRight") {
+				let t = this.digitInputs[e + 1];
+				t !== void 0 && t.focus();
+			}
+		}
+	}
+	handlePaste(e) {
+		e.preventDefault();
+		let t = (e.clipboardData?.getData("text") ?? "").replace(/\s/g, "").slice(0, this.length);
+		for (let e = 0; e < this.length; e++) {
+			let n = this.digitInputs[e], r = t[e];
+			n !== void 0 && (n.value = r ?? "");
+		}
+		let n = Math.min(t.length, this.length - 1), r = this.digitInputs[n];
+		r !== void 0 && r.focus(), this.notifyChange(), t.length >= this.length && this.onComplete?.(this.getValue());
+	}
+	notifyChange() {
+		this.onChange?.(this.getValue());
+	}
+}, a = 4, o = 255, s = 8, c = ".", l = ":", u = class {
+	el;
+	ipId;
+	version;
+	segmentCount;
+	segmentInputs = [];
+	separator;
+	onChange;
+	inputHandlers = /* @__PURE__ */ new Map();
+	constructor(n) {
+		this.ipId = e("cmm-ip"), this.version = n.version ?? 4, this.segmentCount = this.version === 4 ? a : s, this.separator = this.version === 4 ? c : l, this.onChange = n.onChange, this.el = document.createElement("div"), this.el.className = `cmm-ip-input cmm-ip-input--v${String(this.version)}`, this.el.setAttribute("role", "group"), n.ariaLabel === void 0 ? this.el.setAttribute("aria-label", `IPv${String(this.version)} address input`) : this.el.setAttribute("aria-label", n.ariaLabel);
+		for (let e = 0; e < this.segmentCount; e++) {
+			let t = document.createElement("input");
+			t.type = "text", t.className = "cmm-ip-input__segment", t.id = `${this.ipId}-${String(e)}`, t.inputMode = this.version === 4 ? "numeric" : "text", t.maxLength = this.version === 4 ? 3 : 4, t.placeholder = this.version === 4 ? "0" : "0000", t.setAttribute("aria-label", `Segment ${String(e + 1)} of ${String(this.segmentCount)}`), n.disabled === !0 && (t.disabled = !0);
+			let r = {
+				input: (t) => {
+					this.handleSegmentInput(e);
+				},
+				keydown: (t) => {
+					this.handleSegmentKeydown(e, t);
+				},
+				focus: () => {
+					t.select();
+				}
+			};
+			if (t.addEventListener("input", r.input), t.addEventListener("keydown", r.keydown), t.addEventListener("focus", r.focus), this.inputHandlers.set(t, r), this.segmentInputs.push(t), this.el.appendChild(t), e < this.segmentCount - 1) {
+				let e = document.createElement("span");
+				e.className = "cmm-ip-input__separator", e.textContent = this.separator, e.setAttribute("aria-hidden", "true"), this.el.appendChild(e);
+			}
+		}
+		n.value !== void 0 && this.setValue(n.value), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	getValue() {
+		return this.segmentInputs.map((e) => e.value).join(this.separator);
+	}
+	setValue(e) {
+		let t = e.split(this.separator);
+		for (let e = 0; e < this.segmentCount; e++) {
+			let n = this.segmentInputs[e], r = t[e];
+			n !== void 0 && (n.value = r ?? "");
+		}
+	}
+	setDisabled(e) {
+		for (let t of this.segmentInputs) t.disabled = e;
+	}
+	destroy() {
+		for (let e of this.segmentInputs) {
+			let t = this.inputHandlers.get(e);
+			t !== void 0 && (e.removeEventListener("input", t.input), e.removeEventListener("keydown", t.keydown), e.removeEventListener("focus", t.focus));
+		}
+		this.inputHandlers.clear(), this.el.remove();
+	}
+	handleSegmentInput(e) {
+		let t = this.segmentInputs[e];
+		if (t === void 0) return;
+		this.version === 4 ? this.sanitizeIPv4Segment(t) : this.sanitizeIPv6Segment(t);
+		let n = this.version === 4 ? 3 : 4;
+		if (t.value.length >= n) {
+			let t = this.segmentInputs[e + 1];
+			t !== void 0 && t.focus();
+		}
+		this.onChange?.(this.getValue());
+	}
+	handleSegmentKeydown(e, t) {
+		let n = this.segmentInputs[e];
+		if (n !== void 0) {
+			if (this.version === 4 && t.key === "." || this.version === 6 && t.key === ":") {
+				t.preventDefault();
+				let n = this.segmentInputs[e + 1];
+				n !== void 0 && n.focus();
+				return;
+			}
+			if (t.key === "Backspace" && n.value === "") {
+				let t = this.segmentInputs[e - 1];
+				t !== void 0 && t.focus();
+			} else if (t.key === "ArrowLeft" && n.selectionStart === 0) {
+				let t = this.segmentInputs[e - 1];
+				t !== void 0 && t.focus();
+			} else if (t.key === "ArrowRight" && n.selectionStart === n.value.length) {
+				let t = this.segmentInputs[e + 1];
+				t !== void 0 && t.focus();
+			}
+		}
+	}
+	sanitizeIPv4Segment(e) {
+		let t = e.value.replace(/[^0-9]/g, ""), n = parseInt(t, 10);
+		t === "" || Number.isNaN(n) ? e.value = "" : n > o ? e.value = String(o) : e.value = t;
+	}
+	sanitizeIPv6Segment(e) {
+		e.value = e.value.replace(/[^0-9a-fA-F]/g, "").slice(0, 4);
+	}
+}, d = class {
+	el;
+	inputEl;
+	inputId;
+	currentSize;
+	handlers;
+	constructor(n) {
+		this.inputId = e("cmm-input"), this.currentSize = n.size ?? "md", this.el = document.createElement("div"), this.el.className = "cmm-input-wrapper", this.inputEl = document.createElement("input"), this.inputEl.id = this.inputId, this.inputEl.type = n.type ?? "text", this.inputEl.className = `cmm-input cmm-input--${this.currentSize}`, n.className && this.el.classList.add(n.className), n.placeholder !== void 0 && (this.inputEl.placeholder = n.placeholder), n.value !== void 0 && (this.inputEl.value = n.value), n.disabled === !0 && (this.inputEl.disabled = !0), n.readOnly === !0 && (this.inputEl.readOnly = !0), n.required === !0 && (this.inputEl.required = !0, this.inputEl.setAttribute("aria-required", "true")), n.name !== void 0 && (this.inputEl.name = n.name), n.ariaLabel !== void 0 && this.inputEl.setAttribute("aria-label", n.ariaLabel), n.maxLength !== void 0 && (this.inputEl.maxLength = n.maxLength), n.pattern !== void 0 && (this.inputEl.pattern = n.pattern), n.autocomplete !== void 0 && this.inputEl.setAttribute("autocomplete", n.autocomplete), this.handlers = {
+			input: (e) => {
+				n.onInput?.(this.inputEl.value);
+			},
+			change: (e) => {
+				n.onChange?.(this.inputEl.value);
+			},
+			focus: () => {
+				n.onFocus?.();
+			},
+			blur: () => {
+				n.onBlur?.();
+			},
+			keydown: (e) => {
+				n.onKeyDown?.(e);
+			}
+		}, this.inputEl.addEventListener("input", this.handlers.input), this.inputEl.addEventListener("change", this.handlers.change), this.inputEl.addEventListener("focus", this.handlers.focus), this.inputEl.addEventListener("blur", this.handlers.blur), this.inputEl.addEventListener("keydown", this.handlers.keydown), this.el.appendChild(this.inputEl), n.container !== void 0 && t(n.container).appendChild(this.el);
+	}
+	getValue() {
+		return this.inputEl.value;
+	}
+	setValue(e) {
+		this.inputEl.value = e;
+	}
+	setDisabled(e) {
+		this.inputEl.disabled = e;
+	}
+	setError(e) {
+		e ? (this.inputEl.classList.add("cmm-input--error"), this.inputEl.setAttribute("aria-invalid", "true")) : (this.inputEl.classList.remove("cmm-input--error"), this.inputEl.removeAttribute("aria-invalid"));
+	}
+	focus() {
+		this.inputEl.focus();
+	}
+	blur() {
+		this.inputEl.blur();
+	}
+	destroy() {
+		this.inputEl.removeEventListener("input", this.handlers.input), this.inputEl.removeEventListener("change", this.handlers.change), this.inputEl.removeEventListener("focus", this.handlers.focus), this.inputEl.removeEventListener("blur", this.handlers.blur), this.inputEl.removeEventListener("keydown", this.handlers.keydown), this.el.remove();
+	}
+};
+//#endregion
+export { n as a, r as i, u as n, i as r, d as t };
+
+//# sourceMappingURL=input-6tYy57mp.js.map

package/dist/input-6tYy57mp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-6tYy57mp.js","names":[],"sources":["../src/primitives/input/input-group.ts","../src/primitives/input/textarea.ts","../src/primitives/input/input-otp.ts","../src/primitives/input/ip-input.ts","../src/primitives/input/index.ts"],"sourcesContent":["/**\n * InputGroup - Groups an input with prefix/suffix elements\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type InputGroupConfig } from './types'\nimport { resolveContainer } from '../utils'\n\nexport class InputGroup {\n  public readonly el: HTMLDivElement\n\n  private prefixEl: HTMLDivElement | null = null\n  private suffixEl: HTMLDivElement | null = null\n  private readonly contentEl: HTMLDivElement\n\n  constructor(config: InputGroupConfig) {\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-input-group'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Content area where the input is placed\n    this.contentEl = document.createElement('div')\n    this.contentEl.className = 'cmm-input-group__content'\n    this.el.appendChild(this.contentEl)\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Set a prefix element or text before the input */\n  setPrefix(content: HTMLElement | string): void {\n    if (this.prefixEl !== null) {\n      this.prefixEl.remove()\n    }\n\n    this.prefixEl = document.createElement('div')\n    this.prefixEl.className = 'cmm-input-group__prefix'\n\n    if (typeof content === 'string') {\n      this.prefixEl.textContent = content\n    } else {\n      this.prefixEl.appendChild(content)\n    }\n\n    // Insert before content area\n    this.el.insertBefore(this.prefixEl, this.contentEl)\n  }\n\n  /** Set a suffix element or text after the input */\n  setSuffix(content: HTMLElement | string): void {\n    if (this.suffixEl !== null) {\n      this.suffixEl.remove()\n    }\n\n    this.suffixEl = document.createElement('div')\n    this.suffixEl.className = 'cmm-input-group__suffix'\n\n    if (typeof content === 'string') {\n      this.suffixEl.textContent = content\n    } else {\n      this.suffixEl.appendChild(content)\n    }\n\n    // Insert after content area\n    this.el.appendChild(this.suffixEl)\n  }\n\n  /** Get the content area element to append an input to */\n  getContentEl(): HTMLDivElement {\n    return this.contentEl\n  }\n\n  /** Remove from the DOM */\n  destroy(): void {\n    this.el.remove()\n  }\n}\n","/**\n * Textarea - Multi-line text input component\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type TextareaConfig } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport class Textarea {\n  public readonly el: HTMLDivElement\n  public readonly textareaEl: HTMLTextAreaElement\n\n  private readonly textareaId: string\n  private countEl: HTMLSpanElement | null = null\n  private readonly maxLength: number | undefined\n  private readonly autoResize: boolean\n  private readonly handlers: {\n    input: () => void\n    change: () => void\n    focus: () => void\n    blur: () => void\n  }\n\n  constructor(config: TextareaConfig) {\n    this.textareaId = uniqueId('cmm-textarea')\n    this.maxLength = config.maxLength\n    this.autoResize = config.autoResize === true\n\n    // Create wrapper\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-textarea-wrapper'\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    // Create textarea\n    this.textareaEl = document.createElement('textarea')\n    this.textareaEl.id = this.textareaId\n    this.textareaEl.className = 'cmm-textarea'\n\n    if (config.placeholder !== undefined) {\n      this.textareaEl.placeholder = config.placeholder\n    }\n\n    if (config.value !== undefined) {\n      this.textareaEl.value = config.value\n    }\n\n    if (config.disabled === true) {\n      this.textareaEl.disabled = true\n    }\n\n    if (config.readOnly === true) {\n      this.textareaEl.readOnly = true\n    }\n\n    if (config.required === true) {\n      this.textareaEl.required = true\n      this.textareaEl.setAttribute('aria-required', 'true')\n    }\n\n    if (config.rows !== undefined) {\n      this.textareaEl.rows = config.rows\n    }\n\n    if (this.maxLength !== undefined) {\n      this.textareaEl.maxLength = this.maxLength\n    }\n\n    if (config.name !== undefined) {\n      this.textareaEl.name = config.name\n    }\n\n    if (config.ariaLabel !== undefined) {\n      this.textareaEl.setAttribute('aria-label', config.ariaLabel)\n    }\n\n    this.el.appendChild(this.textareaEl)\n\n    // Character count display\n    if (this.maxLength !== undefined) {\n      this.countEl = document.createElement('span')\n      this.countEl.className = 'cmm-textarea__count'\n      this.updateCharCount()\n      this.el.appendChild(this.countEl)\n    }\n\n    // Event handlers\n    this.handlers = {\n      input: () => {\n        if (this.autoResize) {\n          this.adjustHeight()\n        }\n        if (this.countEl !== null) {\n          this.updateCharCount()\n        }\n        config.onInput?.(this.textareaEl.value)\n      },\n      change: () => {\n        config.onChange?.(this.textareaEl.value)\n      },\n      focus: () => {\n        config.onFocus?.()\n      },\n      blur: () => {\n        config.onBlur?.()\n      },\n    }\n\n    this.textareaEl.addEventListener('input', this.handlers.input)\n    this.textareaEl.addEventListener('change', this.handlers.change)\n    this.textareaEl.addEventListener('focus', this.handlers.focus)\n    this.textareaEl.addEventListener('blur', this.handlers.blur)\n\n    // Apply initial auto-resize\n    if (this.autoResize && config.value !== undefined) {\n      this.adjustHeight()\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Get the current textarea value */\n  getValue(): string {\n    return this.textareaEl.value\n  }\n\n  /** Set the textarea value */\n  setValue(value: string): void {\n    this.textareaEl.value = value\n    if (this.autoResize) {\n      this.adjustHeight()\n    }\n    if (this.countEl !== null) {\n      this.updateCharCount()\n    }\n  }\n\n  /** Toggle the disabled state */\n  setDisabled(disabled: boolean): void {\n    this.textareaEl.disabled = disabled\n  }\n\n  /** Toggle the error state */\n  setError(error: boolean): void {\n    if (error) {\n      this.textareaEl.classList.add('cmm-textarea--error')\n      this.textareaEl.setAttribute('aria-invalid', 'true')\n    } else {\n      this.textareaEl.classList.remove('cmm-textarea--error')\n      this.textareaEl.removeAttribute('aria-invalid')\n    }\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    this.textareaEl.removeEventListener('input', this.handlers.input)\n    this.textareaEl.removeEventListener('change', this.handlers.change)\n    this.textareaEl.removeEventListener('focus', this.handlers.focus)\n    this.textareaEl.removeEventListener('blur', this.handlers.blur)\n    this.el.remove()\n  }\n\n  private adjustHeight(): void {\n    this.textareaEl.style.height = 'auto'\n    this.textareaEl.style.height = `${String(this.textareaEl.scrollHeight)}px`\n  }\n\n  private updateCharCount(): void {\n    if (this.countEl !== null && this.maxLength !== undefined) {\n      this.countEl.textContent = `${String(this.textareaEl.value.length)}/${String(this.maxLength)}`\n    }\n  }\n}\n","/**\n * InputOTP - OTP code input with individual character boxes\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type InputOTPConfig } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport class InputOTP {\n  public readonly el: HTMLDivElement\n\n  private readonly otpId: string\n  private readonly digitInputs: HTMLInputElement[] = []\n  private readonly length: number\n  private readonly isMasked: boolean\n  private readonly onComplete: ((value: string) => void) | undefined\n  private readonly onChange: ((value: string) => void) | undefined\n  private readonly inputHandlers = new Map<\n    HTMLInputElement,\n    {\n      input: (e: Event) => void\n      keydown: (e: KeyboardEvent) => void\n      paste: (e: ClipboardEvent) => void\n      focus: () => void\n    }\n  >()\n\n  constructor(config: InputOTPConfig) {\n    this.otpId = uniqueId('cmm-otp')\n    this.length = config.length ?? 6\n    this.isMasked = config.mask === true\n    this.onComplete = config.onComplete\n    this.onChange = config.onChange\n\n    // Create container\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-input-otp'\n    this.el.setAttribute('role', 'group')\n\n    if (config.ariaLabel !== undefined) {\n      this.el.setAttribute('aria-label', config.ariaLabel)\n    } else {\n      this.el.setAttribute('aria-label', 'One-time password input')\n    }\n\n    // Create individual digit inputs\n    for (let i = 0; i < this.length; i++) {\n      const input = document.createElement('input')\n      input.type = this.isMasked ? 'password' : 'text'\n      input.className = 'cmm-input-otp__digit'\n      input.maxLength = 1\n      input.inputMode = 'numeric'\n      input.autocomplete = 'one-time-code'\n      input.id = `${this.otpId}-${String(i)}`\n      input.setAttribute('aria-label', `Digit ${String(i + 1)} of ${String(this.length)}`)\n\n      if (config.disabled === true) {\n        input.disabled = true\n      }\n\n      const handlers = {\n        input: (e: Event) => {\n          this.handleDigitInput(i, e)\n        },\n        keydown: (e: KeyboardEvent) => {\n          this.handleDigitKeydown(i, e)\n        },\n        paste: (e: ClipboardEvent) => {\n          this.handlePaste(e)\n        },\n        focus: () => {\n          input.select()\n        },\n      }\n\n      input.addEventListener('input', handlers.input)\n      input.addEventListener('keydown', handlers.keydown)\n      input.addEventListener('paste', handlers.paste)\n      input.addEventListener('focus', handlers.focus)\n\n      this.inputHandlers.set(input, handlers)\n      this.digitInputs.push(input)\n\n      // Add separator after every 3rd digit (for 6-digit codes)\n      if (i < this.length - 1 && (i + 1) % 3 === 0 && this.length === 6) {\n        this.el.appendChild(input)\n        const separator = document.createElement('span')\n        separator.className = 'cmm-input-otp__separator'\n        separator.textContent = '-'\n        separator.setAttribute('aria-hidden', 'true')\n        this.el.appendChild(separator)\n      } else {\n        this.el.appendChild(input)\n      }\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Get the concatenated OTP value */\n  getValue(): string {\n    return this.digitInputs.map(input => input.value).join('')\n  }\n\n  /** Set the OTP value by distributing characters across inputs */\n  setValue(value: string): void {\n    for (let i = 0; i < this.length; i++) {\n      const input = this.digitInputs[i]\n      const char = value[i]\n      if (input !== undefined) {\n        input.value = char ?? ''\n      }\n    }\n    this.notifyChange()\n  }\n\n  /** Clear all inputs and focus the first one */\n  clear(): void {\n    for (const input of this.digitInputs) {\n      input.value = ''\n    }\n    const first = this.digitInputs[0]\n    if (first !== undefined) {\n      first.focus()\n    }\n    this.notifyChange()\n  }\n\n  /** Toggle disabled state on all digit inputs */\n  setDisabled(disabled: boolean): void {\n    for (const input of this.digitInputs) {\n      input.disabled = disabled\n    }\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    for (const input of this.digitInputs) {\n      const handlers = this.inputHandlers.get(input)\n      if (handlers !== undefined) {\n        input.removeEventListener('input', handlers.input)\n        input.removeEventListener('keydown', handlers.keydown)\n        input.removeEventListener('paste', handlers.paste)\n        input.removeEventListener('focus', handlers.focus)\n      }\n    }\n    this.inputHandlers.clear()\n    this.el.remove()\n  }\n\n  private handleDigitInput(index: number, _e: Event): void {\n    const input = this.digitInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    // Only allow single characters\n    if (input.value.length > 1) {\n      input.value = input.value.slice(0, 1)\n    }\n\n    // Auto-focus next input on character entry\n    if (input.value.length === 1) {\n      const next = this.digitInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n\n    this.notifyChange()\n\n    // Check if all inputs are filled\n    const value = this.getValue()\n    if (value.length === this.length) {\n      this.onComplete?.(value)\n    }\n  }\n\n  private handleDigitKeydown(index: number, e: KeyboardEvent): void {\n    const input = this.digitInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    if (e.key === 'Backspace') {\n      if (input.value === '') {\n        // Move to previous input on backspace when current is empty\n        const prev = this.digitInputs[index - 1]\n        if (prev !== undefined) {\n          prev.focus()\n          prev.value = ''\n          this.notifyChange()\n        }\n      }\n    } else if (e.key === 'ArrowLeft') {\n      const prev = this.digitInputs[index - 1]\n      if (prev !== undefined) {\n        prev.focus()\n      }\n    } else if (e.key === 'ArrowRight') {\n      const next = this.digitInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n  }\n\n  private handlePaste(e: ClipboardEvent): void {\n    e.preventDefault()\n    const pastedData = e.clipboardData?.getData('text') ?? ''\n    const chars = pastedData.replace(/\\s/g, '').slice(0, this.length)\n\n    for (let i = 0; i < this.length; i++) {\n      const input = this.digitInputs[i]\n      const char = chars[i]\n      if (input !== undefined) {\n        input.value = char ?? ''\n      }\n    }\n\n    // Focus the input after the last pasted character or the last input\n    const focusIndex = Math.min(chars.length, this.length - 1)\n    const target = this.digitInputs[focusIndex]\n    if (target !== undefined) {\n      target.focus()\n    }\n\n    this.notifyChange()\n\n    if (chars.length >= this.length) {\n      this.onComplete?.(this.getValue())\n    }\n  }\n\n  private notifyChange(): void {\n    this.onChange?.(this.getValue())\n  }\n}\n","/**\n * IPInput - IP address input with segmented fields\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type IPInputConfig } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nconst IPV4_SEGMENTS = 4\nconst IPV4_MAX_VALUE = 255\nconst IPV6_SEGMENTS = 8\nconst IPV4_SEPARATOR = '.'\nconst IPV6_SEPARATOR = ':'\n\nexport class IPInput {\n  public readonly el: HTMLDivElement\n\n  private readonly ipId: string\n  private readonly version: 4 | 6\n  private readonly segmentCount: number\n  private readonly segmentInputs: HTMLInputElement[] = []\n  private readonly separator: string\n  private readonly onChange: ((value: string) => void) | undefined\n  private readonly inputHandlers = new Map<\n    HTMLInputElement,\n    {\n      input: (e: Event) => void\n      keydown: (e: KeyboardEvent) => void\n      focus: () => void\n    }\n  >()\n\n  constructor(config: IPInputConfig) {\n    this.ipId = uniqueId('cmm-ip')\n    this.version = config.version ?? 4\n    this.segmentCount = this.version === 4 ? IPV4_SEGMENTS : IPV6_SEGMENTS\n    this.separator = this.version === 4 ? IPV4_SEPARATOR : IPV6_SEPARATOR\n    this.onChange = config.onChange\n\n    // Create container\n    this.el = document.createElement('div')\n    this.el.className = `cmm-ip-input cmm-ip-input--v${String(this.version)}`\n    this.el.setAttribute('role', 'group')\n\n    if (config.ariaLabel !== undefined) {\n      this.el.setAttribute('aria-label', config.ariaLabel)\n    } else {\n      this.el.setAttribute('aria-label', `IPv${String(this.version)} address input`)\n    }\n\n    // Create segment inputs\n    for (let i = 0; i < this.segmentCount; i++) {\n      const input = document.createElement('input')\n      input.type = 'text'\n      input.className = 'cmm-ip-input__segment'\n      input.id = `${this.ipId}-${String(i)}`\n      input.inputMode = this.version === 4 ? 'numeric' : 'text'\n      input.maxLength = this.version === 4 ? 3 : 4\n      input.placeholder = this.version === 4 ? '0' : '0000'\n      input.setAttribute('aria-label', `Segment ${String(i + 1)} of ${String(this.segmentCount)}`)\n\n      if (config.disabled === true) {\n        input.disabled = true\n      }\n\n      const handlers = {\n        input: (_e: Event) => {\n          this.handleSegmentInput(i)\n        },\n        keydown: (e: KeyboardEvent) => {\n          this.handleSegmentKeydown(i, e)\n        },\n        focus: () => {\n          input.select()\n        },\n      }\n\n      input.addEventListener('input', handlers.input)\n      input.addEventListener('keydown', handlers.keydown)\n      input.addEventListener('focus', handlers.focus)\n\n      this.inputHandlers.set(input, handlers)\n      this.segmentInputs.push(input)\n\n      this.el.appendChild(input)\n\n      // Add separator between segments\n      if (i < this.segmentCount - 1) {\n        const sep = document.createElement('span')\n        sep.className = 'cmm-ip-input__separator'\n        sep.textContent = this.separator\n        sep.setAttribute('aria-hidden', 'true')\n        this.el.appendChild(sep)\n      }\n    }\n\n    // Set initial value if provided\n    if (config.value !== undefined) {\n      this.setValue(config.value)\n    }\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Get the full IP address string */\n  getValue(): string {\n    return this.segmentInputs.map(input => input.value).join(this.separator)\n  }\n\n  /** Set the IP address value by parsing and distributing segments */\n  setValue(value: string): void {\n    const parts = value.split(this.separator)\n    for (let i = 0; i < this.segmentCount; i++) {\n      const input = this.segmentInputs[i]\n      const part = parts[i]\n      if (input !== undefined) {\n        input.value = part ?? ''\n      }\n    }\n  }\n\n  /** Toggle disabled state on all segment inputs */\n  setDisabled(disabled: boolean): void {\n    for (const input of this.segmentInputs) {\n      input.disabled = disabled\n    }\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    for (const input of this.segmentInputs) {\n      const handlers = this.inputHandlers.get(input)\n      if (handlers !== undefined) {\n        input.removeEventListener('input', handlers.input)\n        input.removeEventListener('keydown', handlers.keydown)\n        input.removeEventListener('focus', handlers.focus)\n      }\n    }\n    this.inputHandlers.clear()\n    this.el.remove()\n  }\n\n  private handleSegmentInput(index: number): void {\n    const input = this.segmentInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    // Validate and sanitize input\n    if (this.version === 4) {\n      this.sanitizeIPv4Segment(input)\n    } else {\n      this.sanitizeIPv6Segment(input)\n    }\n\n    // Auto-advance when segment is full\n    const maxLen = this.version === 4 ? 3 : 4\n    if (input.value.length >= maxLen) {\n      const next = this.segmentInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n\n    this.onChange?.(this.getValue())\n  }\n\n  private handleSegmentKeydown(index: number, e: KeyboardEvent): void {\n    const input = this.segmentInputs[index]\n    if (input === undefined) {\n      return\n    }\n\n    // Auto-advance on separator key\n    if ((this.version === 4 && e.key === '.') || (this.version === 6 && e.key === ':')) {\n      e.preventDefault()\n      const next = this.segmentInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n      return\n    }\n\n    if (e.key === 'Backspace' && input.value === '') {\n      const prev = this.segmentInputs[index - 1]\n      if (prev !== undefined) {\n        prev.focus()\n      }\n    } else if (e.key === 'ArrowLeft' && input.selectionStart === 0) {\n      const prev = this.segmentInputs[index - 1]\n      if (prev !== undefined) {\n        prev.focus()\n      }\n    } else if (e.key === 'ArrowRight' && input.selectionStart === input.value.length) {\n      const next = this.segmentInputs[index + 1]\n      if (next !== undefined) {\n        next.focus()\n      }\n    }\n  }\n\n  private sanitizeIPv4Segment(input: HTMLInputElement): void {\n    // Remove non-numeric characters\n    const cleaned = input.value.replace(/[^0-9]/g, '')\n    const num = parseInt(cleaned, 10)\n\n    if (cleaned === '') {\n      input.value = ''\n    } else if (Number.isNaN(num)) {\n      input.value = ''\n    } else if (num > IPV4_MAX_VALUE) {\n      input.value = String(IPV4_MAX_VALUE)\n    } else {\n      input.value = cleaned\n    }\n  }\n\n  private sanitizeIPv6Segment(input: HTMLInputElement): void {\n    // Remove non-hex characters\n    input.value = input.value.replace(/[^0-9a-fA-F]/g, '').slice(0, 4)\n  }\n}\n","/**\n * Input - Text input component with wrapper\n * @countermeasure/web-components/primitives/input\n */\n\nimport { type InputConfig, type InputSize } from './types'\nimport { resolveContainer, uniqueId } from '../utils'\n\nexport type {\n  InputConfig,\n  InputType,\n  InputSize,\n  InputGroupConfig,\n  TextareaConfig,\n  InputOTPConfig,\n  IPInputConfig,\n} from './types'\nexport { InputGroup } from './input-group'\nexport { Textarea } from './textarea'\nexport { InputOTP } from './input-otp'\nexport { IPInput } from './ip-input'\n\nexport class Input {\n  public readonly el: HTMLDivElement\n  public readonly inputEl: HTMLInputElement\n\n  private readonly inputId: string\n  private currentSize: InputSize\n  private readonly handlers: {\n    input: (e: Event) => void\n    change: (e: Event) => void\n    focus: () => void\n    blur: () => void\n    keydown: (e: KeyboardEvent) => void\n  }\n\n  constructor(config: InputConfig) {\n    this.inputId = uniqueId('cmm-input')\n    this.currentSize = config.size ?? 'md'\n\n    // Create wrapper\n    this.el = document.createElement('div')\n    this.el.className = 'cmm-input-wrapper'\n\n    // Create input element\n    this.inputEl = document.createElement('input')\n    this.inputEl.id = this.inputId\n    this.inputEl.type = config.type ?? 'text'\n    this.inputEl.className = `cmm-input cmm-input--${this.currentSize}`\n\n    if (config.className) {\n      this.el.classList.add(config.className)\n    }\n\n    if (config.placeholder !== undefined) {\n      this.inputEl.placeholder = config.placeholder\n    }\n\n    if (config.value !== undefined) {\n      this.inputEl.value = config.value\n    }\n\n    if (config.disabled === true) {\n      this.inputEl.disabled = true\n    }\n\n    if (config.readOnly === true) {\n      this.inputEl.readOnly = true\n    }\n\n    if (config.required === true) {\n      this.inputEl.required = true\n      this.inputEl.setAttribute('aria-required', 'true')\n    }\n\n    if (config.name !== undefined) {\n      this.inputEl.name = config.name\n    }\n\n    if (config.ariaLabel !== undefined) {\n      this.inputEl.setAttribute('aria-label', config.ariaLabel)\n    }\n\n    if (config.maxLength !== undefined) {\n      this.inputEl.maxLength = config.maxLength\n    }\n\n    if (config.pattern !== undefined) {\n      this.inputEl.pattern = config.pattern\n    }\n\n    if (config.autocomplete !== undefined) {\n      this.inputEl.setAttribute('autocomplete', config.autocomplete)\n    }\n\n    // Event handlers\n    this.handlers = {\n      input: (_e: Event) => {\n        config.onInput?.(this.inputEl.value)\n      },\n      change: (_e: Event) => {\n        config.onChange?.(this.inputEl.value)\n      },\n      focus: () => {\n        config.onFocus?.()\n      },\n      blur: () => {\n        config.onBlur?.()\n      },\n      keydown: (e: KeyboardEvent) => {\n        config.onKeyDown?.(e)\n      },\n    }\n\n    this.inputEl.addEventListener('input', this.handlers.input)\n    this.inputEl.addEventListener('change', this.handlers.change)\n    this.inputEl.addEventListener('focus', this.handlers.focus)\n    this.inputEl.addEventListener('blur', this.handlers.blur)\n    this.inputEl.addEventListener('keydown', this.handlers.keydown)\n\n    this.el.appendChild(this.inputEl)\n\n    // Mount if container provided\n    if (config.container !== undefined) {\n      const parent = resolveContainer(config.container)\n      parent.appendChild(this.el)\n    }\n  }\n\n  /** Get the current input value */\n  getValue(): string {\n    return this.inputEl.value\n  }\n\n  /** Set the input value */\n  setValue(value: string): void {\n    this.inputEl.value = value\n  }\n\n  /** Toggle the disabled state */\n  setDisabled(disabled: boolean): void {\n    this.inputEl.disabled = disabled\n  }\n\n  /** Toggle the error state */\n  setError(error: boolean): void {\n    if (error) {\n      this.inputEl.classList.add('cmm-input--error')\n      this.inputEl.setAttribute('aria-invalid', 'true')\n    } else {\n      this.inputEl.classList.remove('cmm-input--error')\n      this.inputEl.removeAttribute('aria-invalid')\n    }\n  }\n\n  /** Focus the input element */\n  focus(): void {\n    this.inputEl.focus()\n  }\n\n  /** Blur the input element */\n  blur(): void {\n    this.inputEl.blur()\n  }\n\n  /** Remove from the DOM and clean up event listeners */\n  destroy(): void {\n    this.inputEl.removeEventListener('input', this.handlers.input)\n    this.inputEl.removeEventListener('change', this.handlers.change)\n    this.inputEl.removeEventListener('focus', this.handlers.focus)\n    this.inputEl.removeEventListener('blur', this.handlers.blur)\n    this.inputEl.removeEventListener('keydown', this.handlers.keydown)\n    this.el.remove()\n  }\n}\n"],"mappings":"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"}

package/dist/interactive-9Ky-mbcb.js

@@ -0,0 +1,24 @@
+import { BaseChart as e } from "./charts/base.js";
+import { ChartLegend as t } from "./charts/legend.js";
+import { ChartTooltip as n } from "./charts/tooltip.js";
+//#region src/charts/interactive.ts
+var r = class extends e {
+	tooltip;
+	legend;
+	boundMouseMove;
+	boundMouseLeave;
+	constructor(e) {
+		super(e), e.tooltip?.enabled === !1 ? this.tooltip = null : this.tooltip = new n(this.container), e.legend === void 0 ? this.legend = null : this.legend = new t(this.container, e.legend), this.boundMouseMove = (e) => {
+			this.handleMouseMove(e);
+		}, this.boundMouseLeave = () => {
+			this.handleMouseLeave();
+		}, this.canvas.addEventListener("mousemove", this.boundMouseMove), this.canvas.addEventListener("mouseleave", this.boundMouseLeave);
+	}
+	destroy() {
+		this.canvas.removeEventListener("mousemove", this.boundMouseMove), this.canvas.removeEventListener("mouseleave", this.boundMouseLeave), this.legend !== null && this.legend.destroy(), this.tooltip !== null && this.tooltip.destroy(), super.destroy();
+	}
+};
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=interactive-9Ky-mbcb.js.map

package/dist/interactive-9Ky-mbcb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactive-9Ky-mbcb.js","names":[],"sources":["../src/charts/interactive.ts"],"sourcesContent":["/**\n * Interactive chart base class with tooltip + legend + mouse event plumbing\n * @countermeasure/web-components/charts/interactive\n */\n\nimport { BaseChart } from './base'\nimport type { InteractiveChartConfig } from './types'\nimport { ChartLegend } from './legend'\nimport { ChartTooltip } from './tooltip'\n\nexport abstract class InteractiveChart extends BaseChart {\n  protected tooltip: ChartTooltip | null\n  protected legend: ChartLegend | null\n  private readonly boundMouseMove: (e: MouseEvent) => void\n  private readonly boundMouseLeave: () => void\n\n  constructor(config: InteractiveChartConfig) {\n    super(config)\n\n    // Initialize tooltip\n    if (config.tooltip?.enabled !== false) {\n      this.tooltip = new ChartTooltip(this.container)\n    } else {\n      this.tooltip = null\n    }\n\n    // Initialize legend\n    if (config.legend !== undefined) {\n      this.legend = new ChartLegend(this.container, config.legend)\n    } else {\n      this.legend = null\n    }\n\n    // Bind mouse handlers\n    this.boundMouseMove = (e: MouseEvent) => {\n      this.handleMouseMove(e)\n    }\n    this.boundMouseLeave = () => {\n      this.handleMouseLeave()\n    }\n    this.canvas.addEventListener('mousemove', this.boundMouseMove)\n    this.canvas.addEventListener('mouseleave', this.boundMouseLeave)\n  }\n\n  protected abstract handleMouseMove(e: MouseEvent): void\n  protected abstract handleMouseLeave(): void\n\n  public override destroy(): void {\n    this.canvas.removeEventListener('mousemove', this.boundMouseMove)\n    this.canvas.removeEventListener('mouseleave', this.boundMouseLeave)\n    if (this.legend !== null) {\n      this.legend.destroy()\n    }\n    if (this.tooltip !== null) {\n      this.tooltip.destroy()\n    }\n    super.destroy()\n  }\n}\n"],"mappings":";;;;AAUA,IAAsB,IAAtB,cAA+C,EAAU;CACvD;CACA;CACA;CACA;CAEA,YAAY,GAAgC;AAyB1C,EAxBA,MAAM,EAAO,EAGT,EAAO,SAAS,YAAY,KAG9B,KAAK,UAAU,OAFf,KAAK,UAAU,IAAI,EAAa,KAAK,UAAU,EAM7C,EAAO,WAAW,KAAA,IAGpB,KAAK,SAAS,OAFd,KAAK,SAAS,IAAI,EAAY,KAAK,WAAW,EAAO,OAAO,EAM9D,KAAK,kBAAkB,MAAkB;AACvC,QAAK,gBAAgB,EAAE;KAEzB,KAAK,wBAAwB;AAC3B,QAAK,kBAAkB;KAEzB,KAAK,OAAO,iBAAiB,aAAa,KAAK,eAAe,EAC9D,KAAK,OAAO,iBAAiB,cAAc,KAAK,gBAAgB;;CAMlE,UAAgC;AAS9B,EARA,KAAK,OAAO,oBAAoB,aAAa,KAAK,eAAe,EACjE,KAAK,OAAO,oBAAoB,cAAc,KAAK,gBAAgB,EAC/D,KAAK,WAAW,QAClB,KAAK,OAAO,SAAS,EAEnB,KAAK,YAAY,QACnB,KAAK,QAAQ,SAAS,EAExB,MAAM,SAAS"}