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

package/dist/browser/delivery/index.js

@@ -0,0 +1,1234 @@
+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