@pie-element/charting 13.0.6-next.20261015154938 → 13.0.6-next.20261016234357

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-next.20261015154938"
+	version: "13.0.6-next.20261016234357"
 });
 //#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 { A as t, G as n, H as r, M as i, O as a, U as o, _ as s, a as c, b as l, et as u, h as d, j as f, o as p, t as m, v as h, x as g, y as _ } from "../chart-DnQe4gOt.js";
-import { g as v } from "../dist-kMt4MdSv.js";
-import y, { useRef as b } from "react";
-import { createRoot as x } from "react-dom/client";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
+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-CywE0EOS.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";
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var w = /* @__PURE__ */ e(u(), 1), T = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ C("svg", {
+var T = /* @__PURE__ */ e(h(), 1), E = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ w("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -13,27 +13,27 @@ var w = /* @__PURE__ */ e(u(), 1), T = ({ bgFill: e, fgFill: t }) => /* @__PURE_
 	viewBox: "-283 359 34 35",
 	style: { enableBackground: "new -283 359 34 35" },
 	children: [
-		/* @__PURE__ */ S("circle", {
+		/* @__PURE__ */ C("circle", {
 			cx: "-266",
 			cy: "375.9",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ S("path", {
+		/* @__PURE__ */ C("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__ */ S("polygon", {
+		/* @__PURE__ */ C("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
 		})
 	]
 });
-T.propTypes = {
-	bgFill: w.default.string.isRequired,
-	fgFill: w.default.string.isRequired
+E.propTypes = {
+	bgFill: T.default.string.isRequired,
+	fgFill: T.default.string.isRequired
 };
-var E = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ C("svg", {
+var D = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -41,7 +41,7 @@ var E = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ C("svg", {
 	viewBox: "-129.5 127 34 35",
 	style: { enableBackground: "new -129.5 127 34 35" },
 	children: [
-		/* @__PURE__ */ S("path", {
+		/* @__PURE__ */ C("path", {
 			style: {
 				fill: "#D0CAC5",
 				stroke: "#E6E3E0",
@@ -50,7 +50,7 @@ var E = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ C("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__ */ S("path", {
+		/* @__PURE__ */ C("path", {
 			style: {
 				fill: "#B3ABA4",
 				stroke: "#CDC7C2",
@@ -59,48 +59,48 @@ var E = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ C("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__ */ S("circle", {
+		/* @__PURE__ */ C("circle", {
 			cx: "-114.2",
 			cy: "143.5",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ S("path", {
+		/* @__PURE__ */ C("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__ */ S("polygon", {
+		/* @__PURE__ */ C("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
 		})
 	]
 });
-E.propTypes = {
-	bgFill: w.default.string.isRequired,
-	fgFill: w.default.string.isRequired,
-	borderFill: w.default.string.isRequired
+D.propTypes = {
+	bgFill: T.default.string.isRequired,
+	fgFill: T.default.string.isRequired,
+	borderFill: T.default.string.isRequired
 };
-var D = n("div")(({ size: e }) => ({
+var ee = t("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
-})), O = ({ open: e, size: t }) => /* @__PURE__ */ S(D, {
+})), O = ({ open: e, size: t }) => /* @__PURE__ */ C(ee, {
 	size: t,
-	children: e ? /* @__PURE__ */ S(T, {
+	children: e ? /* @__PURE__ */ C(E, {
 		bgFill: "#bce2ff",
 		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ S(E, {
+	}) : /* @__PURE__ */ C(D, {
 		bgFill: "white",
 		fgFill: "#1a9cff",
 		borderFill: "#bce2ff"
 	})
 });
 O.propTypes = {
-	open: w.default.bool,
-	size: w.default.string
+	open: T.default.bool,
+	size: T.default.string
 }, O.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/charting/dist/key-legend.js
-var ee = n("div")(({ theme: e }) => ({
+var te = t("div")(({ theme: e }) => ({
 	backgroundColor: o.v("pie")("background", o.defaults.WHITE),
 	color: o.text(),
 	padding: e.spacing(2),
@@ -109,36 +109,36 @@ var ee = n("div")(({ theme: e }) => ({
 	display: "flex",
 	flexDirection: "column",
 	gap: "16px"
-})), k = n("div")(() => ({
+})), k = t("div")(() => ({
 	display: "flex",
 	alignItems: "center",
 	gap: "12px"
-})), te = n("div")(({ theme: e }) => ({
+})), ne = t("div")(({ theme: e }) => ({
 	fontSize: e.typography.h6.fontSize,
 	fontWeight: "700"
-})), ne = n("div")(() => ({ marginLeft: "2px" })), A = n(d)(({ theme: e }) => ({
+})), A = t("div")(() => ({ marginLeft: "2px" })), j = t(l)(({ theme: e }) => ({
 	backgroundColor: o.correct(),
 	borderRadius: e.spacing(2),
 	color: o.defaults.WHITE
-})), j = n(p)(({ theme: e }) => ({
+})), re = t(p)(({ theme: e }) => ({
 	backgroundColor: o.incorrectWithIcon(),
 	borderRadius: e.spacing(2),
 	color: o.defaults.WHITE
-})), re = n("div")(() => ({
+})), ie = t("div")(() => ({
 	marginLeft: "3px",
 	display: "flex",
 	alignItems: "center",
 	gap: "12px"
-})), { translator: M } = f, N = ({ language: e }) => /* @__PURE__ */ C(ee, { children: [
-	/* @__PURE__ */ S(te, { children: M.t("selectText.key", { lng: e }) }),
-	/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(j, {}), /* @__PURE__ */ S("div", { children: M.t("charting.keyLegend.incorrectAnswer", { lng: e }) })] }),
-	/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(A, {}), /* @__PURE__ */ S("div", { children: M.t("charting.keyLegend.correctAnswer", { lng: e }) })] }),
-	/* @__PURE__ */ C(re, { children: [/* @__PURE__ */ S(A, { fontSize: "small" }), /* @__PURE__ */ S(ne, { children: M.t("charting.keyLegend.correctKeyAnswer", { lng: e }) })] })
+})), { 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 }) })] })
 ] });
-N.propTypes = { language: w.default.string };
+N.propTypes = { language: T.default.string };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var P = "height ease-in 300ms, opacity ease-in 300ms", ie = n("div")(() => ({
+var P = "height ease-in 300ms, opacity ease-in 300ms", ae = t("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -173,9 +173,9 @@ var P = "height ease-in 300ms, opacity ease-in 300ms", ie = n("div")(() => ({
 		width: 0
 	}
 })), F = (e) => {
-	let { show: t, children: n, className: i } = e, a = b(null);
-	return /* @__PURE__ */ S(r, {
-		nodeRef: a,
+	let { show: t, children: n, className: r } = e, i = x(null);
+	return /* @__PURE__ */ C(a, {
+		nodeRef: i,
 		in: t,
 		appear: !0,
 		mountOnEnter: !1,
@@ -186,19 +186,32 @@ var P = "height ease-in 300ms, opacity ease-in 300ms", ie = n("div")(() => ({
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ S(ie, {
-			ref: a,
-			className: i,
+		children: /* @__PURE__ */ C(ae, {
+			ref: i,
+			className: r,
 			children: n
 		})
 	});
 };
 F.propTypes = {
-	show: w.default.bool.isRequired,
-	className: w.default.string,
-	children: w.default.oneOfType([w.default.arrayOf(w.default.node), w.default.node]).isRequired
+	show: T.default.bool.isRequired,
+	className: T.default.string,
+	children: T.default.oneOfType([T.default.arrayOf(T.default.node), T.default.node]).isRequired
 };
 //#endregion
+//#region ../../lib-react/correct-answer-toggle/dist/i18n/index.js
+var oe = r({
+	packageName: "@pie-lib/correct-answer-toggle",
+	source: {
+		showCorrectAnswer: "Show correct answer",
+		hideCorrectAnswer: "Hide correct answer"
+	},
+	loaders: { es: () => import(
+		/* webpackMode: "eager" */
+		"../es-IvhhD5u_.js"
+) }
+});
+//#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/index.js
 function I(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
@@ -206,17 +219,17 @@ function I(e) {
 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;
 }
-var R = s, z = R.default, ae = z && typeof z == "object" ? z : R, oe = L(l, "Readable") || L(ae.Readable, "Readable"), { translator: B } = f, se = {
+var R = g, z = R.default, se = z && typeof z == "object" ? z : R, ce = L(_, "Readable") || L(se.Readable, "Readable"), le = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, ce = n("div")(() => ({
+}, ue = t("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), le = n("button")(() => ({
+})), de = t("button")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex",
@@ -232,15 +245,15 @@ var R = s, z = R.default, ae = z && typeof z == "object" ? z : R, oe = L(l, "Rea
 		outline: `2px solid ${o.buttonFocusOutline()}`,
 		outlineOffset: "-2px"
 	}
-})), ue = n("div")(() => ({
+})), B = t("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
 	color: `var(--correct-answer-toggle-label-color, ${o.text()})`,
 	fontWeight: "normal",
-	...se
-})), V = n("div")(() => ({
+	...le
+})), V = t("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -253,59 +266,50 @@ var R = s, z = R.default, ae = z && typeof z == "object" ? z : R, oe = L(l, "Rea
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), H = n("div")(() => ({
+})), fe = t("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), de = class e extends y.Component {
+})), pe = class extends b.Component {
 	static propTypes = {
-		onToggle: w.default.func,
-		toggled: w.default.bool,
-		show: w.default.bool,
-		hideMessage: w.default.string,
-		showMessage: w.default.string,
-		className: w.default.string,
-		language: w.default.string
+		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
 	};
 	static defaultProps = {
-		showMessage: "Show correct answer",
-		hideMessage: "Hide correct answer",
 		show: !1,
 		toggled: !1
 	};
-	constructor(t) {
-		super(t), this.state = { show: t.show }, this.openIconRef = y.createRef(), this.closedIconRef = y.createRef(), e.defaultProps = {
-			...e.defaultProps,
-			showMessage: B.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: B.t("common:hideCorrectAnswer", { lng: t.language })
-		};
+	constructor(e) {
+		super(e), this.state = { show: e.show }, this.openIconRef = b.createRef(), this.closedIconRef = b.createRef();
 	}
+	relabel = () => this.forceUpdate();
 	onClick() {
 		this.props.onToggle(!this.props.toggled);
 	}
 	onTouch(e) {
 		e.preventDefault(), this.props.onToggle(!this.props.toggled);
 	}
-	UNSAFE_componentWillReceiveProps(t) {
-		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
-			...e.defaultProps,
-			showMessage: B.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: B.t("common:hideCorrectAnswer", { lng: t.language })
-		});
+	UNSAFE_componentWillReceiveProps(e) {
+		this.setState({ show: e.show });
 	}
 	render() {
-		let { className: e, toggled: t, hideMessage: n, showMessage: i } = this.props;
-		return /* @__PURE__ */ S(ce, {
+		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, {
 			className: e,
-			children: /* @__PURE__ */ S(F, {
+			children: /* @__PURE__ */ C(F, {
 				show: this.state.show,
-				children: /* @__PURE__ */ C(le, {
+				children: /* @__PURE__ */ w(de, {
 					type: "button",
 					"aria-pressed": !!t,
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ C(H, { children: [/* @__PURE__ */ S(r, {
+					children: [/* @__PURE__ */ w(fe, { children: [/* @__PURE__ */ C(a, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -316,11 +320,11 @@ var R = s, z = R.default, ae = z && typeof z == "object" ? z : R, oe = L(l, "Rea
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ S(V, {
+						children: /* @__PURE__ */ C(V, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ S(O, { open: t }, "correct-open")
+							children: /* @__PURE__ */ C(O, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ S(r, {
+					}), /* @__PURE__ */ C(a, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -331,15 +335,15 @@ var R = s, z = R.default, ae = z && typeof z == "object" ? z : R, oe = L(l, "Rea
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ S(V, {
+						children: /* @__PURE__ */ C(V, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ S(O, { open: t }, "correct-closed")
+							children: /* @__PURE__ */ C(O, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ S(oe, {
+					})] }), /* @__PURE__ */ C(ce, {
 						false: !0,
-						children: /* @__PURE__ */ S(ue, {
+						children: /* @__PURE__ */ C(B, {
 							"aria-hidden": !this.state.show,
-							children: t ? n : i
+							children: t ? i : o
 						})
 					})]
 				})
@@ -349,25 +353,25 @@ var R = s, z = R.default, ae = z && typeof z == "object" ? z : R, oe = L(l, "Rea
 };
 //#endregion
 //#region src/delivery/main.tsx
-function U(e) {
+function H(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-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;
+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;
 }
-var G = s, K = G.default, q = K && typeof K == "object" ? K : G, fe = W(a, "UiLayout") || W(q.UiLayout, "UiLayout"), J = W(g, "PreviewPrompt") || W(q.PreviewPrompt, "PreviewPrompt"), Y = W(t, "Collapsible") || W(q.Collapsible, "Collapsible"), { translator: X } = f, pe = n(fe)({
+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(),
 	overflowX: "scroll",
 	overflowY: "hidden"
-}), Z = n(m)(({ theme: e }) => ({
+}), X = t(m)(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), me = n(Y)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Q = class extends y.Component {
+})), ge = t(J)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Z = class extends b.Component {
 	static propTypes = {
-		model: w.default.object.isRequired,
-		onAnswersChange: w.default.func,
-		categories: w.default.array
+		model: T.default.object.isRequired,
+		onAnswersChange: T.default.func,
+		categories: T.default.array
 	};
 	constructor(e) {
 		super(e), this.state = {
@@ -376,12 +380,12 @@ var G = s, K = G.default, q = K && typeof K == "object" ? K : G, fe = W(a, "UiLa
 		};
 	}
 	componentDidUpdate(e) {
-		v(e.categories, this.props.categories) ? v(e.model.data, this.props.model.data) || this.setState({ categories: this.props.model.data }) : this.setState({ categories: this.props.categories });
+		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 });
 	}
 	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: s, range: l, title: u, addCategoryEnabled: d, studentNewCategoryDefaultLabel: f, showToggle: p, rationale: m, correctAnswer: g, language: v, env: y, showKeyLegend: b } = n, { correctedAnswer: x, extraCSSRules: w } = 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: y, showKeyLegend: b } = n, { correctedAnswer: x, extraCSSRules: S } = n, T = (g?.data || []).map((e) => ({
 			...e,
 			interactive: !1,
 			editable: !1
@@ -390,83 +394,83 @@ var G = s, K = G.default, q = K && typeof K == "object" ? K : G, fe = W(a, "UiLa
 			...e,
 			editable: !1
 		})));
-		let D = n.rationale && (_(n.rationale) || h(n.rationale));
-		return /* @__PURE__ */ C(pe, {
-			extraCSSRules: w,
+		let D = n.rationale && (c(n.rationale) || v(n.rationale));
+		return /* @__PURE__ */ w(he, {
+			extraCSSRules: S,
 			children: [
-				n.teacherInstructions && (_(n.teacherInstructions) || h(n.teacherInstructions)) && /* @__PURE__ */ S(me, {
+				n.teacherInstructions && (c(n.teacherInstructions) || v(n.teacherInstructions)) && /* @__PURE__ */ C(ge, {
 					labels: {
-						hidden: X.t("common:showTeacherInstructions", { lng: v }),
-						visible: X.t("common:hideTeacherInstructions", { lng: v })
+						hidden: Y.t("common:showTeacherInstructions", { lng: _ }),
+						visible: Y.t("common:hideTeacherInstructions", { lng: _ })
 					},
-					children: /* @__PURE__ */ S(J, { prompt: r })
+					children: /* @__PURE__ */ C(q, { prompt: r })
 				}),
-				i && /* @__PURE__ */ S(J, {
+				i && /* @__PURE__ */ C(q, {
 					className: "prompt",
 					prompt: i
 				}),
-				/* @__PURE__ */ S(de, {
-					show: p,
+				/* @__PURE__ */ C(pe, {
+					show: m,
 					toggled: t,
 					onToggle: this.toggleCorrect,
-					language: v
+					language: _
 				}),
-				t && p ? /* @__PURE__ */ S(Z, {
+				t && m ? /* @__PURE__ */ C(X, {
 					chartType: a,
 					size: o,
-					domain: s,
-					range: l,
+					domain: l,
+					range: u,
 					charts: [
-						c.Bar(),
-						c.Histogram(),
-						c.LineDot(),
-						c.LineCross(),
-						c.DotPlot(),
-						c.LinePlot()
+						s.Bar(),
+						s.Histogram(),
+						s.LineDot(),
+						s.LineCross(),
+						s.DotPlot(),
+						s.LinePlot()
 					],
 					data: T || e,
-					title: u,
+					title: d,
 					onDataChange: this.changeData,
 					addCategoryEnabled: !1,
-					categoryDefaultLabel: f,
-					language: v,
+					categoryDefaultLabel: p,
+					language: _,
 					disabled: n.disabled,
 					labelsPlaceholders: {}
-				}) : /* @__PURE__ */ S(Z, {
+				}) : /* @__PURE__ */ C(X, {
 					chartType: a,
 					size: o,
-					domain: s,
-					range: l,
+					domain: l,
+					range: u,
 					charts: [
-						c.Bar(),
-						c.Histogram(),
-						c.LineDot(),
-						c.LineCross(),
-						c.DotPlot(),
-						c.LinePlot()
+						s.Bar(),
+						s.Histogram(),
+						s.LineDot(),
+						s.LineCross(),
+						s.DotPlot(),
+						s.LinePlot()
 					],
 					data: x || e,
-					title: u,
+					title: d,
 					onDataChange: this.changeData,
-					addCategoryEnabled: d,
-					categoryDefaultLabel: f,
-					language: v,
+					addCategoryEnabled: f,
+					categoryDefaultLabel: p,
+					language: _,
 					disabled: n.disabled,
 					labelsPlaceholders: {},
-					correctData: p ? T : void 0
+					correctData: m ? T : void 0
 				}),
-				!t && b && /* @__PURE__ */ S(N, { language: v }),
-				D && /* @__PURE__ */ S(Y, {
+				!t && b && /* @__PURE__ */ C(N, { language: _ }),
+				D && /* @__PURE__ */ C(J, {
 					labels: {
-						hidden: X.t("common:showRationale", { lng: v }),
-						visible: X.t("common:hideRationale", { lng: v })
+						hidden: Y.t("common:showRationale", { lng: _ }),
+						visible: Y.t("common:hideRationale", { lng: _ })
 					},
-					children: /* @__PURE__ */ S(J, { prompt: m })
+					children: /* @__PURE__ */ C(q, { prompt: h })
 				})
 			]
 		});
 	}
-}, $ = class e extends CustomEvent {
+}, Q = class e extends CustomEvent {
 	static {
 		this.TYPE = "model-set";
 	}
@@ -481,7 +485,7 @@ var G = s, K = G.default, q = K && typeof K == "object" ? K : G, fe = W(a, "UiLa
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, he = class e extends CustomEvent {
+}, $ = class e extends CustomEvent {
 	static {
 		this.TYPE = "session-changed";
 	}
@@ -495,13 +499,13 @@ var G = s, K = G.default, q = K && typeof K == "object" ? K : G, fe = W(a, "UiLa
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, ge = class extends HTMLElement {
+}, _e = class extends HTMLElement {
 	constructor() {
 		super(), this._root = null, this._mathObserver = null, this._mathRenderPending = !1;
 	}
 	_scheduleMathRender = () => {
 		this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
-			this._mathObserver && this._mathObserver.disconnect(), i(this), this._mathRenderPending = !1, setTimeout(() => {
+			this._mathObserver && this._mathObserver.disconnect(), n(this), this._mathRenderPending = !1, setTimeout(() => {
 				this._mathObserver && this._mathObserver.observe(this, {
 					childList: !0,
 					subtree: !0
@@ -519,7 +523,7 @@ var G = s, K = G.default, q = K && typeof K == "object" ? K : G, fe = W(a, "UiLa
 		this._mathObserver &&= (this._mathObserver.disconnect(), null);
 	}
 	set model(e) {
-		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();
+		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();
 	}
 	set session(e) {
 		this._session = e, this._render();
@@ -532,7 +536,7 @@ var G = s, K = G.default, q = K && typeof K == "object" ? K : G, fe = W(a, "UiLa
 	}
 	isComplete = (e) => Array.isArray(e) && e.length > 0;
 	changeAnswers = (e) => {
-		this._session.answer = e, this.dispatchEvent(new he(this.tagName.toLowerCase(), this.isComplete(this._session.answer))), this._render();
+		this._session.answer = e, this.dispatchEvent(new $(this.tagName.toLowerCase(), this.isComplete(this._session.answer))), this._render();
 	};
 	_render() {
 		if (!this._model || !this._session) return;
@@ -540,21 +544,21 @@ var G = s, K = G.default, q = K && typeof K == "object" ? K : G, fe = W(a, "UiLa
 		let e = {
 			...this._model,
 			data: this._model.data ? [...this._model.data] : this._model.data
-		}, t = y.createElement(Q, {
+		}, t = b.createElement(Z, {
 			model: e,
 			categories: this._session.answer,
 			onAnswersChange: this.changeAnswers
 		});
-		this._root ||= x(this), this._root.render(t);
+		this._root ||= S(this), this._root.render(t);
 	}
 	disconnectedCallback() {
 		this._disconnectMathObserver(), this._root &&= (this._root.unmount(), null);
 	}
-}, _e = Object.freeze({
+}, ve = Object.freeze({
 	name: "@pie-element/charting",
-	version: "13.0.6-next.20261015154938"
+	version: "13.0.6-next.20261016234357"
 });
 //#endregion
-export { Q as Component, ge as default, _e as piePackage };
+export { Z as Component, _e as default, ve as piePackage };
 
 //# sourceMappingURL=index.js.map