npm - solid-ui - Versions diffs - 3.1.3-1 → 3.1.3-2 - Mend

solid-ui 3.1.3-1 → 3.1.3-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (880) hide show

package/README.md CHANGED Viewed

@@ -58,7 +58,7 @@ And don't forget to also include the CSS, either with a link tag or inside a CSS
 ```
 ```html
-  <link rel="stylesheet" href="https://unpkg.com/solid-ui@^4.0.0/dist/styles.css">
+  <link rel="stylesheet" href="https://unpkg.com/solid-ui@^4.0.0/dist/theme.css">
 ```
 You can also use some of the helpers exported from the default entry:
@@ -76,7 +76,7 @@ Solid-UI provides **ESM** bundles for direct browser usage. You'll also need to
 ```html
 <html>
 <head>
-  <link rel="stylesheet" href="https://unpkg.com/solid-ui@^4.0.0/dist/styles.css">
+  <link rel="stylesheet" href="https://unpkg.com/solid-ui@^4.0.0/dist/theme.css">
 </head>
 <body>
   <div id="app"></div>
@@ -98,7 +98,7 @@ You can also use [import maps](https://developer.mozilla.org/en-US/docs/Web/HTML
 ```html
 <html>
 <head>
-  <link rel="stylesheet" href="https://unpkg.com/solid-ui@^4.0.0/dist/styles.css">
+  <link rel="stylesheet" href="https://unpkg.com/solid-ui@^4.0.0/dist/theme.css">
 </head>
 <body>
   <div id="app"></div>
@@ -165,7 +165,7 @@ The build configuration uses [Vite](https://vite.dev/) and is centralized in the
 The config can be invoked with 4 different modes:
 - Default: This is the one used to generate ESM and CJS files to be consumed through npm (generates `*.cjs.js` and `*.esm.js` files respectively). It's also used to run Vitest tests and the Storybook.
-- `styles`: This mode generates the `styles.css` file that includes global styles (CSS variables for the Design System Tokens).
+- `styles`: This mode generates the `theme.css` file that includes global styles (CSS variables for the Design System Tokens).
 - `cdn`: This generates the ESM bundle to be consumed through CDNs, which has no external dependencies.
 - `cdn-legacy`: This generates the legacy UMD bundle to be consumed by legacy CDNs that externalize `rdflib` and `solid-logic` (no longer recommended).

package/dist/chunks/DialogProvider-BbWGIFN5.js ADDED Viewed

@@ -0,0 +1,211 @@
+import { t as e } from "./provide-CqCWUUfi.js";
+import { t } from "./context-ImtIQIYP.js";
+import { r as n, t as r } from "./components-Dlw2zOvI.js";
+import { i } from "./decorators-CJJL4XBH.js";
+//#region src/components/dialog-provider/DialogProvider.ts
+var a, o, s, c, l, u, d, f, p;
+function m(e, t, n) {
+	h(e, t), t.set(e, n);
+}
+function h(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function g(e, t, n) {
+	return e.set(v(e, t), n), n;
+}
+function _(e, t) {
+	return e.get(v(e, t));
+}
+function v(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, 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 = [], C = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: S(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[C] = v, f || S(b[C], r, i === 2 ? "" : C)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var w = e, T = _.length - 1; T >= 0; T -= n ? 2 : 1) {
+			var E = _[T], D = n ? _[T - 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, w, k), "class decorators", "return")) && (w = 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), w = E.call(D, p ? {
+						get: b.get,
+						set: b.set
+					} : b[C], k), p) {
+						if (typeof w == "object" && w) (g = c(w.get, "accessor.get")) && (b.get = g), (g = c(w.set, "accessor.set")) && (b.set = g), (g = c(w.init, "accessor.init")) && x.push(g);
+						else if (w !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(w, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(w) : b[C] = w);
+				}
+			} 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[C] : o.call.bind(b[C])) : Object.defineProperty(e, r, b)), w;
+	}
+	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 C(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, x = h + "/" + v;
+				if (!y && !g) {
+					var S = u.get(x);
+					if (!0 === S || S === 3 && m !== 4 || S === 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(x, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : b(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 b(e) {
+	var t = x(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function x(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 S(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 C(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+c = [n("solid-ui-dialog-provider")];
+var w, T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap();
+p = (l = i({
+	type: String,
+	reflect: !0
+}), d = e({ context: t }), "dialogId"), a = class extends r {
+	constructor(...e) {
+		super(...e), m(this, T, (o(this), u(this))), m(this, E, f(this, { id: "" }));
+	}
+	get [p]() {
+		return _(T, this);
+	}
+	set dialogId(e) {
+		g(T, this, e);
+	}
+	get dialog() {
+		return _(E, this);
+	}
+	set dialog(e) {
+		g(E, this, e);
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("dialogId") && this.dialogId && (this.dialog = { id: this.dialogId });
+	}
+	firstUpdated() {
+		let e = this.shadowRoot?.lastChild;
+		this.dispatchEvent(new CustomEvent("mounted", {
+			bubbles: !0,
+			composed: !0,
+			detail: e?.assignedElements()[0]
+		}));
+	}
+}, {e: [u, f, o], c: [w, s]} = y(a, [[
+	l,
+	1,
+	"dialogId"
+], [
+	d,
+	1,
+	"dialog"
+]], c, 0, void 0, r), s();
+//#endregion
+export { w as t };
+//# sourceMappingURL=DialogProvider-BbWGIFN5.js.map

package/dist/chunks/DialogProvider-BbWGIFN5.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DialogProvider-BbWGIFN5.js","names":["customElement","WebComponent","provide","property","dialogContext","_classDecs","_DialogProvider","_A","WeakMap","_B","_ref","_dialogIdDecs","type","String","reflect","_dialogDecs","context","DialogProvider","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogId","_init_dialog","id","_classPrivateFieldGet","dialogId","v","_classPrivateFieldSet","dialog","willUpdate","changedProperties","has","firstUpdated","slot","shadowRoot","lastChild","dispatchEvent","CustomEvent","bubbles","composed","detail","assignedElements","_DialogProvider2","e","c","_initClass","_applyDecs","default"],"sources":["../../src/components/dialog-provider/DialogProvider.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { property } from 'lit/decorators.js'\nimport { DialogContext, dialogContext } from '@/lib/dialogs/context'\n\n@customElement('solid-ui-dialog-provider')\nexport default class DialogProvider extends WebComponent {\n @property({ type: String, reflect: true })\n accessor dialogId: string | undefined\n\n @provide({ context: dialogContext })\n private accessor dialog: DialogContext = { id: '' }\n\n protected willUpdate (changedProperties: Map<string, any>) {\n super.willUpdate(changedProperties)\n\n if (changedProperties.has('dialogId') && this.dialogId) {\n this.dialog = { id: this.dialogId }\n }\n }\n\n protected firstUpdated () {\n const slot = this.shadowRoot?.lastChild as HTMLSlotElement | undefined\n\n this.dispatchEvent(new CustomEvent('mounted', { bubbles: true, composed: true, detail: slot?.assignedElements()[0] }))\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGoEK,IAAA,CAEnEL,EAAc,0BAA0B,CAAC;AAAA,IAAAM,GAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA;AAAAE,KAAAC,IAEvCR,EAAS;CAAES,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzCb,EAAQ,EAAEc,SAASZ,EAAc,CAAC,GAAC,aAgBrCuC,IAAA1B,cApB2ChB,EAAa;CAAAiB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAKd,EAAEC,IAAI,GAAG,CAAC,CAAA;CAAA;CAAA,KAAAd,KAAA;EAAA,OAAAe,EAAAlB,GAAA,IAAA;CAAA;CAAA,IAH1CmB,SAAQC,GAAA;EAAAC,EAAArB,GAAA,MAAAoB,CAAA;CAAA;CAAA,IAGAE,SAAM;EAAA,OAAAJ,EAAAhB,GAAA,IAAA;CAAA;CAAA,IAANoB,OAAMF,GAAA;EAAAC,EAAAnB,GAAA,MAAAkB,CAAA;CAAA;CAEbG,WAAYC,GAAqC;EAGzD,AAFA,MAAMD,WAAWC,CAAiB,GAE9BA,EAAkBC,IAAI,UAAU,KAAK,KAAKN,aAC5C,KAAKG,SAAS,EAAEL,IAAI,KAAKE,SAAS;CAEtC;CAEUO,eAAgB;EACxB,IAAMC,IAAO,KAAKC,YAAYC;EAE9B,KAAKC,cAAc,IAAIC,YAAY,WAAW;GAAEC,SAAS;GAAMC,UAAU;GAAMC,QAAQP,GAAMQ,iBAAiB,EAAE;EAAG,CAAC,CAAC;CACvH;AACF,GAAC,CAAAE,GAAA,CAAAtB,GAAAC,GAAAF,IAAAwB,GAAA,CAAAvC,GAAAwC,MAAAC,EAAAJ,GAAA,CAAA;CAAAhC;CAAA;CAAA;AAAA,GAAA;CAAAI;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GApB2CJ,CAAY,GAAA6C,EAAA"}

package/dist/chunks/account-BUAN8dcJ.js ADDED Viewed

@@ -0,0 +1,279 @@
+import { c as e, s as t } from "./auth-C5d3nG1T.js";
+import { t as n } from "./consume-BefsVEGX.js";
+import { r, t as i } from "./components-Dlw2zOvI.js";
+import { i as a, s as o } from "./lit-CC2G_f_C.js";
+import "./combobox-eju-wypA.js";
+import "./button-GHRF3psH.js";
+import "./avatar-CsuCQCRu.js";
+import "./login-button-D3M_rY5D.js";
+import "./logout-button-ChD3v11m.js";
+import "./menu-item-DoTy3MUu.js";
+import "./menu-items-DKKcQrb6.js";
+import "./menu-DCsLCND4.js";
+import "./signup-button-BE5-JSwt.js";
+//#region ~icons/lucide/log-in
+var s = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m10 17l5-5l-5-5m5 5H3m12-9h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"/></svg>";
+	}
+};
+customElements.get("icon-lucide-log-in") || customElements.define("icon-lucide-log-in", s);
+//#endregion
+//#region ~icons/lucide/log-out
+var c = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 17l5-5l-5-5m5 5H9m0 9H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"/></svg>";
+	}
+};
+customElements.get("icon-lucide-log-out") || customElements.define("icon-lucide-log-out", c);
+//#endregion
+//#region ~icons/lucide/user
+var l = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/></g></svg>";
+	}
+};
+customElements.get("icon-lucide-user") || customElements.define("icon-lucide-user", l);
+//#endregion
+//#region src/components/account/Account.styles.css
+var u = o`:host{flex-direction:row;gap:10px;display:inline-flex}:host(:state(loggedIn)){--padding:4px;--border-width:1px;--image-size:1.875rem;& button{background-color:var(--solid-ui-color-body-grey);padding:var(--padding);border-radius:calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);color:var(--solid-ui-color-white);justify-content:center;align-items:center;gap:5px;display:inline-flex;& solid-ui-avatar{width:var(--image-size);height:var(--image-size);border:var(--border-width) solid var(--solid-ui-color-white);border-radius:50%}& icon-lucide-chevron-down{width:16px;height:16px}}}`, d, f, p, m, h, g, _, v, y, b;
+function x(e, t, n) {
+	S(e, t), t.set(e, n);
+}
+function S(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function C(e, t, n) {
+	return e.set(T(e, t), n), n;
+}
+function w(e, t) {
+	return e.get(T(e, t));
+}
+function T(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 E(e, t, n) {
+	return (t = O(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function D(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: A(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || A(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, j;
+					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 && (j = o(b, "set", h))) : (k = 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 (k && (M.get = k), 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 j(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 : O(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 O(e) {
+	var t = k(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function k(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 A(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 j(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 M(e) {
+	return e;
+}
+g = [r("solid-ui-account")];
+var N;
+new (y = (p = /*#__PURE__*/ new WeakMap(), b = (_ = n({
+	context: e,
+	subscribe: !0
+}), "auth"), f = class extends i {
+	constructor(...e) {
+		super(...e), x(this, p, (m(this), v(this, t))), E(this, "unsubscribeSessionUpdated", void 0);
+	}
+	get [b]() {
+		return w(p, this);
+	}
+	set auth(e) {
+		C(p, this, e);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate());
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.unsubscribeSessionUpdated?.();
+	}
+	render() {
+		return this.auth.account ? a`
+        <solid-ui-menu>
+            <button type="button" slot="trigger">
+                <solid-ui-avatar></solid-ui-avatar>
+                <icon-lucide-chevron-down slot="right-icon"></icon-lucide-chevron-down>
+            </button>
+            <solid-ui-menu-items>
+                <solid-ui-logout-button>
+                    <solid-ui-menu-item slot="trigger">
+                        <icon-lucide-log-out slot="left-icon"></icon-lucide-log-out>
+                        Sign out
+                    </solid-ui-menu-item>
+                </solid-ui-logout-button>
+            </solid-ui-menu-items>
+        </solid-ui-menu>
+    ` : a`
+        <solid-ui-login-button>
+            <solid-ui-button slot="trigger">
+                <icon-lucide-user slot="left-icon"></icon-lucide-user>
+                Log In
+            </solid-ui-button>
+        </solid-ui-login-button>
+        <solid-ui-signup-button>
+            <solid-ui-button slot="trigger" variant="outline">
+                <icon-lucide-log-in slot="left-icon"></icon-lucide-log-in>
+                Sign Up
+            </solid-ui-button>
+        </solid-ui-signup-button>
+      `;
+	}
+}, {e: [v, m], c: [N, h]} = D(f, [[
+	_,
+	1,
+	"auth"
+]], g, 0, void 0, i), f), d = class extends M {
+	constructor() {
+		super(N), E(this, "styles", u), E(this, "states", { loggedIn: (e) => !!e.auth.account }), h();
+	}
+}, E(d, y, void 0), d)();
+//#endregion
+//#region src/components/account/index.ts
+var P = N;
+//#endregion
+export { N as n, P as t };
+//# sourceMappingURL=account-BUAN8dcJ.js.map

package/dist/chunks/account-BUAN8dcJ.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"account-BUAN8dcJ.js","names":["consume","html","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","e","c","_initClass","_applyDecs","_Class","_identity","loggedIn","component","default","Account"],"sources":["../../src/components/account/Account.styles.css","../../src/components/account/Account.ts","../../src/components/account/index.ts"],"sourcesContent":[":host {\n display: inline-flex;\n flex-direction: row;\n gap: 10px;\n}\n\n:host(:state(loggedIn)) {\n --padding: 4px;\n --border-width: 1px;\n --image-size: 1.875rem; /* 30px */\n\n button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n background-color: var(--solid-ui-color-body-grey);\n padding: var(--padding);\n border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n color: var(--solid-ui-color-white);\n\n solid-ui-avatar {\n width: var(--image-size);\n height: var(--image-size);\n border: var(--border-width) solid var(--solid-ui-color-white);\n border-radius: 50%;\n }\n\n icon-lucide-chevron-down {\n width: 16px;\n height: 16px;\n }\n }\n}\n","import { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu-items'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\n\nimport styles from './Account.styles.css'\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n static styles = styles\n static states = {\n loggedIn: (component: Account) => !!component.auth.account,\n }\n\n @consume({ context: authContext, subscribe: true })\n private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n private unsubscribeSessionUpdated?: () => void\n\n connectedCallback () {\n super.connectedCallback()\n\n this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n }\n\n disconnectedCallback () {\n super.disconnectedCallback()\n\n this.unsubscribeSessionUpdated?.()\n }\n\n protected render () {\n if (!this.auth.account) {\n return html`\n <solid-ui-login-button>\n <solid-ui-button slot=\"trigger\">\n <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n Log In\n </solid-ui-button>\n </solid-ui-login-button>\n <solid-ui-signup-button>\n <solid-ui-button slot=\"trigger\" variant=\"outline\">\n <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n Sign Up\n </solid-ui-button>\n </solid-ui-signup-button>\n `\n }\n\n return html`\n <solid-ui-menu>\n <button type=\"button\" slot=\"trigger\">\n <solid-ui-avatar></solid-ui-avatar>\n <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n </button>\n\n <solid-ui-menu-items>\n <solid-ui-logout-button>\n <solid-ui-menu-item slot=\"trigger\">\n <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n Sign out\n </solid-ui-menu-item>\n </solid-ui-logout-button>\n </solid-ui-menu-items>\n </solid-ui-menu>\n `\n }\n}\n","import Account from './Account'\n\nexport { Account }\nexport default Account\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACkByCO,IAAA,CAExCL,EAAc,kBAAkB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO/Bb,EAAQ;CAAEc,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACqCb,EAAa;CAAAe,YAAA,GAAAC,GAAA;EAOSI,AAPT,MAAA,GAAAJ,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOXjB,CAAoB,EAAA,GAAAkB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAX,KAAA;EAAA,OAAAY,EAAAd,GAAA,IAAA;CAAA;CAAA,IAAxCe,KAAIC,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAIrBE,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKJ,KAAKK,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAkBlB,OAjBK,KAAKR,KAAKS,UAiBRjC,CAAI;;;;;;;;;;;;;;;;QAhBFA,CAAI;;;;;;;;;;;;;;CAiCf;AACF,GAAC,CAAAkC,GAAA,CAAAb,GAAAD,IAAAe,GAAA,CAAA5B,GAAA6B,MAAAC,EAAAtB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GA3DoCJ,CAAY,GAAAa,IAAAuB,IAAA,cAAAC,EAAA;CAAAtB,cAAA;EAAA,MAAAV,CAAA,GAAAe,EAAA,MAAA,UAC/BjB,CAAM,GAAAiB,EAAA,MAAA,UACN,EACdkB,WAAWC,MAAuB,CAAC,CAACA,EAAUjB,KAAKS,QACrD,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAd,EAAAgB,GAAA9B,GAAA,KAAA,CAAA,GAAA8B,GAAA;;;ACtBH,IAAA,IAAeK"}