@pie-element/ebsr 14.2.1 → 14.2.2-next.1

package/dist/controller/index.js

@@ -0,0 +1,185 @@
+import e from "./defaults.js";
+import { isResponseCorrect as t } from "./utils.js";
+import { get as n, isEmpty as r } from "@pie-element/shared-lodash";
+import { getShuffledChoices as i, lockChoices as a, partialScoring as o } from "@pie-element/shared-controller-utils";
+import s from "@pie-lib/translator";
+//#region src/controller/index.ts
+var { translator: c } = s, l = (e, t, n) => (r) => {
+	let i = {
+		label: r.label,
+		value: r.value
+	};
+	if (t.role === "instructor" && (t.mode === "view" || t.mode === "evaluate") ? i.rationale = e.rationaleEnabled ? r.rationale : null : i.rationale = null, t.mode === "evaluate" && (i.correct = !!r.correct, e.feedbackEnabled)) {
+		let e = r.feedback && r.feedback.type || "none";
+		e === "default" ? i.feedback = n[r.correct ? "correct" : "incorrect"] : e === "custom" && (i.feedback = r.feedback.value);
+	}
+	return i;
+}, u = (e, n, r, i) => {
+	let a = Object.assign({
+		correct: "Correct",
+		incorrect: "Incorrect"
+	}, e.defaultFeedback), o = e.choices ? e.choices.map(l(e, i, a)) : [];
+	return {
+		...e,
+		choices: o,
+		disabled: i.mode !== "gather",
+		complete: { min: e.choices.filter((e) => e.correct).length },
+		responseCorrect: i.mode === "evaluate" ? t(e, n, r) : void 0
+	};
+}, d = (e, t) => ({
+	...t,
+	...e,
+	choicesLayout: e.choicesLayout || e.verticalMode === !1 && "horizontal" || "vertical"
+}), f = ({ partA: t = {}, partB: n = {}, language: r, ...i }) => ({
+	...e,
+	...i,
+	partA: d(t, {
+		...e.partA,
+		language: r
+	}),
+	partB: d(n, {
+		...e.partB,
+		language: r
+	})
+});
+async function p(e, t, o, s) {
+	let l = f(e), d = u(l.partA, "partA", t, o), p = u(l.partB, "partB", t, o), m = {}, h = (e) => (t, n, r) => new Promise((t) => {
+		m[e] = r.shuffledValues, t();
+	}), g = n(t, "value.partA"), _ = a(l.partA, g, o), { choices: v } = d || {}, { choices: y } = p || {};
+	!_ && v && v.length && (d.choices = await i(v, { shuffledValues: (t.shuffledValues || {}).partA }, h("partA"), "value"));
+	let b = n(t, "value.partB");
+	if (!a(l.partB, b, o) && y && y.length && (p.choices = await i(y, { shuffledValues: (t.shuffledValues || {}).partB }, h("partB"), "value")), r(m) || s && typeof s == "function" && s(t.id, t.element, { shuffledValues: m }).catch((e) => {
+		console.error("update session failed", e);
+	}), l.partLabels) {
+		let e = l.language;
+		d.partLabel = c.t("ebsr.part", {
+			lng: e,
+			index: l.partLabelType === "Letters" ? "A" : "1"
+		}), p.partLabel = c.t("ebsr.part", {
+			lng: e,
+			index: l.partLabelType === "Letters" ? "B" : "2"
+		});
+	} else d.partLabel = void 0, p.partLabel = void 0;
+	return o.role === "instructor" && (o.mode === "view" || o.mode === "evaluate") ? (d.teacherInstructions = l.partA.teacherInstructionsEnabled ? l.partA.teacherInstructions : null, p.teacherInstructions = l.partB.teacherInstructionsEnabled ? l.partB.teacherInstructions : null) : (d.teacherInstructions = null, p.teacherInstructions = null), d.prompt = l.partA.promptEnabled ? l.partA.prompt : null, p.prompt = l.partB.promptEnabled ? l.partB.prompt : null, new Promise((e) => {
+		e({
+			disabled: o.mode !== "gather",
+			mode: o.mode,
+			extraCSSRules: l.extraCSSRules,
+			partA: d,
+			partB: p
+		});
+	});
+}
+var m = (t = {}) => new Promise((n) => {
+	n({
+		...e,
+		...t
+	});
+}), h = (e) => e.correct === !0, g = (e, t, n, r) => {
+	let { choices: i = [] } = e && e[n] || {}, a = i.length, { value: o } = t || {}, s = (e) => !!(o || []).find((t) => t === e.value), c = (e) => h(e) && !s(e), l = (e) => !h(e) && s(e), u = i.reduce((e, t) => c(t) || l(t) ? e - 1 : e, i.length);
+	return !r && u < a ? 0 : parseFloat(a ? (u / a).toFixed(2) : 0);
+}, _ = (e, t, n) => {
+	let r = [];
+	if (!t || !t.value) return r.push("Student did not answer the question."), r;
+	let { value: i } = t, { partA: a, partB: s } = i, c = o.enabled(e, n);
+	r.push(`Scoring method: ${c ? "partial scoring" : "all-or-nothing scoring"}.`);
+	let l = e.partA.choiceMode === "radio" ? "multiple-choice (radio)" : "multiple-select (checkbox)";
+	r.push(`Part A question type: ${l}.`);
+	let u = a?.value || [], d = (e.partA.choices || []).filter((e) => e.correct).map((e) => e.value), f = u.filter((e) => d.includes(e)), p = u.filter((e) => !d.includes(e));
+	u.length && r.push(`Part A: student selected ${u.length} choice(s) (${f.length} correct, ${p.length} incorrect).`);
+	let m = g(e, a, "partA", c);
+	r.push(`Part A score: ${m}.`);
+	let h = e.partB.choiceMode === "radio" ? "multiple-choice (radio)" : "multiple-select (checkbox)";
+	r.push(`Part B question type: ${h}.`);
+	let _ = s?.value || [], v = (e.partB.choices || []).filter((e) => e.correct).map((e) => e.value), y = _.filter((e) => v.includes(e)), b = _.filter((e) => !v.includes(e));
+	_.length && r.push(`Part B: student selected ${_.length} choice(s) (${y.length} correct, ${b.length} incorrect).`);
+	let x = g(e, s, "partB", c);
+	if (r.push(`Part B score: ${x}.`), !c) r.push("Final score is awarded only if both Part A and Part B are completely correct."), r.push(`Final score: ${+(m === 1 && x === 1)}.`);
+	else {
+		r.push("With partial scoring enabled, Part A must be correct to earn any credit.");
+		let e = 0;
+		m === 1 && x === 1 ? e = 2 : m === 1 && x < 1 && (e = 1), r.push(`Final score: ${e}.`);
+	}
+	return r;
+};
+function v(e, t, n) {
+	return new Promise((r) => {
+		let { value: i } = t || {};
+		if ((!t || !i) && r({
+			score: 0,
+			scoreA: 0,
+			scoreB: 0,
+			empty: !0,
+			logTrace: ["Student did not answer the question."]
+		}), i) {
+			let { partA: a, partB: s } = i || {}, c = o.enabled(e, n), l = g(e, a, "partA", c), u = g(e, s, "partB", c), d = _(e, t, n);
+			r(c ? l === 1 ? u === 1 ? {
+				score: 2,
+				scoreA: l,
+				scoreB: u,
+				max: 2,
+				logTrace: d
+			} : {
+				score: 1,
+				scoreA: l,
+				scoreB: u,
+				max: 2,
+				logTrace: d
+			} : {
+				score: 0,
+				scoreA: l,
+				scoreB: u,
+				max: 2,
+				logTrace: d
+			} : {
+				score: +(l === 1 && u === 1),
+				scoreA: l,
+				scoreB: u,
+				max: 1,
+				logTrace: d
+			});
+		}
+	});
+}
+var y = (e) => {
+	let t = [];
+	return e.forEach((e) => {
+		let { correct: n, value: r } = e;
+		n && t.push(r);
+	}), t;
+}, b = (e, t) => new Promise((n) => {
+	if (t.mode !== "evaluate" && t.role === "instructor") {
+		let { partA: t, partB: r } = e, i = y(t.choices), a = y(r.choices);
+		n({
+			value: {
+				partA: {
+					id: "partA",
+					value: i
+				},
+				partB: {
+					id: "partB",
+					value: a
+				}
+			},
+			id: "1"
+		});
+	} else n(null);
+}), x = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), S = (e = {}, t = {}) => {
+	let { choices: n } = e, { minAnswerChoices: i = 2, maxAnswerChoices: a } = t, o = [...n || []].reverse(), s = {}, c = {}, l = {}, u = !1;
+	["teacherInstructions", "prompt"].forEach((n) => {
+		t[n]?.required && !x(e[n]) && (s[n] = "This field is required.");
+	}), o.forEach((e, n) => {
+		let { correct: r, value: i, label: a, rationale: s } = e;
+		r && (u = !0), x(a) ? o.slice(n + 1).some((e) => e.label === a) && (c[i] = "Content should be unique.") : c[i] = "Content should not be empty.", t.rationale?.required && !x(s) && (l[i] = "This field is required.");
+	});
+	let d = (n || []).length;
+	return d < i ? s.answerChoices = `There should be at least ${i} choices defined.` : d > a && (s.answerChoices = `No more than ${a} choices should be defined.`), u || (s.correctResponse = "No correct response defined."), r(c) || (s.choices = c), r(l) || (s.rationale = l), s;
+}, C = (e = {}, t = {}) => {
+	let { partA: n, partB: r } = e || {}, { partA: i, partB: a } = t || {};
+	return {
+		partA: S(n, i),
+		partB: S(r, a)
+	};
+};
+//#endregion
+export { b as createCorrectResponseSession, m as createDefaultModel, _ as getLogTrace, p as model, f as normalize, v as outcome, C as validate };

package/dist/controller/utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-elements/packages/ebsr/controller/src/utils.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const getCorrectResponse: (choices: any) => any;
+export declare const isResponseCorrect: (question: any, key: any, session: any) => boolean;

package/dist/controller/utils.js

@@ -0,0 +1,8 @@
+import { isEqual as e } from "@pie-element/shared-lodash";
+//#region src/controller/utils.ts
+var t = (e) => e && e.filter((e) => e.correct).map((e) => e.value).sort(), n = (n, r, i) => {
+	let a = t(n.choices);
+	return i && i.value ? e((i.value[r].value || []).sort(), a) : !1;
+};
+//#endregion
+export { n as isResponseCorrect };

package/dist/delivery/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @synced-from pie-elements/packages/ebsr/src/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+export declare const isSessionComplete: (session: any) => boolean;
+export default class Ebsr extends HTMLElement {
+    constructor();
+    onSessionUpdated: any;
+    set model(m: any);
+    set session(s: any);
+    get session(): any;
+    setPartModel(part: any, key: any): void;
+    setPartSession(part: any, key: any): void;
+    dispatchSessionChanged(partSession: any, key: any): void;
+    get partA(): Element | null;
+    get partB(): Element | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _initPlayerObserver(): void;
+    _disconnectPlayerObserver(): void;
+    _render(): void;
+}

package/dist/delivery/index.js

@@ -0,0 +1,132 @@
+import { SessionChangedEvent as e } from "@pie-element/shared-player-events";
+import t from "@pie-element/multiple-choice";
+import { get as n } from "@pie-element/shared-lodash";
+import r from "debug";
+//#region src/delivery/index.tsx
+var i = e.TYPE, a = "ebsr-multiple-choice", o = r("pie-elements:ebsr"), s = class extends t {};
+customElements.get(a) || customElements.define(a, s);
+var c = (e) => Array.isArray(e) && e.length > 0, l = (e) => {
+	let t = n(e, "value.partA.value"), r = n(e, "value.partB.value");
+	return c(t) && c(r);
+};
+function u(e) {
+	let t = e.closest("pie-player") || e.closest("pie-item-player");
+	if (!t) return {
+		baseHeadingLevel: void 0,
+		includeSrHeading: !0
+	};
+	let n = (e, n, r) => {
+		let i = t[e];
+		return i ??= t.getAttribute(n) ?? t.getAttribute(r), i;
+	}, r = n("baseHeadingLevel", "base-heading-level", "baseheadinglevel"), i = parseInt(r, 10), a = Number.isFinite(i) && i >= 1 && i <= 6 ? i : void 0, o = n("includeSrHeading", "include-sr-heading", "includesrheading");
+	return {
+		baseHeadingLevel: a,
+		includeSrHeading: o == null ? !0 : o !== !1 && o !== "false"
+	};
+}
+var d = class extends HTMLElement {
+	constructor() {
+		super(), this._model = {}, this._session = {};
+	}
+	onSessionUpdated = (e) => {
+		if (e.target === this) return;
+		e.preventDefault(), e.stopImmediatePropagation();
+		let t = e.target.getAttribute("id");
+		if (t) {
+			let n = `part${t.toUpperCase()}`;
+			e.update && (this._model[n] = e.update), this.dispatchSessionChanged(e.srcElement._session, n);
+		}
+	};
+	set model(e) {
+		this._model = e, customElements.whenDefined(a).then(() => {
+			this.setPartModel(this.partA, "partA"), this.setPartModel(this.partB, "partB");
+		});
+	}
+	set session(e) {
+		this._session = e, customElements.whenDefined(a).then(() => {
+			this.setPartSession(this.partA, "partA"), this.setPartSession(this.partB, "partB");
+		});
+	}
+	get session() {
+		return this._session;
+	}
+	setPartModel(e, t) {
+		if (this._model && this._model[t] && e) {
+			let { mode: n } = this._model;
+			e.model = {
+				...this._model[t],
+				mode: n,
+				keyMode: this._model[t].choicePrefix
+			};
+			let { includeSrHeading: r, baseHeadingLevel: i } = u(this);
+			e.includeSrHeading = r, e.baseHeadingLevel = i;
+		}
+	}
+	setPartSession(e, t) {
+		if (this._session && this._model && e) {
+			let { value: n } = this._session;
+			e.session = n && n[t] ? n[t] : { id: t };
+		}
+	}
+	dispatchSessionChanged(t, n) {
+		this._session.value = {
+			...this._session.value,
+			[n]: t
+		}, o("[onSessionChanged] session: ", this._session);
+		let r = l(this._session);
+		this.dispatchEvent(new e(this.tagName.toLowerCase(), r));
+	}
+	get partA() {
+		return this.querySelector(`${a}#a`);
+	}
+	get partB() {
+		return this.querySelector(`${a}#b`);
+	}
+	connectedCallback() {
+		this._render(), this._initPlayerObserver(), this.addEventListener(i, this.onSessionUpdated);
+	}
+	disconnectedCallback() {
+		this._disconnectPlayerObserver(), this.removeEventListener(i, this.onSessionUpdated);
+	}
+	_initPlayerObserver() {
+		let e = this.closest("pie-player") || this.closest("pie-item-player");
+		e && (this._playerObserver = new MutationObserver(() => {
+			this._render();
+		}), this._playerObserver.observe(e, {
+			attributes: !0,
+			attributeFilter: [
+				"base-heading-level",
+				"baseheadinglevel",
+				"include-sr-heading",
+				"includesrheading"
+			]
+		}));
+	}
+	_disconnectPlayerObserver() {
+		this._playerObserver &&= (this._playerObserver.disconnect(), null);
+	}
+	_render() {
+		this.ariaLabel = "Two-Part Question", this.role = "region";
+		let { baseHeadingLevel: e, includeSrHeading: t } = u(this), n = e ? `h${Math.min(6, e)}` : "h2", r = t ? `<${n} class="srOnly">Two-Part Question</${n}>` : "";
+		this.innerHTML = `
+      <style>
+        .srOnly {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        left: -10000px;
+        top: auto;
+      }
+      ${this._model?.extraCSSRules?.rules}
+      </style>
+        ${r}
+        <${a} id="a"></${a}>
+        <${a} id="b"></${a}>
+    `, customElements.get(a) && (this.setPartModel(this.partA, "partA"), this.setPartModel(this.partB, "partB"), this.setPartSession(this.partA, "partA"), this.setPartSession(this.partB, "partB"));
+	}
+};
+//#endregion
+export { d as default, l as isSessionComplete };

package/dist/index.d.ts

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

package/dist/index.iife.d.ts

@@ -0,0 +1,8 @@
+/**
+ * IIFE entry point for ebsr 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;