@pie-element/categorize 13.1.2-next.2 → 13.1.2

package/dist/delivery/index.js

@@ -1,152 +0,0 @@
-import e from "./categorize/index.js";
-import t from "react";
-import { createRoot as n } from "react-dom/client";
-import { renderMath as r } from "@pie-element/shared-math-rendering-mathjax";
-import * as i from "@pie-lib/render-ui";
-import { EnableAudioAutoplayImage as a } from "@pie-lib/render-ui";
-import { ModelSetEvent as o, SessionChangedEvent as s } from "@pie-element/shared-player-events";
-//#region src/delivery/index.ts
-function c(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function l(e, t) {
-	return !e || c(e) ? e : c(e.default) ? e.default : t && c(e[t]) ? e[t] : t && c(e[t]?.default) ? e[t].default : e;
-}
-var u = l(a, "EnableAudioAutoplayImage") || l(p.EnableAudioAutoplayImage, "EnableAudioAutoplayImage"), d = i, f = d.default, p = f && typeof f == "object" ? f : d, m = class extends HTMLElement {
-	constructor() {
-		super(), this._root = null, this._mathObserver = null, this._mathRenderPending = !1;
-	}
-	_scheduleMathRender = () => {
-		this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
-			this._mathObserver && !this._mathObserverPaused && this._mathObserver.disconnect(), r(this), this._mathRenderPending = !1, setTimeout(() => {
-				this._mathObserver && !this._mathObserverPaused && this._mathObserver.observe(this, {
-					childList: !0,
-					subtree: !0,
-					characterData: !1
-				});
-			}, 50);
-		}));
-	};
-	_initMathObserver() {
-		this._mathObserver || (this._mathObserver = new MutationObserver(() => {
-			this._scheduleMathRender();
-		}), this._mathObserver.observe(this, {
-			childList: !0,
-			subtree: !0,
-			characterData: !1
-		}));
-	}
-	_disconnectMathObserver() {
-		this._mathObserver &&= (this._mathObserver.disconnect(), null);
-	}
-	pauseMathObserver = () => {
-		this._mathObserver && (this._mathObserver.disconnect(), this._mathObserverPaused = !0);
-	};
-	resumeMathObserver = () => {
-		this._mathObserverPaused && (this._mathObserverPaused = !1, this._mathObserver && this._mathObserver.observe(this, {
-			childList: !0,
-			subtree: !0,
-			characterData: !1
-		}));
-	};
-	set model(e) {
-		this._model = e, this.eliminateBlindAnswersFromSession(), this.dispatchEvent(new o(this.tagName.toLowerCase(), this.isComplete(), !!this._model)), this._audioInitialized = !1, this.render();
-	}
-	isComplete() {
-		let { autoplayAudioEnabled: e, choices: t, completeAudioEnabled: n, hasUnplacedChoices: r, possibleResponses: i, responseAreasToBeFilled: a } = this._model || {}, o = this;
-		if (e && n && !this.audioComplete && o) {
-			let e = o.querySelector("audio"), t = e && e.closest("#preview-prompt");
-			if (e && t) return !1;
-		}
-		if (!this._session || !this._session.answers) return !1;
-		let { answers: s } = this._session;
-		if (!Array.isArray(s)) return !1;
-		let c = s.filter((e) => e.choices.length).length >= a;
-		if ((t || []).some((e) => e.categoryCount === 0) || r) return c;
-		let l = s.map((e) => e.choices).flat();
-		return (i || []).some((e) => e.every((e) => l.includes(e)));
-	}
-	set session(e) {
-		e && !e.answers && (e.answers = []), this._session = e, this.render();
-	}
-	get session() {
-		return this._session;
-	}
-	eliminateBlindAnswersFromSession() {
-		let { answers: e = [] } = this._session || {}, { choices: t = [] } = this._model || {}, n = t.map((e) => e.id) || [], r = e.map((e) => (e.choices = (e?.choices || []).filter((e) => n.includes(e)), e));
-		r.length > 0 && this.changeAnswers(r);
-	}
-	changeAnswers(e) {
-		this._session.answers = e, this._session.selector = "Mouse", this.dispatchEvent(new s(this.tagName.toLowerCase(), this.isComplete())), this.render();
-	}
-	onShowCorrectToggle() {
-		r(this);
-	}
-	_createAudioInfoToast() {
-		let e = document.createElement("div");
-		e.id = "play-audio-info", Object.assign(e.style, {
-			position: "absolute",
-			top: 0,
-			width: "100%",
-			height: "100%",
-			display: "flex",
-			justifyContent: "center",
-			alignItems: "center",
-			background: "white",
-			zIndex: "1000",
-			cursor: "pointer"
-		});
-		let t = document.createElement("img");
-		return t.src = u, t.alt = "Click anywhere to enable audio autoplay", t.width = 500, t.height = 300, e.appendChild(t), e;
-	}
-	connectedCallback() {
-		this._initMathObserver(), new MutationObserver((e, t) => {
-			e.forEach((e) => {
-				if (e.type === "childList") {
-					if (this._audioInitialized) return;
-					let e = this.querySelector("audio"), n = e && e.closest("#preview-prompt");
-					if (!this._model || !this._model.autoplayAudioEnabled || e && !n || !e) return;
-					let r = this._createAudioInfoToast(), i = this.querySelector("#main-container"), a = () => {
-						this.querySelector("#play-audio-info") && (e.play(), i.removeChild(r)), document.removeEventListener("click", a);
-					};
-					setTimeout(() => {
-						e.paused && !this.querySelector("#play-audio-info") ? (i.appendChild(r), document.addEventListener("click", a)) : document.removeEventListener("click", a);
-					}, 500);
-					let o = () => {
-						this._session.audioStartTime = this._session.audioStartTime || (/* @__PURE__ */ new Date()).getTime();
-						let t = this.querySelector("#play-audio-info");
-						t && i.removeChild(t), e.removeEventListener("playing", o);
-					};
-					e.addEventListener("playing", o);
-					let c = () => {
-						this._session.audioEndTime = this._session.audioEndTime || (/* @__PURE__ */ new Date()).getTime();
-						let { audioStartTime: t, audioEndTime: n, waitTime: r } = this._session;
-						!r && t && n && (this._session.waitTime = n - t), this.audioComplete = !0, this.dispatchEvent(new s(this.tagName.toLowerCase(), this.isComplete())), e.removeEventListener("ended", c);
-					};
-					e.addEventListener("ended", c), this._audio = e, this._handlePlaying = o, this._handleEnded = c, this._enableAudio = a, this._audioInitialized = !0, t.disconnect();
-				}
-			});
-		}).observe(this, {
-			childList: !0,
-			subtree: !0
-		});
-	}
-	disconnectedCallback() {
-		this._disconnectMathObserver(), 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();
-	}
-	render() {
-		if (this._model && this._session) {
-			let r = t.createElement(e, {
-				model: this._model,
-				session: this._session,
-				onAnswersChange: this.changeAnswers.bind(this),
-				onShowCorrectToggle: this.onShowCorrectToggle.bind(this),
-				pauseMathObserver: this.pauseMathObserver,
-				resumeMathObserver: this.resumeMathObserver
-			});
-			this._root ||= n(this), this._root.render(r);
-		}
-	}
-};
-//#endregion
-export { m as default };

package/dist/index.d.ts

@@ -1 +0,0 @@
-export { default } from './delivery/index.js';

package/dist/index.iife.d.ts

@@ -1,8 +0,0 @@
-/**
- * IIFE entry point for categorize element
- * This file is only used for IIFE builds and includes auto-registration
- *
- * @sync-generated - Auto-generated during sync from pie-elements
- */
-import Element from './index.js';
-export default Element;