@pie-element/mc-populated-blank 0.2.9 → 0.2.11

package/dist/index.js

@@ -1,16 +1,16 @@
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/disclose-version.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/disclose-version.js
 if (typeof window !== "undefined") {
 	var _window$__svelte, _window;
 	((_window$__svelte = (_window = window).__svelte ?? (_window.__svelte = {})).v ?? (_window$__svelte.v = /* @__PURE__ */ new Set())).add("5");
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/constants.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/constants.js
 var HYDRATION_ERROR = {};
 var UNINITIALIZED = Symbol();
 var NAMESPACE_SVG = "http://www.w3.org/2000/svg";
 var NAMESPACE_MATHML = "http://www.w3.org/1998/Math/MathML";
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/shared/utils.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/shared/utils.js
 var is_array = Array.isArray;
 var index_of = Array.prototype.indexOf;
 var includes = Array.prototype.includes;
@@ -47,7 +47,7 @@ function deferred() {
 	};
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -57,7 +57,7 @@ function _typeof(o) {
 	}, _typeof(o);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -69,13 +69,13 @@ function toPrimitive(t, r) {
 	return ("string" === r ? String : Number)(t);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -104,7 +104,8 @@ var EFFECT_OFFSCREEN = 1 << 25;
 /**
 * Tells that we marked this derived and its reactions as visited during the "mark as (maybe) dirty"-phase.
 * Will be lifted during execution of the derived and during checking its dirty state (both are necessary
-* because a derived might be checked but not executed).
+* because a derived might be checked but not executed). This is a pure performance optimization flag and
+* should not be used for any other purpose!
 */
 var WAS_MARKED = 65536;
 var REACTION_IS_UPDATING = 1 << 21;
@@ -123,7 +124,7 @@ var STALE_REACTION = new class StaleReactionError extends Error {
 }();
 var IS_XHTML = !!globalThis.document?.contentType && /* @__PURE__ */ globalThis.document.contentType.includes("xml");
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/errors.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/errors.js
 /**
 * Cannot create a `$derived(...)` with an `await` expression outside of an effect tree
 * @returns {never}
@@ -215,6 +216,12 @@ function svelte_boundary_reset_onerror() {
 	throw new Error(`https://svelte.dev/e/svelte_boundary_reset_onerror`);
 }
 /**
+* Reading a derived belonging to a now-destroyed effect may result in stale values
+*/
+function derived_inert() {
+	console.warn(`https://svelte.dev/e/derived_inert`);
+}
+/**
 * Hydration failed because the initial UI does not match what was rendered on the server. The error occurred near %location%
 * @param {string | undefined | null} [location]
 */
@@ -228,7 +235,7 @@ function svelte_boundary_reset_noop() {
 	console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/hydration.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/hydration.js
 /** @import { TemplateNode } from '#client' */
 /**
 * Use this variable to guard everything related to hydration code so it can be treeshaken out
@@ -307,7 +314,7 @@ function read_hydration_instruction(node) {
 	return node.data;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/equality.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/equality.js
 /** @import { Equals } from '#client' */
 /** @type {Equals} */
 function equals(value) {
@@ -326,13 +333,13 @@ function safe_equals(value) {
 	return !safe_not_equal(value, this.v);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/flags/index.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/flags/index.js
 /** True if experimental.async=true */
 var async_mode_flag = false;
 /** True if we're not certain that we only have Svelte 5 code in the compilation */
 var legacy_mode_flag = false;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/context.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/context.js
 /** @import { ComponentContext, DevStackEntry, Effect } from '#client' */
 /** @type {ComponentContext | null} */
 var component_context = null;
@@ -384,7 +391,7 @@ function is_runes() {
 	return !legacy_mode_flag || component_context !== null && component_context.l === null;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/task.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/task.js
 /** @type {Array<() => void>} */
 var micro_tasks = [];
 function run_micro_tasks() {
@@ -442,7 +449,7 @@ function invoke_error_boundary(error, effect) {
 	throw error;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/status.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/status.js
 /** @import { Derived, Signal } from '#client' */
 var STATUS_MASK = ~(DIRTY | MAYBE_DIRTY | CLEAN);
 /**
@@ -461,7 +468,7 @@ function update_derived_status(derived) {
 	else set_signal_status(derived, MAYBE_DIRTY);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/utils.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/utils.js
 /** @import { Derived, Effect, Value } from '#client' */
 /**
 * @param {Value[] | null} deps
@@ -489,7 +496,7 @@ function defer_effect(effect, dirty_effects, maybe_dirty_effects) {
 	set_signal_status(effect, CLEAN);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/store.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/store.js
 /**
 * We set this to `true` when updating a store so that we correctly
 * schedule effects if the update takes place inside a `$:` effect
@@ -519,38 +526,38 @@ function capture_store_binding(fn) {
 	}
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/checkPrivateRedeclaration.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/checkPrivateRedeclaration.js
 function _checkPrivateRedeclaration(e, t) {
 	if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/classPrivateMethodInitSpec.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/classPrivateMethodInitSpec.js
 function _classPrivateMethodInitSpec(e, a) {
 	_checkPrivateRedeclaration(e, a), a.add(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/classPrivateFieldInitSpec.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/classPrivateFieldInitSpec.js
 function _classPrivateFieldInitSpec(e, t, a) {
 	_checkPrivateRedeclaration(e, t), t.set(e, a);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/assertClassBrand.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/assertClassBrand.js
 function _assertClassBrand(e, t, n) {
 	if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw new TypeError("Private element is not present on this object");
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/classPrivateFieldGet2.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/classPrivateFieldGet2.js
 function _classPrivateFieldGet2(s, a) {
 	return s.get(_assertClassBrand(s, a));
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.120.0/helpers/classPrivateFieldSet2.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/classPrivateFieldSet2.js
 function _classPrivateFieldSet2(s, a, r) {
 	return s.set(_assertClassBrand(s, a), r), r;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/batch.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/batch.js
 /** @import { Fork } from 'svelte' */
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 var _Batch;
@@ -588,6 +595,7 @@ var flush_count = 0;
 var uid = 1;
 var _commit_callbacks = /* @__PURE__ */ new WeakMap();
 var _discard_callbacks = /* @__PURE__ */ new WeakMap();
+var _fork_commit_callbacks = /* @__PURE__ */ new WeakMap();
 var _pending = /* @__PURE__ */ new WeakMap();
 var _blocking_pending = /* @__PURE__ */ new WeakMap();
 var _deferred = /* @__PURE__ */ new WeakMap();
@@ -596,6 +604,7 @@ var _new_effects = /* @__PURE__ */ new WeakMap();
 var _dirty_effects$1 = /* @__PURE__ */ new WeakMap();
 var _maybe_dirty_effects$1 = /* @__PURE__ */ new WeakMap();
 var _skipped_branches = /* @__PURE__ */ new WeakMap();
+var _unskipped_branches = /* @__PURE__ */ new WeakMap();
 var _decrement_queued = /* @__PURE__ */ new WeakMap();
 var _blockers = /* @__PURE__ */ new WeakMap();
 var _Batch_brand = /* @__PURE__ */ new WeakSet();
@@ -626,6 +635,7 @@ var Batch = class Batch {
 		);
 		_classPrivateFieldInitSpec(this, _commit_callbacks, /* @__PURE__ */ new Set());
 		_classPrivateFieldInitSpec(this, _discard_callbacks, /* @__PURE__ */ new Set());
+		_classPrivateFieldInitSpec(this, _fork_commit_callbacks, /* @__PURE__ */ new Set());
 		_classPrivateFieldInitSpec(this, _pending, /* @__PURE__ */ new Map());
 		_classPrivateFieldInitSpec(this, _blocking_pending, /* @__PURE__ */ new Map());
 		_classPrivateFieldInitSpec(this, _deferred, null);
@@ -634,6 +644,7 @@ var Batch = class Batch {
 		_classPrivateFieldInitSpec(this, _dirty_effects$1, /* @__PURE__ */ new Set());
 		_classPrivateFieldInitSpec(this, _maybe_dirty_effects$1, /* @__PURE__ */ new Set());
 		_classPrivateFieldInitSpec(this, _skipped_branches, /* @__PURE__ */ new Map());
+		_classPrivateFieldInitSpec(this, _unskipped_branches, /* @__PURE__ */ new Set());
 		_defineProperty(this, "is_fork", false);
 		_classPrivateFieldInitSpec(this, _decrement_queued, false);
 		_classPrivateFieldInitSpec(this, _blockers, /* @__PURE__ */ new Set());
@@ -647,39 +658,43 @@ var Batch = class Batch {
 			d: [],
 			m: []
 		});
+		_classPrivateFieldGet2(_unskipped_branches, this).delete(effect);
 	}
 	/**
 	* Remove an effect from the #skipped_branches map and reschedule
 	* any tracked dirty/maybe_dirty child effects
 	* @param {Effect} effect
+	* @param {(e: Effect) => void} callback
 	*/
-	unskip_effect(effect) {
+	unskip_effect(effect, callback = (e) => this.schedule(e)) {
 		var tracked = _classPrivateFieldGet2(_skipped_branches, this).get(effect);
 		if (tracked) {
 			_classPrivateFieldGet2(_skipped_branches, this).delete(effect);
 			for (var e of tracked.d) {
 				set_signal_status(e, DIRTY);
-				this.schedule(e);
+				callback(e);
 			}
 			for (e of tracked.m) {
 				set_signal_status(e, MAYBE_DIRTY);
-				this.schedule(e);
+				callback(e);
 			}
 		}
+		_classPrivateFieldGet2(_unskipped_branches, this).add(effect);
 	}
 	/**
 	* Associate a change to a given source with the current
 	* batch, noting its previous and current values
 	* @param {Value} source
-	* @param {any} old_value
+	* @param {any} value
 	* @param {boolean} [is_derived]
 	*/
-	capture(source, old_value, is_derived = false) {
-		if (old_value !== UNINITIALIZED && !this.previous.has(source)) this.previous.set(source, old_value);
+	capture(source, value, is_derived = false) {
+		if (source.v !== UNINITIALIZED && !this.previous.has(source)) this.previous.set(source, source.v);
 		if ((source.f & 8388608) === 0) {
-			this.current.set(source, [source.v, is_derived]);
-			batch_values?.set(source, source.v);
+			this.current.set(source, [value, is_derived]);
+			batch_values?.set(source, value);
 		}
+		if (!this.is_fork) source.v = value;
 	}
 	activate() {
 		current_batch = this;
@@ -707,6 +722,7 @@ var Batch = class Batch {
 	discard() {
 		for (const fn of _classPrivateFieldGet2(_discard_callbacks, this)) fn(this);
 		_classPrivateFieldGet2(_discard_callbacks, this).clear();
+		_classPrivateFieldGet2(_fork_commit_callbacks, this).clear();
 		batches.delete(this);
 	}
 	/**
@@ -766,6 +782,14 @@ var Batch = class Batch {
 	ondiscard(fn) {
 		_classPrivateFieldGet2(_discard_callbacks, this).add(fn);
 	}
+	/** @param {(batch: Batch) => void} fn */
+	on_fork_commit(fn) {
+		_classPrivateFieldGet2(_fork_commit_callbacks, this).add(fn);
+	}
+	run_fork_commit_callbacks() {
+		for (const fn of _classPrivateFieldGet2(_fork_commit_callbacks, this)) fn(this);
+		_classPrivateFieldGet2(_fork_commit_callbacks, this).clear();
+	}
 	settled() {
 		return (_classPrivateFieldGet2(_deferred, this) ?? _classPrivateFieldSet2(_deferred, this, deferred())).promise;
 	}
@@ -911,7 +935,7 @@ function _process() {
 		batches.add(next_batch);
 		_assertClassBrand(_Batch_brand, next_batch, _process).call(next_batch);
 	}
-	if (!batches.has(this)) _assertClassBrand(_Batch_brand, this, _commit$1).call(this);
+	if (async_mode_flag && !batches.has(this)) _assertClassBrand(_Batch_brand, this, _commit$1).call(this);
 }
 /**
 * Traverse the effect tree, executing effects or stashing
@@ -973,6 +997,10 @@ function _commit$1() {
 		if (others.length === 0) {
 			if (is_earlier) batch.discard();
 		} else if (sources.length > 0) {
+			if (is_earlier) for (const unskipped of _classPrivateFieldGet2(_unskipped_branches, this)) batch.unskip_effect(unskipped, (e) => {
+				if ((e.f & 4194320) !== 0) batch.schedule(e);
+				else _assertClassBrand(_Batch_brand, batch, _defer_effects).call(batch, [e]);
+			});
 			batch.activate();
 			/** @type {Set<Value>} */
 			var marked = /* @__PURE__ */ new Set();
@@ -1152,7 +1180,7 @@ function reset_all(effect) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/reactivity/create-subscriber.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/reactivity/create-subscriber.js
 /**
 * Returns a `subscribe` function that integrates external event-based systems with Svelte's reactivity.
 * It's particularly useful for integrating with web APIs like `MediaQuery`, `IntersectionObserver`, or `WebSocket`.
@@ -1225,7 +1253,7 @@ function createSubscriber(start) {
 	};
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
 /** @import { Effect, Source, TemplateNode, } from '#client' */
 /**
 * @typedef {{
@@ -1373,82 +1401,15 @@ var Boundary = class {
 	}
 	/** @param {unknown} error */
 	error(error) {
-		var onerror = _classPrivateFieldGet2(_props, this).onerror;
-		let failed = _classPrivateFieldGet2(_props, this).failed;
-		if (!onerror && !failed) throw error;
-		if (_classPrivateFieldGet2(_main_effect, this)) {
-			destroy_effect(_classPrivateFieldGet2(_main_effect, this));
-			_classPrivateFieldSet2(_main_effect, this, null);
-		}
-		if (_classPrivateFieldGet2(_pending_effect, this)) {
-			destroy_effect(_classPrivateFieldGet2(_pending_effect, this));
-			_classPrivateFieldSet2(_pending_effect, this, null);
-		}
-		if (_classPrivateFieldGet2(_failed_effect, this)) {
-			destroy_effect(_classPrivateFieldGet2(_failed_effect, this));
-			_classPrivateFieldSet2(_failed_effect, this, null);
-		}
-		if (hydrating) {
-			set_hydrate_node(_classPrivateFieldGet2(_hydrate_open, this));
-			next();
-			set_hydrate_node(skip_nodes());
-		}
-		var did_reset = false;
-		var calling_on_error = false;
-		const reset = () => {
-			if (did_reset) {
-				svelte_boundary_reset_noop();
-				return;
-			}
-			did_reset = true;
-			if (calling_on_error) svelte_boundary_reset_onerror();
-			if (_classPrivateFieldGet2(_failed_effect, this) !== null) pause_effect(_classPrivateFieldGet2(_failed_effect, this), () => {
-				_classPrivateFieldSet2(_failed_effect, this, null);
+		if (!_classPrivateFieldGet2(_props, this).onerror && !_classPrivateFieldGet2(_props, this).failed) throw error;
+		if (current_batch?.is_fork) {
+			if (_classPrivateFieldGet2(_main_effect, this)) current_batch.skip_effect(_classPrivateFieldGet2(_main_effect, this));
+			if (_classPrivateFieldGet2(_pending_effect, this)) current_batch.skip_effect(_classPrivateFieldGet2(_pending_effect, this));
+			if (_classPrivateFieldGet2(_failed_effect, this)) current_batch.skip_effect(_classPrivateFieldGet2(_failed_effect, this));
+			current_batch.on_fork_commit(() => {
+				_assertClassBrand(_Boundary_brand, this, _handle_error).call(this, error);
 			});
-			_assertClassBrand(_Boundary_brand, this, _run).call(this, () => {
-				_assertClassBrand(_Boundary_brand, this, _render).call(this);
-			});
-		};
-		/** @param {unknown} transformed_error */
-		const handle_error_result = (transformed_error) => {
-			try {
-				calling_on_error = true;
-				onerror?.(transformed_error, reset);
-				calling_on_error = false;
-			} catch (error) {
-				invoke_error_boundary(error, _classPrivateFieldGet2(_effect, this) && _classPrivateFieldGet2(_effect, this).parent);
-			}
-			if (failed) _classPrivateFieldSet2(_failed_effect, this, _assertClassBrand(_Boundary_brand, this, _run).call(this, () => {
-				try {
-					return branch(() => {
-						var effect = active_effect;
-						effect.b = this;
-						effect.f |= 128;
-						failed(_classPrivateFieldGet2(_anchor, this), () => transformed_error, () => reset);
-					});
-				} catch (error) {
-					invoke_error_boundary(error, _classPrivateFieldGet2(_effect, this).parent);
-					return null;
-				}
-			}));
-		};
-		queue_micro_task(() => {
-			/** @type {unknown} */
-			var result;
-			try {
-				result = this.transform_error(error);
-			} catch (e) {
-				invoke_error_boundary(e, _classPrivateFieldGet2(_effect, this) && _classPrivateFieldGet2(_effect, this).parent);
-				return;
-			}
-			if (result !== null && typeof result === "object" && typeof result.then === "function")
- /** @type {any} */ result.then(
-				handle_error_result,
-				/** @param {unknown} e */
-				(e) => invoke_error_boundary(e, _classPrivateFieldGet2(_effect, this) && _classPrivateFieldGet2(_effect, this).parent)
-			);
-			else handle_error_result(result);
-		});
+		} else _assertClassBrand(_Boundary_brand, this, _handle_error).call(this, error);
 	}
 };
 function _hydrate_resolved_content() {
@@ -1564,8 +1525,88 @@ function _update_pending_count(d, batch) {
 		}
 	}
 }
+/**
+* @param {unknown} error
+*/
+function _handle_error(error) {
+	if (_classPrivateFieldGet2(_main_effect, this)) {
+		destroy_effect(_classPrivateFieldGet2(_main_effect, this));
+		_classPrivateFieldSet2(_main_effect, this, null);
+	}
+	if (_classPrivateFieldGet2(_pending_effect, this)) {
+		destroy_effect(_classPrivateFieldGet2(_pending_effect, this));
+		_classPrivateFieldSet2(_pending_effect, this, null);
+	}
+	if (_classPrivateFieldGet2(_failed_effect, this)) {
+		destroy_effect(_classPrivateFieldGet2(_failed_effect, this));
+		_classPrivateFieldSet2(_failed_effect, this, null);
+	}
+	if (hydrating) {
+		set_hydrate_node(_classPrivateFieldGet2(_hydrate_open, this));
+		next();
+		set_hydrate_node(skip_nodes());
+	}
+	var onerror = _classPrivateFieldGet2(_props, this).onerror;
+	let failed = _classPrivateFieldGet2(_props, this).failed;
+	var did_reset = false;
+	var calling_on_error = false;
+	const reset = () => {
+		if (did_reset) {
+			svelte_boundary_reset_noop();
+			return;
+		}
+		did_reset = true;
+		if (calling_on_error) svelte_boundary_reset_onerror();
+		if (_classPrivateFieldGet2(_failed_effect, this) !== null) pause_effect(_classPrivateFieldGet2(_failed_effect, this), () => {
+			_classPrivateFieldSet2(_failed_effect, this, null);
+		});
+		_assertClassBrand(_Boundary_brand, this, _run).call(this, () => {
+			_assertClassBrand(_Boundary_brand, this, _render).call(this);
+		});
+	};
+	/** @param {unknown} transformed_error */
+	const handle_error_result = (transformed_error) => {
+		try {
+			calling_on_error = true;
+			onerror?.(transformed_error, reset);
+			calling_on_error = false;
+		} catch (error) {
+			invoke_error_boundary(error, _classPrivateFieldGet2(_effect, this) && _classPrivateFieldGet2(_effect, this).parent);
+		}
+		if (failed) _classPrivateFieldSet2(_failed_effect, this, _assertClassBrand(_Boundary_brand, this, _run).call(this, () => {
+			try {
+				return branch(() => {
+					var effect = active_effect;
+					effect.b = this;
+					effect.f |= 128;
+					failed(_classPrivateFieldGet2(_anchor, this), () => transformed_error, () => reset);
+				});
+			} catch (error) {
+				invoke_error_boundary(error, _classPrivateFieldGet2(_effect, this).parent);
+				return null;
+			}
+		}));
+	};
+	queue_micro_task(() => {
+		/** @type {unknown} */
+		var result;
+		try {
+			result = this.transform_error(error);
+		} catch (e) {
+			invoke_error_boundary(e, _classPrivateFieldGet2(_effect, this) && _classPrivateFieldGet2(_effect, this).parent);
+			return;
+		}
+		if (result !== null && typeof result === "object" && typeof result.then === "function")
+ /** @type {any} */ result.then(
+			handle_error_result,
+			/** @param {unknown} e */
+			(e) => invoke_error_boundary(e, _classPrivateFieldGet2(_effect, this) && _classPrivateFieldGet2(_effect, this).parent)
+		);
+		else handle_error_result(result);
+	});
+}
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/async.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/async.js
 /** @import { Blocker, Effect, Value } from '#client' */
 /**
 * @param {Blocker[]} blockers
@@ -1657,7 +1698,6 @@ function increment_pending() {
 /* @__NO_SIDE_EFFECTS__ */
 function derived(fn) {
 	var flags = 2 | DIRTY;
-	var parent_derived = active_reaction !== null && (active_reaction.f & 2) !== 0 ? active_reaction : null;
 	if (active_effect !== null) active_effect.f |= EFFECT_PRESERVED;
 	return {
 		ctx: component_context,
@@ -1670,7 +1710,7 @@ function derived(fn) {
 		rv: 0,
 		v: UNINITIALIZED,
 		wv: 0,
-		parent: parent_derived ?? active_effect,
+		parent: active_effect,
 		ac: null
 	};
 }
@@ -1786,18 +1826,6 @@ function destroy_derived_effects(derived) {
 	}
 }
 /**
-* @param {Derived} derived
-* @returns {Effect | null}
-*/
-function get_derived_parent_effect(derived) {
-	var parent = derived.parent;
-	while (parent !== null) {
-		if ((parent.f & 2) === 0) return (parent.f & 16384) === 0 ? parent : null;
-		parent = parent.parent;
-	}
-	return null;
-}
-/**
 * @template T
 * @param {Derived} derived
 * @returns {T}
@@ -1805,7 +1833,12 @@ function get_derived_parent_effect(derived) {
 function execute_derived(derived) {
 	var value;
 	var prev_active_effect = active_effect;
-	set_active_effect(get_derived_parent_effect(derived));
+	var parent = derived.parent;
+	if (!is_destroying_effect && parent !== null && (parent.f & 24576) !== 0) {
+		derived_inert();
+		return derived.v;
+	}
+	set_active_effect(parent);
 	try {
 		derived.f &= ~WAS_MARKED;
 		destroy_derived_effects(derived);
@@ -1820,13 +1853,12 @@ function execute_derived(derived) {
 * @returns {void}
 */
 function update_derived(derived) {
-	var old_value = derived.v;
 	var value = execute_derived(derived);
 	if (!derived.equals(value)) {
 		derived.wv = increment_write_version();
 		if (!current_batch?.is_fork || derived.deps === null) {
-			derived.v = value;
-			current_batch?.capture(derived, old_value, true);
+			if (current_batch !== null) current_batch.capture(derived, value, true);
+			else derived.v = value;
 			if (derived.deps === null) {
 				set_signal_status(derived, CLEAN);
 				return;
@@ -1860,7 +1892,7 @@ function unfreeze_derived_effects(derived) {
 	for (const e of derived.effects) if (e.teardown) update_effect(e);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/sources.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/sources.js
 /** @import { Derived, Effect, Source, Value } from '#client' */
 /** @type {Set<any>} */
 var eager_effects = /* @__PURE__ */ new Set();
@@ -1930,12 +1962,9 @@ function set(source, value, should_proxy = false) {
 */
 function internal_set(source, value, updated_during_traversal = null) {
 	if (!source.equals(value)) {
-		var old_value = source.v;
-		if (is_destroying_effect) old_values.set(source, value);
-		else old_values.set(source, old_value);
-		source.v = value;
+		old_values.set(source, is_destroying_effect ? value : source.v);
 		var batch = Batch.ensure();
-		batch.capture(source, old_value);
+		batch.capture(source, value);
 		if ((source.f & 2) !== 0) {
 			const derived = source;
 			if ((source.f & 2048) !== 0) execute_derived(derived);
@@ -1985,7 +2014,7 @@ function mark_reactions(signal, status, updated_during_traversal) {
 			var derived = reaction;
 			batch_values?.delete(derived);
 			if ((flags & 65536) === 0) {
-				if (flags & 512) reaction.f |= WAS_MARKED;
+				if (flags & 512 && (active_effect === null || (active_effect.f & 2097152) === 0)) reaction.f |= WAS_MARKED;
 				mark_reactions(derived, MAYBE_DIRTY, updated_during_traversal);
 			}
 		} else if (not_dirty) {
@@ -2155,7 +2184,7 @@ function proxy(value) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/operations.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/operations.js
 /** @import { Effect, TemplateNode } from '#client' */
 /** @type {Window} */
 var $window;
@@ -2327,7 +2356,7 @@ function merge_text_nodes(text) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/misc.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/misc.js
 var listening_to_form_reset = false;
 function add_form_reset_listener() {
 	if (!listening_to_form_reset) {
@@ -2340,7 +2369,7 @@ function add_form_reset_listener() {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
 /**
 * @template T
 * @param {() => T} fn
@@ -2358,7 +2387,7 @@ function without_reactive_context(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/reactivity/effects.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/effects.js
 /** @import { Blocker, ComponentContext, ComponentContextLegacy, Derived, Effect, TemplateNode, TransitionManager } from '#client' */
 /**
 * @param {'$effect' | '$effect.pre' | '$inspect'} rune
@@ -2687,8 +2716,10 @@ function pause_children(effect, transitions, local) {
 	var child = effect.first;
 	while (child !== null) {
 		var sibling = child.next;
-		var transparent = (child.f & 65536) !== 0 || (child.f & 32) !== 0 && (effect.f & 16) !== 0;
-		pause_children(child, transitions, transparent ? local : false);
+		if ((child.f & 64) === 0) {
+			var transparent = (child.f & 65536) !== 0 || (child.f & 32) !== 0 && (effect.f & 16) !== 0;
+			pause_children(child, transitions, transparent ? local : false);
+		}
 		child = sibling;
 	}
 }
@@ -2740,14 +2771,14 @@ function move_effect(effect, fragment) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/legacy.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/legacy.js
 /**
 * @type {Set<Value> | null}
 * @deprecated
 */
 var captured_signals = null;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/runtime.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/runtime.js
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 var is_updating_effect = false;
 var is_destroying_effect = false;
@@ -2949,7 +2980,7 @@ function remove_reaction(signal, dependency) {
 			derived.f ^= 512;
 			derived.f &= ~WAS_MARKED;
 		}
-		update_derived_status(derived);
+		if (derived.v !== UNINITIALIZED) update_derived_status(derived);
 		freeze_derived_effects(derived);
 		remove_reactions(derived, 0);
 	}
@@ -3091,7 +3122,7 @@ function untrack(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/events.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/events.js
 /**
 * Used on elements, as a map of event type -> event handler,
 * and on events themselves to track which element handled an event
@@ -3174,8 +3205,10 @@ function handle_event_propagation(event) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/reconciler.js
-var policy = globalThis?.window?.trustedTypes && /* @__PURE__ */ globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { createHTML: (html) => {
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/reconciler.js
+var policy = globalThis?.window?.trustedTypes && /* @__PURE__ */ globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { 
+/** @param {string} html */
+createHTML: (html) => {
 	return html;
 } });
 /** @param {string} html */
@@ -3191,7 +3224,7 @@ function create_fragment_from_html(html) {
 	return elem.content;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/template.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/template.js
 /** @import { Effect, EffectNodes, TemplateNode } from '#client' */
 /** @import { TemplateStructure } from './types' */
 /**
@@ -3288,6 +3321,21 @@ function from_svg(content, flags) {
 	return /* @__PURE__ */ from_namespace(content, flags, "svg");
 }
 /**
+* @returns {TemplateNode | DocumentFragment}
+*/
+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;
+}
+/**
 * Assign the created (or in hydration mode, traversed) dom elements to the current block
 * and insert the elements into the dom (in client mode).
 * @param {Text | Comment | Element} anchor
@@ -3508,7 +3556,7 @@ function unmount(component, options) {
 	return Promise.resolve();
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/blocks/branches.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/blocks/branches.js
 /** @import { Effect, TemplateNode } from '#client' */
 var _batches = /* @__PURE__ */ new WeakMap();
 var _onscreen = /* @__PURE__ */ new WeakMap();
@@ -3630,7 +3678,7 @@ var BranchManager = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/blocks/if.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/blocks/if.js
 /** @import { TemplateNode } from '#client' */
 /**
 * @param {TemplateNode} node
@@ -3676,7 +3724,7 @@ function if_block(node, fn, elseif = false) {
 	}, flags);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/blocks/each.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/blocks/each.js
 /** @import { EachItem, EachOutroGroup, EachState, Effect, EffectNodes, MaybeSource, Source, TemplateNode, TransitionManager, Value } from '#client' */
 /** @import { Batch } from '../../reactivity/batch.js'; */
 /**
@@ -4134,14 +4182,14 @@ function html(node, get_value, is_controlled = false, svg = false, mathml = fals
 		var wrapper = create_element(svg ? "svg" : mathml ? "math" : "template", svg ? NAMESPACE_SVG : mathml ? NAMESPACE_MATHML : void 0);
 		wrapper.innerHTML = value;
 		/** @type {DocumentFragment | Element} */
-		var node = svg || mathml ? wrapper : wrapper.content;
+		var node = svg || mathml ? wrapper : 		/** @type {HTMLTemplateElement} */ wrapper.content;
 		assign_nodes(/* @__PURE__ */ get_first_child(node), node.lastChild);
 		if (svg || mathml) while (/* @__PURE__ */ get_first_child(node)) anchor.before(/* @__PURE__ */ get_first_child(node));
 		else anchor.before(node);
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/css.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/css.js
 /**
 * @param {Node} anchor
 * @param {{ hash: string, code: string }} css
@@ -4149,7 +4197,7 @@ function html(node, get_value, is_controlled = false, svg = false, mathml = fals
 function append_styles$1(anchor, css) {
 	effect(() => {
 		var root = anchor.getRootNode();
-		var target = root.host ? root : root.head ?? root.ownerDocument.head;
+		var target = root.host ? root : 		/** @type {Document} */ root.head ?? root.ownerDocument.head;
 		if (!target.querySelector("#" + css.hash)) {
 			const style = create_element("style");
 			style.id = css.hash;
@@ -4159,7 +4207,7 @@ function append_styles$1(anchor, css) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/shared/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/shared/attributes.js
 var whitespace = [..." 	\n\r\f\xA0\v"];
 /**
 * @param {any} value
@@ -4269,7 +4317,7 @@ function to_style(value, styles) {
 	return value == null ? null : String(value);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/class.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/class.js
 /**
 * @param {Element} dom
 * @param {boolean | number} is_html
@@ -4294,7 +4342,7 @@ function set_class(dom, is_html, value, hash, prev_classes, next_classes) {
 	return next_classes;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/style.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/style.js
 /**
 * @param {Element & ElementCSSInlineStyle} dom
 * @param {Record<string, any>} prev
@@ -4328,7 +4376,7 @@ function set_style(dom, value, prev_styles, next_styles) {
 	return next_styles;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/attributes.js
 /** @import { Blocker, Effect } from '#client' */
 var IS_CUSTOM_ELEMENT = Symbol("is custom element");
 var IS_HTML = Symbol("is html");
@@ -4390,7 +4438,7 @@ function set_attribute(element, attribute, value, skip_warning) {
 	if (hydrating) {
 		attributes[attribute] = element.getAttribute(attribute);
 		if (attribute === "src" || attribute === "srcset" || attribute === "href" && element.nodeName === LINK_TAG) {
-			if (!skip_warning) check_src_in_dev_hydration(element, attribute, value ?? "");
+			if (!skip_warning);
 			return;
 		}
 	}
@@ -4428,14 +4476,8 @@ function get_setters(element) {
 	}
 	return setters;
 }
-/**
-* @param {any} element
-* @param {string} attribute
-* @param {string} value
-*/
-function check_src_in_dev_hydration(element, attribute, value) {}
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
 var _ResizeObserverSingleton;
 var _listeners = /* @__PURE__ */ new WeakMap();
 var _observer = /* @__PURE__ */ new WeakMap();
@@ -4487,7 +4529,7 @@ function _getObserver() {
 }
 _defineProperty(ResizeObserverSingleton, "entries", /* @__PURE__ */ new WeakMap());
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
 /** @import { ComponentContext, Effect } from '#client' */
 /**
 * @param {any} bound_value
@@ -4539,7 +4581,7 @@ 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
+//#region ../../../node_modules/.bun/svelte@5.55.5/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.
@@ -4627,7 +4669,7 @@ function prop(props, key, flags, fallback) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/legacy/legacy-client.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/legacy/legacy-client.js
 /** @import { ComponentConstructorOptions, ComponentType, SvelteComponent, Component } from 'svelte' */
 /**
 * Takes the same options as a Svelte 4 component and the component function and returns a Svelte 4 compatible component.
@@ -4706,6 +4748,7 @@ var Svelte4Component = class {
 				get() {
 					return _classPrivateFieldGet2(_instance, this)[key];
 				},
+				/** @param {any} value */
 				set(value) {
 					_classPrivateFieldGet2(_instance, this)[key] = value;
 				},
@@ -4745,7 +4788,7 @@ var Svelte4Component = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.55.1/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
 /**
 * @typedef {Object} CustomElementPropDefinition
 * @property {string} [attribute]
@@ -5031,14 +5074,14 @@ function create_custom_element(Component, props_definition, slots, exports, shad
 }
 //#endregion
 //#region ../../lib-svelte/styling/dist/index2.js
-var e = {
+var e$1 = {
 	50: "#e8f5e9",
 	500: "#4caf50"
-}, t = {
+}, t$2 = {
 	200: "#9fa8da",
 	500: "#3f51b5",
 	800: "#283593"
-}, n = { 500: "#ff9800" }, r = {
+}, n$1 = { 500: "#ff9800" }, r$1 = {
 	200: "#f48fb1",
 	900: "#880e4f",
 	A400: "#f50057"
@@ -5049,21 +5092,21 @@ var e = {
 	TEXT: "black",
 	DISABLED: "grey",
 	DISABLED_SECONDARY: "#ABABAB",
-	CORRECT: e[500],
-	CORRECT_SECONDARY: e[50],
+	CORRECT: e$1[500],
+	CORRECT_SECONDARY: e$1[50],
 	CORRECT_TERTIARY: "#0EA449",
 	CORRECT_WITH_ICON: "#087D38",
-	INCORRECT: n[500],
+	INCORRECT: n$1[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],
+	PRIMARY: t$2[500],
+	PRIMARY_LIGHT: t$2[200],
+	PRIMARY_DARK: t$2[800],
+	SECONDARY: r$1.A400,
+	SECONDARY_LIGHT: r$1[200],
+	SECONDARY_DARK: r$1[900],
 	TERTIARY: "#146EB3",
 	TERTIARY_LIGHT: "#D0E2F0",
 	BACKGROUND: "rgba(255,255,255,0)",
@@ -5136,354 +5179,1238 @@ var o = (e) => (...t) => {
 	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_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;}.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  }"
+//#region ../../lib-svelte/delivery-events/dist/index2.js
+var _e, _e2;
+var e = (_e = class e extends CustomEvent {
+	constructor(t, n, r) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t,
+				hasModel: r
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, _e.TYPE = "model-set", _e), t$1 = (_e2 = class e extends CustomEvent {
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, _e2.TYPE = "session-changed", _e2);
+//#endregion
+//#region ../../lib-svelte/delivery-events/dist/index3.js
+var t = (e) => {
+	let t = e;
+	return t ? typeof t.onSessionChange == "function" || typeof t.onAudioStarted == "function" || typeof t.onAudioEnded == "function" : !1;
 };
-function McPopulatedBlank($$anchor, $$props) {
+function n(e, n = {}) {
+	let r = n.hostPredicate ?? t, i = e;
+	for (; i;) {
+		if (r(i)) return i;
+		i = i.parentElement;
+	}
+	if (typeof document < "u" && n.fallbackSelector) {
+		let e = document.querySelector(n.fallbackSelector);
+		if (r(e)) return e;
+	}
+	return null;
+}
+function r({ sourceEl: t, fallbackSelector: r, component: i, complete: a, session: o }) {
+	let s = n(t, { fallbackSelector: r });
+	return s ? typeof s.onSessionChange == "function" ? (s.onSessionChange(o), s) : (s.dispatchEvent(new t$1(i, a)), s) : null;
+}
+//#endregion
+//#region src/delivery/computeAudioMode.ts
+function computeAudioMode(params) {
+	if (!params.hasAudio) return "none";
+	if (!params.audioUrl) return "error";
+	return params.useFeatureButtonAudio ? "feature-button" : "controls";
+}
+//#endregion
+//#region src/delivery/AudioPlayer.svelte
+var root_2$3 = /* @__PURE__ */ from_html(`<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);
+var root_4$2 = /* @__PURE__ */ from_html(`<button class="mt-2 text-sm underline pie-audio-autoplay-enable" type="button"> </button>`);
+var root_3$3 = /* @__PURE__ */ from_html(`<audio controls="" class="w-full max-w-md pie-audio-player" preload="metadata"><track kind="captions"/></audio> <!>`, 1);
+var root_5$2 = /* @__PURE__ */ from_html(`<p class="text-sm text-red-700 pie-audio-error" role="alert"> </p>`);
+var root_1$3 = /* @__PURE__ */ from_html(`<div class="mb-4 audio-container pie-audio-container"><!></div>`);
+var $$css$3 = {
+	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 AudioPlayer($$anchor, $$props) {
 	push($$props, true);
-	append_styles$1($$anchor, $$css);
-	/** Must match controller `BLANK_TOKEN` (kept local to avoid pulling controller into delivery). */
-	const BLANK_TOKEN = "{{blank}}";
-	const DEFAULT_LAYOUT_LIMITS = {
-		blankStandaloneWidthRem: 7,
-		blankWideWidthRem: 10,
-		blankUnderlineWidthPx: 2,
-		blankUnderlineWideWidthPx: 4,
-		horizontalChoiceWidthPx: 170,
-		horizontalChoiceWidthVw: 30,
-		horizontalChoiceTileMinHeightRem: 11,
-		horizontalChoiceContentMinHeightRem: 7.5,
-		selectedImageMaxHeightRem: 4,
-		choiceImageMaxHeightRem: 5,
-		listenButtonSizePx: 128,
-		stimulusMinColumnPx: 210,
-		textMinColumnPx: 260,
-		legendMaxChars: 120,
-		choiceGroupGapRem: .5,
-		choiceRowGapRem: .5,
-		toggleButtonGapRem: .5,
-		horizontalChoiceRadioTopMarginRem: .5,
-		audioBlankTemplateMarginTopRem: .8,
-		audioBlankTemplateMarginBottomRem: 1.8,
-		audioInstructionsMaxWidthPx: 875,
-		narrowHorizontalChoiceMaxWidthPx: 230,
-		stimulusGridColumnGapRem: 2,
-		stimulusGridRowGapRem: .7,
-		stimulusSentenceMarginTopRem: .2,
-		stimulusChoicesMarginTopRem: .9,
-		tokenGridColumnGapRem: 1.5,
-		tokenGridRowGapRem: .8,
-		tokenTemplateMarginTopRem: .6,
-		tokenInlineTokenGapRem: .35,
-		tokenChoicesMarginTopRem: .2,
-		inlineGridColumnGapRem: 1.5,
-		inlineGridRowGapRem: .65,
-		inlineTemplateMarginTopRem: .45,
-		inlineChoicesMarginTopRem: .25
-	};
-	const DEFAULT_LAYOUT_PROFILE_PRESETS = {
-		audio_blank_only: {
-			blankWideWidthRem: 10,
-			blankUnderlineWideWidthPx: 4
-		},
-		stimulus_image_blank: {
-			blankWideWidthRem: 10,
-			blankUnderlineWideWidthPx: 4
-		},
-		token_sequence: {
-			blankStandaloneWidthRem: 7,
-			blankUnderlineWideWidthPx: 4
-		}
-	};
-	const DEFAULT_AUDIO_BUTTON_SKINS = {
-		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"
-		}
-	};
-	const DEFAULT_UI_TEXT = {
-		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",
-		listenLabelEn: "Listen",
-		listenLabelEs: "Escuchar"
+	append_styles$1($$anchor, $$css$3);
+	const AUDIO_PLAYBACK = {
+		IDLE: "idle",
+		PLAYING: "playing",
+		BLOCKED: "blocked",
+		PAUSED: "paused"
 	};
-	let model = prop($$props, "model", 7), session = prop($$props, "session", 7);
+	let hasAudio = prop($$props, "hasAudio", 7, false), audioUrl = prop($$props, "audioUrl", 7), useFeatureButtonAudio = prop($$props, "useFeatureButtonAudio", 7, false), autoplayEnabled = prop($$props, "autoplayEnabled", 7, false), audioTranscript = prop($$props, "audioTranscript", 7), showVisibleTranscript = prop($$props, "showVisibleTranscript", 7), transcriptId = prop($$props, "transcriptId", 7), featureAudioSkin = prop($$props, "featureAudioSkin", 7), uiText = prop($$props, "uiText", 7), locale = prop($$props, "locale", 7, ""), onaudiostarted = prop($$props, "onaudiostarted", 7), onaudioended = prop($$props, "onaudioended", 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 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(() => model()?.interactionMode === "audio_mc_only");
-	const isBlankOnlyTemplate = /* @__PURE__ */ user_derived(() => {
-		const t = model()?.template || "";
-		if (!t) return false;
-		return t.replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim() === BLANK_TOKEN;
-	});
-	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(() => !!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,
-		...model()?.uiText || {}
+	let audioPlaybackState = /* @__PURE__ */ state(proxy(AUDIO_PLAYBACK.IDLE));
+	const audioMode = /* @__PURE__ */ user_derived(() => computeAudioMode({
+		hasAudio: hasAudio(),
+		audioUrl: audioUrl(),
+		useFeatureButtonAudio: useFeatureButtonAudio()
 	}));
-	const profilePresetLimits = /* @__PURE__ */ user_derived(() => {
-		const profile = String(get(layoutProfile) || "");
-		const defaults = DEFAULT_LAYOUT_PROFILE_PRESETS[profile] || {};
-		const customPresets = model()?.layoutProfilePresets && typeof model().layoutProfilePresets === "object" ? model().layoutProfilePresets : {};
-		const custom = customPresets[profile] && typeof customPresets[profile] === "object" ? customPresets[profile] : {};
-		return {
-			...defaults,
-			...custom
-		};
-	});
-	const layoutLimits = /* @__PURE__ */ user_derived(() => {
-		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`,
-		`--mpb-blank-wide-width:${get(layoutLimits).blankWideWidthRem}rem`,
-		`--mpb-blank-underline-width:${get(layoutLimits).blankUnderlineWidthPx}px`,
-		`--mpb-blank-underline-wide-width:${get(layoutLimits).blankUnderlineWideWidthPx}px`,
-		`--mpb-selected-image-max-height:${get(layoutLimits).selectedImageMaxHeightRem}rem`,
-		`--mpb-choice-image-max-height:${get(layoutLimits).choiceImageMaxHeightRem}rem`,
-		`--mpb-choice-width-px:${get(layoutLimits).horizontalChoiceWidthPx}px`,
-		`--mpb-choice-width-vw:${get(layoutLimits).horizontalChoiceWidthVw}vw`,
-		`--mpb-choice-tile-min-height:${get(layoutLimits).horizontalChoiceTileMinHeightRem}rem`,
-		`--mpb-choice-content-min-height:${get(layoutLimits).horizontalChoiceContentMinHeightRem}rem`,
-		`--mpb-stimulus-min-column:${get(layoutLimits).stimulusMinColumnPx}px`,
-		`--mpb-text-min-column:${get(layoutLimits).textMinColumnPx}px`,
-		`--mpb-choice-group-gap:${get(layoutLimits).choiceGroupGapRem}rem`,
-		`--mpb-choice-row-gap:${get(layoutLimits).choiceRowGapRem}rem`,
-		`--mpb-toggle-button-gap:${get(layoutLimits).toggleButtonGapRem}rem`,
-		`--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`,
-		`--mpb-stimulus-choices-margin-top:${get(layoutLimits).stimulusChoicesMarginTopRem}rem`,
-		`--mpb-token-grid-column-gap:${get(layoutLimits).tokenGridColumnGapRem}rem`,
-		`--mpb-token-grid-row-gap:${get(layoutLimits).tokenGridRowGapRem}rem`,
-		`--mpb-token-template-margin-top:${get(layoutLimits).tokenTemplateMarginTopRem}rem`,
-		`--mpb-token-inline-token-gap:${get(layoutLimits).tokenInlineTokenGapRem}rem`,
-		`--mpb-token-choices-margin-top:${get(layoutLimits).tokenChoicesMarginTopRem}rem`,
-		`--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`,
-		get(correctAnswerStyleVars)
-	].join(";"));
-	const useFeatureButtonAudio = /* @__PURE__ */ user_derived(() => {
-		if (typeof model()?.useFeatureButtonAudio === "boolean") return !!model().useFeatureButtonAudio;
-		const profile = get(layoutProfile) || "";
-		return !!model()?.hasAudio && (profile === "audio_blank_only" || profile === "stimulus_image_blank" || profile === "token_sequence");
-	});
-	const templateParts = /* @__PURE__ */ user_derived(() => {
-		const t = model()?.template || "";
-		const idx = t.indexOf(BLANK_TOKEN);
-		if (idx < 0) return {
-			before: t,
-			after: ""
-		};
-		return {
-			before: t.slice(0, idx),
-			after: t.slice(idx + 9)
-		};
-	});
-	const blankWidth = /* @__PURE__ */ user_derived(() => {
-		if (get(layoutProfile) === "audio_blank_only" || get(layoutProfile) === "stimulus_image_blank") return `${get(layoutLimits).blankWideWidthRem}rem`;
-		if (get(isBlankOnlyTemplate)) return `${get(layoutLimits).blankStandaloneWidthRem}rem`;
-		return "auto";
-	});
-	const blankBorderWidth = /* @__PURE__ */ user_derived(() => {
-		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(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 shouldShowCorrectAnswerToggle = /* @__PURE__ */ user_derived(() => get(isEvaluateMode) && !get(isResponseCorrect) && !!model()?.correctChoiceId);
-	const displayChoiceId = /* @__PURE__ */ user_derived(() => {
-		if (get(isEvaluateMode) && get(showCorrectAnswer) && 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 = (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;
-	});
-	const promptId = /* @__PURE__ */ user_derived(() => `${instanceId}-prompt`);
-	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(() => 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 (model()?.prompt) ids.push(get(promptId));
-		if (model()?.hasAudio && model()?.audioTranscript) ids.push(get(transcriptId));
-		return ids.length ? ids.join(" ") : void 0;
+	const isMediaPlaying = /* @__PURE__ */ user_derived(() => get(audioPlaybackState) === AUDIO_PLAYBACK.PLAYING);
+	const autoPlayPromptOpen = /* @__PURE__ */ user_derived(() => get(audioPlaybackState) === AUDIO_PLAYBACK.BLOCKED);
+	const audioErrorMessage = /* @__PURE__ */ user_derived(() => get(audioMode) === "error" ? uiText().audioResourceUnavailable : "");
+	user_effect(() => {
+		audioUrl();
+		set(audioPlaybackState, AUDIO_PLAYBACK.IDLE, true);
 	});
-	const lang = /* @__PURE__ */ user_derived(() => {
-		const locale = model()?.locale || "";
-		return locale ? locale.slice(0, 2) : "en";
+	function playFeatureAudio() {
+		if (get(audioMode) !== "none" && get(audioMode) !== "error" && get(audioEl)) get(audioEl).play().catch(() => {});
+	}
+	function handleEnableAutoplayClick() {
+		if (get(audioMode) !== "none" && get(audioMode) !== "error" && get(audioEl)) get(audioEl).play().finally(() => {
+			if (get(audioPlaybackState) === AUDIO_PLAYBACK.BLOCKED) set(audioPlaybackState, AUDIO_PLAYBACK.PAUSED, true);
+		});
+	}
+	function useListener(getEl, event, handler) {
+		user_effect(() => {
+			const el = getEl();
+			if (!el) return;
+			el.addEventListener(event, handler);
+			return () => el.removeEventListener(event, handler);
+		});
+	}
+	useListener(() => get(audioEl), "playing", () => {
+		set(audioPlaybackState, AUDIO_PLAYBACK.PLAYING, true);
+		onaudiostarted()?.();
 	});
-	const audioErrorMessage = /* @__PURE__ */ user_derived(() => get(hasAudioButMissingResource) ? get(uiText).audioResourceUnavailable : "");
-	const resultText = /* @__PURE__ */ user_derived(() => {
-		if (!get(isEvaluateMode) || get(showCorrectAnswer)) return "";
-		if (get(isCorrect)) return "Correct answer selected";
-		if (get(isIncorrect) && get(selectedId)) return "Incorrect answer selected";
-		return "";
+	useListener(() => get(audioEl), "ended", () => {
+		set(audioPlaybackState, AUDIO_PLAYBACK.PAUSED, true);
+		onaudioended()?.();
 	});
-	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(showCorrectAnswer)) {
-			map.set(correctChoiceId, "correct");
-			return map;
-		}
-		if (!activeSelectedId) {
-			map.set(correctChoiceId, "incorrect");
-			return map;
-		}
-		if (activeSelectedId === correctChoiceId) {
-			map.set(correctChoiceId, "correct");
-			return map;
+	useListener(() => get(featureAudioButtonEl), "click", () => playFeatureAudio());
+	useListener(() => get(autoplayEnableButtonEl), "click", () => handleEnableAutoplayClick());
+	user_effect(() => {
+		if (!autoplayEnabled() || get(audioMode) === "none" || get(audioMode) === "error") return;
+		if (get(audioPlaybackState) !== AUDIO_PLAYBACK.IDLE) return;
+		if (get(audioEl) && audioUrl()) {
+			set(audioPlaybackState, AUDIO_PLAYBACK.PAUSED, true);
+			get(audioEl).play().catch(() => {
+				set(audioPlaybackState, AUDIO_PLAYBACK.BLOCKED, true);
+			});
 		}
-		map.set(activeSelectedId, "incorrect");
-		map.set(correctChoiceId, "incorrect");
-		return map;
 	});
-	function emitSession(updatedSession, sourceEl) {
-		const host = getHostElement(sourceEl);
-		if (host?.onSessionChange) {
-			host.onSessionChange(updatedSession);
-			return;
-		}
-		host?.dispatchEvent(new CustomEvent("session-changed", {
-			bubbles: true,
-			composed: true,
-			detail: {
-				complete: !!updatedSession?.choiceId,
-				component: "mc-populated-blank"
-			}
-		}));
+	function speechButtonLabel(loc = "") {
+		return loc.toLowerCase().startsWith("es") ? "Escuchar" : "Listen";
 	}
-	function onRadioChange(e) {
-		const input = e.target;
-		if (!input.checked) return;
-		const choiceId = input.value;
-		set(localChoiceId, choiceId, true);
-		emitSession({
-			...session(),
-			id: session()?.id || model()?.id || "1",
-			element: "mc-populated-blank",
-			choiceId
-		}, input);
+	function silentAlt(loc = "") {
+		return loc.toLowerCase().startsWith("es") ? uiText().listenSilentAltEs ?? "Escuchar. Repetir las instrucciones." : uiText().listenSilentAlt ?? "Repeat instructions";
 	}
-	function toggleCorrectAnswer() {
-		if (!get(shouldShowCorrectAnswerToggle)) return;
-		set(showCorrectAnswer, !get(showCorrectAnswer));
+	function playingAlt(loc = "") {
+		return loc.toLowerCase().startsWith("es") ? uiText().listenPlayingAltEs ?? "Escuchar. Estas son las instrucciones." : uiText().listenPlayingAlt ?? "Instructions are playing";
 	}
-	user_effect(() => {
-		if (!get(isEvaluateMode) || get(isResponseCorrect)) set(showCorrectAnswer, false);
-	});
-	function onRadioGroupKeydown(e) {
-		if (model()?.disabled) return;
-		const key = e.key;
-		if (![
-			"ArrowDown",
-			"ArrowRight",
-			"ArrowUp",
-			"ArrowLeft"
-		].includes(key)) return;
-		e.preventDefault();
-		const container = e.currentTarget;
-		const inputs = Array.from(container.querySelectorAll("input[type=\"radio\"]:not([disabled])"));
+	var $$exports = {
+		get hasAudio() {
+			return hasAudio();
+		},
+		set hasAudio($$value = false) {
+			hasAudio($$value);
+			flushSync();
+		},
+		get audioUrl() {
+			return audioUrl();
+		},
+		set audioUrl($$value) {
+			audioUrl($$value);
+			flushSync();
+		},
+		get useFeatureButtonAudio() {
+			return useFeatureButtonAudio();
+		},
+		set useFeatureButtonAudio($$value = false) {
+			useFeatureButtonAudio($$value);
+			flushSync();
+		},
+		get autoplayEnabled() {
+			return autoplayEnabled();
+		},
+		set autoplayEnabled($$value = false) {
+			autoplayEnabled($$value);
+			flushSync();
+		},
+		get audioTranscript() {
+			return audioTranscript();
+		},
+		set audioTranscript($$value) {
+			audioTranscript($$value);
+			flushSync();
+		},
+		get showVisibleTranscript() {
+			return showVisibleTranscript();
+		},
+		set showVisibleTranscript($$value) {
+			showVisibleTranscript($$value);
+			flushSync();
+		},
+		get transcriptId() {
+			return transcriptId();
+		},
+		set transcriptId($$value) {
+			transcriptId($$value);
+			flushSync();
+		},
+		get featureAudioSkin() {
+			return featureAudioSkin();
+		},
+		set featureAudioSkin($$value) {
+			featureAudioSkin($$value);
+			flushSync();
+		},
+		get uiText() {
+			return uiText();
+		},
+		set uiText($$value) {
+			uiText($$value);
+			flushSync();
+		},
+		get locale() {
+			return locale();
+		},
+		set locale($$value = "") {
+			locale($$value);
+			flushSync();
+		},
+		get onaudiostarted() {
+			return onaudiostarted();
+		},
+		set onaudiostarted($$value) {
+			onaudiostarted($$value);
+			flushSync();
+		},
+		get onaudioended() {
+			return onaudioended();
+		},
+		set onaudioended($$value) {
+			onaudioended($$value);
+			flushSync();
+		}
+	};
+	var fragment = comment();
+	var node = first_child(fragment);
+	var consequent_4 = ($$anchor) => {
+		var div = root_1$3();
+		var node_1 = child(div);
+		var consequent = ($$anchor) => {
+			var fragment_1 = root_2$3();
+			var audio = first_child(fragment_1);
+			bind_this(audio, ($$value) => set(audioEl, $$value), () => get(audioEl));
+			var button = sibling(audio, 2);
+			var img = child(button);
+			var img_1 = sibling(img, 2);
+			reset(button);
+			bind_this(button, ($$value) => set(featureAudioButtonEl, $$value), () => get(featureAudioButtonEl));
+			template_effect(($0, $1, $2) => {
+				set_attribute(audio, "src", audioUrl());
+				set_attribute(button, "aria-label", $0);
+				set_class(img, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${get(isMediaPlaying) ? "" : "listen-active"}`, "svelte-ypdwb3");
+				set_attribute(img, "src", featureAudioSkin().silentUrl);
+				set_attribute(img, "alt", $1);
+				set_class(img_1, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${get(isMediaPlaying) ? "listen-active" : ""}`, "svelte-ypdwb3");
+				set_attribute(img_1, "src", featureAudioSkin().playingUrl);
+				set_attribute(img_1, "alt", $2);
+			}, [
+				() => speechButtonLabel(locale()),
+				() => silentAlt(locale()),
+				() => playingAlt(locale())
+			]);
+			append($$anchor, fragment_1);
+		};
+		var consequent_2 = ($$anchor) => {
+			var fragment_2 = root_3$3();
+			var audio_1 = first_child(fragment_2);
+			bind_this(audio_1, ($$value) => set(audioEl, $$value), () => get(audioEl));
+			var node_2 = sibling(audio_1, 2);
+			var consequent_1 = ($$anchor) => {
+				var button_1 = root_4$2();
+				var text = child(button_1, true);
+				reset(button_1);
+				bind_this(button_1, ($$value) => set(autoplayEnableButtonEl, $$value), () => get(autoplayEnableButtonEl));
+				template_effect(() => set_text(text, uiText().clickToEnableAutoplay));
+				append($$anchor, button_1);
+			};
+			if_block(node_2, ($$render) => {
+				if (get(autoPlayPromptOpen)) $$render(consequent_1);
+			});
+			template_effect(() => {
+				set_attribute(audio_1, "src", audioUrl());
+				set_attribute(audio_1, "aria-describedby", audioTranscript() ? transcriptId() : void 0);
+			});
+			append($$anchor, fragment_2);
+		};
+		var consequent_3 = ($$anchor) => {
+			var p = root_5$2();
+			var text_1 = child(p, true);
+			reset(p);
+			template_effect(() => set_text(text_1, get(audioErrorMessage)));
+			append($$anchor, p);
+		};
+		if_block(node_1, ($$render) => {
+			if (get(audioMode) === "feature-button") $$render(consequent);
+			else if (get(audioMode) === "controls") $$render(consequent_2, 1);
+			else if (get(audioMode) === "error") $$render(consequent_3, 2);
+		});
+		reset(div);
+		append($$anchor, div);
+	};
+	if_block(node, ($$render) => {
+		if (get(audioMode) !== "none") $$render(consequent_4);
+	});
+	append($$anchor, fragment);
+	return pop($$exports);
+}
+create_custom_element(AudioPlayer, {
+	hasAudio: {},
+	audioUrl: {},
+	useFeatureButtonAudio: {},
+	autoplayEnabled: {},
+	audioTranscript: {},
+	showVisibleTranscript: {},
+	transcriptId: {},
+	featureAudioSkin: {},
+	uiText: {},
+	locale: {},
+	onaudiostarted: {},
+	onaudioended: {}
+}, [], [], { mode: "open" });
+//#endregion
+//#region src/delivery/ClozeMarker.svelte
+var root_1$2 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-height:var(--mpb-selected-image-max-height, 4rem);"/>`);
+var root_2$2 = /* @__PURE__ */ from_html(`<span class="cloze-marker-value pie-blank-value svelte-d9l5tb"></span>`);
+var root_3$2 = /* @__PURE__ */ from_html(`<span class="cloze-marker-empty svelte-d9l5tb" aria-hidden="true">&nbsp;</span>`);
+var root$2 = /* @__PURE__ */ from_html(`<span role="status" aria-live="polite" aria-atomic="true"><!></span>`);
+var $$css$2 = {
+	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 ClozeMarker($$anchor, $$props) {
+	push($$props, true);
+	append_styles$1($$anchor, $$css$2);
+	let choiceMode = prop($$props, "choiceMode", 7, "text"), displayChoice = prop($$props, "displayChoice", 7, void 0), displayChoiceLabelHtml = prop($$props, "displayChoiceLabelHtml", 7, ""), isStandalone = prop($$props, "isStandalone", 7, false), blankWidth = prop($$props, "blankWidth", 7), blankBorderWidth = prop($$props, "blankBorderWidth", 7), ariaLabel = prop($$props, "ariaLabel", 7);
+	var $$exports = {
+		get choiceMode() {
+			return choiceMode();
+		},
+		set choiceMode($$value = "text") {
+			choiceMode($$value);
+			flushSync();
+		},
+		get displayChoice() {
+			return displayChoice();
+		},
+		set displayChoice($$value = void 0) {
+			displayChoice($$value);
+			flushSync();
+		},
+		get displayChoiceLabelHtml() {
+			return displayChoiceLabelHtml();
+		},
+		set displayChoiceLabelHtml($$value = "") {
+			displayChoiceLabelHtml($$value);
+			flushSync();
+		},
+		get isStandalone() {
+			return isStandalone();
+		},
+		set isStandalone($$value = false) {
+			isStandalone($$value);
+			flushSync();
+		},
+		get blankWidth() {
+			return blankWidth();
+		},
+		set blankWidth($$value) {
+			blankWidth($$value);
+			flushSync();
+		},
+		get blankBorderWidth() {
+			return blankBorderWidth();
+		},
+		set blankBorderWidth($$value) {
+			blankBorderWidth($$value);
+			flushSync();
+		},
+		get ariaLabel() {
+			return ariaLabel();
+		},
+		set ariaLabel($$value) {
+			ariaLabel($$value);
+			flushSync();
+		}
+	};
+	var span = root$2();
+	var node = child(span);
+	var consequent = ($$anchor) => {
+		var img = root_1$2();
+		template_effect(() => {
+			set_attribute(img, "src", displayChoice().imageUrl);
+			set_attribute(img, "alt", displayChoice().imageAlt || "Selected answer image");
+		});
+		append($$anchor, img);
+	};
+	var consequent_1 = ($$anchor) => {
+		var span_1 = root_2$2();
+		html(span_1, displayChoiceLabelHtml, true);
+		reset(span_1);
+		append($$anchor, span_1);
+	};
+	var alternate = ($$anchor) => {
+		append($$anchor, root_3$2());
+	};
+	if_block(node, ($$render) => {
+		if (choiceMode() === "image" && displayChoice()?.imageUrl) $$render(consequent);
+		else if (displayChoiceLabelHtml()) $$render(consequent_1, 1);
+		else $$render(alternate, -1);
+	});
+	reset(span);
+	template_effect(() => {
+		set_class(span, 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 ${isStandalone() ? "cloze-marker-standalone pie-blank-slot-standalone" : ""}`, "svelte-d9l5tb");
+		set_style(span, `width:${blankWidth()};border-bottom-width:${blankBorderWidth()};`);
+		set_attribute(span, "aria-label", ariaLabel());
+	});
+	append($$anchor, span);
+	return pop($$exports);
+}
+create_custom_element(ClozeMarker, {
+	choiceMode: {},
+	displayChoice: {},
+	displayChoiceLabelHtml: {},
+	isStandalone: {},
+	blankWidth: {},
+	blankBorderWidth: {},
+	ariaLabel: {}
+}, [], [], { mode: "open" });
+//#endregion
+//#region src/delivery/ChoiceRow.svelte
+var root_2$1 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root_3$1 = /* @__PURE__ */ from_html(`<span class="choice-html pie-choice-label svelte-8xu1pt"></span>`);
+var root_1$1 = /* @__PURE__ */ from_html(`<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>`);
+var root_5$1 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root_6$1 = /* @__PURE__ */ from_html(`<span class="choice-html pie-choice-label svelte-8xu1pt"></span>`);
+var root_4$1 = /* @__PURE__ */ from_html(`<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);
+var root_7$1 = /* @__PURE__ */ from_html(`<span aria-hidden="true"> </span>`);
+var root$1 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
+var $$css$1 = {
+	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 ChoiceRow($$anchor, $$props) {
+	push($$props, true);
+	append_styles$1($$anchor, $$css$1);
+	let choice = prop($$props, "choice", 7), choiceMode = prop($$props, "choiceMode", 7, "text"), isHorizontal = prop($$props, "isHorizontal", 7, false), isSelected = prop($$props, "isSelected", 7, false), isDisabled = prop($$props, "isDisabled", 7, false), correctness = prop($$props, "correctness", 7, void 0), isEvaluateMode = prop($$props, "isEvaluateMode", 7, false), instanceId = prop($$props, "instanceId", 7), radioGroupName = prop($$props, "radioGroupName", 7);
+	var $$exports = {
+		get choice() {
+			return choice();
+		},
+		set choice($$value) {
+			choice($$value);
+			flushSync();
+		},
+		get choiceMode() {
+			return choiceMode();
+		},
+		set choiceMode($$value = "text") {
+			choiceMode($$value);
+			flushSync();
+		},
+		get isHorizontal() {
+			return isHorizontal();
+		},
+		set isHorizontal($$value = false) {
+			isHorizontal($$value);
+			flushSync();
+		},
+		get isSelected() {
+			return isSelected();
+		},
+		set isSelected($$value = false) {
+			isSelected($$value);
+			flushSync();
+		},
+		get isDisabled() {
+			return isDisabled();
+		},
+		set isDisabled($$value = false) {
+			isDisabled($$value);
+			flushSync();
+		},
+		get correctness() {
+			return correctness();
+		},
+		set correctness($$value = void 0) {
+			correctness($$value);
+			flushSync();
+		},
+		get isEvaluateMode() {
+			return isEvaluateMode();
+		},
+		set isEvaluateMode($$value = false) {
+			isEvaluateMode($$value);
+			flushSync();
+		},
+		get instanceId() {
+			return instanceId();
+		},
+		set instanceId($$value) {
+			instanceId($$value);
+			flushSync();
+		},
+		get radioGroupName() {
+			return radioGroupName();
+		},
+		set radioGroupName($$value) {
+			radioGroupName($$value);
+			flushSync();
+		}
+	};
+	var div = root$1();
+	var node = child(div);
+	var consequent_1 = ($$anchor) => {
+		var label = root_1$1();
+		var span = child(label);
+		var node_1 = child(span);
+		var consequent = ($$anchor) => {
+			var img = root_2$1();
+			template_effect(() => {
+				set_attribute(img, "src", choice().imageUrl);
+				set_attribute(img, "alt", choice().imageAlt || `Choice ${choice().id}`);
+			});
+			append($$anchor, img);
+		};
+		var alternate = ($$anchor) => {
+			var span_1 = root_3$1();
+			html(span_1, () => choice().labelHtml || "", true);
+			reset(span_1);
+			append($$anchor, span_1);
+		};
+		if_block(node_1, ($$render) => {
+			if (choiceMode() === "image" && choice().imageUrl) $$render(consequent);
+			else $$render(alternate, -1);
+		});
+		reset(span);
+		var input = sibling(span, 2);
+		remove_input_defaults(input);
+		reset(label);
+		template_effect(() => {
+			set_attribute(label, "for", `${instanceId()}-opt-${choice().id}`);
+			set_attribute(input, "name", radioGroupName());
+			set_attribute(input, "id", `${instanceId()}-opt-${choice().id}`);
+			set_value(input, choice().id);
+			set_checked(input, isSelected());
+			input.disabled = isDisabled();
+		});
+		append($$anchor, label);
+	};
+	var alternate_2 = ($$anchor) => {
+		var fragment = root_4$1();
+		var input_1 = first_child(fragment);
+		remove_input_defaults(input_1);
+		var label_1 = sibling(input_1, 2);
+		var node_2 = child(label_1);
+		var consequent_2 = ($$anchor) => {
+			var img_1 = root_5$1();
+			template_effect(() => {
+				set_attribute(img_1, "src", choice().imageUrl);
+				set_attribute(img_1, "alt", choice().imageAlt || `Choice ${choice().id}`);
+			});
+			append($$anchor, img_1);
+		};
+		var alternate_1 = ($$anchor) => {
+			var span_2 = root_6$1();
+			html(span_2, () => choice().labelHtml || "", true);
+			reset(span_2);
+			append($$anchor, span_2);
+		};
+		if_block(node_2, ($$render) => {
+			if (choiceMode() === "image" && choice().imageUrl) $$render(consequent_2);
+			else $$render(alternate_1, -1);
+		});
+		reset(label_1);
+		template_effect(() => {
+			set_attribute(input_1, "name", radioGroupName());
+			set_attribute(input_1, "id", `${instanceId()}-opt-${choice().id}`);
+			set_value(input_1, choice().id);
+			set_checked(input_1, isSelected());
+			input_1.disabled = isDisabled();
+			set_attribute(label_1, "for", `${instanceId()}-opt-${choice().id}`);
+		});
+		append($$anchor, fragment);
+	};
+	if_block(node, ($$render) => {
+		if (isHorizontal()) $$render(consequent_1);
+		else $$render(alternate_2, -1);
+	});
+	var node_3 = sibling(node, 2);
+	var consequent_3 = ($$anchor) => {
+		var span_3 = root_7$1();
+		var text = child(span_3, true);
+		reset(span_3);
+		template_effect(() => {
+			set_class(span_3, 1, `pie-choice-feedback-badge ${correctness() === "correct" ? "pie-choice-feedback-correct" : "pie-choice-feedback-incorrect"}`, "svelte-8xu1pt");
+			set_text(text, correctness() === "correct" ? "✓" : "✕");
+		});
+		append($$anchor, span_3);
+	};
+	if_block(node_3, ($$render) => {
+		if (isEvaluateMode() && correctness()) $$render(consequent_3);
+	});
+	reset(div);
+	template_effect(() => set_class(div, 1, `flex items-start choice-row pie-choice ${isHorizontal() ? "choice-row-horizontal pie-choice-horizontal" : ""} ${isSelected() ? "is-selected pie-choice-selected" : ""} ${correctness() ? `choice-${correctness()} pie-choice-${correctness()}` : ""}`, "svelte-8xu1pt"));
+	append($$anchor, div);
+	return pop($$exports);
+}
+create_custom_element(ChoiceRow, {
+	choice: {},
+	choiceMode: {},
+	isHorizontal: {},
+	isSelected: {},
+	isDisabled: {},
+	correctness: {},
+	isEvaluateMode: {},
+	instanceId: {},
+	radioGroupName: {}
+}, [], [], { mode: "open" });
+//#endregion
+//#region src/delivery/computeChoiceCorrectness.ts
+/**
+* Computes which choice ids should display a correctness badge and what kind.
+*
+* Reveal mode (showCorrectAnswer=true) shows only the canonical correct answer —
+* the student's wrong selection is deliberately suppressed so the UI only
+* highlights what to remember, not what to regret.
+*
+* Unanswered-in-evaluate (selectedId='') treats the correct choice as missed
+* (incorrect badge) rather than triggering the two-badge wrong-answer path.
+*/
+function computeChoiceCorrectness(params) {
+	const map = /* @__PURE__ */ new Map();
+	const { isEvaluateMode, correctChoiceId, selectedId, showCorrectAnswer } = params;
+	if (!isEvaluateMode || !correctChoiceId) return map;
+	if (showCorrectAnswer) {
+		map.set(correctChoiceId, "correct");
+		return map;
+	}
+	if (!selectedId) {
+		map.set(correctChoiceId, "incorrect");
+		return map;
+	}
+	if (selectedId === correctChoiceId) {
+		map.set(correctChoiceId, "correct");
+		return map;
+	}
+	map.set(selectedId, "incorrect");
+	map.set(correctChoiceId, "incorrect");
+	return map;
+}
+//#endregion
+//#region src/delivery/computeLayoutProfile.ts
+var BLANK_TOKEN = "{{blank}}";
+var FEATURE_BUTTON_PROFILES = new Set([
+	"audio_blank_only",
+	"stimulus_image_blank",
+	"token_sequence"
+]);
+function computeLayoutProfile(params) {
+	const { interactionMode = "", template = "", choiceLayout: configuredChoiceLayout, layoutProfile = "", hasAudio = false, useFeatureButtonAudio: configuredFeatureButton } = params;
+	const isAudioOnlyMode = interactionMode === "audio_mc_only";
+	const isBlankOnlyTemplate = (() => {
+		if (!template) return false;
+		return template.replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim() === BLANK_TOKEN;
+	})();
+	const choiceLayout = configuredChoiceLayout === "horizontal" || configuredChoiceLayout === "vertical" ? configuredChoiceLayout : isAudioOnlyMode || isBlankOnlyTemplate ? "horizontal" : "vertical";
+	return {
+		isAudioOnlyMode,
+		isBlankOnlyTemplate,
+		choiceLayout,
+		isHorizontalChoices: choiceLayout === "horizontal",
+		hasInlineSentenceAudioLayout: layoutProfile === "inline_sentence" && hasAudio,
+		useFeatureButtonAudio: typeof configuredFeatureButton === "boolean" ? configuredFeatureButton : hasAudio && FEATURE_BUTTON_PROFILES.has(layoutProfile)
+	};
+}
+//#endregion
+//#region src/shared/layoutLimits.ts
+/** Baseline values tuned to match historical CQT visuals; override via model.layoutLimits. */
+var DEFAULT_LAYOUT_LIMITS = {
+	blankStandaloneWidthRem: 7,
+	blankWideWidthRem: 10,
+	blankUnderlineWidthPx: 2,
+	blankUnderlineWideWidthPx: 4,
+	horizontalChoiceWidthPx: 170,
+	horizontalChoiceWidthVw: 30,
+	horizontalChoiceTileMinHeightRem: 11,
+	horizontalChoiceContentMinHeightRem: 7.5,
+	selectedImageMaxHeightRem: 4,
+	choiceImageMaxHeightRem: 5,
+	listenButtonSizePx: 128,
+	stimulusMinColumnPx: 210,
+	textMinColumnPx: 260,
+	legendMaxChars: 120,
+	choiceGroupGapRem: .5,
+	choiceRowGapRem: .5,
+	toggleButtonGapRem: .5,
+	horizontalChoiceRadioTopMarginRem: .5,
+	audioBlankTemplateMarginTopRem: .8,
+	audioBlankTemplateMarginBottomRem: 1.8,
+	audioInstructionsMaxWidthPx: 875,
+	narrowHorizontalChoiceMaxWidthPx: 230,
+	stimulusGridColumnGapRem: 2,
+	stimulusGridRowGapRem: .7,
+	stimulusSentenceMarginTopRem: .2,
+	stimulusChoicesMarginTopRem: .9,
+	tokenGridColumnGapRem: 1.5,
+	tokenGridRowGapRem: .8,
+	tokenTemplateMarginTopRem: .6,
+	tokenInlineTokenGapRem: .35,
+	tokenChoicesMarginTopRem: .2,
+	inlineGridColumnGapRem: 1.5,
+	inlineGridRowGapRem: .65,
+	inlineTemplateMarginTopRem: .45,
+	inlineChoicesMarginTopRem: .25
+};
+//#endregion
+//#region src/delivery/computeLayoutStyle.ts
+/**
+* Maps every LayoutLimits key (except legendMaxChars, which is a return value not a CSS var)
+* to its --mpb-* CSS variable name and CSS unit.
+* Add a single entry here when adding a new layout limit.
+*/
+var CSS_VAR_SPEC = {
+	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"
+	}
+};
+var DEFAULT_LAYOUT_PROFILE_PRESETS = {
+	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 computeLayoutStyle(params) {
+	const { layoutProfile, isBlankOnlyTemplate, correctAnswerStyleVars } = params;
+	const configured = params.configuredLimits && typeof params.configuredLimits === "object" ? params.configuredLimits : {};
+	const customPresets = params.customProfilePresets && typeof params.customProfilePresets === "object" ? params.customProfilePresets : {};
+	const customForProfile = customPresets[layoutProfile] && typeof customPresets[layoutProfile] === "object" ? customPresets[layoutProfile] : {};
+	const profilePreset = {
+		...DEFAULT_LAYOUT_PROFILE_PRESETS[layoutProfile] ?? {},
+		...customForProfile
+	};
+	const l = {
+		...DEFAULT_LAYOUT_LIMITS,
+		...configured,
+		...profilePreset
+	};
+	const wideBlankProfiles = ["audio_blank_only", "stimulus_image_blank"];
+	const wideUnderlineProfiles = [
+		"audio_blank_only",
+		"stimulus_image_blank",
+		"token_sequence"
+	];
+	const blankWidth = wideBlankProfiles.includes(layoutProfile) ? `${l.blankWideWidthRem}rem` : isBlankOnlyTemplate ? `${l.blankStandaloneWidthRem}rem` : "auto";
+	const blankBorderWidth = wideUnderlineProfiles.includes(layoutProfile) ? `${l.blankUnderlineWideWidthPx}px` : `${l.blankUnderlineWidthPx}px`;
+	return {
+		rootStyle: [...Object.keys(CSS_VAR_SPEC).map((key) => `${CSS_VAR_SPEC[key].varName}:${l[key]}${CSS_VAR_SPEC[key].unit}`), correctAnswerStyleVars].join(";"),
+		blankWidth,
+		blankBorderWidth,
+		legendMaxChars: l.legendMaxChars
+	};
+}
+//#endregion
+//#region src/delivery/computeDisplayState.ts
+var DEFAULT_AUDIO_BUTTON_SKINS = {
+	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"
+	}
+};
+/**
+* Resolves the audio button skin to display.
+* Priority: byLocale[exact] > byLocale[lang] > byLocale.default > customSingle > built-in default
+*/
+function computeFeatureAudioSkin(params) {
+	const locale = String(params.locale || "").toLowerCase();
+	const lang = locale.slice(0, 2);
+	const byLocale = params.audioButtonSkinsByLocale && typeof params.audioButtonSkinsByLocale === "object" ? params.audioButtonSkinsByLocale : {};
+	const customSingle = params.audioButtonSkin && typeof params.audioButtonSkin === "object" ? params.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;
+}
+/**
+* Returns the choice id that the ClozeMarker and selected-state highlight should display.
+* When the correct answer is revealed (alwaysShowCorrect or evaluate+showCorrectAnswer),
+* it shows the correct choice rather than the student's selection.
+*/
+function computeDisplayChoiceId(params) {
+	const { selectedId, isEvaluateMode, showCorrectAnswer, alwaysShowCorrect, correctChoiceId } = params;
+	if (alwaysShowCorrect && correctChoiceId) return correctChoiceId;
+	if (isEvaluateMode && showCorrectAnswer && correctChoiceId) return correctChoiceId;
+	return selectedId;
+}
+/**
+* Returns the screen-reader-only result announcement text shown after evaluate mode scoring.
+* Empty string means nothing is announced.
+*/
+function computeResultText(params) {
+	const { isEvaluateMode, showCorrectAnswer, isCorrect, isIncorrect, selectedId } = params;
+	if (!isEvaluateMode || showCorrectAnswer) return "";
+	if (isCorrect) return "Correct answer selected";
+	if (isIncorrect && selectedId) return "Incorrect answer selected";
+	return "";
+}
+/**
+* Returns the visible legend text for the choices fieldset.
+* Strips HTML, truncates to legendMaxChars with an ellipsis, falls back to answerChoicesLabel.
+*/
+function computeLegendText(params) {
+	const { prompt, legendMaxChars, answerChoicesLabel } = params;
+	const plain = prompt.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim();
+	const maxChars = Math.max(8, legendMaxChars);
+	if (!plain) return answerChoicesLabel;
+	return plain.length > maxChars ? `${plain.slice(0, Math.max(1, maxChars - 1))}…` : plain;
+}
+//#endregion
+//#region src/delivery/cqt-css/sel-r1-base.css?raw
+var sel_r1_base_default = "/* 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";
+//#endregion
+//#region src/delivery/variant-css-map.ts
+var VARIANT_BY_CUSTOM_TYPE = {
+	"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"
+	}
+};
+var normalizeCustomType = (value) => {
+	return String(value || "").trim().toLowerCase().replace(/v\d+\.\d+\.\d+$/i, "");
+};
+var getVariantCssConfig = (customType) => {
+	return VARIANT_BY_CUSTOM_TYPE[normalizeCustomType(customType)];
+};
+var getVariantRootClass = (customType) => {
+	return getVariantCssConfig(customType)?.variantClass || "";
+};
+var SEL_R1_VARIANT_IDS = new Set([
+	"sel-r1-plusggg",
+	"sel-r1-gplusggg",
+	"sel-r1-g-stem",
+	"sel-r1-gg-plus",
+	"sel-r1-ggplus",
+	"sel-r1-s3"
+]);
+var injectStyleOnce = (id, variantName, cssText) => {
+	const existing = document.getElementById(id);
+	if (existing) {
+		if (existing.textContent !== cssText) existing.textContent = cssText;
+		return;
+	}
+	const style = document.createElement("style");
+	style.id = id;
+	style.setAttribute("data-mpb-variant", variantName);
+	style.textContent = cssText;
+	document.head.appendChild(style);
+};
+var ensureVariantCssInjected = (config) => {
+	if (!config?.cssText || typeof document === "undefined") return;
+	if (SEL_R1_VARIANT_IDS.has(config.variantId)) injectStyleOnce("mc-populated-blank-css-sel-r1-base", "sel-r1-base", sel_r1_base_default);
+	injectStyleOnce(`mc-populated-blank-css-${config.variantId}`, config.variantId, config.cssText);
+};
+//#endregion
+//#region src/delivery/McPopulatedBlank.svelte
+var root_1 = /* @__PURE__ */ from_html(`<div class="mb-4 prose pie-prompt"></div>`);
+var root_2 = /* @__PURE__ */ from_html(`<p> </p>`);
+var root_4 = /* @__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_5 = /* @__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_3 = /* @__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(`<div class="mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4"></div>`);
+var root_7 = /* @__PURE__ */ from_html(`<div class="mb-4 template-line pie-template-line svelte-6wlbb4"><!> <!> <!></div>`);
+var root_8 = /* @__PURE__ */ from_html(`<p class="sr-only pie-result-feedback svelte-6wlbb4" role="status" aria-live="polite"> </p>`);
+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;}.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 McPopulatedBlank($$anchor, $$props) {
+	push($$props, true);
+	append_styles$1($$anchor, $$css);
+	const BLANK_TOKEN = "{{blank}}";
+	const DEFAULT_UI_TEXT = {
+		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"
+	};
+	let model = prop($$props, "model", 7), session = prop($$props, "session", 7);
+	let localChoiceId = /* @__PURE__ */ state("");
+	let toggleCorrectAnswerButtonEl = /* @__PURE__ */ state(null);
+	let choicesGroupEl = /* @__PURE__ */ state(null);
+	let rootEl = /* @__PURE__ */ state(null);
+	let ancestorHasTranscriptClass = /* @__PURE__ */ state(false);
+	const instanceId = `mc-populated-blank-${Math.random().toString(36).slice(2, 10)}`;
+	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");
+	let showCorrectAnswer = /* @__PURE__ */ state(false);
+	const shouldShowCorrectAnswerToggle = /* @__PURE__ */ user_derived(() => get(isEvaluateMode) && !get(isResponseCorrect) && !!model()?.correctChoiceId);
+	const layoutProfile = /* @__PURE__ */ user_derived(() => model()?.layoutProfile || "");
+	const layoutProfileFlags = /* @__PURE__ */ user_derived(() => computeLayoutProfile({
+		interactionMode: model()?.interactionMode,
+		template: model()?.template,
+		choiceLayout: model()?.choiceLayout,
+		layoutProfile: get(layoutProfile),
+		hasAudio: model()?.hasAudio,
+		useFeatureButtonAudio: model()?.useFeatureButtonAudio
+	}));
+	const isAudioOnlyMode = /* @__PURE__ */ user_derived(() => get(layoutProfileFlags).isAudioOnlyMode);
+	const isBlankOnlyTemplate = /* @__PURE__ */ user_derived(() => get(layoutProfileFlags).isBlankOnlyTemplate);
+	const isHorizontalChoices = /* @__PURE__ */ user_derived(() => get(layoutProfileFlags).isHorizontalChoices);
+	const hasInlineSentenceAudioLayout = /* @__PURE__ */ user_derived(() => get(layoutProfileFlags).hasInlineSentenceAudioLayout);
+	const useFeatureButtonAudio = /* @__PURE__ */ user_derived(() => get(layoutProfileFlags).useFeatureButtonAudio);
+	const showVisibleTranscript = /* @__PURE__ */ user_derived(() => get(ancestorHasTranscriptClass));
+	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 layout = /* @__PURE__ */ user_derived(() => computeLayoutStyle({
+		layoutProfile: get(layoutProfile),
+		isBlankOnlyTemplate: get(isBlankOnlyTemplate),
+		configuredLimits: model()?.layoutLimits,
+		customProfilePresets: model()?.layoutProfilePresets,
+		correctAnswerStyleVars: get(correctAnswerStyleVars)
+	}));
+	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"}`);
+	const displayChoiceId = /* @__PURE__ */ user_derived(() => computeDisplayChoiceId({
+		selectedId: get(selectedId),
+		isEvaluateMode: get(isEvaluateMode),
+		showCorrectAnswer: get(showCorrectAnswer),
+		alwaysShowCorrect: !!model()?.alwaysShowCorrect,
+		correctChoiceId: String(model()?.correctChoiceId || "")
+	}));
+	const displayChoice = /* @__PURE__ */ user_derived(() => get(choices).find((c) => c.id === get(displayChoiceId)));
+	const displayChoiceLabelHtml = /* @__PURE__ */ user_derived(() => String(get(displayChoice)?.labelHtml || ""));
+	const resultText = /* @__PURE__ */ user_derived(() => computeResultText({
+		isEvaluateMode: get(isEvaluateMode),
+		showCorrectAnswer: get(showCorrectAnswer),
+		isCorrect: get(isCorrect),
+		isIncorrect: get(isIncorrect),
+		selectedId: get(selectedId)
+	}));
+	const choiceCorrectnessById = /* @__PURE__ */ user_derived(() => computeChoiceCorrectness({
+		isEvaluateMode: get(isEvaluateMode),
+		correctChoiceId: String(model()?.correctChoiceId || ""),
+		selectedId: String(get(selectedId) || ""),
+		showCorrectAnswer: get(showCorrectAnswer)
+	}));
+	const uiText = /* @__PURE__ */ user_derived(() => ({
+		...DEFAULT_UI_TEXT,
+		...model()?.uiText || {}
+	}));
+	const promptId = /* @__PURE__ */ user_derived(() => `${instanceId}-prompt`);
+	const transcriptId = /* @__PURE__ */ user_derived(() => `${instanceId}-transcript`);
+	const legendId = /* @__PURE__ */ user_derived(() => `${instanceId}-choices-legend`);
+	const resultId = /* @__PURE__ */ user_derived(() => `${instanceId}-result`);
+	const legendText = /* @__PURE__ */ user_derived(() => computeLegendText({
+		prompt: model()?.prompt || "",
+		legendMaxChars: get(layout).legendMaxChars,
+		answerChoicesLabel: get(uiText).answerChoices
+	}));
+	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 (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 = model()?.locale || "";
+		return locale ? locale.slice(0, 2) : "en";
+	});
+	const variantCssConfig = /* @__PURE__ */ user_derived(() => getVariantCssConfig(model()?.customType));
+	const variantRootClass = /* @__PURE__ */ user_derived(() => getVariantRootClass(model()?.customType));
+	const templateParts = /* @__PURE__ */ user_derived(() => {
+		const t = model()?.template || "";
+		const idx = t.indexOf(BLANK_TOKEN);
+		if (idx < 0) return {
+			before: t,
+			after: ""
+		};
+		return {
+			before: t.slice(0, idx),
+			after: t.slice(idx + 9)
+		};
+	});
+	function emitSession(updatedSession, sourceEl) {
+		r({
+			sourceEl,
+			fallbackSelector: "mc-populated-blank",
+			component: "mc-populated-blank",
+			session: updatedSession,
+			complete: !!updatedSession?.choiceId
+		});
+	}
+	function onRadioChange(e) {
+		const input = e.target;
+		if (!input.checked) return;
+		const choiceId = input.value;
+		set(localChoiceId, choiceId, true);
+		emitSession({
+			...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)) set(showCorrectAnswer, false);
+	});
+	function onRadioGroupKeydown(e) {
+		if (model()?.disabled) return;
+		const key = e.key;
+		if (![
+			"ArrowDown",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowLeft"
+		].includes(key)) return;
+		e.preventDefault();
+		const container = e.currentTarget;
+		const inputs = Array.from(container.querySelectorAll("input[type=\"radio\"]:not([disabled])"));
 		if (inputs.length === 0) return;
 		let idx = inputs.findIndex((i) => i.checked);
 		if (key === "ArrowDown" || key === "ArrowRight") idx = idx < 0 ? 0 : (idx + 1) % inputs.length;
@@ -5493,86 +6420,25 @@ function McPopulatedBlank($$anchor, $$props) {
 		next.dispatchEvent(new Event("change", { bubbles: true }));
 		next.focus();
 	}
-	function handleEnableAutoplayClick() {
-		if (get(hasPlayableAudio) && get(audioEl)) get(audioEl).play().finally(() => {
-			set(autoPlayPromptOpen, false);
-		});
+	const featureAudioSkin = /* @__PURE__ */ user_derived(() => computeFeatureAudioSkin({
+		locale: model()?.locale,
+		audioButtonSkin: model()?.audioButtonSkin,
+		audioButtonSkinsByLocale: model()?.audioButtonSkinsByLocale
+	}));
+	function onAudioStarted() {
+		n(get(rootEl), { fallbackSelector: "mc-populated-blank" })?.onAudioStarted?.();
 	}
-	function onAudioPlaying(e) {
-		const host = getHostElement(e.currentTarget);
-		set(isMediaPlaying, true);
-		host?.onAudioStarted?.();
-		set(autoPlayPromptOpen, false);
-	}
-	function onAudioEnded(e) {
-		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(model()?.locale || "").toLowerCase();
-		const lang = locale.slice(0, 2);
-		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;
-	});
-	function playFeatureAudio() {
-		if (get(hasPlayableAudio) && get(audioEl)) get(audioEl).play().catch(() => {});
+	function onAudioEnded() {
+		n(get(rootEl), { fallbackSelector: "mc-populated-blank" })?.onAudioEnded?.();
 	}
 	user_effect(() => {
 		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);
-		};
+		btn.addEventListener("click", toggleCorrectAnswer);
+		return () => btn.removeEventListener("click", toggleCorrectAnswer);
 	});
 	user_effect(() => {
 		const group = get(choicesGroupEl);
@@ -5591,12 +6457,25 @@ function McPopulatedBlank($$anchor, $$props) {
 		};
 	});
 	user_effect(() => {
-		if (!model()?.hasAudio || !model()?.autoplayAudioEnabled) return;
-		if (get(autoplayAttempted)) return;
-		set(autoplayAttempted, true);
-		if (get(audioEl) && model()?.audioUrl) get(audioEl).play().catch(() => {
-			set(autoPlayPromptOpen, true);
-		});
+		ensureVariantCssInjected(get(variantCssConfig));
+	});
+	user_effect(() => {
+		const el = get(rootEl);
+		if (!el) return;
+		const check = () => {
+			set(ancestorHasTranscriptClass, !!el.closest(".rli-with-audio-transcript"));
+		};
+		check();
+		const observer = new MutationObserver(check);
+		let node = el.parentElement;
+		while (node) {
+			observer.observe(node, {
+				attributes: true,
+				attributeFilter: ["class"]
+			});
+			node = node.parentElement;
+		}
+		return () => observer.disconnect();
 	});
 	var $$exports = {
 		get model() {
@@ -5615,7 +6494,7 @@ function McPopulatedBlank($$anchor, $$props) {
 		}
 	};
 	var div = root();
-	var node = child(div);
+	var node_1 = child(div);
 	var consequent = ($$anchor) => {
 		var div_1 = root_1();
 		html(div_1, () => model().prompt, true);
@@ -5623,29 +6502,44 @@ function McPopulatedBlank($$anchor, $$props) {
 		template_effect(() => set_attribute(div_1, "id", get(promptId)));
 		append($$anchor, div_1);
 	};
-	if_block(node, ($$render) => {
+	if_block(node_1, ($$render) => {
 		if (model()?.prompt) $$render(consequent);
 	});
-	var node_1 = sibling(node, 2);
-	var consequent_2 = ($$anchor) => {
-		var div_2 = root_2();
+	var node_2 = sibling(node_1, 2);
+	var consequent_1 = ($$anchor) => {
+		var p = root_2();
+		var text = child(p, true);
+		reset(p);
+		template_effect(() => {
+			set_class(p, 1, `text-sm mb-3 text-gray-700 text-center pie-audio-transcript ${get(showVisibleTranscript) ? "" : "sr-only"}`, "svelte-6wlbb4");
+			set_attribute(p, "id", get(transcriptId));
+			set_text(text, model().audioTranscript);
+		});
+		append($$anchor, p);
+	};
+	if_block(node_2, ($$render) => {
+		if (model()?.audioTranscript) $$render(consequent_1);
+	});
+	var node_3 = sibling(node_2, 2);
+	var consequent_3 = ($$anchor) => {
+		var div_2 = root_3();
 		var button = child(div_2);
 		var span = child(button);
 		var span_1 = child(span);
-		var node_2 = child(span_1);
-		var consequent_1 = ($$anchor) => {
-			append($$anchor, root_3());
+		var node_4 = child(span_1);
+		var consequent_2 = ($$anchor) => {
+			append($$anchor, root_4());
 		};
 		var alternate = ($$anchor) => {
-			append($$anchor, root_4());
+			append($$anchor, root_5());
 		};
-		if_block(node_2, ($$render) => {
-			if (get(showCorrectAnswer)) $$render(consequent_1);
+		if_block(node_4, ($$render) => {
+			if (get(showCorrectAnswer)) $$render(consequent_2);
 			else $$render(alternate, -1);
 		});
 		reset(span_1);
 		var span_2 = sibling(span_1, 2);
-		var text = child(span_2, true);
+		var text_1 = child(span_2, true);
 		reset(span_2);
 		reset(span);
 		reset(button);
@@ -5653,300 +6547,190 @@ function McPopulatedBlank($$anchor, $$props) {
 		reset(div_2);
 		template_effect(() => {
 			set_attribute(button, "aria-pressed", get(showCorrectAnswer));
-			set_text(text, get(showCorrectAnswer) ? get(uiText).hideCorrectAnswer : get(uiText).showCorrectAnswer);
+			set_text(text_1, get(showCorrectAnswer) ? get(uiText).hideCorrectAnswer : get(uiText).showCorrectAnswer);
 		});
 		append($$anchor, div_2);
 	};
-	if_block(node_1, ($$render) => {
-		if (get(shouldShowCorrectAnswerToggle)) $$render(consequent_2);
+	if_block(node_3, ($$render) => {
+		if (get(shouldShowCorrectAnswerToggle)) $$render(consequent_3);
 	});
-	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_1 = sibling(audio, 2);
-			var img = child(button_1);
-			var img_1 = sibling(img, 2);
-			reset(button_1);
-			bind_this(button_1, ($$value) => set(featureAudioButtonEl, $$value), () => get(featureAudioButtonEl));
-			template_effect(($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(model()?.locale)]);
-			append($$anchor, fragment);
-		};
-		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_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_5, ($$render) => {
-				if (get(autoPlayPromptOpen)) $$render(consequent_4);
-			});
-			template_effect(() => {
-				set_attribute(audio_1, "src", model().audioUrl);
-				set_attribute(audio_1, "aria-describedby", model()?.audioTranscript ? get(transcriptId) : void 0);
-			});
-			append($$anchor, fragment_1);
-		};
-		var consequent_6 = ($$anchor) => {
-			var p = root_9();
-			var text_2 = child(p, true);
-			reset(p);
-			template_effect(() => set_text(text_2, get(audioErrorMessage)));
-			append($$anchor, p);
-		};
-		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_6 = sibling(node_4, 2);
-		var consequent_7 = ($$anchor) => {
-			var p_1 = root_10();
-			var strong = child(p_1);
-			var text_3 = child(strong);
-			reset(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_3, `${get(uiText).transcriptLabel ?? ""}:`);
-				set_text(text_4, ` ${model().audioTranscript ?? ""}`);
-			});
-			append($$anchor, p_1);
-		};
-		if_block(node_6, ($$render) => {
-			if (model()?.audioTranscript) $$render(consequent_7);
+	var node_5 = sibling(node_3, 2);
+	{
+		let $0 = /* @__PURE__ */ user_derived(() => !!model()?.hasAudio);
+		let $1 = /* @__PURE__ */ user_derived(() => model()?.audioUrl);
+		let $2 = /* @__PURE__ */ user_derived(() => !!model()?.autoplayAudioEnabled);
+		let $3 = /* @__PURE__ */ user_derived(() => model()?.audioTranscript);
+		let $4 = /* @__PURE__ */ user_derived(() => model()?.locale);
+		AudioPlayer(node_5, {
+			get hasAudio() {
+				return get($0);
+			},
+			get audioUrl() {
+				return get($1);
+			},
+			get useFeatureButtonAudio() {
+				return get(useFeatureButtonAudio);
+			},
+			get autoplayEnabled() {
+				return get($2);
+			},
+			get audioTranscript() {
+				return get($3);
+			},
+			get showVisibleTranscript() {
+				return get(showVisibleTranscript);
+			},
+			get transcriptId() {
+				return get(transcriptId);
+			},
+			get featureAudioSkin() {
+				return get(featureAudioSkin);
+			},
+			get uiText() {
+				return get(uiText);
+			},
+			get locale() {
+				return get($4);
+			},
+			onaudiostarted: onAudioStarted,
+			onaudioended: onAudioEnded
 		});
+	}
+	var node_6 = sibling(node_5, 2);
+	var consequent_4 = ($$anchor) => {
+		var div_3 = root_6();
+		html(div_3, () => model().sentenceHtml, true);
 		reset(div_3);
+		template_effect(() => set_attribute(div_3, "aria-describedby", get(templateDescribedBy)));
 		append($$anchor, div_3);
 	};
-	if_block(node_3, ($$render) => {
-		if (model()?.hasAudio) $$render(consequent_8);
+	if_block(node_6, ($$render) => {
+		if (model()?.sentenceHtml) $$render(consequent_4);
 	});
-	var node_7 = sibling(node_3, 2);
-	var consequent_9 = ($$anchor) => {
-		var div_4 = root_11();
-		html(div_4, () => model().sentenceHtml, true);
+	var node_7 = sibling(node_6, 2);
+	var consequent_5 = ($$anchor) => {
+		var div_4 = root_7();
+		var node_8 = child(div_4);
+		html(node_8, () => get(templateParts).before);
+		var node_9 = sibling(node_8, 2);
+		ClozeMarker(node_9, {
+			get choiceMode() {
+				return get(choiceMode);
+			},
+			get displayChoice() {
+				return get(displayChoice);
+			},
+			get displayChoiceLabelHtml() {
+				return get(displayChoiceLabelHtml);
+			},
+			get isStandalone() {
+				return get(isBlankOnlyTemplate);
+			},
+			get blankWidth() {
+				return get(layout).blankWidth;
+			},
+			get blankBorderWidth() {
+				return get(layout).blankBorderWidth;
+			},
+			get ariaLabel() {
+				return get(uiText).selectedAnswerInSentence;
+			}
+		});
+		html(sibling(node_9, 2), () => get(templateParts).after);
 		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_11 = ($$anchor) => {
-			var span_4 = root_14();
-			html(span_4, () => get(displayChoice).labelHtml, true);
-			reset(span_4);
-			append($$anchor, span_4);
-		};
-		var alternate_1 = ($$anchor) => {
-			append($$anchor, root_15());
-		};
-		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);
-		});
-		reset(span_3);
-		html(sibling(span_3, 2), () => get(templateParts).after);
-		reset(div_5);
-		template_effect(() => {
-			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);
-		});
-		append($$anchor, div_5);
-	};
-	if_block(node_8, ($$render) => {
-		if (!get(isAudioOnlyMode)) $$render(consequent_12);
+		if (!get(isAudioOnlyMode)) $$render(consequent_5);
 	});
-	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);
+	var node_11 = sibling(node_7, 2);
+	var consequent_6 = ($$anchor) => {
+		var p_1 = root_8();
+		var text_2 = child(p_1, true);
+		reset(p_1);
 		template_effect(() => {
-			set_attribute(p_2, "id", get(resultId));
-			set_text(text_5, get(resultText));
+			set_attribute(p_1, "id", get(resultId));
+			set_text(text_2, get(resultText));
 		});
-		append($$anchor, p_2);
+		append($$anchor, p_1);
 	};
-	if_block(node_12, ($$render) => {
-		if (get(resultText)) $$render(consequent_13);
+	if_block(node_11, ($$render) => {
+		if (get(resultText)) $$render(consequent_6);
 	});
-	var fieldset = sibling(node_12, 2);
+	var fieldset = sibling(node_11, 2);
 	var legend = child(fieldset);
-	var text_6 = child(legend, true);
+	var text_3 = child(legend, true);
 	reset(legend);
-	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_2 = ($$anchor) => {
-				var span_7 = root_20();
-				html(span_7, () => get(c).labelHtml || "", true);
-				reset(span_7);
-				append($$anchor, span_7);
-			};
-			if_block(node_14, ($$render) => {
-				if (get(choiceMode) === "image" && get(c).imageUrl) $$render(consequent_14);
-				else $$render(alternate_2, -1);
-			});
-			reset(span_6);
-			var input_1 = sibling(span_6, 2);
-			remove_input_defaults(input_1);
-			reset(label);
-			template_effect(() => {
-				set_attribute(label, "for", `${instanceId}-opt-${get(c).id}`);
-				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) ? model()?.correctChoiceId : get(selectedId)) === get(c).id);
-				input_1.disabled = model()?.disabled;
-			});
-			append($$anchor, label);
-		};
-		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_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_3 = ($$anchor) => {
-				var span_8 = root_23();
-				html(span_8, () => get(c).labelHtml || "", true);
-				reset(span_8);
-				append($$anchor, span_8);
-			};
-			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) ? model()?.correctChoiceId : get(selectedId)) === get(c).id);
-				input_2.disabled = model()?.disabled;
-				set_attribute(label_1, "for", `${instanceId}-opt-${get(c).id}`);
-			});
-			append($$anchor, fragment_2);
-		};
-		if_block(node_13, ($$render) => {
-			if (get(isHorizontalChoices)) $$render(consequent_15);
-			else $$render(alternate_4, -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" ? "✓" : "✕");
+	var div_5 = sibling(legend, 2);
+	each(div_5, 21, () => get(choices), (c) => c.id, ($$anchor, c) => {
+		{
+			let $0 = /* @__PURE__ */ user_derived(() => get(displayChoiceId) === get(c).id);
+			let $1 = /* @__PURE__ */ user_derived(() => !!model()?.disabled);
+			let $2 = /* @__PURE__ */ user_derived(() => get(choiceCorrectnessById).get(get(c).id));
+			ChoiceRow($$anchor, {
+				get choice() {
+					return get(c);
+				},
+				get choiceMode() {
+					return get(choiceMode);
+				},
+				get isHorizontal() {
+					return get(isHorizontalChoices);
+				},
+				get isSelected() {
+					return get($0);
+				},
+				get isDisabled() {
+					return get($1);
+				},
+				get correctness() {
+					return get($2);
+				},
+				get isEvaluateMode() {
+					return get(isEvaluateMode);
+				},
+				get instanceId() {
+					return instanceId;
+				},
+				get radioGroupName() {
+					return get(radioGroupName);
+				}
 			});
-			append($$anchor, span_9);
-		};
-		if_block(node_16, ($$render) => {
-			if (get(isEvaluateMode) && get(choiceCorrectness)) $$render(consequent_17);
-		});
-		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(showCorrectAnswer) ? 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_6);
-	bind_this(div_6, ($$value) => set(choicesGroupEl, $$value), () => get(choicesGroupEl));
+	reset(div_5);
+	bind_this(div_5, ($$value) => set(choicesGroupEl, $$value), () => get(choicesGroupEl));
 	reset(fieldset);
 	reset(div);
+	bind_this(div, ($$value) => set(rootEl, $$value), () => get(rootEl));
 	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_class(div, 1, `p-4 mc-populated-blank-root pie-element pie-element-mc-populated-blank pie-delivery-root layout-${get(layoutProfile)} ${get(variantRootClass)} ${get(hasInlineSentenceAudioLayout) ? "has-inline-audio" : ""}`, "svelte-6wlbb4");
 		set_attribute(div, "lang", get(lang));
-		set_style(div, get(rootStyle));
+		set_style(div, get(layout).rootStyle);
 		fieldset.disabled = model()?.disabled;
 		set_attribute(legend, "id", get(legendId));
-		set_text(text_6, get(legendText));
-		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);
+		set_text(text_3, 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-label", get(choicesGroupAriaLabel));
+		set_attribute(div_5, "aria-describedby", get(resultText) ? get(resultId) : void 0);
 	});
 	append($$anchor, div);
 	return pop($$exports);
 }
-customElements.define("mc-populated-blank", create_custom_element(McPopulatedBlank, {
+create_custom_element(McPopulatedBlank, {
 	model: { type: "Object" },
 	session: { type: "Object" },
 	options: { type: "Object" }
-}, [], []));
-//#endregion
-//#region src/controller/index.ts
-var isComplete = (question, session, audioComplete = false) => {
-	if (!session || !session.choiceId) return false;
-	const autoplayAudioEnabled = !!question?.autoplayAudioEnabled;
-	const completeAudioEnabled = !!question?.completeAudioEnabled;
-	if (autoplayAudioEnabled && completeAudioEnabled && !!question?.hasAudio && !audioComplete) return false;
-	return true;
-};
+}, [], []);
 //#endregion
 //#region src/delivery/index.ts
+function isComplete(model, session, audioComplete = false) {
+	if (!session?.choiceId) return false;
+	if (!!model?.autoplayAudioEnabled && !!model?.completeAudioEnabled && !!model?.hasAudio && !audioComplete) return false;
+	return true;
+}
 var SvelteElementClass = McPopulatedBlank.element;
 var McPopulatedBlankElement = class extends SvelteElementClass {
 	constructor(..._args) {
@@ -5956,25 +6740,10 @@ var McPopulatedBlankElement = class extends SvelteElementClass {
 		_defineProperty(this, "_options", null);
 		_defineProperty(this, "audioComplete", false);
 		_defineProperty(this, "_dispatchModelSet", () => {
-			this.dispatchEvent(new CustomEvent("model-set", {
-				bubbles: true,
-				composed: true,
-				detail: {
-					complete: this._isComplete(),
-					component: this.tagName.toLowerCase(),
-					hasModel: this._model !== void 0
-				}
-			}));
+			this.dispatchEvent(new e(this.tagName.toLowerCase(), this._isComplete(), this._model !== void 0));
 		});
 		_defineProperty(this, "_dispatchSessionChanged", () => {
-			this.dispatchEvent(new CustomEvent("session-changed", {
-				bubbles: true,
-				composed: true,
-				detail: {
-					complete: this._isComplete(),
-					component: this.tagName.toLowerCase()
-				}
-			}));
+			this.dispatchEvent(new t$1(this.tagName.toLowerCase(), this._isComplete()));
 		});
 		_defineProperty(this, "onSessionChange", (updatedSession) => {
 			this._internalSession = updatedSession;
@@ -5984,14 +6753,14 @@ var McPopulatedBlankElement = class extends SvelteElementClass {
 		_defineProperty(this, "onAudioStarted", () => {
 			this._internalSession = {
 				...this._internalSession || {},
-				audioStartTime: (/* @__PURE__ */ new Date()).getTime()
+				audioStartTime: Date.now()
 			};
 		});
 		_defineProperty(this, "onAudioEnded", () => {
 			this.audioComplete = true;
 			this._internalSession = {
 				...this._internalSession || {},
-				audioEndTime: (/* @__PURE__ */ new Date()).getTime()
+				audioEndTime: Date.now()
 			};
 			this._dispatchSessionChanged();
 		});