@pie-element/simple-cloze 0.1.4-next.6 → 0.1.4-next.8

package/dist/browser/controller/index.js

@@ -1,52 +1,62 @@
+import { t as e } from "../plain-text-iaQZhkGe.js";
 //#region src/controller/defaults.ts
-var e = {
+var t = {
 	model: {
 		prompt: "<p>Enter your answer:</p>",
 		promptEnabled: !0,
-		correctAnswer: ""
+		correctAnswer: "",
+		teacherInstructionsEnabled: !0
 	},
 	configuration: { prompt: {
 		label: "Prompt",
 		settings: !0
 	} }
-}, t = (e) => !e || typeof e == "object" && Object.keys(e).length === 0, n = (e, t) => {
-	if (!t?.response) return "unanswered";
-	let n = e?.correctAnswer || "";
-	return (t.response || "").trim().toLowerCase() === n.trim().toLowerCase() ? "correct" : "incorrect";
-}, r = (e, n) => +!t(n), i = (e, r, i) => new Promise((a) => {
-	if (t(r)) {
-		a({
+}, n = (t) => e(t).toLowerCase(), r = (e) => typeof e == "string" && e.replace(/(<(?!img|iframe|source)([^>]+)>)/gi, "").replace(/&nbsp;/gi, " ").trim().length > 0, i = (e, t) => {
+	let r = n(t?.value);
+	if (!r) return "unanswered";
+	let i = n(e?.correctAnswer);
+	return i && r === i ? "correct" : "incorrect";
+}, a = (e, t) => +(i(e, t) === "correct"), o = (e, t, r) => {
+	let i = ["Response is compared with the answer key as plain text, ignoring case and extra spaces."];
+	return n(e?.correctAnswer) ? i.push(t === "correct" ? "Response matches the answer key." : "Response does not match the answer key.") : i.push("No correct answer is defined, so no response can score."), i.push(`Final score: ${r}.`), i;
+}, s = (e, t, n = {}) => new Promise((n) => {
+	let r = i(e, t);
+	if (r === "unanswered") {
+		n({
 			score: 0,
-			empty: !0
+			empty: !0,
+			traceLog: ["Student did not enter a response. Score is 0."]
 		});
 		return;
 	}
-	r = o(r), i.mode === "evaluate" ? a({ score: +(n(e, r) === "correct") }) : a({
-		score: void 0,
-		completed: void 0
+	let a = +(r === "correct");
+	n({
+		score: a,
+		empty: !1,
+		traceLog: o(e, r, a)
 	});
-}), a = (t = {}) => ({
-	...e.model,
-	...t
-}), o = (e) => ({ ...e }), s = (e, t, r) => new Promise((i) => {
-	t ||= {};
-	let o = a(e), s = {
-		prompt: o.promptEnabled ? o.prompt : null,
-		disabled: r.mode !== "gather",
-		view: r.mode === "view",
-		env: r
+}), c = (e = {}) => ({
+	...t.model,
+	...e
+}), l = (e) => ({ ...e }), u = (t, n, r) => new Promise((a) => {
+	let o = n || {}, s = r || {}, l = c(t || {}), u = {
+		prompt: l.promptEnabled ? l.prompt : null,
+		disabled: s.mode !== "gather",
+		mode: s.mode,
+		role: s.role,
+		language: l.language
 	};
-	r.mode === "evaluate" && (s.correctness = n(o, t), s.correctAnswer = o.correctAnswer), r.role === "instructor" && (r.mode === "view" || r.mode === "evaluate") ? s.teacherInstructions = o.teacherInstructionsEnabled ? o.teacherInstructions : null : s.teacherInstructions = null, i(s);
-}), c = (e, t) => new Promise((n) => {
-	t.mode !== "evaluate" && t.role === "instructor" ? n({
+	s.mode === "evaluate" && (u.correctness = i(l, o), u.correctAnswer = e(l.correctAnswer)), s.role === "instructor" && (s.mode === "view" || s.mode === "evaluate") ? u.teacherInstructions = l.teacherInstructionsEnabled ? l.teacherInstructions : null : u.teacherInstructions = null, a(u);
+}), d = (t, n) => new Promise((r) => {
+	n?.mode !== "evaluate" && n?.role === "instructor" ? r({
 		id: "1",
-		response: e.correctAnswer || ""
-	}) : n(null);
-}), l = (e = {}, t = {}) => {
-	let n = {};
-	return (!e.prompt || e.prompt.trim() === "" || e.prompt === "<p></p>") && (n.prompt = "Prompt is required"), n;
+		value: e(t?.correctAnswer)
+	}) : r(null);
+}), f = (e = {}, t = {}) => {
+	let i = {};
+	return t?.prompt?.required && !r(e?.prompt) && (i.prompt = "This field is required."), n(e?.correctAnswer) || (i.correctAnswer = "No correct answer defined."), i;
 };
 //#endregion
-export { c as createCorrectResponseSession, a as createDefaultModel, n as getCorrectness, r as getPartialScore, s as model, o as normalizeSession, i as outcome, l as validate };
+export { d as createCorrectResponseSession, c as createDefaultModel, i as getCorrectness, a as getPartialScore, u as model, l as normalizeSession, s as outcome, f as validate };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/controller/defaults.ts","../../../src/controller/index.ts"],"sourcesContent":["export default {\n  model: {\n    prompt: '<p>Enter your answer:</p>',\n    promptEnabled: true,\n    correctAnswer: '',\n  },\n  configuration: {\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    },\n  },\n};\n","import defaults from './defaults';\n\nconst isEmptySession = (session: unknown) =>\n  !session || (typeof session === 'object' && Object.keys(session).length === 0);\n\nexport const getCorrectness = (question: any, session: any) => {\n  if (!session?.response) {\n    return 'unanswered';\n  }\n\n  const correctAnswer = question?.correctAnswer || '';\n  const userAnswer = session.response || '';\n\n  // Simple string comparison for now\n  if (userAnswer.trim().toLowerCase() === correctAnswer.trim().toLowerCase()) {\n    return 'correct';\n  }\n\n  return 'incorrect';\n};\n\nexport const getPartialScore = (_question: any, session: any) => {\n  if (isEmptySession(session)) {\n    return 0;\n  }\n\n  return 1;\n};\n\nexport const outcome = (question: any, session: any, env: any) =>\n  new Promise((resolve) => {\n    if (isEmptySession(session)) {\n      resolve({ score: 0, empty: true });\n      return;\n    }\n\n    session = normalizeSession(session);\n\n    if (env.mode !== 'evaluate') {\n      resolve({ score: undefined, completed: undefined });\n    } else {\n      const correctness = getCorrectness(question, session);\n      const score = correctness === 'correct' ? 1 : 0;\n      resolve({ score });\n    }\n  });\n\nexport const createDefaultModel = (model: any = {}) => ({ ...defaults.model, ...model });\n\nexport const normalizeSession = (s: any) => ({ ...s });\n\nexport const model = (question: any, session: any, env: any) => {\n  return new Promise((resolve) => {\n    session = session || {};\n    const normalizedQuestion = createDefaultModel(question);\n\n    const out: any = {\n      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n      disabled: env.mode !== 'gather',\n      view: env.mode === 'view',\n      env,\n    };\n\n    if (env.mode === 'evaluate') {\n      const correctness = getCorrectness(normalizedQuestion, session);\n      out.correctness = correctness;\n      out.correctAnswer = normalizedQuestion.correctAnswer;\n    }\n\n    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n        ? normalizedQuestion.teacherInstructions\n        : null;\n    } else {\n      out.teacherInstructions = null;\n    }\n\n    resolve(out);\n  });\n};\n\nexport const createCorrectResponseSession = (question: any, env: any) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      resolve({ id: '1', response: question.correctAnswer || '' });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\nexport const validate = (model: any = {}, _config: any = {}) => {\n  const errors: any = {};\n\n  if (!model.prompt || model.prompt.trim() === '' || model.prompt === '<p></p>') {\n    errors.prompt = 'Prompt is required';\n  }\n\n  return errors;\n};\n"],"mappings":";AAAA,IAAA,IAAe;CACb,OAAO;EACL,QAAQ;EACR,eAAe;EACf,eAAe;CACjB;CACA,eAAe,EACb,QAAQ;EACN,OAAO;EACP,UAAU;CACZ,EACF;AACF,GCVM,KAAkB,MACtB,CAAC,KAAY,OAAO,KAAY,YAAY,OAAO,KAAK,CAAO,CAAC,CAAC,WAAW,GAEjE,KAAkB,GAAe,MAAiB;CAC7D,IAAI,CAAC,GAAS,UACZ,OAAO;CAGT,IAAM,IAAgB,GAAU,iBAAiB;CAQjD,QAPmB,EAAQ,YAAY,GAAA,CAGxB,KAAK,CAAC,CAAC,YAAY,MAAM,EAAc,KAAK,CAAC,CAAC,YAAY,IAChE,YAGF;AACT,GAEa,KAAmB,GAAgB,MAC9C,EAAI,EAAe,CAAO,GAOf,KAAW,GAAe,GAAc,MACnD,IAAI,SAAS,MAAY;CACvB,IAAI,EAAe,CAAO,GAAG;EAC3B,EAAQ;GAAE,OAAO;GAAG,OAAO;EAAK,CAAC;EACjC;CACF;CAIA,AAFA,IAAU,EAAiB,CAAO,GAE9B,EAAI,SAAS,aAKf,EAAQ,EAAE,OAFU,IAAe,GAAU,CAC/B,MAAgB,WACd,CAAC,IAJjB,EAAQ;EAAE,OAAO,KAAA;EAAW,WAAW,KAAA;CAAU,CAAC;AAMtD,CAAC,GAEU,KAAsB,IAAa,CAAC,OAAO;CAAE,GAAG,EAAS;CAAO,GAAG;AAAM,IAEzE,KAAoB,OAAY,EAAE,GAAG,EAAE,IAEvC,KAAS,GAAe,GAAc,MAC1C,IAAI,SAAS,MAAY;CAC9B,MAAqB,CAAC;CACtB,IAAM,IAAqB,EAAmB,CAAQ,GAEhD,IAAW;EACf,QAAQ,EAAmB,gBAAgB,EAAmB,SAAS;EACvE,UAAU,EAAI,SAAS;EACvB,MAAM,EAAI,SAAS;EACnB;CACF;CAgBA,AAdI,EAAI,SAAS,eAEf,EAAI,cADgB,EAAe,GAAoB,CACrC,GAClB,EAAI,gBAAgB,EAAmB,gBAGrC,EAAI,SAAS,iBAAiB,EAAI,SAAS,UAAU,EAAI,SAAS,cACpE,EAAI,sBAAsB,EAAmB,6BACzC,EAAmB,sBACnB,OAEJ,EAAI,sBAAsB,MAG5B,EAAQ,CAAG;AACb,CAAC,GAGU,KAAgC,GAAe,MACnD,IAAI,SAAS,MAAY;CAC9B,AAAI,EAAI,SAAS,cAAc,EAAI,SAAS,eAC1C,EAAQ;EAAE,IAAI;EAAK,UAAU,EAAS,iBAAiB;CAAG,CAAC,IAE3D,EAAQ,IAAI;AAEhB,CAAC,GAGU,KAAY,IAAa,CAAC,GAAG,IAAe,CAAC,MAAM;CAC9D,IAAM,IAAc,CAAC;CAMrB,QAJI,CAAC,EAAM,UAAU,EAAM,OAAO,KAAK,MAAM,MAAM,EAAM,WAAW,eAClE,EAAO,SAAS,uBAGX;AACT"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/controller/defaults.ts","../../../src/controller/index.ts"],"sourcesContent":["export default {\n  model: {\n    prompt: '<p>Enter your answer:</p>',\n    promptEnabled: true,\n    correctAnswer: '',\n    teacherInstructionsEnabled: true,\n  },\n  configuration: {\n    prompt: {\n      label: 'Prompt',\n      settings: true,\n    },\n  },\n};\n","import defaults from './defaults';\nimport { toPlainText } from './plain-text';\n\nexport type SimpleClozeQuestion = {\n  id?: string;\n  element?: string;\n  prompt?: string;\n  promptEnabled?: boolean;\n  correctAnswer?: string;\n  teacherInstructions?: string;\n  teacherInstructionsEnabled?: boolean;\n  /** The learner-facing strings' language, as `@pie-lib/translator` reads it (`en_US`, `es_ES`, …). */\n  language?: string;\n  [key: string]: unknown;\n};\n\nexport type SimpleClozeSession = {\n  id?: string;\n  element?: string;\n  /** The learner's typed answer. */\n  value?: unknown;\n  [key: string]: unknown;\n};\n\nexport type SimpleClozeEnv = {\n  mode?: string;\n  role?: string;\n  [key: string]: unknown;\n};\n\nexport type SimpleClozeCorrectness = 'correct' | 'incorrect' | 'unanswered';\n\nexport type SimpleClozeOutcome = {\n  score: number;\n  empty: boolean;\n  traceLog: string[];\n};\n\ntype FieldConfig = { required?: boolean };\nexport type SimpleClozeValidationConfig = {\n  prompt?: FieldConfig;\n  [key: string]: unknown;\n};\n\n/**\n * Both sides compare as plain text, case-insensitively: an answer key authored\n * as HTML matches the text a learner types.\n */\nconst comparable = (value: unknown): string => toPlainText(value).toLowerCase();\n\n// Strips tags except img, iframe and source (media counts as content), as\n// multiple-choice's `getContent` does.\nconst hasContent = (html: unknown): boolean =>\n  typeof html === 'string' &&\n  html\n    .replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '')\n    .replace(/&nbsp;/gi, ' ')\n    .trim().length > 0;\n\n/**\n * A response with no text is unanswered; an answer key with no text matches\n * nothing, so a blank key never scores.\n */\nexport const getCorrectness = (\n  question: SimpleClozeQuestion | null | undefined,\n  session: SimpleClozeSession | null | undefined\n): SimpleClozeCorrectness => {\n  const response = comparable(session?.value);\n  if (!response) {\n    return 'unanswered';\n  }\n\n  const key = comparable(question?.correctAnswer);\n  if (key && response === key) {\n    return 'correct';\n  }\n\n  return 'incorrect';\n};\n\n/** Single response, all-or-nothing: 1 when it matches the answer key, else 0. */\nexport const getPartialScore = (\n  question: SimpleClozeQuestion | null | undefined,\n  session: SimpleClozeSession | null | undefined\n): number => (getCorrectness(question, session) === 'correct' ? 1 : 0);\n\nconst getTraceLog = (\n  question: SimpleClozeQuestion | null | undefined,\n  correctness: SimpleClozeCorrectness,\n  score: number\n): string[] => {\n  const traceLog = [\n    'Response is compared with the answer key as plain text, ignoring case and extra spaces.',\n  ];\n  if (!comparable(question?.correctAnswer)) {\n    traceLog.push('No correct answer is defined, so no response can score.');\n  } else {\n    traceLog.push(\n      correctness === 'correct'\n        ? 'Response matches the answer key.'\n        : 'Response does not match the answer key.'\n    );\n  }\n  traceLog.push(`Final score: ${score}.`);\n  return traceLog;\n};\n\nexport const outcome = (\n  question: SimpleClozeQuestion | null | undefined,\n  session: SimpleClozeSession | null | undefined,\n  _env: SimpleClozeEnv = {}\n): Promise<SimpleClozeOutcome> =>\n  new Promise((resolve) => {\n    const correctness = getCorrectness(question, session);\n\n    if (correctness === 'unanswered') {\n      resolve({\n        score: 0,\n        empty: true,\n        traceLog: ['Student did not enter a response. Score is 0.'],\n      });\n      return;\n    }\n\n    const score = correctness === 'correct' ? 1 : 0;\n    resolve({ score, empty: false, traceLog: getTraceLog(question, correctness, score) });\n  });\n\nexport const createDefaultModel = (model: SimpleClozeQuestion = {}): SimpleClozeQuestion => ({\n  ...defaults.model,\n  ...model,\n});\n\nexport const normalizeSession = (s: SimpleClozeSession | null | undefined): SimpleClozeSession => ({\n  ...s,\n});\n\nexport const model = (\n  question: SimpleClozeQuestion | null | undefined,\n  session: SimpleClozeSession | null | undefined,\n  env: SimpleClozeEnv | null | undefined\n): Promise<Record<string, unknown>> => {\n  return new Promise((resolve) => {\n    const safeSession = session || {};\n    const safeEnv = env || {};\n    const normalizedQuestion = createDefaultModel(question || {});\n\n    const out: Record<string, unknown> = {\n      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n      disabled: safeEnv.mode !== 'gather',\n      mode: safeEnv.mode,\n      role: safeEnv.role,\n      language: normalizedQuestion.language,\n    };\n\n    if (safeEnv.mode === 'evaluate') {\n      out.correctness = getCorrectness(normalizedQuestion, safeSession);\n      // The key is shown in the text input, so it goes out as plain text.\n      out.correctAnswer = toPlainText(normalizedQuestion.correctAnswer);\n    }\n\n    if (safeEnv.role === 'instructor' && (safeEnv.mode === 'view' || safeEnv.mode === 'evaluate')) {\n      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n        ? normalizedQuestion.teacherInstructions\n        : null;\n    } else {\n      out.teacherInstructions = null;\n    }\n\n    resolve(out);\n  });\n};\n\nexport const createCorrectResponseSession = (\n  question: SimpleClozeQuestion | null | undefined,\n  env: SimpleClozeEnv | null | undefined\n): Promise<SimpleClozeSession | null> => {\n  return new Promise((resolve) => {\n    if (env?.mode !== 'evaluate' && env?.role === 'instructor') {\n      // The player sets `id` and `element` on the entry from the item config.\n      resolve({ id: '1', value: toPlainText(question?.correctAnswer) });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\nexport const validate = (\n  model: SimpleClozeQuestion = {},\n  config: SimpleClozeValidationConfig = {}\n): Record<string, string> => {\n  const errors: Record<string, string> = {};\n\n  if (config?.prompt?.required && !hasContent(model?.prompt)) {\n    errors.prompt = 'This field is required.';\n  }\n\n  if (!comparable(model?.correctAnswer)) {\n    errors.correctAnswer = 'No correct answer defined.';\n  }\n\n  return errors;\n};\n"],"mappings":";;AAAA,IAAA,IAAe;CACb,OAAO;EACL,QAAQ;EACR,eAAe;EACf,eAAe;EACf,4BAA4B;CAC9B;CACA,eAAe,EACb,QAAQ;EACN,OAAO;EACP,UAAU;CACZ,EACF;AACF,GCmCM,KAAc,MAA2B,EAAY,CAAK,CAAC,CAAC,YAAY,GAIxE,KAAc,MAClB,OAAO,KAAS,YAChB,EACG,QAAQ,sCAAsC,EAAE,CAAC,CACjD,QAAQ,YAAY,GAAG,CAAC,CACxB,KAAK,CAAC,CAAC,SAAS,GAMR,KACX,GACA,MAC2B;CAC3B,IAAM,IAAW,EAAW,GAAS,KAAK;CAC1C,IAAI,CAAC,GACH,OAAO;CAGT,IAAM,IAAM,EAAW,GAAU,aAAa;CAK9C,OAJI,KAAO,MAAa,IACf,YAGF;AACT,GAGa,KACX,GACA,MACY,IAAe,GAAU,CAAO,MAAM,YAE9C,KACJ,GACA,GACA,MACa;CACb,IAAM,IAAW,CACf,yFACF;CAWA,OAVK,EAAW,GAAU,aAAa,IAGrC,EAAS,KACP,MAAgB,YACZ,qCACA,yCACN,IANA,EAAS,KAAK,yDAAyD,GAQzE,EAAS,KAAK,gBAAgB,EAAM,EAAE,GAC/B;AACT,GAEa,KACX,GACA,GACA,IAAuB,CAAC,MAExB,IAAI,SAAS,MAAY;CACvB,IAAM,IAAc,EAAe,GAAU,CAAO;CAEpD,IAAI,MAAgB,cAAc;EAChC,EAAQ;GACN,OAAO;GACP,OAAO;GACP,UAAU,CAAC,+CAA+C;EAC5D,CAAC;EACD;CACF;CAEA,IAAM,IAAQ,QAAgB;CAC9B,EAAQ;EAAE;EAAO,OAAO;EAAO,UAAU,EAAY,GAAU,GAAa,CAAK;CAAE,CAAC;AACtF,CAAC,GAEU,KAAsB,IAA6B,CAAC,OAA4B;CAC3F,GAAG,EAAS;CACZ,GAAG;AACL,IAEa,KAAoB,OAAkE,EACjG,GAAG,EACL,IAEa,KACX,GACA,GACA,MAEO,IAAI,SAAS,MAAY;CAC9B,IAAM,IAAc,KAAW,CAAC,GAC1B,IAAU,KAAO,CAAC,GAClB,IAAqB,EAAmB,KAAY,CAAC,CAAC,GAEtD,IAA+B;EACnC,QAAQ,EAAmB,gBAAgB,EAAmB,SAAS;EACvE,UAAU,EAAQ,SAAS;EAC3B,MAAM,EAAQ;EACd,MAAM,EAAQ;EACd,UAAU,EAAmB;CAC/B;CAgBA,AAdI,EAAQ,SAAS,eACnB,EAAI,cAAc,EAAe,GAAoB,CAAW,GAEhE,EAAI,gBAAgB,EAAY,EAAmB,aAAa,IAG9D,EAAQ,SAAS,iBAAiB,EAAQ,SAAS,UAAU,EAAQ,SAAS,cAChF,EAAI,sBAAsB,EAAmB,6BACzC,EAAmB,sBACnB,OAEJ,EAAI,sBAAsB,MAG5B,EAAQ,CAAG;AACb,CAAC,GAGU,KACX,GACA,MAEO,IAAI,SAAS,MAAY;CAC9B,AAAI,GAAK,SAAS,cAAc,GAAK,SAAS,eAE5C,EAAQ;EAAE,IAAI;EAAK,OAAO,EAAY,GAAU,aAAa;CAAE,CAAC,IAEhE,EAAQ,IAAI;AAEhB,CAAC,GAGU,KACX,IAA6B,CAAC,GAC9B,IAAsC,CAAC,MACZ;CAC3B,IAAM,IAAiC,CAAC;CAUxC,OARI,GAAQ,QAAQ,YAAY,CAAC,EAAW,GAAO,MAAM,MACvD,EAAO,SAAS,4BAGb,EAAW,GAAO,aAAa,MAClC,EAAO,gBAAgB,+BAGlB;AACT"}

package/dist/browser/delivery/index.js

@@ -1,6 +1,171 @@
-import { C as e, E as t, F as n, I as r, M as i, O as a, P as o, R as s, S as c, T as l, _ as u, b as d, c as f, d as p, f as m, g as ee, h, i as g, j as _, k as v, o as y, r as b, t as x, u as S, w as C, x as w, y as T } from "../client-Dt8SOe5Z.js";
+import { A as e, C as t, E as n, F as r, M as i, N as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, g as p, j as m, k as h, l as g, m as _, n as v, p as y, r as b, s as x, t as S, u as C, v as w, x as T, y as E } from "../client-BSTc3boO.js";
+import { n as D, r as O, t as k } from "../i18n-BaF24Jzw.js";
+//#region src/delivery/TeacherInstructions.svelte
+var A = p("<div class=\"teacher-instructions pie-teacher-instructions svelte-1jhejbv\"><button type=\"button\" class=\"teacher-instructions-toggle pie-teacher-instructions-toggle svelte-1jhejbv\"> </button> <div class=\"teacher-instructions-content pie-teacher-instructions-content svelte-1jhejbv\"></div></div>"), j = {
+	hash: "svelte-1jhejbv",
+	code: ".teacher-instructions.svelte-1jhejbv {margin-bottom:1rem;}.teacher-instructions-toggle.svelte-1jhejbv {padding:0;border:0;border-bottom:1px dotted currentColor;background:transparent;font:inherit;color:var(--pie-primary, #3f51b5);cursor:pointer;}.teacher-instructions-toggle.svelte-1jhejbv:focus-visible {outline:2px solid var(--pie-button-focus-outline, #3b82f6);outline-offset:2px;}.teacher-instructions-content.svelte-1jhejbv {padding-top:1rem;}"
+};
+function M(s, l) {
+	a(l, !0), f(s, j);
+	let p = v(l, "html", 7), m = v(l, "language", 7), b = h(!1), x = `simple-cloze-teacher-instructions-${Math.random().toString(36).slice(2, 10)}`;
+	var S = {
+		get html() {
+			return p();
+		},
+		set html(t) {
+			p(t), e();
+		},
+		get language() {
+			return m();
+		},
+		set language(t) {
+			m(t), e();
+		}
+	}, C = A(), w = t(C), O = c(w, !0), k = n(w, 2);
+	return g(k, p, !0), r(k), r(C), T((e) => {
+		u(w, "aria-expanded", d(b)), u(w, "aria-controls", x), y(O, e), u(k, "id", x), u(k, "hidden", !d(b));
+	}, [() => D(d(b) ? "hideTeacherInstructions" : "showTeacherInstructions", m())]), E("click", w, () => o(b, !d(b))), _(s, C), i(S);
+}
+w(["click"]), S(M, {
+	html: {},
+	language: {}
+}, [], [], { mode: "open" });
+//#endregion
+//#region src/delivery/SimpleCloze.svelte
+var ee = p("<div class=\"simple-cloze-prompt svelte-1glps5n\"></div>"), te = l("<svg preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\" focusable=\"false\" class=\"svelte-1glps5n\"><circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"#bce2ff\"></circle><path d=\"M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z\" fill=\"#bce2ff\"></path><polygon points=\"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\" fill=\"#1a9cff\"></polygon></svg>"), ne = l("<svg preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\" focusable=\"false\" class=\"svelte-1glps5n\"><path style=\"fill: #D0CAC5; stroke: #E6E3E0; stroke-width: 0.75; stroke-miterlimit: 10;\" d=\"M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z\"></path><path style=\"fill: #B3ABA4; stroke: #CDC7C2; stroke-width: 0.5; stroke-miterlimit: 10;\" d=\"M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z\"></path><circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\"></circle><path d=\"M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z\" fill=\"#bce2ff\"></path><polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"#1a9cff\"></polygon></svg>"), re = p("<button type=\"button\" class=\"simple-cloze-toggle svelte-1glps5n\"><span class=\"simple-cloze-toggle-icon svelte-1glps5n\" aria-hidden=\"true\"><!></span> <span class=\"simple-cloze-toggle-label svelte-1glps5n\"> </span></button>"), ie = p("<span class=\"correctness-icon correctness-icon--correct svelte-1glps5n\" aria-hidden=\"true\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\" class=\"svelte-1glps5n\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"></path></svg></span>"), ae = p("<span class=\"correctness-icon correctness-icon--incorrect svelte-1glps5n\" aria-hidden=\"true\"><svg fill=\"currentColor\" viewBox=\"0 0 24 24\" focusable=\"false\" class=\"svelte-1glps5n\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"></path></svg></span>"), oe = p("<div class=\"simple-cloze-root svelte-1glps5n\"><!> <!> <!> <div class=\"simple-cloze-response svelte-1glps5n\"><!> <input type=\"text\" spellcheck=\"false\"/> <span class=\"sr-only svelte-1glps5n\" role=\"status\"> </span></div></div>"), se = {
+	hash: "svelte-1glps5n",
+	code: "\n  /*\n   * Self-contained: players ship no Tailwind, so nothing here relies on host\n   * utility classes or a CSS reset. Colours are `--pie-*` theme variables with\n   * the fallbacks `@pie-lib/render-ui`'s `color` module uses.\n   */.simple-cloze-root.svelte-1glps5n {padding:1rem;color:var(--pie-text, black);}.simple-cloze-prompt.svelte-1glps5n {margin-bottom:1rem;}.simple-cloze-prompt.svelte-1glps5n p {margin:0.5em 0;}.simple-cloze-prompt.svelte-1glps5n strong {font-weight:600;}.simple-cloze-toggle.svelte-1glps5n {display:flex;align-items:center;gap:0.5rem;margin:0 0 0.75rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;user-select:none;}.simple-cloze-toggle.svelte-1glps5n:hover .simple-cloze-toggle-label:where(.svelte-1glps5n) {text-decoration:underline;}.simple-cloze-toggle.svelte-1glps5n:focus-visible {outline:2px solid var(--pie-button-focus-outline, #3b82f6);outline-offset:2px;}.simple-cloze-toggle-icon.svelte-1glps5n {display:inline-flex;}.simple-cloze-toggle-icon.svelte-1glps5n svg:where(.svelte-1glps5n) {width:25px;height:25px;}.simple-cloze-toggle-label.svelte-1glps5n {font-size:0.875rem;line-height:1.25rem;}.simple-cloze-response.svelte-1glps5n {position:relative;display:inline-block;}.simple-cloze-input.svelte-1glps5n {box-sizing:border-box;margin:0;padding:0.5rem 0.75rem;\n    /* The text colour, as ECR's input border: a light grey fails 3:1 (WCAG 1.4.11). */border:1px solid var(--pie-text, black);border-radius:0.25rem;background-color:transparent;color:var(--pie-text, black);font:inherit;}.simple-cloze-input.svelte-1glps5n:disabled {opacity:1;color:var(--pie-text, black);-webkit-text-fill-color:currentColor;}.simple-cloze-input.svelte-1glps5n:focus-visible {outline:2px solid var(--pie-button-focus-outline, #3b82f6);outline-offset:2px;}.simple-cloze-input--correct.svelte-1glps5n {border:2px solid var(--pie-correct-tertiary, #0ea449);}.simple-cloze-input--incorrect.svelte-1glps5n {border:2px solid var(--pie-incorrect-icon, #bf0d00);}.simple-cloze-input[readonly].svelte-1glps5n {font-weight:600;}.correctness-icon.svelte-1glps5n {position:absolute;top:-8px;left:-8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:2px;color:var(--pie-white, #ffffff);}.correctness-icon.svelte-1glps5n svg:where(.svelte-1glps5n) {width:12px;height:12px;}.correctness-icon--correct.svelte-1glps5n {background-color:var(--pie-correct-tertiary, #0ea449);}.correctness-icon--incorrect.svelte-1glps5n {background-color:var(--pie-incorrect-icon, #bf0d00);}.sr-only.svelte-1glps5n {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}"
+};
+function N(l, p) {
+	a(p, !0), f(l, se);
+	let S = v(p, "model", 7, null), w = v(p, "session", 7, null), A = v(p, "onSessionChange", 7), j = `simple-cloze-${Math.random().toString(36).slice(2, 10)}`, N = `${j}-prompt`, P = `${j}-feedback`, F = h(null), I = h(null), L = h(!1), R = m(() => S()?.mode === "evaluate"), z = m(() => S()?.correctness), B = m(() => d(z) === "correct"), V = m(() => d(z) === "incorrect"), ce = m(() => d(z) === "unanswered"), H = m(() => typeof S()?.prompt == "string" ? S().prompt : ""), U = m(() => typeof S()?.correctAnswer == "string" ? S().correctAnswer : ""), le = m(() => typeof w()?.value == "string" ? w().value : ""), W = m(() => d(R) && !d(B) && !!d(U).trim()), G = m(() => d(L) && d(W)), K = m(() => d(R) ? d(G) ? k("correctAnswerShown", S()?.language) : d(B) ? k("correct", S()?.language) : d(V) ? k("incorrect", S()?.language) : d(ce) ? k("unanswered", S()?.language) : "" : "");
+	s(() => {
+		d(W) || o(L, !1);
+	}), s(() => {
+		if (!d(I)) return;
+		let e = d(G) ? d(U) : d(le);
+		d(I).value !== e && (d(I).value = e);
+	}), s(() => {
+		if (!d(F) || !d(H)) return;
+		let e = (e) => console.warn("simple-cloze: MathJax render failed", e);
+		try {
+			Promise.resolve(O(d(F))).catch(e);
+		} catch (t) {
+			e(t);
+		}
+	});
+	function ue(e) {
+		let t = e.target.value;
+		A()?.({
+			...w(),
+			value: t
+		});
+	}
+	function de() {
+		d(W) && o(L, !d(L));
+	}
+	var fe = {
+		get model() {
+			return S();
+		},
+		set model(t = null) {
+			S(t), e();
+		},
+		get session() {
+			return w();
+		},
+		set session(t = null) {
+			w(t), e();
+		},
+		get onSessionChange() {
+			return A();
+		},
+		set onSessionChange(t) {
+			A(t), e();
+		}
+	}, q = oe(), J = t(q), pe = (e) => {
+		{
+			let t = m(() => S()?.language);
+			M(e, {
+				get html() {
+					return S().teacherInstructions;
+				},
+				get language() {
+					return d(t);
+				}
+			});
+		}
+	};
+	C(J, (e) => {
+		S()?.teacherInstructions && e(pe);
+	});
+	var Y = n(J, 2), me = (e) => {
+		var t = ee();
+		g(t, () => d(H), !0), r(t), b(t, (e) => o(F, e), () => d(F)), T(() => u(t, "id", N)), _(e, t);
+	};
+	C(Y, (e) => {
+		d(H) && e(me);
+	});
+	var X = n(Y, 2), he = (e) => {
+		var i = re(), a = t(i), o = t(a), s = (e) => {
+			_(e, te());
+		}, l = (e) => {
+			_(e, ne());
+		};
+		C(o, (e) => {
+			d(G) ? e(s) : e(l, -1);
+		}), r(a);
+		var f = c(n(a, 2), !0);
+		r(i), T((e) => {
+			u(i, "aria-pressed", d(G)), y(f, e);
+		}, [() => D(d(G) ? "hideCorrectAnswer" : "showCorrectAnswer", S()?.language)]), E("click", i, de), _(e, i);
+	};
+	C(X, (e) => {
+		d(W) && e(he);
+	});
+	var Z = n(X, 2), Q = t(Z), ge = (e) => {
+		_(e, ie());
+	}, _e = (e) => {
+		_(e, ae());
+	};
+	C(Q, (e) => {
+		d(R) && (d(B) || d(G)) ? e(ge) : d(R) && d(V) && e(_e, 1);
+	});
+	var $ = n(Q, 2);
+	let ve;
+	b($, (e) => o(I, e), () => d(I));
+	var ye = n($, 2), be = c(ye, !0);
+	return r(Z), r(q), T((e, t) => {
+		ve = x($, 1, "simple-cloze-input svelte-1glps5n", null, ve, {
+			"simple-cloze-input--correct": d(R) && (d(B) || d(G)),
+			"simple-cloze-input--incorrect": d(R) && d(V) && !d(G)
+		}), u($, "placeholder", e), u($, "aria-labelledby", d(H) ? N : void 0), u($, "aria-label", t), u($, "aria-describedby", d(K) ? P : void 0), $.disabled = S()?.disabled, $.readOnly = d(G), u(ye, "id", P), y(be, d(K));
+	}, [() => k("placeholder", S()?.language), () => d(H) ? void 0 : k("answerInput", S()?.language)]), E("input", $, ue), _(l, q), i(fe);
+}
+w(["click", "input"]), S(N, {
+	model: { type: "Object" },
+	session: { type: "Object" },
+	onSessionChange: {}
+}, [], []);
+//#endregion
 //#region ../../lib-svelte/delivery-events/dist/index2.js
-var E = class e extends CustomEvent {
+function P(e) {
+	return !!e && typeof e == "object" && !Array.isArray(e);
+}
+function F(e, t) {
+	if (e === t) return e;
+	if (!P(e) || !P(t) || Object.isFrozen(e) || !Object.isExtensible(e)) return t;
+	try {
+		for (let n of Object.keys(e)) n in t || delete e[n];
+		Object.assign(e, t);
+	} catch {
+		return t;
+	}
+	return e;
+}
+//#endregion
+//#region ../../shared/player-events/dist/index.js
+var I = class e extends CustomEvent {
 	static {
 		this.TYPE = "model-set";
 	}
@@ -15,7 +180,7 @@ var E = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, D = class e extends CustomEvent {
+}, L = class e extends CustomEvent {
 	static {
 		this.TYPE = "session-changed";
 	}
@@ -29,166 +194,50 @@ var E = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, O = (e) => {
-	let t = e;
-	return t ? typeof t.onSessionChange == "function" || typeof t.onAudioStarted == "function" || typeof t.onAudioEnded == "function" : !1;
 };
-function k(e, t = {}) {
-	let n = t.hostPredicate ?? O, r = e;
-	for (; r;) {
-		if (n(r)) return r;
-		r = r.parentElement;
-	}
-	if (typeof document < "u" && t.fallbackSelector) {
-		let e = document.querySelector(t.fallbackSelector);
-		if (n(e)) return e;
-	}
-	return null;
-}
-function A(e) {
-	return !!e && typeof e == "object" && !Array.isArray(e);
-}
-function j(e, t) {
-	if (e === t) return e;
-	if (!A(e) || !A(t) || Object.isFrozen(e) || !Object.isExtensible(e)) return t;
-	try {
-		for (let n of Object.keys(e)) n in t || delete e[n];
-		Object.assign(e, t);
-	} catch {
-		return t;
-	}
-	return e;
-}
-function M({ sourceEl: e, fallbackSelector: t, component: n, complete: r, session: i }) {
-	let a = k(e, { fallbackSelector: t });
-	return a ? typeof a.onSessionChange == "function" ? (a.onSessionChange(i), a) : (a.dispatchEvent(new D(n, r)), a) : null;
-}
 //#endregion
-//#region src/delivery/SimpleCloze.svelte
-var N = /* @__PURE__ */ new Set([
-	"$$slots",
-	"$$events",
-	"$$legacy",
-	"$$host"
-]), P = T("<div class=\"mb-4 prose\"></div>"), F = d("<svg style=\"width: 25px; height: 25px;\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\"><circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"#bce2ff\"></circle><path d=\"M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z\" fill=\"#bce2ff\"></path><polygon points=\"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\" fill=\"#1a9cff\"></polygon></svg>"), I = d("<svg style=\"width: 25px; height: 25px;\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\"><path style=\"fill: #D0CAC5; stroke: #E6E3E0; stroke-width: 0.75; stroke-miterlimit: 10;\" d=\"M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z\"></path><path style=\"fill: #B3ABA4; stroke: #CDC7C2; stroke-width: 0.5; stroke-miterlimit: 10;\" d=\"M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z\"></path><circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\"></circle><path d=\"M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z\" fill=\"#bce2ff\"></path><polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"#1a9cff\"></polygon></svg>"), L = T("<button type=\"button\" class=\"mb-3 flex items-center gap-2 cursor-pointer select-none\"><!> <span class=\"text-sm hover:underline\"> </span></button>"), R = T("<span class=\"correctness-icon svelte-1glps5n\" style=\"background-color: #0EA449;\"><svg style=\"width: 12px; height: 12px; color: white;\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z\"></path></svg></span>"), z = T("<span class=\"correctness-icon svelte-1glps5n\" style=\"background-color: #BF0D00;\"><svg style=\"width: 12px; height: 12px; color: white;\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\"></path></svg></span>"), B = T("<div class=\"p-4\"><!> <!> <div class=\"relative inline-block\"><!> <!> <input type=\"text\" placeholder=\"Enter your answer...\" class=\"outline-none px-3 py-2 rounded svelte-1glps5n\"/></div></div>"), V = {
-	hash: "svelte-1glps5n",
-	code: "\n  /* Custom styles for correct answer display */input[readonly].svelte-1glps5n {font-weight:600;}.correctness-icon.svelte-1glps5n {position:absolute;top:-8px;left:-8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:2px;}"
-};
-function H(d, x) {
-	r(x, !0), S(d, V), b(x, N);
-	let w = null, T = i(!1);
-	h(() => (w && (w.value = x?.session?.response || "", w.addEventListener("input", E)), () => {
-		w && w.removeEventListener("input", E);
-	})), l(() => {
-		if (w && !e(T)) {
-			let e = x?.session?.response || "";
-			w.value !== e && (w.value = e);
+//#region ../../lib-svelte/delivery-events/dist/index3.js
+function R(e, t) {
+	let n = e.element;
+	if (!n) throw TypeError("defineDeliveryElement: the component was not compiled with `customElement`");
+	class r extends n {
+		#e;
+		#t;
+		constructor() {
+			super(), this.onSessionChange = (e) => {
+				this.writeSession(e), this.dispatchSessionChanged();
+			};
+		}
+		set model(e) {
+			this.#e = e, super.model = e, queueMicrotask(() => {
+				this.dispatchEvent(new I(this.tagName.toLowerCase(), this.isComplete(), this.#e !== void 0));
+			});
+		}
+		get model() {
+			return this.#e;
+		}
+		set session(e) {
+			this.#t = e, super.session = e, this.dispatchSessionChanged();
+		}
+		get session() {
+			return this.#t;
+		}
+		isComplete() {
+			return t.isComplete(this.#e, this.#t);
+		}
+		writeSession(e) {
+			this.#t = F(this.#t, e), super.session = e;
+		}
+		dispatchSessionChanged() {
+			this.dispatchEvent(new L(this.tagName.toLowerCase(), this.isComplete()));
 		}
-	}), l(() => {
-		w && (e(T) && x?.model?.correctAnswer ? w.value = x.model.correctAnswer : e(T) || (w.value = x?.session?.response || ""));
-	});
-	function E(e) {
-		let t = e.target, n = t.value;
-		M({
-			sourceEl: t,
-			fallbackSelector: "simple-cloze",
-			component: "simple-cloze",
-			session: {
-				...x.session,
-				response: n
-			},
-			complete: n.trim().length > 0
-		});
-	}
-	function D() {
-		_(T, !e(T));
 	}
-	let O = o(() => x?.model?.env?.mode === "evaluate"), k = o(() => x?.model?.correctness), A = o(() => e(k) === "correct"), j = o(() => e(k) === "incorrect");
-	var H = B(), U = t(H), W = (e) => {
-		var t = P();
-		p(t, () => x.model.prompt, !0), s(t), u(e, t);
-	};
-	m(U, (e) => {
-		x?.model?.prompt && e(W);
-	});
-	var G = v(U, 2), K = (n) => {
-		var r = L(), i = t(r), o = (e) => {
-			u(e, F());
-		}, l = (e) => {
-			u(e, I());
-		};
-		m(i, (t) => {
-			e(T) ? t(o) : t(l, -1);
-		});
-		var d = a(v(i, 2));
-		s(r), C(() => {
-			y(r, "aria-pressed", e(T)), ee(d, `${e(T) ? "Hide" : "Show"} correct answer`);
-		}), c("click", r, D), u(n, r);
-	};
-	m(G, (t) => {
-		e(O) && e(j) && t(K);
-	});
-	var q = v(G, 2), J = t(q), Y = (e) => {
-		u(e, R());
-	};
-	m(J, (t) => {
-		e(O) && (e(A) || e(T)) && t(Y);
-	});
-	var X = v(J, 2), Z = (e) => {
-		u(e, z());
-	};
-	m(X, (t) => {
-		e(O) && e(j) && !e(T) && t(Z);
-	});
-	var Q = v(X, 2);
-	let $;
-	g(Q, (e) => w = e, () => w), s(q), s(H), C(() => {
-		Q.disabled = x?.model?.disabled, Q.readOnly = e(T), $ = f(Q, "", $, {
-			border: e(O) && (e(A) || e(T)) ? "solid 2px #0EA449" : e(O) && e(j) && !e(T) ? "solid 2px #BF0D00" : "solid 1px #d1d5db",
-			color: e(O) && (e(A) || e(j)) ? "black" : ""
-		});
-	}), u(d, H), n();
+	return r;
 }
-w(["click"]), x(H, {
-	model: { type: "Object" },
-	session: { type: "Object" }
-}, [], []);
 //#endregion
 //#region src/delivery/index.ts
-var U = H.element, W = class extends U {
-	_internalSession = null;
-	_playerSession = null;
-	_model = null;
-	_isComplete = () => {
-		let e = this._internalSession?.response;
-		return typeof e == "string" && e.trim().length > 0;
-	};
-	_dispatchModelSet = () => {
-		this.dispatchEvent(new E(this.tagName.toLowerCase(), this._isComplete(), this._model !== void 0));
-	};
-	_dispatchSessionChanged = () => {
-		this.dispatchEvent(new D(this.tagName.toLowerCase(), this._isComplete()));
-	};
-	set model(e) {
-		this._model = e, super.model = e, this._dispatchModelSet();
-	}
-	get model() {
-		return this._model;
-	}
-	set session(e) {
-		this._playerSession = e, this._internalSession = e, super.session = e, this._dispatchSessionChanged();
-	}
-	get session() {
-		return this._internalSession;
-	}
-	onSessionChange = (e) => {
-		j(this._playerSession, e), this._internalSession = e, super.session = e, this._dispatchSessionChanged();
-	};
-	connectedCallback() {
-		super.connectedCallback(), this.onSessionChange = this.onSessionChange;
-	}
-};
+var z = R(N, { isComplete: (e, t) => typeof t?.value == "string" && t.value.trim().length > 0 });
 //#endregion
-export { W as default };
+export { z as default };
 
 //# sourceMappingURL=index.js.map