@yungu-fed/question-editor 0.4.3 → 0.4.4

package/dist/index.mjs

@@ -6058,11 +6058,116 @@ function Uc(e, t) {
 		contents: n
 	}] : e;
 }
-var Wc = { placeholder: "_placeholder_np8ps_1" }, Gc = {
+//#endregion
+//#region src/question/shared/blank-numbering.ts
+var Wc = [
+	"\u96f6",
+	"\u4e00",
+	"\u4e8c",
+	"\u4e09",
+	"\u56db",
+	"\u4e94",
+	"\u516d",
+	"\u4e03",
+	"\u516b",
+	"\u4e5d"
+], Gc = [
+	"",
+	"\u5341",
+	"\u767e",
+	"\u5343"
+], Kc = [
+	"",
+	"\u4e07",
+	"\u4ebf",
+	"\u5146"
+], qc = new Intl.PluralRules("en-US", { type: "ordinal" }), Jc = {
+	few: "rd",
+	many: "th",
+	one: "st",
+	other: "th",
+	two: "nd",
+	zero: "th"
+};
+function Yc(e, t) {
+	return t === "zh-CN" ? `\u7b2c${Zc(e)}\u7a7a` : `${e}${Jc[qc.select(e)]} blank`;
+}
+function Xc(e, t, n) {
+	let r = [...e].sort((e, n) => t.indexOf(e) - t.indexOf(n)).map((e) => t.indexOf(e) + 1).filter((e) => e > 0).map((e) => Yc(e, n));
+	return n === "zh-CN" ? `${r.join("\u3001")}\uff1a` : `${r.join(", ")}:`;
+}
+function Zc(e) {
+	let t = Qc(e), n = "", r = !1;
+	for (let e = t.length - 1; e >= 0; --e) {
+		var i;
+		let a = (i = t[e]) == null ? 0 : i;
+		if (a === 0) {
+			r = n.length > 0;
+			continue;
+		}
+		n.length > 0 && (r || a < 1e3) && (n += Wc[0]), n += `${$c(a)}${Kc[e]}`, r = !1;
+	}
+	return n.startsWith("\u4e00\u5341") ? n.slice(1) : n;
+}
+function Qc(e) {
+	let t = [], n = e;
+	for (; n > 0;) t.push(n % 1e4), n = Math.floor(n / 1e4);
+	return t;
+}
+function $c(e) {
+	let t = "", n = !1;
+	for (let r = 3; r >= 0; --r) {
+		let i = Math.pow(10, r), a = Math.floor(e / i) % 10;
+		if (a === 0) {
+			n = t.length > 0 && e % i > 0;
+			continue;
+		}
+		n && (t += Wc[0]), t += `${Wc[a]}${Gc[r]}`, n = !1;
+	}
+	return t;
+}
+//#endregion
+//#region src/question/renderers/question-renderer-behavior.ts
+var el = {
+	answerGroupLayout: "flow",
+	blankAnswerMarker: (e, t, n, r) => Ic(e, t, r),
+	blankPlaceholder: "labeled-field",
+	candidateLayout: "plain-list",
+	columnLayout: "css",
+	lineConnectColumnTitleVisibility: "visible",
+	markerSuffix: "",
+	matchingAnswerLayout: "target-content",
+	optionStandardAnswer: "grouped",
+	sectionTitleSuffix: () => "",
+	showEmptyAnswerGroups: !1,
+	systemListMarkup: "native",
+	textResponseVisibility: "hidden"
+}, tl = {
+	answerGroupLayout: "rows",
+	blankAnswerMarker: (e, t, n) => Xc(e, t, n),
+	blankPlaceholder: "answer-line",
+	candidateLayout: "labeled-groups",
+	columnLayout: "document-table",
+	lineConnectColumnTitleVisibility: "accessible-only",
+	markerSuffix: ".",
+	matchingAnswerLayout: "marker-path",
+	optionStandardAnswer: "value-only",
+	sectionTitleSuffix: (e) => e === "zh-CN" ? "\uff1a" : ":",
+	showEmptyAnswerGroups: !0,
+	systemListMarkup: "explicit",
+	textResponseVisibility: "accessible-only"
+}, nl = l(el), rl = l("zh-CN");
+function il() {
+	return d(nl);
+}
+function al() {
+	return d(rl);
+}
+var ol = { placeholder: "_placeholder_np8ps_1" }, sl = {
 	"blank-list": "_blank-list_12ccp_1",
 	"blank-item": "_blank-item_12ccp_11",
 	"blank-field": "_blank-field_12ccp_17"
-}, Kc = {
+}, cl = {
 	board: "_board_1f76b_1",
 	pool: "_pool_1f76b_6",
 	zones: "_zones_1f76b_13",
@@ -6074,7 +6179,7 @@ var Wc = { placeholder: "_placeholder_np8ps_1" }, Gc = {
 	correct: "_correct_1f76b_77",
 	incorrect: "_incorrect_1f76b_81",
 	unanswered: "_unanswered_1f76b_85"
-}, qc = {
+}, ll = {
 	board: "_board_5xarh_1",
 	columns: "_columns_5xarh_6",
 	column: "_column_5xarh_6",
@@ -6096,12 +6201,12 @@ var Wc = { placeholder: "_placeholder_np8ps_1" }, Gc = {
 	"section-title": "_section-title_8uipo_125",
 	"word-builder-blank": "_word-builder-blank_8uipo_131",
 	"word-builder-candidate-list": "_word-builder-candidate-list_8uipo_147"
-}, Jc = {
+}, ul = {
 	"table-wrap": "_table-wrap_n67ah_1",
 	table: "_table_n67ah_1",
 	"table-option-column": "_table-option-column_n67ah_17",
 	"table-option-marker": "_table-option-marker_n67ah_45"
-}, Yc = l({
+}, dl = l({
 	answer: {
 		"answer-panel": "_answer-panel_1bkkd_1",
 		"answer-list": "_answer-list_1bkkd_8",
@@ -6111,13 +6216,13 @@ var Wc = { placeholder: "_placeholder_np8ps_1" }, Gc = {
 		"answer-content-list": "_answer-content-list_1bkkd_46",
 		"answer-value": "_answer-value_1bkkd_55"
 	},
-	blankGroup: Gc,
-	classification: Kc,
+	blankGroup: sl,
+	classification: cl,
 	lineConnect: V,
-	matching: qc,
+	matching: ll,
 	renderer: W,
 	sectionTitle: { title: "_title_hrc5o_1" },
-	table: Jc,
+	table: ul,
 	textMarker: {
 		content: "_content_63948_1",
 		paragraph: "_paragraph_63948_10",
@@ -6126,18 +6231,18 @@ var Wc = { placeholder: "_placeholder_np8ps_1" }, Gc = {
 		"marker-selected": "_marker-selected_63948_31",
 		"marker-answer": "_marker-answer_63948_37"
 	},
-	textResponse: Wc
+	textResponse: ol
 });
 function G() {
-	return d(Yc);
+	return d(dl);
 }
 //#endregion
 //#region src/question/renderers/QuestionSectionTitle.tsx
-function Xc({ children: e }) {
-	let { sectionTitle: t } = G();
-	return /* @__PURE__ */ a("h3", {
-		className: t.title,
-		children: e
+function fl({ children: e }) {
+	let { sectionTitleSuffix: t } = il(), n = al(), { sectionTitle: r } = G();
+	return /* @__PURE__ */ o("h3", {
+		className: r.title,
+		children: [e, t(n)]
 	});
 }
 var K = {
@@ -6156,7 +6261,7 @@ var K = {
 };
 //#endregion
 //#region src/question/player/QuestionPlayerComposite.tsx
-function Zc({ childIndexPath: e = [], messages: t, onChildResponseChange: n, renderChild: r, response: i, rootQuestionNumber: o, value: s }) {
+function pl({ childIndexPath: e = [], messages: t, onChildResponseChange: n, renderChild: r, response: i, rootQuestionNumber: o, value: s }) {
 	return s.children.length === 0 ? /* @__PURE__ */ a("div", {
 		className: K.empty,
 		children: t.previewEmpty
@@ -6188,110 +6293,44 @@ function q({ className: e, content: t }) {
 	});
 }
 //#endregion
-//#region src/question/shared/blank-numbering.ts
-var Qc = [
-	"\u96f6",
-	"\u4e00",
-	"\u4e8c",
-	"\u4e09",
-	"\u56db",
-	"\u4e94",
-	"\u516d",
-	"\u4e03",
-	"\u516b",
-	"\u4e5d"
-], $c = [
-	"",
-	"\u5341",
-	"\u767e",
-	"\u5343"
-], el = [
-	"",
-	"\u4e07",
-	"\u4ebf",
-	"\u5146"
-], tl = new Intl.PluralRules("en-US", { type: "ordinal" }), nl = {
-	few: "rd",
-	many: "th",
-	one: "st",
-	other: "th",
-	two: "nd",
-	zero: "th"
-};
-function rl(e, t) {
-	return t === "zh-CN" ? `\u7b2c${al(e)}\u7a7a` : `${e}${nl[tl.select(e)]} blank`;
-}
-function il(e, t, n) {
-	let r = [...e].sort((e, n) => t.indexOf(e) - t.indexOf(n)).map((e) => t.indexOf(e) + 1).filter((e) => e > 0).map((e) => rl(e, n));
-	return n === "zh-CN" ? `${r.join("\u3001")}\uff1a` : `${r.join(", ")}:`;
-}
-function al(e) {
-	let t = ol(e), n = "", r = !1;
-	for (let e = t.length - 1; e >= 0; --e) {
-		var i;
-		let a = (i = t[e]) == null ? 0 : i;
-		if (a === 0) {
-			r = n.length > 0;
-			continue;
-		}
-		n.length > 0 && (r || a < 1e3) && (n += Qc[0]), n += `${sl(a)}${el[e]}`, r = !1;
-	}
-	return n.startsWith("\u4e00\u5341") ? n.slice(1) : n;
-}
-function ol(e) {
-	let t = [], n = e;
-	for (; n > 0;) t.push(n % 1e4), n = Math.floor(n / 1e4);
-	return t;
-}
-function sl(e) {
-	let t = "", n = !1;
-	for (let r = 3; r >= 0; --r) {
-		let i = Math.pow(10, r), a = Math.floor(e / i) % 10;
-		if (a === 0) {
-			n = t.length > 0 && e % i > 0;
-			continue;
-		}
-		n && (t += Qc[0]), t += `${Qc[a]}${$c[r]}`, n = !1;
-	}
-	return t;
+//#region src/question/renderers/QuestionSystemList.tsx
+function ml({ children: e, className: t, dataCandidateLayout: n }) {
+	let { systemListMarkup: r } = il();
+	return r === "native" ? /* @__PURE__ */ a("ol", {
+		className: t,
+		"data-candidate-layout": n,
+		children: e
+	}) : /* @__PURE__ */ a("div", {
+		className: t,
+		"data-candidate-layout": n,
+		role: "list",
+		children: e
+	});
 }
 //#endregion
-//#region src/question/renderers/question-renderer-behavior.ts
-var cl = {
-	answerGroupLayout: "flow",
-	blankAnswerMarker: (e, t, n, r) => Ic(e, t, r),
-	blankPlaceholder: "labeled-field",
-	candidateLayout: "plain-list",
-	lineConnectColumnTitleVisibility: "visible",
-	matchingAnswerLayout: "target-content",
-	optionStandardAnswer: "grouped",
-	showEmptyAnswerGroups: !1,
-	textResponseVisibility: "hidden"
-}, ll = {
-	answerGroupLayout: "rows",
-	blankAnswerMarker: (e, t, n) => il(e, t, n),
-	blankPlaceholder: "answer-line",
-	candidateLayout: "labeled-groups",
-	lineConnectColumnTitleVisibility: "accessible-only",
-	matchingAnswerLayout: "marker-path",
-	optionStandardAnswer: "value-only",
-	showEmptyAnswerGroups: !0,
-	textResponseVisibility: "accessible-only"
-}, ul = l(cl);
-function dl() {
-	return d(ul);
+//#region src/question/renderers/QuestionSystemListItem.tsx
+function hl({ children: e, className: t }) {
+	let { systemListMarkup: n } = il();
+	return n === "native" ? /* @__PURE__ */ a("li", {
+		className: t,
+		children: e
+	}) : /* @__PURE__ */ a("div", {
+		className: t,
+		role: "listitem",
+		children: e
+	});
 }
 //#endregion
 //#region src/question/renderers/QuestionStandardAnswerPanel.tsx
 function J({ groups: e, title: t }) {
-	let { answerGroupLayout: n, showEmptyAnswerGroups: r } = dl(), { answer: i } = G(), s = e.filter((e) => e.kind === "markerOnly" || e.contents.length > 0 || r && !!e.marker);
+	let { answerGroupLayout: n, showEmptyAnswerGroups: r } = il(), { answer: i } = G(), s = e.filter((e) => e.kind === "markerOnly" || e.contents.length > 0 || r && !!e.marker);
 	return s.length === 0 ? null : /* @__PURE__ */ o("section", {
 		"aria-label": t,
 		className: i["answer-panel"],
 		"data-answer-group-layout": n,
-		children: [/* @__PURE__ */ a(Xc, { children: t }), /* @__PURE__ */ a("ol", {
+		children: [/* @__PURE__ */ a(fl, { children: t }), /* @__PURE__ */ a(ml, {
 			className: i["answer-list"],
-			children: s.map((e, t) => /* @__PURE__ */ o("li", {
+			children: s.map((e, t) => /* @__PURE__ */ o(hl, {
 				className: i["answer-row"],
 				children: [e.marker ? /* @__PURE__ */ a("span", {
 					className: e.kind === "markerOnly" ? `${i["answer-marker"]} ${i["answer-marker-only"]}` : i["answer-marker"],
@@ -6309,7 +6348,7 @@ function J({ groups: e, title: t }) {
 }
 //#endregion
 //#region src/question/player/QuestionBlankGroupPlayer.tsx
-function fl({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
+function gl({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
 	let l = Qs(i, s, t.blanks), u = Wn(t.answers, t.blanks).map((e, r) => ({
 		kind: "detailed",
 		contents: e.answerPools.map((e, t) => /* @__PURE__ */ a(q, { content: e }, `group-${r}-answer-${t}`)),
@@ -6333,24 +6372,24 @@ function fl({ disabled: e, item: t, messages: n, onChange: r, response: i, respo
 				className: K.input,
 				disabled: e,
 				onChange: (e) => d(t, e.target.value),
-				value: ml(l.answers, t)
+				value: vl(l.answers, t)
 			})]
-		}, pl(t, r))), c ? /* @__PURE__ */ a(J, {
+		}, _l(t, r))), c ? /* @__PURE__ */ a(J, {
 			groups: u,
 			title: n.standardAnswer
 		}) : null]
 	});
 }
-function pl(e, t) {
+function _l(e, t) {
 	return e || `blank-${t + 1}`;
 }
-function ml(e, t) {
+function vl(e, t) {
 	var n, r;
 	return (n = (r = Object.entries(e).find(([e]) => e === t)) == null ? void 0 : r[1]) == null ? "" : n;
 }
 //#endregion
 //#region src/question/renderers/classificationAnswers.tsx
-function hl(e) {
+function yl(e) {
 	return e.categories.map((t) => ({
 		kind: "detailed",
 		contents: e.items.filter((n) => e.answers[n.id] === t.id).map((e) => /* @__PURE__ */ a(q, { content: e.content }, `${t.id}-${e.id}`)),
@@ -6359,10 +6398,10 @@ function hl(e) {
 }
 //#endregion
 //#region src/question/player/QuestionClassificationPlayer.tsx
-function gl({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
-	let [l, u] = h(""), d = nc(i, s), f = vl(d.placements, t), p = t.items.find((e) => e.id === l);
+function bl({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
+	let [l, u] = h(""), d = nc(i, s), f = Sl(d.placements, t), p = t.items.find((e) => e.id === l);
 	function m(e, n) {
-		r(j(j({}, d), {}, { placements: vl(mc(f, e, n), t) })), u("");
+		r(j(j({}, d), {}, { placements: Sl(mc(f, e, n), t) })), u("");
 	}
 	function g(t, n) {
 		t.preventDefault();
@@ -6370,10 +6409,10 @@ function gl({ disabled: e, item: t, messages: n, onChange: r, response: i, respo
 		!e && r && m(r, n);
 	}
 	function _(n) {
-		let r = l === n.id, i = _l(n.id, f, t, c);
+		let r = l === n.id, i = xl(n.id, f, t, c);
 		return /* @__PURE__ */ a("button", {
 			"aria-pressed": r,
-			className: U(Kc.item, r && Kc.selected, i === "correct" && Kc.correct, i === "incorrect" && Kc.incorrect, i === "unanswered" && Kc.unanswered),
+			className: U(cl.item, r && cl.selected, i === "correct" && cl.correct, i === "incorrect" && cl.incorrect, i === "unanswered" && cl.unanswered),
 			"data-status": i,
 			"data-testid": `classification-player-item-${n.id}`,
 			disabled: e,
@@ -6391,28 +6430,28 @@ function gl({ disabled: e, item: t, messages: n, onChange: r, response: i, respo
 	return /* @__PURE__ */ o("div", {
 		className: W.element,
 		children: [/* @__PURE__ */ o("div", {
-			className: Kc.board,
+			className: cl.board,
 			children: [/* @__PURE__ */ a("div", {
-				className: Kc.zones,
+				className: cl.zones,
 				"data-testid": "classification-zones",
 				children: t.categories.map((e) => {
 					let r = t.items.filter((t) => f[t.id] === e.id);
 					return /* @__PURE__ */ o("section", {
-						className: Kc.zone,
+						className: cl.zone,
 						onClick: () => p ? m(p.id, e.id) : void 0,
 						onDragOver: (e) => e.preventDefault(),
 						onDrop: (t) => g(t, e.id),
 						children: [/* @__PURE__ */ a("div", {
-							className: Kc["zone-title"],
+							className: cl["zone-title"],
 							children: /* @__PURE__ */ a(q, { content: e.content })
 						}), r.length > 0 ? r.map((e) => _(e)) : /* @__PURE__ */ a("span", {
-							className: Kc.empty,
+							className: cl.empty,
 							children: n.unassigned
 						})]
 					}, e.id);
 				})
 			}), /* @__PURE__ */ a("section", {
-				className: Kc.pool,
+				className: cl.pool,
 				"data-testid": "classification-pool",
 				onClick: () => p ? m(p.id, "") : void 0,
 				onDragOver: (e) => e.preventDefault(),
@@ -6420,62 +6459,64 @@ function gl({ disabled: e, item: t, messages: n, onChange: r, response: i, respo
 				children: t.items.filter((e) => !f[e.id]).map((e) => _(e))
 			})]
 		}), c ? /* @__PURE__ */ a(J, {
-			groups: hl(t),
+			groups: yl(t),
 			title: n.standardAnswer
 		}) : null]
 	});
 }
-function _l(e, t, n, r) {
+function xl(e, t, n, r) {
 	var i, a;
 	let o = (i = t[e]) == null ? "" : i, s = (a = n.answers[e]) == null ? "" : a;
 	if (!(!r || !s)) return o ? s === o ? "correct" : "incorrect" : "unanswered";
 }
-function vl(e, t) {
+function Sl(e, t) {
 	return Qe(e, t.categories, t.items);
 }
 //#endregion
 //#region src/question/renderers/QuestionRichContentWithBlankView.tsx
-function yl({ className: e, content: t, renderBlank: n }) {
+function Cl({ className: e, content: t, renderBlank: n }) {
 	let { renderer: r } = G(), i = /* @__PURE__ */ new Map();
 	return /* @__PURE__ */ a("div", {
 		className: [r["rich-content"], e == null ? "" : e].filter(Boolean).join(" "),
-		children: t.json.map((e, t) => bl(e, {
+		children: t.json.map((e, t) => wl(e, {
 			blankIndexes: i,
 			key: `node-${t}`,
 			renderBlank: n
 		}))
 	});
 }
-function bl(e, t) {
-	if (typeof e.text == "string") return /* @__PURE__ */ a(c, { children: e.text }, t.key);
-	if (e.type === "blank") return /* @__PURE__ */ a(c, { children: xl(e, t) }, t.key);
-	let n = Cl(e.children, t);
+function wl(e, t) {
+	return typeof e.text == "string" ? /* @__PURE__ */ a(c, { children: e.text }, t.key) : e.type === "blank" ? /* @__PURE__ */ a(c, { children: El(e, t) }, t.key) : Tl(e, t);
+}
+function Tl(e, t) {
+	if (e.type === "image" || e.type === "formula") return /* @__PURE__ */ a("span", { dangerouslySetInnerHTML: { __html: r([e]) } }, t.key);
+	let n = Ol(e.children, t);
 	switch (e.type) {
-		case "heading": return wl(e, n, t.key);
+		case "heading": return kl(e, n, t.key);
 		case "table": return /* @__PURE__ */ a("table", { children: n }, t.key);
 		case "table-row": return /* @__PURE__ */ a("tr", { children: n }, t.key);
 		case "table-cell": return /* @__PURE__ */ a("td", { children: n }, t.key);
 		default: return /* @__PURE__ */ a("p", { children: n }, t.key);
 	}
 }
-function xl(e, t) {
-	let n = Tl(e.blankId), r = Sl(t.blankIndexes, n);
+function El(e, t) {
+	let n = Al(e.blankId), r = Dl(t.blankIndexes, n);
 	return t.renderBlank({
 		blankId: n,
 		index: r,
-		label: Tl(e.label)
+		label: Al(e.label)
 	});
 }
-function Sl(e, t) {
+function Dl(e, t) {
 	let n = e.get(t);
 	if (n !== void 0) return n;
 	let r = e.size;
 	return e.set(t, r), r;
 }
-function Cl(e, t) {
-	return (e == null ? [] : e).map((e, n) => bl(e, j(j({}, t), {}, { key: `${t.key}-${n}` })));
+function Ol(e, t) {
+	return (e == null ? [] : e).map((e, n) => wl(e, j(j({}, t), {}, { key: `${t.key}-${n}` })));
 }
-function wl(e, t, n) {
+function kl(e, t, n) {
 	switch (e.level) {
 		case 1: return /* @__PURE__ */ a("h1", { children: t }, n);
 		case 2: return /* @__PURE__ */ a("h2", { children: t }, n);
@@ -6483,7 +6524,7 @@ function wl(e, t, n) {
 		default: return /* @__PURE__ */ a("p", { children: t }, n);
 	}
 }
-function Tl(e) {
+function Al(e) {
 	return typeof e == "string" ? e : "";
 }
 var Y = {
@@ -6504,10 +6545,10 @@ var Y = {
 };
 //#endregion
 //#region src/question/player/QuestionFillTextContentPlayer.tsx
-function El({ answers: e, disabled: t, item: n, messages: r, onAnswerChange: i, structure: o }) {
-	return /* @__PURE__ */ a(yl, {
+function jl({ answers: e, disabled: t, item: n, messages: r, onAnswerChange: i, structure: o }) {
+	return /* @__PURE__ */ a(Cl, {
 		content: n.content,
-		renderBlank: (a) => Dl(a, {
+		renderBlank: (a) => Ml(a, {
 			answers: e,
 			blankLabel: r.blankLabel,
 			disabled: t,
@@ -6517,10 +6558,10 @@ function El({ answers: e, disabled: t, item: n, messages: r, onAnswerChange: i,
 		})
 	});
 }
-function Dl(e, t) {
-	let { blankId: n } = e, r = t.item.blanks.indexOf(n), i = Nl(e.label, t.blankLabel, r);
+function Ml(e, t) {
+	let { blankId: n } = e, r = t.item.blanks.indexOf(n), i = Rl(e.label, t.blankLabel, r);
 	if (t.structure.config.candidateMode === "none") {
-		let e = kl(t.answers, n);
+		let e = Pl(t.answers, n);
 		return /* @__PURE__ */ a("input", {
 			"aria-label": i,
 			className: Y["inline-input"],
@@ -6532,8 +6573,8 @@ function Dl(e, t) {
 			value: (e == null ? void 0 : e.kind) === "text" ? e.value : ""
 		});
 	}
-	if (t.structure.config.candidateMode === "sharedPool") return Ol(n, i, t);
-	let o = kl(t.answers, n), s = jl(t.item, n, t.structure.config.candidateMode, o);
+	if (t.structure.config.candidateMode === "sharedPool") return Nl(n, i, t);
+	let o = Pl(t.answers, n), s = Il(t.item, n, t.structure.config.candidateMode, o);
 	return /* @__PURE__ */ a("span", {
 		"aria-label": i,
 		className: Y["inline-blank-underline"],
@@ -6543,9 +6584,9 @@ function Dl(e, t) {
 		}) : i
 	});
 }
-function Ol(e, t, n) {
+function Nl(e, t, n) {
 	var r, i;
-	let s = kl(n.answers, e), c = (r = ((s == null ? void 0 : s.kind) === "option" ? s.optionIds : []).slice(0, 1)[0]) == null ? "" : r, l = Ml(n.answers, e);
+	let s = Pl(n.answers, e), c = (r = ((s == null ? void 0 : s.kind) === "option" ? s.optionIds : []).slice(0, 1)[0]) == null ? "" : r, l = Ll(n.answers, e);
 	return /* @__PURE__ */ o("select", {
 		"aria-label": t,
 		className: Y["inline-select"],
@@ -6565,11 +6606,11 @@ function Ol(e, t, n) {
 		}, e.optionId))]
 	});
 }
-function kl(e, t) {
+function Pl(e, t) {
 	var n;
 	return (n = Object.entries(e).find(([e]) => e === t)) == null ? void 0 : n[1];
 }
-function Al(e, t, n) {
+function Fl(e, t, n) {
 	var r, i;
 	if (n === "sharedPool") {
 		var a;
@@ -6577,21 +6618,21 @@ function Al(e, t, n) {
 	}
 	return (r = (i = e.blankOptionGroups) == null || (i = i.find((e) => e.blankId === t)) == null ? void 0 : i.options) == null ? [] : r;
 }
-function jl(e, t, n, r) {
+function Il(e, t, n, r) {
 	let i = (r == null ? void 0 : r.kind) === "option" ? r.optionIds[0] : void 0;
-	if (i) return Al(e, t, n).find((e) => e.optionId === i);
+	if (i) return Fl(e, t, n).find((e) => e.optionId === i);
 }
-function Ml(e, t) {
+function Ll(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = Object.entries(e);
 	for (let [e, i] of r) if (e !== t && i.kind === "option") for (let e of i.optionIds) n.add(e);
 	return n;
 }
-function Nl(e, t, n) {
+function Rl(e, t, n) {
 	return e || `${t} ${n + 1}`;
 }
 //#endregion
 //#region src/question/player/QuestionFillTextPlayer.tsx
-function Pl({ disabled: e, element: t, item: n, messages: r, onChange: i, response: s, responseIndex: c, showAnswer: l }) {
+function zl({ disabled: e, element: t, item: n, messages: r, onChange: i, response: s, responseIndex: c, showAnswer: l }) {
 	let u = Tn(n, t, !0), d = Hc(u), f = $s(s, c, t, u.blanks), p = d.map((e, t) => ({
 		kind: "detailed",
 		contents: e.contents.map((e, n) => /* @__PURE__ */ a(q, { content: e }, `group-${t}-answer-${n}`)),
@@ -6603,7 +6644,7 @@ function Pl({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 	return /* @__PURE__ */ o("div", {
 		className: K["fill-text"],
 		children: [
-			/* @__PURE__ */ a(El, {
+			/* @__PURE__ */ a(jl, {
 				answers: f.answers,
 				disabled: e,
 				item: u,
@@ -6611,8 +6652,8 @@ function Pl({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 				onAnswerChange: m,
 				structure: t
 			}),
-			Fl(u, t.config.candidateMode, r.candidateOptions),
-			Il({
+			Bl(u, t.config.candidateMode, r.candidateOptions),
+			Vl({
 				disabled: e,
 				item: u,
 				onAnswerChange: m,
@@ -6625,7 +6666,7 @@ function Pl({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 		]
 	});
 }
-function Fl(e, t, n) {
+function Bl(e, t, n) {
 	var r;
 	let i = (r = e.candidateOptions) == null ? [] : r;
 	return t !== "sharedPool" || i.length === 0 ? null : /* @__PURE__ */ o("div", {
@@ -6645,7 +6686,7 @@ function Fl(e, t, n) {
 		})]
 	});
 }
-function Il({ disabled: e, item: t, onAnswerChange: n, responseItem: r }) {
+function Vl({ disabled: e, item: t, onAnswerChange: n, responseItem: r }) {
 	let i = t.blanks.reduce((e, n, r) => {
 		var i;
 		let a = (i = t.blankOptionGroups) == null ? void 0 : i.find((e) => e.blankId === n);
@@ -6656,7 +6697,7 @@ function Il({ disabled: e, item: t, onAnswerChange: n, responseItem: r }) {
 	}, []);
 	return i.length === 0 ? null : /* @__PURE__ */ a("div", {
 		className: Y["per-blank-candidate-options"],
-		children: i.map(({ group: t, marker: i }) => Ll({
+		children: i.map(({ group: t, marker: i }) => Hl({
 			disabled: e,
 			group: t,
 			marker: i,
@@ -6665,7 +6706,7 @@ function Il({ disabled: e, item: t, onAnswerChange: n, responseItem: r }) {
 		}))
 	});
 }
-function Ll({ disabled: e, group: t, marker: n, onAnswerChange: r, responseItem: i }) {
+function Hl({ disabled: e, group: t, marker: n, onAnswerChange: r, responseItem: i }) {
 	let s = i.answers[t.blankId];
 	return /* @__PURE__ */ o("section", {
 		"aria-label": n,
@@ -6675,7 +6716,7 @@ function Ll({ disabled: e, group: t, marker: n, onAnswerChange: r, responseItem:
 			children: n
 		}), /* @__PURE__ */ a("div", {
 			className: Y["per-blank-candidate-list"],
-			children: t.options.map((n) => Rl({
+			children: t.options.map((n) => Ul({
 				activeAnswer: s,
 				blankId: t.blankId,
 				disabled: e,
@@ -6685,7 +6726,7 @@ function Ll({ disabled: e, group: t, marker: n, onAnswerChange: r, responseItem:
 		})]
 	}, t.blankId);
 }
-function Rl({ activeAnswer: e, blankId: t, disabled: n, onAnswerChange: r, option: i }) {
+function Ul({ activeAnswer: e, blankId: t, disabled: n, onAnswerChange: r, option: i }) {
 	let o = (e == null ? void 0 : e.kind) === "option" && e.optionIds.includes(i.optionId);
 	return /* @__PURE__ */ a("button", {
 		"aria-pressed": o,
@@ -6712,7 +6753,7 @@ var X = {
 };
 //#endregion
 //#region src/question/player/QuestionJudgementGroupPlayer.tsx
-function zl({ disabled: e, element: t, item: n, messages: r, onChange: i, response: s, responseIndex: c, showAnswer: l }) {
+function Wl({ disabled: e, element: t, item: n, messages: r, onChange: i, response: s, responseIndex: c, showAnswer: l }) {
 	let u = tc(s, c), d = ln(t.config.judgeAnswerMode), f = [{
 		kind: "detailed",
 		contents: un(t.config.judgeAnswerMode, n.answers),
@@ -6748,8 +6789,8 @@ function zl({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 }
 //#endregion
 //#region src/question/renderers/lineConnectAnswers.tsx
-function Bl(e) {
-	let t = Vl(e);
+function Gl(e) {
+	let t = Kl(e);
 	return e.columns.reduce((n, r, i) => {
 		let o = r.items.map((n, o) => {
 			var s;
@@ -6765,7 +6806,7 @@ function Bl(e) {
 		return [...n, ...o];
 	}, []);
 }
-function Vl(e) {
+function Kl(e) {
 	return e.columns.reduce((e, t, n) => (t.items.forEach((t) => e.set(t.itemId, {
 		columnIndex: n,
 		item: t
@@ -6773,7 +6814,7 @@ function Vl(e) {
 }
 //#endregion
 //#region src/question/player/QuestionLineConnectPlayer.tsx
-function Hl({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
+function ql({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
 	let [l, d] = h(null), [g, _] = h(null), v = m(null), y = m(/* @__PURE__ */ new Map()), b = rc(i, s), x = { gridTemplateColumns: `repeat(${t.columns.length}, minmax(12rem, 1fr))` }, S = p(() => to(t, b.connections), [t, b.connections]), C = p(() => JSON.stringify({
 		columns: t.columns.map((e) => e.items.map((e) => e.itemId)),
 		connections: b.connections
@@ -6890,19 +6931,19 @@ function Hl({ disabled: e, item: t, messages: n, onChange: r, response: i, respo
 				}, t.columnId))
 			})]
 		}), c ? /* @__PURE__ */ a(J, {
-			groups: Bl(t),
+			groups: Gl(t),
 			title: n.standardAnswer
 		}) : null]
 	});
 }
-var Ul = {
+var Jl = {
 	path: "_path_11o60_1",
 	endpoint: "_endpoint_11o60_7",
 	separator: "_separator_11o60_8"
 };
 //#endregion
 //#region src/question/renderers/matchingAnswers.tsx
-function Wl(e) {
+function Yl(e) {
 	var t, n;
 	let r = e.columns[0], i = e.columns[1], o = new Map((t = i == null ? void 0 : i.items.map((e) => [e.itemId, e])) == null ? [] : t);
 	return ((n = r == null ? void 0 : r.items) == null ? [] : n).map((t, n) => {
@@ -6917,7 +6958,7 @@ function Wl(e) {
 		};
 	});
 }
-function Gl(e) {
+function Xl(e) {
 	var t, n;
 	let r = e.columns[0], i = e.columns[1], s = new Map((t = i == null ? void 0 : i.items.map((e, t) => [e.itemId, {
 		item: e,
@@ -6928,19 +6969,19 @@ function Gl(e) {
 		let u = (c = e.answers[t.itemId]) == null ? void 0 : c[0], d = u ? s.get(u) : void 0;
 		return {
 			contents: d && i ? [/* @__PURE__ */ o("div", {
-				className: Ul.path,
+				className: Jl.path,
 				children: [
 					/* @__PURE__ */ a("span", {
-						className: Ul.endpoint,
-						children: Kl(r, t, n)
+						className: Jl.endpoint,
+						children: Zl(r, t, n)
 					}),
 					/* @__PURE__ */ a("span", {
-						className: Ul.separator,
+						className: Jl.separator,
 						children: "-"
 					}),
 					/* @__PURE__ */ a("span", {
-						className: Ul.endpoint,
-						children: Kl(i, d.item, d.itemIndex)
+						className: Jl.endpoint,
+						children: Zl(i, d.item, d.itemIndex)
 					})
 				]
 			}, `${t.itemId}-${d.item.itemId}`)] : [],
@@ -6949,10 +6990,10 @@ function Gl(e) {
 		};
 	});
 }
-function Kl(e, t, n) {
+function Zl(e, t, n) {
 	return sn(e.labelStyle, n) || /* @__PURE__ */ a(q, { content: t.content });
 }
-var ql = {
+var Ql = {
 	board: "_board_1q6ar_1",
 	"matched-rows": "_matched-rows_1q6ar_6",
 	"matched-row": "_matched-row_1q6ar_6",
@@ -6965,8 +7006,8 @@ var ql = {
 };
 //#endregion
 //#region src/question/player/QuestionMatchingPlayer.tsx
-function Jl({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
-	let [l, u] = h(null), d = ic(i, s), f = Yl(t, d.connections);
+function $l({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
+	let [l, u] = h(null), d = ic(i, s), f = eu(t, d.connections);
 	function p(t, n) {
 		if (e) return;
 		let i = l ? ht(l, {
@@ -6986,13 +7027,13 @@ function Jl({ disabled: e, item: t, messages: n, onChange: r, response: i, respo
 		let r = (l == null ? void 0 : l.itemId) === t.item.itemId;
 		return /* @__PURE__ */ o("button", {
 			"aria-pressed": r,
-			className: U(ql.item, r && ql.selected, n && ql.matched),
+			className: U(Ql.item, r && Ql.selected, n && Ql.matched),
 			"data-testid": `matching-player-item-${t.item.itemId}`,
 			disabled: e,
 			onClick: () => p(t.columnIndex, t.item.itemId),
 			type: "button",
 			children: [t.marker ? /* @__PURE__ */ a("span", {
-				className: ql.marker,
+				className: Ql.marker,
 				children: t.marker
 			}) : null, /* @__PURE__ */ a(q, { content: t.item.content })]
 		}, t.item.itemId);
@@ -7000,31 +7041,31 @@ function Jl({ disabled: e, item: t, messages: n, onChange: r, response: i, respo
 	return /* @__PURE__ */ o("div", {
 		className: W.element,
 		children: [/* @__PURE__ */ o("div", {
-			className: ql.board,
+			className: Ql.board,
 			children: [f.rows.length > 0 ? /* @__PURE__ */ a("div", {
-				className: ql["matched-rows"],
+				className: Ql["matched-rows"],
 				children: f.rows.map((e) => /* @__PURE__ */ o("div", {
-					className: ql["matched-row"],
+					className: Ql["matched-row"],
 					"data-testid": `matching-player-row-${e.from.item.itemId}-${e.to.item.itemId}`,
 					children: [m(e.from, !0), m(e.to, !0)]
 				}, `${e.from.item.itemId}-${e.to.item.itemId}`))
 			}) : null, f.unmatchedColumns.some((e) => e.length > 0) ? /* @__PURE__ */ a("div", {
-				className: ql.columns,
+				className: Ql.columns,
 				children: f.unmatchedColumns.map((e, n) => {
 					var r, i;
 					return /* @__PURE__ */ a("section", {
-						className: ql.column,
+						className: Ql.column,
 						children: e.map((e) => m(e, !1))
 					}, (r = (i = t.columns[n]) == null ? void 0 : i.columnId) == null ? n : r);
 				})
 			}) : null]
 		}), c ? /* @__PURE__ */ a(J, {
-			groups: Wl(t),
+			groups: Yl(t),
 			title: n.standardAnswer
 		}) : null]
 	});
 }
-function Yl(e, t) {
+function eu(e, t) {
 	var n;
 	let r = e.columns.map((e, t) => e.items.map((n, r) => ({
 		columnIndex: t,
@@ -7045,7 +7086,7 @@ function Yl(e, t) {
 }
 //#endregion
 //#region src/question/renderers/optionGroupAnswers.tsx
-function Xl(e, t) {
+function tu(e, t) {
 	return fn(t, e.config.optionLabelStyle).map((e) => ({
 		kind: "markerOnly",
 		marker: e.marker
@@ -7053,22 +7094,65 @@ function Xl(e, t) {
 }
 //#endregion
 //#region src/question/renderers/question-option-grid.ts
-function Zl({ availableWidth: e, columnGap: t, optionCount: n, widestOptionWidth: r }) {
+function nu({ availableWidth: e, columnGap: t, optionCount: n, widestOptionWidth: r }) {
 	let i = Math.max(1, Math.trunc(n));
 	if (e <= 0 || r <= 0) return 1;
 	for (let n = i; n >= 2; --n) if (i % n === 0 && (e - Math.max(0, t) * (n - 1)) / n >= r) return n;
 	return 1;
 }
-var Ql = { list: "_list_1xo1n_1" };
+var ru = { list: "_list_1xo1n_1" }, iu = {
+	table: "_table_p4zkf_1",
+	cell: "_cell_p4zkf_7"
+};
+//#endregion
+//#region src/question/renderers/QuestionColumnLayout.tsx
+function au({ children: e, className: t, columnCount: n, dataAttributes: r, layoutRef: i, role: c, style: l }) {
+	let { columnLayout: u, systemListMarkup: d } = il(), f = Math.max(1, Math.floor(n));
+	if (u === "document-table") {
+		let n = ou(s.toArray(e), f), l = `${100 / f}%`, u = t ? `${iu.table} ${t}` : iu.table;
+		return /* @__PURE__ */ o("table", j(j({}, r), {}, {
+			className: u,
+			"data-column-count": f,
+			"data-question-document-layout": "columns",
+			ref: i,
+			role: c == null ? "presentation" : c,
+			children: [/* @__PURE__ */ a("colgroup", { children: Array.from({ length: f }, (e, t) => /* @__PURE__ */ a("col", { style: { width: l } }, `column-${t}`)) }), /* @__PURE__ */ a("tbody", { children: n.map((e, t) => /* @__PURE__ */ a("tr", { children: Array.from({ length: f }, (t, n) => {
+				let r = e.slice(n, n + 1)[0];
+				return /* @__PURE__ */ a("td", {
+					"aria-hidden": r ? void 0 : "true",
+					className: iu.cell,
+					children: r == null ? null : r
+				}, `cell-${n}`);
+			}) }, `row-${t}`)) })]
+		}));
+	}
+	return c === "list" && d === "native" ? /* @__PURE__ */ a("ol", j(j({}, r), {}, {
+		className: t,
+		"data-column-count": f,
+		ref: i,
+		style: l,
+		children: e
+	})) : /* @__PURE__ */ a("div", j(j({}, r), {}, {
+		className: t,
+		"data-column-count": f,
+		ref: i,
+		role: c,
+		style: l,
+		children: e
+	}));
+}
+function ou(e, t) {
+	return Array.from({ length: Math.ceil(e.length / t) }, (n, r) => e.slice(r * t, (r + 1) * t));
+}
 //#endregion
 //#region src/question/renderers/QuestionAdaptiveOptionList.tsx
-function $l({ children: e }) {
+function su({ children: e }) {
 	let { renderer: t } = G(), n = m(null), [r, i] = h(1), o = { gridTemplateColumns: `repeat(${r}, minmax(0, 1fr))` };
 	return f(() => {
 		if (!n.current) return;
 		let t = n.current, r = null;
 		function a() {
-			let n = t.getBoundingClientRect().width, r = Number.parseFloat(getComputedStyle(t).columnGap) || 0, a = eu(t), o = Zl({
+			let n = t.getBoundingClientRect().width, r = Number.parseFloat(getComputedStyle(t).columnGap) || 0, a = cu(t), o = nu({
 				availableWidth: n,
 				columnGap: r,
 				optionCount: s.count(e),
@@ -7086,20 +7170,23 @@ function $l({ children: e }) {
 		return c.observe(t), () => {
 			r !== null && cancelAnimationFrame(r), t.removeEventListener("load", o, !0), c.disconnect();
 		};
-	}), /* @__PURE__ */ a("ol", {
-		className: `${t["option-list"]} ${Ql.list}`,
-		"data-column-count": r,
-		"data-question-option-grid": "true",
-		ref: n,
+	}), /* @__PURE__ */ a(au, {
+		className: `${t["option-list"]} ${ru.list}`,
+		columnCount: r,
+		dataAttributes: { "data-question-option-grid": "true" },
+		layoutRef: (e) => {
+			n.current = e;
+		},
+		role: "list",
 		style: o,
 		children: e
 	});
 }
-function eu(e) {
-	let t = e.parentElement;
-	if (!t || e.children.length === 0) return 0;
-	let n = e.cloneNode(!1);
-	n.removeAttribute("style"), n.setAttribute("aria-hidden", "true"), n.setAttribute("data-question-option-measurement", "true"), Object.assign(n.style, {
+function cu(e) {
+	let t = e.parentElement, n = lu(e);
+	if (!t || n.length === 0) return 0;
+	let r = e.ownerDocument.createElement("div");
+	r.className = e.className, r.setAttribute("aria-hidden", "true"), r.setAttribute("data-question-option-measurement", "true"), Object.assign(r.style, {
 		display: "grid",
 		gridTemplateColumns: "max-content",
 		left: "-100000px",
@@ -7108,29 +7195,32 @@ function eu(e) {
 		position: "fixed",
 		visibility: "hidden",
 		width: "max-content"
-	}), Array.from(e.children).forEach((e) => {
-		n.append(e.cloneNode(!0));
-	}), t.append(n);
-	let r = n.getBoundingClientRect().width;
-	return n.remove(), r;
+	}), n.forEach((e) => {
+		r.append(e.cloneNode(!0));
+	}), t.append(r);
+	let i = r.getBoundingClientRect().width;
+	return r.remove(), i;
+}
+function lu(e) {
+	return e instanceof HTMLTableElement ? Array.from(e.rows).reduce((e, t) => [...e, ...Array.from(t.cells).reduce((e, t) => t.firstElementChild ? [...e, t.firstElementChild] : e, [])], []) : Array.from(e.children);
 }
 //#endregion
 //#region src/question/player/QuestionOptionGroupPlayer.tsx
-function tu({ disabled: e, element: t, item: n, messages: r, onChange: i, response: s, responseIndex: c, showAnswer: l }) {
+function uu({ disabled: e, element: t, item: n, messages: r, onChange: i, response: s, responseIndex: c, showAnswer: l }) {
 	let u = Zs(s, c), d = dn(n, t.config.optionLabelStyle);
 	function f(e) {
 		i(j(j({}, u), {}, { selectedOptionIds: uc(u.selectedOptionIds, e, t.config.selectionType) }));
 	}
 	if (t.config.renderer === "table") {
-		let i = Xl(t, n);
+		let i = tu(t, n);
 		return /* @__PURE__ */ o("div", {
 			className: W.element,
 			children: [/* @__PURE__ */ a("div", {
-				className: Jc["table-wrap"],
+				className: ul["table-wrap"],
 				children: /* @__PURE__ */ o("table", {
-					className: Jc.table,
+					className: ul.table,
 					children: [
-						/* @__PURE__ */ o("colgroup", { children: [/* @__PURE__ */ a("col", { className: Jc["table-option-column"] }), n.columns.map((e) => /* @__PURE__ */ a("col", {}, e.id))] }),
+						/* @__PURE__ */ o("colgroup", { children: [/* @__PURE__ */ a("col", { className: ul["table-option-column"] }), n.columns.map((e) => /* @__PURE__ */ a("col", {}, e.id))] }),
 						/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("th", { children: r.option }), n.columns.map((e) => /* @__PURE__ */ a("th", { children: /* @__PURE__ */ a(q, { content: e.content }) }, e.id))] }) }),
 						/* @__PURE__ */ a("tbody", { children: d.map((t) => {
 							let n = u.selectedOptionIds.includes(t.optionId);
@@ -7166,10 +7256,10 @@ function tu({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 			}) : null]
 		});
 	}
-	let p = Xl(t, n);
+	let p = tu(t, n);
 	return /* @__PURE__ */ o("div", {
 		className: W.element,
-		children: [/* @__PURE__ */ a($l, { children: d.map((t) => {
+		children: [/* @__PURE__ */ a(su, { children: d.map((t) => {
 			let n = u.selectedOptionIds.includes(t.optionId);
 			return /* @__PURE__ */ a("li", {
 				className: U(W["option-item"], X["choice-option"], n && X.selected),
@@ -7195,7 +7285,7 @@ function tu({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 }
 //#endregion
 //#region src/question/renderers/orderingAnswerGroups.tsx
-function nu(e) {
+function du(e) {
 	let t = Ir(e.sortOptions);
 	return e.answers.map((e) => {
 		let n = t.get(e);
@@ -7208,7 +7298,7 @@ function nu(e) {
 }
 //#endregion
 //#region src/question/player/QuestionOrderingPlayer.tsx
-function ru({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
+function fu({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: s, showAnswer: c }) {
 	let l = ac(i, s, t), u = Ir(t.sortOptions), d = l.orderedOptionIds.map((e) => u.get(e)).filter((e) => !!e);
 	function f(e, n) {
 		r(j(j({}, l), {}, { orderedOptionIds: hc(l.orderedOptionIds, t, e, n) }));
@@ -7246,14 +7336,14 @@ function ru({ disabled: e, item: t, messages: n, onChange: r, response: i, respo
 				]
 			}, r.id))
 		}), c ? /* @__PURE__ */ a(J, {
-			groups: nu(t),
+			groups: du(t),
 			title: n.standardAnswer
 		}) : null]
 	});
 }
 //#endregion
 //#region src/question/renderers/QuestionTextMarkerContent.tsx
-function iu({ answerMarkers: e = [], content: t, disabled: n = !1, onMarkerClick: r, selectedMarkers: i = [], showAnswer: o = !1 }) {
+function pu({ answerMarkers: e = [], content: t, disabled: n = !1, onMarkerClick: r, selectedMarkers: i = [], showAnswer: o = !1 }) {
 	let { textMarker: s } = G(), l = t.json.length ? t.json : [{
 		children: [{ text: t.text }],
 		type: "paragraph"
@@ -7263,8 +7353,8 @@ function iu({ answerMarkers: e = [], content: t, disabled: n = !1, onMarkerClick
 		children: l.map((e, t) => u(e, `node-${t}`))
 	});
 	function u(e, t) {
-		if (ou(e)) return d(e, t);
-		if (!au(e)) return null;
+		if (hu(e)) return d(e, t);
+		if (!mu(e)) return null;
 		let n = e.children.map((e, n) => u(e, `${t}-${n}`));
 		return e.type === "paragraph" ? /* @__PURE__ */ a("p", {
 			className: s.paragraph,
@@ -7307,17 +7397,17 @@ function iu({ answerMarkers: e = [], content: t, disabled: n = !1, onMarkerClick
 		}, n);
 	}
 }
-function au(e) {
+function mu(e) {
 	return !!(e && typeof e == "object" && "children" in e && Array.isArray(e.children));
 }
-function ou(e) {
+function hu(e) {
 	return !!(e && typeof e == "object" && "text" in e && typeof e.text == "string");
 }
 //#endregion
 //#region src/question/renderers/QuestionTextMarkerView.tsx
-function su({ item: e, messages: t, showAnswer: n }) {
+function gu({ item: e, messages: t, showAnswer: n }) {
 	let r = Et(e.content.json).filter((t) => e.answers.includes(t.markerId)).map((e) => e.text);
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(iu, {
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(pu, {
 		answerMarkers: e.answers,
 		content: e.content,
 		showAnswer: n
@@ -7332,13 +7422,13 @@ function su({ item: e, messages: t, showAnswer: n }) {
 }
 //#endregion
 //#region src/question/player/QuestionTextMarkerPlayer.tsx
-function cu({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: o, showAnswer: s }) {
+function _u({ disabled: e, item: t, messages: n, onChange: r, response: i, responseIndex: o, showAnswer: s }) {
 	let c = oc(i, o);
-	return s ? /* @__PURE__ */ a(su, {
+	return s ? /* @__PURE__ */ a(gu, {
 		item: t,
 		messages: n,
 		showAnswer: s
-	}) : /* @__PURE__ */ a(iu, {
+	}) : /* @__PURE__ */ a(pu, {
 		answerMarkers: t.answers,
 		content: t.content,
 		disabled: e,
@@ -7348,7 +7438,7 @@ function cu({ disabled: e, item: t, messages: n, onChange: r, response: i, respo
 }
 //#endregion
 //#region src/question/player/QuestionTextResponsePlayer.tsx
-function lu({ disabled: e, locale: t, label: n, messages: r, onChange: i, response: o, responseIndex: s, uploadImage: c }) {
+function vu({ disabled: e, locale: t, label: n, messages: r, onChange: i, response: o, responseIndex: s, uploadImage: c }) {
 	let l = sc(o, s);
 	return e ? F(l.content) ? null : /* @__PURE__ */ a(q, { content: l.content }) : /* @__PURE__ */ a(La, {
 		ariaLabel: n,
@@ -7365,7 +7455,7 @@ function lu({ disabled: e, locale: t, label: n, messages: r, onChange: i, respon
 }
 //#endregion
 //#region src/question/renderers/wordBuilderAnswers.tsx
-function uu(e, t) {
+function yu(e, t) {
 	return e.blanks.reduce((n, r) => {
 		var i;
 		let o = (i = e.answers[r]) == null ? void 0 : i.trim();
@@ -7378,14 +7468,14 @@ function uu(e, t) {
 }
 //#endregion
 //#region src/question/player/QuestionPlayerWordBuilder.module.css
-var du = {
+var bu = {
 	"word-builder-blank": "_word-builder-blank_ftw6q_1",
 	"word-builder-candidate-list": "_word-builder-candidate-list_ftw6q_30"
 };
 //#endregion
 //#region src/question/player/QuestionWordBuilderPlayer.tsx
-function fu({ disabled: e, element: t, item: n, messages: r, onChange: i, response: s, responseIndex: c, showAnswer: l }) {
-	let u = wn(n, !0, t), d = ec(s, c, u.blanks), f = uu(u, (e, t) => Ic(e, t, r.blankLabel));
+function xu({ disabled: e, element: t, item: n, messages: r, onChange: i, response: s, responseIndex: c, showAnswer: l }) {
+	let u = wn(n, !0, t), d = ec(s, c, u.blanks), f = yu(u, (e, t) => Ic(e, t, r.blankLabel));
 	function p(e, t) {
 		i(j(j({}, d), {}, { answers: j(j({}, d.answers), {}, { [e]: t }) }));
 	}
@@ -7413,11 +7503,11 @@ function fu({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 	return /* @__PURE__ */ o("div", {
 		className: K["fill-text"],
 		children: [
-			/* @__PURE__ */ a(yl, {
+			/* @__PURE__ */ a(Cl, {
 				content: u.content,
 				renderBlank: ({ blankId: t, index: n, label: i }) => {
 					var o, s;
-					let c = (o = d.answers[t]) == null ? "" : o, l = pu({
+					let c = (o = d.answers[t]) == null ? "" : o, l = Su({
 						answers: c,
 						blankLabel: r.blankLabel,
 						canClear: !e && !!c.trim(),
@@ -7426,7 +7516,7 @@ function fu({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 					});
 					return /* @__PURE__ */ a("button", {
 						"aria-label": l,
-						className: du["word-builder-blank"],
+						className: bu["word-builder-blank"],
 						disabled: e,
 						onClick: () => m(t),
 						onDragOver: (e) => e.preventDefault(),
@@ -7438,7 +7528,7 @@ function fu({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 				}
 			}),
 			/* @__PURE__ */ a("div", {
-				className: du["word-builder-candidate-list"],
+				className: bu["word-builder-candidate-list"],
 				children: u.candidateOptions.map((t, n) => /* @__PURE__ */ a("button", {
 					disabled: e,
 					draggable: !e,
@@ -7457,15 +7547,15 @@ function fu({ disabled: e, element: t, item: n, messages: r, onChange: i, respon
 		]
 	});
 }
-function pu({ answers: e, blankLabel: t, canClear: n, index: r, label: i }) {
+function Su({ answers: e, blankLabel: t, canClear: n, index: r, label: i }) {
 	let a = i || `${t}${r + 1}`;
 	return !n || !e.trim() ? a : t === "\u7a7a" ? `${a}\uff0c\u70b9\u51fb\u6e05\u7a7a` : `${a}, click to clear`;
 }
 //#endregion
 //#region src/question/player/QuestionPlayerElement.tsx
-function mu({ disabled: e, element: t, item: n, locale: r, messages: i, onResponseItemChange: o, response: s, responseIndex: c, showAnswer: l, uploadImage: u }) {
+function Cu({ disabled: e, element: t, item: n, locale: r, messages: i, onResponseItemChange: o, response: s, responseIndex: c, showAnswer: l, uploadImage: u }) {
 	if (t.type !== n.type) throw Error(`\u9898\u76ee\u5143\u7d20\u7ed3\u6784\u4e0d\u5339\u914d\uff0cexpected=${t.type}\uff0cactual=${n.type}`);
-	return t.type === "richText" ? /* @__PURE__ */ a(q, { content: n.content }) : t.type === "textResponse" ? /* @__PURE__ */ a(lu, {
+	return t.type === "richText" ? /* @__PURE__ */ a(q, { content: n.content }) : t.type === "textResponse" ? /* @__PURE__ */ a(vu, {
 		disabled: e,
 		label: t.name,
 		locale: r,
@@ -7474,7 +7564,7 @@ function mu({ disabled: e, element: t, item: n, locale: r, messages: i, onRespon
 		response: s,
 		responseIndex: c,
 		uploadImage: u
-	}) : t.type === "ordering" ? /* @__PURE__ */ a(ru, {
+	}) : t.type === "ordering" ? /* @__PURE__ */ a(fu, {
 		disabled: e,
 		item: n,
 		messages: i,
@@ -7482,7 +7572,7 @@ function mu({ disabled: e, element: t, item: n, locale: r, messages: i, onRespon
 		response: s,
 		responseIndex: c,
 		showAnswer: l
-	}) : t.type === "classification" ? /* @__PURE__ */ a(gl, {
+	}) : t.type === "classification" ? /* @__PURE__ */ a(bl, {
 		disabled: e,
 		item: n,
 		messages: i,
@@ -7490,7 +7580,7 @@ function mu({ disabled: e, element: t, item: n, locale: r, messages: i, onRespon
 		response: s,
 		responseIndex: c,
 		showAnswer: l
-	}) : t.type === "textMarker" ? /* @__PURE__ */ a(cu, {
+	}) : t.type === "textMarker" ? /* @__PURE__ */ a(_u, {
 		disabled: e,
 		item: n,
 		messages: i,
@@ -7498,7 +7588,7 @@ function mu({ disabled: e, element: t, item: n, locale: r, messages: i, onRespon
 		response: s,
 		responseIndex: c,
 		showAnswer: l
-	}) : hu({
+	}) : wu({
 		disabled: e,
 		element: t,
 		item: n,
@@ -7511,9 +7601,9 @@ function mu({ disabled: e, element: t, item: n, locale: r, messages: i, onRespon
 		uploadImage: u
 	});
 }
-function hu({ disabled: e, element: t, item: n, messages: r, onResponseItemChange: i, response: o, responseIndex: s, showAnswer: c }) {
+function wu({ disabled: e, element: t, item: n, messages: r, onResponseItemChange: i, response: o, responseIndex: s, showAnswer: c }) {
 	switch (t.type) {
-		case "choice": return /* @__PURE__ */ a(tu, {
+		case "choice": return /* @__PURE__ */ a(uu, {
 			disabled: e,
 			element: t,
 			item: n,
@@ -7523,7 +7613,7 @@ function hu({ disabled: e, element: t, item: n, messages: r, onResponseItemChang
 			responseIndex: s,
 			showAnswer: c
 		});
-		case "fill": return /* @__PURE__ */ a(fl, {
+		case "fill": return /* @__PURE__ */ a(gl, {
 			disabled: e,
 			item: n,
 			messages: r,
@@ -7532,7 +7622,7 @@ function hu({ disabled: e, element: t, item: n, messages: r, onResponseItemChang
 			responseIndex: s,
 			showAnswer: c
 		});
-		case "inlineFill": return /* @__PURE__ */ a(Pl, {
+		case "inlineFill": return /* @__PURE__ */ a(zl, {
 			disabled: e,
 			element: t,
 			item: n,
@@ -7542,7 +7632,7 @@ function hu({ disabled: e, element: t, item: n, messages: r, onResponseItemChang
 			responseIndex: s,
 			showAnswer: c
 		});
-		case "wordBuilder": return /* @__PURE__ */ a(fu, {
+		case "wordBuilder": return /* @__PURE__ */ a(xu, {
 			disabled: e,
 			element: t,
 			item: n,
@@ -7552,7 +7642,7 @@ function hu({ disabled: e, element: t, item: n, messages: r, onResponseItemChang
 			responseIndex: s,
 			showAnswer: c
 		});
-		case "judgement": return /* @__PURE__ */ a(zl, {
+		case "judgement": return /* @__PURE__ */ a(Wl, {
 			disabled: e,
 			element: t,
 			item: n,
@@ -7562,7 +7652,7 @@ function hu({ disabled: e, element: t, item: n, messages: r, onResponseItemChang
 			responseIndex: s,
 			showAnswer: c
 		});
-		case "lineConnect": return /* @__PURE__ */ a(Hl, {
+		case "lineConnect": return /* @__PURE__ */ a(ql, {
 			disabled: e,
 			item: n,
 			messages: r,
@@ -7571,7 +7661,7 @@ function hu({ disabled: e, element: t, item: n, messages: r, onResponseItemChang
 			responseIndex: s,
 			showAnswer: c
 		});
-		case "matching": return /* @__PURE__ */ a(Jl, {
+		case "matching": return /* @__PURE__ */ a($l, {
 			disabled: e,
 			item: n,
 			messages: r,
@@ -7584,10 +7674,10 @@ function hu({ disabled: e, element: t, item: n, messages: r, onResponseItemChang
 }
 //#endregion
 //#region src/question/player/QuestionPlayer.tsx
-var gu = ["locale"];
-function _u(e) {
-	let { locale: t = "zh-CN" } = e, n = Ca(e, gu), r = ws(n.value, n.questionTypeTemplates), i = ks(n.response, r);
-	return /* @__PURE__ */ a(vu, j(j({}, n), {}, {
+var Tu = ["locale"];
+function Eu(e) {
+	let { locale: t = "zh-CN" } = e, n = Ca(e, Tu), r = ws(n.value, n.questionTypeTemplates), i = ks(n.response, r);
+	return /* @__PURE__ */ a(Du, j(j({}, n), {}, {
 		childIndexPath: [],
 		locale: t,
 		messages: Fc(t),
@@ -7596,7 +7686,7 @@ function _u(e) {
 		value: r
 	}));
 }
-function vu({ childIndexPath: e, className: t, disabled: n = !1, locale: r = "zh-CN", messages: i, onResponseChange: o, response: s, rootQuestionNumber: c, showAnswer: l = !1, showExtraAttributes: u = !1, questionTypeTemplates: d, uploadImage: f, value: p }) {
+function Du({ childIndexPath: e, className: t, disabled: n = !1, locale: r = "zh-CN", messages: i, onResponseChange: o, response: s, rootQuestionNumber: c, showAnswer: l = !1, showExtraAttributes: u = !1, questionTypeTemplates: d, uploadImage: f, value: p }) {
 	let m = oa(d, p);
 	if (!m) return /* @__PURE__ */ a("div", {
 		className: U(K.root, t),
@@ -7605,7 +7695,7 @@ function vu({ childIndexPath: e, className: t, disabled: n = !1, locale: r = "zh
 			children: i.missingQuestionTypeTemplate
 		})
 	});
-	let h = yu({
+	let h = Ou({
 		childIndexPath: e,
 		disabled: n,
 		locale: r,
@@ -7622,27 +7712,27 @@ function vu({ childIndexPath: e, className: t, disabled: n = !1, locale: r = "zh
 	});
 	return /* @__PURE__ */ a("div", {
 		className: U(K.root, t),
-		children: Cu(m, p) ? /* @__PURE__ */ a("div", {
+		children: Mu(m, p) ? /* @__PURE__ */ a("div", {
 			className: K.empty,
 			children: i.previewEmpty
 		}) : h
 	});
 }
-function yu(e) {
+function Ou(e) {
 	return /* @__PURE__ */ o(i, { children: [
-		bu(e),
-		Su(e),
-		xu(e)
+		ku(e),
+		ju(e),
+		Au(e)
 	] });
 }
-function bu({ disabled: e, locale: t, messages: n, onResponseChange: r, response: i, showAnswer: o, structure: s, uploadImage: c, value: l }) {
+function ku({ disabled: e, locale: t, messages: n, onResponseChange: r, response: i, showAnswer: o, structure: s, uploadImage: c, value: l }) {
 	return s.elements.length === 0 ? null : /* @__PURE__ */ a("div", {
 		className: K["element-list"],
 		children: s.elements.map((u, d) => {
 			let f = nn(l, d, u), p = s.elements.slice(0, d).filter((e) => e.type !== "richText").length;
 			return /* @__PURE__ */ a("section", {
 				className: K.element,
-				children: /* @__PURE__ */ a(mu, {
+				children: /* @__PURE__ */ a(Cu, {
 					disabled: e,
 					element: u,
 					item: f,
@@ -7658,17 +7748,17 @@ function bu({ disabled: e, locale: t, messages: n, onResponseChange: r, response
 		})
 	});
 }
-function xu({ disabled: e, locale: t, messages: n, response: r, showExtraAttributes: i, structure: s, uploadImage: c, value: l }) {
+function Au({ disabled: e, locale: t, messages: n, response: r, showExtraAttributes: i, structure: s, uploadImage: c, value: l }) {
 	return i ? /* @__PURE__ */ a("div", {
 		className: K["element-list"],
 		children: s.extras.map((i, s) => {
 			let u = rn(l, s, i);
 			return F(u.content) ? null : /* @__PURE__ */ o("section", {
 				className: K.extra,
-				children: [/* @__PURE__ */ a(Xc, { children: i.name }), /* @__PURE__ */ a(mu, {
+				children: [/* @__PURE__ */ a(fl, { children: i.name }), /* @__PURE__ */ a(Cu, {
 					disabled: e,
-					element: wu(i),
-					item: Tu(u),
+					element: Nu(i),
+					item: Pu(u),
 					locale: t,
 					messages: n,
 					onResponseItemChange: () => void 0,
@@ -7681,14 +7771,14 @@ function xu({ disabled: e, locale: t, messages: n, response: r, showExtraAttribu
 		})
 	}) : null;
 }
-function Su({ childIndexPath: e, disabled: t, locale: n, messages: r, onResponseChange: i, response: o, rootQuestionNumber: s, showAnswer: c, showExtraAttributes: l, questionTypeTemplates: u, uploadImage: d, value: f }) {
-	return f.children.length === 0 ? null : /* @__PURE__ */ a(Zc, {
+function ju({ childIndexPath: e, disabled: t, locale: n, messages: r, onResponseChange: i, response: o, rootQuestionNumber: s, showAnswer: c, showExtraAttributes: l, questionTypeTemplates: u, uploadImage: d, value: f }) {
+	return f.children.length === 0 ? null : /* @__PURE__ */ a(pl, {
 		childIndexPath: e,
 		disabled: t,
 		messages: r,
 		onChildResponseChange: (e, t) => i(lc(o, e, t)),
 		response: o,
-		renderChild: (e, i, o, f) => /* @__PURE__ */ a(vu, {
+		renderChild: (e, i, o, f) => /* @__PURE__ */ a(Du, {
 			childIndexPath: f,
 			disabled: t,
 			locale: n,
@@ -7706,17 +7796,17 @@ function Su({ childIndexPath: e, disabled: t, locale: n, messages: r, onResponse
 		value: f
 	});
 }
-function Cu(e, t) {
+function Mu(e, t) {
 	return t.elements.length === 0 && t.extras.length === 0 && t.children.length === 0;
 }
-function wu(e) {
+function Nu(e) {
 	return {
 		config: {},
 		name: e.name,
 		type: "richText"
 	};
 }
-function Tu(e) {
+function Pu(e) {
 	return {
 		content: e.content,
 		type: "richText"
@@ -7724,7 +7814,7 @@ function Tu(e) {
 }
 //#endregion
 //#region src/question/shared/QuestionTextResponsePlaceholder.tsx
-function Eu({ className: e = Wc.placeholder, label: t }) {
+function Fu({ className: e = ol.placeholder, label: t }) {
 	return /* @__PURE__ */ a("div", {
 		"aria-label": t,
 		className: e
@@ -7732,17 +7822,17 @@ function Eu({ className: e = Wc.placeholder, label: t }) {
 }
 //#endregion
 //#region src/question/renderers/blankStandardAnswerGroups.tsx
-function Du(e, t, n) {
-	return [...e].sort((e, n) => Ou(e.blankIds, t) - Ou(n.blankIds, t)).map((e, r) => ({
+function Iu(e, t, n) {
+	return [...e].sort((e, n) => Lu(e.blankIds, t) - Lu(n.blankIds, t)).map((e, r) => ({
 		kind: "detailed",
-		contents: ku(e.contents.filter((e) => !F(e)), n, r),
-		marker: il(e.blankIds, t, n)
+		contents: Ru(e.contents.filter((e) => !F(e)), n, r),
+		marker: Xc(e.blankIds, t, n)
 	}));
 }
-function Ou(e, t) {
+function Lu(e, t) {
 	return Math.min(...e.map((e) => t.indexOf(e)));
 }
-function ku(e, t, n) {
+function Ru(e, t, n) {
 	let r = t === "zh-CN" ? "\uff1b" : "; ";
 	return e.reduce((t, i, o) => [
 		...t,
@@ -7752,8 +7842,8 @@ function ku(e, t, n) {
 }
 //#endregion
 //#region src/question/renderers/QuestionBlankGroupView.tsx
-function Au({ item: e, locale: t, messages: n, showAnswer: r }) {
-	let i = dl(), { blankGroup: s, renderer: c } = G(), l = Wn(e.answers, e.blanks), u = i.answerGroupLayout === "rows" ? Du(l.map((e) => ({
+function zu({ item: e, locale: t, messages: n, showAnswer: r }) {
+	let i = il(), { blankGroup: s, renderer: c } = G(), l = Wn(e.answers, e.blanks), u = i.answerGroupLayout === "rows" ? Iu(l.map((e) => ({
 		blankIds: e.blankIds,
 		contents: e.answerPools
 	})), e.blanks, t) : l.map((r, o) => ({
@@ -7763,35 +7853,38 @@ function Au({ item: e, locale: t, messages: n, showAnswer: r }) {
 	}));
 	return /* @__PURE__ */ o("div", {
 		className: c.element,
-		children: [/* @__PURE__ */ a("ol", {
+		children: [/* @__PURE__ */ a(au, {
 			className: s["blank-list"],
-			children: e.blanks.map((e, r) => /* @__PURE__ */ a("li", {
+			columnCount: Math.min(e.blanks.length, 4),
+			role: "list",
+			children: e.blanks.map((e, r) => /* @__PURE__ */ a(hl, {
 				className: s["blank-item"],
 				children: /* @__PURE__ */ a("span", {
-					"aria-label": i.blankPlaceholder === "answer-line" ? rl(r + 1, t) : void 0,
+					"aria-label": i.blankPlaceholder === "answer-line" ? Yc(r + 1, t) : void 0,
 					className: s["blank-field"],
 					children: i.blankPlaceholder === "answer-line" ? null : `${n.blankLabel} ${r + 1}`
 				})
-			}, ju(e, r)))
+			}, Bu(e, r)))
 		}), r ? /* @__PURE__ */ a(J, {
 			groups: u,
 			title: n.standardAnswer
 		}) : null]
 	});
 }
-function ju(e, t) {
+function Bu(e, t) {
 	return e || `blank-${t + 1}`;
 }
 //#endregion
 //#region src/question/renderers/QuestionClassificationView.tsx
-function Mu({ item: e, messages: t, showAnswer: n }) {
+function Vu({ item: e, messages: t, showAnswer: n }) {
 	let { classification: r, renderer: i } = G();
 	return /* @__PURE__ */ o("div", {
 		className: i.element,
 		children: [/* @__PURE__ */ o("div", {
 			className: r.board,
-			children: [/* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ a(au, {
 				className: r.zones,
+				columnCount: 2,
 				children: e.categories.map((e) => /* @__PURE__ */ o("section", {
 					className: r.zone,
 					children: [/* @__PURE__ */ a("div", {
@@ -7802,23 +7895,24 @@ function Mu({ item: e, messages: t, showAnswer: n }) {
 						children: t.unassigned
 					})]
 				}, e.id))
-			}), /* @__PURE__ */ a("section", {
+			}), /* @__PURE__ */ a(au, {
 				className: r.pool,
+				columnCount: Math.min(e.items.length, 4),
 				children: e.items.map((e) => /* @__PURE__ */ a("div", {
 					className: r.item,
 					children: /* @__PURE__ */ a(q, { content: e.content })
 				}, e.id))
 			})]
 		}), n ? /* @__PURE__ */ a(J, {
-			groups: hl(e),
+			groups: yl(e),
 			title: t.standardAnswer
 		}) : null]
 	});
 }
 //#endregion
 //#region src/question/renderers/QuestionFillTextView.tsx
-function Nu({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
-	let s = dl(), { renderer: c } = G(), l = Tn(t, e, !0), u = Hc(l), d = s.answerGroupLayout === "rows" ? Du(u, l.blanks, n) : u.map((e, t) => ({
+function Hu({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
+	let s = il(), { renderer: c } = G(), l = Tn(t, e, !0), u = Hc(l), d = s.answerGroupLayout === "rows" ? Iu(u, l.blanks, n) : u.map((e, t) => ({
 		kind: "detailed",
 		contents: e.contents.map((e, n) => /* @__PURE__ */ a(q, { content: e }, `group-${t}-answer-${n}`)),
 		marker: s.blankAnswerMarker(e.blankIds, l.blanks, n, r.blankLabel)
@@ -7827,7 +7921,7 @@ function Nu({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
 		className: c.element,
 		children: [
 			/* @__PURE__ */ a(q, { content: l.content }),
-			Pu(l, r.candidateOptions, c, s.candidateLayout),
+			Uu(l, r.candidateOptions, c, s.candidateLayout, s.markerSuffix),
 			i ? /* @__PURE__ */ a(J, {
 				groups: d,
 				title: r.standardAnswer
@@ -7835,20 +7929,20 @@ function Nu({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
 		]
 	});
 }
-function Pu(e, t, n, r) {
-	var i, s;
-	let c = (i = e.candidateOptions) == null ? [] : i, l = (s = e.blankOptionGroups) == null ? [] : s;
-	return !c.length && !l.length ? null : r === "plain-list" ? /* @__PURE__ */ o("div", {
+function Uu(e, t, n, r, i) {
+	var s, c;
+	let l = (s = e.candidateOptions) == null ? [] : s, u = (c = e.blankOptionGroups) == null ? [] : c;
+	return !l.length && !u.length ? null : r === "plain-list" ? /* @__PURE__ */ o("div", {
 		className: n["candidate-section"],
 		children: [/* @__PURE__ */ a("span", {
 			className: n["section-title"],
 			children: t
-		}), /* @__PURE__ */ o("ol", {
+		}), /* @__PURE__ */ o(ml, {
 			className: n["candidate-list"],
-			children: [c.map((e) => /* @__PURE__ */ a("li", {
+			children: [l.map((e) => /* @__PURE__ */ a(hl, {
 				className: n["candidate-item"],
 				children: /* @__PURE__ */ a(q, { content: e.content })
-			}, e.optionId)), l.reduce((e, t) => [...e, ...t.options.map((e) => /* @__PURE__ */ a("li", {
+			}, e.optionId)), u.reduce((e, t) => [...e, ...t.options.map((e) => /* @__PURE__ */ a(hl, {
 				className: n["candidate-item"],
 				children: /* @__PURE__ */ a(q, { content: e.content })
 			}, `${t.blankId}-${e.optionId}`))], [])]
@@ -7858,21 +7952,21 @@ function Pu(e, t, n, r) {
 		children: [/* @__PURE__ */ a("span", {
 			className: n["section-title"],
 			children: t
-		}), c.length > 0 ? /* @__PURE__ */ a($l, { children: c.map((e, t) => /* @__PURE__ */ o("li", {
+		}), l.length > 0 ? /* @__PURE__ */ a(su, { children: l.map((e, t) => /* @__PURE__ */ o(hl, {
 			className: n["candidate-item"],
 			children: [/* @__PURE__ */ o("span", {
 				className: n.marker,
-				children: [an("upperAlpha", t), "."]
+				children: [an("upperAlpha", t), i]
 			}), /* @__PURE__ */ a(q, { content: e.content })]
-		}, e.optionId)) }) : /* @__PURE__ */ a("ol", {
+		}, e.optionId)) }) : /* @__PURE__ */ a(ml, {
 			className: n["candidate-list"],
-			"data-candidate-layout": "per-blank",
-			children: l.map((e, t) => /* @__PURE__ */ o("li", {
+			dataCandidateLayout: "per-blank",
+			children: u.map((e, t) => /* @__PURE__ */ o(hl, {
 				className: n["candidate-item"],
 				children: [/* @__PURE__ */ o("span", {
 					className: n.marker,
-					children: [t + 1, "."]
-				}), /* @__PURE__ */ a($l, { children: e.options.map((e) => /* @__PURE__ */ a("li", {
+					children: [t + 1, i]
+				}), /* @__PURE__ */ a(su, { children: e.options.map((e) => /* @__PURE__ */ a(hl, {
 					className: n["candidate-item"],
 					children: /* @__PURE__ */ a(q, { content: e.content })
 				}, e.optionId)) })]
@@ -7882,7 +7976,7 @@ function Pu(e, t, n, r) {
 }
 //#endregion
 //#region src/question/renderers/QuestionJudgementGroupView.tsx
-function Fu({ element: e, item: t, messages: n, showAnswer: r, stem: i }) {
+function Wu({ element: e, item: t, messages: n, showAnswer: r, stem: i }) {
 	let { renderer: s } = G(), c = ln(e.config.judgeAnswerMode), l = [{
 		kind: "detailed",
 		contents: un(e.config.judgeAnswerMode, t.answers),
@@ -7899,9 +7993,11 @@ function Fu({ element: e, item: t, messages: n, showAnswer: r, stem: i }) {
 				className: s["judgement-placeholder"],
 				children: "\uff08\u3000\uff09"
 			})]
-		}) : /* @__PURE__ */ a("ol", {
+		}) : /* @__PURE__ */ a(au, {
 			className: s["judgement-list"],
-			children: c.map(({ label: e, value: t }) => /* @__PURE__ */ a("li", {
+			columnCount: 2,
+			role: "list",
+			children: c.map(({ label: e, value: t }) => /* @__PURE__ */ a(hl, {
 				className: s["judgement-item"],
 				children: e
 			}, String(t)))
@@ -7913,30 +8009,31 @@ function Fu({ element: e, item: t, messages: n, showAnswer: r, stem: i }) {
 }
 //#endregion
 //#region src/question/renderers/QuestionLineConnectView.tsx
-function Iu({ item: e, messages: t, showAnswer: n }) {
-	let { lineConnectColumnTitleVisibility: r } = dl(), { lineConnect: i, renderer: s } = G(), c = { gridTemplateColumns: `repeat(${e.columns.length}, minmax(12rem, 1fr))` };
+function Gu({ item: e, messages: t, showAnswer: n }) {
+	let { lineConnectColumnTitleVisibility: r, markerSuffix: i } = il(), { lineConnect: s, renderer: c } = G();
 	return /* @__PURE__ */ o("div", {
-		className: s.element,
+		className: c.element,
 		children: [/* @__PURE__ */ a("div", {
-			className: i.board,
-			children: /* @__PURE__ */ a("div", {
-				className: i.columns,
-				style: c,
+			className: s.board,
+			children: /* @__PURE__ */ a(au, {
+				className: s.columns,
+				columnCount: e.columns.length,
+				style: { gridTemplateColumns: `repeat(${e.columns.length}, minmax(12rem, 1fr))` },
 				children: e.columns.map((e, n) => {
-					let s = `${t.tableColumn} ${n + 1}`;
+					let c = `${t.tableColumn} ${n + 1}`;
 					return /* @__PURE__ */ o("section", {
-						"aria-label": r === "accessible-only" ? s : void 0,
-						className: i.column,
+						"aria-label": r === "accessible-only" ? c : void 0,
+						className: s.column,
 						children: [r === "visible" ? /* @__PURE__ */ a("span", {
-							className: i["column-title"],
-							children: s
+							className: s["column-title"],
+							children: c
 						}) : null, e.items.map((t, n) => {
 							let r = on(e.labelStyle, n);
 							return /* @__PURE__ */ o("div", {
-								className: i.item,
-								children: [r ? /* @__PURE__ */ a("span", {
-									className: i.marker,
-									children: r
+								className: s.item,
+								children: [r ? /* @__PURE__ */ o("span", {
+									className: s.marker,
+									children: [r, i]
 								}) : null, /* @__PURE__ */ a(q, { content: t.content })]
 							}, t.itemId);
 						})]
@@ -7944,79 +8041,80 @@ function Iu({ item: e, messages: t, showAnswer: n }) {
 				})
 			})
 		}), n ? /* @__PURE__ */ a(J, {
-			groups: Bl(e),
+			groups: Gl(e),
 			title: t.standardAnswer
 		}) : null]
 	});
 }
 //#endregion
 //#region src/question/renderers/QuestionMatchingView.tsx
-function Lu({ item: e, messages: t, showAnswer: n }) {
-	let { matchingAnswerLayout: r } = dl(), { matching: i, renderer: s } = G();
+function Ku({ item: e, messages: t, showAnswer: n }) {
+	let { markerSuffix: r, matchingAnswerLayout: i } = il(), { matching: s, renderer: c } = G();
 	return /* @__PURE__ */ o("div", {
-		className: s.element,
+		className: c.element,
 		children: [/* @__PURE__ */ a("div", {
-			className: i.board,
-			children: /* @__PURE__ */ a("div", {
-				className: i.columns,
+			className: s.board,
+			children: /* @__PURE__ */ a(au, {
+				className: s.columns,
+				columnCount: e.columns.length,
 				children: e.columns.map((e) => /* @__PURE__ */ a("section", {
-					className: i.column,
+					className: s.column,
 					children: e.items.map((t, n) => {
-						let r = sn(e.labelStyle, n);
+						let i = sn(e.labelStyle, n);
 						return /* @__PURE__ */ o("div", {
-							className: i.item,
-							children: [r ? /* @__PURE__ */ a("span", {
-								className: i.marker,
-								children: r
+							className: s.item,
+							children: [i ? /* @__PURE__ */ o("span", {
+								className: s.marker,
+								children: [i, r]
 							}) : null, /* @__PURE__ */ a(q, { content: t.content })]
 						}, t.itemId);
 					})
 				}, e.columnId))
 			})
 		}), n ? /* @__PURE__ */ a(J, {
-			groups: r === "marker-path" ? Gl(e) : Wl(e),
+			groups: i === "marker-path" ? Xl(e) : Yl(e),
 			title: t.standardAnswer
 		}) : null]
 	});
 }
 //#endregion
 //#region src/question/renderers/QuestionOptionGroupView.tsx
-function Ru({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
-	let { optionStandardAnswer: s } = dl(), { renderer: c, table: l } = G(), u = dn(t, e.config.optionLabelStyle), d = Xl(e, t), f = s === "value-only" ? zu(d.map((e) => e.marker), n) : d;
+function qu({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
+	let { markerSuffix: s, optionStandardAnswer: c } = il(), { renderer: l, table: u } = G(), d = dn(t, e.config.optionLabelStyle), f = tu(e, t), p = c === "value-only" ? Ju(f.map((e) => e.marker), n) : f;
 	return e.config.renderer === "table" ? /* @__PURE__ */ o("div", {
-		className: c.element,
+		className: l.element,
 		children: [/* @__PURE__ */ a("div", {
-			className: l["table-wrap"],
+			className: u["table-wrap"],
 			children: /* @__PURE__ */ o("table", {
-				className: l.table,
+				className: u.table,
 				children: [
-					/* @__PURE__ */ o("colgroup", { children: [/* @__PURE__ */ a("col", { className: l["table-option-column"] }), t.columns.map((e) => /* @__PURE__ */ a("col", {}, e.id))] }),
+					/* @__PURE__ */ o("colgroup", { children: [/* @__PURE__ */ a("col", { className: u["table-option-column"] }), t.columns.map((e) => /* @__PURE__ */ a("col", {}, e.id))] }),
 					/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("th", { children: r.option }), t.columns.map((e) => /* @__PURE__ */ a("th", { children: /* @__PURE__ */ a(q, { content: e.content }) }, e.id))] }) }),
-					/* @__PURE__ */ a("tbody", { children: u.map((e) => /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("td", { children: /* @__PURE__ */ a("span", {
-						className: l["table-option-marker"],
-						children: e.marker
+					/* @__PURE__ */ a("tbody", { children: d.map((e) => /* @__PURE__ */ o("tr", { children: [/* @__PURE__ */ a("td", { children: /* @__PURE__ */ o("span", {
+						className: u["table-option-marker"],
+						children: [e.marker, s]
 					}) }), e.cells.map((t, n) => /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(q, { content: t }) }, `${e.optionId}-cell-${n}`))] }, e.optionId)) })
 				]
 			})
 		}), i ? /* @__PURE__ */ a(J, {
-			groups: f,
+			groups: p,
 			title: r.standardAnswer
 		}) : null]
 	}) : /* @__PURE__ */ o("div", {
-		className: c.element,
-		children: [/* @__PURE__ */ a($l, { children: u.map((e) => /* @__PURE__ */ o("li", {
-			className: c["option-item"],
-			children: [/* @__PURE__ */ a("span", {
-				className: c.marker,
-				children: e.marker
+		className: l.element,
+		children: [/* @__PURE__ */ a(su, { children: d.map((e) => /* @__PURE__ */ o(hl, {
+			className: l["option-item"],
+			children: [/* @__PURE__ */ o("span", {
+				className: l.marker,
+				children: [e.marker, s]
 			}), /* @__PURE__ */ a(q, { content: e.standardContent })]
 		}, e.optionId)) }), i ? /* @__PURE__ */ a(J, {
-			groups: f,
+			groups: p,
 			title: r.standardAnswer
 		}) : null]
 	});
 }
-function zu(e, t) {
+function Ju(e, t) {
 	let n = e.filter(Boolean).join(t === "zh-CN" ? "\uff1b" : "; ");
 	return n ? [{
 		contents: [n],
@@ -8026,36 +8124,36 @@ function zu(e, t) {
 }
 //#endregion
 //#region src/question/renderers/QuestionOrderingView.tsx
-function Bu({ item: e, messages: t, showAnswer: n }) {
-	let { renderer: r } = G();
+function Yu({ item: e, messages: t, showAnswer: n }) {
+	let { markerSuffix: r } = il(), { renderer: i } = G();
 	return /* @__PURE__ */ o("div", {
-		className: r.element,
-		children: [/* @__PURE__ */ a("ol", {
-			className: r["option-list"],
-			children: e.sortOptions.map((e, t) => /* @__PURE__ */ o("li", {
-				className: r["option-item"],
-				children: [/* @__PURE__ */ a("span", {
-					className: r.marker,
-					children: t + 1
+		className: i.element,
+		children: [/* @__PURE__ */ a(ml, {
+			className: i["option-list"],
+			children: e.sortOptions.map((e, t) => /* @__PURE__ */ o(hl, {
+				className: i["option-item"],
+				children: [/* @__PURE__ */ o("span", {
+					className: i.marker,
+					children: [t + 1, r]
 				}), /* @__PURE__ */ a(q, { content: e.content })]
 			}, e.id))
 		}), n ? /* @__PURE__ */ a(J, {
-			groups: nu(e),
+			groups: du(e),
 			title: t.standardAnswer
 		}) : null]
 	});
 }
 //#endregion
 //#region src/question/renderers/QuestionWordBuilderView.tsx
-function Vu({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
-	let s = dl(), { renderer: c } = G(), l = wn(t, !0, e), u = uu(l, (e, t) => s.blankAnswerMarker(e, t, n, r.blankLabel));
+function Xu({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
+	let s = il(), { renderer: c } = G(), l = wn(t, !0, e), u = yu(l, (e, t) => s.blankAnswerMarker(e, t, n, r.blankLabel));
 	return /* @__PURE__ */ o("div", {
 		className: c.element,
 		children: [
-			/* @__PURE__ */ a(yl, {
+			/* @__PURE__ */ a(Cl, {
 				content: l.content,
 				renderBlank: ({ blankId: e, index: t, label: i }) => /* @__PURE__ */ a("span", {
-					"aria-label": s.blankPlaceholder === "answer-line" ? rl(t + 1, n) : i || `${r.blankLabel}${t + 1}`,
+					"aria-label": s.blankPlaceholder === "answer-line" ? Yc(t + 1, n) : i || `${r.blankLabel}${t + 1}`,
 					className: c["word-builder-blank"],
 					"data-blank-id": e
 				})
@@ -8065,9 +8163,11 @@ function Vu({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
 				children: [/* @__PURE__ */ a("span", {
 					className: c["section-title"],
 					children: r.candidateOptions
-				}), /* @__PURE__ */ a("ol", {
+				}), /* @__PURE__ */ a(au, {
 					className: c["word-builder-candidate-list"],
-					children: l.candidateOptions.map((e, t) => /* @__PURE__ */ a("li", {
+					columnCount: Math.min(l.candidateOptions.length, 4),
+					role: "list",
+					children: l.candidateOptions.map((e, t) => /* @__PURE__ */ a(hl, {
 						className: c["candidate-item"],
 						children: e
 					}, `${e}-${t}`))
@@ -8082,25 +8182,25 @@ function Vu({ element: e, item: t, locale: n, messages: r, showAnswer: i }) {
 }
 //#endregion
 //#region src/question/renderers/QuestionContentElementView.tsx
-function Hu({ element: e, item: t, judgementStem: n, locale: r, messages: i, showAnswer: o }) {
-	let { textResponseVisibility: s } = dl(), { textResponse: c } = G();
+function Zu({ element: e, item: t, judgementStem: n, locale: r, messages: i, showAnswer: o }) {
+	let { textResponseVisibility: s } = il(), { textResponse: c } = G();
 	if (e.type !== t.type) throw Error(`\u9898\u76ee\u5143\u7d20\u7ed3\u6784\u4e0d\u5339\u914d\uff0cexpected=${e.type}\uff0cactual=${t.type}`);
-	return e.type === "richText" ? /* @__PURE__ */ a(q, { content: t.content }) : e.type === "textResponse" ? s === "hidden" ? null : /* @__PURE__ */ a(Eu, {
+	return e.type === "richText" ? /* @__PURE__ */ a(q, { content: t.content }) : e.type === "textResponse" ? s === "hidden" ? null : /* @__PURE__ */ a(Fu, {
 		className: c.placeholder,
 		label: i.textResponsePlaceholder
-	}) : e.type === "ordering" ? /* @__PURE__ */ a(Bu, {
+	}) : e.type === "ordering" ? /* @__PURE__ */ a(Yu, {
 		item: t,
 		messages: i,
 		showAnswer: o
-	}) : e.type === "classification" ? /* @__PURE__ */ a(Mu, {
+	}) : e.type === "classification" ? /* @__PURE__ */ a(Vu, {
 		item: t,
 		messages: i,
 		showAnswer: o
-	}) : e.type === "textMarker" ? /* @__PURE__ */ a(su, {
+	}) : e.type === "textMarker" ? /* @__PURE__ */ a(gu, {
 		item: t,
 		messages: i,
 		showAnswer: o
-	}) : Uu({
+	}) : Qu({
 		element: e,
 		item: t,
 		judgementStem: n,
@@ -8109,48 +8209,48 @@ function Hu({ element: e, item: t, judgementStem: n, locale: r, messages: i, sho
 		showAnswer: o
 	});
 }
-function Uu({ element: e, item: t, judgementStem: n, locale: r, messages: i, showAnswer: o }) {
+function Qu({ element: e, item: t, judgementStem: n, locale: r, messages: i, showAnswer: o }) {
 	switch (e.type) {
-		case "choice": return /* @__PURE__ */ a(Ru, {
+		case "choice": return /* @__PURE__ */ a(qu, {
 			element: e,
 			item: t,
 			locale: r,
 			messages: i,
 			showAnswer: o
 		});
-		case "fill": return /* @__PURE__ */ a(Au, {
+		case "fill": return /* @__PURE__ */ a(zu, {
 			item: t,
 			locale: r,
 			messages: i,
 			showAnswer: o
 		});
-		case "inlineFill": return /* @__PURE__ */ a(Nu, {
+		case "inlineFill": return /* @__PURE__ */ a(Hu, {
 			element: e,
 			item: t,
 			locale: r,
 			messages: i,
 			showAnswer: o
 		});
-		case "wordBuilder": return /* @__PURE__ */ a(Vu, {
+		case "wordBuilder": return /* @__PURE__ */ a(Xu, {
 			element: e,
 			item: t,
 			locale: r,
 			messages: i,
 			showAnswer: o
 		});
-		case "judgement": return /* @__PURE__ */ a(Fu, {
+		case "judgement": return /* @__PURE__ */ a(Wu, {
 			element: e,
 			item: t,
 			stem: n,
 			messages: i,
 			showAnswer: o
 		});
-		case "lineConnect": return /* @__PURE__ */ a(Iu, {
+		case "lineConnect": return /* @__PURE__ */ a(Gu, {
 			item: t,
 			messages: i,
 			showAnswer: o
 		});
-		case "matching": return /* @__PURE__ */ a(Lu, {
+		case "matching": return /* @__PURE__ */ a(Ku, {
 			item: t,
 			messages: i,
 			showAnswer: o
@@ -8159,7 +8259,7 @@ function Uu({ element: e, item: t, judgementStem: n, locale: r, messages: i, sho
 }
 //#endregion
 //#region src/question/preview/question-preview-layout.ts
-var Wu = l({
+var $u = l({
 	root: "_root_13x11_1",
 	empty: "_empty_13x11_17",
 	"element-list": "_element-list_13x11_29",
@@ -8168,13 +8268,13 @@ var Wu = l({
 	extra: "_extra_13x11_40",
 	child: "_child_13x11_30"
 });
-function Gu() {
-	return d(Wu);
+function ed() {
+	return d($u);
 }
 //#endregion
 //#region src/question/preview/QuestionCompositePreview.tsx
-function Ku({ childIndexPath: e = [], messages: t, renderChild: n, rootQuestionNumber: r, value: i }) {
-	let o = Gu();
+function td({ childIndexPath: e = [], messages: t, renderChild: n, rootQuestionNumber: r, value: i }) {
+	let o = ed();
 	return i.children.length === 0 ? /* @__PURE__ */ a("div", {
 		className: o.empty,
 		children: t.previewEmpty
@@ -8195,18 +8295,21 @@ function Ku({ childIndexPath: e = [], messages: t, renderChild: n, rootQuestionN
 }
 //#endregion
 //#region src/question/preview/QuestionPreviewContent.tsx
-var qu = ["locale"];
-function Ju(e) {
-	let { locale: t = "zh-CN" } = e, n = Ca(e, qu), r = ws(n.value, n.questionTypeTemplates);
-	return /* @__PURE__ */ a(Yu, j(j({}, n), {}, {
-		childIndexPath: [],
-		locale: t,
-		messages: Fc(t),
-		value: r
-	}));
+var nd = ["locale"];
+function rd(e) {
+	let { locale: t = "zh-CN" } = e, n = Ca(e, nd), r = ws(n.value, n.questionTypeTemplates);
+	return /* @__PURE__ */ a(rl.Provider, {
+		value: t,
+		children: /* @__PURE__ */ a(id, j(j({}, n), {}, {
+			childIndexPath: [],
+			locale: t,
+			messages: Fc(t),
+			value: r
+		}))
+	});
 }
-function Yu({ childIndexPath: e, className: t, locale: n, messages: r, presentation: s, rootQuestionNumber: c, showAnswer: l = !1, showExtraAttributes: u = !1, questionTypeTemplates: d, value: f }) {
-	let p = Gu(), m = oa(d, f);
+function id({ childIndexPath: e, className: t, locale: n, messages: r, presentation: s, rootQuestionNumber: c, showAnswer: l = !1, showExtraAttributes: u = !1, questionTypeTemplates: d, value: f }) {
+	let p = ed(), m = oa(d, f);
 	if (!m) return /* @__PURE__ */ a("div", {
 		className: U(p.root, t),
 		"data-locale": n,
@@ -8220,11 +8323,11 @@ function Yu({ childIndexPath: e, className: t, locale: n, messages: r, presentat
 		className: p["element-list"],
 		children: m.elements.map((e, t) => {
 			var i;
-			if (s === "print" && e.type === "richText" && ((i = Zu(m.elements, t + 1)) == null ? void 0 : i.type) === "judgement") return null;
-			let o = nn(f, t, e), c = s === "print" ? Xu(m, f, t) : void 0;
+			if (s === "print" && e.type === "richText" && ((i = od(m.elements, t + 1)) == null ? void 0 : i.type) === "judgement") return null;
+			let o = nn(f, t, e), c = s === "print" ? ad(m, f, t) : void 0;
 			return /* @__PURE__ */ a("section", {
 				className: p.element,
-				children: /* @__PURE__ */ a(Hu, {
+				children: /* @__PURE__ */ a(Zu, {
 					element: e,
 					item: o,
 					judgementStem: c,
@@ -8240,19 +8343,19 @@ function Yu({ childIndexPath: e, className: t, locale: n, messages: r, presentat
 			let i = rn(f, t, e);
 			return F(i.content) ? null : /* @__PURE__ */ o("section", {
 				className: p.extra,
-				children: [/* @__PURE__ */ a(Xc, { children: e.name }), /* @__PURE__ */ a(Hu, {
-					element: $u(e),
-					item: ed(i),
+				children: [/* @__PURE__ */ a(fl, { children: e.name }), /* @__PURE__ */ a(Zu, {
+					element: cd(e),
+					item: ld(i),
 					locale: n,
 					messages: r,
 					showAnswer: !1
 				})]
 			}, `${e.type}-${t}`);
 		})
-	}) : null, _ = f.children.length === 0 ? null : /* @__PURE__ */ a(Ku, {
+	}) : null, _ = f.children.length === 0 ? null : /* @__PURE__ */ a(td, {
 		childIndexPath: e,
 		messages: r,
-		renderChild: (e, t) => /* @__PURE__ */ a(Yu, {
+		renderChild: (e, t) => /* @__PURE__ */ a(id, {
 			childIndexPath: t,
 			locale: n,
 			messages: r,
@@ -8270,7 +8373,7 @@ function Yu({ childIndexPath: e, className: t, locale: n, messages: r, presentat
 		className: U(p.root, t),
 		"data-locale": n,
 		"data-question-presentation": s,
-		children: Qu(m, f) ? /* @__PURE__ */ a("div", {
+		children: sd(m, f) ? /* @__PURE__ */ a("div", {
 			className: p.empty,
 			children: r.previewEmpty
 		}) : /* @__PURE__ */ o(i, { children: [
@@ -8280,24 +8383,24 @@ function Yu({ childIndexPath: e, className: t, locale: n, messages: r, presentat
 		] })
 	});
 }
-function Xu(e, t, n) {
-	let r = Zu(e.elements, n), i = Zu(e.elements, n - 1);
+function ad(e, t, n) {
+	let r = od(e.elements, n), i = od(e.elements, n - 1);
 	if (!((r == null ? void 0 : r.type) !== "judgement" || (i == null ? void 0 : i.type) !== "richText")) return nn(t, n - 1, i).content;
 }
-function Zu(e, t) {
+function od(e, t) {
 	return t >= 0 ? e.slice(t, t + 1)[0] : void 0;
 }
-function Qu(e, t) {
+function sd(e, t) {
 	return t.elements.length === 0 && t.extras.length === 0 && t.children.length === 0;
 }
-function $u(e) {
+function cd(e) {
 	return {
 		config: {},
 		name: e.name,
 		type: "richText"
 	};
 }
-function ed(e) {
+function ld(e) {
 	return {
 		content: e.content,
 		type: "richText"
@@ -8305,88 +8408,88 @@ function ed(e) {
 }
 //#endregion
 //#region src/question/preview/QuestionPreview.tsx
-function td(e) {
-	return /* @__PURE__ */ a(Ju, j(j({}, e), {}, { presentation: "preview" }));
+function ud(e) {
+	return /* @__PURE__ */ a(rd, j(j({}, e), {}, { presentation: "preview" }));
 }
 //#endregion
 //#region src/question/preview/QuestionPrintAnswer.module.css
-var nd = {
-	"answer-panel": "_answer-panel_1tus4_1",
-	"answer-list": "_answer-list_1tus4_10",
-	"answer-row": "_answer-row_1tus4_27",
-	"answer-marker": "_answer-marker_1tus4_35",
-	"answer-marker-only": "_answer-marker-only_1tus4_43",
-	"answer-content-list": "_answer-content-list_1tus4_47",
-	"answer-value": "_answer-value_1tus4_56"
-}, rd = {
-	"blank-list": "_blank-list_1e7l0_1",
-	"blank-item": "_blank-item_1e7l0_11",
-	"blank-field": "_blank-field_1e7l0_17"
-}, id = {
-	board: "_board_s95se_1",
-	pool: "_pool_s95se_6",
-	zones: "_zones_s95se_13",
-	zone: "_zone_s95se_13",
-	"zone-title": "_zone-title_s95se_28",
-	item: "_item_s95se_35",
-	empty: "_empty_s95se_41"
-}, ad = {
-	board: "_board_1cujb_1",
-	columns: "_columns_1cujb_7",
-	"column-title": "_column-title_1cujb_13"
-}, od = {
-	board: "_board_1nfae_1",
-	columns: "_columns_1nfae_6"
-}, sd = {
+var dd = {
+	"answer-panel": "_answer-panel_1yaiz_1",
+	"answer-list": "_answer-list_1yaiz_8",
+	"answer-row": "_answer-row_1yaiz_20",
+	"answer-marker": "_answer-marker_1yaiz_31",
+	"answer-marker-only": "_answer-marker-only_1yaiz_39",
+	"answer-content-list": "_answer-content-list_1yaiz_43",
+	"answer-value": "_answer-value_1yaiz_49"
+}, fd = {
+	"blank-list": "_blank-list_14bj2_1",
+	"blank-item": "_blank-item_14bj2_9",
+	"blank-field": "_blank-field_14bj2_15"
+}, pd = {
+	board: "_board_fqylx_1",
+	pool: "_pool_fqylx_5",
+	zones: "_zones_fqylx_11",
+	zone: "_zone_fqylx_11",
+	"zone-title": "_zone-title_fqylx_22",
+	item: "_item_fqylx_28",
+	empty: "_empty_fqylx_34"
+}, md = {
+	board: "_board_1qh77_1",
+	columns: "_columns_1qh77_6",
+	"column-title": "_column-title_1qh77_11"
+}, hd = {
+	board: "_board_rmc9z_1",
+	columns: "_columns_rmc9z_5"
+}, gd = {
 	media: "_media_a9b7d_1",
 	"math-inline": "_math-inline_a9b7d_9"
-}, cd = {
-	"rich-content": "_rich-content_1w02n_1",
-	element: "_element_1w02n_64",
-	"option-list": "_option-list_1w02n_66",
-	"candidate-list": "_candidate-list_1w02n_66",
-	"judgement-list": "_judgement-list_1w02n_66",
-	"candidate-item": "_candidate-item_1w02n_77",
-	"judgement-row": "_judgement-row_1w02n_80",
-	"judgement-placeholder": "_judgement-placeholder_1w02n_88",
-	"option-item": "_option-item_1w02n_95",
-	"judgement-item": "_judgement-item_1w02n_97",
-	marker: "_marker_1w02n_111",
-	"labeled-column": "_labeled-column_1w02n_118",
-	"labeled-item": "_labeled-item_1w02n_124",
-	"labeled-marker": "_labeled-marker_1w02n_132",
-	"candidate-section": "_candidate-section_1w02n_142",
-	"section-title": "_section-title_1w02n_149",
-	"word-builder-blank": "_word-builder-blank_1w02n_155",
-	"word-builder-candidate-list": "_word-builder-candidate-list_1w02n_169"
-}, ld = { title: "_title_uqy9p_1" }, ud = {
-	"table-wrap": "_table-wrap_1pmla_1",
-	table: "_table_1pmla_1",
-	"table-option-column": "_table-option-column_1pmla_13",
-	"table-option-marker": "_table-option-marker_1pmla_32"
-}, dd = {
+}, _d = {
+	"rich-content": "_rich-content_6llgo_1",
+	element: "_element_6llgo_61",
+	"option-list": "_option-list_6llgo_63",
+	"candidate-list": "_candidate-list_6llgo_63",
+	"judgement-list": "_judgement-list_6llgo_63",
+	"candidate-item": "_candidate-item_6llgo_71",
+	"judgement-row": "_judgement-row_6llgo_75",
+	"judgement-placeholder": "_judgement-placeholder_6llgo_86",
+	"option-item": "_option-item_6llgo_92",
+	"judgement-item": "_judgement-item_6llgo_94",
+	marker: "_marker_6llgo_103",
+	"labeled-column": "_labeled-column_6llgo_110",
+	"labeled-item": "_labeled-item_6llgo_115",
+	"labeled-marker": "_labeled-marker_6llgo_127",
+	"candidate-section": "_candidate-section_6llgo_132",
+	"section-title": "_section-title_6llgo_142",
+	"word-builder-blank": "_word-builder-blank_6llgo_148",
+	"word-builder-candidate-list": "_word-builder-candidate-list_6llgo_162"
+}, vd = { title: "_title_1csak_1" }, yd = {
+	"table-wrap": "_table-wrap_1epdp_1",
+	table: "_table_1epdp_1",
+	"table-option-column": "_table-option-column_1epdp_13",
+	"table-option-marker": "_table-option-marker_1epdp_31"
+}, bd = {
 	content: "_content_1gnvb_1",
 	paragraph: "_paragraph_1gnvb_10",
 	marker: "_marker_1gnvb_14",
 	"marker-button": "_marker-button_1gnvb_21",
 	"marker-selected": "_marker-selected_1gnvb_30",
 	"marker-answer": "_marker-answer_1gnvb_31"
-}, fd = { placeholder: "_placeholder_np8ps_1" }, pd = {
-	column: cd["labeled-column"],
-	item: cd["labeled-item"],
-	marker: cd["labeled-marker"]
-}, md = {
-	answer: nd,
-	blankGroup: rd,
-	classification: id,
-	lineConnect: j(j({}, ad), pd),
-	matching: j(j({}, od), pd),
-	renderer: j(j({}, cd), {}, { "rich-content": `${cd["rich-content"]} ${sd.media}` }),
-	sectionTitle: ld,
-	table: ud,
-	textMarker: dd,
-	textResponse: fd
-}, hd = {
+}, xd = { placeholder: "_placeholder_np8ps_1" }, Sd = {
+	column: _d["labeled-column"],
+	item: _d["labeled-item"],
+	marker: _d["labeled-marker"]
+}, Cd = {
+	answer: dd,
+	blankGroup: fd,
+	classification: pd,
+	lineConnect: j(j({}, md), Sd),
+	matching: j(j({}, hd), Sd),
+	renderer: j(j({}, _d), {}, { "rich-content": `${_d["rich-content"]} ${gd.media}` }),
+	sectionTitle: vd,
+	table: yd,
+	textMarker: bd,
+	textResponse: xd
+}, wd = {
 	root: "_root_1mvma_1",
 	empty: "_empty_1mvma_21",
 	"element-list": "_element-list_1mvma_29",
@@ -8397,19 +8500,19 @@ var nd = {
 };
 //#endregion
 //#region src/question/preview/QuestionPrintPreview.tsx
-function gd(e) {
-	return /* @__PURE__ */ a(ul.Provider, {
-		value: ll,
-		children: /* @__PURE__ */ a(Yc.Provider, {
-			value: md,
-			children: /* @__PURE__ */ a(Wu.Provider, {
-				value: hd,
-				children: /* @__PURE__ */ a(Ju, j(j({}, e), {}, { presentation: "print" }))
+function Td(e) {
+	return /* @__PURE__ */ a(nl.Provider, {
+		value: tl,
+		children: /* @__PURE__ */ a(dl.Provider, {
+			value: Cd,
+			children: /* @__PURE__ */ a($u.Provider, {
+				value: wd,
+				children: /* @__PURE__ */ a(rd, j(j({}, e), {}, { presentation: "print" }))
 			})
 		})
 	});
 }
-var _d = {
+var Ed = {
 	root: "_root_17bqr_1",
 	toolbar: "_toolbar_17bqr_26",
 	"toolbar-title": "_toolbar-title_17bqr_36",
@@ -8461,7 +8564,7 @@ var _d = {
 	"palette-section": "_palette-section_vhj2r_56",
 	"palette-section-title": "_palette-section-title_vhj2r_62",
 	"palette-button": "_palette-button_vhj2r_70"
-}, vd = {
+}, Dd = {
 	"en-US": {
 		addElement: "Add element",
 		addExtra: "Add extra attribute",
@@ -8683,24 +8786,24 @@ var _d = {
 		wordBuilderLabel: "\u7ec4\u8bcd\u62fc\u5199"
 	}
 };
-function yd(e, t) {
+function Od(e, t) {
 	var n;
 	return (n = e.extraDescriptions.get(t)) == null ? t : n;
 }
-function bd(e, t) {
+function kd(e, t) {
 	var n;
 	return (n = e.extraLabels.get(t)) == null ? t : n;
 }
-function xd(e) {
+function Ad(e) {
 	switch (e) {
-		case "en-US": return vd["en-US"];
-		case "zh-CN": return vd["zh-CN"];
+		case "en-US": return Dd["en-US"];
+		case "zh-CN": return Dd["zh-CN"];
 	}
 }
-function Sd(e, t) {
-	return t === "richText" ? e.richTextDescription : t === "ordering" ? e.orderingDescription : Td(e, t);
+function jd(e, t) {
+	return t === "richText" ? e.richTextDescription : t === "ordering" ? e.orderingDescription : Pd(e, t);
 }
-var Cd = {
+var Md = {
 	choice: (e) => e.optionGroupDescription,
 	classification: (e) => e.classificationDescription,
 	fill: (e) => e.blankGroupDescription,
@@ -8711,7 +8814,7 @@ var Cd = {
 	textMarker: (e) => e.textMarkerDescription,
 	textResponse: (e) => e.textResponseDescription,
 	wordBuilder: (e) => e.wordBuilderDescription
-}, wd = {
+}, Nd = {
 	choice: (e) => e.optionGroupLabel,
 	classification: (e) => e.classificationLabel,
 	fill: (e) => e.blankGroupLabel,
@@ -8723,30 +8826,30 @@ var Cd = {
 	textResponse: (e) => e.textResponseLabel,
 	wordBuilder: (e) => e.wordBuilderLabel
 };
-function Td(e, t) {
-	return Cd[t](e);
+function Pd(e, t) {
+	return Md[t](e);
 }
-function Ed(e, t) {
-	return t === "richText" ? e.richTextLabel : t === "ordering" ? e.orderingLabel : Dd(e, t);
+function Fd(e, t) {
+	return t === "richText" ? e.richTextLabel : t === "ordering" ? e.orderingLabel : Id(e, t);
 }
-function Dd(e, t) {
-	return wd[t](e);
+function Id(e, t) {
+	return Nd[t](e);
 }
-function Od(e, t) {
+function Ld(e, t) {
 	var n;
 	return (n = e.optionValueLabels.get(t)) == null ? t : n;
 }
-function kd(e, t) {
+function Rd(e, t) {
 	var n;
 	return (n = e.candidateModeValueLabels.get(t)) == null ? t : n;
 }
-function Ad(e, t) {
+function zd(e, t) {
 	var n;
 	return (n = e.lineConnectLabelStyleLabels.get(t)) == null ? t : n;
 }
 //#endregion
 //#region src/question/structure-editor/QuestionStructureCanvas.tsx
-function jd({ elements: e, extras: t, labels: n, onDeleteElement: r, onDeleteExtra: i, onMoveElement: s, onSelectElement: c, selectedElementClientId: l }) {
+function Bd({ elements: e, extras: t, labels: n, onDeleteElement: r, onDeleteExtra: i, onMoveElement: s, onSelectElement: c, selectedElementClientId: l }) {
 	let [u, d] = h(null);
 	return /* @__PURE__ */ o("section", {
 		className: Q.panel,
@@ -8766,7 +8869,7 @@ function jd({ elements: e, extras: t, labels: n, onDeleteElement: r, onDeleteExt
 			className: Z["element-list"],
 			children: [
 				e.map((t, i) => {
-					let f = t.clientId === l, p = Ed(n, t.type);
+					let f = t.clientId === l, p = Fd(n, t.type);
 					return /* @__PURE__ */ o("div", {
 						className: `${Z["element-card"]} ${f ? Z.active : ""}`,
 						onClick: () => c(t.clientId),
@@ -8830,7 +8933,7 @@ function jd({ elements: e, extras: t, labels: n, onDeleteElement: r, onDeleteExt
 					children: n.extraTitle
 				}) : null,
 				t.map((t, r) => {
-					let s = t.clientId === l, f = bd(n, t.type);
+					let s = t.clientId === l, f = kd(n, t.type);
 					return /* @__PURE__ */ o("div", {
 						className: `${Z["element-card"]} ${s ? Z.active : ""}`,
 						onClick: () => c(t.clientId),
@@ -8879,7 +8982,7 @@ function jd({ elements: e, extras: t, labels: n, onDeleteElement: r, onDeleteExt
 }
 //#endregion
 //#region src/question/structure-editor/QuestionStructurePalette.tsx
-function Md({ addedExtraTypes: e, labels: t, onAddElement: n, onAddExtra: r }) {
+function Vd({ addedExtraTypes: e, labels: t, onAddElement: n, onAddExtra: r }) {
 	let i = new Set(e);
 	return /* @__PURE__ */ o("aside", {
 		className: Q.panel,
@@ -8894,11 +8997,11 @@ function Md({ addedExtraTypes: e, labels: t, onAddElement: n, onAddExtra: r }) {
 			/* @__PURE__ */ a("div", {
 				className: Q.palette,
 				children: ae.map((e) => /* @__PURE__ */ o("button", {
-					"aria-label": `${t.addElement}: ${Ed(t, e)}`,
+					"aria-label": `${t.addElement}: ${Fd(t, e)}`,
 					className: Q["palette-button"],
 					onClick: () => n(e),
 					type: "button",
-					children: [/* @__PURE__ */ a("strong", { children: Ed(t, e) }), /* @__PURE__ */ a("small", { children: Sd(t, e) })]
+					children: [/* @__PURE__ */ a("strong", { children: Fd(t, e) }), /* @__PURE__ */ a("small", { children: jd(t, e) })]
 				}, e))
 			}),
 			/* @__PURE__ */ o("div", {
@@ -8911,12 +9014,12 @@ function Md({ addedExtraTypes: e, labels: t, onAddElement: n, onAddExtra: r }) {
 					children: oe.map((e) => {
 						let n = i.has(e);
 						return /* @__PURE__ */ o("button", {
-							"aria-label": `${t.addExtra}: ${bd(t, e)}`,
+							"aria-label": `${t.addExtra}: ${kd(t, e)}`,
 							className: Q["palette-button"],
 							disabled: n,
 							onClick: () => r(e),
 							type: "button",
-							children: [/* @__PURE__ */ a("strong", { children: bd(t, e) }), /* @__PURE__ */ a("small", { children: yd(t, e) })]
+							children: [/* @__PURE__ */ a("strong", { children: kd(t, e) }), /* @__PURE__ */ a("small", { children: Od(t, e) })]
 						}, e);
 					})
 				})]
@@ -8933,27 +9036,27 @@ var $ = {
 	select: "_select_tgswd_27",
 	textarea: "_textarea_tgswd_28",
 	empty: "_empty_tgswd_61"
-}, Nd = [
+}, Hd = [
 	"none",
 	"sharedPool",
 	"perBlankOptions"
-], Pd = [
+], Ud = [
 	"upperAlpha",
 	"lowerAlpha",
 	"number"
-], Fd = [
+], Wd = [
 	"number",
 	"upperAlpha",
 	"lowerAlpha",
 	"lowerRoman",
 	"chineseNumber",
 	"none"
-], Id = [
+], Gd = [
 	2,
 	3,
 	4,
 	5
-], Ld = ["standard", "table"], Rd = ["single", "multiple"], zd = ["spelling", "sentence"], Bd = [
+], Kd = ["standard", "table"], qd = ["single", "multiple"], Jd = ["spelling", "sentence"], Yd = [
 	"correctWrong",
 	"yesNo",
 	"validInvalid",
@@ -8961,8 +9064,8 @@ var $ = {
 	"rightWrong",
 	"checkCross"
 ];
-function Vd({ description: e, globalConfig: t, isSubjective: n, labels: r, onElementChange: i, onExtraChange: s, onGlobalConfigChange: c, onMetadataChange: l, selectedExtra: u, selectedElement: d }) {
-	let f = Hd({
+function Xd({ description: e, globalConfig: t, isSubjective: n, labels: r, onElementChange: i, onExtraChange: s, onGlobalConfigChange: c, onMetadataChange: l, selectedExtra: u, selectedElement: d }) {
+	let f = Zd({
 		labels: r,
 		onElementChange: i,
 		onExtraChange: s,
@@ -9044,7 +9147,7 @@ function Vd({ description: e, globalConfig: t, isSubjective: n, labels: r, onEle
 		})]
 	});
 }
-function Hd({ labels: e, onElementChange: t, onExtraChange: n, selectedElement: r, selectedExtra: i }) {
+function Zd({ labels: e, onElementChange: t, onExtraChange: n, selectedElement: r, selectedExtra: i }) {
 	return r ? /* @__PURE__ */ o("div", {
 		className: $["form-stack"],
 		children: [
@@ -9064,7 +9167,7 @@ function Hd({ labels: e, onElementChange: t, onExtraChange: n, selectedElement:
 					value: r.enName
 				})]
 			}),
-			Ud(r, e, t)
+			Qd(r, e, t)
 		]
 	}) : i ? /* @__PURE__ */ o("div", {
 		className: $["form-stack"],
@@ -9088,10 +9191,10 @@ function Hd({ labels: e, onElementChange: t, onExtraChange: n, selectedElement:
 		children: e.noElement
 	});
 }
-function Ud(e, t, n) {
-	return e.type === "fill" || e.type === "classification" || e.type === "ordering" || e.type === "richText" || e.type === "textMarker" || e.type === "textResponse" ? null : Wd(e, t, n);
+function Qd(e, t, n) {
+	return e.type === "fill" || e.type === "classification" || e.type === "ordering" || e.type === "richText" || e.type === "textMarker" || e.type === "textResponse" ? null : $d(e, t, n);
 }
-function Wd(e, t, n) {
+function $d(e, t, n) {
 	switch (e.type) {
 		case "inlineFill": return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("label", {
 			className: $["form-row"],
@@ -9099,9 +9202,9 @@ function Wd(e, t, n) {
 				className: $.select,
 				onChange: (t) => n(j(j({}, e), {}, { config: j(j({}, e.config), {}, { candidateMode: t.target.value }) })),
 				value: e.config.candidateMode,
-				children: Nd.map((e) => /* @__PURE__ */ a("option", {
+				children: Hd.map((e) => /* @__PURE__ */ a("option", {
 					value: e,
-					children: kd(t, e)
+					children: Rd(t, e)
 				}, e))
 			})]
 		}), /* @__PURE__ */ o("label", {
@@ -9118,9 +9221,9 @@ function Wd(e, t, n) {
 				className: $.select,
 				onChange: (t) => n(j(j({}, e), {}, { config: { builderMode: t.target.value } })),
 				value: e.config.builderMode,
-				children: zd.map((e) => /* @__PURE__ */ a("option", {
+				children: Jd.map((e) => /* @__PURE__ */ a("option", {
 					value: e,
-					children: Od(t, e)
+					children: Ld(t, e)
 				}, e))
 			})]
 		});
@@ -9130,18 +9233,18 @@ function Wd(e, t, n) {
 				className: $.select,
 				onChange: (t) => n(j(j({}, e), {}, { config: { judgeAnswerMode: t.target.value } })),
 				value: e.config.judgeAnswerMode,
-				children: Bd.map((e) => /* @__PURE__ */ a("option", {
+				children: Yd.map((e) => /* @__PURE__ */ a("option", {
 					value: e,
-					children: Od(t, e)
+					children: Ld(t, e)
 				}, e))
 			})]
 		});
-		case "choice": return Gd(e, t, n);
-		case "lineConnect": return Kd(e, t, n);
-		case "matching": return qd(e, t, n);
+		case "choice": return ef(e, t, n);
+		case "lineConnect": return tf(e, t, n);
+		case "matching": return nf(e, t, n);
 	}
 }
-function Gd(e, t, n) {
+function ef(e, t, n) {
 	return /* @__PURE__ */ o(i, { children: [
 		/* @__PURE__ */ o("label", {
 			className: $["form-row"],
@@ -9149,9 +9252,9 @@ function Gd(e, t, n) {
 				className: $.select,
 				onChange: (t) => n(j(j({}, e), {}, { config: j(j({}, e.config), {}, { selectionType: t.target.value }) })),
 				value: e.config.selectionType,
-				children: Rd.map((e) => /* @__PURE__ */ a("option", {
+				children: qd.map((e) => /* @__PURE__ */ a("option", {
 					value: e,
-					children: Od(t, e)
+					children: Ld(t, e)
 				}, e))
 			})]
 		}),
@@ -9161,9 +9264,9 @@ function Gd(e, t, n) {
 				className: $.select,
 				onChange: (t) => n(j(j({}, e), {}, { config: j(j({}, e.config), {}, { optionLabelStyle: t.target.value }) })),
 				value: e.config.optionLabelStyle,
-				children: Pd.map((e) => /* @__PURE__ */ a("option", {
+				children: Ud.map((e) => /* @__PURE__ */ a("option", {
 					value: e,
-					children: Od(t, e)
+					children: Ld(t, e)
 				}, e))
 			})]
 		}),
@@ -9173,23 +9276,23 @@ function Gd(e, t, n) {
 				className: $.select,
 				onChange: (t) => n(j(j({}, e), {}, { config: j(j({}, e.config), {}, { renderer: t.target.value }) })),
 				value: e.config.renderer,
-				children: Ld.map((e) => /* @__PURE__ */ a("option", {
+				children: Kd.map((e) => /* @__PURE__ */ a("option", {
 					value: e,
-					children: Od(t, e)
+					children: Ld(t, e)
 				}, e))
 			})]
 		})
 	] });
 }
-function Kd(e, t, n) {
-	let r = Jd(e.config.columns);
+function tf(e, t, n) {
+	let r = rf(e.config.columns);
 	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("label", {
 		className: $["form-row"],
 		children: [/* @__PURE__ */ a("span", { children: t.lineConnectColumnCount }), /* @__PURE__ */ a("select", {
 			className: $.select,
-			onChange: (t) => n(j(j({}, e), {}, { config: { columns: Xd(r, Number(t.target.value)) } })),
+			onChange: (t) => n(j(j({}, e), {}, { config: { columns: of(r, Number(t.target.value)) } })),
 			value: r.length,
-			children: Id.map((e) => /* @__PURE__ */ a("option", {
+			children: Gd.map((e) => /* @__PURE__ */ a("option", {
 				value: e,
 				children: e
 			}, e))
@@ -9200,47 +9303,47 @@ function Kd(e, t, n) {
 			className: $.select,
 			onChange: (t) => n(j(j({}, e), {}, { config: { columns: r.map((e, n) => n === s ? { labelStyle: t.target.value } : e) } })),
 			value: i.labelStyle,
-			children: Fd.map((e) => /* @__PURE__ */ a("option", {
+			children: Wd.map((e) => /* @__PURE__ */ a("option", {
 				value: e,
-				children: Ad(t, e)
+				children: zd(t, e)
 			}, e))
 		})]
 	}, `line-column-${s}`))] });
 }
-function qd(e, t, n) {
-	let r = Yd(e.config.columns);
+function nf(e, t, n) {
+	let r = af(e.config.columns);
 	return /* @__PURE__ */ a(i, { children: r.map((i, s) => /* @__PURE__ */ o("label", {
 		className: $["form-row"],
 		children: [/* @__PURE__ */ a("span", { children: t.lineConnectColumnLabel(s + 1) }), /* @__PURE__ */ a("select", {
 			className: $.select,
 			onChange: (t) => n(j(j({}, e), {}, { config: { columns: r.map((e, n) => n === s ? { labelStyle: t.target.value } : e) } })),
 			value: i.labelStyle,
-			children: Fd.map((e) => /* @__PURE__ */ a("option", {
+			children: Wd.map((e) => /* @__PURE__ */ a("option", {
 				value: e,
-				children: Ad(t, e)
+				children: zd(t, e)
 			}, e))
 		})]
 	}, `matching-column-${s}`)) });
 }
-function Jd(e) {
+function rf(e) {
 	let t = e.slice(0, 5);
-	return t.length >= 2 ? t : [...t, ...Fd.slice(t.length, 2).map((e) => ({ labelStyle: e }))];
+	return t.length >= 2 ? t : [...t, ...Wd.slice(t.length, 2).map((e) => ({ labelStyle: e }))];
 }
-function Yd(e) {
+function af(e) {
 	let t = e.slice(0, 2);
-	return t.length >= 2 ? t : [...t, ...Fd.slice(t.length, 2).map((e) => ({ labelStyle: e }))];
+	return t.length >= 2 ? t : [...t, ...Wd.slice(t.length, 2).map((e) => ({ labelStyle: e }))];
 }
-function Xd(e, t) {
+function of(e, t) {
 	return Array.from({ length: Math.min(5, Math.max(2, t)) }, (t, n) => {
 		var r, i;
-		return (r = e.slice(n, n + 1)[0]) == null ? { labelStyle: (i = Fd[n]) == null ? "number" : i } : r;
+		return (r = e.slice(n, n + 1)[0]) == null ? { labelStyle: (i = Wd[n]) == null ? "number" : i } : r;
 	});
 }
 //#endregion
 //#region src/question/structure-editor/QuestionStructureEditor.tsx
-function Zd({ locale: e = "zh-CN", onChange: t, value: n }) {
+function sf({ locale: e = "zh-CN", onChange: t, value: n }) {
 	var r, i, s, c;
-	let l = xd(e), [u, d] = h((r = (i = n.elements[0]) == null ? void 0 : i.clientId) == null ? null : r), { selectedElement: f, selectedExtra: p } = Qd(n, u);
+	let l = Ad(e), [u, d] = h((r = (i = n.elements[0]) == null ? void 0 : i.clientId) == null ? null : r), { selectedElement: f, selectedExtra: p } = cf(n, u);
 	function m(e) {
 		let r = pe(e, n.elements);
 		t(j(j({}, n), {}, { elements: [...n.elements, r] })), d(r.clientId);
@@ -9252,11 +9355,11 @@ function Zd({ locale: e = "zh-CN", onChange: t, value: n }) {
 	}
 	function _(e) {
 		let r = _e(n, e);
-		t(r), d($d(r));
+		t(r), d(lf(r));
 	}
 	function v(e) {
 		let r = ge(n, e);
-		t(r), d($d(r));
+		t(r), d(lf(r));
 	}
 	function y(e) {
 		t(be(n, e.clientId, e));
@@ -9271,19 +9374,19 @@ function Zd({ locale: e = "zh-CN", onChange: t, value: n }) {
 		t(Se(n, e));
 	}
 	return /* @__PURE__ */ a("section", {
-		className: _d.root,
+		className: Ed.root,
 		children: /* @__PURE__ */ a("div", {
 			className: Q.shell,
 			children: /* @__PURE__ */ o("div", {
 				className: Q.grid,
 				children: [
-					/* @__PURE__ */ a(Md, {
+					/* @__PURE__ */ a(Vd, {
 						addedExtraTypes: n.extras.map((e) => e.type),
 						labels: l,
 						onAddElement: m,
 						onAddExtra: g
 					}),
-					/* @__PURE__ */ a(jd, {
+					/* @__PURE__ */ a(Bd, {
 						elements: n.elements,
 						extras: n.extras,
 						labels: l,
@@ -9293,7 +9396,7 @@ function Zd({ locale: e = "zh-CN", onChange: t, value: n }) {
 						onSelectElement: d,
 						selectedElementClientId: (s = (c = f == null ? void 0 : f.clientId) == null ? p == null ? void 0 : p.clientId : c) == null ? null : s
 					}),
-					/* @__PURE__ */ a(Vd, {
+					/* @__PURE__ */ a(Xd, {
 						description: n.description,
 						globalConfig: n.globalConfig,
 						isSubjective: n.isSubjective,
@@ -9310,7 +9413,7 @@ function Zd({ locale: e = "zh-CN", onChange: t, value: n }) {
 		})
 	});
 }
-function Qd(e, t) {
+function cf(e, t) {
 	var n, r, i, a;
 	let o = (n = e.elements.find((e) => e.clientId === t)) == null ? null : n, s = (r = e.extras.find((e) => e.clientId === t)) == null ? null : r;
 	return o || s ? {
@@ -9321,9 +9424,9 @@ function Qd(e, t) {
 		selectedExtra: e.elements[0] || (a = e.extras[0]) == null ? null : a
 	};
 }
-function $d(e) {
+function lf(e) {
 	var t, n, r, i;
 	return (t = (n = (r = e.elements[0]) == null ? void 0 : r.clientId) == null ? (i = e.extras[0]) == null ? void 0 : i.clientId : n) == null ? null : t;
 }
 //#endregion
-export { ss as QuestionContentEditor, _u as QuestionPlayer, td as QuestionPreview, gd as QuestionPrintPreview, q as QuestionRichContentView, Zd as QuestionStructureEditor, Hn as addBlankToGroup, gn as alignQuestionContentDraftWithStructure, Kn as assignBlankToAnswerGroup, Qa as cn, qn as createBlankAnswerGroupWithBlank, Kt as createEmptyQuestionContentDraft, Ys as createEmptyQuestionPlayerResponse, de as createEmptyQuestionStructureDraft, hn as createQuestionContentDraftFromSerialized, k as createQuestionContentId, us as createQuestionContentStructureFromDraft, ds as createQuestionPreviewDraft, pe as createQuestionStructureElement, fe as createQuestionStructureExtra, P as createRichContentValue, Zt as createRichContentValueFromDocument, Me as createRichTextContent, Un as deleteBlankFromGroup, _e as deleteQuestionStructureElement, ge as deleteQuestionStructureExtra, Jn as detachBlankFromAnswerGroup, ia as findQuestionContentQuestionTypeStructure, ca as findQuestionContentQuestionTypeTemplate, cn as getQuestionContentJudgementOptions, an as getQuestionContentOptionMarker, en as getQuestionContentTextMarkerAnswerText, ps as getQuestionStructureDraftChangeKind, N as getQuestionStructureElementDefaultEnName, M as getQuestionStructureElementDefaultName, we as getQuestionStructureExtraDefaultEnName, Ce as getQuestionStructureExtraDefaultName, tn as getRichContentDocument, Gn as getSharedBlankAnswerGroups, Gt as isCompositeQuestionContentStructure, pn as isQuestionContentDraftEmpty, ve as moveQuestionStructureElement, Tn as normalizeFillTextCandidateState, Ne as normalizeRichTextContent, ae as questionStructureElementTypes, oe as questionStructureExtraTypes, la as reconcileQuestionContentDraftWithTemplates, mn as serializeQuestionContentDraft, fs as serializeQuestionStructureDraft, be as updateQuestionStructureElement, ye as updateQuestionStructureExtra, xe as updateQuestionStructureGlobalConfig, Se as updateQuestionStructureMetadata };
+export { ss as QuestionContentEditor, Eu as QuestionPlayer, ud as QuestionPreview, Td as QuestionPrintPreview, q as QuestionRichContentView, sf as QuestionStructureEditor, Hn as addBlankToGroup, gn as alignQuestionContentDraftWithStructure, Kn as assignBlankToAnswerGroup, Qa as cn, qn as createBlankAnswerGroupWithBlank, Kt as createEmptyQuestionContentDraft, Ys as createEmptyQuestionPlayerResponse, de as createEmptyQuestionStructureDraft, hn as createQuestionContentDraftFromSerialized, k as createQuestionContentId, us as createQuestionContentStructureFromDraft, ds as createQuestionPreviewDraft, pe as createQuestionStructureElement, fe as createQuestionStructureExtra, P as createRichContentValue, Zt as createRichContentValueFromDocument, Me as createRichTextContent, Un as deleteBlankFromGroup, _e as deleteQuestionStructureElement, ge as deleteQuestionStructureExtra, Jn as detachBlankFromAnswerGroup, ia as findQuestionContentQuestionTypeStructure, ca as findQuestionContentQuestionTypeTemplate, cn as getQuestionContentJudgementOptions, an as getQuestionContentOptionMarker, en as getQuestionContentTextMarkerAnswerText, ps as getQuestionStructureDraftChangeKind, N as getQuestionStructureElementDefaultEnName, M as getQuestionStructureElementDefaultName, we as getQuestionStructureExtraDefaultEnName, Ce as getQuestionStructureExtraDefaultName, tn as getRichContentDocument, Gn as getSharedBlankAnswerGroups, Gt as isCompositeQuestionContentStructure, pn as isQuestionContentDraftEmpty, ve as moveQuestionStructureElement, Tn as normalizeFillTextCandidateState, Ne as normalizeRichTextContent, ae as questionStructureElementTypes, oe as questionStructureExtraTypes, la as reconcileQuestionContentDraftWithTemplates, mn as serializeQuestionContentDraft, fs as serializeQuestionStructureDraft, be as updateQuestionStructureElement, ye as updateQuestionStructureExtra, xe as updateQuestionStructureGlobalConfig, Se as updateQuestionStructureMetadata };