solid-ui 3.1.3-1 → 3.1.3-3

package/dist/chunks/menu-DCsLCND4.js

@@ -0,0 +1,251 @@
+import { t as e } from "./provide-CqCWUUfi.js";
+import { n as t, r as n, t as r } from "./components-Dlw2zOvI.js";
+import { i } from "./lit-CC2G_f_C.js";
+import { t as a } from "./decorators-CJJL4XBH.js";
+import { t as o } from "./context-ChcZyr30.js";
+//#region src/components/menu/Menu.ts
+var s, c, l, u, d, f, p, m, h, g, _;
+function v(e, t, n) {
+	return (t = T(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function y(e, t, n) {
+	b(e, t), t.set(e, n);
+}
+function b(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function x(e, t, n) {
+	return e.set(C(e, t), n), n;
+}
+function S(e, t) {
+	return e.get(C(e, t));
+}
+function C(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 w(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: D(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || D(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, O = {}, k = {
+				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, O)
+			};
+			try {
+				if (y) (g = c(T.call(E, C, k), "class decorators", "return")) && (C = g);
+				else {
+					var A, j;
+					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (j = function(e, t) {
+						e[r] = t;
+					}));
+					var M = k.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (A && (M.get = A), j && (M.set = j), C = T.call(E, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], k), 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 {
+				O.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 O(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 : T(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 T(e) {
+	var t = E(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function E(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 D(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 O(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+u = [n("solid-ui-menu")];
+var k, A = /*#__PURE__*/ new WeakMap(), j = /*#__PURE__*/ new WeakMap(), M = /*#__PURE__*/ new WeakMap();
+_ = (d = a({ slot: "trigger" }), p = a({ selector: "[popover]" }), h = e({ context: o }), "triggers"), s = class extends r {
+	constructor(...e) {
+		super(...e), y(this, A, (c(this), f(this))), y(this, j, m(this)), y(this, M, g(this, { id: t() })), v(this, "triggerClickedWhilstOpen", !1);
+	}
+	get [_]() {
+		return S(A, this);
+	}
+	set triggers(e) {
+		x(A, this, e);
+	}
+	get popovers() {
+		return S(j, this);
+	}
+	set popovers(e) {
+		x(j, this, e);
+	}
+	get context() {
+		return S(M, this);
+	}
+	set context(e) {
+		x(M, this, e);
+	}
+	updated() {
+		let e = this.triggers?.[0], t = this.popovers?.[0];
+		!e || !t || (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-controls", t.id), e.style.anchorName = "--menu-anchor");
+	}
+	render() {
+		return i`
+        <slot
+          name="trigger"
+          @pointerdown=${this.onTriggerPointerDown}
+          @click=${this.onTriggerClick}
+        ></slot>
+        <slot @click=${this.onMenuClick}></slot>
+    `;
+	}
+	onTriggerPointerDown(e) {
+		e.preventDefault(), this.triggerClickedWhilstOpen = this.popovers?.[0]?.matches(":popover-open") ?? !1;
+	}
+	onTriggerClick(e) {
+		if (e.preventDefault(), this.triggerClickedWhilstOpen) {
+			this.triggerClickedWhilstOpen = !1;
+			return;
+		}
+		this.popovers?.[0]?.togglePopover();
+	}
+	onMenuClick(e) {
+		let t = e.target;
+		t instanceof HTMLElement && (t.tagName === "BUTTON" || t.tagName === "A" || t.tagName === "SOLID-UI-MENU-ITEM" || t.closest("button, a, [role=\"menuitem\"]")) && this.popovers?.[0]?.hidePopover();
+	}
+}, {e: [f, m, g, c], c: [k, l]} = w(s, [
+	[
+		d,
+		1,
+		"triggers"
+	],
+	[
+		p,
+		1,
+		"popovers"
+	],
+	[
+		h,
+		1,
+		"context"
+	]
+], u, 0, void 0, r), l();
+//#endregion
+//#region src/components/menu/index.ts
+var N = k;
+//#endregion
+export { k as n, N as t };
+
+//# sourceMappingURL=menu-DCsLCND4.js.map

package/dist/chunks/menu-DCsLCND4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-DCsLCND4.js","names":["customElement","WebComponent","generateId","provide","html","queryAssignedElements","menuContext","_classDecs","_Menu","_A","WeakMap","_B","_C","_ref","_triggersDecs","slot","_popoversDecs","selector","_contextDecs","context","Menu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_triggers","_init_popovers","_init_context","id","_defineProperty","_classPrivateFieldGet","triggers","v","_classPrivateFieldSet","popovers","updated","trigger","popover","setAttribute","style","anchorName","render","onTriggerPointerDown","onTriggerClick","onMenuClick","e","preventDefault","triggerClickedWhilstOpen","matches","togglePopover","target","targetIsClickable","HTMLElement","tagName","closest","hidePopover","_Menu2","c","_initClass","_applyDecs","default","Menu"],"sources":["../../src/components/menu/Menu.ts","../../src/components/menu/index.ts"],"sourcesContent":["import { customElement, WebComponent, generateId } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { html } from 'lit'\nimport { queryAssignedElements } from 'lit/decorators.js'\nimport { MenuContext, menuContext } from '@/lib/menus/context'\nimport type MenuItems from '@/components/menu-items'\n\n@customElement('solid-ui-menu')\nexport default class Menu extends WebComponent {\n  @queryAssignedElements({ slot: 'trigger' })\n  private accessor triggers!: HTMLButtonElement[]\n\n  @queryAssignedElements({ selector: '[popover]' })\n  private accessor popovers!: MenuItems[]\n\n  @provide({ context: menuContext })\n  // @ts-ignore\n  private accessor context: MenuContext = { id: generateId() }\n\n  private triggerClickedWhilstOpen = false\n\n  protected updated () {\n    const trigger = this.triggers?.[0]\n    const popover = this.popovers?.[0]\n\n    if (!trigger || !popover) {\n      return\n    }\n\n    trigger.setAttribute('aria-haspopup', 'menu')\n    trigger.setAttribute('aria-controls', popover.id)\n    trigger.style.anchorName = '--menu-anchor'\n  }\n\n  protected render () {\n    return html`\n        <slot\n          name=\"trigger\"\n          @pointerdown=${this.onTriggerPointerDown}\n          @click=${this.onTriggerClick}\n        ></slot>\n        <slot @click=${this.onMenuClick}></slot>\n    `\n  }\n\n  private onTriggerPointerDown (e: PointerEvent) {\n    e.preventDefault()\n\n    this.triggerClickedWhilstOpen = this.popovers?.[0]?.matches(':popover-open') ?? false\n  }\n\n  private onTriggerClick (e: MouseEvent) {\n    e.preventDefault()\n\n    if (this.triggerClickedWhilstOpen) {\n      this.triggerClickedWhilstOpen = false\n\n      return\n    }\n\n    this.popovers?.[0]?.togglePopover()\n  }\n\n  private onMenuClick (e: MouseEvent) {\n    const target = e.target\n    const targetIsClickable =\n        target instanceof HTMLElement && (\n          target.tagName === 'BUTTON' ||\n            target.tagName === 'A' ||\n            target.tagName === 'SOLID-UI-MENU-ITEM' ||\n            target.closest('button, a, [role=\"menuitem\"]')\n        )\n\n    if (!targetIsClickable) {\n      return\n    }\n\n    this.popovers?.[0]?.hidePopover()\n  }\n}\n","import Menu from './Menu'\n\nexport { Menu }\nexport default Menu\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI8DO,IAAA,CAG7DP,EAAc,eAAe,CAAC;AAAA,IAAAQ,GAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA;AAAAG,KAAAC,IAE5BT,EAAsB,EAAEU,MAAM,UAAU,CAAC,GAACC,IAG1CX,EAAsB,EAAEY,UAAU,YAAY,CAAC,GAACC,IAGhDf,EAAQ,EAAEgB,SAASb,EAAY,CAAC,GAAC,aAgEnCkD,IAAApC,cAvEiCnB,EAAa;CAAAoB,YAAA,GAAAC,GAAA;EASeO,AATf,MAAA,GAAAP,CAAA,GAAAC,EAAA,MAAAd,IAAAe,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAZ,GAAAe,EAAA,IAAA,CAAA,GAAAH,EAAA,MAAAX,GAAAe,EAAA,MASL,EAAEC,IAAI1B,EAAW,EAAE,CAAC,CAAA,GAAA2B,EAAA,MAAA,4BAEzB,EAAK;CAAA;CAAA,KAAAhB,KAAA;EAAA,OAAAiB,EAAArB,GAAA,IAAA;CAAA;CAAA,IATvBsB,SAAQC,GAAA;EAAAC,EAAAxB,GAAA,MAAAuB,CAAA;CAAA;CAAA,IAGRE,WAAQ;EAAA,OAAAJ,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAARuB,SAAQF,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAIRb,UAAO;EAAA,OAAAW,EAAAlB,GAAA,IAAA;CAAA;CAAA,IAAPO,QAAOa,GAAA;EAAAC,EAAArB,GAAA,MAAAoB,CAAA;CAAA;CAIdG,UAAW;EACnB,IAAMC,IAAU,KAAKL,WAAW,IAC1BM,IAAU,KAAKH,WAAW;EAE5B,CAACE,KAAW,CAACC,MAIjBD,EAAQE,aAAa,iBAAiB,MAAM,GAC5CF,EAAQE,aAAa,iBAAiBD,EAAQT,EAAE,GAChDQ,EAAQG,MAAMC,aAAa;CAC7B;CAEUC,SAAU;EAClB,OAAOrC,CAAI;;;yBAGU,KAAKsC,qBAAoB;mBAC/B,KAAKC,eAAc;;uBAEf,KAAKC,YAAW;;CAErC;CAEQF,qBAAsBG,GAAiB;EAG7C,AAFAA,EAAEC,eAAe,GAEjB,KAAKC,2BAA2B,KAAKb,WAAW,IAAIc,QAAQ,eAAe,KAAK;CAClF;CAEQL,eAAgBE,GAAe;EAGrC,IAFAA,EAAEC,eAAe,GAEb,KAAKC,0BAA0B;GACjC,KAAKA,2BAA2B;GAEhC;EACF;EAEA,KAAKb,WAAW,IAAIe,cAAc;CACpC;CAEQL,YAAaC,GAAe;EAClC,IAAMK,IAASL,EAAEK;EAEbA,aAAkBE,gBAChBF,EAAOG,YAAY,YACjBH,EAAOG,YAAY,OACnBH,EAAOG,YAAY,wBACnBH,EAAOI,QAAQ,gCAA8B,MAOrD,KAAKpB,WAAW,IAAIqB,YAAY;CAClC;AACF,GAAC,CAAAV,GAAA,CAAApB,GAAAC,GAAAC,GAAAH,IAAAiC,GAAA,CAAAjD,GAAAkD,MAAAC,EAAAH,GAAA;CAAA;EAAA1C;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;AAAA,GAAAX,GAAA,GAAA,KAAA,GAvEiCN,CAAY,GAAAyD,EAAA;;;ACL9C,IAAA,IAAeG"}

package/dist/chunks/menu-item-DoTy3MUu.js

@@ -0,0 +1,219 @@
+import { r as e, t } from "./components-Dlw2zOvI.js";
+import { i as n, s as r } from "./lit-CC2G_f_C.js";
+import { i } from "./decorators-CJJL4XBH.js";
+//#region src/components/menu-item/MenuItem.styles.css
+var a = r`a,button{width:100%;color:var(--solid-ui-color-gray-600);font-weight:500;font-size:var(--solid-ui-font-size-md);border-radius:5px;justify-content:flex-start;align-items:center;gap:5px;padding:10px;display:flex;&:hover{background-color:var(--solid-ui-color-slate-200)}& ::slotted([slot=left-icon]),& ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-xl);height:var(--solid-ui-font-size-xl)}}`, o, s, c, l, u, d, f, p, m, h;
+function g(e, t, n) {
+	_(e, t), t.set(e, n);
+}
+function _(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function v(e, t, n) {
+	return e.set(b(e, t), n), n;
+}
+function y(e, t) {
+	return e.get(b(e, t));
+}
+function b(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 x(e, t, n) {
+	return (t = C(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function S(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: T(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || T(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 E = _[w], D = n ? _[w - 1] : void 0, O = {}, k = {
+				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, O)
+			};
+			try {
+				if (y) (g = c(E.call(D, C, k), "class decorators", "return")) && (C = g);
+				else {
+					var A, j;
+					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (j = function(e, t) {
+						e[r] = t;
+					}));
+					var M = k.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (A && (M.get = A), j && (M.set = j), C = E.call(D, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], k), 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 {
+				O.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 E(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 : C(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 C(e) {
+	var t = w(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function w(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 T(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 E(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 D(e) {
+	return e;
+}
+d = [e("solid-ui-menu-item")];
+var O;
+new (m = (c = /*#__PURE__*/ new WeakMap(), h = (f = i({ type: String }), "href"), s = class extends t {
+	constructor(...e) {
+		super(...e), g(this, c, (l(this), p(this)));
+	}
+	get [h]() {
+		return y(c, this);
+	}
+	set href(e) {
+		v(c, this, e);
+	}
+	render() {
+		return this.href ? n`
+        <a href="${this.href}" target="_blank" rel="noopener noreferrer">
+            <slot name="left-icon"></slot>
+            <slot></slot>
+            <slot name="right-icon"></slot>
+        </a>
+      ` : n`
+        <button type="button">
+            <slot name="left-icon"></slot>
+            <slot></slot>
+            <slot name="right-icon"></slot>
+        </button>
+    `;
+	}
+}, {e: [p, l], c: [O, u]} = S(s, [[
+	f,
+	1,
+	"href"
+]], d, 0, void 0, t), s), o = class extends D {
+	constructor() {
+		super(O), x(this, "styles", a), u();
+	}
+}, x(o, m, void 0), o)();
+//#endregion
+//#region src/components/menu-item/index.ts
+var k = O;
+//#endregion
+export { O as n, k as t };
+
+//# sourceMappingURL=menu-item-DoTy3MUu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-DoTy3MUu.js","names":["customElement","WebComponent","property","html","styles","_classDecs","_MenuItem","_MenuItem2","_A","WeakMap","_ref","_hrefDecs","type","String","_MenuItem3","MenuItem","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_href","_classPrivateFieldGet","href","v","_classPrivateFieldSet","render","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":["a, button {\n    width: 100%;\n    display: flex;\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    &: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","import { customElement, WebComponent } from '@/lib/components'\nimport { property } 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 })\n  accessor href: string | undefined\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        <button type=\"button\">\n            <slot name=\"left-icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n}\n","import MenuItem from './MenuItem'\n\nexport { MenuItem }\nexport default MenuItem\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACI0CK,IAAA,CAEzCL,EAAc,oBAAoB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAIjCT,EAAS,EAAEU,MAAMC,OAAO,CAAC,GAAC,SAAAC,IAJ7B,cACsCb,EAAa;CAAAe,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAIxCc,KAAIC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEbE,SAAU;EAWR,OAVI,KAAKH,OACAnB,CAAI;mBACE,KAAKmB,KAAI;;;;;UAQjBnB,CAAI;;;;;;;CAOb;AACF,GAAC,CAAAuB,GAAA,CAAAN,GAAAD,IAAAQ,GAAA,CAAArB,GAAAsB,MAAAC,EAAAf,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GAzBqCJ,CAAY,GAAAa,IAAAgB,IAAA,cAAAC,EAAA;CAAAf,cAAA;EAAA,MAAAV,CAAA,GAAA0B,EAAA,MAAA,UAChC5B,CAAM,GAAAwB,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAvB,GAAA,KAAA,CAAA,GAAAuB,GAAA;;;ACLxB,IAAA,IAAeI"}