@pie-element/venn-classification 0.1.1-next.7 → 0.1.1-next.8

package/dist/delivery/index.d.ts

@@ -1,33 +1,3 @@
-declare const SvelteElementClass: any;
-declare class VennClassificationElement extends SvelteElementClass {
-    _internalSession: any;
-    /**
-     * The session object the player handed us. A player reads the learner's
-     * response back off this object, so every update is written into it as well
-     * as into the copy the component renders from.
-     */
-    _playerSession: any;
-    _model: any;
-    _isComplete: () => boolean;
-    /**
-     * 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 placement once the session is here.
-     */
-    _dispatchModelSet: () => void;
-    _dispatchSessionChanged: () => void;
-    set model(m: any);
-    get model(): any;
-    /**
-     * A re-set of the same object is an update, not a no-op: a player sets the
-     * session before the model on load and again after it (`element.model = …;
-     * element.session = sameObject`), and only that second event can report a
-     * restored session as complete. A player that clears the response in place
-     * re-sets its object the same way, and the component must re-render it.
-     */
-    set session(s: any);
-    get session(): any;
-    onSessionChange: (updatedSession: any) => void;
-    connectedCallback(): void;
-}
+import type { VennModel, VennSession } from '../types.js';
+declare const VennClassificationElement: import("@pie-lib/delivery-events-svelte").DeliveryElementConstructor<VennModel, VennSession>;
 export default VennClassificationElement;

package/dist/delivery/index.js

@@ -5411,88 +5411,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: {
@@ -5527,7 +5449,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;
@@ -5537,9 +5459,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;
 		}
@@ -5548,26 +5470,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.",
@@ -5644,8 +5566,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}}.",
@@ -5711,7 +5632,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.",
@@ -5788,8 +5709,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}}.",
@@ -7852,8 +7772,8 @@ instance.init({
 	lng: "en",
 	showSupportNotice: !1,
 	resources: {
-		en: e$1,
-		es: e
+		en: e$2,
+		es: e$1
 	}
 });
 //#endregion
@@ -7896,7 +7816,7 @@ var { translator } = {
 * HTML-escaped: they are circle and tile names, and Svelte escapes what it
 * renders.
 */
-function t(key, language, values = {}) {
+function t$1(key, language, values = {}) {
 	return translator.t(`translation:vennClassification:${key}`, {
 		lng: language,
 		...values,
@@ -7916,7 +7836,7 @@ function stripHtml(s) {
 function tileAccessibleName(tile, language) {
 	const alt = (tile.imageAlt ?? "").trim();
 	if ((tile.imageUrl ?? "").trim() && alt) return alt;
-	return stripHtml(tile.label ?? "") || t("tileFallbackName", language);
+	return stripHtml(tile.label ?? "") || t$1("tileFallbackName", language);
 }
 /**
 * A tile button's accessible name: what it is, where it sits, and in `evaluate`
@@ -7929,9 +7849,9 @@ function tileAccessibleName(tile, language) {
 * `unanswered`, which "not placed" already says.
 */
 function tileStatusName(tile, regionLabel, verdict, language) {
-	const parts = [tileAccessibleName(tile, language), regionLabel === null ? t("tileNotPlaced", language) : t("tileInRegion", language, { region: regionLabel })];
-	if (verdict === "correct") parts.push(t("tileCorrect", language));
-	if (verdict === "incorrect") parts.push(t("tileIncorrect", language));
+	const parts = [tileAccessibleName(tile, language), regionLabel === null ? t$1("tileNotPlaced", language) : t$1("tileInRegion", language, { region: regionLabel })];
+	if (verdict === "correct") parts.push(t$1("tileCorrect", language));
+	if (verdict === "incorrect") parts.push(t$1("tileIncorrect", language));
 	return parts.join(", ");
 }
 //#endregion
@@ -8404,17 +8324,17 @@ function enumerateRegions(circleCount) {
 */
 function composeRegionLabel(circles, region, language) {
 	const norm = normalizeRegion(region);
-	const setLabel = (i) => circles[i]?.label ?? t("setNumber", language, { number: i + 1 });
+	const setLabel = (i) => circles[i]?.label ?? t$1("setNumber", language, { number: i + 1 });
 	const labels = norm.map(setLabel);
 	if (norm.length === 0) {
-		if (circles.length === 2) return t("regionNeither", language, {
+		if (circles.length === 2) return t$1("regionNeither", language, {
 			first: setLabel(0),
 			second: setLabel(1)
 		});
-		return t("regionNoneOf", language, { sets: circles.map((_, i) => setLabel(i)).join(", ") });
+		return t$1("regionNoneOf", language, { sets: circles.map((_, i) => setLabel(i)).join(", ") });
 	}
-	if (norm.length === 1) return t("regionOnly", language, { set: labels[0] });
-	return labels.join(t("regionAndSeparator", language));
+	if (norm.length === 1) return t$1("regionOnly", language, { set: labels[0] });
+	return labels.join(t$1("regionAndSeparator", language));
 }
 /**
 * Resolve the label for a region, preferring an author-supplied override from
@@ -9073,11 +8993,7 @@ function VennClassification($$anchor, $$props) {
 			tileId,
 			placement
 		});
-		l({
-			sourceEl: containerEl,
-			session: next,
-			complete: next.completed === true
-		});
+		$$props.onSessionChange?.(next);
 	}
 	function findTile(id) {
 		if (!id) return null;
@@ -9087,7 +9003,7 @@ function VennClassification($$anchor, $$props) {
 		return get$1(layout)?.regionByKey[key];
 	}
 	function targetLabel(key) {
-		return key === "tray" ? t("tray", get$1(language)) : regionByKey(key)?.label ?? t("unknownTarget", get$1(language));
+		return key === "tray" ? t$1("tray", get$1(language)) : regionByKey(key)?.label ?? t$1("unknownTarget", get$1(language));
 	}
 	function clearHeld() {
 		set(heldTileId, null);
@@ -9108,11 +9024,11 @@ function VennClassification($$anchor, $$props) {
 		const name = tileAccessibleName(tile, get$1(language));
 		const placement = targetKey === "tray" ? null : targetKey === null ? void 0 : regionByKey(targetKey)?.region;
 		if (placement === void 0 || isSamePlacement($$props?.session, tile.id, placement)) {
-			announce(t("cancelled", get$1(language)));
+			announce(t$1("cancelled", get$1(language)));
 			return;
 		}
 		commitPlacement(tile.id, placement);
-		announce(placement === null ? t("returnedToTray", get$1(language), { name }) : t("placedIn", get$1(language), {
+		announce(placement === null ? t$1("returnedToTray", get$1(language), { name }) : t$1("placedIn", get$1(language), {
 			name,
 			target: targetLabel(targetKey)
 		}));
@@ -9129,7 +9045,7 @@ function VennClassification($$anchor, $$props) {
 			y: e.clientY
 		}, true);
 		set(hoveredRegionKey, resolveHoverKeyFromPointer(e.clientX, e.clientY), true);
-		announce(t("pickedUp", get$1(language), { name: tileAccessibleName(tile, get$1(language)) }));
+		announce(t$1("pickedUp", get$1(language), { name: tileAccessibleName(tile, get$1(language)) }));
 		const onMove = (ev) => {
 			set(dragPos, {
 				x: ev.clientX,
@@ -9148,7 +9064,7 @@ function VennClassification($$anchor, $$props) {
 		const onCancel = () => {
 			detach();
 			clearHeld();
-			announce(t("cancelled", get$1(language)));
+			announce(t$1("cancelled", get$1(language)));
 		};
 		const detach = () => {
 			window.removeEventListener("pointermove", onMove);
@@ -9198,7 +9114,7 @@ function VennClassification($$anchor, $$props) {
 			const startKey = placed === null ? get$1(navigableTargets)[0] ?? null : regionKey(placed);
 			set(heldTileId, tile.id, true);
 			set(keyboardFocusKey, startKey, true);
-			announce(t("pickedUpWithKeyboard", get$1(language), {
+			announce(t$1("pickedUpWithKeyboard", get$1(language), {
 				name: tileAccessibleName(tile, get$1(language)),
 				target: targetLabel(startKey ?? "")
 			}));
@@ -9234,7 +9150,7 @@ function VennClassification($$anchor, $$props) {
 		if (e.key === "Escape" && get$1(heldTileId) === tile.id) {
 			e.preventDefault();
 			clearHeld();
-			announce(t("cancelled", get$1(language)));
+			announce(t$1("cancelled", get$1(language)));
 			return;
 		}
 		if (get$1(heldTileId) === tile.id && (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "Tab")) {
@@ -9245,7 +9161,7 @@ function VennClassification($$anchor, $$props) {
 			const delta = e.key === "ArrowLeft" || e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey ? -1 : 1;
 			idx = (idx + delta + get$1(navigableTargets).length) % get$1(navigableTargets).length;
 			set(keyboardFocusKey, get$1(navigableTargets)[idx], true);
-			announce(t("dropTarget", get$1(language), { target: targetLabel(get$1(keyboardFocusKey)) }));
+			announce(t$1("dropTarget", get$1(language), { target: targetLabel(get$1(keyboardFocusKey)) }));
 		}
 	}
 	/** A keyboard pickup ends when focus leaves the component. */
@@ -9254,7 +9170,7 @@ function VennClassification($$anchor, $$props) {
 		const next = e.relatedTarget;
 		if (next && containerEl?.contains(next)) return;
 		clearHeld();
-		announce(t("cancelled", get$1(language)));
+		announce(t$1("cancelled", get$1(language)));
 	}
 	function tileVerdict(id) {
 		if (!get$1(isEvaluate) || get$1(showCorrect)) return null;
@@ -9265,7 +9181,7 @@ function VennClassification($$anchor, $$props) {
 		if (!containerEl) return;
 		const warn = (err) => console.warn("venn-classification: MathJax render failed", err);
 		try {
-			Promise.resolve(c(containerEl)).catch(warn);
+			Promise.resolve(c$1(containerEl)).catch(warn);
 		} catch (err) {
 			warn(err);
 		}
@@ -9341,7 +9257,7 @@ function VennClassification($$anchor, $$props) {
 	var consequent_4 = ($$anchor) => {
 		var div_2 = root_4();
 		var text_1 = only_child(div_2, true);
-		template_effect(($0) => set_text(text_1, $0), [() => t("unsupportedCircles", get$1(language), {
+		template_effect(($0) => set_text(text_1, $0), [() => t$1("unsupportedCircles", get$1(language), {
 			count: get$1(circles).length,
 			supported: SUPPORTED_CIRCLES
 		})]);
@@ -9549,7 +9465,7 @@ function VennClassification($$anchor, $$props) {
 		var node_15 = sibling(div_3, 2);
 		{
 			let $0 = /* @__PURE__ */ user_derived(() => get$1(hoveredRegionKey) === "tray" || get$1(heldTileId) !== null && get$1(keyboardFocusKey) === "tray");
-			let $1 = /* @__PURE__ */ user_derived(() => t("tray", get$1(language)));
+			let $1 = /* @__PURE__ */ user_derived(() => t$1("tray", get$1(language)));
 			Tray(node_15, {
 				get isDropTarget() {
 					return get$1($0);
@@ -9707,82 +9623,97 @@ function VennClassification($$anchor, $$props) {
 delegate(["focusout", "click"]);
 create_custom_element(VennClassification, {
 	model: { type: "Object" },
-	session: { type: "Object" }
+	session: { type: "Object" },
+	onSessionChange: {}
 }, [], []);
 //#endregion
-//#region src/delivery/index.ts
-var SvelteElementClass = VennClassification.element;
-var VennClassificationElement = class extends SvelteElementClass {
-	constructor(..._args) {
-		super(..._args);
-		_defineProperty(this, "_internalSession", null);
-		_defineProperty(
-			this,
-			/**
-			* The session object the player handed us. A player reads the learner's
-			* response back off this object, so every update is written into it as well
-			* as into the copy the component renders from.
-			*/
-			"_playerSession",
-			null
-		);
-		_defineProperty(this, "_model", null);
-		_defineProperty(this, "_isComplete", () => {
-			return isComplete(this._model, this._internalSession);
-		});
-		_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 placement 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) => {
-			a$1(this._playerSession, updatedSession);
-			this._internalSession = 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;
 	}
-	/**
-	* A re-set of the same object is an update, not a no-op: a player sets the
-	* session before the model on load and again after it (`element.model = …;
-	* element.session = sameObject`), and only that second event can report a
-	* restored session as complete. A player that clears the response in place
-	* re-sets its object the same way, and the component must re-render it.
-	*/
-	set session(s) {
-		this._playerSession = s;
-		this._internalSession = 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._internalSession;
+}, _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 VennClassificationElement = r(VennClassification, { isComplete });
 //#endregion
 export { VennClassificationElement as default };