@pie-element/charting 13.0.6 → 13.0.7-next.20261019062545

package/dist/browser/controller/index.js

@@ -190,7 +190,7 @@ var b = (e, t) => new Promise((n) => {
 	}), c.length < 1 || c.length > 20 ? u.categoriesError = "The correct answer should include between 1 and 20 categories." : t(o.map((e) => n(e, "value", "label")), s.map((e) => n(e, "value", "label"))) && (u.identicalError = "Correct answer should not be identical to the chart’s initial state"), r(d) || (l.categoryErrors = d), r(u) || (l.correctAnswerErrors = u), l;
 }, w = Object.freeze({
 	name: "@pie-element/charting",
-	version: "13.0.6"
+	version: "13.0.7-next.20261019062545"
 });
 //#endregion
 export { f as checkLabelsEquality, b as createCorrectResponseSession, _ as filterCategories, g as getLogTrace, h as getScore, v as model, m as normalize, y as outcome, w as piePackage, p as setCorrectness, C as validate };

package/dist/browser/delivery/index.js

@@ -1,11 +1,11 @@
 import { i as e } from "../rolldown-runtime-CWhphoD1.js";
-import { K as t, M as n, N as r, S as i, U as a, W as o, a as s, b as c, g as l, h as u, j as d, k as f, o as p, t as m, tt as h, v as g, x as _, y as v } from "../chart-CX7vDvbm.js";
-import { g as y } from "../dist-kMt4MdSv.js";
-import b, { useRef as x } from "react";
-import { createRoot as S } from "react-dom/client";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { G as t, M as n, N as r, P as i, S as a, W as o, a as s, b as c, g as l, h as u, j as d, k as f, nt as p, o as m, q as h, t as g, v as _, x as v, y } from "../chart-DKqh2rSP.js";
+import { g as b } from "../dist-kMt4MdSv.js";
+import x, { useRef as S } from "react";
+import { createRoot as C } from "react-dom/client";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var T = /* @__PURE__ */ e(h(), 1), E = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ w("svg", {
+var E = /* @__PURE__ */ e(p(), 1), D = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ T("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -13,27 +13,27 @@ var T = /* @__PURE__ */ e(h(), 1), E = ({ bgFill: e, fgFill: t }) => /* @__PURE_
 	viewBox: "-283 359 34 35",
 	style: { enableBackground: "new -283 359 34 35" },
 	children: [
-		/* @__PURE__ */ C("circle", {
+		/* @__PURE__ */ w("circle", {
 			cx: "-266",
 			cy: "375.9",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ C("path", {
+		/* @__PURE__ */ w("path", {
 			d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z\n         M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z",
 			fill: e
 		}),
-		/* @__PURE__ */ C("polygon", {
+		/* @__PURE__ */ w("polygon", {
 			points: "-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6",
 			fill: t
 		})
 	]
 });
-E.propTypes = {
-	bgFill: T.default.string.isRequired,
-	fgFill: T.default.string.isRequired
+D.propTypes = {
+	bgFill: E.default.string.isRequired,
+	fgFill: E.default.string.isRequired
 };
-var D = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("svg", {
+var O = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ T("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -41,7 +41,7 @@ var D = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("svg", {
 	viewBox: "-129.5 127 34 35",
 	style: { enableBackground: "new -129.5 127 34 35" },
 	children: [
-		/* @__PURE__ */ C("path", {
+		/* @__PURE__ */ w("path", {
 			style: {
 				fill: "#D0CAC5",
 				stroke: "#E6E3E0",
@@ -50,7 +50,7 @@ var D = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("svg", {
 			},
 			d: "M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5\n         C-97.4,153.5-104.3,160.4-112.9,160.4z"
 		}),
-		/* @__PURE__ */ C("path", {
+		/* @__PURE__ */ w("path", {
 			style: {
 				fill: "#B3ABA4",
 				stroke: "#CDC7C2",
@@ -59,86 +59,86 @@ var D = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("svg", {
 			},
 			d: "M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z"
 		}),
-		/* @__PURE__ */ C("circle", {
+		/* @__PURE__ */ w("circle", {
 			cx: "-114.2",
 			cy: "143.5",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ C("path", {
+		/* @__PURE__ */ w("path", {
 			d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z\n         M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z",
 			fill: n
 		}),
-		/* @__PURE__ */ C("polygon", {
+		/* @__PURE__ */ w("polygon", {
 			points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
 			fill: t
 		})
 	]
 });
-D.propTypes = {
-	bgFill: T.default.string.isRequired,
-	fgFill: T.default.string.isRequired,
-	borderFill: T.default.string.isRequired
+O.propTypes = {
+	bgFill: E.default.string.isRequired,
+	fgFill: E.default.string.isRequired,
+	borderFill: E.default.string.isRequired
 };
-var ee = t("div")(({ size: e }) => ({
+var ee = h("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
-})), O = ({ open: e, size: t }) => /* @__PURE__ */ C(ee, {
+})), k = ({ open: e, size: t }) => /* @__PURE__ */ w(ee, {
 	size: t,
-	children: e ? /* @__PURE__ */ C(E, {
+	children: e ? /* @__PURE__ */ w(D, {
 		bgFill: "#bce2ff",
 		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ C(D, {
+	}) : /* @__PURE__ */ w(O, {
 		bgFill: "white",
 		fgFill: "#1a9cff",
 		borderFill: "#bce2ff"
 	})
 });
-O.propTypes = {
-	open: T.default.bool,
-	size: T.default.string
-}, O.defaultProps = { open: !1 };
+k.propTypes = {
+	open: E.default.bool,
+	size: E.default.string
+}, k.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/charting/dist/key-legend.js
-var te = t("div")(({ theme: e }) => ({
-	backgroundColor: o.v("pie")("background", o.defaults.WHITE),
-	color: o.text(),
+var te = h("div")(({ theme: e }) => ({
+	backgroundColor: t.v("pie")("background", t.defaults.WHITE),
+	color: t.text(),
 	padding: e.spacing(2),
 	width: "355px",
 	boxShadow: "inset 0px 1px 5px 0px #9297A6",
 	display: "flex",
 	flexDirection: "column",
 	gap: "16px"
-})), k = t("div")(() => ({
+})), A = h("div")(() => ({
 	display: "flex",
 	alignItems: "center",
 	gap: "12px"
-})), ne = t("div")(({ theme: e }) => ({
+})), ne = h("div")(({ theme: e }) => ({
 	fontSize: e.typography.h6.fontSize,
 	fontWeight: "700"
-})), A = t("div")(() => ({ marginLeft: "2px" })), j = t(l)(({ theme: e }) => ({
-	backgroundColor: o.correct(),
+})), j = h("div")(() => ({ marginLeft: "2px" })), M = h(l)(({ theme: e }) => ({
+	backgroundColor: t.correct(),
 	borderRadius: e.spacing(2),
-	color: o.defaults.WHITE
-})), re = t(p)(({ theme: e }) => ({
-	backgroundColor: o.incorrectWithIcon(),
+	color: t.defaults.WHITE
+})), re = h(m)(({ theme: e }) => ({
+	backgroundColor: t.incorrectWithIcon(),
 	borderRadius: e.spacing(2),
-	color: o.defaults.WHITE
-})), ie = t("div")(() => ({
+	color: t.defaults.WHITE
+})), ie = h("div")(() => ({
 	marginLeft: "3px",
 	display: "flex",
 	alignItems: "center",
 	gap: "12px"
-})), { translator: M } = u, N = ({ language: e }) => /* @__PURE__ */ w(te, { children: [
-	/* @__PURE__ */ C(ne, { children: M.t("selectText.key", { lng: e }) }),
-	/* @__PURE__ */ w(k, { children: [/* @__PURE__ */ C(re, {}), /* @__PURE__ */ C("div", { children: M.t("charting.keyLegend.incorrectAnswer", { lng: e }) })] }),
-	/* @__PURE__ */ w(k, { children: [/* @__PURE__ */ C(j, {}), /* @__PURE__ */ C("div", { children: M.t("charting.keyLegend.correctAnswer", { lng: e }) })] }),
-	/* @__PURE__ */ w(ie, { children: [/* @__PURE__ */ C(j, { fontSize: "small" }), /* @__PURE__ */ C(A, { children: M.t("charting.keyLegend.correctKeyAnswer", { lng: e }) })] })
+})), { translator: N } = u, P = ({ language: e }) => /* @__PURE__ */ T(te, { children: [
+	/* @__PURE__ */ w(ne, { children: N.t("selectText.key", { lng: e }) }),
+	/* @__PURE__ */ T(A, { children: [/* @__PURE__ */ w(re, {}), /* @__PURE__ */ w("div", { children: N.t("charting.keyLegend.incorrectAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ T(A, { children: [/* @__PURE__ */ w(M, {}), /* @__PURE__ */ w("div", { children: N.t("charting.keyLegend.correctAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ T(ie, { children: [/* @__PURE__ */ w(M, { fontSize: "small" }), /* @__PURE__ */ w(j, { children: N.t("charting.keyLegend.correctKeyAnswer", { lng: e }) })] })
 ] });
-N.propTypes = { language: T.default.string };
+P.propTypes = { language: E.default.string };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var P = "height ease-in 300ms, opacity ease-in 300ms", ae = t("div")(() => ({
+var F = "height ease-in 300ms, opacity ease-in 300ms", ae = h("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -146,7 +146,7 @@ var P = "height ease-in 300ms, opacity ease-in 300ms", ae = t("div")(() => ({
 	visibility: "hidden",
 	width: 0,
 	"&.enter": {
-		transition: P,
+		transition: F,
 		opacity: 1,
 		height: "auto",
 		width: "auto",
@@ -160,7 +160,7 @@ var P = "height ease-in 300ms, opacity ease-in 300ms", ae = t("div")(() => ({
 		minHeight: "25px"
 	},
 	"&.exit": {
-		transition: P,
+		transition: F,
 		opacity: 0,
 		height: 0,
 		visibility: "visible",
@@ -172,9 +172,9 @@ var P = "height ease-in 300ms, opacity ease-in 300ms", ae = t("div")(() => ({
 		height: 0,
 		width: 0
 	}
-})), F = (e) => {
-	let { show: t, children: n, className: r } = e, i = x(null);
-	return /* @__PURE__ */ C(a, {
+})), I = (e) => {
+	let { show: t, children: n, className: r } = e, i = S(null);
+	return /* @__PURE__ */ w(o, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -186,21 +186,21 @@ var P = "height ease-in 300ms, opacity ease-in 300ms", ae = t("div")(() => ({
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ C(ae, {
+		children: /* @__PURE__ */ w(ae, {
 			ref: i,
 			className: r,
 			children: n
 		})
 	});
 };
-F.propTypes = {
-	show: T.default.bool.isRequired,
-	className: T.default.string,
-	children: T.default.oneOfType([T.default.arrayOf(T.default.node), T.default.node]).isRequired
+I.propTypes = {
+	show: E.default.bool.isRequired,
+	className: E.default.string,
+	children: E.default.oneOfType([E.default.arrayOf(E.default.node), E.default.node]).isRequired
 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/i18n/index.js
-var oe = r({
+var oe = i({
 	packageName: "@pie-lib/correct-answer-toggle",
 	source: {
 		showCorrectAnswer: "Show correct answer",
@@ -259,23 +259,23 @@ var oe = r({
 });
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/index.js
-function I(e) {
+function L(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function L(e, t) {
-	return !e || I(e) ? e : I(e.default) ? e.default : t && I(e[t]) ? e[t] : t && I(e[t]?.default) ? e[t].default : e;
+function R(e, t) {
+	return !e || L(e) ? e : L(e.default) ? e.default : t && L(e[t]) ? e[t] : t && L(e[t]?.default) ? e[t].default : e;
 }
-var R = g, z = R.default, se = z && typeof z == "object" ? z : R, ce = L(_, "Readable") || L(se.Readable, "Readable"), le = {
+var z = _, B = z.default, se = B && typeof B == "object" ? B : z, ce = R(v, "Readable") || R(se.Readable, "Readable"), le = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, ue = t("div")(() => ({
+}, ue = h("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), de = t("button")(() => ({
+})), de = h("button")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex",
@@ -288,18 +288,18 @@ var R = g, z = R.default, se = z && typeof z == "object" ? z : R, ce = L(_, "Rea
 	font: "inherit",
 	cursor: "pointer",
 	"&:focus-visible": {
-		outline: `2px solid ${o.buttonFocusOutline()}`,
+		outline: `2px solid ${t.buttonFocusOutline()}`,
 		outlineOffset: "-2px"
 	}
-})), B = t("div")(() => ({
+})), V = h("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${o.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${t.text()})`,
 	fontWeight: "normal",
 	...le
-})), V = t("div")(() => ({
+})), H = h("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -312,27 +312,27 @@ var R = g, z = R.default, se = z && typeof z == "object" ? z : R, ce = L(_, "Rea
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), fe = t("div")(() => ({
+})), fe = h("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), pe = class extends b.Component {
+})), pe = class extends x.Component {
 	static propTypes = {
-		onToggle: T.default.func,
-		toggled: T.default.bool,
-		show: T.default.bool,
-		hideMessage: T.default.string,
-		showMessage: T.default.string,
-		className: T.default.string,
-		language: T.default.string
+		onToggle: E.default.func,
+		toggled: E.default.bool,
+		show: E.default.bool,
+		hideMessage: E.default.string,
+		showMessage: E.default.string,
+		className: E.default.string,
+		language: E.default.string
 	};
 	static defaultProps = {
 		show: !1,
 		toggled: !1
 	};
 	constructor(e) {
-		super(e), this.state = { show: e.show }, this.openIconRef = b.createRef(), this.closedIconRef = b.createRef();
+		super(e), this.state = { show: e.show }, this.openIconRef = x.createRef(), this.closedIconRef = x.createRef();
 	}
 	relabel = () => this.forceUpdate();
 	onClick() {
@@ -345,17 +345,18 @@ var R = g, z = R.default, se = z && typeof z == "object" ? z : R, ce = L(_, "Rea
 		this.setState({ show: e.show });
 	}
 	render() {
-		let { className: e, toggled: t, language: n } = this.props, r = oe.forLocale(n, this.relabel), i = this.props.hideMessage ?? r.t("hideCorrectAnswer"), o = this.props.showMessage ?? r.t("showCorrectAnswer");
-		return /* @__PURE__ */ C(ue, {
+		let { className: e, toggled: t, language: n } = this.props, i = oe.forLocale(n, this.relabel), a = this.props.hideMessage ?? i.t("hideCorrectAnswer"), s = this.props.showMessage ?? i.t("showCorrectAnswer");
+		return /* @__PURE__ */ w(ue, {
 			className: e,
-			children: /* @__PURE__ */ C(F, {
+			...r(n),
+			children: /* @__PURE__ */ w(I, {
 				show: this.state.show,
-				children: /* @__PURE__ */ w(de, {
+				children: /* @__PURE__ */ T(de, {
 					type: "button",
 					"aria-pressed": !!t,
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ w(fe, { children: [/* @__PURE__ */ C(a, {
+					children: [/* @__PURE__ */ T(fe, { children: [/* @__PURE__ */ w(o, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -366,11 +367,11 @@ var R = g, z = R.default, se = z && typeof z == "object" ? z : R, ce = L(_, "Rea
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ C(V, {
+						children: /* @__PURE__ */ w(H, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ C(O, { open: t }, "correct-open")
+							children: /* @__PURE__ */ w(k, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ C(a, {
+					}), /* @__PURE__ */ w(o, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -381,15 +382,15 @@ var R = g, z = R.default, se = z && typeof z == "object" ? z : R, ce = L(_, "Rea
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ C(V, {
+						children: /* @__PURE__ */ w(H, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ C(O, { open: t }, "correct-closed")
+							children: /* @__PURE__ */ w(k, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ C(ce, {
+					})] }), /* @__PURE__ */ w(ce, {
 						false: !0,
-						children: /* @__PURE__ */ C(B, {
+						children: /* @__PURE__ */ w(V, {
 							"aria-hidden": !this.state.show,
-							children: t ? i : o
+							children: t ? a : s
 						})
 					})]
 				})
@@ -399,25 +400,25 @@ var R = g, z = R.default, se = z && typeof z == "object" ? z : R, ce = L(_, "Rea
 };
 //#endregion
 //#region src/delivery/main.tsx
-function H(e) {
+function U(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function U(e, t) {
-	return !e || H(e) ? e : H(e.default) ? e.default : t && H(e[t]) ? e[t] : t && H(e[t]?.default) ? e[t].default : e;
+function W(e, t) {
+	return !e || U(e) ? e : U(e.default) ? e.default : t && U(e[t]) ? e[t] : t && U(e[t]?.default) ? e[t].default : e;
 }
-var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLayout") || U(K.UiLayout, "UiLayout"), q = U(i, "PreviewPrompt") || U(K.PreviewPrompt, "PreviewPrompt"), J = U(d, "Collapsible") || U(K.Collapsible, "Collapsible"), { translator: Y } = u, he = t(me)({
-	color: o.text(),
-	backgroundColor: o.background(),
+var G = _, K = G.default, q = K && typeof K == "object" ? K : G, me = W(f, "UiLayout") || W(q.UiLayout, "UiLayout"), J = W(a, "PreviewPrompt") || W(q.PreviewPrompt, "PreviewPrompt"), Y = W(d, "Collapsible") || W(q.Collapsible, "Collapsible"), { translator: X } = u, he = h(me)({
+	color: t.text(),
+	backgroundColor: t.background(),
 	overflowX: "scroll",
 	overflowY: "hidden"
-}), X = t(m)(({ theme: e }) => ({
+}), Z = h(g)(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), ge = t(J)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Z = class extends b.Component {
+})), ge = h(Y)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Q = class extends x.Component {
 	static propTypes = {
-		model: T.default.object.isRequired,
-		onAnswersChange: T.default.func,
-		categories: T.default.array
+		model: E.default.object.isRequired,
+		onAnswersChange: E.default.func,
+		categories: E.default.array
 	};
 	constructor(e) {
 		super(e), this.state = {
@@ -426,42 +427,42 @@ var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLa
 		};
 	}
 	componentDidUpdate(e) {
-		y(e.categories, this.props.categories) ? y(e.model.data, this.props.model.data) || this.setState({ categories: this.props.model.data }) : this.setState({ categories: this.props.categories });
+		b(e.categories, this.props.categories) ? b(e.model.data, this.props.model.data) || this.setState({ categories: this.props.model.data }) : this.setState({ categories: this.props.categories });
 	}
 	changeData = (e) => this.setState({ categories: e }, () => this.props.onAnswersChange(e));
 	toggleCorrect = (e) => this.setState({ showingCorrect: e });
 	render() {
-		let { categories: e, showingCorrect: t } = this.state, { model: n } = this.props, { teacherInstructions: r, prompt: i, chartType: a, size: o, domain: l, range: u, title: d, addCategoryEnabled: f, studentNewCategoryDefaultLabel: p, showToggle: m, rationale: h, correctAnswer: g, language: _, env: y, showKeyLegend: b } = n, { correctedAnswer: x, extraCSSRules: S } = n, T = (g?.data || []).map((e) => ({
+		let { categories: e, showingCorrect: t } = this.state, { model: n } = this.props, { teacherInstructions: r, prompt: i, chartType: a, size: o, domain: l, range: u, title: d, addCategoryEnabled: f, studentNewCategoryDefaultLabel: p, showToggle: m, rationale: h, correctAnswer: g, language: _, env: v, showKeyLegend: b } = n, { correctedAnswer: x, extraCSSRules: S } = n, C = (g?.data || []).map((e) => ({
 			...e,
 			interactive: !1,
 			editable: !1
-		})), { mode: E } = y || {};
+		})), { mode: E } = v || {};
 		E === "view" && (x = (x || []).map((e) => ({
 			...e,
 			editable: !1
 		})));
-		let D = n.rationale && (c(n.rationale) || v(n.rationale));
-		return /* @__PURE__ */ w(he, {
+		let D = n.rationale && (c(n.rationale) || y(n.rationale));
+		return /* @__PURE__ */ T(he, {
 			extraCSSRules: S,
 			children: [
-				n.teacherInstructions && (c(n.teacherInstructions) || v(n.teacherInstructions)) && /* @__PURE__ */ C(ge, {
+				n.teacherInstructions && (c(n.teacherInstructions) || y(n.teacherInstructions)) && /* @__PURE__ */ w(ge, {
 					labels: {
-						hidden: Y.t("common:showTeacherInstructions", { lng: _ }),
-						visible: Y.t("common:hideTeacherInstructions", { lng: _ })
+						hidden: X.t("common:showTeacherInstructions", { lng: _ }),
+						visible: X.t("common:hideTeacherInstructions", { lng: _ })
 					},
-					children: /* @__PURE__ */ C(q, { prompt: r })
+					children: /* @__PURE__ */ w(J, { prompt: r })
 				}),
-				i && /* @__PURE__ */ C(q, {
+				i && /* @__PURE__ */ w(J, {
 					className: "prompt",
 					prompt: i
 				}),
-				/* @__PURE__ */ C(pe, {
+				/* @__PURE__ */ w(pe, {
 					show: m,
 					toggled: t,
 					onToggle: this.toggleCorrect,
 					language: _
 				}),
-				t && m ? /* @__PURE__ */ C(X, {
+				t && m ? /* @__PURE__ */ w(Z, {
 					chartType: a,
 					size: o,
 					domain: l,
@@ -474,7 +475,7 @@ var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLa
 						s.DotPlot(),
 						s.LinePlot()
 					],
-					data: T || e,
+					data: C || e,
 					title: d,
 					onDataChange: this.changeData,
 					addCategoryEnabled: !1,
@@ -482,7 +483,7 @@ var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLa
 					language: _,
 					disabled: n.disabled,
 					labelsPlaceholders: {}
-				}) : /* @__PURE__ */ C(X, {
+				}) : /* @__PURE__ */ w(Z, {
 					chartType: a,
 					size: o,
 					domain: l,
@@ -503,20 +504,20 @@ var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLa
 					language: _,
 					disabled: n.disabled,
 					labelsPlaceholders: {},
-					correctData: m ? T : void 0
+					correctData: m ? C : void 0
 				}),
-				!t && b && /* @__PURE__ */ C(N, { language: _ }),
-				D && /* @__PURE__ */ C(J, {
+				!t && b && /* @__PURE__ */ w(P, { language: _ }),
+				D && /* @__PURE__ */ w(Y, {
 					labels: {
-						hidden: Y.t("common:showRationale", { lng: _ }),
-						visible: Y.t("common:hideRationale", { lng: _ })
+						hidden: X.t("common:showRationale", { lng: _ }),
+						visible: X.t("common:hideRationale", { lng: _ })
 					},
-					children: /* @__PURE__ */ C(q, { prompt: h })
+					children: /* @__PURE__ */ w(J, { prompt: h })
 				})
 			]
 		});
 	}
-}, Q = class e extends CustomEvent {
+}, $ = class e extends CustomEvent {
 	static {
 		this.TYPE = "model-set";
 	}
@@ -531,7 +532,7 @@ var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLa
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, $ = class e extends CustomEvent {
+}, _e = class e extends CustomEvent {
 	static {
 		this.TYPE = "session-changed";
 	}
@@ -545,7 +546,7 @@ var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLa
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, _e = class extends HTMLElement {
+}, ve = class extends HTMLElement {
 	constructor() {
 		super(), this._root = null, this._mathObserver = null, this._mathRenderPending = !1;
 	}
@@ -569,7 +570,7 @@ var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLa
 		this._mathObserver &&= (this._mathObserver.disconnect(), null);
 	}
 	set model(e) {
-		this._model = e, this._session && this.isComplete(this._session.answer) ? this.dispatchEvent(new Q(this.tagName.toLowerCase(), !0, !!this._model)) : this.dispatchEvent(new Q(this.tagName.toLowerCase(), !1, !!this._model)), this._render();
+		this._model = e, this._session && this.isComplete(this._session.answer) ? this.dispatchEvent(new $(this.tagName.toLowerCase(), !0, !!this._model)) : this.dispatchEvent(new $(this.tagName.toLowerCase(), !1, !!this._model)), this._render();
 	}
 	set session(e) {
 		this._session = e, this._render();
@@ -582,7 +583,7 @@ var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLa
 	}
 	isComplete = (e) => Array.isArray(e) && e.length > 0;
 	changeAnswers = (e) => {
-		this._session.answer = e, this.dispatchEvent(new $(this.tagName.toLowerCase(), this.isComplete(this._session.answer))), this._render();
+		this._session.answer = e, this.dispatchEvent(new _e(this.tagName.toLowerCase(), this.isComplete(this._session.answer))), this._render();
 	};
 	_render() {
 		if (!this._model || !this._session) return;
@@ -590,21 +591,21 @@ var W = g, G = W.default, K = G && typeof G == "object" ? G : W, me = U(f, "UiLa
 		let e = {
 			...this._model,
 			data: this._model.data ? [...this._model.data] : this._model.data
-		}, t = b.createElement(Z, {
+		}, t = x.createElement(Q, {
 			model: e,
 			categories: this._session.answer,
 			onAnswersChange: this.changeAnswers
 		});
-		this._root ||= S(this), this._root.render(t);
+		this._root ||= C(this), this._root.render(t);
 	}
 	disconnectedCallback() {
 		this._disconnectMathObserver(), this._root &&= (this._root.unmount(), null);
 	}
-}, ve = Object.freeze({
+}, ye = Object.freeze({
 	name: "@pie-element/charting",
-	version: "13.0.6"
+	version: "13.0.7-next.20261019062545"
 });
 //#endregion
-export { Z as Component, _e as default, ve as piePackage };
+export { Q as Component, ve as default, ye as piePackage };
 
 //# sourceMappingURL=index.js.map