@pie-element/mc-populated-blank 0.2.13-next.3 → 0.3.0-next.4

package/dist/browser/delivery/index.js

@@ -1,110 +1,7 @@
-import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, P as s, S as c, T as l, _ as u, a as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as b, m as x, n as S, o as C, r as w, s as T, t as E, u as ee, v as D, w as O, x as k, y as A } from "../client-B0miu8E8.js";
-import { t as j } from "../layoutLimits-ATKOwLHb.js";
-//#region ../../lib-svelte/styling/dist/index2.js
-var M = {
-	50: "#e8f5e9",
-	500: "#4caf50"
-}, N = {
-	200: "#9fa8da",
-	500: "#3f51b5",
-	800: "#283593"
-}, P = { 500: "#ff9800" }, F = {
-	200: "#f48fb1",
-	900: "#880e4f",
-	A400: "#f50057"
-}, I = {
-	50: "#ffebee",
-	700: "#d32f2f"
-}, L = {
-	TEXT: "black",
-	DISABLED: "grey",
-	DISABLED_SECONDARY: "#ABABAB",
-	CORRECT: M[500],
-	CORRECT_SECONDARY: M[50],
-	CORRECT_TERTIARY: "#0EA449",
-	CORRECT_WITH_ICON: "#087D38",
-	INCORRECT: P[500],
-	INCORRECT_SECONDARY: I[50],
-	INCORRECT_WITH_ICON: "#BF0D00",
-	MISSING: I[700],
-	MISSING_WITH_ICON: "#6A78A1",
-	PRIMARY: N[500],
-	PRIMARY_LIGHT: N[200],
-	PRIMARY_DARK: N[800],
-	SECONDARY: F.A400,
-	SECONDARY_LIGHT: F[200],
-	SECONDARY_DARK: F[900],
-	TERTIARY: "#146EB3",
-	TERTIARY_LIGHT: "#D0E2F0",
-	BACKGROUND: "rgba(255,255,255,0)",
-	BACKGROUND_DARK: "#ECEDF1",
-	DROPDOWN_BACKGROUND: "#E0E1E6",
-	SECONDARY_BACKGROUND: "rgba(241,241,241,1)",
-	BORDER: "#9A9A9A",
-	BORDER_LIGHT: "#D1D1D1",
-	BORDER_DARK: "#646464",
-	BORDER_GRAY: "#7E8494",
-	BLACK: "#000000",
-	WHITE: "#ffffff",
-	TRANSPARENT: "transparent",
-	FOCUS_CHECKED: "#BBDEFB",
-	FOCUS_CHECKED_BORDER: "#1565C0",
-	FOCUS_UNCHECKED: "#E0E0E0",
-	FOCUS_UNCHECKED_BORDER: "#757575",
-	BLUE_GREY100: "#F3F5F7",
-	BLUE_GREY300: "#C0C3CF",
-	BLUE_GREY600: "#7E8494",
-	BLUE_GREY900: "#152452",
-	FADED_PRIMARY: "#DCDAFB"
-};
-Object.freeze(L);
-var R = ((e) => (...t) => {
-	let n = t.pop();
-	return t.reduceRight((t, n) => `var(--${e}-${n}, ${t})`, n);
-})("pie"), z = {
-	text: () => R("text", L.TEXT),
-	disabled: () => R("disabled", L.DISABLED),
-	disabledSecondary: () => R("disabled-secondary", L.DISABLED_SECONDARY),
-	correct: () => R("correct", L.CORRECT),
-	correctSecondary: () => R("correct-secondary", L.CORRECT_SECONDARY),
-	correctTertiary: () => R("correct-tertiary", L.CORRECT_TERTIARY),
-	correctWithIcon: () => R("correct-icon", L.CORRECT_WITH_ICON),
-	incorrect: () => R("incorrect", L.INCORRECT),
-	incorrectWithIcon: () => R("incorrect-icon", L.INCORRECT_WITH_ICON),
-	incorrectSecondary: () => R("incorrect-secondary", L.INCORRECT_SECONDARY),
-	missing: () => R("missing", L.MISSING),
-	missingWithIcon: () => R("missing-icon", L.MISSING_WITH_ICON),
-	primary: () => R("primary", L.PRIMARY),
-	primaryLight: () => R("primary-light", L.PRIMARY_LIGHT),
-	primaryDark: () => R("primary-dark", L.PRIMARY_DARK),
-	primaryText: () => R("primary-text", "text", L.TEXT),
-	fadedPrimary: () => R("faded-primary", L.FADED_PRIMARY),
-	secondary: () => R("secondary", L.SECONDARY),
-	secondaryLight: () => R("secondary-light", L.SECONDARY_LIGHT),
-	secondaryDark: () => R("secondary-dark", L.SECONDARY_DARK),
-	secondaryText: () => R("secondary-text", "text", L.TEXT),
-	background: () => R("background", L.BACKGROUND),
-	backgroundDark: () => R("background-dark", L.BACKGROUND_DARK),
-	secondaryBackground: () => R("secondary-background", L.SECONDARY_BACKGROUND),
-	dropdownBackground: () => R("dropdown-background", L.DROPDOWN_BACKGROUND),
-	tertiary: () => R("tertiary", L.TERTIARY),
-	tertiaryLight: () => R("tertiary-light", L.TERTIARY_LIGHT),
-	border: () => R("border", L.BORDER),
-	borderLight: () => R("border-light", L.BORDER_LIGHT),
-	borderDark: () => R("border-dark", L.BORDER_DARK),
-	borderGray: () => R("border-gray", L.BORDER_GRAY),
-	black: () => R("black", L.BLACK),
-	white: () => R("white", L.WHITE),
-	transparent: () => L.TRANSPARENT,
-	focusChecked: () => R("focus-checked", L.FOCUS_CHECKED),
-	focusCheckedBorder: () => R("focus-checked-border", L.FOCUS_CHECKED_BORDER),
-	focusUnchecked: () => R("focus-unchecked", L.FOCUS_UNCHECKED),
-	focusUncheckedBorder: () => R("focus-unchecked-border", L.FOCUS_UNCHECKED_BORDER),
-	blueGrey100: () => R("blue-grey-100", L.BLUE_GREY100),
-	blueGrey300: () => R("blue-grey-300", L.BLUE_GREY300),
-	blueGrey600: () => R("blue-grey-600", L.BLUE_GREY600),
-	blueGrey900: () => R("blue-grey-900", L.BLUE_GREY900)
-}, B = class e extends CustomEvent {
+import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, P as s, S as c, T as l, _ as u, a as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as b, m as x, n as S, o as C, r as w, s as T, t as E, u as D, v as O, w as k, x as A, y as j } from "../client-BAfWqkS6.js";
+import { t as M } from "../layoutLimits-ATKOwLHb.js";
+//#region ../../lib-svelte/delivery-events/dist/index2.js
+var N = class e extends CustomEvent {
 	static {
 		this.TYPE = "model-set";
 	}
@@ -119,7 +16,7 @@ var R = ((e) => (...t) => {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, V = class e extends CustomEvent {
+}, P = class e extends CustomEvent {
 	static {
 		this.TYPE = "session-changed";
 	}
@@ -133,12 +30,12 @@ var R = ((e) => (...t) => {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, H = (e) => {
+}, F = (e) => {
 	let t = e;
 	return t ? typeof t.onSessionChange == "function" || typeof t.onAudioStarted == "function" || typeof t.onAudioEnded == "function" : !1;
 };
-function U(e, t = {}) {
-	let n = t.hostPredicate ?? H, r = e;
+function I(e, t = {}) {
+	let n = t.hostPredicate ?? F, r = e;
 	for (; r;) {
 		if (n(r)) return r;
 		r = r.parentElement;
@@ -149,42 +46,42 @@ function U(e, t = {}) {
 	}
 	return null;
 }
-function te({ sourceEl: e, fallbackSelector: t, component: n, complete: r, session: i }) {
-	let a = U(e, { fallbackSelector: t });
-	return a ? typeof a.onSessionChange == "function" ? (a.onSessionChange(i), a) : (a.dispatchEvent(new V(n, r)), a) : null;
+function L({ sourceEl: e, fallbackSelector: t, component: n, complete: r, session: i }) {
+	let a = I(e, { fallbackSelector: t });
+	return a ? typeof a.onSessionChange == "function" ? (a.onSessionChange(i), a) : (a.dispatchEvent(new P(n, r)), a) : null;
 }
 //#endregion
 //#region src/delivery/computeAudioMode.ts
-function W(e) {
+function ee(e) {
 	return e.hasAudio ? e.audioUrl ? e.useFeatureButtonAudio ? "feature-button" : "controls" : "error" : "none";
 }
 //#endregion
 //#region src/delivery/AudioPlayer.svelte
-var ne = D("<audio class=\"sr-only pie-audio-player svelte-ypdwb3\" preload=\"metadata\" aria-hidden=\"true\" tabindex=\"-1\"></audio> <button class=\"listen-button pie-listen-button rli-feature-audio svelte-ypdwb3\" type=\"button\"><img/> <img/></button>", 1), re = D("<button class=\"mt-2 text-sm underline pie-audio-autoplay-enable\" type=\"button\"> </button>"), ie = D("<audio controls=\"\" class=\"w-full max-w-md pie-audio-player\" preload=\"metadata\"><track kind=\"captions\"/></audio> <!>", 1), ae = D("<p class=\"text-sm text-red-700 pie-audio-error\" role=\"alert\"> </p>"), oe = D("<div class=\"mb-4 audio-container pie-audio-container\"><!></div>"), se = {
+var te = O("<audio class=\"sr-only pie-audio-player svelte-ypdwb3\" preload=\"metadata\" aria-hidden=\"true\" tabindex=\"-1\"></audio> <button class=\"listen-button pie-listen-button rli-feature-audio svelte-ypdwb3\" type=\"button\"><img/> <img/></button>", 1), ne = O("<button class=\"mt-2 text-sm underline pie-audio-autoplay-enable\" type=\"button\"> </button>"), R = O("<audio controls=\"\" class=\"w-full max-w-md pie-audio-player\" preload=\"metadata\"><track kind=\"captions\"/></audio> <!>", 1), re = O("<p class=\"text-sm text-red-700 pie-audio-error\" role=\"alert\"> </p>"), z = O("<div class=\"mb-4 audio-container pie-audio-container\"><!></div>"), B = {
 	hash: "svelte-ypdwb3",
 	code: ".listen-button.svelte-ypdwb3 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);border:0;padding:0;background-color:transparent;cursor:pointer;z-index:1;}.listen-button.svelte-ypdwb3:hover {background-color:#e2f1fe;}.listen-feature-icon.svelte-ypdwb3 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);object-fit:contain;display:none;}.listen-feature-icon.listen-active.svelte-ypdwb3 {display:block;}.sr-only.svelte-ypdwb3 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}"
 };
-function ce(f, p) {
-	a(p, !0), ee(f, se);
+function V(f, p) {
+	a(p, !0), D(f, B);
 	let m = {
 		IDLE: "idle",
 		PLAYING: "playing",
 		BLOCKED: "blocked",
 		PAUSED: "paused"
-	}, _ = S(p, "hasAudio", 7, !1), C = S(p, "audioUrl", 7), T = S(p, "useFeatureButtonAudio", 7, !1), E = S(p, "autoplayEnabled", 7, !1), D = S(p, "audioTranscript", 7), A = S(p, "showVisibleTranscript", 7), j = S(p, "transcriptId", 7), M = S(p, "featureAudioSkin", 7), N = S(p, "uiText", 7), P = S(p, "locale", 7, ""), F = S(p, "onaudiostarted", 7), I = S(p, "onaudioended", 7), L = y(null), R = y(null), z = y(null), B = y(n(m.IDLE)), V = e(() => W({
+	}, _ = S(p, "hasAudio", 7, !1), C = S(p, "audioUrl", 7), T = S(p, "useFeatureButtonAudio", 7, !1), E = S(p, "autoplayEnabled", 7, !1), O = S(p, "featureAudioSkin", 7), j = S(p, "uiText", 7), M = S(p, "locale", 7, ""), N = S(p, "onaudiostarted", 7), P = S(p, "onaudioended", 7), F = y(null), I = y(null), L = y(null), V = y(n(m.IDLE)), H = v(() => ee({
 		hasAudio: _(),
 		audioUrl: C(),
 		useFeatureButtonAudio: T()
-	})), H = e(() => k(B) === m.PLAYING), U = e(() => k(B) === m.BLOCKED), te = e(() => k(V) === "error" ? N().audioResourceUnavailable : "");
+	})), U = v(() => A(V) === m.PLAYING), W = v(() => A(V) === m.BLOCKED), ie = v(() => A(H) === "error" ? j().audioResourceUnavailable : "");
 	t(() => {
-		C(), o(B, m.IDLE, !0);
+		C(), o(V, m.IDLE, !0);
 	});
-	function ce() {
-		k(V) !== "none" && k(V) !== "error" && k(L) && k(L).play().catch(() => {});
+	function ae() {
+		A(H) !== "none" && A(H) !== "error" && A(F) && A(F).play().catch(() => {});
 	}
-	function le() {
-		k(V) !== "none" && k(V) !== "error" && k(L) && k(L).play().finally(() => {
-			k(B) === m.BLOCKED && o(B, m.PAUSED, !0);
+	function oe() {
+		A(H) !== "none" && A(H) !== "error" && A(F) && A(F).play().finally(() => {
+			A(V) === m.BLOCKED && o(V, m.PAUSED, !0);
 		});
 	}
 	function G(e, n, r) {
@@ -193,141 +90,118 @@ function ce(f, p) {
 			if (t) return t.addEventListener(n, r), () => t.removeEventListener(n, r);
 		});
 	}
-	G(() => k(L), "playing", () => {
-		o(B, m.PLAYING, !0), F()?.();
-	}), G(() => k(L), "ended", () => {
-		o(B, m.PAUSED, !0), I()?.();
-	}), G(() => k(R), "click", () => ce()), G(() => k(z), "click", () => le()), t(() => {
-		!E() || k(V) === "none" || k(V) === "error" || k(B) === m.IDLE && k(L) && C() && (o(B, m.PAUSED, !0), k(L).play().catch(() => {
-			o(B, m.BLOCKED, !0);
+	G(() => A(F), "playing", () => {
+		o(V, m.PLAYING, !0), N()?.();
+	}), G(() => A(F), "ended", () => {
+		o(V, m.PAUSED, !0), P()?.();
+	}), G(() => A(I), "click", () => ae()), G(() => A(L), "click", () => oe()), t(() => {
+		!E() || A(H) === "none" || A(H) === "error" || A(V) === m.IDLE && A(F) && C() && (o(V, m.PAUSED, !0), A(F).play().catch(() => {
+			o(V, m.BLOCKED, !0);
 		}));
 	});
 	function K(e = "") {
 		return e.toLowerCase().startsWith("es") ? "Escuchar" : "Listen";
 	}
-	function ue(e = "") {
-		return e.toLowerCase().startsWith("es") ? N().listenSilentAltEs ?? "Escuchar. Repetir las instrucciones." : N().listenSilentAlt ?? "Repeat instructions";
-	}
 	function q(e = "") {
-		return e.toLowerCase().startsWith("es") ? N().listenPlayingAltEs ?? "Escuchar. Estas son las instrucciones." : N().listenPlayingAlt ?? "Instructions are playing";
+		return e.toLowerCase().startsWith("es") ? j().listenSilentAltEs ?? "Escuchar. Repetir las instrucciones." : j().listenSilentAlt ?? "Repeat instructions";
 	}
-	var de = {
+	function J(e = "") {
+		return e.toLowerCase().startsWith("es") ? j().listenPlayingAltEs ?? "Escuchar. Estas son las instrucciones." : j().listenPlayingAlt ?? "Instructions are playing";
+	}
+	var se = {
 		get hasAudio() {
 			return _();
 		},
-		set hasAudio(e = !1) {
-			_(e), v();
+		set hasAudio(t = !1) {
+			_(t), e();
 		},
 		get audioUrl() {
 			return C();
 		},
-		set audioUrl(e) {
-			C(e), v();
+		set audioUrl(t) {
+			C(t), e();
 		},
 		get useFeatureButtonAudio() {
 			return T();
 		},
-		set useFeatureButtonAudio(e = !1) {
-			T(e), v();
+		set useFeatureButtonAudio(t = !1) {
+			T(t), e();
 		},
 		get autoplayEnabled() {
 			return E();
 		},
-		set autoplayEnabled(e = !1) {
-			E(e), v();
-		},
-		get audioTranscript() {
-			return D();
-		},
-		set audioTranscript(e) {
-			D(e), v();
-		},
-		get showVisibleTranscript() {
-			return A();
-		},
-		set showVisibleTranscript(e) {
-			A(e), v();
-		},
-		get transcriptId() {
-			return j();
-		},
-		set transcriptId(e) {
-			j(e), v();
+		set autoplayEnabled(t = !1) {
+			E(t), e();
 		},
 		get featureAudioSkin() {
-			return M();
+			return O();
 		},
-		set featureAudioSkin(e) {
-			M(e), v();
+		set featureAudioSkin(t) {
+			O(t), e();
 		},
 		get uiText() {
-			return N();
+			return j();
 		},
-		set uiText(e) {
-			N(e), v();
+		set uiText(t) {
+			j(t), e();
 		},
 		get locale() {
-			return P();
+			return M();
 		},
-		set locale(e = "") {
-			P(e), v();
+		set locale(t = "") {
+			M(t), e();
 		},
 		get onaudiostarted() {
-			return F();
+			return N();
 		},
-		set onaudiostarted(e) {
-			F(e), v();
+		set onaudiostarted(t) {
+			N(t), e();
 		},
 		get onaudioended() {
-			return I();
+			return P();
 		},
-		set onaudioended(e) {
-			I(e), v();
+		set onaudioended(t) {
+			P(t), e();
 		}
-	}, J = u(), Y = l(J), fe = (e) => {
-		var t = oe(), n = O(t), i = (e) => {
-			var t = ne(), n = l(t);
-			w(n, (e) => o(L, e), () => k(L));
-			var i = r(n, 2), a = O(i), u = r(a, 2);
-			s(i), w(i, (e) => o(R, e), () => k(R)), c((e, t, r) => {
-				d(n, "src", C()), d(i, "aria-label", e), b(a, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${k(H) ? "" : "listen-active"}`, "svelte-ypdwb3"), d(a, "src", M().silentUrl), d(a, "alt", t), b(u, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${k(H) ? "listen-active" : ""}`, "svelte-ypdwb3"), d(u, "src", M().playingUrl), d(u, "alt", r);
+	}, Y = u(), ce = l(Y), le = (e) => {
+		var t = z(), n = k(t), i = (e) => {
+			var t = te(), n = l(t);
+			w(n, (e) => o(F, e), () => A(F));
+			var i = r(n, 2), a = k(i), u = r(a, 2);
+			s(i), w(i, (e) => o(I, e), () => A(I)), c((e, t, r) => {
+				d(n, "src", C()), d(i, "aria-label", e), b(a, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${A(U) ? "" : "listen-active"}`, "svelte-ypdwb3"), d(a, "src", O().silentUrl), d(a, "alt", t), b(u, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${A(U) ? "listen-active" : ""}`, "svelte-ypdwb3"), d(u, "src", O().playingUrl), d(u, "alt", r);
 			}, [
-				() => K(P()),
-				() => ue(P()),
-				() => q(P())
+				() => K(M()),
+				() => q(M()),
+				() => J(M())
 			]), h(e, t);
 		}, a = (e) => {
-			var t = ie(), n = l(t);
-			w(n, (e) => o(L, e), () => k(L));
+			var t = R(), n = l(t);
+			w(n, (e) => o(F, e), () => A(F));
 			var i = r(n, 2), a = (e) => {
-				var t = re(), n = O(t, !0);
-				s(t), w(t, (e) => o(z, e), () => k(z)), c(() => g(n, N().clickToEnableAutoplay)), h(e, t);
+				var t = ne(), n = k(t, !0);
+				s(t), w(t, (e) => o(L, e), () => A(L)), c(() => g(n, j().clickToEnableAutoplay)), h(e, t);
 			};
 			x(i, (e) => {
-				k(U) && e(a);
-			}), c(() => {
-				d(n, "src", C()), d(n, "aria-describedby", D() ? j() : void 0);
-			}), h(e, t);
+				A(W) && e(a);
+			}), c(() => d(n, "src", C())), h(e, t);
 		}, u = (e) => {
-			var t = ae(), n = O(t, !0);
-			s(t), c(() => g(n, k(te))), h(e, t);
+			var t = re(), n = k(t, !0);
+			s(t), c(() => g(n, A(ie))), h(e, t);
 		};
 		x(n, (e) => {
-			k(V) === "feature-button" ? e(i) : k(V) === "controls" ? e(a, 1) : k(V) === "error" && e(u, 2);
+			A(H) === "feature-button" ? e(i) : A(H) === "controls" ? e(a, 1) : A(H) === "error" && e(u, 2);
 		}), s(t), h(e, t);
 	};
-	return x(Y, (e) => {
-		k(V) !== "none" && e(fe);
-	}), h(f, J), i(de);
+	return x(ce, (e) => {
+		A(H) !== "none" && e(le);
+	}), h(f, Y), i(se);
 }
-E(ce, {
+E(V, {
 	hasAudio: {},
 	audioUrl: {},
 	useFeatureButtonAudio: {},
 	autoplayEnabled: {},
-	audioTranscript: {},
-	showVisibleTranscript: {},
-	transcriptId: {},
 	featureAudioSkin: {},
 	uiText: {},
 	locale: {},
@@ -336,74 +210,74 @@ E(ce, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/delivery/ClozeMarker.svelte
-var le = D("<img class=\"w-auto object-contain pie-blank-image\" style=\"max-height:var(--mpb-selected-image-max-height, 4rem);\"/>"), G = D("<span class=\"cloze-marker-value pie-blank-value svelte-d9l5tb\"></span>"), K = D("<span class=\"cloze-marker-empty svelte-d9l5tb\" aria-hidden=\"true\">&nbsp;</span>"), ue = D("<span role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><!></span>"), q = {
+var H = O("<img class=\"w-auto object-contain pie-blank-image\" style=\"max-height:var(--mpb-selected-image-max-height, 4rem);\"/>"), U = O("<span class=\"cloze-marker-value pie-blank-value svelte-d9l5tb\"></span>"), W = O("<span class=\"cloze-marker-empty svelte-d9l5tb\" aria-hidden=\"true\">&nbsp;</span>"), ie = O("<span role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><!></span>"), ae = {
 	hash: "svelte-d9l5tb",
-	code: ".cloze-marker.svelte-d9l5tb {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.cloze-marker.svelte-d9l5tb:focus-within {outline:2px solid var(--pie-focus, #2563eb);outline-offset:2px;}.cloze-marker-standalone.svelte-d9l5tb {width:var(--mpb-blank-standalone-width, 7rem);}.cloze-marker-empty.svelte-d9l5tb {display:inline-block;min-width:4ch;}.cloze-marker-value.svelte-d9l5tb {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.cloze-marker-value.svelte-d9l5tb p {margin:0;}"
+	code: ".cloze-marker.svelte-d9l5tb {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.cloze-marker.svelte-d9l5tb:focus-within {outline:2px solid var(--mpb-focus-ring, #1565c0);outline-offset:2px;}.cloze-marker-standalone.svelte-d9l5tb {width:var(--mpb-blank-standalone-width, 7rem);}.cloze-marker-empty.svelte-d9l5tb {display:inline-block;min-width:4ch;}.cloze-marker-value.svelte-d9l5tb {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.cloze-marker-value.svelte-d9l5tb p {margin:0;}"
 };
-function de(e, t) {
-	a(t, !0), ee(e, q);
-	let n = S(t, "choiceMode", 7, "text"), r = S(t, "displayChoice", 7, void 0), o = S(t, "displayChoiceLabelHtml", 7, ""), l = S(t, "isStandalone", 7, !1), u = S(t, "blankWidth", 7), m = S(t, "blankBorderWidth", 7), g = S(t, "ariaLabel", 7);
-	var _ = {
+function oe(t, n) {
+	a(n, !0), D(t, ae);
+	let r = S(n, "choiceMode", 7, "text"), o = S(n, "displayChoice", 7, void 0), l = S(n, "displayChoiceLabelHtml", 7, ""), u = S(n, "isStandalone", 7, !1), m = S(n, "blankWidth", 7), g = S(n, "blankBorderWidth", 7), _ = S(n, "ariaLabel", 7);
+	var v = {
 		get choiceMode() {
-			return n();
+			return r();
 		},
-		set choiceMode(e = "text") {
-			n(e), v();
+		set choiceMode(t = "text") {
+			r(t), e();
 		},
 		get displayChoice() {
-			return r();
+			return o();
 		},
-		set displayChoice(e = void 0) {
-			r(e), v();
+		set displayChoice(t = void 0) {
+			o(t), e();
 		},
 		get displayChoiceLabelHtml() {
-			return o();
+			return l();
 		},
-		set displayChoiceLabelHtml(e = "") {
-			o(e), v();
+		set displayChoiceLabelHtml(t = "") {
+			l(t), e();
 		},
 		get isStandalone() {
-			return l();
+			return u();
 		},
-		set isStandalone(e = !1) {
-			l(e), v();
+		set isStandalone(t = !1) {
+			u(t), e();
 		},
 		get blankWidth() {
-			return u();
+			return m();
 		},
-		set blankWidth(e) {
-			u(e), v();
+		set blankWidth(t) {
+			m(t), e();
 		},
 		get blankBorderWidth() {
-			return m();
+			return g();
 		},
-		set blankBorderWidth(e) {
-			m(e), v();
+		set blankBorderWidth(t) {
+			g(t), e();
 		},
 		get ariaLabel() {
-			return g();
+			return _();
 		},
-		set ariaLabel(e) {
-			g(e), v();
+		set ariaLabel(t) {
+			_(t), e();
 		}
-	}, y = ue(), C = O(y), w = (e) => {
-		var t = le();
+	}, y = ie(), C = k(y), w = (e) => {
+		var t = H();
 		c(() => {
-			d(t, "src", r().imageUrl), d(t, "alt", r().imageAlt || "Selected answer image");
+			d(t, "src", o().imageUrl), d(t, "alt", o().imageAlt || "Selected answer image");
 		}), h(e, t);
 	}, T = (e) => {
-		var t = G();
-		p(t, o, !0), s(t), h(e, t);
+		var t = U();
+		p(t, l, !0), s(t), h(e, t);
 	}, E = (e) => {
-		h(e, K());
+		h(e, W());
 	};
 	return x(C, (e) => {
-		n() === "image" && r()?.imageUrl ? e(w) : o() ? e(T, 1) : e(E, -1);
+		r() === "image" && o()?.imageUrl ? e(w) : l() ? e(T, 1) : e(E, -1);
 	}), s(y), c(() => {
-		b(y, 1, `inline-flex items-center min-h-[1.5em] px-2 mx-1 border-b-2 border-gray-500 align-baseline cloze-marker pie-blank-slot ${l() ? "cloze-marker-standalone pie-blank-slot-standalone" : ""}`, "svelte-d9l5tb"), f(y, `width:${u()};border-bottom-width:${m()};`), d(y, "aria-label", g());
-	}), h(e, y), i(_);
+		b(y, 1, `inline-flex items-center min-h-[1.5em] px-2 mx-1 border-b-2 border-gray-500 align-baseline cloze-marker pie-blank-slot ${u() ? "cloze-marker-standalone pie-blank-slot-standalone" : ""}`, "svelte-d9l5tb"), f(y, `width:${m()};border-bottom-width:${g()};`), d(y, "aria-label", _());
+	}), h(t, y), i(v);
 }
-E(de, {
+E(oe, {
 	choiceMode: {},
 	displayChoice: {},
 	displayChoiceLabelHtml: {},
@@ -414,117 +288,117 @@ E(de, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/delivery/ChoiceRow.svelte
-var J = D("<img class=\"object-contain pie-choice-image\" style=\"max-height:var(--mpb-choice-image-max-height, 5rem);\"/>"), Y = D("<span class=\"choice-html pie-choice-label svelte-8xu1pt\"></span>"), fe = D("<label class=\"cursor-pointer choice-tile text-center pie-choice-tile svelte-8xu1pt\"><span class=\"choice-tile-content pie-choice-tile-content svelte-8xu1pt\"><!></span> <input type=\"radio\" class=\"choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-8xu1pt\"/></label>"), pe = D("<input type=\"radio\" class=\"choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-8xu1pt\"/> <label class=\"cursor-pointer flex-1 pie-choice-label-wrap svelte-8xu1pt\"><!></label>", 1), X = D("<span aria-hidden=\"true\"> </span>"), me = D("<div style=\"gap:var(--mpb-choice-row-gap, 0.5rem);\"><!> <!></div>"), Z = {
+var G = O("<img class=\"object-contain pie-choice-image\" style=\"max-height:var(--mpb-choice-image-max-height, 5rem);\"/>"), K = O("<span class=\"choice-html pie-choice-label svelte-8xu1pt\"></span>"), q = O("<label class=\"cursor-pointer choice-tile text-center pie-choice-tile svelte-8xu1pt\"><span class=\"choice-tile-content pie-choice-tile-content svelte-8xu1pt\"><!></span> <input type=\"radio\" class=\"choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-8xu1pt\"/></label>"), J = O("<input type=\"radio\" class=\"choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-8xu1pt\"/> <label class=\"cursor-pointer flex-1 pie-choice-label-wrap svelte-8xu1pt\"><!></label>", 1), se = O("<span aria-hidden=\"true\"> </span>"), Y = O("<div style=\"gap:var(--mpb-choice-row-gap, 0.5rem);\"><!> <!></div>"), ce = {
 	hash: "svelte-8xu1pt",
-	code: ".choice-row-horizontal.svelte-8xu1pt {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));min-height:var(--mpb-choice-tile-min-height, 11rem);gap:0;}.choice-tile.svelte-8xu1pt {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:var(--mpb-choice-tile-min-height, 11rem);padding:0.8rem 0.65rem 0.5rem;border-radius:8px;background:transparent;transition:background-color 120ms ease-in-out;}.choice-tile-content.svelte-8xu1pt {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-hover-bg, var(--pie-correct-answer-choice-hover-bg, #f2f2f2));}.pie-choice-horizontal.svelte-8xu1pt:not(.is-selected):not(:hover) .pie-choice-tile:where(.svelte-8xu1pt) {background:transparent;}.choice-row-horizontal.is-selected.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-correct-answer-choice-selected-bg, #fcfcd3));}.choice-row-horizontal.is-selected.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-correct-answer-choice-selected-bg, #fcfcd3));}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-hover-bg, #ececec);}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):not(.is-selected):not(:hover) .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:transparent;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);border-radius:6px;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt:hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.pie-choice.choice-correct.svelte-8xu1pt {border-left:3px solid var(--pie-correct-answer-choice-correct-border, #0ea449);}.pie-choice.choice-incorrect.svelte-8xu1pt {border-left:3px solid var(--pie-correct-answer-choice-incorrect-border, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-correct-bg, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-incorrect-bg, #ffebee);}.pie-choice-feedback-badge.svelte-8xu1pt {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:9999px;font-size:0.72rem;line-height:1;font-weight:700;color:var(--pie-correct-answer-feedback-glyph-color, #fff);}.pie-choice-feedback-correct.svelte-8xu1pt {background:var(--pie-correct-answer-feedback-correct-bg, #087d38);}.pie-choice-feedback-incorrect.svelte-8xu1pt {background:var(--pie-correct-answer-feedback-incorrect-bg, #bf0d00);}.choice-row-horizontal.svelte-8xu1pt p {margin:0;text-align:center;}.choice-html.svelte-8xu1pt p {margin:0;}.choice-html.svelte-8xu1pt {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);padding:var(--mpb-choice-radio-padding, 0px);}.choice-radio-inline.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}"
+	code: ".choice-row-horizontal.svelte-8xu1pt {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));min-height:var(--mpb-choice-tile-min-height, 11rem);gap:0;}.choice-tile.svelte-8xu1pt {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:var(--mpb-choice-tile-min-height, 11rem);padding:0.8rem 0.65rem 0.5rem;border-radius:8px;background:transparent;transition:background-color 120ms ease-in-out;}.choice-tile-content.svelte-8xu1pt {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-hover-bg, var(--pie-background-dark, #ecedf1));}.pie-choice-horizontal.svelte-8xu1pt:not(.is-selected):not(:hover) .pie-choice-tile:where(.svelte-8xu1pt) {background:transparent;}.choice-row-horizontal.is-selected.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-secondary-background, rgba(241, 241, 241, 1)));}.choice-row-horizontal.is-selected.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-secondary-background, rgba(241, 241, 241, 1)));}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-background-dark, #ecedf1);}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):not(.is-selected):not(:hover) .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:transparent;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-secondary-background, rgba(241, 241, 241, 1));border-radius:6px;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt:hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-secondary-background, rgba(241, 241, 241, 1));}.pie-choice.choice-correct.svelte-8xu1pt {border-left:3px solid var(--pie-correct-tertiary, #0ea449);}.pie-choice.choice-incorrect.svelte-8xu1pt {border-left:3px solid var(--pie-incorrect-icon, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-correct-secondary, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-incorrect-secondary, #ffebee);}.pie-choice-feedback-badge.svelte-8xu1pt {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:9999px;font-size:0.72rem;line-height:1;font-weight:700;color:var(--pie-white, #ffffff);}.pie-choice-feedback-correct.svelte-8xu1pt {background:var(--pie-correct-icon, #087d38);}.pie-choice-feedback-incorrect.svelte-8xu1pt {background:var(--pie-incorrect-icon, #bf0d00);}.choice-row-horizontal.svelte-8xu1pt p {margin:0;text-align:center;}.choice-html.svelte-8xu1pt p {margin:0;}.choice-html.svelte-8xu1pt {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);padding:var(--mpb-choice-radio-padding, 0px);}.choice-radio-inline.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}"
 };
-function he(e, t) {
-	a(t, !0), ee(e, Z);
-	let n = S(t, "choice", 7), o = S(t, "choiceMode", 7, "text"), u = S(t, "isHorizontal", 7, !1), f = S(t, "isSelected", 7, !1), m = S(t, "isDisabled", 7, !1), y = S(t, "correctness", 7, void 0), w = S(t, "isEvaluateMode", 7, !1), E = S(t, "instanceId", 7), D = S(t, "radioGroupName", 7);
-	var k = {
+function le(t, n) {
+	a(n, !0), D(t, ce);
+	let o = S(n, "choice", 7), u = S(n, "choiceMode", 7, "text"), f = S(n, "isHorizontal", 7, !1), m = S(n, "isSelected", 7, !1), v = S(n, "isDisabled", 7, !1), y = S(n, "correctness", 7, void 0), w = S(n, "isEvaluateMode", 7, !1), E = S(n, "instanceId", 7), O = S(n, "radioGroupName", 7);
+	var A = {
 		get choice() {
-			return n();
+			return o();
 		},
-		set choice(e) {
-			n(e), v();
+		set choice(t) {
+			o(t), e();
 		},
 		get choiceMode() {
-			return o();
+			return u();
 		},
-		set choiceMode(e = "text") {
-			o(e), v();
+		set choiceMode(t = "text") {
+			u(t), e();
 		},
 		get isHorizontal() {
-			return u();
+			return f();
 		},
-		set isHorizontal(e = !1) {
-			u(e), v();
+		set isHorizontal(t = !1) {
+			f(t), e();
 		},
 		get isSelected() {
-			return f();
+			return m();
 		},
-		set isSelected(e = !1) {
-			f(e), v();
+		set isSelected(t = !1) {
+			m(t), e();
 		},
 		get isDisabled() {
-			return m();
+			return v();
 		},
-		set isDisabled(e = !1) {
-			m(e), v();
+		set isDisabled(t = !1) {
+			v(t), e();
 		},
 		get correctness() {
 			return y();
 		},
-		set correctness(e = void 0) {
-			y(e), v();
+		set correctness(t = void 0) {
+			y(t), e();
 		},
 		get isEvaluateMode() {
 			return w();
 		},
-		set isEvaluateMode(e = !1) {
-			w(e), v();
+		set isEvaluateMode(t = !1) {
+			w(t), e();
 		},
 		get instanceId() {
 			return E();
 		},
-		set instanceId(e) {
-			E(e), v();
+		set instanceId(t) {
+			E(t), e();
 		},
 		get radioGroupName() {
-			return D();
+			return O();
 		},
-		set radioGroupName(e) {
-			D(e), v();
+		set radioGroupName(t) {
+			O(t), e();
 		}
-	}, A = me(), j = O(A), M = (e) => {
-		var t = fe(), i = O(t), a = O(i), l = (e) => {
-			var t = J();
+	}, j = Y(), M = k(j), N = (e) => {
+		var t = q(), n = k(t), i = k(n), a = (e) => {
+			var t = G();
 			c(() => {
-				d(t, "src", n().imageUrl), d(t, "alt", n().imageAlt || `Choice ${n().id}`);
+				d(t, "src", o().imageUrl), d(t, "alt", o().imageAlt || `Choice ${o().id}`);
 			}), h(e, t);
-		}, u = (e) => {
-			var t = Y();
-			p(t, () => n().labelHtml || "", !0), s(t), h(e, t);
+		}, l = (e) => {
+			var t = K();
+			p(t, () => o().labelHtml || "", !0), s(t), h(e, t);
 		};
-		x(a, (e) => {
-			o() === "image" && n().imageUrl ? e(l) : e(u, -1);
-		}), s(i);
-		var g = r(i, 2);
-		_(g), s(t), c(() => {
-			d(t, "for", `${E()}-opt-${n().id}`), d(g, "name", D()), d(g, "id", `${E()}-opt-${n().id}`), T(g, n().id), C(g, f()), g.disabled = m();
+		x(i, (e) => {
+			u() === "image" && o().imageUrl ? e(a) : e(l, -1);
+		}), s(n);
+		var f = r(n, 2);
+		_(f), s(t), c(() => {
+			d(t, "for", `${E()}-opt-${o().id}`), d(f, "name", O()), d(f, "id", `${E()}-opt-${o().id}`), T(f, o().id), C(f, m()), f.disabled = v();
 		}), h(e, t);
-	}, N = (e) => {
-		var t = pe(), i = l(t);
-		_(i);
-		var a = r(i, 2), u = O(a), g = (e) => {
-			var t = J();
+	}, P = (e) => {
+		var t = J(), n = l(t);
+		_(n);
+		var i = r(n, 2), a = k(i), f = (e) => {
+			var t = G();
 			c(() => {
-				d(t, "src", n().imageUrl), d(t, "alt", n().imageAlt || `Choice ${n().id}`);
+				d(t, "src", o().imageUrl), d(t, "alt", o().imageAlt || `Choice ${o().id}`);
 			}), h(e, t);
-		}, v = (e) => {
-			var t = Y();
-			p(t, () => n().labelHtml || "", !0), s(t), h(e, t);
+		}, g = (e) => {
+			var t = K();
+			p(t, () => o().labelHtml || "", !0), s(t), h(e, t);
 		};
-		x(u, (e) => {
-			o() === "image" && n().imageUrl ? e(g) : e(v, -1);
-		}), s(a), c(() => {
-			d(i, "name", D()), d(i, "id", `${E()}-opt-${n().id}`), T(i, n().id), C(i, f()), i.disabled = m(), d(a, "for", `${E()}-opt-${n().id}`);
+		x(a, (e) => {
+			u() === "image" && o().imageUrl ? e(f) : e(g, -1);
+		}), s(i), c(() => {
+			d(n, "name", O()), d(n, "id", `${E()}-opt-${o().id}`), T(n, o().id), C(n, m()), n.disabled = v(), d(i, "for", `${E()}-opt-${o().id}`);
 		}), h(e, t);
 	};
-	x(j, (e) => {
-		u() ? e(M) : e(N, -1);
+	x(M, (e) => {
+		f() ? e(N) : e(P, -1);
 	});
-	var P = r(j, 2), F = (e) => {
-		var t = X(), n = O(t, !0);
+	var F = r(M, 2), I = (e) => {
+		var t = se(), n = k(t, !0);
 		s(t), c(() => {
 			b(t, 1, `pie-choice-feedback-badge ${y() === "correct" ? "pie-choice-feedback-correct" : "pie-choice-feedback-incorrect"}`, "svelte-8xu1pt"), g(n, y() === "correct" ? "✓" : "✕");
 		}), h(e, t);
 	};
-	return x(P, (e) => {
-		w() && y() && e(F);
-	}), s(A), c(() => b(A, 1, `flex items-start choice-row pie-choice ${u() ? "choice-row-horizontal pie-choice-horizontal" : ""} ${f() ? "is-selected pie-choice-selected" : ""} ${y() ? `choice-${y()} pie-choice-${y()}` : ""}`, "svelte-8xu1pt")), h(e, A), i(k);
+	return x(F, (e) => {
+		w() && y() && e(I);
+	}), s(j), c(() => b(j, 1, `flex items-start choice-row pie-choice ${f() ? "choice-row-horizontal pie-choice-horizontal" : ""} ${m() ? "is-selected pie-choice-selected" : ""} ${y() ? `choice-${y()} pie-choice-${y()}` : ""}`, "svelte-8xu1pt")), h(t, j), i(A);
 }
-E(he, {
+E(le, {
 	choice: {},
 	choiceMode: {},
 	isHorizontal: {},
@@ -537,31 +411,31 @@ E(he, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/delivery/computeChoiceCorrectness.ts
-function ge(e) {
+function ue(e) {
 	let t = /* @__PURE__ */ new Map(), { isEvaluateMode: n, correctChoiceId: r, selectedId: i, showCorrectAnswer: a } = e;
 	return !n || !r ? t : a ? (t.set(r, "correct"), t) : i ? i === r ? (t.set(r, "correct"), t) : (t.set(i, "incorrect"), t.set(r, "incorrect"), t) : (t.set(r, "incorrect"), t);
 }
 //#endregion
 //#region src/delivery/computeLayoutProfile.ts
-var _e = "{{blank}}", ve = new Set([
+var de = "{{blank}}", fe = /* @__PURE__ */ new Set([
 	"audio_blank_only",
 	"stimulus_image_blank",
 	"token_sequence"
 ]);
-function ye(e) {
-	let { interactionMode: t = "", template: n = "", choiceLayout: r, layoutProfile: i = "", hasAudio: a = !1, useFeatureButtonAudio: o } = e, s = t === "audio_mc_only", c = n ? n.replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim() === _e : !1, l = r === "horizontal" || r === "vertical" ? r : s || c ? "horizontal" : "vertical";
+function pe(e) {
+	let { interactionMode: t = "", template: n = "", choiceLayout: r, layoutProfile: i = "", hasAudio: a = !1, useFeatureButtonAudio: o } = e, s = t === "audio_mc_only", c = n ? n.replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim() === de : !1, l = r === "horizontal" || r === "vertical" ? r : s || c ? "horizontal" : "vertical";
 	return {
 		isAudioOnlyMode: s,
 		isBlankOnlyTemplate: c,
 		choiceLayout: l,
 		isHorizontalChoices: l === "horizontal",
 		hasInlineSentenceAudioLayout: i === "inline_sentence" && a,
-		useFeatureButtonAudio: typeof o == "boolean" ? o : a && ve.has(i)
+		useFeatureButtonAudio: typeof o == "boolean" ? o : a && fe.has(i)
 	};
 }
 //#endregion
 //#region src/delivery/computeLayoutStyle.ts
-var be = {
+var me = {
 	blankStandaloneWidthRem: {
 		varName: "--mpb-blank-standalone-width",
 		unit: "rem"
@@ -698,7 +572,7 @@ var be = {
 		varName: "--mpb-inline-choices-margin-top",
 		unit: "rem"
 	}
-}, xe = {
+}, X = {
 	audio_blank_only: {
 		blankWideWidthRem: 10,
 		blankUnderlineWideWidthPx: 6,
@@ -716,29 +590,29 @@ var be = {
 		blankUnderlineWideWidthPx: 6
 	}
 };
-function Se(e) {
-	let { layoutProfile: t, isBlankOnlyTemplate: n, correctAnswerStyleVars: r } = e, i = e.configuredLimits && typeof e.configuredLimits == "object" ? e.configuredLimits : {}, a = e.customProfilePresets && typeof e.customProfilePresets == "object" ? e.customProfilePresets : {}, o = a[t] && typeof a[t] == "object" ? a[t] : {}, s = {
-		...xe[t] ?? {},
+function he(e) {
+	let { layoutProfile: t, isBlankOnlyTemplate: n } = e, r = e.configuredLimits && typeof e.configuredLimits == "object" ? e.configuredLimits : {}, i = e.customProfilePresets && typeof e.customProfilePresets == "object" ? e.customProfilePresets : {}, a = i[t] && typeof i[t] == "object" ? i[t] : {}, o = {
+		...X[t] ?? {},
+		...a
+	}, s = {
+		...M,
+		...r,
 		...o
-	}, c = {
-		...j,
-		...i,
-		...s
-	}, l = ["audio_blank_only", "stimulus_image_blank"], u = [
+	}, c = ["audio_blank_only", "stimulus_image_blank"], l = [
 		"audio_blank_only",
 		"stimulus_image_blank",
 		"token_sequence"
-	], d = l.includes(t) ? `${c.blankWideWidthRem}rem` : n ? `${c.blankStandaloneWidthRem}rem` : "auto", f = u.includes(t) ? `${c.blankUnderlineWideWidthPx}px` : `${c.blankUnderlineWidthPx}px`;
+	], u = c.includes(t) ? `${s.blankWideWidthRem}rem` : n ? `${s.blankStandaloneWidthRem}rem` : "auto", d = l.includes(t) ? `${s.blankUnderlineWideWidthPx}px` : `${s.blankUnderlineWidthPx}px`;
 	return {
-		rootStyle: [...Object.keys(be).map((e) => `${be[e].varName}:${c[e]}${be[e].unit}`), r].join(";"),
-		blankWidth: d,
-		blankBorderWidth: f,
-		legendMaxChars: c.legendMaxChars
+		rootStyle: Object.keys(me).map((e) => `${me[e].varName}:${s[e]}${me[e].unit}`).join(";"),
+		blankWidth: u,
+		blankBorderWidth: d,
+		legendMaxChars: s.legendMaxChars
 	};
 }
 //#endregion
 //#region src/delivery/computeDisplayState.ts
-var Ce = {
+var Z = {
 	default: {
 		silentUrl: "https://assets.learnosity.com/organisations/844/0c9f2aa3-3cd5-4de7-93ef-541c24ca35da.svg",
 		playingUrl: "https://assets.learnosity.com/organisations/844/231dfdc2-c113-4be5-91fb-e75a0ca5994b.svg"
@@ -748,25 +622,25 @@ var Ce = {
 		playingUrl: "https://assets.learnosity.com/organisations/844/120f216d-96b7-4560-94b8-1d90710216b7.svg"
 	}
 };
-function we(e) {
-	let t = String(e.locale || "").toLowerCase(), n = t.slice(0, 2), r = e.audioButtonSkinsByLocale && typeof e.audioButtonSkinsByLocale == "object" ? e.audioButtonSkinsByLocale : {}, i = e.audioButtonSkin && typeof e.audioButtonSkin == "object" ? e.audioButtonSkin : null, a = t.startsWith("es") ? Ce.es : Ce.default;
+function ge(e) {
+	let t = String(e.locale || "").toLowerCase(), n = t.slice(0, 2), r = e.audioButtonSkinsByLocale && typeof e.audioButtonSkinsByLocale == "object" ? e.audioButtonSkinsByLocale : {}, i = e.audioButtonSkin && typeof e.audioButtonSkin == "object" ? e.audioButtonSkin : null, a = t.startsWith("es") ? Z.es : Z.default;
 	return r[t] || r[n] || r.default || i || a;
 }
-function Te(e) {
+function _e(e) {
 	let { selectedId: t, isEvaluateMode: n, showCorrectAnswer: r, alwaysShowCorrect: i, correctChoiceId: a } = e;
 	return i && a || n && r && a ? a : t;
 }
-function Ee(e) {
+function ve(e) {
 	let { isEvaluateMode: t, showCorrectAnswer: n, isCorrect: r, isIncorrect: i, selectedId: a } = e;
 	return !t || n ? "" : r ? "Correct answer selected" : i && a ? "Incorrect answer selected" : "";
 }
-function De(e) {
+function ye(e) {
 	let { prompt: t, legendMaxChars: n, answerChoicesLabel: r } = e, i = t.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim(), a = Math.max(8, n);
 	return i ? i.length > a ? `${i.slice(0, Math.max(1, a - 1))}…` : i : r;
 }
 //#endregion
 //#region src/delivery/cqt-css/sel-r1-base.css?raw
-var Oe = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n   Uses [class*=\"variant-sel-r1-\"] so it covers every r1 variant class.\n   Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */\n\n/* r1.scss: Starial font throughout */\n[class*=\"variant-sel-r1-\"] {\n  font-family: Starial, Arial, sans-serif;\n}\n\n/* r1.scss: .rli-r1-audio-transcript { font-family:Roboto; font-size:16px } */\n[class*=\"variant-sel-r1-\"] .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n   Makes inline font-size spans in the template multiply on top of this base. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n   r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n   column-gap:4px replicates the 2px+2px per-element margin. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: center;\n  column-gap: 4px;\n}\n\n[class*=\"variant-sel-r1-\"] .pie-template-line p {\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  gap: 4px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n   line-height:89px } — every stem token (blank slot and adjacent spans) is a 150px box.\n   Scoped to token_sequence layout so the audio_blank_only standalone blank (160px) is unaffected. */\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line span:not([class]),\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line .pie-blank-slot {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n[class*=\"variant-sel-r1-\"] .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n", ke = {
+var be = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n   Uses [class*=\"variant-sel-r1-\"] so it covers every r1 variant class.\n   Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */\n\n/* r1.scss: Starial font throughout.\n   font-size 14px mirrors the Learnosity host root (.lrn_widget) which sets the\n   base for all em-scaled rules in r1.scss (e.g. .rli-r1-content-element { 1.9em })\n   and any em-based author content (e.g. <span style=\"font-size:1.8em\">). Without\n   this base PIE inherits the 16px browser default and renders ~14% larger than\n   the LSY reference. See CONTOOL-2567. */\n[class*=\"variant-sel-r1-\"] {\n  font-family: Starial, Arial, sans-serif;\n  font-size: 14px;\n}\n\n/* r1.scss: .rli-r1-audio-transcript { font-family:Roboto; font-size:16px } */\n[class*=\"variant-sel-r1-\"] .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n   Makes inline font-size spans in the template multiply on top of this base. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n   r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n   Apply the per-element margin to both classless tokens and the blank slot\n   (which is the cloze equivalent) so the gap stacks with whitespace text-nodes\n   between flex items the same way LSY does. Earlier this used column-gap:4px,\n   but flex column-gap accumulates with the cloze-side mx-1 and the implicit\n   whitespace, producing a wider gap than LSY shows. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: center;\n}\n\n[class*=\"variant-sel-r1-\"] .pie-template-line p {\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n   line-height:89px; margin-right:2px; margin-left:2px } — wraps every stem token\n   (blank slot and adjacent inline spans) in LSY, giving each a 150px box with a\n   2px per-side margin. Apply to inline tokens in all r1 variants so trailing\n   tokens in audio_blank_only (gplusggg) match the blank's height the way LSY does. */\n[class*=\"variant-sel-r1-\"] .pie-template-line span:not([class]) {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* In token_sequence layouts the blank itself is also a content-element box (no\n   surrounding .rli-r1-cloze container at 160px). audio_blank_only / stimulus_image_blank\n   keep their own 160px min-height set on the blank slot in McPopulatedBlank.svelte to\n   mirror LSY's .rli-r1-cloze height. The 2px per-side margin matches LSY's\n   .rli-r1-content-element pattern (overriding the default Tailwind mx-1). */\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line .pie-blank-slot {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* audio_blank_only / stimulus_image_blank keep the 160px wide blank slot, but\n   still need the 2px per-side margin so the gap to the trailing token mirrors\n   LSY's .rli-r1-content-element rhythm. Without this, Tailwind's mx-1 (4px)\n   would dominate and the cloze→token gap diverges from LSY. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"].layout-audio_blank_only .pie-template-line .pie-blank-slot,\n[class*=\"variant-sel-r1-\"].layout-stimulus_image_blank .pie-template-line .pie-blank-slot {\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n[class*=\"variant-sel-r1-\"] .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px;\n   min-height:150px } wraps every image (stem token + distractor) and forces\n   the content box to 150×150. LSY's host also rewrites <img width/height>\n   to 150 server-side. PIE keeps the authored attributes (typically 108×108),\n   so without an explicit override images render ~28% smaller than LSY.\n   See CONTOOL-2570. */\n[class*=\"variant-sel-r1-\"] .pie-template-line img,\n[class*=\"variant-sel-r1-\"] .pie-choice-label img {\n  width: 150px;\n  height: 150px;\n}\n", xe = {
 	"sel_r1-_plusggg": {
 		variantId: "sel-r1-plusggg",
 		variantClass: "variant-sel-r1-plusggg",
@@ -777,13 +651,13 @@ var Oe = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied v
 		variantId: "sr-vic",
 		variantClass: "variant-sr-vic",
 		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/vic.scss */\n.mc-populated-blank-root.variant-sr-vic {\n  font-family: Starial, Arial, sans-serif;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-template-line,\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* vic.scss: .rli-vic-answer uses display:flex so sentence and cloze stay on\n   one line. The template HTML wraps text in <p>, which is block by default and\n   breaks to a new line. Making <p> inline keeps the sentence and blank inline. */\n.mc-populated-blank-root.variant-sr-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value {\n  color: #cc3333;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } applied to the\n   whole distractor row (radio + label), not just the label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } applied to\n   the full row element, not only the inner label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* Selected state must win over hover — yellow persists when hovering a chosen row. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n}\n"
+		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/vic.scss */\n.mc-populated-blank-root.variant-sr-vic {\n  font-family: Starial, Arial, sans-serif;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-template-line,\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* vic.scss: .rli-vic-answer uses display:flex so sentence and cloze stay on\n   one line. The template HTML wraps text in <p>, which is block by default and\n   breaks to a new line. Making <p> inline keeps the sentence and blank inline. */\n.mc-populated-blank-root.variant-sr-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* LSY .rli-vic-answer has no text-align rule and inherits start; PIE's\n   inline_sentence layout sets text-align:center on .template-line via a\n   Svelte-scoped selector with specificity (0,4,0), so we need to match or\n   exceed that. Pin sr-vic back to start so wrapped lines stay left-aligned.\n   Same root cause as sel-vic. See CONTOOL-2573. */\n.mc-populated-blank-root.variant-sr-vic.layout-inline_sentence .pie-template-line.template-line {\n  text-align: start;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value {\n  color: #cc3333;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } applied to the\n   whole distractor row (radio + label), not just the label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } applied to\n   the full row element, not only the inner label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* Selected state must win over hover — yellow persists when hovering a chosen row. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n}\n"
 	},
 	sel_vic: {
 		variantId: "sel-vic",
 		variantClass: "variant-sel-vic",
 		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/sel_vic/scss/main.scss + vic.scss */\n.mc-populated-blank-root.variant-sel-vic {\n  font-family: Starial, Arial, sans-serif;\n  font-size: 1.5em;\n  max-width: 800px;\n  margin-inline: auto;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n  --pie-correct-answer-choice-hover-bg: #e2e2e2;\n  --pie-correct-answer-choice-selected-bg: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-template-line,\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* sel_vic/main.scss: template left ~75%, audio right ~25% on the same row.\n   Svelte scoping prevents the component-internal grid-area rule from reaching\n   .audio-container inside AudioPlayer, so we override it here via the global\n   .pie-audio-container class which is not subject to scope hashing. */\n.mc-populated-blank-root.variant-sel-vic .pie-audio-container {\n  grid-area: audio;\n  margin: 0;\n  justify-self: end;\n  align-self: start;\n  min-height: 128px;\n}\n\n/* vic.scss: sentence and cloze sit inline — the <p> wrapper must not break to\n   a new line before the blank slot. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value {\n  color: #cc3333;\n}\n\n/* sel_vic/main.scss: .sel-vic { max-width: 800px } — the fieldset/choices must\n   also be constrained so rows don't span beyond 800px. */\n.mc-populated-blank-root.variant-sel-vic .pie-choices-fieldset {\n  max-width: 800px;\n  width: 100%;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* Selected state must win over hover. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n@media (min-width: 620px) {\n  .mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {\n    min-width: 620px;\n    max-width: 800px;\n    transform: translateX(-55px);\n  }\n}\n"
+		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/sel_vic/scss/main.scss + vic.scss */\n.mc-populated-blank-root.variant-sel-vic {\n  font-family: Starial, Arial, sans-serif;\n  /* LSY chain: .lrn_widget (14px host) → .sel-vic { 1.5em } = 21px.\n     PIE collapses both LSY layers into this single variant-root selector, so\n     the resolved value is set directly. See CONTOOL-2567. */\n  font-size: 21px;\n  max-width: 800px;\n  margin-inline: auto;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-template-line,\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* sel_vic/main.scss: template left ~75%, audio right ~25% on the same row.\n   Svelte scoping prevents the component-internal grid-area rule from reaching\n   .audio-container inside AudioPlayer, so we override it here via the global\n   .pie-audio-container class which is not subject to scope hashing. */\n.mc-populated-blank-root.variant-sel-vic .pie-audio-container {\n  grid-area: audio;\n  margin: 0;\n  justify-self: end;\n  align-self: start;\n  min-height: 128px;\n}\n\n/* vic.scss: sentence and cloze sit inline — the <p> wrapper must not break to\n   a new line before the blank slot. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* LSY .rli-vic-answer has no text-align rule and inherits start; PIE's\n   inline_sentence layout sets text-align:center on .template-line via a\n   Svelte-scoped selector with specificity (0,4,0), so we need to match or\n   exceed that. Pin sel-vic back to start so wrapped lines stay left-aligned.\n   See CONTOOL-2573. */\n.mc-populated-blank-root.variant-sel-vic.layout-inline_sentence .pie-template-line.template-line {\n  text-align: start;\n}\n\n/* vic.scss: .rli-vic-cloze { margin-left: 6px; margin-right: 6px } gives the\n   cloze breathing room from adjacent text or punctuation. The PIE markup uses\n   Tailwind-style mx-1 in the class list, but mc-populated-blank does not\n   compile Tailwind, so that class is a no-op. Set the inline margin\n   explicitly so the cloze→trailing-punctuation gap matches LSY. See\n   CONTOOL-2572. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line .pie-blank-slot {\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value {\n  color: #cc3333;\n}\n\n/* sel_vic/main.scss: .sel-vic { max-width: 800px } — the fieldset/choices must\n   also be constrained so rows don't span beyond 800px. */\n.mc-populated-blank-root.variant-sel-vic .pie-choices-fieldset {\n  max-width: 800px;\n  width: 100%;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* Selected state must win over hover. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n@media (min-width: 620px) {\n  .mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {\n    min-width: 620px;\n    max-width: 800px;\n    transform: translateX(-55px);\n  }\n}\n"
 	},
 	"sel_r1-_gplusggg": {
 		variantId: "sel-r1-gplusggg",
@@ -807,22 +681,22 @@ var Oe = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied v
 		variantId: "sel-r1-ggplus",
 		variantClass: "variant-sel-r1-ggplus",
 		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-ggplus {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-selected-bg: #fcfcd3;\n}\n\n/* In this variant, the blank appears before trailing tokens; avoid left-margin offset. */\n.mc-populated-blank-root.variant-sel-r1-ggplus.layout-token_sequence .pie-blank-slot {\n  margin-left: 0;\n}\n"
+		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-ggplus {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-selected-bg: #fcfcd3;\n}\n"
 	},
 	"sel_r1-s3_plusggg": {
 		variantId: "sel-r1-s3",
 		variantClass: "variant-sel-r1-s3",
 		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n  max-width: 860px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 0.35rem;\n  --mpb-choice-row-gap: 0.35rem;\n  --mpb-horizontal-choice-radio-top-margin: 0.25rem;\n  --mpb-stimulus-min-column: 240px;\n  --mpb-stimulus-grid-column-gap: 1.1rem;\n  --mpb-stimulus-choices-margin-top: 0.85rem;\n  --mpb-audio-blank-template-margin-bottom: 0.9rem;\n  --mpb-blank-wide-width: 6.8rem;\n}\n\n/* s3 overrides base choice-label with font-weight:500 */\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {\n  font-size: 1.9em;\n  line-height: 89px;\n  font-weight: 500;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {\n  line-height: 1.1;\n  white-space: nowrap;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {\n  border-radius: 6px;\n  background: #f1f1f1;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n  grid-template-columns: minmax(220px, auto) auto auto;\n  grid-template-areas:\n    \"transcript transcript transcript\"\n    \"sentence template audio\"\n    \"choices choices choices\";\n  justify-content: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n  grid-area: template;\n  justify-self: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {\n  justify-self: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {\n  justify-self: start;\n  align-self: start;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n  justify-self: center;\n  width: fit-content;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {\n  max-width: 100%;\n  height: auto;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {\n  background: #e2e2e2;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,\n.mc-populated-blank-root.variant-sel-r1-s3\n  .pie-choice-horizontal.is-selected:hover\n  .pie-choice-tile {\n  background: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {\n  transform: scale(0.85);\n}\n"
+		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n  max-width: 860px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 0.35rem;\n  --mpb-choice-row-gap: 0.35rem;\n  --mpb-horizontal-choice-radio-top-margin: 0.25rem;\n  --mpb-stimulus-min-column: 240px;\n  --mpb-stimulus-grid-column-gap: 1.1rem;\n  --mpb-stimulus-choices-margin-top: 0.85rem;\n  --mpb-audio-blank-template-margin-bottom: 0.9rem;\n  --mpb-blank-wide-width: 6.8rem;\n}\n\n/* sel_r1-s3_plusggg/question.css does not set font-weight on distractors or\n   cloze content-element, so they inherit 400 from the host root. The earlier\n   font-weight:500 override caused PIE to render visibly heavier than LSY for\n   the same author content. See CONTOOL-2571. */\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {\n  line-height: 1.1;\n  white-space: nowrap;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {\n  border-radius: 6px;\n  background: #f1f1f1;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n  grid-template-columns: minmax(220px, auto) auto auto;\n  grid-template-areas:\n    \"transcript transcript transcript\"\n    \"sentence template audio\"\n    \"choices choices choices\";\n  justify-content: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n  grid-area: template;\n  justify-self: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {\n  justify-self: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {\n  justify-self: start;\n  align-self: start;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n  justify-self: center;\n  width: fit-content;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {\n  max-width: 100%;\n  height: auto;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {\n  background: #e2e2e2;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,\n.mc-populated-blank-root.variant-sel-r1-s3\n  .pie-choice-horizontal.is-selected:hover\n  .pie-choice-tile {\n  background: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {\n  transform: scale(0.85);\n}\n"
 	}
-}, Ae = (e) => String(e || "").trim().toLowerCase().replace(/v\d+\.\d+\.\d+$/i, ""), je = (e) => ke[Ae(e)], Me = (e) => je(e)?.variantClass || "", Ne = new Set([
+}, Se = (e) => String(e || "").trim().toLowerCase().replace(/v\d+\.\d+\.\d+$/i, ""), Ce = (e) => xe[Se(e)], we = (e) => Ce(e)?.variantClass || "", Te = /* @__PURE__ */ new Set([
 	"sel-r1-plusggg",
 	"sel-r1-gplusggg",
 	"sel-r1-g-stem",
 	"sel-r1-gg-plus",
 	"sel-r1-ggplus",
 	"sel-r1-s3"
-]), Pe = (e, t, n) => {
+]), Ee = (e, t, n) => {
 	let r = document.getElementById(e);
 	if (r) {
 		r.textContent !== n && (r.textContent = n);
@@ -830,91 +704,74 @@ var Oe = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied v
 	}
 	let i = document.createElement("style");
 	i.id = e, i.setAttribute("data-mpb-variant", t), i.textContent = n, document.head.appendChild(i);
-}, Fe = (e) => {
-	!e?.cssText || typeof document > "u" || (Ne.has(e.variantId) && Pe("mc-populated-blank-css-sel-r1-base", "sel-r1-base", Oe), Pe(`mc-populated-blank-css-${e.variantId}`, e.variantId, e.cssText));
-}, Ie = D("<div class=\"mb-4 prose pie-prompt\"></div>"), Le = D("<p> </p>"), Re = A("<svg class=\"pie-correct-answer-toggle-svg svelte-6wlbb4\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\"><circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)\"></circle><path d=\"M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z\" fill=\"var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)\"></path><polygon points=\"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\" fill=\"var(--pie-correct-answer-toggle-icon-glyph-color, #1a9cff)\"></polygon></svg>"), ze = A("<svg class=\"pie-correct-answer-toggle-svg svelte-6wlbb4\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\"><path d=\"M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z\" fill=\"#D0CAC5\" stroke=\"#E6E3E0\" stroke-width=\"0.75\"></path><path d=\"M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z\" fill=\"#B3ABA4\" stroke=\"#CDC7C2\" stroke-width=\"0.5\"></path><circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\"></circle><path d=\"M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z\" fill=\"var(--pie-correct-answer-toggle-icon-closed-bg, #bce2ff)\"></path><polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"var(--pie-correct-answer-toggle-icon-glyph-color, #1a9cff)\"></polygon></svg>"), Be = D("<div class=\"pie-correct-answer-toggle-row svelte-6wlbb4\"><button type=\"button\" class=\"mb-3 pie-toggle-correct-answer svelte-6wlbb4\" style=\"gap:var(--mpb-toggle-button-gap, 0.5rem);\" data-testid=\"show-correct-answer\"><span class=\"pie-correct-answer-toggle-content svelte-6wlbb4\"><span class=\"pie-correct-answer-toggle-icon-holder svelte-6wlbb4\" aria-hidden=\"true\"><!></span> <span class=\"pie-correct-answer-toggle-label svelte-6wlbb4\"> </span></span></button></div>"), Ve = D("<div class=\"mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4\"></div>"), He = D("<div class=\"mb-4 template-line pie-template-line svelte-6wlbb4\"><!> <!> <!></div>"), Ue = D("<p class=\"sr-only pie-result-feedback svelte-6wlbb4\" role=\"status\" aria-live=\"polite\"> </p>"), We = D("<div><!> <!> <!> <!> <!> <!> <!> <fieldset class=\"border-0 p-0 m-0 pie-choices-fieldset svelte-6wlbb4\"><legend class=\"sr-only pie-choices-legend svelte-6wlbb4\"> </legend> <div style=\"gap:var(--mpb-choice-group-gap, 0.5rem);\" role=\"radiogroup\" tabindex=\"-1\"></div></fieldset></div>"), Ge = {
+}, De = (e) => {
+	!e?.cssText || typeof document > "u" || (Te.has(e.variantId) && Ee("mc-populated-blank-css-sel-r1-base", "sel-r1-base", be), Ee(`mc-populated-blank-css-${e.variantId}`, e.variantId, e.cssText));
+}, Oe = O("<div class=\"mb-4 prose pie-prompt\"></div>"), ke = j("<svg class=\"pie-correct-answer-toggle-svg svelte-6wlbb4\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\"><circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"var(--pie-tertiary-light, #d0e2f0)\"></circle><path d=\"M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z\" fill=\"var(--pie-tertiary-light, #d0e2f0)\"></path><polygon points=\"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\" fill=\"var(--pie-tertiary, #146eb3)\"></polygon></svg>"), Ae = j("<svg class=\"pie-correct-answer-toggle-svg svelte-6wlbb4\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\"><path d=\"M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z\" fill=\"#D0CAC5\" stroke=\"#E6E3E0\" stroke-width=\"0.75\"></path><path d=\"M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z\" fill=\"#B3ABA4\" stroke=\"#CDC7C2\" stroke-width=\"0.5\"></path><circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\"></circle><path d=\"M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z\" fill=\"var(--pie-background-dark, #ecedf1)\"></path><polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"var(--pie-tertiary, #146eb3)\"></polygon></svg>"), je = O("<div class=\"pie-correct-answer-toggle-row svelte-6wlbb4\"><button type=\"button\" class=\"mb-3 pie-toggle-correct-answer svelte-6wlbb4\" style=\"gap:var(--mpb-toggle-button-gap, 0.5rem);\" data-testid=\"show-correct-answer\"><span class=\"pie-correct-answer-toggle-content svelte-6wlbb4\"><span class=\"pie-correct-answer-toggle-icon-holder svelte-6wlbb4\" aria-hidden=\"true\"><!></span> <span class=\"pie-correct-answer-toggle-label svelte-6wlbb4\"> </span></span></button></div>"), Me = O("<div class=\"mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4\"></div>"), Ne = O("<div class=\"mb-4 template-line pie-template-line svelte-6wlbb4\"><!><!><!></div>"), Pe = O("<p class=\"sr-only pie-result-feedback svelte-6wlbb4\" role=\"status\" aria-live=\"polite\"> </p>"), Fe = O("<div><!> <!> <!> <!> <!> <!> <fieldset class=\"border-0 p-0 m-0 pie-choices-fieldset svelte-6wlbb4\"><legend class=\"sr-only pie-choices-legend svelte-6wlbb4\"> </legend> <div style=\"gap:var(--mpb-choice-group-gap, 0.5rem);\" role=\"radiogroup\" tabindex=\"-1\"></div></fieldset></div>"), Ie = {
 	hash: "svelte-6wlbb4",
-	code: ".sr-only.svelte-6wlbb4 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.mc-populated-blank-root.svelte-6wlbb4 .prose {max-width:none;}.pie-toggle-correct-answer.svelte-6wlbb4 {width:100%;cursor:pointer;border:0;background:transparent;padding:0;display:flex;justify-content:center;text-align:center;color:var(--pie-correct-answer-toggle-label-color, var(--pie-text, black));}.pie-correct-answer-toggle-row.svelte-6wlbb4 {width:100%;display:flex;justify-content:flex-end;}.pie-correct-answer-toggle-content.svelte-6wlbb4 {display:flex;margin:0 auto;align-items:center;}.pie-correct-answer-toggle-icon-holder.svelte-6wlbb4 {width:25px;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;}.pie-correct-answer-toggle-svg.svelte-6wlbb4 {width:25px;height:25px;}.pie-correct-answer-toggle-label.svelte-6wlbb4 {width:fit-content;min-width:140px;align-self:center;vertical-align:middle;font-weight:400;user-select:none;}.pie-toggle-correct-answer.svelte-6wlbb4:hover .pie-correct-answer-toggle-label:where(.svelte-6wlbb4),\n  .pie-toggle-correct-answer.svelte-6wlbb4:focus-visible .pie-correct-answer-toggle-label:where(.svelte-6wlbb4) {text-decoration:underline;}.template-line.svelte-6wlbb4 {white-space:pre-wrap;}.template-line.svelte-6wlbb4 p {margin:0;}.layout-audio_blank_only.svelte-6wlbb4 .pie-audio-container,\n  .layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container {display:flex;width:min(100%, var(--mpb-audio-instructions-max-width, 875px));margin-left:auto;margin-right:auto;justify-content:flex-end;}.layout-audio_blank_only.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {text-align:center;margin:var(--mpb-audio-blank-template-margin-top, 0.8rem) 0\n      var(--mpb-audio-blank-template-margin-bottom, 1.8rem);}.layout-audio_blank_only.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {display:flex;justify-content:center;}.layout-audio_blank_only.svelte-6wlbb4 .pie-blank-slot,\n  .layout-stimulus_image_blank.svelte-6wlbb4 .pie-blank-slot {width:var(--mpb-blank-wide-width, 10rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 6px);min-height:160px;padding-bottom:4px;}.layout-stimulus_image_blank.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-stimulus-min-column, 210px), 1fr) auto;grid-template-areas:'transcript transcript'\n      'sentence audio'\n      '. template'\n      'choices choices';column-gap:var(--mpb-stimulus-grid-column-gap, 2rem);row-gap:var(--mpb-stimulus-grid-row-gap, 0.7rem);align-items:start;}.layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-transcript:where(.svelte-6wlbb4) {grid-area:transcript;}.layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;}.layout-stimulus_image_blank.svelte-6wlbb4 .sentence-line:where(.svelte-6wlbb4) {grid-area:sentence;margin:var(--mpb-stimulus-sentence-margin-top, 0.2rem) 0 0;}.layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:0;text-align:center;justify-self:center;}.layout-stimulus_image_blank.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-stimulus-choices-margin-top, 0.9rem);}.layout-token_sequence.svelte-6wlbb4 {display:grid;grid-template-columns:1fr auto;grid-template-areas:'transcript audio'\n      'template   template'\n      'choices    choices';column-gap:var(--mpb-token-grid-column-gap, 1.5rem);row-gap:var(--mpb-token-grid-row-gap, 0.8rem);align-items:start;}.layout-token_sequence.svelte-6wlbb4 .pie-audio-transcript:where(.svelte-6wlbb4) {grid-area:transcript;}.layout-token_sequence.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;justify-self:end;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-token-template-margin-top, 0.6rem) 0 0;justify-self:center;text-align:center;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) span + span {margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 .pie-blank-slot {width:var(--mpb-blank-standalone-width, 7rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-token-choices-margin-top, 0.2rem);}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'transcript transcript'\n      'template audio'\n      'choices choices';column-gap:var(--mpb-inline-grid-column-gap, 1.5rem);row-gap:var(--mpb-inline-grid-row-gap, 0.65rem);align-items:start;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-transcript:where(.svelte-6wlbb4) {grid-area:transcript;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;justify-self:end;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-inline-template-margin-top, 0.45rem) 0 0;text-align:center;justify-self:center;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-inline-choices-margin-top, 0.25rem);}\n\n  /* Match Learnosity responsive behavior for CQT audio-blank layouts:\n     at smaller widths, audio control shifts left and answer tiles stack. */\n  @media (max-width: 760px) {.layout-audio_blank_only.svelte-6wlbb4 .pie-audio-container,\n    .layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container,\n    .layout-token_sequence.svelte-6wlbb4 .pie-audio-container,\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-container {width:100%;margin-left:0;margin-right:0;justify-content:flex-start;justify-self:start;}.layout-audio_blank_only.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4) {flex-direction:column;align-items:flex-start;justify-content:flex-start;}.layout-audio_blank_only.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4) {width:min(100%, var(--mpb-narrow-choice-max-width, 230px));align-items:flex-start;}\n  }"
+	code: ".sr-only.svelte-6wlbb4 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.mc-populated-blank-root.svelte-6wlbb4 {--mpb-focus-ring: var(\n      --pie-focus-outline,\n      var(--pie-button-focus-outline, var(--pie-focus-checked-border, #1565c0))\n    );}.mc-populated-blank-root.svelte-6wlbb4 .prose {max-width:none;}.pie-toggle-correct-answer.svelte-6wlbb4 {width:100%;cursor:pointer;border:0;background:transparent;padding:0;display:flex;justify-content:center;text-align:center;color:var(--pie-text, black);}.pie-correct-answer-toggle-row.svelte-6wlbb4 {width:100%;display:flex;justify-content:flex-end;}.pie-correct-answer-toggle-content.svelte-6wlbb4 {display:flex;margin:0 auto;align-items:center;}.pie-correct-answer-toggle-icon-holder.svelte-6wlbb4 {width:25px;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;}.pie-correct-answer-toggle-svg.svelte-6wlbb4 {width:25px;height:25px;}.pie-correct-answer-toggle-label.svelte-6wlbb4 {width:fit-content;min-width:140px;align-self:center;vertical-align:middle;font-weight:400;user-select:none;}.pie-toggle-correct-answer.svelte-6wlbb4:hover .pie-correct-answer-toggle-label:where(.svelte-6wlbb4),\n  .pie-toggle-correct-answer.svelte-6wlbb4:focus-visible .pie-correct-answer-toggle-label:where(.svelte-6wlbb4) {text-decoration:underline;}.template-line.svelte-6wlbb4 {white-space:pre-wrap;}.template-line.svelte-6wlbb4 p {margin:0;display:inline;}.layout-audio_blank_only.svelte-6wlbb4 .pie-audio-container,\n  .layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container {display:flex;width:min(100%, var(--mpb-audio-instructions-max-width, 875px));margin-left:auto;margin-right:auto;justify-content:flex-end;}.layout-audio_blank_only.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {text-align:center;margin:var(--mpb-audio-blank-template-margin-top, 0.8rem) 0\n      var(--mpb-audio-blank-template-margin-bottom, 1.8rem);}.layout-audio_blank_only.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {display:flex;justify-content:center;}.layout-audio_blank_only.svelte-6wlbb4 .pie-blank-slot,\n  .layout-stimulus_image_blank.svelte-6wlbb4 .pie-blank-slot {width:var(--mpb-blank-wide-width, 10rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 6px);min-height:160px;padding-bottom:4px;}.layout-stimulus_image_blank.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-stimulus-min-column, 210px), 1fr) auto;grid-template-areas:'sentence audio'\n      '. template'\n      'choices choices';column-gap:var(--mpb-stimulus-grid-column-gap, 2rem);row-gap:var(--mpb-stimulus-grid-row-gap, 0.7rem);align-items:start;}.layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;}.layout-stimulus_image_blank.svelte-6wlbb4 .sentence-line:where(.svelte-6wlbb4) {grid-area:sentence;margin:var(--mpb-stimulus-sentence-margin-top, 0.2rem) 0 0;}.layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:0;text-align:center;justify-self:center;}.layout-stimulus_image_blank.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-stimulus-choices-margin-top, 0.9rem);}.layout-token_sequence.svelte-6wlbb4 {display:grid;grid-template-columns:1fr auto;grid-template-areas:'audio      audio'\n      'template   template'\n      'choices    choices';column-gap:var(--mpb-token-grid-column-gap, 1.5rem);row-gap:var(--mpb-token-grid-row-gap, 0.8rem);align-items:start;}.layout-token_sequence.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;justify-self:end;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-token-template-margin-top, 0.6rem) 0 0;justify-self:center;text-align:center;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) span + span {margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 .pie-blank-slot {width:var(--mpb-blank-standalone-width, 7rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-token-choices-margin-top, 0.2rem);}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n      'choices choices';column-gap:var(--mpb-inline-grid-column-gap, 1.5rem);row-gap:var(--mpb-inline-grid-row-gap, 0.65rem);align-items:start;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;justify-self:end;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-inline-template-margin-top, 0.45rem) 0 0;text-align:center;justify-self:center;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-inline-choices-margin-top, 0.25rem);}\n\n  /* Match Learnosity responsive behavior for CQT audio-blank layouts:\n     at smaller widths, audio control shifts left and answer tiles stack. */\n  @media (max-width: 760px) {.layout-audio_blank_only.svelte-6wlbb4 .pie-audio-container,\n    .layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container,\n    .layout-token_sequence.svelte-6wlbb4 .pie-audio-container,\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-container {width:100%;margin-left:0;margin-right:0;justify-content:flex-start;justify-self:start;}.layout-audio_blank_only.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4) {flex-direction:column;align-items:flex-start;justify-content:flex-start;}.layout-audio_blank_only.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4) {width:min(100%, var(--mpb-narrow-choice-max-width, 230px));align-items:flex-start;}\n  }"
 };
-function Ke(n, l) {
-	a(l, !0), ee(n, Ge);
+function Le(n, l) {
+	a(l, !0), D(n, Ie);
 	let u = {
 		answerChoices: "Answer choices",
 		selectedAnswerInSentence: "Selected answer in sentence",
 		showCorrectAnswer: "Show correct answer",
 		hideCorrectAnswer: "Hide correct answer",
 		clickToEnableAutoplay: "Click to enable audio autoplay",
-		audioResourceUnavailable: "Audio is enabled but no playable audio URL is configured.",
-		transcriptLabel: "Transcript"
-	}, _ = S(l, "model", 7), C = S(l, "session", 7), T = y(""), E = y(null), D = y(null), A = y(null), j = y(!1), M = `mc-populated-blank-${Math.random().toString(36).slice(2, 10)}`, N = e(() => (_()?.mode || _()?.env?.mode || "").toString()), P = e(() => k(N) === "evaluate"), F = e(() => _()?.correctness), I = e(() => typeof _()?.responseCorrect == "boolean" ? _().responseCorrect : k(F) === "correct"), L = e(() => k(F) === "correct"), R = e(() => k(F) === "incorrect"), B = y(!1), V = e(() => k(P) && !k(I) && !!_()?.correctChoiceId), H = e(() => _()?.layoutProfile || ""), W = e(() => ye({
+		audioResourceUnavailable: "Audio is enabled but no playable audio URL is configured."
+	}, _ = S(l, "model", 7), C = S(l, "session", 7), T = y(""), E = y(null), O = y(null), j = y(null), M = `mc-populated-blank-${Math.random().toString(36).slice(2, 10)}`, N = v(() => (_()?.mode || _()?.env?.mode || "").toString()), P = v(() => A(N) === "evaluate"), F = v(() => _()?.correctness), ee = v(() => typeof _()?.responseCorrect == "boolean" ? _().responseCorrect : A(F) === "correct"), te = v(() => A(F) === "correct"), ne = v(() => A(F) === "incorrect"), R = y(!1), re = v(() => A(P) && !A(ee) && !!_()?.correctChoiceId), z = v(() => _()?.layoutProfile || ""), B = v(() => pe({
 		interactionMode: _()?.interactionMode,
 		template: _()?.template,
 		choiceLayout: _()?.choiceLayout,
-		layoutProfile: k(H),
+		layoutProfile: A(z),
 		hasAudio: _()?.hasAudio,
 		useFeatureButtonAudio: _()?.useFeatureButtonAudio
-	})), ne = e(() => k(W).isAudioOnlyMode), re = e(() => k(W).isBlankOnlyTemplate), ie = e(() => k(W).isHorizontalChoices), ae = e(() => k(W).hasInlineSentenceAudioLayout), oe = e(() => k(W).useFeatureButtonAudio), se = e(() => k(j)), le = e(() => [
-		`--pie-correct-answer-toggle-label-color:${z.text()}`,
-		`--pie-correct-answer-toggle-icon-open-bg:${z.tertiaryLight()}`,
-		`--pie-correct-answer-toggle-icon-closed-bg:${z.backgroundDark()}`,
-		`--pie-correct-answer-toggle-icon-glyph-color:${z.tertiary()}`,
-		`--pie-correct-answer-choice-hover-bg:${z.backgroundDark()}`,
-		`--pie-correct-answer-choice-selected-bg:${z.secondaryBackground()}`,
-		`--pie-correct-answer-choice-correct-bg:${z.correctSecondary()}`,
-		`--pie-correct-answer-choice-incorrect-bg:${z.incorrectSecondary()}`,
-		`--pie-correct-answer-choice-correct-border:${z.correctTertiary()}`,
-		`--pie-correct-answer-choice-incorrect-border:${z.incorrectWithIcon()}`,
-		`--pie-correct-answer-feedback-correct-bg:${z.correctWithIcon()}`,
-		`--pie-correct-answer-feedback-incorrect-bg:${z.incorrectWithIcon()}`,
-		`--pie-correct-answer-feedback-glyph-color:${z.white()}`
-	].join(";")), G = e(() => Se({
-		layoutProfile: k(H),
-		isBlankOnlyTemplate: k(re),
+	})), H = v(() => A(B).isAudioOnlyMode), U = v(() => A(B).isBlankOnlyTemplate), W = v(() => A(B).isHorizontalChoices), ie = v(() => A(B).hasInlineSentenceAudioLayout), ae = v(() => A(B).useFeatureButtonAudio), G = v(() => he({
+		layoutProfile: A(z),
+		isBlankOnlyTemplate: A(U),
 		configuredLimits: _()?.layoutLimits,
-		customProfilePresets: _()?.layoutProfilePresets,
-		correctAnswerStyleVars: k(le)
-	})), K = e(() => Array.isArray(_()?.choices) ? _().choices : []), ue = e(() => _()?.choiceMode || "text"), q = e(() => C()?.choiceId || k(T) || ""), J = e(() => `${M}-choice-group-${_()?.id || "1"}`), Y = e(() => Te({
-		selectedId: k(q),
-		isEvaluateMode: k(P),
-		showCorrectAnswer: k(B),
+		customProfilePresets: _()?.layoutProfilePresets
+	})), K = v(() => Array.isArray(_()?.choices) ? _().choices : []), q = v(() => _()?.choiceMode || "text"), J = v(() => C()?.choiceId || A(T) || ""), se = v(() => `${M}-choice-group-${_()?.id || "1"}`), Y = v(() => _e({
+		selectedId: A(J),
+		isEvaluateMode: A(P),
+		showCorrectAnswer: A(R),
 		alwaysShowCorrect: !!_()?.alwaysShowCorrect,
 		correctChoiceId: String(_()?.correctChoiceId || "")
-	})), fe = e(() => k(K).find((e) => e.id === k(Y))), pe = e(() => String(k(fe)?.labelHtml || "")), X = e(() => Ee({
-		isEvaluateMode: k(P),
-		showCorrectAnswer: k(B),
-		isCorrect: k(L),
-		isIncorrect: k(R),
-		selectedId: k(q)
-	})), me = e(() => ge({
-		isEvaluateMode: k(P),
+	})), ce = v(() => A(K).find((e) => e.id === A(Y))), de = v(() => String(A(ce)?.labelHtml || "")), fe = v(() => ve({
+		isEvaluateMode: A(P),
+		showCorrectAnswer: A(R),
+		isCorrect: A(te),
+		isIncorrect: A(ne),
+		selectedId: A(J)
+	})), me = v(() => ue({
+		isEvaluateMode: A(P),
 		correctChoiceId: String(_()?.correctChoiceId || ""),
-		selectedId: String(k(q) || ""),
-		showCorrectAnswer: k(B)
-	})), Z = e(() => ({
+		selectedId: String(A(J) || ""),
+		showCorrectAnswer: A(R)
+	})), X = v(() => ({
 		...u,
 		..._()?.uiText || {}
-	})), _e = e(() => `${M}-prompt`), ve = e(() => `${M}-transcript`), be = e(() => `${M}-choices-legend`), xe = e(() => `${M}-result`), Ce = e(() => De({
+	})), Z = v(() => `${M}-prompt`), be = v(() => `${M}-choices-legend`), xe = v(() => `${M}-result`), Se = v(() => ye({
 		prompt: _()?.prompt || "",
-		legendMaxChars: k(G).legendMaxChars,
-		answerChoicesLabel: k(Z).answerChoices
-	})), Oe = e(() => _()?.prompt ? k(_e) : void 0), ke = e(() => _()?.prompt ? void 0 : String(_()?.choiceGroupLabel || "").trim() || k(Ce)), Ae = e(() => {
-		let e = [];
-		return _()?.prompt && e.push(k(_e)), _()?.hasAudio && _()?.audioTranscript && e.push(k(ve)), e.length ? e.join(" ") : void 0;
-	}), Ne = e(() => {
+		legendMaxChars: A(G).legendMaxChars,
+		answerChoicesLabel: A(X).answerChoices
+	})), Te = v(() => _()?.prompt ? A(Z) : void 0), Ee = v(() => _()?.prompt ? void 0 : String(_()?.choiceGroupLabel || "").trim() || A(Se)), Le = v(() => _()?.prompt ? A(Z) : void 0), Re = v(() => {
 		let e = _()?.locale || "";
 		return e ? e.slice(0, 2) : "en";
-	}), Pe = e(() => je(_()?.customType)), Ke = e(() => Me(_()?.customType)), qe = e(() => {
+	}), ze = v(() => Ce(_()?.customType)), Be = v(() => we(_()?.customType)), Ve = v(() => {
 		let e = _()?.template || "", t = e.indexOf("{{blank}}");
-		return t < 0 ? {
+		if (t < 0) return {
 			before: e,
 			after: ""
-		} : {
-			before: e.slice(0, t),
-			after: e.slice(t + 9)
+		};
+		let n = e.slice(0, t), r = e.slice(t + 9);
+		return A(z) === "inline_sentence" && (n = `${n.replace(/\s+$/, "")} `, r = ` ${r.replace(/^\s+/, "")}`), {
+			before: n,
+			after: r
 		};
 	});
-	function Je(e, t) {
-		te({
+	function He(e, t) {
+		L({
 			sourceEl: t,
 			fallbackSelector: "mc-populated-blank",
 			component: "mc-populated-blank",
@@ -922,24 +779,24 @@ function Ke(n, l) {
 			complete: !!e?.choiceId
 		});
 	}
-	function Ye(e) {
+	function Ue(e) {
 		let t = e.target;
 		if (!t.checked) return;
 		let n = t.value;
-		o(T, n, !0), Je({
+		o(T, n, !0), He({
 			...C(),
 			id: C()?.id || _()?.id || "1",
 			element: "mc-populated-blank",
 			choiceId: n
 		}, t);
 	}
-	function Xe() {
-		k(V) && o(B, !k(B));
+	function We() {
+		A(re) && o(R, !A(R));
 	}
 	t(() => {
-		(!k(P) || k(I)) && o(B, !1);
+		(!A(P) || A(ee)) && o(R, !1);
 	});
-	function Ze(e) {
+	function Ge(e) {
 		if (_()?.disabled) return;
 		let t = e.key;
 		if (![
@@ -956,239 +813,207 @@ function Ke(n, l) {
 		let a = r[i];
 		a.checked = !0, a.dispatchEvent(new Event("change", { bubbles: !0 })), a.focus();
 	}
-	let Qe = e(() => we({
+	let Ke = v(() => ge({
 		locale: _()?.locale,
 		audioButtonSkin: _()?.audioButtonSkin,
 		audioButtonSkinsByLocale: _()?.audioButtonSkinsByLocale
 	}));
-	function $e() {
-		U(k(A), { fallbackSelector: "mc-populated-blank" })?.onAudioStarted?.();
+	function qe() {
+		I(A(j), { fallbackSelector: "mc-populated-blank" })?.onAudioStarted?.();
 	}
-	function et() {
-		U(k(A), { fallbackSelector: "mc-populated-blank" })?.onAudioEnded?.();
+	function Je() {
+		I(A(j), { fallbackSelector: "mc-populated-blank" })?.onAudioEnded?.();
 	}
 	t(() => {
 		C()?.choiceId && o(T, C().choiceId, !0);
 	}), t(() => {
-		let e = k(E);
-		if (e) return e.addEventListener("click", Xe), () => e.removeEventListener("click", Xe);
+		let e = A(E);
+		if (e) return e.addEventListener("click", We), () => e.removeEventListener("click", We);
 	}), t(() => {
-		let e = k(D);
+		let e = A(O);
 		if (!e) return;
 		let t = (e) => {
-			let t = e.target;
-			!t || t.type !== "radio" || Ye(e);
-		}, n = (e) => Ze(e);
+			e.target?.type === "radio" && Ue(e);
+		}, n = (e) => Ge(e);
 		return e.addEventListener("change", t), e.addEventListener("keydown", n), () => {
 			e.removeEventListener("change", t), e.removeEventListener("keydown", n);
 		};
 	}), t(() => {
-		Fe(k(Pe));
-	}), t(() => {
-		let e = k(A);
-		if (!e) return;
-		let t = () => {
-			o(j, !!e.closest(".rli-with-audio-transcript"));
-		};
-		t();
-		let n = new MutationObserver(t), r = e.parentElement;
-		for (; r;) n.observe(r, {
-			attributes: !0,
-			attributeFilter: ["class"]
-		}), r = r.parentElement;
-		return () => n.disconnect();
+		De(A(ze));
 	});
-	var tt = {
+	var Ye = {
 		get model() {
 			return _();
 		},
-		set model(e) {
-			_(e), v();
+		set model(t) {
+			_(t), e();
 		},
 		get session() {
 			return C();
 		},
-		set session(e) {
-			C(e), v();
+		set session(t) {
+			C(t), e();
 		}
-	}, Q = We(), nt = O(Q), rt = (e) => {
-		var t = Ie();
-		p(t, () => _().prompt, !0), s(t), c(() => d(t, "id", k(_e))), h(e, t);
+	}, Q = Fe(), Xe = k(Q), Ze = (e) => {
+		var t = Oe();
+		p(t, () => _().prompt, !0), s(t), c(() => d(t, "id", A(Z))), h(e, t);
 	};
-	x(nt, (e) => {
-		_()?.prompt && e(rt);
+	x(Xe, (e) => {
+		_()?.prompt && e(Ze);
 	});
-	var it = r(nt, 2), at = (e) => {
-		var t = Le(), n = O(t, !0);
-		s(t), c(() => {
-			b(t, 1, `text-sm mb-3 text-gray-700 text-center pie-audio-transcript ${k(se) ? "" : "sr-only"}`, "svelte-6wlbb4"), d(t, "id", k(ve)), g(n, _().audioTranscript);
-		}), h(e, t);
-	};
-	x(it, (e) => {
-		_()?.audioTranscript && e(at);
-	});
-	var ot = r(it, 2), st = (e) => {
-		var t = Be(), n = O(t), i = O(n), a = O(i), l = O(a), u = (e) => {
-			h(e, Re());
+	var Qe = r(Xe, 2), $e = (e) => {
+		var t = je(), n = k(t), i = k(n), a = k(i), l = k(a), u = (e) => {
+			h(e, ke());
 		}, f = (e) => {
-			h(e, ze());
+			h(e, Ae());
 		};
 		x(l, (e) => {
-			k(B) ? e(u) : e(f, -1);
+			A(R) ? e(u) : e(f, -1);
 		}), s(a);
-		var p = r(a, 2), m = O(p, !0);
-		s(p), s(i), s(n), w(n, (e) => o(E, e), () => k(E)), s(t), c(() => {
-			d(n, "aria-pressed", k(B)), g(m, k(B) ? k(Z).hideCorrectAnswer : k(Z).showCorrectAnswer);
+		var p = r(a, 2), m = k(p, !0);
+		s(p), s(i), s(n), w(n, (e) => o(E, e), () => A(E)), s(t), c(() => {
+			d(n, "aria-pressed", A(R)), g(m, A(R) ? A(X).hideCorrectAnswer : A(X).showCorrectAnswer);
 		}), h(e, t);
 	};
-	x(ot, (e) => {
-		k(V) && e(st);
+	x(Qe, (e) => {
+		A(re) && e($e);
 	});
-	var ct = r(ot, 2);
+	var et = r(Qe, 2);
 	{
-		let t = e(() => !!_()?.hasAudio), n = e(() => _()?.audioUrl), r = e(() => !!_()?.autoplayAudioEnabled), i = e(() => _()?.audioTranscript), a = e(() => _()?.locale);
-		ce(ct, {
+		let e = v(() => !!_()?.hasAudio), t = v(() => _()?.audioUrl), n = v(() => !!_()?.autoplayAudioEnabled), r = v(() => _()?.locale);
+		V(et, {
 			get hasAudio() {
-				return k(t);
+				return A(e);
 			},
 			get audioUrl() {
-				return k(n);
+				return A(t);
 			},
 			get useFeatureButtonAudio() {
-				return k(oe);
+				return A(ae);
 			},
 			get autoplayEnabled() {
-				return k(r);
-			},
-			get audioTranscript() {
-				return k(i);
-			},
-			get showVisibleTranscript() {
-				return k(se);
-			},
-			get transcriptId() {
-				return k(ve);
+				return A(n);
 			},
 			get featureAudioSkin() {
-				return k(Qe);
+				return A(Ke);
 			},
 			get uiText() {
-				return k(Z);
+				return A(X);
 			},
 			get locale() {
-				return k(a);
+				return A(r);
 			},
-			onaudiostarted: $e,
-			onaudioended: et
+			onaudiostarted: qe,
+			onaudioended: Je
 		});
 	}
-	var lt = r(ct, 2), ut = (e) => {
-		var t = Ve();
-		p(t, () => _().sentenceHtml, !0), s(t), c(() => d(t, "aria-describedby", k(Ae))), h(e, t);
+	var tt = r(et, 2), nt = (e) => {
+		var t = Me();
+		p(t, () => _().sentenceHtml, !0), s(t), c(() => d(t, "aria-describedby", A(Le))), h(e, t);
 	};
-	x(lt, (e) => {
-		_()?.sentenceHtml && e(ut);
+	x(tt, (e) => {
+		_()?.sentenceHtml && e(nt);
 	});
-	var dt = r(lt, 2), ft = (e) => {
-		var t = He(), n = O(t);
-		p(n, () => k(qe).before);
-		var i = r(n, 2);
-		de(i, {
+	var rt = r(tt, 2), it = (e) => {
+		var t = Ne(), n = k(t);
+		p(n, () => A(Ve).before);
+		var i = r(n);
+		oe(i, {
 			get choiceMode() {
-				return k(ue);
+				return A(q);
 			},
 			get displayChoice() {
-				return k(fe);
+				return A(ce);
 			},
 			get displayChoiceLabelHtml() {
-				return k(pe);
+				return A(de);
 			},
 			get isStandalone() {
-				return k(re);
+				return A(U);
 			},
 			get blankWidth() {
-				return k(G).blankWidth;
+				return A(G).blankWidth;
 			},
 			get blankBorderWidth() {
-				return k(G).blankBorderWidth;
+				return A(G).blankBorderWidth;
 			},
 			get ariaLabel() {
-				return k(Z).selectedAnswerInSentence;
+				return A(X).selectedAnswerInSentence;
 			}
-		}), p(r(i, 2), () => k(qe).after), s(t), c(() => d(t, "aria-describedby", k(Ae))), h(e, t);
+		}), p(r(i), () => A(Ve).after), s(t), c(() => d(t, "aria-describedby", A(Le))), h(e, t);
 	};
-	x(dt, (e) => {
-		k(ne) || e(ft);
+	x(rt, (e) => {
+		A(H) || e(it);
 	});
-	var pt = r(dt, 2), mt = (e) => {
-		var t = Ue(), n = O(t, !0);
+	var at = r(rt, 2), ot = (e) => {
+		var t = Pe(), n = k(t, !0);
 		s(t), c(() => {
-			d(t, "id", k(xe)), g(n, k(X));
+			d(t, "id", A(xe)), g(n, A(fe));
 		}), h(e, t);
 	};
-	x(pt, (e) => {
-		k(X) && e(mt);
+	x(at, (e) => {
+		A(fe) && e(ot);
 	});
-	var ht = r(pt, 2), gt = O(ht), _t = O(gt, !0);
-	s(gt);
-	var $ = r(gt, 2);
-	return m($, 21, () => k(K), (e) => e.id, (t, n) => {
+	var st = r(at, 2), ct = k(st), lt = k(ct, !0);
+	s(ct);
+	var $ = r(ct, 2);
+	return m($, 21, () => A(K), (e) => e.id, (e, t) => {
 		{
-			let r = e(() => k(Y) === k(n).id), i = e(() => !!_()?.disabled), a = e(() => k(me).get(k(n).id));
-			he(t, {
+			let n = v(() => A(Y) === A(t).id), r = v(() => !!_()?.disabled), i = v(() => A(me).get(A(t).id));
+			le(e, {
 				get choice() {
-					return k(n);
+					return A(t);
 				},
 				get choiceMode() {
-					return k(ue);
+					return A(q);
 				},
 				get isHorizontal() {
-					return k(ie);
+					return A(W);
 				},
 				get isSelected() {
-					return k(r);
+					return A(n);
 				},
 				get isDisabled() {
-					return k(i);
+					return A(r);
 				},
 				get correctness() {
-					return k(a);
+					return A(i);
 				},
 				get isEvaluateMode() {
-					return k(P);
+					return A(P);
 				},
 				get instanceId() {
 					return M;
 				},
 				get radioGroupName() {
-					return k(J);
+					return A(se);
 				}
 			});
 		}
-	}), s($), w($, (e) => o(D, e), () => k(D)), s(ht), s(Q), w(Q, (e) => o(A, e), () => k(A)), c(() => {
-		b(Q, 1, `p-4 mc-populated-blank-root pie-element pie-element-mc-populated-blank pie-delivery-root layout-${k(H)} ${k(Ke)} ${k(ae) ? "has-inline-audio" : ""}`, "svelte-6wlbb4"), d(Q, "lang", k(Ne)), f(Q, k(G).rootStyle), ht.disabled = _()?.disabled, d(gt, "id", k(be)), g(_t, k(Ce)), b($, 1, `pie-choices ${k(ie) ? "flex flex-row flex-wrap items-start justify-center" : "flex flex-col"}`, "svelte-6wlbb4"), d($, "aria-labelledby", k(Oe)), d($, "aria-label", k(ke)), d($, "aria-describedby", k(X) ? k(xe) : void 0);
-	}), h(n, Q), i(tt);
+	}), s($), w($, (e) => o(O, e), () => A(O)), s(st), s(Q), w(Q, (e) => o(j, e), () => A(j)), c(() => {
+		b(Q, 1, `p-4 mc-populated-blank-root pie-element pie-element-mc-populated-blank pie-delivery-root layout-${A(z)} ${A(Be)} ${A(ie) ? "has-inline-audio" : ""}`, "svelte-6wlbb4"), d(Q, "lang", A(Re)), f(Q, A(G).rootStyle), st.disabled = _()?.disabled, d(ct, "id", A(be)), g(lt, A(Se)), b($, 1, `pie-choices ${A(W) ? "flex flex-row flex-wrap items-start justify-center" : "flex flex-col"}`, "svelte-6wlbb4"), d($, "aria-labelledby", A(Te)), d($, "aria-label", A(Ee)), d($, "aria-describedby", A(fe) ? A(xe) : void 0);
+	}), h(n, Q), i(Ye);
 }
-E(Ke, {
+E(Le, {
 	model: { type: "Object" },
 	session: { type: "Object" },
 	options: { type: "Object" }
 }, [], []);
 //#endregion
 //#region src/delivery/index.ts
-function qe(e, t, n = !1) {
+function Re(e, t, n = !1) {
 	return !(!t?.choiceId || e?.autoplayAudioEnabled && e?.completeAudioEnabled && e?.hasAudio && !n);
 }
-var Je = Ke.element, Ye = class extends Je {
+var ze = Le.element, Be = class extends ze {
 	_internalSession = null;
 	_model = null;
 	_options = null;
 	audioComplete = !1;
 	_dispatchModelSet = () => {
-		this.dispatchEvent(new B(this.tagName.toLowerCase(), this._isComplete(), this._model !== void 0));
+		this.dispatchEvent(new N(this.tagName.toLowerCase(), this._isComplete(), this._model !== void 0));
 	};
 	_dispatchSessionChanged = () => {
-		this.dispatchEvent(new V(this.tagName.toLowerCase(), this._isComplete()));
+		this.dispatchEvent(new P(this.tagName.toLowerCase(), this._isComplete()));
 	};
 	set model(e) {
 		this._model = e, this.audioComplete = !1, super.model = e, this._dispatchModelSet();
@@ -1223,12 +1048,12 @@ var Je = Ke.element, Ye = class extends Je {
 			audioEndTime: Date.now()
 		}, this._dispatchSessionChanged();
 	};
-	_isComplete = () => qe(this._model, this._internalSession, this.audioComplete);
+	_isComplete = () => Re(this._model, this._internalSession, this.audioComplete);
 	connectedCallback() {
 		super.connectedCallback(), this.onSessionChange = this.onSessionChange, this.onAudioStarted = this.onAudioStarted, this.onAudioEnded = this.onAudioEnded;
 	}
 };
 //#endregion
-export { Ye as default };
+export { Be as default };
 
 //# sourceMappingURL=index.js.map