solid-ui 3.1.3-4 → 3.1.3-6

package/dist/chunks/dialog-DlBtmOm6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-DlBtmOm6.js","names":["t","t","customElement","WebComponent","consume","html","nothing","property","query","dialogContext","DEFAULT_DIALOG_CONTEXT","DialogTrait","styles","_classDecs","_Dialog","_Dialog2","_A","WeakMap","_B","_C","_ref","_titleDecs","type","String","reflect","_nativeDialogDecs","_contextDecs","context","subscribe","_Dialog3","Dialog","_classPrivateFieldGet","title","v","_classPrivateFieldSet","nativeDialog","constructor","_classPrivateFieldInitSpec","_initProto","_init_title","_init_nativeDialog","_init_context","_defineProperty","dialogTrait","addTrait","getContext","close","data","firstUpdated","showModal","addEventListener","render","header","e","c","_initClass","_applyDecs","_Class","_identity","default","Dialog"],"sources":["../../node_modules/@lit/context/lib/controllers/context-consumer.js","../../node_modules/@lit/context/lib/decorators/consume.js","../../src/components/dialog/Dialog.styles.css","../../src/components/dialog/Dialog.ts","../../src/components/dialog/index.ts"],"sourcesContent":["import{ContextRequestEvent as t}from\"../context-request-event.js\";\n/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */class s{constructor(t,s,i,h){if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(t,s)=>{this.unsubscribe&&(this.unsubscribe!==s&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=t,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(t,s)),this.unsubscribe=s},this.host=t,void 0!==s.context){const t=s;this.context=t.context,this.callback=t.callback,this.subscribe=t.subscribe??!1}else this.context=s,this.callback=i,this.subscribe=h??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new t(this.context,this.host,this.t,this.subscribe))}}export{s as ContextConsumer};\n//# sourceMappingURL=context-consumer.js.map\n","import{ContextConsumer as t}from\"../controllers/context-consumer.js\";\n/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function c({context:c,subscribe:e}){return(o,n)=>{\"object\"==typeof n?n.addInitializer((function(){new t(this,{context:c,callback:t=>{o.set.call(this,t)},subscribe:e})})):o.constructor.addInitializer((o=>{new t(o,{context:c,callback:t=>{o[n]=t},subscribe:e})}))}}export{c as consume};\n//# sourceMappingURL=consume.js.map\n","dialog {\n  margin: auto;\n  border-radius: 5px;\n  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n  min-width: 343px;\n\n  solid-ui-dialog-header solid-ui-button {\n    color: var(--solid-ui-color-gray-600);\n  }\n}\n\ndialog:not([open]) {\n  display: none;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { DialogContext, dialogContext, DEFAULT_DIALOG_CONTEXT } from '@/lib/dialogs/context'\nimport DialogTrait from '@/lib/components/traits/DialogTrait'\n\nimport '~icons/lucide/x'\nimport '@/components/dialog-header'\nimport '@/components/button'\n\nimport styles from './Dialog.styles.css'\n\n@customElement('solid-ui-dialog')\nexport default class Dialog extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor title = ''\n\n  @query('dialog')\n  private accessor nativeDialog: HTMLDialogElement | null = null\n\n  @consume({ context: dialogContext, subscribe: true })\n  private accessor context: DialogContext = DEFAULT_DIALOG_CONTEXT\n\n  private dialogTrait: DialogTrait<unknown>\n\n  constructor () {\n    super()\n\n    this.dialogTrait = this.addTrait(new DialogTrait(this, {\n      getContext: () => this.context\n    }))\n  }\n\n  public close (data?: unknown) {\n    this.dialogTrait.close(data)\n  }\n\n  protected firstUpdated () {\n    if (!this.nativeDialog) {\n      return\n    }\n\n    this.nativeDialog.showModal()\n    this.nativeDialog.addEventListener('close', () => this.close())\n  }\n\n  protected render () {\n    const header = this.title\n      ? html`\n        <solid-ui-dialog-header>\n            <h1>${this.title}</h1>\n\n            <solid-ui-button variant=\"ghost\" @click=${this.close}>\n                <span class=\"sr-only\">Close</span>\n                <icon-lucide-x slot=\"icon\"></icon-lucide-x>\n            </solid-ui-button>\n        </solid-ui-dialog-header>\n        `\n      : nothing\n\n    return html`\n        <dialog>\n            <slot name=\"header\">${header}</slot>\n            <slot></slot>\n            <slot name=\"footer\"></slot>\n        </dialog>\n    `\n  }\n}\n","import Dialog from './Dialog'\n\nexport { Dialog }\nexport default Dialog\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/chunks/{dialog-content-C8VhHg5G.js → dialog-content-CMeH_BD7.js}

@@ -1,5 +1,5 @@
-import { r as e, t } from "./components-Dlw2zOvI.js";
-import { s as n } from "./lit-CC2G_f_C.js";
+import { a as e, i as t } from "./components-BlEGdx4i.js";
+import { c as n } from "./lit-C4H1jI4q.js";
 //#region src/components/dialog-content/DialogContent.styles.css
 var r = n`:host{flex-direction:column;gap:15px;padding:15px;display:flex}`, i, a, o, s, c;
 function l(e, t, n) {
@@ -170,4 +170,4 @@ var _ = g;
 //#endregion
 export { g as n, _ as t };
 
-//# sourceMappingURL=dialog-content-C8VhHg5G.js.map
+//# sourceMappingURL=dialog-content-CMeH_BD7.js.map

package/dist/chunks/{dialog-content-C8VhHg5G.js.map → dialog-content-CMeH_BD7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-content-C8VhHg5G.js","names":["customElement","WebComponent","styles","_classDecs","_DialogContent","_DialogContent2","_DialogContent3","DialogContent","_initClass","_applyDecs","c","_Class","_identity","constructor","_defineProperty","default","DialogContent"],"sources":["../../src/components/dialog-content/DialogContent.styles.css","../../src/components/dialog-content/DialogContent.ts","../../src/components/dialog-content/index.ts"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  padding: 15px;\n}\n","import { customElement, WebComponent } from '@/lib/components'\n\nimport styles from './DialogContent.styles.css'\n\n@customElement('solid-ui-dialog-content')\nexport default class DialogContent extends WebComponent {\n  static styles = styles\n}\n","import DialogContent from './DialogContent'\n\nexport { DialogContent }\nexport default DialogContent\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACE+CG,IAAA,CAE9CH,EAAc,yBAAyB,CAAC;AAAA,IAAAI;AAAA,KAAAC,KAAAC,IAAzC,cAC2CL,EAAa,CAAA,GAEvD,CAAAG,GAAAI,KAAAC,EAAAH,GAAA,CAAA,GAAAH,GAAA,GAAA,KAAA,GAF0CF,CAAY,EAAAS,GAAAJ,IAAAK,IAAA,cAAAC,EAAA;CAAAC,cAAA;EAAA,MAAAT,CAAA,GAAAU,EAAA,MAAA,UACrCZ,CAAM,GAAAM,EAAA;CAAA;AAAA,GAAAM,EAAAH,GAAAN,GAAA,KAAA,CAAA,GAAAM,GAAA;;;ACHxB,IAAA,IAAeK"}
+{"version":3,"file":"dialog-content-CMeH_BD7.js","names":["customElement","WebComponent","styles","_classDecs","_DialogContent","_DialogContent2","_DialogContent3","DialogContent","_initClass","_applyDecs","c","_Class","_identity","constructor","_defineProperty","default","DialogContent"],"sources":["../../src/components/dialog-content/DialogContent.styles.css","../../src/components/dialog-content/DialogContent.ts","../../src/components/dialog-content/index.ts"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  padding: 15px;\n}\n","import { customElement, WebComponent } from '@/lib/components'\n\nimport styles from './DialogContent.styles.css'\n\n@customElement('solid-ui-dialog-content')\nexport default class DialogContent extends WebComponent {\n  static styles = styles\n}\n","import DialogContent from './DialogContent'\n\nexport { DialogContent }\nexport default DialogContent\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACE+CG,IAAA,CAE9CH,EAAc,yBAAyB,CAAC;AAAA,IAAAI;AAAA,KAAAC,KAAAC,IAAzC,cAC2CL,EAAa,CAAA,GAEvD,CAAAG,GAAAI,KAAAC,EAAAH,GAAA,CAAA,GAAAH,GAAA,GAAA,KAAA,GAF0CF,CAAY,EAAAS,GAAAJ,IAAAK,IAAA,cAAAC,EAAA;CAAAC,cAAA;EAAA,MAAAT,CAAA,GAAAU,EAAA,MAAA,UACrCZ,CAAM,GAAAM,EAAA;CAAA;AAAA,GAAAM,EAAAH,GAAAN,GAAA,KAAA,CAAA,GAAAM,GAAA;;;ACHxB,IAAA,IAAeK"}

package/dist/chunks/{dialog-footer-CtHFoTZS.js → dialog-footer-D0zzIMlx.js}

@@ -1,5 +1,5 @@
-import { r as e, t } from "./components-Dlw2zOvI.js";
-import { s as n } from "./lit-CC2G_f_C.js";
+import { a as e, i as t } from "./components-BlEGdx4i.js";
+import { c as n } from "./lit-C4H1jI4q.js";
 //#region src/components/dialog-footer/DialogFooter.styles.css
 var r = n`:host{border-top:1px solid var(--solid-ui-color-slate-200);justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}`, i, a, o, s, c;
 function l(e, t, n) {
@@ -170,4 +170,4 @@ var _ = g;
 //#endregion
 export { g as n, _ as t };
 
-//# sourceMappingURL=dialog-footer-CtHFoTZS.js.map
+//# sourceMappingURL=dialog-footer-D0zzIMlx.js.map

package/dist/chunks/{dialog-footer-CtHFoTZS.js.map → dialog-footer-D0zzIMlx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-footer-CtHFoTZS.js","names":["customElement","WebComponent","styles","_classDecs","_DialogFooter","_DialogFooter2","_DialogFooter3","DialogFooter","_initClass","_applyDecs","c","_Class","_identity","constructor","_defineProperty","default","DialogFooter"],"sources":["../../src/components/dialog-footer/DialogFooter.styles.css","../../src/components/dialog-footer/DialogFooter.ts","../../src/components/dialog-footer/index.ts"],"sourcesContent":[":host {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 15px;\n  gap: 15px;\n  border-top: 1px solid var(--solid-ui-color-slate-200);\n}\n","import { customElement, WebComponent } from '@/lib/components'\n\nimport styles from './DialogFooter.styles.css'\n\n@customElement('solid-ui-dialog-footer')\nexport default class DialogFooter extends WebComponent {\n  static styles = styles\n}\n","import DialogFooter from './DialogFooter'\n\nexport { DialogFooter }\nexport default DialogFooter\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACE8CG,IAAA,CAE7CH,EAAc,wBAAwB,CAAC;AAAA,IAAAI;AAAA,KAAAC,KAAAC,IAAxC,cAC0CL,EAAa,CAAA,GAEtD,CAAAG,GAAAI,KAAAC,EAAAH,GAAA,CAAA,GAAAH,GAAA,GAAA,KAAA,GAFyCF,CAAY,EAAAS,GAAAJ,IAAAK,IAAA,cAAAC,EAAA;CAAAC,cAAA;EAAA,MAAAT,CAAA,GAAAU,EAAA,MAAA,UACpCZ,CAAM,GAAAM,EAAA;CAAA;AAAA,GAAAM,EAAAH,GAAAN,GAAA,KAAA,CAAA,GAAAM,GAAA;;;ACHxB,IAAA,IAAeK"}
+{"version":3,"file":"dialog-footer-D0zzIMlx.js","names":["customElement","WebComponent","styles","_classDecs","_DialogFooter","_DialogFooter2","_DialogFooter3","DialogFooter","_initClass","_applyDecs","c","_Class","_identity","constructor","_defineProperty","default","DialogFooter"],"sources":["../../src/components/dialog-footer/DialogFooter.styles.css","../../src/components/dialog-footer/DialogFooter.ts","../../src/components/dialog-footer/index.ts"],"sourcesContent":[":host {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 15px;\n  gap: 15px;\n  border-top: 1px solid var(--solid-ui-color-slate-200);\n}\n","import { customElement, WebComponent } from '@/lib/components'\n\nimport styles from './DialogFooter.styles.css'\n\n@customElement('solid-ui-dialog-footer')\nexport default class DialogFooter extends WebComponent {\n  static styles = styles\n}\n","import DialogFooter from './DialogFooter'\n\nexport { DialogFooter }\nexport default DialogFooter\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACE8CG,IAAA,CAE7CH,EAAc,wBAAwB,CAAC;AAAA,IAAAI;AAAA,KAAAC,KAAAC,IAAxC,cAC0CL,EAAa,CAAA,GAEtD,CAAAG,GAAAI,KAAAC,EAAAH,GAAA,CAAA,GAAAH,GAAA,GAAA,KAAA,GAFyCF,CAAY,EAAAS,GAAAJ,IAAAK,IAAA,cAAAC,EAAA;CAAAC,cAAA;EAAA,MAAAT,CAAA,GAAAU,EAAA,MAAA,UACpCZ,CAAM,GAAAM,EAAA;CAAA;AAAA,GAAAM,EAAAH,GAAAN,GAAA,KAAA,CAAA,GAAAM,GAAA;;;ACHxB,IAAA,IAAeK"}

package/dist/chunks/{dialog-header-D9jjujFf.js → dialog-header-DeC1iiLD.js}

@@ -1,5 +1,5 @@
-import { r as e, t } from "./components-Dlw2zOvI.js";
-import { s as n } from "./lit-CC2G_f_C.js";
+import { a as e, i as t } from "./components-BlEGdx4i.js";
+import { c as n } from "./lit-C4H1jI4q.js";
 //#region src/components/dialog-header/DialogHeader.styles.css
 var r = n`:host{background:var(--solid-ui-color-slate-50);border-bottom:1px solid var(--solid-ui-color-slate-200);font-size:var(--solid-ui-font-size-lg);justify-content:space-between;align-items:center;gap:15px;padding:15px;font-weight:500;display:flex}`, i, a, o, s, c;
 function l(e, t, n) {
@@ -170,4 +170,4 @@ var _ = g;
 //#endregion
 export { g as n, _ as t };
 
-//# sourceMappingURL=dialog-header-D9jjujFf.js.map
+//# sourceMappingURL=dialog-header-DeC1iiLD.js.map

package/dist/chunks/{dialog-header-D9jjujFf.js.map → dialog-header-DeC1iiLD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-header-D9jjujFf.js","names":["customElement","WebComponent","styles","_classDecs","_DialogHeader","_DialogHeader2","_DialogHeader3","DialogHeader","_initClass","_applyDecs","c","_Class","_identity","constructor","_defineProperty","default","DialogHeader"],"sources":["../../src/components/dialog-header/DialogHeader.styles.css","../../src/components/dialog-header/DialogHeader.ts","../../src/components/dialog-header/index.ts"],"sourcesContent":[":host {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 15px;\n  gap: 15px;\n  background: var(--solid-ui-color-slate-50);\n  border-bottom: 1px solid var(--solid-ui-color-slate-200);\n  font-size: var(--solid-ui-font-size-lg);\n  font-weight: 500;\n}\n","import { customElement, WebComponent } from '@/lib/components'\n\nimport styles from './DialogHeader.styles.css'\n\n@customElement('solid-ui-dialog-header')\nexport default class DialogHeader extends WebComponent {\n  static styles = styles\n}\n","import DialogHeader from './DialogHeader'\n\nexport { DialogHeader }\nexport default DialogHeader\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACE8CG,IAAA,CAE7CH,EAAc,wBAAwB,CAAC;AAAA,IAAAI;AAAA,KAAAC,KAAAC,IAAxC,cAC0CL,EAAa,CAAA,GAEtD,CAAAG,GAAAI,KAAAC,EAAAH,GAAA,CAAA,GAAAH,GAAA,GAAA,KAAA,GAFyCF,CAAY,EAAAS,GAAAJ,IAAAK,IAAA,cAAAC,EAAA;CAAAC,cAAA;EAAA,MAAAT,CAAA,GAAAU,EAAA,MAAA,UACpCZ,CAAM,GAAAM,EAAA;CAAA;AAAA,GAAAM,EAAAH,GAAAN,GAAA,KAAA,CAAA,GAAAM,GAAA;;;ACHxB,IAAA,IAAeK"}
+{"version":3,"file":"dialog-header-DeC1iiLD.js","names":["customElement","WebComponent","styles","_classDecs","_DialogHeader","_DialogHeader2","_DialogHeader3","DialogHeader","_initClass","_applyDecs","c","_Class","_identity","constructor","_defineProperty","default","DialogHeader"],"sources":["../../src/components/dialog-header/DialogHeader.styles.css","../../src/components/dialog-header/DialogHeader.ts","../../src/components/dialog-header/index.ts"],"sourcesContent":[":host {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 15px;\n  gap: 15px;\n  background: var(--solid-ui-color-slate-50);\n  border-bottom: 1px solid var(--solid-ui-color-slate-200);\n  font-size: var(--solid-ui-font-size-lg);\n  font-weight: 500;\n}\n","import { customElement, WebComponent } from '@/lib/components'\n\nimport styles from './DialogHeader.styles.css'\n\n@customElement('solid-ui-dialog-header')\nexport default class DialogHeader extends WebComponent {\n  static styles = styles\n}\n","import DialogHeader from './DialogHeader'\n\nexport { DialogHeader }\nexport default DialogHeader\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACE8CG,IAAA,CAE7CH,EAAc,wBAAwB,CAAC;AAAA,IAAAI;AAAA,KAAAC,KAAAC,IAAxC,cAC0CL,EAAa,CAAA,GAEtD,CAAAG,GAAAI,KAAAC,EAAAH,GAAA,CAAA,GAAAH,GAAA,GAAA,KAAA,GAFyCF,CAAY,EAAAS,GAAAJ,IAAAK,IAAA,cAAAC,EAAA;CAAAC,cAAA;EAAA,MAAAT,CAAA,GAAAU,EAAA,MAAA,UACpCZ,CAAM,GAAAM,EAAA;CAAA;AAAA,GAAAM,EAAAH,GAAAN,GAAA,KAAA,CAAA,GAAAM,GAAA;;;ACHxB,IAAA,IAAeK"}

package/dist/chunks/{dialogs-root-C4igEIk0.js → dialogs-root-BcUcRuAt.js}

@@ -1,9 +1,8 @@
-import { r as e, t } from "./components-Dlw2zOvI.js";
-import { i as n } from "./lit-CC2G_f_C.js";
-import { t as r } from "./close-dialog-qpl1X44Q.js";
+import "./DialogProvider-DphduSXG.js";
+import { a as e, i as t, r as n } from "./components-BlEGdx4i.js";
+import { i as r } from "./lit-C4H1jI4q.js";
 import { t as i } from "./show-dialog-eEW5yRBv.js";
-import { r as a } from "./decorators-CJJL4XBH.js";
-import "./DialogProvider-BbWGIFN5.js";
+import { n as a } from "./decorators-BiCkPd_3.js";
 //#region src/components/dialogs-root/DialogsRoot.ts
 var o, s, c, l, u, d, f;
 function p(e, t, n) {
@@ -181,12 +180,14 @@ f = (u = a(), "dialogs"), o = class extends t {
 	connectedCallback() {
 		super.connectedCallback(), this.addGlobalEventListener(i.eventName, (e) => {
 			e.stopImmediatePropagation(), this.dialogs = [...this.dialogs, e.dialog];
-		}), this.addGlobalEventListener(r.eventName, (e) => {
-			e.stopImmediatePropagation(), this.dialogs = this.dialogs.filter((t) => t.id !== e.id);
+		}), this.addGlobalEventListener(n.eventName, (e) => {
+			e.stopImmediatePropagation();
+			let t = this.dialogs.find((t) => t.id === e.id);
+			this.dialogs = this.dialogs.filter((t) => t.id !== e.id), t?.closed(e.data);
 		});
 	}
 	render() {
-		return n`${this.dialogs.map((e) => n`
+		return r`${this.dialogs.map((e) => r`
         <solid-ui-dialog-provider
             dialogId="${e.id}"
             @mounted=${(t) => e.setElement(t.detail)}
@@ -206,4 +207,4 @@ var T = C;
 //#endregion
 export { C as n, T as t };
 
-//# sourceMappingURL=dialogs-root-C4igEIk0.js.map
+//# sourceMappingURL=dialogs-root-BcUcRuAt.js.map

package/dist/chunks/dialogs-root-BcUcRuAt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogs-root-BcUcRuAt.js","names":["customElement","WebComponent","html","state","ShowDialogEvent","CloseDialogEvent","_classDecs","_DialogsRoot","_A","WeakMap","_ref","_dialogsDecs","DialogsRoot","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_dialogs","_classPrivateFieldGet","dialogs","v","_classPrivateFieldSet","connectedCallback","addGlobalEventListener","eventName","event","stopImmediatePropagation","dialog","find","id","filter","closed","data","render","map","setElement","detail","template","_DialogsRoot2","e","c","_initClass","_applyDecs","default","DialogsRoot"],"sources":["../../src/components/dialogs-root/DialogsRoot.ts","../../src/components/dialogs-root/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { html } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport Dialog from '@/lib/dialogs/Dialog'\nimport { ShowDialogEvent } from '@/lib/dialogs/events/show-dialog'\nimport { CloseDialogEvent } from '@/lib/dialogs/events/close-dialog'\n\nimport '@/components/dialog-provider/DialogProvider'\n\n@customElement('solid-ui-dialogs-root')\nexport default class DialogsRoot extends WebComponent {\n  @state()\n  private accessor dialogs: Dialog[] = []\n\n  connectedCallback (): void {\n    super.connectedCallback()\n\n    this.addGlobalEventListener(ShowDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      this.dialogs = [...this.dialogs, event.dialog]\n    })\n\n    this.addGlobalEventListener(CloseDialogEvent.eventName, (event) => {\n      event.stopImmediatePropagation()\n\n      const dialog = this.dialogs.find(dialog => dialog.id === event.id)\n      this.dialogs = this.dialogs.filter(dialog => dialog.id !== event.id)\n\n      dialog?.closed(event.data)\n    })\n  }\n\n  protected render () {\n    return html`${this.dialogs.map(dialog => html`\n        <solid-ui-dialog-provider\n            dialogId=\"${dialog.id}\"\n            @mounted=${(event) => dialog.setElement(event.detail)}\n        >\n            ${dialog.template}\n        </solid-ui-dialog-provider>\n    `)}`\n  }\n}\n","import DialogsRoot from './DialogsRoot'\n\nexport { DialogsRoot }\nexport default DialogsRoot\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOoDM,IAAA,CAEnDN,EAAc,uBAAuB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEpCR,EAAM,GAAC,YAgCTmC,IAAA1B,cAjCwCX,EAAa;CAAAY,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAP,IAAAQ,EAAA,IAAA,GAAAC,EAAA,MAEf,CAAA,CAAE,EAAA;CAAA;CAAA,KAAAP,KAAA;EAAA,OAAAQ,EAAAV,GAAA,IAAA;CAAA;CAAA,IAAtBW,QAAOC,GAAA;EAAAC,EAAAb,GAAA,MAAAY,CAAA;CAAA;CAExBE,oBAA2B;EASzB,AARA,MAAMA,kBAAkB,GAExB,KAAKC,uBAAuBnB,EAAgBoB,YAAYC,MAAU;GAGhE,AAFAA,EAAMC,yBAAyB,GAE/B,KAAKP,UAAU,CAAC,GAAG,KAAKA,SAASM,EAAME,MAAM;EAC/C,CAAC,GAED,KAAKJ,uBAAuBlB,EAAiBmB,YAAYC,MAAU;GACjEA,EAAMC,yBAAyB;GAE/B,IAAMC,IAAS,KAAKR,QAAQS,MAAKD,MAAUA,EAAOE,OAAOJ,EAAMI,EAAE;GAGjEF,AAFA,KAAKR,UAAU,KAAKA,QAAQW,QAAOH,MAAUA,EAAOE,OAAOJ,EAAMI,EAAE,GAEnEF,GAAQI,OAAON,EAAMO,IAAI;EAC3B,CAAC;CACH;CAEUC,SAAU;EAClB,OAAO/B,CAAI,GAAG,KAAKiB,QAAQe,KAAIP,MAAUzB,CAAI;;wBAEzByB,EAAOE,GAAE;wBACTJ,MAAUE,EAAOQ,WAAWV,EAAMW,MAAM,EAAC;;cAEnDT,EAAOU,SAAQ;;KAExB;CACH;AACF,GAAC,CAAAE,GAAA,CAAAtB,GAAAD,IAAAwB,GAAA,CAAAjC,GAAAkC,MAAAC,EAAAJ,GAAA,CAAA;CAAA3B;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GAjCwCL,CAAY,GAAAwC,EAAA;;;ACPrD,IAAA,IAAeG"}

package/dist/chunks/{footer-CS8u8ycB.js → footer-Bxe4WPgl.js}

@@ -1,6 +1,6 @@
 import { c as e, m as t } from "./solid-logic.esm-7q6hmfIF.js";
 import { t as n } from "./headerFooterHelpers-5LYv-0Rt.js";
-import { i as r, s as i, t as a } from "./lit-CC2G_f_C.js";
+import { c as r, i, t as a } from "./lit-C4H1jI4q.js";
 //#region src/v2/components/layout/footer/Footer.ts
 var o = class extends a {
 	static properties = {
@@ -38,7 +38,7 @@ var o = class extends a {
 		},
 		_user: { state: !0 }
 	};
-	static styles = i`
+	static styles = r`
     :host {
       display: block;
       position: var(--footer-position, static);
@@ -112,21 +112,21 @@ var o = class extends a {
 		this._user = e.currentUser();
 	}
 	render() {
-		return r`
+		return i`
       <footer class="footer">
         ${this._renderFooterContent()}
       </footer>
     `;
 	}
 	_renderFooterContent() {
-		if (!this._user) return r`
+		if (!this._user) return i`
         <div>
           <strong>Public View</strong>
           <div>You are viewing this profile as a guest.</div>
         </div>
       `;
 		let e = this.store ? n(this.store, this._user) : this._user.uri;
-		return r`
+		return i`
       <div>
         <strong>Logged in View</strong>
         <div>
@@ -141,4 +141,4 @@ customElements.get(s) || customElements.define(s, o);
 //#endregion
 export { o as t };
 
-//# sourceMappingURL=footer-CS8u8ycB.js.map
+//# sourceMappingURL=footer-Bxe4WPgl.js.map

package/dist/chunks/{footer-CS8u8ycB.js.map → footer-Bxe4WPgl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"footer-CS8u8ycB.js","names":["LitElement","html","css","authSession","authn","getName","Footer","properties","theme","type","String","reflect","layout","position","top","right","bottom","left","store","Object","attribute","_user","state","styles","constructor","_updateFooter","bind","connectedCallback","events","on","disconnectedCallback","off","updated","changedProperties","has","_updatePositionStyles","style","setProperty","currentUser","render","_renderFooterContent","userName","uri","Footer","FOOTER_TAG_NAME","customElements","get","define"],"sources":["../../src/v2/components/layout/footer/Footer.ts","../../src/v2/components/layout/footer/index.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit'\nimport type { LiveStore, NamedNode } from 'rdflib'\nimport { authSession, authn } from 'solid-logic'\nimport { getName } from '../../../../utils/headerFooterHelpers'\n\nexport class Footer extends LitElement {\n  static properties = {\n    theme: { type: String, reflect: true },\n    layout: { type: String, reflect: true },\n    position: { type: String, reflect: true },\n    top: { type: String, reflect: true },\n    right: { type: String, reflect: true },\n    bottom: { type: String, reflect: true },\n    left: { type: String, reflect: true },\n    store: { type: Object, attribute: false },\n    _user: { state: true }\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n      position: var(--footer-position, static);\n      top: var(--footer-top, auto);\n      right: var(--footer-right, auto);\n      bottom: var(--footer-bottom, auto);\n      left: var(--footer-left, auto);\n      width: auto;\n      max-width: var(--footer-max-width, none);\n      margin: var(--footer-margin, 0);\n      box-sizing: border-box;\n      color: var(--footer-text, #4f4f4f);\n      background: transparent;\n      border: 1px solid var(--footer-border, rgba(0, 0, 0, 0.12));\n      border-radius: var(--footer-border-radius, 1rem);\n      box-shadow: var(--footer-box-shadow, 0 1px 6px rgba(0, 0, 0, 0.08));\n      font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);\n    }\n\n    .footer {\n      display: flex;\n      justify-content: flex-start;\n      align-items: flex-start;\n      gap: 0.25rem;\n      font-size: 0.75rem;\n      line-height: 1.5;\n      text-align: left;\n    }\n\n    .footer a {\n      color: var(--footer-link, #4b32a8);\n      text-decoration: none;\n      font-weight: 600;\n    }\n\n    .footer a:hover {\n      text-decoration: underline;\n    }\n\n    .footer span {\n      color: inherit;\n    }\n\n    .footer div > strong {\n      display: block;\n      margin-bottom: 0.5rem;\n    }\n\n    :host([layout='mobile']) {\n      border: none;\n      box-shadow: none;\n      border-radius: 0;\n    }\n  `\n\n  declare theme: 'light' | 'dark'\n  declare layout: 'desktop' | 'mobile'\n  declare position: 'static' | 'absolute' | 'relative' | 'fixed' | 'sticky'\n  declare top: string\n  declare right: string\n  declare bottom: string\n  declare left: string\n  declare store: LiveStore | null\n  declare _user: NamedNode | null\n\n  constructor () {\n    super()\n    this.theme = 'light'\n    this.layout = 'desktop'\n    this.position = 'static'\n    this.top = 'auto'\n    this.right = 'auto'\n    this.bottom = 'auto'\n    this.left = 'auto'\n    this.store = null\n    this._user = null\n    this._updateFooter = this._updateFooter.bind(this)\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    authSession.events.on('login', this._updateFooter)\n    authSession.events.on('logout', this._updateFooter)\n    this._updateFooter()\n  }\n\n  disconnectedCallback () {\n    if (typeof authSession.events.off === 'function') {\n      authSession.events.off('login', this._updateFooter)\n      authSession.events.off('logout', this._updateFooter)\n    }\n    super.disconnectedCallback()\n  }\n\n  updated (changedProperties: Map<string, unknown>) {\n    if (\n      changedProperties.has('position') ||\n      changedProperties.has('top') ||\n      changedProperties.has('right') ||\n      changedProperties.has('bottom') ||\n      changedProperties.has('left')\n    ) {\n      this._updatePositionStyles()\n    }\n  }\n\n  private _updatePositionStyles () {\n    this.style.setProperty('--footer-position', this.position)\n    this.style.setProperty('--footer-top', this.top)\n    this.style.setProperty('--footer-right', this.right)\n    this.style.setProperty('--footer-bottom', this.bottom)\n    this.style.setProperty('--footer-left', this.left)\n  }\n\n  private _updateFooter () {\n    this._user = authn.currentUser()\n  }\n\n  render () {\n    return html`\n      <footer class=\"footer\">\n        ${this._renderFooterContent()}\n      </footer>\n    `\n  }\n\n  private _renderFooterContent () {\n    if (!this._user) {\n      return html`\n        <div>\n          <strong>Public View</strong>\n          <div>You are viewing this profile as a guest.</div>\n        </div>\n      `\n    }\n\n    const userName = this.store ? getName(this.store, this._user) : this._user.uri\n\n    return html`\n      <div>\n        <strong>Logged in View</strong>\n        <div>\n          You are logged in as\n          <a href=${this._user.uri} target=\"_blank\" rel=\"noopener noreferrer\">${userName}</a>.\n        </div>\n      </div>\n    `\n  }\n}\n","import { Footer } from './Footer'\n\nexport { Footer }\n\nconst FOOTER_TAG_NAME = 'solid-ui-footer'\n\nif (!customElements.get(FOOTER_TAG_NAME)) {\n  customElements.define(FOOTER_TAG_NAME, Footer)\n}\n"],"mappings":";;;;AAKA,IAAaM,IAAb,cAA4BN,EAAW;CACrC,OAAOO,aAAa;EAClBC,OAAO;GAAEC,MAAMC;GAAQC,SAAS;EAAK;EACrCC,QAAQ;GAAEH,MAAMC;GAAQC,SAAS;EAAK;EACtCE,UAAU;GAAEJ,MAAMC;GAAQC,SAAS;EAAK;EACxCG,KAAK;GAAEL,MAAMC;GAAQC,SAAS;EAAK;EACnCI,OAAO;GAAEN,MAAMC;GAAQC,SAAS;EAAK;EACrCK,QAAQ;GAAEP,MAAMC;GAAQC,SAAS;EAAK;EACtCM,MAAM;GAAER,MAAMC;GAAQC,SAAS;EAAK;EACpCO,OAAO;GAAET,MAAMU;GAAQC,WAAW;EAAM;EACxCC,OAAO,EAAEC,OAAO,GAAK;CACvB;CAEA,OAAOC,SAASrB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEnBsB,cAAe;EAWb,AAVA,MAAM,GACN,KAAKhB,QAAQ,SACb,KAAKI,SAAS,WACd,KAAKC,WAAW,UAChB,KAAKC,MAAM,QACX,KAAKC,QAAQ,QACb,KAAKC,SAAS,QACd,KAAKC,OAAO,QACZ,KAAKC,QAAQ,MACb,KAAKG,QAAQ,MACb,KAAKI,gBAAgB,KAAKA,cAAcC,KAAK,IAAI;CACnD;CAEAC,oBAAqB;EAInB,AAHA,MAAMA,kBAAkB,GACxBxB,EAAYyB,OAAOC,GAAG,SAAS,KAAKJ,aAAa,GACjDtB,EAAYyB,OAAOC,GAAG,UAAU,KAAKJ,aAAa,GAClD,KAAKA,cAAc;CACrB;CAEAK,uBAAwB;EAKtB,AAJI,OAAO3B,EAAYyB,OAAOG,OAAQ,eACpC5B,EAAYyB,OAAOG,IAAI,SAAS,KAAKN,aAAa,GAClDtB,EAAYyB,OAAOG,IAAI,UAAU,KAAKN,aAAa,IAErD,MAAMK,qBAAqB;CAC7B;CAEAE,QAASC,GAAyC;EAChD,CACEA,EAAkBC,IAAI,UAAU,KAChCD,EAAkBC,IAAI,KAAK,KAC3BD,EAAkBC,IAAI,OAAO,KAC7BD,EAAkBC,IAAI,QAAQ,KAC9BD,EAAkBC,IAAI,MAAM,MAE5B,KAAKC,sBAAsB;CAE/B;CAEQA,wBAAyB;EAK/B,AAJA,KAAKC,MAAMC,YAAY,qBAAqB,KAAKxB,QAAQ,GACzD,KAAKuB,MAAMC,YAAY,gBAAgB,KAAKvB,GAAG,GAC/C,KAAKsB,MAAMC,YAAY,kBAAkB,KAAKtB,KAAK,GACnD,KAAKqB,MAAMC,YAAY,mBAAmB,KAAKrB,MAAM,GACrD,KAAKoB,MAAMC,YAAY,iBAAiB,KAAKpB,IAAI;CACnD;CAEQQ,gBAAiB;EACvB,KAAKJ,QAAQjB,EAAMkC,YAAY;CACjC;CAEAC,SAAU;EACR,OAAOtC,CAAI;;UAEL,KAAKuC,qBAAqB,EAAC;;;CAGnC;CAEQA,uBAAwB;EAC9B,IAAI,CAAC,KAAKnB,OACR,OAAOpB,CAAI;;;;;;EAQb,IAAMwC,IAAW,KAAKvB,QAAQb,EAAQ,KAAKa,OAAO,KAAKG,KAAK,IAAI,KAAKA,MAAMqB;EAE3E,OAAOzC,CAAI;;;;;oBAKK,KAAKoB,MAAMqB,IAAG,6CAA8CD,EAAQ;;;;CAItF;AACF,GCnKMG,IAAkB;AAEnBC,eAAeC,IAAIF,CAAe,KACrCC,eAAeE,OAAOH,GAAiBD,CAAM"}
+{"version":3,"file":"footer-Bxe4WPgl.js","names":["LitElement","html","css","authSession","authn","getName","Footer","properties","theme","type","String","reflect","layout","position","top","right","bottom","left","store","Object","attribute","_user","state","styles","constructor","_updateFooter","bind","connectedCallback","events","on","disconnectedCallback","off","updated","changedProperties","has","_updatePositionStyles","style","setProperty","currentUser","render","_renderFooterContent","userName","uri","Footer","FOOTER_TAG_NAME","customElements","get","define"],"sources":["../../src/v2/components/layout/footer/Footer.ts","../../src/v2/components/layout/footer/index.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit'\nimport type { LiveStore, NamedNode } from 'rdflib'\nimport { authSession, authn } from 'solid-logic'\nimport { getName } from '../../../../utils/headerFooterHelpers'\n\nexport class Footer extends LitElement {\n  static properties = {\n    theme: { type: String, reflect: true },\n    layout: { type: String, reflect: true },\n    position: { type: String, reflect: true },\n    top: { type: String, reflect: true },\n    right: { type: String, reflect: true },\n    bottom: { type: String, reflect: true },\n    left: { type: String, reflect: true },\n    store: { type: Object, attribute: false },\n    _user: { state: true }\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n      position: var(--footer-position, static);\n      top: var(--footer-top, auto);\n      right: var(--footer-right, auto);\n      bottom: var(--footer-bottom, auto);\n      left: var(--footer-left, auto);\n      width: auto;\n      max-width: var(--footer-max-width, none);\n      margin: var(--footer-margin, 0);\n      box-sizing: border-box;\n      color: var(--footer-text, #4f4f4f);\n      background: transparent;\n      border: 1px solid var(--footer-border, rgba(0, 0, 0, 0.12));\n      border-radius: var(--footer-border-radius, 1rem);\n      box-shadow: var(--footer-box-shadow, 0 1px 6px rgba(0, 0, 0, 0.08));\n      font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);\n    }\n\n    .footer {\n      display: flex;\n      justify-content: flex-start;\n      align-items: flex-start;\n      gap: 0.25rem;\n      font-size: 0.75rem;\n      line-height: 1.5;\n      text-align: left;\n    }\n\n    .footer a {\n      color: var(--footer-link, #4b32a8);\n      text-decoration: none;\n      font-weight: 600;\n    }\n\n    .footer a:hover {\n      text-decoration: underline;\n    }\n\n    .footer span {\n      color: inherit;\n    }\n\n    .footer div > strong {\n      display: block;\n      margin-bottom: 0.5rem;\n    }\n\n    :host([layout='mobile']) {\n      border: none;\n      box-shadow: none;\n      border-radius: 0;\n    }\n  `\n\n  declare theme: 'light' | 'dark'\n  declare layout: 'desktop' | 'mobile'\n  declare position: 'static' | 'absolute' | 'relative' | 'fixed' | 'sticky'\n  declare top: string\n  declare right: string\n  declare bottom: string\n  declare left: string\n  declare store: LiveStore | null\n  declare _user: NamedNode | null\n\n  constructor () {\n    super()\n    this.theme = 'light'\n    this.layout = 'desktop'\n    this.position = 'static'\n    this.top = 'auto'\n    this.right = 'auto'\n    this.bottom = 'auto'\n    this.left = 'auto'\n    this.store = null\n    this._user = null\n    this._updateFooter = this._updateFooter.bind(this)\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    authSession.events.on('login', this._updateFooter)\n    authSession.events.on('logout', this._updateFooter)\n    this._updateFooter()\n  }\n\n  disconnectedCallback () {\n    if (typeof authSession.events.off === 'function') {\n      authSession.events.off('login', this._updateFooter)\n      authSession.events.off('logout', this._updateFooter)\n    }\n    super.disconnectedCallback()\n  }\n\n  updated (changedProperties: Map<string, unknown>) {\n    if (\n      changedProperties.has('position') ||\n      changedProperties.has('top') ||\n      changedProperties.has('right') ||\n      changedProperties.has('bottom') ||\n      changedProperties.has('left')\n    ) {\n      this._updatePositionStyles()\n    }\n  }\n\n  private _updatePositionStyles () {\n    this.style.setProperty('--footer-position', this.position)\n    this.style.setProperty('--footer-top', this.top)\n    this.style.setProperty('--footer-right', this.right)\n    this.style.setProperty('--footer-bottom', this.bottom)\n    this.style.setProperty('--footer-left', this.left)\n  }\n\n  private _updateFooter () {\n    this._user = authn.currentUser()\n  }\n\n  render () {\n    return html`\n      <footer class=\"footer\">\n        ${this._renderFooterContent()}\n      </footer>\n    `\n  }\n\n  private _renderFooterContent () {\n    if (!this._user) {\n      return html`\n        <div>\n          <strong>Public View</strong>\n          <div>You are viewing this profile as a guest.</div>\n        </div>\n      `\n    }\n\n    const userName = this.store ? getName(this.store, this._user) : this._user.uri\n\n    return html`\n      <div>\n        <strong>Logged in View</strong>\n        <div>\n          You are logged in as\n          <a href=${this._user.uri} target=\"_blank\" rel=\"noopener noreferrer\">${userName}</a>.\n        </div>\n      </div>\n    `\n  }\n}\n","import { Footer } from './Footer'\n\nexport { Footer }\n\nconst FOOTER_TAG_NAME = 'solid-ui-footer'\n\nif (!customElements.get(FOOTER_TAG_NAME)) {\n  customElements.define(FOOTER_TAG_NAME, Footer)\n}\n"],"mappings":";;;;AAKA,IAAaM,IAAb,cAA4BN,EAAW;CACrC,OAAOO,aAAa;EAClBC,OAAO;GAAEC,MAAMC;GAAQC,SAAS;EAAK;EACrCC,QAAQ;GAAEH,MAAMC;GAAQC,SAAS;EAAK;EACtCE,UAAU;GAAEJ,MAAMC;GAAQC,SAAS;EAAK;EACxCG,KAAK;GAAEL,MAAMC;GAAQC,SAAS;EAAK;EACnCI,OAAO;GAAEN,MAAMC;GAAQC,SAAS;EAAK;EACrCK,QAAQ;GAAEP,MAAMC;GAAQC,SAAS;EAAK;EACtCM,MAAM;GAAER,MAAMC;GAAQC,SAAS;EAAK;EACpCO,OAAO;GAAET,MAAMU;GAAQC,WAAW;EAAM;EACxCC,OAAO,EAAEC,OAAO,GAAK;CACvB;CAEA,OAAOC,SAASrB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEnBsB,cAAe;EAWb,AAVA,MAAM,GACN,KAAKhB,QAAQ,SACb,KAAKI,SAAS,WACd,KAAKC,WAAW,UAChB,KAAKC,MAAM,QACX,KAAKC,QAAQ,QACb,KAAKC,SAAS,QACd,KAAKC,OAAO,QACZ,KAAKC,QAAQ,MACb,KAAKG,QAAQ,MACb,KAAKI,gBAAgB,KAAKA,cAAcC,KAAK,IAAI;CACnD;CAEAC,oBAAqB;EAInB,AAHA,MAAMA,kBAAkB,GACxBxB,EAAYyB,OAAOC,GAAG,SAAS,KAAKJ,aAAa,GACjDtB,EAAYyB,OAAOC,GAAG,UAAU,KAAKJ,aAAa,GAClD,KAAKA,cAAc;CACrB;CAEAK,uBAAwB;EAKtB,AAJI,OAAO3B,EAAYyB,OAAOG,OAAQ,eACpC5B,EAAYyB,OAAOG,IAAI,SAAS,KAAKN,aAAa,GAClDtB,EAAYyB,OAAOG,IAAI,UAAU,KAAKN,aAAa,IAErD,MAAMK,qBAAqB;CAC7B;CAEAE,QAASC,GAAyC;EAChD,CACEA,EAAkBC,IAAI,UAAU,KAChCD,EAAkBC,IAAI,KAAK,KAC3BD,EAAkBC,IAAI,OAAO,KAC7BD,EAAkBC,IAAI,QAAQ,KAC9BD,EAAkBC,IAAI,MAAM,MAE5B,KAAKC,sBAAsB;CAE/B;CAEQA,wBAAyB;EAK/B,AAJA,KAAKC,MAAMC,YAAY,qBAAqB,KAAKxB,QAAQ,GACzD,KAAKuB,MAAMC,YAAY,gBAAgB,KAAKvB,GAAG,GAC/C,KAAKsB,MAAMC,YAAY,kBAAkB,KAAKtB,KAAK,GACnD,KAAKqB,MAAMC,YAAY,mBAAmB,KAAKrB,MAAM,GACrD,KAAKoB,MAAMC,YAAY,iBAAiB,KAAKpB,IAAI;CACnD;CAEQQ,gBAAiB;EACvB,KAAKJ,QAAQjB,EAAMkC,YAAY;CACjC;CAEAC,SAAU;EACR,OAAOtC,CAAI;;UAEL,KAAKuC,qBAAqB,EAAC;;;CAGnC;CAEQA,uBAAwB;EAC9B,IAAI,CAAC,KAAKnB,OACR,OAAOpB,CAAI;;;;;;EAQb,IAAMwC,IAAW,KAAKvB,QAAQb,EAAQ,KAAKa,OAAO,KAAKG,KAAK,IAAI,KAAKA,MAAMqB;EAE3E,OAAOzC,CAAI;;;;;oBAKK,KAAKoB,MAAMqB,IAAG,6CAA8CD,EAAQ;;;;CAItF;AACF,GCnKMG,IAAkB;AAEnBC,eAAeC,IAAIF,CAAe,KACrCC,eAAeE,OAAOH,GAAiBD,CAAM"}

package/dist/chunks/{guard-CiRf-2tc.js → guard-Da3znlJI.js}

@@ -1,7 +1,7 @@
-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 } 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 { i as a } from "./lit-C4H1jI4q.js";
 //#region src/components/guard/Guard.ts
 var o, s, c, l, u, d, f;
 function p(e, t, n) {
@@ -197,4 +197,4 @@ var T = C;
 //#endregion
 export { C as n, T as t };
 
-//# sourceMappingURL=guard-CiRf-2tc.js.map
+//# sourceMappingURL=guard-Da3znlJI.js.map

package/dist/chunks/{guard-CiRf-2tc.js.map → guard-Da3znlJI.js.map}

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

package/dist/chunks/{header-hptVqz21.js → header-Bqd2CEK3.js}

@@ -1,10 +1,10 @@
 import { c as e, d as t, f as n, m as r, p as i, u as a } from "./solid-logic.esm-7q6hmfIF.js";
 import { n as o } from "./iconBase-DJ0zbNSL.js";
-import { i as s, n as c, s as l, t as u } from "./lit-CC2G_f_C.js";
-import "./account-BUAN8dcJ.js";
-import "./provider-C7cgeyP2.js";
+import { c as s, i as c, n as l, t as u } from "./lit-C4H1jI4q.js";
+import "./account-CFhrB0LO.js";
+import "./provider-DZmdgerD.js";
 //#region src/v2/components/auth/loginButton/downArrow.ts
-var d = s`
+var d = c`
   <svg xmlns="http://www.w3.org/2000/svg" 
     viewBox="0 0 12 7" 
     fill="none"
@@ -38,7 +38,7 @@ var d = s`
 		_issuerInputValue: { state: !0 },
 		_dropdownOpen: { state: !0 }
 	};
-	static styles = l`
+	static styles = s`
     :host { /* default theme */
       display: inline-block;
       position: relative;
@@ -432,7 +432,7 @@ var d = s`
 	}
 	_renderPopup() {
 		let e = a();
-		return s`
+		return c`
       <div class="popup-box">
           <div class="popup-top-menu">
             <span class="popup-title">Select an identity provider</span>
@@ -454,7 +454,7 @@ var d = s`
                     @keydown="${this._handleInputKeydown}"
                     autocomplete="url"
                   />
-                  ${e.length ? s`
+                  ${e.length ? c`
                     <button
                       class="issuer-dropdown-toggle"
                       type="button"
@@ -464,9 +464,9 @@ var d = s`
                     >${d}</button>
                   ` : ""}
                 </div>
-                ${this._dropdownOpen && e.length ? s`
+                ${this._dropdownOpen && e.length ? c`
                   <div class="issuer-dropdown-list" role="listbox">
-                    ${e.map((e) => s`
+                    ${e.map((e) => c`
                       <button
                         class="issuer-dropdown-item"
                         type="button"
@@ -478,7 +478,7 @@ var d = s`
                 ` : ""}
               </div>
             </div>
-            ${this._errorMsg ? s`<div class="error-msg">${this._errorMsg}</div>` : ""}
+            ${this._errorMsg ? c`<div class="error-msg">${this._errorMsg}</div>` : ""}
           </div>
           <hr class="popup-footer-hr" />
           <div class="popup-footer">
@@ -494,14 +494,14 @@ var d = s`
     `;
 	}
 	render() {
-		return s`
+		return c`
       <button
         class="login-button"
         type="button"
         part="login-button"
         @click="${() => this._openPopup()}"
       >
-        ${this.icon ? s`<img class="login-button-icon" src="${this.icon}" alt="" aria-hidden="true" part="login-button-icon" />` : ""}
+        ${this.icon ? c`<img class="login-button-icon" src="${this.icon}" alt="" aria-hidden="true" part="login-button-icon" />` : ""}
         <slot>${this.label}</slot>
       </button>
 
@@ -549,7 +549,7 @@ var m = "https://solidproject.org/get_a_pod", h = class extends u {
 			reflect: !0
 		}
 	};
-	static styles = l`
+	static styles = s`
     :host {
       display: inline-block;
       --signup-button-background: transparent;
@@ -604,14 +604,14 @@ var m = "https://solidproject.org/get_a_pod", h = class extends u {
 		window.open(this.signupUrl, "_blank", "noopener,noreferrer");
 	}
 	render() {
-		return s`
+		return c`
       <button
         class="signup-button"
         type="button"
         part="signup-button"
         @click="${() => this._handleClick()}"
       >
-        ${this.icon ? s`<img class="signup-button-icon" src="${this.icon}" alt="" aria-hidden="true" part="signup-button-icon" />` : ""}
+        ${this.icon ? c`<img class="signup-button-icon" src="${this.icon}" alt="" aria-hidden="true" part="signup-button-icon" />` : ""}
         <slot>${this.label}</slot>
       </button>
     `;
@@ -620,7 +620,7 @@ var m = "https://solidproject.org/get_a_pod", h = class extends u {
 customElements.get(g) || customElements.define(g, h);
 //#endregion
 //#region node_modules/lit-html/directives/if-defined.js
-var _ = (e) => e ?? c, v = { DESIGN_SYSTEM_HEADER_ACCOUNT: !0 }, y = "", b = "https://solidproject.org/assets/img/solid-emblem.svg", x = "https://solidproject.org/get_a_pod", S = o.iconBase + "emptyProfileAvatar.png";
+var _ = (e) => e ?? l, v = { DESIGN_SYSTEM_HEADER_ACCOUNT: !0 }, y = "", b = "https://solidproject.org/assets/img/solid-emblem.svg", x = "https://solidproject.org/get_a_pod", S = o.iconBase + "emptyProfileAvatar.png";
 async function C() {
 	if (!(typeof window > "u")) {
 		for (let e of ["loginIssuer", "preLoginRedirectHash"]) window.localStorage.removeItem(e), window.sessionStorage.removeItem(e);
@@ -721,7 +721,7 @@ var w = class extends u {
 		hasSlottedHelpMenu: { state: !0 },
 		authResolved: { state: !0 }
 	};
-	static styles = l`
+	static styles = s`
   :host { /* default theme */
     display: block;
     --header-bg: var(--color-header-row-bg, #332746);
@@ -1240,14 +1240,14 @@ var w = class extends u {
 	}
 	renderLoggedInAvatar(e, t = "account-avatar") {
 		let n = !!e, r = n ? e : this.accountAvatarFallback || S, i = n ? "Profile Avatar" : "Default Avatar";
-		return this.layout === "mobile" && t === "account-avatar" ? s`<img class="account-avatar-img" src="${r}" alt="${i}" />` : s`
+		return this.layout === "mobile" && t === "account-avatar" ? c`<img class="account-avatar-img" src="${r}" alt="${i}" />` : c`
       <span class="${t}" aria-hidden="true">
         <img src="${r}" alt="${i}" />
       </span>
     `;
 	}
 	renderLoggedOutActions() {
-		return s`
+		return c`
       <div class="auth-actions" part="auth-actions">
         <slot name="login-action">
           <solid-ui-login-button
@@ -1295,14 +1295,14 @@ var w = class extends u {
 		})));
 	}
 	renderAccountMenuItem(e) {
-		let t = s`
+		let t = c`
       ${this.renderLoggedInAvatar(e.avatar, "account-menu-avatar")}
       <span class="account-menu-copy">
         <span class="account-menu-label">${e.label}</span>
-        ${e.webid && this.layout !== "mobile" ? s`<span class="account-menu-webid">${e.webid}</span>` : ""}
+        ${e.webid && this.layout !== "mobile" ? c`<span class="account-menu-webid">${e.webid}</span>` : ""}
       </span>
     `;
-		return e.url ? s`
+		return e.url ? c`
         <a
           class="account-menu-item-link"
           href="${e.url}"
@@ -1312,7 +1312,7 @@ var w = class extends u {
         >
           ${t}
         </a>
-      ` : s`
+      ` : c`
       <button
         class="account-menu-item-button"
         type="button"
@@ -1325,7 +1325,7 @@ var w = class extends u {
     `;
 	}
 	renderLoggedInActions() {
-		return s`
+		return c`
       <div class="account-menu-container" part="account-menu-container">
         <slot name="account-trigger">
           <button
@@ -1339,7 +1339,7 @@ var w = class extends u {
             part="account-menu-trigger"
           >
             ${this.renderLoggedInAvatar(this.accountAvatar)}
-            ${this.layout !== "mobile" && this.accountIcon ? s`
+            ${this.layout !== "mobile" && this.accountIcon ? c`
               <img class="account-menu-trigger-icon" src="${this.accountIcon}" alt="" aria-hidden="true" />` : ""}
           </button>
         </slot>
@@ -1355,14 +1355,14 @@ var w = class extends u {
           <slot name="account-switch" class="account-switch">Switch account</slot>
           <hr class="dropdown-menu-separator" />
           <slot name="account-menu" @slotchange="${(e) => this.handleAccountSlotChange(e)}"></slot>
-          ${this.accountMenu && this.accountMenu.length ? s`
+          ${this.accountMenu && this.accountMenu.length ? c`
             <ul class="account-menu-list">
-              ${this.accountMenu.map((e) => s`
+              ${this.accountMenu.map((e) => c`
                 <li>${this.renderAccountMenuItem(e)}</li>
               `)}
             </ul>
           ` : ""}
-          ${this.logoutLabel ? s`
+          ${this.logoutLabel ? c`
             <hr class="dropdown-menu-separator" />
             <button
               class="account-menu-item-button"
@@ -1371,7 +1371,7 @@ var w = class extends u {
               part="logout-action"
               role="menuitem"
             >
-              ${this.logoutIcon && this.layout !== "mobile" ? s`<img class="logout-action-icon" src="${this.logoutIcon}" alt="" aria-hidden="true" part="logout-action-icon" />` : ""}
+              ${this.logoutIcon && this.layout !== "mobile" ? c`<img class="logout-action-icon" src="${this.logoutIcon}" alt="" aria-hidden="true" part="logout-action-icon" />` : ""}
               ${this.logoutLabel}
             </button>
           ` : ""}
@@ -1380,11 +1380,11 @@ var w = class extends u {
     `;
 	}
 	renderUserArea() {
-		return v.DESIGN_SYSTEM_HEADER_ACCOUNT ? s`
+		return v.DESIGN_SYSTEM_HEADER_ACCOUNT ? c`
         <solid-ui-provider>
           <solid-ui-account></solid-ui-account>
         </solid-ui-provider>
-      ` : this.authResolved ? this.authState === "logged-out" ? this.renderLoggedOutActions() : this.renderLoggedInActions() : s`<div class="auth-actions" part="auth-actions"></div>`;
+      ` : this.authResolved ? this.authState === "logged-out" ? this.renderLoggedOutActions() : this.renderLoggedInActions() : c`<div class="auth-actions" part="auth-actions"></div>`;
 	}
 	firstUpdated() {
 		let e = this.shadowRoot?.getElementById("brandLink");
@@ -1397,7 +1397,7 @@ var w = class extends u {
 		}
 	}
 	render() {
-		return s`
+		return c`
       <div class="headerInner">
         <slot name="navigation-toggle"></slot>
         <a
@@ -1412,10 +1412,10 @@ var w = class extends u {
         <div class="menu" part="menu">
           ${this.renderUserArea()}
 
-          ${this.shouldRenderHelpMenu() ? s`
+          ${this.shouldRenderHelpMenu() ? c`
             <div class="header-menu-separator" />` : ""}
 
-          ${this.shouldRenderHelpMenu() ? s`
+          ${this.shouldRenderHelpMenu() ? c`
             <div class="help-menu-container" part="help-menu-container">
               <button
                 id="helpMenuTrigger"
@@ -1427,7 +1427,7 @@ var w = class extends u {
                 @click="${(e) => this.toggleHelpMenu(e)}"
                 part="help-menu-trigger"
               >
-                ${this.helpIcon ? s`<img id="helpIcon" class="help-icon" src="${this.helpIcon}" alt="Help" part="help-icon" />` : s`<span class="help-text" part="help-text">Help</span>`}
+                ${this.helpIcon ? c`<img id="helpIcon" class="help-icon" src="${this.helpIcon}" alt="Help" part="help-icon" />` : c`<span class="help-text" part="help-text">Help</span>`}
               </button>
 
             <nav
@@ -1442,11 +1442,11 @@ var w = class extends u {
 			this.helpMenuOpen = !1;
 		}}">
                 <slot name="help-menu" @slotchange="${(e) => this.handleHelpSlotChange(e)}"></slot>
-                ${this.helpMenuList && this.helpMenuList.length ? s`
+                ${this.helpMenuList && this.helpMenuList.length ? c`
                   <ul class="help-menu-list">
-                    ${this.helpMenuList.map((e) => s`
+                    ${this.helpMenuList.map((e) => c`
                       <li>
-                        ${e.url ? s`
+                        ${e.url ? c`
                           <a
                             href="${e.url}"
                             target="${e.target || "_blank"}"
@@ -1457,7 +1457,7 @@ var w = class extends u {
                           >
                             ${e.label}
                           </a>
-                        ` : s`
+                        ` : c`
                           <button
                             type="button"
                             @click="${(t) => this.handleHelpMenuClick(e, t)}"
@@ -1483,4 +1483,4 @@ customElements.get(T) || customElements.define(T, w);
 //#endregion
 export { w as t };
 
-//# sourceMappingURL=header-hptVqz21.js.map
+//# sourceMappingURL=header-Bqd2CEK3.js.map