@crockery/fellowship-components 0.4.1 → 1.0.0

package/dist/chunks/{talent-calculator-Dxuc2dZ8.js → talent-calculator-DbU6P1AP.js}

@@ -1,18 +1,15 @@
-import { n as e, t } from "./data-source-XbksqUrw.js";
-import { n, r, t as i } from "./decorate-B_ZTN9li.js";
-import { a, n as o } from "./tooltip-DoQVSnOn.js";
+import { i as e, n as t, r as n, t as r } from "./field-manual-fonts-DTFloVFe.js";
+import { t as i } from "./decorate-DyMgX_Uh.js";
+import { n as a, s as o } from "./tooltip-C3SSJw-t.js";
 import { createPackageFellowshipDataClient as s } from "@crockery/fellowship-data/client";
 import { LitElement as c, css as l, html as u, nothing as d } from "lit";
 import { customElement as f, property as p, state as m } from "lit/decorators.js";
 import { repeat as h } from "lit/directives/repeat.js";
 import { findImage as g } from "@crockery/fellowship-data";
 //#region src/data/package-talent-data-source.ts
-var _ = (e = {}) => {
-	let t = s(e);
-	return {
-		loadHeroTalents: (e, n) => t.loadHeroTalents(e, n),
-		resolveAssetUrl: (e) => t.resolveAssetUrl(e)
-	};
+var _ = () => {
+	let e = s();
+	return { loadHeroTalents: (t, n) => e.loadHeroTalents(t, n) };
 }, v = [
 	"I",
 	"II",
@@ -49,7 +46,7 @@ var _ = (e = {}) => {
 		}), c = null;
 		if (!s) n.push(b("missing-image", a, `Talent “${a.id}” has no icon.`));
 		else try {
-			c = t.resolveAssetUrl(s);
+			c = t(s);
 		} catch (e) {
 			n.push(b("asset-url-error", a, `The icon URL for talent “${a.id}” could not be resolved: ${String(e)}.`));
 		}
@@ -645,10 +642,10 @@ var _ = (e = {}) => {
 	overBudget: !1
 }), M = class extends c {
 	constructor(...e) {
-		super(...e), this.heroId = "", this.talentPoints = 14, this.selectedTalentIds = [], this.assetBaseUrl = null, this.dataSource = null, this.renderTalent = null, this.showPointControls = !0, this.showTooltips = !0, this._status = "empty", this._error = null, this._model = null, this._failedImages = /* @__PURE__ */ new Set(), this._announcement = "", this._renderSelectionState = j(14), this._talentPresentation = /* @__PURE__ */ new Map(), this._talentRenderContent = /* @__PURE__ */ new Map(), this.#e = null, this.#t = 0, this.#n = null, this.#r = !1, this.#i = /* @__PURE__ */ new Set(), this.#a = [];
+		super(...e), this.heroId = "", this.talentPoints = 14, this.selectedTalentIds = [], this.resolveAssetUrl = null, this.dataSource = null, this.renderTalent = null, this.showPointControls = !0, this.showTooltips = !0, this._status = "empty", this._error = null, this._model = null, this._failedImages = /* @__PURE__ */ new Set(), this._announcement = "", this._renderSelectionState = j(14), this._talentPresentation = /* @__PURE__ */ new Map(), this._talentRenderContent = /* @__PURE__ */ new Map(), this.#e = null, this.#t = 0, this.#n = null, this.#r = !1, this.#i = /* @__PURE__ */ new Set(), this.#a = [];
 	}
 	static {
-		this.styles = [r, D];
+		this.styles = [t, D];
 	}
 	#e;
 	#t;
@@ -657,13 +654,13 @@ var _ = (e = {}) => {
 	#i;
 	#a;
 	connectedCallback() {
-		super.connectedCallback(), n(this.ownerDocument);
+		super.connectedCallback(), r(this.ownerDocument);
 	}
 	disconnectedCallback() {
 		this.#e?.abort(), super.disconnectedCallback();
 	}
 	updated(e) {
-		if (super.updated(e), this.#S(), e.has("heroId") || e.has("dataSource") || e.has("assetBaseUrl")) {
+		if (super.updated(e), this.#S(), e.has("heroId") || e.has("dataSource") || e.has("resolveAssetUrl")) {
 			queueMicrotask(() => {
 				this.isConnected && this.#p();
 			});
@@ -835,9 +832,9 @@ var _ = (e = {}) => {
 	}
 	#l(e) {
 		let t = this.renderTalent, n = this._model, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
-		if (n) for (let o of n.talentById.values()) {
-			let s = e.selectedTalentIds.includes(o.talent.id), c = E(o.pointCost, e), l = !s && !c, u = o.talent.name ?? o.talent.id, d = o.pointCost === null ? "This talent has no valid point cost." : l ? `Requires ${o.pointCost} talent points; ${Math.max(0, e.remainingPoints)} remaining.` : `${o.pointCost} talent ${o.pointCost === 1 ? "point" : "points"}.`, f = {
-				talent: o,
+		if (n) for (let a of n.talentById.values()) {
+			let s = e.selectedTalentIds.includes(a.talent.id), c = E(a.pointCost, e), l = !s && !c, u = a.talent.name ?? a.talent.id, d = a.pointCost === null ? "This talent has no valid point cost." : l ? `Requires ${a.pointCost} talent points; ${Math.max(0, e.remainingPoints)} remaining.` : `${a.pointCost} talent ${a.pointCost === 1 ? "point" : "points"}.`, f = {
+				talent: a,
 				hero: n.hero,
 				selected: s,
 				affordable: c,
@@ -846,19 +843,19 @@ var _ = (e = {}) => {
 				remainingPoints: e.remainingPoints,
 				talentPoints: this.talentPoints
 			};
-			if (i.set(o.talent.id, {
+			if (i.set(a.talent.id, {
 				context: f,
 				name: u,
-				descriptionId: `talent-description-${o.row}-${o.column}`,
+				descriptionId: `talent-description-${a.row}-${a.column}`,
 				affordability: d,
-				description: [a(o.talent.description ?? ""), d].filter(Boolean).join(" ")
+				description: [o(a.talent.description ?? ""), d].filter(Boolean).join(" ")
 			}), t) try {
-				r.set(o.talent.id, t(f));
+				r.set(a.talent.id, t(f));
 			} catch (e) {
-				this.#i.has(o.talent.id) || (this.#i.add(o.talent.id), this.#a.push({
+				this.#i.has(a.talent.id) || (this.#i.add(a.talent.id), this.#a.push({
 					code: "renderer-error",
-					message: `The talent renderer failed for “${o.talent.id}”: ${String(e)}.`,
-					talentId: o.talent.id
+					message: `The talent renderer failed for “${a.talent.id}”: ${String(e)}.`,
+					talentId: a.talent.id
 				}));
 			}
 		}
@@ -909,13 +906,20 @@ var _ = (e = {}) => {
 			this._status = "empty";
 			return;
 		}
+		if (!this.resolveAssetUrl) {
+			this.#C({
+				code: "asset-resolver-missing",
+				message: "A resolveAssetUrl callback is required to render Fellowship images."
+			});
+			return;
+		}
 		this._status = "loading";
-		let r = this.dataSource ?? _(this.assetBaseUrl ? { assetBaseUrl: this.assetBaseUrl } : {});
+		let r = this.dataSource ?? _();
 		try {
 			let i = await r.loadHeroTalents(t, this.#e.signal);
 			if (n !== this.#t || this.#e.signal.aborted) return;
 			e(i.manifest.schemaVersion);
-			let a = x(i, r);
+			let a = x(i, this.resolveAssetUrl);
 			this._model = a, this._status = "ready";
 			let o = this.#m(!1);
 			await this.updateComplete;
@@ -1014,17 +1018,17 @@ var _ = (e = {}) => {
 		this.#a = [], this.#x(e);
 	}
 	#C(e) {
-		let n = typeof e == "object" && e && "code" in e && "message" in e ? {
+		let t = typeof e == "object" && e && "code" in e && "message" in e ? {
 			code: String(e.code),
 			message: String(e.message),
-			...e instanceof t && e.cause !== void 0 ? { cause: e.cause } : {}
+			...e instanceof n && e.cause !== void 0 ? { cause: e.cause } : {}
 		} : {
 			code: "unknown",
 			message: e instanceof Error ? e.message : String(e)
 		};
-		this._error = n, this._status = "error", this.dispatchEvent(new CustomEvent("fellowship-talents-error", {
+		this._error = t, this._status = "error", this.dispatchEvent(new CustomEvent("fellowship-talents-error", {
 			...O,
-			detail: n
+			detail: t
 		}));
 	}
 };
@@ -1037,10 +1041,7 @@ i([p({
 })], M.prototype, "talentPoints", void 0), i([p({
 	attribute: !1,
 	hasChanged: k
-})], M.prototype, "selectedTalentIds", void 0), i([p({
-	type: String,
-	attribute: "asset-base-url"
-})], M.prototype, "assetBaseUrl", void 0), i([p({ attribute: !1 })], M.prototype, "dataSource", void 0), i([p({ attribute: !1 })], M.prototype, "renderTalent", void 0), i([p({
+})], M.prototype, "selectedTalentIds", void 0), i([p({ attribute: !1 })], M.prototype, "resolveAssetUrl", void 0), i([p({ attribute: !1 })], M.prototype, "dataSource", void 0), i([p({ attribute: !1 })], M.prototype, "renderTalent", void 0), i([p({
 	type: Boolean,
 	attribute: "show-point-controls"
 })], M.prototype, "showPointControls", void 0), i([p({
@@ -1048,7 +1049,7 @@ i([p({
 	attribute: "show-tooltips"
 })], M.prototype, "showTooltips", void 0), i([m()], M.prototype, "_status", void 0), i([m()], M.prototype, "_error", void 0), i([m()], M.prototype, "_model", void 0), i([m()], M.prototype, "_failedImages", void 0), i([m()], M.prototype, "_announcement", void 0), i([m()], M.prototype, "_renderSelectionState", void 0), i([m()], M.prototype, "_talentPresentation", void 0), i([m()], M.prototype, "_talentRenderContent", void 0), M = i([f("fellowship-talent-calculator")], M);
 var N = () => {
-	o(), customElements.get("fellowship-talent-calculator") || customElements.define("fellowship-talent-calculator", M);
+	a(), customElements.get("fellowship-talent-calculator") || customElements.define("fellowship-talent-calculator", M);
 };
 //#endregion
 export { E as a, C as c, _ as d, S as i, x as l, N as n, T as o, A as r, w as s, M as t, y as u };

package/dist/chunks/tooltip-C3SSJw-t.js

@@ -0,0 +1,482 @@
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { LitElement as t, css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o, query as s, state as c } from "lit/decorators.js";
+import { repeat as l } from "lit/directives/repeat.js";
+import { styleMap as u } from "lit/directives/style-map.js";
+//#region src/tooltip/rich-text.ts
+var d = {
+	bold: "strong",
+	"rt.bold": "strong",
+	"rt.absorb": "ability",
+	"rt.warning": "warning",
+	"rt.effect": "effect",
+	"rt.mana": "resource",
+	"rt.heal": "healing",
+	"rt.meikoability1": "meiko-primary",
+	"rt.meikoability2": "meiko-secondary"
+}, f = (e, t, n) => {
+	let r = t.replace(/\r\n?/g, "\n").split(/\n{2,}/);
+	r.forEach((t, i) => {
+		let a = e.at(-1);
+		if (t.length > 0) {
+			let e = a.at(-1);
+			e?.tone === n ? a[a.length - 1] = {
+				text: `${e.text}${t}`,
+				tone: n
+			} : a.push({
+				text: t,
+				tone: n
+			});
+		}
+		i < r.length - 1 && e.push([]);
+	});
+}, p = (e) => {
+	let t = [[]], n = ["default"], r = e.split(/(<\/?[^>]+>|<\/>)/g);
+	for (let e of r) {
+		if (!e) continue;
+		if (e === "</>") {
+			n.length > 1 && n.pop();
+			continue;
+		}
+		if (e.match(/^<\/\s*([^>\s]+)\s*>$/)) {
+			n.length > 1 && n.pop();
+			continue;
+		}
+		let r = e.match(/^<\s*([^/][^>\s]*)\s*>$/);
+		if (r) {
+			let e = r[1]?.toLowerCase() ?? "";
+			n.push(d[e] ?? "default");
+			continue;
+		}
+		f(t, e, n.at(-1) ?? "default");
+	}
+	return t;
+}, m = (e) => p(e).map((e) => e.map(({ text: e }) => e).join("")).join("\n\n").trim(), h = new URL("../assets/dm-mono-latin-400-normal-4GdczIuU.woff2", import.meta.url).href, g = new URL("../assets/dm-mono-latin-500-normal-DRMDZjhP.woff2", import.meta.url).href, _ = new URL("../assets/syne-latin-700-normal-AF3Rs61n.woff2", import.meta.url).href, v = new URL("../assets/syne-latin-800-normal-EehdNYzx.woff2", import.meta.url).href, y = [
+	{
+		family: "Fellowship Poster",
+		weight: "700",
+		url: _
+	},
+	{
+		family: "Fellowship Poster",
+		weight: "800",
+		url: v
+	},
+	{
+		family: "Fellowship Utility",
+		weight: "400",
+		url: h
+	},
+	{
+		family: "Fellowship Utility",
+		weight: "500",
+		url: g
+	}
+], b = /* @__PURE__ */ new WeakSet(), x = (e) => {
+	if (b.has(e)) return;
+	let t = e.defaultView?.FontFace;
+	if (!(!t || !e.fonts)) {
+		for (let { family: n, weight: r, url: i } of y) e.fonts.add(new t(n, `url(${JSON.stringify(i)}) format("woff2")`, {
+			display: "swap",
+			style: "normal",
+			weight: r
+		}));
+		b.add(e);
+	}
+}, S = n`
+  :host {
+    --_fellowship-poster-cream: var(--fellowship-poster-cream, oklch(96% 0.025 92));
+    --_fellowship-poster-violet: var(--fellowship-poster-violet, oklch(48% 0.23 303));
+    --_fellowship-poster-yellow: var(--fellowship-poster-yellow, oklch(89% 0.18 103));
+    --_fellowship-poster-plum: var(--fellowship-poster-plum, oklch(18% 0.035 320));
+    --_fellowship-poster-white: var(--fellowship-poster-white, oklch(98% 0.012 92));
+    --_fellowship-poster-display: var(
+      --fellowship-poster-display,
+      "Fellowship Poster",
+      "Syne",
+      sans-serif
+    );
+    --_fellowship-poster-mono: var(
+      --fellowship-poster-mono,
+      "Fellowship Utility",
+      "DM Mono",
+      ui-monospace,
+      monospace
+    );
+    --_fellowship-poster-seam: var(--fellowship-poster-seam, 3px);
+    --_fellowship-poster-radius: var(--fellowship-poster-radius, 2px);
+    --_fellowship-poster-shadow: var(
+      --fellowship-poster-shadow,
+      4px 4px 0 var(--_fellowship-poster-yellow)
+    );
+    --_fellowship-poster-focus: var(--fellowship-poster-focus, var(--_fellowship-poster-yellow));
+    --_fellowship-poster-motion: var(--fellowship-poster-motion, 220ms);
+    --_fellowship-poster-ease: var(
+      --fellowship-poster-ease,
+      cubic-bezier(0.22, 1, 0.36, 1)
+    );
+  }
+`, C = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), w = (e, t, n) => {
+	let r = n.gap ?? 8, i = n.margin ?? 8, a = {
+		top: e.top - i,
+		bottom: n.viewportHeight - e.bottom - i,
+		right: n.viewportWidth - e.right - i,
+		left: e.left - i
+	}, o = {
+		top: t.height + r,
+		bottom: t.height + r,
+		right: t.width + r,
+		left: t.width + r
+	}, s = [
+		"top",
+		"bottom",
+		"right",
+		"left"
+	], c = n.placement ?? "auto", l = c === "auto" ? s.find((e) => a[e] >= o[e]) ?? [...s].sort((e, t) => a[t] - a[e])[0] : c, u = e.left + e.width / 2 - t.width / 2, d = e.top + e.height / 2 - t.height / 2, f = l === "left" ? e.left - t.width - r : l === "right" ? e.right + r : u, p = l === "top" ? e.top - t.height - r : l === "bottom" ? e.bottom + r : d;
+	return {
+		placement: l,
+		x: Math.round(C(f, i, n.viewportWidth - t.width - i)),
+		y: Math.round(C(p, i, n.viewportHeight - t.height - i))
+	};
+}, T = n`
+  :host {
+    --fellowship-tooltip-void: var(--_fellowship-poster-plum);
+    --fellowship-tooltip-ink: var(--_fellowship-poster-cream);
+    --fellowship-tooltip-muted-ink: color-mix(
+      in oklch,
+      var(--_fellowship-poster-cream) 76%,
+      var(--_fellowship-poster-plum)
+    );
+    --fellowship-tooltip-border: var(--_fellowship-poster-cream);
+    --fellowship-tooltip-focus: var(--_fellowship-poster-yellow);
+    --fellowship-tooltip-ability: var(--_fellowship-poster-yellow);
+    --fellowship-tooltip-warning: var(--_fellowship-poster-yellow);
+    --fellowship-tooltip-effect: oklch(80% 0.12 303);
+    --fellowship-tooltip-resource: oklch(85% 0.11 213);
+    --fellowship-tooltip-healing: oklch(84% 0.13 145);
+    --fellowship-tooltip-meiko-primary: oklch(82% 0.11 10);
+    --fellowship-tooltip-meiko-secondary: oklch(82% 0.09 190);
+    --fellowship-tooltip-font-family: var(--_fellowship-poster-mono);
+    --fellowship-tooltip-radius: var(--_fellowship-poster-radius);
+    --fellowship-tooltip-max-width: 360px;
+
+    display: inline-block;
+    min-width: 0;
+    color: var(--fellowship-tooltip-ink);
+    font-family: var(--fellowship-tooltip-font-family);
+    -webkit-font-smoothing: antialiased;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  .trigger {
+    display: contents;
+  }
+
+  .surface {
+    position: fixed;
+    z-index: 2147483647;
+    box-sizing: border-box;
+    display: none;
+    overflow: visible;
+    width: max-content;
+    max-width: min(var(--fellowship-tooltip-max-width), calc(100vw - 16px));
+    margin: 0;
+    padding: 12px 16px 16px;
+    border: 2px solid var(--fellowship-tooltip-border);
+    border-radius: var(--fellowship-tooltip-radius);
+    background: var(--fellowship-tooltip-void);
+    color: var(--fellowship-tooltip-ink);
+    box-shadow: var(--_fellowship-poster-shadow);
+    opacity: 0;
+    transform: translateY(4px) scale(0.98);
+    transform-origin: bottom center;
+    transition:
+      opacity 180ms var(--_fellowship-poster-ease),
+      transform 180ms var(--_fellowship-poster-ease);
+    pointer-events: none;
+  }
+
+  .surface[data-open="true"] {
+    display: block;
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+
+  .surface[data-placement="bottom"] {
+    transform-origin: top center;
+  }
+
+  .surface[data-placement="left"] {
+    transform-origin: center right;
+  }
+
+  .surface[data-placement="right"] {
+    transform-origin: center left;
+  }
+
+  .heading {
+    position: relative;
+    margin: 0 0 6px;
+    padding: 2px 0 6px 12px;
+    color: var(--fellowship-tooltip-ink);
+    font-family: var(--_fellowship-poster-display);
+    font-size: 15px;
+    font-weight: 800;
+    line-height: 20px;
+    text-wrap: balance;
+  }
+
+  .heading::before {
+    position: absolute;
+    inset: 2px auto 6px 0;
+    width: 4px;
+    background: var(--_fellowship-poster-yellow);
+    content: "";
+  }
+
+  .content {
+    color: var(--fellowship-tooltip-muted-ink);
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 20px;
+    text-wrap: pretty;
+  }
+
+  .paragraph {
+    margin: 0;
+    white-space: pre-line;
+  }
+
+  .paragraph + .paragraph {
+    margin-top: 8px;
+  }
+
+  [data-tone="strong"] {
+    color: var(--fellowship-tooltip-ink);
+    font-weight: 600;
+  }
+
+  [data-tone="ability"] {
+    color: var(--fellowship-tooltip-ability);
+  }
+
+  [data-tone="warning"] {
+    color: var(--fellowship-tooltip-warning);
+  }
+
+  [data-tone="effect"] {
+    color: var(--fellowship-tooltip-effect);
+  }
+
+  [data-tone="resource"] {
+    color: var(--fellowship-tooltip-resource);
+  }
+
+  [data-tone="healing"] {
+    color: var(--fellowship-tooltip-healing);
+  }
+
+  [data-tone="meiko-primary"] {
+    color: var(--fellowship-tooltip-meiko-primary);
+  }
+
+  [data-tone="meiko-secondary"] {
+    color: var(--fellowship-tooltip-meiko-secondary);
+  }
+
+  .arrow {
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    border: solid var(--fellowship-tooltip-border);
+    background: var(--fellowship-tooltip-void);
+    transform: rotate(45deg);
+  }
+
+  .surface[data-placement="top"] .arrow {
+    bottom: -5px;
+    left: calc(50% - 4px);
+    border-width: 0 1px 1px 0;
+  }
+
+  .surface[data-placement="bottom"] .arrow {
+    top: -5px;
+    left: calc(50% - 4px);
+    border-width: 1px 0 0 1px;
+  }
+
+  .surface[data-placement="left"] .arrow {
+    top: calc(50% - 4px);
+    right: -5px;
+    border-width: 1px 1px 0 0;
+  }
+
+  .surface[data-placement="right"] .arrow {
+    top: calc(50% - 4px);
+    left: -5px;
+    border-width: 0 0 1px 1px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .surface {
+      transition: opacity 100ms linear;
+      transform: none;
+    }
+  }
+`, E = {
+	bubbles: !0,
+	composed: !0
+}, D = 0, O = class extends t {
+	constructor(...e) {
+		super(...e), this.heading = null, this.text = null, this.placement = "auto", this.openDelay = 250, this.disabled = !1, this._open = !1, this._position = {
+			x: 0,
+			y: 0
+		}, this._resolvedPlacement = "top", this._paragraphs = [], this.#e = null, this.#t = null, this.#n = `fellowship-tooltip-${++D}`, this.#r = null, this.#i = !1, this.#a = null, this.#s = () => {
+			if (!this._open || !this.#t || !this._surface) return;
+			let e = w(this.#t.getBoundingClientRect(), this._surface.getBoundingClientRect(), {
+				placement: this.placement,
+				viewportWidth: window.innerWidth,
+				viewportHeight: window.innerHeight
+			});
+			e.x === this._position.x && e.y === this._position.y && e.placement === this._resolvedPlacement || (this._position = {
+				x: e.x,
+				y: e.y
+			}, this._resolvedPlacement = e.placement);
+		}, this.#u = () => {
+			this.disabled || this._open || (this.#v(), this.#e = window.setTimeout(() => {
+				this.#e = null, this.#o(!0, "pointer");
+			}, Math.max(0, this.openDelay)));
+		}, this.#d = () => {
+			this.#v(), this._open && this.#o(!1, "pointer");
+		}, this.#f = () => {
+			this.#v(), !this.disabled && !this._open && this.#o(!0, "focus");
+		}, this.#p = (e) => {
+			!this.contains(e.relatedTarget) && this._open && this.#o(!1, "focus");
+		}, this.#m = (e) => {
+			e.key === "Escape" && this._open && (e.stopPropagation(), this.#o(!1, "escape"));
+		}, this.#h = (e) => {
+			let t = e.currentTarget.assignedElements({ flatten: !0 })[0];
+			this.#_(), this.#t = t instanceof HTMLElement ? t : null, this.#g();
+		};
+	}
+	static {
+		this.styles = [S, T];
+	}
+	#e;
+	#t;
+	#n;
+	#r;
+	#i;
+	#a;
+	connectedCallback() {
+		super.connectedCallback(), x(this.ownerDocument), this.#a ??= new ResizeObserver(() => this.#s());
+	}
+	disconnectedCallback() {
+		this.#v(), this.#l(), this.#_(), super.disconnectedCallback();
+	}
+	updated(e) {
+		super.updated(e), (e.has("text") || e.has("heading")) && this.#g(), e.has("disabled") && this.disabled && this._open && this.#o(!1, "disabled"), e.has("placement") && this._open && this.#s();
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("text") && (this._paragraphs = p(this.text ?? ""));
+	}
+	show() {
+		this.disabled || this._open || this.#o(!0, "programmatic");
+	}
+	hide() {
+		this.#v(), this._open && this.#o(!1, "programmatic");
+	}
+	render() {
+		let e = {
+			left: `${this._position.x}px`,
+			top: `${this._position.y}px`
+		};
+		return r`
+      <span
+        class="trigger"
+        part="trigger"
+        @pointerenter=${this.#u}
+        @pointerleave=${this.#d}
+        @focusin=${this.#f}
+        @focusout=${this.#p}
+        @keydown=${this.#m}
+      >
+        <slot @slotchange=${this.#h}></slot>
+      </span>
+      <div
+        id=${this.#n}
+        class="surface"
+        part="surface"
+        role="tooltip"
+        popover="manual"
+        data-open=${String(this._open)}
+        data-placement=${this._resolvedPlacement}
+        style=${u(e)}
+      >
+        <span class="arrow" part="arrow" aria-hidden="true"></span>
+        <slot name="content">
+          ${this.heading ? r`<p class="heading" part="heading">${this.heading}</p>` : i}
+          <div class="content" part="content">
+            ${l(this._paragraphs, (e, t) => t, (e, t) => r`
+                <p class="paragraph" part="paragraph">
+                  ${l(e, (e, n) => `${t}:${n}:${e.tone}:${e.text}`, (e) => r`<span data-tone=${e.tone}>${e.text}</span>`)}
+                </p>
+              `)}
+          </div>
+        </slot>
+      </div>
+    `;
+	}
+	#o(e, t) {
+		e !== this._open && (this._open = e, this.updateComplete.then(() => {
+			let t = this._surface;
+			t && (e ? ("showPopover" in t && !t.matches(":popover-open") && t.showPopover(), this.#c(), this.#s()) : ("hidePopover" in t && t.matches(":popover-open") && t.hidePopover(), this.#l()));
+		}), this.dispatchEvent(new CustomEvent("fellowship-tooltip-toggle", {
+			...E,
+			detail: {
+				open: e,
+				reason: t
+			}
+		})));
+	}
+	#s;
+	#c() {
+		window.addEventListener("resize", this.#s), window.addEventListener("scroll", this.#s, !0), this.#t && this.#a?.observe(this.#t), this._surface && this.#a?.observe(this._surface);
+	}
+	#l() {
+		window.removeEventListener("resize", this.#s), window.removeEventListener("scroll", this.#s, !0), this.#a?.disconnect();
+	}
+	#u;
+	#d;
+	#f;
+	#p;
+	#m;
+	#h;
+	#g() {
+		if (!this.#t) return;
+		this.#i ||= (this.#r = this.#t.getAttribute("aria-describedby"), !0);
+		let e = (this.#r ?? "").split(/\s+/).filter(Boolean);
+		this.#t.setAttribute("aria-describedby", [.../* @__PURE__ */ new Set([...e, this.#n])].join(" "));
+	}
+	#_() {
+		this.#t && (this.#r === null ? this.#t.removeAttribute("aria-describedby") : this.#t.setAttribute("aria-describedby", this.#r), this.#t = null, this.#r = null, this.#i = !1);
+	}
+	#v() {
+		this.#e !== null && (window.clearTimeout(this.#e), this.#e = null);
+	}
+};
+e([o({ type: String })], O.prototype, "heading", void 0), e([o({ type: String })], O.prototype, "text", void 0), e([o({ type: String })], O.prototype, "placement", void 0), e([o({
+	type: Number,
+	attribute: "open-delay"
+})], O.prototype, "openDelay", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], O.prototype, "disabled", void 0), e([c()], O.prototype, "_open", void 0), e([c()], O.prototype, "_position", void 0), e([c()], O.prototype, "_resolvedPlacement", void 0), e([c()], O.prototype, "_paragraphs", void 0), e([s(".surface")], O.prototype, "_surface", void 0), O = e([a("fellowship-tooltip")], O);
+var k = () => {
+	customElements.get("fellowship-tooltip") || customElements.define("fellowship-tooltip", O);
+};
+//#endregion
+export { x as a, S as i, k as n, p as o, w as r, m as s, O as t };

package/dist/data/cast-data-source.d.ts

@@ -1,4 +1,4 @@
 export type { DungeonCastData } from "@crockery/fellowship-data/client";
 import type { FellowshipDataClient } from "@crockery/fellowship-data/client";
 /** @deprecated Use the corresponding `FellowshipDataClient` methods. */
-export type FellowshipCastDataSource = Pick<FellowshipDataClient, "loadDungeonCasts" | "resolveAssetUrl">;
+export type FellowshipCastDataSource = Pick<FellowshipDataClient, "loadDungeonCasts">;

package/dist/data/data-source.d.ts

@@ -4,4 +4,4 @@ export type { DungeonMapData, FellowshipDataErrorCode, } from "@crockery/fellows
 import type { FellowshipDataClient } from "@crockery/fellowship-data/client";
 export declare const assertSupportedFellowshipDataSchema: (schemaVersion: number) => void;
 /** @deprecated Use the corresponding `FellowshipDataClient` methods. */
-export type FellowshipDataSource = Pick<FellowshipDataClient, "loadDungeon" | "resolveAssetUrl">;
+export type FellowshipDataSource = Pick<FellowshipDataClient, "loadDungeon">;

package/dist/data/package-cast-data-source.d.ts

@@ -1,7 +1,3 @@
 import type { FellowshipCastDataSource } from "./cast-data-source.js";
-/** @deprecated Create a package Fellowship data client instead. */
-export interface PackageFellowshipCastDataSourceOptions {
-    readonly assetBaseUrl?: string;
-}
 /** @deprecated Use `createPackageFellowshipDataClient` from `@crockery/fellowship-data/client`. */
-export declare const createPackageFellowshipCastDataSource: (options?: PackageFellowshipCastDataSourceOptions) => FellowshipCastDataSource;
+export declare const createPackageFellowshipCastDataSource: () => FellowshipCastDataSource;

package/dist/data/package-data-source.d.ts

@@ -1,7 +1,3 @@
 import type { FellowshipDataSource } from "./data-source.js";
-/** @deprecated Create a package Fellowship data client instead. */
-export interface PackageFellowshipDataSourceOptions {
-    readonly assetBaseUrl?: string;
-}
 /** @deprecated Use `createPackageFellowshipDataClient` from `@crockery/fellowship-data/client`. */
-export declare const createPackageFellowshipDataSource: (options?: PackageFellowshipDataSourceOptions) => FellowshipDataSource;
+export declare const createPackageFellowshipDataSource: () => FellowshipDataSource;