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

package/dist/index.js

@@ -0,0 +1,2 @@
+import e from "./delivery/index.js";
+export { e as default };

package/dist/print/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @synced-from pie-elements/packages/ebsr/src/print.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);
+    _updateParts(): void;
+    setPartModel(part: any, key: any): void;
+    set options(o: any);
+    setPartSession(part: any, key: any): void;
+    dispatchSessionChanged(partSession: any, key: any): void;
+    get partA(): Element | null;
+    get partB(): Element | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _render(): void;
+}

package/dist/print/index.js

@@ -0,0 +1,106 @@
+import { SessionChangedEvent as e } from "@pie-element/shared-player-events";
+import t from "@pie-element/multiple-choice";
+import { cloneDeep as n, get as r } from "@pie-element/shared-lodash";
+import i from "debug";
+import a from "@pie-lib/translator";
+//#region src/print/index.tsx
+var o = "ebsr-multiple-choice", s = e.TYPE, { translator: c } = a, l = i("pie-element:ebsr:print"), u = (e, t) => {
+	let r = t.role === "instructor", i = n(e);
+	return i.prompt = i.promptEnabled === !1 ? void 0 : i.prompt, i.teacherInstructions = r && i.teacherInstructionsEnabled !== !1 ? i.teacherInstructions : void 0, i.showTeacherInstructions = r, i.alwaysShowCorrect = r, i.mode = r ? "evaluate" : "gather", i.disabled = !0, i.animationsDisabled = !0, i.lockChoiceOrder = !0, i.choicesLayout = i.choicesLayout || "vertical", i.choices = (i.choices || []).map((e) => (e.rationale = r && i.rationaleEnabled !== !1 ? e.rationale : void 0, e.hideTick = r, e.feedback = void 0, e)), i.keyMode = i.choicePrefix || "letters", i;
+}, d = class extends t {};
+customElements.get(o) || customElements.define(o, d);
+var f = (e) => Array.isArray(e) && e.length > 0, p = (e) => {
+	let t = r(e, "value.partA.value"), n = r(e, "value.partB.value");
+	return f(t) && f(n);
+}, m = class extends HTMLElement {
+	constructor() {
+		super(), this._model = {}, this._session = {}, this._options = null;
+	}
+	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, this._updateParts();
+	}
+	set session(e) {
+		this._session = e, customElements.whenDefined(o).then(() => {
+			this.setPartSession(this.partA, "partA"), this.setPartSession(this.partB, "partB");
+		});
+	}
+	_updateParts() {
+		customElements.whenDefined(o).then(() => {
+			this.setPartModel(this.partA, "partA"), this.setPartModel(this.partB, "partB");
+		});
+	}
+	setPartModel(e, t) {
+		if (this._model && this._model[t] && e && this._options) {
+			let n = {
+				partA: void 0,
+				partB: void 0
+			};
+			if (this._model.partLabels) {
+				let e = this._model.language;
+				n = {
+					partA: c.t("ebsr.part", {
+						lng: e,
+						index: this._model.partLabelType === "Letters" ? "A" : "1"
+					}),
+					partB: c.t("ebsr.part", {
+						lng: e,
+						index: this._model.partLabelType === "Letters" ? "B" : "2"
+					})
+				};
+			}
+			e.model = {
+				...u(this._model[t], this._options),
+				keyMode: this._model[t].choicePrefix,
+				partLabel: n[t]
+			}, e.options = this._options, e._session || (e.session = {});
+		}
+	}
+	set options(e) {
+		this._options = e, this._updateParts();
+	}
+	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
+		}, l("[onSessionChanged] session: ", this._session);
+		let r = p(this._session);
+		this.dispatchEvent(new e(this.tagName.toLowerCase(), r));
+	}
+	get partA() {
+		return this.querySelector(`${o}#a`);
+	}
+	get partB() {
+		return this.querySelector(`${o}#b`);
+	}
+	connectedCallback() {
+		this._render(), this.addEventListener(s, this.onSessionUpdated);
+	}
+	disconnectedCallback() {
+		this.removeEventListener(s, this.onSessionUpdated);
+	}
+	_render() {
+		this.innerHTML = `
+      <div>
+        <${o} id="a"></${o}>
+        <${o} id="b"></${o}>
+      </div>
+    `;
+	}
+};
+//#endregion
+export { m as default, p as isSessionComplete };

package/dist/runtime-support.d.ts

@@ -0,0 +1,12 @@
+export declare const runtimeSupport: {
+    schemaVersion: number;
+    packageName: string;
+    supports: {
+        esm: {
+            delivery: boolean;
+            author: boolean;
+            print: boolean;
+        };
+    };
+};
+export default runtimeSupport;

package/dist/runtime-support.js

@@ -0,0 +1,12 @@
+//#region src/runtime-support.ts
+var e = {
+	schemaVersion: 1,
+	packageName: "@pie-element/ebsr",
+	supports: { esm: {
+		delivery: !0,
+		author: !0,
+		print: !0
+	} }
+};
+//#endregion
+export { e as default, e as runtimeSupport };

package/package.json

@@ -1,29 +1,98 @@
 {
   "name": "@pie-element/ebsr",
-  "repository": "pie-framework/pie-elements",
-  "version": "14.2.1",
+  "version": "14.2.2-next.1",
   "description": "",
-  "publishConfig": {
-    "access": "public"
-  },
   "dependencies": {
-    "@pie-element/multiple-choice": "^13.2.1",
-    "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/translator": "4.0.2",
-    "classnames": "^2.2.5",
+    "@pie-element/multiple-choice": "13.2.2-next.1",
+    "@pie-lib/translator": "4.0.3-next.0",
     "debug": "^4.1.1",
-    "lodash-es": "^4.17.23"
+    "@pie-element/shared-lodash": "0.1.1-next.0",
+    "@pie-element/shared-configure-events": "0.1.0",
+    "prop-types": "^15.8.1",
+    "@pie-lib/config-ui": "13.0.4-next.0",
+    "@mui/material": "^7.3.11",
+    "@pie-element/shared-controller-utils": "0.1.1-next.1",
+    "@pie-element/shared-player-events": "0.1.0",
+    "clsx": "^2.1.1"
   },
-  "author": "pie framework developers",
-  "license": "ISC",
-  "gitHead": "103c0fbfbc458001afb7abb0f72e7b8ead258860",
-  "scripts": {
-    "postpublish": "../../scripts/postpublish"
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
-  "main": "lib/index.js",
-  "module": "src/index.js",
   "exports": {
-    ".": "./src/index.js",
-    "./print": "./src/print.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./delivery": {
+      "types": "./dist/delivery/index.d.ts",
+      "default": "./dist/delivery/index.js"
+    },
+    "./browser/delivery": {
+      "default": "./dist/browser/delivery/index.js"
+    },
+    "./author": {
+      "types": "./dist/author/index.d.ts",
+      "default": "./dist/author/index.js"
+    },
+    "./browser/author": {
+      "default": "./dist/browser/author/index.js"
+    },
+    "./configure": {
+      "types": "./dist/author/index.d.ts",
+      "default": "./dist/author/index.js"
+    },
+    "./controller": {
+      "types": "./dist/controller/index.d.ts",
+      "default": "./dist/controller/index.js"
+    },
+    "./controller.js": {
+      "types": "./dist/controller/index.d.ts",
+      "default": "./dist/controller/index.js"
+    },
+    "./browser/controller": {
+      "default": "./dist/browser/controller/index.js"
+    },
+    "./print": {
+      "types": "./dist/print/index.d.ts",
+      "default": "./dist/print/index.js"
+    },
+    "./browser/print": {
+      "default": "./dist/browser/print/index.js"
+    },
+    "./runtime-support": {
+      "types": "./dist/runtime-support.d.ts",
+      "default": "./dist/runtime-support.js"
+    }
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "configure.js",
+    "controller.js",
+    "dist"
+  ],
+  "sideEffects": false,
+  "devDependencies": {
+    "vite": "^8.0.1",
+    "typescript": "^5.9.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0"
+  },
+  "scripts": {
+    "build": "bun x vite build && bun x vite build --config ../../../tools/vite/element-browser.config.ts && bun x vite build --config vite.config.iife.ts && bun x tsc --emitDeclarationOnly",
+    "dev": "bun x vite",
+    "demo": "bun x vite --mode demo",
+    "test": "bun x vitest run"
+  },
+  "pie": {
+    "controller": "@pie-element/ebsr/controller",
+    "configure": "@pie-element/ebsr/configure",
+    "browserSharedDependencies": {
+      "react": "18.2.0",
+      "react-dom": "18.2.0"
+    }
   }
 }