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

package/dist/delivery/index.js

@@ -3242,19 +3242,50 @@ function from_html(content, flags) {
 	};
 }
 /**
-* @returns {TemplateNode | DocumentFragment}
+* @param {string} content
+* @param {number} flags
+* @param {'svg' | 'math'} ns
+* @returns {() => Node | Node[]}
 */
-function comment() {
-	if (hydrating) {
-		assign_nodes(hydrate_node, null);
-		return hydrate_node;
-	}
-	var frag = document.createDocumentFragment();
-	var start = document.createComment("");
-	var anchor = create_text();
-	frag.append(start, anchor);
-	assign_nodes(start, anchor);
-	return frag;
+/* @__NO_SIDE_EFFECTS__ */
+function from_namespace(content, flags, ns = "svg") {
+	/**
+	* Whether or not the first item is a text/element node. If not, we need to
+	* create an additional comment node to act as `effect.nodes.start`
+	*/
+	var has_start = !content.startsWith("<!>");
+	var is_fragment = (flags & 1) !== 0;
+	var wrapped = `<${ns}>${has_start ? content : "<!>" + content}</${ns}>`;
+	/** @type {Element | DocumentFragment} */
+	var node;
+	return () => {
+		if (hydrating) {
+			assign_nodes(hydrate_node, null);
+			return hydrate_node;
+		}
+		if (!node) {
+			var root = /* @__PURE__ */ get_first_child(create_fragment_from_html(wrapped));
+			if (is_fragment) {
+				node = document.createDocumentFragment();
+				while (/* @__PURE__ */ get_first_child(root)) node.appendChild(/* @__PURE__ */ get_first_child(root));
+			} else node = /* @__PURE__ */ get_first_child(root);
+		}
+		var clone = node.cloneNode(true);
+		if (is_fragment) {
+			var start = /* @__PURE__ */ get_first_child(clone);
+			var end = clone.lastChild;
+			assign_nodes(start, end);
+		} else assign_nodes(clone, clone);
+		return clone;
+	};
+}
+/**
+* @param {string} content
+* @param {number} flags
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function from_svg(content, flags) {
+	return /* @__PURE__ */ from_namespace(content, flags, "svg");
 }
 /**
 * Assign the created (or in hydration mode, traversed) dom elements to the current block
@@ -4999,34 +5030,141 @@ function create_custom_element(Component, props_definition, slots, exports, shad
 	return Class;
 }
 //#endregion
+//#region ../../lib-svelte/styling/dist/index2.js
+var e = {
+	50: "#e8f5e9",
+	500: "#4caf50"
+}, t = {
+	200: "#9fa8da",
+	500: "#3f51b5",
+	800: "#283593"
+}, n = { 500: "#ff9800" }, r = {
+	200: "#f48fb1",
+	900: "#880e4f",
+	A400: "#f50057"
+}, i = {
+	50: "#ffebee",
+	700: "#d32f2f"
+}, a = {
+	TEXT: "black",
+	DISABLED: "grey",
+	DISABLED_SECONDARY: "#ABABAB",
+	CORRECT: e[500],
+	CORRECT_SECONDARY: e[50],
+	CORRECT_TERTIARY: "#0EA449",
+	CORRECT_WITH_ICON: "#087D38",
+	INCORRECT: n[500],
+	INCORRECT_SECONDARY: i[50],
+	INCORRECT_WITH_ICON: "#BF0D00",
+	MISSING: i[700],
+	MISSING_WITH_ICON: "#6A78A1",
+	PRIMARY: t[500],
+	PRIMARY_LIGHT: t[200],
+	PRIMARY_DARK: t[800],
+	SECONDARY: r.A400,
+	SECONDARY_LIGHT: r[200],
+	SECONDARY_DARK: r[900],
+	TERTIARY: "#146EB3",
+	TERTIARY_LIGHT: "#D0E2F0",
+	BACKGROUND: "rgba(255,255,255,0)",
+	BACKGROUND_DARK: "#ECEDF1",
+	DROPDOWN_BACKGROUND: "#E0E1E6",
+	SECONDARY_BACKGROUND: "rgba(241,241,241,1)",
+	BORDER: "#9A9A9A",
+	BORDER_LIGHT: "#D1D1D1",
+	BORDER_DARK: "#646464",
+	BORDER_GRAY: "#7E8494",
+	BLACK: "#000000",
+	WHITE: "#ffffff",
+	TRANSPARENT: "transparent",
+	FOCUS_CHECKED: "#BBDEFB",
+	FOCUS_CHECKED_BORDER: "#1565C0",
+	FOCUS_UNCHECKED: "#E0E0E0",
+	FOCUS_UNCHECKED_BORDER: "#757575",
+	BLUE_GREY100: "#F3F5F7",
+	BLUE_GREY300: "#C0C3CF",
+	BLUE_GREY600: "#7E8494",
+	BLUE_GREY900: "#152452",
+	FADED_PRIMARY: "#DCDAFB"
+};
+Object.freeze(a);
+var o = (e) => (...t) => {
+	let n = t.pop();
+	return t.reduceRight((t, n) => `var(--${e}-${n}, ${t})`, n);
+}, s = o("pie"), c = () => s("text", a.TEXT), l = () => s("disabled", a.DISABLED), u = () => s("disabled-secondary", a.DISABLED_SECONDARY), d = () => s("correct", a.CORRECT), f = () => s("correct-secondary", a.CORRECT_SECONDARY), p = () => s("correct-tertiary", a.CORRECT_TERTIARY), m = () => s("correct-icon", a.CORRECT_WITH_ICON), h = () => s("incorrect", a.INCORRECT), g = () => s("incorrect-icon", a.INCORRECT_WITH_ICON), _ = () => s("incorrect-secondary", a.INCORRECT_SECONDARY), v = () => s("missing", a.MISSING), y = () => s("missing-icon", a.MISSING_WITH_ICON), b = () => s("primary", a.PRIMARY), x = () => s("primary-light", a.PRIMARY_LIGHT), S = () => s("primary-dark", a.PRIMARY_DARK), C = () => s("primary-text", "text", a.TEXT), w = () => s("faded-primary", a.FADED_PRIMARY), T = () => s("secondary", a.SECONDARY), E = () => s("secondary-light", a.SECONDARY_LIGHT), D = () => s("secondary-dark", a.SECONDARY_DARK), O = () => s("secondary-text", "text", a.TEXT), k = () => s("background", a.BACKGROUND), A = () => s("background-dark", a.BACKGROUND_DARK), j = () => s("secondary-background", a.SECONDARY_BACKGROUND), M = () => s("dropdown-background", a.DROPDOWN_BACKGROUND), N = () => s("tertiary", a.TERTIARY), P = () => s("tertiary-light", a.TERTIARY_LIGHT), F = () => s("border", a.BORDER), I = () => s("border-light", a.BORDER_LIGHT), L = () => s("border-dark", a.BORDER_DARK), R = () => s("border-gray", a.BORDER_GRAY), z = () => s("black", a.BLACK), B = () => s("white", a.WHITE), V = () => a.TRANSPARENT, H = () => s("focus-checked", a.FOCUS_CHECKED), U = () => s("focus-checked-border", a.FOCUS_CHECKED_BORDER), W = () => s("focus-unchecked", a.FOCUS_UNCHECKED), G = () => s("focus-unchecked-border", a.FOCUS_UNCHECKED_BORDER), K = () => s("blue-grey-100", a.BLUE_GREY100), q = () => s("blue-grey-300", a.BLUE_GREY300), J = () => s("blue-grey-600", a.BLUE_GREY600), Y = () => s("blue-grey-900", a.BLUE_GREY900), Z = {
+	text: c,
+	disabled: l,
+	disabledSecondary: u,
+	correct: d,
+	correctSecondary: f,
+	correctTertiary: p,
+	correctWithIcon: m,
+	incorrect: h,
+	incorrectWithIcon: g,
+	incorrectSecondary: _,
+	missing: v,
+	missingWithIcon: y,
+	primary: b,
+	primaryLight: x,
+	primaryDark: S,
+	primaryText: C,
+	fadedPrimary: w,
+	secondary: T,
+	secondaryLight: E,
+	secondaryDark: D,
+	secondaryText: O,
+	background: k,
+	backgroundDark: A,
+	secondaryBackground: j,
+	dropdownBackground: M,
+	tertiary: N,
+	tertiaryLight: P,
+	border: F,
+	borderLight: I,
+	borderDark: L,
+	borderGray: R,
+	black: z,
+	white: B,
+	transparent: V,
+	focusChecked: H,
+	focusCheckedBorder: U,
+	focusUnchecked: W,
+	focusUncheckedBorder: G,
+	blueGrey100: K,
+	blueGrey300: q,
+	blueGrey600: J,
+	blueGrey900: Y
+};
+//#endregion
 //#region src/delivery/McPopulatedBlank.svelte
 var root_1 = /* @__PURE__ */ from_html(`<div class="mb-4 prose pie-prompt"></div>`);
-var root_3 = /* @__PURE__ */ from_html(`<audio class="sr-only pie-audio-player svelte-6wlbb4" preload="metadata" aria-hidden="true" tabindex="-1"></audio> <button class="listen-button pie-listen-button rli-feature-audio svelte-6wlbb4" type="button"><img alt="" aria-hidden="true"/> <img alt="" aria-hidden="true"/></button>`, 1);
-var root_5 = /* @__PURE__ */ from_html(`<button class="mt-2 text-sm underline pie-audio-autoplay-enable" type="button"> </button>`);
-var root_4 = /* @__PURE__ */ from_html(`<audio controls="" class="w-full max-w-md pie-audio-player" preload="metadata"><track kind="captions"/></audio> <!>`, 1);
-var root_6 = /* @__PURE__ */ from_html(`<p class="text-sm text-red-700 pie-audio-error" role="alert"> </p>`);
-var root_7 = /* @__PURE__ */ from_html(`<p><strong> </strong> </p>`);
-var root_2 = /* @__PURE__ */ from_html(`<div class="mb-4 audio-container pie-audio-container svelte-6wlbb4"><!> <!></div>`);
-var root_8 = /* @__PURE__ */ from_html(`<div class="mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4"></div>`);
-var root_10 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-height:var(--mpb-selected-image-max-height, 4rem);"/>`);
-var root_11 = /* @__PURE__ */ from_html(`<span class="blank-inner choice-label pie-blank-value svelte-6wlbb4"></span>`);
-var root_12 = /* @__PURE__ */ from_html(`<span class="blank-inner-empty svelte-6wlbb4" aria-hidden="true">&nbsp;</span>`);
-var root_9 = /* @__PURE__ */ from_html(`<div class="mb-4 template-line pie-template-line svelte-6wlbb4"><!> <span role="status" aria-live="polite" aria-atomic="true"><!></span> <!></div>`);
-var root_13 = /* @__PURE__ */ from_html(`<button type="button" class="mb-3 flex items-center cursor-pointer select-none pie-toggle-correct-answer" style="gap:var(--mpb-toggle-button-gap, 0.5rem);"><span class="text-sm hover:underline"> </span></button>`);
-var root_14 = /* @__PURE__ */ from_html(`<p class="sr-only pie-result-feedback svelte-6wlbb4" role="status" aria-live="polite"> </p>`);
-var root_17 = /* @__PURE__ */ from_html(`<img class="object-contain mx-auto pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
-var root_18 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
-var root_16 = /* @__PURE__ */ from_html(`<label class="cursor-pointer choice-tile text-center pie-choice-tile svelte-6wlbb4"><span class="choice-tile-content pie-choice-tile-content svelte-6wlbb4"><!></span> <input type="radio" class="choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-6wlbb4"/></label>`);
-var root_20 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
-var root_21 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
-var root_19 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-6wlbb4"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap"><!></label>`, 1);
-var root_23 = /* @__PURE__ */ from_html(`<span class="text-green-600 text-sm font-medium pie-choice-feedback-correct" aria-hidden="true">✓</span>`);
-var root_24 = /* @__PURE__ */ from_html(`<span class="text-red-600 text-sm font-medium pie-choice-feedback-incorrect" aria-hidden="true">✗</span>`);
-var root_15 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
+var root_3 = /* @__PURE__ */ from_svg(`<svg class="pie-correct-answer-toggle-svg svelte-6wlbb4" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="-283 359 34 35"><circle cx="-266" cy="375.9" r="14" fill="var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)"></circle><path d="M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z" fill="var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)"></path><polygon points="-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6" fill="var(--pie-correct-answer-toggle-icon-glyph-color, #1a9cff)"></polygon></svg>`);
+var root_4 = /* @__PURE__ */ from_svg(`<svg class="pie-correct-answer-toggle-svg svelte-6wlbb4" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="-129.5 127 34 35"><path d="M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z" fill="#D0CAC5" stroke="#E6E3E0" stroke-width="0.75"></path><path d="M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z" fill="#B3ABA4" stroke="#CDC7C2" stroke-width="0.5"></path><circle cx="-114.2" cy="143.5" r="14" fill="white"></circle><path d="M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z" fill="var(--pie-correct-answer-toggle-icon-closed-bg, #bce2ff)"></path><polygon points="-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2" fill="var(--pie-correct-answer-toggle-icon-glyph-color, #1a9cff)"></polygon></svg>`);
+var root_2 = /* @__PURE__ */ from_html(`<div class="pie-correct-answer-toggle-row svelte-6wlbb4"><button type="button" class="mb-3 pie-toggle-correct-answer svelte-6wlbb4" style="gap:var(--mpb-toggle-button-gap, 0.5rem);" data-testid="show-correct-answer"><span class="pie-correct-answer-toggle-content svelte-6wlbb4"><span class="pie-correct-answer-toggle-icon-holder svelte-6wlbb4" aria-hidden="true"><!></span> <span class="pie-correct-answer-toggle-label svelte-6wlbb4"> </span></span></button></div>`);
+var root_6 = /* @__PURE__ */ from_html(`<audio class="sr-only pie-audio-player svelte-6wlbb4" preload="metadata" aria-hidden="true" tabindex="-1"></audio> <button class="listen-button pie-listen-button rli-feature-audio svelte-6wlbb4" type="button"><img alt="" aria-hidden="true"/> <img alt="" aria-hidden="true"/></button>`, 1);
+var root_8 = /* @__PURE__ */ from_html(`<button class="mt-2 text-sm underline pie-audio-autoplay-enable" type="button"> </button>`);
+var root_7 = /* @__PURE__ */ from_html(`<audio controls="" class="w-full max-w-md pie-audio-player" preload="metadata"><track kind="captions"/></audio> <!>`, 1);
+var root_9 = /* @__PURE__ */ from_html(`<p class="text-sm text-red-700 pie-audio-error" role="alert"> </p>`);
+var root_10 = /* @__PURE__ */ from_html(`<p><strong> </strong> </p>`);
+var root_5 = /* @__PURE__ */ from_html(`<div class="mb-4 audio-container pie-audio-container svelte-6wlbb4"><!> <!></div>`);
+var root_11 = /* @__PURE__ */ from_html(`<div class="mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4"></div>`);
+var root_13 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-height:var(--mpb-selected-image-max-height, 4rem);"/>`);
+var root_14 = /* @__PURE__ */ from_html(`<span class="blank-inner choice-label pie-blank-value svelte-6wlbb4"></span>`);
+var root_15 = /* @__PURE__ */ from_html(`<span class="blank-inner-empty svelte-6wlbb4" aria-hidden="true">&nbsp;</span>`);
+var root_12 = /* @__PURE__ */ from_html(`<div class="mb-4 template-line pie-template-line svelte-6wlbb4"><!> <span role="status" aria-live="polite" aria-atomic="true"><!></span> <!></div>`);
+var root_16 = /* @__PURE__ */ from_html(`<p class="sr-only pie-result-feedback svelte-6wlbb4" role="status" aria-live="polite"> </p>`);
+var root_19 = /* @__PURE__ */ from_html(`<img class="object-contain mx-auto pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root_20 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
+var root_18 = /* @__PURE__ */ from_html(`<label class="cursor-pointer choice-tile text-center pie-choice-tile svelte-6wlbb4"><span class="choice-tile-content pie-choice-tile-content svelte-6wlbb4"><!></span> <input type="radio" class="choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-6wlbb4"/></label>`);
+var root_22 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root_23 = /* @__PURE__ */ from_html(`<span class="choice-label pie-choice-label svelte-6wlbb4"></span>`);
+var root_21 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-6wlbb4"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap"><!></label>`, 1);
+var root_24 = /* @__PURE__ */ from_html(`<span aria-hidden="true"> </span>`);
+var root_17 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
 var root = /* @__PURE__ */ from_html(`<div><!> <!> <!> <!> <!> <!> <fieldset class="border-0 p-0 m-0 pie-choices-fieldset svelte-6wlbb4"><legend class="sr-only pie-choices-legend svelte-6wlbb4"> </legend> <div style="gap:var(--mpb-choice-group-gap, 0.5rem);" role="radiogroup" tabindex="-1"></div></fieldset></div>`);
 var $$css = {
 	hash: "svelte-6wlbb4",
-	code: ".sr-only.svelte-6wlbb4 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.mc-populated-blank-root.svelte-6wlbb4 .prose {max-width:none;}.blank-slot.svelte-6wlbb4:focus-within {outline:2px solid var(--pie-focus, #2563eb);outline-offset:2px;}.blank-slot.svelte-6wlbb4 {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.template-line.svelte-6wlbb4 {white-space:pre-wrap;}.template-line.svelte-6wlbb4 p {margin:0;}.blank-inner-empty.svelte-6wlbb4 {display:inline-block;min-width:4ch;}.blank-slot-standalone.svelte-6wlbb4 {width:var(--mpb-blank-standalone-width, 7rem);}.listen-button.svelte-6wlbb4 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);border:0;padding:0;background-color:transparent;cursor:pointer;z-index:1;}.listen-button.svelte-6wlbb4:hover {background-color:#e2f1fe;}.listen-feature-icon.svelte-6wlbb4 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);object-fit:contain;display:none;}.listen-feature-icon.listen-active.svelte-6wlbb4 {display:block;}.choice-row-horizontal.svelte-6wlbb4 {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));gap:0;}.choice-tile.svelte-6wlbb4 {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:var(--mpb-choice-tile-min-height, 11rem);padding:0.8rem 0.65rem 0.5rem;border-radius:8px;background:transparent;transition:background-color 120ms ease-in-out;}.choice-tile-content.svelte-6wlbb4 {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:#ececec;}.choice-row-horizontal.is-selected.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:#eceabf;}.choice-row-horizontal.is-selected.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:#eceabf;}.choice-row-horizontal.svelte-6wlbb4 p {margin:0;text-align:center;}.choice-label.svelte-6wlbb4 p,\n  .blank-inner.svelte-6wlbb4 p {margin:0;}.blank-inner.svelte-6wlbb4 {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.choice-radio-inline.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.layout-audio_blank_only.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {display:flex;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  }"
+	code: ".sr-only.svelte-6wlbb4 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.mc-populated-blank-root.svelte-6wlbb4 .prose {max-width:none;}.blank-slot.svelte-6wlbb4:focus-within {outline:2px solid var(--pie-focus, #2563eb);outline-offset:2px;}.blank-slot.svelte-6wlbb4 {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.pie-toggle-correct-answer.svelte-6wlbb4 {width:100%;cursor:pointer;border:0;background:transparent;padding:0;display:flex;justify-content:center;text-align:center;color:var(--pie-correct-answer-toggle-label-color, var(--pie-text, black));}.pie-correct-answer-toggle-row.svelte-6wlbb4 {width:100%;display:flex;justify-content:flex-end;}.pie-correct-answer-toggle-content.svelte-6wlbb4 {display:flex;margin:0 auto;align-items:center;}.pie-correct-answer-toggle-icon-holder.svelte-6wlbb4 {width:25px;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;}.pie-correct-answer-toggle-svg.svelte-6wlbb4 {width:25px;height:25px;}.pie-correct-answer-toggle-label.svelte-6wlbb4 {width:fit-content;min-width:140px;align-self:center;vertical-align:middle;font-weight:400;user-select:none;}.pie-toggle-correct-answer.svelte-6wlbb4:hover .pie-correct-answer-toggle-label:where(.svelte-6wlbb4),\n  .pie-toggle-correct-answer.svelte-6wlbb4:focus-visible .pie-correct-answer-toggle-label:where(.svelte-6wlbb4) {text-decoration:underline;}.template-line.svelte-6wlbb4 {white-space:pre-wrap;}.template-line.svelte-6wlbb4 p {margin:0;}.blank-inner-empty.svelte-6wlbb4 {display:inline-block;min-width:4ch;}.blank-slot-standalone.svelte-6wlbb4 {width:var(--mpb-blank-standalone-width, 7rem);}.listen-button.svelte-6wlbb4 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);border:0;padding:0;background-color:transparent;cursor:pointer;z-index:1;}.listen-button.svelte-6wlbb4:hover {background-color:#e2f1fe;}.listen-feature-icon.svelte-6wlbb4 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);object-fit:contain;display:none;}.listen-feature-icon.listen-active.svelte-6wlbb4 {display:block;}.choice-row-horizontal.svelte-6wlbb4 {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));gap:0;}.choice-tile.svelte-6wlbb4 {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:var(--mpb-choice-tile-min-height, 11rem);padding:0.8rem 0.65rem 0.5rem;border-radius:8px;background:transparent;transition:background-color 120ms ease-in-out;}.choice-tile-content.svelte-6wlbb4 {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-hover-bg, #ececec);}.choice-row-horizontal.is-selected.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.choice-row-horizontal.is-selected.svelte-6wlbb4:hover .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.pie-choice.choice-correct.svelte-6wlbb4 {border-left:3px solid var(--pie-correct-answer-choice-correct-border, #0ea449);}.pie-choice.choice-incorrect.svelte-6wlbb4 {border-left:3px solid var(--pie-correct-answer-choice-incorrect-border, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-correct-bg, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-6wlbb4 .choice-tile:where(.svelte-6wlbb4) {background:var(--pie-correct-answer-choice-incorrect-bg, #ffebee);}.pie-choice-feedback-badge.svelte-6wlbb4 {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:9999px;font-size:0.72rem;line-height:1;font-weight:700;color:var(--pie-correct-answer-feedback-glyph-color, #fff);}.pie-choice-feedback-correct.svelte-6wlbb4 {background:var(--pie-correct-answer-feedback-correct-bg, #087d38);}.pie-choice-feedback-incorrect.svelte-6wlbb4 {background:var(--pie-correct-answer-feedback-incorrect-bg, #bf0d00);}.choice-row-horizontal.svelte-6wlbb4 p {margin:0;text-align:center;}.choice-label.svelte-6wlbb4 p,\n  .blank-inner.svelte-6wlbb4 p {margin:0;}.blank-inner.svelte-6wlbb4 {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.choice-radio-inline.svelte-6wlbb4 {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}.layout-audio_blank_only.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {display:flex;width:min(100%, var(--mpb-audio-instructions-max-width, 875px));margin-left:auto;margin-right:auto;justify-content:flex-end;}.layout-audio_blank_only.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {text-align:center;margin:var(--mpb-audio-blank-template-margin-top, 0.8rem) 0\n      var(--mpb-audio-blank-template-margin-bottom, 1.8rem);}.layout-audio_blank_only.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-wide-width, 10rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);}.layout-stimulus_image_blank.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-stimulus-min-column, 210px), 1fr) auto;grid-template-areas:'sentence audio'\n      '. template'\n      'choices choices';column-gap:var(--mpb-stimulus-grid-column-gap, 2rem);row-gap:var(--mpb-stimulus-grid-row-gap, 0.7rem);align-items:start;}.layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {grid-area:audio;margin:0;}.layout-stimulus_image_blank.svelte-6wlbb4 .sentence-line:where(.svelte-6wlbb4) {grid-area:sentence;margin:var(--mpb-stimulus-sentence-margin-top, 0.2rem) 0 0;}.layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:0;text-align:center;justify-self:center;}.layout-stimulus_image_blank.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-stimulus-choices-margin-top, 0.9rem);}.layout-token_sequence.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n      'choices choices';column-gap:var(--mpb-token-grid-column-gap, 1.5rem);row-gap:var(--mpb-token-grid-row-gap, 0.8rem);align-items:start;}.layout-token_sequence.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {grid-area:audio;margin:0;justify-self:end;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-token-template-margin-top, 0.6rem) 0 0;justify-self:center;text-align:center;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) span + span {margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 .blank-slot:where(.svelte-6wlbb4) {width:var(--mpb-blank-standalone-width, 7rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-token-choices-margin-top, 0.2rem);}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n      'choices choices';column-gap:var(--mpb-inline-grid-column-gap, 1.5rem);row-gap:var(--mpb-inline-grid-row-gap, 0.65rem);align-items:start;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {grid-area:audio;margin:0;justify-self:end;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-inline-template-margin-top, 0.45rem) 0 0;text-align:center;justify-self:center;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-inline-choices-margin-top, 0.25rem);}\n\n  /* Match Learnosity responsive behavior for CQT audio-blank layouts:\n     at smaller widths, audio control shifts left and answer tiles stack. */\n  @media (max-width: 760px) {.layout-audio_blank_only.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .audio-container:where(.svelte-6wlbb4) {width:100%;margin-left:0;margin-right:0;justify-content:flex-start;justify-self:start;}.layout-audio_blank_only.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4) {flex-direction:column;align-items:flex-start;justify-content:flex-start;}.layout-audio_blank_only.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4) {width:min(100%, var(--mpb-narrow-choice-max-width, 230px));align-items:flex-start;}\n  }"
 };
 function McPopulatedBlank($$anchor, $$props) {
 	push($$props, true);
@@ -5116,8 +5254,10 @@ function McPopulatedBlank($$anchor, $$props) {
 	let toggleCorrectAnswerButtonEl = /* @__PURE__ */ state(null);
 	let choicesGroupEl = /* @__PURE__ */ state(null);
 	const instanceId = `mc-populated-blank-${Math.random().toString(36).slice(2, 10)}`;
-	const isEvaluateMode = /* @__PURE__ */ user_derived(() => model()?.env?.mode === "evaluate");
+	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");
@@ -5155,6 +5295,21 @@ function McPopulatedBlank($$anchor, $$props) {
 			...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`,
@@ -5189,7 +5344,8 @@ function McPopulatedBlank($$anchor, $$props) {
 		`--mpb-inline-grid-column-gap:${get(layoutLimits).inlineGridColumnGapRem}rem`,
 		`--mpb-inline-grid-row-gap:${get(layoutLimits).inlineGridRowGapRem}rem`,
 		`--mpb-inline-template-margin-top:${get(layoutLimits).inlineTemplateMarginTopRem}rem`,
-		`--mpb-inline-choices-margin-top:${get(layoutLimits).inlineChoicesMarginTopRem}rem`
+		`--mpb-inline-choices-margin-top:${get(layoutLimits).inlineChoicesMarginTopRem}rem`,
+		get(correctAnswerStyleVars)
 	].join(";"));
 	const useFeatureButtonAudio = /* @__PURE__ */ user_derived(() => {
 		if (typeof model()?.useFeatureButtonAudio === "boolean") return !!model().useFeatureButtonAudio;
@@ -5222,8 +5378,12 @@ function McPopulatedBlank($$anchor, $$props) {
 	const selectedId = /* @__PURE__ */ user_derived(() => session()?.choiceId || get(localChoiceId) || "");
 	const radioGroupName = /* @__PURE__ */ user_derived(() => `${instanceId}-choice-group-${model()?.id || "1"}`);
 	let showCorrectAnswer = /* @__PURE__ */ state(false);
+	const alwaysShowCorrect = /* @__PURE__ */ user_derived(() => !!model()?.alwaysShowCorrect || !!options()?.alwaysShowCorrect || !!options()?.addCorrectResponse);
+	const canRevealCorrectAnswer = /* @__PURE__ */ user_derived(() => !!model()?.correctChoiceId && (get(isEvaluateMode) || get(alwaysShowCorrect)));
+	const shouldShowCorrectAnswer = /* @__PURE__ */ user_derived(() => get(alwaysShowCorrect) || get(showCorrectAnswer));
+	const shouldShowCorrectAnswerToggle = /* @__PURE__ */ user_derived(() => get(isEvaluateMode) && !get(isResponseCorrect) && !!model()?.correctChoiceId && !get(alwaysShowCorrect));
 	const displayChoiceId = /* @__PURE__ */ user_derived(() => {
-		if (get(isEvaluateMode) && get(showCorrectAnswer) && model()?.correctChoiceId) return model().correctChoiceId;
+		if (get(canRevealCorrectAnswer) && get(shouldShowCorrectAnswer) && model()?.correctChoiceId) return model().correctChoiceId;
 		return get(selectedId);
 	});
 	const displayChoice = /* @__PURE__ */ user_derived(() => get(choices).find((c) => c.id === get(displayChoiceId)));
@@ -5255,11 +5415,32 @@ function McPopulatedBlank($$anchor, $$props) {
 	});
 	const audioErrorMessage = /* @__PURE__ */ user_derived(() => get(hasAudioButMissingResource) ? get(uiText).audioResourceUnavailable : "");
 	const resultText = /* @__PURE__ */ user_derived(() => {
-		if (!get(isEvaluateMode) || get(showCorrectAnswer)) return "";
+		if (!get(isEvaluateMode) || get(shouldShowCorrectAnswer)) return "";
 		if (get(isCorrect)) return "Correct answer selected";
 		if (get(isIncorrect) && get(selectedId)) return "Incorrect answer selected";
 		return "";
 	});
+	const choiceCorrectnessById = /* @__PURE__ */ user_derived(() => {
+		const map = /* @__PURE__ */ new Map();
+		const correctChoiceId = String(model()?.correctChoiceId || "");
+		const activeSelectedId = String(get(selectedId) || "");
+		if (!get(isEvaluateMode) || !correctChoiceId) return map;
+		if (get(shouldShowCorrectAnswer) && get(canRevealCorrectAnswer)) {
+			map.set(correctChoiceId, "correct");
+			return map;
+		}
+		if (!activeSelectedId) {
+			map.set(correctChoiceId, "incorrect");
+			return map;
+		}
+		if (activeSelectedId === correctChoiceId) {
+			map.set(correctChoiceId, "correct");
+			return map;
+		}
+		map.set(activeSelectedId, "incorrect");
+		map.set(correctChoiceId, "incorrect");
+		return map;
+	});
 	function emitSession(updatedSession, sourceEl) {
 		const host = getHostElement(sourceEl);
 		if (host?.onSessionChange) {
@@ -5288,8 +5469,12 @@ function McPopulatedBlank($$anchor, $$props) {
 		}, input);
 	}
 	function toggleCorrectAnswer() {
+		if (!get(shouldShowCorrectAnswerToggle)) return;
 		set(showCorrectAnswer, !get(showCorrectAnswer));
 	}
+	user_effect(() => {
+		if (!get(isEvaluateMode) || get(isResponseCorrect) || get(alwaysShowCorrect)) set(showCorrectAnswer, false);
+	});
 	function onRadioGroupKeydown(e) {
 		if (model()?.disabled) return;
 		const key = e.key;
@@ -5452,21 +5637,55 @@ function McPopulatedBlank($$anchor, $$props) {
 		if (model()?.prompt) $$render(consequent);
 	});
 	var node_1 = sibling(node, 2);
-	var consequent_6 = ($$anchor) => {
+	var consequent_2 = ($$anchor) => {
 		var div_2 = root_2();
-		var node_2 = child(div_2);
+		var button = child(div_2);
+		var span = child(button);
+		var span_1 = child(span);
+		var node_2 = child(span_1);
 		var consequent_1 = ($$anchor) => {
-			var fragment = root_3();
+			append($$anchor, root_3());
+		};
+		var alternate = ($$anchor) => {
+			append($$anchor, root_4());
+		};
+		if_block(node_2, ($$render) => {
+			if (get(shouldShowCorrectAnswer)) $$render(consequent_1);
+			else $$render(alternate, -1);
+		});
+		reset(span_1);
+		var span_2 = sibling(span_1, 2);
+		var text = child(span_2, true);
+		reset(span_2);
+		reset(span);
+		reset(button);
+		bind_this(button, ($$value) => set(toggleCorrectAnswerButtonEl, $$value), () => get(toggleCorrectAnswerButtonEl));
+		reset(div_2);
+		template_effect(() => {
+			set_attribute(button, "aria-pressed", get(shouldShowCorrectAnswer));
+			set_text(text, get(shouldShowCorrectAnswer) ? get(uiText).hideCorrectAnswer : get(uiText).showCorrectAnswer);
+		});
+		append($$anchor, div_2);
+	};
+	if_block(node_1, ($$render) => {
+		if (get(shouldShowCorrectAnswerToggle)) $$render(consequent_2);
+	});
+	var node_3 = sibling(node_1, 2);
+	var consequent_8 = ($$anchor) => {
+		var div_3 = root_5();
+		var node_4 = child(div_3);
+		var consequent_3 = ($$anchor) => {
+			var fragment = root_6();
 			var audio = first_child(fragment);
 			bind_this(audio, ($$value) => set(audioEl, $$value), () => get(audioEl));
-			var button = sibling(audio, 2);
-			var img = child(button);
+			var button_1 = sibling(audio, 2);
+			var img = child(button_1);
 			var img_1 = sibling(img, 2);
-			reset(button);
-			bind_this(button, ($$value) => set(featureAudioButtonEl, $$value), () => get(featureAudioButtonEl));
+			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, "aria-label", $0);
+				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");
@@ -5474,21 +5693,21 @@ function McPopulatedBlank($$anchor, $$props) {
 			}, [() => speechButtonLabel(model()?.locale)]);
 			append($$anchor, fragment);
 		};
-		var consequent_3 = ($$anchor) => {
-			var fragment_1 = root_4();
+		var consequent_5 = ($$anchor) => {
+			var fragment_1 = root_7();
 			var audio_1 = first_child(fragment_1);
 			bind_this(audio_1, ($$value) => set(audioEl, $$value), () => get(audioEl));
-			var node_3 = sibling(audio_1, 2);
-			var consequent_2 = ($$anchor) => {
-				var button_1 = root_5();
-				var text = child(button_1, true);
-				reset(button_1);
-				bind_this(button_1, ($$value) => set(autoplayEnableButtonEl, $$value), () => get(autoplayEnableButtonEl));
-				template_effect(() => set_text(text, get(uiText).clickToEnableAutoplay));
-				append($$anchor, button_1);
+			var node_5 = sibling(audio_1, 2);
+			var consequent_4 = ($$anchor) => {
+				var button_2 = root_8();
+				var text_1 = child(button_2, true);
+				reset(button_2);
+				bind_this(button_2, ($$value) => set(autoplayEnableButtonEl, $$value), () => get(autoplayEnableButtonEl));
+				template_effect(() => set_text(text_1, get(uiText).clickToEnableAutoplay));
+				append($$anchor, button_2);
 			};
-			if_block(node_3, ($$render) => {
-				if (get(autoPlayPromptOpen)) $$render(consequent_2);
+			if_block(node_5, ($$render) => {
+				if (get(autoPlayPromptOpen)) $$render(consequent_4);
 			});
 			template_effect(() => {
 				set_attribute(audio_1, "src", model().audioUrl);
@@ -5496,117 +5715,100 @@ function McPopulatedBlank($$anchor, $$props) {
 			});
 			append($$anchor, fragment_1);
 		};
-		var consequent_4 = ($$anchor) => {
-			var p = root_6();
-			var text_1 = child(p, true);
+		var consequent_6 = ($$anchor) => {
+			var p = root_9();
+			var text_2 = child(p, true);
 			reset(p);
-			template_effect(() => set_text(text_1, get(audioErrorMessage)));
+			template_effect(() => set_text(text_2, get(audioErrorMessage)));
 			append($$anchor, p);
 		};
-		if_block(node_2, ($$render) => {
-			if (get(hasPlayableAudio) && get(useFeatureButtonAudio)) $$render(consequent_1);
-			else if (get(hasPlayableAudio)) $$render(consequent_3, 1);
-			else if (get(hasAudioButMissingResource)) $$render(consequent_4, 2);
+		if_block(node_4, ($$render) => {
+			if (get(hasPlayableAudio) && get(useFeatureButtonAudio)) $$render(consequent_3);
+			else if (get(hasPlayableAudio)) $$render(consequent_5, 1);
+			else if (get(hasAudioButMissingResource)) $$render(consequent_6, 2);
 		});
-		var node_4 = sibling(node_2, 2);
-		var consequent_5 = ($$anchor) => {
-			var p_1 = root_7();
+		var node_6 = sibling(node_4, 2);
+		var consequent_7 = ($$anchor) => {
+			var p_1 = root_10();
 			var strong = child(p_1);
-			var text_2 = child(strong);
+			var text_3 = child(strong);
 			reset(strong);
-			var text_3 = sibling(strong);
+			var text_4 = sibling(strong);
 			reset(p_1);
 			template_effect(() => {
 				set_class(p_1, 1, `text-sm mt-2 text-gray-700 pie-audio-transcript ${get(showVisibleTranscript) ? "" : "sr-only"}`, "svelte-6wlbb4");
 				set_attribute(p_1, "id", get(transcriptId));
-				set_text(text_2, `${get(uiText).transcriptLabel ?? ""}:`);
-				set_text(text_3, ` ${model().audioTranscript ?? ""}`);
+				set_text(text_3, `${get(uiText).transcriptLabel ?? ""}:`);
+				set_text(text_4, ` ${model().audioTranscript ?? ""}`);
 			});
 			append($$anchor, p_1);
 		};
-		if_block(node_4, ($$render) => {
-			if (model()?.audioTranscript) $$render(consequent_5);
+		if_block(node_6, ($$render) => {
+			if (model()?.audioTranscript) $$render(consequent_7);
 		});
-		reset(div_2);
-		append($$anchor, div_2);
-	};
-	if_block(node_1, ($$render) => {
-		if (model()?.hasAudio) $$render(consequent_6);
-	});
-	var node_5 = sibling(node_1, 2);
-	var consequent_7 = ($$anchor) => {
-		var div_3 = root_8();
-		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_5, ($$render) => {
-		if (model()?.sentenceHtml) $$render(consequent_7);
+	if_block(node_3, ($$render) => {
+		if (model()?.hasAudio) $$render(consequent_8);
+	});
+	var node_7 = sibling(node_3, 2);
+	var consequent_9 = ($$anchor) => {
+		var div_4 = root_11();
+		html(div_4, () => model().sentenceHtml, true);
+		reset(div_4);
+		template_effect(() => set_attribute(div_4, "aria-describedby", get(templateDescribedBy)));
+		append($$anchor, div_4);
+	};
+	if_block(node_7, ($$render) => {
+		if (model()?.sentenceHtml) $$render(consequent_9);
 	});
-	var node_6 = sibling(node_5, 2);
-	var consequent_10 = ($$anchor) => {
-		var div_4 = root_9();
-		var node_7 = child(div_4);
-		html(node_7, () => get(templateParts).before);
-		var span = sibling(node_7, 2);
-		var node_8 = child(span);
-		var consequent_8 = ($$anchor) => {
-			var img_2 = root_10();
+	var node_8 = sibling(node_7, 2);
+	var consequent_12 = ($$anchor) => {
+		var div_5 = root_12();
+		var node_9 = child(div_5);
+		html(node_9, () => get(templateParts).before);
+		var span_3 = sibling(node_9, 2);
+		var node_10 = child(span_3);
+		var consequent_10 = ($$anchor) => {
+			var img_2 = root_13();
 			template_effect(() => {
 				set_attribute(img_2, "src", get(displayChoice).imageUrl);
 				set_attribute(img_2, "alt", get(displayChoice).imageAlt || "Selected answer image");
 			});
 			append($$anchor, img_2);
 		};
-		var consequent_9 = ($$anchor) => {
-			var span_1 = root_11();
-			html(span_1, () => get(displayChoice).labelHtml, true);
-			reset(span_1);
-			append($$anchor, span_1);
+		var consequent_11 = ($$anchor) => {
+			var span_4 = root_14();
+			html(span_4, () => get(displayChoice).labelHtml, true);
+			reset(span_4);
+			append($$anchor, span_4);
 		};
-		var alternate = ($$anchor) => {
-			append($$anchor, root_12());
+		var alternate_1 = ($$anchor) => {
+			append($$anchor, root_15());
 		};
-		if_block(node_8, ($$render) => {
-			if (get(choiceMode) === "image" && get(displayChoice)?.imageUrl) $$render(consequent_8);
-			else if (get(displayChoice)?.labelHtml) $$render(consequent_9, 1);
-			else $$render(alternate, -1);
-		});
-		reset(span);
-		html(sibling(span, 2), () => get(templateParts).after);
-		reset(div_4);
-		template_effect(() => {
-			set_attribute(div_4, "aria-describedby", get(templateDescribedBy));
-			set_class(span, 1, `inline-flex items-center min-h-[1.5em] px-2 mx-1 border-b-2 border-gray-500 align-baseline blank-slot pie-blank-slot ${get(isBlankOnlyTemplate) ? "blank-slot-standalone pie-blank-slot-standalone" : ""}`, "svelte-6wlbb4");
-			set_style(span, `width:${get(blankWidth)};border-bottom-width:${get(blankBorderWidth)};`);
-			set_attribute(span, "aria-label", get(uiText).selectedAnswerInSentence);
+		if_block(node_10, ($$render) => {
+			if (get(choiceMode) === "image" && get(displayChoice)?.imageUrl) $$render(consequent_10);
+			else if (get(displayChoice)?.labelHtml) $$render(consequent_11, 1);
+			else $$render(alternate_1, -1);
 		});
-		append($$anchor, div_4);
-	};
-	if_block(node_6, ($$render) => {
-		if (!get(isAudioOnlyMode)) $$render(consequent_10);
-	});
-	var node_10 = sibling(node_6, 2);
-	var consequent_11 = ($$anchor) => {
-		var button_2 = root_13();
-		var span_3 = child(button_2);
-		var text_4 = child(span_3, true);
 		reset(span_3);
-		reset(button_2);
-		bind_this(button_2, ($$value) => set(toggleCorrectAnswerButtonEl, $$value), () => get(toggleCorrectAnswerButtonEl));
+		html(sibling(span_3, 2), () => get(templateParts).after);
+		reset(div_5);
 		template_effect(() => {
-			set_attribute(button_2, "aria-pressed", get(showCorrectAnswer));
-			set_text(text_4, get(showCorrectAnswer) ? get(uiText).hideCorrectAnswer : get(uiText).showCorrectAnswer);
+			set_attribute(div_5, "aria-describedby", get(templateDescribedBy));
+			set_class(span_3, 1, `inline-flex items-center min-h-[1.5em] px-2 mx-1 border-b-2 border-gray-500 align-baseline blank-slot pie-blank-slot ${get(isBlankOnlyTemplate) ? "blank-slot-standalone pie-blank-slot-standalone" : ""}`, "svelte-6wlbb4");
+			set_style(span_3, `width:${get(blankWidth)};border-bottom-width:${get(blankBorderWidth)};`);
+			set_attribute(span_3, "aria-label", get(uiText).selectedAnswerInSentence);
 		});
-		append($$anchor, button_2);
+		append($$anchor, div_5);
 	};
-	if_block(node_10, ($$render) => {
-		if (get(isEvaluateMode) && get(isIncorrect)) $$render(consequent_11);
+	if_block(node_8, ($$render) => {
+		if (!get(isAudioOnlyMode)) $$render(consequent_12);
 	});
-	var node_11 = sibling(node_10, 2);
-	var consequent_12 = ($$anchor) => {
-		var p_2 = root_14();
+	var node_12 = sibling(node_8, 2);
+	var consequent_13 = ($$anchor) => {
+		var p_2 = root_16();
 		var text_5 = child(p_2, true);
 		reset(p_2);
 		template_effect(() => {
@@ -5615,41 +5817,42 @@ function McPopulatedBlank($$anchor, $$props) {
 		});
 		append($$anchor, p_2);
 	};
-	if_block(node_11, ($$render) => {
-		if (get(resultText)) $$render(consequent_12);
+	if_block(node_12, ($$render) => {
+		if (get(resultText)) $$render(consequent_13);
 	});
-	var fieldset = sibling(node_11, 2);
+	var fieldset = sibling(node_12, 2);
 	var legend = child(fieldset);
 	var text_6 = child(legend, true);
 	reset(legend);
-	var div_5 = sibling(legend, 2);
-	each(div_5, 21, () => get(choices), (c) => c.id, ($$anchor, c) => {
-		var div_6 = root_15();
-		var node_12 = child(div_6);
-		var consequent_14 = ($$anchor) => {
-			var label = root_16();
-			var span_4 = child(label);
-			var node_13 = child(span_4);
-			var consequent_13 = ($$anchor) => {
-				var img_3 = root_17();
+	var div_6 = sibling(legend, 2);
+	each(div_6, 21, () => get(choices), (c) => c.id, ($$anchor, c) => {
+		const choiceCorrectness = /* @__PURE__ */ user_derived(() => get(choiceCorrectnessById).get(get(c).id));
+		var div_7 = root_17();
+		var node_13 = child(div_7);
+		var consequent_15 = ($$anchor) => {
+			var label = root_18();
+			var span_6 = child(label);
+			var node_14 = child(span_6);
+			var consequent_14 = ($$anchor) => {
+				var img_3 = root_19();
 				template_effect(() => {
 					set_attribute(img_3, "src", get(c).imageUrl);
 					set_attribute(img_3, "alt", get(c).imageAlt || `Choice ${get(c).id}`);
 				});
 				append($$anchor, img_3);
 			};
-			var alternate_1 = ($$anchor) => {
-				var span_5 = root_18();
-				html(span_5, () => get(c).labelHtml || "", true);
-				reset(span_5);
-				append($$anchor, span_5);
+			var alternate_2 = ($$anchor) => {
+				var span_7 = root_20();
+				html(span_7, () => get(c).labelHtml || "", true);
+				reset(span_7);
+				append($$anchor, span_7);
 			};
-			if_block(node_13, ($$render) => {
-				if (get(choiceMode) === "image" && get(c).imageUrl) $$render(consequent_13);
-				else $$render(alternate_1, -1);
+			if_block(node_14, ($$render) => {
+				if (get(choiceMode) === "image" && get(c).imageUrl) $$render(consequent_14);
+				else $$render(alternate_2, -1);
 			});
-			reset(span_4);
-			var input_1 = sibling(span_4, 2);
+			reset(span_6);
+			var input_1 = sibling(span_6, 2);
 			remove_input_defaults(input_1);
 			reset(label);
 			template_effect(() => {
@@ -5657,75 +5860,70 @@ function McPopulatedBlank($$anchor, $$props) {
 				set_attribute(input_1, "name", get(radioGroupName));
 				set_attribute(input_1, "id", `${instanceId}-opt-${get(c).id}`);
 				set_value(input_1, get(c).id);
-				set_checked(input_1, (get(showCorrectAnswer) && get(isEvaluateMode) ? model()?.correctChoiceId : get(selectedId)) === get(c).id);
+				set_checked(input_1, (get(shouldShowCorrectAnswer) && get(canRevealCorrectAnswer) ? model()?.correctChoiceId : get(selectedId)) === get(c).id);
 				input_1.disabled = model()?.disabled;
 			});
 			append($$anchor, label);
 		};
-		var alternate_3 = ($$anchor) => {
-			var fragment_2 = root_19();
+		var alternate_4 = ($$anchor) => {
+			var fragment_2 = root_21();
 			var input_2 = first_child(fragment_2);
 			remove_input_defaults(input_2);
 			var label_1 = sibling(input_2, 2);
-			var node_14 = child(label_1);
-			var consequent_15 = ($$anchor) => {
-				var img_4 = root_20();
+			var node_15 = child(label_1);
+			var consequent_16 = ($$anchor) => {
+				var img_4 = root_22();
 				template_effect(() => {
 					set_attribute(img_4, "src", get(c).imageUrl);
 					set_attribute(img_4, "alt", get(c).imageAlt || `Choice ${get(c).id}`);
 				});
 				append($$anchor, img_4);
 			};
-			var alternate_2 = ($$anchor) => {
-				var span_6 = root_21();
-				html(span_6, () => get(c).labelHtml || "", true);
-				reset(span_6);
-				append($$anchor, span_6);
+			var alternate_3 = ($$anchor) => {
+				var span_8 = root_23();
+				html(span_8, () => get(c).labelHtml || "", true);
+				reset(span_8);
+				append($$anchor, span_8);
 			};
-			if_block(node_14, ($$render) => {
-				if (get(choiceMode) === "image" && get(c).imageUrl) $$render(consequent_15);
-				else $$render(alternate_2, -1);
+			if_block(node_15, ($$render) => {
+				if (get(choiceMode) === "image" && get(c).imageUrl) $$render(consequent_16);
+				else $$render(alternate_3, -1);
 			});
 			reset(label_1);
 			template_effect(() => {
 				set_attribute(input_2, "name", get(radioGroupName));
 				set_attribute(input_2, "id", `${instanceId}-opt-${get(c).id}`);
 				set_value(input_2, get(c).id);
-				set_checked(input_2, (get(showCorrectAnswer) && get(isEvaluateMode) ? model()?.correctChoiceId : get(selectedId)) === get(c).id);
+				set_checked(input_2, (get(shouldShowCorrectAnswer) && get(canRevealCorrectAnswer) ? model()?.correctChoiceId : get(selectedId)) === get(c).id);
 				input_2.disabled = model()?.disabled;
 				set_attribute(label_1, "for", `${instanceId}-opt-${get(c).id}`);
 			});
 			append($$anchor, fragment_2);
 		};
-		if_block(node_12, ($$render) => {
-			if (get(isHorizontalChoices)) $$render(consequent_14);
-			else $$render(alternate_3, -1);
+		if_block(node_13, ($$render) => {
+			if (get(isHorizontalChoices)) $$render(consequent_15);
+			else $$render(alternate_4, -1);
 		});
-		var node_15 = sibling(node_12, 2);
-		var consequent_18 = ($$anchor) => {
-			var fragment_3 = comment();
-			var node_16 = first_child(fragment_3);
-			var consequent_16 = ($$anchor) => {
-				append($$anchor, root_23());
-			};
-			var consequent_17 = ($$anchor) => {
-				append($$anchor, root_24());
-			};
-			if_block(node_16, ($$render) => {
-				if (get(selectedId) === get(c).id && get(isCorrect)) $$render(consequent_16);
-				else if (get(selectedId) === get(c).id && get(isIncorrect)) $$render(consequent_17, 1);
+		var node_16 = sibling(node_13, 2);
+		var consequent_17 = ($$anchor) => {
+			var span_9 = root_24();
+			var text_7 = child(span_9, true);
+			reset(span_9);
+			template_effect(() => {
+				set_class(span_9, 1, `pie-choice-feedback-badge ${get(choiceCorrectness) === "correct" ? "pie-choice-feedback-correct" : "pie-choice-feedback-incorrect"}`, "svelte-6wlbb4");
+				set_text(text_7, get(choiceCorrectness) === "correct" ? "✓" : "✕");
 			});
-			append($$anchor, fragment_3);
+			append($$anchor, span_9);
 		};
-		if_block(node_15, ($$render) => {
-			if (get(isEvaluateMode) && !get(showCorrectAnswer)) $$render(consequent_18);
+		if_block(node_16, ($$render) => {
+			if (get(isEvaluateMode) && get(choiceCorrectness)) $$render(consequent_17);
 		});
-		reset(div_6);
-		template_effect(() => set_class(div_6, 1, `flex items-start choice-row pie-choice ${get(isHorizontalChoices) ? "choice-row-horizontal pie-choice-horizontal" : ""} ${(get(showCorrectAnswer) && get(isEvaluateMode) ? model()?.correctChoiceId : get(selectedId)) === get(c).id ? "is-selected pie-choice-selected" : ""}`, "svelte-6wlbb4"));
-		append($$anchor, div_6);
+		reset(div_7);
+		template_effect(() => set_class(div_7, 1, `flex items-start choice-row pie-choice ${get(isHorizontalChoices) ? "choice-row-horizontal pie-choice-horizontal" : ""} ${(get(shouldShowCorrectAnswer) && get(canRevealCorrectAnswer) ? model()?.correctChoiceId : get(selectedId)) === get(c).id ? "is-selected pie-choice-selected" : ""} ${get(choiceCorrectness) ? `choice-${get(choiceCorrectness)} pie-choice-${get(choiceCorrectness)}` : ""}`, "svelte-6wlbb4"));
+		append($$anchor, div_7);
 	});
-	reset(div_5);
-	bind_this(div_5, ($$value) => set(choicesGroupEl, $$value), () => get(choicesGroupEl));
+	reset(div_6);
+	bind_this(div_6, ($$value) => set(choicesGroupEl, $$value), () => get(choicesGroupEl));
 	reset(fieldset);
 	reset(div);
 	template_effect(() => {
@@ -5735,10 +5933,10 @@ function McPopulatedBlank($$anchor, $$props) {
 		fieldset.disabled = model()?.disabled;
 		set_attribute(legend, "id", get(legendId));
 		set_text(text_6, get(legendText));
-		set_class(div_5, 1, `pie-choices ${get(isHorizontalChoices) ? "flex flex-row flex-wrap items-start justify-center" : "flex flex-col"}`, "svelte-6wlbb4");
-		set_attribute(div_5, "aria-labelledby", get(choicesGroupLabelledBy));
-		set_attribute(div_5, "aria-label", get(choicesGroupAriaLabel));
-		set_attribute(div_5, "aria-describedby", get(resultText) ? get(resultId) : void 0);
+		set_class(div_6, 1, `pie-choices ${get(isHorizontalChoices) ? "flex flex-row flex-wrap items-start justify-center" : "flex flex-col"}`, "svelte-6wlbb4");
+		set_attribute(div_6, "aria-labelledby", get(choicesGroupLabelledBy));
+		set_attribute(div_6, "aria-label", get(choicesGroupAriaLabel));
+		set_attribute(div_6, "aria-describedby", get(resultText) ? get(resultId) : void 0);
 	});
 	append($$anchor, div);
 	return pop($$exports);