@pie-element/explicit-constructed-response 11.1.1-next.11 → 11.1.2-next.0

package/dist/browser/delivery/index.js

@@ -0,0 +1,96 @@
+import { pt as e } from "../dist-DnL6t4VO.js";
+import { t } from "../main-V_e6PRBN.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._model = null, this._session = null, this._root = null;
+	}
+	setLangAttribute() {
+		let e = this._model && typeof this._model.language ? this._model.language : "", t = e ? e.slice(0, 2) : "en";
+		this.setAttribute("lang", t);
+	}
+	set model(e) {
+		this._model = e, this.dispatchEvent(new i(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model)), this.setLangAttribute(), this._render();
+	}
+	set session(e) {
+		this._session = e, this._render();
+	}
+	get session() {
+		return this._session;
+	}
+	_render = () => {
+		if (this._model && this._session) {
+			let i = n.createElement(t, {
+				choices: this._model.choices,
+				disabled: this._model.disabled,
+				displayType: this._model.displayType,
+				feedback: this._model.feedback,
+				language: this._model.language,
+				markup: this._model.markup,
+				maxLengthPerChoice: this._model.maxLengthPerChoice,
+				maxLengthPerChoiceEnabled: this._model.maxLengthPerChoiceEnabled,
+				mode: this._model.mode,
+				note: this._model.note,
+				onChange: this.changeSession,
+				playerSpellCheckEnabled: this._model.playerSpellCheckEnabled,
+				prompt: this._model.prompt,
+				rationale: this._model.rationale,
+				role: this._model.role,
+				showNote: this._model.showNote,
+				teacherInstructions: this._model.teacherInstructions,
+				value: this._session.value,
+				responseAreaInputConfiguration: this._model.responseAreaInputConfiguration
+			});
+			this._root ||= r(this), this._root.render(i), queueMicrotask(() => {
+				e(this);
+			});
+		}
+	};
+	dispatchChangedEvent = () => {
+		this.dispatchEvent(new a(this.tagName.toLowerCase(), this.session && !!this.session.value));
+	};
+	changeSession = (e) => {
+		this.session.value = e, this.dispatchChangedEvent(), this._render();
+	};
+	connectedCallback() {
+		this.setAttribute("aria-label", "Fill in the Blank Question"), this.setAttribute("role", "region"), this._render();
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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/explicit-constructed-response/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 { ModelSetEvent, SessionChangedEvent } from '@pie-element/shared-player-events';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\n\nimport Main from './main.js';\n\nexport default class InlineDropdown extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n    this._root = null;\n  }\n\n  setLangAttribute() {\n    const language = this._model && typeof this._model.language ? this._model.language : '';\n    const lang = language ? language.slice(0, 2) : 'en';\n    this.setAttribute('lang', lang);\n  }\n\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.session && !!this.session.value, !!this._model),\n    );\n    this.setLangAttribute();\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  _render: any = () => {\n    if (this._model && this._session) {\n      let elem = React.createElement(Main, {\n        choices: this._model.choices,\n        disabled: this._model.disabled,\n        displayType: this._model.displayType,\n        feedback: this._model.feedback,\n        language: this._model.language,\n        markup: this._model.markup,\n        maxLengthPerChoice: this._model.maxLengthPerChoice,\n        maxLengthPerChoiceEnabled: this._model.maxLengthPerChoiceEnabled,\n        mode: this._model.mode,\n        note: this._model.note,\n        onChange: this.changeSession,\n        playerSpellCheckEnabled: this._model.playerSpellCheckEnabled,\n        prompt: this._model.prompt,\n        rationale: this._model.rationale,\n        role: this._model.role,\n        showNote: this._model.showNote,\n        teacherInstructions: this._model.teacherInstructions,\n        value: this._session.value,\n        responseAreaInputConfiguration: this._model.responseAreaInputConfiguration,\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(elem);\n      queueMicrotask(() => {\n        renderMath(this);\n      });\n    }\n  };\n\n  dispatchChangedEvent: any = () => {\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), this.session && !!this.session.value));\n  };\n\n  changeSession: any = (value) => {\n    this.session.value = value;\n    this.dispatchChangedEvent();\n    this._render();\n  };\n\n  connectedCallback() {\n    this.setAttribute('aria-label', 'Fill in the Blank Question');\n    this.setAttribute('role', 'region');\n\n    this._render();\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,GCbqB,IAArB,cAA4C,YAAY;CACtD,cAAc;EAIZ,AAHA,MAAM,GACN,KAAK,SAAS,MACd,KAAK,WAAW,MAChB,KAAK,QAAQ;CACf;CAEA,mBAAmB;EACjB,IAAM,IAAW,KAAK,UAAU,OAAO,KAAK,OAAO,WAAW,KAAK,OAAO,WAAW,IAC/E,IAAO,IAAW,EAAS,MAAM,GAAG,CAAC,IAAI;EAC/C,KAAK,aAAa,QAAQ,CAAI;CAChC;CAEA,IAAI,MAAM,GAAG;EAOX,AANA,KAAK,SAAS,GACd,KAAK,cACH,IAAI,EAAc,KAAK,QAAQ,YAAY,GAAG,KAAK,WAAW,CAAC,CAAC,KAAK,QAAQ,OAAO,CAAC,CAAC,KAAK,MAAM,CACnG,GACA,KAAK,iBAAiB,GAEtB,KAAK,QAAQ;CACf;CAEA,IAAI,QAAQ,GAAG;EAEb,AADA,KAAK,WAAW,GAChB,KAAK,QAAQ;CACf;CAEA,IAAI,UAAU;EACZ,OAAO,KAAK;CACd;CAEA,gBAAqB;EACnB,IAAI,KAAK,UAAU,KAAK,UAAU;GAChC,IAAI,IAAO,EAAM,cAAc,GAAM;IACnC,SAAS,KAAK,OAAO;IACrB,UAAU,KAAK,OAAO;IACtB,aAAa,KAAK,OAAO;IACzB,UAAU,KAAK,OAAO;IACtB,UAAU,KAAK,OAAO;IACtB,QAAQ,KAAK,OAAO;IACpB,oBAAoB,KAAK,OAAO;IAChC,2BAA2B,KAAK,OAAO;IACvC,MAAM,KAAK,OAAO;IAClB,MAAM,KAAK,OAAO;IAClB,UAAU,KAAK;IACf,yBAAyB,KAAK,OAAO;IACrC,QAAQ,KAAK,OAAO;IACpB,WAAW,KAAK,OAAO;IACvB,MAAM,KAAK,OAAO;IAClB,UAAU,KAAK,OAAO;IACtB,qBAAqB,KAAK,OAAO;IACjC,OAAO,KAAK,SAAS;IACrB,gCAAgC,KAAK,OAAO;GAC9C,CAAC;GAMD,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAI,GACtB,qBAAqB;IACnB,EAAW,IAAI;GACjB,CAAC;EACH;CACF;CAEA,6BAAkC;EAChC,KAAK,cAAc,IAAI,EAAoB,KAAK,QAAQ,YAAY,GAAG,KAAK,WAAW,CAAC,CAAC,KAAK,QAAQ,KAAK,CAAC;CAC9G;CAEA,iBAAsB,MAAU;EAG9B,AAFA,KAAK,QAAQ,QAAQ,GACrB,KAAK,qBAAqB,GAC1B,KAAK,QAAQ;CACf;CAEA,oBAAoB;EAIlB,AAHA,KAAK,aAAa,cAAc,4BAA4B,GAC5D,KAAK,aAAa,QAAQ,QAAQ,GAElC,KAAK,QAAQ;CACf;CAEA,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}