solid-ui 3.1.3-6 → 3.1.3-8

package/dist/chunks/combobox-Cxi8xUMn.js

@@ -0,0 +1,473 @@
+import { a as e, i as t, t as n } from "./components-C1LEhsaK.js";
+import { c as r, i, n as a } from "./lit-C4H1jI4q.js";
+import { n as o, r as s, t as c } from "./decorators-BiCkPd_3.js";
+import "./chevron-down-ujxRg3MD.js";
+import "./chunk.K442ELDU-TtQSV9g1.js";
+//#region src/components/combobox/Combobox.styles.css
+var l = r`:host{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex;& label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}& wa-popup{width:100%;display:block}& wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 4px 16px #00000059}& .input-wrapper{width:100%;position:relative;& input{border:1px solid var(--solid-ui-color-gray-400);border-radius:5px;width:100%;padding:10px 40px 10px 10px}& icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}}& .listbox{max-height:inherit;flex-direction:column;display:flex;overflow:auto;& [role=option]{color:var(--solid-ui-color-gray-700);border-bottom:1px solid var(--solid-ui-color-gray-100);cursor:pointer;padding:12px 8px;&:hover,&[data-active]{background:#0000000d}}}}`, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, F, I, L, R, z, B, V, H, U;
+function W(e, t, n) {
+	G(e, t), t.set(e, n);
+}
+function G(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function K(e, t, n) {
+	return e.set(J(e, t), n), n;
+}
+function q(e, t) {
+	return e.get(J(e, t));
+}
+function J(e, t, n) {
+	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+	throw TypeError("Private element is not present on this object");
+}
+function Y(e, t, n) {
+	return (t = Z(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function X(e, t, n, r, i, a) {
+	function o(e, t, n) {
+		return function(r, i) {
+			return n && n(r), e[t].call(r, i);
+		};
+	}
+	function s(e, t) {
+		for (var n = 0; n < e.length; n++) e[n].call(t);
+		return t;
+	}
+	function c(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function l(e, t, n, r, i, a, s, l, u, d, f, p, m) {
+		function h(e) {
+			if (!m(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var g, _ = t[0], v = t[3], y = !l;
+		if (!y) {
+			n || Array.isArray(_) || (_ = [_]);
+			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: Q(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || Q(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: a,
+				addInitializer: function(e, t) {
+					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
+					c(t, "An initializer", "be", !0), s.push(t);
+				}.bind(null, D)
+			};
+			try {
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
+				else {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (A = function(e, t) {
+						e[r] = t;
+					}));
+					var j = O.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], O), p) {
+						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
+						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
+				}
+			} finally {
+				D.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = x.length - 1; n >= 0; n--) t = x[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[S] : o.call.bind(b[S])) : Object.defineProperty(e, r, b)), C;
+	}
+	function u(e, t) {
+		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
+			configurable: !0,
+			enumerable: !0,
+			value: t
+		});
+	}
+	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
+	var f = Object.create(d ?? null), p = function(e, t, n, r) {
+		var i, a, o = [], c = function(t) {
+			return te(t) === e;
+		}, u = /* @__PURE__ */ new Map();
+		function d(e) {
+			e && o.push(s.bind(null, e));
+		}
+		for (var f = 0; f < t.length; f++) {
+			var p = t[f];
+			if (Array.isArray(p)) {
+				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), y = (m &= 7) == 0, b = h + "/" + v;
+				if (!y && !g) {
+					var x = u.get(b);
+					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
+					u.set(b, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : Z(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+			}
+		}
+		return d(i), d(a), o;
+	}(e, t, i, f);
+	return n.length || u(e, f), {
+		e: p,
+		get c() {
+			var t = [];
+			return n.length && [u(l(e, [n], r, e.name, 5, f, t), f), s.bind(null, t, e)];
+		}
+	};
+}
+function Z(e) {
+	var t = ee(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function ee(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function Q(e, t, n) {
+	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function te(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function ne(e) {
+	return e;
+}
+C = [e("solid-ui-combobox")];
+var $;
+new (H = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v = /*#__PURE__*/ new WeakMap(), y = /*#__PURE__*/ new WeakMap(), b = /*#__PURE__*/ new WeakMap(), U = (w = s({
+	type: String,
+	reflect: !0
+}), E = s({
+	type: String,
+	reflect: !0
+}), O = s({ type: String }), A = s({
+	type: String,
+	reflect: !0
+}), M = s({
+	type: Boolean,
+	reflect: !0
+}), P = c("input"), I = o(), R = o(), B = o(), "label"), d = class extends t {
+	get [U]() {
+		return q(f, this);
+	}
+	set label(e) {
+		K(f, this, e);
+	}
+	get name() {
+		return q(p, this);
+	}
+	set name(e) {
+		K(p, this, e);
+	}
+	get value() {
+		return q(m, this);
+	}
+	set value(e) {
+		K(m, this, e);
+	}
+	get placeholder() {
+		return q(h, this);
+	}
+	set placeholder(e) {
+		K(h, this, e);
+	}
+	get required() {
+		return q(g, this);
+	}
+	set required(e) {
+		K(g, this, e);
+	}
+	get inputElement() {
+		return q(_, this);
+	}
+	set inputElement(e) {
+		K(_, this, e);
+	}
+	get filter() {
+		return q(v, this);
+	}
+	set filter(e) {
+		K(v, this, e);
+	}
+	get open() {
+		return q(y, this);
+	}
+	set open(e) {
+		K(y, this, e);
+	}
+	get activeIndex() {
+		return q(b, this);
+	}
+	set activeIndex(e) {
+		K(b, this, e);
+	}
+	constructor() {
+		super(), W(this, f, (x(this), T(this, ""))), W(this, p, D(this, "")), W(this, m, k(this, "")), W(this, h, j(this, "")), W(this, g, N(this, !1)), W(this, _, F(this, null)), W(this, v, L(this, "")), W(this, y, z(this, !1)), W(this, b, V(this, -1)), Y(this, "inputTrait", void 0), Y(this, "openListenersAttached", !1), Y(this, "listboxId", void 0), Y(this, "handleDocumentFocusIn", (e) => {
+			e.composedPath().includes(this) || this.hide();
+		}), Y(this, "handleDocumentMouseDown", (e) => {
+			e.composedPath().includes(this) || this.hide();
+		}), this.inputTrait = this.addTrait(new n(this, {
+			getInputElement: () => this.inputElement,
+			getInternals: () => this.getInternals(),
+			onValueChanged: (e) => {
+				this.filter = e.toLowerCase();
+				let t = this.getFilteredOptions();
+				if (t.length === 0) {
+					this.hide();
+					return;
+				}
+				this.open && (this.activeIndex = this.getInitialActiveIndex(t));
+			}
+		})), this.listboxId = `listbox-${this.inputTrait.inputId}`;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeOpenListeners();
+	}
+	render() {
+		let e = this.getFilteredOptions(), t = (this.open && this.activeIndex >= 0 ? e[this.activeIndex] : void 0) === void 0 ? void 0 : this.getOptionId(this.activeIndex), n = this.placeholder || "Combobox";
+		return i`
+      ${this.inputTrait.renderLabel()}
+      <wa-popup
+        placement="bottom"
+        flip
+        shift
+        sync="width"
+        auto-size="vertical"
+        auto-size-padding="10"
+        ?active=${this.open}
+      >
+        <div class="input-wrapper" slot="anchor" @mousedown=${this.onAnchorMouseDown}>
+          <input
+            id="${this.inputTrait.inputId}"
+            type="text"
+            name=${this.name}
+            placeholder=${this.placeholder}
+            role="combobox"
+            aria-autocomplete="list"
+            aria-haspopup="listbox"
+            aria-expanded=${this.open ? "true" : "false"}
+            aria-controls=${this.listboxId}
+            aria-activedescendant=${t ?? a}
+            aria-labelledby=${this.label ? this.inputTrait.labelId : a}
+            aria-label=${this.label ? a : n}
+            aria-required=${this.required ? "true" : a}
+            autocomplete="off"
+            spellcheck="false"
+            ?required=${this.required}
+            .value=${this.value}
+            @keydown=${this.onInputKeyDown}
+            @focus=${this.onInputFocus}
+            @input=${() => this.inputTrait.onInput()}
+          />
+          <icon-lucide-chevron-down></icon-lucide-chevron-down>
+        </div>
+        <div
+          id=${this.listboxId}
+          class="listbox"
+          role="listbox"
+          aria-orientation="vertical"
+          aria-labelledby=${this.label ? this.inputTrait.labelId : a}
+          aria-label=${this.label ? a : n}
+          ?hidden=${!this.open}
+          @mouseup=${this.onListboxMouseUp}
+        >
+          ${e.map((e, t) => i`<div
+                id=${this.getOptionId(t)}
+                role="option"
+                aria-selected=${this.open && t === this.activeIndex ? "true" : "false"}
+                data-active=${t === this.activeIndex || a}
+                @mousemove=${() => this.setActiveIndex(t)}
+              >
+                ${e.label}
+              </div>`)}
+        </div>
+      </wa-popup>
+    `;
+	}
+	getFilteredOptions() {
+		return this.getOptions().filter((e) => e.label.toLowerCase().includes(this.filter));
+	}
+	getOptions() {
+		let e = this.querySelectorAll("solid-ui-combobox-option");
+		return Array.from(e).map((e) => ({
+			value: e.value,
+			label: e.textContent ?? ""
+		}));
+	}
+	getOptionId(e) {
+		return `${this.listboxId}-option-${e}`;
+	}
+	getInitialActiveIndex(e) {
+		let t = e.findIndex((e) => e.value === this.value);
+		return t >= 0 ? t : e.length > 0 ? 0 : -1;
+	}
+	getNextIndex(e, t, n) {
+		return t.length === 0 ? -1 : (e + n + t.length) % t.length;
+	}
+	setActiveIndex(e) {
+		this.activeIndex = e;
+	}
+	show(e) {
+		if (this.open) return;
+		let t = this.getFilteredOptions();
+		t.length !== 0 && (this.open = !0, this.activeIndex = e?.focusLast ? t.length - 1 : this.getInitialActiveIndex(t), this.addOpenListeners(), requestAnimationFrame(() => this.scrollActiveOptionIntoView()));
+	}
+	hide() {
+		this.open && (this.open = !1, this.activeIndex = -1, this.removeOpenListeners());
+	}
+	selectOption(e) {
+		this.inputTrait.setValue(e), this.hide(), this.inputElement?.focus({ preventScroll: !0 });
+	}
+	scrollActiveOptionIntoView() {
+		this.activeIndex < 0 || this.shadowRoot?.querySelector(`#${this.getOptionId(this.activeIndex)}`)?.scrollIntoView({ block: "nearest" });
+	}
+	addOpenListeners() {
+		if (this.openListenersAttached) return;
+		document.addEventListener("focusin", this.handleDocumentFocusIn), document.addEventListener("mousedown", this.handleDocumentMouseDown);
+		let e = this.getRootNode();
+		e !== document && e.addEventListener("focusin", this.handleDocumentFocusIn), this.openListenersAttached = !0;
+	}
+	removeOpenListeners() {
+		if (!this.openListenersAttached) return;
+		document.removeEventListener("focusin", this.handleDocumentFocusIn), document.removeEventListener("mousedown", this.handleDocumentMouseDown);
+		let e = this.getRootNode();
+		e !== document && e.removeEventListener("focusin", this.handleDocumentFocusIn), this.openListenersAttached = !1;
+	}
+	onAnchorMouseDown(e) {
+		e.preventDefault(), this.inputElement?.focus({ preventScroll: !0 });
+	}
+	onInputFocus() {
+		this.show();
+	}
+	openPopupFromKey(e) {
+		this.open || this.show({ focusLast: e });
+	}
+	onInputKeyDown(e) {
+		let t = this.getFilteredOptions();
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), this.open ? (this.activeIndex = this.getNextIndex(this.activeIndex, t, 1), this.scrollActiveOptionIntoView()) : this.openPopupFromKey(!1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), this.open ? (this.activeIndex = this.getNextIndex(this.activeIndex, t, -1), this.scrollActiveOptionIntoView()) : this.openPopupFromKey(!0);
+				break;
+			case "Enter":
+				this.open && this.activeIndex >= 0 && t[this.activeIndex] ? (e.preventDefault(), this.selectOption(t[this.activeIndex].value)) : this.open || (e.preventDefault(), this.inputTrait.onSubmit());
+				break;
+			case "Escape":
+				this.open && (e.preventDefault(), e.stopPropagation(), this.hide(), this.inputElement?.focus({ preventScroll: !0 }));
+				break;
+			case "Tab":
+				this.hide();
+				break;
+		}
+	}
+	onListboxMouseUp(e) {
+		if (!(e.target instanceof HTMLElement)) return;
+		let t = e.target.closest("[role=\"option\"]");
+		if (!t) return;
+		let n = t.id, r = Number.parseInt(n.replace(`${this.listboxId}-option-`, ""), 10), i = this.getFilteredOptions()[r];
+		i && this.selectOption(i.value);
+	}
+}, {e: [T, D, k, j, N, F, L, z, V, x], c: [$, S]} = X(d, [
+	[
+		w,
+		1,
+		"label"
+	],
+	[
+		E,
+		1,
+		"name"
+	],
+	[
+		O,
+		1,
+		"value"
+	],
+	[
+		A,
+		1,
+		"placeholder"
+	],
+	[
+		M,
+		1,
+		"required"
+	],
+	[
+		P,
+		1,
+		"inputElement"
+	],
+	[
+		I,
+		1,
+		"filter"
+	],
+	[
+		R,
+		1,
+		"open"
+	],
+	[
+		B,
+		1,
+		"activeIndex"
+	]
+], C, 0, void 0, t), d), u = class extends ne {
+	constructor() {
+		super($), Y(this, "styles", l), Y(this, "formAssociated", !0), S();
+	}
+}, Y(u, H, void 0), u)();
+//#endregion
+//#region src/components/combobox/index.ts
+var re = $;
+//#endregion
+export { $ as n, re as t };
+
+//# sourceMappingURL=combobox-Cxi8xUMn.js.map

package/dist/chunks/combobox-Cxi8xUMn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-Cxi8xUMn.js","names":["customElement","WebComponent","html","nothing","property","query","state","InputTrait","styles","_classDecs","_Combobox","_Combobox2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_placeholderDecs","_requiredDecs","Boolean","_inputElementDecs","_filterDecs","_openDecs","_activeIndexDecs","_Combobox3","Combobox","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","inputElement","filter","open","activeIndex","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_placeholder","_init_required","_init_inputElement","_init_filter","_init_open","_init_activeIndex","_defineProperty","event","path","composedPath","includes","hide","inputTrait","addTrait","getInputElement","getInternals","onValueChanged","toLowerCase","options","getFilteredOptions","length","getInitialActiveIndex","listboxId","inputId","disconnectedCallback","removeOpenListeners","render","activeOption","undefined","activeDescendant","getOptionId","accessibleName","renderLabel","onAnchorMouseDown","labelId","onInputKeyDown","onInputFocus","onInput","onListboxMouseUp","map","option","index","setActiveIndex","getOptions","querySelectorAll","Array","from","textContent","selectedIndex","findIndex","getNextIndex","currentIndex","direction","show","filteredOptions","focusLast","addOpenListeners","requestAnimationFrame","scrollActiveOptionIntoView","selectOption","setValue","focus","preventScroll","shadowRoot","querySelector","scrollIntoView","block","openListenersAttached","document","addEventListener","handleDocumentFocusIn","handleDocumentMouseDown","root","getRootNode","removeEventListener","preventDefault","openPopupFromKey","key","onSubmit","stopPropagation","target","HTMLElement","optionElement","closest","optionId","id","Number","parseInt","replace","e","c","_initClass","_applyDecs","_Class","_identity","default","Combobox"],"sources":["../../src/components/combobox/Combobox.styles.css","../../src/components/combobox/Combobox.ts","../../src/components/combobox/index.ts"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 5px;\n\n    label {\n        color: var(--solid-ui-color-gray-600);\n        font-size: var(--solid-ui-font-size-sm);\n        font-weight: 400;\n    }\n\n    wa-popup {\n        display: block;\n        width: 100%;\n    }\n\n    wa-popup::part(popup) {\n        background: white;\n        border: 1px solid var(--solid-ui-color-gray-100);\n        border-radius: 5px;\n        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n        overflow: hidden;\n    }\n\n    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        input {\n            border: 1px solid var(--solid-ui-color-gray-400);\n            border-radius: 5px;\n            padding: 10px;\n            padding-right: 40px;\n            width: 100%;\n        }\n\n        icon-lucide-chevron-down {\n            position: absolute;\n            right: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            color: var(--solid-ui-color-gray-500);\n            width: var(--solid-ui-font-size-lg);\n            height: var(--solid-ui-font-size-lg);\n            pointer-events: none;\n        }\n    }\n\n    .listbox {\n        display: flex;\n        flex-direction: column;\n        max-height: inherit;\n        overflow: auto;\n\n        [role=\"option\"] {\n            padding: 12px 8px;\n            color: var(--solid-ui-color-gray-700);\n            border-bottom: 1px solid var(--solid-ui-color-gray-100);\n            cursor: pointer;\n\n            &:hover,\n            &[data-active] {\n                background: rgba(0, 0, 0, 0.05);\n            }\n        }\n    }\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type ComboboxOption from '@/components/combobox-option/ComboboxOption'\n\nimport '~icons/lucide/chevron-down'\nimport '@awesome.me/webawesome/dist/components/popup/popup.js'\n\nimport styles from './Combobox.styles.css'\n\ntype ComboboxOptionData = { value: string; label: string }\n\n@customElement('solid-ui-combobox')\nexport default class Combobox extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor label = ''\n\n  @property({ type: String, reflect: true })\n  accessor name = ''\n\n  @property({ type: String })\n  accessor value = ''\n\n  @property({ type: String, reflect: true })\n  accessor placeholder = ''\n\n  @property({ type: Boolean, reflect: true })\n  accessor required = false\n\n  @query('input')\n  private accessor inputElement: HTMLInputElement | null = null\n\n  @state()\n  private accessor filter = ''\n\n  @state()\n  private accessor open = false\n\n  @state()\n  private accessor activeIndex = -1\n\n  private inputTrait: InputTrait\n  private openListenersAttached = false\n  private readonly listboxId: string\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(\n      new InputTrait(this, {\n        getInputElement: () => this.inputElement,\n        getInternals: () => this.getInternals(),\n        onValueChanged: (value) => {\n          this.filter = value.toLowerCase()\n\n          const options = this.getFilteredOptions()\n\n          if (options.length === 0) {\n            this.hide()\n            return\n          }\n\n          if (this.open) {\n            this.activeIndex = this.getInitialActiveIndex(options)\n          }\n        },\n      })\n    )\n\n    this.listboxId = `listbox-${this.inputTrait.inputId}`\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.removeOpenListeners()\n  }\n\n  protected render () {\n    const options = this.getFilteredOptions()\n    const activeOption =\n      this.open && this.activeIndex >= 0 ? options[this.activeIndex] : undefined\n    const activeDescendant =\n      activeOption !== undefined ? this.getOptionId(this.activeIndex) : undefined\n    const accessibleName = this.placeholder || 'Combobox'\n\n    return html`\n      ${this.inputTrait.renderLabel()}\n      <wa-popup\n        placement=\"bottom\"\n        flip\n        shift\n        sync=\"width\"\n        auto-size=\"vertical\"\n        auto-size-padding=\"10\"\n        ?active=${this.open}\n      >\n        <div class=\"input-wrapper\" slot=\"anchor\" @mousedown=${this.onAnchorMouseDown}>\n          <input\n            id=\"${this.inputTrait.inputId}\"\n            type=\"text\"\n            name=${this.name}\n            placeholder=${this.placeholder}\n            role=\"combobox\"\n            aria-autocomplete=\"list\"\n            aria-haspopup=\"listbox\"\n            aria-expanded=${this.open ? 'true' : 'false'}\n            aria-controls=${this.listboxId}\n            aria-activedescendant=${activeDescendant ?? nothing}\n            aria-labelledby=${this.label ? this.inputTrait.labelId : nothing}\n            aria-label=${this.label ? nothing : accessibleName}\n            aria-required=${this.required ? 'true' : nothing}\n            autocomplete=\"off\"\n            spellcheck=\"false\"\n            ?required=${this.required}\n            .value=${this.value}\n            @keydown=${this.onInputKeyDown}\n            @focus=${this.onInputFocus}\n            @input=${() => this.inputTrait.onInput()}\n          />\n          <icon-lucide-chevron-down></icon-lucide-chevron-down>\n        </div>\n        <div\n          id=${this.listboxId}\n          class=\"listbox\"\n          role=\"listbox\"\n          aria-orientation=\"vertical\"\n          aria-labelledby=${this.label ? this.inputTrait.labelId : nothing}\n          aria-label=${this.label ? nothing : accessibleName}\n          ?hidden=${!this.open}\n          @mouseup=${this.onListboxMouseUp}\n        >\n          ${options.map(\n            (option, index) =>\n              html`<div\n                id=${this.getOptionId(index)}\n                role=\"option\"\n                aria-selected=${this.open && index === this.activeIndex\n                  ? 'true'\n                  : 'false'}\n                data-active=${index === this.activeIndex || nothing}\n                @mousemove=${() => this.setActiveIndex(index)}\n              >\n                ${option.label}\n              </div>`\n          )}\n        </div>\n      </wa-popup>\n    `\n  }\n\n  private getFilteredOptions (): ComboboxOptionData[] {\n    return this.getOptions().filter((option) =>\n      option.label.toLowerCase().includes(this.filter)\n    )\n  }\n\n  private getOptions (): ComboboxOptionData[] {\n    const options = this.querySelectorAll<ComboboxOption>(\n      'solid-ui-combobox-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent ?? '',\n    }))\n  }\n\n  private getOptionId (index: number): string {\n    return `${this.listboxId}-option-${index}`\n  }\n\n  private getInitialActiveIndex (options: ComboboxOptionData[]): number {\n    const selectedIndex = options.findIndex((option) => option.value === this.value)\n\n    if (selectedIndex >= 0) {\n      return selectedIndex\n    }\n\n    return options.length > 0 ? 0 : -1\n  }\n\n  private getNextIndex (\n    currentIndex: number,\n    options: ComboboxOptionData[],\n    direction: 1 | -1\n  ): number {\n    if (options.length === 0) {\n      return -1\n    }\n\n    return (currentIndex + direction + options.length) % options.length\n  }\n\n  private setActiveIndex (index: number) {\n    this.activeIndex = index\n  }\n\n  private show (options?: { focusLast?: boolean }) {\n    if (this.open) {\n      return\n    }\n\n    const filteredOptions = this.getFilteredOptions()\n\n    if (filteredOptions.length === 0) {\n      return\n    }\n\n    this.open = true\n    this.activeIndex = options?.focusLast\n      ? filteredOptions.length - 1\n      : this.getInitialActiveIndex(filteredOptions)\n    this.addOpenListeners()\n\n    requestAnimationFrame(() => this.scrollActiveOptionIntoView())\n  }\n\n  private hide () {\n    if (!this.open) {\n      return\n    }\n\n    this.open = false\n    this.activeIndex = -1\n    this.removeOpenListeners()\n  }\n\n  private selectOption (value: string) {\n    this.inputTrait.setValue(value)\n    this.hide()\n    this.inputElement?.focus({ preventScroll: true })\n  }\n\n  private scrollActiveOptionIntoView () {\n    if (this.activeIndex < 0) {\n      return\n    }\n\n    this.shadowRoot\n      ?.querySelector(`#${this.getOptionId(this.activeIndex)}`)\n      ?.scrollIntoView({ block: 'nearest' })\n  }\n\n  private addOpenListeners () {\n    if (this.openListenersAttached) {\n      return\n    }\n\n    document.addEventListener('focusin', this.handleDocumentFocusIn)\n    document.addEventListener('mousedown', this.handleDocumentMouseDown)\n\n    const root = this.getRootNode()\n\n    if (root !== document) {\n      root.addEventListener('focusin', this.handleDocumentFocusIn)\n    }\n\n    this.openListenersAttached = true\n  }\n\n  private removeOpenListeners () {\n    if (!this.openListenersAttached) {\n      return\n    }\n\n    document.removeEventListener('focusin', this.handleDocumentFocusIn)\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown)\n\n    const root = this.getRootNode()\n\n    if (root !== document) {\n      root.removeEventListener('focusin', this.handleDocumentFocusIn)\n    }\n\n    this.openListenersAttached = false\n  }\n\n  private handleDocumentFocusIn = (event: Event) => {\n    const path = event.composedPath()\n\n    if (!path.includes(this)) {\n      this.hide()\n    }\n  }\n\n  private handleDocumentMouseDown = (event: MouseEvent) => {\n    const path = event.composedPath()\n\n    if (!path.includes(this)) {\n      this.hide()\n    }\n  }\n\n  private onAnchorMouseDown (event: MouseEvent) {\n    event.preventDefault()\n    this.inputElement?.focus({ preventScroll: true })\n  }\n\n  private onInputFocus () {\n    this.show()\n  }\n\n  private openPopupFromKey (focusLast: boolean) {\n    if (!this.open) {\n      this.show({ focusLast })\n    }\n  }\n\n  private onInputKeyDown (event: KeyboardEvent) {\n    const options = this.getFilteredOptions()\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n\n        if (!this.open) {\n          this.openPopupFromKey(false)\n        } else {\n          this.activeIndex = this.getNextIndex(this.activeIndex, options, 1)\n          this.scrollActiveOptionIntoView()\n        }\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n\n        if (!this.open) {\n          this.openPopupFromKey(true)\n        } else {\n          this.activeIndex = this.getNextIndex(this.activeIndex, options, -1)\n          this.scrollActiveOptionIntoView()\n        }\n        break\n      case 'Enter':\n        if (this.open && this.activeIndex >= 0 && options[this.activeIndex]) {\n          event.preventDefault()\n          this.selectOption(options[this.activeIndex].value)\n        } else if (!this.open) {\n          event.preventDefault()\n          this.inputTrait.onSubmit()\n        }\n        break\n      case 'Escape':\n        if (this.open) {\n          event.preventDefault()\n          event.stopPropagation()\n          this.hide()\n          this.inputElement?.focus({ preventScroll: true })\n        }\n        break\n      case 'Tab':\n        this.hide()\n        break\n    }\n  }\n\n  private onListboxMouseUp (event: MouseEvent) {\n    if (!(event.target instanceof HTMLElement)) {\n      return\n    }\n\n    const optionElement = event.target.closest('[role=\"option\"]')\n\n    if (!optionElement) {\n      return\n    }\n\n    const optionId = optionElement.id\n    const index = Number.parseInt(optionId.replace(`${this.listboxId}-option-`, ''), 10)\n    const option = this.getFilteredOptions()[index]\n\n    if (option) {\n      this.selectOption(option.value)\n    }\n  }\n}\n","import Combobox from './Combobox'\n\nexport { Combobox }\nexport default Combobox\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACS0CS,IAAA,CAIzCT,EAAc,mBAAmB,CAAC;AAAA,IAAAU;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,kBAAA,IAAAH,QAAA,GAAAI,kBAAA,IAAAJ,QAAA,GAAAK,kBAAA,IAAAL,QAAA,GAAAM,kBAAA,IAAAN,QAAA,GAAAO,kBAAA,IAAAP,QAAA,GAAAQ,kBAAA,IAAAR,QAAA,GAAAS,KAAAC,IAKhCnB,EAAS;CAAEoB,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCvB,EAAS;CAAEoB,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACE,IAGzCxB,EAAS,EAAEoB,MAAMC,OAAO,CAAC,GAACI,IAG1BzB,EAAS;CAAEoB,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACI,IAGzC1B,EAAS;CAAEoB,MAAMO;CAASL,SAAS;AAAK,CAAC,GAACM,IAG1C3B,EAAM,OAAO,GAAC4B,IAGd3B,EAAM,GAAC4B,IAGP5B,EAAM,GAAC6B,IAGP7B,EAAM,GAAC,UAAA8B,IA7BV,cACsCnC,EAAa;CAAA,KAAAqB,KAAA;EAAA,OAAAgB,EAAA1B,GAAA,IAAA;CAAA;CAAA,IAKxC2B,MAAKC,GAAA;EAAAC,EAAA7B,GAAA,MAAA4B,CAAA;CAAA;CAAA,IAGLE,OAAI;EAAA,OAAAJ,EAAAxB,GAAA,IAAA;CAAA;CAAA,IAAJ4B,KAAIF,GAAA;EAAAC,EAAA3B,GAAA,MAAA0B,CAAA;CAAA;CAAA,IAGJG,QAAK;EAAA,OAAAL,EAAAvB,GAAA,IAAA;CAAA;CAAA,IAAL4B,MAAKH,GAAA;EAAAC,EAAA1B,GAAA,MAAAyB,CAAA;CAAA;CAAA,IAGLI,cAAW;EAAA,OAAAN,EAAAtB,GAAA,IAAA;CAAA;CAAA,IAAX4B,YAAWJ,GAAA;EAAAC,EAAAzB,GAAA,MAAAwB,CAAA;CAAA;CAAA,IAGXK,WAAQ;EAAA,OAAAP,EAAArB,GAAA,IAAA;CAAA;CAAA,IAAR4B,SAAQL,GAAA;EAAAC,EAAAxB,GAAA,MAAAuB,CAAA;CAAA;CAAA,IAGAM,eAAY;EAAA,OAAAR,EAAApB,GAAA,IAAA;CAAA;CAAA,IAAZ4B,aAAYN,GAAA;EAAAC,EAAAvB,GAAA,MAAAsB,CAAA;CAAA;CAAA,IAGZO,SAAM;EAAA,OAAAT,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAAN4B,OAAMP,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGNQ,OAAI;EAAA,OAAAV,EAAAlB,GAAA,IAAA;CAAA;CAAA,IAAJ4B,KAAIR,GAAA;EAAAC,EAAArB,GAAA,MAAAoB,CAAA;CAAA;CAAA,IAGJS,cAAW;EAAA,OAAAX,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAAX4B,YAAWT,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAM5BU,cAAe;EAwBb,AAvBA,MAAM,GAACC,EAAA,MAAAvC,IAAAwC,EAAA,IAAA,GAAAC,EAAA,MA/BQ,EAAE,EAAA,GAAAF,EAAA,MAAArC,GAAAwC,EAAA,MAGH,EAAE,CAAA,GAAAH,EAAA,MAAApC,GAAAwC,EAAA,MAGD,EAAE,CAAA,GAAAJ,EAAA,MAAAnC,GAAAwC,EAAA,MAGI,EAAE,CAAA,GAAAL,EAAA,MAAAlC,GAAAwC,EAAA,MAGL,EAAK,CAAA,GAAAN,EAAA,MAAAjC,GAAAwC,EAAA,MAGgC,IAAI,CAAA,GAAAP,EAAA,MAAAhC,GAAAwC,EAAA,MAGnC,EAAE,CAAA,GAAAR,EAAA,MAAA/B,GAAAwC,EAAA,MAGJ,EAAK,CAAA,GAAAT,EAAA,MAAA9B,GAAAwC,EAAA,MAGE,EAAE,CAAA,GAAAC,EAAA,MAAA,cAAA,KAAA,CAAA,GAAAA,EAAA,MAAA,yBAGD,EAAK,GAAAA,EAAA,MAAA,aAAA,KAAA,CAAA,GAAAA,EAAA,MAAA,0BA4OJC,MAAiB;GAGhD,AAFaA,EAAME,aAEdD,CAAAA,CAAKE,SAAS,IAAI,KACrB,KAAKC,KAAK;EAEd,CAAC,GAAAL,EAAA,MAAA,4BAEkCC,MAAsB;GAGvD,AAFaA,EAAME,aAEdD,CAAAA,CAAKE,SAAS,IAAI,KACrB,KAAKC,KAAK;EAEd,CAAC,GApPC,KAAKC,aAAa,KAAKC,SACrB,IAAI9D,EAAW,MAAM;GACnB+D,uBAAuB,KAAKxB;GAC5ByB,oBAAoB,KAAKA,aAAa;GACtCC,iBAAiB7B,MAAU;IACzB,KAAKI,SAASJ,EAAM8B,YAAY;IAEhC,IAAMC,IAAU,KAAKC,mBAAmB;IAExC,IAAID,EAAQE,WAAW,GAAG;KACxB,KAAKT,KAAK;KACV;IACF;IAEA,AAAI,KAAKnB,SACP,KAAKC,cAAc,KAAK4B,sBAAsBH,CAAO;GAEzD;EACF,CAAC,CACH,GAEA,KAAKI,YAAY,WAAW,KAAKV,WAAWW;CAC9C;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKC,oBAAoB;CAC3B;CAEUC,SAAU;EAClB,IAAMR,IAAU,KAAKC,mBAAmB,GAGlCU,KADJ,KAAKrC,QAAQ,KAAKC,eAAe,IAAIyB,EAAQ,KAAKzB,eAAemC,KAAAA,OAEhDA,KAAAA,IAAiDA,KAAAA,IAArC,KAAKE,YAAY,KAAKrC,WAAW,GAC1DsC,IAAiB,KAAK3C,eAAe;EAE3C,OAAO1C,CAAI;QACP,KAAKkE,WAAWoB,YAAY,EAAC;;;;;;;;kBAQnB,KAAKxC,KAAI;;8DAEmC,KAAKyC,kBAAiB;;kBAElE,KAAKrB,WAAWW,QAAO;;mBAEtB,KAAKrC,KAAI;0BACF,KAAKE,YAAW;;;;4BAId,KAAKI,OAAO,SAAS,QAAO;4BAC5B,KAAK8B,UAAS;oCACNO,KAAoBlF,EAAO;8BACjC,KAAKoC,QAAQ,KAAK6B,WAAWsB,UAAUvF,EAAO;yBACnD,KAAKoC,QAAQpC,IAAUoF,EAAc;4BAClC,KAAK1C,WAAW,SAAS1C,EAAO;;;wBAGpC,KAAK0C,SAAQ;qBAChB,KAAKF,MAAK;uBACR,KAAKgD,eAAc;qBACrB,KAAKC,aAAY;2BACX,KAAKxB,WAAWyB,QAAQ,EAAC;;;;;eAKrC,KAAKf,UAAS;;;;4BAID,KAAKvC,QAAQ,KAAK6B,WAAWsB,UAAUvF,EAAO;uBACnD,KAAKoC,QAAQpC,IAAUoF,EAAc;oBACxC,CAAC,KAAKvC,KAAI;qBACT,KAAK8C,iBAAgB;;YAE9BpB,EAAQqB,KACPC,GAAQC,MACP/F,CAAI;qBACG,KAAKoF,YAAYW,CAAK,EAAC;;gCAEZ,KAAKjD,QAAQiD,MAAU,KAAKhD,cACxC,SACA,QAAO;8BACGgD,MAAU,KAAKhD,eAAe9C,EAAO;mCAChC,KAAK+F,eAAeD,CAAK,EAAC;;kBAE3CD,EAAOzD,MAAK;qBAEpB,EAAC;;;;CAIT;CAEQoC,qBAA4C;EAClD,OAAO,KAAKwB,WAAW,CAAC,CAACpD,QAAQiD,MAC/BA,EAAOzD,MAAMkC,YAAY,CAAC,CAACP,SAAS,KAAKnB,MAAM,CACjD;CACF;CAEQoD,aAAoC;EAC1C,IAAMzB,IAAU,KAAK0B,iBACnB,0BACF;EAEA,OAAOC,MAAMC,KAAK5B,CAAO,CAAC,CAACqB,KAAKC,OAAY;GAC1CrD,OAAOqD,EAAOrD;GACdJ,OAAOyD,EAAOO,eAAe;EAC/B,EAAE;CACJ;CAEQjB,YAAaW,GAAuB;EAC1C,OAAO,GAAG,KAAKnB,UAAS,UAAWmB;CACrC;CAEQpB,sBAAuBH,GAAuC;EACpE,IAAM8B,IAAgB9B,EAAQ+B,WAAWT,MAAWA,EAAOrD,UAAU,KAAKA,KAAK;EAM/E,OAJI6D,KAAiB,IACZA,IAGF9B,EAAQE,SAAS,IAAI,IAAI;CAClC;CAEQ8B,aACNC,GACAjC,GACAkC,GACQ;EAKR,OAJIlC,EAAQE,WAAW,IACd,MAGD+B,IAAeC,IAAYlC,EAAQE,UAAUF,EAAQE;CAC/D;CAEQsB,eAAgBD,GAAe;EACrC,KAAKhD,cAAcgD;CACrB;CAEQY,KAAMnC,GAAmC;EAC/C,IAAI,KAAK1B,MACP;EAGF,IAAM8D,IAAkB,KAAKnC,mBAAmB;EAE5CmC,EAAgBlC,WAAW,MAI/B,KAAK5B,OAAO,IACZ,KAAKC,cAAcyB,GAASqC,YACxBD,EAAgBlC,SAAS,IACzB,KAAKC,sBAAsBiC,CAAe,GAC9C,KAAKE,iBAAiB,GAEtBC,4BAA4B,KAAKC,2BAA2B,CAAC;CAC/D;CAEQ/C,OAAQ;EACT,KAAKnB,SAIV,KAAKA,OAAO,IACZ,KAAKC,cAAc,IACnB,KAAKgC,oBAAoB;CAC3B;CAEQkC,aAAcxE,GAAe;EAGnC,AAFA,KAAKyB,WAAWgD,SAASzE,CAAK,GAC9B,KAAKwB,KAAK,GACV,KAAKrB,cAAcuE,MAAM,EAAEC,eAAe,GAAK,CAAC;CAClD;CAEQJ,6BAA8B;EAChC,KAAKjE,cAAc,KAIvB,KAAKsE,YACDC,cAAc,IAAI,KAAKlC,YAAY,KAAKrC,WAAW,GAAG,CAAC,EACvDwE,eAAe,EAAEC,OAAO,UAAU,CAAC;CACzC;CAEQV,mBAAoB;EAC1B,IAAI,KAAKW,uBACP;EAIFC,AADAA,SAASC,iBAAiB,WAAW,KAAKC,qBAAqB,GAC/DF,SAASC,iBAAiB,aAAa,KAAKE,uBAAuB;EAEnE,IAAMC,IAAO,KAAKC,YAAY;EAM9B,AAJID,MAASJ,YACXI,EAAKH,iBAAiB,WAAW,KAAKC,qBAAqB,GAG7D,KAAKH,wBAAwB;CAC/B;CAEQ1C,sBAAuB;EAC7B,IAAI,CAAC,KAAK0C,uBACR;EAIFC,AADAA,SAASM,oBAAoB,WAAW,KAAKJ,qBAAqB,GAClEF,SAASM,oBAAoB,aAAa,KAAKH,uBAAuB;EAEtE,IAAMC,IAAO,KAAKC,YAAY;EAM9B,AAJID,MAASJ,YACXI,EAAKE,oBAAoB,WAAW,KAAKJ,qBAAqB,GAGhE,KAAKH,wBAAwB;CAC/B;CAkBQlC,kBAAmB1B,GAAmB;EAE5C,AADAA,EAAMoE,eAAe,GACrB,KAAKrF,cAAcuE,MAAM,EAAEC,eAAe,GAAK,CAAC;CAClD;CAEQ1B,eAAgB;EACtB,KAAKiB,KAAK;CACZ;CAEQuB,iBAAkBrB,GAAoB;EAC5C,AAAK,KAAK/D,QACR,KAAK6D,KAAK,EAAEE,aAAU,CAAC;CAE3B;CAEQpB,eAAgB5B,GAAsB;EAC5C,IAAMW,IAAU,KAAKC,mBAAmB;EAExC,QAAQZ,EAAMsE,KAAd;GACE,KAAK;IAGH,AAFAtE,EAAMoE,eAAe,GAEhB,KAAKnF,QAGR,KAAKC,cAAc,KAAKyD,aAAa,KAAKzD,aAAayB,GAAS,CAAC,GACjE,KAAKwC,2BAA2B,KAHhC,KAAKkB,iBAAiB,EAAK;IAK7B;GACF,KAAK;IAGH,AAFArE,EAAMoE,eAAe,GAEhB,KAAKnF,QAGR,KAAKC,cAAc,KAAKyD,aAAa,KAAKzD,aAAayB,GAAS,EAAE,GAClE,KAAKwC,2BAA2B,KAHhC,KAAKkB,iBAAiB,EAAI;IAK5B;GACF,KAAK;IACH,AAAI,KAAKpF,QAAQ,KAAKC,eAAe,KAAKyB,EAAQ,KAAKzB,gBACrDc,EAAMoE,eAAe,GACrB,KAAKhB,aAAazC,EAAQ,KAAKzB,YAAY,CAACN,KAAK,KACvC,KAAKK,SACfe,EAAMoE,eAAe,GACrB,KAAK/D,WAAWkE,SAAS;IAE3B;GACF,KAAK;IACH,AAAI,KAAKtF,SACPe,EAAMoE,eAAe,GACrBpE,EAAMwE,gBAAgB,GACtB,KAAKpE,KAAK,GACV,KAAKrB,cAAcuE,MAAM,EAAEC,eAAe,GAAK,CAAC;IAElD;GACF,KAAK;IACH,KAAKnD,KAAK;IACV;EACJ;CACF;CAEQ2B,iBAAkB/B,GAAmB;EAC3C,IAAI,EAAEA,EAAMyE,kBAAkBC,cAC5B;EAGF,IAAMC,IAAgB3E,EAAMyE,OAAOG,QAAQ,mBAAiB;EAE5D,IAAI,CAACD,GACH;EAGF,IAAME,IAAWF,EAAcG,IACzB5C,IAAQ6C,OAAOC,SAASH,EAASI,QAAQ,GAAG,KAAKlE,UAAS,WAAY,EAAE,GAAG,EAAE,GAC7EkB,IAAS,KAAKrB,mBAAmB,CAAC,CAACsB;EAEzC,AAAID,KACF,KAAKmB,aAAanB,EAAOrD,KAAK;CAElC;AACF,GAAC,CAAAsG,GAAA,CAAA5F,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAT,IAAA8F,GAAA,CAAAxI,GAAAyI,MAAAC,EAAAhH,GAAA;CAAA;EAAAb;EAAA;EAAA;CAAA;CAAA;EAAAI;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;CAAA;EAAAC;EAAA;EAAA;CAAA;AAAA,GAAA1B,GAAA,GAAA,KAAA,GA7WqCR,CAAY,GAAAmC,IAAAiH,IAAA,cAAAC,GAAA;CAAApG,cAAA;EAAA,MAAAxC,CAAA,GAAAoD,EAAA,MAAA,UAChCtD,CAAM,GAAAsD,EAAA,MAAA,kBACE,EAAI,GAAAqF,EAAA;CAAA;AAAA,GAAArF,EAAAuF,GAAA1I,GAAA,KAAA,CAAA,GAAA0I,GAAA;;;ACb9B,IAAA,KAAeG"}

package/dist/chunks/{combobox-option-Ck0mu4Gc.js → combobox-option-DiR3VpyT.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t } from "./components-BlEGdx4i.js";
+import { a as e, i as t } from "./components-C1LEhsaK.js";
 import { i as n, n as r } from "./lit-C4H1jI4q.js";
 import { r as i } from "./decorators-BiCkPd_3.js";
 //#region src/components/combobox-option/ComboboxOption.ts
@@ -192,4 +192,4 @@ var w = S;
 //#endregion
 export { S as n, w as t };
 
-//# sourceMappingURL=combobox-option-Ck0mu4Gc.js.map
+//# sourceMappingURL=combobox-option-DiR3VpyT.js.map

package/dist/chunks/{combobox-option-Ck0mu4Gc.js.map → combobox-option-DiR3VpyT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"combobox-option-Ck0mu4Gc.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_ComboboxOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","ComboboxOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_ComboboxOption2","e","c","_initClass","_applyDecs","default","ComboboxOption"],"sources":["../../src/components/combobox-option/ComboboxOption.ts","../../src/components/combobox-option/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-combobox-option')\nexport default class ComboboxOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n","import ComboboxOption from './ComboboxOption'\n\nexport { ComboboxOption }\nexport default ComboboxOption\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE4CK,IAAA,CAE3CL,EAAc,0BAA0B,CAAC;AAAA,IAAAM,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEvCN,EAAS;CAAEO,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAAC,UAM3CY,IAAAX,cAP2Cb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAEtC,EAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAVc,MAAKC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEJE,SAAU;EAClB,OAAOtB,CAAI,GAAGC;CAChB;AACF,GAAC,CAAAuB,GAAA,CAAAP,GAAAD,IAAAS,GAAA,CAAArB,GAAAsB,MAAAC,EAAAJ,GAAA,CAAA;CAAAf;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAP2CJ,CAAY,GAAA2B,EAAA;;;ACFxD,IAAA,IAAeG"}
+{"version":3,"file":"combobox-option-DiR3VpyT.js","names":["customElement","WebComponent","html","nothing","property","_classDecs","_ComboboxOption","_A","WeakMap","_ref","_valueDecs","type","String","reflect","ComboboxOption","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_value","_classPrivateFieldGet","value","v","_classPrivateFieldSet","render","_ComboboxOption2","e","c","_initClass","_applyDecs","default","ComboboxOption"],"sources":["../../src/components/combobox-option/ComboboxOption.ts","../../src/components/combobox-option/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\n@customElement('solid-ui-combobox-option')\nexport default class ComboboxOption extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor value = ''\n\n  protected render () {\n    return html`${nothing}`\n  }\n}\n","import ComboboxOption from './ComboboxOption'\n\nexport { ComboboxOption }\nexport default ComboboxOption\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE4CK,IAAA,CAE3CL,EAAc,0BAA0B,CAAC;AAAA,IAAAM,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEvCN,EAAS;CAAEO,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAAC,UAM3CY,IAAAX,cAP2Cb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAEtC,EAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAVc,MAAKC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEJE,SAAU;EAClB,OAAOtB,CAAI,GAAGC;CAChB;AACF,GAAC,CAAAuB,GAAA,CAAAP,GAAAD,IAAAS,GAAA,CAAArB,GAAAsB,MAAAC,EAAAJ,GAAA,CAAA;CAAAf;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAP2CJ,CAAY,GAAA2B,EAAA;;;ACFxD,IAAA,IAAeG"}

package/dist/chunks/{components-BlEGdx4i.js → components-C1LEhsaK.js}

@@ -47,12 +47,7 @@ var s = e`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n*,:
 	willUpdate(e) {
 		super.willUpdate(e);
 		let t = this.static().states;
-		if (!t) return;
-		let n = this.getInternals();
-		for (let [e, r] of Object.entries(t)) {
-			let t = r(this);
-			t && !n.states.has(e) ? n.states.add(e) : !t && n.states.has(e) && n.states.delete(e);
-		}
+		if (t) for (let [e, n] of Object.entries(t)) this.toggleAttribute(`data-state-${e}`, !!n(this));
 	}
 	addGlobalEventListener(e, t) {
 		this.globalListeners.push([e, t]), window.addEventListener(e, t);
@@ -88,10 +83,11 @@ var s = e`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n*,:
 	}
 }, f = class {
 	inputId;
+	labelId;
 	target;
 	config;
 	constructor(e, t) {
-		this.config = t, this.inputId = `input-${i()}`, this.target = e;
+		this.config = t, this.inputId = `input-${i()}`, this.labelId = `label-${this.inputId}`, this.target = e;
 	}
 	firstUpdated() {
 		this.config.getInternals().setFormValue(this.target.value), this.updateValidity();
@@ -103,7 +99,7 @@ var s = e`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n*,:
 		this.target.value = "", this.config.getInternals().setFormValue(""), this.updateValidity(), this.config.onValueChanged?.("");
 	}
 	renderLabel() {
-		return this.target.label ? t`<label for="${this.inputId}">${this.target.label}</label>` : n;
+		return this.target.label ? t`<label id="${this.labelId}" for="${this.inputId}">${this.target.label}</label>` : n;
 	}
 	onInput() {
 		this.setValue(this.config.getInputElement()?.value ?? "");
@@ -125,4 +121,4 @@ var s = e`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n*,:
 //#endregion
 export { o as a, c as i, d as n, i as o, u as r, f as t };
 
-//# sourceMappingURL=components-BlEGdx4i.js.map
+//# sourceMappingURL=components-C1LEhsaK.js.map

package/dist/chunks/components-C1LEhsaK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-C1LEhsaK.js","names":["generateId","Math","random","toString","substring","defineCustomElement","tagName","elementClass","customElements","get","define","customElement","context","addInitializer","html","LitElement","styles","WebComponent","states","finalizeStyles","componentStyles","elementStyles","internals","globalListeners","traits","disconnectedCallback","type","listener","window","removeEventListener","addTrait","trait","push","firstUpdated","forwardMethodCall","updated","changedProperties","formResetCallback","willUpdate","static","state","condition","Object","entries","toggleAttribute","addGlobalEventListener","addEventListener","render","getInternals","attachInternals","constructor","method","args","EVENT_NAME","CloseDialogEvent","Event","eventName","constructor","id","data","bubbles","composed","CloseDialogEvent","DialogTrait","target","config","constructor","close","data","window","dispatchEvent","getContext","id","html","nothing","generateId","InputTrait","inputId","labelId","target","config","constructor","firstUpdated","getInternals","setFormValue","value","updateValidity","updated","changedProperties","has","formResetCallback","onValueChanged","renderLabel","label","onInput","setValue","getInputElement","onSubmit","form","requestSubmit","dispatchEvent","InputEvent","bubbles","composed","internals","required","setValidity","valueMissing","undefined"],"sources":["../../src/lib/components/ids.ts","../../src/lib/components/decorators.ts","../../src/lib/components/web-component/WebComponent.ts","../../src/lib/dialogs/events/close-dialog.ts","../../src/lib/components/traits/DialogTrait.ts","../../src/lib/components/traits/InputTrait.ts"],"sourcesContent":["export function generateId () {\n  return Math.random().toString(36).substring(2, 15)\n}\n","/**\n * We need to use a custom element decorator because Lit's built-in doesn't safely skip duplicate registrations.\n * This shouldn't be necessary, but our current build process and usage in other libraries is not optimal\n * and some components get bundled twice.\n *\n * This should be removed once that problem is fixed.\n *\n * See https://github.com/SolidOS/solidos/issues/300\n */\n\nfunction defineCustomElement (tagName: string, elementClass: CustomElementConstructor): void {\n  if (customElements.get(tagName)) {\n    return\n  }\n\n  customElements.define(tagName, elementClass)\n}\n\nexport function customElement (tagName: string) {\n  return (elementClass: CustomElementConstructor, context?: ClassDecoratorContext) => {\n    if (context) {\n      context.addInitializer(() => defineCustomElement(tagName, elementClass))\n\n      return\n    }\n\n    defineCustomElement(tagName, elementClass)\n  }\n}\n","import { html, LitElement, type CSSResultGroup } from 'lit'\nimport type { WebComponentTrait, WebComponentTraitMethodKey } from '@/lib/components/traits/WebComponentTrait'\n\nimport styles from './WebComponent.styles.css'\n\nexport default abstract class WebComponent extends LitElement {\n  static states?: Record<string, Function>\n\n  protected static finalizeStyles (componentStyles?: CSSResultGroup) {\n    const elementStyles = super.finalizeStyles(componentStyles)\n\n    return [styles, ...elementStyles]\n  }\n\n  protected internals?: ElementInternals\n  protected globalListeners: [type: string, listener: EventListener][] = []\n  protected traits: WebComponentTrait[] = []\n\n  disconnectedCallback (): void {\n    super.disconnectedCallback()\n\n    for (const [type, listener] of this.globalListeners) {\n      window.removeEventListener(type, listener)\n    }\n\n    this.globalListeners = []\n  }\n\n  protected addTrait<T extends WebComponentTrait>(trait: T): T {\n    this.traits.push(trait)\n\n    return trait\n  }\n\n  protected firstUpdated () {\n    this.forwardMethodCall('firstUpdated')\n  }\n\n  protected updated (changedProperties: Map<PropertyKey, unknown>) {\n    this.forwardMethodCall('updated', changedProperties)\n  }\n\n  protected formResetCallback () {\n    this.forwardMethodCall('formResetCallback')\n  }\n\n  protected willUpdate (changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n\n    const states = this.static().states\n\n    if (!states) {\n      return\n    }\n\n    for (const [state, condition] of Object.entries(states)) {\n      // FIXME when browser support is good enough, use the internals API instead with :state() selectors\n      this.toggleAttribute(`data-state-${state}`, !!condition(this))\n    }\n  }\n\n  protected addGlobalEventListener <T extends keyof WindowEventMap>(type: T, listener: (this: Window, ev: WindowEventMap[T]) => any) {\n    this.globalListeners.push([type, listener as EventListener])\n\n    window.addEventListener(type, listener)\n  }\n\n  protected render () {\n    return html`<slot></slot>`\n  }\n\n  protected getInternals (): ElementInternals {\n    this.internals ??= this.attachInternals()\n\n    return this.internals\n  }\n\n  private static (): typeof WebComponent {\n    return this.constructor as typeof WebComponent\n  }\n\n  private forwardMethodCall<T extends WebComponentTraitMethodKey>(method: T, ...args: Parameters<Required<WebComponentTrait>[T]>) {\n    for (const trait of this.traits) {\n      (trait[method] as Function | undefined)?.(...args)\n    }\n  }\n}\n","const EVENT_NAME = 'solid-ui:close-dialog' as const\n\nexport class CloseDialogEvent extends Event {\n  static readonly eventName = EVENT_NAME\n\n  constructor (public id: string, public data?: unknown) {\n    super(CloseDialogEvent.eventName, { bubbles: true, composed: true })\n  }\n}\n\ndeclare global {\n  interface GlobalEventHandlersEventMap {\n    [EVENT_NAME]: CloseDialogEvent\n  }\n}\n","import { WebComponent } from '@/lib/components'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\nimport type { DialogContext } from '@/lib/dialogs/context'\n\nimport { WebComponentTrait } from './WebComponentTrait'\n\nexport interface DialogTraitConfig {\n  getContext: () => DialogContext\n}\n\nexport default class DialogTrait<T> implements WebComponentTrait {\n  public target: WebComponent\n  private config: DialogTraitConfig\n\n  constructor (target: WebComponent, config: DialogTraitConfig) {\n    this.target = target\n    this.config = config\n  }\n\n  close (data?: T) {\n    window.dispatchEvent(new CloseDialogEvent(this.config.getContext().id, data))\n  }\n}\n","import { WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\n\nimport { generateId } from '@/lib/components'\n\nimport type { WebComponentTrait } from './WebComponentTrait'\n\nexport type InputTraitTarget = WebComponent & {\n  name: string;\n  label: string;\n  required: boolean;\n  value: string;\n}\n\nexport interface InputTraitConfig {\n  getInputElement(): HTMLInputElement | HTMLSelectElement | null\n  getInternals(): ElementInternals\n  onValueChanged?: (value: string) => void\n}\n\nexport default class InputTrait implements WebComponentTrait {\n  public inputId: string\n  public labelId: string\n  public target: InputTraitTarget\n  private config: InputTraitConfig\n\n  constructor (target: InputTraitTarget, config: InputTraitConfig) {\n    this.config = config\n    this.inputId = `input-${generateId()}`\n    this.labelId = `label-${this.inputId}`\n    this.target = target\n  }\n\n  firstUpdated () {\n    this.config.getInternals().setFormValue(this.target.value)\n    this.updateValidity()\n  }\n\n  updated (changedProperties: Map<PropertyKey, unknown>) {\n    if (changedProperties.has('value') || changedProperties.has('required')) {\n      this.updateValidity()\n    }\n  }\n\n  formResetCallback () {\n    this.target.value = ''\n    this.config.getInternals().setFormValue('')\n    this.updateValidity()\n    this.config.onValueChanged?.('')\n  }\n\n  renderLabel () {\n    return this.target.label\n      ? html`<label id=\"${this.labelId}\" for=\"${this.inputId}\">${this.target.label}</label>`\n      : nothing\n  }\n\n  onInput () {\n    this.setValue(this.config.getInputElement()?.value ?? '')\n  }\n\n  onSubmit () {\n    this.config.getInternals().form?.requestSubmit()\n  }\n\n  setValue (value: string) {\n    this.target.value = value\n\n    this.config.getInternals().setFormValue(this.target.value)\n    this.target.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }))\n    this.config.onValueChanged?.(this.target.value)\n  }\n\n  private updateValidity () {\n    const internals = this.config.getInternals()\n\n    if (this.target.required && this.target.value === '') {\n      internals.setValidity(\n        { valueMissing: true },\n        'Please fill out this field.',\n        this.config.getInputElement() ?? undefined\n      )\n    } else {\n      internals.setValidity({})\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/{context-DJ_8r7Oc.js → context-uE5jJlS0.js}

@@ -1,4 +1,4 @@
-import { o as e } from "./components-BlEGdx4i.js";
+import { o as e } from "./components-C1LEhsaK.js";
 //#region node_modules/@lit/context/lib/context-request-event.js
 var t = class extends Event {
 	constructor(e, t, n, r) {
@@ -19,4 +19,4 @@ var r = { id: `noop-${e()}` }, i = n(Symbol("dialog"));
 //#endregion
 export { t as i, i as n, n as r, r as t };
 
-//# sourceMappingURL=context-DJ_8r7Oc.js.map
+//# sourceMappingURL=context-uE5jJlS0.js.map

package/dist/chunks/{context-DJ_8r7Oc.js.map → context-uE5jJlS0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-DJ_8r7Oc.js","names":["createContext","generateId","DEFAULT_DIALOG_CONTEXT","id","dialogContext","Symbol"],"sources":["../../node_modules/@lit/context/lib/context-request-event.js","../../node_modules/@lit/context/lib/create-context.js","../../src/lib/dialogs/context.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nclass s extends Event{constructor(s,t,e,o){super(\"context-request\",{bubbles:!0,composed:!0}),this.context=s,this.contextTarget=t,this.callback=e,this.subscribe=o??!1}}export{s as ContextRequestEvent};\n//# sourceMappingURL=context-request-event.js.map\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nfunction n(n){return n}export{n as createContext};\n//# sourceMappingURL=create-context.js.map\n","import { createContext } from '@lit/context'\nimport { generateId } from '@/lib/components/ids'\n\nexport interface DialogContext {\n  readonly id: string\n}\n\nexport const DEFAULT_DIALOG_CONTEXT = { id: `noop-${generateId()}` } satisfies DialogContext\nexport const dialogContext = createContext<DialogContext>(Symbol('dialog'))\n"],"x_google_ignoreList":[0,1],"mappings":";;AAKA,IAAM,IAAN,cAAgB,MAAK;CAAC,YAAY,GAAE,GAAE,GAAE,GAAE;EAAC,MAAM,mBAAkB;GAAC,SAAQ,CAAC;GAAE,UAAS,CAAC;EAAC,CAAC,GAAE,KAAK,UAAQ,GAAE,KAAK,gBAAc,GAAE,KAAK,WAAS,GAAE,KAAK,YAAU,KAAG,CAAC;CAAC;AAAC;;;ACAtK,SAAS,EAAE,GAAE;CAAC,OAAO;AAAC;;;ACEtB,IAAaE,IAAyB,EAAEC,IAAI,QAAQF,EAAW,IAAI,GACtDG,IAAgBJ,EAA6BK,OAAO,QAAQ,CAAC"}
+{"version":3,"file":"context-uE5jJlS0.js","names":["createContext","generateId","DEFAULT_DIALOG_CONTEXT","id","dialogContext","Symbol"],"sources":["../../node_modules/@lit/context/lib/context-request-event.js","../../node_modules/@lit/context/lib/create-context.js","../../src/lib/dialogs/context.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nclass s extends Event{constructor(s,t,e,o){super(\"context-request\",{bubbles:!0,composed:!0}),this.context=s,this.contextTarget=t,this.callback=e,this.subscribe=o??!1}}export{s as ContextRequestEvent};\n//# sourceMappingURL=context-request-event.js.map\n","/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nfunction n(n){return n}export{n as createContext};\n//# sourceMappingURL=create-context.js.map\n","import { createContext } from '@lit/context'\nimport { generateId } from '@/lib/components/ids'\n\nexport interface DialogContext {\n  readonly id: string\n}\n\nexport const DEFAULT_DIALOG_CONTEXT = { id: `noop-${generateId()}` } satisfies DialogContext\nexport const dialogContext = createContext<DialogContext>(Symbol('dialog'))\n"],"x_google_ignoreList":[0,1],"mappings":";;AAKA,IAAM,IAAN,cAAgB,MAAK;CAAC,YAAY,GAAE,GAAE,GAAE,GAAE;EAAC,MAAM,mBAAkB;GAAC,SAAQ,CAAC;GAAE,UAAS,CAAC;EAAC,CAAC,GAAE,KAAK,UAAQ,GAAE,KAAK,gBAAc,GAAE,KAAK,WAAS,GAAE,KAAK,YAAU,KAAG,CAAC;CAAC;AAAC;;;ACAtK,SAAS,EAAE,GAAE;CAAC,OAAO;AAAC;;;ACEtB,IAAaE,IAAyB,EAAEC,IAAI,QAAQF,EAAW,IAAI,GACtDG,IAAgBJ,EAA6BK,OAAO,QAAQ,CAAC"}