@pie-element/mc-populated-blank 0.2.0 → 0.2.2

package/dist/index.js

@@ -179,6 +179,14 @@ function hydration_failed() {
 	throw new Error(`https://svelte.dev/e/hydration_failed`);
 }
 /**
+* Cannot do `bind:%key%={undefined}` when `%key%` has a fallback value
+* @param {string} key
+* @returns {never}
+*/
+function props_invalid_value(key) {
+	throw new Error(`https://svelte.dev/e/props_invalid_value`);
+}
+/**
 * Property descriptors defined on `$state` objects must contain `value` and always be `enumerable`, `configurable` and `writable`.
 * @returns {never}
 */
@@ -487,6 +495,29 @@ function defer_effect(effect, dirty_effects, maybe_dirty_effects) {
 * schedule effects if the update takes place inside a `$:` effect
 */
 var legacy_is_updating_store = false;
+/**
+* Whether or not the prop currently being read is a store binding, as in
+* `<Child bind:x={$y} />`. If it is, we treat the prop as mutable even in
+* runes mode, and skip `binding_property_non_reactive` validation
+*/
+var is_store_binding = false;
+/**
+* Returns a tuple that indicates whether `fn()` reads a prop that is a store binding.
+* Used to prevent `binding_property_non_reactive` validation false positives and
+* ensure that these props are treated as mutable even in runes mode
+* @template T
+* @param {() => T} fn
+* @returns {[T, boolean]}
+*/
+function capture_store_binding(fn) {
+	var previous_is_store_binding = is_store_binding;
+	try {
+		is_store_binding = false;
+		return [fn(), is_store_binding];
+	} finally {
+		is_store_binding = previous_is_store_binding;
+	}
+}
 //#endregion
 //#region \0@oxc-project+runtime@0.120.0/helpers/checkPrivateRedeclaration.js
 function _checkPrivateRedeclaration(e, t) {
@@ -3070,46 +3101,6 @@ var event_symbol = Symbol("events");
 var all_registered_events = /* @__PURE__ */ new Set();
 /** @type {Set<(events: Array<string>) => void>} */
 var root_event_handles = /* @__PURE__ */ new Set();
-/**
-* @param {string} event_name
-* @param {EventTarget} dom
-* @param {EventListener} [handler]
-* @param {AddEventListenerOptions} [options]
-*/
-function create_event(event_name, dom, handler, options = {}) {
-	/**
-	* @this {EventTarget}
-	*/
-	function target_handler(event) {
-		if (!options.capture) handle_event_propagation.call(dom, event);
-		if (!event.cancelBubble) return without_reactive_context(() => {
-			return handler?.call(this, event);
-		});
-	}
-	if (event_name.startsWith("pointer") || event_name.startsWith("touch") || event_name === "wheel") queue_micro_task(() => {
-		dom.addEventListener(event_name, target_handler, options);
-	});
-	else dom.addEventListener(event_name, target_handler, options);
-	return target_handler;
-}
-/**
-* @param {string} event_name
-* @param {Element} dom
-* @param {EventListener} [handler]
-* @param {boolean} [capture]
-* @param {boolean} [passive]
-* @returns {void}
-*/
-function event(event_name, dom, handler, capture, passive) {
-	var options = {
-		capture,
-		passive
-	};
-	var target_handler = create_event(event_name, dom, handler, options);
-	if (dom === document.body || dom === window || dom === document || dom instanceof HTMLMediaElement) teardown(() => {
-		dom.removeEventListener(event_name, target_handler, options);
-	});
-}
 var last_propagated_event = null;
 /**
 * @this {EventTarget}
@@ -3251,19 +3242,50 @@ function from_html(content, flags) {
 	};
 }
 /**
-* @returns {TemplateNode | DocumentFragment}
+* @param {string} content
+* @param {number} flags
+* @param {'svg' | 'math'} ns
+* @returns {() => Node | Node[]}
 */
-function comment() {
-	if (hydrating) {
-		assign_nodes(hydrate_node, null);
-		return hydrate_node;
-	}
-	var frag = document.createDocumentFragment();
-	var start = document.createComment("");
-	var anchor = create_text();
-	frag.append(start, anchor);
-	assign_nodes(start, anchor);
-	return frag;
+/* @__NO_SIDE_EFFECTS__ */
+function from_namespace(content, flags, ns = "svg") {
+	/**
+	* Whether or not the first item is a text/element node. If not, we need to
+	* create an additional comment node to act as `effect.nodes.start`
+	*/
+	var has_start = !content.startsWith("<!>");
+	var is_fragment = (flags & 1) !== 0;
+	var wrapped = `<${ns}>${has_start ? content : "<!>" + content}</${ns}>`;
+	/** @type {Element | DocumentFragment} */
+	var node;
+	return () => {
+		if (hydrating) {
+			assign_nodes(hydrate_node, null);
+			return hydrate_node;
+		}
+		if (!node) {
+			var root = /* @__PURE__ */ get_first_child(create_fragment_from_html(wrapped));
+			if (is_fragment) {
+				node = document.createDocumentFragment();
+				while (/* @__PURE__ */ get_first_child(root)) node.appendChild(/* @__PURE__ */ get_first_child(root));
+			} else node = /* @__PURE__ */ get_first_child(root);
+		}
+		var clone = node.cloneNode(true);
+		if (is_fragment) {
+			var start = /* @__PURE__ */ get_first_child(clone);
+			var end = clone.lastChild;
+			assign_nodes(start, end);
+		} else assign_nodes(clone, clone);
+		return clone;
+	};
+}
+/**
+* @param {string} content
+* @param {number} flags
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function from_svg(content, flags) {
+	return /* @__PURE__ */ from_namespace(content, flags, "svg");
 }
 /**
 * Assign the created (or in hydration mode, traversed) dom elements to the current block
@@ -4517,6 +4539,94 @@ function bind_this(element_or_component = {}, update, get_value, get_parts) {
 	return element_or_component;
 }
 //#endregion
+//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/props.js
+/** @import { Effect, Source } from './types.js' */
+/**
+* This function is responsible for synchronizing a possibly bound prop with the inner component state.
+* It is used whenever the compiler sees that the component writes to the prop, or when it has a default prop_value.
+* @template V
+* @param {Record<string, unknown>} props
+* @param {string} key
+* @param {number} flags
+* @param {V | (() => V)} [fallback]
+* @returns {(() => V | ((arg: V) => V) | ((arg: V, mutation: boolean) => V))}
+*/
+function prop(props, key, flags, fallback) {
+	var runes = !legacy_mode_flag || (flags & 2) !== 0;
+	var bindable = (flags & 8) !== 0;
+	var lazy = (flags & 16) !== 0;
+	var fallback_value = fallback;
+	var fallback_dirty = true;
+	var get_fallback = () => {
+		if (fallback_dirty) {
+			fallback_dirty = false;
+			fallback_value = lazy ? untrack(fallback) : fallback;
+		}
+		return fallback_value;
+	};
+	/** @type {((v: V) => void) | undefined} */
+	let setter;
+	if (bindable) {
+		var is_entry_props = STATE_SYMBOL in props || LEGACY_PROPS in props;
+		setter = get_descriptor(props, key)?.set ?? (is_entry_props && key in props ? (v) => props[key] = v : void 0);
+	}
+	/** @type {V} */
+	var initial_value;
+	var is_store_sub = false;
+	if (bindable) [initial_value, is_store_sub] = capture_store_binding(() => props[key]);
+	else initial_value = props[key];
+	if (initial_value === void 0 && fallback !== void 0) {
+		initial_value = get_fallback();
+		if (setter) {
+			if (runes) props_invalid_value(key);
+			setter(initial_value);
+		}
+	}
+	/** @type {() => V} */
+	var getter;
+	if (runes) getter = () => {
+		var value = props[key];
+		if (value === void 0) return get_fallback();
+		fallback_dirty = true;
+		return value;
+	};
+	else getter = () => {
+		var value = props[key];
+		if (value !== void 0) fallback_value = void 0;
+		return value === void 0 ? fallback_value : value;
+	};
+	if (runes && (flags & 4) === 0) return getter;
+	if (setter) {
+		var legacy_parent = props.$$legacy;
+		return (function(value, mutation) {
+			if (arguments.length > 0) {
+				if (!runes || !mutation || legacy_parent || is_store_sub)
+ /** @type {Function} */ setter(mutation ? getter() : value);
+				return value;
+			}
+			return getter();
+		});
+	}
+	var overridden = false;
+	var d = ((flags & 1) !== 0 ? derived : derived_safe_equal)(() => {
+		overridden = false;
+		return getter();
+	});
+	if (bindable) get(d);
+	var parent_effect = active_effect;
+	return (function(value, mutation) {
+		if (arguments.length > 0) {
+			const new_value = mutation ? get(d) : runes && bindable ? proxy(value) : value;
+			set(d, new_value);
+			overridden = true;
+			if (fallback_value !== void 0) fallback_value = new_value;
+			return value;
+		}
+		if (is_destroying_effect && overridden || (parent_effect.f & 16384) !== 0) return d.v;
+		return get(d);
+	});
+}
+//#endregion
 //#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/legacy/legacy-client.js
 /** @import { ComponentConstructorOptions, ComponentType, SvelteComponent, Component } from 'svelte' */
 /**
@@ -4920,34 +5030,141 @@ function create_custom_element(Component, props_definition, slots, exports, shad
 	return Class;
 }
 //#endregion
+//#region ../../lib-svelte/styling/dist/index2.js
+var e = {
+	50: "#e8f5e9",
+	500: "#4caf50"
+}, t = {
+	200: "#9fa8da",
+	500: "#3f51b5",
+	800: "#283593"
+}, n = { 500: "#ff9800" }, r = {
+	200: "#f48fb1",
+	900: "#880e4f",
+	A400: "#f50057"
+}, i = {
+	50: "#ffebee",
+	700: "#d32f2f"
+}, a = {
+	TEXT: "black",
+	DISABLED: "grey",
+	DISABLED_SECONDARY: "#ABABAB",
+	CORRECT: e[500],
+	CORRECT_SECONDARY: e[50],
+	CORRECT_TERTIARY: "#0EA449",
+	CORRECT_WITH_ICON: "#087D38",
+	INCORRECT: n[500],
+	INCORRECT_SECONDARY: i[50],
+	INCORRECT_WITH_ICON: "#BF0D00",
+	MISSING: i[700],
+	MISSING_WITH_ICON: "#6A78A1",
+	PRIMARY: t[500],
+	PRIMARY_LIGHT: t[200],
+	PRIMARY_DARK: t[800],
+	SECONDARY: r.A400,
+	SECONDARY_LIGHT: r[200],
+	SECONDARY_DARK: r[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(a);
+var o = (e) => (...t) => {
+	let n = t.pop();
+	return t.reduceRight((t, n) => `var(--${e}-${n}, ${t})`, n);
+}, s = o("pie"), c = () => s("text", a.TEXT), l = () => s("disabled", a.DISABLED), u = () => s("disabled-secondary", a.DISABLED_SECONDARY), d = () => s("correct", a.CORRECT), f = () => s("correct-secondary", a.CORRECT_SECONDARY), p = () => s("correct-tertiary", a.CORRECT_TERTIARY), m = () => s("correct-icon", a.CORRECT_WITH_ICON), h = () => s("incorrect", a.INCORRECT), g = () => s("incorrect-icon", a.INCORRECT_WITH_ICON), _ = () => s("incorrect-secondary", a.INCORRECT_SECONDARY), v = () => s("missing", a.MISSING), y = () => s("missing-icon", a.MISSING_WITH_ICON), b = () => s("primary", a.PRIMARY), x = () => s("primary-light", a.PRIMARY_LIGHT), S = () => s("primary-dark", a.PRIMARY_DARK), C = () => s("primary-text", "text", a.TEXT), w = () => s("faded-primary", a.FADED_PRIMARY), T = () => s("secondary", a.SECONDARY), E = () => s("secondary-light", a.SECONDARY_LIGHT), D = () => s("secondary-dark", a.SECONDARY_DARK), O = () => s("secondary-text", "text", a.TEXT), k = () => s("background", a.BACKGROUND), A = () => s("background-dark", a.BACKGROUND_DARK), j = () => s("secondary-background", a.SECONDARY_BACKGROUND), M = () => s("dropdown-background", a.DROPDOWN_BACKGROUND), N = () => s("tertiary", a.TERTIARY), P = () => s("tertiary-light", a.TERTIARY_LIGHT), F = () => s("border", a.BORDER), I = () => s("border-light", a.BORDER_LIGHT), L = () => s("border-dark", a.BORDER_DARK), R = () => s("border-gray", a.BORDER_GRAY), z = () => s("black", a.BLACK), B = () => s("white", a.WHITE), V = () => a.TRANSPARENT, H = () => s("focus-checked", a.FOCUS_CHECKED), U = () => s("focus-checked-border", a.FOCUS_CHECKED_BORDER), W = () => s("focus-unchecked", a.FOCUS_UNCHECKED), G = () => s("focus-unchecked-border", a.FOCUS_UNCHECKED_BORDER), K = () => s("blue-grey-100", a.BLUE_GREY100), q = () => s("blue-grey-300", a.BLUE_GREY300), J = () => s("blue-grey-600", a.BLUE_GREY600), Y = () => s("blue-grey-900", a.BLUE_GREY900), Z = {
+	text: c,
+	disabled: l,
+	disabledSecondary: u,
+	correct: d,
+	correctSecondary: f,
+	correctTertiary: p,
+	correctWithIcon: m,
+	incorrect: h,
+	incorrectWithIcon: g,
+	incorrectSecondary: _,
+	missing: v,
+	missingWithIcon: y,
+	primary: b,
+	primaryLight: x,
+	primaryDark: S,
+	primaryText: C,
+	fadedPrimary: w,
+	secondary: T,
+	secondaryLight: E,
+	secondaryDark: D,
+	secondaryText: O,
+	background: k,
+	backgroundDark: A,
+	secondaryBackground: j,
+	dropdownBackground: M,
+	tertiary: N,
+	tertiaryLight: P,
+	border: F,
+	borderLight: I,
+	borderDark: L,
+	borderGray: R,
+	black: z,
+	white: B,
+	transparent: V,
+	focusChecked: H,
+	focusCheckedBorder: U,
+	focusUnchecked: W,
+	focusUncheckedBorder: G,
+	blueGrey100: K,
+	blueGrey300: q,
+	blueGrey600: J,
+	blueGrey900: Y
+};
+//#endregion
 //#region src/delivery/McPopulatedBlank.svelte
 var root_1 = /* @__PURE__ */ from_html(`<div class="mb-4 prose pie-prompt"></div>`);
-var root_3 = /* @__PURE__ */ from_html(`<audio class="sr-only pie-audio-player svelte-6wlbb4" preload="metadata" aria-hidden="true" tabindex="-1"></audio> <button class="listen-button pie-listen-button rli-feature-audio svelte-6wlbb4" type="button"><img alt="" aria-hidden="true"/> <img alt="" aria-hidden="true"/></button>`, 1);
-var root_5 = /* @__PURE__ */ from_html(`<button class="mt-2 text-sm underline pie-audio-autoplay-enable" type="button"> </button>`);
-var root_4 = /* @__PURE__ */ from_html(`<audio controls="" class="w-full max-w-md pie-audio-player" preload="metadata"><track kind="captions"/></audio> <!>`, 1);
-var root_6 = /* @__PURE__ */ from_html(`<p class="text-sm text-red-700 pie-audio-error" role="alert"> </p>`);
-var root_7 = /* @__PURE__ */ from_html(`<p><strong> </strong> </p>`);
-var root_2 = /* @__PURE__ */ from_html(`<div class="mb-4 audio-container pie-audio-container svelte-6wlbb4"><!> <!></div>`);
-var root_8 = /* @__PURE__ */ from_html(`<div class="mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4"></div>`);
-var root_10 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-height:var(--mpb-selected-image-max-height, 4rem);"/>`);
-var root_11 = /* @__PURE__ */ from_html(`<span class="blank-inner choice-label pie-blank-value svelte-6wlbb4"></span>`);
-var root_12 = /* @__PURE__ */ from_html(`<span class="blank-inner-empty svelte-6wlbb4" aria-hidden="true">&nbsp;</span>`);
-var root_9 = /* @__PURE__ */ from_html(`<div class="mb-4 template-line pie-template-line svelte-6wlbb4"><!> <span role="status" aria-live="polite" aria-atomic="true"><!></span> <!></div>`);
-var root_13 = /* @__PURE__ */ from_html(`<button type="button" class="mb-3 flex items-center cursor-pointer select-none pie-toggle-correct-answer" style="gap:var(--mpb-toggle-button-gap, 0.5rem);"><span class="text-sm hover:underline"> </span></button>`);
-var root_14 = /* @__PURE__ */ from_html(`<p class="sr-only pie-result-feedback svelte-6wlbb4" role="status" aria-live="polite"> </p>`);
-var root_17 = /* @__PURE__ */ from_html(`<img class="object-contain mx-auto pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
-var root_18 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
-var root_16 = /* @__PURE__ */ from_html(`<label class="cursor-pointer choice-tile text-center pie-choice-tile svelte-6wlbb4"><span class="choice-tile-content pie-choice-tile-content svelte-6wlbb4"><!></span> <input type="radio" class="choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-6wlbb4"/></label>`);
-var root_20 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
-var root_21 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
-var root_19 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-6wlbb4"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap"><!></label>`, 1);
-var root_23 = /* @__PURE__ */ from_html(`<span class="text-green-600 text-sm font-medium pie-choice-feedback-correct" aria-hidden="true">✓</span>`);
-var root_24 = /* @__PURE__ */ from_html(`<span class="text-red-600 text-sm font-medium pie-choice-feedback-incorrect" aria-hidden="true">✗</span>`);
-var root_15 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
+var root_3 = /* @__PURE__ */ from_svg(`<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>`);
+var root_4 = /* @__PURE__ */ from_svg(`<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>`);
+var root_2 = /* @__PURE__ */ from_html(`<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>`);
+var root_6 = /* @__PURE__ */ from_html(`<audio class="sr-only pie-audio-player svelte-6wlbb4" preload="metadata" aria-hidden="true" tabindex="-1"></audio> <button class="listen-button pie-listen-button rli-feature-audio svelte-6wlbb4" type="button"><img alt="" aria-hidden="true"/> <img alt="" aria-hidden="true"/></button>`, 1);
+var root_8 = /* @__PURE__ */ from_html(`<button class="mt-2 text-sm underline pie-audio-autoplay-enable" type="button"> </button>`);
+var root_7 = /* @__PURE__ */ from_html(`<audio controls="" class="w-full max-w-md pie-audio-player" preload="metadata"><track kind="captions"/></audio> <!>`, 1);
+var root_9 = /* @__PURE__ */ from_html(`<p class="text-sm text-red-700 pie-audio-error" role="alert"> </p>`);
+var root_10 = /* @__PURE__ */ from_html(`<p><strong> </strong> </p>`);
+var root_5 = /* @__PURE__ */ from_html(`<div class="mb-4 audio-container pie-audio-container svelte-6wlbb4"><!> <!></div>`);
+var root_11 = /* @__PURE__ */ from_html(`<div class="mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4"></div>`);
+var root_13 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-height:var(--mpb-selected-image-max-height, 4rem);"/>`);
+var root_14 = /* @__PURE__ */ from_html(`<span class="blank-inner choice-label pie-blank-value svelte-6wlbb4"></span>`);
+var root_15 = /* @__PURE__ */ from_html(`<span class="blank-inner-empty svelte-6wlbb4" aria-hidden="true">&nbsp;</span>`);
+var root_12 = /* @__PURE__ */ from_html(`<div class="mb-4 template-line pie-template-line svelte-6wlbb4"><!> <span role="status" aria-live="polite" aria-atomic="true"><!></span> <!></div>`);
+var root_16 = /* @__PURE__ */ from_html(`<p class="sr-only pie-result-feedback svelte-6wlbb4" role="status" aria-live="polite"> </p>`);
+var root_19 = /* @__PURE__ */ from_html(`<img class="object-contain mx-auto pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root_20 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
+var root_18 = /* @__PURE__ */ from_html(`<label class="cursor-pointer choice-tile text-center pie-choice-tile svelte-6wlbb4"><span class="choice-tile-content pie-choice-tile-content svelte-6wlbb4"><!></span> <input type="radio" class="choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-6wlbb4"/></label>`);
+var root_22 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root_23 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
+var root_21 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-6wlbb4"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap"><!></label>`, 1);
+var root_24 = /* @__PURE__ */ from_html(`<span aria-hidden="true"> </span>`);
+var root_17 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
 var root = /* @__PURE__ */ from_html(`<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>`);
 var $$css = {
 	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;}.blank-slot.svelte-6wlbb4:focus-within {outline:2px solid var(--pie-focus, #2563eb);outline-offset:2px;}.blank-slot.svelte-6wlbb4 {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.template-line.svelte-6wlbb4 {white-space:pre-wrap;}.template-line.svelte-6wlbb4 p {margin:0;}.blank-inner-empty.svelte-6wlbb4 {display:inline-block;min-width:4ch;}.blank-slot-standalone.svelte-6wlbb4 {width:var(--mpb-blank-standalone-width, 7rem);}.listen-button.svelte-6wlbb4 {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-6wlbb4:hover {background-color:#e2f1fe;}.listen-feature-icon.svelte-6wlbb4 {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-6wlbb4 {display:block;}.choice-row-horizontal.svelte-6wlbb4 {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));gap:0;}.choice-tile.svelte-6wlbb4 {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-6wlbb4 {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:#ececec;}.choice-row-horizontal.is-selected.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:#eceabf;}.choice-row-horizontal.is-selected.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:#eceabf;}.choice-row-horizontal.svelte-6wlbb4 p {margin:0;text-align:center;}.choice-label.svelte-6wlbb4 p,\n  .blank-inner.svelte-6wlbb4 p {margin:0;}.blank-inner.svelte-6wlbb4 {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.choice-radio-inline.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.layout-audio_blank_only.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {display:flex;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 .blank-slot:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-wide-width, 10rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);}.layout-stimulus_image_blank.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-stimulus-min-column, 210px), 1fr) auto;grid-template-areas:'sentence audio'\n      '. template'\n      'choices choices';column-gap:var(--mpb-stimulus-grid-column-gap, 2rem);row-gap:var(--mpb-stimulus-grid-row-gap, 0.7rem);align-items:start;}.layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {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:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\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 .audio-container:where(.svelte-6wlbb4) {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 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-standalone-width, 7rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-token-choices-margin-top, 0.2rem);}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n      'choices choices';column-gap:var(--mpb-inline-grid-column-gap, 1.5rem);row-gap:var(--mpb-inline-grid-row-gap, 0.65rem);align-items:start;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {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);}"
+	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;}.blank-slot.svelte-6wlbb4:focus-within {outline:2px solid var(--pie-focus, #2563eb);outline-offset:2px;}.blank-slot.svelte-6wlbb4 {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.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;}.blank-inner-empty.svelte-6wlbb4 {display:inline-block;min-width:4ch;}.blank-slot-standalone.svelte-6wlbb4 {width:var(--mpb-blank-standalone-width, 7rem);}.listen-button.svelte-6wlbb4 {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-6wlbb4:hover {background-color:#e2f1fe;}.listen-feature-icon.svelte-6wlbb4 {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-6wlbb4 {display:block;}.choice-row-horizontal.svelte-6wlbb4 {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));gap:0;}.choice-tile.svelte-6wlbb4 {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-6wlbb4 {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-hover-bg, #ececec);}.choice-row-horizontal.is-selected.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.choice-row-horizontal.is-selected.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.pie-choice.choice-correct.svelte-6wlbb4 {border-left:3px solid var(--pie-correct-answer-choice-correct-border, #0ea449);}.pie-choice.choice-incorrect.svelte-6wlbb4 {border-left:3px solid var(--pie-correct-answer-choice-incorrect-border, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-correct-bg, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-incorrect-bg, #ffebee);}.pie-choice-feedback-badge.svelte-6wlbb4 {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-6wlbb4 {background:var(--pie-correct-answer-feedback-correct-bg, #087d38);}.pie-choice-feedback-incorrect.svelte-6wlbb4 {background:var(--pie-correct-answer-feedback-incorrect-bg, #bf0d00);}.choice-row-horizontal.svelte-6wlbb4 p {margin:0;text-align:center;}.choice-label.svelte-6wlbb4 p,\n  .blank-inner.svelte-6wlbb4 p {margin:0;}.blank-inner.svelte-6wlbb4 {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.choice-radio-inline.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.layout-audio_blank_only.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {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 .blank-slot:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-wide-width, 10rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);}.layout-stimulus_image_blank.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-stimulus-min-column, 210px), 1fr) auto;grid-template-areas:'sentence audio'\n      '. template'\n      'choices choices';column-gap:var(--mpb-stimulus-grid-column-gap, 2rem);row-gap:var(--mpb-stimulus-grid-row-gap, 0.7rem);align-items:start;}.layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {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:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\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 .audio-container:where(.svelte-6wlbb4) {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 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-standalone-width, 7rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-token-choices-margin-top, 0.2rem);}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n      'choices choices';column-gap:var(--mpb-inline-grid-column-gap, 1.5rem);row-gap:var(--mpb-inline-grid-row-gap, 0.65rem);align-items:start;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {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 .audio-container:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {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 McPopulatedBlank($$anchor, $$props) {
 	push($$props, true);
@@ -4975,6 +5192,8 @@ function McPopulatedBlank($$anchor, $$props) {
 		horizontalChoiceRadioTopMarginRem: .5,
 		audioBlankTemplateMarginTopRem: .8,
 		audioBlankTemplateMarginBottomRem: 1.8,
+		audioInstructionsMaxWidthPx: 875,
+		narrowHorizontalChoiceMaxWidthPx: 230,
 		stimulusGridColumnGapRem: 2,
 		stimulusGridRowGapRem: .7,
 		stimulusSentenceMarginTopRem: .2,
@@ -5024,37 +5243,44 @@ function McPopulatedBlank($$anchor, $$props) {
 		listenLabelEn: "Listen",
 		listenLabelEs: "Escuchar"
 	};
+	let model = prop($$props, "model", 7), session = prop($$props, "session", 7), options = prop($$props, "options", 7);
 	let audioEl = /* @__PURE__ */ state(null);
 	let isMediaPlaying = /* @__PURE__ */ state(false);
 	let localChoiceId = /* @__PURE__ */ state("");
 	let autoPlayPromptOpen = /* @__PURE__ */ state(false);
 	let autoplayAttempted = /* @__PURE__ */ state(false);
+	let featureAudioButtonEl = /* @__PURE__ */ state(null);
+	let autoplayEnableButtonEl = /* @__PURE__ */ state(null);
+	let toggleCorrectAnswerButtonEl = /* @__PURE__ */ state(null);
+	let choicesGroupEl = /* @__PURE__ */ state(null);
 	const instanceId = `mc-populated-blank-${Math.random().toString(36).slice(2, 10)}`;
-	const isEvaluateMode = /* @__PURE__ */ user_derived(() => $$props?.model?.env?.mode === "evaluate");
-	const correctness = /* @__PURE__ */ user_derived(() => $$props?.model?.correctness);
+	const deliveryMode = /* @__PURE__ */ user_derived(() => (model()?.mode || model()?.env?.mode || "").toString());
+	const isEvaluateMode = /* @__PURE__ */ user_derived(() => get(deliveryMode) === "evaluate");
+	const correctness = /* @__PURE__ */ user_derived(() => model()?.correctness);
+	const isResponseCorrect = /* @__PURE__ */ user_derived(() => typeof model()?.responseCorrect === "boolean" ? model().responseCorrect : get(correctness) === "correct");
 	const isCorrect = /* @__PURE__ */ user_derived(() => get(correctness) === "correct");
 	const isIncorrect = /* @__PURE__ */ user_derived(() => get(correctness) === "incorrect");
-	const isAudioOnlyMode = /* @__PURE__ */ user_derived(() => $$props?.model?.interactionMode === "audio_mc_only");
+	const isAudioOnlyMode = /* @__PURE__ */ user_derived(() => model()?.interactionMode === "audio_mc_only");
 	const isBlankOnlyTemplate = /* @__PURE__ */ user_derived(() => {
-		const t = $$props?.model?.template || "";
+		const t = model()?.template || "";
 		if (!t) return false;
 		return t.replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim() === BLANK_TOKEN;
 	});
-	const layoutProfile = /* @__PURE__ */ user_derived(() => $$props?.model?.layoutProfile || "");
-	const choiceLayout = /* @__PURE__ */ user_derived(() => $$props?.model?.choiceLayout || (get(isAudioOnlyMode) || get(isBlankOnlyTemplate) ? "horizontal" : "vertical"));
+	const layoutProfile = /* @__PURE__ */ user_derived(() => model()?.layoutProfile || "");
+	const choiceLayout = /* @__PURE__ */ user_derived(() => model()?.choiceLayout || (get(isAudioOnlyMode) || get(isBlankOnlyTemplate) ? "horizontal" : "vertical"));
 	const isHorizontalChoices = /* @__PURE__ */ user_derived(() => get(choiceLayout) === "horizontal");
-	const showVisibleTranscript = /* @__PURE__ */ user_derived(() => !!$$props?.model?.showVisibleTranscript);
-	const hasPlayableAudio = /* @__PURE__ */ user_derived(() => !!$$props?.model?.hasAudio && !!$$props?.model?.audioUrl);
-	const hasAudioButMissingResource = /* @__PURE__ */ user_derived(() => !!$$props?.model?.hasAudio && !$$props?.model?.audioUrl);
-	const hasInlineSentenceAudioLayout = /* @__PURE__ */ user_derived(() => get(layoutProfile) === "inline_sentence" && !!$$props?.model?.hasAudio);
+	const showVisibleTranscript = /* @__PURE__ */ user_derived(() => !!model()?.showVisibleTranscript);
+	const hasPlayableAudio = /* @__PURE__ */ user_derived(() => !!model()?.hasAudio && !!model()?.audioUrl);
+	const hasAudioButMissingResource = /* @__PURE__ */ user_derived(() => !!model()?.hasAudio && !model()?.audioUrl);
+	const hasInlineSentenceAudioLayout = /* @__PURE__ */ user_derived(() => get(layoutProfile) === "inline_sentence" && !!model()?.hasAudio);
 	const uiText = /* @__PURE__ */ user_derived(() => ({
 		...DEFAULT_UI_TEXT,
-		...$$props?.model?.uiText || {}
+		...model()?.uiText || {}
 	}));
 	const profilePresetLimits = /* @__PURE__ */ user_derived(() => {
 		const profile = String(get(layoutProfile) || "");
 		const defaults = DEFAULT_LAYOUT_PROFILE_PRESETS[profile] || {};
-		const customPresets = $$props?.model?.layoutProfilePresets && typeof $$props.model.layoutProfilePresets === "object" ? $$props.model.layoutProfilePresets : {};
+		const customPresets = model()?.layoutProfilePresets && typeof model().layoutProfilePresets === "object" ? model().layoutProfilePresets : {};
 		const custom = customPresets[profile] && typeof customPresets[profile] === "object" ? customPresets[profile] : {};
 		return {
 			...defaults,
@@ -5062,13 +5288,28 @@ function McPopulatedBlank($$anchor, $$props) {
 		};
 	});
 	const layoutLimits = /* @__PURE__ */ user_derived(() => {
-		const configured = $$props?.model?.layoutLimits && typeof $$props.model.layoutLimits === "object" ? $$props.model.layoutLimits : {};
+		const configured = model()?.layoutLimits && typeof model().layoutLimits === "object" ? model().layoutLimits : {};
 		return {
 			...DEFAULT_LAYOUT_LIMITS,
 			...get(profilePresetLimits),
 			...configured
 		};
 	});
+	const correctAnswerStyleVars = /* @__PURE__ */ user_derived(() => [
+		`--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(";"));
 	const rootStyle = /* @__PURE__ */ user_derived(() => [
 		`--mpb-listen-button-size:${get(layoutLimits).listenButtonSizePx}px`,
 		`--mpb-blank-standalone-width:${get(layoutLimits).blankStandaloneWidthRem}rem`,
@@ -5089,6 +5330,8 @@ function McPopulatedBlank($$anchor, $$props) {
 		`--mpb-horizontal-choice-radio-top-margin:${get(layoutLimits).horizontalChoiceRadioTopMarginRem}rem`,
 		`--mpb-audio-blank-template-margin-top:${get(layoutLimits).audioBlankTemplateMarginTopRem}rem`,
 		`--mpb-audio-blank-template-margin-bottom:${get(layoutLimits).audioBlankTemplateMarginBottomRem}rem`,
+		`--mpb-audio-instructions-max-width:${get(layoutLimits).audioInstructionsMaxWidthPx}px`,
+		`--mpb-narrow-choice-max-width:${get(layoutLimits).narrowHorizontalChoiceMaxWidthPx}px`,
 		`--mpb-stimulus-grid-column-gap:${get(layoutLimits).stimulusGridColumnGapRem}rem`,
 		`--mpb-stimulus-grid-row-gap:${get(layoutLimits).stimulusGridRowGapRem}rem`,
 		`--mpb-stimulus-sentence-margin-top:${get(layoutLimits).stimulusSentenceMarginTopRem}rem`,
@@ -5101,15 +5344,16 @@ function McPopulatedBlank($$anchor, $$props) {
 		`--mpb-inline-grid-column-gap:${get(layoutLimits).inlineGridColumnGapRem}rem`,
 		`--mpb-inline-grid-row-gap:${get(layoutLimits).inlineGridRowGapRem}rem`,
 		`--mpb-inline-template-margin-top:${get(layoutLimits).inlineTemplateMarginTopRem}rem`,
-		`--mpb-inline-choices-margin-top:${get(layoutLimits).inlineChoicesMarginTopRem}rem`
+		`--mpb-inline-choices-margin-top:${get(layoutLimits).inlineChoicesMarginTopRem}rem`,
+		get(correctAnswerStyleVars)
 	].join(";"));
 	const useFeatureButtonAudio = /* @__PURE__ */ user_derived(() => {
-		if (typeof $$props?.model?.useFeatureButtonAudio === "boolean") return !!$$props.model.useFeatureButtonAudio;
+		if (typeof model()?.useFeatureButtonAudio === "boolean") return !!model().useFeatureButtonAudio;
 		const profile = get(layoutProfile) || "";
-		return !!$$props?.model?.hasAudio && (profile === "audio_blank_only" || profile === "stimulus_image_blank" || profile === "token_sequence");
+		return !!model()?.hasAudio && (profile === "audio_blank_only" || profile === "stimulus_image_blank" || profile === "token_sequence");
 	});
 	const templateParts = /* @__PURE__ */ user_derived(() => {
-		const t = $$props?.model?.template || "";
+		const t = model()?.template || "";
 		const idx = t.indexOf(BLANK_TOKEN);
 		if (idx < 0) return {
 			before: t,
@@ -5129,18 +5373,22 @@ function McPopulatedBlank($$anchor, $$props) {
 		if (get(layoutProfile) === "audio_blank_only" || get(layoutProfile) === "stimulus_image_blank") return `${get(layoutLimits).blankUnderlineWideWidthPx}px`;
 		return `${get(layoutLimits).blankUnderlineWidthPx}px`;
 	});
-	const choices = /* @__PURE__ */ user_derived(() => Array.isArray($$props?.model?.choices) ? $$props.model.choices : []);
-	const choiceMode = /* @__PURE__ */ user_derived(() => $$props?.model?.choiceMode || "text");
-	const selectedId = /* @__PURE__ */ user_derived(() => $$props?.session?.choiceId || get(localChoiceId) || "");
-	const radioGroupName = /* @__PURE__ */ user_derived(() => `${instanceId}-choice-group-${$$props?.model?.id || "1"}`);
+	const choices = /* @__PURE__ */ user_derived(() => Array.isArray(model()?.choices) ? model().choices : []);
+	const choiceMode = /* @__PURE__ */ user_derived(() => model()?.choiceMode || "text");
+	const selectedId = /* @__PURE__ */ user_derived(() => session()?.choiceId || get(localChoiceId) || "");
+	const radioGroupName = /* @__PURE__ */ user_derived(() => `${instanceId}-choice-group-${model()?.id || "1"}`);
 	let showCorrectAnswer = /* @__PURE__ */ state(false);
+	const alwaysShowCorrect = /* @__PURE__ */ user_derived(() => !!model()?.alwaysShowCorrect || !!options()?.alwaysShowCorrect || !!options()?.addCorrectResponse);
+	const canRevealCorrectAnswer = /* @__PURE__ */ user_derived(() => !!model()?.correctChoiceId && (get(isEvaluateMode) || get(alwaysShowCorrect)));
+	const shouldShowCorrectAnswer = /* @__PURE__ */ user_derived(() => get(alwaysShowCorrect) || get(showCorrectAnswer));
+	const shouldShowCorrectAnswerToggle = /* @__PURE__ */ user_derived(() => get(isEvaluateMode) && !get(isResponseCorrect) && !!model()?.correctChoiceId && !get(alwaysShowCorrect));
 	const displayChoiceId = /* @__PURE__ */ user_derived(() => {
-		if (get(isEvaluateMode) && get(showCorrectAnswer) && $$props?.model?.correctChoiceId) return $$props.model.correctChoiceId;
+		if (get(canRevealCorrectAnswer) && get(shouldShowCorrectAnswer) && model()?.correctChoiceId) return model().correctChoiceId;
 		return get(selectedId);
 	});
 	const displayChoice = /* @__PURE__ */ user_derived(() => get(choices).find((c) => c.id === get(displayChoiceId)));
 	const legendText = /* @__PURE__ */ user_derived(() => {
-		const plain = ($$props?.model?.prompt || "").replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
+		const plain = (model()?.prompt || "").replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
 		const maxChars = Math.max(8, Number(get(layoutLimits).legendMaxChars) || DEFAULT_LAYOUT_LIMITS.legendMaxChars);
 		return plain.length > maxChars ? `${plain.slice(0, Math.max(1, maxChars - 1))}…` : plain || get(uiText).answerChoices;
 	});
@@ -5148,26 +5396,53 @@ function McPopulatedBlank($$anchor, $$props) {
 	const transcriptId = /* @__PURE__ */ user_derived(() => `${instanceId}-transcript`);
 	const legendId = /* @__PURE__ */ user_derived(() => `${instanceId}-choices-legend`);
 	const resultId = /* @__PURE__ */ user_derived(() => `${instanceId}-result`);
-	const choicesGroupLabelledBy = /* @__PURE__ */ user_derived(() => $$props?.model?.prompt ? get(promptId) : get(legendId));
+	const choicesGroupLabelledBy = /* @__PURE__ */ user_derived(() => model()?.prompt ? get(promptId) : void 0);
+	const choicesGroupAriaLabel = /* @__PURE__ */ user_derived(() => {
+		if (model()?.prompt) return void 0;
+		const explicit = String(model()?.choiceGroupLabel || "").trim();
+		if (explicit) return explicit;
+		return get(legendText);
+	});
 	const templateDescribedBy = /* @__PURE__ */ user_derived(() => {
 		const ids = [];
-		if ($$props?.model?.prompt) ids.push(get(promptId));
-		if ($$props?.model?.hasAudio && $$props?.model?.audioTranscript) ids.push(get(transcriptId));
+		if (model()?.prompt) ids.push(get(promptId));
+		if (model()?.hasAudio && model()?.audioTranscript) ids.push(get(transcriptId));
 		return ids.length ? ids.join(" ") : void 0;
 	});
 	const lang = /* @__PURE__ */ user_derived(() => {
-		const locale = $$props?.model?.locale || "";
+		const locale = model()?.locale || "";
 		return locale ? locale.slice(0, 2) : "en";
 	});
 	const audioErrorMessage = /* @__PURE__ */ user_derived(() => get(hasAudioButMissingResource) ? get(uiText).audioResourceUnavailable : "");
 	const resultText = /* @__PURE__ */ user_derived(() => {
-		if (!get(isEvaluateMode) || get(showCorrectAnswer)) return "";
+		if (!get(isEvaluateMode) || get(shouldShowCorrectAnswer)) return "";
 		if (get(isCorrect)) return "Correct answer selected";
 		if (get(isIncorrect) && get(selectedId)) return "Incorrect answer selected";
 		return "";
 	});
+	const choiceCorrectnessById = /* @__PURE__ */ user_derived(() => {
+		const map = /* @__PURE__ */ new Map();
+		const correctChoiceId = String(model()?.correctChoiceId || "");
+		const activeSelectedId = String(get(selectedId) || "");
+		if (!get(isEvaluateMode) || !correctChoiceId) return map;
+		if (get(shouldShowCorrectAnswer) && get(canRevealCorrectAnswer)) {
+			map.set(correctChoiceId, "correct");
+			return map;
+		}
+		if (!activeSelectedId) {
+			map.set(correctChoiceId, "incorrect");
+			return map;
+		}
+		if (activeSelectedId === correctChoiceId) {
+			map.set(correctChoiceId, "correct");
+			return map;
+		}
+		map.set(activeSelectedId, "incorrect");
+		map.set(correctChoiceId, "incorrect");
+		return map;
+	});
 	function emitSession(updatedSession, sourceEl) {
-		const host = sourceEl?.closest?.("mc-populated-blank-element") || document.querySelector("mc-populated-blank-element");
+		const host = getHostElement(sourceEl);
 		if (host?.onSessionChange) {
 			host.onSessionChange(updatedSession);
 			return;
@@ -5187,17 +5462,21 @@ function McPopulatedBlank($$anchor, $$props) {
 		const choiceId = input.value;
 		set(localChoiceId, choiceId, true);
 		emitSession({
-			...$$props.session,
-			id: $$props.session?.id || $$props.model?.id || "1",
+			...session(),
+			id: session()?.id || model()?.id || "1",
 			element: "mc-populated-blank",
 			choiceId
 		}, input);
 	}
 	function toggleCorrectAnswer() {
+		if (!get(shouldShowCorrectAnswerToggle)) return;
 		set(showCorrectAnswer, !get(showCorrectAnswer));
 	}
+	user_effect(() => {
+		if (!get(isEvaluateMode) || get(isResponseCorrect) || get(alwaysShowCorrect)) set(showCorrectAnswer, false);
+	});
 	function onRadioGroupKeydown(e) {
-		if ($$props?.model?.disabled) return;
+		if (model()?.disabled) return;
 		const key = e.key;
 		if (![
 			"ArrowDown",
@@ -5223,24 +5502,33 @@ function McPopulatedBlank($$anchor, $$props) {
 		});
 	}
 	function onAudioPlaying(e) {
-		const host = e.currentTarget?.closest("mc-populated-blank-element");
+		const host = getHostElement(e.currentTarget);
 		set(isMediaPlaying, true);
 		host?.onAudioStarted?.();
 		set(autoPlayPromptOpen, false);
 	}
 	function onAudioEnded(e) {
-		const host = e.currentTarget?.closest("mc-populated-blank-element");
+		const host = getHostElement(e.currentTarget);
 		set(isMediaPlaying, false);
 		host?.onAudioEnded?.();
 	}
+	function getHostElement(sourceEl) {
+		let cursor = sourceEl;
+		while (cursor) {
+			const maybeHost = cursor;
+			if (typeof maybeHost?.onSessionChange === "function" || typeof maybeHost?.onAudioStarted === "function" || typeof maybeHost?.onAudioEnded === "function") return maybeHost;
+			cursor = cursor.parentElement;
+		}
+		return document.querySelector("mc-populated-blank") || null;
+	}
 	function speechButtonLabel(locale = "") {
 		return locale.toLowerCase().startsWith("es") ? get(uiText).listenLabelEs : get(uiText).listenLabelEn;
 	}
 	const featureAudioSkin = /* @__PURE__ */ user_derived(() => {
-		const locale = String($$props?.model?.locale || "").toLowerCase();
+		const locale = String(model()?.locale || "").toLowerCase();
 		const lang = locale.slice(0, 2);
-		const byLocale = $$props?.model?.audioButtonSkinsByLocale && typeof $$props.model.audioButtonSkinsByLocale === "object" ? $$props.model.audioButtonSkinsByLocale : {};
-		const customSingle = $$props?.model?.audioButtonSkin && typeof $$props.model.audioButtonSkin === "object" ? $$props.model.audioButtonSkin : null;
+		const byLocale = model()?.audioButtonSkinsByLocale && typeof model().audioButtonSkinsByLocale === "object" ? model().audioButtonSkinsByLocale : {};
+		const customSingle = model()?.audioButtonSkin && typeof model().audioButtonSkin === "object" ? model().audioButtonSkin : null;
 		const defaultSkin = locale.startsWith("es") ? DEFAULT_AUDIO_BUTTON_SKINS.es : DEFAULT_AUDIO_BUTTON_SKINS.default;
 		return byLocale[locale] || byLocale[lang] || byLocale.default || customSingle || defaultSkin;
 	});
@@ -5248,188 +5536,279 @@ function McPopulatedBlank($$anchor, $$props) {
 		if (get(hasPlayableAudio) && get(audioEl)) get(audioEl).play().catch(() => {});
 	}
 	user_effect(() => {
-		if ($$props?.session?.choiceId) set(localChoiceId, $$props.session.choiceId, true);
+		if (session()?.choiceId) set(localChoiceId, session().choiceId, true);
+	});
+	user_effect(() => {
+		const el = get(audioEl);
+		if (!el) return;
+		const handlePlaying = (e) => onAudioPlaying(e);
+		const handleEnded = (e) => onAudioEnded(e);
+		el.addEventListener("playing", handlePlaying);
+		el.addEventListener("ended", handleEnded);
+		return () => {
+			el.removeEventListener("playing", handlePlaying);
+			el.removeEventListener("ended", handleEnded);
+		};
+	});
+	user_effect(() => {
+		const btn = get(featureAudioButtonEl);
+		if (!btn) return;
+		const handleClick = () => playFeatureAudio();
+		btn.addEventListener("click", handleClick);
+		return () => {
+			btn.removeEventListener("click", handleClick);
+		};
+	});
+	user_effect(() => {
+		const btn = get(autoplayEnableButtonEl);
+		if (!btn) return;
+		const handleClick = () => handleEnableAutoplayClick();
+		btn.addEventListener("click", handleClick);
+		return () => {
+			btn.removeEventListener("click", handleClick);
+		};
+	});
+	user_effect(() => {
+		const btn = get(toggleCorrectAnswerButtonEl);
+		if (!btn) return;
+		const handleClick = () => toggleCorrectAnswer();
+		btn.addEventListener("click", handleClick);
+		return () => {
+			btn.removeEventListener("click", handleClick);
+		};
+	});
+	user_effect(() => {
+		const group = get(choicesGroupEl);
+		if (!group) return;
+		const handleChange = (e) => {
+			const target = e.target;
+			if (!target || target.type !== "radio") return;
+			onRadioChange(e);
+		};
+		const handleKeydown = (e) => onRadioGroupKeydown(e);
+		group.addEventListener("change", handleChange);
+		group.addEventListener("keydown", handleKeydown);
+		return () => {
+			group.removeEventListener("change", handleChange);
+			group.removeEventListener("keydown", handleKeydown);
+		};
 	});
 	user_effect(() => {
-		if (!$$props?.model?.hasAudio || !$$props?.model?.autoplayAudioEnabled) return;
+		if (!model()?.hasAudio || !model()?.autoplayAudioEnabled) return;
 		if (get(autoplayAttempted)) return;
 		set(autoplayAttempted, true);
-		if (get(audioEl) && $$props?.model?.audioUrl) get(audioEl).play().catch(() => {
+		if (get(audioEl) && model()?.audioUrl) get(audioEl).play().catch(() => {
 			set(autoPlayPromptOpen, true);
 		});
 	});
+	var $$exports = {
+		get model() {
+			return model();
+		},
+		set model($$value) {
+			model($$value);
+			flushSync();
+		},
+		get session() {
+			return session();
+		},
+		set session($$value) {
+			session($$value);
+			flushSync();
+		},
+		get options() {
+			return options();
+		},
+		set options($$value) {
+			options($$value);
+			flushSync();
+		}
+	};
 	var div = root();
 	var node = child(div);
 	var consequent = ($$anchor) => {
 		var div_1 = root_1();
-		html(div_1, () => $$props.model.prompt, true);
+		html(div_1, () => model().prompt, true);
 		reset(div_1);
 		template_effect(() => set_attribute(div_1, "id", get(promptId)));
 		append($$anchor, div_1);
 	};
 	if_block(node, ($$render) => {
-		if ($$props?.model?.prompt) $$render(consequent);
+		if (model()?.prompt) $$render(consequent);
 	});
 	var node_1 = sibling(node, 2);
-	var consequent_6 = ($$anchor) => {
+	var consequent_2 = ($$anchor) => {
 		var div_2 = root_2();
-		var node_2 = child(div_2);
+		var button = child(div_2);
+		var span = child(button);
+		var span_1 = child(span);
+		var node_2 = child(span_1);
 		var consequent_1 = ($$anchor) => {
-			var fragment = root_3();
+			append($$anchor, root_3());
+		};
+		var alternate = ($$anchor) => {
+			append($$anchor, root_4());
+		};
+		if_block(node_2, ($$render) => {
+			if (get(shouldShowCorrectAnswer)) $$render(consequent_1);
+			else $$render(alternate, -1);
+		});
+		reset(span_1);
+		var span_2 = sibling(span_1, 2);
+		var text = child(span_2, true);
+		reset(span_2);
+		reset(span);
+		reset(button);
+		bind_this(button, ($$value) => set(toggleCorrectAnswerButtonEl, $$value), () => get(toggleCorrectAnswerButtonEl));
+		reset(div_2);
+		template_effect(() => {
+			set_attribute(button, "aria-pressed", get(shouldShowCorrectAnswer));
+			set_text(text, get(shouldShowCorrectAnswer) ? get(uiText).hideCorrectAnswer : get(uiText).showCorrectAnswer);
+		});
+		append($$anchor, div_2);
+	};
+	if_block(node_1, ($$render) => {
+		if (get(shouldShowCorrectAnswerToggle)) $$render(consequent_2);
+	});
+	var node_3 = sibling(node_1, 2);
+	var consequent_8 = ($$anchor) => {
+		var div_3 = root_5();
+		var node_4 = child(div_3);
+		var consequent_3 = ($$anchor) => {
+			var fragment = root_6();
 			var audio = first_child(fragment);
 			bind_this(audio, ($$value) => set(audioEl, $$value), () => get(audioEl));
-			var button = sibling(audio, 2);
-			var img = child(button);
+			var button_1 = sibling(audio, 2);
+			var img = child(button_1);
 			var img_1 = sibling(img, 2);
-			reset(button);
+			reset(button_1);
+			bind_this(button_1, ($$value) => set(featureAudioButtonEl, $$value), () => get(featureAudioButtonEl));
 			template_effect(($0) => {
-				set_attribute(audio, "src", $$props.model.audioUrl);
-				set_attribute(button, "aria-label", $0);
+				set_attribute(audio, "src", model().audioUrl);
+				set_attribute(button_1, "aria-label", $0);
 				set_class(img, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${get(isMediaPlaying) ? "" : "listen-active"}`, "svelte-6wlbb4");
 				set_attribute(img, "src", get(featureAudioSkin).silentUrl);
 				set_class(img_1, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${get(isMediaPlaying) ? "listen-active" : ""}`, "svelte-6wlbb4");
 				set_attribute(img_1, "src", get(featureAudioSkin).playingUrl);
-			}, [() => speechButtonLabel($$props?.model?.locale)]);
-			event("playing", audio, onAudioPlaying);
-			event("ended", audio, onAudioEnded);
-			event("click", button, playFeatureAudio);
+			}, [() => speechButtonLabel(model()?.locale)]);
 			append($$anchor, fragment);
 		};
-		var consequent_3 = ($$anchor) => {
-			var fragment_1 = root_4();
+		var consequent_5 = ($$anchor) => {
+			var fragment_1 = root_7();
 			var audio_1 = first_child(fragment_1);
 			bind_this(audio_1, ($$value) => set(audioEl, $$value), () => get(audioEl));
-			var node_3 = sibling(audio_1, 2);
-			var consequent_2 = ($$anchor) => {
-				var button_1 = root_5();
-				var text = child(button_1, true);
-				reset(button_1);
-				template_effect(() => set_text(text, get(uiText).clickToEnableAutoplay));
-				event("click", button_1, handleEnableAutoplayClick);
-				append($$anchor, button_1);
+			var node_5 = sibling(audio_1, 2);
+			var consequent_4 = ($$anchor) => {
+				var button_2 = root_8();
+				var text_1 = child(button_2, true);
+				reset(button_2);
+				bind_this(button_2, ($$value) => set(autoplayEnableButtonEl, $$value), () => get(autoplayEnableButtonEl));
+				template_effect(() => set_text(text_1, get(uiText).clickToEnableAutoplay));
+				append($$anchor, button_2);
 			};
-			if_block(node_3, ($$render) => {
-				if (get(autoPlayPromptOpen)) $$render(consequent_2);
+			if_block(node_5, ($$render) => {
+				if (get(autoPlayPromptOpen)) $$render(consequent_4);
 			});
 			template_effect(() => {
-				set_attribute(audio_1, "src", $$props.model.audioUrl);
-				set_attribute(audio_1, "aria-describedby", $$props?.model?.audioTranscript ? get(transcriptId) : void 0);
+				set_attribute(audio_1, "src", model().audioUrl);
+				set_attribute(audio_1, "aria-describedby", model()?.audioTranscript ? get(transcriptId) : void 0);
 			});
-			event("playing", audio_1, onAudioPlaying);
-			event("ended", audio_1, onAudioEnded);
 			append($$anchor, fragment_1);
 		};
-		var consequent_4 = ($$anchor) => {
-			var p = root_6();
-			var text_1 = child(p, true);
+		var consequent_6 = ($$anchor) => {
+			var p = root_9();
+			var text_2 = child(p, true);
 			reset(p);
-			template_effect(() => set_text(text_1, get(audioErrorMessage)));
+			template_effect(() => set_text(text_2, get(audioErrorMessage)));
 			append($$anchor, p);
 		};
-		if_block(node_2, ($$render) => {
-			if (get(hasPlayableAudio) && get(useFeatureButtonAudio)) $$render(consequent_1);
-			else if (get(hasPlayableAudio)) $$render(consequent_3, 1);
-			else if (get(hasAudioButMissingResource)) $$render(consequent_4, 2);
+		if_block(node_4, ($$render) => {
+			if (get(hasPlayableAudio) && get(useFeatureButtonAudio)) $$render(consequent_3);
+			else if (get(hasPlayableAudio)) $$render(consequent_5, 1);
+			else if (get(hasAudioButMissingResource)) $$render(consequent_6, 2);
 		});
-		var node_4 = sibling(node_2, 2);
-		var consequent_5 = ($$anchor) => {
-			var p_1 = root_7();
+		var node_6 = sibling(node_4, 2);
+		var consequent_7 = ($$anchor) => {
+			var p_1 = root_10();
 			var strong = child(p_1);
-			var text_2 = child(strong);
+			var text_3 = child(strong);
 			reset(strong);
-			var text_3 = sibling(strong);
+			var text_4 = sibling(strong);
 			reset(p_1);
 			template_effect(() => {
 				set_class(p_1, 1, `text-sm mt-2 text-gray-700 pie-audio-transcript ${get(showVisibleTranscript) ? "" : "sr-only"}`, "svelte-6wlbb4");
 				set_attribute(p_1, "id", get(transcriptId));
-				set_text(text_2, `${get(uiText).transcriptLabel ?? ""}:`);
-				set_text(text_3, ` ${$$props.model.audioTranscript ?? ""}`);
+				set_text(text_3, `${get(uiText).transcriptLabel ?? ""}:`);
+				set_text(text_4, ` ${model().audioTranscript ?? ""}`);
 			});
 			append($$anchor, p_1);
 		};
-		if_block(node_4, ($$render) => {
-			if ($$props?.model?.audioTranscript) $$render(consequent_5);
+		if_block(node_6, ($$render) => {
+			if (model()?.audioTranscript) $$render(consequent_7);
 		});
-		reset(div_2);
-		append($$anchor, div_2);
-	};
-	if_block(node_1, ($$render) => {
-		if ($$props?.model?.hasAudio) $$render(consequent_6);
-	});
-	var node_5 = sibling(node_1, 2);
-	var consequent_7 = ($$anchor) => {
-		var div_3 = root_8();
-		html(div_3, () => $$props.model.sentenceHtml, true);
 		reset(div_3);
-		template_effect(() => set_attribute(div_3, "aria-describedby", get(templateDescribedBy)));
 		append($$anchor, div_3);
 	};
-	if_block(node_5, ($$render) => {
-		if ($$props?.model?.sentenceHtml) $$render(consequent_7);
+	if_block(node_3, ($$render) => {
+		if (model()?.hasAudio) $$render(consequent_8);
 	});
-	var node_6 = sibling(node_5, 2);
-	var consequent_10 = ($$anchor) => {
-		var div_4 = root_9();
-		var node_7 = child(div_4);
-		html(node_7, () => get(templateParts).before);
-		var span = sibling(node_7, 2);
-		var node_8 = child(span);
-		var consequent_8 = ($$anchor) => {
-			var img_2 = root_10();
+	var node_7 = sibling(node_3, 2);
+	var consequent_9 = ($$anchor) => {
+		var div_4 = root_11();
+		html(div_4, () => model().sentenceHtml, true);
+		reset(div_4);
+		template_effect(() => set_attribute(div_4, "aria-describedby", get(templateDescribedBy)));
+		append($$anchor, div_4);
+	};
+	if_block(node_7, ($$render) => {
+		if (model()?.sentenceHtml) $$render(consequent_9);
+	});
+	var node_8 = sibling(node_7, 2);
+	var consequent_12 = ($$anchor) => {
+		var div_5 = root_12();
+		var node_9 = child(div_5);
+		html(node_9, () => get(templateParts).before);
+		var span_3 = sibling(node_9, 2);
+		var node_10 = child(span_3);
+		var consequent_10 = ($$anchor) => {
+			var img_2 = root_13();
 			template_effect(() => {
 				set_attribute(img_2, "src", get(displayChoice).imageUrl);
 				set_attribute(img_2, "alt", get(displayChoice).imageAlt || "Selected answer image");
 			});
 			append($$anchor, img_2);
 		};
-		var consequent_9 = ($$anchor) => {
-			var span_1 = root_11();
-			html(span_1, () => get(displayChoice).labelHtml, true);
-			reset(span_1);
-			append($$anchor, span_1);
+		var consequent_11 = ($$anchor) => {
+			var span_4 = root_14();
+			html(span_4, () => get(displayChoice).labelHtml, true);
+			reset(span_4);
+			append($$anchor, span_4);
 		};
-		var alternate = ($$anchor) => {
-			append($$anchor, root_12());
+		var alternate_1 = ($$anchor) => {
+			append($$anchor, root_15());
 		};
-		if_block(node_8, ($$render) => {
-			if (get(choiceMode) === "image" && get(displayChoice)?.imageUrl) $$render(consequent_8);
-			else if (get(displayChoice)?.labelHtml) $$render(consequent_9, 1);
-			else $$render(alternate, -1);
-		});
-		reset(span);
-		html(sibling(span, 2), () => get(templateParts).after);
-		reset(div_4);
-		template_effect(() => {
-			set_attribute(div_4, "aria-describedby", get(templateDescribedBy));
-			set_class(span, 1, `inline-flex items-center min-h-[1.5em] px-2 mx-1 border-b-2 border-gray-500 align-baseline blank-slot pie-blank-slot ${get(isBlankOnlyTemplate) ? "blank-slot-standalone pie-blank-slot-standalone" : ""}`, "svelte-6wlbb4");
-			set_style(span, `width:${get(blankWidth)};border-bottom-width:${get(blankBorderWidth)};`);
-			set_attribute(span, "aria-label", get(uiText).selectedAnswerInSentence);
+		if_block(node_10, ($$render) => {
+			if (get(choiceMode) === "image" && get(displayChoice)?.imageUrl) $$render(consequent_10);
+			else if (get(displayChoice)?.labelHtml) $$render(consequent_11, 1);
+			else $$render(alternate_1, -1);
 		});
-		append($$anchor, div_4);
-	};
-	if_block(node_6, ($$render) => {
-		if (!get(isAudioOnlyMode)) $$render(consequent_10);
-	});
-	var node_10 = sibling(node_6, 2);
-	var consequent_11 = ($$anchor) => {
-		var button_2 = root_13();
-		var span_3 = child(button_2);
-		var text_4 = child(span_3, true);
 		reset(span_3);
-		reset(button_2);
+		html(sibling(span_3, 2), () => get(templateParts).after);
+		reset(div_5);
 		template_effect(() => {
-			set_attribute(button_2, "aria-pressed", get(showCorrectAnswer));
-			set_text(text_4, get(showCorrectAnswer) ? get(uiText).hideCorrectAnswer : get(uiText).showCorrectAnswer);
+			set_attribute(div_5, "aria-describedby", get(templateDescribedBy));
+			set_class(span_3, 1, `inline-flex items-center min-h-[1.5em] px-2 mx-1 border-b-2 border-gray-500 align-baseline blank-slot pie-blank-slot ${get(isBlankOnlyTemplate) ? "blank-slot-standalone pie-blank-slot-standalone" : ""}`, "svelte-6wlbb4");
+			set_style(span_3, `width:${get(blankWidth)};border-bottom-width:${get(blankBorderWidth)};`);
+			set_attribute(span_3, "aria-label", get(uiText).selectedAnswerInSentence);
 		});
-		event("click", button_2, toggleCorrectAnswer);
-		append($$anchor, button_2);
+		append($$anchor, div_5);
 	};
-	if_block(node_10, ($$render) => {
-		if (get(isEvaluateMode) && get(isIncorrect)) $$render(consequent_11);
+	if_block(node_8, ($$render) => {
+		if (!get(isAudioOnlyMode)) $$render(consequent_12);
 	});
-	var node_11 = sibling(node_10, 2);
-	var consequent_12 = ($$anchor) => {
-		var p_2 = root_14();
+	var node_12 = sibling(node_8, 2);
+	var consequent_13 = ($$anchor) => {
+		var p_2 = root_16();
 		var text_5 = child(p_2, true);
 		reset(p_2);
 		template_effect(() => {
@@ -5438,41 +5817,42 @@ function McPopulatedBlank($$anchor, $$props) {
 		});
 		append($$anchor, p_2);
 	};
-	if_block(node_11, ($$render) => {
-		if (get(resultText)) $$render(consequent_12);
+	if_block(node_12, ($$render) => {
+		if (get(resultText)) $$render(consequent_13);
 	});
-	var fieldset = sibling(node_11, 2);
+	var fieldset = sibling(node_12, 2);
 	var legend = child(fieldset);
 	var text_6 = child(legend, true);
 	reset(legend);
-	var div_5 = sibling(legend, 2);
-	each(div_5, 21, () => get(choices), (c) => c.id, ($$anchor, c) => {
-		var div_6 = root_15();
-		var node_12 = child(div_6);
-		var consequent_14 = ($$anchor) => {
-			var label = root_16();
-			var span_4 = child(label);
-			var node_13 = child(span_4);
-			var consequent_13 = ($$anchor) => {
-				var img_3 = root_17();
+	var div_6 = sibling(legend, 2);
+	each(div_6, 21, () => get(choices), (c) => c.id, ($$anchor, c) => {
+		const choiceCorrectness = /* @__PURE__ */ user_derived(() => get(choiceCorrectnessById).get(get(c).id));
+		var div_7 = root_17();
+		var node_13 = child(div_7);
+		var consequent_15 = ($$anchor) => {
+			var label = root_18();
+			var span_6 = child(label);
+			var node_14 = child(span_6);
+			var consequent_14 = ($$anchor) => {
+				var img_3 = root_19();
 				template_effect(() => {
 					set_attribute(img_3, "src", get(c).imageUrl);
 					set_attribute(img_3, "alt", get(c).imageAlt || `Choice ${get(c).id}`);
 				});
 				append($$anchor, img_3);
 			};
-			var alternate_1 = ($$anchor) => {
-				var span_5 = root_18();
-				html(span_5, () => get(c).labelHtml || "", true);
-				reset(span_5);
-				append($$anchor, span_5);
+			var alternate_2 = ($$anchor) => {
+				var span_7 = root_20();
+				html(span_7, () => get(c).labelHtml || "", true);
+				reset(span_7);
+				append($$anchor, span_7);
 			};
-			if_block(node_13, ($$render) => {
-				if (get(choiceMode) === "image" && get(c).imageUrl) $$render(consequent_13);
-				else $$render(alternate_1, -1);
+			if_block(node_14, ($$render) => {
+				if (get(choiceMode) === "image" && get(c).imageUrl) $$render(consequent_14);
+				else $$render(alternate_2, -1);
 			});
-			reset(span_4);
-			var input_1 = sibling(span_4, 2);
+			reset(span_6);
+			var input_1 = sibling(span_6, 2);
 			remove_input_defaults(input_1);
 			reset(label);
 			template_effect(() => {
@@ -5480,94 +5860,88 @@ function McPopulatedBlank($$anchor, $$props) {
 				set_attribute(input_1, "name", get(radioGroupName));
 				set_attribute(input_1, "id", `${instanceId}-opt-${get(c).id}`);
 				set_value(input_1, get(c).id);
-				set_checked(input_1, (get(showCorrectAnswer) && get(isEvaluateMode) ? $$props?.model?.correctChoiceId : get(selectedId)) === get(c).id);
-				input_1.disabled = $$props?.model?.disabled;
+				set_checked(input_1, (get(shouldShowCorrectAnswer) && get(canRevealCorrectAnswer) ? model()?.correctChoiceId : get(selectedId)) === get(c).id);
+				input_1.disabled = model()?.disabled;
 			});
-			event("change", input_1, onRadioChange);
 			append($$anchor, label);
 		};
-		var alternate_3 = ($$anchor) => {
-			var fragment_2 = root_19();
+		var alternate_4 = ($$anchor) => {
+			var fragment_2 = root_21();
 			var input_2 = first_child(fragment_2);
 			remove_input_defaults(input_2);
 			var label_1 = sibling(input_2, 2);
-			var node_14 = child(label_1);
-			var consequent_15 = ($$anchor) => {
-				var img_4 = root_20();
+			var node_15 = child(label_1);
+			var consequent_16 = ($$anchor) => {
+				var img_4 = root_22();
 				template_effect(() => {
 					set_attribute(img_4, "src", get(c).imageUrl);
 					set_attribute(img_4, "alt", get(c).imageAlt || `Choice ${get(c).id}`);
 				});
 				append($$anchor, img_4);
 			};
-			var alternate_2 = ($$anchor) => {
-				var span_6 = root_21();
-				html(span_6, () => get(c).labelHtml || "", true);
-				reset(span_6);
-				append($$anchor, span_6);
+			var alternate_3 = ($$anchor) => {
+				var span_8 = root_23();
+				html(span_8, () => get(c).labelHtml || "", true);
+				reset(span_8);
+				append($$anchor, span_8);
 			};
-			if_block(node_14, ($$render) => {
-				if (get(choiceMode) === "image" && get(c).imageUrl) $$render(consequent_15);
-				else $$render(alternate_2, -1);
+			if_block(node_15, ($$render) => {
+				if (get(choiceMode) === "image" && get(c).imageUrl) $$render(consequent_16);
+				else $$render(alternate_3, -1);
 			});
 			reset(label_1);
 			template_effect(() => {
 				set_attribute(input_2, "name", get(radioGroupName));
 				set_attribute(input_2, "id", `${instanceId}-opt-${get(c).id}`);
 				set_value(input_2, get(c).id);
-				set_checked(input_2, (get(showCorrectAnswer) && get(isEvaluateMode) ? $$props?.model?.correctChoiceId : get(selectedId)) === get(c).id);
-				input_2.disabled = $$props?.model?.disabled;
+				set_checked(input_2, (get(shouldShowCorrectAnswer) && get(canRevealCorrectAnswer) ? model()?.correctChoiceId : get(selectedId)) === get(c).id);
+				input_2.disabled = model()?.disabled;
 				set_attribute(label_1, "for", `${instanceId}-opt-${get(c).id}`);
 			});
-			event("change", input_2, onRadioChange);
 			append($$anchor, fragment_2);
 		};
-		if_block(node_12, ($$render) => {
-			if (get(isHorizontalChoices)) $$render(consequent_14);
-			else $$render(alternate_3, -1);
+		if_block(node_13, ($$render) => {
+			if (get(isHorizontalChoices)) $$render(consequent_15);
+			else $$render(alternate_4, -1);
 		});
-		var node_15 = sibling(node_12, 2);
-		var consequent_18 = ($$anchor) => {
-			var fragment_3 = comment();
-			var node_16 = first_child(fragment_3);
-			var consequent_16 = ($$anchor) => {
-				append($$anchor, root_23());
-			};
-			var consequent_17 = ($$anchor) => {
-				append($$anchor, root_24());
-			};
-			if_block(node_16, ($$render) => {
-				if (get(selectedId) === get(c).id && get(isCorrect)) $$render(consequent_16);
-				else if (get(selectedId) === get(c).id && get(isIncorrect)) $$render(consequent_17, 1);
+		var node_16 = sibling(node_13, 2);
+		var consequent_17 = ($$anchor) => {
+			var span_9 = root_24();
+			var text_7 = child(span_9, true);
+			reset(span_9);
+			template_effect(() => {
+				set_class(span_9, 1, `pie-choice-feedback-badge ${get(choiceCorrectness) === "correct" ? "pie-choice-feedback-correct" : "pie-choice-feedback-incorrect"}`, "svelte-6wlbb4");
+				set_text(text_7, get(choiceCorrectness) === "correct" ? "✓" : "✕");
 			});
-			append($$anchor, fragment_3);
+			append($$anchor, span_9);
 		};
-		if_block(node_15, ($$render) => {
-			if (get(isEvaluateMode) && !get(showCorrectAnswer)) $$render(consequent_18);
+		if_block(node_16, ($$render) => {
+			if (get(isEvaluateMode) && get(choiceCorrectness)) $$render(consequent_17);
 		});
-		reset(div_6);
-		template_effect(() => set_class(div_6, 1, `flex items-start choice-row pie-choice ${get(isHorizontalChoices) ? "choice-row-horizontal pie-choice-horizontal" : ""} ${(get(showCorrectAnswer) && get(isEvaluateMode) ? $$props?.model?.correctChoiceId : get(selectedId)) === get(c).id ? "is-selected pie-choice-selected" : ""}`, "svelte-6wlbb4"));
-		append($$anchor, div_6);
+		reset(div_7);
+		template_effect(() => set_class(div_7, 1, `flex items-start choice-row pie-choice ${get(isHorizontalChoices) ? "choice-row-horizontal pie-choice-horizontal" : ""} ${(get(shouldShowCorrectAnswer) && get(canRevealCorrectAnswer) ? model()?.correctChoiceId : get(selectedId)) === get(c).id ? "is-selected pie-choice-selected" : ""} ${get(choiceCorrectness) ? `choice-${get(choiceCorrectness)} pie-choice-${get(choiceCorrectness)}` : ""}`, "svelte-6wlbb4"));
+		append($$anchor, div_7);
 	});
-	reset(div_5);
+	reset(div_6);
+	bind_this(div_6, ($$value) => set(choicesGroupEl, $$value), () => get(choicesGroupEl));
 	reset(fieldset);
 	reset(div);
 	template_effect(() => {
 		set_class(div, 1, `p-4 mc-populated-blank-root pie-element pie-element-mc-populated-blank pie-delivery-root layout-${get(layoutProfile)} ${get(hasInlineSentenceAudioLayout) ? "has-inline-audio" : ""}`, "svelte-6wlbb4");
 		set_attribute(div, "lang", get(lang));
 		set_style(div, get(rootStyle));
-		fieldset.disabled = $$props?.model?.disabled;
+		fieldset.disabled = model()?.disabled;
 		set_attribute(legend, "id", get(legendId));
 		set_text(text_6, get(legendText));
-		set_class(div_5, 1, `pie-choices ${get(isHorizontalChoices) ? "flex flex-row flex-wrap items-start justify-center" : "flex flex-col"}`, "svelte-6wlbb4");
-		set_attribute(div_5, "aria-labelledby", get(choicesGroupLabelledBy));
-		set_attribute(div_5, "aria-describedby", get(resultText) ? get(resultId) : void 0);
+		set_class(div_6, 1, `pie-choices ${get(isHorizontalChoices) ? "flex flex-row flex-wrap items-start justify-center" : "flex flex-col"}`, "svelte-6wlbb4");
+		set_attribute(div_6, "aria-labelledby", get(choicesGroupLabelledBy));
+		set_attribute(div_6, "aria-label", get(choicesGroupAriaLabel));
+		set_attribute(div_6, "aria-describedby", get(resultText) ? get(resultId) : void 0);
 	});
-	event("keydown", div_5, onRadioGroupKeydown);
 	append($$anchor, div);
-	pop();
+	return pop($$exports);
 }
-customElements.define("mc-populated-blank-element", create_custom_element(McPopulatedBlank, {
+customElements.define("mc-populated-blank", create_custom_element(McPopulatedBlank, {
 	model: { type: "Object" },
 	session: { type: "Object" },
 	options: { type: "Object" }