@pie-element/charting 12.1.2-next.2 → 12.1.2-next.20

package/dist/browser/editor-runtime/delivery/index.js

@@ -0,0 +1,535 @@
+import { C as e, t } from "../dist-4_gVzyUN.js";
+import { B as n, M as r, Q as i, S as a, U as o, V as s, b as c, g as l, j as u, k as d, n as f, o as p, s as m, t as h, v as g, x as _, y as v } from "../chart-DzM_FFhs.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";
+//#region ../../lib-react/icons/dist/correct-response-icon.js
+var w = /* @__PURE__ */ e(i(), 1), T = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ C("svg", {
+	preserveAspectRatio: "xMinYMin meet",
+	version: "1.1",
+	viewBox: "-283 359 34 35",
+	style: { enableBackground: "new -283 359 34 35" },
+	children: [
+		/* @__PURE__ */ S("circle", {
+			cx: "-266",
+			cy: "375.9",
+			r: "14",
+			fill: e
+		}),
+		/* @__PURE__ */ S("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", {
+			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
+};
+var E = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ C("svg", {
+	preserveAspectRatio: "xMinYMin meet",
+	version: "1.1",
+	viewBox: "-129.5 127 34 35",
+	style: { enableBackground: "new -129.5 127 34 35" },
+	children: [
+		/* @__PURE__ */ S("path", {
+			style: {
+				fill: "#D0CAC5",
+				stroke: "#E6E3E0",
+				strokeWidth: .75,
+				strokeMiterlimit: 10
+			},
+			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", {
+			style: {
+				fill: "#B3ABA4",
+				stroke: "#CDC7C2",
+				strokeWidth: .5,
+				strokeMiterlimit: 10
+			},
+			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", {
+			cx: "-114.2",
+			cy: "143.5",
+			r: "14",
+			fill: e
+		}),
+		/* @__PURE__ */ S("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", {
+			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
+};
+var D = o("div")(({ size: e }) => ({
+	width: e || "25px",
+	height: e || "25px"
+})), O = ({ open: e, size: t }) => /* @__PURE__ */ S(D, {
+	size: t,
+	children: e ? /* @__PURE__ */ S(T, {
+		bgFill: "#bce2ff",
+		fgFill: "#1a9cff"
+	}) : /* @__PURE__ */ S(E, {
+		bgFill: "white",
+		fgFill: "#1a9cff",
+		borderFill: "#bce2ff"
+	})
+});
+O.propTypes = {
+	open: w.default.bool,
+	size: w.default.string
+}, O.defaultProps = { open: !1 };
+//#endregion
+//#region ../../lib-react/charting/dist/key-legend.js
+var ee = o("div")(({ theme: e }) => ({
+	backgroundColor: s.defaults.WHITE,
+	padding: e.spacing(2),
+	width: "355px",
+	boxShadow: "inset 0px 1px 5px 0px #9297A6",
+	display: "flex",
+	flexDirection: "column",
+	gap: "16px"
+})), k = o("div")(() => ({
+	display: "flex",
+	alignItems: "center",
+	gap: "12px"
+})), A = o("div")(({ theme: e }) => ({
+	fontSize: e.typography.h6.fontSize,
+	fontWeight: "700"
+})), te = o("div")(() => ({ marginLeft: "2px" })), j = o(l)(({ theme: e }) => ({
+	backgroundColor: s.correct(),
+	borderRadius: e.spacing(2),
+	color: s.defaults.WHITE
+})), M = o(m)(({ theme: e }) => ({
+	backgroundColor: s.incorrectWithIcon(),
+	borderRadius: e.spacing(2),
+	color: s.defaults.WHITE
+})), ne = o("div")(() => ({
+	marginLeft: "3px",
+	display: "flex",
+	alignItems: "center",
+	gap: "12px"
+})), { translator: N } = f, P = ({ language: e }) => /* @__PURE__ */ C(ee, { children: [
+	/* @__PURE__ */ S(A, { children: "Key" }),
+	/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(M, {}), /* @__PURE__ */ S("div", { children: N.t("charting.keyLegend.incorrectAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(j, {}), /* @__PURE__ */ S("div", { children: N.t("charting.keyLegend.correctAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ C(ne, { children: [/* @__PURE__ */ S(j, { fontSize: "small" }), /* @__PURE__ */ S(te, { children: N.t("charting.keyLegend.correctKeyAnswer", { lng: e }) })] })
+] });
+P.propTypes = { language: w.default.string };
+//#endregion
+//#region ../../lib-react/correct-answer-toggle/dist/expander.js
+var F = "height ease-in 300ms, opacity ease-in 300ms", re = o("div")(() => ({
+	position: "relative",
+	height: 0,
+	overflow: "hidden",
+	display: "flex",
+	visibility: "hidden",
+	width: 0,
+	"&.enter": {
+		transition: F,
+		opacity: 1,
+		height: "auto",
+		width: "auto",
+		visibility: "visible",
+		minHeight: "25px"
+	},
+	"&.enter-done": {
+		height: "auto",
+		visibility: "visible",
+		width: "auto",
+		minHeight: "25px"
+	},
+	"&.exit": {
+		transition: F,
+		opacity: 0,
+		height: 0,
+		visibility: "visible",
+		width: 0
+	},
+	"&.exit-done": {
+		opacity: 0,
+		visibility: "hidden",
+		height: 0,
+		width: 0
+	}
+})), I = (e) => {
+	let { show: t, children: r, className: i } = e, a = b(null);
+	return /* @__PURE__ */ S(n, {
+		nodeRef: a,
+		in: t,
+		appear: !0,
+		mountOnEnter: !1,
+		timeout: 300,
+		classNames: {
+			enter: "enter",
+			enterDone: "enter-done",
+			exit: "exit",
+			exitDone: "exit-done"
+		},
+		children: /* @__PURE__ */ S(re, {
+			ref: a,
+			className: i,
+			children: r
+		})
+	});
+};
+I.propTypes = {
+	show: w.default.bool.isRequired,
+	className: w.default.string,
+	children: w.default.oneOfType([w.default.arrayOf(w.default.node), w.default.node]).isRequired
+};
+//#endregion
+//#region ../../lib-react/correct-answer-toggle/dist/index.js
+function L(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+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 ie = R(_, "Readable") || R(ae.Readable, "Readable"), z = g, B = z.default, ae = B && typeof B == "object" ? B : z, { translator: V } = f, oe = {
+	WebkitTouchCallout: "none",
+	WebkitUserSelect: "none",
+	KhtmlUserSelect: "none",
+	MozUserSelect: "none",
+	msUserSelect: "none",
+	userSelect: "none"
+}, se = o("div")(() => ({
+	width: "100%",
+	cursor: "pointer"
+})), ce = o("div")(() => ({
+	margin: "0 auto",
+	textAlign: "center",
+	display: "flex"
+})), le = o("div")(() => ({
+	width: "fit-content",
+	minWidth: "140px",
+	alignSelf: "center",
+	verticalAlign: "middle",
+	color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
+	fontWeight: "normal",
+	...oe
+})), H = o("div")(() => ({
+	position: "absolute",
+	width: "25px",
+	"&.enter": { opacity: "0" },
+	"&.enter-active": {
+		opacity: "1",
+		transition: "opacity 0.3s ease-in"
+	},
+	"&.exit": { opacity: "1" },
+	"&.exit-active": {
+		opacity: "0",
+		transition: "opacity 0.3s ease-in"
+	}
+})), U = o("div")(() => ({
+	width: "25px",
+	marginRight: "5px",
+	display: "flex",
+	alignItems: "center"
+})), ue = class e extends y.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
+	};
+	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: V.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: V.t("common:hideCorrectAnswer", { lng: t.language })
+		};
+	}
+	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: V.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: V.t("common:hideCorrectAnswer", { lng: t.language })
+		});
+	}
+	render() {
+		let { className: e, toggled: t, hideMessage: r, showMessage: i } = this.props;
+		return /* @__PURE__ */ S(se, {
+			className: e,
+			children: /* @__PURE__ */ S(I, {
+				show: this.state.show,
+				children: /* @__PURE__ */ C(ce, {
+					onClick: this.onClick.bind(this),
+					onTouchEnd: this.onTouch.bind(this),
+					children: [/* @__PURE__ */ C(U, { children: [/* @__PURE__ */ S(n, {
+						nodeRef: this.openIconRef,
+						timeout: 400,
+						in: t,
+						exit: !t,
+						classNames: {
+							enter: "enter",
+							enterActive: "enter-active",
+							exit: "exit",
+							exitActive: "exit-active"
+						},
+						children: /* @__PURE__ */ S(H, {
+							ref: this.openIconRef,
+							children: /* @__PURE__ */ S(O, { open: t }, "correct-open")
+						})
+					}), /* @__PURE__ */ S(n, {
+						nodeRef: this.closedIconRef,
+						timeout: 5e3,
+						in: !t,
+						exit: t,
+						classNames: {
+							enter: "enter",
+							enterActive: "enter-active",
+							exit: "exit",
+							exitActive: "exit-active"
+						},
+						children: /* @__PURE__ */ S(H, {
+							ref: this.closedIconRef,
+							children: /* @__PURE__ */ S(O, { open: t }, "correct-closed")
+						})
+					})] }), /* @__PURE__ */ S(ie, {
+						false: !0,
+						children: /* @__PURE__ */ S(le, {
+							"aria-hidden": !this.state.show,
+							children: t ? r : i
+						})
+					})]
+				})
+			})
+		});
+	}
+};
+//#endregion
+//#region src/delivery/main.tsx
+function W(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function G(e, t) {
+	return !e || W(e) ? e : W(e.default) ? e.default : t && W(e[t]) ? e[t] : t && W(e[t]?.default) ? e[t].default : e;
+}
+var de = G(d, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(a, "PreviewPrompt") || G(X.PreviewPrompt, "PreviewPrompt"), q = G(u, "Collapsible") || G(X.Collapsible, "Collapsible"), J = g, Y = J.default, X = Y && typeof Y == "object" ? Y : J, fe = o(de)({
+	color: s.text(),
+	backgroundColor: s.background(),
+	overflowX: "scroll",
+	overflowY: "hidden"
+}), Z = o(h)(({ theme: e }) => ({
+	marginTop: e.spacing(2),
+	marginBottom: e.spacing(2)
+})), pe = o(q)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Q = class extends y.Component {
+	static propTypes = {
+		model: w.default.object.isRequired,
+		onAnswersChange: w.default.func,
+		categories: w.default.array
+	};
+	constructor(e) {
+		super(e), this.state = {
+			categories: e.categories || e.model.data,
+			showingCorrect: !1
+		};
+	}
+	componentDidUpdate(e) {
+		t(e.categories, this.props.categories) ? t(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: m, rationale: h, correctAnswer: g, language: _, env: y, showKeyLegend: b } = n, { correctedAnswer: x, extraCSSRules: w } = n, T = (g?.data || []).map((e) => ({
+			...e,
+			interactive: !1,
+			editable: !1
+		})), { mode: E } = y || {};
+		E === "view" && (x = (x || []).map((e) => ({
+			...e,
+			editable: !1
+		})));
+		let D = n.rationale && (c(n.rationale) || v(n.rationale));
+		return /* @__PURE__ */ C(fe, {
+			extraCSSRules: w,
+			children: [
+				n.teacherInstructions && (c(n.teacherInstructions) || v(n.teacherInstructions)) && /* @__PURE__ */ S(pe, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: /* @__PURE__ */ S(K, { prompt: r })
+				}),
+				i && /* @__PURE__ */ S(K, {
+					className: "prompt",
+					prompt: i
+				}),
+				/* @__PURE__ */ S(ue, {
+					show: m,
+					toggled: t,
+					onToggle: this.toggleCorrect,
+					language: _
+				}),
+				t && m ? /* @__PURE__ */ S(Z, {
+					chartType: a,
+					size: o,
+					domain: s,
+					range: l,
+					charts: [
+						p.Bar(),
+						p.Histogram(),
+						p.LineDot(),
+						p.LineCross(),
+						p.DotPlot(),
+						p.LinePlot()
+					],
+					data: T || e,
+					title: u,
+					onDataChange: this.changeData,
+					addCategoryEnabled: !1,
+					categoryDefaultLabel: f,
+					language: _,
+					labelsPlaceholders: {}
+				}) : /* @__PURE__ */ S(Z, {
+					chartType: a,
+					size: o,
+					domain: s,
+					range: l,
+					charts: [
+						p.Bar(),
+						p.Histogram(),
+						p.LineDot(),
+						p.LineCross(),
+						p.DotPlot(),
+						p.LinePlot()
+					],
+					data: x || e,
+					title: u,
+					onDataChange: this.changeData,
+					addCategoryEnabled: d,
+					categoryDefaultLabel: f,
+					language: _,
+					labelsPlaceholders: {},
+					correctData: m ? T : void 0
+				}),
+				!t && b && /* @__PURE__ */ S(P, { language: _ }),
+				D && /* @__PURE__ */ S(q, {
+					labels: {
+						hidden: "Show Rationale",
+						visible: "Hide Rationale"
+					},
+					children: /* @__PURE__ */ S(K, { prompt: h })
+				})
+			]
+		});
+	}
+}, $ = class e extends CustomEvent {
+	static {
+		this.TYPE = "model-set";
+	}
+	constructor(t, n, r) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t,
+				hasModel: r
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, me = class e extends CustomEvent {
+	static {
+		this.TYPE = "session-changed";
+	}
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, he = 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(), r(this), this._mathRenderPending = !1, setTimeout(() => {
+				this._mathObserver && this._mathObserver.observe(this, {
+					childList: !0,
+					subtree: !0
+				});
+			}, 50);
+		}));
+	};
+	_initMathObserver() {
+		this._mathObserver || (this._mathObserver = new MutationObserver(this._scheduleMathRender), this._mathObserver.observe(this, {
+			childList: !0,
+			subtree: !0
+		}));
+	}
+	_disconnectMathObserver() {
+		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();
+	}
+	set session(e) {
+		this._session = e, this._render();
+	}
+	get session() {
+		return this._session;
+	}
+	connectedCallback() {
+		this._initMathObserver(), this._render();
+	}
+	isComplete = (e) => Array.isArray(e) && e.length > 0;
+	changeAnswers = (e) => {
+		this._session.answer = e, this.dispatchEvent(new me(this.tagName.toLowerCase(), this.isComplete(this._session.answer))), this._render();
+	};
+	_render() {
+		if (!this._model || !this._session) return;
+		this._initMathObserver();
+		let e = {
+			...this._model,
+			data: this._model.data ? [...this._model.data] : this._model.data
+		}, t = y.createElement(Q, {
+			model: e,
+			categories: this._session.answer,
+			onAnswersChange: this.changeAnswers
+		});
+		this._root ||= x(this), this._root.render(t);
+	}
+	disconnectedCallback() {
+		this._disconnectMathObserver(), this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { Q as Component, he as default };
+
+//# sourceMappingURL=index.js.map

package/dist/browser/editor-runtime/delivery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../lib-react/icons/dist/correct-response-icon.js","../../../../../../lib-react/charting/dist/key-legend.js","../../../../../../lib-react/correct-answer-toggle/dist/expander.js","../../../../../../lib-react/correct-answer-toggle/dist/index.js","../../../../src/delivery/main.tsx","../../../../../../shared/player-events/dist/index.js","../../../../src/delivery/index.ts"],"sourcesContent":["import \"react\";\nimport e from \"prop-types\";\nimport { jsx as t, jsxs as n } from \"react/jsx-runtime\";\nimport { styled as r } from \"@mui/material/styles\";\n//#region src/correct-response-icon.tsx\nvar i = ({ bgFill: e, fgFill: r }) => /* @__PURE__ */ n(\"svg\", {\n\tpreserveAspectRatio: \"xMinYMin meet\",\n\tversion: \"1.1\",\n\tviewBox: \"-283 359 34 35\",\n\tstyle: { enableBackground: \"new -283 359 34 35\" },\n\tchildren: [\n\t\t/* @__PURE__ */ t(\"circle\", {\n\t\t\tcx: \"-266\",\n\t\t\tcy: \"375.9\",\n\t\t\tr: \"14\",\n\t\t\tfill: e\n\t\t}),\n\t\t/* @__PURE__ */ t(\"path\", {\n\t\t\td: \"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\",\n\t\t\tfill: e\n\t\t}),\n\t\t/* @__PURE__ */ t(\"polygon\", {\n\t\t\tpoints: \"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\",\n\t\t\tfill: r\n\t\t})\n\t]\n});\ni.propTypes = {\n\tbgFill: e.string.isRequired,\n\tfgFill: e.string.isRequired\n};\nvar a = ({ bgFill: e, fgFill: r, borderFill: i }) => /* @__PURE__ */ n(\"svg\", {\n\tpreserveAspectRatio: \"xMinYMin meet\",\n\tversion: \"1.1\",\n\tviewBox: \"-129.5 127 34 35\",\n\tstyle: { enableBackground: \"new -129.5 127 34 35\" },\n\tchildren: [\n\t\t/* @__PURE__ */ t(\"path\", {\n\t\t\tstyle: {\n\t\t\t\tfill: \"#D0CAC5\",\n\t\t\t\tstroke: \"#E6E3E0\",\n\t\t\t\tstrokeWidth: .75,\n\t\t\t\tstrokeMiterlimit: 10\n\t\t\t},\n\t\t\td: \"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\"\n\t\t}),\n\t\t/* @__PURE__ */ t(\"path\", {\n\t\t\tstyle: {\n\t\t\t\tfill: \"#B3ABA4\",\n\t\t\t\tstroke: \"#CDC7C2\",\n\t\t\t\tstrokeWidth: .5,\n\t\t\t\tstrokeMiterlimit: 10\n\t\t\t},\n\t\t\td: \"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\"\n\t\t}),\n\t\t/* @__PURE__ */ t(\"circle\", {\n\t\t\tcx: \"-114.2\",\n\t\t\tcy: \"143.5\",\n\t\t\tr: \"14\",\n\t\t\tfill: e\n\t\t}),\n\t\t/* @__PURE__ */ t(\"path\", {\n\t\t\td: \"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\",\n\t\t\tfill: i\n\t\t}),\n\t\t/* @__PURE__ */ t(\"polygon\", {\n\t\t\tpoints: \"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\",\n\t\t\tfill: r\n\t\t})\n\t]\n});\na.propTypes = {\n\tbgFill: e.string.isRequired,\n\tfgFill: e.string.isRequired,\n\tborderFill: e.string.isRequired\n};\nvar o = r(\"div\")(({ size: e }) => ({\n\twidth: e || \"25px\",\n\theight: e || \"25px\"\n})), s = ({ open: e, size: n }) => /* @__PURE__ */ t(o, {\n\tsize: n,\n\tchildren: e ? /* @__PURE__ */ t(i, {\n\t\tbgFill: \"#bce2ff\",\n\t\tfgFill: \"#1a9cff\"\n\t}) : /* @__PURE__ */ t(a, {\n\t\tbgFill: \"white\",\n\t\tfgFill: \"#1a9cff\",\n\t\tborderFill: \"#bce2ff\"\n\t})\n});\ns.propTypes = {\n\topen: e.bool,\n\tsize: e.string\n}, s.defaultProps = { open: !1 };\n//#endregion\nexport { s as default };\n","import \"react\";\nimport e from \"prop-types\";\nimport { styled as t } from \"@mui/material/styles\";\nimport { jsx as n, jsxs as r } from \"react/jsx-runtime\";\nimport { color as i } from \"@pie-lib/render-ui\";\nimport a from \"@mui/icons-material/Check\";\nimport o from \"@mui/icons-material/Close\";\nimport s from \"@pie-lib/translator\";\n//#region src/key-legend.tsx\nvar c = t(\"div\")(({ theme: e }) => ({\n\tbackgroundColor: i.defaults.WHITE,\n\tpadding: e.spacing(2),\n\twidth: \"355px\",\n\tboxShadow: \"inset 0px 1px 5px 0px #9297A6\",\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\tgap: \"16px\"\n})), l = t(\"div\")(() => ({\n\tdisplay: \"flex\",\n\talignItems: \"center\",\n\tgap: \"12px\"\n})), u = t(\"div\")(({ theme: e }) => ({\n\tfontSize: e.typography.h6.fontSize,\n\tfontWeight: \"700\"\n})), d = t(\"div\")(() => ({ marginLeft: \"2px\" })), f = t(a)(({ theme: e }) => ({\n\tbackgroundColor: i.correct(),\n\tborderRadius: e.spacing(2),\n\tcolor: i.defaults.WHITE\n})), p = t(o)(({ theme: e }) => ({\n\tbackgroundColor: i.incorrectWithIcon(),\n\tborderRadius: e.spacing(2),\n\tcolor: i.defaults.WHITE\n})), m = t(\"div\")(() => ({\n\tmarginLeft: \"3px\",\n\tdisplay: \"flex\",\n\talignItems: \"center\",\n\tgap: \"12px\"\n})), { translator: h } = s, g = ({ language: e }) => /* @__PURE__ */ r(c, { children: [\n\t/* @__PURE__ */ n(u, { children: \"Key\" }),\n\t/* @__PURE__ */ r(l, { children: [/* @__PURE__ */ n(p, {}), /* @__PURE__ */ n(\"div\", { children: h.t(\"charting.keyLegend.incorrectAnswer\", { lng: e }) })] }),\n\t/* @__PURE__ */ r(l, { children: [/* @__PURE__ */ n(f, {}), /* @__PURE__ */ n(\"div\", { children: h.t(\"charting.keyLegend.correctAnswer\", { lng: e }) })] }),\n\t/* @__PURE__ */ r(m, { children: [/* @__PURE__ */ n(f, { fontSize: \"small\" }), /* @__PURE__ */ n(d, { children: h.t(\"charting.keyLegend.correctKeyAnswer\", { lng: e }) })] })\n] });\ng.propTypes = { language: e.string };\n//#endregion\nexport { g as default };\n","import { styled as e } from \"@mui/material/styles\";\nimport { CSSTransition as t } from \"react-transition-group\";\nimport { jsx as n } from \"react/jsx-runtime\";\nimport { useRef as r } from \"react\";\nimport i from \"prop-types\";\n//#region src/expander.tsx\nvar a = \"height ease-in 300ms, opacity ease-in 300ms\", o = e(\"div\")(() => ({\n\tposition: \"relative\",\n\theight: 0,\n\toverflow: \"hidden\",\n\tdisplay: \"flex\",\n\tvisibility: \"hidden\",\n\twidth: 0,\n\t\"&.enter\": {\n\t\ttransition: a,\n\t\topacity: 1,\n\t\theight: \"auto\",\n\t\twidth: \"auto\",\n\t\tvisibility: \"visible\",\n\t\tminHeight: \"25px\"\n\t},\n\t\"&.enter-done\": {\n\t\theight: \"auto\",\n\t\tvisibility: \"visible\",\n\t\twidth: \"auto\",\n\t\tminHeight: \"25px\"\n\t},\n\t\"&.exit\": {\n\t\ttransition: a,\n\t\topacity: 0,\n\t\theight: 0,\n\t\tvisibility: \"visible\",\n\t\twidth: 0\n\t},\n\t\"&.exit-done\": {\n\t\topacity: 0,\n\t\tvisibility: \"hidden\",\n\t\theight: 0,\n\t\twidth: 0\n\t}\n})), s = (e) => {\n\tlet { show: i, children: a, className: s } = e, c = r(null);\n\treturn /* @__PURE__ */ n(t, {\n\t\tnodeRef: c,\n\t\tin: i,\n\t\tappear: !0,\n\t\tmountOnEnter: !1,\n\t\ttimeout: 300,\n\t\tclassNames: {\n\t\t\tenter: \"enter\",\n\t\t\tenterDone: \"enter-done\",\n\t\t\texit: \"exit\",\n\t\t\texitDone: \"exit-done\"\n\t\t},\n\t\tchildren: /* @__PURE__ */ n(o, {\n\t\t\tref: c,\n\t\t\tclassName: s,\n\t\t\tchildren: a\n\t\t})\n\t});\n};\ns.propTypes = {\n\tshow: i.bool.isRequired,\n\tclassName: i.string,\n\tchildren: i.oneOfType([i.arrayOf(i.node), i.node]).isRequired\n};\n//#endregion\nexport { s as default };\n","import e from \"./expander.js\";\nimport { styled as t } from \"@mui/material/styles\";\nimport { CSSTransition as n } from \"react-transition-group\";\nimport { CorrectResponse as r } from \"@pie-lib/icons\";\nimport * as i from \"@pie-lib/render-ui\";\nimport { Readable as a, color as o } from \"@pie-lib/render-ui\";\nimport { jsx as s, jsxs as c } from \"react/jsx-runtime\";\nimport l from \"react\";\nimport u from \"prop-types\";\nimport d from \"@pie-lib/translator\";\n//#region src/index.tsx\nfunction f(e) {\n\treturn typeof e == \"function\" || typeof e == \"object\" && !!e && typeof e.$$typeof == \"symbol\";\n}\nfunction p(e, t) {\n\treturn !e || f(e) ? e : f(e.default) ? e.default : t && f(e[t]) ? e[t] : t && f(e[t]?.default) ? e[t].default : e;\n}\nvar m = p(a, \"Readable\") || p(_.Readable, \"Readable\"), h = i, g = h.default, _ = g && typeof g == \"object\" ? g : h, { translator: v } = d, y = {\n\tWebkitTouchCallout: \"none\",\n\tWebkitUserSelect: \"none\",\n\tKhtmlUserSelect: \"none\",\n\tMozUserSelect: \"none\",\n\tmsUserSelect: \"none\",\n\tuserSelect: \"none\"\n}, b = t(\"div\")(() => ({\n\twidth: \"100%\",\n\tcursor: \"pointer\"\n})), x = t(\"div\")(() => ({\n\tmargin: \"0 auto\",\n\ttextAlign: \"center\",\n\tdisplay: \"flex\"\n})), S = t(\"div\")(() => ({\n\twidth: \"fit-content\",\n\tminWidth: \"140px\",\n\talignSelf: \"center\",\n\tverticalAlign: \"middle\",\n\tcolor: `var(--correct-answer-toggle-label-color, ${o.text()})`,\n\tfontWeight: \"normal\",\n\t...y\n})), C = t(\"div\")(() => ({\n\tposition: \"absolute\",\n\twidth: \"25px\",\n\t\"&.enter\": { opacity: \"0\" },\n\t\"&.enter-active\": {\n\t\topacity: \"1\",\n\t\ttransition: \"opacity 0.3s ease-in\"\n\t},\n\t\"&.exit\": { opacity: \"1\" },\n\t\"&.exit-active\": {\n\t\topacity: \"0\",\n\t\ttransition: \"opacity 0.3s ease-in\"\n\t}\n})), w = t(\"div\")(() => ({\n\twidth: \"25px\",\n\tmarginRight: \"5px\",\n\tdisplay: \"flex\",\n\talignItems: \"center\"\n})), T = class t extends l.Component {\n\tstatic propTypes = {\n\t\tonToggle: u.func,\n\t\ttoggled: u.bool,\n\t\tshow: u.bool,\n\t\thideMessage: u.string,\n\t\tshowMessage: u.string,\n\t\tclassName: u.string,\n\t\tlanguage: u.string\n\t};\n\tstatic defaultProps = {\n\t\tshowMessage: \"Show correct answer\",\n\t\thideMessage: \"Hide correct answer\",\n\t\tshow: !1,\n\t\ttoggled: !1\n\t};\n\tconstructor(e) {\n\t\tsuper(e), this.state = { show: e.show }, this.openIconRef = l.createRef(), this.closedIconRef = l.createRef(), t.defaultProps = {\n\t\t\t...t.defaultProps,\n\t\t\tshowMessage: v.t(\"common:showCorrectAnswer\", { lng: e.language }),\n\t\t\thideMessage: v.t(\"common:hideCorrectAnswer\", { lng: e.language })\n\t\t};\n\t}\n\tonClick() {\n\t\tthis.props.onToggle(!this.props.toggled);\n\t}\n\tonTouch(e) {\n\t\te.preventDefault(), this.props.onToggle(!this.props.toggled);\n\t}\n\tUNSAFE_componentWillReceiveProps(e) {\n\t\tthis.setState({ show: e.show }), e.language !== this.props?.language && (t.defaultProps = {\n\t\t\t...t.defaultProps,\n\t\t\tshowMessage: v.t(\"common:showCorrectAnswer\", { lng: e.language }),\n\t\t\thideMessage: v.t(\"common:hideCorrectAnswer\", { lng: e.language })\n\t\t});\n\t}\n\trender() {\n\t\tlet { className: t, toggled: i, hideMessage: a, showMessage: o } = this.props;\n\t\treturn /* @__PURE__ */ s(b, {\n\t\t\tclassName: t,\n\t\t\tchildren: /* @__PURE__ */ s(e, {\n\t\t\t\tshow: this.state.show,\n\t\t\t\tchildren: /* @__PURE__ */ c(x, {\n\t\t\t\t\tonClick: this.onClick.bind(this),\n\t\t\t\t\tonTouchEnd: this.onTouch.bind(this),\n\t\t\t\t\tchildren: [/* @__PURE__ */ c(w, { children: [/* @__PURE__ */ s(n, {\n\t\t\t\t\t\tnodeRef: this.openIconRef,\n\t\t\t\t\t\ttimeout: 400,\n\t\t\t\t\t\tin: i,\n\t\t\t\t\t\texit: !i,\n\t\t\t\t\t\tclassNames: {\n\t\t\t\t\t\t\tenter: \"enter\",\n\t\t\t\t\t\t\tenterActive: \"enter-active\",\n\t\t\t\t\t\t\texit: \"exit\",\n\t\t\t\t\t\t\texitActive: \"exit-active\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren: /* @__PURE__ */ s(C, {\n\t\t\t\t\t\t\tref: this.openIconRef,\n\t\t\t\t\t\t\tchildren: /* @__PURE__ */ s(r, { open: i }, \"correct-open\")\n\t\t\t\t\t\t})\n\t\t\t\t\t}), /* @__PURE__ */ s(n, {\n\t\t\t\t\t\tnodeRef: this.closedIconRef,\n\t\t\t\t\t\ttimeout: 5e3,\n\t\t\t\t\t\tin: !i,\n\t\t\t\t\t\texit: i,\n\t\t\t\t\t\tclassNames: {\n\t\t\t\t\t\t\tenter: \"enter\",\n\t\t\t\t\t\t\tenterActive: \"enter-active\",\n\t\t\t\t\t\t\texit: \"exit\",\n\t\t\t\t\t\t\texitActive: \"exit-active\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren: /* @__PURE__ */ s(C, {\n\t\t\t\t\t\t\tref: this.closedIconRef,\n\t\t\t\t\t\t\tchildren: /* @__PURE__ */ s(r, { open: i }, \"correct-closed\")\n\t\t\t\t\t\t})\n\t\t\t\t\t})] }), /* @__PURE__ */ s(m, {\n\t\t\t\t\t\tfalse: !0,\n\t\t\t\t\t\tchildren: /* @__PURE__ */ s(S, {\n\t\t\t\t\t\t\t\"aria-hidden\": !this.state.show,\n\t\t\t\t\t\t\tchildren: i ? a : o\n\t\t\t\t\t\t})\n\t\t\t\t\t})]\n\t\t\t\t})\n\t\t\t})\n\t\t});\n\t}\n};\n//#endregion\nexport { T as CorrectAnswerToggle, T as default };\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/charting/src/main.jsx\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color, Collapsible as CollapsibleImport, hasText, PreviewPrompt as PreviewPromptImport, UiLayout as UiLayoutImport, hasMedia } from '@pie-lib/render-ui';\n\nfunction isRenderableReactInteropType(value: any) {\n  return (\n    typeof value === 'function' ||\n    (typeof value === 'object' && value !== null && typeof value.$$typeof === 'symbol')\n  );\n}\n\nfunction unwrapReactInteropSymbol(maybeSymbol: any, namedExport?: string) {\n  if (!maybeSymbol) return maybeSymbol;\n  if (isRenderableReactInteropType(maybeSymbol)) return maybeSymbol;\n  if (isRenderableReactInteropType(maybeSymbol.default)) return maybeSymbol.default;\n  if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport])) {\n    return maybeSymbol[namedExport];\n  }\n  if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport]?.default)) {\n    return maybeSymbol[namedExport].default;\n  }\n  return maybeSymbol;\n}\nconst UiLayout = unwrapReactInteropSymbol(UiLayoutImport, 'UiLayout') || unwrapReactInteropSymbol(renderUi.UiLayout, 'UiLayout');\nconst PreviewPrompt = unwrapReactInteropSymbol(PreviewPromptImport, 'PreviewPrompt') || unwrapReactInteropSymbol(renderUi.PreviewPrompt, 'PreviewPrompt');\nconst Collapsible = unwrapReactInteropSymbol(CollapsibleImport, 'Collapsible') || unwrapReactInteropSymbol(renderUi.Collapsible, 'Collapsible');\nimport * as RenderUiNamespace from '@pie-lib/render-ui';\nconst renderUiNamespaceAny = RenderUiNamespace as any;\nconst renderUiDefaultMaybe = renderUiNamespaceAny['default'];\nconst renderUi =\n  renderUiDefaultMaybe && typeof renderUiDefaultMaybe === 'object'\n    ? renderUiDefaultMaybe\n    : renderUiNamespaceAny;\nimport { Chart, chartTypes, KeyLegend } from '@pie-lib/charting';\nimport { isEqual } from '@pie-element/shared-lodash';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\n\nconst StyledUiLayout: any = styled(UiLayout)({\n  color: color.text(),\n  backgroundColor: color.background(),\n  overflowX: 'scroll',\n  overflowY: 'hidden',\n});\n\nconst StyledChart: any = styled(Chart)(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2),\n}));\n\nconst StyledCollapsible: any = styled(Collapsible)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    onAnswersChange: PropTypes.func,\n    categories: PropTypes.array,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      categories: props.categories || props.model.data,\n      showingCorrect: false,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!isEqual(prevProps.categories, this.props.categories)) {\n      this.setState({ categories: this.props.categories });\n    } else if (!isEqual(prevProps.model.data, this.props.model.data)) {\n      this.setState({ categories: this.props.model.data });\n    }\n  }\n\n  changeData = (data) =>\n    this.setState(\n      {\n        categories: data,\n      },\n      () => this.props.onAnswersChange(data),\n    );\n\n  toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n  render() {\n    const { categories, showingCorrect } = this.state;\n    const { model } = this.props;\n    const {\n      teacherInstructions,\n      prompt,\n      chartType,\n      size,\n      domain,\n      range,\n      title,\n      addCategoryEnabled,\n      studentNewCategoryDefaultLabel,\n      showToggle,\n      rationale,\n      correctAnswer,\n      language,\n      env,\n      showKeyLegend,\n    } = model;\n\n    let { correctedAnswer, extraCSSRules } = model;\n\n    const correctData = (correctAnswer?.data || []).map((data) => ({ ...data, interactive: false, editable: false }));\n    const { mode } = env || {};\n    // need to make labels disabled in view mode PD-3928\n    if (mode === 'view') {\n      correctedAnswer = (correctedAnswer || []).map((data) => ({ ...data, editable: false }));\n    }\n\n    const showRationale = model.rationale && (hasText(model.rationale) || hasMedia(model.rationale));\n    const showTeacherInstructions =\n      model.teacherInstructions && (hasText(model.teacherInstructions) || hasMedia(model.teacherInstructions));\n\n    return (\n      <StyledUiLayout extraCSSRules={extraCSSRules}>\n        {showTeacherInstructions && (\n          <StyledCollapsible\n            labels={{\n              hidden: 'Show Teacher Instructions',\n              visible: 'Hide Teacher Instructions',\n            }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </StyledCollapsible>\n        )}\n\n        {prompt && <PreviewPrompt className=\"prompt\" prompt={prompt} />}\n\n        <CorrectAnswerToggle\n          show={showToggle}\n          toggled={showingCorrect}\n          onToggle={this.toggleCorrect}\n          language={language}\n        />\n\n        {showingCorrect && showToggle ? (\n          <StyledChart\n            chartType={chartType}\n            size={size}\n            domain={domain}\n            range={range}\n            charts={[\n              chartTypes.Bar(),\n              chartTypes.Histogram(),\n              chartTypes.LineDot(),\n              chartTypes.LineCross(),\n              chartTypes.DotPlot(),\n              chartTypes.LinePlot(),\n            ]}\n            data={correctData || categories}\n            title={title}\n            onDataChange={this.changeData}\n            addCategoryEnabled={false}\n            categoryDefaultLabel={studentNewCategoryDefaultLabel}\n            language={language}\n            labelsPlaceholders={{}}\n          />\n        ) : (\n          <StyledChart\n            chartType={chartType}\n            size={size}\n            domain={domain}\n            range={range}\n            charts={[\n              chartTypes.Bar(),\n              chartTypes.Histogram(),\n              chartTypes.LineDot(),\n              chartTypes.LineCross(),\n              chartTypes.DotPlot(),\n              chartTypes.LinePlot(),\n            ]}\n            data={correctedAnswer || categories}\n            title={title}\n            onDataChange={this.changeData}\n            addCategoryEnabled={addCategoryEnabled}\n            categoryDefaultLabel={studentNewCategoryDefaultLabel}\n            language={language}\n            labelsPlaceholders={{}}\n            correctData={showToggle ? correctData : undefined}\n          />\n        )}\n        {!showingCorrect && showKeyLegend && <KeyLegend language={language}></KeyLegend>}\n        {showRationale && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\n        )}\n      </StyledUiLayout>\n    );\n  }\n}\n\nexport default Main;\n","//#region src/session-notifier.ts\nvar e = \"commitPendingSession\", t = /* @__PURE__ */ new WeakMap();\nfunction n(e, n) {\n\tlet r = t.get(e);\n\tr || (r = /* @__PURE__ */ new Set(), t.set(e, r)), r.add(n);\n}\nfunction r(t) {\n\treturn Object.getOwnPropertyDescriptor(t, e) !== void 0;\n}\nfunction i(t) {\n\tif (r(t)) return;\n\tlet n = t[e];\n\tObject.defineProperty(t, e, {\n\t\tvalue: () => {\n\t\t\tif (typeof n == \"function\") try {\n\t\t\t\tn.call(t);\n\t\t\t} catch {}\n\t\t\to(t);\n\t\t},\n\t\tconfigurable: !0,\n\t\tenumerable: !1,\n\t\twritable: !0\n\t});\n}\nfunction a(e, t, r = {}) {\n\tlet a = r.delayMs, o = typeof a == \"function\" ? a : () => a ?? 0, s = r.maxWaitMs, c = null, l = null, u = !1, d = () => {\n\t\tc !== null && (clearTimeout(c), c = null), l !== null && (clearTimeout(l), l = null);\n\t}, f = () => {\n\t\td(), u && (u = !1, t());\n\t}, p = {\n\t\tnotify() {\n\t\t\tu = !0, c !== null && clearTimeout(c), c = setTimeout(f, Math.max(0, o())), s !== void 0 && l === null && (l = setTimeout(f, Math.max(0, s)));\n\t\t},\n\t\tflush() {\n\t\t\tif (!u) {\n\t\t\t\td();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tf();\n\t\t\t} catch (e) {\n\t\t\t\tconsole.warn(\"[session-notifier] a committed session-changed dispatch threw\", e);\n\t\t\t}\n\t\t}\n\t};\n\treturn n(e, p), i(e), p;\n}\nfunction o(e) {\n\tlet n = t.get(e);\n\tif (n) for (let e of [...n]) e.flush();\n}\n//#endregion\n//#region src/index.ts\nvar s = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"model-set\";\n\t}\n\tconstructor(t, n, r) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t,\n\t\t\t\thasModel: r\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n}, c = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"session-changed\";\n\t}\n\tconstructor(t, n) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n};\n//#endregion\nexport { s as ModelSetEvent, e as SESSION_COMMIT_METHOD, c as SessionChangedEvent, a as createSessionNotifier, o as flushSessionNotifiers };\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/charting/src/index.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Main from './main.js';\nimport { SessionChangedEvent, ModelSetEvent } from '@pie-element/shared-player-events';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\n\nexport { Main as Component };\n\nexport default class Graphing extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this._mathObserver = null;\n    this._mathRenderPending = false;\n  }\n\n  // The title and axis labels are injected synchronously via dangerouslySetInnerHTML,\n  // but createRoot().render() commits asynchronously, so a queueMicrotask(renderMath)\n  // would run before the LaTeX spans are in the DOM and leave raw LaTeX on first render.\n  // Observing the DOM and typesetting after each commit keeps math in sync regardless of timing.\n  _scheduleMathRender: any = () => {\n    if (this._mathRenderPending) return;\n    this._mathRenderPending = true;\n\n    requestAnimationFrame(() => {\n      if (this._mathObserver) {\n        this._mathObserver.disconnect();\n      }\n      renderMath(this);\n      this._mathRenderPending = false;\n      setTimeout(() => {\n        if (this._mathObserver) {\n          this._mathObserver.observe(this, { childList: true, subtree: true });\n        }\n      }, 50);\n    });\n  };\n\n  _initMathObserver() {\n    if (this._mathObserver) return;\n    this._mathObserver = new MutationObserver(this._scheduleMathRender);\n    this._mathObserver.observe(this, { childList: true, subtree: true });\n  }\n\n  _disconnectMathObserver() {\n    if (this._mathObserver) {\n      this._mathObserver.disconnect();\n      this._mathObserver = null;\n    }\n  }\n\n  set model(m) {\n    this._model = m;\n\n    if (this._session && this.isComplete(this._session.answer)) {\n      this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), true, !!this._model));\n    } else {\n      this.dispatchEvent(new ModelSetEvent(this.tagName.toLowerCase(), false, !!this._model));\n    }\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._initMathObserver();\n    this._render();\n  }\n\n  isComplete = (answer) => Array.isArray(answer) && answer.length > 0;\n\n  changeAnswers: any = (answer) => {\n    this._session.answer = answer;\n\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.isComplete(this._session.answer)));\n\n    this._render();\n  };\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    this._initMathObserver();\n\n    const modelClone = {\n      ...this._model,\n      data: this._model.data ? [...this._model.data] : this._model.data,\n    };\n\n    const el = React.createElement(Main, {\n      model: modelClone,\n      categories: this._session.answer,\n      onAnswersChange: this.changeAnswers,\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(el);\n  }\n\n  disconnectedCallback() {\n    this._disconnectMathObserver();\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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"}