solid-panes 5.0.0 → 5.1.0-1

package/dist/components/header/Header.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`:host{box-sizing:border-box;background:var(--solid-ui-color-slate-800);color:var(--solid-ui-color-white);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:7px 20px;display:flex}:host a.logo{height:40px}:host a.logo solid-ui-solid-emblem{height:100%}:host .spacer{flex:1}:host .separator{background:var(--solid-ui-color-body-grey);align-self:stretch;width:1px}@media (width<=48rem){:host{padding:0 16px 10px}:host a.logo,:host solid-ui-menu,:host .separator{display:none}}`;exports.default=e;
+var e=require("lit").css`:host{box-sizing:border-box;background:var(--solid-ui-color-slate-800);color:var(--solid-ui-color-white);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:7px 20px;display:flex}:host a.logo{height:40px}:host a.logo solid-ui-solid-emblem{height:100%}:host .spacer{flex:1}:host .separator{background:var(--solid-ui-color-body-grey);align-self:stretch;width:1px}@media (width<=48rem){:host{padding:5px 16px}:host a.logo,:host solid-ui-menu,:host .separator{display:none}}`;exports.default=e;
 //# sourceMappingURL=Header.styles.cjs.js.map

package/dist/components/header/Header.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.styles.cjs.js","names":["Header_styles_default"],"sources":["../../../src/components/header/Header.styles.css"],"sourcesContent":["@import \"solid-ui/breakpoints.css\";\n\n:host {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    background: var(--solid-ui-color-slate-800);\n    color: var(--solid-ui-color-white);\n    padding: 7px 20px;\n    gap: 10px;\n\n    a.logo {\n        height: 40px;\n\n        solid-ui-solid-emblem {\n            height: 100%;\n        }\n    }\n\n    .spacer {\n        flex: 1;\n    }\n\n    .separator {\n        background: var(--solid-ui-color-body-grey);\n        width: 1px;\n        align-self: stretch;\n    }\n\n    @media (--solid-ui-mobile) {\n        padding: 0 16px 10px 16px;\n\n        a.logo,\n        solid-ui-menu,\n        .separator {\n            display: none;\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Header.styles.cjs.js","names":["Header_styles_default"],"sources":["../../../src/components/header/Header.styles.css"],"sourcesContent":["@import \"solid-ui/breakpoints.css\";\n\n:host {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    background: var(--solid-ui-color-slate-800);\n    color: var(--solid-ui-color-white);\n    padding: 7px 20px;\n    gap: 10px;\n\n    a.logo {\n        height: 40px;\n\n        solid-ui-solid-emblem {\n            height: 100%;\n        }\n    }\n\n    .spacer {\n        flex: 1;\n    }\n\n    .separator {\n        background: var(--solid-ui-color-body-grey);\n        width: 1px;\n        align-self: stretch;\n    }\n\n    @media (--solid-ui-mobile) {\n        padding: 5px 16px;\n\n        a.logo,\n        solid-ui-menu,\n        .separator {\n            display: none;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/header/Header.styles.esm.js

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/components/header/Header.styles.css
-var t = e`:host{box-sizing:border-box;background:var(--solid-ui-color-slate-800);color:var(--solid-ui-color-white);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:7px 20px;display:flex}:host a.logo{height:40px}:host a.logo solid-ui-solid-emblem{height:100%}:host .spacer{flex:1}:host .separator{background:var(--solid-ui-color-body-grey);align-self:stretch;width:1px}@media (width<=48rem){:host{padding:0 16px 10px}:host a.logo,:host solid-ui-menu,:host .separator{display:none}}`;
+var t = e`:host{box-sizing:border-box;background:var(--solid-ui-color-slate-800);color:var(--solid-ui-color-white);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:7px 20px;display:flex}:host a.logo{height:40px}:host a.logo solid-ui-solid-emblem{height:100%}:host .spacer{flex:1}:host .separator{background:var(--solid-ui-color-body-grey);align-self:stretch;width:1px}@media (width<=48rem){:host{padding:5px 16px}:host a.logo,:host solid-ui-menu,:host .separator{display:none}}`;
 //#endregion
 export { t as default };
 

package/dist/components/header/Header.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.styles.esm.js","names":["Header_styles_default"],"sources":["../../../src/components/header/Header.styles.css"],"sourcesContent":["@import \"solid-ui/breakpoints.css\";\n\n:host {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    background: var(--solid-ui-color-slate-800);\n    color: var(--solid-ui-color-white);\n    padding: 7px 20px;\n    gap: 10px;\n\n    a.logo {\n        height: 40px;\n\n        solid-ui-solid-emblem {\n            height: 100%;\n        }\n    }\n\n    .spacer {\n        flex: 1;\n    }\n\n    .separator {\n        background: var(--solid-ui-color-body-grey);\n        width: 1px;\n        align-self: stretch;\n    }\n\n    @media (--solid-ui-mobile) {\n        padding: 0 16px 10px 16px;\n\n        a.logo,\n        solid-ui-menu,\n        .separator {\n            display: none;\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Header.styles.esm.js","names":["Header_styles_default"],"sources":["../../../src/components/header/Header.styles.css"],"sourcesContent":["@import \"solid-ui/breakpoints.css\";\n\n:host {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    background: var(--solid-ui-color-slate-800);\n    color: var(--solid-ui-color-white);\n    padding: 7px 20px;\n    gap: 10px;\n\n    a.logo {\n        height: 40px;\n\n        solid-ui-solid-emblem {\n            height: 100%;\n        }\n    }\n\n    .spacer {\n        flex: 1;\n    }\n\n    .separator {\n        background: var(--solid-ui-color-body-grey);\n        width: 1px;\n        align-self: stretch;\n    }\n\n    @media (--solid-ui-mobile) {\n        padding: 5px 16px;\n\n        a.logo,\n        solid-ui-menu,\n        .separator {\n            display: none;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/navbar/Navbar.cjs.js

@@ -1,4 +1,4 @@
-require("../../_virtual/~icons/lucide/help-circle.cjs.js");const e=require("./Navbar.styles.cjs.js");let t=require("solid-ui"),n=require("lit/decorators.js"),r=require("lit");require("solid-ui/components/button"),require("solid-ui/components/menu"),require("solid-ui/components/menu-item"),require("solid-ui/components/account"),require("solid-ui/components/solid-emblem");var i,a,o,s,c,l,u,d,f,p;function m(e,t,n){h(e,t),t.set(e,n)}function h(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function g(e,t,n){return e.set(v(e,t),n),n}function _(e,t){return e.get(v(e,t))}function v(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function y(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:C(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||C(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),w=E.call(D,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof w==`object`&&w)(g=c(w.get,`accessor.get`))&&(b.get=g),(g=c(w.set,`accessor.set`))&&(b.set=g),(g=c(w.init,`accessor.init`))&&x.push(g);else if(w!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(w,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(w):b[S]=w)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),w}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return w(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var S=u.get(b);if(!0===S||S===3&&m!==4||S===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:x(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function x(e){var t=S(e,`string`);return typeof t==`symbol`?t:t+``}function S(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function C(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function w(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 T(e){return e}l=[(0,t.customElement)(`solid-panes-navbar`)];var E;new(f=(o=new WeakMap,p=(u=(0,n.property)({type:Array}),`navbarItems`),a=class extends t.WebComponent{constructor(...e){super(...e),m(this,o,(s(this),d(this,[])))}get[p](){return _(o,this)}set navbarItems(e){g(o,this,e)}selectItem(e){this.dispatchEvent(new CustomEvent(`solid-ui-select`,{detail:e,bubbles:!0,composed:!0,cancelable:!0}))}render(){return r.html`
+require("../../_virtual/~icons/lucide/help-circle.cjs.js");const e=require("./Navbar.styles.cjs.js");let t=require("solid-ui"),n=require("lit/decorators.js"),r=require("lit");require("solid-ui/components/button"),require("solid-ui/components/menu"),require("solid-ui/components/menu-item"),require("solid-ui/components/account"),require("solid-ui/components/solid-emblem");var i,a,o,s,c,l,u,d,f,p;function m(e,t,n){h(e,t),t.set(e,n)}function h(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function g(e,t,n){return e.set(v(e,t),n),n}function _(e,t){return e.get(v(e,t))}function v(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function y(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:C(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||C(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var w=e,T=_.length-1;T>=0;T-=n?2:1){var E=_[T],D=n?_[T-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(E.call(D,w,k),`class decorators`,`return`))&&(w=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),w=E.call(D,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof w==`object`&&w)(g=c(w.get,`accessor.get`))&&(b.get=g),(g=c(w.set,`accessor.set`))&&(b.set=g),(g=c(w.init,`accessor.init`))&&x.push(g);else if(w!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(w,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(w):b[S]=w)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),w}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return w(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var S=u.get(b);if(!0===S||S===3&&m!==4||S===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:x(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function x(e){var t=S(e,`string`);return typeof t==`symbol`?t:t+``}function S(e,t){if(typeof e!=`object`||!e)return e;var n;if(typeof Symbol<`u`&&(n=e[Symbol.toPrimitive])!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function C(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function w(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 T(e){return e}l=[(0,t.customElement)(`solid-panes-navbar`)];var E;new(f=(o=new WeakMap,p=(u=(0,n.property)({type:Array}),`navbarItems`),a=class extends t.WebComponent{constructor(...e){super(...e),m(this,o,(s(this),d(this,[])))}get[p](){return _(o,this)}set navbarItems(e){g(o,this,e)}selectItem(e){this.dispatchEvent(new CustomEvent(`solid-ui-select`,{detail:e,bubbles:!0,composed:!0,cancelable:!0}))}render(){return r.html`
     <nav class="navbar">
        ${this.navbarItems.map(e=>r.html`
         <button

package/dist/components/navbar/Navbar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.cjs.js","names":["customElement","WebComponent","html","property","styles","_classDecs","_Navbar","_Navbar2","_A","WeakMap","_ref","_navbarItemsDecs","type","Array","_Navbar3","Navbar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_navbarItems","_classPrivateFieldGet","navbarItems","v","_classPrivateFieldSet","selectItem","item","dispatchEvent","CustomEvent","detail","bubbles","composed","cancelable","render","map","menuItem","selected","label","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","customElement","property","WebComponent","styles","require_Navbar_styles","solid_ui","lit_decorators_js","lit","_Class","_Navbar3","_A","_initProto","_initClass","_classDecs","_navbarItemsDecs","_init_navbarItems","_Navbar2","_ref","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","a","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","f","p","_setFunctionName","P","j","D","E","I","O","k","F","l","N","_checkInRHS","_toPrimitive","e","_identity","_Navbar","args","item","menuItem"],"sources":["../../../src/components/navbar/Navbar.ts"],"sourcesContent":["import { customElement, WebComponent } from 'solid-ui'\nimport { html, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport 'solid-ui/components/account'\nimport 'solid-ui/components/button'\nimport 'solid-ui/components/menu-item'\nimport 'solid-ui/components/menu'\nimport 'solid-ui/components/solid-emblem'\nimport '~icons/lucide/help-circle'\n\nimport styles from './Navbar.styles.css'\n\nexport interface NavbarMenuItem {\n  label: string | TemplateResult\n  selected?: boolean\n  onSelected?(): void | Promise<void>\n}\n\n@customElement('solid-panes-navbar')\nexport default class Navbar extends WebComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  accessor navbarItems: NavbarMenuItem[] = []\n\n  private selectItem (item: NavbarMenuItem) {\n    this.dispatchEvent(new CustomEvent('solid-ui-select', {\n      detail: item,\n      bubbles: true,\n      composed: true,\n      cancelable: true\n    }))\n  }\n\n  render () {\n    return html`\n    <nav class=\"navbar\">\n       ${this.navbarItems.map(menuItem => html`\n        <button\n          type=\"button\"\n          class=${menuItem.selected ? 'selected' : ''}\n          @click=${() => this.selectItem(menuItem)}\n          title=${typeof menuItem.label === 'string' ? menuItem.label : ''}\n        >\n          ${menuItem.label}\n        </button>\n      `)}\n    </nav>\n    `\n  }\n}\n"],"mappings":"i8IAWwCK,EAAA,EAAA,EAQvCL,EAAAA,cAAAA,CAAc,oBAAoB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAIjCR,EAAAA,SAAAA,CAAS,CAAES,KAAMC,KAAM,CAAC,EAAC,eAAAC,EAJ5B,cACoCb,EAAAA,YAAa,CAAAe,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAIN,CAAA,CAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAlCc,YAAWC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEZE,WAAYC,EAAsB,CACxC,KAAKC,cAAc,IAAIC,YAAY,kBAAmB,CACpDC,OAAQH,EACRI,QAAS,GACTC,SAAU,GACVC,WAAY,EACd,CAAC,CAAC,CACJ,CAEAC,QAAU,CACR,MAAO/B,GAAAA,IAAI;;SAEN,KAAKoB,YAAYY,IAAIC,GAAYjC,EAAAA,IAAI;;;kBAG5BiC,EAASC,SAAW,WAAa,GAAE;uBAC5B,KAAKX,WAAWU,CAAQ,EAAC;kBAChC,OAAOA,EAASE,OAAU,SAAWF,EAASE,MAAQ,GAAE;;YAE9DF,EAASE,MAAK;;OAEnB,EAAC;;KAGN,CACF,EAAC,CAAAC,EAAA,CAAAlB,EAAAD,GAAAoB,EAAA,CAAAjC,EAAAkC,IAAAC,EAAA3B,EAAA,CAAA,CAAAH,EAAA,EAAA,aAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GA/BmCJ,EAAAA,YAAY,EAAAa,GAAA4B,EAAA,cAAAC,CAAA,CAAA3B,aAAA,CAAA,MAAAV,CAAA,EAAAsC,EAAA,KAAA,SAC9BxC,EAAAA,OAAM,EAAAoC,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAnC,EAAA,IAAA,EAAA,EAAAmC"}
+{"version":3,"file":"Navbar.cjs.js","names":["customElement","WebComponent","html","property","styles","_classDecs","_Navbar","_Navbar2","_A","WeakMap","_ref","_navbarItemsDecs","type","Array","_Navbar3","Navbar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_navbarItems","_classPrivateFieldGet","navbarItems","v","_classPrivateFieldSet","selectItem","item","dispatchEvent","CustomEvent","detail","bubbles","composed","cancelable","render","map","menuItem","selected","label","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","customElement","property","WebComponent","styles","require_Navbar_styles","solid_ui","lit_decorators_js","lit","_Class","_Navbar3","_A","_initProto","_initClass","_classDecs","_navbarItemsDecs","_init_navbarItems","_Navbar2","_ref","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","a","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","f","p","_setFunctionName","P","j","D","E","I","O","k","F","l","N","_checkInRHS","_toPrimitive","e","_identity","_Navbar","args","item","menuItem"],"sources":["../../../src/components/navbar/Navbar.ts"],"sourcesContent":["import { customElement, WebComponent } from 'solid-ui'\nimport { html, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport 'solid-ui/components/account'\nimport 'solid-ui/components/button'\nimport 'solid-ui/components/menu-item'\nimport 'solid-ui/components/menu'\nimport 'solid-ui/components/solid-emblem'\nimport '~icons/lucide/help-circle'\n\nimport styles from './Navbar.styles.css'\n\nexport interface NavbarMenuItem {\n  label: string | TemplateResult\n  selected?: boolean\n  paneName?: string\n  paneUri?: string\n  onSelected?(): void | Promise<void>\n}\n\n@customElement('solid-panes-navbar')\nexport default class Navbar extends WebComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  accessor navbarItems: NavbarMenuItem[] = []\n\n  private selectItem (item: NavbarMenuItem) {\n    this.dispatchEvent(new CustomEvent('solid-ui-select', {\n      detail: item,\n      bubbles: true,\n      composed: true,\n      cancelable: true\n    }))\n  }\n\n  render () {\n    return html`\n    <nav class=\"navbar\">\n       ${this.navbarItems.map(menuItem => html`\n        <button\n          type=\"button\"\n          class=${menuItem.selected ? 'selected' : ''}\n          @click=${() => this.selectItem(menuItem)}\n          title=${typeof menuItem.label === 'string' ? menuItem.label : ''}\n        >\n          ${menuItem.label}\n        </button>\n      `)}\n    </nav>\n    `\n  }\n}\n"],"mappings":"A,s9IAWwCK,EAAA,EAAA,EAUvCL,EAAAA,cAAAA,CAAc,oBAAoB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAIjCR,EAAAA,SAAAA,CAAS,CAAES,KAAMC,KAAM,CAAC,EAAC,eAAAC,EAJ5B,cACoCb,EAAAA,YAAa,CAAAe,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAIN,CAAA,CAAE,EAAA,CAAA,CAAA,IAAAV,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAlCc,YAAWC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEZE,WAAYC,EAAsB,CACxC,KAAKC,cAAc,IAAIC,YAAY,kBAAmB,CACpDC,OAAQH,EACRI,QAAS,GACTC,SAAU,GACVC,WAAY,EACd,CAAC,CAAC,CACJ,CAEAC,QAAU,CACR,MAAO/B,GAAAA,IAAI;;SAEN,KAAKoB,YAAYY,IAAIC,GAAYjC,EAAAA,IAAI;;;kBAG5BiC,EAASC,SAAW,WAAa,GAAE;uBAC5B,KAAKX,WAAWU,CAAQ,EAAC;kBAChC,OAAOA,EAASE,OAAU,SAAWF,EAASE,MAAQ,GAAE;;YAE9DF,EAASE,MAAK;;OAEnB,EAAC;;KAGN,CACF,EAAC,CAAAC,EAAA,CAAAlB,EAAAD,GAAAoB,EAAA,CAAAjC,EAAAkC,IAAAC,EAAA3B,EAAA,CAAA,CAAAH,EAAA,EAAA,aAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GA/BmCJ,EAAAA,YAAY,EAAAa,GAAA4B,EAAA,cAAAC,CAAA,CAAA3B,aAAA,CAAA,MAAAV,CAAA,EAAAsC,EAAA,KAAA,SAC9BxC,EAAAA,OAAM,EAAAoC,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAnC,EAAA,IAAA,EAAA,EAAAmC,G"}

package/dist/components/navbar/Navbar.d.ts

@@ -3,6 +3,8 @@ import { TemplateResult } from 'lit';
 export interface NavbarMenuItem {
     label: string | TemplateResult;
     selected?: boolean;
+    paneName?: string;
+    paneUri?: string;
     onSelected?(): void | Promise<void>;
 }
 export default class Navbar extends WebComponent {

package/dist/components/navbar/Navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/Navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,6BAA6B,CAAA;AACpC,OAAO,4BAA4B,CAAA;AACnC,OAAO,+BAA+B,CAAA;AACtC,OAAO,0BAA0B,CAAA;AACjC,OAAO,kCAAkC,CAAA;AACzC,OAAO,2BAA2B,CAAA;AAIlC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,cAAc,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACpC;AAGD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,YAAY;IAC9C,MAAM,CAAC,MAAM,MAAS;IAGtB,QAAQ,CAAC,WAAW,EAAE,cAAc,EAAE,CAAK;IAE3C,OAAO,CAAC,UAAU;IASlB,MAAM;CAgBP"}
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/Navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,6BAA6B,CAAA;AACpC,OAAO,4BAA4B,CAAA;AACnC,OAAO,+BAA+B,CAAA;AACtC,OAAO,0BAA0B,CAAA;AACjC,OAAO,kCAAkC,CAAA;AACzC,OAAO,2BAA2B,CAAA;AAIlC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,cAAc,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACpC;AAGD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,YAAY;IAC9C,MAAM,CAAC,MAAM,MAAS;IAGtB,QAAQ,CAAC,WAAW,EAAE,cAAc,EAAE,CAAK;IAE3C,OAAO,CAAC,UAAU;IASlB,MAAM;CAgBP"}

package/dist/components/navbar/Navbar.esm.js

@@ -156,8 +156,8 @@ function S(e) {
 }
 function C(e, t) {
 	if (typeof e != "object" || !e) return e;
-	var n = e[Symbol.toPrimitive];
-	if (n !== void 0) {
+	var n;
+	if (typeof Symbol < "u" && (n = e[Symbol.toPrimitive]) !== void 0) {
 		var r = n.call(e, t || "default");
 		if (typeof r != "object") return r;
 		throw TypeError("@@toPrimitive must return a primitive value.");

package/dist/components/navbar/Navbar.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.esm.js","names":["customElement","WebComponent","html","property","styles","_classDecs","_Navbar","_Navbar2","_A","WeakMap","_ref","_navbarItemsDecs","type","Array","_Navbar3","Navbar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_navbarItems","_classPrivateFieldGet","navbarItems","v","_classPrivateFieldSet","selectItem","item","dispatchEvent","CustomEvent","detail","bubbles","composed","cancelable","render","map","menuItem","selected","label","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","styles","Navbar_styles_default","_Class","_Navbar3","_A","_initProto","_initClass","_classDecs","_navbarItemsDecs","_init_navbarItems","_Navbar2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","E","I","O","k","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","customElement","_Navbar","property","WebComponent","args","item","menuItem"],"sources":["../../../src/components/navbar/Navbar.ts"],"sourcesContent":["import { customElement, WebComponent } from 'solid-ui'\nimport { html, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport 'solid-ui/components/account'\nimport 'solid-ui/components/button'\nimport 'solid-ui/components/menu-item'\nimport 'solid-ui/components/menu'\nimport 'solid-ui/components/solid-emblem'\nimport '~icons/lucide/help-circle'\n\nimport styles from './Navbar.styles.css'\n\nexport interface NavbarMenuItem {\n  label: string | TemplateResult\n  selected?: boolean\n  onSelected?(): void | Promise<void>\n}\n\n@customElement('solid-panes-navbar')\nexport default class Navbar extends WebComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  accessor navbarItems: NavbarMenuItem[] = []\n\n  private selectItem (item: NavbarMenuItem) {\n    this.dispatchEvent(new CustomEvent('solid-ui-select', {\n      detail: item,\n      bubbles: true,\n      composed: true,\n      cancelable: true\n    }))\n  }\n\n  render () {\n    return html`\n    <nav class=\"navbar\">\n       ${this.navbarItems.map(menuItem => html`\n        <button\n          type=\"button\"\n          class=${menuItem.selected ? 'selected' : ''}\n          @click=${() => this.selectItem(menuItem)}\n          title=${typeof menuItem.label === 'string' ? menuItem.label : ''}\n        >\n          ${menuItem.label}\n        </button>\n      `)}\n    </nav>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWwCK,IAAA,CAQvCL,EAAc,oBAAoB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAIjCR,EAAS,EAAES,MAAMC,MAAM,CAAC,GAAC,gBAAAC,IAJ5B,cACoCb,EAAa;CAAAe,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAIN,CAAA,CAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAlCc,YAAWC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEZE,WAAYC,GAAsB;EACxC,KAAKC,cAAc,IAAIC,YAAY,mBAAmB;GACpDC,QAAQH;GACRI,SAAS;GACTC,UAAU;GACVC,YAAY;EACd,CAAC,CAAC;CACJ;CAEAC,SAAU;EACR,OAAO/B,CAAI;;SAEN,KAAKoB,YAAYY,KAAIC,MAAYjC,CAAI;;;kBAG5BiC,EAASC,WAAW,aAAa,GAAE;yBAC5B,KAAKX,WAAWU,CAAQ,EAAC;kBAChC,OAAOA,EAASE,SAAU,WAAWF,EAASE,QAAQ,GAAE;;YAE9DF,EAASE,MAAK;;OAEnB,EAAC;;;CAGN;AACF,GAAC,CAAAC,GAAA,CAAAlB,GAAAD,IAAAoB,GAAA,CAAAjC,GAAAkC,MAAAC,EAAA3B,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GA/BmCJ,CAAY,GAAAa,IAAA4B,IAAA,cAAAC,EAAA;CAAA3B,cAAA;EAAA,MAAAV,CAAA,GAAAsC,EAAA,MAAA,UAC9BxC,CAAM,GAAAoC,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAnC,GAAA,KAAA,CAAA,GAAAmC,GAAA"}
+{"version":3,"file":"Navbar.esm.js","names":["customElement","WebComponent","html","property","styles","_classDecs","_Navbar","_Navbar2","_A","WeakMap","_ref","_navbarItemsDecs","type","Array","_Navbar3","Navbar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_navbarItems","_classPrivateFieldGet","navbarItems","v","_classPrivateFieldSet","selectItem","item","dispatchEvent","CustomEvent","detail","bubbles","composed","cancelable","render","map","menuItem","selected","label","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","styles","Navbar_styles_default","_Class","_Navbar3","_A","_initProto","_initClass","_classDecs","_navbarItemsDecs","_init_navbarItems","_Navbar2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","E","I","O","k","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","customElement","_Navbar","property","WebComponent","args","item","menuItem"],"sources":["../../../src/components/navbar/Navbar.ts"],"sourcesContent":["import { customElement, WebComponent } from 'solid-ui'\nimport { html, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport 'solid-ui/components/account'\nimport 'solid-ui/components/button'\nimport 'solid-ui/components/menu-item'\nimport 'solid-ui/components/menu'\nimport 'solid-ui/components/solid-emblem'\nimport '~icons/lucide/help-circle'\n\nimport styles from './Navbar.styles.css'\n\nexport interface NavbarMenuItem {\n  label: string | TemplateResult\n  selected?: boolean\n  paneName?: string\n  paneUri?: string\n  onSelected?(): void | Promise<void>\n}\n\n@customElement('solid-panes-navbar')\nexport default class Navbar extends WebComponent {\n  static styles = styles\n\n  @property({ type: Array })\n  accessor navbarItems: NavbarMenuItem[] = []\n\n  private selectItem (item: NavbarMenuItem) {\n    this.dispatchEvent(new CustomEvent('solid-ui-select', {\n      detail: item,\n      bubbles: true,\n      composed: true,\n      cancelable: true\n    }))\n  }\n\n  render () {\n    return html`\n    <nav class=\"navbar\">\n       ${this.navbarItems.map(menuItem => html`\n        <button\n          type=\"button\"\n          class=${menuItem.selected ? 'selected' : ''}\n          @click=${() => this.selectItem(menuItem)}\n          title=${typeof menuItem.label === 'string' ? menuItem.label : ''}\n        >\n          ${menuItem.label}\n        </button>\n      `)}\n    </nav>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWwCK,IAAA,CAUvCL,EAAc,oBAAoB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAIjCR,EAAS,EAAES,MAAMC,MAAM,CAAC,GAAC,gBAAAC,IAJ5B,cACoCb,EAAa;CAAAe,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAIN,CAAA,CAAE,EAAA;CAAA;CAAA,KAAAV,KAAA;EAAA,OAAAW,EAAAb,GAAA,IAAA;CAAA;CAAA,IAAlCc,YAAWC,GAAA;EAAAC,EAAAhB,GAAA,MAAAe,CAAA;CAAA;CAEZE,WAAYC,GAAsB;EACxC,KAAKC,cAAc,IAAIC,YAAY,mBAAmB;GACpDC,QAAQH;GACRI,SAAS;GACTC,UAAU;GACVC,YAAY;EACd,CAAC,CAAC;CACJ;CAEAC,SAAU;EACR,OAAO/B,CAAI;;SAEN,KAAKoB,YAAYY,KAAIC,MAAYjC,CAAI;;;kBAG5BiC,EAASC,WAAW,aAAa,GAAE;yBAC5B,KAAKX,WAAWU,CAAQ,EAAC;kBAChC,OAAOA,EAASE,SAAU,WAAWF,EAASE,QAAQ,GAAE;;YAE9DF,EAASE,MAAK;;OAEnB,EAAC;;;CAGN;AACF,GAAC,CAAAC,GAAA,CAAAlB,GAAAD,IAAAoB,GAAA,CAAAjC,GAAAkC,MAAAC,EAAA3B,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GA/BmCJ,CAAY,GAAAa,IAAA4B,IAAA,cAAAC,EAAA;CAAA3B,cAAA;EAAA,MAAAV,CAAA,GAAAsC,EAAA,MAAA,UAC9BxC,CAAM,GAAAoC,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAAnC,GAAA,KAAA,CAAA,GAAAmC,GAAA"}

package/dist/components/navbar/Navbar.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`:host{display:block}:host(.navbar--hidden){display:none!important}.navbar{border:1px solid var(--color-border,#444);background:var(--solid-ui-color-white,#fff);border-radius:5px;display:flex;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:10px 25px;font-size:90%;font-weight:500}button.selected,button:active,button:hover,button:focus{border-bottom-color:var(--solid-ui-color-primary,#7c4dff);color:var(--solid-ui-color-primary,#7c4dff);text-transform:capitalize;background:color-mix(in srgb, currentColor 25%, transparent);border-radius:0}`;exports.default=e;
+var e=require("lit").css`:host{z-index:1;flex-shrink:0;margin-bottom:20px;display:block;position:relative}:host(.navbar--hidden){display:none!important}.navbar{border:1px solid var(--color-border,#444);background:var(--solid-ui-color-white,#fff);border-radius:5px;transition:box-shadow .2s;display:flex;overflow:hidden}.navbar:hover{box-shadow:0 8px 10px #7c4dff1a}button{color:inherit;cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:10px 25px;font-size:90%;font-weight:500}button.selected,button:active,button:hover,button:focus{border-bottom-color:var(--solid-ui-color-primary,#7c4dff);color:var(--solid-ui-color-primary,#7c4dff);text-transform:capitalize;background:color-mix(in srgb, currentColor 25%, transparent);border-radius:0}`;exports.default=e;
 //# sourceMappingURL=Navbar.styles.cjs.js.map

package/dist/components/navbar/Navbar.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.styles.cjs.js","names":["Navbar_styles_default"],"sources":["../../../src/components/navbar/Navbar.styles.css"],"sourcesContent":[":host {\n    display: block;\n}\n\n:host(.navbar--hidden) {\n    display: none !important;\n}\n\n.navbar {\n    border: 1px solid var(--color-border, #444);\n    border-radius: 5px;\n    display: flex;\n    background: var(--solid-ui-color-white, #fff);\n    overflow: hidden;\n}\n\nbutton {\n    padding: 10px 25px;\n    border-bottom: 2px solid transparent;\n    font-weight: 500;\n    font-size: 90%;\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\nbutton.selected,\nbutton:active,\nbutton:hover,\nbutton:focus {\n    border-bottom-color: var(--solid-ui-color-primary, #7C4DFF);\n    border-radius: 0;\n    color: var(--solid-ui-color-primary, #7C4DFF);\n    text-transform: capitalize;\n    background: color-mix(in srgb, currentColor 25%, transparent);\n}\n"],"mappings":""}
+{"version":3,"file":"Navbar.styles.cjs.js","names":["Navbar_styles_default"],"sources":["../../../src/components/navbar/Navbar.styles.css"],"sourcesContent":[":host {\n    display: block;\n    position: relative;\n    z-index: 1;\n    flex-shrink: 0;\n    margin-bottom: 20px;\n}\n\n:host(.navbar--hidden) {\n    display: none !important;\n}\n\n.navbar {\n    border: 1px solid var(--color-border, #444);\n    border-radius: 5px;\n    display: flex;\n    background: var(--solid-ui-color-white, #fff);\n    overflow: hidden;\n    transition: box-shadow 0.2s ease;\n}\n\n.navbar:hover {\n    box-shadow: 0 8px 10px rgba(124, 77, 255, 0.1);\n}\n\nbutton {\n    padding: 10px 25px;\n    border-bottom: 2px solid transparent;\n    font-weight: 500;\n    font-size: 90%;\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\nbutton.selected,\nbutton:active,\nbutton:hover,\nbutton:focus {\n    border-bottom-color: var(--solid-ui-color-primary, #7C4DFF);\n    border-radius: 0;\n    color: var(--solid-ui-color-primary, #7C4DFF);\n    text-transform: capitalize;\n    background: color-mix(in srgb, currentColor 25%, transparent);\n}\n"],"mappings":""}

package/dist/components/navbar/Navbar.styles.esm.js

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/components/navbar/Navbar.styles.css
-var t = e`:host{display:block}:host(.navbar--hidden){display:none!important}.navbar{border:1px solid var(--color-border,#444);background:var(--solid-ui-color-white,#fff);border-radius:5px;display:flex;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:10px 25px;font-size:90%;font-weight:500}button.selected,button:active,button:hover,button:focus{border-bottom-color:var(--solid-ui-color-primary,#7c4dff);color:var(--solid-ui-color-primary,#7c4dff);text-transform:capitalize;background:color-mix(in srgb, currentColor 25%, transparent);border-radius:0}`;
+var t = e`:host{z-index:1;flex-shrink:0;margin-bottom:20px;display:block;position:relative}:host(.navbar--hidden){display:none!important}.navbar{border:1px solid var(--color-border,#444);background:var(--solid-ui-color-white,#fff);border-radius:5px;transition:box-shadow .2s;display:flex;overflow:hidden}.navbar:hover{box-shadow:0 8px 10px #7c4dff1a}button{color:inherit;cursor:pointer;background:0 0;border-bottom:2px solid #0000;padding:10px 25px;font-size:90%;font-weight:500}button.selected,button:active,button:hover,button:focus{border-bottom-color:var(--solid-ui-color-primary,#7c4dff);color:var(--solid-ui-color-primary,#7c4dff);text-transform:capitalize;background:color-mix(in srgb, currentColor 25%, transparent);border-radius:0}`;
 //#endregion
 export { t as default };
 

package/dist/components/navbar/Navbar.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.styles.esm.js","names":["Navbar_styles_default"],"sources":["../../../src/components/navbar/Navbar.styles.css"],"sourcesContent":[":host {\n    display: block;\n}\n\n:host(.navbar--hidden) {\n    display: none !important;\n}\n\n.navbar {\n    border: 1px solid var(--color-border, #444);\n    border-radius: 5px;\n    display: flex;\n    background: var(--solid-ui-color-white, #fff);\n    overflow: hidden;\n}\n\nbutton {\n    padding: 10px 25px;\n    border-bottom: 2px solid transparent;\n    font-weight: 500;\n    font-size: 90%;\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\nbutton.selected,\nbutton:active,\nbutton:hover,\nbutton:focus {\n    border-bottom-color: var(--solid-ui-color-primary, #7C4DFF);\n    border-radius: 0;\n    color: var(--solid-ui-color-primary, #7C4DFF);\n    text-transform: capitalize;\n    background: color-mix(in srgb, currentColor 25%, transparent);\n}\n"],"mappings":""}
+{"version":3,"file":"Navbar.styles.esm.js","names":["Navbar_styles_default"],"sources":["../../../src/components/navbar/Navbar.styles.css"],"sourcesContent":[":host {\n    display: block;\n    position: relative;\n    z-index: 1;\n    flex-shrink: 0;\n    margin-bottom: 20px;\n}\n\n:host(.navbar--hidden) {\n    display: none !important;\n}\n\n.navbar {\n    border: 1px solid var(--color-border, #444);\n    border-radius: 5px;\n    display: flex;\n    background: var(--solid-ui-color-white, #fff);\n    overflow: hidden;\n    transition: box-shadow 0.2s ease;\n}\n\n.navbar:hover {\n    box-shadow: 0 8px 10px rgba(124, 77, 255, 0.1);\n}\n\nbutton {\n    padding: 10px 25px;\n    border-bottom: 2px solid transparent;\n    font-weight: 500;\n    font-size: 90%;\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\nbutton.selected,\nbutton:active,\nbutton:hover,\nbutton:focus {\n    border-bottom-color: var(--solid-ui-color-primary, #7C4DFF);\n    border-radius: 0;\n    color: var(--solid-ui-color-primary, #7C4DFF);\n    text-transform: capitalize;\n    background: color-mix(in srgb, currentColor 25%, transparent);\n}\n"],"mappings":""}

package/dist/components/profile-heading/ProfileHeading.cjs.js

@@ -0,0 +1,95 @@
+require("../../_virtual/~icons/lucide/pencil.cjs.js");const e=require("./editor/utils/errorDisplay.cjs.js");require("../../_virtual/~icons/lucide/circle-user-round.cjs.js");const t=require("./editor/sections/heading/HeadingEditDialog.cjs.js"),n=require("./friendActions.cjs.js");require("../../_virtual/~icons/lucide/cake.cjs.js"),require("../../_virtual/~icons/lucide/mail.cjs.js"),require("../../_virtual/~icons/lucide/map-pin.cjs.js"),require("../../_virtual/~icons/lucide/phone.cjs.js"),require("../../_virtual/~icons/lucide/user-round-plus.cjs.js");const r=require("./ProfileHeading.styles.cjs.js");let i=require("solid-ui"),a=require("solid-logic"),o=require("lit/decorators.js"),s=require("lit");require("solid-ui/components/button");var c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F,I,L,R;function z(e,t,n){B(e,t),t.set(e,n)}function B(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function V(e,t,n){return e.set(U(e,t),n),n}function H(e,t){return e.get(U(e,t))}function U(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 W(e,t,n){return(t=K(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function G(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:J(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||J(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var k,A;O.static=u,O.private=d,d?i===2?k=function(e){return h(e),b.value}:(i<4&&(k=o(b,`get`,h)),i!==3&&(A=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(A=function(e,t){e[r]=t}));var j=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(j.get=k),A&&(j.set=A),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return Y(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:K(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function K(e){var t=q(e,`string`);return typeof t==`symbol`?t:t+``}function q(e,t){if(typeof e!=`object`||!e)return e;var n;if(typeof Symbol<`u`&&(n=e[Symbol.toPrimitive])!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function J(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function Y(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 X(e){return e}b=[(0,i.customElement)(`solid-panes-profile-heading`)];var Z;new(L=(u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,m=new WeakMap,h=new WeakMap,g=new WeakMap,_=new WeakMap,R=(x=(0,o.property)({attribute:!1}),C=(0,o.property)({attribute:!1}),T=(0,o.property)({attribute:!1}),D=(0,o.property)({type:Boolean,reflect:!0}),k=(0,o.state)(),j=(0,o.state)(),N=(0,o.state)(),F=(0,o.state)(),`profileData`),l=class extends i.WebComponent{constructor(...e){super(...e),z(this,u,(v(this),S(this,void 0))),z(this,d,w(this,void 0)),z(this,f,E(this,void 0)),z(this,p,O(this,!1)),z(this,m,A(this,void 0)),z(this,h,M(this,`loading`)),z(this,g,P(this,``)),z(this,_,I(this,!1)),W(this,`friendRequest`,0),W(this,`friendRequestInterrupted`,!1),W(this,`friendMessageTimer`,void 0),W(this,`handleAddFriend`,async e=>{if(e.preventDefault(),this.friendState!==`available`&&this.friendState!==`error`)return;let t=this.friendSubject;if(!t)return;let r=this.friendRequest;this.friendState=`saving`,this.clearFriendMessage();try{let e=a.authn.currentUser();if(!e)throw Error(n.friendTexts.loginRequired);if(await n.addFriend(e,t),r!==this.friendRequest||this.friendSubject!==t)return;this.friendState=`exists`,await this.showFriendMessage(n.friendTexts.success,!1)}catch(e){if(r!==this.friendRequest||this.friendSubject!==t)return;this.friendState=`error`,await this.showFriendMessage(e,!0)}}),W(this,`handleEdit`,e=>{let n=this.editContext;n&&t.createHeadingEditDialog(e,a.store,n.subject,n.profileData,n.viewerMode,async()=>{this.dispatchEvent(new CustomEvent(`profile-heading-saved`,{bubbles:!0,composed:!0,detail:{subjectUri:n.subject.value}})),await n.onSaved()}).catch(e=>{console.error(`Failed to edit profile heading.`,e)})}),W(this,`handleImageError`,e=>{this.failedImageSrc=e.currentTarget.getAttribute(`src`)??void 0})}get[R](){return H(u,this)}set profileData(e){V(u,this,e)}get editContext(){return H(d,this)}set editContext(e){V(d,this,e)}get friendSubject(){return H(f,this)}set friendSubject(e){V(f,this,e)}get compact(){return H(p,this)}set compact(e){V(p,this,e)}get failedImageSrc(){return H(m,this)}set failedImageSrc(e){V(m,this,e)}get friendState(){return H(h,this)}set friendState(e){V(h,this,e)}get friendMessage(){return H(g,this)}set friendMessage(e){V(g,this,e)}get friendError(){return H(_,this)}set friendError(e){V(_,this,e)}connectedCallback(){super.connectedCallback(),this.friendRequestInterrupted&&(this.friendRequestInterrupted=!1,this.startFriendCheck())}disconnectedCallback(){super.disconnectedCallback(),this.friendRequest++,(this.friendState===`loading`||this.friendState===`saving`)&&(this.friendRequestInterrupted=!0),this.clearFriendMessage()}clearFriendMessage(){clearTimeout(this.friendMessageTimer),this.friendMessageTimer=void 0,this.friendMessage=``}willUpdate(e){super.willUpdate(e),e.has(`profileData`)&&e.get(`profileData`)?.imageSrc!==this.profileData?.imageSrc&&(this.failedImageSrc=void 0),e.has(`friendSubject`)&&(this.friendRequestInterrupted=!1,this.startFriendCheck())}startFriendCheck(){let e=++this.friendRequest;this.friendState=`loading`,this.clearFriendMessage(),this.friendError=!1;let t=this.friendSubject,r=a.authn.currentUser();t&&r&&!r.sameTerm(t)&&n.checkFriend(r,t).then(n=>{e===this.friendRequest&&this.friendSubject===t&&(this.friendState=n?`exists`:`available`)}).catch(n=>{e===this.friendRequest&&this.friendSubject===t&&(this.friendState=`error`,this.showFriendMessage(n,!0))})}async showFriendMessage(t,n){this.clearFriendMessage(),this.friendMessage=e.formatDisplayError(t),this.friendError=n,this.friendMessageTimer=setTimeout(()=>{this.clearFriendMessage()},1e4),await this.updateComplete,this.shadowRoot?.querySelector(`.friend-message`)?.focus()}render(){let e=this.profileData;if(!e)return s.html``;let t=Q(e.primaryPhone?.valueNode).replace(/^tel:/i,``),r=Q(e.primaryEmail?.valueNode).replace(/^mailto:/i,``),i=$(e.dateOfBirth),o=!!(e.imageSrc&&this.failedImageSrc!==e.imageSrc),c=a.authn.currentUser(),l=!!(this.friendSubject&&c&&!c.sameTerm(this.friendSubject));return s.html`
+      <section class="profile-heading" aria-labelledby="profile-heading-name">
+        <div class="avatar">
+          <div class="image-frame ${o?``:`image-frame--fallback`}">
+            ${o?s.html`<img
+                  class="hero"
+                  src=${e.imageSrc}
+                  alt=${e.name}
+                  width="140"
+                  height="140"
+                  loading="eager"
+                  @error=${this.handleImageError}
+                />`:s.nothing}
+              <div class="hero-fallback" role="img" aria-label=${e.name}>
+                <icon-lucide-circle-user-round aria-hidden="true"></icon-lucide-circle-user-round>
+              </div>
+          </div>
+        </div>
+
+        <div class="info">
+          <header class="header-bar">
+            <div class="identity" role="group" aria-label=${this.compact?`Name`:`Name and pronouns`}>
+              <h1 id="profile-heading-name" class="name">${e.name}</h1>
+              ${e.pronouns?s.html`<span class="pronouns" ?hidden=${this.compact}>(${e.pronouns})</span>`:s.nothing}
+            </div>
+            ${e.jobTitle?s.html`<div class="role">${e.jobTitle}</div>`:s.nothing}
+          </header>
+        </div>
+
+        ${(this.editContext||l)&&!this.compact?s.html`
+            <div class="profile__actions profile__heading-edit-action">
+              ${l?s.html`
+                <div class="profile-friends-button__section" role="group" aria-label="Friend relationship actions">
+                  <solid-ui-button
+                    variant="secondary"
+                    class="profile__btn-friends"
+                    ?disabled=${this.friendState===`loading`||this.friendState===`saving`||this.friendState===`exists`}
+                    aria-busy=${this.friendState===`loading`||this.friendState===`saving`?`true`:`false`}
+                    @click=${this.handleAddFriend}
+                  >${this.friendState===`exists`?s.nothing:s.html`<icon-lucide-user-round-plus slot="icon" class="profile__btn-friends-icon" aria-hidden="true"></icon-lucide-user-round-plus>`}${this.friendState===`exists`?n.friendTexts.exists:n.friendTexts.add}</solid-ui-button>
+                  ${this.friendMessage?s.html`
+                    <div class="friend-message" role=${this.friendError?`alert`:`status`}
+                      aria-live=${this.friendError?`assertive`:`polite`} tabindex="0">
+                      ${this.friendMessage}
+                    </div>`:s.nothing}
+                </div>
+              `:s.nothing}
+              ${this.editContext?s.html`
+              <solid-ui-button
+                variant="tertiary"
+                class="profile-section-collapsible__edit-button desktop-edit-button"
+                aria-label="Add or edit heading information"
+                @click=${this.handleEdit}
+              >
+                <span slot="left-icon" class="profile-section-collapsible__action-label profile__add-more-icon" aria-hidden="true">
+                  ${this.renderEditIcon()}
+                </span>
+                <span class="profile-section-collapsible__action-label edit-label">Edit</span>
+              </solid-ui-button>
+              <solid-ui-button
+                variant="ghost"
+                class="profile-section-collapsible__edit-button mobile-edit-button"
+                aria-label="Add or edit heading information"
+                @click=${this.handleEdit}
+              >
+                <span slot="icon" class="profile-section-collapsible__edit-icon" aria-hidden="true">
+                  ${this.renderEditIcon()}
+                </span>
+              </solid-ui-button>
+              `:s.nothing}
+            </div>
+          `:s.nothing}
+
+        <div class="details-collapse" aria-hidden=${this.compact?`true`:`false`} ?inert=${this.compact}>
+          <div class="details">
+            <div class="detail-row" role="group" aria-label="Additional profile information">
+              ${this.renderLine(i,`birthday`)}
+              ${this.renderLine(e.location,`location`)}
+            </div>
+            <div class="detail-row" role="group" aria-label="Contact information">
+              ${this.renderLine(t,`phone`)}
+              ${this.renderLine(r,`email`)}
+            </div>
+          </div>
+        </div>
+      </section>
+    `}renderLine(e,t){return e?s.html`
+      <div class="detail-item">
+        <span class="detail-icon" aria-hidden="true">
+          ${this.renderIcon(t)}
+        </span>
+        <span class="detail-value">${e}</span>
+      </div>
+    `:s.nothing}renderIcon(e){switch(e){case`birthday`:return s.html`<icon-lucide-cake aria-hidden="true"></icon-lucide-cake>`;case`location`:return s.html`<icon-lucide-map-pin aria-hidden="true"></icon-lucide-map-pin>`;case`phone`:return s.html`<icon-lucide-phone aria-hidden="true"></icon-lucide-phone>`;case`email`:return s.html`<icon-lucide-mail aria-hidden="true"></icon-lucide-mail>`}}renderEditIcon(){return s.html`<icon-lucide-pencil aria-hidden="true"></icon-lucide-pencil>`}},{e:[S,w,E,O,A,M,P,I,v],c:[Z,y]}=G(l,[[x,1,`profileData`],[C,1,`editContext`],[T,1,`friendSubject`],[D,1,`compact`],[k,1,`failedImageSrc`],[j,1,`friendState`],[N,1,`friendMessage`],[F,1,`friendError`]],b,0,void 0,i.WebComponent),l),c=class extends X{constructor(){super(Z),W(this,`styles`,r.default),y()}},W(c,L,void 0),c);function Q(e){return e?.value??``}function $(e){let t=(e||``).trim(),n=t.match(/^(\d{4})-(\d{2})-(\d{2})/);if(n){let[,e,t,r]=n;return`${r}-${t}-${e}`}let r=t.match(/^(\d{2})[/-](\d{2})[/-](\d{4})$/);if(r){let[,e,t,n]=r;return`${e}-${t}-${n}`}return t}Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return Z}});
+//# sourceMappingURL=ProfileHeading.cjs.js.map

package/dist/components/profile-heading/ProfileHeading.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileHeading.cjs.js","names":["authn","store","customElement","WebComponent","html","nothing","property","state","createHeadingEditDialog","addFriend","checkFriend","friendTexts","formatDisplayError","styles","_classDecs","_ProfileHeading","_ProfileHeading2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_ref","_profileDataDecs","attribute","_editContextDecs","_friendSubjectDecs","_compactDecs","type","Boolean","reflect","_failedImageSrcDecs","_friendStateDecs","_friendMessageDecs","_friendErrorDecs","_ProfileHeading3","ProfileHeading","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_profileData","undefined","_init_editContext","_init_friendSubject","_init_compact","_init_failedImageSrc","_init_friendState","_init_friendMessage","_init_friendError","_defineProperty","event","preventDefault","friendState","subject","friendSubject","request","friendRequest","clearFriendMessage","viewer","currentUser","Error","loginRequired","showFriendMessage","success","error","context","editContext","profileData","viewerMode","dispatchEvent","CustomEvent","bubbles","composed","detail","subjectUri","value","onSaved","catch","console","failedImageSrc","currentTarget","getAttribute","_classPrivateFieldGet","v","_classPrivateFieldSet","compact","friendMessage","friendError","connectedCallback","friendRequestInterrupted","startFriendCheck","disconnectedCallback","clearTimeout","friendMessageTimer","willUpdate","changed","has","get","imageSrc","sameTerm","then","exists","message","setTimeout","updateComplete","shadowRoot","querySelector","focus","render","profile","phone","textValue","primaryPhone","valueNode","replace","email","primaryEmail","dateOfBirth","displayDate","showImage","showFriend","name","handleImageError","pronouns","jobTitle","handleAddFriend","add","handleEdit","renderEditIcon","renderLine","location","icon","renderIcon","e","c","_initClass","_applyDecs","_Class","_identity","default","raw","trim","isoDate","match","year","month","day","dmyDate","customElement","property","state","WebComponent","authn","friendTexts","addFriend","store","formatDisplayError","nothing","styles","require_errorDisplay","require_HeadingEditDialog","require_friendActions","require_ProfileHeading_styles","solid_ui","solid_logic","lit_decorators_js","lit","_Class","_ProfileHeading3","_A","_B","_C","_D","_E","_F","_G","_H","_initProto","_initClass","_classDecs","_profileDataDecs","_init_profileData","_editContextDecs","_init_editContext","_friendSubjectDecs","_init_friendSubject","_compactDecs","_init_compact","_failedImageSrcDecs","_init_failedImageSrc","_friendStateDecs","_init_friendState","_friendMessageDecs","_init_friendMessage","_friendErrorDecs","_init_friendError","_ProfileHeading2","_ref","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","a","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","f","p","_setFunctionName","P","j","D","I","F","l","N","_checkInRHS","_toPrimitive","e","_identity","_ProfileHeading","args","event","subject","request","viewer","error","context","changed","exists","message","profile","phone","textValue","email","dateOfBirth","displayDate","showImage","showFriend","value","icon","raw","isoDate","year","month","day","dmyDate"],"sources":["../../../src/components/profile-heading/ProfileHeading.ts"],"sourcesContent":["import { authn, store } from 'solid-logic'\nimport type { NamedNode, Node } from 'rdflib'\nimport { customElement, WebComponent } from 'solid-ui'\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { createHeadingEditDialog } from './editor/sections/heading/HeadingEditDialog'\nimport type { ProfileDetails, ProfilePresentation } from './editor/sections/heading/types'\nimport type { PointDetails } from './editor/sections/contactInfo/types'\nimport type { ViewerMode } from '../../types'\nimport { addFriend, checkFriend, friendTexts } from './friendActions'\nimport { formatDisplayError } from './editor/utils/errorDisplay'\nimport 'solid-ui/components/button'\nimport '~icons/lucide/cake'\nimport '~icons/lucide/circle-user-round'\nimport '~icons/lucide/mail'\nimport '~icons/lucide/map-pin'\nimport '~icons/lucide/pencil'\nimport '~icons/lucide/phone'\nimport '~icons/lucide/user-round-plus'\nimport styles from './ProfileHeading.styles.css'\n\nexport type ProfileHeadingPoint = Pick<PointDetails, 'valueNode'>\n\n// The heading renders a subset of the shared presentation model used by the editor.\nexport type ProfileHeadingData =\n  Pick<ProfilePresentation, 'name' | 'imageSrc' | 'location' | 'pronouns' | 'dateOfBirth' | 'jobTitle'> & {\n    primaryPhone?: ProfileHeadingPoint\n    primaryEmail?: ProfileHeadingPoint\n  }\n\nexport interface ProfileHeadingEditContext {\n  subject: NamedNode\n  profileData: ProfileDetails\n  viewerMode: ViewerMode\n  onSaved: () => Promise<void> | void\n}\n\n@customElement('solid-panes-profile-heading')\nexport default class ProfileHeading extends WebComponent {\n  static styles = styles\n\n  @property({ attribute: false })\n  accessor profileData: ProfileHeadingData | undefined = undefined\n\n  @property({ attribute: false })\n  accessor editContext: ProfileHeadingEditContext | undefined = undefined\n\n  @property({ attribute: false })\n  accessor friendSubject: NamedNode | undefined = undefined\n\n  @property({ type: Boolean, reflect: true })\n  accessor compact = false\n\n  @state()\n  accessor failedImageSrc: string | undefined = undefined\n\n  @state()\n  accessor friendState: 'loading' | 'available' | 'exists' | 'saving' | 'error' = 'loading'\n\n  @state()\n  accessor friendMessage = ''\n\n  @state()\n  accessor friendError = false\n\n  private friendRequest = 0\n  private friendRequestInterrupted = false\n  private friendMessageTimer: ReturnType<typeof setTimeout> | undefined\n\n  connectedCallback (): void {\n    super.connectedCallback()\n    if (this.friendRequestInterrupted) {\n      this.friendRequestInterrupted = false\n      this.startFriendCheck()\n    }\n  }\n\n  disconnectedCallback (): void {\n    super.disconnectedCallback()\n    this.friendRequest++\n    if (this.friendState === 'loading' || this.friendState === 'saving') {\n      this.friendRequestInterrupted = true\n    }\n    this.clearFriendMessage()\n  }\n\n  private clearFriendMessage (): void {\n    clearTimeout(this.friendMessageTimer)\n    this.friendMessageTimer = undefined\n    this.friendMessage = ''\n  }\n\n  protected willUpdate (changed: PropertyValues<this>): void {\n    super.willUpdate(changed)\n    if (changed.has('profileData') && changed.get('profileData')?.imageSrc !== this.profileData?.imageSrc) {\n      this.failedImageSrc = undefined\n    }\n    if (!changed.has('friendSubject')) return\n    this.friendRequestInterrupted = false\n    this.startFriendCheck()\n  }\n\n  private startFriendCheck (): void {\n    const request = ++this.friendRequest\n    this.friendState = 'loading'\n    this.clearFriendMessage()\n    this.friendError = false\n    const subject = this.friendSubject\n    const viewer = authn.currentUser()\n    if (!subject || !viewer || viewer.sameTerm(subject)) return\n\n    checkFriend(viewer, subject).then((exists) => {\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = exists ? 'exists' : 'available'\n    }).catch((error: unknown) => {\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = 'error'\n      this.showFriendMessage(error, true)\n    })\n  }\n\n  private async showFriendMessage (message: unknown, error: boolean): Promise<void> {\n    this.clearFriendMessage()\n    this.friendMessage = formatDisplayError(message)\n    this.friendError = error\n    this.friendMessageTimer = setTimeout(() => {\n      this.clearFriendMessage()\n    }, 10000)\n    await this.updateComplete\n    this.shadowRoot?.querySelector<HTMLElement>('.friend-message')?.focus()\n  }\n\n  private handleAddFriend = async (event: Event): Promise<void> => {\n    event.preventDefault()\n    if (this.friendState !== 'available' && this.friendState !== 'error') return\n    const subject = this.friendSubject\n    if (!subject) return\n    const request = this.friendRequest\n    this.friendState = 'saving'\n    this.clearFriendMessage()\n    try {\n      const viewer = authn.currentUser()\n      if (!viewer) throw new Error(friendTexts.loginRequired)\n      await addFriend(viewer, subject)\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = 'exists'\n      await this.showFriendMessage(friendTexts.success, false)\n    } catch (error: unknown) {\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = 'error'\n      await this.showFriendMessage(error, true)\n    }\n  }\n\n  private handleEdit = (event: Event) => {\n    const context = this.editContext\n    if (!context) return\n\n    createHeadingEditDialog(\n      event,\n      store,\n      context.subject,\n      context.profileData,\n      context.viewerMode,\n      async () => {\n        this.dispatchEvent(new CustomEvent('profile-heading-saved', {\n          bubbles: true,\n          composed: true,\n          detail: { subjectUri: context.subject.value }\n        }))\n        await context.onSaved()\n      }\n    ).catch((error: unknown) => {\n      console.error('Failed to edit profile heading.', error)\n    })\n  }\n\n  private handleImageError = (event: Event) => {\n    this.failedImageSrc = (event.currentTarget as HTMLImageElement).getAttribute('src') ?? undefined\n  }\n\n  render (): TemplateResult<1> {\n    const profile = this.profileData\n    if (!profile) return html``\n\n    const phone = textValue(profile.primaryPhone?.valueNode).replace(/^tel:/i, '')\n    const email = textValue(profile.primaryEmail?.valueNode).replace(/^mailto:/i, '')\n    const dateOfBirth = displayDate(profile.dateOfBirth)\n    const showImage = Boolean(profile.imageSrc && this.failedImageSrc !== profile.imageSrc)\n    const viewer = authn.currentUser()\n    const showFriend = Boolean(this.friendSubject && viewer && !viewer.sameTerm(this.friendSubject))\n\n    return html`\n      <section class=\"profile-heading\" aria-labelledby=\"profile-heading-name\">\n        <div class=\"avatar\">\n          <div class=\"image-frame ${showImage ? '' : 'image-frame--fallback'}\">\n            ${showImage\n              ? html`<img\n                  class=\"hero\"\n                  src=${profile.imageSrc}\n                  alt=${profile.name}\n                  width=\"140\"\n                  height=\"140\"\n                  loading=\"eager\"\n                  @error=${this.handleImageError}\n                />`\n              : nothing}\n              <div class=\"hero-fallback\" role=\"img\" aria-label=${profile.name}>\n                <icon-lucide-circle-user-round aria-hidden=\"true\"></icon-lucide-circle-user-round>\n              </div>\n          </div>\n        </div>\n\n        <div class=\"info\">\n          <header class=\"header-bar\">\n            <div class=\"identity\" role=\"group\" aria-label=${this.compact ? 'Name' : 'Name and pronouns'}>\n              <h1 id=\"profile-heading-name\" class=\"name\">${profile.name}</h1>\n              ${profile.pronouns ? html`<span class=\"pronouns\" ?hidden=${this.compact}>(${profile.pronouns})</span>` : nothing}\n            </div>\n            ${profile.jobTitle ? html`<div class=\"role\">${profile.jobTitle}</div>` : nothing}\n          </header>\n        </div>\n\n        ${(this.editContext || showFriend) && !this.compact\n          ? html`\n            <div class=\"profile__actions profile__heading-edit-action\">\n              ${showFriend\n                ? html`\n                <div class=\"profile-friends-button__section\" role=\"group\" aria-label=\"Friend relationship actions\">\n                  <solid-ui-button\n                    variant=\"secondary\"\n                    class=\"profile__btn-friends\"\n                    ?disabled=${this.friendState === 'loading' || this.friendState === 'saving' || this.friendState === 'exists'}\n                    aria-busy=${this.friendState === 'loading' || this.friendState === 'saving' ? 'true' : 'false'}\n                    @click=${this.handleAddFriend}\n                  >${this.friendState === 'exists'\n                    ? nothing\n                    : html`<icon-lucide-user-round-plus slot=\"icon\" class=\"profile__btn-friends-icon\" aria-hidden=\"true\"></icon-lucide-user-round-plus>`}${this.friendState === 'exists' ? friendTexts.exists : friendTexts.add}</solid-ui-button>\n                  ${this.friendMessage\n                    ? html`\n                    <div class=\"friend-message\" role=${this.friendError ? 'alert' : 'status'}\n                      aria-live=${this.friendError ? 'assertive' : 'polite'} tabindex=\"0\">\n                      ${this.friendMessage}\n                    </div>`\n                    : nothing}\n                </div>\n              `\n                : nothing}\n              ${this.editContext\n                ? html`\n              <solid-ui-button\n                variant=\"tertiary\"\n                class=\"profile-section-collapsible__edit-button desktop-edit-button\"\n                aria-label=\"Add or edit heading information\"\n                @click=${this.handleEdit}\n              >\n                <span slot=\"left-icon\" class=\"profile-section-collapsible__action-label profile__add-more-icon\" aria-hidden=\"true\">\n                  ${this.renderEditIcon()}\n                </span>\n                <span class=\"profile-section-collapsible__action-label edit-label\">Edit</span>\n              </solid-ui-button>\n              <solid-ui-button\n                variant=\"ghost\"\n                class=\"profile-section-collapsible__edit-button mobile-edit-button\"\n                aria-label=\"Add or edit heading information\"\n                @click=${this.handleEdit}\n              >\n                <span slot=\"icon\" class=\"profile-section-collapsible__edit-icon\" aria-hidden=\"true\">\n                  ${this.renderEditIcon()}\n                </span>\n              </solid-ui-button>\n              `\n                : nothing}\n            </div>\n          `\n          : nothing}\n\n        <div class=\"details-collapse\" aria-hidden=${this.compact ? 'true' : 'false'} ?inert=${this.compact}>\n          <div class=\"details\">\n            <div class=\"detail-row\" role=\"group\" aria-label=\"Additional profile information\">\n              ${this.renderLine(dateOfBirth, 'birthday')}\n              ${this.renderLine(profile.location, 'location')}\n            </div>\n            <div class=\"detail-row\" role=\"group\" aria-label=\"Contact information\">\n              ${this.renderLine(phone, 'phone')}\n              ${this.renderLine(email, 'email')}\n            </div>\n          </div>\n        </div>\n      </section>\n    `\n  }\n\n  private renderLine (value: string | undefined, icon: 'birthday' | 'location' | 'phone' | 'email') {\n    if (!value) return nothing\n\n    return html`\n      <div class=\"detail-item\">\n        <span class=\"detail-icon\" aria-hidden=\"true\">\n          ${this.renderIcon(icon)}\n        </span>\n        <span class=\"detail-value\">${value}</span>\n      </div>\n    `\n  }\n\n  private renderIcon (icon: 'birthday' | 'location' | 'phone' | 'email'): TemplateResult {\n    switch (icon) {\n      case 'birthday':\n        return html`<icon-lucide-cake aria-hidden=\"true\"></icon-lucide-cake>`\n      case 'location':\n        return html`<icon-lucide-map-pin aria-hidden=\"true\"></icon-lucide-map-pin>`\n      case 'phone':\n        return html`<icon-lucide-phone aria-hidden=\"true\"></icon-lucide-phone>`\n      case 'email':\n        return html`<icon-lucide-mail aria-hidden=\"true\"></icon-lucide-mail>`\n    }\n  }\n\n  private renderEditIcon (): TemplateResult {\n    return html`<icon-lucide-pencil aria-hidden=\"true\"></icon-lucide-pencil>`\n  }\n}\n\nfunction textValue (value: Node | undefined): string {\n  return value?.value ?? ''\n}\n\nfunction displayDate (value?: string): string {\n  const raw = (value || '').trim()\n  const isoDate = raw.match(/^(\\d{4})-(\\d{2})-(\\d{2})/)\n  if (isoDate) {\n    const [, year, month, day] = isoDate\n    return `${day}-${month}-${year}`\n  }\n\n  const dmyDate = raw.match(/^(\\d{2})[/-](\\d{2})[/-](\\d{4})$/)\n  if (dmyDate) {\n    const [, day, month, year] = dmyDate\n    return `${day}-${month}-${year}`\n  }\n\n  return raw\n}\n"],"mappings":"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"}

package/dist/components/profile-heading/ProfileHeading.d.ts

@@ -0,0 +1,45 @@
+import { NamedNode } from '../../../node_modules/rdflib';
+import { WebComponent } from 'solid-ui';
+import { PropertyValues, TemplateResult } from 'lit';
+import { ProfileDetails, ProfilePresentation } from './editor/sections/heading/types';
+import { PointDetails } from './editor/sections/contactInfo/types';
+import { ViewerMode } from '../../types';
+export type ProfileHeadingPoint = Pick<PointDetails, 'valueNode'>;
+export type ProfileHeadingData = Pick<ProfilePresentation, 'name' | 'imageSrc' | 'location' | 'pronouns' | 'dateOfBirth' | 'jobTitle'> & {
+    primaryPhone?: ProfileHeadingPoint;
+    primaryEmail?: ProfileHeadingPoint;
+};
+export interface ProfileHeadingEditContext {
+    subject: NamedNode;
+    profileData: ProfileDetails;
+    viewerMode: ViewerMode;
+    onSaved: () => Promise<void> | void;
+}
+export default class ProfileHeading extends WebComponent {
+    static styles: any;
+    accessor profileData: ProfileHeadingData | undefined;
+    accessor editContext: ProfileHeadingEditContext | undefined;
+    accessor friendSubject: NamedNode | undefined;
+    accessor compact: boolean;
+    accessor failedImageSrc: string | undefined;
+    accessor friendState: 'loading' | 'available' | 'exists' | 'saving' | 'error';
+    accessor friendMessage: string;
+    accessor friendError: boolean;
+    private friendRequest;
+    private friendRequestInterrupted;
+    private friendMessageTimer;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private clearFriendMessage;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    private startFriendCheck;
+    private showFriendMessage;
+    private handleAddFriend;
+    private handleEdit;
+    private handleImageError;
+    render(): TemplateResult<1>;
+    private renderLine;
+    private renderIcon;
+    private renderEditIcon;
+}
+//# sourceMappingURL=ProfileHeading.d.ts.map

package/dist/components/profile-heading/ProfileHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileHeading.d.ts","sourceRoot":"","sources":["../../../src/components/profile-heading/ProfileHeading.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAQ,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAiB,YAAY,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAG7E,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAA;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAG7C,OAAO,4BAA4B,CAAA;AACnC,OAAO,oBAAoB,CAAA;AAC3B,OAAO,iCAAiC,CAAA;AACxC,OAAO,oBAAoB,CAAA;AAC3B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,+BAA+B,CAAA;AAGtC,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;AAGjE,MAAM,MAAM,kBAAkB,GAC5B,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,CAAC,GAAG;IACtG,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,YAAY,CAAC,EAAE,mBAAmB,CAAA;CACnC,CAAA;AAEH,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,SAAS,CAAA;IAClB,WAAW,EAAE,cAAc,CAAA;IAC3B,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACpC;AAGD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,YAAY;IACtD,MAAM,CAAC,MAAM,MAAS;IAGtB,QAAQ,CAAC,WAAW,EAAE,kBAAkB,GAAG,SAAS,CAAY;IAGhE,QAAQ,CAAC,WAAW,EAAE,yBAAyB,GAAG,SAAS,CAAY;IAGvE,QAAQ,CAAC,aAAa,EAAE,SAAS,GAAG,SAAS,CAAY;IAGzD,QAAQ,CAAC,OAAO,UAAQ;IAGxB,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAY;IAGvD,QAAQ,CAAC,WAAW,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAGzF,QAAQ,CAAC,aAAa,SAAK;IAG3B,QAAQ,CAAC,WAAW,UAAQ;IAE5B,OAAO,CAAC,aAAa,CAAI;IACzB,OAAO,CAAC,wBAAwB,CAAQ;IACxC,OAAO,CAAC,kBAAkB,CAA2C;IAErE,iBAAiB,IAAK,IAAI;IAQ1B,oBAAoB,IAAK,IAAI;IAS7B,OAAO,CAAC,kBAAkB;IAM1B,SAAS,CAAC,UAAU,CAAE,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU1D,OAAO,CAAC,gBAAgB;YAmBV,iBAAiB;IAW/B,OAAO,CAAC,eAAe,CAoBtB;IAED,OAAO,CAAC,UAAU,CAqBjB;IAED,OAAO,CAAC,gBAAgB,CAEvB;IAED,MAAM,IAAK,cAAc,CAAC,CAAC,CAAC;IAgH5B,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,UAAU;IAalB,OAAO,CAAC,cAAc;CAGvB"}