@crockery/fellowship-components 0.4.1 → 1.1.0

package/dist/chunks/{dungeon-map-CutIcCVP.js → dungeon-map-D0-DAjZ9.js}

@@ -1,5 +1,5 @@
-import { n as e, t } from "./data-source-XbksqUrw.js";
-import { n, r, t as i } from "./decorate-B_ZTN9li.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 { createPackageFellowshipDataClient as a } from "@crockery/fellowship-data/client";
 import { LitElement as o, css as s, html as c, nothing as l } from "lit";
 import { customElement as u, property as d, query as f, state as p } from "lit/decorators.js";
@@ -7,12 +7,9 @@ import { repeat as m } from "lit/directives/repeat.js";
 import { styleMap as h } from "lit/directives/style-map.js";
 import { findImage as g } from "@crockery/fellowship-data";
 //#region src/data/package-data-source.ts
-var _ = (e = {}) => {
-	let t = a(e);
-	return {
-		loadDungeon: (e, n) => t.loadDungeon(e, n),
-		resolveAssetUrl: (e) => t.resolveAssetUrl(e)
-	};
+var _ = () => {
+	let e = a();
+	return { loadDungeon: (t, n) => e.loadDungeon(t, n) };
 }, v = s`
   :host {
     --fellowship-map-soot: var(--_fellowship-field-canvas);
@@ -516,7 +513,7 @@ var _ = (e = {}) => {
 			size: "200"
 		}) : null, l = null;
 		if (c) try {
-			l = n.resolveAssetUrl(c);
+			l = n(c);
 		} catch (e) {
 			r.push({
 				code: "asset-url-error",
@@ -599,12 +596,12 @@ var _ = (e = {}) => {
 	composed: !0
 }, F = class extends o {
 	constructor(...e) {
-		super(...e), this.dungeonId = "", this.mapImageId = null, this.assetBaseUrl = null, this.dataSource = null, this.renderEnemy = null, this.renderGroup = null, this.mapLabelFormatter = null, this.showControls = !0, this.showMapSelector = !0, this.maxZoom = 8, this.externalOverlay = !1, this._status = "empty", this._error = null, this._data = null, this._model = null, this._selectedMap = null, this._viewportState = {
+		super(...e), this.dungeonId = "", this.mapImageId = null, this.resolveAssetUrl = null, this.dataSource = null, this.renderEnemy = null, this.renderGroup = null, this.mapLabelFormatter = null, this.showControls = !0, this.showMapSelector = !0, this.maxZoom = 8, this.externalOverlay = !1, this._status = "empty", this._error = null, this._data = null, this._model = null, this._selectedMap = null, this._viewportState = {
 			zoom: 1,
 			scale: 1,
 			x: 0,
 			y: 0
-		}, this._isPanning = !1, this._enemyRenderContent = /* @__PURE__ */ new Map(), this._groupRenderContent = /* @__PURE__ */ new Map(), this._mapLabels = /* @__PURE__ */ new Map(), this.#e = null, this.#t = null, this.#n = 0, this.#r = 0, this.#i = null, this.#a = new N(), this.#o = /* @__PURE__ */ new Map(), this.#s = null, this.#c = 0, this.#l = null, this.#u = /* @__PURE__ */ new Set(), this.#d = [], this.#j = (e) => {
+		}, this._isPanning = !1, this._enemyRenderContent = /* @__PURE__ */ new Map(), this._groupRenderContent = /* @__PURE__ */ new Map(), this._mapLabels = /* @__PURE__ */ new Map(), this.#e = null, this.#t = 0, this.#n = 0, this.#r = null, this.#i = new N(), this.#a = /* @__PURE__ */ new Map(), this.#o = null, this.#s = 0, this.#c = null, this.#l = /* @__PURE__ */ new Set(), this.#u = [], this.#A = (e) => {
 			if (![
 				"ArrowLeft",
 				"ArrowRight",
@@ -612,30 +609,30 @@ var _ = (e = {}) => {
 				"End"
 			].includes(e.key)) return;
 			let t = this._data?.dungeon.mapImages ?? [], n = t.findIndex(({ id: e }) => e === this._selectedMap?.id), r = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : e.key === "ArrowRight" ? (n + 1) % t.length : (n - 1 + t.length) % t.length, i = t[r];
-			i && (e.preventDefault(), this.#A(i), this.updateComplete.then(() => {
+			i && (e.preventDefault(), this.#k(i), this.updateComplete.then(() => {
 				this.renderRoot.querySelector(`[data-map-index="${r}"]`)?.focus();
 			}));
-		}, this.#M = (e) => {
+		}, this.#j = (e) => {
 			if (!this._model || this._status !== "ready") return;
 			e.preventDefault();
 			let t = this._viewportElement?.getBoundingClientRect();
 			if (!t) return;
 			let n = Math.exp(-e.deltaY * .0015);
-			this.#a.zoomAt(n, e.clientX - t.left, e.clientY - t.top), this.#z("wheel");
-		}, this.#N = (e) => {
+			this.#i.zoomAt(n, e.clientX - t.left, e.clientY - t.top), this.#R("wheel");
+		}, this.#M = (e) => {
 			if (!(e.target !== this._viewportElement || !this._model)) {
-				if (e.key === "+" || e.key === "=") e.preventDefault(), this.#a.zoomAt(1.35);
-				else if (e.key === "-") e.preventDefault(), this.#a.zoomAt(1 / 1.35);
-				else if (e.key === "0") e.preventDefault(), this.#a.fit();
-				else if (e.key === "ArrowLeft") e.preventDefault(), this.#a.panBy(56, 0);
-				else if (e.key === "ArrowRight") e.preventDefault(), this.#a.panBy(-56, 0);
-				else if (e.key === "ArrowUp") e.preventDefault(), this.#a.panBy(0, 56);
-				else if (e.key === "ArrowDown") e.preventDefault(), this.#a.panBy(0, -56);
+				if (e.key === "+" || e.key === "=") e.preventDefault(), this.#i.zoomAt(1.35);
+				else if (e.key === "-") e.preventDefault(), this.#i.zoomAt(1 / 1.35);
+				else if (e.key === "0") e.preventDefault(), this.#i.fit();
+				else if (e.key === "ArrowLeft") e.preventDefault(), this.#i.panBy(56, 0);
+				else if (e.key === "ArrowRight") e.preventDefault(), this.#i.panBy(-56, 0);
+				else if (e.key === "ArrowUp") e.preventDefault(), this.#i.panBy(0, 56);
+				else if (e.key === "ArrowDown") e.preventDefault(), this.#i.panBy(0, -56);
 				else return;
-				this.#z("keyboard");
+				this.#R("keyboard");
 			}
-		}, this.#P = (e) => {
-			if (!this._model || this.#L(e)) return;
+		}, this.#N = (e) => {
+			if (!this._model || this.#I(e)) return;
 			let t = this._viewportElement, n = t?.getBoundingClientRect();
 			if (!t || !n) return;
 			t.setPointerCapture(e.pointerId);
@@ -643,41 +640,41 @@ var _ = (e = {}) => {
 				x: e.clientX - n.left,
 				y: e.clientY - n.top
 			};
-			if (this.#o.set(e.pointerId, r), this._isPanning = !0, this.#o.size === 1) this.#s = r;
-			else if (this.#o.size === 2) {
-				let [e, t] = [...this.#o.values()];
-				e && t && (this.#c = Math.hypot(t.x - e.x, t.y - e.y), this.#l = {
+			if (this.#a.set(e.pointerId, r), this._isPanning = !0, this.#a.size === 1) this.#o = r;
+			else if (this.#a.size === 2) {
+				let [e, t] = [...this.#a.values()];
+				e && t && (this.#s = Math.hypot(t.x - e.x, t.y - e.y), this.#c = {
 					x: (e.x + t.x) / 2,
 					y: (e.y + t.y) / 2
 				});
 			}
-		}, this.#F = (e) => {
-			if (!this.#o.has(e.pointerId)) return;
+		}, this.#P = (e) => {
+			if (!this.#a.has(e.pointerId)) return;
 			let t = this._viewportElement?.getBoundingClientRect();
 			if (!t) return;
 			let n = {
 				x: e.clientX - t.left,
 				y: e.clientY - t.top
 			};
-			if (this.#o.set(e.pointerId, n), this.#o.size === 1 && this.#s) {
-				this.#a.panBy(n.x - this.#s.x, n.y - this.#s.y), this.#s = n, this.#z("pan");
+			if (this.#a.set(e.pointerId, n), this.#a.size === 1 && this.#o) {
+				this.#i.panBy(n.x - this.#o.x, n.y - this.#o.y), this.#o = n, this.#R("pan");
 				return;
 			}
-			if (this.#o.size === 2) {
-				let [e, t] = [...this.#o.values()];
+			if (this.#a.size === 2) {
+				let [e, t] = [...this.#a.values()];
 				if (!e || !t) return;
 				let n = Math.hypot(t.x - e.x, t.y - e.y), r = {
 					x: (e.x + t.x) / 2,
 					y: (e.y + t.y) / 2
 				};
-				this.#c > 0 && this.#a.zoomAt(n / this.#c, r.x, r.y), this.#l && this.#a.panBy(r.x - this.#l.x, r.y - this.#l.y), this.#c = n, this.#l = r, this.#z("pinch");
+				this.#s > 0 && this.#i.zoomAt(n / this.#s, r.x, r.y), this.#c && this.#i.panBy(r.x - this.#c.x, r.y - this.#c.y), this.#s = n, this.#c = r, this.#R("pinch");
 			}
-		}, this.#I = (e) => {
-			this.#o.delete(e.pointerId), this.#o.size === 1 ? this.#s = [...this.#o.values()][0] ?? null : this.#o.size === 0 && (this.#s = null, this.#l = null, this.#c = 0, this._isPanning = !1);
+		}, this.#F = (e) => {
+			this.#a.delete(e.pointerId), this.#a.size === 1 ? this.#o = [...this.#a.values()][0] ?? null : this.#a.size === 0 && (this.#o = null, this.#c = null, this.#s = 0, this._isPanning = !1);
 		};
 	}
 	static {
-		this.styles = [r, v];
+		this.styles = [t, v];
 	}
 	#e;
 	#t;
@@ -690,56 +687,55 @@ var _ = (e = {}) => {
 	#c;
 	#l;
 	#u;
-	#d;
 	connectedCallback() {
-		super.connectedCallback(), n(this.ownerDocument), this.#i ??= new ResizeObserver(() => this.#R());
+		super.connectedCallback(), r(this.ownerDocument), this.#r ??= new ResizeObserver(() => this.#L());
 	}
 	disconnectedCallback() {
-		this.#t?.abort(), this.#i?.disconnect(), super.disconnectedCallback();
+		this.#e?.abort(), this.#r?.disconnect(), super.disconnectedCallback();
 	}
 	firstUpdated(e) {
 		super.firstUpdated(e);
 		let t = this._viewportElement;
-		t && this.#i?.observe(t);
+		t && this.#r?.observe(t);
 	}
 	updated(e) {
-		if (super.updated(e), this.#V(), e.has("dungeonId") || e.has("dataSource") || e.has("assetBaseUrl")) {
+		if (super.updated(e), this.#B(), e.has("dungeonId") || e.has("dataSource") || e.has("resolveAssetUrl")) {
 			queueMicrotask(() => {
-				this.isConnected && this.#m();
+				this.isConnected && this.#p();
 			});
 			return;
 		}
 		e.has("mapImageId") && this._data && queueMicrotask(() => {
-			this.isConnected && this.#h(!0);
-		}), e.has("maxZoom") && e.get("maxZoom") !== void 0 && (this.#a.maxZoom = Math.max(1, this.maxZoom), this.#a.zoomAt(1), queueMicrotask(() => this.#z("button")));
+			this.isConnected && this.#m(!0);
+		}), e.has("maxZoom") && e.get("maxZoom") !== void 0 && (this.#i.maxZoom = Math.max(1, this.maxZoom), this.#i.zoomAt(1), queueMicrotask(() => this.#R("button")));
 	}
 	willUpdate(e) {
-		super.willUpdate(e), (e.has("renderEnemy") || e.has("renderGroup") || e.has("mapLabelFormatter")) && this.#u.clear(), (e.has("_model") || e.has("renderEnemy") || e.has("renderGroup")) && this.#v(), (e.has("_data") || e.has("mapLabelFormatter")) && this.#y();
+		super.willUpdate(e), (e.has("renderEnemy") || e.has("renderGroup") || e.has("mapLabelFormatter")) && this.#l.clear(), (e.has("_model") || e.has("renderEnemy") || e.has("renderGroup")) && this.#_(), (e.has("_data") || e.has("mapLabelFormatter")) && this.#v();
 	}
 	fitToView() {
-		this.#a.fit(), this.#z("fit");
+		this.#i.fit(), this.#R("fit");
 	}
 	zoomIn() {
-		this.#a.zoomAt(1.35), this.#z("button");
+		this.#i.zoomAt(1.35), this.#R("button");
 	}
 	zoomOut() {
-		this.#a.zoomAt(1 / 1.35), this.#z("button");
+		this.#i.zoomAt(1 / 1.35), this.#R("button");
 	}
 	retry() {
-		this.#m();
+		this.#p();
 	}
 	get renderModel() {
 		return this._model;
 	}
 	render() {
-		let e = this._model, t = this._viewportState, n = this.#p, r = e ? {
+		let e = this._model, t = this._viewportState, n = this.#f, r = e ? {
 			width: `${e.mapImage.width}px`,
 			height: `${e.mapImage.height}px`,
 			transform: `translate3d(${t.x}px, ${t.y}px, 0) scale(${t.scale})`,
 			"--fellowship-map-inverse-scale": String(1 / t.scale)
 		} : {};
 		return c`
-      <section class="viewer" aria-label=${this.#f}>
+      <section class="viewer" aria-label=${this.#d}>
         <div
           class="viewport"
           part="viewport"
@@ -748,12 +744,12 @@ var _ = (e = {}) => {
           tabindex="0"
           aria-describedby="map-instructions"
           data-panning=${String(this._isPanning)}
-          @wheel=${this.#M}
-          @keydown=${this.#N}
-          @pointerdown=${this.#P}
-          @pointermove=${this.#F}
-          @pointerup=${this.#I}
-          @pointercancel=${this.#I}
+          @wheel=${this.#j}
+          @keydown=${this.#M}
+          @pointerdown=${this.#N}
+          @pointermove=${this.#P}
+          @pointerup=${this.#F}
+          @pointercancel=${this.#F}
         >
           ${e ? c`
                   <div
@@ -767,18 +763,18 @@ var _ = (e = {}) => {
                       class="map-canvas"
                       part="map-canvas"
                       role="img"
-                      aria-label=${`${e.dungeon.name ?? e.dungeon.id}, ${this.#k(e.mapImage)}`}
+                      aria-label=${`${e.dungeon.name ?? e.dungeon.id}, ${this.#O(e.mapImage)}`}
                       .width=${e.mapImage.width}
                       .height=${e.mapImage.height}
                     ></canvas>
                     <div class="overlay" part="overlay">
-                      ${this.externalOverlay ? c`<slot name="overlay"></slot>` : this.#b(e)}
+                      ${this.externalOverlay ? c`<slot name="overlay"></slot>` : this.#y(e)}
                     </div>
                   </div>
-                  ${this.#E(e)} ${this.#D()}
+                  ${this.#T(e)} ${this.#E()}
                   ${e.groups.length === 0 && this._status === "ready" ? c`<div class="empty-badge">No enemy placements on this map</div>` : l}
                 ` : l}
-          ${this.#O()}
+          ${this.#D()}
           <p class="visually-hidden" id="map-instructions">
             Drag to pan. Use the mouse wheel, plus and minus keys, or zoom controls to zoom. Press
             zero to fit the full map.
@@ -787,49 +783,55 @@ var _ = (e = {}) => {
       </section>
     `;
 	}
-	get #f() {
+	get #d() {
 		return this._data ? `${this._data.dungeon.name ?? this._data.dungeon.id} dungeon map` : "Fellowship dungeon map";
 	}
-	get #p() {
+	get #f() {
 		if (!this.showMapSelector || !this._model || this._model.dungeon.mapImages.length <= 1 || !this._selectedMap) return l;
 		let e = this._model.dungeon.mapImages.findIndex((e) => e.id === this._selectedMap?.id);
 		return e >= 0 ? `map-tab-${e}` : l;
 	}
-	async #m() {
-		let t = this.dungeonId.trim(), n = ++this.#n;
-		if (this.#r += 1, this.#t?.abort(), this.#t = new AbortController(), this._data = null, this._model = null, this._selectedMap = null, this._error = null, this.#u.clear(), !t) {
+	async #p() {
+		let t = this.dungeonId.trim(), n = ++this.#t;
+		if (this.#n += 1, this.#e?.abort(), this.#e = new AbortController(), this._data = null, this._model = null, this._selectedMap = null, this._error = null, this.#l.clear(), !t) {
 			this._status = "empty";
 			return;
 		}
+		if (!this.resolveAssetUrl) {
+			this.#g({
+				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 } : {});
-		this.#e = r;
+		let r = this.dataSource ?? _();
 		try {
-			let i = await r.loadDungeon(t, this.#t.signal);
-			if (n !== this.#n || this.#t.signal.aborted) return;
-			e(i.manifest.schemaVersion), this._data = i, await this.#h(!0);
+			let i = await r.loadDungeon(t, this.#e.signal);
+			if (n !== this.#t || this.#e.signal.aborted) return;
+			e(i.manifest.schemaVersion), this._data = i, await this.#m(!0);
 		} catch (e) {
-			if (n !== this.#n || this.#t.signal.aborted) return;
-			this.#_(e);
+			if (n !== this.#t || this.#e.signal.aborted) return;
+			this.#g(e);
 		}
 	}
-	async #h(e) {
-		let t = this._data, n = this.#e;
+	async #m(e) {
+		let t = this._data, n = this.resolveAssetUrl;
 		if (!t || !n) return;
 		let r = this.mapImageId ? t.dungeon.mapImages.find(({ id: e }) => e === this.mapImageId) : t.dungeon.mapImages[0];
 		if (!r) {
-			this.#_({
+			this.#g({
 				code: "map-not-found",
 				message: this.mapImageId ? `No map image with ID “${this.mapImageId}” exists for this dungeon.` : "This dungeon does not include a map image."
 			});
 			return;
 		}
-		let i = ++this.#r, a = A(t, r, n);
+		let i = ++this.#n, a = A(t, r, n);
 		this._model = a, this._selectedMap = r, this._status = "loading", this._error = null, await this.updateComplete;
 		let o = this._viewportElement;
-		o && (this.#a.maxZoom = Math.max(1, this.maxZoom), this.#a.setDimensions(o.clientWidth, o.clientHeight, r.width, r.height), e && this.#a.fit(), this._viewportState = this.#a.state, await this.updateComplete);
+		o && (this.#i.maxZoom = Math.max(1, this.maxZoom), this.#i.setDimensions(o.clientWidth, o.clientHeight, r.width, r.height), e && this.#i.fit(), this._viewportState = this.#i.state, await this.updateComplete);
 		try {
-			if (await this.#g(r, n, i), i !== this.#r) return;
+			if (await this.#h(r, n, i), i !== this.#n) return;
 			this._status = "ready", this.dispatchEvent(new CustomEvent("fellowship-map-ready", {
 				...P,
 				detail: {
@@ -844,35 +846,35 @@ var _ = (e = {}) => {
 				}
 			}));
 		} catch (e) {
-			i === this.#r && this.#_({
+			i === this.#n && this.#g({
 				code: "map-image-error",
 				message: `Unable to load the dungeon map image: ${String(e)}.`,
 				cause: e
 			});
 		}
 	}
-	async #g(e, t, n) {
+	async #h(e, t, n) {
 		let r = new Image();
-		if (r.crossOrigin = "anonymous", r.src = t.resolveAssetUrl(e), await r.decode(), n !== this.#r) return;
+		if (r.crossOrigin = "anonymous", r.src = t(e), await r.decode(), n !== this.#n) return;
 		let i = this._canvasElement, a = i?.getContext("2d");
 		if (!i || !a) throw Error("A 2D canvas context is unavailable.");
 		a.clearRect(0, 0, i.width, i.height), a.drawImage(r, 0, 0, e.width, e.height);
 	}
-	#_(e) {
-		let n = typeof e == "object" && e && "code" in e && "message" in e ? {
+	#g(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-map-error", {
+		this._error = t, this._status = "error", this.dispatchEvent(new CustomEvent("fellowship-map-error", {
 			...P,
-			detail: n
+			detail: t
 		}));
 	}
-	#v() {
+	#_() {
 		let e = this._model, t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
 		if (!e) {
 			this._enemyRenderContent = t, this._groupRenderContent = n;
@@ -886,10 +888,10 @@ var _ = (e = {}) => {
 				mapImage: e.mapImage
 			}));
 		} catch (e) {
-			this.#B(`enemy:${r.instanceId}`, "enemy-renderer-error", e);
+			this.#z(`enemy:${r.instanceId}`, "enemy-renderer-error", e);
 		}
 		if (this._enemyRenderContent = t, this.renderGroup) for (let t of e.groups) {
-			let r = t.enemies.map((e) => this.#w(t, e)), i = this.#x(e, t);
+			let r = t.enemies.map((e) => this.#C(t, e)), i = this.#b(e, t);
 			try {
 				n.set(i, this.renderGroup({
 					group: t,
@@ -898,49 +900,49 @@ var _ = (e = {}) => {
 					mapImage: e.mapImage
 				}));
 			} catch (e) {
-				this.#B(`group:${i}`, "group-renderer-error", e);
+				this.#z(`group:${i}`, "group-renderer-error", e);
 			}
 		}
 		this._groupRenderContent = n;
 	}
-	#y() {
+	#v() {
 		let e = /* @__PURE__ */ new Map(), t = this._data?.dungeon;
 		if (t) for (let n of t.mapImages) try {
 			e.set(n.id, this.mapLabelFormatter?.(n, t) ?? j(n, t));
 		} catch (r) {
-			this.#B(`map-label:${n.id}`, "map-label-formatter-error", r), e.set(n.id, j(n, t));
+			this.#z(`map-label:${n.id}`, "map-label-formatter-error", r), e.set(n.id, j(n, t));
 		}
 		this._mapLabels = e;
 	}
-	#b(e) {
-		return m(e.groups, (t) => this.#x(e, t), (t) => this.#S(e, t));
+	#y(e) {
+		return m(e.groups, (t) => this.#b(e, t), (t) => this.#x(e, t));
 	}
-	#x(e, t) {
+	#b(e, t) {
 		return `${e.mapImage.id}:${String(t.id)}:${t.enemies[0]?.instanceId ?? "empty"}`;
 	}
-	#S(e, t) {
+	#x(e, t) {
 		let n = t.visualBounds, r = {
 			left: `${n.x * 100}%`,
 			top: `${n.y * 100}%`,
 			width: `${n.width * 100}%`,
 			height: `${n.height * 100}%`
-		}, i = this.#x(e, t), a = this.renderGroup && this._groupRenderContent.has(i) ? this._groupRenderContent.get(i) ?? l : this.#C(t);
+		}, i = this.#b(e, t), a = this.renderGroup && this._groupRenderContent.has(i) ? this._groupRenderContent.get(i) ?? l : this.#S(t);
 		return c` <div class="group-anchor" part="group" style=${h(r)}>${a}</div> `;
 	}
-	#C(e) {
+	#S(e) {
 		return c`
       <div class="default-group">
         <div class="group-ring" aria-hidden="true"></div>
         <span class="group-label">${`G${e.id ?? "–"}${e.dungeonScore === null ? "" : ` · ${e.dungeonScore}`}`}</span>
-        ${m(e.enemies, (e) => e.instanceId, (t) => this.#w(e, t))}
+        ${m(e.enemies, (e) => e.instanceId, (t) => this.#C(e, t))}
       </div>
     `;
 	}
-	#w(e, t) {
+	#C(e, t) {
 		let n = e.visualBounds, r = {
 			left: `${(t.position.x - n.x) / n.width * 100}%`,
 			top: `${(t.position.y - n.y) / n.height * 100}%`
-		}, i = this.renderEnemy && this._enemyRenderContent.has(t.instanceId) ? this._enemyRenderContent.get(t.instanceId) ?? l : this.#T(t), a = t.enemy?.name ?? t.placement.id;
+		}, i = this.renderEnemy && this._enemyRenderContent.has(t.instanceId) ? this._enemyRenderContent.get(t.instanceId) ?? l : this.#w(t), a = t.enemy?.name ?? t.placement.id;
 		return c`
       <div
         class="enemy-anchor"
@@ -954,7 +956,7 @@ var _ = (e = {}) => {
       </div>
     `;
 	}
-	#T(e) {
+	#w(e) {
 		let t = (e.enemy?.name ?? e.placement.id).split(/\s+/).map((e) => e[0]).join("").slice(0, 2).toUpperCase();
 		return c`
       <span class="enemy-marker" data-boss=${String(e.enemy?.isBoss === !0)}>
@@ -962,7 +964,7 @@ var _ = (e = {}) => {
       </span>
     `;
 	}
-	#E(e) {
+	#T(e) {
 		let t = e.dungeon.mapImages;
 		return !this.showMapSelector || t.length <= 1 ? l : c`
       <div class="map-selector" part="map-selector" role="tablist" aria-label="Dungeon maps">
@@ -977,16 +979,16 @@ var _ = (e = {}) => {
               aria-selected=${String(e.id === this._selectedMap?.id)}
               tabindex=${e.id === this._selectedMap?.id ? "0" : "-1"}
               data-map-index=${String(t)}
-              @click=${() => this.#A(e)}
-              @keydown=${this.#j}
+              @click=${() => this.#k(e)}
+              @keydown=${this.#A}
             >
-              ${this.#k(e)}
+              ${this.#O(e)}
             </button>
           `)}
       </div>
     `;
 	}
-	#D() {
+	#E() {
 		return !this.showControls || !this._model ? l : c`
       <div class="controls" part="controls" role="group" aria-label="Map zoom controls">
         <button
@@ -1022,7 +1024,7 @@ var _ = (e = {}) => {
       </div>
     `;
 	}
-	#O() {
+	#D() {
 		if (this._status === "ready") return l;
 		let e = this._status === "loading", t = this._status === "empty", n = e ? "Charting dungeon" : t ? "Choose a dungeon" : "Map unavailable", r = e ? "Loading Fellowship data and preparing the tactical layer." : t ? "Set the dungeon-id attribute or dungeonId property to render a map." : this._error?.message ?? "An unexpected map error occurred.";
 		return c`
@@ -1036,10 +1038,10 @@ var _ = (e = {}) => {
       </div>
     `;
 	}
-	#k(e) {
+	#O(e) {
 		return this._mapLabels.get(e.id) ?? "Map";
 	}
-	#A(e) {
+	#k(e) {
 		e.id !== this._selectedMap?.id && (this.mapImageId = e.id, this.dispatchEvent(new CustomEvent("fellowship-map-image-change", {
 			...P,
 			detail: {
@@ -1048,39 +1050,39 @@ var _ = (e = {}) => {
 			}
 		})));
 	}
+	#A;
 	#j;
 	#M;
 	#N;
 	#P;
 	#F;
-	#I;
-	#L(e) {
+	#I(e) {
 		return e.composedPath().some((e) => e instanceof HTMLElement && e.matches("button, a, input, select, textarea, [contenteditable='true']"));
 	}
-	#R() {
+	#L() {
 		let e = this._viewportElement, t = this._selectedMap;
-		!e || !t || (this.#a.setDimensions(e.clientWidth, e.clientHeight, t.width, t.height), this.#z("resize"));
+		!e || !t || (this.#i.setDimensions(e.clientWidth, e.clientHeight, t.width, t.height), this.#R("resize"));
 	}
-	#z(e) {
-		this._viewportState = this.#a.state, this.dispatchEvent(new CustomEvent("fellowship-map-viewport-change", {
+	#R(e) {
+		this._viewportState = this.#i.state, this.dispatchEvent(new CustomEvent("fellowship-map-viewport-change", {
 			...P,
 			detail: {
-				viewport: this.#a.state,
+				viewport: this.#i.state,
 				source: e
 			}
 		}));
 	}
-	#B(e, t, n) {
-		this.#u.has(e) || (this.#u.add(e), this.#d.push({
+	#z(e, t, n) {
+		this.#l.has(e) || (this.#l.add(e), this.#u.push({
 			code: t,
 			message: n instanceof Error ? n.message : String(n),
 			cause: n
 		}));
 	}
-	#V() {
-		if (this.#d.length === 0) return;
-		let e = this.#d;
-		this.#d = [];
+	#B() {
+		if (this.#u.length === 0) return;
+		let e = this.#u;
+		this.#u = [];
 		for (let t of e) this.dispatchEvent(new CustomEvent("fellowship-map-error", {
 			...P,
 			detail: t
@@ -1093,10 +1095,7 @@ i([d({
 })], F.prototype, "dungeonId", void 0), i([d({
 	type: String,
 	attribute: "map-image-id"
-})], F.prototype, "mapImageId", void 0), i([d({
-	type: String,
-	attribute: "asset-base-url"
-})], F.prototype, "assetBaseUrl", void 0), i([d({ attribute: !1 })], F.prototype, "dataSource", void 0), i([d({ attribute: !1 })], F.prototype, "renderEnemy", void 0), i([d({ attribute: !1 })], F.prototype, "renderGroup", void 0), i([d({ attribute: !1 })], F.prototype, "mapLabelFormatter", void 0), i([d({
+})], F.prototype, "mapImageId", void 0), i([d({ attribute: !1 })], F.prototype, "resolveAssetUrl", void 0), i([d({ attribute: !1 })], F.prototype, "dataSource", void 0), i([d({ attribute: !1 })], F.prototype, "renderEnemy", void 0), i([d({ attribute: !1 })], F.prototype, "renderGroup", void 0), i([d({ attribute: !1 })], F.prototype, "mapLabelFormatter", void 0), i([d({
 	type: Boolean,
 	attribute: "show-controls"
 })], F.prototype, "showControls", void 0), i([d({

package/dist/chunks/{decorate-B_ZTN9li.js → field-manual-fonts-DTFloVFe.js}

@@ -1,6 +1,9 @@
-import { css as e } from "lit";
-//#region src/styles/field-manual.styles.ts
-var t = e`
+import { FellowshipDataError as e } from "@crockery/fellowship-data/client";
+import { css as t } from "lit";
+//#region src/data/data-source.ts
+var n = 2, r = (t) => {
+	if (t !== n) throw new e("unsupported-schema", `Unsupported fellowship-data schema version: ${String(t)}.`);
+}, i = t`
   :host {
     --_fellowship-field-canvas: var(--fellowship-field-canvas, #0b0f13);
     --_fellowship-field-surface: var(--fellowship-field-surface, #10161c);
@@ -35,56 +38,48 @@ var t = e`
     );
     --_fellowship-field-radius: var(--fellowship-field-radius, 6px);
   }
-`, n = new URL("../assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2", import.meta.url).href, r = new URL("../assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2", import.meta.url).href, i = new URL("../assets/ibm-plex-sans-condensed-latin-400-normal-DKyD6XsY.woff2", import.meta.url).href, a = new URL("../assets/ibm-plex-sans-condensed-latin-500-normal-BqaLkUoX.woff2", import.meta.url).href, o = new URL("../assets/ibm-plex-sans-condensed-latin-600-normal-CRd5VyFf.woff2", import.meta.url).href, s = new URL("../assets/ibm-plex-sans-condensed-latin-700-normal-D8r4s4aS.woff2", import.meta.url).href, c = [
+`, a = new URL("../assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2", import.meta.url).href, o = new URL("../assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2", import.meta.url).href, s = new URL("../assets/ibm-plex-sans-condensed-latin-400-normal-DKyD6XsY.woff2", import.meta.url).href, c = new URL("../assets/ibm-plex-sans-condensed-latin-500-normal-BqaLkUoX.woff2", import.meta.url).href, l = new URL("../assets/ibm-plex-sans-condensed-latin-600-normal-CRd5VyFf.woff2", import.meta.url).href, u = new URL("../assets/ibm-plex-sans-condensed-latin-700-normal-D8r4s4aS.woff2", import.meta.url).href, d = [
 	{
 		family: "Fellowship Field",
 		weight: "400",
-		url: i
+		url: s
 	},
 	{
 		family: "Fellowship Field",
 		weight: "500",
-		url: a
+		url: c
 	},
 	{
 		family: "Fellowship Field",
 		weight: "600",
-		url: o
+		url: l
 	},
 	{
 		family: "Fellowship Field",
 		weight: "700",
-		url: s
+		url: u
 	},
 	{
 		family: "Fellowship Tactical",
 		weight: "500",
-		url: n
+		url: a
 	},
 	{
 		family: "Fellowship Tactical",
 		weight: "600",
-		url: r
+		url: o
 	}
-], l = /* @__PURE__ */ new WeakSet(), u = (e) => {
-	if (l.has(e)) return;
+], f = /* @__PURE__ */ new WeakSet(), p = (e) => {
+	if (f.has(e)) return;
 	let t = e.defaultView?.FontFace;
 	if (!t || !e.fonts) return;
-	let n = c.map(({ family: e, weight: n, url: r }) => new t(e, `url(${JSON.stringify(r)}) format("woff2")`, {
+	let n = d.map(({ family: e, weight: n, url: r }) => new t(e, `url(${JSON.stringify(r)}) format("woff2")`, {
 		display: "swap",
 		style: "normal",
 		weight: n
 	}));
 	for (let t of n) e.fonts.add(t);
-	l.add(e);
+	f.add(e);
 };
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
-function d(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}
-//#endregion
-export { u as n, t as r, d as t };
+export { r as i, i as n, e as r, p as t };