solid-panes 5.0.0-1 → 5.1.0-0

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

@@ -0,0 +1,480 @@
+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";
+import { addFriend as n, checkFriend as r, friendTexts as i } from "./friendActions.esm.js";
+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/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
+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);
+}
+function ee(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function K(e, t, n) {
+	return e.set(J(e, t), n), n;
+}
+function q(e, t) {
+	return e.get(J(e, t));
+}
+function J(e, t, n) {
+	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+	throw TypeError("Private element is not present on this object");
+}
+function Y(e, t, n) {
+	return (t = X(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function te(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: Z(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || Z(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 re(t) === e;
+		}, u = /* @__PURE__ */ 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 : X(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+			}
+		}
+		return d(i), d(a), o;
+	}(e, t, i, f);
+	return n.length || u(e, f), {
+		e: p,
+		get c() {
+			var t = [];
+			return n.length && [u(l(e, [n], r, e.name, 5, f, t), f), s.bind(null, t, e)];
+		}
+	};
+}
+function X(e) {
+	var t = ne(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function ne(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 Z(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 re(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 ie(e) {
+	return 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({
+	type: Boolean,
+	reflect: !0
+}), F = d(), L = d(), z = d(), V = d(), "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;
+			let t = this.friendSubject;
+			if (!t) return;
+			let r = this.friendRequest;
+			this.friendState = "saving", this.clearFriendMessage();
+			try {
+				let e = c.currentUser();
+				if (!e) throw Error(i.loginRequired);
+				if (await n(e, t), r !== this.friendRequest || this.friendSubject !== t) return;
+				this.friendState = "exists", await this.showFriendMessage(i.success, !1);
+			} catch (e) {
+				if (r !== this.friendRequest || this.friendSubject !== t) return;
+				this.friendState = "error", await this.showFriendMessage(e, !0);
+			}
+		}), Y(this, "handleEdit", (e) => {
+			let n = this.editContext;
+			n && t(e, l, 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);
+			});
+		}), Y(this, "handleImageError", (e) => {
+			this.failedImageSrc = e.currentTarget.getAttribute("src") ?? void 0;
+		});
+	}
+	get [W]() {
+		return q(g, this);
+	}
+	set profileData(e) {
+		K(g, this, e);
+	}
+	get editContext() {
+		return q(_, this);
+	}
+	set editContext(e) {
+		K(_, this, e);
+	}
+	get friendSubject() {
+		return q(v, this);
+	}
+	set friendSubject(e) {
+		K(v, this, e);
+	}
+	get compact() {
+		return q(y, this);
+	}
+	set compact(e) {
+		K(y, this, e);
+	}
+	get failedImageSrc() {
+		return q(b, this);
+	}
+	set failedImageSrc(e) {
+		K(b, this, e);
+	}
+	get friendState() {
+		return q(x, this);
+	}
+	set friendState(e) {
+		K(x, this, e);
+	}
+	get friendMessage() {
+		return q(S, this);
+	}
+	set friendMessage(e) {
+		K(S, this, e);
+	}
+	get friendError() {
+		return q(C, this);
+	}
+	set friendError(e) {
+		K(C, 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, n = c.currentUser();
+		t && n && !n.sameTerm(t) && r(n, 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(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 f``;
+		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`
+      <section class="profile-heading" aria-labelledby="profile-heading-name">
+        <div class="avatar">
+          <div class="image-frame ${a ? "" : "image-frame--fallback"}">
+            ${a ? f`<img
+                  class="hero"
+                  src=${e.imageSrc}
+                  alt=${e.name}
+                  width="140"
+                  height="140"
+                  loading="eager"
+                  @error=${this.handleImageError}
+                />` : p}
+              <div class="hero-fallback" role="img" aria-label=${e.name}>
+                <icon-lucide-circle-user-round aria-hidden="true"></icon-lucide-circle-user-round>
+              </div>
+          </div>
+        </div>
+
+        <div class="info">
+          <header class="header-bar">
+            <div class="identity" role="group" aria-label=${this.compact ? "Name" : "Name and pronouns"}>
+              <h1 id="profile-heading-name" class="name">${e.name}</h1>
+              ${e.pronouns ? f`<span class="pronouns" ?hidden=${this.compact}>(${e.pronouns})</span>` : p}
+            </div>
+            ${e.jobTitle ? f`<div class="role">${e.jobTitle}</div>` : p}
+          </header>
+        </div>
+
+        ${(this.editContext || s) && !this.compact ? f`
+            <div class="profile__actions profile__heading-edit-action">
+              ${s ? f`
+                <div class="profile-friends-button__section" role="group" aria-label="Friend relationship actions">
+                  <solid-ui-button
+                    variant="secondary"
+                    class="profile__btn-friends"
+                    ?disabled=${this.friendState === "loading" || this.friendState === "saving" || this.friendState === "exists"}
+                    aria-busy=${this.friendState === "loading" || this.friendState === "saving" ? "true" : "false"}
+                    @click=${this.handleAddFriend}
+                  >${this.friendState === "exists" ? 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`
+                    <div class="friend-message" role=${this.friendError ? "alert" : "status"}
+                      aria-live=${this.friendError ? "assertive" : "polite"} tabindex="0">
+                      ${this.friendMessage}
+                    </div>` : p}
+                </div>
+              ` : p}
+              ${this.editContext ? f`
+              <solid-ui-button
+                variant="tertiary"
+                class="profile-section-collapsible__edit-button desktop-edit-button"
+                aria-label="Add or edit heading information"
+                @click=${this.handleEdit}
+              >
+                <span slot="left-icon" class="profile-section-collapsible__action-label profile__add-more-icon" aria-hidden="true">
+                  ${this.renderEditIcon()}
+                </span>
+                <span class="profile-section-collapsible__action-label edit-label">Edit</span>
+              </solid-ui-button>
+              <solid-ui-button
+                variant="ghost"
+                class="profile-section-collapsible__edit-button mobile-edit-button"
+                aria-label="Add or edit heading information"
+                @click=${this.handleEdit}
+              >
+                <span slot="icon" class="profile-section-collapsible__edit-icon" aria-hidden="true">
+                  ${this.renderEditIcon()}
+                </span>
+              </solid-ui-button>
+              ` : p}
+            </div>
+          ` : p}
+
+        <div class="details-collapse" aria-hidden=${this.compact ? "true" : "false"} ?inert=${this.compact}>
+          <div class="details">
+            <div class="detail-row" role="group" aria-label="Additional profile information">
+              ${this.renderLine(r, "birthday")}
+              ${this.renderLine(e.location, "location")}
+            </div>
+            <div class="detail-row" role="group" aria-label="Contact information">
+              ${this.renderLine(t, "phone")}
+              ${this.renderLine(n, "email")}
+            </div>
+          </div>
+        </div>
+      </section>
+    `;
+	}
+	renderLine(e, t) {
+		return e ? f`
+      <div class="detail-item">
+        <span class="detail-icon" aria-hidden="true">
+          ${this.renderIcon(t)}
+        </span>
+        <span class="detail-value">${e}</span>
+      </div>
+    ` : p;
+	}
+	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>`;
+		}
+	}
+	renderEditIcon() {
+		return f`<icon-lucide-pencil aria-hidden="true"></icon-lucide-pencil>`;
+	}
+}, {e: [O, A, M, P, I, R, B, H, w], c: [Q, T]} = te(h, [
+	[
+		D,
+		1,
+		"profileData"
+	],
+	[
+		k,
+		1,
+		"editContext"
+	],
+	[
+		j,
+		1,
+		"friendSubject"
+	],
+	[
+		N,
+		1,
+		"compact"
+	],
+	[
+		F,
+		1,
+		"failedImageSrc"
+	],
+	[
+		L,
+		1,
+		"friendState"
+	],
+	[
+		z,
+		1,
+		"friendMessage"
+	],
+	[
+		V,
+		1,
+		"friendError"
+	]
+], E, 0, void 0, o), h), m = class extends ie {
+	constructor() {
+		super(Q), Y(this, "styles", a), T();
+	}
+}, Y(m, U, void 0), m)();
+function $(e) {
+	return e?.value ?? "";
+}
+function ae(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;
+}
+//#endregion
+export { Q as default };
+
+//# sourceMappingURL=ProfileHeading.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileHeading.esm.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","styles","ProfileHeading_styles_default","_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","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","customElement","_ProfileHeading","property","state","WebComponent","args","event","subject","request","viewer","authn","friendTexts","addFriend","error","context","createHeadingEditDialog","store","changed","checkFriend","exists","formatDisplayError","message","profile","phone","textValue","email","dateOfBirth","displayDate","showImage","showFriend","nothing","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.styles.cjs.js

@@ -0,0 +1,2 @@
+var e=require("lit").css`: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}}`;exports.default=e;
+//# sourceMappingURL=ProfileHeading.styles.cjs.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { css as e } from "lit";
+//#region 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

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

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

package/dist/components/profile-heading/editor/index.d.ts

@@ -0,0 +1,3 @@
+export { createHeadingEditDialog } from './sections/heading/HeadingEditDialog';
+export type { ProfileDetails } from './sections/heading/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/profile-heading/editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/profile-heading/editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA;AAC9E,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA"}