solid-ui 3.1.3-10 → 3.1.3-12

package/dist/chunks/combobox-BWOPh9dj.js

@@ -1,474 +0,0 @@
-import { n as e, r as t, t as n } from "./components-DH1slGZY.js";
-import { c as r, i, n as a } from "./lit-C4H1jI4q.js";
-import "./chunk.7MPIABXH-CEYdxYyt.js";
-import { n as o, t as s } from "./decorators-BqWyWiL9.js";
-import { t as c } from "./query-BYu9q8lA.js";
-import "./chevron-down-ujxRg3MD.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 = [t("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 = o({
-	type: String,
-	reflect: !0
-}), E = o({
-	type: String,
-	reflect: !0
-}), O = o({ type: String }), A = o({
-	type: String,
-	reflect: !0
-}), M = o({
-	type: Boolean,
-	reflect: !0
-}), P = c("input"), I = s(), R = s(), B = s(), "label"), d = class extends e {
-	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}
-          @mousedown=${this.onListboxMouseDown}
-        >
-          ${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.filter = "", 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;
-		}
-	}
-	onListboxMouseDown(e) {
-		if (e.preventDefault(), !(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, e), 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-BWOPh9dj.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-BWOPh9dj.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","onListboxMouseDown","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          @mousedown=${this.onListboxMouseDown}\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.filter = ''\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 onListboxMouseDown (event: MouseEvent) {\n    event.preventDefault()\n\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":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"components-DH1slGZY.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","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/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","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/guard-YhbCPY-V.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"guard-YhbCPY-V.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_Guard","_A","WeakMap","_ref","_authDecs","context","subscribe","Guard","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","account","_Guard2","e","c","_initClass","_applyDecs","default","Guard"],"sources":["../../src/components/guard/Guard.ts","../../src/components/guard/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\n@customElement('solid-guard')\nexport default class Guard extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    if (!this.auth.account) {\n      return html`\n        <slot name=\"guest\"></slot>\n      `\n    }\n\n    return html`\n      <slot></slot>\n    `\n  }\n}\n","import Guard from './Guard'\n\nexport { Guard }\nexport default Guard\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAG2EM,IAAA,CAE1EN,EAAc,aAAa,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAE1BT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAcpDa,IAAAZ,cAfkCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAETd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAOlB,OANK,KAAKH,KAAKI,UAMRtB,CAAI;;QALFA,CAAI;;;CAQf;AACF,GAAC,CAAAwB,GAAA,CAAAR,GAAAD,IAAAU,GAAA,CAAArB,GAAAsB,MAAAC,EAAAJ,GAAA,CAAA;CAAAf;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAfkCL,CAAY,GAAA4B,EAAA;;;ACH/C,IAAA,IAAeG"}

package/dist/chunks/input-CVKu3XRI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-CVKu3XRI.js","names":["customElement","WebComponent","html","property","query","InputTrait","styles","_classDecs","_Input","_Input2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_typeDecs","_placeholderDecs","_requiredDecs","Boolean","_inputElementDecs","_Input3","Input","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","placeholder","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_type","_init_placeholder","_init_required","_init_inputElement","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","render","renderLabel","inputId","onInput","onKeyDown","e","key","preventDefault","onSubmit","c","_initClass","_applyDecs","_Class","_identity","default","Input"],"sources":["../../src/components/input/Input.styles.css","../../src/components/input/Input.ts","../../src/components/input/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    .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            width: 100%;\n            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n        }\n    }\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\n\nimport styles from './Input.styles.css'\n\n@customElement('solid-ui-input')\nexport default class Input 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 type = 'text';\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  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(new InputTrait(this, {\n      getInputElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.inputTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <input\n          id=${this.inputTrait.inputId}\n          type=${this.type}\n          name=${this.name}\n          placeholder=${this.placeholder}\n          ?required=${this.required}\n          .value=${this.value}\n          @input=${() => this.inputTrait.onInput()}\n          @keydown=${this.onKeyDown}\n        />\n      </div>\n    `\n  }\n\n  private onKeyDown (e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      e.preventDefault()\n\n      this.inputTrait.onSubmit()\n    }\n  }\n}\n","import Input from './Input'\n\nexport { Input }\nexport default Input\n"],"mappings":"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"}

package/dist/chunks/menu-item-Ckl9f1rG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-Ckl9f1rG.js","names":["customElement","WebComponent","property","query","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_B","_ref","_hrefDecs","type","String","reflect","_anchorDecs","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_init_anchor","_classPrivateFieldGet","href","v","_classPrivateFieldSet","anchor","render","click","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","MenuItem"],"sources":["../../src/components/menu-item/MenuItem.styles.css","../../src/components/menu-item/MenuItem.ts","../../src/components/menu-item/index.ts"],"sourcesContent":[":host {\n    & > a,\n    & > div {\n        width: 100%;\n        display: flex;\n        position: relative;\n        justify-content: flex-start;\n        align-items: center;\n        gap: 5px;\n        padding: 10px;\n        border-radius: 5px;\n        color: var(--solid-ui-color-gray-600);\n        font-weight: 500;\n        font-size: var(--solid-ui-font-size-md);\n    }\n\n    &:hover {\n        background-color: var(--solid-ui-color-slate-200);\n    }\n\n    ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n        width: var(--solid-ui-font-size-xl);\n        height: var(--solid-ui-font-size-xl);\n    }\n\n    a::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { property, query } from 'lit/decorators.js'\nimport { html } from 'lit'\n\nimport styles from './MenuItem.styles.css'\n\n@customElement('solid-ui-menu-item')\nexport default class MenuItem extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor href: string | undefined\n\n  @query('a')\n  private accessor anchor: HTMLAnchorElement | null = null\n\n  render () {\n    if (this.href) {\n      return html`\n        <a href=\"${this.href}\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </a>\n      `\n    }\n\n    return html`\n        <div>\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </div>\n    `\n  }\n\n  click () {\n    this.anchor?.click()\n  }\n}\n","import MenuItem from './MenuItem'\n\nexport { MenuItem }\nexport default MenuItem\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACI0CM,IAAA,CAEzCN,EAAc,oBAAoB,CAAC;AAAA,IAAAO;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAIjCX,EAAS;CAAEY,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCd,EAAM,GAAG,GAAC,SAAAe,IAPb,cACsCjB,EAAa;CAAAmB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAOG,IAAI,CAAA;CAAA;CAAA,KAAAb,KAAA;EAAA,OAAAc,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAH/CkB,KAAIC,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAAA,IAGIE,SAAM;EAAA,OAAAJ,EAAAf,GAAA,IAAA;CAAA;CAAA,IAANmB,OAAMF,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAEvBG,SAAU;EAWR,OAVI,KAAKJ,OACAvB,CAAI;mBACE,KAAKuB,KAAI;;;;;UAQjBvB,CAAI;;;;;;;CAOb;CAEA4B,QAAS;EACP,KAAKF,QAAQE,MAAM;CACrB;AACF,GAAC,CAAAC,GAAA,CAAAT,GAAAC,GAAAF,IAAAW,GAAA,CAAA3B,GAAA4B,MAAAC,EAAAlB,GAAA,CAAA;CAAAL;CAAA;CAAA;AAAA,GAAA;CAAAI;CAAA;CAAA;AAAA,CAAA,GAAAX,GAAA,GAAA,KAAA,GAhCqCL,CAAY,GAAAiB,IAAAmB,IAAA,cAAAC,EAAA;CAAAlB,cAAA;EAAA,MAAAb,CAAA,GAAAgC,EAAA,MAAA,UAChClC,CAAM,GAAA8B,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAA7B,GAAA,KAAA,CAAA,GAAA6B,GAAA;;;ACLxB,IAAA,IAAeI"}

package/dist/chunks/provider-BfO67dzy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"provider-BfO67dzy.js","names":["customElement","WebComponent","provide","html","property","authContext","SolidAuth","DEFAULT_SIGNUP_URL","_classDecs","_Provider","_A","WeakMap","_B","_ref","_signupUrlDecs","type","String","reflect","_authDecs","context","Provider","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_signupUrl","_init_auth","_classPrivateFieldGet","signupUrl","v","_classPrivateFieldSet","auth","willUpdate","changedProperties","has","render","_Provider2","e","c","_initClass","_applyDecs","default","Provider"],"sources":["../../src/components/provider/Provider.ts","../../src/components/provider/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { html } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { authContext } from '@/lib/auth'\nimport { SolidAuth, DEFAULT_SIGNUP_URL } from '@/lib/auth'\n\nimport '@/components/dialogs-root'\n\n@customElement('solid-ui-provider')\nexport default class Provider extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor signupUrl: string | undefined\n\n  @provide({ context: authContext })\n  private accessor auth = new SolidAuth()\n\n  protected willUpdate (changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('signupUrl')) {\n      this.auth.signupUrl = this.signupUrl ?? DEFAULT_SIGNUP_URL\n    }\n  }\n\n  protected render () {\n    return html`\n        <slot></slot>\n        <solid-ui-dialogs-root></solid-ui-dialogs-root>\n    `\n  }\n}\n","import Provider from './Provider'\n\nexport { Provider }\nexport default Provider\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOkCQ,IAAA,CAEjCR,EAAc,mBAAmB,CAAC;AAAA,IAAAS,GAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA;AAAAE,KAAAC,IAEhCV,EAAS;CAAEW,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzChB,EAAQ,EAAEiB,SAASd,EAAY,CAAC,GAAC,cAiBnC+B,IAAAhB,cArBqCnB,EAAa;CAAAoB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAKzB,IAAIpB,EAAU,CAAC,CAAA;CAAA;CAAA,KAAAO,KAAA;EAAA,OAAAc,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAH9BkB,UAASC,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAf,GAAA,IAAA;CAAA;CAAA,IAAJmB,KAAIF,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAEXG,WAAYC,GAAqC;EAGzD,AAFA,MAAMD,WAAWC,CAAiB,GAE9BA,EAAkBC,IAAI,WAAW,MACnC,KAAKH,KAAKH,YAAY,KAAKA,aAAAA;CAE/B;CAEUO,SAAU;EAClB,OAAOhC,CAAI;;;;CAIb;AACF,GAAC,CAAAkC,GAAA,CAAAZ,GAAAC,GAAAF,IAAAc,GAAA,CAAA7B,GAAA8B,MAAAC,EAAAJ,GAAA,CAAA;CAAAtB;CAAA;CAAA;AAAA,GAAA;CAAAI;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GArBqCP,CAAY,GAAAsC,EAAA;;;ACPlD,IAAA,IAAeG"}

package/dist/chunks/select-DHFgELMJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-DHFgELMJ.js","names":["customElement","WebComponent","html","property","query","InputTrait","styles","_classDecs","_Select","_Select2","_A","WeakMap","_B","_C","_D","_E","_ref","_labelDecs","type","String","reflect","_nameDecs","_valueDecs","_requiredDecs","Boolean","_inputElementDecs","_Select3","Select","_classPrivateFieldGet","label","v","_classPrivateFieldSet","name","value","required","inputElement","constructor","_classPrivateFieldInitSpec","_initProto","_init_label","_init_name","_init_value","_init_required","_init_inputElement","_defineProperty","inputTrait","addTrait","getInputElement","getInternals","render","renderLabel","inputId","onInput","getOptions","map","option","options","querySelectorAll","Array","from","textContent","e","c","_initClass","_applyDecs","_Class","_identity","default","Select"],"sources":["../../src/components/select/Select.styles.css","../../src/components/select/Select.ts","../../src/components/select/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    .input-wrapper {\n        position: relative;\n        width: 100%;\n\n        select {\n            appearance: none;\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            background: white;\n            color: var(--solid-ui-color-gray-700);\n            font-size: inherit;\n            cursor: pointer;\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","import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport InputTrait from '@/lib/components/traits/InputTrait'\nimport type SelectOption from '@/components/select-option/SelectOption'\n\nimport '~icons/lucide/chevron-down'\n\nimport styles from './Select.styles.css'\n\n@customElement('solid-ui-select')\nexport default class Select 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: Boolean, reflect: true })\n  accessor required = false;\n\n  @query('select')\n  accessor inputElement: HTMLSelectElement | null = null;\n\n  private inputTrait: InputTrait\n\n  constructor () {\n    super()\n\n    this.inputTrait = this.addTrait(new InputTrait(this, {\n      getInputElement: () => this.inputElement,\n      getInternals: () => this.getInternals(),\n    }))\n  }\n\n  protected render () {\n    return html`\n      ${this.inputTrait.renderLabel()}\n\n      <div class=\"input-wrapper\">\n        <select\n          id=\"${this.inputTrait.inputId}\"\n          name=${this.name}\n          ?required=${this.required}\n          @change=${() => this.inputTrait.onInput()}\n        >\n          ${this.getOptions().map(\n            (option) =>\n              html`<option\n                .value=${option.value}\n                ?selected=${option.value === this.value}\n              >\n                ${option.label}\n              </option>`\n          )}\n        </select>\n        <icon-lucide-chevron-down></icon-lucide-chevron-down>\n      </div>\n    `\n  }\n\n  private getOptions (): { value: string; label: string }[] {\n    const options = this.querySelectorAll<SelectOption>(\n      'solid-ui-select-option'\n    )\n\n    return Array.from(options).map((option) => ({\n      value: option.value,\n      label: option.textContent,\n    }))\n  }\n}\n","import Select from './Select'\n\nexport { Select }\nexport default Select\n"],"mappings":"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"}

package/dist/lib/components/traits/InputTrait.cjs.js

@@ -1,2 +0,0 @@
-const e=require("../ids.cjs.js");require("../index.cjs.js");let t=require("lit");var n=class{inputId;labelId;target;config;constructor(t,n){this.config=n,this.inputId=`input-${e.generateId()}`,this.labelId=`label-${this.inputId}`,this.target=t}firstUpdated(){this.config.getInternals().setFormValue(this.target.value),this.updateValidity()}updated(e){(e.has(`value`)||e.has(`required`))&&this.updateValidity()}formResetCallback(){this.target.value=``,this.config.getInternals().setFormValue(``),this.updateValidity(),this.config.onValueChanged?.(``)}renderLabel(){return this.target.label?t.html`<label id="${this.labelId}" for="${this.inputId}">${this.target.label}</label>`:t.nothing}onInput(){this.setValue(this.config.getInputElement()?.value??``)}onSubmit(){this.config.getInternals().form?.requestSubmit()}setValue(e){this.target.value=e,this.config.getInternals().setFormValue(this.target.value),this.target.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.config.onValueChanged?.(this.target.value)}updateValidity(){let e=this.config.getInternals();this.target.required&&this.target.value===``?e.setValidity({valueMissing:!0},`Please fill out this field.`,this.config.getInputElement()??void 0):e.setValidity({})}};exports.default=n;
-//# sourceMappingURL=InputTrait.cjs.js.map

package/dist/lib/components/traits/InputTrait.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputTrait.cjs.js","names":[],"sources":["../../../../src/lib/components/traits/InputTrait.ts"],"sourcesContent":["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":"iFAoBA,IAAqB,EAArB,KAA6D,CAC3D,QACA,QACA,OACA,OAEA,YAAa,EAA0B,EAA0B,CAC/D,KAAK,OAAS,EACd,KAAK,QAAU,SAAS,EAAA,WAAW,IACnC,KAAK,QAAU,SAAS,KAAK,UAC7B,KAAK,OAAS,CAChB,CAEA,cAAgB,CACd,KAAK,OAAO,aAAa,CAAC,CAAC,aAAa,KAAK,OAAO,KAAK,EACzD,KAAK,eAAe,CACtB,CAEA,QAAS,EAA8C,EACjD,EAAkB,IAAI,OAAO,GAAK,EAAkB,IAAI,UAAU,IACpE,KAAK,eAAe,CAExB,CAEA,mBAAqB,CACnB,KAAK,OAAO,MAAQ,GACpB,KAAK,OAAO,aAAa,CAAC,CAAC,aAAa,EAAE,EAC1C,KAAK,eAAe,EACpB,KAAK,OAAO,iBAAiB,EAAE,CACjC,CAEA,aAAe,CACb,OAAO,KAAK,OAAO,MACf,EAAA,IAAI,cAAc,KAAK,QAAQ,SAAS,KAAK,QAAQ,IAAI,KAAK,OAAO,MAAM,UAC3E,EAAA,OACN,CAEA,SAAW,CACT,KAAK,SAAS,KAAK,OAAO,gBAAgB,CAAC,EAAE,OAAS,EAAE,CAC1D,CAEA,UAAY,CACV,KAAK,OAAO,aAAa,CAAC,CAAC,MAAM,cAAc,CACjD,CAEA,SAAU,EAAe,CACvB,KAAK,OAAO,MAAQ,EAEpB,KAAK,OAAO,aAAa,CAAC,CAAC,aAAa,KAAK,OAAO,KAAK,EACzD,KAAK,OAAO,cAAc,IAAI,WAAW,QAAS,CAAE,QAAS,GAAM,SAAU,EAAK,CAAC,CAAC,EACpF,KAAK,OAAO,iBAAiB,KAAK,OAAO,KAAK,CAChD,CAEA,gBAA0B,CACxB,IAAM,EAAY,KAAK,OAAO,aAAa,EAEvC,KAAK,OAAO,UAAY,KAAK,OAAO,QAAU,GAChD,EAAU,YACR,CAAE,aAAc,EAAK,EACrB,8BACA,KAAK,OAAO,gBAAgB,GAAK,IAAA,EACnC,EAEA,EAAU,YAAY,CAAC,CAAC,CAE5B,CACF"}

package/dist/lib/components/traits/InputTrait.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputTrait.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/traits/InputTrait.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAInC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,eAAe,IAAI,gBAAgB,GAAG,iBAAiB,GAAG,IAAI,CAAA;IAC9D,YAAY,IAAI,gBAAgB,CAAA;IAChC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,CAAC,OAAO,OAAO,UAAW,YAAW,iBAAiB;IACnD,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,gBAAgB,CAAA;IAC/B,OAAO,CAAC,MAAM,CAAkB;gBAEnB,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB;IAO/D,YAAY;IAKZ,OAAO,CAAE,iBAAiB,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMrD,iBAAiB;IAOjB,WAAW;IAMX,OAAO;IAIP,QAAQ;IAIR,QAAQ,CAAE,KAAK,EAAE,MAAM;IAQvB,OAAO,CAAC,cAAc;CAavB"}