solid-ui 3.1.3-5 → 3.1.3-6

package/dist/chunks/{menu-items-DKKcQrb6.js → DialogProvider-DphduSXG.js}

@@ -1,33 +1,133 @@
-import { t as e } from "./consume-BefsVEGX.js";
-import { r as t, t as n } from "./components-Dlw2zOvI.js";
-import { i as r, s as i } from "./lit-CC2G_f_C.js";
-import { t as a } from "./context-ChcZyr30.js";
-//#region src/components/menu-items/MenuItems.styles.css
-var o = i`:host{top:calc(anchor(bottom) + 5px);right:anchor(right);position-try-fallbacks:flip-block, flip-inline;position-anchor:--menu-anchor;background:0 0;border:none;position:fixed;bottom:auto;left:auto;overflow:visible;& div{background:var(--solid-ui-color-slate-50);border:1px solid var(--solid-ui-color-slate-200);border-radius:5px;flex-direction:column;gap:5px;min-width:300px;padding:10px 5px;display:flex;box-shadow:0 4px 16px #00000059}}`, s, c, l, u, d, f, p, m, h, g;
-function _(e, t, n) {
-	v(e, t), t.set(e, n);
+import { i as e, n as t } from "./context-DJ_8r7Oc.js";
+import { a as n, i as r } from "./components-BlEGdx4i.js";
+import { r as i } from "./decorators-BiCkPd_3.js";
+//#region node_modules/@lit/context/lib/value-notifier.js
+var a = class {
+	get value() {
+		return this.o;
+	}
+	set value(e) {
+		this.setValue(e);
+	}
+	setValue(e, t = !1) {
+		let n = t || !Object.is(e, this.o);
+		this.o = e, n && this.updateObservers();
+	}
+	constructor(e) {
+		this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+			for (let [e, { disposer: t }] of this.subscriptions) e(this.o, t);
+		}, e !== void 0 && (this.value = e);
+	}
+	addCallback(e, t, n) {
+		if (!n) return void e(this.value);
+		this.subscriptions.has(e) || this.subscriptions.set(e, {
+			disposer: () => {
+				this.subscriptions.delete(e);
+			},
+			consumerHost: t
+		});
+		let { disposer: r } = this.subscriptions.get(e);
+		e(this.value, r);
+	}
+	clearCallbacks() {
+		this.subscriptions.clear();
+	}
+}, o = class extends Event {
+	constructor(e, t) {
+		super("context-provider", {
+			bubbles: !0,
+			composed: !0
+		}), this.context = e, this.contextTarget = t;
+	}
+}, s = class extends a {
+	constructor(t, n, r) {
+		super(n.context === void 0 ? r : n.initialValue), this.onContextRequest = (e) => {
+			if (e.context !== this.context) return;
+			let t = e.contextTarget ?? e.composedPath()[0];
+			t !== this.host && (e.stopPropagation(), this.addCallback(e.callback, t, e.subscribe));
+		}, this.onProviderRequest = (t) => {
+			if (t.context !== this.context || (t.contextTarget ?? t.composedPath()[0]) === this.host) return;
+			let n = /* @__PURE__ */ new Set();
+			for (let [t, { consumerHost: r }] of this.subscriptions) n.has(t) || (n.add(t), r.dispatchEvent(new e(this.context, r, t, !0)));
+			t.stopPropagation();
+		}, this.host = t, n.context === void 0 ? this.context = n : this.context = n.context, this.attachListeners(), this.host.addController?.(this);
+	}
+	attachListeners() {
+		this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+	}
+	hostConnected() {
+		this.host.dispatchEvent(new o(this.context, this.host));
+	}
+};
+//#endregion
+//#region node_modules/@lit/context/lib/decorators/provide.js
+function c({ context: e }) {
+	return (t, n) => {
+		let r = /* @__PURE__ */ new WeakMap();
+		if (typeof n == "object") return {
+			get() {
+				return t.get.call(this);
+			},
+			set(e) {
+				return r.get(this).setValue(e), t.set.call(this, e);
+			},
+			init(t) {
+				return r.set(this, new s(this, {
+					context: e,
+					initialValue: t
+				})), t;
+			}
+		};
+		{
+			t.constructor.addInitializer(((t) => {
+				r.set(t, new s(t, { context: e }));
+			}));
+			let i = Object.getOwnPropertyDescriptor(t, n), a;
+			if (i === void 0) {
+				let e = /* @__PURE__ */ new WeakMap();
+				a = {
+					get() {
+						return e.get(this);
+					},
+					set(t) {
+						r.get(this).setValue(t), e.set(this, t);
+					},
+					configurable: !0,
+					enumerable: !0
+				};
+			} else {
+				let e = i.set;
+				a = {
+					...i,
+					set(t) {
+						r.get(this).setValue(t), e?.call(this, t);
+					}
+				};
+			}
+			Object.defineProperty(t, n, a);
+			return;
+		}
+	};
+}
+//#endregion
+//#region src/components/dialog-provider/DialogProvider.ts
+var l, u, d, f, p, m, h, g, _;
+function v(e, t, n) {
+	y(e, t), t.set(e, n);
 }
-function v(e, t) {
+function y(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function y(e, t, n) {
-	return e.set(x(e, t), n), n;
+function b(e, t, n) {
+	return e.set(S(e, t), n), n;
 }
-function b(e, t) {
-	return e.get(x(e, t));
+function x(e, t) {
+	return e.get(S(e, t));
 }
-function x(e, t, n) {
+function S(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 S(e, t, n) {
-	return (t = w(t)) in e ? Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[t] = n, e;
-}
 function C(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
@@ -172,47 +272,48 @@ function D(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 O(e) {
-	return e;
-}
-f = [t("solid-ui-menu-items")];
-var k;
-new (h = (l = /*#__PURE__*/ new WeakMap(), g = (p = e({
-	context: a,
-	subscribe: !0
-}), "context"), c = class extends n {
+f = [n("solid-ui-dialog-provider")];
+var O, k = /*#__PURE__*/ new WeakMap(), A = /*#__PURE__*/ new WeakMap();
+_ = (p = i({
+	type: String,
+	reflect: !0
+}), h = c({ context: t }), "dialogId"), l = class extends r {
 	constructor(...e) {
-		super(...e), _(this, l, (u(this), m(this)));
+		super(...e), v(this, k, (u(this), m(this))), v(this, A, g(this, { id: "" }));
+	}
+	get [_]() {
+		return x(k, this);
+	}
+	set dialogId(e) {
+		b(k, this, e);
 	}
-	get [g]() {
-		return b(l, this);
+	get dialog() {
+		return x(A, this);
 	}
-	set context(e) {
-		y(l, this, e);
+	set dialog(e) {
+		b(A, this, e);
 	}
-	connectedCallback() {
-		super.connectedCallback(), this.setAttribute("popover", "auto"), this.setAttribute("role", "menu"), this.style.positionAnchor = "--menu-anchor", this.context && (this.id = `${this.context.id}-menu-items`);
+	willUpdate(e) {
+		super.willUpdate(e), e.has("dialogId") && this.dialogId && (this.dialog = { id: this.dialogId });
 	}
-	render() {
-		return r`
-        <div>
-            <slot></slot>
-        </div>
-    `;
+	firstUpdated() {
+		let e = this.shadowRoot?.lastChild;
+		this.dispatchEvent(new CustomEvent("mounted", {
+			bubbles: !0,
+			composed: !0,
+			detail: e?.assignedElements()[0]
+		}));
 	}
-}, {e: [m, u], c: [k, d]} = C(c, [[
+}, {e: [m, g, u], c: [O, d]} = C(l, [[
 	p,
 	1,
-	"context"
-]], f, 0, void 0, n), c), s = class extends O {
-	constructor() {
-		super(k), S(this, "styles", o), d();
-	}
-}, S(s, h, void 0), s)();
-//#endregion
-//#region src/components/menu-items/index.ts
-var A = k;
+	"dialogId"
+], [
+	h,
+	1,
+	"dialog"
+]], f, 0, void 0, r), d();
 //#endregion
-export { k as n, A as t };
+export { c as n, O as t };
 
-//# sourceMappingURL=menu-items-DKKcQrb6.js.map
+//# sourceMappingURL=DialogProvider-DphduSXG.js.map

package/dist/chunks/DialogProvider-DphduSXG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogProvider-DphduSXG.js","names":["e","t","i","t","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":["../../node_modules/@lit/context/lib/value-notifier.js","../../node_modules/@lit/context/lib/controllers/context-provider.js","../../node_modules/@lit/context/lib/decorators/provide.js","../../src/components/dialog-provider/DialogProvider.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nclass s{get value(){return this.o}set value(s){this.setValue(s)}setValue(s,t=!1){const i=t||!Object.is(s,this.o);this.o=s,i&&this.updateObservers()}constructor(s){this.subscriptions=new Map,this.updateObservers=()=>{for(const[s,{disposer:t}]of this.subscriptions)s(this.o,t)},void 0!==s&&(this.value=s)}addCallback(s,t,i){if(!i)return void s(this.value);this.subscriptions.has(s)||this.subscriptions.set(s,{disposer:()=>{this.subscriptions.delete(s)},consumerHost:t});const{disposer:h}=this.subscriptions.get(s);s(this.value,h)}clearCallbacks(){this.subscriptions.clear()}}export{s as ValueNotifier};\n//# sourceMappingURL=value-notifier.js.map\n","import{ContextRequestEvent as t}from\"../context-request-event.js\";import{ValueNotifier as s}from\"../value-notifier.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class e extends Event{constructor(t,s){super(\"context-provider\",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=s}}class i extends s{constructor(s,e,i){super(void 0!==e.context?e.initialValue:i),this.onContextRequest=t=>{if(t.context!==this.context)return;const s=t.contextTarget??t.composedPath()[0];s!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,s,t.subscribe))},this.onProviderRequest=s=>{if(s.context!==this.context)return;if((s.contextTarget??s.composedPath()[0])===this.host)return;const e=new Set;for(const[s,{consumerHost:i}]of this.subscriptions)e.has(s)||(e.add(s),i.dispatchEvent(new t(this.context,i,s,!0)));s.stopPropagation()},this.host=s,void 0!==e.context?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController?.(this)}attachListeners(){this.host.addEventListener(\"context-request\",this.onContextRequest),this.host.addEventListener(\"context-provider\",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new e(this.context,this.host))}}export{i as ContextProvider,e as ContextProviderEvent};\n//# sourceMappingURL=context-provider.js.map\n","import{ContextProvider as t}from\"../controllers/context-provider.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function e({context:e}){return(n,i)=>{const r=new WeakMap;if(\"object\"==typeof i)return{get(){return n.get.call(this)},set(t){return r.get(this).setValue(t),n.set.call(this,t)},init(n){return r.set(this,new t(this,{context:e,initialValue:n})),n}};{n.constructor.addInitializer((n=>{r.set(n,new t(n,{context:e}))}));const o=Object.getOwnPropertyDescriptor(n,i);let s;if(void 0===o){const t=new WeakMap;s={get(){return t.get(this)},set(e){r.get(this).setValue(e),t.set(this,e)},configurable:!0,enumerable:!0}}else{const t=o.set;s={...o,set(e){r.get(this).setValue(e),t?.call(this,e)}}}return void Object.defineProperty(n,i,s)}}}export{e as provide};\n//# sourceMappingURL=provide.js.map\n","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"],"x_google_ignoreList":[0,1,2],"mappings":";;;;AAKA,IAAM,IAAN,MAAO;CAAC,IAAI,QAAO;EAAC,OAAO,KAAK;CAAC;CAAC,IAAI,MAAM,GAAE;EAAC,KAAK,SAAS,CAAC;CAAC;CAAC,SAAS,GAAE,IAAE,CAAC,GAAE;EAAC,IAAM,IAAE,KAAG,CAAC,OAAO,GAAG,GAAE,KAAK,CAAC;EAAE,KAAK,IAAE,GAAE,KAAG,KAAK,gBAAgB;CAAC;CAAC,YAAY,GAAE;EAAC,KAAK,gCAAc,IAAI,IAAE,GAAE,KAAK,wBAAoB;GAAC,KAAI,IAAK,CAAC,GAAE,EAAC,UAAS,QAAM,KAAK,eAAc,EAAE,KAAK,GAAE,CAAC;EAAC,GAAW,MAAT,KAAK,MAAQ,KAAK,QAAM;CAAE;CAAC,YAAY,GAAE,GAAE,GAAE;EAAC,IAAG,CAAC,GAAE,OAAO,KAAK,EAAE,KAAK,KAAK;EAAE,KAAK,cAAc,IAAI,CAAC,KAAG,KAAK,cAAc,IAAI,GAAE;GAAC,gBAAa;IAAC,KAAK,cAAc,OAAO,CAAC;GAAC;GAAE,cAAa;EAAC,CAAC;EAAE,IAAK,EAAC,UAAS,MAAG,KAAK,cAAc,IAAI,CAAC;EAAE,EAAE,KAAK,OAAM,CAAC;CAAC;CAAC,iBAAgB;EAAC,KAAK,cAAc,MAAM;CAAC;AAAC,GCAnjBA,IAAN,cAAgB,MAAK;CAAC,YAAY,GAAE,GAAE;EAAC,MAAM,oBAAmB;GAAC,SAAQ,CAAC;GAAE,UAAS,CAAC;EAAC,CAAC,GAAE,KAAK,UAAQ,GAAE,KAAK,gBAAc;CAAC;AAAC,GAAO,IAAN,cAAgB,EAAC;CAAC,YAAY,GAAE,GAAE,GAAE;EAAC,MAAe,EAAE,YAAX,KAAK,IAA6B,IAAf,EAAE,YAAc,GAAE,KAAK,oBAAiB,MAAG;GAAC,IAAG,EAAE,YAAU,KAAK,SAAQ;GAAO,IAAM,IAAE,EAAE,iBAAe,EAAE,aAAa,EAAE;GAAG,MAAI,KAAK,SAAO,EAAE,gBAAgB,GAAE,KAAK,YAAY,EAAE,UAAS,GAAE,EAAE,SAAS;EAAE,GAAE,KAAK,qBAAkB,MAAG;GAAoC,IAAhC,EAAE,YAAU,KAAK,YAAmB,EAAE,iBAAe,EAAE,aAAa,EAAE,QAAM,KAAK,MAAK;GAAO,IAAM,oBAAE,IAAI,IAAE;GAAE,KAAI,IAAK,CAAC,GAAE,EAAC,cAAa,QAAM,KAAK,eAAc,EAAE,IAAI,CAAC,MAAI,EAAE,IAAI,CAAC,GAAE,EAAE,cAAc,IAAIC,EAAE,KAAK,SAAQ,GAAE,GAAE,CAAC,CAAC,CAAC;GAAG,EAAE,gBAAgB;EAAC,GAAE,KAAK,OAAK,GAAW,EAAE,YAAX,KAAK,IAAqC,KAAK,UAAQ,IAApC,KAAK,UAAQ,EAAE,SAAuB,KAAK,gBAAgB,GAAE,KAAK,KAAK,gBAAgB,IAAI;CAAC;CAAC,kBAAiB;EAAC,KAAK,KAAK,iBAAiB,mBAAkB,KAAK,gBAAgB,GAAE,KAAK,KAAK,iBAAiB,oBAAmB,KAAK,iBAAiB;CAAC;CAAC,gBAAe;EAAC,KAAK,KAAK,cAAc,IAAID,EAAE,KAAK,SAAQ,KAAK,IAAI,CAAC;CAAC;AAAC;;;ACA7/B,SAAS,EAAE,EAAC,SAAQ,KAAG;CAAC,QAAO,GAAE,MAAI;EAAC,IAAM,oBAAE,IAAI,QAAM;EAAE,IAAa,OAAOE,KAAjB,UAAmB,OAAM;GAAC,MAAK;IAAC,OAAO,EAAE,IAAI,KAAK,IAAI;GAAC;GAAE,IAAI,GAAE;IAAC,OAAO,EAAE,IAAI,IAAI,EAAE,SAAS,CAAC,GAAE,EAAE,IAAI,KAAK,MAAK,CAAC;GAAC;GAAE,KAAK,GAAE;IAAC,OAAO,EAAE,IAAI,MAAK,IAAIC,EAAE,MAAK;KAAC,SAAQ;KAAE,cAAa;IAAC,CAAC,CAAC,GAAE;GAAC;EAAC;EAAE;GAAC,EAAE,YAAY,iBAAgB,MAAG;IAAC,EAAE,IAAI,GAAE,IAAIA,EAAE,GAAE,EAAC,SAAQ,EAAC,CAAC,CAAC;GAAC,EAAE;GAAE,IAAM,IAAE,OAAO,yBAAyB,GAAED,CAAC,GAAM;GAAE,IAAY,MAAT,KAAK,GAAM;IAAC,IAAM,oBAAE,IAAI,QAAM;IAAE,IAAE;KAAC,MAAK;MAAC,OAAO,EAAE,IAAI,IAAI;KAAC;KAAE,IAAI,GAAE;MAAC,EAAE,IAAI,IAAI,EAAE,SAAS,CAAC,GAAE,EAAE,IAAI,MAAK,CAAC;KAAC;KAAE,cAAa,CAAC;KAAE,YAAW,CAAC;IAAC;GAAC,OAAK;IAAC,IAAM,IAAE,EAAE;IAAI,IAAE;KAAC,GAAG;KAAE,IAAI,GAAE;MAAC,EAAE,IAAI,IAAI,EAAE,SAAS,CAAC,GAAE,GAAG,KAAK,MAAK,CAAC;KAAC;IAAC;GAAC;GAAQ,OAAY,eAAe,GAAEA,GAAE,CAAC;GAAvC;EAAwC;CAAC;AAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACF/iBO,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-B4BktCv0.js → account-CFhrB0LO.js}

@@ -1,16 +1,15 @@
-import { c as e, s as t } from "./auth-BPQUXz9Q.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-B5DCduCy.js";
-import "./login-button-BKp1-O2q.js";
-import "./logout-button-DlU-q-o5.js";
-import "./menu-item-DoTy3MUu.js";
-import "./menu-items-DKKcQrb6.js";
-import "./menu-DCsLCND4.js";
-import "./signup-button-BC4LmOXx.js";
+import { c as e, s as t } from "./auth-Cpf3HYqF.js";
+import { r as n } from "./dialog-DlBtmOm6.js";
+import { a as r, i } from "./components-BlEGdx4i.js";
+import { c as a, i as o } from "./lit-C4H1jI4q.js";
+import "./chevron-down-ujxRg3MD.js";
+import "./button-DbKYu6-r.js";
+import "./avatar-D281qln0.js";
+import "./login-button-C603hM0G.js";
+import "./logout-button-Cxzpq-C3.js";
+import "./menu-item-DBy4o-M4.js";
+import "./menu-aQiqq1ET.js";
+import "./signup-button-CsRaOUI4.js";
 //#region ~icons/lucide/log-in
 var s = class extends HTMLElement {
 	constructor() {
@@ -36,7 +35,7 @@ var l = class extends HTMLElement {
 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;
+var u = a`: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);
 }
@@ -230,23 +229,21 @@ new (y = (p = /*#__PURE__*/ new WeakMap(), b = (_ = n({
 		super.disconnectedCallback(), this.unsubscribeSessionUpdated?.();
 	}
 	render() {
-		return this.auth.account ? a`
-        <solid-ui-menu>
+		return this.auth.account ? o`
+        <solid-ui-menu placement="bottom-end" distance="5">
             <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-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>
-    ` : a`
+    ` : o`
         <solid-ui-login-button>
             <solid-ui-button slot="trigger">
                 <icon-lucide-user slot="left-icon"></icon-lucide-user>
@@ -276,4 +273,4 @@ var P = N;
 //#endregion
 export { N as n, P as t };
 
-//# sourceMappingURL=account-B4BktCv0.js.map
+//# sourceMappingURL=account-CFhrB0LO.js.map

package/dist/chunks/account-CFhrB0LO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-CFhrB0LO.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'\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 placement=\"bottom-end\" distance=\"5\">\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-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>\n    `\n  }\n}\n","import Account from './Account'\n\nexport { Account }\nexport default Account\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACiByCO,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;;;;;;;;;;;;;;CA+Bf;AACF,GAAC,CAAAkC,GAAA,CAAAb,GAAAD,IAAAe,GAAA,CAAA5B,GAAA6B,MAAAC,EAAAtB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GAzDoCJ,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;;;ACrBH,IAAA,IAAeK"}

package/dist/chunks/{auth-BPQUXz9Q.js → auth-Cpf3HYqF.js}

@@ -1,17 +1,16 @@
 import { g as e, m as t, p as n, u as r } from "./solid-logic.esm-7q6hmfIF.js";
-import { t as i } from "./create-context-IPEkU7ze.js";
-import { t as a } from "./consume-BefsVEGX.js";
-import "./context-ImtIQIYP.js";
-import { n as o, r as s, t as c } from "./components-Dlw2zOvI.js";
-import { i as l, n as u, s as d } from "./lit-CC2G_f_C.js";
+import { r as i } from "./context-DJ_8r7Oc.js";
+import { r as a } from "./dialog-DlBtmOm6.js";
+import { a as o, i as s, o as c } from "./components-BlEGdx4i.js";
+import { c as l, i as u, n as d } from "./lit-C4H1jI4q.js";
 import { t as f } from "./show-dialog-eEW5yRBv.js";
-import { i as p, n as m, r as h } from "./decorators-CJJL4XBH.js";
-import "./combobox-eju-wypA.js";
-import "./dialog-DmDA1aY8.js";
-import "./button-GHRF3psH.js";
-import "./dialog-content-C8VhHg5G.js";
-import "./dialog-footer-CtHFoTZS.js";
-import "./combobox-option-CW1ZwMC7.js";
+import { n as p, r as m, t as h } from "./decorators-BiCkPd_3.js";
+import "./chevron-down-ujxRg3MD.js";
+import "./button-DbKYu6-r.js";
+import "./dialog-content-CMeH_BD7.js";
+import "./dialog-footer-D0zzIMlx.js";
+import "./combobox-Dtgc8qqO.js";
+import "./combobox-option-Ck0mu4Gc.js";
 //#region src/lib/auth/Account.ts
 var g = class {
 	webId;
@@ -39,25 +38,29 @@ var g = class {
 	id;
 	template;
 	element;
+	config;
 	_resolveElement;
-	constructor(e) {
-		this.id = o(), this.template = e, this.element = new Promise((e) => {
+	constructor(e, t = {}) {
+		this.id = c(), this.template = e, this.config = t, this.element = new Promise((e) => {
 			this._resolveElement = e;
 		});
 	}
 	setElement(e) {
 		this._resolveElement(e);
 	}
+	closed(e) {
+		this.config.onClose?.(e);
+	}
 };
 //#endregion
 //#region src/lib/dialogs/helpers.ts
-function x(e) {
-	let t = new b(e);
-	return document.dispatchEvent(new f(t)), t.element;
+function x(e, t = {}) {
+	let n = new b(e, t);
+	return document.dispatchEvent(new f(n)), n.element;
 }
 //#endregion
 //#region src/components/login-modal/LoginModal.styles.css
-var S = d`.error-message{color:var(--solid-ui-color-error);font-size:var(--solid-ui-font-size-sm);text-align:center;width:100%;font-weight:500}solid-ui-combobox{width:100%}solid-ui-button{flex:1}`, C, w, T, E, D, O, k, A, j, ee, M, N, P, F, I, L, R, z, B, V, H, U, W, G, K;
+var S = l`.error-message{color:var(--solid-ui-color-error);font-size:var(--solid-ui-font-size-sm);text-align:center;width:100%;font-weight:500}solid-ui-combobox{width:100%}solid-ui-button{flex:1}`, C, w, T, E, D, O, k, A, j, ee, M, N, P, F, I, L, R, z, B, V, H, U, W, G, K;
 function q(e, t, n) {
 	te(e, t), t.set(e, n);
 }
@@ -229,15 +232,15 @@ function ae(e) {
 function oe(e) {
 	return e;
 }
-M = [s("solid-ui-login-modal")];
+M = [o("solid-ui-login-modal")];
 var $;
-new (G = (T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k = /*#__PURE__*/ new WeakMap(), A = /*#__PURE__*/ new WeakMap(), K = (N = p({
+new (G = (T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k = /*#__PURE__*/ new WeakMap(), A = /*#__PURE__*/ new WeakMap(), K = (N = m({
 	type: String,
 	reflect: !0
-}), F = h(), L = h(), z = h(), V = a({
+}), F = p(), L = p(), z = p(), V = a({
 	context: y,
 	subscribe: !0
-}), U = m("solid-ui-dialog"), "issuerUrl"), w = class extends c {
+}), U = h("solid-ui-dialog"), "issuerUrl"), w = class extends s {
 	constructor(...e) {
 		super(...e), q(this, T, (j(this), P(this, ""))), q(this, E, I(this, "")), q(this, D, R(this, !1)), q(this, O, B(this, !1)), q(this, k, H(this, v)), q(this, A, W(this, null));
 	}
@@ -282,15 +285,15 @@ new (G = (T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), D =
 	}
 	render() {
 		let e = r();
-		return l`
+		return u`
         <solid-ui-dialog title="Select an identity provider">
             <form @submit=${this.onSubmit}>
                 <solid-ui-dialog-content>
                     <solid-ui-combobox label="Solid Identity Provider" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>
-                        ${e.map((e) => l`<solid-ui-combobox-option value="${e.uri}">${e.name}</solid-ui-combobox-option>`)}
+                        ${e.map((e) => u`<solid-ui-combobox-option value="${e.uri}">${e.name}</solid-ui-combobox-option>`)}
                     </solid-ui-combobox>
 
-                    ${this.failed ? l`<p class="error-message">Something went wrong</p>` : u}
+                    ${this.failed ? u`<p class="error-message">Something went wrong</p>` : d}
                 </solid-ui-dialog-content>
 
                 <solid-ui-dialog-footer>
@@ -358,7 +361,7 @@ new (G = (T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), D =
 		1,
 		"dialog"
 	]
-], M, 0, void 0, c), w), C = class extends oe {
+], M, 0, void 0, s), w), C = class extends oe {
 	constructor() {
 		super($), Z(this, "styles", S), ee();
 	}
@@ -380,7 +383,7 @@ var ue = class {
 	}
 	async login(e) {
 		if (!e) {
-			x(l`<solid-ui-login-modal></solid-ui-login-modal>`);
+			x(u`<solid-ui-login-modal></solid-ui-login-modal>`);
 			return;
 		}
 		n.store.updater.flagAuthorizationMetadata();
@@ -407,4 +410,4 @@ var ue = class {
 //#endregion
 export { x as a, y as c, $ as i, _ as l, ue as n, b as o, se as r, v as s, ce as t, g as u };
 
-//# sourceMappingURL=auth-BPQUXz9Q.js.map
+//# sourceMappingURL=auth-Cpf3HYqF.js.map

package/dist/chunks/auth-Cpf3HYqF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-Cpf3HYqF.js","names":["Account","webId","avatarUrl","constructor","NoopAuth","account","login","Error","signup","logout","onSessionUpdated","undefined","createContext","NoopAuth","DEFAULT_AUTH_CONTEXT","authContext","Symbol","generateId","Dialog","id","template","element","config","_resolveElement","constructor","Promise","resolve","setElement","closed","data","onClose","ShowDialogEvent","Dialog","showDialog","template","config","dialog","document","dispatchEvent","element","customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","uri","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","LoginModal","authSession","solidLogicSingleton","Account","showDialog","html","ns","DEFAULT_SIGNUP_URL","findAccountImage","webId","store","me","sym","image","any","sioc","foaf","vcard","value","undefined","SolidAuth","constructor","signupUrl","account","info","isActive","isLoggedIn","Boolean","avatarUrl","login","loginUrl","updater","flagAuthorizationMetadata","preLoginRedirectHash","URL","window","location","href","hash","localStorage","setItem","locationUrl","signup","open","logout","onSessionUpdated","callback","sessionEventTarget","listener","addEventListener","events","on","removeEventListener","off"],"sources":["../../src/lib/auth/Account.ts","../../src/lib/auth/NoopAuth.ts","../../src/lib/auth/context.ts","../../src/lib/dialogs/Dialog.ts","../../src/lib/dialogs/helpers.ts","../../src/components/login-modal/LoginModal.styles.css","../../src/components/login-modal/LoginModal.ts","../../src/components/login-modal/index.ts","../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["export default class Account {\n  public readonly webId: string\n  public readonly avatarUrl?: string\n\n  constructor (webId: string, avatarUrl?: string) {\n    this.webId = webId\n    this.avatarUrl = avatarUrl\n  }\n}\n","import { AuthContext } from './context'\nimport Account from './Account'\n\nexport default class NoopAuth implements AuthContext {\n  get account (): Account | null {\n    return null\n  }\n\n  async login () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async signup () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async logout () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  onSessionUpdated () {\n    return () => undefined\n  }\n}\n","import { createContext } from '@lit/context'\nimport NoopAuth from './NoopAuth'\nimport Account from './Account'\n\nexport interface AuthContext {\n  account: Account | null;\n  login(loginUrl?: string): Promise<void>;\n  signup(): Promise<void>;\n  logout(): Promise<void>;\n  onSessionUpdated(callback: () => unknown): () => void;\n}\n\nexport const DEFAULT_AUTH_CONTEXT = new NoopAuth()\nexport const authContext = createContext<AuthContext>(Symbol('auth'))\n","import { TemplateResult } from 'lit'\nimport { generateId } from '@/lib/components'\n\nexport interface DialogConfig {\n  onClose?(data?: unknown): void\n}\n\nexport default class Dialog {\n  public readonly id: string\n  public readonly template: TemplateResult\n  public readonly element: Promise<HTMLElement>\n  public readonly config: DialogConfig\n  private _resolveElement!: (element: HTMLElement) => void\n\n  constructor (template: TemplateResult, config: DialogConfig = {}) {\n    this.id = generateId()\n    this.template = template\n    this.config = config\n    this.element = new Promise(resolve => {\n      this._resolveElement = resolve\n    })\n  }\n\n  setElement (element: HTMLElement) {\n    this._resolveElement(element)\n  }\n\n  closed (data?: unknown) {\n    this.config.onClose?.(data)\n  }\n}\n","import { TemplateResult } from 'lit'\nimport { ShowDialogEvent } from './events/show-dialog'\nimport Dialog, { DialogConfig } from './Dialog'\n\nexport function showDialog<T extends HTMLElement = HTMLElement> (template: TemplateResult, config: DialogConfig = {}): Promise<T> {\n  const dialog = new Dialog(template, config)\n\n  document.dispatchEvent(new ShowDialogEvent(dialog))\n\n  return dialog.element as Promise<T>\n}\n",".error-message {\n    color: var(--solid-ui-color-error);\n    font-size: var(--solid-ui-font-size-sm);\n    font-weight: 500;\n    text-align: center;\n    width: 100%;\n}\n\nsolid-ui-combobox {\n    width: 100%;\n}\n\nsolid-ui-button {\n    flex: 1;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = (e.target as Combobox).value\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n","import LoginModal from './LoginModal'\n\nexport { LoginModal }\nexport default LoginModal\n","import { authSession, solidLogicSingleton } from 'solid-logic'\nimport Account from '@/lib/auth/Account'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\nimport { html } from 'lit'\nimport ns from '@/lib/ns'\n\nimport '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(html`<solid-ui-login-modal></solid-ui-login-modal>`)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', callback)\n      authSession.events.on('logout', callback)\n      authSession.events.on('sessionRestore', callback)\n    }\n\n    return () => {\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', callback)\n        authSession.events.off('logout', callback)\n        authSession.events.off('sessionRestore', callback)\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/{avatar-B5DCduCy.js → avatar-D281qln0.js}

@@ -1,7 +1,7 @@
-import { c as e, s as t } from "./auth-BPQUXz9Q.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 { c as e, s as t } from "./auth-Cpf3HYqF.js";
+import { r as n } from "./dialog-DlBtmOm6.js";
+import { a as r, i } from "./components-BlEGdx4i.js";
+import { c as a, i as o } from "./lit-C4H1jI4q.js";
 //#region ~icons/lucide/circle-user
 var s = class extends HTMLElement {
 	constructor() {
@@ -11,7 +11,7 @@ var s = class extends HTMLElement {
 customElements.get("icon-lucide-circle-user") || customElements.define("icon-lucide-circle-user", s);
 //#endregion
 //#region src/components/avatar/Avatar.styles.css
-var c = o`:host{--size:150px;width:var(--size);height:var(--size);display:inline-flex;overflow:hidden;& img{object-fit:cover;width:100%;height:100%}}:host(:state(fallback)){background:var(--solid-ui-color-gray-100);justify-content:center;align-items:center;& icon-lucide-circle-user{color:var(--solid-ui-color-gray-200);width:50%;height:50%}}`, l, u, d, f, p, m, h, g, _, v;
+var c = a`:host{--size:150px;width:var(--size);height:var(--size);display:inline-flex;overflow:hidden;& img{object-fit:cover;width:100%;height:100%}}:host(:state(fallback)){background:var(--solid-ui-color-gray-100);justify-content:center;align-items:center;& icon-lucide-circle-user{color:var(--solid-ui-color-gray-200);width:50%;height:50%}}`, l, u, d, f, p, m, h, g, _, v;
 function y(e, t, n) {
 	b(e, t), t.set(e, n);
 }
@@ -199,9 +199,9 @@ new (_ = (d = /*#__PURE__*/ new WeakMap(), v = (h = n({
 		x(d, this, e);
 	}
 	render() {
-		return this.auth.account?.avatarUrl ? a`
+		return this.auth.account?.avatarUrl ? o`
         <img src="${this.auth.account?.avatarUrl}" alt="" />
-    ` : a`
+    ` : o`
           <icon-lucide-circle-user></icon-lucide-circle-user>
       `;
 	}
@@ -220,4 +220,4 @@ var M = j;
 //#endregion
 export { j as n, M as t };
 
-//# sourceMappingURL=avatar-B5DCduCy.js.map
+//# sourceMappingURL=avatar-D281qln0.js.map

package/dist/chunks/{avatar-B5DCduCy.js.map → avatar-D281qln0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-B5DCduCy.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","fallback","component","default","Avatar"],"sources":["../../src/components/avatar/Avatar.styles.css","../../src/components/avatar/Avatar.ts","../../src/components/avatar/index.ts"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host(:state(fallback)) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n","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\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n","import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO9BX,EAAQ;CAAEY,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACoCf,EAAa;CAAAiB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOVjB,CAAoB,EAAA;CAAA;CAAA,KAAAO,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAxCc,KAAIC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEXE,SAAU;EAOlB,OANK,KAAKH,KAAKI,SAASC,YAMjB1B,CAAI;oBACK,KAAKqB,KAAKI,SAASC,UAAS;QANnC1B,CAAI;;;CAQf;AACF,GAAC,CAAA2B,GAAA,CAAAR,GAAAD,IAAAU,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAjB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GApBmCN,CAAY,GAAAe,IAAAkB,IAAA,cAAAC,EAAA;CAAAjB,cAAA;EAAA,MAAAV,CAAA,GAAA4B,EAAA,MAAA,UAC9B9B,CAAM,GAAA8B,EAAA,MAAA,UACN,EACdC,WAAWC,MAAsB,CAACA,EAAUd,KAAKI,SAASC,UAC5D,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAzB,GAAA,KAAA,CAAA,GAAAyB,GAAA;;;ACXH,IAAA,IAAeM"}
+{"version":3,"file":"avatar-D281qln0.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","fallback","component","default","Avatar"],"sources":["../../src/components/avatar/Avatar.styles.css","../../src/components/avatar/Avatar.ts","../../src/components/avatar/index.ts"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host(:state(fallback)) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n","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\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n","import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO9BX,EAAQ;CAAEY,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACoCf,EAAa;CAAAiB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOVjB,CAAoB,EAAA;CAAA;CAAA,KAAAO,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAxCc,KAAIC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEXE,SAAU;EAOlB,OANK,KAAKH,KAAKI,SAASC,YAMjB1B,CAAI;oBACK,KAAKqB,KAAKI,SAASC,UAAS;QANnC1B,CAAI;;;CAQf;AACF,GAAC,CAAA2B,GAAA,CAAAR,GAAAD,IAAAU,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAjB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GApBmCN,CAAY,GAAAe,IAAAkB,IAAA,cAAAC,EAAA;CAAAjB,cAAA;EAAA,MAAAV,CAAA,GAAA4B,EAAA,MAAA,UAC9B9B,CAAM,GAAA8B,EAAA,MAAA,UACN,EACdC,WAAWC,MAAsB,CAACA,EAAUd,KAAKI,SAASC,UAC5D,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAzB,GAAA,KAAA,CAAA,GAAAyB,GAAA;;;ACXH,IAAA,IAAeM"}