@pie-element/multiple-choice 13.3.5-next.6 → 13.3.5-next.8

package/dist/browser/print/index.js

@@ -1,5 +1,5 @@
-import { F as e, M as t, Vt as n } from "../Radio-xWBQ-YBe.js";
-import { t as r } from "../main-wyY_k9tD.js";
+import { F as e, M as t, Vt as n } from "../Radio-B-Cd30zs.js";
+import { t as r } from "../main-CSCv3-uB.js";
 import { c as i, l as a } from "../dist-CHbLnyuX.js";
 import o from "react";
 import { createRoot as s } from "react-dom/client";

package/dist/delivery/index.js

@@ -7,16 +7,16 @@ import { EnableAudioAutoplayImage as o } from "@pie-lib/render-ui";
 import { createRoot as s } from "react-dom/client";
 import { debounce as c } from "@pie-element/shared-lodash";
 import l from "debug";
-import { ModelSetEvent as u, SessionChangedEvent as d } from "@pie-element/shared-player-events";
-import { renderMath as f } from "@pie-element/shared-math-rendering-mathjax";
+import { ModelSetEvent as u, SessionChangedEvent as d, createSessionNotifier as f, flushSessionNotifiers as p } from "@pie-element/shared-player-events";
+import { renderMath as m } from "@pie-element/shared-math-rendering-mathjax";
 //#region src/delivery/index.ts
-function p(e) {
+function h(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function m(e, t) {
-	return !e || p(e) ? e : p(e.default) ? e.default : t && p(e[t]) ? e[t] : t && p(e[t]?.default) ? e[t].default : e;
+function g(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 h = m(o, "EnableAudioAutoplayImage") || m(v.EnableAudioAutoplayImage, "EnableAudioAutoplayImage"), g = a, _ = g.default, v = _ && typeof _ == "object" ? _ : g, y = l("pie-ui:multiple-choice"), b = (t, n, r, i) => {
+var _ = g(o, "EnableAudioAutoplayImage") || g(b.EnableAudioAutoplayImage, "EnableAudioAutoplayImage"), v = a, y = v.default, b = y && typeof y == "object" ? y : v, x = l("pie-ui:multiple-choice"), S = (t, n, r, i) => {
 	let { autoplayAudioEnabled: a, completeAudioEnabled: o } = n || {};
 	if (a && o && !r && i) {
 		let e = i.querySelector("audio"), t = e && e.closest(".preview-prompt");
@@ -26,7 +26,7 @@ var h = m(o, "EnableAudioAutoplayImage") || m(v.EnableAudioAutoplayImage, "Enabl
 	let { choiceMode: s, minSelections: c = 1, maxSelections: l } = n || {}, u = t.value.length || 0;
 	return s === "radio" ? !!u : !(u < c || e(u, l));
 };
-function x(e) {
+function C(e) {
 	let t = e.closest("pie-player") || e.closest("pie-item-player");
 	if (!t) return {
 		baseHeadingLevel: void 0,
@@ -41,14 +41,14 @@ function x(e) {
 		includeSrHeading: o == null || o !== !1 && o !== "false"
 	};
 }
-function S(e) {
-	let t = x(e);
+function w(e) {
+	let t = C(e);
 	return {
 		baseHeadingLevel: e._baseHeadingLevel === void 0 ? t.baseHeadingLevel : e._baseHeadingLevel,
 		includeSrHeading: e._includeSrHeading === void 0 ? t.includeSrHeading : e._includeSrHeading
 	};
 }
-var C = class extends HTMLElement {
+var T = class extends HTMLElement {
 	constructor() {
 		super(), this._model = null, this._session = null, this._options = null, this.audioComplete = !1, this._boundHandleKeyDown = this.handleKeyDown.bind(this), this._keyboardEventsEnabled = !1, this._audioInitialized = !1, this._root = null, this._mathObserver = null, this._mathRenderPending = !1, this._rerender = c(() => {
 			if (this._model && this._session) {
@@ -58,17 +58,17 @@ var C = class extends HTMLElement {
 					options: this._options,
 					onChoiceChanged: this._onChange.bind(this),
 					onShowCorrectToggle: this.onShowCorrectToggle.bind(this),
-					...S(this)
+					...w(this)
 				});
 				this.setAttribute("aria-label", this._model.choiceMode === "radio" ? "Multiple Choice Question" : "Multiple Correct Answer Question"), this.setAttribute("role", "region"), this.setLangAttribute(), this._initMathObserver(), this._root ||= s(this), this._root.render(e), this._model.keyboardEventsEnabled === !0 && !this._keyboardEventsEnabled && this.enableKeyboardEvents();
-			} else y("skip");
+			} else x("skip");
 		}, 50, {
 			leading: !1,
 			trailing: !0
-		}), this._dispatchResponseChanged = c(() => {
-			this.dispatchEvent(new d(this.tagName.toLowerCase(), b(this._session, this._model, this.audioComplete, this)));
-		}), this._dispatchModelSet = c(() => {
-			this.dispatchEvent(new u(this.tagName.toLowerCase(), b(this._session, this._model, this.audioComplete, this), this._model !== void 0));
+		}), this._sessionNotifier = f(this, () => {
+			this.dispatchEvent(new d(this.tagName.toLowerCase(), S(this._session, this._model, this.audioComplete, this)));
+		}), this._dispatchResponseChanged = () => this._sessionNotifier.notify(), this._dispatchModelSet = c(() => {
+			this.dispatchEvent(new u(this.tagName.toLowerCase(), S(this._session, this._model, this.audioComplete, this), this._model !== void 0));
 		}, 50, {
 			leading: !1,
 			trailing: !0
@@ -76,7 +76,7 @@ var C = class extends HTMLElement {
 	}
 	_scheduleMathRender = () => {
 		this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
-			this._mathObserver && this._mathObserver.disconnect(), y("render complete - render math"), f(this), this._mathRenderPending = !1, setTimeout(() => {
+			this._mathObserver && this._mathObserver.disconnect(), x("render complete - render math"), m(this), this._mathRenderPending = !1, setTimeout(() => {
 				this._mathObserver && this._mathObserver.observe(this, {
 					childList: !0,
 					subtree: !0
@@ -94,7 +94,7 @@ var C = class extends HTMLElement {
 		this._mathObserver &&= (this._mathObserver.disconnect(), null);
 	}
 	onShowCorrectToggle() {
-		f(this);
+		m(this);
 	}
 	setLangAttribute() {
 		let e = this._model && typeof this._model.language ? this._model.language : "", t = e ? e.slice(0, 2) : "en";
@@ -139,7 +139,7 @@ var C = class extends HTMLElement {
 			cursor: "pointer"
 		});
 		let t = document.createElement("img");
-		return t.src = h, t.alt = "Click anywhere to enable audio autoplay", t.width = 500, t.height = 300, e.appendChild(t), e;
+		return t.src = _, t.alt = "Click anywhere to enable audio autoplay", t.width = 500, t.height = 300, e.appendChild(t), e;
 	}
 	connectedCallback() {
 		this._initMathObserver(), this._initPlayerObserver(), this._rerender(), new MutationObserver((e, t) => {
@@ -192,7 +192,7 @@ var C = class extends HTMLElement {
 		this._playerObserver &&= (this._playerObserver.disconnect(), null);
 	}
 	disconnectedCallback() {
-		this._disconnectMathObserver(), this._disconnectPlayerObserver(), this._keyboardEventsEnabled &&= (window.removeEventListener("keydown", this._boundHandleKeyDown), !1), document.removeEventListener("click", this._enableAudio), this._audio &&= (this._audio.removeEventListener("playing", this._handlePlaying), this._audio.removeEventListener("ended", this._handleEnded), null), this._root &&= (this._root.unmount(), null);
+		p(this), this._disconnectMathObserver(), this._disconnectPlayerObserver(), this._keyboardEventsEnabled &&= (window.removeEventListener("keydown", this._boundHandleKeyDown), !1), document.removeEventListener("click", this._enableAudio), this._audio &&= (this._audio.removeEventListener("playing", this._handlePlaying), this._audio.removeEventListener("ended", this._handleEnded), null), this._root &&= (this._root.unmount(), null);
 	}
 	handleKeyDown(e) {
 		if (!this._model || !this._session) return;
@@ -212,4 +212,4 @@ var C = class extends HTMLElement {
 	}
 };
 //#endregion
-export { C as default, b as isComplete };
+export { T as default, S as isComplete };