solid-panes 5.1.0-1 → 5.1.0-2

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||l)&&!this.compact?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?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 || 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.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 || s) && !this.compact ? 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 ? 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

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

@@ -1,7 +1,6 @@
 import { css as e } from "lit";
-//#region src/components/profile-heading/ProfileHeading.styles.css
+// src/components/profile-heading/ProfileHeading.styles.css
 var t = e`:host{--profile-avatar-size:8.75rem;--profile-fallback-padding:36.4px;width:100%;color:var(--color-text-secondary,#4a5565);font-family:inherit;display:block}.profile-heading{box-sizing:border-box;background:var(--solid-ui-color-white,#fff);border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:\"avatar info edit\"\"avatar details details\";align-items:start;gap:20px;width:100%;padding:25px;transition:box-shadow .2s,transform .2s,padding .3s,row-gap .3s;display:grid;overflow-x:clip}.profile-heading:hover{box-shadow:0 8px 10px #7c4dff1a}.avatar{grid-area:avatar}.image-frame{width:var(--profile-avatar-size);aspect-ratio:1;place-items:center;transition:width .3s;display:grid;position:relative;overflow:hidden}.image-frame--fallback{border:1px dashed var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-slate-50,#f8fafc);box-sizing:border-box}.hero{border:1px solid var(--solid-ui-color-primary,#7c4dff);background:var(--color-surface-placeholder,var(--gray-300,#d1d5dc)) 50% / cover no-repeat;object-fit:cover;object-position:center;box-sizing:border-box;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.hero-fallback{width:100%;height:100%;padding:0 var(--profile-fallback-padding);box-sizing:border-box;justify-content:center;align-items:center;transition:padding .3s;display:none}.hero-fallback icon-lucide-circle-user-round{color:#cbd5e1;width:100%;height:100%;display:block}.image-frame--fallback .hero-fallback{display:flex}.info{grid-area:info;min-width:0}.profile__heading-edit-action{grid-area:edit;justify-content:flex-end;place-self:flex-start end;align-items:flex-start;gap:8px;margin-bottom:0;margin-left:auto;margin-right:0;padding:0;display:flex}.profile-friends-button__section{gap:8px;max-width:16rem;display:grid}.profile__btn-friends-icon{align-self:center;width:14px;height:14px;display:block;transform:translateY(-3px)}.friend-message{text-align:center;font-size:var(--solid-ui-font-size-sm,.875rem);overflow-wrap:anywhere}.friend-message[role=alert]{color:var(--solid-ui-color-red-700,#b91c1c)}.friend-message[role=status]{color:var(--solid-ui-color-green-700,#15803d)}.profile-section-collapsible__edit-button{min-width:0}.mobile-edit-button{color:var(--solid-ui-color-primary,#7c4dff);display:none}.profile-section-collapsible__action-label{font-size:var(--solid-ui-font-size-sm,.875rem)}.profile__add-more-icon{margin-right:0;line-height:0;position:relative;top:0;transform:translateY(0)}.profile__add-more-icon icon-lucide-pencil,.profile-section-collapsible__edit-icon icon-lucide-pencil{width:14px;height:14px;display:block}.header-bar{flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:0;display:flex}.identity{flex-wrap:wrap;align-items:baseline;gap:7px;width:100%;display:flex}.name{color:var(--color-text-heading,#000);overflow-wrap:anywhere;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;display:block}.pronouns{color:var(--color-text-secondary,#4a5565);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:400;line-height:1.2}.role{width:100%;color:var(--solid-ui-color-gray-800,#101828);font-size:var(--solid-ui-font-size-lg,1.125rem);overflow-wrap:anywhere;font-weight:500;line-height:1.25}.details-collapse{grid-area:details;grid-template-rows:1fr;transition:grid-template-rows .3s,opacity .3s;display:grid}.details{width:100%;min-width:0;min-height:0;font-size:var(--font-size-sm,.875rem);flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:12px 32px;display:flex;overflow:hidden}:host([compact]) .profile-heading{row-gap:0;padding:12.5px}:host([compact]) .image-frame{width:calc(var(--profile-avatar-size) / 2)}:host([compact]) .hero-fallback{padding-inline:calc(var(--profile-fallback-padding) / 2)}:host([compact]) .info{align-self:center}:host([compact]) .name{white-space:normal;overflow-wrap:anywhere}:host([compact]) .details-collapse{opacity:0;visibility:hidden;grid-template-rows:0fr}.pronouns[hidden]{display:none}.detail-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px clamp(12px,2vw,24px);width:min(100%,544px);display:grid}.detail-item{align-items:flex-start;gap:7px;min-width:0;display:flex}.detail-icon{flex:0 0 16px;width:16px;height:16px;margin-top:1px;display:inline-flex}.detail-icon>icon-lucide-cake,.detail-icon>icon-lucide-map-pin,.detail-icon>icon-lucide-phone,.detail-icon>icon-lucide-mail{color:currentColor;width:16px;height:16px;display:block}.detail-value{overflow-wrap:anywhere;word-break:break-word;min-width:0}@media (width<=1200px){:host{--profile-avatar-size:6.5rem;--profile-fallback-padding:27px}.profile-heading{column-gap:15px}}@media (width<=768px){.profile-heading:has(.profile-friends-button__section) .name{white-space:normal;overflow-wrap:anywhere}.profile__btn-friends-icon,.profile__btn-friends[disabled]:not([aria-busy=true]){display:none}:host{--profile-avatar-size:4.375rem;--profile-fallback-padding:0px}.profile-heading{grid-template-areas:\"avatar info edit\"\"details details details\";gap:12px 8px}.profile-section-collapsible__edit-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px)}.desktop-edit-button{display:none}.mobile-edit-button{display:inline-flex;position:relative;top:-12px;right:-12px}.profile-section-collapsible__edit-icon{justify-content:center;align-items:center;line-height:0;display:inline-flex}.profile-heading{column-gap:10px}.hero-fallback icon-lucide-circle-user-round{width:3rem;height:3rem;transition:width .3s,height .3s}:host([compact]) .hero-fallback icon-lucide-circle-user-round{width:1.5rem;height:1.5rem}.name{white-space:normal;overflow-wrap:anywhere;font-size:1.375rem;line-height:1.15;display:inline}.identity{gap:0}.pronouns{white-space:nowrap;margin-left:2px;font-size:.6875rem;line-height:1.1}.role{font-size:var(--solid-ui-font-size-sm,.875rem)}.details{gap:12px;font-size:.75rem}.detail-row{column-gap:2px}}@media (prefers-reduced-motion:reduce){.profile-heading,.image-frame,.hero-fallback,.hero-fallback icon-lucide-circle-user-round,.details-collapse{transition:none}}`;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=ProfileHeading.styles.esm.js.map