@pie-element/element-player 0.1.2-next.1 → 0.1.2-next.3

package/README.md

@@ -126,6 +126,31 @@ For elements with import maps:
 - Handle math rendering automatically
 - Support for both React and Svelte elements
 
+### Events
+
+The player dispatches each event from `<pie-element-player>`, bubbling and composed. A bubble-phase listener on the player, on an ancestor or on `document` hears each event once, with `event.target` the player; a listener outside a shadow root that contains the player sees that root's host instead. The element's own `session-changed` stops at the element, and the player dispatches its copy in its place. A capture-phase listener on the player or above it also hears every `session-changed` the element dispatches, ahead of the player's copy, and should ignore events whose `event.composedPath()[0]` is not the player. That equals `event.target` when no shadow root lies between listener and player. A closed shadow root hides the player from both, so listen in the bubble phase there.
+
+| Event | When | `detail` |
+|---|---|---|
+| `session-changed` | delivery: the learner changes the session, or the element re-reports a session the player set (below) | the element's detail, with `session` the new session |
+| `model-changed` | author: the author edits the model | the whole model |
+| `load-complete` | the element is mounted | `strategy`, `view`, `tagName` |
+| `load-cancelled` | a newer load supersedes this one, or the load fails with an abort error (below) | `reason`, `strategy`, `view` |
+| `player-error` | the load fails | `error`, `strategy`, `view`, `retry` |
+| `build-state` | the load changes stage | `loading`, `error`, `stage`, and `strategy`, `view`, `retry` where known |
+| `bundle-retry-status` | IIFE: a bundle build is polled; any strategy: the load fails with an abort error | the retry state |
+| `bundle-meta` | IIFE: the bundle loads | the bundle's metadata |
+| `controller-load` | a load completes, except a `preloaded` one that finds its tag defined (below) | `status`, `source`, `packageName`, `strategy`, `view`, `message` |
+| `controller-changed` | IIFE delivery: the bundle's controller loads | the controller |
+
+`session-changed` also fires with no learner action. Once the element has a model, the player sets `session` on it, and sets it again whenever the host assigns a different session. An element that reports that assignment after its setter returns, as multiple-choice does, has the report forwarded.
+
+An abort error is a load error whose message contains `aborted`, whatever the strategy. The player then emits `bundle-retry-status` with state `cancelled`, `build-state` with stage `cancelled` and `load-cancelled`, in place of `player-error`.
+
+`controller-load` reports `status` `loaded` in delivery view, where any other status fails the load. Author view can also report `missing` or `failed`, and print view reports `not-required` unless an IIFE bundle carries a controller.
+
+A player removed from the document mid-load emits nothing more from that load, and re-attaching it starts a new one; a synchronous move keeps the load.
+
 ## Testing Elements Locally
 
 Use the existing demo commands to test elements:

package/dist/pie-element-player.js

@@ -1712,28 +1712,9 @@ function vr(e) {
 		if (typeof t == "function") return t;
 	});
 }
-function yr(e, t, { bubbles: n = !1, cancelable: r = !1 } = {}) {
-	return new CustomEvent(e, {
-		detail: t,
-		bubbles: n,
-		cancelable: r
-	});
-}
-function br() {
-	let e = M;
-	return e === null && Se("createEventDispatcher"), (t, n, i) => {
-		let a = e.s.$$events?.[t];
-		if (a) {
-			let o = r(a) ? a.slice() : [a], s = yr(t, n, i);
-			for (let t of o) t.call(e.x, s);
-			return !s.defaultPrevented;
-		}
-		return !0;
-	};
-}
 //#endregion
 //#region ../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/blocks/if.js
-function xr(e, t, n = !1) {
+function yr(e, t, n = !1) {
 	var r;
 	D && (r = O, A());
 	var i = new _r(e), a = n ? ne : 0;
@@ -1757,7 +1738,7 @@ function xr(e, t, n = !1) {
 }
 //#endregion
 //#region ../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/css.js
-function Sr(e, t) {
+function br(e, t) {
 	ln(() => {
 		e = G?.parent?.nodes?.start ?? e;
 		var n = e.getRootNode(), r = n.host ? n : n.head ?? n.ownerDocument.head;
@@ -1769,22 +1750,22 @@ function Sr(e, t) {
 }
 //#endregion
 //#region ../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
-function Cr(e, t) {
+function xr(e, t) {
 	return e === t || e?.[E] === t;
 }
-function wr(e = Le(), t, n, r) {
+function Sr(e = Le(), t, n, r) {
 	var i = M.r, a = G;
 	return ln(() => {
 		var o, s;
 		return dn(() => {
 			o = s, s = r?.() || [], Gn(() => {
-				Cr(n(...s), e) || (t(e, ...s), o && Cr(n(...o), e) && t(null, ...o));
+				xr(n(...s), e) || (t(e, ...s), o && xr(n(...o), e) && t(null, ...o));
 			});
 		}), () => {
 			let r = a;
 			for (; r !== i && r.parent !== null && r.parent.f & 33554432;) r = r.parent;
 			let o = () => {
-				s && Cr(n(...s), e) && t(null, ...s);
+				s && xr(n(...s), e) && t(null, ...s);
 			}, c = r.teardown;
 			r.teardown = () => {
 				o(), c?.();
@@ -1830,10 +1811,10 @@ function Q(e, t, n, r) {
 }
 //#endregion
 //#region ../../node_modules/.bun/svelte@5.57.0/node_modules/svelte/src/legacy/legacy-client.js
-function Tr(e) {
-	return new Er(e);
+function Cr(e) {
+	return new wr(e);
 }
-var Er = class {
+var wr = class {
 	#e;
 	#t;
 	constructor(e) {
@@ -1892,8 +1873,8 @@ var Er = class {
 	$destroy() {
 		this.#t.$destroy();
 	}
-}, Dr;
-typeof HTMLElement == "function" && (Dr = class extends HTMLElement {
+}, Tr;
+typeof HTMLElement == "function" && (Tr = class extends HTMLElement {
 	$$ctor;
 	$$s;
 	$$c;
@@ -1930,14 +1911,14 @@ typeof HTMLElement == "function" && (Dr = class extends HTMLElement {
 					e !== "default" && (n.name = e), rr(t, n);
 				};
 			}
-			let t = {}, n = kr(this);
+			let t = {}, n = Dr(this);
 			for (let r of this.$$s) r in n && (r === "default" && !this.$$d.children ? (this.$$d.children = e(r), t.default = !0) : t[r] = e(r));
 			for (let e of this.attributes) {
 				let t = this.$$g_p(e.name);
-				t in this.$$d || (this.$$d[t] = Or(t, e.value, this.$$p_d, "toProp"));
+				t in this.$$d || (this.$$d[t] = Er(t, e.value, this.$$p_d, "toProp"));
 			}
 			for (let e in this.$$p_d) !(e in this.$$d) && this[e] !== void 0 && (this.$$d[e] = this[e], delete this[e]);
-			this.$$c = Tr({
+			this.$$c = Cr({
 				component: this.$$ctor,
 				target: this.$$shadowRoot || this,
 				props: {
@@ -1951,7 +1932,7 @@ typeof HTMLElement == "function" && (Dr = class extends HTMLElement {
 					for (let e of s(this.$$c)) {
 						if (!this.$$p_d[e]?.reflect) continue;
 						this.$$d[e] = this.$$c[e];
-						let t = Or(e, this.$$d[e], this.$$p_d, "toAttribute");
+						let t = Er(e, this.$$d[e], this.$$p_d, "toAttribute");
 						t == null ? this.removeAttribute(this.$$p_d[e].attribute || e) : this.setAttribute(this.$$p_d[e].attribute || e, t);
 					}
 					this.$$r = !1;
@@ -1965,7 +1946,7 @@ typeof HTMLElement == "function" && (Dr = class extends HTMLElement {
 		}
 	}
 	attributeChangedCallback(e, t, n) {
-		this.$$r || (e = this.$$g_p(e), this.$$d[e] = Or(e, n, this.$$p_d, "toProp"), this.$$c?.$set({ [e]: this.$$d[e] }));
+		this.$$r || (e = this.$$g_p(e), this.$$d[e] = Er(e, n, this.$$p_d, "toProp"), this.$$c?.$set({ [e]: this.$$d[e] }));
 	}
 	disconnectedCallback() {
 		this.$$cn = !1, Promise.resolve().then(() => {
@@ -1976,7 +1957,7 @@ typeof HTMLElement == "function" && (Dr = class extends HTMLElement {
 		return s(this.$$p_d).find((t) => this.$$p_d[t].attribute === e || !this.$$p_d[t].attribute && t.toLowerCase() === e) || e;
 	}
 });
-function Or(e, t, n, r) {
+function Er(e, t, n, r) {
 	let i = n[e]?.type;
 	if (t = i === "Boolean" && typeof t != "boolean" ? t != null : t, !r || !n[e]) return t;
 	if (r === "toAttribute") switch (i) {
@@ -1994,14 +1975,14 @@ function Or(e, t, n, r) {
 		default: return t;
 	}
 }
-function kr(e) {
+function Dr(e) {
 	let t = {};
 	return e.childNodes.forEach((e) => {
 		t[e.slot || "default"] = !0;
 	}), t;
 }
-function Ar(e, t, n, r, i, a) {
-	let o = class extends Dr {
+function Or(e, t, n, r, i, a) {
+	let o = class extends Tr {
 		constructor() {
 			super(e, n, i), this.$$p_d = t;
 		}
@@ -2015,7 +1996,7 @@ function Ar(e, t, n, r, i, a) {
 				return this.$$c && e in this.$$c ? this.$$c[e] : this.$$d[e];
 			},
 			set(n) {
-				n = Or(e, n, t), this.$$d[e] = n;
+				n = Er(e, n, t), this.$$d[e] = n;
 				var r = this.$$c;
 				r && (l(r, e)?.get ? r[e] = n : r.$set({ [e]: n }));
 			}
@@ -2028,13 +2009,13 @@ function Ar(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/lib/element-loader.ts
-var jr = null;
-function Mr(e) {
-	jr = e ?? null;
+var kr = null;
+function Ar(e) {
+	kr = e ?? null;
 }
-async function Nr(e, t = !1) {
-	if (!e.cdnUrl && jr) {
-		let n = await jr(e);
+async function jr(e, t = !1) {
+	if (!e.cdnUrl && kr) {
+		let n = await kr(e);
 		if (n != null) return t && console.log(`[element-loader] Resolved ${e.kind} module via injected resolver for ${e.packagePath}`), n;
 	}
 	let n = e.cdnUrl ? `${e.cdnUrl}/${e.packagePath}` : e.packagePath;
@@ -2043,14 +2024,14 @@ async function Nr(e, t = !1) {
 		n
 );
 }
-async function Pr(e, t, n, r = !1, i = !1) {
+async function Mr(e, t, n, r = !1, i = !1) {
 	if (customElements.get(t)) {
 		r && console.log(`[element-loader] Element ${t} already registered`);
 		return;
 	}
 	r && console.log(`[element-loader] Loading element ${e} (cdnUrl: ${n || "local"})`);
 	try {
-		let i = e.replace(/^@pie-element\//, "").replace(/\/(author|print|controller)$/, ""), a = e.endsWith("/author") ? "author" : e.endsWith("/print") ? "print" : "delivery", o = await Nr({
+		let i = e.replace(/^@pie-element\//, "").replace(/\/(author|print|controller)$/, ""), a = e.endsWith("/author") ? "author" : e.endsWith("/print") ? "print" : "delivery", o = await jr({
 			packagePath: e,
 			packageName: `@pie-element/${i}`,
 			elementName: i,
@@ -2066,11 +2047,11 @@ async function Pr(e, t, n, r = !1, i = !1) {
 		r && console.log(`[element-loader] Optional element ${e} not available`);
 	}
 }
-async function Fr(e, t, n = !1) {
+async function Nr(e, t, n = !1) {
 	let r = `${e}/controller`;
 	n && console.log(`[element-loader] Loading controller from ${r} (cdnUrl: ${t || "local"})`);
 	try {
-		let i = await Nr({
+		let i = await jr({
 			packagePath: r,
 			packageName: e,
 			elementName: e.replace(/^@pie-element\//, ""),
@@ -2084,10 +2065,10 @@ async function Fr(e, t, n = !1) {
 		throw console.error(`[element-loader] Failed to load controller ${e}:`, n), Error(`Failed to load controller ${e}: ${n.message}`);
 	}
 }
-async function Ir(e, t, n = !1) {
+async function Pr(e, t, n = !1) {
 	let r = `${e}/runtime-support`;
 	n && console.log(`[element-loader] Loading runtime support ${r} (cdnUrl: ${t || "local"})`);
-	let i = await Nr({
+	let i = await jr({
 		packagePath: r,
 		packageName: e,
 		elementName: e.replace(/^@pie-element\//, ""),
@@ -2099,7 +2080,7 @@ async function Ir(e, t, n = !1) {
 }
 //#endregion
 //#region src/lib/iife-bundle-loader.ts
-var Lr = {
+var Fr = {
 	retryDelayMs: 3e3,
 	timeoutMs: 12e4
 }, $ = class extends Error {
@@ -2107,30 +2088,30 @@ var Lr = {
 		super(t), this.name = "IifeBundleLoadError", this.code = e, this.metadata = n;
 	}
 };
-function Rr(e) {
+function Ir(e) {
 	return {
-		retryDelayMs: typeof e?.retryDelayMs == "number" && e.retryDelayMs > 0 ? e.retryDelayMs : Lr.retryDelayMs,
-		timeoutMs: typeof e?.timeoutMs == "number" && e.timeoutMs > 0 ? e.timeoutMs : Lr.timeoutMs
+		retryDelayMs: typeof e?.retryDelayMs == "number" && e.retryDelayMs > 0 ? e.retryDelayMs : Fr.retryDelayMs,
+		timeoutMs: typeof e?.timeoutMs == "number" && e.timeoutMs > 0 ? e.timeoutMs : Fr.timeoutMs
 	};
 }
-function zr(e) {
+function Lr(e) {
 	return e instanceof $ ? e.code === "SCRIPT_LOAD_FAILED" || e.code === "BUILD_START_FAILED" || e.code === "BUILD_STATUS_FAILED" : !1;
 }
-function Br(e) {
+function Rr(e) {
 	return e instanceof Error ? e.message : typeof e == "string" ? e : String(e);
 }
-function Vr(e) {
+function zr(e) {
 	return new Promise((t) => setTimeout(t, e));
 }
-function Hr(e) {
+function Br(e) {
 	if (e?.aborted) throw new $("LOAD_ABORTED", "IIFE bundle load aborted");
 }
-async function Ur(e, t) {
+async function Vr(e, t) {
 	if (!t) {
-		await Vr(e);
+		await zr(e);
 		return;
 	}
-	t.aborted && Hr(t), await new Promise((n, r) => {
+	t.aborted && Br(t), await new Promise((n, r) => {
 		let i = setTimeout(() => {
 			t.removeEventListener("abort", a), n();
 		}, e), a = () => {
@@ -2139,48 +2120,48 @@ async function Ur(e, t) {
 		t.addEventListener("abort", a);
 	});
 }
-var Wr = /* @__PURE__ */ new Map(), Gr = {};
-function Kr(e) {
-	Gr = e ?? {};
+var Hr = /* @__PURE__ */ new Map(), Ur = {};
+function Wr(e) {
+	Ur = e ?? {};
 }
-function qr() {
+function Gr() {
 	let e = window.pie;
 	if (!e) throw new $("REGISTRY_INVALID", "window.pie not found after loading IIFE bundle");
 	let t = e.default || e;
 	if (!t || typeof t != "object") throw new $("REGISTRY_INVALID", "Invalid IIFE package registry shape");
 	return t;
 }
-function Jr(e) {
-	let t = Wr.get(e);
+function Kr(e) {
+	let t = Hr.get(e);
 	if (t) return t;
 	let n = new Promise((t, n) => {
 		let r = document.createElement("script");
 		r.src = e, r.defer = !0, r.dataset.pieBundle = "true", r.onload = () => {
 			try {
-				t(qr());
+				t(Gr());
 			} catch (t) {
-				Wr.delete(e), n(t instanceof Error ? t : new $("REGISTRY_INVALID", String(t)));
+				Hr.delete(e), n(t instanceof Error ? t : new $("REGISTRY_INVALID", String(t)));
 			}
 		}, r.onerror = () => {
-			Wr.delete(e), n(new $("SCRIPT_LOAD_FAILED", `Failed to load IIFE bundle: ${e}`, { url: e }));
+			Hr.delete(e), n(new $("SCRIPT_LOAD_FAILED", `Failed to load IIFE bundle: ${e}`, { url: e }));
 		}, document.head.appendChild(r);
 	});
-	return Wr.set(e, n), n;
+	return Hr.set(e, n), n;
 }
-function Yr(e, t) {
+function qr(e, t) {
 	return e ? t === "player" ? e.player || "" : t === "editor" ? e.editor || "" : e.clientPlayer || "" : "";
 }
-function Xr(e) {
+function Jr(e) {
 	return `${e.trim().replace(/\/+$/, "")}/`;
 }
-function Zr(e) {
+function Yr(e) {
 	return e === "editor" ? "editor.js" : e === "player" ? "player.js" : "client-player.js";
 }
-function Qr({ bundleHost: e, packageName: t, version: n, bundleTarget: r, forceRebuild: i }) {
-	let a = encodeURI(`${t}@${n}`), o = `${Xr(e)}${a}/${Zr(r)}`;
+function Xr({ bundleHost: e, packageName: t, version: n, bundleTarget: r, forceRebuild: i }) {
+	let a = encodeURI(`${t}@${n}`), o = `${Jr(e)}${a}/${Yr(r)}`;
 	return i ? `${o}${o.includes("?") ? "&" : "?"}overwrite=true&rebuild=${Date.now()}` : o;
 }
-function $r(e, t) {
+function Zr(e, t) {
 	let n = e[t];
 	if (!n) throw new $("PACKAGE_MISSING", `Package ${t} not found in loaded bundle. Available: ${Object.keys(e).join(", ")}`, {
 		packageName: t,
@@ -2188,7 +2169,7 @@ function $r(e, t) {
 	});
 	return n;
 }
-var ei = {
+var Qr = {
 	async startBuild(e) {
 		let t = await fetch(e.endpoint, {
 			method: "POST",
@@ -2232,23 +2213,23 @@ var ei = {
 			await new Promise((e) => setTimeout(e, 500));
 		}
 	}
-}, ti = { load: (e) => Jr(e) };
-async function ni(e) {
-	let t = e.bundleTarget || "client-player", n = e.endpoint || "/api/bundle", r = Rr(e.iifeBundleRetry), i = e.adapters ?? Gr, a = i.buildClient ?? ei, o = i.registryClient ?? ti, s = Date.now(), c = 0;
+}, $r = { load: (e) => Kr(e) };
+async function ei(e) {
+	let t = e.bundleTarget || "client-player", n = e.endpoint || "/api/bundle", r = Ir(e.iifeBundleRetry), i = e.adapters ?? Ur, a = i.buildClient ?? Qr, o = i.registryClient ?? $r, s = Date.now(), c = 0;
 	for (;;) {
 		c += 1;
 		try {
-			if (Hr(e.signal), e.bundleHost) {
+			if (Br(e.signal), e.bundleHost) {
 				e.onProgress?.({ stage: "script-load" });
-				let n = Qr({
+				let n = Xr({
 					bundleHost: e.bundleHost,
 					packageName: e.packageName,
 					version: e.version,
 					bundleTarget: t,
 					forceRebuild: !!e.forceRebuild
 				}), i = await o.load(n);
-				Hr(e.signal);
-				let a = $r(i, e.packageName), l = {
+				Br(e.signal);
+				let a = Zr(i, e.packageName), l = {
 					source: "hosted",
 					url: n
 				};
@@ -2277,11 +2258,11 @@ async function ni(e) {
 				endpoint: n,
 				onProgress: e.onProgress
 			});
-			if (Hr(e.signal), !l.success) throw new $("BUILD_RESULT_FAILED", l.errors?.join("\n") || "Local bundle build failed", {
+			if (Br(e.signal), !l.success) throw new $("BUILD_RESULT_FAILED", l.errors?.join("\n") || "Local bundle build failed", {
 				packageName: e.packageName,
 				endpoint: n
 			});
-			let u = Yr(l.bundles, t);
+			let u = qr(l.bundles, t);
 			if (!u) throw new $("BUNDLE_URL_MISSING", "Bundle URL was not returned", {
 				packageName: e.packageName,
 				bundleTarget: t
@@ -2298,8 +2279,8 @@ async function ni(e) {
 				cached: l.cached,
 				url: u
 			}, p = await o.load(u);
-			Hr(e.signal);
-			let m = $r(p, e.packageName);
+			Br(e.signal);
+			let m = Zr(p, e.packageName);
 			if (c > 1) {
 				let t = Date.now() - s;
 				console.info(`[iife-bundle-loader] retry recovered after ${c} attempts (${t}ms): ${e.packageName}@${e.version}`);
@@ -2321,10 +2302,10 @@ async function ni(e) {
 				attempt: c,
 				elapsedMs: Date.now() - s,
 				timeoutMs: r.timeoutMs,
-				reason: Br(t)
+				reason: Rr(t)
 			}), t;
-			if (!zr(t)) throw t;
-			let i = Date.now() - s, a = r.timeoutMs - i, o = Br(t);
+			if (!Lr(t)) throw t;
+			let i = Date.now() - s, a = r.timeoutMs - i, o = Rr(t);
 			if (a <= 0) throw e.onRetryStatus?.({
 				state: "timeout",
 				stage: t.code === "SCRIPT_LOAD_FAILED" ? "script-load" : "build-status",
@@ -2352,31 +2333,31 @@ async function ni(e) {
 				retryDelayMs: l,
 				timeoutMs: r.timeoutMs,
 				reason: o
-			}), await Ur(l, e.signal);
+			}), await Vr(l, e.signal);
 		}
 	}
 }
 //#endregion
 //#region src/lib/player-strategy.ts
-function ri(e, t = "esm") {
+function ti(e, t = "esm") {
 	return e === "esm" || e === "iife" || e === "preloaded" ? e : t;
 }
-function ii(e, t = "delivery") {
+function ni(e, t = "delivery") {
 	return e === "delivery" || e === "author" || e === "print" ? e : t;
 }
-function ai(e, t = "delivery") {
-	let n = ii(e.view ?? void 0, t);
+function ri(e, t = "delivery") {
+	let n = ni(e.view ?? void 0, t);
 	return e.view ? n : e.mode === "author" ? "author" : e.mode === "print" ? "print" : t;
 }
 //#endregion
 //#region src/lib/runtime-support.ts
-function oi(e, t = "off") {
+function ii(e, t = "off") {
 	return e === "off" || e === "on" ? e : t;
 }
-function si(e) {
+function ai(e) {
 	return e === "on";
 }
-function ci(e, t, n) {
+function oi(e, t, n) {
 	let r = e.supports?.[t];
 	if (!r) return !0;
 	let i = r[n];
@@ -2384,17 +2365,17 @@ function ci(e, t, n) {
 }
 //#endregion
 //#region src/lib/unified-player-loader.ts
-var li = 3e4, ui = /* @__PURE__ */ new Map(), di = /* @__PURE__ */ new Map();
-function fi(e, t, n, r) {
+var si = 3e4, ci = /* @__PURE__ */ new Map(), li = /* @__PURE__ */ new Map();
+function ui(e, t, n, r) {
 	if (n !== "delivery" || r?.status === "loaded") return;
 	let i = r?.message || `controller status=${r?.status || "missing"}`;
 	throw Error(`Controller contract violation for ${e.packageName} (${t}/${n}): ${i}. Delivery mode requires a loadable controller.`);
 }
-var pi = (e, t) => t === "delivery" ? `pie-iife-${e}`.replace(/[^a-z0-9-]/g, "-") : t === "author" ? `${e}-configure` : `${e}-print`, mi = (e, t) => t === "delivery" ? `${e}-element` : t === "author" ? `${e}-configure` : `${e}-print`;
-function hi(e, t, n) {
-	return e === "iife" ? pi(n, t) : mi(n, t);
+var di = (e, t) => t === "delivery" ? `pie-iife-${e}`.replace(/[^a-z0-9-]/g, "-") : t === "author" ? `${e}-configure` : `${e}-print`, fi = (e, t) => t === "delivery" ? `${e}-element` : t === "author" ? `${e}-configure` : `${e}-print`;
+function pi(e, t, n) {
+	return e === "iife" ? di(n, t) : fi(n, t);
 }
-function gi(e, t, n) {
+function mi(e, t, n) {
 	return {
 		status: "not-required",
 		source: "none",
@@ -2403,13 +2384,13 @@ function gi(e, t, n) {
 		view: n
 	};
 }
-async function _i(e, t, n) {
+async function hi(e, t, n) {
 	if (n !== "delivery" && n !== "author") return {
 		controller: void 0,
-		diagnostic: gi(e.packageName, t, n)
+		diagnostic: mi(e.packageName, t, n)
 	};
 	try {
-		let r = await Fr(e.packageName, e.cdnUrl || "");
+		let r = await Nr(e.packageName, e.cdnUrl || "");
 		return {
 			controller: r,
 			diagnostic: {
@@ -2436,18 +2417,18 @@ async function _i(e, t, n) {
 		};
 	}
 }
-function vi(e) {
-	Mr(e);
+function gi(e) {
+	Ar(e);
 }
-function yi(e) {
+function _i(e) {
 	return `${e.packageName}@${e.elementVersion || "latest"}`;
 }
-function bi(e) {
+function vi(e) {
 	let t = String(e || "").toLowerCase();
 	return t.includes("cannot find module") || t.includes("no known conditions") || t.includes("failed to fetch dynamically imported module") || t.includes("404") || t.includes("/runtime-support");
 }
-async function xi(e, t, n) {
-	if (!si(oi(e.runtimeSupportCheck, "off"))) return {
+async function yi(e, t, n) {
+	if (!ai(ii(e.runtimeSupportCheck, "off"))) return {
 		runtimeSupport: void 0,
 		diagnostic: {
 			status: "skipped",
@@ -2456,7 +2437,7 @@ async function xi(e, t, n) {
 			view: n
 		}
 	};
-	let r = yi(e), i = ui.get(r);
+	let r = _i(e), i = ci.get(r);
 	if (i) return {
 		runtimeSupport: i,
 		diagnostic: {
@@ -2466,8 +2447,8 @@ async function xi(e, t, n) {
 			view: n
 		}
 	};
-	let a = di.get(r);
-	if (a && Date.now() - a < li) return {
+	let a = li.get(r);
+	if (a && Date.now() - a < si) return {
 		runtimeSupport: void 0,
 		diagnostic: {
 			status: "missing",
@@ -2478,8 +2459,8 @@ async function xi(e, t, n) {
 		}
 	};
 	try {
-		let i = await Ir(e.packageName, e.cdnUrl || "");
-		return ui.set(r, i), di.delete(r), {
+		let i = await Pr(e.packageName, e.cdnUrl || "");
+		return ci.set(r, i), li.delete(r), {
 			runtimeSupport: i,
 			diagnostic: {
 				status: "loaded",
@@ -2490,7 +2471,7 @@ async function xi(e, t, n) {
 		};
 	} catch (i) {
 		let a = i instanceof Error ? i.message : String(i);
-		return bi(i) ? (di.set(r, Date.now()), {
+		return vi(i) ? (li.set(r, Date.now()), {
 			runtimeSupport: void 0,
 			diagnostic: {
 				status: "missing",
@@ -2511,14 +2492,14 @@ async function xi(e, t, n) {
 		};
 	}
 }
-function Si(e, t, n, r) {
-	return !r || e !== "esm" && e !== "iife" || ci(r, e, t) ? "" : ` Runtime support metadata indicates ${e}/${t} is unsupported for ${n}.`;
+function bi(e, t, n, r) {
+	return !r || e !== "esm" && e !== "iife" || oi(r, e, t) ? "" : ` Runtime support metadata indicates ${e}/${t} is unsupported for ${n}.`;
 }
-async function Ci(e, t, n, r, i) {
-	let a = mi(e.elementName, t);
-	await Pr(t === "delivery" ? e.packageName : t === "author" ? `${e.packageName}/author` : `${e.packageName}/print`, a, e.cdnUrl || ""), await customElements.whenDefined(a);
-	let { controller: o, diagnostic: s } = await _i(e, "esm", t);
-	return fi(e, "esm", t, s), {
+async function xi(e, t, n, r, i) {
+	let a = fi(e.elementName, t);
+	await Mr(t === "delivery" ? e.packageName : t === "author" ? `${e.packageName}/author` : `${e.packageName}/print`, a, e.cdnUrl || ""), await customElements.whenDefined(a);
+	let { controller: o, diagnostic: s } = await hi(e, "esm", t);
+	return ui(e, "esm", t, s), {
 		strategy: "esm",
 		requestedStrategy: n,
 		view: t,
@@ -2529,19 +2510,19 @@ async function Ci(e, t, n, r, i) {
 		runtimeSupportDiagnostic: i
 	};
 }
-async function wi(e, t, n, r, i) {
-	let a = t === "author" ? "editor" : t === "print" ? "player" : "client-player", { pkg: o, meta: s } = await ni({
+async function Si(e, t, n, r, i) {
+	let a = t === "author" ? "editor" : t === "print" ? "player" : "client-player", { pkg: o, meta: s } = await ei({
 		packageName: e.packageName,
 		version: e.elementVersion,
 		endpoint: e.iifeBundleEndpoint,
 		bundleHost: e.iifeBundleHost,
-		iifeBundleRetry: e.iifeBundleRetry ?? Lr,
+		iifeBundleRetry: e.iifeBundleRetry ?? Fr,
 		onRetryStatus: e.onIifeBundleRetryStatus,
 		signal: e.signal,
 		bundleTarget: a,
 		forceRebuild: (e.rebuildVersion || 0) > 0,
 		clearCache: (e.rebuildVersion || 0) > 0
-	}), c = pi(e.elementName, t), l = t === "delivery" ? o.Element : t === "author" ? o.Configure : o.Print;
+	}), c = di(e.elementName, t), l = t === "delivery" ? o.Element : t === "author" ? o.Configure : o.Print;
 	if (!l) throw Error(`IIFE bundle is missing ${t} export for ${e.packageName}`);
 	customElements.get(c) || customElements.define(c, class extends l {}), await customElements.whenDefined(c);
 	let u = o.controller, d;
@@ -2561,10 +2542,10 @@ async function wi(e, t, n, r, i) {
 		message: "client-player bundle did not include controller export"
 	};
 	else {
-		let n = await _i(e, "iife", t);
+		let n = await hi(e, "iife", t);
 		u = n.controller, d = n.diagnostic;
 	}
-	return fi(e, "iife", t, d), {
+	return ui(e, "iife", t, d), {
 		strategy: "iife",
 		requestedStrategy: n,
 		view: t,
@@ -2576,36 +2557,46 @@ async function wi(e, t, n, r, i) {
 		runtimeSupportDiagnostic: i
 	};
 }
-async function Ti(e) {
-	let t = ri(e.strategy, "esm"), n = t, r = ii(e.view, "delivery");
+async function Ci(e) {
+	let t = ti(e.strategy, "esm"), n = t, r = ni(e.view, "delivery");
 	if (n === "preloaded") {
-		let t = ri(e.preloadedFallbackStrategy, "esm"), n = hi(t, r, e.elementName);
+		let t = ti(e.preloadedFallbackStrategy, "esm"), n = pi(t, r, e.elementName);
 		return customElements.get(n) ? {
 			strategy: "preloaded",
 			view: r,
 			tagName: n
-		} : Ti({
+		} : Ci({
 			...e,
 			strategy: t
 		});
 	}
-	let i = await xi(e, n, r);
+	let i = await yi(e, n, r);
 	try {
-		return n === "iife" ? wi(e, r, t, i.runtimeSupport, i.diagnostic) : Ci(e, r, t, i.runtimeSupport, i.diagnostic);
+		return n === "iife" ? Si(e, r, t, i.runtimeSupport, i.diagnostic) : xi(e, r, t, i.runtimeSupport, i.diagnostic);
 	} catch (t) {
-		let a = t instanceof Error ? t.message : String(t), o = Si(n, r, e.packageName, i.runtimeSupport);
+		let a = t instanceof Error ? t.message : String(t), o = bi(n, r, e.packageName, i.runtimeSupport);
 		throw Error(`${a}${o}`);
 	}
 }
 //#endregion
 //#region src/players/PieElementPlayer.svelte
-var Ei = /* @__PURE__ */ nr("<div class=\"loading-warning svelte-srjg3v\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"> </div>"), Di = /* @__PURE__ */ nr("<div class=\"loading svelte-srjg3v\"> <!></div>"), Oi = /* @__PURE__ */ nr("<div class=\"error svelte-srjg3v\"><strong>Element player error:</strong> <pre class=\"svelte-srjg3v\"> </pre></div>"), ki = /* @__PURE__ */ nr("<div class=\"demo-element-player element-player-host svelte-srjg3v\"><div class=\"element-player-mount svelte-srjg3v\"></div> <!> <!></div>"), Ai = {
+var wi = /* @__PURE__ */ nr("<div class=\"loading-warning svelte-srjg3v\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"> </div>"), Ti = /* @__PURE__ */ nr("<div class=\"loading svelte-srjg3v\"> <!></div>"), Ei = /* @__PURE__ */ nr("<div class=\"error svelte-srjg3v\"><strong>Element player error:</strong> <pre class=\"svelte-srjg3v\"> </pre></div>"), Di = /* @__PURE__ */ nr("<div class=\"demo-element-player element-player-host svelte-srjg3v\"><div class=\"element-player-mount svelte-srjg3v\"></div> <!> <!></div>"), Oi = {
 	hash: "svelte-srjg3v",
 	code: ".element-player-host.svelte-srjg3v {width:100%;min-height:100px;}.element-player-mount.svelte-srjg3v {width:100%;}.loading.svelte-srjg3v {padding:2rem;text-align:center;color:hsl(var(--bc) / 0.6);font-style:italic;}.loading-warning.svelte-srjg3v {margin-top:0.5rem;color:#9a6700;font-style:normal;}.error.svelte-srjg3v {padding:1rem;background:hsl(var(--er) / 0.1);border:1px solid hsl(var(--er) / 0.3);border-radius:4px;color:hsl(var(--er));}.error.svelte-srjg3v pre:where(.svelte-srjg3v) {margin:0.5rem 0 0;padding:0.5rem;background:#fff;border-radius:4px;font-size:0.875rem;overflow-x:auto;}"
 };
-function ji(t, n) {
-	Fe(n, !0), Sr(t, Ai);
-	let r = Q(n, "strategy", 7, "esm"), i = Q(n, "view", 7, "delivery"), a = Q(n, "mode", 7, ""), o = Q(n, "elementName", 7, ""), s = Q(n, "packageName", 7, ""), c = Q(n, "elementVersion", 7, "latest"), l = Q(n, "role", 7, "student"), u = Q(n, "cdnUrl", 7, ""), d = Q(n, "iifeBundleEndpoint", 7, "/api/bundle"), f = Q(n, "iifeBundleHost", 7, ""), p = Q(n, "iifeBundleRetry", 7, Lr), m = Q(n, "preloadedFallbackStrategy", 7, "esm"), h = Q(n, "runtimeSupportCheck", 7, "off"), g = Q(n, "rebuildVersion", 7, 0), _ = Q(n, "model", 15), v = Q(n, "session", 15), y = br(), b, ee, x = /* @__PURE__ */ L(null), te = /* @__PURE__ */ L(null), ne = /* @__PURE__ */ L(!0), S = /* @__PURE__ */ L(null), C = /* @__PURE__ */ L(null), re = 0, w = null, ie = null, T = null, E = null, ae = !1, oe = !1, se = null, ce = null, le = !1, ue = !1, de = "", fe = "", pe = /* @__PURE__ */ new Set(["complete", "component"]), me = null, D = "", he = "", O = /* @__PURE__ */ rt(() => {
+function ki(t, n) {
+	Fe(n, !0), br(t, Oi);
+	let r = Q(n, "strategy", 7, "esm"), i = Q(n, "view", 7, "delivery"), a = Q(n, "mode", 7, ""), o = Q(n, "elementName", 7, ""), s = Q(n, "packageName", 7, ""), c = Q(n, "elementVersion", 7, "latest"), l = Q(n, "role", 7, "student"), u = Q(n, "cdnUrl", 7, ""), d = Q(n, "iifeBundleEndpoint", 7, "/api/bundle"), f = Q(n, "iifeBundleHost", 7, ""), p = Q(n, "iifeBundleRetry", 7, Fr), m = Q(n, "preloadedFallbackStrategy", 7, "esm"), h = Q(n, "runtimeSupportCheck", 7, "off"), g = Q(n, "rebuildVersion", 7, 0), _ = Q(n, "model", 15), v = Q(n, "session", 15);
+	function y(e, t) {
+		Gn(() => {
+			n.$$host.dispatchEvent(new CustomEvent(e, {
+				detail: t,
+				bubbles: !0,
+				composed: !0
+			}));
+		});
+	}
+	let b, ee, x = /* @__PURE__ */ L(null), te = /* @__PURE__ */ L(null), ne = /* @__PURE__ */ L(!0), S = /* @__PURE__ */ L(null), C = /* @__PURE__ */ L(null), re = 0, w = null, ie = null, T = null, E = null, ae = !1, oe = !1, se = null, ce = null, le = !1, ue = !1, de = "", fe = "", pe = /* @__PURE__ */ new Set(["complete", "component"]), me = null, D = "", he = "", O = /* @__PURE__ */ rt(() => {
 		if (Z(C)?.state !== "retrying") return null;
 		let e = Math.max(1, Math.ceil(Z(C).elapsedMs / 1e3)), t = Math.max(1, Math.ceil(Z(C).timeoutMs / 1e3));
 		return `Bundle is still building. Retrying attempt ${Z(C).attempt} (${e}s of ${t}s).`;
@@ -2615,7 +2606,7 @@ function ji(t, n) {
 		let t = e;
 		return t.code === "LOAD_ABORTED" || typeof t.message == "string" && t.message.includes("aborted");
 	}
-	let A = /* @__PURE__ */ rt(() => ri(r(), "esm")), j = /* @__PURE__ */ rt(() => ai({
+	let A = /* @__PURE__ */ rt(() => ti(r(), "esm")), j = /* @__PURE__ */ rt(() => ri({
 		mode: a(),
 		view: i()
 	}, "delivery")), _e = /* @__PURE__ */ rt(() => s() || (o() ? `@pie-element/${o()}` : ""));
@@ -2675,7 +2666,7 @@ function ji(t, n) {
 	}
 	function we(e) {
 		Z(x) && (Ce(), e === "delivery" && (se = (e) => {
-			if (le || ue) {
+			if (le || ue || !D) {
 				e.stopPropagation();
 				return;
 			}
@@ -2723,7 +2714,7 @@ function ji(t, n) {
 		t !== D && (Z(x).model = ve(e ?? {}), D = t);
 	}
 	function Ee(e) {
-		if (!Z(x) || Z(j) !== "delivery" || e == null) return;
+		if (!Z(x) || Z(j) !== "delivery" || e == null || !D) return;
 		let t = ye(e ?? {});
 		if (t !== he) {
 			le = !0;
@@ -2754,7 +2745,7 @@ function ji(t, n) {
 				stage: "build-status",
 				attempt: 0,
 				elapsedMs: 0,
-				timeoutMs: p()?.timeoutMs ?? Lr.timeoutMs,
+				timeoutMs: p()?.timeoutMs ?? Fr.timeoutMs,
 				reason: "superseded by new load request"
 			}
 		}), y("load-cancelled", {
@@ -2765,7 +2756,7 @@ function ji(t, n) {
 		let t = new AbortController();
 		w = t, R(ne, !0), R(S, null), R(C, null);
 		try {
-			let n = await Ti({
+			let n = await Ci({
 				strategy: Z(A),
 				view: Z(j),
 				elementName: o(),
@@ -2778,17 +2769,14 @@ function ji(t, n) {
 				signal: t.signal,
 				runtimeSupportCheck: h(),
 				onIifeBundleRetryStatus: (t) => {
-					if (e !== re) return;
-					R(C, t, !0), y("bundle-retry-status", t);
-					let n = {
+					e === re && (R(C, t, !0), y("bundle-retry-status", t), y("build-state", {
 						loading: t.state === "retrying",
 						error: null,
 						stage: t.state,
 						strategy: Z(A),
 						view: Z(j),
 						retry: t
-					};
-					y("build-state", n);
+					}));
 				},
 				preloadedFallbackStrategy: m(),
 				rebuildVersion: g()
@@ -2811,7 +2799,7 @@ function ji(t, n) {
 					stage: "build-status",
 					attempt: 0,
 					elapsedMs: 0,
-					timeoutMs: p()?.timeoutMs ?? Lr.timeoutMs,
+					timeoutMs: p()?.timeoutMs ?? Fr.timeoutMs,
 					reason: n instanceof Error ? n.message : String(n)
 				};
 				R(S, null), R(ne, !1), R(C, r, !0), y("bundle-retry-status", r), y("build-state", {
@@ -2856,7 +2844,7 @@ function ji(t, n) {
 			u(),
 			d(),
 			f(),
-			JSON.stringify(p() || Lr),
+			JSON.stringify(p() || Fr),
 			m(),
 			g()
 		].join("|"), Oe();
@@ -2871,7 +2859,7 @@ function ji(t, n) {
 			Se();
 		}, 100);
 	}), xe(), Se()), () => {
-		E &&= (clearTimeout(E), null), T &&= (T.disconnect(), null), ee && ee.replaceChildren(), w?.abort(), w = null, Ce();
+		E &&= (clearTimeout(E), null), T &&= (T.disconnect(), null), ee && ee.replaceChildren(), re++, w?.abort(), w = null, Ce();
 	}));
 	var ke = {
 		get strategy() {
@@ -2937,7 +2925,7 @@ function ji(t, n) {
 		get iifeBundleRetry() {
 			return p();
 		},
-		set iifeBundleRetry(e = Lr) {
+		set iifeBundleRetry(e = Fr) {
 			p(e), I();
 		},
 		get preloadedFallbackStrategy() {
@@ -2970,29 +2958,29 @@ function ji(t, n) {
 		set session(e) {
 			v(e), I();
 		}
-	}, Ae = ki(), je = Kt(Ae);
-	wr(je, (e) => ee = e, () => ee);
+	}, Ae = Di(), je = Kt(Ae);
+	Sr(je, (e) => ee = e, () => ee);
 	var Me = Jt(je, 2), Ne = (e) => {
-		var t = Di(), n = Kt(t), r = Jt(n), i = (e) => {
-			var t = Ei(), n = qt(t, !0);
+		var t = Ti(), n = Kt(t), r = Jt(n), i = (e) => {
+			var t = wi(), n = qt(t, !0);
 			fn(() => ur(n, Z(O))), rr(e, t);
 		};
-		xr(r, (e) => {
+		yr(r, (e) => {
 			Z(O) && e(i);
 		}), ge(t), fn(() => ur(n, `Loading ${o() ?? ""} (${Z(A) ?? ""}/${Z(j) ?? ""})... `)), rr(e, t);
 	};
-	xr(Me, (e) => {
+	yr(Me, (e) => {
 		Z(ne) && e(Ne);
 	});
 	var M = Jt(Me, 2), Pe = (e) => {
-		var t = Oi(), n = qt(Jt(Kt(t), 2), !0);
+		var t = Ei(), n = qt(Jt(Kt(t), 2), !0);
 		ge(t), fn(() => ur(n, Z(S))), rr(e, t);
 	};
-	return xr(M, (e) => {
+	return yr(M, (e) => {
 		Z(S) && e(Pe);
-	}), ge(Ae), wr(Ae, (e) => b = e, () => b), rr(t, Ae), Ie(ke);
+	}), ge(Ae), Sr(Ae, (e) => b = e, () => b), rr(t, Ae), Ie(ke);
 }
-customElements.define("pie-element-player", Ar(ji, {
+customElements.define("pie-element-player", Or(ki, {
 	strategy: {
 		reflect: !0,
 		type: "String"
@@ -3058,4 +3046,4 @@ customElements.define("pie-element-player", Ar(ji, {
 	session: { type: "Object" }
 }, [], []));
 //#endregion
-export { Lr as DEFAULT_IIFE_BUNDLE_RETRY_CONFIG, $ as IifeBundleLoadError, Kr as configureIifeBundleLoader, vi as configureUnifiedPlayerResolver, ri as normalizeElementPlayerStrategy, ii as normalizeElementPlayerView, oi as normalizeRuntimeSupportCheck, ai as resolveElementPlayerView };
+export { Fr as DEFAULT_IIFE_BUNDLE_RETRY_CONFIG, $ as IifeBundleLoadError, Wr as configureIifeBundleLoader, gi as configureUnifiedPlayerResolver, ti as normalizeElementPlayerStrategy, ni as normalizeElementPlayerView, ii as normalizeRuntimeSupportCheck, ri as resolveElementPlayerView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/element-player",
-  "version": "0.1.2-next.1",
+  "version": "0.1.2-next.3",
   "description": "Shared PIE element player web component",
   "type": "module",
   "unpkg": "./dist/pie-element-player.js",