@pie-element/match 13.0.2-next.20261007003844 → 13.0.2

package/dist/delivery/answer-grid.js

@@ -6,26 +6,27 @@ import o from "@mui/material/Radio";
 import s from "@mui/material/Checkbox";
 import c from "@mui/material/Typography";
 import { styled as l } from "@mui/material/styles";
+import { sanitizeModelHtml as u } from "@pie-element/shared-utils";
 //#region src/delivery/answer-grid.tsx
-var u = l("div")(({ theme: e }) => ({
+var d = l("div")(({ theme: e }) => ({
 	marginLeft: "auto",
 	marginRight: "auto",
 	marginTop: e.spacing(1),
 	marginBottom: e.spacing(1)
-})), d = l("td")({ padding: "5px 0" }), f = l(c)(({ theme: e }) => ({ margin: e.spacing(2) })), p = l("th")({ padding: 0 }), m = l("div")(({ theme: e, isQuestionText: t }) => ({
+})), f = l("td")({ padding: "5px 0" }), p = l(c)(({ theme: e }) => ({ margin: e.spacing(2) })), m = l("th")({ padding: 0 }), h = l("div")(({ theme: e, isQuestionText: t }) => ({
 	padding: e.spacing(1.5),
 	textAlign: t ? "left" : "center"
-})), h = l("tr")({
+})), g = l("tr")({
 	border: 0,
 	borderTop: `2.5px solid ${n.primaryLight()}`,
 	width: "100%"
-}), g = l("table")({
+}), _ = l("table")({
 	color: n.text(),
 	backgroundColor: n.background(),
 	borderCollapse: "collapse",
 	borderSpacing: 0,
 	marginBottom: 0
-}), _ = class extends e.Component {
+}), v = class extends e.Component {
 	static propTypes = {
 		correctAnswers: t.object,
 		view: t.bool.isRequired,
@@ -56,36 +57,36 @@ var u = l("div")(({ theme: e }) => ({
 		return i && t === !0 || s && this.answerIsCorrect(e, t, r) ? n.correct() : s && this.answerIsIncorrect(e, t, r) ? n.incorrect() : t === !0 && !s ? n.primary() : a ? n.disabled() : n.text();
 	};
 	render() {
-		let { headers: e, rows: t, choiceMode: r, answers: c, disabled: l } = this.props, _ = r === "radio" ? o : s, v = (e) => `${this.instanceId}-header-${e}`, y = (e) => `${this.instanceId}-row-${e}`, b = (e) => r === "radio" ? `${this.instanceId}-row-${e}-choice` : void 0;
-		return !t || t.length === 0 ? /* @__PURE__ */ i(u, { children: /* @__PURE__ */ i(f, {
+		let { headers: e, rows: t, choiceMode: r, answers: c, disabled: l } = this.props, v = r === "radio" ? o : s, y = (e) => `${this.instanceId}-header-${e}`, b = (e) => `${this.instanceId}-row-${e}`, x = (e) => r === "radio" ? `${this.instanceId}-row-${e}-choice` : void 0;
+		return !t || t.length === 0 ? /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(p, {
 			component: "div",
 			children: "There are currently no questions to show."
-		}) }) : /* @__PURE__ */ i(u, { children: /* @__PURE__ */ a(g, { children: [
+		}) }) : /* @__PURE__ */ i(d, { children: /* @__PURE__ */ a(_, { children: [
 			/* @__PURE__ */ i("colgroup", { children: (e || []).map((e, t) => /* @__PURE__ */ i("col", {}, `col-${t}`)) }),
-			/* @__PURE__ */ i("thead", { children: /* @__PURE__ */ i("tr", { children: (e || []).map((e, t) => /* @__PURE__ */ i(p, {
-				id: v(t),
+			/* @__PURE__ */ i("thead", { children: /* @__PURE__ */ i("tr", { children: (e || []).map((e, t) => /* @__PURE__ */ i(m, {
+				id: y(t),
 				"data-colno": `${t}`,
 				scope: "col",
-				children: /* @__PURE__ */ i(m, {
+				children: /* @__PURE__ */ i(h, {
 					isQuestionText: t === 0,
-					dangerouslySetInnerHTML: { __html: e }
+					dangerouslySetInnerHTML: { __html: u(e) }
 				})
 			}, `th-${t}`)) }) }),
 			(t || []).map((e, t) => /* @__PURE__ */ i("tbody", {
 				role: r === "radio" ? "radiogroup" : "group",
-				"aria-labelledby": y(t),
-				children: /* @__PURE__ */ a(h, { children: [/* @__PURE__ */ i("td", {
-					id: y(t),
+				"aria-labelledby": b(t),
+				children: /* @__PURE__ */ a(g, { children: [/* @__PURE__ */ i("td", {
+					id: b(t),
 					"data-colno": "0",
-					children: /* @__PURE__ */ i(m, {
+					children: /* @__PURE__ */ i(h, {
 						isQuestionText: !0,
-						dangerouslySetInnerHTML: { __html: e.title }
+						dangerouslySetInnerHTML: { __html: u(e.title) }
 					})
 				}, `td-title-${t}`), (c[e.id] || []).map((r, a) => {
 					let o = this.controlColor(e.id, r, a);
-					return /* @__PURE__ */ i(d, {
+					return /* @__PURE__ */ i(f, {
 						"data-colno": `${a + 1}`,
-						children: /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(_, {
+						children: /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(v, {
 							sx: {
 								padding: "6px",
 								color: o,
@@ -97,8 +98,8 @@ var u = l("div")(({ theme: e }) => ({
 								"& input": { width: "100% !important" },
 								"&&:hover:not(.Mui-disabled)": { color: n.primaryLight() }
 							},
-							slotProps: { input: { "aria-labelledby": `${y(t)} ${v(a + 1)}` } },
-							name: b(t),
+							slotProps: { input: { "aria-labelledby": `${b(t)} ${y(a + 1)}` } },
+							name: x(t),
 							disabled: l,
 							onChange: this.onRowValueChange(e.id, a),
 							checked: r === !0
@@ -110,4 +111,4 @@ var u = l("div")(({ theme: e }) => ({
 	}
 };
 //#endregion
-export { _ as AnswerGrid, _ as default };
+export { v as AnswerGrid, v as default };