@pie-element/math-inline 12.1.1-next.21 → 12.1.1-next.22

package/dist/author/general-config-block.js

@@ -1,12 +1,12 @@
 import e from "./response.js";
 import { ResponseTypes as t, generateValidationMessage as n, getPluginProps as r } from "./utils.js";
 import * as i from "react";
-import { isEqual as a } from "@pie-element/shared-lodash";
-import o from "prop-types";
-import { applyStaticMath as s, registerEmbed as c } from "@pie-lib/math-input";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { styled as d } from "@mui/material/styles";
-import f from "@mui/material/Tooltip";
+import a from "prop-types";
+import { applyStaticMath as o, registerEmbed as s } from "@pie-lib/math-input";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { styled as u } from "@mui/material/styles";
+import d from "@mui/material/Tooltip";
+import { isEqual as f } from "@pie-element/shared-lodash";
 import { MathToolbar as p } from "@pie-lib/math-toolbar";
 import { InputContainer as m } from "@pie-lib/config-ui";
 import h from "@pie-lib/editable-html-tip-tap";
@@ -15,20 +15,20 @@ import _ from "@mui/material/Select";
 import v from "@mui/material/MenuItem";
 import y from "@mui/icons-material/Info";
 //#region src/author/general-config-block.tsx
-var b = !1, x = d("div")({
+var b = !1, x = u("div")({
 	display: "flex",
 	flexDirection: "column"
-}), S = d(g)({ fontSize: "0.85rem" }), C = d("div")({ fontSize: "1.1rem" }), w = d("div")({
+}), S = u(g)({ fontSize: "0.85rem" }), C = u("div")({ fontSize: "1.1rem" }), w = u("div")({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "space-between"
-}), T = d(m)(({ theme: e }) => ({
+}), T = u(m)(({ theme: e }) => ({
 	flex: "initial",
 	width: "40%",
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	"& > *:not(label)": { marginTop: e.spacing(1) }
-})), ee = d("div")({
+})), ee = u("div")({
 	display: "flex",
 	flexDirection: "column",
 	".block-container": {
@@ -62,18 +62,18 @@ var b = !1, x = d("div")({
 		padding: "8px"
 	},
 	".math-toolbar": { maxWidth: "900px" }
-}), E = d(f)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+}), E = u(d)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre-wrap"
-} })), D = d("div")(({ theme: e }) => ({
+} })), D = u("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), O = d(m)(({ theme: e }) => ({
+})), O = u(m)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), k = d("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), A = /{{response}}/gm, j = /\\%response\\%/gm, M = /\\embed\{answerBlock\}\[r\d*\]/g, N = /\\embed\{newLine\}\[\]/g, P = /\\newline/g;
+})), k = u("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), A = /{{response}}/gm, j = /\\%response\\%/gm, M = /\\embed\{answerBlock\}\[r\d*\]/g, N = /\\embed\{newLine\}\[\]/g, P = /\\newline/g;
 function F(e) {
 	if (e) {
 		let t = 1;
@@ -85,14 +85,14 @@ function I(e) {
 }
 var L = class extends i.Component {
 	static propTypes = {
-		model: o.object.isRequired,
-		imageSupport: o.object,
-		uploadSoundSupport: o.object,
-		configuration: o.object,
-		onChange: o.func.isRequired,
-		promptEnabled: o.bool,
-		rationaleEnabled: o.bool,
-		toolbarOpts: o.object
+		model: a.object.isRequired,
+		imageSupport: a.object,
+		uploadSoundSupport: a.object,
+		configuration: a.object,
+		onChange: a.func.isRequired,
+		promptEnabled: a.bool,
+		rationaleEnabled: a.bool,
+		toolbarOpts: a.object
 	};
 	constructor(e) {
 		super(e);
@@ -123,7 +123,7 @@ var L = class extends i.Component {
 		this.setState({ showKeypad: !1 });
 	};
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (b ||= (c("answerBlock", (e) => ({
+		typeof window < "u" && (b ||= (s("answerBlock", (e) => ({
 			htmlString: `
             <div class="block-container block-container-generic">
               <div class="block-response block-response-generic" id="${e}Index">Response</div>
@@ -146,10 +146,10 @@ var L = class extends i.Component {
 				t[`r${n++}`] = { value: "" };
 			});
 		}
-		a(t, this.state.responseAreas) || this.setState({ responseAreas: t }, () => {
+		f(t, this.state.responseAreas) || this.setState({ responseAreas: t }, () => {
 			this.root && Object.keys(t).length && Object.keys(t).forEach((e, t) => {
 				let n = this.root.querySelector(`#${e}`), r = this.root.querySelector(`#${e}Index`);
-				n && (s(n), r.textContent = `R${t + 1}`);
+				n && (o(n), r.textContent = `R${t + 1}`);
 			});
 		});
 	};
@@ -169,26 +169,26 @@ var L = class extends i.Component {
 		i.responses[t] = e, r(i);
 	};
 	render() {
-		let { model: i, imageSupport: a, uploadSoundSupport: o, configuration: s, promptEnabled: c, rationaleEnabled: d, toolbarOpts: f } = this.props, { showKeypad: m } = this.state, { prompt: g, expression: b, equationEditor: A, promptEquationEditor: j = "8", responses: M, responseType: N, rationale: P, spellCheckEnabled: I, errors: L = {} } = i, { baseInputConfiguration: R = {}, rationale: z = {}, prompt: B = {}, ignoreOrder: V = {}, allowTrailingZeros: H = {}, maxResponseAreas: U, maxImageWidth: W = {}, maxImageHeight: G = {}, mathMlOptions: K = {} } = s || {}, te = n(s, i), { prompt: q, rationale: J, responsesErrors: Y, responseAreasError: X } = L, Z = W && W.prompt, Q = G && G.prompt, ne = {
+		let { model: i, imageSupport: a, uploadSoundSupport: o, configuration: s, promptEnabled: u, rationaleEnabled: d, toolbarOpts: f } = this.props, { showKeypad: m } = this.state, { prompt: g, expression: b, equationEditor: A, promptEquationEditor: j = "8", responses: M, responseType: N, rationale: P, spellCheckEnabled: I, errors: L = {} } = i, { baseInputConfiguration: R = {}, rationale: z = {}, prompt: B = {}, ignoreOrder: V = {}, allowTrailingZeros: H = {}, maxResponseAreas: U, maxImageWidth: W = {}, maxImageHeight: G = {}, mathMlOptions: K = {} } = s || {}, te = n(s, i), { prompt: q, rationale: J, responsesErrors: Y, responseAreasError: X } = L, Z = W && W.prompt, Q = G && G.prompt, ne = {
 			editor: "response-editor",
 			mathToolbar: "math-toolbar"
-		}, re = N === t.advanced ? M : M.slice(0, 1), $ = /* @__PURE__ */ l(E, {
+		}, re = N === t.advanced ? M : M.slice(0, 1), $ = /* @__PURE__ */ c(E, {
 			disableFocusListener: !0,
 			disableTouchListener: !0,
 			placement: "right",
 			title: te,
-			children: /* @__PURE__ */ l(y, {
+			children: /* @__PURE__ */ c(y, {
 				fontSize: "small",
 				color: "primary",
 				style: { marginLeft: "5px" }
 			})
 		});
-		return /* @__PURE__ */ u(x, {
+		return /* @__PURE__ */ l(x, {
 			ref: (e) => this.root = e || this.root,
 			children: [
-				c && /* @__PURE__ */ u(O, {
+				u && /* @__PURE__ */ l(O, {
 					label: B.label,
-					children: [/* @__PURE__ */ l(h, {
+					children: [/* @__PURE__ */ c(h, {
 						onFocus: this.onPromptFocus,
 						markup: g || "",
 						onChange: this.onChange("prompt"),
@@ -203,16 +203,16 @@ var L = class extends i.Component {
 						uploadSoundSupport: o,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: K
-					}), q && /* @__PURE__ */ l(D, { children: q })]
+					}), q && /* @__PURE__ */ c(D, { children: q })]
 				}),
-				N === t.advanced && /* @__PURE__ */ u(k, { children: [
-					/* @__PURE__ */ u(w, {
+				N === t.advanced && /* @__PURE__ */ l(k, { children: [
+					/* @__PURE__ */ l(w, {
 						style: { justifyContent: "flex-start" },
-						children: [/* @__PURE__ */ l(C, { children: "Define Response" }), $]
+						children: [/* @__PURE__ */ c(C, { children: "Define Response" }), $]
 					}),
-					/* @__PURE__ */ l(T, {
+					/* @__PURE__ */ c(T, {
 						label: "Response Template Equation Editor",
-						children: /* @__PURE__ */ u(_, {
+						children: /* @__PURE__ */ l(_, {
 							onChange: this.onChange("promptEquationEditor"),
 							value: j,
 							MenuProps: { transitionDuration: {
@@ -220,58 +220,58 @@ var L = class extends i.Component {
 								exit: 195
 							} },
 							children: [
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: "non-negative-integers",
 									children: "Numeric - Non-Negative Integers"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: "integers",
 									children: "Numeric - Integers"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: "decimals",
 									children: "Numeric - Decimals"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: "fractions",
 									children: "Numeric - Fractions"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: 1,
 									children: "Grade 1 - 2"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: 3,
 									children: "Grade 3 - 5"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: 6,
 									children: "Grade 6 - 7"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: 8,
 									children: "Grade 8 - HS"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: "geometry",
 									children: "Geometry"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: "advanced-algebra",
 									children: "Advanced Algebra"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: "statistics",
 									children: "Statistics"
 								}),
-								/* @__PURE__ */ l(v, {
+								/* @__PURE__ */ c(v, {
 									value: "item-authoring",
 									children: "Item Authoring"
 								})
 							]
 						})
 					}, "templateEditorType"),
-					/* @__PURE__ */ u(ee, { children: [/* @__PURE__ */ l(S, { children: "RESPONSE TEMPLATE" }), /* @__PURE__ */ l(p, {
+					/* @__PURE__ */ l(ee, { children: [/* @__PURE__ */ c(S, { children: "RESPONSE TEMPLATE" }), /* @__PURE__ */ c(p, {
 						classNames: ne,
 						allowAnswerBlock: !0,
 						keypadMode: j,
@@ -284,15 +284,15 @@ var L = class extends i.Component {
 						maxResponseAreas: U,
 						error: X
 					})] }, "templateHolder"),
-					X && /* @__PURE__ */ l(D, { children: X })
+					X && /* @__PURE__ */ c(D, { children: X })
 				] }),
-				/* @__PURE__ */ u(w, {
+				/* @__PURE__ */ l(w, {
 					style: { justifyContent: "flex-start" },
-					children: [/* @__PURE__ */ l(C, { children: "Define Correct Response" }), N === t.simple ? $ : null]
+					children: [/* @__PURE__ */ c(C, { children: "Define Correct Response" }), N === t.simple ? $ : null]
 				}),
-				/* @__PURE__ */ l(T, {
+				/* @__PURE__ */ c(T, {
 					label: "Equation Editor",
-					children: /* @__PURE__ */ u(_, {
+					children: /* @__PURE__ */ l(_, {
 						onChange: this.onChange("equationEditor"),
 						value: A,
 						MenuProps: { transitionDuration: {
@@ -300,58 +300,58 @@ var L = class extends i.Component {
 							exit: 195
 						} },
 						children: [
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: "non-negative-integers",
 								children: "Numeric - Non-Negative Integers"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: "integers",
 								children: "Numeric - Integers"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: "decimals",
 								children: "Numeric - Decimals"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: "fractions",
 								children: "Numeric - Fractions"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: 1,
 								children: "Grade 1 - 2"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: 3,
 								children: "Grade 3 - 5"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: 6,
 								children: "Grade 6 - 7"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: 8,
 								children: "Grade 8 - HS"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: "geometry",
 								children: "Geometry"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: "advanced-algebra",
 								children: "Advanced Algebra"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: "statistics",
 								children: "Statistics"
 							}),
-							/* @__PURE__ */ l(v, {
+							/* @__PURE__ */ c(v, {
 								value: "item-authoring",
 								children: "Item Authoring"
 							})
 						]
 					})
 				}),
-				re.map((n, r) => /* @__PURE__ */ l(e, {
+				re.map((n, r) => /* @__PURE__ */ c(e, {
 					mode: A,
 					response: n,
 					defaultResponse: N === t.simple,
@@ -361,9 +361,9 @@ var L = class extends i.Component {
 					cAllowTrailingZeros: H,
 					error: Y && Y[r]
 				}, n.id)),
-				d && /* @__PURE__ */ u(O, {
+				d && /* @__PURE__ */ l(O, {
 					label: z.label,
-					children: [/* @__PURE__ */ l(h, {
+					children: [/* @__PURE__ */ c(h, {
 						markup: P || "",
 						onChange: this.onChange("rationale"),
 						imageSupport: a,
@@ -380,7 +380,7 @@ var L = class extends i.Component {
 						uploadSoundSupport: o,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: K
-					}), J && /* @__PURE__ */ l(D, { children: J })]
+					}), J && /* @__PURE__ */ c(D, { children: J })]
 				})
 			]
 		});

package/dist/browser/delivery/index.js

@@ -1,9 +1,59 @@
-import { p as e, s as t, y as n } from "../dist--pvq7WNe.js";
-import { t as r } from "../main-m39H1gPw.js";
-import i from "react";
-import { createRoot as a } from "react-dom/client";
+import { p as e, y as t } from "../dist--pvq7WNe.js";
+import { t as n } from "../main-m39H1gPw.js";
+import r from "react";
+import { createRoot as i } from "react-dom/client";
 //#region ../../shared/player-events/dist/index.js
-var o = /* @__PURE__ */ n(e(), 1), s = class e extends CustomEvent {
+var a = /* @__PURE__ */ t(e(), 1), o = "commitPendingSession", s = /* @__PURE__ */ new WeakMap();
+function c(e, t) {
+	let n = s.get(e);
+	n || (n = /* @__PURE__ */ new Set(), s.set(e, n)), n.add(t);
+}
+function l(e) {
+	return Object.getOwnPropertyDescriptor(e, o) !== void 0;
+}
+function u(e) {
+	if (l(e)) return;
+	let t = e[o];
+	Object.defineProperty(e, o, {
+		value: () => {
+			if (typeof t == "function") try {
+				t.call(e);
+			} catch {}
+			f(e);
+		},
+		configurable: !0,
+		enumerable: !1,
+		writable: !0
+	});
+}
+function d(e, t, n = {}) {
+	let r = n.delayMs, i = typeof r == "function" ? r : () => r ?? 0, a = n.maxWaitMs, o = null, s = null, l = !1, d = () => {
+		o !== null && (clearTimeout(o), o = null), s !== null && (clearTimeout(s), s = null);
+	}, f = () => {
+		d(), l && (l = !1, t());
+	}, p = {
+		notify() {
+			l = !0, o !== null && clearTimeout(o), o = setTimeout(f, Math.max(0, i())), a !== void 0 && s === null && (s = setTimeout(f, Math.max(0, a)));
+		},
+		flush() {
+			if (!l) {
+				d();
+				return;
+			}
+			try {
+				f();
+			} catch (e) {
+				console.warn("[session-notifier] a committed session-changed dispatch threw", e);
+			}
+		}
+	};
+	return c(e, p), u(e), p;
+}
+function f(e) {
+	let t = s.get(e);
+	if (t) for (let e of [...t]) e.flush();
+}
+var p = class e extends CustomEvent {
 	static {
 		this.TYPE = "model-set";
 	}
@@ -18,7 +68,7 @@ var o = /* @__PURE__ */ n(e(), 1), s = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, c = class e extends CustomEvent {
+}, m = class e extends CustomEvent {
 	static {
 		this.TYPE = "session-changed";
 	}
@@ -32,11 +82,11 @@ var o = /* @__PURE__ */ n(e(), 1), s = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, l = { configuration: {} }, u = (0, o.default)("pie-ui:math-inline"), d = class extends HTMLElement {
+}, h = { configuration: {} }, g = (0, a.default)("pie-ui:math-inline"), _ = class extends HTMLElement {
 	constructor() {
-		super(), this._root = null, this._configuration = l.configuration, this.sessionChangedEventCaller = t(() => {
-			this.dispatchEvent(new c(this.tagName.toLowerCase(), !0));
-		}, 1e3);
+		super(), this._root = null, this._configuration = h.configuration, this._sessionNotifier = d(this, () => {
+			this.dispatchEvent(new m(this.tagName.toLowerCase(), !0));
+		}, { delayMs: 1e3 }), this.sessionChangedEventCaller = () => this._sessionNotifier.notify();
 	}
 	setLangAttribute() {
 		let e = this._model && typeof this._model.language ? this._model.language : "", t = e ? e.slice(0, 2) : "en";
@@ -45,7 +95,7 @@ var o = /* @__PURE__ */ n(e(), 1), s = class e extends CustomEvent {
 		n && n.setAttribute("lang", t);
 	}
 	set model(e) {
-		this._model = e, this.dispatchEvent(new s(this._model, !0, !!this._model)), this.setLangAttribute(), this._render();
+		this._model = e, this.dispatchEvent(new p(this._model, !0, !!this._model)), this.setLangAttribute(), this._render();
 	}
 	set session(e) {
 		this._session = e, this._render();
@@ -59,26 +109,26 @@ var o = /* @__PURE__ */ n(e(), 1), s = class e extends CustomEvent {
 	sessionChanged(e) {
 		Object.keys(e).map((t) => {
 			this._session[t] = e[t];
-		}), this.sessionChangedEventCaller(), u("session: ", this._session);
+		}), this.sessionChangedEventCaller(), g("session: ", this._session);
 	}
 	connectedCallback() {
 		this.setAttribute("aria-label", "Math Response Question"), this.setAttribute("role", "region"), this._render();
 	}
 	_render() {
 		if (!this._model || !this._session) return;
-		let e = i.createElement(r, {
+		let e = r.createElement(n, {
 			model: this._model,
 			session: this._session,
 			configuration: this._configuration,
 			onSessionChange: this.sessionChanged.bind(this)
 		});
-		this._root ||= a(this), this._root.render(e);
+		this._root ||= i(this), this._root.render(e);
 	}
 	disconnectedCallback() {
-		this._root &&= (this._root.unmount(), null);
+		f(this), this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion
-export { r as Component, d as default };
+export { n as Component, _ as default };
 
 //# sourceMappingURL=index.js.map

package/dist/browser/delivery/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../shared/player-events/dist/index.js","../../../src/delivery/index.ts"],"sourcesContent":["//#region src/index.ts\nvar e = 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}, t = 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 { e as ModelSetEvent, t as SessionChangedEvent };\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/math-inline/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 debug from 'debug';\nimport { debounce } from '@pie-element/shared-lodash';\nimport { ModelSetEvent, SessionChangedEvent } from '@pie-element/shared-player-events';\n\n// Inlined from configure/lib/defaults (configure/ not synced - ESM-incompatible)\nconst defaults = {\n  configuration: {\n    // Minimal configuration for student-facing UI\n    // Full authoring configuration is only needed in the configure package\n  } as any\n};;\nimport Main from './main.js';\n\nconst log = debug('pie-ui:math-inline');\n\nexport { Main as Component };\n\nexport default class MathInline extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this._configuration = defaults.configuration;\n    this.sessionChangedEventCaller = debounce(() => {\n      this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n    }, 1000);\n  }\n\n  setLangAttribute() {\n    const language = this._model && typeof this._model.language ? this._model.language : '';\n    const lang = language ? language.slice(0, 2) : 'en';\n    this.setAttribute('lang', lang);\n\n    // set the lang attribute for the nearest parent div with class 'player-container' for MPI items as per PD-2483\n    const playerContainer = this.closest('.player-container');\n    if (playerContainer) {\n      playerContainer.setAttribute('lang', lang);\n    }\n  }\n\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelSetEvent(this._model, true, !!this._model));\n    this.setLangAttribute();\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  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  sessionChanged(s) {\n    Object.keys(s).map((key) => {\n      this._session[key] = s[key];\n    });\n\n    this.sessionChangedEventCaller();\n    log('session: ', this._session);\n  }\n\n  connectedCallback() {\n    this.setAttribute('aria-label', 'Math Response Question');\n    this.setAttribute('role', 'region');\n\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      configuration: this._configuration,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(el);\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":";;;;;mCACI,IAAI,MAAM,UAAU,YAAY;CACnC;EACC,KAAK,OAAO;CACb;CACA,YAAY,GAAG,GAAG,GAAG;EACpB,MAAM,EAAE,MAAM;GACb,SAAS,CAAC;GACV,UAAU,CAAC;GACX,QAAQ;IACP,UAAU;IACV,WAAW;IACX,UAAU;GACX;EACD,CAAC,GAAG,KAAK,YAAY,GAAG,KAAK,WAAW;CACzC;AACD,GAAG,IAAI,MAAM,UAAU,YAAY;CAClC;EACC,KAAK,OAAO;CACb;CACA,YAAY,GAAG,GAAG;EACjB,MAAM,EAAE,MAAM;GACb,SAAS,CAAC;GACV,UAAU,CAAC;GACX,QAAQ;IACP,UAAU;IACV,WAAW;GACZ;EACD,CAAC,GAAG,KAAK,YAAY,GAAG,KAAK,WAAW;CACzC;AACD,GCbM,IAAW,EACf,eAAe,CAGf,EACF,GAGM,KAAA,GAAA,EAAA,QAAA,CAAY,oBAAoB,GAIjB,IAArB,cAAwC,YAAY;CAClD,cAAc;EAIZ,AAHA,MAAM,GACN,KAAK,QAAQ,MACb,KAAK,iBAAiB,EAAS,eAC/B,KAAK,4BAA4B,QAAe;GAC9C,KAAK,cAAc,IAAI,EAAoB,KAAK,QAAQ,YAAY,GAAG,EAAI,CAAC;EAC9E,GAAG,GAAI;CACT;CAEA,mBAAmB;EACjB,IAAM,IAAW,KAAK,UAAU,OAAO,KAAK,OAAO,WAAW,KAAK,OAAO,WAAW,IAC/E,IAAO,IAAW,EAAS,MAAM,GAAG,CAAC,IAAI;EAC/C,KAAK,aAAa,QAAQ,CAAI;EAG9B,IAAM,IAAkB,KAAK,QAAQ,mBAAmB;EACxD,AAAI,KACF,EAAgB,aAAa,QAAQ,CAAI;CAE7C;CAEA,IAAI,MAAM,GAAG;EAIX,AAHA,KAAK,SAAS,GACd,KAAK,cAAc,IAAI,EAAc,KAAK,QAAQ,IAAM,CAAC,CAAC,KAAK,MAAM,CAAC,GACtE,KAAK,iBAAiB,GACtB,KAAK,QAAQ;CACf;CAEA,IAAI,QAAQ,GAAG;EAEb,AADA,KAAK,WAAW,GAChB,KAAK,QAAQ;CACf;CAEA,IAAI,UAAU;EACZ,OAAO,KAAK;CACd;CAEA,IAAI,cAAc,GAAG;EAEnB,AADA,KAAK,iBAAiB,GACtB,KAAK,QAAQ;CACf;CAEA,eAAe,GAAG;EAMhB,AALA,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,MAAQ;GAC1B,KAAK,SAAS,KAAO,EAAE;EACzB,CAAC,GAED,KAAK,0BAA0B,GAC/B,EAAI,aAAa,KAAK,QAAQ;CAChC;CAEA,oBAAoB;EAIlB,AAHA,KAAK,aAAa,cAAc,wBAAwB,GACxD,KAAK,aAAa,QAAQ,QAAQ,GAElC,KAAK,QAAQ;CACf;CAEA,UAAU;EACR,IAAI,CAAC,KAAK,UAAU,CAAC,KAAK,UACxB;EAGF,IAAM,IAAK,EAAM,cAAc,GAAM;GACnC,OAAO,KAAK;GACZ,SAAS,KAAK;GACd,eAAe,KAAK;GACpB,iBAAiB,KAAK,eAAe,KAAK,IAAI;EAChD,CAAC;EAKD,AAHA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAE;CACtB;CAEA,uBAAuB;EACrB,AAEE,KAAK,WADL,KAAK,MAAM,QAAQ,GACN;CAEjB;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../shared/player-events/dist/index.js","../../../src/delivery/index.ts"],"sourcesContent":["//#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/math-inline/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 debug from 'debug';\nimport {\n  ModelSetEvent,\n  SessionChangedEvent,\n  createSessionNotifier,\n  flushSessionNotifiers,\n} from '@pie-element/shared-player-events';\n\n// Inlined from configure/lib/defaults (configure/ not synced - ESM-incompatible)\nconst defaults = {\n  configuration: {\n    // Minimal configuration for student-facing UI\n    // Full authoring configuration is only needed in the configure package\n  } as any\n};;\nimport Main from './main.js';\n\nconst log = debug('pie-ui:math-inline');\n\nexport { Main as Component };\n\nexport default class MathInline extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this._configuration = defaults.configuration;\n    // Session state is already written synchronously in `sessionChanged`; only\n    // this dispatch is coalesced, and `disconnectedCallback` flushes it.\n    this._sessionNotifier = createSessionNotifier(\n      this,\n      () => {\n        this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n      },\n      { delayMs: 1000 },\n    );\n    this.sessionChangedEventCaller = () => this._sessionNotifier.notify();\n  }\n\n  setLangAttribute() {\n    const language = this._model && typeof this._model.language ? this._model.language : '';\n    const lang = language ? language.slice(0, 2) : 'en';\n    this.setAttribute('lang', lang);\n\n    // set the lang attribute for the nearest parent div with class 'player-container' for MPI items as per PD-2483\n    const playerContainer = this.closest('.player-container');\n    if (playerContainer) {\n      playerContainer.setAttribute('lang', lang);\n    }\n  }\n\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(new ModelSetEvent(this._model, true, !!this._model));\n    this.setLangAttribute();\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  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  sessionChanged(s) {\n    Object.keys(s).map((key) => {\n      this._session[key] = s[key];\n    });\n\n    this.sessionChangedEventCaller();\n    log('session: ', this._session);\n  }\n\n  connectedCallback() {\n    this.setAttribute('aria-label', 'Math Response Question');\n    this.setAttribute('role', 'region');\n\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      configuration: this._configuration,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(el);\n  }\n\n  disconnectedCallback() {\n    flushSessionNotifiers(this);\n\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/delivery/index.js

@@ -2,14 +2,13 @@ import { Main as e } from "./main.js";
 import t from "react";
 import { createRoot as n } from "react-dom/client";
 import r from "debug";
-import { debounce as i } from "@pie-element/shared-lodash";
-import { ModelSetEvent as a, SessionChangedEvent as o } from "@pie-element/shared-player-events";
+import { ModelSetEvent as i, SessionChangedEvent as a, createSessionNotifier as o, flushSessionNotifiers as s } from "@pie-element/shared-player-events";
 //#region src/delivery/index.ts
-var s = { configuration: {} }, c = r("pie-ui:math-inline"), l = class extends HTMLElement {
+var c = { configuration: {} }, l = r("pie-ui:math-inline"), u = class extends HTMLElement {
 	constructor() {
-		super(), this._root = null, this._configuration = s.configuration, this.sessionChangedEventCaller = i(() => {
-			this.dispatchEvent(new o(this.tagName.toLowerCase(), !0));
-		}, 1e3);
+		super(), this._root = null, this._configuration = c.configuration, this._sessionNotifier = o(this, () => {
+			this.dispatchEvent(new a(this.tagName.toLowerCase(), !0));
+		}, { delayMs: 1e3 }), this.sessionChangedEventCaller = () => this._sessionNotifier.notify();
 	}
 	setLangAttribute() {
 		let e = this._model && typeof this._model.language ? this._model.language : "", t = e ? e.slice(0, 2) : "en";
@@ -18,7 +17,7 @@ var s = { configuration: {} }, c = r("pie-ui:math-inline"), l = class extends HT
 		n && n.setAttribute("lang", t);
 	}
 	set model(e) {
-		this._model = e, this.dispatchEvent(new a(this._model, !0, !!this._model)), this.setLangAttribute(), this._render();
+		this._model = e, this.dispatchEvent(new i(this._model, !0, !!this._model)), this.setLangAttribute(), this._render();
 	}
 	set session(e) {
 		this._session = e, this._render();
@@ -32,7 +31,7 @@ var s = { configuration: {} }, c = r("pie-ui:math-inline"), l = class extends HT
 	sessionChanged(e) {
 		Object.keys(e).map((t) => {
 			this._session[t] = e[t];
-		}), this.sessionChangedEventCaller(), c("session: ", this._session);
+		}), this.sessionChangedEventCaller(), l("session: ", this._session);
 	}
 	connectedCallback() {
 		this.setAttribute("aria-label", "Math Response Question"), this.setAttribute("role", "region"), this._render();
@@ -48,8 +47,8 @@ var s = { configuration: {} }, c = r("pie-ui:math-inline"), l = class extends HT
 		this._root ||= n(this), this._root.render(r);
 	}
 	disconnectedCallback() {
-		this._root &&= (this._root.unmount(), null);
+		s(this), this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion
-export { e as Component, l as default };
+export { e as Component, u as default };