solid-ui 3.1.3-13 → 3.1.3-15

package/dist/components/footer/index.cjs.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../v2/components/layout/footer/Footer.cjs.js");require("../../v2/components/layout/footer/index.cjs.js"),exports.Footer=e.Footer;

package/dist/components/footer/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../../v2/components/layout/footer';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/footer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/footer/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA"}

package/dist/components/footer/index.esm.js

@@ -1,3 +0,0 @@
-import { Footer as e } from "../../v2/components/layout/footer/Footer.esm.js";
-import "../../v2/components/layout/footer/index.esm.js";
-export { e as Footer };

package/dist/components/footer.js

@@ -1,2 +0,0 @@
-import { t as e } from "../chunks/footer-BLSjn5ur.js";
-export { e as Footer };

package/dist/v2/components/layout/footer/Footer.cjs.js

@@ -1,73 +0,0 @@
-const e=require("../../../../utils/headerFooterHelpers.cjs.js");let t=require("solid-logic"),n=require("lit");var r=class extends n.LitElement{static properties={theme:{type:String,reflect:!0},layout:{type:String,reflect:!0},position:{type:String,reflect:!0},top:{type:String,reflect:!0},right:{type:String,reflect:!0},bottom:{type:String,reflect:!0},left:{type:String,reflect:!0},store:{type:Object,attribute:!1},_user:{state:!0}};static styles=n.css`
-    :host {
-      display: block;
-      position: var(--footer-position, static);
-      top: var(--footer-top, auto);
-      right: var(--footer-right, auto);
-      bottom: var(--footer-bottom, auto);
-      left: var(--footer-left, auto);
-      width: auto;
-      max-width: var(--footer-max-width, none);
-      margin: var(--footer-margin, 0);
-      box-sizing: border-box;
-      color: var(--footer-text, #4f4f4f);
-      background: transparent;
-      border: 1px solid var(--footer-border, rgba(0, 0, 0, 0.12));
-      border-radius: var(--footer-border-radius, 1rem);
-      box-shadow: var(--footer-box-shadow, 0 1px 6px rgba(0, 0, 0, 0.08));
-      font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);
-    }
-
-    .footer {
-      display: flex;
-      justify-content: flex-start;
-      align-items: flex-start;
-      gap: 0.25rem;
-      font-size: 0.75rem;
-      line-height: 1.5;
-      text-align: left;
-    }
-
-    .footer a {
-      color: var(--footer-link, #4b32a8);
-      text-decoration: none;
-      font-weight: 600;
-    }
-
-    .footer a:hover {
-      text-decoration: underline;
-    }
-
-    .footer span {
-      color: inherit;
-    }
-
-    .footer div > strong {
-      display: block;
-      margin-bottom: 0.5rem;
-    }
-
-    :host([layout='mobile']) {
-      border: none;
-      box-shadow: none;
-      border-radius: 0;
-    }
-  `;constructor(){super(),this.theme=`light`,this.layout=`desktop`,this.position=`static`,this.top=`auto`,this.right=`auto`,this.bottom=`auto`,this.left=`auto`,this.store=null,this._user=null,this._updateFooter=this._updateFooter.bind(this)}connectedCallback(){super.connectedCallback(),t.authSession.events.on(`login`,this._updateFooter),t.authSession.events.on(`logout`,this._updateFooter),this._updateFooter()}disconnectedCallback(){typeof t.authSession.events.off==`function`&&(t.authSession.events.off(`login`,this._updateFooter),t.authSession.events.off(`logout`,this._updateFooter)),super.disconnectedCallback()}updated(e){(e.has(`position`)||e.has(`top`)||e.has(`right`)||e.has(`bottom`)||e.has(`left`))&&this._updatePositionStyles()}_updatePositionStyles(){this.style.setProperty(`--footer-position`,this.position),this.style.setProperty(`--footer-top`,this.top),this.style.setProperty(`--footer-right`,this.right),this.style.setProperty(`--footer-bottom`,this.bottom),this.style.setProperty(`--footer-left`,this.left)}_updateFooter(){this._user=t.authn.currentUser()}render(){return n.html`
-      <footer class="footer">
-        ${this._renderFooterContent()}
-      </footer>
-    `}_renderFooterContent(){if(!this._user)return n.html`
-        <div>
-          <strong>Public View</strong>
-          <div>You are viewing this profile as a guest.</div>
-        </div>
-      `;let t=this.store?e.getName(this.store,this._user):this._user.uri;return n.html`
-      <div>
-        <strong>Logged in View</strong>
-        <div>
-          You are logged in as
-          <a href=${this._user.uri} target="_blank" rel="noopener noreferrer">${t}</a>.
-        </div>
-      </div>
-    `}};exports.Footer=r;
-//# sourceMappingURL=Footer.cjs.js.map

package/dist/v2/components/layout/footer/Footer.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.cjs.js","names":[],"sources":["../../../../../src/v2/components/layout/footer/Footer.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"],"mappings":"8GAKA,IAAa,EAAb,cAA4B,EAAA,UAAW,CACrC,OAAO,WAAa,CAClB,MAAO,CAAE,KAAM,OAAQ,QAAS,EAAK,EACrC,OAAQ,CAAE,KAAM,OAAQ,QAAS,EAAK,EACtC,SAAU,CAAE,KAAM,OAAQ,QAAS,EAAK,EACxC,IAAK,CAAE,KAAM,OAAQ,QAAS,EAAK,EACnC,MAAO,CAAE,KAAM,OAAQ,QAAS,EAAK,EACrC,OAAQ,CAAE,KAAM,OAAQ,QAAS,EAAK,EACtC,KAAM,CAAE,KAAM,OAAQ,QAAS,EAAK,EACpC,MAAO,CAAE,KAAM,OAAQ,UAAW,EAAM,EACxC,MAAO,CAAE,MAAO,EAAK,CACvB,EAEA,OAAO,OAAS,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkEnB,aAAe,CACb,MAAM,EACN,KAAK,MAAQ,QACb,KAAK,OAAS,UACd,KAAK,SAAW,SAChB,KAAK,IAAM,OACX,KAAK,MAAQ,OACb,KAAK,OAAS,OACd,KAAK,KAAO,OACZ,KAAK,MAAQ,KACb,KAAK,MAAQ,KACb,KAAK,cAAgB,KAAK,cAAc,KAAK,IAAI,CACnD,CAEA,mBAAqB,CACnB,MAAM,kBAAkB,EACxB,EAAA,YAAY,OAAO,GAAG,QAAS,KAAK,aAAa,EACjD,EAAA,YAAY,OAAO,GAAG,SAAU,KAAK,aAAa,EAClD,KAAK,cAAc,CACrB,CAEA,sBAAwB,CAClB,OAAO,EAAA,YAAY,OAAO,KAAQ,aACpC,EAAA,YAAY,OAAO,IAAI,QAAS,KAAK,aAAa,EAClD,EAAA,YAAY,OAAO,IAAI,SAAU,KAAK,aAAa,GAErD,MAAM,qBAAqB,CAC7B,CAEA,QAAS,EAAyC,EAE9C,EAAkB,IAAI,UAAU,GAChC,EAAkB,IAAI,KAAK,GAC3B,EAAkB,IAAI,OAAO,GAC7B,EAAkB,IAAI,QAAQ,GAC9B,EAAkB,IAAI,MAAM,IAE5B,KAAK,sBAAsB,CAE/B,CAEA,uBAAiC,CAC/B,KAAK,MAAM,YAAY,oBAAqB,KAAK,QAAQ,EACzD,KAAK,MAAM,YAAY,eAAgB,KAAK,GAAG,EAC/C,KAAK,MAAM,YAAY,iBAAkB,KAAK,KAAK,EACnD,KAAK,MAAM,YAAY,kBAAmB,KAAK,MAAM,EACrD,KAAK,MAAM,YAAY,gBAAiB,KAAK,IAAI,CACnD,CAEA,eAAyB,CACvB,KAAK,MAAQ,EAAA,MAAM,YAAY,CACjC,CAEA,QAAU,CACR,MAAO,GAAA,IAAI;;UAEL,KAAK,qBAAqB,EAAE;;KAGpC,CAEA,sBAAgC,CAC9B,GAAI,CAAC,KAAK,MACR,MAAO,GAAA,IAAI;;;;;QAQb,IAAM,EAAW,KAAK,MAAQ,EAAA,QAAQ,KAAK,MAAO,KAAK,KAAK,EAAI,KAAK,MAAM,IAE3E,MAAO,GAAA,IAAI;;;;;oBAKK,KAAK,MAAM,IAAI,6CAA6C,EAAS;;;KAIvF,CACF"}

package/dist/v2/components/layout/footer/Footer.d.ts

@@ -1,60 +0,0 @@
-import { LitElement } from 'lit';
-import { LiveStore, NamedNode } from 'rdflib';
-export declare class Footer extends LitElement {
-    static properties: {
-        theme: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        layout: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        position: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        top: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        right: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        bottom: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        left: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
-        store: {
-            type: ObjectConstructor;
-            attribute: boolean;
-        };
-        _user: {
-            state: boolean;
-        };
-    };
-    static styles: import('lit').CSSResult;
-    theme: 'light' | 'dark';
-    layout: 'desktop' | 'mobile';
-    position: 'static' | 'absolute' | 'relative' | 'fixed' | 'sticky';
-    top: string;
-    right: string;
-    bottom: string;
-    left: string;
-    store: LiveStore | null;
-    _user: NamedNode | null;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changedProperties: Map<string, unknown>): void;
-    private _updatePositionStyles;
-    private _updateFooter;
-    render(): import('lit-html').TemplateResult<1>;
-    private _renderFooterContent;
-}
-//# sourceMappingURL=Footer.d.ts.map

package/dist/v2/components/layout/footer/Footer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/layout/footer/Footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIlD,qBAAa,MAAO,SAAQ,UAAU;IACpC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAUhB;IAED,MAAM,CAAC,MAAM,0BAsDZ;IAEO,KAAK,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;IACjE,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;;IAgB/B,iBAAiB;IAOjB,oBAAoB;IAQpB,OAAO,CAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAYhD,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,aAAa;IAIrB,MAAM;IAQN,OAAO,CAAC,oBAAoB;CAsB7B"}

package/dist/v2/components/layout/footer/Footer.esm.js

@@ -1,143 +0,0 @@
-import { getName as e } from "../../../../utils/headerFooterHelpers.esm.js";
-import { authSession as t, authn as n } from "solid-logic";
-import { LitElement as r, css as i, html as a } from "lit";
-//#region src/v2/components/layout/footer/Footer.ts
-var o = class extends r {
-	static properties = {
-		theme: {
-			type: String,
-			reflect: !0
-		},
-		layout: {
-			type: String,
-			reflect: !0
-		},
-		position: {
-			type: String,
-			reflect: !0
-		},
-		top: {
-			type: String,
-			reflect: !0
-		},
-		right: {
-			type: String,
-			reflect: !0
-		},
-		bottom: {
-			type: String,
-			reflect: !0
-		},
-		left: {
-			type: String,
-			reflect: !0
-		},
-		store: {
-			type: Object,
-			attribute: !1
-		},
-		_user: { state: !0 }
-	};
-	static styles = i`
-    :host {
-      display: block;
-      position: var(--footer-position, static);
-      top: var(--footer-top, auto);
-      right: var(--footer-right, auto);
-      bottom: var(--footer-bottom, auto);
-      left: var(--footer-left, auto);
-      width: auto;
-      max-width: var(--footer-max-width, none);
-      margin: var(--footer-margin, 0);
-      box-sizing: border-box;
-      color: var(--footer-text, #4f4f4f);
-      background: transparent;
-      border: 1px solid var(--footer-border, rgba(0, 0, 0, 0.12));
-      border-radius: var(--footer-border-radius, 1rem);
-      box-shadow: var(--footer-box-shadow, 0 1px 6px rgba(0, 0, 0, 0.08));
-      font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);
-    }
-
-    .footer {
-      display: flex;
-      justify-content: flex-start;
-      align-items: flex-start;
-      gap: 0.25rem;
-      font-size: 0.75rem;
-      line-height: 1.5;
-      text-align: left;
-    }
-
-    .footer a {
-      color: var(--footer-link, #4b32a8);
-      text-decoration: none;
-      font-weight: 600;
-    }
-
-    .footer a:hover {
-      text-decoration: underline;
-    }
-
-    .footer span {
-      color: inherit;
-    }
-
-    .footer div > strong {
-      display: block;
-      margin-bottom: 0.5rem;
-    }
-
-    :host([layout='mobile']) {
-      border: none;
-      box-shadow: none;
-      border-radius: 0;
-    }
-  `;
-	constructor() {
-		super(), this.theme = "light", this.layout = "desktop", this.position = "static", this.top = "auto", this.right = "auto", this.bottom = "auto", this.left = "auto", this.store = null, this._user = null, this._updateFooter = this._updateFooter.bind(this);
-	}
-	connectedCallback() {
-		super.connectedCallback(), t.events.on("login", this._updateFooter), t.events.on("logout", this._updateFooter), this._updateFooter();
-	}
-	disconnectedCallback() {
-		typeof t.events.off == "function" && (t.events.off("login", this._updateFooter), t.events.off("logout", this._updateFooter)), super.disconnectedCallback();
-	}
-	updated(e) {
-		(e.has("position") || e.has("top") || e.has("right") || e.has("bottom") || e.has("left")) && this._updatePositionStyles();
-	}
-	_updatePositionStyles() {
-		this.style.setProperty("--footer-position", this.position), this.style.setProperty("--footer-top", this.top), this.style.setProperty("--footer-right", this.right), this.style.setProperty("--footer-bottom", this.bottom), this.style.setProperty("--footer-left", this.left);
-	}
-	_updateFooter() {
-		this._user = n.currentUser();
-	}
-	render() {
-		return a`
-      <footer class="footer">
-        ${this._renderFooterContent()}
-      </footer>
-    `;
-	}
-	_renderFooterContent() {
-		if (!this._user) return a`
-        <div>
-          <strong>Public View</strong>
-          <div>You are viewing this profile as a guest.</div>
-        </div>
-      `;
-		let t = this.store ? e(this.store, this._user) : this._user.uri;
-		return a`
-      <div>
-        <strong>Logged in View</strong>
-        <div>
-          You are logged in as
-          <a href=${this._user.uri} target="_blank" rel="noopener noreferrer">${t}</a>.
-        </div>
-      </div>
-    `;
-	}
-};
-//#endregion
-export { o as Footer };
-
-//# sourceMappingURL=Footer.esm.js.map

package/dist/v2/components/layout/footer/Footer.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.esm.js","names":[],"sources":["../../../../../src/v2/components/layout/footer/Footer.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"],"mappings":";;;;AAKA,IAAa,IAAb,cAA4B,EAAW;CACrC,OAAO,aAAa;EAClB,OAAO;GAAE,MAAM;GAAQ,SAAS;EAAK;EACrC,QAAQ;GAAE,MAAM;GAAQ,SAAS;EAAK;EACtC,UAAU;GAAE,MAAM;GAAQ,SAAS;EAAK;EACxC,KAAK;GAAE,MAAM;GAAQ,SAAS;EAAK;EACnC,OAAO;GAAE,MAAM;GAAQ,SAAS;EAAK;EACrC,QAAQ;GAAE,MAAM;GAAQ,SAAS;EAAK;EACtC,MAAM;GAAE,MAAM;GAAQ,SAAS;EAAK;EACpC,OAAO;GAAE,MAAM;GAAQ,WAAW;EAAM;EACxC,OAAO,EAAE,OAAO,GAAK;CACvB;CAEA,OAAO,SAAS,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEnB,cAAe;EAWb,AAVA,MAAM,GACN,KAAK,QAAQ,SACb,KAAK,SAAS,WACd,KAAK,WAAW,UAChB,KAAK,MAAM,QACX,KAAK,QAAQ,QACb,KAAK,SAAS,QACd,KAAK,OAAO,QACZ,KAAK,QAAQ,MACb,KAAK,QAAQ,MACb,KAAK,gBAAgB,KAAK,cAAc,KAAK,IAAI;CACnD;CAEA,oBAAqB;EAInB,AAHA,MAAM,kBAAkB,GACxB,EAAY,OAAO,GAAG,SAAS,KAAK,aAAa,GACjD,EAAY,OAAO,GAAG,UAAU,KAAK,aAAa,GAClD,KAAK,cAAc;CACrB;CAEA,uBAAwB;EAKtB,AAJI,OAAO,EAAY,OAAO,OAAQ,eACpC,EAAY,OAAO,IAAI,SAAS,KAAK,aAAa,GAClD,EAAY,OAAO,IAAI,UAAU,KAAK,aAAa,IAErD,MAAM,qBAAqB;CAC7B;CAEA,QAAS,GAAyC;EAChD,CACE,EAAkB,IAAI,UAAU,KAChC,EAAkB,IAAI,KAAK,KAC3B,EAAkB,IAAI,OAAO,KAC7B,EAAkB,IAAI,QAAQ,KAC9B,EAAkB,IAAI,MAAM,MAE5B,KAAK,sBAAsB;CAE/B;CAEA,wBAAiC;EAK/B,AAJA,KAAK,MAAM,YAAY,qBAAqB,KAAK,QAAQ,GACzD,KAAK,MAAM,YAAY,gBAAgB,KAAK,GAAG,GAC/C,KAAK,MAAM,YAAY,kBAAkB,KAAK,KAAK,GACnD,KAAK,MAAM,YAAY,mBAAmB,KAAK,MAAM,GACrD,KAAK,MAAM,YAAY,iBAAiB,KAAK,IAAI;CACnD;CAEA,gBAAyB;EACvB,KAAK,QAAQ,EAAM,YAAY;CACjC;CAEA,SAAU;EACR,OAAO,CAAI;;UAEL,KAAK,qBAAqB,EAAE;;;CAGpC;CAEA,uBAAgC;EAC9B,IAAI,CAAC,KAAK,OACR,OAAO,CAAI;;;;;;EAQb,IAAM,IAAW,KAAK,QAAQ,EAAQ,KAAK,OAAO,KAAK,KAAK,IAAI,KAAK,MAAM;EAE3E,OAAO,CAAI;;;;;oBAKK,KAAK,MAAM,IAAI,6CAA6C,EAAS;;;;CAIvF;AACF"}

package/dist/v2/components/layout/footer/Footer.test.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=Footer.test.d.ts.map

package/dist/v2/components/layout/footer/Footer.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/layout/footer/Footer.test.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,CAAA"}

package/dist/v2/components/layout/footer/index.cjs.js

@@ -1,2 +0,0 @@
-const e=require("./Footer.cjs.js");var t=`solid-ui-footer`;customElements.get(t)||customElements.define(t,e.Footer),exports.Footer=e.Footer;
-//# sourceMappingURL=index.cjs.js.map

package/dist/v2/components/layout/footer/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../../../../../src/v2/components/layout/footer/index.ts"],"sourcesContent":["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":"mCAIA,IAAM,EAAkB,kBAEnB,eAAe,IAAI,CAAe,GACrC,eAAe,OAAO,EAAiB,EAAA,MAAM"}

package/dist/v2/components/layout/footer/index.d.ts

@@ -1,3 +0,0 @@
-import { Footer } from './Footer';
-export { Footer };
-//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/layout/footer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/layout/footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/v2/components/layout/footer/index.esm.js

@@ -1,8 +0,0 @@
-import { Footer as e } from "./Footer.esm.js";
-//#region src/v2/components/layout/footer/index.ts
-var t = "solid-ui-footer";
-customElements.get(t) || customElements.define(t, e);
-//#endregion
-export { e as Footer };
-
-//# sourceMappingURL=index.esm.js.map

package/dist/v2/components/layout/footer/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../../src/v2/components/layout/footer/index.ts"],"sourcesContent":["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":";;AAIA,IAAM,IAAkB;AAEnB,eAAe,IAAI,CAAe,KACrC,eAAe,OAAO,GAAiB,CAAM"}