@pie-element/mc-populated-blank 0.3.0-next.8 → 0.3.0

package/dist/browser/delivery/index.js

@@ -1,7 +1,22 @@
-import { A as e, C as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, S as l, T as u, _ as d, a as f, c as p, d as m, f as h, g, h as _, i as v, j as y, k as b, l as x, m as S, n as C, o as w, r as T, s as E, t as D, u as ee, v as O, w as k, x as A, y as j } from "../client-BmZWrsT3.js";
-import { t as M } from "../layoutLimits-Bp17YP2V.js";
+import { t as e } from "../McPopulatedBlank-LqV-pdXv.js";
 //#region ../../lib-svelte/delivery-events/dist/index2.js
-var N = class e extends CustomEvent {
+function t(e) {
+	return !!e && typeof e == "object" && !Array.isArray(e);
+}
+function n(e, n) {
+	if (e === n) return e;
+	if (!t(e) || !t(n) || Object.isFrozen(e) || !Object.isExtensible(e)) return n;
+	try {
+		for (let t of Object.keys(e)) t in n || delete e[t];
+		Object.assign(e, n);
+	} catch {
+		return n;
+	}
+	return e;
+}
+//#endregion
+//#region ../../shared/player-events/dist/index.js
+var r = class e extends CustomEvent {
 	static {
 		this.TYPE = "model-set";
 	}
@@ -16,7 +31,7 @@ var N = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, P = class e extends CustomEvent {
+}, i = class e extends CustomEvent {
 	static {
 		this.TYPE = "session-changed";
 	}
@@ -30,1029 +45,80 @@ var N = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, F = (e) => {
-	let t = e;
-	return t ? typeof t.onSessionChange == "function" || typeof t.onAudioStarted == "function" || typeof t.onAudioEnded == "function" : !1;
 };
-function I(e, t = {}) {
-	let n = t.hostPredicate ?? F, r = e;
-	for (; r;) {
-		if (n(r)) return r;
-		r = r.parentElement;
-	}
-	if (typeof document < "u" && t.fallbackSelector) {
-		let e = document.querySelector(t.fallbackSelector);
-		if (n(e)) return e;
-	}
-	return 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 te(e) {
-	return e.hasAudio ? e.audioUrl ? e.useFeatureButtonAudio ? "feature-button" : "controls" : "error" : "none";
-}
-//#endregion
-//#region src/delivery/AudioPlayer.svelte
-var ne = 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), re = 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), ie = 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 V(p, m) {
-	c(m, !0), ee(p, B);
-	let h = {
-		IDLE: "idle",
-		PLAYING: "playing",
-		BLOCKED: "blocked",
-		PAUSED: "paused"
-	}, v = C(m, "hasAudio", 7, !1), w = C(m, "audioUrl", 7), E = C(m, "useFeatureButtonAudio", 7, !1), D = C(m, "autoplayEnabled", 7, !1), O = C(m, "featureAudioSkin", 7), j = C(m, "uiText", 7), M = C(m, "locale", 7, ""), N = C(m, "onaudiostarted", 7), P = C(m, "onaudioended", 7), F = e(null), I = e(null), L = e(null), V = e(s(h.IDLE)), H = a(() => te({
-		hasAudio: v(),
-		audioUrl: w(),
-		useFeatureButtonAudio: E()
-	})), U = a(() => A(V) === h.PLAYING), W = a(() => A(V) === h.BLOCKED), ae = a(() => A(H) === "error" ? j().audioResourceUnavailable : "");
-	t(() => {
-		w(), b(V, h.IDLE, !0);
-	});
-	function oe() {
-		A(H) !== "none" && A(H) !== "error" && A(F) && A(F).play().catch(() => {});
-	}
-	function se() {
-		A(H) !== "none" && A(H) !== "error" && A(F) && A(F).play().finally(() => {
-			A(V) === h.BLOCKED && b(V, h.PAUSED, !0);
-		});
-	}
-	function G(e, n, r) {
-		t(() => {
-			let t = e();
-			if (t) return t.addEventListener(n, r), () => t.removeEventListener(n, r);
-		});
-	}
-	G(() => A(F), "playing", () => {
-		b(V, h.PLAYING, !0), N()?.();
-	}), G(() => A(F), "ended", () => {
-		b(V, h.PAUSED, !0), P()?.();
-	}), G(() => A(I), "click", () => oe()), G(() => A(L), "click", () => se()), t(() => {
-		!D() || A(H) === "none" || A(H) === "error" || A(V) === h.IDLE && A(F) && w() && (b(V, h.PAUSED, !0), A(F).play().catch(() => {
-			b(V, h.BLOCKED, !0);
-		}));
-	});
-	function K(e = "") {
-		return e.toLowerCase().startsWith("es") ? "Escuchar" : "Listen";
-	}
-	function q(e = "") {
-		return e.toLowerCase().startsWith("es") ? j().listenSilentAltEs ?? "Escuchar. Repetir las instrucciones." : j().listenSilentAlt ?? "Repeat instructions";
-	}
-	function J(e = "") {
-		return e.toLowerCase().startsWith("es") ? j().listenPlayingAltEs ?? "Escuchar. Estas son las instrucciones." : j().listenPlayingAlt ?? "Instructions are playing";
-	}
-	var ce = {
-		get hasAudio() {
-			return v();
-		},
-		set hasAudio(e = !1) {
-			v(e), y();
-		},
-		get audioUrl() {
-			return w();
-		},
-		set audioUrl(e) {
-			w(e), y();
-		},
-		get useFeatureButtonAudio() {
-			return E();
-		},
-		set useFeatureButtonAudio(e = !1) {
-			E(e), y();
-		},
-		get autoplayEnabled() {
-			return D();
-		},
-		set autoplayEnabled(e = !1) {
-			D(e), y();
-		},
-		get featureAudioSkin() {
-			return O();
-		},
-		set featureAudioSkin(e) {
-			O(e), y();
-		},
-		get uiText() {
-			return j();
-		},
-		set uiText(e) {
-			j(e), y();
-		},
-		get locale() {
-			return M();
-		},
-		set locale(e = "") {
-			M(e), y();
-		},
-		get onaudiostarted() {
-			return N();
-		},
-		set onaudiostarted(e) {
-			N(e), y();
-		},
-		get onaudioended() {
-			return P();
-		},
-		set onaudioended(e) {
-			P(e), y();
-		}
-	}, Y = d(), X = u(Y), le = (e) => {
-		var t = z(), a = k(t), o = (e) => {
-			var t = ne(), r = u(t);
-			T(r, (e) => b(F, e), () => A(F));
-			var a = n(r, 2), o = k(a), s = n(o, 2);
-			i(a), T(a, (e) => b(I, e), () => A(I)), l((e, t, n) => {
-				f(r, "src", w()), f(a, "aria-label", e), x(o, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${A(U) ? "" : "listen-active"}`, "svelte-ypdwb3"), f(o, "src", O().silentUrl), f(o, "alt", t), x(s, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${A(U) ? "listen-active" : ""}`, "svelte-ypdwb3"), f(s, "src", O().playingUrl), f(s, "alt", n);
-			}, [
-				() => K(M()),
-				() => q(M()),
-				() => J(M())
-			]), g(e, t);
-		}, s = (e) => {
-			var t = R(), i = u(t);
-			T(i, (e) => b(F, e), () => A(F));
-			var a = n(i, 2), o = (e) => {
-				var t = re(), n = r(t, !0);
-				T(t, (e) => b(L, e), () => A(L)), l(() => _(n, j().clickToEnableAutoplay)), g(e, t);
+//#region ../../lib-svelte/delivery-events/dist/index3.js
+function a(e, t) {
+	let a = e.element;
+	if (!a) throw TypeError("defineDeliveryElement: the component was not compiled with `customElement`");
+	class o extends a {
+		#e;
+		#t;
+		constructor() {
+			super(), this.onSessionChange = (e) => {
+				this.writeSession(e), this.dispatchSessionChanged();
 			};
-			S(a, (e) => {
-				A(W) && e(o);
-			}), l(() => f(i, "src", w())), g(e, t);
-		}, c = (e) => {
-			var t = ie(), n = r(t, !0);
-			l(() => _(n, A(ae))), g(e, t);
-		};
-		S(a, (e) => {
-			A(H) === "feature-button" ? e(o) : A(H) === "controls" ? e(s, 1) : A(H) === "error" && e(c, 2);
-		}), i(t), g(e, t);
-	};
-	return S(X, (e) => {
-		A(H) !== "none" && e(le);
-	}), g(p, Y), o(ce);
-}
-D(V, {
-	hasAudio: {},
-	audioUrl: {},
-	useFeatureButtonAudio: {},
-	autoplayEnabled: {},
-	featureAudioSkin: {},
-	uiText: {},
-	locale: {},
-	onaudiostarted: {},
-	onaudioended: {}
-}, [], [], { mode: "open" });
-//#endregion
-//#region src/delivery/ClozeMarker.svelte
-var H = O("<img class=\"w-auto object-contain pie-blank-image\" style=\"max-width:var(--mpb-choice-image-max-width, 9.375rem);max-height:var(--mpb-choice-image-max-height, 9.375rem);\"/>"), U = O("<span class=\"cloze-marker-value pie-blank-value svelte-d9l5tb\"></span>"), W = O("<span class=\"cloze-marker-empty svelte-d9l5tb\"><span aria-hidden=\"true\">&nbsp;</span> <span class=\"sr-only svelte-d9l5tb\">(blank)</span></span>"), ae = O("<span role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><!></span>"), oe = {
-	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(--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;}\n\n  /* Same 150x150 content-element constraint as ChoiceRow.svelte's .choice-html\n     img — the selected choice's raw labelHtml can carry an embedded <img> here\n     too, regardless of customType. See CONTOOL-3159. */.cloze-marker-value.svelte-d9l5tb img {width:150px;height:150px;}.sr-only.svelte-d9l5tb {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}"
-};
-function se(e, t) {
-	c(t, !0), ee(e, oe);
-	let n = C(t, "choiceMode", 7, "text"), r = C(t, "displayChoice", 7, void 0), a = C(t, "displayChoiceLabelHtml", 7, ""), s = C(t, "isStandalone", 7, !1), u = C(t, "blankWidth", 7), d = C(t, "blankBorderWidth", 7), h = C(t, "ariaLabel", 7);
-	var _ = {
-		get choiceMode() {
-			return n();
-		},
-		set choiceMode(e = "text") {
-			n(e), y();
-		},
-		get displayChoice() {
-			return r();
-		},
-		set displayChoice(e = void 0) {
-			r(e), y();
-		},
-		get displayChoiceLabelHtml() {
-			return a();
-		},
-		set displayChoiceLabelHtml(e = "") {
-			a(e), y();
-		},
-		get isStandalone() {
-			return s();
-		},
-		set isStandalone(e = !1) {
-			s(e), y();
-		},
-		get blankWidth() {
-			return u();
-		},
-		set blankWidth(e) {
-			u(e), y();
-		},
-		get blankBorderWidth() {
-			return d();
-		},
-		set blankBorderWidth(e) {
-			d(e), y();
-		},
-		get ariaLabel() {
-			return h();
-		},
-		set ariaLabel(e) {
-			h(e), y();
 		}
-	}, v = ae(), b = k(v), w = (e) => {
-		var t = H();
-		l(() => {
-			f(t, "src", r().imageUrl), f(t, "alt", r().imageAlt || "Selected answer image");
-		}), g(e, t);
-	}, T = (e) => {
-		var t = U();
-		m(t, a, !0), i(t), g(e, t);
-	}, E = (e) => {
-		g(e, W());
-	};
-	return S(b, (e) => {
-		n() === "image" && r()?.imageUrl ? e(w) : a() ? e(T, 1) : e(E, -1);
-	}), i(v), l(() => {
-		x(v, 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 ${s() ? "cloze-marker-standalone pie-blank-slot-standalone" : ""}`, "svelte-d9l5tb"), p(v, `width:${u()};border-bottom-width:${d()};`), f(v, "aria-label", h());
-	}), g(e, v), o(_);
-}
-D(se, {
-	choiceMode: {},
-	displayChoice: {},
-	displayChoiceLabelHtml: {},
-	isStandalone: {},
-	blankWidth: {},
-	blankBorderWidth: {},
-	ariaLabel: {}
-}, [], [], { mode: "open" });
-//#endregion
-//#region src/delivery/ChoiceRow.svelte
-var G = O("<img class=\"object-contain pie-choice-image\" style=\"max-width:var(--mpb-choice-image-max-width, 9.375rem);max-height:var(--mpb-choice-image-max-height, 9.375rem);\"/>"), 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("<img class=\"object-contain pie-choice-image\" style=\"max-height:var(--mpb-choice-image-max-height, 5rem);\"/>"), ce = 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), Y = O("<span aria-hidden=\"true\"> </span>"), X = O("<div style=\"gap:var(--mpb-choice-row-gap, 0.5rem);\"><!> <!></div>"), le = {
-	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-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;}\n\n  /* Choices carrying raw <img> markup in labelHtml (rather than the dedicated\n     imageUrl/imageAlt fields) render unconstrained at their authored size\n     otherwise — 3rd-party/CQT-sourced content is typically authored well above\n     the platform's 150x150 content-element spec. Applies regardless of\n     customType, unlike the r1-CQT-specific cqt-css overlays. See CONTOOL-3159. */.choice-html.svelte-8xu1pt img {width:150px;height:150px;}.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 ue(e, t) {
-	c(t, !0), ee(e, le);
-	let a = C(t, "choice", 7), s = C(t, "choiceMode", 7, "text"), d = C(t, "isHorizontal", 7, !1), p = C(t, "isSelected", 7, !1), h = C(t, "isDisabled", 7, !1), b = C(t, "correctness", 7, void 0), T = C(t, "isEvaluateMode", 7, !1), D = C(t, "instanceId", 7), O = C(t, "radioGroupName", 7);
-	var A = {
-		get choice() {
-			return a();
-		},
-		set choice(e) {
-			a(e), y();
-		},
-		get choiceMode() {
-			return s();
-		},
-		set choiceMode(e = "text") {
-			s(e), y();
-		},
-		get isHorizontal() {
-			return d();
-		},
-		set isHorizontal(e = !1) {
-			d(e), y();
-		},
-		get isSelected() {
-			return p();
-		},
-		set isSelected(e = !1) {
-			p(e), y();
-		},
-		get isDisabled() {
-			return h();
-		},
-		set isDisabled(e = !1) {
-			h(e), y();
-		},
-		get correctness() {
-			return b();
-		},
-		set correctness(e = void 0) {
-			b(e), y();
-		},
-		get isEvaluateMode() {
-			return T();
-		},
-		set isEvaluateMode(e = !1) {
-			T(e), y();
-		},
-		get instanceId() {
-			return D();
-		},
-		set instanceId(e) {
-			D(e), y();
-		},
-		get radioGroupName() {
-			return O();
-		},
-		set radioGroupName(e) {
-			O(e), y();
+		set model(e) {
+			this.#e = e, super.model = e, queueMicrotask(() => {
+				this.dispatchEvent(new r(this.tagName.toLowerCase(), this.isComplete(), this.#e !== void 0));
+			});
 		}
-	}, j = X(), M = k(j), N = (e) => {
-		var t = q(), r = k(t), o = k(r), c = (e) => {
-			var t = G();
-			l(() => {
-				f(t, "src", a().imageUrl), f(t, "alt", a().imageAlt || `Choice ${a().id}`);
-			}), g(e, t);
-		}, u = (e) => {
-			var t = K();
-			m(t, () => a().labelHtml || "", !0), i(t), g(e, t);
-		};
-		S(o, (e) => {
-			s() === "image" && a().imageUrl ? e(c) : e(u, -1);
-		}), i(r);
-		var d = n(r, 2);
-		v(d), i(t), l(() => {
-			f(t, "for", `${D()}-opt-${a().id}`), f(d, "name", O()), f(d, "id", `${D()}-opt-${a().id}`), E(d, a().id), w(d, p()), d.disabled = h();
-		}), g(e, t);
-	}, P = (e) => {
-		var t = ce(), r = u(t);
-		v(r);
-		var o = n(r, 2), c = k(o), d = (e) => {
-			var t = J();
-			l(() => {
-				f(t, "src", a().imageUrl), f(t, "alt", a().imageAlt || `Choice ${a().id}`);
-			}), g(e, t);
-		}, _ = (e) => {
-			var t = K();
-			m(t, () => a().labelHtml || "", !0), i(t), g(e, t);
-		};
-		S(c, (e) => {
-			s() === "image" && a().imageUrl ? e(d) : e(_, -1);
-		}), i(o), l(() => {
-			f(r, "name", O()), f(r, "id", `${D()}-opt-${a().id}`), E(r, a().id), w(r, p()), r.disabled = h(), f(o, "for", `${D()}-opt-${a().id}`);
-		}), g(e, t);
-	};
-	S(M, (e) => {
-		d() ? e(N) : e(P, -1);
-	});
-	var F = n(M, 2), I = (e) => {
-		var t = Y(), n = r(t, !0);
-		l(() => {
-			x(t, 1, `pie-choice-feedback-badge ${b() === "correct" ? "pie-choice-feedback-correct" : "pie-choice-feedback-incorrect"}`, "svelte-8xu1pt"), _(n, b() === "correct" ? "✓" : "✕");
-		}), g(e, t);
-	};
-	return S(F, (e) => {
-		T() && b() && e(I);
-	}), i(j), l(() => x(j, 1, `flex items-start choice-row pie-choice ${d() ? "choice-row-horizontal pie-choice-horizontal" : ""} ${p() ? "is-selected pie-choice-selected" : ""} ${b() ? `choice-${b()} pie-choice-${b()}` : ""}`, "svelte-8xu1pt")), g(e, j), o(A);
-}
-D(ue, {
-	choice: {},
-	choiceMode: {},
-	isHorizontal: {},
-	isSelected: {},
-	isDisabled: {},
-	correctness: {},
-	isEvaluateMode: {},
-	instanceId: {},
-	radioGroupName: {}
-}, [], [], { mode: "open" });
-//#endregion
-//#region src/delivery/computeChoiceCorrectness.ts
-function de(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 fe = "{{blank}}", pe = /* @__PURE__ */ new Set([
-	"audio_blank_only",
-	"stimulus_image_blank",
-	"token_sequence"
-]);
-function me(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() === fe : !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 && pe.has(i)
-	};
-}
-//#endregion
-//#region src/delivery/computeLayoutStyle.ts
-var Z = {
-	blankStandaloneWidthRem: {
-		varName: "--mpb-blank-standalone-width",
-		unit: "rem"
-	},
-	blankWideWidthRem: {
-		varName: "--mpb-blank-wide-width",
-		unit: "rem"
-	},
-	blankUnderlineWidthPx: {
-		varName: "--mpb-blank-underline-width",
-		unit: "px"
-	},
-	blankUnderlineWideWidthPx: {
-		varName: "--mpb-blank-underline-wide-width",
-		unit: "px"
-	},
-	horizontalChoiceWidthPx: {
-		varName: "--mpb-choice-width-px",
-		unit: "px"
-	},
-	horizontalChoiceWidthVw: {
-		varName: "--mpb-choice-width-vw",
-		unit: "vw"
-	},
-	horizontalChoiceTileMinHeightRem: {
-		varName: "--mpb-choice-tile-min-height",
-		unit: "rem"
-	},
-	horizontalChoiceContentMinHeightRem: {
-		varName: "--mpb-choice-content-min-height",
-		unit: "rem"
-	},
-	choiceImageMaxHeightRem: {
-		varName: "--mpb-choice-image-max-height",
-		unit: "rem"
-	},
-	choiceImageMaxWidthRem: {
-		varName: "--mpb-choice-image-max-width",
-		unit: "rem"
-	},
-	choiceGroupGapRem: {
-		varName: "--mpb-choice-group-gap",
-		unit: "rem"
-	},
-	choiceRowGapRem: {
-		varName: "--mpb-choice-row-gap",
-		unit: "rem"
-	},
-	horizontalChoiceRadioTopMarginRem: {
-		varName: "--mpb-horizontal-choice-radio-top-margin",
-		unit: "rem"
-	},
-	narrowHorizontalChoiceMaxWidthPx: {
-		varName: "--mpb-narrow-choice-max-width",
-		unit: "px"
-	},
-	toggleButtonGapRem: {
-		varName: "--mpb-toggle-button-gap",
-		unit: "rem"
-	},
-	listenButtonSizePx: {
-		varName: "--mpb-listen-button-size",
-		unit: "px"
-	},
-	audioBlankTemplateMarginTopRem: {
-		varName: "--mpb-audio-blank-template-margin-top",
-		unit: "rem"
-	},
-	audioBlankTemplateMarginBottomRem: {
-		varName: "--mpb-audio-blank-template-margin-bottom",
-		unit: "rem"
-	},
-	audioInstructionsMaxWidthPx: {
-		varName: "--mpb-audio-instructions-max-width",
-		unit: "px"
-	},
-	stimulusMinColumnPx: {
-		varName: "--mpb-stimulus-min-column",
-		unit: "px"
-	},
-	textMinColumnPx: {
-		varName: "--mpb-text-min-column",
-		unit: "px"
-	},
-	stimulusGridColumnGapRem: {
-		varName: "--mpb-stimulus-grid-column-gap",
-		unit: "rem"
-	},
-	stimulusGridRowGapRem: {
-		varName: "--mpb-stimulus-grid-row-gap",
-		unit: "rem"
-	},
-	stimulusSentenceMarginTopRem: {
-		varName: "--mpb-stimulus-sentence-margin-top",
-		unit: "rem"
-	},
-	stimulusChoicesMarginTopRem: {
-		varName: "--mpb-stimulus-choices-margin-top",
-		unit: "rem"
-	},
-	tokenGridColumnGapRem: {
-		varName: "--mpb-token-grid-column-gap",
-		unit: "rem"
-	},
-	tokenGridRowGapRem: {
-		varName: "--mpb-token-grid-row-gap",
-		unit: "rem"
-	},
-	tokenTemplateMarginTopRem: {
-		varName: "--mpb-token-template-margin-top",
-		unit: "rem"
-	},
-	tokenInlineTokenGapRem: {
-		varName: "--mpb-token-inline-token-gap",
-		unit: "rem"
-	},
-	tokenChoicesMarginTopRem: {
-		varName: "--mpb-token-choices-margin-top",
-		unit: "rem"
-	},
-	inlineGridColumnGapRem: {
-		varName: "--mpb-inline-grid-column-gap",
-		unit: "rem"
-	},
-	inlineGridRowGapRem: {
-		varName: "--mpb-inline-grid-row-gap",
-		unit: "rem"
-	},
-	inlineTemplateMarginTopRem: {
-		varName: "--mpb-inline-template-margin-top",
-		unit: "rem"
-	},
-	inlineChoicesMarginTopRem: {
-		varName: "--mpb-inline-choices-margin-top",
-		unit: "rem"
-	}
-}, he = {
-	audio_blank_only: {
-		blankWideWidthRem: 10,
-		blankUnderlineWideWidthPx: 6,
-		horizontalChoiceTileMinHeightRem: 11.25,
-		horizontalChoiceContentMinHeightRem: 9.375,
-		choiceGroupGapRem: 1,
-		audioBlankTemplateMarginBottomRem: 1.875
-	},
-	stimulus_image_blank: {
-		blankWideWidthRem: 10,
-		blankUnderlineWideWidthPx: 6
-	},
-	token_sequence: {
-		blankStandaloneWidthRem: 7,
-		blankUnderlineWideWidthPx: 6
-	}
-};
-function ge(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 = {
-		...he[t] ?? {},
-		...a
-	}, s = {
-		...M,
-		...r,
-		...o
-	}, c = ["audio_blank_only", "stimulus_image_blank"], l = [
-		"audio_blank_only",
-		"stimulus_image_blank",
-		"token_sequence"
-	], 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(Z).map((e) => `${Z[e].varName}:${s[e]}${Z[e].unit}`).join(";"),
-		blankWidth: u,
-		blankBorderWidth: d,
-		legendMaxChars: s.legendMaxChars
-	};
-}
-//#endregion
-//#region src/delivery/computeDisplayState.ts
-var _e = {
-	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"
-	},
-	es: {
-		silentUrl: "https://assets.learnosity.com/organisations/844/27a9d5b5-d873-4bd5-b9ba-22748782d8ba.svg",
-		playingUrl: "https://assets.learnosity.com/organisations/844/120f216d-96b7-4560-94b8-1d90710216b7.svg"
-	}
-};
-function ve(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") ? _e.es : _e.default;
-	return r[t] || r[n] || r.default || i || a;
-}
-function ye(e) {
-	let { selectedId: t, isEvaluateMode: n, showCorrectAnswer: r, alwaysShowCorrect: i, correctChoiceId: a } = e;
-	return i && a || n && r && a ? a : t;
-}
-function be(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 xe(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 Se = "/* 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/* .pie-template-line's align-items:baseline (above) computes a shared baseline\n   across all its flex items. .pie-blank-slot has no baseline-participating child\n   of its own (.cloze-marker centers internally, align-items:center) — so it\n   contributes a *synthesized* baseline back to the row, based on its own box\n   geometry. That geometry swings wildly depending on the blank's content: an\n   empty placeholder vs. a selected choice's image (up to 150x150). Every time a\n   choice is selected the row's shared baseline is recomputed from that new\n   geometry, visibly shifting sibling tokens like a leading/trailing stem word.\n   align-self removes the blank from that shared computation entirely — its\n   siblings' position no longer depends on what's currently displayed inside it.\n   See CONTOOL-3159. */\n[class*=\"variant-sel-r1-\"] .pie-template-line .pie-blank-slot {\n  align-self: flex-end;\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   .pie-blank-slot is box-sizing:border-box with a permanent 6px border-bottom\n   (the underline) — min-height:150px therefore only leaves 144px for content,\n   so an empty blank (content ~0px, clamped to the 150px floor) and a blank\n   showing a 150px choice image (150 + 6 border = 156px, exceeding the floor)\n   render at two different total heights. Since .pie-blank-slot is bottom-anchored\n   in its row (align-self:flex-end above), that 6px height difference shows up as\n   a visible shift of the blank/image every time a choice is selected or cleared.\n   min-height:156px keeps the total box height constant regardless of content, so\n   the 150px is fully available to the image/text and the border no longer\n   competes with it. See CONTOOL-3159. */\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: 156px;\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/* The `.pie-template-line span:not([class])` rule above has no depth limit, so it\n   also matches the unclassed answer <span> ClozeMarker.svelte renders inside\n   .pie-blank-value once a choice is selected (e.g. author font-size overrides like\n   <span style=\"font-size:3em\">). For token_sequence that coincides with the blank\n   slot's own 150px/89px box above, so outer and inner agree. audio_blank_only /\n   stimulus_image_blank instead keep .pie-blank-slot at LSY's separate, taller\n   .rli-r1-cloze box (160px) — forcing the answer span into the stem token's\n   150px/89px box there is wrong: a plain (non-flex) span whose min-height exceeds\n   its line-height renders that line top-anchored, pinning the answer text to the\n   top of the blank with the rest of the box empty beneath it, instead of centered\n   on the underline the way LSY renders it. See CONTOOL-3159. */\n[class*=\"variant-sel-r1-\"].layout-audio_blank_only .pie-blank-value span:not([class]),\n[class*=\"variant-sel-r1-\"].layout-stimulus_image_blank .pie-blank-value span:not([class]) {\n  min-width: 0;\n  max-width: none;\n  min-height: 0;\n  line-height: normal;\n  margin-left: 0;\n  margin-right: 0;\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", Ce = {
-	"sel_r1-_plusggg": {
-		variantId: "sel-r1-plusggg",
-		variantClass: "variant-sel-r1-plusggg",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_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-plusggg {\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-group-gap: 1rem;\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-selected-bg: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-plusggg {\n  --mpb-choice-radio-padding: 20px;\n}\n"
-	},
-	"sr-vic": {
-		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/* 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  /* 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",
-		variantClass: "variant-sel-r1-gplusggg",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_gplusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_gplusggg/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-gplusggg {\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-group-gap: 1rem;\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-selected-bg: #fcfcd3;\n}\n\n/* r1.scss: .rli-r1-content-element boxes all have fixed line-height:89px, so every\n   token in the stem row shares a stable baseline regardless of content.  In PIE,\n   the blank slot's baseline shifts when the empty placeholder (short &nbsp;) is\n   replaced by the filled value span (full text height), dragging adjacent tokens\n   down by ~9px.  Switching to align-items:center is safe here because gplusggg has\n   only one row of content (blank + \"four\"), so vertical centering and baseline\n   alignment produce the same visual result.  The :is() wrapper raises specificity\n   above the base [class*=] rule without needing !important. */\n:is(.mc-populated-blank-root.variant-sel-r1-gplusggg) .pie-template-line {\n  align-items: center;\n}\n"
-	},
-	"sel_r1-g_plusggg": {
-		variantId: "sel-r1-g-stem",
-		variantClass: "variant-sel-r1-g-stem",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-g_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-g_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-g-stem {\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  /* r1.scss: .rli-r1-cloze { border-bottom: 6px solid } */\n  --mpb-blank-underline-wide-width: 6px;\n}\n"
-	},
-	"sel_r1-gg_plusggg": {
-		variantId: "sel-r1-gg-plus",
-		variantClass: "variant-sel-r1-gg-plus",
-		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-gg_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-gg_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-gg-plus {\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-_ggplusggg": {
-		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"
-	},
-	"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/* 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  /* question.css: .rli-s3-cloze-container { justify-content:end } bottom-anchors\n     the cloze against the shared sentence/audio row instead of top-aligning it —\n     matches every item sitting on the same visual baseline. See CONTOOL-3159. */\n  align-items: end;\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/* ClozeMarker.svelte's shared .cloze-marker rule vertically *centers* its content\n   (align-items:center). question.css's .rli-s3-cloze-container uses\n   justify-content:end instead, bottom-anchoring the answer text against the\n   underline. Centering leaves it floating well above both the underline and the\n   sentence image's own (bottom-anchored) baseline. The blank's own box height\n   (160px, from McPopulatedBlank.svelte's shared audio_blank_only/stimulus_image_blank\n   rule) is left as-is — it already matches the Learnosity reference (~161px)\n   closely; only the internal alignment was wrong. See CONTOOL-3159. */\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-blank-slot {\n  align-items: flex-end;\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"
-	}
-}, we = (e) => String(e || "").trim().toLowerCase().replace(/v\d+\.\d+\.\d+$/i, ""), Te = (e) => Ce[we(e)], Ee = (e) => Te(e)?.variantClass || "", De = /* @__PURE__ */ new Set([
-	"sel-r1-plusggg",
-	"sel-r1-gplusggg",
-	"sel-r1-g-stem",
-	"sel-r1-gg-plus",
-	"sel-r1-ggplus",
-	"sel-r1-s3"
-]), Oe = (e, t, n) => {
-	let r = document.getElementById(e);
-	if (r) {
-		r.textContent !== n && (r.textContent = n);
-		return;
-	}
-	let i = document.createElement("style");
-	i.id = e, i.setAttribute("data-mpb-variant", t), i.textContent = n, document.head.appendChild(i);
-}, ke = (e) => {
-	!e?.cssText || typeof document > "u" || (De.has(e.variantId) && Oe("mc-populated-blank-css-sel-r1-base", "sel-r1-base", Se), Oe(`mc-populated-blank-css-${e.variantId}`, e.variantId, e.cssText));
-}, Ae = O("<div class=\"mb-4 prose pie-prompt\"></div>"), je = 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>"), Me = 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>"), Ne = 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>"), Pe = O("<div class=\"mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4\"></div>"), Fe = O("<div class=\"mb-4 template-line pie-template-line svelte-6wlbb4\"><!><!><!></div>"), Ie = O("<p class=\"sr-only pie-result-feedback svelte-6wlbb4\" role=\"status\" aria-live=\"polite\"> </p>"), Le = O("<div><!> <!> <!> <!> <!> <!> <p class=\"sr-only pie-blank-hint svelte-6wlbb4\"> </p> <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>"), Re = {
-	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 {--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 ze(s, u) {
-	c(u, !0), ee(s, Re);
-	let d = {
-		answerChoices: "Answer choices",
-		selectedAnswerInSentence: "Selected answer in sentence",
-		blankPreSelectionHint: "The answer you choose will appear on the blank line above.",
-		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."
-	}, v = C(u, "model", 7), w = C(u, "session", 7), E = e(""), D = e(null), O = e(null), j = e(null), M = `mc-populated-blank-${Math.random().toString(36).slice(2, 10)}`, N = a(() => (v()?.mode || v()?.env?.mode || "").toString()), P = a(() => A(N) === "evaluate"), F = a(() => v()?.correctness), te = a(() => typeof v()?.responseCorrect == "boolean" ? v().responseCorrect : A(F) === "correct"), ne = a(() => A(F) === "correct"), re = a(() => A(F) === "incorrect"), R = e(!1), ie = a(() => A(P) && !A(te) && !!v()?.correctChoiceId), z = a(() => v()?.layoutProfile || ""), B = a(() => me({
-		interactionMode: v()?.interactionMode,
-		template: v()?.template,
-		choiceLayout: v()?.choiceLayout,
-		layoutProfile: A(z),
-		hasAudio: v()?.hasAudio,
-		useFeatureButtonAudio: v()?.useFeatureButtonAudio
-	})), H = a(() => A(B).isAudioOnlyMode), U = a(() => A(B).isBlankOnlyTemplate), W = a(() => A(B).isHorizontalChoices), ae = a(() => A(B).hasInlineSentenceAudioLayout), oe = a(() => A(B).useFeatureButtonAudio), G = a(() => ge({
-		layoutProfile: A(z),
-		isBlankOnlyTemplate: A(U),
-		configuredLimits: v()?.layoutLimits,
-		customProfilePresets: v()?.layoutProfilePresets
-	})), K = a(() => Array.isArray(v()?.choices) ? v().choices : []), q = a(() => v()?.choiceMode || "text"), J = a(() => w()?.choiceId || A(E) || ""), ce = a(() => `${M}-choice-group-${v()?.id || "1"}`), Y = a(() => ye({
-		selectedId: A(J),
-		isEvaluateMode: A(P),
-		showCorrectAnswer: A(R),
-		alwaysShowCorrect: !!v()?.alwaysShowCorrect,
-		correctChoiceId: String(v()?.correctChoiceId || "")
-	})), X = a(() => A(K).find((e) => e.id === A(Y))), le = a(() => String(A(X)?.labelHtml || "")), fe = a(() => be({
-		isEvaluateMode: A(P),
-		showCorrectAnswer: A(R),
-		isCorrect: A(ne),
-		isIncorrect: A(re),
-		selectedId: A(J)
-	})), pe = a(() => de({
-		isEvaluateMode: A(P),
-		correctChoiceId: String(v()?.correctChoiceId || ""),
-		selectedId: String(A(J) || ""),
-		showCorrectAnswer: A(R)
-	})), Z = a(() => ({
-		...d,
-		...v()?.uiText || {}
-	})), he = a(() => `${M}-prompt`), _e = a(() => `${M}-choices-legend`), Se = a(() => `${M}-result`), Ce = a(() => `${M}-blank-hint`), we = a(() => xe({
-		prompt: v()?.prompt || "",
-		legendMaxChars: A(G).legendMaxChars,
-		answerChoicesLabel: A(Z).answerChoices
-	})), De = a(() => v()?.prompt ? A(he) : void 0), Oe = a(() => v()?.prompt ? void 0 : String(v()?.choiceGroupLabel || "").trim() || A(we)), ze = a(() => v()?.prompt ? A(he) : void 0), Be = a(() => {
-		let e = v()?.locale || "";
-		return e ? e.slice(0, 2) : "en";
-	}), Ve = a(() => Te(v()?.customType)), He = a(() => Ee(v()?.customType)), Ue = a(() => {
-		let e = v()?.template || "", t = e.indexOf("{{blank}}");
-		if (t < 0) return {
-			before: e,
-			after: ""
-		};
-		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 We(e, t) {
-		L({
-			sourceEl: t,
-			fallbackSelector: "mc-populated-blank",
-			component: "mc-populated-blank",
-			session: e,
-			complete: !!e?.choiceId
-		});
-	}
-	function Ge(e) {
-		let t = e.target;
-		if (!t.checked) return;
-		let n = t.value;
-		b(E, n, !0), We({
-			...w(),
-			id: w()?.id || v()?.id || "1",
-			element: "mc-populated-blank",
-			choiceId: n
-		}, t);
-	}
-	function Ke() {
-		A(ie) && b(R, !A(R));
-	}
-	t(() => {
-		(!A(P) || A(te)) && b(R, !1);
-	});
-	function qe(e) {
-		if (v()?.disabled) return;
-		let t = e.key;
-		if (![
-			"ArrowDown",
-			"ArrowRight",
-			"ArrowUp",
-			"ArrowLeft"
-		].includes(t)) return;
-		e.preventDefault();
-		let n = e.currentTarget, r = Array.from(n.querySelectorAll("input[type=\"radio\"]:not([disabled])"));
-		if (r.length === 0) return;
-		let i = r.findIndex((e) => e.checked);
-		i = t === "ArrowDown" || t === "ArrowRight" ? i < 0 ? 0 : (i + 1) % r.length : i < 0 ? r.length - 1 : (i - 1 + r.length) % r.length;
-		let a = r[i];
-		a.checked = !0, a.dispatchEvent(new Event("change", { bubbles: !0 })), a.focus();
-	}
-	let Je = a(() => ve({
-		locale: v()?.locale,
-		audioButtonSkin: v()?.audioButtonSkin,
-		audioButtonSkinsByLocale: v()?.audioButtonSkinsByLocale
-	}));
-	function Ye() {
-		I(A(j), { fallbackSelector: "mc-populated-blank" })?.onAudioStarted?.();
-	}
-	function Xe() {
-		I(A(j), { fallbackSelector: "mc-populated-blank" })?.onAudioEnded?.();
-	}
-	t(() => {
-		w()?.choiceId && b(E, w().choiceId, !0);
-	}), t(() => {
-		let e = A(D);
-		if (e) return e.addEventListener("click", Ke), () => e.removeEventListener("click", Ke);
-	}), t(() => {
-		let e = A(O);
-		if (!e) return;
-		let t = (e) => {
-			e.target?.type === "radio" && Ge(e);
-		}, n = (e) => qe(e);
-		return e.addEventListener("change", t), e.addEventListener("keydown", n), () => {
-			e.removeEventListener("change", t), e.removeEventListener("keydown", n);
-		};
-	}), t(() => {
-		ke(A(Ve));
-	});
-	var Ze = {
 		get model() {
-			return v();
-		},
-		set model(e) {
-			v(e), y();
-		},
-		get session() {
-			return w();
-		},
+			return this.#e;
+		}
 		set session(e) {
-			w(e), y();
+			this.#t = e, super.session = e, this.dispatchSessionChanged();
 		}
-	}, Q = Le(), Qe = k(Q), $e = (e) => {
-		var t = Ae();
-		m(t, () => v().prompt, !0), i(t), l(() => f(t, "id", A(he))), g(e, t);
-	};
-	S(Qe, (e) => {
-		v()?.prompt && e($e);
-	});
-	var et = n(Qe, 2), tt = (e) => {
-		var t = Ne(), a = k(t), o = k(a), s = k(o), c = k(s), u = (e) => {
-			g(e, je());
-		}, d = (e) => {
-			g(e, Me());
-		};
-		S(c, (e) => {
-			A(R) ? e(u) : e(d, -1);
-		}), i(s);
-		var p = r(n(s, 2), !0);
-		i(o), i(a), T(a, (e) => b(D, e), () => A(D)), i(t), l(() => {
-			f(a, "aria-pressed", A(R)), _(p, A(R) ? A(Z).hideCorrectAnswer : A(Z).showCorrectAnswer);
-		}), g(e, t);
-	};
-	S(et, (e) => {
-		A(ie) && e(tt);
-	});
-	var nt = n(et, 2);
-	{
-		let e = a(() => !!v()?.hasAudio), t = a(() => v()?.audioUrl), n = a(() => !!v()?.autoplayAudioEnabled), r = a(() => v()?.locale);
-		V(nt, {
-			get hasAudio() {
-				return A(e);
-			},
-			get audioUrl() {
-				return A(t);
-			},
-			get useFeatureButtonAudio() {
-				return A(oe);
-			},
-			get autoplayEnabled() {
-				return A(n);
-			},
-			get featureAudioSkin() {
-				return A(Je);
-			},
-			get uiText() {
-				return A(Z);
-			},
-			get locale() {
-				return A(r);
-			},
-			onaudiostarted: Ye,
-			onaudioended: Xe
-		});
-	}
-	var rt = n(nt, 2), it = (e) => {
-		var t = Pe();
-		m(t, () => v().sentenceHtml, !0), i(t), l(() => f(t, "aria-describedby", A(ze))), g(e, t);
-	};
-	S(rt, (e) => {
-		v()?.sentenceHtml && e(it);
-	});
-	var at = n(rt, 2), ot = (e) => {
-		var t = Fe(), r = k(t);
-		m(r, () => A(Ue).before);
-		var a = n(r);
-		se(a, {
-			get choiceMode() {
-				return A(q);
-			},
-			get displayChoice() {
-				return A(X);
-			},
-			get displayChoiceLabelHtml() {
-				return A(le);
-			},
-			get isStandalone() {
-				return A(U);
-			},
-			get blankWidth() {
-				return A(G).blankWidth;
-			},
-			get blankBorderWidth() {
-				return A(G).blankBorderWidth;
-			},
-			get ariaLabel() {
-				return A(Z).selectedAnswerInSentence;
-			}
-		}), m(n(a), () => A(Ue).after), i(t), l(() => f(t, "aria-describedby", A(ze))), g(e, t);
-	};
-	S(at, (e) => {
-		A(H) || e(ot);
-	});
-	var st = n(at, 2), ct = (e) => {
-		var t = Ie(), n = r(t, !0);
-		l(() => {
-			f(t, "id", A(Se)), _(n, A(fe));
-		}), g(e, t);
-	};
-	S(st, (e) => {
-		A(fe) && e(ct);
-	});
-	var lt = n(st, 2), ut = r(lt, !0), dt = n(lt, 2), ft = k(dt), pt = r(ft, !0), $ = n(ft, 2);
-	return h($, 21, () => A(K), (e) => e.id, (e, t) => {
-		{
-			let n = a(() => A(Y) === A(t).id), r = a(() => !!v()?.disabled), i = a(() => A(pe).get(A(t).id));
-			ue(e, {
-				get choice() {
-					return A(t);
-				},
-				get choiceMode() {
-					return A(q);
-				},
-				get isHorizontal() {
-					return A(W);
-				},
-				get isSelected() {
-					return A(n);
-				},
-				get isDisabled() {
-					return A(r);
-				},
-				get correctness() {
-					return A(i);
-				},
-				get isEvaluateMode() {
-					return A(P);
-				},
-				get instanceId() {
-					return M;
-				},
-				get radioGroupName() {
-					return A(ce);
-				}
-			});
+		get session() {
+			return this.#t;
 		}
-	}), i($), T($, (e) => b(O, e), () => A(O)), i(dt), i(Q), T(Q, (e) => b(j, e), () => A(j)), l((e) => {
-		x(Q, 1, `p-4 mc-populated-blank-root pie-element pie-element-mc-populated-blank pie-delivery-root layout-${A(z)} ${A(He)} ${A(ae) ? "has-inline-audio" : ""}`, "svelte-6wlbb4"), f(Q, "lang", A(Be)), p(Q, A(G).rootStyle), f(lt, "id", A(Ce)), _(ut, A(Z).blankPreSelectionHint), dt.disabled = v()?.disabled, f(ft, "id", A(_e)), _(pt, A(we)), x($, 1, `pie-choices ${A(W) ? "flex flex-row flex-wrap items-start justify-center" : "flex flex-col"}`, "svelte-6wlbb4"), f($, "aria-labelledby", A(De)), f($, "aria-label", A(Oe)), f($, "aria-describedby", e);
-	}, [() => [A(Ce), A(fe) ? A(Se) : void 0].filter(Boolean).join(" ")]), g(s, Q), o(Ze);
+		isComplete() {
+			return t.isComplete(this.#e, this.#t);
+		}
+		writeSession(e) {
+			this.#t = n(this.#t, e), super.session = e;
+		}
+		dispatchSessionChanged() {
+			this.dispatchEvent(new i(this.tagName.toLowerCase(), this.isComplete()));
+		}
+	}
+	return o;
 }
-D(ze, {
-	model: { type: "Object" },
-	session: { type: "Object" },
-	options: { type: "Object" }
-}, [], []);
 //#endregion
 //#region src/delivery/index.ts
-function Be(e, t, n = !1) {
-	return !(!t?.choiceId || e?.autoplayAudioEnabled && e?.completeAudioEnabled && e?.hasAudio && !n);
+var o = a(e, { isComplete: (e, t) => !!t?.choiceId });
+function s(e) {
+	return !!e?.completeAudioEnabled && !!e?.hasAudio;
 }
-var Ve = ze.element, He = class extends Ve {
-	_internalSession = null;
-	_model = null;
-	_options = null;
+var c = class extends o {
 	audioComplete = !1;
-	_dispatchModelSet = () => {
-		this.dispatchEvent(new N(this.tagName.toLowerCase(), this._isComplete(), this._model !== void 0));
-	};
-	_dispatchSessionChanged = () => {
-		this.dispatchEvent(new P(this.tagName.toLowerCase(), this._isComplete()));
-	};
+	constructor() {
+		super(), this.onAudioStarted = () => {
+			this.#e({ audioStartTime: Date.now() });
+		}, this.onAudioEnded = () => {
+			this.audioComplete = !0, this.#e({ audioEndTime: Date.now() }), this.dispatchSessionChanged();
+		};
+	}
 	set model(e) {
-		this._model = e, this.audioComplete = !1, super.model = e, this._dispatchModelSet();
+		e?.audioUrl !== this.model?.audioUrl && (this.audioComplete = !1), super.model = e;
 	}
 	get model() {
-		return this._model;
-	}
-	set session(e) {
-		this._internalSession = e, super.session = e, this._dispatchSessionChanged();
-	}
-	get session() {
-		return this._internalSession;
-	}
-	set options(e) {
-		this._options = e, super.options = e;
+		return super.model;
 	}
-	get options() {
-		return this._options;
+	isComplete() {
+		return super.isComplete() && (this.audioComplete || !s(this.model));
 	}
-	onSessionChange = (e) => {
-		this._internalSession = e, super.session = e, this._dispatchSessionChanged();
-	};
-	onAudioStarted = () => {
-		this._internalSession = {
-			...this._internalSession || {},
-			audioStartTime: Date.now()
+	#e(e) {
+		let t = this.session || {}, n = t.audioStartTime || e.audioStartTime, r = t.audioEndTime || e.audioEndTime, i = {
+			...t,
+			...n ? { audioStartTime: n } : {},
+			...r ? { audioEndTime: r } : {}
 		};
-	};
-	onAudioEnded = () => {
-		this.audioComplete = !0, this._internalSession = {
-			...this._internalSession || {},
-			audioEndTime: Date.now()
-		}, this._dispatchSessionChanged();
-	};
-	_isComplete = () => Be(this._model, this._internalSession, this.audioComplete);
-	connectedCallback() {
-		super.connectedCallback(), this.onSessionChange = this.onSessionChange, this.onAudioStarted = this.onAudioStarted, this.onAudioEnded = this.onAudioEnded;
+		!i.waitTime && n && r && (i.waitTime = r - n), this.writeSession(i);
 	}
 };
 //#endregion
-export { He as default };
+export { c as default };
 
 //# sourceMappingURL=index.js.map