@pie-element/math-templated 7.1.1-next.12 → 7.1.2

package/dist/browser/delivery/index.js

@@ -1,81 +0,0 @@
-import { u as e } from "../browser-DJA4OL8j.js";
-import { t } from "../main-I_wWeaur.js";
-import n from "react";
-import { createRoot as r } from "react-dom/client";
-//#region ../../shared/player-events/dist/index.js
-var i = class e extends CustomEvent {
-	static {
-		this.TYPE = "model-set";
-	}
-	constructor(t, n, r) {
-		super(e.TYPE, {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				complete: n,
-				component: t,
-				hasModel: r
-			}
-		}), this.component = t, this.complete = n;
-	}
-}, a = class e extends CustomEvent {
-	static {
-		this.TYPE = "session-changed";
-	}
-	constructor(t, n) {
-		super(e.TYPE, {
-			bubbles: !0,
-			composed: !0,
-			detail: {
-				complete: n,
-				component: t
-			}
-		}), this.component = t, this.complete = n;
-	}
-}, o = class extends HTMLElement {
-	constructor() {
-		super(), this._root = null, this.sessionChangedEventCaller = e(() => {
-			this.dispatchEvent(new a(this.tagName.toLowerCase(), !0));
-		}, 1e3);
-	}
-	set model(e) {
-		this._model = e, this.render(), this.dispatchEvent(new i(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== void 0));
-	}
-	get model() {
-		return this._model;
-	}
-	set session(e) {
-		this._session = e, this.render();
-	}
-	get session() {
-		return this._session;
-	}
-	isSessionComplete() {
-		return !0;
-	}
-	onSessionChange(e) {
-		Object.keys(e).map((t) => {
-			this._session[t] = e[t];
-		}), this.sessionChangedEventCaller(), this.render();
-	}
-	connectedCallback() {
-		this.render();
-	}
-	render() {
-		if (!(!this._model || !this._session) && this._model && this._session) {
-			let e = n.createElement(t, {
-				model: this._model,
-				session: this._session,
-				onSessionChange: this.onSessionChange.bind(this)
-			});
-			this._root ||= r(this), this._root.render(e);
-		}
-	}
-	disconnectedCallback() {
-		this._root && this._root.unmount();
-	}
-};
-//#endregion
-export { o as default };
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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-templated/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 { SessionChangedEvent, ModelSetEvent } from '@pie-element/shared-player-events';\nimport Main from './main.js';\nimport { debounce } from '@pie-element/shared-lodash';\n\nexport default class MathTemplated extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this.sessionChangedEventCaller = debounce(() => {\n      this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n    }, 1000);\n  }\n\n  set model(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined),\n    );\n  }\n\n  get model() {\n    return this._model;\n  }\n\n  set session(s) {\n    this._session = s;\n\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  isSessionComplete() {\n    // a method to check if student answered the question\n    return true;\n  }\n\n  onSessionChange(session) {\n    // you can add an extra step here to validate session\n    Object.keys(session).map((key) => {\n      this._session[key] = session[key];\n    });\n\n    this.sessionChangedEventCaller();\n    this.render();\n  }\n\n  connectedCallback() {\n    // TODO set accessibility labels\n\n    this.render();\n  }\n\n  render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    if (this._model && this._session) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        session: this._session,\n        onSessionChange: this.onSessionChange.bind(this),\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;AACA,IAAI,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,GCdqB,IAArB,cAA2C,YAAY;CACrD,cAAc;EAGZ,AAFA,MAAM,GACN,KAAK,QAAQ,MACb,KAAK,4BAA4B,QAAe;GAC9C,KAAK,cAAc,IAAI,EAAoB,KAAK,QAAQ,YAAY,GAAG,EAAI,CAAC;EAC9E,GAAG,GAAI;CACT;CAEA,IAAI,MAAM,GAAG;EAIX,AAHA,KAAK,SAAS,GAEd,KAAK,OAAO,GACZ,KAAK,cACH,IAAI,EAAc,KAAK,QAAQ,YAAY,GAAG,KAAK,kBAAkB,GAAG,KAAK,WAAW,KAAA,CAAS,CACnG;CACF;CAEA,IAAI,QAAQ;EACV,OAAO,KAAK;CACd;CAEA,IAAI,QAAQ,GAAG;EAGb,AAFA,KAAK,WAAW,GAEhB,KAAK,OAAO;CACd;CAEA,IAAI,UAAU;EACZ,OAAO,KAAK;CACd;CAEA,oBAAoB;EAElB,OAAO;CACT;CAEA,gBAAgB,GAAS;EAOvB,AALA,OAAO,KAAK,CAAO,EAAE,KAAK,MAAQ;GAChC,KAAK,SAAS,KAAO,EAAQ;EAC/B,CAAC,GAED,KAAK,0BAA0B,GAC/B,KAAK,OAAO;CACd;CAEA,oBAAoB;EAGlB,KAAK,OAAO;CACd;CAEA,SAAS;EACH,OAAC,KAAK,UAAU,CAAC,KAAK,aAItB,KAAK,UAAU,KAAK,UAAU;GAChC,IAAM,IAAK,EAAM,cAAc,GAAM;IACnC,OAAO,KAAK;IACZ,SAAS,KAAK;IACd,iBAAiB,KAAK,gBAAgB,KAAK,IAAI;GACjD,CAAC;GAKD,AAHA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAE;EACtB;CACF;CAEA,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}