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

package/dist/browser/delivery/index.js

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