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

package/dist/browser/delivery/index.js

@@ -0,0 +1,1059 @@
+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";
+	}
+	constructor(t, n, r) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t,
+				hasModel: r
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, P = class e extends CustomEvent {
+	static {
+		this.TYPE = "session-changed";
+	}
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t
+			}
+		}), 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 ee(e) {
+	return e.hasAudio ? e.audioUrl ? e.useFeatureButtonAudio ? "feature-button" : "controls" : "error" : "none";
+}
+//#endregion
+//#region src/delivery/AudioPlayer.svelte
+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 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), 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()
+	})), U = v(() => A(V) === m.PLAYING), W = v(() => A(V) === m.BLOCKED), ie = v(() => A(H) === "error" ? j().audioResourceUnavailable : "");
+	t(() => {
+		C(), o(V, m.IDLE, !0);
+	});
+	function ae() {
+		A(H) !== "none" && A(H) !== "error" && A(F) && A(F).play().catch(() => {});
+	}
+	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) {
+		t(() => {
+			let t = e();
+			if (t) return t.addEventListener(n, r), () => t.removeEventListener(n, r);
+		});
+	}
+	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 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 se = {
+		get hasAudio() {
+			return _();
+		},
+		set hasAudio(t = !1) {
+			_(t), e();
+		},
+		get audioUrl() {
+			return C();
+		},
+		set audioUrl(t) {
+			C(t), e();
+		},
+		get useFeatureButtonAudio() {
+			return T();
+		},
+		set useFeatureButtonAudio(t = !1) {
+			T(t), e();
+		},
+		get autoplayEnabled() {
+			return E();
+		},
+		set autoplayEnabled(t = !1) {
+			E(t), e();
+		},
+		get featureAudioSkin() {
+			return O();
+		},
+		set featureAudioSkin(t) {
+			O(t), e();
+		},
+		get uiText() {
+			return j();
+		},
+		set uiText(t) {
+			j(t), e();
+		},
+		get locale() {
+			return M();
+		},
+		set locale(t = "") {
+			M(t), e();
+		},
+		get onaudiostarted() {
+			return N();
+		},
+		set onaudiostarted(t) {
+			N(t), e();
+		},
+		get onaudioended() {
+			return P();
+		},
+		set onaudioended(t) {
+			P(t), e();
+		}
+	}, 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(M()),
+				() => q(M()),
+				() => J(M())
+			]), h(e, t);
+		}, a = (e) => {
+			var t = R(), n = l(t);
+			w(n, (e) => o(F, e), () => A(F));
+			var i = r(n, 2), a = (e) => {
+				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) => {
+				A(W) && e(a);
+			}), c(() => d(n, "src", C())), h(e, t);
+		}, u = (e) => {
+			var t = re(), n = k(t, !0);
+			s(t), c(() => g(n, A(ie))), h(e, t);
+		};
+		x(n, (e) => {
+			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(ce, (e) => {
+		A(H) !== "none" && e(le);
+	}), h(f, Y), i(se);
+}
+E(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-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(--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 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 r();
+		},
+		set choiceMode(t = "text") {
+			r(t), e();
+		},
+		get displayChoice() {
+			return o();
+		},
+		set displayChoice(t = void 0) {
+			o(t), e();
+		},
+		get displayChoiceLabelHtml() {
+			return l();
+		},
+		set displayChoiceLabelHtml(t = "") {
+			l(t), e();
+		},
+		get isStandalone() {
+			return u();
+		},
+		set isStandalone(t = !1) {
+			u(t), e();
+		},
+		get blankWidth() {
+			return m();
+		},
+		set blankWidth(t) {
+			m(t), e();
+		},
+		get blankBorderWidth() {
+			return g();
+		},
+		set blankBorderWidth(t) {
+			g(t), e();
+		},
+		get ariaLabel() {
+			return _();
+		},
+		set ariaLabel(t) {
+			_(t), e();
+		}
+	}, y = ie(), C = k(y), w = (e) => {
+		var t = H();
+		c(() => {
+			d(t, "src", o().imageUrl), d(t, "alt", o().imageAlt || "Selected answer image");
+		}), h(e, t);
+	}, T = (e) => {
+		var t = U();
+		p(t, l, !0), s(t), h(e, t);
+	}, E = (e) => {
+		h(e, W());
+	};
+	return x(C, (e) => {
+		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 ${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(oe, {
+	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-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-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 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 o();
+		},
+		set choice(t) {
+			o(t), e();
+		},
+		get choiceMode() {
+			return u();
+		},
+		set choiceMode(t = "text") {
+			u(t), e();
+		},
+		get isHorizontal() {
+			return f();
+		},
+		set isHorizontal(t = !1) {
+			f(t), e();
+		},
+		get isSelected() {
+			return m();
+		},
+		set isSelected(t = !1) {
+			m(t), e();
+		},
+		get isDisabled() {
+			return v();
+		},
+		set isDisabled(t = !1) {
+			v(t), e();
+		},
+		get correctness() {
+			return y();
+		},
+		set correctness(t = void 0) {
+			y(t), e();
+		},
+		get isEvaluateMode() {
+			return w();
+		},
+		set isEvaluateMode(t = !1) {
+			w(t), e();
+		},
+		get instanceId() {
+			return E();
+		},
+		set instanceId(t) {
+			E(t), e();
+		},
+		get radioGroupName() {
+			return O();
+		},
+		set radioGroupName(t) {
+			O(t), e();
+		}
+	}, 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", o().imageUrl), d(t, "alt", o().imageAlt || `Choice ${o().id}`);
+			}), h(e, t);
+		}, l = (e) => {
+			var t = K();
+			p(t, () => o().labelHtml || "", !0), s(t), h(e, t);
+		};
+		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);
+	}, 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", o().imageUrl), d(t, "alt", o().imageAlt || `Choice ${o().id}`);
+			}), h(e, t);
+		}, g = (e) => {
+			var t = K();
+			p(t, () => o().labelHtml || "", !0), s(t), h(e, t);
+		};
+		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(M, (e) => {
+		f() ? e(N) : e(P, -1);
+	});
+	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(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(le, {
+	choice: {},
+	choiceMode: {},
+	isHorizontal: {},
+	isSelected: {},
+	isDisabled: {},
+	correctness: {},
+	isEvaluateMode: {},
+	instanceId: {},
+	radioGroupName: {}
+}, [], [], { mode: "open" });
+//#endregion
+//#region src/delivery/computeChoiceCorrectness.ts
+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 de = "{{blank}}", fe = /* @__PURE__ */ new Set([
+	"audio_blank_only",
+	"stimulus_image_blank",
+	"token_sequence"
+]);
+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 && fe.has(i)
+	};
+}
+//#endregion
+//#region src/delivery/computeLayoutStyle.ts
+var me = {
+	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"
+	},
+	selectedImageMaxHeightRem: {
+		varName: "--mpb-selected-image-max-height",
+		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"
+	}
+}, X = {
+	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 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 = ["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(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 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"
+	},
+	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 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 _e(e) {
+	let { selectedId: t, isEvaluateMode: n, showCorrectAnswer: r, alwaysShowCorrect: i, correctChoiceId: a } = e;
+	return i && a || n && r && a ? a : t;
+}
+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 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 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",
+		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}\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"
+	}
+}, 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"
+]), Ee = (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);
+}, 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 {--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 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."
+	}, _ = 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: A(z),
+		hasAudio: _()?.hasAudio,
+		useFeatureButtonAudio: _()?.useFeatureButtonAudio
+	})), 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
+	})), 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 || "")
+	})), 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(A(J) || ""),
+		showCorrectAnswer: A(R)
+	})), X = v(() => ({
+		...u,
+		..._()?.uiText || {}
+	})), Z = v(() => `${M}-prompt`), be = v(() => `${M}-choices-legend`), xe = v(() => `${M}-result`), Se = v(() => ye({
+		prompt: _()?.prompt || "",
+		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";
+	}), ze = v(() => Ce(_()?.customType)), Be = v(() => we(_()?.customType)), Ve = v(() => {
+		let e = _()?.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 He(e, t) {
+		L({
+			sourceEl: t,
+			fallbackSelector: "mc-populated-blank",
+			component: "mc-populated-blank",
+			session: e,
+			complete: !!e?.choiceId
+		});
+	}
+	function Ue(e) {
+		let t = e.target;
+		if (!t.checked) return;
+		let n = t.value;
+		o(T, n, !0), He({
+			...C(),
+			id: C()?.id || _()?.id || "1",
+			element: "mc-populated-blank",
+			choiceId: n
+		}, t);
+	}
+	function We() {
+		A(re) && o(R, !A(R));
+	}
+	t(() => {
+		(!A(P) || A(ee)) && o(R, !1);
+	});
+	function Ge(e) {
+		if (_()?.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 Ke = v(() => ge({
+		locale: _()?.locale,
+		audioButtonSkin: _()?.audioButtonSkin,
+		audioButtonSkinsByLocale: _()?.audioButtonSkinsByLocale
+	}));
+	function qe() {
+		I(A(j), { fallbackSelector: "mc-populated-blank" })?.onAudioStarted?.();
+	}
+	function Je() {
+		I(A(j), { fallbackSelector: "mc-populated-blank" })?.onAudioEnded?.();
+	}
+	t(() => {
+		C()?.choiceId && o(T, C().choiceId, !0);
+	}), t(() => {
+		let e = A(E);
+		if (e) return e.addEventListener("click", We), () => e.removeEventListener("click", We);
+	}), t(() => {
+		let e = A(O);
+		if (!e) return;
+		let t = (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(() => {
+		De(A(ze));
+	});
+	var Ye = {
+		get model() {
+			return _();
+		},
+		set model(t) {
+			_(t), e();
+		},
+		get session() {
+			return C();
+		},
+		set session(t) {
+			C(t), e();
+		}
+	}, 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(Xe, (e) => {
+		_()?.prompt && e(Ze);
+	});
+	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, Ae());
+		};
+		x(l, (e) => {
+			A(R) ? e(u) : e(f, -1);
+		}), s(a);
+		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(Qe, (e) => {
+		A(re) && e($e);
+	});
+	var et = r(Qe, 2);
+	{
+		let e = v(() => !!_()?.hasAudio), t = v(() => _()?.audioUrl), n = v(() => !!_()?.autoplayAudioEnabled), r = v(() => _()?.locale);
+		V(et, {
+			get hasAudio() {
+				return A(e);
+			},
+			get audioUrl() {
+				return A(t);
+			},
+			get useFeatureButtonAudio() {
+				return A(ae);
+			},
+			get autoplayEnabled() {
+				return A(n);
+			},
+			get featureAudioSkin() {
+				return A(Ke);
+			},
+			get uiText() {
+				return A(X);
+			},
+			get locale() {
+				return A(r);
+			},
+			onaudiostarted: qe,
+			onaudioended: Je
+		});
+	}
+	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(tt, (e) => {
+		_()?.sentenceHtml && e(nt);
+	});
+	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 A(q);
+			},
+			get displayChoice() {
+				return A(ce);
+			},
+			get displayChoiceLabelHtml() {
+				return A(de);
+			},
+			get isStandalone() {
+				return A(U);
+			},
+			get blankWidth() {
+				return A(G).blankWidth;
+			},
+			get blankBorderWidth() {
+				return A(G).blankBorderWidth;
+			},
+			get ariaLabel() {
+				return A(X).selectedAnswerInSentence;
+			}
+		}), p(r(i), () => A(Ve).after), s(t), c(() => d(t, "aria-describedby", A(Le))), h(e, t);
+	};
+	x(rt, (e) => {
+		A(H) || e(it);
+	});
+	var at = r(rt, 2), ot = (e) => {
+		var t = Pe(), n = k(t, !0);
+		s(t), c(() => {
+			d(t, "id", A(xe)), g(n, A(fe));
+		}), h(e, t);
+	};
+	x(at, (e) => {
+		A(fe) && e(ot);
+	});
+	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 n = v(() => A(Y) === A(t).id), r = v(() => !!_()?.disabled), i = v(() => A(me).get(A(t).id));
+			le(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(se);
+				}
+			});
+		}
+	}), 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(Le, {
+	model: { type: "Object" },
+	session: { type: "Object" },
+	options: { type: "Object" }
+}, [], []);
+//#endregion
+//#region src/delivery/index.ts
+function Re(e, t, n = !1) {
+	return !(!t?.choiceId || e?.autoplayAudioEnabled && e?.completeAudioEnabled && e?.hasAudio && !n);
+}
+var ze = Le.element, Be = class extends ze {
+	_internalSession = null;
+	_model = null;
+	_options = null;
+	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()));
+	};
+	set model(e) {
+		this._model = e, this.audioComplete = !1, super.model = e, this._dispatchModelSet();
+	}
+	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;
+	}
+	get options() {
+		return this._options;
+	}
+	onSessionChange = (e) => {
+		this._internalSession = e, super.session = e, this._dispatchSessionChanged();
+	};
+	onAudioStarted = () => {
+		this._internalSession = {
+			...this._internalSession || {},
+			audioStartTime: Date.now()
+		};
+	};
+	onAudioEnded = () => {
+		this.audioComplete = !0, this._internalSession = {
+			...this._internalSession || {},
+			audioEndTime: Date.now()
+		}, this._dispatchSessionChanged();
+	};
+	_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 { Be as default };
+
+//# sourceMappingURL=index.js.map