solid-ui 3.1.3-1 → 3.1.3-11

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

@@ -0,0 +1,236 @@
+import { n as e, r as t } from "./components-PQfnwrHI.js";
+import { c as n, i as r } from "./lit-C4H1jI4q.js";
+import { n as i } from "./decorators-BqWyWiL9.js";
+import { t as a } from "./query-BYu9q8lA.js";
+//#region src/components/menu-item/MenuItem.styles.css
+var o = n`:host{&>a,&>div{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;position:relative}&: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)}& a:after{content:\"\";width:100%;height:100%;position:absolute;top:0;left:0}}`, s, c, l, u, d, f, p, m, h, g, _, v, y;
+function b(e, t, n) {
+	x(e, t), t.set(e, n);
+}
+function x(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function S(e, t, n) {
+	return e.set(w(e, t), n), n;
+}
+function C(e, t) {
+	return e.get(w(e, t));
+}
+function w(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 T(e, t, n) {
+	return (t = D(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function E(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: k(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || k(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 A, j;
+					O.static = u, O.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 = O.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], 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 A(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 : D(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 D(e) {
+	var t = O(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function O(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 k(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 A(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 j(e) {
+	return e;
+}
+p = [t("solid-ui-menu-item")];
+var M;
+new (v = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), y = (m = i({
+	type: String,
+	reflect: !0
+}), g = a("a"), "href"), c = class extends e {
+	constructor(...e) {
+		super(...e), b(this, l, (d(this), h(this))), b(this, u, _(this, null));
+	}
+	get [y]() {
+		return C(l, this);
+	}
+	set href(e) {
+		S(l, this, e);
+	}
+	get anchor() {
+		return C(u, this);
+	}
+	set anchor(e) {
+		S(u, this, e);
+	}
+	render() {
+		return this.href ? r`
+        <a href="${this.href}" target="_blank" rel="noopener noreferrer">
+            <slot name="left-icon"></slot>
+            <slot></slot>
+            <slot name="right-icon"></slot>
+        </a>
+      ` : r`
+        <div>
+            <slot name="left-icon"></slot>
+            <slot></slot>
+            <slot name="right-icon"></slot>
+        </div>
+    `;
+	}
+	click() {
+		this.anchor?.click();
+	}
+}, {e: [h, _, d], c: [M, f]} = E(c, [[
+	m,
+	1,
+	"href"
+], [
+	g,
+	1,
+	"anchor"
+]], p, 0, void 0, e), c), s = class extends j {
+	constructor() {
+		super(M), T(this, "styles", o), f();
+	}
+}, T(s, v, void 0), s)();
+//#endregion
+//#region src/components/menu-item/index.ts
+var N = M;
+//#endregion
+export { M as n, N as t };
+
+//# sourceMappingURL=menu-item-BHJ4xljI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-BHJ4xljI.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"}