@pie-element/match 12.1.2-next.1 → 12.1.2-next.3

package/dist/browser/delivery/index.js

@@ -1,10 +1,10 @@
 import { a as e } from "../browser-kkT1XVKw.js";
-import { Nt as t, O as n, a as r, d as i, dt as a, f as o, ft as s, ht as c, k as l, n as u, p as d, pt as f, r as p, t as m, u as h, x as g } from "../Typography-CbSskKxx.js";
+import { A as t, Nt as n, O as r, a as i, d as a, dt as o, f as s, ft as c, ht as l, n as u, p as d, pt as f, r as p, t as m, u as h, x as g } from "../Typography-BRnAIZOH.js";
 import _, { useRef as v } from "react";
 import { createRoot as y } from "react-dom/client";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var S = /* @__PURE__ */ e(t(), 1), C = "height ease-in 300ms, opacity ease-in 300ms", w = c("div")(() => ({
+var S = /* @__PURE__ */ e(n(), 1), C = "height ease-in 300ms, opacity ease-in 300ms", w = l("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -137,7 +137,7 @@ D.propTypes = {
 	fgFill: S.default.string.isRequired,
 	borderFill: S.default.string.isRequired
 };
-var ee = c("div")(({ size: e }) => ({
+var ee = l("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), O = ({ open: e, size: t }) => /* @__PURE__ */ b(ee, {
@@ -1586,29 +1586,29 @@ function G(e) {
 function Ue(e, t) {
 	return !e || G(e) ? e : G(e.default) ? e.default : t && G(e[t]) ? e[t] : t && G(e[t]?.default) ? e[t].default : e;
 }
-var We = Ue(o, "Readable") || Ue(Ke.Readable, "Readable"), Ge = r, K = Ge.default, Ke = K && typeof K == "object" ? K : Ge, { translator: q } = He, qe = {
+var We = Ue(s, "Readable") || Ue(Ke.Readable, "Readable"), Ge = i, K = Ge.default, Ke = K && typeof K == "object" ? K : Ge, { translator: q } = He, qe = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, Je = c("div")(() => ({
+}, Je = l("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), Ye = c("div")(() => ({
+})), Ye = l("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), Xe = c("div")(() => ({
+})), Xe = l("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${c.text()})`,
 	fontWeight: "normal",
 	...qe
-})), Ze = c("div")(() => ({
+})), Ze = l("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -1621,7 +1621,7 @@ var We = Ue(o, "Readable") || Ue(Ke.Readable, "Readable"), Ge = r, K = Ge.defaul
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), Qe = c("div")(() => ({
+})), Qe = l("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
@@ -1712,21 +1712,21 @@ var We = Ue(o, "Readable") || Ue(Ke.Readable, "Readable"), Ge = r, K = Ge.defaul
 			})
 		});
 	}
-}, et = c("div")(({ theme: e }) => ({
+}, et = l("div")(({ theme: e }) => ({
 	marginLeft: "auto",
 	marginRight: "auto",
 	marginTop: e.spacing(1),
 	marginBottom: e.spacing(1)
-})), tt = c("td")({ padding: "5px 0" }), nt = c(m)(({ theme: e }) => ({ margin: e.spacing(2) })), rt = c("th")({ padding: 0 }), J = c("div")(({ theme: e, isQuestionText: t }) => ({
+})), tt = l("td")({ padding: "5px 0" }), nt = l(m)(({ theme: e }) => ({ margin: e.spacing(2) })), rt = l("th")({ padding: 0 }), J = l("div")(({ theme: e, isQuestionText: t }) => ({
 	padding: e.spacing(1.5),
 	textAlign: t ? "left" : "center"
-})), it = c("tr")({
+})), it = l("tr")({
 	border: 0,
-	borderTop: `2.5px solid ${s.primaryLight()}`,
+	borderTop: `2.5px solid ${c.primaryLight()}`,
 	width: "100%"
-}), at = c("table")({
-	color: s.text(),
-	backgroundColor: s.background(),
+}), at = l("table")({
+	color: c.text(),
+	backgroundColor: c.background(),
 	borderCollapse: "collapse",
 	borderSpacing: 0,
 	marginBottom: 0
@@ -1756,7 +1756,7 @@ var We = Ue(o, "Readable") || Ue(Ke.Readable, "Readable"), Ge = r, K = Ge.defaul
 		return r[e][n] === !0 && t === !1 || r[e][n] === !1 && t === !0;
 	};
 	render() {
-		let { showCorrect: e, headers: t, rows: n, choiceMode: r, answers: i, disabled: a, view: o } = this.props, c = r === "radio" ? p : u, l = a && !o;
+		let { showCorrect: e, headers: t, rows: n, choiceMode: r, answers: i, disabled: a, view: o } = this.props, s = r === "radio" ? p : u, l = a && !o;
 		return !n || n.length === 0 ? /* @__PURE__ */ b(et, { children: /* @__PURE__ */ b(nt, {
 			component: "div",
 			children: "There are currently no questions to show."
@@ -1780,16 +1780,16 @@ var We = Ue(o, "Readable") || Ue(Ke.Readable, "Readable"), Ge = r, K = Ge.defaul
 					})
 				}, `td-title-${n}`), (i[t.id] || []).map((r, i) => /* @__PURE__ */ b(tt, {
 					"data-colno": `${i + 1}`,
-					children: /* @__PURE__ */ b(J, { children: /* @__PURE__ */ b(c, {
+					children: /* @__PURE__ */ b(J, { children: /* @__PURE__ */ b(s, {
 						sx: {
 							padding: "6px",
-							color: e && r === !0 || l && this.answerIsCorrect(t.id, r, i) ? s.correct() : l && this.answerIsIncorrect(t.id, r, i) ? s.incorrect() : r === !0 && !l ? s.primary() : a ? s.disabled() : s.text(),
+							color: e && r === !0 || l && this.answerIsCorrect(t.id, r, i) ? c.correct() : l && this.answerIsIncorrect(t.id, r, i) ? c.incorrect() : r === !0 && !l ? c.primary() : a ? c.disabled() : c.text(),
 							cursor: a ? "not-allowed" : "pointer",
 							pointerEvents: a ? "initial" : "auto",
 							opacity: a ? .7 : 1,
 							"& input": { width: "100% !important" },
-							"&:hover": { color: a ? s.disabled() : s.primaryLight() },
-							"&.Mui-disabled": { color: `${e && r === !0 || l && this.answerIsCorrect(t.id, r, i) ? s.correct() : l && this.answerIsIncorrect(t.id, r, i) ? s.incorrect() : r === !0 && !l ? s.primary() : s.disabled()}` }
+							"&:hover": { color: a ? c.disabled() : c.primaryLight() },
+							"&.Mui-disabled": { color: `${e && r === !0 || l && this.answerIsCorrect(t.id, r, i) ? c.correct() : l && this.answerIsIncorrect(t.id, r, i) ? c.incorrect() : r === !0 && !l ? c.primary() : c.disabled()}` }
 						},
 						disabled: a,
 						onChange: this.onRowValueChange(t.id, i),
@@ -1808,7 +1808,7 @@ function Y(e) {
 function X(e, t) {
 	return !e || Y(e) ? e : Y(e.default) ? e.default : t && Y(e[t]) ? e[t] : t && Y(e[t]?.default) ? e[t].default : e;
 }
-var st = X(g, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(d, "PreviewPrompt") || X($.PreviewPrompt, "PreviewPrompt"), ct = X(a, "Feedback") || X($.Feedback, "Feedback"), lt = X(n, "Collapsible") || X($.Collapsible, "Collapsible"), ut = r, Q = ut.default, $ = Q && typeof Q == "object" ? Q : ut, dt = c("div")({ verticalAlign: "middle" }), ft = c(lt)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), pt = class extends _.Component {
+var st = X(g, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(d, "PreviewPrompt") || X($.PreviewPrompt, "PreviewPrompt"), ct = X(o, "Feedback") || X($.Feedback, "Feedback"), lt = X(r, "Collapsible") || X($.Collapsible, "Collapsible"), ut = i, Q = ut.default, $ = Q && typeof Q == "object" ? Q : ut, dt = l("div")({ verticalAlign: "middle" }), ft = l(lt)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), pt = class extends _.Component {
 	static propTypes = {
 		session: S.default.object.isRequired,
 		onSessionChange: S.default.func,
@@ -1859,11 +1859,11 @@ var st = X(g, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(d, "PreviewPrompt"
 		} }), this.callOnSessionChange);
 	};
 	render() {
-		let { model: e } = this.props, { showCorrect: t, session: n } = this.state, { correctness: r = {}, extraCSSRules: a, language: o } = e, s = r.correctness && r.correctness !== "correct", c = e.rationale && (i(e.rationale) || h(e.rationale));
+		let { model: e } = this.props, { showCorrect: t, session: n } = this.state, { correctness: r = {}, extraCSSRules: i, language: o } = e, s = r.correctness && r.correctness !== "correct", c = e.rationale && (a(e.rationale) || h(e.rationale));
 		return /* @__PURE__ */ x(st, {
-			extraCSSRules: a,
+			extraCSSRules: i,
 			children: [
-				e.teacherInstructions && (i(e.teacherInstructions) || h(e.teacherInstructions)) && /* @__PURE__ */ b(ft, {
+				e.teacherInstructions && (a(e.teacherInstructions) || h(e.teacherInstructions)) && /* @__PURE__ */ b(ft, {
 					labels: {
 						hidden: "Show Teacher Instructions",
 						visible: "Hide Teacher Instructions"
@@ -1971,7 +1971,7 @@ var mt = class e extends CustomEvent {
 			onSessionChange: this.sessionChanged.bind(this)
 		});
 		this._root ||= y(this), this._root.render(e), queueMicrotask(() => {
-			l(this);
+			t(this);
 		});
 	}
 	disconnectedCallback() {