@pie-element/ebsr 14.2.2-next.2 → 14.2.2-next.3

package/dist/browser/print/index.js

@@ -1,17 +1,17 @@
-import { i as e, t } from "../browser-CdX8WGiZ.js";
-import { t as n } from "../dist-DQkngCcw.js";
-import { t as r } from "../dist-D9ARZhQk.js";
-import { a as i, s as a } from "../dist-CaWRqnXk.js";
+import { L as e, Ut as t, n } from "../private-tags-a8AK69v5.js";
+import { n as r, t as i } from "../delivery-Cux64B2b.js";
+import { t as a } from "../dist-D9ARZhQk.js";
+import { l as o, m as s } from "../dist-nl5urzAW.js";
 //#region src/print/index.tsx
-var o = /* @__PURE__ */ e(t(), 1), s = "ebsr-multiple-choice", c = n.TYPE, { translator: l } = r, u = (0, o.default)("pie-element:ebsr:print"), d = (e, t) => {
-	let n = t.role === "instructor", r = i(e);
+var c = /* @__PURE__ */ t(e(), 1), l = n, u = r.TYPE, { translator: d } = a, f = (0, c.default)("pie-element:ebsr:print"), p = (e, t) => {
+	let n = t.role === "instructor", r = o(e);
 	return r.prompt = r.promptEnabled === !1 ? void 0 : r.prompt, r.teacherInstructions = n && r.teacherInstructionsEnabled !== !1 ? r.teacherInstructions : void 0, r.showTeacherInstructions = n, r.alwaysShowCorrect = n, r.mode = n ? "evaluate" : "gather", r.disabled = !0, r.animationsDisabled = !0, r.lockChoiceOrder = !0, r.choicesLayout = r.choicesLayout || "vertical", r.choices = (r.choices || []).map((e) => (e.rationale = n && r.rationaleEnabled !== !1 ? e.rationale : void 0, e.hideTick = n, e.feedback = void 0, e)), r.keyMode = r.choicePrefix || "letters", r;
-};
-customElements.get(s);
-var f = (e) => Array.isArray(e) && e.length > 0, p = (e) => {
-	let t = a(e, "value.partA.value"), n = a(e, "value.partB.value");
-	return f(t) && f(n);
-}, m = class extends HTMLElement {
+}, m = class extends i {};
+customElements.get(l) || customElements.define(l, m);
+var h = (e) => Array.isArray(e) && e.length > 0, g = (e) => {
+	let t = s(e, "value.partA.value"), n = s(e, "value.partB.value");
+	return h(t) && h(n);
+}, _ = class extends HTMLElement {
 	constructor() {
 		super(), this._model = {}, this._session = {}, this._options = null;
 	}
@@ -28,12 +28,12 @@ var f = (e) => Array.isArray(e) && e.length > 0, p = (e) => {
 		this._model = e, this._updateParts();
 	}
 	set session(e) {
-		this._session = e, customElements.whenDefined(s).then(() => {
+		this._session = e, customElements.whenDefined(l).then(() => {
 			this.setPartSession(this.partA, "partA"), this.setPartSession(this.partB, "partB");
 		});
 	}
 	_updateParts() {
-		customElements.whenDefined(s).then(() => {
+		customElements.whenDefined(l).then(() => {
 			this.setPartModel(this.partA, "partA"), this.setPartModel(this.partB, "partB");
 		});
 	}
@@ -46,18 +46,18 @@ var f = (e) => Array.isArray(e) && e.length > 0, p = (e) => {
 			if (this._model.partLabels) {
 				let e = this._model.language;
 				n = {
-					partA: l.t("ebsr.part", {
+					partA: d.t("ebsr.part", {
 						lng: e,
 						index: this._model.partLabelType === "Letters" ? "A" : "1"
 					}),
-					partB: l.t("ebsr.part", {
+					partB: d.t("ebsr.part", {
 						lng: e,
 						index: this._model.partLabelType === "Letters" ? "B" : "2"
 					})
 				};
 			}
 			e.model = {
-				...d(this._model[t], this._options),
+				...p(this._model[t], this._options),
 				keyMode: this._model[t].choicePrefix,
 				partLabel: n[t]
 			}, e.options = this._options, e._session || (e.session = {});
@@ -76,32 +76,32 @@ var f = (e) => Array.isArray(e) && e.length > 0, p = (e) => {
 		this._session.value = {
 			...this._session.value,
 			[t]: e
-		}, u("[onSessionChanged] session: ", this._session);
-		let r = p(this._session);
-		this.dispatchEvent(new n(this.tagName.toLowerCase(), r));
+		}, f("[onSessionChanged] session: ", this._session);
+		let n = g(this._session);
+		this.dispatchEvent(new r(this.tagName.toLowerCase(), n));
 	}
 	get partA() {
-		return this.querySelector(`${s}#a`);
+		return this.querySelector(`${l}#a`);
 	}
 	get partB() {
-		return this.querySelector(`${s}#b`);
+		return this.querySelector(`${l}#b`);
 	}
 	connectedCallback() {
-		this._render(), this.addEventListener(c, this.onSessionUpdated);
+		this._render(), this.addEventListener(u, this.onSessionUpdated);
 	}
 	disconnectedCallback() {
-		this.removeEventListener(c, this.onSessionUpdated);
+		this.removeEventListener(u, this.onSessionUpdated);
 	}
 	_render() {
 		this.innerHTML = `
       <div>
-        <${s} id="a"></${s}>
-        <${s} id="b"></${s}>
+        <${l} id="a"></${l}>
+        <${l} id="b"></${l}>
       </div>
     `;
 	}
 };
 //#endregion
-export { m as default, p as isSessionComplete };
+export { _ as default, g as isSessionComplete };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/ebsr/src/print.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 { cloneDeep, get } from '@pie-element/shared-lodash';\nimport MultipleChoice from '@pie-element/multiple-choice';\nimport debug from 'debug';\nimport { SessionChangedEvent } from '@pie-element/shared-player-events';\nconst MC_TAG_NAME = 'ebsr-multiple-choice';\nconst SESSION_CHANGED = SessionChangedEvent.TYPE;\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst log = debug('pie-element:ebsr:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n  const printModel = cloneDeep(model);\n\n  printModel.prompt = printModel.promptEnabled !== false ? printModel.prompt : undefined;\n  printModel.teacherInstructions =\n    instr && printModel.teacherInstructionsEnabled !== false ? printModel.teacherInstructions : undefined;\n  printModel.showTeacherInstructions = instr;\n  printModel.alwaysShowCorrect = instr;\n  printModel.mode = instr ? 'evaluate' : 'gather';\n\n  printModel.disabled = true;\n  printModel.animationsDisabled = true;\n  printModel.lockChoiceOrder = true;\n  printModel.choicesLayout = printModel.choicesLayout || 'vertical';\n\n  printModel.choices = (printModel.choices || []).map((c) => {\n    c.rationale = instr && printModel.rationaleEnabled !== false ? c.rationale : undefined;\n    c.hideTick = instr;\n    c.feedback = undefined;\n    return c;\n  });\n\n  printModel.keyMode = printModel.choicePrefix || 'letters';\n\n  return printModel;\n};\n\nclass EbsrMC extends MultipleChoice {}\n\nconst defineMultipleChoice = () => {\n  if (!customElements.get(MC_TAG_NAME)) {\n    customElements.define(MC_TAG_NAME, EbsrMC);\n  }\n};\n\ndefineMultipleChoice();\n\nconst isNonEmptyArray = (a) => Array.isArray(a) && a.length > 0;\n\nexport const isSessionComplete = (session) => {\n  const a = get(session, 'value.partA.value');\n  const b = get(session, 'value.partB.value');\n\n  return isNonEmptyArray(a) && isNonEmptyArray(b);\n};\n\nexport default class Ebsr extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._session = {};\n    this._options = null;\n  }\n\n  onSessionUpdated: any = (e) => {\n    if (e.target === this) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopImmediatePropagation();\n\n    const id = e.target.getAttribute('id');\n\n    if (id) {\n      const key = `part${id.toUpperCase()}`;\n\n      if (e.update) {\n        this._model[key] = e.update;\n      }\n      //TODO: accessing a private property here. The session event should contain the update in future to prevent this.\n      this.dispatchSessionChanged(e.srcElement._session, key);\n    }\n  };\n\n  set model(m) {\n    this._model = m;\n    this._updateParts();\n  }\n\n  set session(s) {\n    this._session = s;\n\n    customElements.whenDefined(MC_TAG_NAME).then(() => {\n      this.setPartSession(this.partA, 'partA');\n      this.setPartSession(this.partB, 'partB');\n    });\n  }\n\n  _updateParts() {\n    customElements.whenDefined(MC_TAG_NAME).then(() => {\n      this.setPartModel(this.partA, 'partA');\n      this.setPartModel(this.partB, 'partB');\n    });\n  }\n\n  setPartModel(part, key) {\n    if (this._model && this._model[key] && part && this._options) {\n      let labels = {\n        partA: undefined,\n        partB: undefined,\n      };\n\n      if (this._model.partLabels) {\n        const language = this._model.language;\n\n        labels = {\n          partA: translator.t('ebsr.part', {\n            lng: language,\n            index: this._model.partLabelType === 'Letters' ? 'A' : '1',\n          }),\n          partB: translator.t('ebsr.part', {\n            lng: language,\n            index: this._model.partLabelType === 'Letters' ? 'B' : '2',\n          }),\n        };\n      }\n\n      part.model = {\n        ...preparePrintModel(this._model[key], this._options),\n        keyMode: this._model[key].choicePrefix,\n        partLabel: labels[key],\n      };\n\n      // pass options to enable print mode detection in multiple-choice component\n      part.options = this._options;\n\n      if (!part._session) {\n        // for print, \"set session\" is not called,\n        // but ebsr needs sessions in order to render the elements,\n        // so we set it here it was not set already\n        part.session = {};\n      }\n    }\n  }\n\n  set options(o) {\n    this._options = o;\n    // re-render parts so role changes (student/instructor) propagate to each part\n    this._updateParts();\n  }\n\n  setPartSession(part, key) {\n    if (this._session && this._model && part) {\n      const { value } = this._session;\n      part.session = value && value[key] ? value[key] : { id: key };\n    }\n  }\n\n  dispatchSessionChanged(partSession, key) {\n    this._session.value = {\n      ...this._session.value,\n      [key]: partSession,\n    };\n\n    log('[onSessionChanged] session: ', this._session);\n    const complete = isSessionComplete(this._session);\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n  }\n\n  get partA() {\n    return this.querySelector(`${MC_TAG_NAME}#a`);\n  }\n\n  get partB() {\n    return this.querySelector(`${MC_TAG_NAME}#b`);\n  }\n\n  connectedCallback() {\n    this._render();\n    this.addEventListener(SESSION_CHANGED, this.onSessionUpdated);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(SESSION_CHANGED, this.onSessionUpdated);\n  }\n\n  _render() {\n    this.innerHTML = `\n      <div>\n        <${MC_TAG_NAME} id=\"a\"></${MC_TAG_NAME}>\n        <${MC_TAG_NAME} id=\"b\"></${MC_TAG_NAME}>\n      </div>\n    `;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/ebsr/src/print.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 { cloneDeep, get } from '@pie-element/shared-lodash';\nimport MultipleChoice from '@pie-element/multiple-choice';\nimport debug from 'debug';\nimport { SessionChangedEvent } from '@pie-element/shared-player-events';\nimport { EBSR_MULTIPLE_CHOICE_TAG } from '../private-tags.js';\n\nconst MC_TAG_NAME = EBSR_MULTIPLE_CHOICE_TAG;\nconst SESSION_CHANGED = SessionChangedEvent.TYPE;\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst log = debug('pie-element:ebsr:print');\n\n/**\n * Live in same package as main element - so we can access some of the shared comps!\n *\n * - update pslb to build print if src/print.js is there\n * - update demo el\n * - get configure/controller building\n */\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n  const printModel = cloneDeep(model);\n\n  printModel.prompt = printModel.promptEnabled !== false ? printModel.prompt : undefined;\n  printModel.teacherInstructions =\n    instr && printModel.teacherInstructionsEnabled !== false ? printModel.teacherInstructions : undefined;\n  printModel.showTeacherInstructions = instr;\n  printModel.alwaysShowCorrect = instr;\n  printModel.mode = instr ? 'evaluate' : 'gather';\n\n  printModel.disabled = true;\n  printModel.animationsDisabled = true;\n  printModel.lockChoiceOrder = true;\n  printModel.choicesLayout = printModel.choicesLayout || 'vertical';\n\n  printModel.choices = (printModel.choices || []).map((c) => {\n    c.rationale = instr && printModel.rationaleEnabled !== false ? c.rationale : undefined;\n    c.hideTick = instr;\n    c.feedback = undefined;\n    return c;\n  });\n\n  printModel.keyMode = printModel.choicePrefix || 'letters';\n\n  return printModel;\n};\n\nclass EbsrMC extends MultipleChoice {}\n\nconst defineMultipleChoice = () => {\n  if (!customElements.get(MC_TAG_NAME)) {\n    customElements.define(MC_TAG_NAME, EbsrMC);\n  }\n};\n\ndefineMultipleChoice();\n\nconst isNonEmptyArray = (a) => Array.isArray(a) && a.length > 0;\n\nexport const isSessionComplete = (session) => {\n  const a = get(session, 'value.partA.value');\n  const b = get(session, 'value.partB.value');\n\n  return isNonEmptyArray(a) && isNonEmptyArray(b);\n};\n\nexport default class Ebsr extends HTMLElement {\n  constructor() {\n    super();\n    this._model = {};\n    this._session = {};\n    this._options = null;\n  }\n\n  onSessionUpdated: any = (e) => {\n    if (e.target === this) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopImmediatePropagation();\n\n    const id = e.target.getAttribute('id');\n\n    if (id) {\n      const key = `part${id.toUpperCase()}`;\n\n      if (e.update) {\n        this._model[key] = e.update;\n      }\n      //TODO: accessing a private property here. The session event should contain the update in future to prevent this.\n      this.dispatchSessionChanged(e.srcElement._session, key);\n    }\n  };\n\n  set model(m) {\n    this._model = m;\n    this._updateParts();\n  }\n\n  set session(s) {\n    this._session = s;\n\n    customElements.whenDefined(MC_TAG_NAME).then(() => {\n      this.setPartSession(this.partA, 'partA');\n      this.setPartSession(this.partB, 'partB');\n    });\n  }\n\n  _updateParts() {\n    customElements.whenDefined(MC_TAG_NAME).then(() => {\n      this.setPartModel(this.partA, 'partA');\n      this.setPartModel(this.partB, 'partB');\n    });\n  }\n\n  setPartModel(part, key) {\n    if (this._model && this._model[key] && part && this._options) {\n      let labels = {\n        partA: undefined,\n        partB: undefined,\n      };\n\n      if (this._model.partLabels) {\n        const language = this._model.language;\n\n        labels = {\n          partA: translator.t('ebsr.part', {\n            lng: language,\n            index: this._model.partLabelType === 'Letters' ? 'A' : '1',\n          }),\n          partB: translator.t('ebsr.part', {\n            lng: language,\n            index: this._model.partLabelType === 'Letters' ? 'B' : '2',\n          }),\n        };\n      }\n\n      part.model = {\n        ...preparePrintModel(this._model[key], this._options),\n        keyMode: this._model[key].choicePrefix,\n        partLabel: labels[key],\n      };\n\n      // pass options to enable print mode detection in multiple-choice component\n      part.options = this._options;\n\n      if (!part._session) {\n        // for print, \"set session\" is not called,\n        // but ebsr needs sessions in order to render the elements,\n        // so we set it here it was not set already\n        part.session = {};\n      }\n    }\n  }\n\n  set options(o) {\n    this._options = o;\n    // re-render parts so role changes (student/instructor) propagate to each part\n    this._updateParts();\n  }\n\n  setPartSession(part, key) {\n    if (this._session && this._model && part) {\n      const { value } = this._session;\n      part.session = value && value[key] ? value[key] : { id: key };\n    }\n  }\n\n  dispatchSessionChanged(partSession, key) {\n    this._session.value = {\n      ...this._session.value,\n      [key]: partSession,\n    };\n\n    log('[onSessionChanged] session: ', this._session);\n    const complete = isSessionComplete(this._session);\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n  }\n\n  get partA() {\n    return this.querySelector(`${MC_TAG_NAME}#a`);\n  }\n\n  get partB() {\n    return this.querySelector(`${MC_TAG_NAME}#b`);\n  }\n\n  connectedCallback() {\n    this._render();\n    this.addEventListener(SESSION_CHANGED, this.onSessionUpdated);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(SESSION_CHANGED, this.onSessionUpdated);\n  }\n\n  _render() {\n    this.innerHTML = `\n      <div>\n        <${MC_TAG_NAME} id=\"a\"></${MC_TAG_NAME}>\n        <${MC_TAG_NAME} id=\"b\"></${MC_TAG_NAME}>\n      </div>\n    `;\n  }\n}\n"],"mappings":"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"}