solid-panes 5.1.0-1 → 5.1.0-3

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

@@ -1,14 +1,14 @@
 import "../../_virtual/~icons/lucide/help-circle.esm.js";
 import e from "./Navbar.styles.esm.js";
 import { WebComponent as t, customElement as n } from "solid-ui";
-import { property as r } from "lit/decorators.js";
-import { html as i } from "lit";
 import "solid-ui/components/button";
-import "solid-ui/components/menu";
-import "solid-ui/components/menu-item";
+import { html as r } from "lit";
+import { property as i } from "lit/decorators.js";
 import "solid-ui/components/account";
+import "solid-ui/components/menu-item";
+import "solid-ui/components/menu";
 import "solid-ui/components/solid-emblem";
-//#region src/components/navbar/Navbar.ts
+// src/components/navbar/Navbar.ts
 var a, o, s, c, l, u, d, f, p, m;
 function h(e, t, n) {
 	g(e, t), t.set(e, n);
@@ -183,7 +183,7 @@ function E(e) {
 }
 u = [n("solid-panes-navbar")];
 var D;
-new (p = (s = /*#__PURE__*/ new WeakMap(), m = (d = r({ type: Array }), "navbarItems"), o = class extends t {
+new (p = (s = /*#__PURE__*/ new WeakMap(), m = (d = i({ type: Array }), "navbarItems"), o = class extends t {
 	constructor(...e) {
 		super(...e), h(this, s, (c(this), f(this, [])));
 	}
@@ -202,9 +202,9 @@ new (p = (s = /*#__PURE__*/ new WeakMap(), m = (d = r({ type: Array }), "navbarI
 		}));
 	}
 	render() {
-		return i`
+		return r`
     <nav class="navbar">
-       ${this.navbarItems.map((e) => i`
+       ${this.navbarItems.map((e) => r`
         <button
           type="button"
           class=${e.selected ? "selected" : ""}
@@ -226,7 +226,6 @@ new (p = (s = /*#__PURE__*/ new WeakMap(), m = (d = r({ type: Array }), "navbarI
 		super(D), b(this, "styles", e), l();
 	}
 }, b(a, p, void 0), a)();
-//#endregion
 export { D as default };
 
 //# sourceMappingURL=Navbar.esm.js.map

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

@@ -1,7 +1,6 @@
 import { css as e } from "lit";
-//#region src/components/navbar/Navbar.styles.css
+// src/components/navbar/Navbar.styles.css
 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 };
 
 //# sourceMappingURL=Navbar.styles.esm.js.map

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

@@ -1,8 +1,8 @@
-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`
+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/pencil.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");require("solid-ui/components/button");let o=require("lit"),s=require("lit/decorators.js");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,s.property)({attribute:!1}),C=(0,s.property)({attribute:!1}),T=(0,s.property)({attribute:!1}),D=(0,s.property)({type:Boolean,reflect:!0}),k=(0,s.state)(),j=(0,s.state)(),N=(0,s.state)(),F=(0,s.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 o.html``;let t=Q(e.primaryPhone?.valueNode).replace(/^tel:/i,``),r=Q(e.primaryEmail?.valueNode).replace(/^mailto:/i,``),i=$(e.dateOfBirth),s=!!(e.imageSrc&&this.failedImageSrc!==e.imageSrc),c=a.authn.currentUser(),l=!!(this.friendSubject&&c&&!c.sameTerm(this.friendSubject));return o.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
+          <div class="image-frame ${s?``:`image-frame--fallback`}">
+            ${s?o.html`<img
                   class="hero"
                   src=${e.imageSrc}
                   alt=${e.name}
@@ -10,7 +10,7 @@ require("../../_virtual/~icons/lucide/pencil.cjs.js");const e=require("./editor/
                   height="140"
                   loading="eager"
                   @error=${this.handleImageError}
-                />`:s.nothing}
+                />`:o.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>
@@ -21,15 +21,15 @@ require("../../_virtual/~icons/lucide/pencil.cjs.js");const e=require("./editor/
           <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}
+              ${e.pronouns?o.html`<span class="pronouns" ?hidden=${this.compact}>(${e.pronouns})</span>`:o.nothing}
             </div>
-            ${e.jobTitle?s.html`<div class="role">${e.jobTitle}</div>`:s.nothing}
+            ${e.jobTitle?o.html`<div class="role">${e.jobTitle}</div>`:o.nothing}
           </header>
         </div>
 
-        ${(this.editContext||l)&&!this.compact?s.html`
+        ${this.editContext&&!this.compact||l?o.html`
             <div class="profile__actions profile__heading-edit-action">
-              ${l?s.html`
+              ${l?o.html`
                 <div class="profile-friends-button__section" role="group" aria-label="Friend relationship actions">
                   <solid-ui-button
                     variant="secondary"
@@ -37,15 +37,15 @@ require("../../_virtual/~icons/lucide/pencil.cjs.js");const e=require("./editor/
                     ?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`
+                  >${this.friendState===`exists`?o.nothing:o.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?o.html`
                     <div class="friend-message" role=${this.friendError?`alert`:`status`}
                       aria-live=${this.friendError?`assertive`:`polite`} tabindex="0">
                       ${this.friendMessage}
-                    </div>`:s.nothing}
+                    </div>`:o.nothing}
                 </div>
-              `:s.nothing}
-              ${this.editContext?s.html`
+              `:o.nothing}
+              ${this.editContext&&!this.compact?o.html`
               <solid-ui-button
                 variant="tertiary"
                 class="profile-section-collapsible__edit-button desktop-edit-button"
@@ -67,9 +67,9 @@ require("../../_virtual/~icons/lucide/pencil.cjs.js");const e=require("./editor/
                   ${this.renderEditIcon()}
                 </span>
               </solid-ui-button>
-              `:s.nothing}
+              `:o.nothing}
             </div>
-          `:s.nothing}
+          `:o.nothing}
 
         <div class="details-collapse" aria-hidden=${this.compact?`true`:`false`} ?inert=${this.compact}>
           <div class="details">
@@ -84,12 +84,12 @@ require("../../_virtual/~icons/lucide/pencil.cjs.js");const e=require("./editor/
           </div>
         </div>
       </section>
-    `}renderLine(e,t){return e?s.html`
+    `}renderLine(e,t){return e?o.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}});
+    `:o.nothing}renderIcon(e){switch(e){case`birthday`:return o.html`<icon-lucide-cake aria-hidden="true"></icon-lucide-cake>`;case`location`:return o.html`<icon-lucide-map-pin aria-hidden="true"></icon-lucide-map-pin>`;case`phone`:return o.html`<icon-lucide-phone aria-hidden="true"></icon-lucide-phone>`;case`email`:return o.html`<icon-lucide-mail aria-hidden="true"></icon-lucide-mail>`}}renderEditIcon(){return o.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

@@ -1 +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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"}
+{"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","lit_decorators_js","_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 && !this.compact) || showFriend\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 && !this.compact\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":"A,o3JAuBAc,EAAA,EAAA,EAcCZ,EAAAA,cAAAA,CAAc,6BAA6B,CAAC,EAAA,IAAAa,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,EAAA,IAAAH,QAAAI,EAAA,IAAAJ,QAAAK,EAAA,IAAAL,QAAAM,EAAA,IAAAN,QAAAO,EAAA,IAAAP,QAAAQ,GAAAC,GAAAA,EAI1CrB,EAAAA,SAAAA,CAAS,CAAEsB,UAAW,EAAM,CAAC,EAACC,GAAAA,EAG9BvB,EAAAA,SAAAA,CAAS,CAAEsB,UAAW,EAAM,CAAC,EAACE,GAAAA,EAG9BxB,EAAAA,SAAAA,CAAS,CAAEsB,UAAW,EAAM,CAAC,EAACG,GAAAA,EAG9BzB,EAAAA,SAAAA,CAAS,CAAE0B,KAAMC,QAASC,QAAS,EAAK,CAAC,EAACC,GAAAA,EAG1C5B,EAAAA,MAAAA,CAAM,EAAC6B,GAAAA,EAGP7B,EAAAA,MAAAA,CAAM,EAAC8B,GAAAA,EAGP9B,EAAAA,MAAAA,CAAM,EAAC+B,GAAAA,EAGP/B,EAAAA,MAAAA,CAAM,EAAC,eAAAgC,EAzBV,cAC4CpC,EAAAA,YAAa,CAAAsC,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAA1B,GAAA2B,EAAA,IAAA,EAAAC,EAAA,KAIAC,IAAAA,EAAS,EAAA,EAAAH,EAAA,KAAAxB,EAAA4B,EAAA,KAGFD,IAAAA,EAAS,CAAA,EAAAH,EAAA,KAAAvB,EAAA4B,EAAA,KAGvBF,IAAAA,EAAS,CAAA,EAAAH,EAAA,KAAAtB,EAAA4B,EAAA,KAGtC,EAAK,CAAA,EAAAN,EAAA,KAAArB,EAAA4B,EAAA,KAGsBJ,IAAAA,EAAS,CAAA,EAAAH,EAAA,KAAApB,EAAA4B,EAAA,KAGyB,SAAS,CAAA,EAAAR,EAAA,KAAAnB,EAAA4B,EAAA,KAGhE,EAAE,CAAA,EAAAT,EAAA,KAAAlB,EAAA4B,EAAA,KAGJ,EAAK,CAAA,EAAAC,EAAA,KAAA,gBAEJ,CAAC,EAAAA,EAAA,KAAA,2BACU,EAAK,EAAAA,EAAA,KAAA,qBAAA,IAAA,EAAA,EAAAA,EAAA,KAAA,kBAkEd,KAAOC,IAAgC,CAE/D,GADAA,EAAMC,eAAe,EACjB,KAAKC,cAAgB,aAAe,KAAKA,cAAgB,QAAS,OACtE,IAAMC,EAAU,KAAKC,cACrB,GAAI,CAACD,EAAS,OACd,IAAME,EAAU,KAAKC,cACrB,KAAKJ,YAAc,SACnB,KAAKK,mBAAmB,EACxB,GAAI,CACF,IAAMC,EAAS/D,EAAAA,MAAMgE,YAAY,EACjC,GAAI,CAACD,EAAQ,MAAUE,MAAMtD,EAAAA,YAAYuD,aAAa,EAEtD,GADA,MAAMzD,EAAAA,UAAUsD,EAAQL,CAAO,EAC3BE,IAAY,KAAKC,eAAiB,KAAKF,gBAAkBD,EAAS,OACtE,KAAKD,YAAc,SACnB,MAAM,KAAKU,kBAAkBxD,EAAAA,YAAYyD,QAAS,EAAK,CACzD,OAASC,EAAgB,CACvB,GAAIT,IAAY,KAAKC,eAAiB,KAAKF,gBAAkBD,EAAS,OACtE,KAAKD,YAAc,QACnB,MAAM,KAAKU,kBAAkBE,EAAO,EAAI,CAC1C,CACF,CAAC,EAAAf,EAAA,KAAA,aAEqBC,GAAiB,CACrC,IAAMe,EAAU,KAAKC,YAChBD,GAEL9D,EAAAA,wBACE+C,EACAtD,EAAAA,MACAqE,EAAQZ,QACRY,EAAQE,YACRF,EAAQG,WACR,SAAY,CACV,KAAKC,cAAc,IAAIC,YAAY,wBAAyB,CAC1DC,QAAS,GACTC,SAAU,GACVC,OAAQ,CAAEC,WAAYT,EAAQZ,QAAQsB,KAAM,CAC9C,CAAC,CAAC,EACF,MAAMV,EAAQW,QAAQ,CACxB,CACF,CAAC,CAACC,MAAOb,GAAmB,CAC1Bc,QAAQd,MAAM,kCAAmCA,CAAK,CACxD,CAAC,CACH,CAAC,EAAAf,EAAA,KAAA,mBAE2BC,GAAiB,CAC3C,KAAK6B,eAAkB7B,EAAM8B,cAAmCC,aAAa,KAAK,GAAKxC,IAAAA,EACzF,CAAC,CAAA,CAAA,IAAApB,IAAA,CAAA,OAAA6D,EAAAtE,EAAA,IAAA,CAAA,CAAA,IAzIQuD,YAAWgB,EAAA,CAAAC,EAAAxE,EAAA,KAAAuE,CAAA,CAAA,CAAA,IAGXjB,aAAW,CAAA,OAAAgB,EAAApE,EAAA,IAAA,CAAA,CAAA,IAAXoD,YAAWiB,EAAA,CAAAC,EAAAtE,EAAA,KAAAqE,CAAA,CAAA,CAAA,IAGX7B,eAAa,CAAA,OAAA4B,EAAAnE,EAAA,IAAA,CAAA,CAAA,IAAbuC,cAAa6B,EAAA,CAAAC,EAAArE,EAAA,KAAAoE,CAAA,CAAA,CAAA,IAGbE,SAAO,CAAA,OAAAH,EAAAlE,EAAA,IAAA,CAAA,CAAA,IAAPqE,QAAOF,EAAA,CAAAC,EAAApE,EAAA,KAAAmE,CAAA,CAAA,CAAA,IAGPJ,gBAAc,CAAA,OAAAG,EAAAjE,EAAA,IAAA,CAAA,CAAA,IAAd8D,eAAcI,EAAA,CAAAC,EAAAnE,EAAA,KAAAkE,CAAA,CAAA,CAAA,IAGd/B,aAAW,CAAA,OAAA8B,EAAAhE,EAAA,IAAA,CAAA,CAAA,IAAXkC,YAAW+B,EAAA,CAAAC,EAAAlE,EAAA,KAAAiE,CAAA,CAAA,CAAA,IAGXG,eAAa,CAAA,OAAAJ,EAAA/D,EAAA,IAAA,CAAA,CAAA,IAAbmE,cAAaH,EAAA,CAAAC,EAAAjE,EAAA,KAAAgE,CAAA,CAAA,CAAA,IAGbI,aAAW,CAAA,OAAAL,EAAA9D,EAAA,IAAA,CAAA,CAAA,IAAXmE,YAAWJ,EAAA,CAAAC,EAAAhE,EAAA,KAAA+D,CAAA,CAAA,CAMpBK,mBAA2B,CACzB,MAAMA,kBAAkB,EACpB,KAAKC,2BACP,KAAKA,yBAA2B,GAChC,KAAKC,iBAAiB,EAE1B,CAEAC,sBAA8B,CAC5B,MAAMA,qBAAqB,EAC3B,KAAKnC,iBACD,KAAKJ,cAAgB,WAAa,KAAKA,cAAgB,YACzD,KAAKqC,yBAA2B,IAElC,KAAKhC,mBAAmB,CAC1B,CAEQA,oBAA4B,CAClCmC,aAAa,KAAKC,kBAAkB,EACpC,KAAKA,mBAAqBpD,IAAAA,GAC1B,KAAK6C,cAAgB,EACvB,CAEUQ,WAAYC,EAAqC,CACzD,MAAMD,WAAWC,CAAO,EACpBA,EAAQC,IAAI,aAAa,GAAKD,EAAQE,IAAI,aAAa,CAAC,EAAEC,WAAa,KAAK/B,aAAa+B,WAC3F,KAAKnB,eAAiBtC,IAAAA,IAEnBsD,EAAQC,IAAI,eAAe,IAChC,KAAKP,yBAA2B,GAChC,KAAKC,iBAAiB,EACxB,CAEQA,kBAA0B,CAChC,IAAMnC,EAAU,EAAE,KAAKC,cACvB,KAAKJ,YAAc,UACnB,KAAKK,mBAAmB,EACxB,KAAK8B,YAAc,GACnB,IAAMlC,EAAU,KAAKC,cACfI,EAAS/D,EAAAA,MAAMgE,YAAY,EAC5BN,GAAYK,GAAUA,GAAOyC,SAAS9C,CAAO,GAElDhD,EAAAA,YAAYqD,EAAQL,CAAO,CAAC,CAAC+C,KAAMC,GAAW,CACxC9C,IAAY,KAAKC,eAAiB,KAAKF,gBAAkBD,IAC7D,KAAKD,YAAciD,EAAS,SAAW,YACzC,CAAC,CAAC,CAACxB,MAAOb,GAAmB,CACvBT,IAAY,KAAKC,eAAiB,KAAKF,gBAAkBD,IAC7D,KAAKD,YAAc,QACnB,KAAKU,kBAAkBE,EAAO,EAAI,EACpC,CAAC,CACH,CAEA,MAAcF,kBAAmBwC,EAAkBtC,EAA+B,CAChF,KAAKP,mBAAmB,EACxB,KAAK6B,cAAgB/E,EAAAA,mBAAmB+F,CAAO,EAC/C,KAAKf,YAAcvB,EACnB,KAAK6B,mBAAqBU,eAAiB,CACzC,KAAK9C,mBAAmB,CAC1B,EAAG,GAAK,EACR,MAAM,KAAK+C,eACX,KAAKC,YAAYC,cAA2B,iBAAiB,CAAC,EAAEC,MAAM,CACxE,CAmDAC,QAA6B,CAC3B,IAAMC,EAAU,KAAK1C,YACrB,GAAI,CAAC0C,EAAS,MAAO9G,GAAAA,IAAI,GAEzB,IAAM+G,EAAQC,EAAUF,EAAQG,cAAcC,SAAS,CAAC,CAACC,QAAQ,SAAU,EAAE,EACvEC,EAAQJ,EAAUF,EAAQO,cAAcH,SAAS,CAAC,CAACC,QAAQ,YAAa,EAAE,EAC1EG,EAAcC,EAAYT,EAAQQ,WAAW,EAC7CE,EAAY3F,GAAQiF,EAAQX,UAAY,KAAKnB,iBAAmB8B,EAAQX,UACxExC,EAAS/D,EAAAA,MAAMgE,YAAY,EAC3B6D,EAAa5F,GAAQ,KAAK0B,eAAiBI,GAAU,CAACA,EAAOyC,SAAS,KAAK7C,aAAa,GAE9F,MAAOvD,GAAAA,IAAI;;;oCAGqBwH,EAAY,GAAK,wBAAuB;cAC9DA,EACExH,EAAAA,IAAI;;wBAEI8G,EAAQX,SAAQ;wBAChBW,EAAQY,KAAI;;;;2BAIT,KAAKC,iBAAgB;oBAEhC1H,EAAAA,QAAO;iEAC0C6G,EAAQY,KAAI;;;;;;;;4DAQjB,KAAKpC,QAAU,OAAS,oBAAmB;2DAC5CwB,EAAQY,KAAI;gBACvDZ,EAAQc,SAAW5H,EAAAA,IAAI,kCAAkC,KAAKsF,QAAO,IAAKwB,EAAQc,SAAQ,UAAa3H,EAAAA,QAAO;;cAEhH6G,EAAQe,SAAW7H,EAAAA,IAAI,qBAAqB8G,EAAQe,SAAQ,QAAW5H,EAAAA,QAAO;;;;UAIjF,KAAKkE,aAAe,CAAC,KAAKmB,SAAYmC,EACrCzH,EAAAA,IAAI;;gBAEAyH,EACEzH,EAAAA,IAAI;;;;;gCAKU,KAAKqD,cAAgB,WAAa,KAAKA,cAAgB,UAAY,KAAKA,cAAgB,SAAQ;gCAChG,KAAKA,cAAgB,WAAa,KAAKA,cAAgB,SAAW,OAAS,QAAO;6BACrF,KAAKyE,gBAAe;qBAC5B,KAAKzE,cAAgB,SACpBpD,EAAAA,QACAD,EAAAA,IAAI,iIAAiI,KAAKqD,cAAgB,SAAW9C,EAAAA,YAAY+F,OAAS/F,EAAAA,YAAYwH,IAAG;oBAC3M,KAAKxC,cACHvF,EAAAA,IAAI;uDAC6B,KAAKwF,YAAc,QAAU,SAAQ;kCAC1D,KAAKA,YAAc,YAAc,SAAQ;wBACnD,KAAKD,cAAa;4BAEpBtF,EAAAA,QAAO;;gBAGXA,EAAAA,QAAO;gBACT,KAAKkE,aAAe,CAAC,KAAKmB,QACxBtF,EAAAA,IAAI;;;;;yBAKG,KAAKgI,WAAU;;;oBAGpB,KAAKC,eAAe,EAAC;;;;;;;;yBAQhB,KAAKD,WAAU;;;oBAGpB,KAAKC,eAAe,EAAC;;;gBAIvBhI,EAAAA,QAAO;;YAGbA,EAAAA,QAAO;;oDAEiC,KAAKqF,QAAU,OAAS,QAAO,UAAW,KAAKA,QAAO;;;gBAG1F,KAAK4C,WAAWZ,EAAa,UAAU,EAAC;gBACxC,KAAKY,WAAWpB,EAAQqB,SAAU,UAAU,EAAC;;;gBAG7C,KAAKD,WAAWnB,EAAO,OAAO,EAAC;gBAC/B,KAAKmB,WAAWd,EAAO,OAAO,EAAC;;;;;KAM7C,CAEQc,WAAYtD,EAA2BwD,EAAmD,CAGhG,OAFKxD,EAEE5E,EAAAA,IAAI;;;YAGH,KAAKqI,WAAWD,CAAI,EAAC;;qCAEIxD,EAAK;;MAPnB3E,EAAAA,OAUrB,CAEQoI,WAAYD,EAAmE,CACrF,OAAQA,EAAR,CACE,IAAK,WACH,MAAOpI,GAAAA,IAAI,2DACb,IAAK,WACH,MAAOA,GAAAA,IAAI,iEACb,IAAK,QACH,MAAOA,GAAAA,IAAI,6DACb,IAAK,QACH,MAAOA,GAAAA,IAAI,0DACf,CACF,CAEQiI,gBAAkC,CACxC,MAAOjI,GAAAA,IAAI,8DACb,CACF,EAAC,CAAAsI,EAAA,CAAA7F,EAAAE,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAT,GAAA+F,EAAA,CAAA5H,EAAA6H,IAAAC,EAAAtG,EAAA,CAAA,CAAAZ,EAAA,EAAA,aAAA,EAAA,CAAAE,EAAA,EAAA,aAAA,EAAA,CAAAC,EAAA,EAAA,eAAA,EAAA,CAAAC,EAAA,EAAA,SAAA,EAAA,CAAAI,EAAA,EAAA,gBAAA,EAAA,CAAAC,EAAA,EAAA,aAAA,EAAA,CAAAC,EAAA,EAAA,eAAA,EAAA,CAAAC,EAAA,EAAA,aAAA,CAAA,EAAAxB,EAAA,EAAA,IAAA,GA5R2CX,EAAAA,YAAY,EAAAoC,GAAAuG,EAAA,cAAAC,CAAA,CAAAtG,aAAA,CAAA,MAAA1B,CAAA,EAAAuC,EAAA,KAAA,SACtCzC,EAAAA,OAAM,EAAA+H,EAAA,CAAA,CAAA,EAAAtF,EAAAwF,EAAA9H,EAAA,IAAA,EAAA,EAAA8H,GA6RxB,SAAS1B,EAAWpC,EAAiC,CACnD,OAAOA,GAAOA,OAAS,EACzB,CAEA,SAAS2C,EAAa3C,EAAwB,CAC5C,IAAMiE,GAAOjE,GAAS,GAAA,CAAIkE,KAAK,EACzBC,EAAUF,EAAIG,MAAM,0BAA0B,EACpD,GAAID,EAAS,CACX,GAAM,EAAGE,EAAMC,EAAOC,GAAOJ,EAC7B,MAAO,GAAGI,EAAG,GAAID,EAAK,GAAID,GAC5B,CAEA,IAAMG,EAAUP,EAAIG,MAAM,iCAAiC,EAC3D,GAAII,EAAS,CACX,GAAM,EAAGD,EAAKD,EAAOD,GAAQG,EAC7B,MAAO,GAAGD,EAAG,GAAID,EAAK,GAAID,GAC5B,CAEA,OAAOJ,CACT,C"}

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

@@ -1,4 +1,3 @@
-import "../../_virtual/~icons/lucide/pencil.esm.js";
 import { formatDisplayError as e } from "./editor/utils/errorDisplay.esm.js";
 import "../../_virtual/~icons/lucide/circle-user-round.esm.js";
 import { createHeadingEditDialog as t } from "./editor/sections/heading/HeadingEditDialog.esm.js";
@@ -6,15 +5,16 @@ import { addFriend as n, checkFriend as r, friendTexts as i } from "./friendActi
 import "../../_virtual/~icons/lucide/cake.esm.js";
 import "../../_virtual/~icons/lucide/mail.esm.js";
 import "../../_virtual/~icons/lucide/map-pin.esm.js";
+import "../../_virtual/~icons/lucide/pencil.esm.js";
 import "../../_virtual/~icons/lucide/phone.esm.js";
 import "../../_virtual/~icons/lucide/user-round-plus.esm.js";
 import a from "./ProfileHeading.styles.esm.js";
 import { WebComponent as o, customElement as s } from "solid-ui";
 import { authn as c, store as l } from "solid-logic";
-import { property as u, state as d } from "lit/decorators.js";
-import { html as f, nothing as p } from "lit";
 import "solid-ui/components/button";
-//#region src/components/profile-heading/ProfileHeading.ts
+import { html as u, nothing as d } from "lit";
+import { property as f, state as p } from "lit/decorators.js";
+// src/components/profile-heading/ProfileHeading.ts
 var m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, F, I, L, R, z, B, V, H, U, W;
 function G(e, t, n) {
 	ee(e, t), t.set(e, n);
@@ -189,10 +189,10 @@ function ie(e) {
 }
 E = [s("solid-panes-profile-heading")];
 var Q;
-new (U = (g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v = /*#__PURE__*/ new WeakMap(), y = /*#__PURE__*/ new WeakMap(), b = /*#__PURE__*/ new WeakMap(), x = /*#__PURE__*/ new WeakMap(), S = /*#__PURE__*/ new WeakMap(), C = /*#__PURE__*/ new WeakMap(), W = (D = u({ attribute: !1 }), k = u({ attribute: !1 }), j = u({ attribute: !1 }), N = u({
+new (U = (g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v = /*#__PURE__*/ new WeakMap(), y = /*#__PURE__*/ new WeakMap(), b = /*#__PURE__*/ new WeakMap(), x = /*#__PURE__*/ new WeakMap(), S = /*#__PURE__*/ new WeakMap(), C = /*#__PURE__*/ new WeakMap(), W = (D = f({ attribute: !1 }), k = f({ attribute: !1 }), j = f({ attribute: !1 }), N = f({
 	type: Boolean,
 	reflect: !0
-}), F = d(), L = d(), z = d(), V = d(), "profileData"), h = class extends o {
+}), F = p(), L = p(), z = p(), V = p(), "profileData"), h = class extends o {
 	constructor(...e) {
 		super(...e), G(this, g, (w(this), O(this, void 0))), G(this, _, A(this, void 0)), G(this, v, M(this, void 0)), G(this, y, P(this, !1)), G(this, b, I(this, void 0)), G(this, x, R(this, "loading")), G(this, S, B(this, "")), G(this, C, H(this, !1)), Y(this, "friendRequest", 0), Y(this, "friendRequestInterrupted", !1), Y(this, "friendMessageTimer", void 0), Y(this, "handleAddFriend", async (e) => {
 			if (e.preventDefault(), this.friendState !== "available" && this.friendState !== "error") return;
@@ -301,13 +301,13 @@ new (U = (g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v =
 	}
 	render() {
 		let e = this.profileData;
-		if (!e) return f``;
+		if (!e) return u``;
 		let t = $(e.primaryPhone?.valueNode).replace(/^tel:/i, ""), n = $(e.primaryEmail?.valueNode).replace(/^mailto:/i, ""), r = ae(e.dateOfBirth), a = !!(e.imageSrc && this.failedImageSrc !== e.imageSrc), o = c.currentUser(), s = !!(this.friendSubject && o && !o.sameTerm(this.friendSubject));
-		return f`
+		return u`
       <section class="profile-heading" aria-labelledby="profile-heading-name">
         <div class="avatar">
           <div class="image-frame ${a ? "" : "image-frame--fallback"}">
-            ${a ? f`<img
+            ${a ? u`<img
                   class="hero"
                   src=${e.imageSrc}
                   alt=${e.name}
@@ -315,7 +315,7 @@ new (U = (g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v =
                   height="140"
                   loading="eager"
                   @error=${this.handleImageError}
-                />` : p}
+                />` : d}
               <div class="hero-fallback" role="img" aria-label=${e.name}>
                 <icon-lucide-circle-user-round aria-hidden="true"></icon-lucide-circle-user-round>
               </div>
@@ -326,15 +326,15 @@ new (U = (g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v =
           <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 ? f`<span class="pronouns" ?hidden=${this.compact}>(${e.pronouns})</span>` : p}
+              ${e.pronouns ? u`<span class="pronouns" ?hidden=${this.compact}>(${e.pronouns})</span>` : d}
             </div>
-            ${e.jobTitle ? f`<div class="role">${e.jobTitle}</div>` : p}
+            ${e.jobTitle ? u`<div class="role">${e.jobTitle}</div>` : d}
           </header>
         </div>
 
-        ${(this.editContext || s) && !this.compact ? f`
+        ${this.editContext && !this.compact || s ? u`
             <div class="profile__actions profile__heading-edit-action">
-              ${s ? f`
+              ${s ? u`
                 <div class="profile-friends-button__section" role="group" aria-label="Friend relationship actions">
                   <solid-ui-button
                     variant="secondary"
@@ -342,15 +342,15 @@ new (U = (g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v =
                     ?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" ? p : f`<icon-lucide-user-round-plus slot="icon" class="profile__btn-friends-icon" aria-hidden="true"></icon-lucide-user-round-plus>`}${this.friendState === "exists" ? i.exists : i.add}</solid-ui-button>
-                  ${this.friendMessage ? f`
+                  >${this.friendState === "exists" ? d : u`<icon-lucide-user-round-plus slot="icon" class="profile__btn-friends-icon" aria-hidden="true"></icon-lucide-user-round-plus>`}${this.friendState === "exists" ? i.exists : i.add}</solid-ui-button>
+                  ${this.friendMessage ? u`
                     <div class="friend-message" role=${this.friendError ? "alert" : "status"}
                       aria-live=${this.friendError ? "assertive" : "polite"} tabindex="0">
                       ${this.friendMessage}
-                    </div>` : p}
+                    </div>` : d}
                 </div>
-              ` : p}
-              ${this.editContext ? f`
+              ` : d}
+              ${this.editContext && !this.compact ? u`
               <solid-ui-button
                 variant="tertiary"
                 class="profile-section-collapsible__edit-button desktop-edit-button"
@@ -372,9 +372,9 @@ new (U = (g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v =
                   ${this.renderEditIcon()}
                 </span>
               </solid-ui-button>
-              ` : p}
+              ` : d}
             </div>
-          ` : p}
+          ` : d}
 
         <div class="details-collapse" aria-hidden=${this.compact ? "true" : "false"} ?inert=${this.compact}>
           <div class="details">
@@ -392,25 +392,25 @@ new (U = (g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v =
     `;
 	}
 	renderLine(e, t) {
-		return e ? f`
+		return e ? u`
       <div class="detail-item">
         <span class="detail-icon" aria-hidden="true">
           ${this.renderIcon(t)}
         </span>
         <span class="detail-value">${e}</span>
       </div>
-    ` : p;
+    ` : d;
 	}
 	renderIcon(e) {
 		switch (e) {
-			case "birthday": return f`<icon-lucide-cake aria-hidden="true"></icon-lucide-cake>`;
-			case "location": return f`<icon-lucide-map-pin aria-hidden="true"></icon-lucide-map-pin>`;
-			case "phone": return f`<icon-lucide-phone aria-hidden="true"></icon-lucide-phone>`;
-			case "email": return f`<icon-lucide-mail aria-hidden="true"></icon-lucide-mail>`;
+			case "birthday": return u`<icon-lucide-cake aria-hidden="true"></icon-lucide-cake>`;
+			case "location": return u`<icon-lucide-map-pin aria-hidden="true"></icon-lucide-map-pin>`;
+			case "phone": return u`<icon-lucide-phone aria-hidden="true"></icon-lucide-phone>`;
+			case "email": return u`<icon-lucide-mail aria-hidden="true"></icon-lucide-mail>`;
 		}
 	}
 	renderEditIcon() {
-		return f`<icon-lucide-pencil aria-hidden="true"></icon-lucide-pencil>`;
+		return u`<icon-lucide-pencil aria-hidden="true"></icon-lucide-pencil>`;
 	}
 }, {e: [O, A, M, P, I, R, B, H, w], c: [Q, T]} = te(h, [
 	[
@@ -474,7 +474,6 @@ function ae(e) {
 	}
 	return t;
 }
-//#endregion
 export { Q as default };
 
 //# sourceMappingURL=ProfileHeading.esm.js.map