@pie-element/simple-cloze 0.1.4-next.7 → 0.1.4-next.9

package/dist/delivery/index.js

@@ -4667,88 +4667,10 @@ function create_custom_element(Component, props_definition, slots, exports, shad
 	return Class;
 }
 //#endregion
-//#region ../../shared/player-events/dist/index.js
-var _e;
-var _e2;
-var s$2 = (_e = class e extends CustomEvent {
-	constructor(t, n, r) {
-		super(e.TYPE, {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				complete: n,
-				component: t,
-				hasModel: r
-			}
-		}), this.component = t, this.complete = n;
-	}
-}, _e.TYPE = "model-set", _e);
-var c$2 = (_e2 = class e extends CustomEvent {
-	constructor(t, n) {
-		super(e.TYPE, {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				complete: n,
-				component: t
-			}
-		}), this.component = t, this.complete = n;
-	}
-}, _e2.TYPE = "session-changed", _e2);
-//#endregion
-//#region ../../lib-svelte/delivery-events/dist/index2.js
-var t$3 = (e) => {
-	let t = e;
-	return t ? typeof t.onSessionChange == "function" || typeof t.onAudioStarted == "function" || typeof t.onAudioEnded == "function" : !1;
-};
-function n$1(e) {
-	if (e.parentElement) return e.parentElement;
-	let t = e.getRootNode();
-	return t instanceof ShadowRoot ? t.host : null;
-}
-function r$2(e, r = {}) {
-	let i = r.hostPredicate ?? t$3, a = e;
-	for (; a;) {
-		if (i(a)) return a;
-		a = n$1(a);
-	}
-	return null;
-}
-function i(e) {
-	return !!e && typeof e == "object" && !Array.isArray(e);
-}
-function a$1(e, t) {
-	if (e === t) return e;
-	if (!i(e) || !i(t) || Object.isFrozen(e) || !Object.isExtensible(e)) return t;
-	try {
-		for (let n of Object.keys(e)) n in t || delete e[n];
-		Object.assign(e, t);
-	} catch {
-		return t;
-	}
-	return e;
-}
-var o$1 = {};
-var s$1 = /* @__PURE__ */ new WeakSet();
-function c$1(e) {
-	let t = e ?? o$1;
-	if (s$1.has(t)) return;
-	s$1.add(t);
-	let n = e ? `above <${e.tagName.toLowerCase()}>` : "for an update with no source element";
-	console.warn(`[session-bridge] no delivery host ${n}; the session change was not forwarded to the player`);
-}
-function l({ sourceEl: t, complete: n, session: i }) {
-	let o = r$2(t);
-	if (!o) return c$1(t), null;
-	if (typeof o.onSessionChange == "function") return o.onSessionChange(i), o;
-	let s = a$1(o.session, i);
-	return s !== o.session && (o.session = s), o.dispatchEvent(new c$2(o.tagName.toLowerCase(), n)), o;
-}
-//#endregion
 //#region ../../shared/math-rendering-mathjax/dist/index.js
-var e$2 = null;
-function t$2(t) {
-	return typeof window > "u" || window.MathJax?.typesetPromise ? Promise.resolve() : e$2 || (e$2 = new Promise((e, n) => {
+var e$3 = null;
+function t$3(t) {
+	return typeof window > "u" || window.MathJax?.typesetPromise ? Promise.resolve() : e$3 || (e$3 = new Promise((e, n) => {
 		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: a = !0, srcUrl: o } = t, s = {
 			loader: { load: i ? ["a11y/assistive-mml"] : [] },
 			tex: {
@@ -4783,7 +4705,7 @@ function t$2(t) {
 		}, c.onerror = () => {
 			n(/* @__PURE__ */ Error("Failed to load MathJax"));
 		}, document.head.appendChild(c);
-	}), e$2);
+	}), e$3);
 }
 function n() {
 	let e = window.MathJax?.startup?.document;
@@ -4793,9 +4715,9 @@ function n() {
 		console.warn("[mathjax-renderer] Failed to attach assistive MathML:", e);
 	}
 }
-function r$1(e = {}) {
+function r$2(e = {}) {
 	return async (r) => {
-		if (await t$2(e), !window.MathJax?.typesetPromise) {
+		if (await t$3(e), !window.MathJax?.typesetPromise) {
 			console.warn("[mathjax-renderer] MathJax not loaded or missing typesetPromise.");
 			return;
 		}
@@ -4804,26 +4726,26 @@ function r$1(e = {}) {
 }
 var a = null;
 function o() {
-	return a || (a = r$1({
+	return a || (a = r$2({
 		accessibility: !0,
 		useSingleDollar: !0
 	})), a;
 }
-function s() {
+function s$1() {
 	if (typeof window > "u") return null;
 	let e = window["@pie-lib/math-rendering"];
 	return typeof e?.renderMath == "function" ? e : null;
 }
-var c = async (e) => {
+var c$1 = async (e) => {
 	if (typeof window > "u") return;
 	let t = typeof e == "string", n;
 	t ? (n = document.createElement("div"), n.innerHTML = e) : n = e || document.body;
-	let r = s();
+	let r = s$1();
 	return r ? await r.renderMath?.(n) : await o()(n), t ? n.innerHTML : void 0;
 };
 //#endregion
 //#region ../../shared/translator/dist/en.js
-var e$1 = {
+var e$2 = {
 	translation: {
 		categorize: {
 			limitMaxChoicesPerCategory: "You've reached the limit of {{maxChoicesPerCategory}} responses per area. To add another response, one must first be removed.",
@@ -4900,8 +4822,7 @@ var e$1 = {
 			listenSilentAlt: "Repeat instructions",
 			listenPlayingAlt: "Instructions are playing",
 			printAudio: "Audio:",
-			printTranscript: "Transcript:",
-			printKey: "(key)"
+			printTranscript: "Transcript:"
 		},
 		multipleChoice: {
 			minSelections: "Select at least {{minSelections}}.",
@@ -4967,7 +4888,7 @@ var e$1 = {
 };
 //#endregion
 //#region ../../shared/translator/dist/es.js
-var e = {
+var e$1 = {
 	translation: {
 		categorize: {
 			limitMaxChoicesPerCategory: "Has alcanzado el límite de {{maxChoicesPerCategory}} respuestas por área. Para agregar otra respuesta, primero se debe eliminar una respuesta.",
@@ -5044,8 +4965,7 @@ var e = {
 			listenSilentAlt: "Escuchar. Repetir las instrucciones.",
 			listenPlayingAlt: "Escuchar. Estas son las instrucciones.",
 			printAudio: "Audio:",
-			printTranscript: "Transcripción:",
-			printKey: "(clave)"
+			printTranscript: "Transcripción:"
 		},
 		multipleChoice: {
 			minSelections: "Seleccione al menos {{minSelections}}.",
@@ -7108,8 +7028,8 @@ instance.init({
 	lng: "en",
 	showSupportNotice: !1,
 	resources: {
-		en: e$1,
-		es: e
+		en: e$2,
+		es: e$1
 	}
 });
 //#endregion
@@ -7150,7 +7070,7 @@ var { translator } = {
 * A learner-facing string in `language`, the model's `language`. i18next falls
 * back to English for a language or key it does not hold.
 */
-function t(key, language) {
+function t$1(key, language) {
 	return translator.t(`translation:simpleCloze:${key}`, { lng: language });
 }
 /** A string shared across elements, such as the correct-answer toggle's labels. */
@@ -7225,7 +7145,7 @@ var $$css = {
 function SimpleCloze($$anchor, $$props) {
 	push($$props, true);
 	append_styles($$anchor, $$css);
-	let model = prop($$props, "model", 7, null), session = prop($$props, "session", 7, null);
+	let model = prop($$props, "model", 7, null), session = prop($$props, "session", 7, null), onSessionChange = prop($$props, "onSessionChange", 7);
 	const instanceId = `simple-cloze-${Math.random().toString(36).slice(2, 10)}`;
 	const promptId = `${instanceId}-prompt`;
 	const feedbackId = `${instanceId}-feedback`;
@@ -7244,10 +7164,10 @@ function SimpleCloze($$anchor, $$props) {
 	const showingCorrectAnswer = /* @__PURE__ */ user_derived(() => get$1(showCorrectAnswer) && get$1(canShowCorrectAnswer));
 	const feedbackText = /* @__PURE__ */ user_derived(() => {
 		if (!get$1(isEvaluateMode)) return "";
-		if (get$1(showingCorrectAnswer)) return t("correctAnswerShown", model()?.language);
-		if (get$1(isCorrect)) return t("correct", model()?.language);
-		if (get$1(isIncorrect)) return t("incorrect", model()?.language);
-		if (get$1(isUnanswered)) return t("unanswered", model()?.language);
+		if (get$1(showingCorrectAnswer)) return t$1("correctAnswerShown", model()?.language);
+		if (get$1(isCorrect)) return t$1("correct", model()?.language);
+		if (get$1(isIncorrect)) return t$1("incorrect", model()?.language);
+		if (get$1(isUnanswered)) return t$1("unanswered", model()?.language);
 		return "";
 	});
 	user_effect(() => {
@@ -7262,21 +7182,16 @@ function SimpleCloze($$anchor, $$props) {
 		if (!get$1(promptElement) || !get$1(prompt)) return;
 		const warn = (err) => console.warn("simple-cloze: MathJax render failed", err);
 		try {
-			Promise.resolve(c(get$1(promptElement))).catch(warn);
+			Promise.resolve(c$1(get$1(promptElement))).catch(warn);
 		} catch (err) {
 			warn(err);
 		}
 	});
 	function handleInput(event) {
-		const target = event.target;
-		const newValue = target.value;
-		l({
-			sourceEl: target,
-			session: {
-				...session(),
-				value: newValue
-			},
-			complete: newValue.trim().length > 0
+		const newValue = event.target.value;
+		onSessionChange()?.({
+			...session(),
+			value: newValue
 		});
 	}
 	function toggleCorrectAnswer() {
@@ -7297,6 +7212,13 @@ function SimpleCloze($$anchor, $$props) {
 		set session($$value = null) {
 			session($$value);
 			flushSync();
+		},
+		get onSessionChange() {
+			return onSessionChange();
+		},
+		set onSessionChange($$value) {
+			onSessionChange($$value);
+			flushSync();
 		}
 	};
 	var div = root_6();
@@ -7389,7 +7311,7 @@ function SimpleCloze($$anchor, $$props) {
 		input.readOnly = get$1(showingCorrectAnswer);
 		set_attribute(span_4, "id", feedbackId);
 		set_text(text_1, get$1(feedbackText));
-	}, [() => t("placeholder", model()?.language), () => get$1(prompt) ? void 0 : t("answerInput", model()?.language)]);
+	}, [() => t$1("placeholder", model()?.language), () => get$1(prompt) ? void 0 : t$1("answerInput", model()?.language)]);
 	delegated("input", input, handleInput);
 	append($$anchor, div);
 	return pop($$exports);
@@ -7397,74 +7319,97 @@ function SimpleCloze($$anchor, $$props) {
 delegate(["click", "input"]);
 create_custom_element(SimpleCloze, {
 	model: { type: "Object" },
-	session: { type: "Object" }
+	session: { type: "Object" },
+	onSessionChange: {}
 }, [], []);
 //#endregion
-//#region src/delivery/index.ts
-var SvelteElementClass = SimpleCloze.element;
-var SimpleClozeElement = class extends SvelteElementClass {
-	constructor(..._args) {
-		super(..._args);
-		_defineProperty(
-			this,
-			/**
-			* The session object the player handed us, which `session` returns. A player
-			* reads the learner's response back off this object, so every update is
-			* written into it; the component renders from a fresh copy so its `$derived`
-			* reads re-run.
-			*/
-			"_playerSession",
-			null
-		);
-		_defineProperty(this, "_model", null);
-		_defineProperty(this, "_isComplete", () => {
-			const value = this._playerSession?.value;
-			return typeof value === "string" && value.trim().length > 0;
-		});
-		_defineProperty(
-			this,
-			/**
-			* Dispatched a microtask later: on load a player sets the model and then the
-			* session in the same task (`element.model = …; element.session = …`), and
-			* `complete` can only report a restored response once the session is here.
-			*/
-			"_dispatchModelSet",
-			() => {
-				queueMicrotask(() => {
-					this.dispatchEvent(new s$2(this.tagName.toLowerCase(), this._isComplete(), this._model !== void 0));
-				});
-			}
-		);
-		_defineProperty(this, "_dispatchSessionChanged", () => {
-			this.dispatchEvent(new c$2(this.tagName.toLowerCase(), this._isComplete()));
-		});
-		_defineProperty(this, "onSessionChange", (updatedSession) => {
-			this._playerSession = a$1(this._playerSession, updatedSession);
-			super.session = updatedSession;
-			this._dispatchSessionChanged();
-		});
-	}
-	set model(m) {
-		this._model = m;
-		super.model = m;
-		this._dispatchModelSet();
-	}
-	get model() {
-		return this._model;
+//#region ../../lib-svelte/delivery-events/dist/index2.js
+function e(e) {
+	return !!e && typeof e == "object" && !Array.isArray(e);
+}
+function t(t, n) {
+	if (t === n) return t;
+	if (!e(t) || !e(n) || Object.isFrozen(t) || !Object.isExtensible(t)) return n;
+	try {
+		for (let e of Object.keys(t)) e in n || delete t[e];
+		Object.assign(t, n);
+	} catch {
+		return n;
 	}
-	set session(s) {
-		this._playerSession = s;
-		super.session = s;
-		this._dispatchSessionChanged();
+	return t;
+}
+//#endregion
+//#region ../../shared/player-events/dist/index.js
+var _e;
+var _e2;
+var s = (_e = class e extends CustomEvent {
+	constructor(t, n, r) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t,
+				hasModel: r
+			}
+		}), this.component = t, this.complete = n;
 	}
-	get session() {
-		return this._playerSession;
+}, _e.TYPE = "model-set", _e);
+var c = (_e2 = class e extends CustomEvent {
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t
+			}
+		}), this.component = t, this.complete = n;
 	}
-	connectedCallback() {
-		super.connectedCallback();
-		this.onSessionChange = this.onSessionChange;
+}, _e2.TYPE = "session-changed", _e2);
+//#endregion
+//#region ../../lib-svelte/delivery-events/dist/index3.js
+function r(r, i) {
+	let a = r.element;
+	if (!a) throw TypeError("defineDeliveryElement: the component was not compiled with `customElement`");
+	var _e = /* @__PURE__ */ new WeakMap();
+	var _t = /* @__PURE__ */ new WeakMap();
+	class o extends a {
+		constructor() {
+			var _super = (..._args) => (super(..._args), _classPrivateFieldInitSpec(this, _e, void 0), _classPrivateFieldInitSpec(this, _t, void 0), this);
+			_super(), this.onSessionChange = (e) => {
+				this.writeSession(e), this.dispatchSessionChanged();
+			};
+		}
+		set model(e) {
+			_classPrivateFieldSet2(_e, this, e), super.model = e, queueMicrotask(() => {
+				this.dispatchEvent(new s(this.tagName.toLowerCase(), this.isComplete(), _classPrivateFieldGet2(_e, this) !== void 0));
+			});
+		}
+		get model() {
+			return _classPrivateFieldGet2(_e, this);
+		}
+		set session(e) {
+			_classPrivateFieldSet2(_t, this, e), super.session = e, this.dispatchSessionChanged();
+		}
+		get session() {
+			return _classPrivateFieldGet2(_t, this);
+		}
+		isComplete() {
+			return i.isComplete(_classPrivateFieldGet2(_e, this), _classPrivateFieldGet2(_t, this));
+		}
+		writeSession(t$4) {
+			_classPrivateFieldSet2(_t, this, t(_classPrivateFieldGet2(_t, this), t$4)), super.session = t$4;
+		}
+		dispatchSessionChanged() {
+			this.dispatchEvent(new c(this.tagName.toLowerCase(), this.isComplete()));
+		}
 	}
-};
+	return o;
+}
+//#endregion
+//#region src/delivery/index.ts
+var SimpleClozeElement = r(SimpleCloze, { isComplete: (_model, session) => typeof session?.value === "string" && session.value.trim().length > 0 });
 //#endregion
 export { SimpleClozeElement as default };