@pie-element/drag-in-the-blank 10.2.0-next.19 → 10.2.0-next.21

package/dist/browser/editor-runtime/controller/index.js

@@ -41,7 +41,7 @@ async function d(e, t, n, r = "value") {
 	let a = l(e);
 	if (n && typeof n == "function") try {
 		let e = c(a.map((e) => e[r]));
-		u(e) ? console.error(`shuffledValues is an empty array - refusing to call updateSession. shuffledChoices: ${JSON.stringify(a)}, key: ${r}`) : t.id && t.element && await n(t.id, t.element, { shuffledValues: e });
+		u(e) ? console.error(`shuffledValues is an empty array - refusing to call updateSession. shuffledChoices: ${JSON.stringify(a)}, key: ${r}`) : await n(t.id, t.element, { shuffledValues: e });
 	} catch (e) {
 		console.warn("Unable to save shuffled order for choices"), console.error(e);
 	}
@@ -49,7 +49,7 @@ async function d(e, t, n, r = "value") {
 	return a;
 }
 function f(e, t, n) {
-	return !!(e.lockChoiceOrder || n["@pie-element"]?.lockChoiceOrder || (n.role ?? "student") === "instructor");
+	return !!(e.lockChoiceOrder || n?.["@pie-element"]?.lockChoiceOrder);
 }
 var p = /* @__PURE__ */ s({ enabled: () => m });
 function m(e, t, n) {

package/dist/browser/editor-runtime/controller/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/controller/utils.ts","../../../../../../shared/controller-utils/dist/index.js","../../../../src/controller/defaults.ts","../../../../src/controller/index.ts"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/drag-in-the-blank/controller/src/utils.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, reduce } from '@pie-element/shared-lodash';\n\nconst replaceHtmlRegex = /<(?!img)[^>]*>?/gm;\n\nexport const getAllCorrectResponses = ({ correctResponse, alternateResponses }) => {\n  return reduce(\n    correctResponse || {},\n    (obj, val, key) => {\n      obj.possibleResponses[key] = [val];\n\n      if (alternateResponses && alternateResponses[key]) {\n        obj.possibleResponses[key] = [...obj.possibleResponses[key], ...cloneDeep(alternateResponses[key])];\n      }\n\n      if (\n        obj.numberOfPossibleResponses === undefined ||\n        obj.numberOfPossibleResponses > obj.possibleResponses[key].length\n      ) {\n        obj.numberOfPossibleResponses = obj.possibleResponses[key].length;\n      }\n\n      return obj;\n    },\n    {\n      possibleResponses: {},\n      numberOfPossibleResponses: undefined,\n    },\n  );\n};\n\nexport const choiceIsEmpty = (choice) => {\n  if (choice) {\n    const { value = '' } = choice;\n    const withoutEmptyTags = value.replace(replaceHtmlRegex, '') || '';\n\n    return withoutEmptyTags.trim() === '';\n  }\n\n  return false;\n};\n","//#region \\0rolldown/runtime.js\nvar e = Object.defineProperty, t = (t, n) => {\n\tlet r = {};\n\tfor (var i in t) e(r, i, {\n\t\tget: t[i],\n\t\tenumerable: !0\n\t});\n\treturn n || e(r, Symbol.toStringTag, { value: \"Module\" }), r;\n};\n//#endregion\n//#region src/persistence.ts\nfunction n(e) {\n\treturn Array.isArray(e) ? e.filter((e) => e != null) : [];\n}\nfunction r(e) {\n\tlet t = [...e];\n\tfor (let e = t.length - 1; e > 0; e--) {\n\t\tlet n = Math.floor(Math.random() * (e + 1));\n\t\t[t[e], t[n]] = [t[n], t[e]];\n\t}\n\treturn t;\n}\nfunction i(e) {\n\treturn e == null ? !0 : Array.isArray(e) ? e.length === 0 : typeof e == \"object\" && Object.keys(e).length === 0;\n}\nasync function a(e, t, a, o = \"value\") {\n\tlet s = n(t?.data?.shuffledValues ?? t?.shuffledValues ?? []);\n\tif (!t) {\n\t\tconsole.warn(\"Unable to save shuffled choices because there's no session.\");\n\t\treturn;\n\t}\n\tif (!i(s)) return n(s.map((t) => e.find((e) => e[o] === t)));\n\tlet c = r(e);\n\tif (a && typeof a == \"function\") try {\n\t\tlet e = n(c.map((e) => e[o]));\n\t\ti(e) ? console.error(`shuffledValues is an empty array - refusing to call updateSession. shuffledChoices: ${JSON.stringify(c)}, key: ${o}`) : t.id && t.element && await a(t.id, t.element, { shuffledValues: e });\n\t} catch (e) {\n\t\tconsole.warn(\"Unable to save shuffled order for choices\"), console.error(e);\n\t}\n\telse console.warn(\"Unable to save shuffled choices, shuffle will happen every time.\");\n\treturn c;\n}\nfunction o(e, t, n) {\n\treturn !!(e.lockChoiceOrder || n[\"@pie-element\"]?.lockChoiceOrder || (n.role ?? \"student\") === \"instructor\");\n}\n//#endregion\n//#region src/partial-scoring.ts\nvar s = /* @__PURE__ */ t({ enabled: () => c });\nfunction c(e, t, n) {\n\treturn e?.partialScoring === !1 || t?.partialScoring === !1 ? !1 : typeof n != \"boolean\" || n;\n}\n//#endregion\nexport { a as getShuffledChoices, o as lockChoices, s as partialScoring };\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/drag-in-the-blank/controller/src/defaults.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\nexport default {\n  choices: [],\n  choicesPosition: 'below',\n  correctResponse: {},\n  disabled: false,\n  duplicates: true,\n  markup: '',\n  mode: 'gather',\n  prompt: '',\n  promptEnabled: true,\n  rationale: '',\n  rationaleEnabled: true,\n  studentInstructionsEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  toolbarEditorPosition: 'bottom',\n};\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/drag-in-the-blank/controller/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 { isEmpty } from '@pie-element/shared-lodash';\nimport { getAllCorrectResponses, choiceIsEmpty } from './utils.js';\nimport { lockChoices, getShuffledChoices, partialScoring } from '@pie-element/shared-controller-utils';\nimport defaults from './defaults.js';\n\nexport const normalize = (question) => ({\n  ...defaults,\n  ...question,\n});\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.\n */\nexport async function model(question, session, env, updateSession) {\n  const normalizedQuestion = normalize(question);\n  let feedback = {};\n\n  if (env.mode === 'evaluate') {\n    const responses = getAllCorrectResponses(normalizedQuestion) || {};\n    const allCorrectResponses = responses.possibleResponses;\n    const numberOfPossibleResponses = responses.numberOfPossibleResponses || 0;\n    let correctResponses = undefined;\n    const { value } = session || {};\n\n    for (let i = 0; i < numberOfPossibleResponses; i++) {\n      const result = Object.keys(allCorrectResponses).reduce(\n        (obj, key) => {\n          const choices = allCorrectResponses[key];\n          const answer = (value && value[key]) || '';\n\n          obj.feedback[key] = choices[i] === answer;\n\n          if (obj.feedback[key]) {\n            obj.correctResponses += 1;\n          }\n\n          return obj;\n        },\n        { correctResponses: 0, feedback: {} },\n      );\n\n      if (correctResponses === undefined || result.correctResponses > correctResponses) {\n        correctResponses = result.correctResponses;\n        feedback = result.feedback;\n      }\n    }\n  }\n\n  let choices = normalizedQuestion.choices && normalizedQuestion.choices.filter((choice) => !choiceIsEmpty(choice));\n\n  const lockChoiceOrder = lockChoices(normalizedQuestion, session, env);\n\n  if (!lockChoiceOrder) {\n    choices = await getShuffledChoices(choices, session, updateSession, 'id');\n  }\n\n  // we don't need to check for fewer areas to be filled in the alternateResponses\n  // because the alternates are an option in the default correct response (for scoring)\n  const responseAreasToBeFilled = Object.values(normalizedQuestion.correctResponse || {}).filter(\n    (value) => !!value,\n  ).length;\n\n  const shouldIncludeCorrectResponse = env.mode === 'evaluate';\n\n  const out = {\n    ...normalizedQuestion,\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    choices,\n    feedback,\n    mode: env.mode,\n    disabled: env.mode !== 'gather',\n    responseCorrect: shouldIncludeCorrectResponse ? getScore(normalizedQuestion, session) === 1 : undefined,\n    correctResponse: shouldIncludeCorrectResponse ? normalizedQuestion.correctResponse : undefined,\n    responseAreasToBeFilled,\n  };\n\n  if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n    out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.rationale = null;\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\nexport const getScore = (config, session) => {\n  const responses = getAllCorrectResponses(config);\n  const allCorrectResponses = responses.possibleResponses;\n  const maxScore = Object.keys(config.correctResponse).length;\n  const numberOfPossibleResponses = responses.numberOfPossibleResponses || 0;\n  let correctCount = 0;\n  const { value } = session || {};\n\n  for (let i = 0; i < numberOfPossibleResponses; i++) {\n    const result = Object.keys(allCorrectResponses).reduce((total, key) => {\n      const choices = allCorrectResponses[key];\n      const answer = (value && value[key]) || '';\n\n      if (choices[i] === answer) {\n        return total;\n      }\n\n      return total - 1;\n    }, maxScore);\n\n    if (result > correctCount) {\n      correctCount = result;\n    }\n\n    if (result === maxScore) {\n      break;\n    }\n  }\n\n  const str = maxScore ? (correctCount / maxScore).toFixed(2) : 0;\n\n  return parseFloat(str);\n};\n\n/**\n * Generates detailed trace log for scoring evaluation\n * @param {Object} model - the question model\n * @param {Object} session - the student session\n * @param {Object} env - the environment\n * @returns {Array} traceLog - array of trace messages\n */\nexport const getLogTrace = (model, session, env) => {\n  const traceLog = [];\n  const { value } = session || {};\n  \n  const responseAreas = Object.keys(model.correctResponse || {});\n  const totalAreas = responseAreas.length;\n  traceLog.push(`${totalAreas} response area(s) defined in this question.`);\n  \n  if (value && Object.keys(value).length > 0) {\n    const filledAreas = Object.entries(value).filter(([key, val]) => val && val.trim()).length;\n    traceLog.push(`Student added choices to ${filledAreas} out of ${totalAreas} response area(s).`);\n    \n    responseAreas.forEach((areaKey) => {\n      const studentAnswer = (value && value[areaKey]) || '';\n      const correctAnswer = model.correctResponse[areaKey] || '';\n      \n      if (studentAnswer.trim()) {\n        traceLog.push(`Response area ${areaKey}: student placed '${studentAnswer}' (correct answer: '${correctAnswer}').`);\n      } else {\n        traceLog.push(`Response area ${areaKey}: left empty (correct answer: '${correctAnswer}').`);\n      }\n    });\n  } else {\n    traceLog.push('Student did not add any choices to response areas.');\n  }\n\n  const responses = getAllCorrectResponses(model);\n  const allCorrectResponses = responses.possibleResponses;\n  const numberOfPossibleResponses = responses.numberOfPossibleResponses || 0;\n  \n  if (numberOfPossibleResponses > 1) {\n    traceLog.push(`${numberOfPossibleResponses} alternate response combinations are accepted for this question.`);\n  }\n\n  const partialScoringEnabled = partialScoring.enabled(model, env);\n  const scoringMethod = partialScoringEnabled ? 'partial scoring' : 'all-or-nothing scoring';\n  traceLog.push(`Score calculated using ${scoringMethod}.`);\n\n  const score = getScore(model, session);\n  traceLog.push(`Final score: ${score}.`);\n\n  return traceLog;\n};\n\n/**\n *\n * The score is partial by default for checkbox mode, allOrNothing for radio mode.\n * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring =\n * false. the value in `env` will override the value in `model`.\n * @param {Object} model - the main model\n * @param {boolean} model.partialScoring - is partial scoring enabled (if undefined set to to true)\n * @param {*} session\n * @param {Object} env\n * @param {boolean} env.partialScoring - is partial scoring enabled (if undefined default to true) This overrides\n *   `model.partialScoring`.\n */\nexport function outcome(model, session, env = {}) {\n  return new Promise((resolve) => {\n    if (!session || isEmpty(session)) {\n      resolve({ \n        score: 0, \n        empty: true, \n        traceLog: ['Student did not add any choices to response areas. Score is 0.'] \n      });\n    } else {\n      const traceLog = getLogTrace(model, session, env);\n      const score = getScore(model, session);\n      const partialScoringEnabled = partialScoring.enabled(model, env);\n\n      resolve({\n        score: partialScoringEnabled ? score : score === 1 ? 1 : 0,\n        empty: false,\n        traceLog\n      });\n    }\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      resolve({\n        value: question.correctResponse,\n        id: '1',\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\n// remove all html tags\nconst getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n// remove all html tags except img, iframe and source tag for audio\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const { choices, correctResponse, markup } = model;\n  const { minChoices = 2, maxChoices, maxResponseAreas } = config;\n  const errors = {};\n\n  ['teacherInstructions', 'prompt', 'rationale'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  const nbOfResponseAreas = ((markup || '').match(/\\{\\{(\\d+)\\}\\}/g) || []).length;\n  const nbOfChoices = (choices || []).length;\n  const emptyResponseAreas = Object.values(correctResponse)?.filter((response) => !response);\n\n  if (emptyResponseAreas.length) {\n    errors.correctResponseError = 'There should be a choice defined for each response area.';\n  }\n\n  if (nbOfResponseAreas > maxResponseAreas) {\n    errors.responseAreasError = `No more than ${maxResponseAreas} response areas should be defined.`;\n  } else if (nbOfResponseAreas < 1) {\n    errors.responseAreasError = 'There should be at least 1 response area defined.';\n  }\n\n  if (nbOfChoices < minChoices) {\n    errors.choicesError = `There should be at least ${minChoices} tokens defined.`;\n  } else if (nbOfChoices > maxChoices) {\n    errors.choicesError = `No more than ${maxChoices} tokens should be defined.`;\n  }\n\n  return errors;\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/controller/utils.ts","../../../../../../shared/controller-utils/dist/index.js","../../../../src/controller/defaults.ts","../../../../src/controller/index.ts"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/drag-in-the-blank/controller/src/utils.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, reduce } from '@pie-element/shared-lodash';\n\nconst replaceHtmlRegex = /<(?!img)[^>]*>?/gm;\n\nexport const getAllCorrectResponses = ({ correctResponse, alternateResponses }) => {\n  return reduce(\n    correctResponse || {},\n    (obj, val, key) => {\n      obj.possibleResponses[key] = [val];\n\n      if (alternateResponses && alternateResponses[key]) {\n        obj.possibleResponses[key] = [...obj.possibleResponses[key], ...cloneDeep(alternateResponses[key])];\n      }\n\n      if (\n        obj.numberOfPossibleResponses === undefined ||\n        obj.numberOfPossibleResponses > obj.possibleResponses[key].length\n      ) {\n        obj.numberOfPossibleResponses = obj.possibleResponses[key].length;\n      }\n\n      return obj;\n    },\n    {\n      possibleResponses: {},\n      numberOfPossibleResponses: undefined,\n    },\n  );\n};\n\nexport const choiceIsEmpty = (choice) => {\n  if (choice) {\n    const { value = '' } = choice;\n    const withoutEmptyTags = value.replace(replaceHtmlRegex, '') || '';\n\n    return withoutEmptyTags.trim() === '';\n  }\n\n  return false;\n};\n","//#region \\0rolldown/runtime.js\nvar e = Object.defineProperty, t = (t, n) => {\n\tlet r = {};\n\tfor (var i in t) e(r, i, {\n\t\tget: t[i],\n\t\tenumerable: !0\n\t});\n\treturn n || e(r, Symbol.toStringTag, { value: \"Module\" }), r;\n};\n//#endregion\n//#region src/persistence.ts\nfunction n(e) {\n\treturn Array.isArray(e) ? e.filter((e) => e != null) : [];\n}\nfunction r(e) {\n\tlet t = [...e];\n\tfor (let e = t.length - 1; e > 0; e--) {\n\t\tlet n = Math.floor(Math.random() * (e + 1));\n\t\t[t[e], t[n]] = [t[n], t[e]];\n\t}\n\treturn t;\n}\nfunction i(e) {\n\treturn e == null ? !0 : Array.isArray(e) ? e.length === 0 : typeof e == \"object\" && Object.keys(e).length === 0;\n}\nasync function a(e, t, a, o = \"value\") {\n\tlet s = n(t?.data?.shuffledValues ?? t?.shuffledValues ?? []);\n\tif (!t) {\n\t\tconsole.warn(\"Unable to save shuffled choices because there's no session.\");\n\t\treturn;\n\t}\n\tif (!i(s)) return n(s.map((t) => e.find((e) => e[o] === t)));\n\tlet c = r(e);\n\tif (a && typeof a == \"function\") try {\n\t\tlet e = n(c.map((e) => e[o]));\n\t\ti(e) ? console.error(`shuffledValues is an empty array - refusing to call updateSession. shuffledChoices: ${JSON.stringify(c)}, key: ${o}`) : await a(t.id, t.element, { shuffledValues: e });\n\t} catch (e) {\n\t\tconsole.warn(\"Unable to save shuffled order for choices\"), console.error(e);\n\t}\n\telse console.warn(\"Unable to save shuffled choices, shuffle will happen every time.\");\n\treturn c;\n}\nfunction o(e, t, n) {\n\treturn !!(e.lockChoiceOrder || n?.[\"@pie-element\"]?.lockChoiceOrder);\n}\n//#endregion\n//#region src/partial-scoring.ts\nvar s = /* @__PURE__ */ t({ enabled: () => c });\nfunction c(e, t, n) {\n\treturn e?.partialScoring === !1 || t?.partialScoring === !1 ? !1 : typeof n != \"boolean\" || n;\n}\n//#endregion\nexport { a as getShuffledChoices, o as lockChoices, s as partialScoring };\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/drag-in-the-blank/controller/src/defaults.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\nexport default {\n  choices: [],\n  choicesPosition: 'below',\n  correctResponse: {},\n  disabled: false,\n  duplicates: true,\n  markup: '',\n  mode: 'gather',\n  prompt: '',\n  promptEnabled: true,\n  rationale: '',\n  rationaleEnabled: true,\n  studentInstructionsEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  toolbarEditorPosition: 'bottom',\n};\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/drag-in-the-blank/controller/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 { isEmpty } from '@pie-element/shared-lodash';\nimport { getAllCorrectResponses, choiceIsEmpty } from './utils.js';\nimport { lockChoices, getShuffledChoices, partialScoring } from '@pie-element/shared-controller-utils';\nimport defaults from './defaults.js';\n\nexport const normalize = (question) => ({\n  ...defaults,\n  ...question,\n});\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.\n */\nexport async function model(question, session, env, updateSession) {\n  const normalizedQuestion = normalize(question);\n  let feedback = {};\n\n  if (env.mode === 'evaluate') {\n    const responses = getAllCorrectResponses(normalizedQuestion) || {};\n    const allCorrectResponses = responses.possibleResponses;\n    const numberOfPossibleResponses = responses.numberOfPossibleResponses || 0;\n    let correctResponses = undefined;\n    const { value } = session || {};\n\n    for (let i = 0; i < numberOfPossibleResponses; i++) {\n      const result = Object.keys(allCorrectResponses).reduce(\n        (obj, key) => {\n          const choices = allCorrectResponses[key];\n          const answer = (value && value[key]) || '';\n\n          obj.feedback[key] = choices[i] === answer;\n\n          if (obj.feedback[key]) {\n            obj.correctResponses += 1;\n          }\n\n          return obj;\n        },\n        { correctResponses: 0, feedback: {} },\n      );\n\n      if (correctResponses === undefined || result.correctResponses > correctResponses) {\n        correctResponses = result.correctResponses;\n        feedback = result.feedback;\n      }\n    }\n  }\n\n  let choices = normalizedQuestion.choices && normalizedQuestion.choices.filter((choice) => !choiceIsEmpty(choice));\n\n  const lockChoiceOrder = lockChoices(normalizedQuestion, session, env);\n\n  if (!lockChoiceOrder) {\n    choices = await getShuffledChoices(choices, session, updateSession, 'id');\n  }\n\n  // we don't need to check for fewer areas to be filled in the alternateResponses\n  // because the alternates are an option in the default correct response (for scoring)\n  const responseAreasToBeFilled = Object.values(normalizedQuestion.correctResponse || {}).filter(\n    (value) => !!value,\n  ).length;\n\n  const shouldIncludeCorrectResponse = env.mode === 'evaluate';\n\n  const out = {\n    ...normalizedQuestion,\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    choices,\n    feedback,\n    mode: env.mode,\n    disabled: env.mode !== 'gather',\n    responseCorrect: shouldIncludeCorrectResponse ? getScore(normalizedQuestion, session) === 1 : undefined,\n    correctResponse: shouldIncludeCorrectResponse ? normalizedQuestion.correctResponse : undefined,\n    responseAreasToBeFilled,\n  };\n\n  if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n    out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.rationale = null;\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\nexport const getScore = (config, session) => {\n  const responses = getAllCorrectResponses(config);\n  const allCorrectResponses = responses.possibleResponses;\n  const maxScore = Object.keys(config.correctResponse).length;\n  const numberOfPossibleResponses = responses.numberOfPossibleResponses || 0;\n  let correctCount = 0;\n  const { value } = session || {};\n\n  for (let i = 0; i < numberOfPossibleResponses; i++) {\n    const result = Object.keys(allCorrectResponses).reduce((total, key) => {\n      const choices = allCorrectResponses[key];\n      const answer = (value && value[key]) || '';\n\n      if (choices[i] === answer) {\n        return total;\n      }\n\n      return total - 1;\n    }, maxScore);\n\n    if (result > correctCount) {\n      correctCount = result;\n    }\n\n    if (result === maxScore) {\n      break;\n    }\n  }\n\n  const str = maxScore ? (correctCount / maxScore).toFixed(2) : 0;\n\n  return parseFloat(str);\n};\n\n/**\n * Generates detailed trace log for scoring evaluation\n * @param {Object} model - the question model\n * @param {Object} session - the student session\n * @param {Object} env - the environment\n * @returns {Array} traceLog - array of trace messages\n */\nexport const getLogTrace = (model, session, env) => {\n  const traceLog = [];\n  const { value } = session || {};\n  \n  const responseAreas = Object.keys(model.correctResponse || {});\n  const totalAreas = responseAreas.length;\n  traceLog.push(`${totalAreas} response area(s) defined in this question.`);\n  \n  if (value && Object.keys(value).length > 0) {\n    const filledAreas = Object.entries(value).filter(([key, val]) => val && val.trim()).length;\n    traceLog.push(`Student added choices to ${filledAreas} out of ${totalAreas} response area(s).`);\n    \n    responseAreas.forEach((areaKey) => {\n      const studentAnswer = (value && value[areaKey]) || '';\n      const correctAnswer = model.correctResponse[areaKey] || '';\n      \n      if (studentAnswer.trim()) {\n        traceLog.push(`Response area ${areaKey}: student placed '${studentAnswer}' (correct answer: '${correctAnswer}').`);\n      } else {\n        traceLog.push(`Response area ${areaKey}: left empty (correct answer: '${correctAnswer}').`);\n      }\n    });\n  } else {\n    traceLog.push('Student did not add any choices to response areas.');\n  }\n\n  const responses = getAllCorrectResponses(model);\n  const allCorrectResponses = responses.possibleResponses;\n  const numberOfPossibleResponses = responses.numberOfPossibleResponses || 0;\n  \n  if (numberOfPossibleResponses > 1) {\n    traceLog.push(`${numberOfPossibleResponses} alternate response combinations are accepted for this question.`);\n  }\n\n  const partialScoringEnabled = partialScoring.enabled(model, env);\n  const scoringMethod = partialScoringEnabled ? 'partial scoring' : 'all-or-nothing scoring';\n  traceLog.push(`Score calculated using ${scoringMethod}.`);\n\n  const score = getScore(model, session);\n  traceLog.push(`Final score: ${score}.`);\n\n  return traceLog;\n};\n\n/**\n *\n * The score is partial by default for checkbox mode, allOrNothing for radio mode.\n * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring =\n * false. the value in `env` will override the value in `model`.\n * @param {Object} model - the main model\n * @param {boolean} model.partialScoring - is partial scoring enabled (if undefined set to to true)\n * @param {*} session\n * @param {Object} env\n * @param {boolean} env.partialScoring - is partial scoring enabled (if undefined default to true) This overrides\n *   `model.partialScoring`.\n */\nexport function outcome(model, session, env = {}) {\n  return new Promise((resolve) => {\n    if (!session || isEmpty(session)) {\n      resolve({ \n        score: 0, \n        empty: true, \n        traceLog: ['Student did not add any choices to response areas. Score is 0.'] \n      });\n    } else {\n      const traceLog = getLogTrace(model, session, env);\n      const score = getScore(model, session);\n      const partialScoringEnabled = partialScoring.enabled(model, env);\n\n      resolve({\n        score: partialScoringEnabled ? score : score === 1 ? 1 : 0,\n        empty: false,\n        traceLog\n      });\n    }\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      resolve({\n        value: question.correctResponse,\n        id: '1',\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\n// remove all html tags\nconst getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n// remove all html tags except img, iframe and source tag for audio\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const { choices, correctResponse, markup } = model;\n  const { minChoices = 2, maxChoices, maxResponseAreas } = config;\n  const errors = {};\n\n  ['teacherInstructions', 'prompt', 'rationale'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  const nbOfResponseAreas = ((markup || '').match(/\\{\\{(\\d+)\\}\\}/g) || []).length;\n  const nbOfChoices = (choices || []).length;\n  const emptyResponseAreas = Object.values(correctResponse)?.filter((response) => !response);\n\n  if (emptyResponseAreas.length) {\n    errors.correctResponseError = 'There should be a choice defined for each response area.';\n  }\n\n  if (nbOfResponseAreas > maxResponseAreas) {\n    errors.responseAreasError = `No more than ${maxResponseAreas} response areas should be defined.`;\n  } else if (nbOfResponseAreas < 1) {\n    errors.responseAreasError = 'There should be at least 1 response area defined.';\n  }\n\n  if (nbOfChoices < minChoices) {\n    errors.choicesError = `There should be at least ${minChoices} tokens defined.`;\n  } else if (nbOfChoices > maxChoices) {\n    errors.choicesError = `No more than ${maxChoices} tokens should be defined.`;\n  }\n\n  return errors;\n};\n"],"mappings":"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"}

package/dist/browser/editor-runtime/delivery/index.js

@@ -1,12 +1,12 @@
 import { a as e } from "../rolldown-runtime-CHQKHQ89.js";
-import { A as t, B as n, Bt as r, Dt as i, Et as a, J as o, Lt as s, M as c, P as l, Rt as u, T as d, Tt as f, V as p, Y as m, _ as h, a as g, c as _, dt as v, et as y, g as b, h as x, ht as S, i as C, k as w, m as T, n as E, o as D, pt as O, r as k, s as ee, t as te, xt as ne, zt as A } from "../drag-provider-DQlukEyZ.js";
+import { A as t, B as n, Dt as r, Et as i, J as a, Lt as o, M as s, P as c, Rt as l, T as u, Tt as d, V as f, Vt as p, Y as m, _ as h, a as g, c as _, dt as v, et as y, g as b, h as x, ht as S, i as C, k as w, m as T, n as E, o as D, pt as O, r as k, s as ee, t as te, xt as ne, zt as A } from "../drag-provider-UfwrFy4Z.js";
 import { h as j, m as M } from "../dist-CqufoV2m.js";
 import * as N from "react";
 import P, { useEffect as F, useRef as I, useState as re } from "react";
 import { createRoot as ie } from "react-dom/client";
 import { jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var z = /* @__PURE__ */ e(s(), 1), ae = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ R("svg", {
+var z = /* @__PURE__ */ e(o(), 1), ae = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ R("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-283 359 34 35",
@@ -1738,7 +1738,7 @@ var dt = ut(b, "Readable") || ut(mt.Readable, "Readable"), ft = _, pt = ft.defau
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${u.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${l.text()})`,
 	fontWeight: "normal",
 	...gt
 })), bt = S("div")(() => ({
@@ -2092,7 +2092,7 @@ var Vt = /* @__PURE__ */ Y(((e, t) => {
 Vt();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/serialization.js
-var Ht = /* @__PURE__ */ e(l(), 1), Ut = Vt(), Wt = (0, Ht.default)("@pie-lib:mask-markup:serialization"), Gt = ["span"], Kt = [
+var Ht = /* @__PURE__ */ e(c(), 1), Ut = Vt(), Wt = (0, Ht.default)("@pie-lib:mask-markup:serialization"), Gt = ["span"], Kt = [
 	"em",
 	"strong",
 	"u"
@@ -2286,7 +2286,7 @@ var Ht = /* @__PURE__ */ e(l(), 1), Ut = Vt(), Wt = (0, Ht.default)("@pie-lib:ma
 	};
 	componentDidMount() {
 		let e = this.props.containerRef || this.internalContainerRef;
-		e.current && typeof r == "function" && r(e.current);
+		e.current && typeof p == "function" && p(e.current);
 	}
 	handleChange = (e, t) => {
 		let n = {
@@ -2341,39 +2341,39 @@ var Ht = /* @__PURE__ */ e(l(), 1), Ut = Vt(), Wt = (0, Ht.default)("@pie-lib:ma
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Chip/chipClasses.js
 function bn(e) {
-	return a("MuiChip", e);
+	return i("MuiChip", e);
 }
-var X = f("MuiChip", /* @__PURE__ */ "root.sizeSmall.sizeMedium.colorDefault.colorError.colorInfo.colorPrimary.colorSecondary.colorSuccess.colorWarning.disabled.clickable.clickableColorPrimary.clickableColorSecondary.deletable.deletableColorPrimary.deletableColorSecondary.outlined.filled.outlinedPrimary.outlinedSecondary.filledPrimary.filledSecondary.avatar.avatarSmall.avatarMedium.avatarColorPrimary.avatarColorSecondary.icon.iconSmall.iconMedium.iconColorPrimary.iconColorSecondary.label.labelSmall.labelMedium.deleteIcon.deleteIconSmall.deleteIconMedium.deleteIconColorPrimary.deleteIconColorSecondary.deleteIconOutlinedColorPrimary.deleteIconOutlinedColorSecondary.deleteIconFilledColorPrimary.deleteIconFilledColorSecondary.focusVisible".split(".")), xn = (e) => {
+var X = d("MuiChip", /* @__PURE__ */ "root.sizeSmall.sizeMedium.colorDefault.colorError.colorInfo.colorPrimary.colorSecondary.colorSuccess.colorWarning.disabled.clickable.clickableColorPrimary.clickableColorSecondary.deletable.deletableColorPrimary.deletableColorSecondary.outlined.filled.outlinedPrimary.outlinedSecondary.filledPrimary.filledSecondary.avatar.avatarSmall.avatarMedium.avatarColorPrimary.avatarColorSecondary.icon.iconSmall.iconMedium.iconColorPrimary.iconColorSecondary.label.labelSmall.labelMedium.deleteIcon.deleteIconSmall.deleteIconMedium.deleteIconColorPrimary.deleteIconColorSecondary.deleteIconOutlinedColorPrimary.deleteIconOutlinedColorSecondary.deleteIconFilledColorPrimary.deleteIconFilledColorSecondary.focusVisible".split(".")), xn = (e) => {
 	let { classes: t, disabled: n, size: r, color: i, iconColor: a, onDelete: o, clickable: s, variant: c } = e;
 	return ne({
 		root: [
 			"root",
 			c,
 			n && "disabled",
-			`size${p(r)}`,
-			`color${p(i)}`,
+			`size${f(r)}`,
+			`color${f(i)}`,
 			s && "clickable",
-			s && `clickableColor${p(i)}`,
+			s && `clickableColor${f(i)}`,
 			o && "deletable",
-			o && `deletableColor${p(i)}`,
-			`${c}${p(i)}`
+			o && `deletableColor${f(i)}`,
+			`${c}${f(i)}`
 		],
-		label: ["label", `label${p(r)}`],
+		label: ["label", `label${f(r)}`],
 		avatar: [
 			"avatar",
-			`avatar${p(r)}`,
-			`avatarColor${p(i)}`
+			`avatar${f(r)}`,
+			`avatarColor${f(i)}`
 		],
 		icon: [
 			"icon",
-			`icon${p(r)}`,
-			`iconColor${p(a)}`
+			`icon${f(r)}`,
+			`iconColor${f(a)}`
 		],
 		deleteIcon: [
 			"deleteIcon",
-			`deleteIcon${p(r)}`,
-			`deleteIconColor${p(i)}`,
-			`deleteIcon${p(c)}Color${p(i)}`
+			`deleteIcon${f(r)}`,
+			`deleteIconColor${f(i)}`,
+			`deleteIcon${f(c)}Color${f(i)}`
 		]
 	}, bn, t);
 }, Sn = S("div", {
@@ -2383,24 +2383,24 @@ var X = f("MuiChip", /* @__PURE__ */ "root.sizeSmall.sizeMedium.colorDefault.col
 		let { ownerState: n } = e, { color: r, iconColor: i, clickable: a, onDelete: o, size: s, variant: c } = n;
 		return [
 			{ [`& .${X.avatar}`]: t.avatar },
-			{ [`& .${X.avatar}`]: t[`avatar${p(s)}`] },
-			{ [`& .${X.avatar}`]: t[`avatarColor${p(r)}`] },
+			{ [`& .${X.avatar}`]: t[`avatar${f(s)}`] },
+			{ [`& .${X.avatar}`]: t[`avatarColor${f(r)}`] },
 			{ [`& .${X.icon}`]: t.icon },
-			{ [`& .${X.icon}`]: t[`icon${p(s)}`] },
-			{ [`& .${X.icon}`]: t[`iconColor${p(i)}`] },
+			{ [`& .${X.icon}`]: t[`icon${f(s)}`] },
+			{ [`& .${X.icon}`]: t[`iconColor${f(i)}`] },
 			{ [`& .${X.deleteIcon}`]: t.deleteIcon },
-			{ [`& .${X.deleteIcon}`]: t[`deleteIcon${p(s)}`] },
-			{ [`& .${X.deleteIcon}`]: t[`deleteIconColor${p(r)}`] },
-			{ [`& .${X.deleteIcon}`]: t[`deleteIcon${p(c)}Color${p(r)}`] },
+			{ [`& .${X.deleteIcon}`]: t[`deleteIcon${f(s)}`] },
+			{ [`& .${X.deleteIcon}`]: t[`deleteIconColor${f(r)}`] },
+			{ [`& .${X.deleteIcon}`]: t[`deleteIcon${f(c)}Color${f(r)}`] },
 			t.root,
-			t[`size${p(s)}`],
-			t[`color${p(r)}`],
+			t[`size${f(s)}`],
+			t[`color${f(r)}`],
 			a && t.clickable,
-			a && r !== "default" && t[`clickableColor${p(r)}`],
+			a && r !== "default" && t[`clickableColor${f(r)}`],
 			o && t.deletable,
-			o && r !== "default" && t[`deletableColor${p(r)}`],
+			o && r !== "default" && t[`deletableColor${f(r)}`],
 			t[c],
-			t[`${c}${p(r)}`]
+			t[`${c}${f(r)}`]
 		];
 	}
 })(m(({ theme: e }) => {
@@ -2568,7 +2568,7 @@ var X = f("MuiChip", /* @__PURE__ */ "root.sizeSmall.sizeMedium.colorDefault.col
 	slot: "Label",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e, { size: r } = n;
-		return [t.label, t[`label${p(r)}`]];
+		return [t.label, t[`label${f(r)}`]];
 	}
 })({
 	overflow: "hidden",
@@ -2607,17 +2607,17 @@ function wn(e) {
 	return e.key === "Backspace" || e.key === "Delete";
 }
 var Tn = /*#__PURE__*/ N.forwardRef(function(e, n) {
-	let r = v({
+	let i = v({
 		props: e,
 		name: "MuiChip"
-	}), { avatar: a, className: s, clickable: c, color: l = "default", component: u, deleteIcon: d, disabled: f = !1, icon: p, label: m, onClick: h, onDelete: g, onKeyDown: _, onKeyUp: b, size: x = "medium", variant: S = "filled", tabIndex: C, skipFocusWhenDisabled: w = !1, slots: T = {}, slotProps: E = {}, ...D } = r, O = y(N.useRef(null), n), k = (e) => {
+	}), { avatar: o, className: s, clickable: c, color: l = "default", component: u, deleteIcon: d, disabled: f = !1, icon: p, label: m, onClick: h, onDelete: g, onKeyDown: _, onKeyUp: b, size: x = "medium", variant: S = "filled", tabIndex: C, skipFocusWhenDisabled: w = !1, slots: T = {}, slotProps: E = {}, ...D } = i, O = y(N.useRef(null), n), k = (e) => {
 		e.stopPropagation(), g(e);
 	}, ee = (e) => {
 		e.currentTarget === e.target && wn(e) && e.preventDefault(), _ && _(e);
 	}, te = (e) => {
 		e.currentTarget === e.target && g && wn(e) && g(e), b && b(e);
 	}, ne = c !== !1 && h ? !0 : c, A = ne || g ? t : u || "div", j = {
-		...r,
+		...i,
 		component: A,
 		disabled: f,
 		size: x,
@@ -2632,20 +2632,20 @@ var Tn = /*#__PURE__*/ N.forwardRef(function(e, n) {
 		...g && { disableRipple: !0 }
 	} : {}, F = null;
 	g && (F = d && /*#__PURE__*/ N.isValidElement(d) ? /*#__PURE__*/ N.cloneElement(d, {
-		className: i(d.props.className, M.deleteIcon),
+		className: r(d.props.className, M.deleteIcon),
 		onClick: k
 	}) : /*#__PURE__*/ L(yn, {
 		className: M.deleteIcon,
 		onClick: k
 	}));
 	let I = null;
-	a && /*#__PURE__*/ N.isValidElement(a) && (I = /*#__PURE__*/ N.cloneElement(a, { className: i(M.avatar, a.props.className) }));
+	o && /*#__PURE__*/ N.isValidElement(o) && (I = /*#__PURE__*/ N.cloneElement(o, { className: r(M.avatar, o.props.className) }));
 	let re = null;
-	p && /*#__PURE__*/ N.isValidElement(p) && (re = /*#__PURE__*/ N.cloneElement(p, { className: i(M.icon, p.props.className) }));
+	p && /*#__PURE__*/ N.isValidElement(p) && (re = /*#__PURE__*/ N.cloneElement(p, { className: r(M.icon, p.props.className) }));
 	let ie = {
 		slots: T,
 		slotProps: E
-	}, [z, ae] = o("root", {
+	}, [z, ae] = a("root", {
 		elementType: Sn,
 		externalForwardedProps: {
 			...ie,
@@ -2654,7 +2654,7 @@ var Tn = /*#__PURE__*/ N.forwardRef(function(e, n) {
 		ownerState: j,
 		shouldForwardComponentProp: !0,
 		ref: O,
-		className: i(M.root, s),
+		className: r(M.root, s),
 		additionalProps: {
 			disabled: ne && f ? !0 : void 0,
 			tabIndex: w && f ? -1 : C,
@@ -2672,7 +2672,7 @@ var Tn = /*#__PURE__*/ N.forwardRef(function(e, n) {
 				e.onKeyUp?.(t), te(t);
 			}
 		})
-	}), [oe, se] = o("label", {
+	}), [oe, se] = a("label", {
 		elementType: Cn,
 		externalForwardedProps: ie,
 		ownerState: j,
@@ -2697,10 +2697,10 @@ var Tn = /*#__PURE__*/ N.forwardRef(function(e, n) {
 	display: "inline-flex",
 	...t && {}
 })), On = S(Tn)(({ selected: e }) => ({
-	backgroundColor: u.white(),
-	border: e ? `solid 2px ${u.buttonFocusOutline()}` : `1px solid ${u.text()}`,
+	backgroundColor: l.white(),
+	border: e ? `solid 2px ${l.buttonFocusOutline()}` : `1px solid ${l.text()}`,
 	opacity: e ? .7 : 1,
-	color: u.text(),
+	color: l.text(),
 	alignItems: "center",
 	display: "inline-flex",
 	height: "initial",
@@ -2722,8 +2722,8 @@ var Tn = /*#__PURE__*/ N.forwardRef(function(e, n) {
 	"& mjx-frac": { fontSize: "120% !important" },
 	"& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn": { fontSize: "120% !important" }
 }));
-function An({ choice: e, disabled: t, instanceId: n, selectedItem: i, onSelectClick: a }) {
-	let o = I(null), { attributes: s, listeners: c, setNodeRef: l, isDragging: u } = D({
+function An({ choice: e, disabled: t, instanceId: n, selectedItem: r, onSelectClick: i }) {
+	let a = I(null), { attributes: o, listeners: s, setNodeRef: c, isDragging: l } = D({
 		id: `choice-${e.id}`,
 		data: {
 			choice: e,
@@ -2734,32 +2734,32 @@ function An({ choice: e, disabled: t, instanceId: n, selectedItem: i, onSelectCl
 		disabled: t
 	});
 	F(() => {
-		r(o.current);
+		p(a.current);
 	}, [e.value]);
-	let d = !!i && i.fromChoice === !0 && i.choice.id === e.id;
+	let u = !!r && r.fromChoice === !0 && r.choice.id === e.id;
 	return /* @__PURE__ */ L(Dn, {
-		ref: l,
-		style: u ? {
-			width: o.current?.offsetWidth || 90,
-			height: o.current?.offsetHeight || 32
+		ref: c,
+		style: l ? {
+			width: a.current?.offsetWidth || 90,
+			height: a.current?.offsetHeight || 32
 		} : {},
 		disabled: t,
-		selected: d,
+		selected: u,
 		onClick: (r) => {
-			t || (r.stopPropagation(), a?.({
+			t || (r.stopPropagation(), i?.({
 				choice: e,
 				instanceId: n,
 				fromChoice: !0,
 				type: "MaskBlank"
 			}));
 		},
-		...c,
 		...s,
+		...o,
 		children: /* @__PURE__ */ L(On, {
 			clickable: !1,
 			disabled: t,
-			selected: d,
-			ref: o,
+			selected: u,
+			ref: a,
 			label: /* @__PURE__ */ L(kn, { dangerouslySetInnerHTML: { __html: e.value } })
 		})
 	});
@@ -2798,22 +2798,22 @@ var Nn = S("div")(({ theme: e }) => ({
 		userSelect: "none",
 		width: "100%",
 		height: "100%",
-		background: u.white(),
+		background: l.white(),
 		transition: "background-color 200ms linear, border-color 200ms linear",
 		boxSizing: "border-box",
 		display: "grid",
 		gridRowGap: e.spacing(1),
 		gridColumnGap: e.spacing(1),
 		padding: e.spacing(1),
-		border: `2px dashed ${u.black()}`
+		border: `2px dashed ${l.black()}`
 	},
 	"&.placeholderDisabled": {
 		boxShadow: "none",
-		background: u.white()
+		background: l.white()
 	},
 	"&.over": {
-		border: `1px solid ${u.border()}`,
-		backgroundColor: u.backgroundDark()
+		border: `1px solid ${l.border()}`,
+		backgroundColor: l.backgroundDark()
 	},
 	"&.board": {
 		padding: e.spacing(1),
@@ -2824,7 +2824,7 @@ var Nn = S("div")(({ theme: e }) => ({
 		justifyContent: "center",
 		overflow: "hidden",
 		touchAction: "none",
-		backgroundColor: u.surface()
+		backgroundColor: l.surface()
 	},
 	"&.categorizeBoard": {
 		padding: e.spacing(.5),
@@ -2835,19 +2835,19 @@ var Nn = S("div")(({ theme: e }) => ({
 		justifyContent: "center",
 		overflow: "hidden",
 		touchAction: "none",
-		backgroundColor: u.surface()
+		backgroundColor: l.surface()
 	},
 	"&.verticalPool": {
 		display: "flex",
 		flexFlow: "column wrap"
 	}
 })), Pn = (e) => {
-	let { children: t, className: n, isOver: r, type: i, grid: a, disabled: o, choiceBoard: s, isCategorize: c, isVerticalPool: l, minHeight: d, extraStyles: f } = e, p = Mn("placeholder", o && "placeholderDisabled", r && "over", i, n), m = {};
+	let { children: t, className: n, isOver: r, type: i, grid: a, disabled: o, choiceBoard: s, isCategorize: c, isVerticalPool: u, minHeight: d, extraStyles: f } = e, p = Mn("placeholder", o && "placeholderDisabled", r && "over", i, n), m = {};
 	if (a && a.columns && (m.gridTemplateColumns = `repeat(${a.columns}, 1fr)`), a && a.rows) {
 		let e = a.rowsRepeatValue || "1fr";
 		m.gridTemplateRows = `repeat(${a.rows}, ${e})`;
 	}
-	i === "choice" && (m.border = `1px solid ${u.borderLight()}`, m.background = u.surface());
+	i === "choice" && (m.border = `1px solid ${l.borderLight()}`, m.background = l.surface());
 	let h = c ? "categorizeBoard" : "board";
 	return /* @__PURE__ */ L(Nn, {
 		style: {
@@ -2855,7 +2855,7 @@ var Nn = S("div")(({ theme: e }) => ({
 			minHeight: d,
 			...f
 		},
-		className: Mn(s ? h : p, l && "verticalPool"),
+		className: Mn(s ? h : p, u && "verticalPool"),
 		children: t
 	});
 };
@@ -2984,7 +2984,7 @@ function zn() {
 //#region ../../lib-react/mask-markup/dist/components/blank.js
 (0, Ht.default)("pie-lib:mask-markup:blank");
 var Bn = S("span")(({ dragged: e, over: t, selected: n, showsPointerCursor: r }) => ({
-	border: `solid 0px ${u.primary()}`,
+	border: `solid 0px ${l.primary()}`,
 	minWidth: "200px",
 	overflow: "hidden",
 	whiteSpace: "nowrap",
@@ -3000,10 +3000,10 @@ var Bn = S("span")(({ dragged: e, over: t, selected: n, showsPointerCursor: r })
 	display: "inline-flex",
 	touchAction: "none"
 }), Hn = S(Tn)(() => ({
-	backgroundColor: u.background(),
-	border: `2px dashed ${u.text()}`,
+	backgroundColor: l.background(),
+	border: `2px dashed ${l.text()}`,
 	touchAction: "none",
-	color: u.text(),
+	color: l.text(),
 	fontSize: "inherit",
 	maxWidth: "374px",
 	position: "relative",
@@ -3016,8 +3016,8 @@ var Bn = S("span")(({ dragged: e, over: t, selected: n, showsPointerCursor: r })
 		border: `1px solid ${A[500]}`,
 		backgroundColor: `${A[300]}`
 	},
-	"&.correct": { border: `solid 1px ${u.correct()}` },
-	"&.incorrect": { border: `solid 1px ${u.incorrect()}` },
+	"&.correct": { border: `solid 1px ${l.correct()}` },
+	"&.incorrect": { border: `solid 1px ${l.incorrect()}` },
 	"&.Mui-disabled": { opacity: 1 }
 })), Un = S("span")(() => ({
 	whiteSpace: "normal",
@@ -3048,38 +3048,38 @@ var Bn = S("span")(({ dragged: e, over: t, selected: n, showsPointerCursor: r })
 		transform: "translateY(-50%)"
 	}
 }));
-function Wn({ disabled: e, choice: t, isOver: n, isDragging: i, dragItem: a, correct: o, emptyResponseAreaWidth: s, emptyResponseAreaHeight: c }) {
-	let l = I(null), u = I(null), d = I(null), f = I(!1), [p, m] = re({
+function Wn({ disabled: e, choice: t, isOver: n, isDragging: r, dragItem: i, correct: a, emptyResponseAreaWidth: o, emptyResponseAreaHeight: s }) {
+	let c = I(null), l = I(null), u = I(null), d = I(!1), [f, m] = re({
 		height: 0,
 		width: 0
 	}), h = () => {
 		v();
 	}, g = () => {
-		let e = u.current?.querySelector("img");
+		let e = l.current?.querySelector("img");
 		e ? e.onload = h : setTimeout(() => {
 			v();
 		}, 300);
 	}, _ = () => {
-		if (!u.current) return null;
-		if (u.current.querySelector("mjx-container") && u.current.parentElement) return u.current.parentElement;
-		let e = u.current.querySelector("img");
-		return e ? u.current.textContent.trim().length > 0 ? u.current : e : u.current;
+		if (!l.current) return null;
+		if (l.current.querySelector("mjx-container") && l.current.parentElement) return l.current.parentElement;
+		let e = l.current.querySelector("img");
+		return e ? l.current.textContent.trim().length > 0 ? l.current : e : l.current;
 	}, v = () => {
-		if (u.current && l.current && !f.current) {
-			f.current = !0, l.current.style.width = "auto", l.current.style.height = "auto", l.current.offsetHeight;
-			let e = _() || u.current, t = e.getBoundingClientRect(), n = e.offsetWidth || t.width || 0, r = Math.max(e.offsetHeight || 0, t.height || 0, e.scrollHeight || 0, u.current.scrollHeight || 0), i = n + 24 + 4 + 1, a = r + 24 + 4 + 1, o = parseFloat(s) || 0, d = parseFloat(c) || 0, p = i <= o ? o : i, h = a <= d ? d : a;
+		if (l.current && c.current && !d.current) {
+			d.current = !0, c.current.style.width = "auto", c.current.style.height = "auto", c.current.offsetHeight;
+			let e = _() || l.current, t = e.getBoundingClientRect(), n = e.offsetWidth || t.width || 0, r = Math.max(e.offsetHeight || 0, t.height || 0, e.scrollHeight || 0, l.current.scrollHeight || 0), i = n + 24 + 4 + 1, a = r + 24 + 4 + 1, u = parseFloat(o) || 0, f = parseFloat(s) || 0, p = i <= u ? u : i, h = a <= f ? f : a;
 			m((e) => ({
-				width: p > o ? p : e.width,
-				height: h > d ? h : e.height
+				width: p > u ? p : e.width,
+				height: h > f ? h : e.height
 			}));
 			let g = `${p}px`, v = `${h}px`;
-			l.current.style.width !== g && (l.current.style.width = g), l.current.style.height !== v && (l.current.style.height = v), f.current = !1;
+			c.current.style.width !== g && (c.current.style.width = g), c.current.style.height !== v && (c.current.style.height = v), d.current = !1;
 		}
 	}, y = () => {
-		let e = isNaN(parseFloat(s)) ? 0 : parseFloat(s), t = isNaN(parseFloat(c)) ? 0 : parseFloat(c);
+		let e = isNaN(parseFloat(o)) ? 0 : parseFloat(o), t = isNaN(parseFloat(s)) ? 0 : parseFloat(s);
 		return {
-			height: p.height || t,
-			width: p.width || e,
+			height: f.height || t,
+			width: f.width || e,
 			...e ? {} : { minWidth: 90 },
 			...t ? {} : { minHeight: 32 }
 		};
@@ -3087,17 +3087,17 @@ function Wn({ disabled: e, choice: t, isOver: n, isDragging: i, dragItem: a, cor
 	F(() => {
 		g();
 	}, []), F(() => {
-		if (typeof IntersectionObserver > "u" || !l.current) return;
+		if (typeof IntersectionObserver > "u" || !c.current) return;
 		let e = new IntersectionObserver((e) => {
 			e.some((e) => e.isIntersecting) && v();
 		}, { threshold: 0 });
-		return e.observe(l.current), () => e.disconnect();
+		return e.observe(c.current), () => e.disconnect();
 	}, []), F(() => {
-		l.current && r(l.current);
+		c.current && p(c.current);
 	}, [
-		o,
+		a,
 		n,
-		a?.choice?.value
+		i?.choice?.value
 	]), F(() => {
 		if (!t) {
 			m({
@@ -3108,26 +3108,26 @@ function Wn({ disabled: e, choice: t, isOver: n, isDragging: i, dragItem: a, cor
 		}
 		g();
 	}, [t?.value]), F(() => {
-		!n && !i && (d.current = {
-			width: l.current.offsetWidth,
-			height: l.current.offsetHeight
+		!n && !r && (u.current = {
+			width: c.current.offsetWidth,
+			height: c.current.offsetHeight
 		});
 	}, [
 		t,
 		n,
-		i
+		r
 	]);
-	let b = a && n && a.choice && a.choice.value, x = t && t.value, S = n || i ? {
-		width: d.current?.width,
-		height: d.current?.height
+	let b = i && n && i.choice && i.choice.value, x = t && t.value, S = n || r ? {
+		width: u.current?.width,
+		height: u.current?.height
 	} : y();
 	return /* @__PURE__ */ L(Hn, {
 		clickable: !1,
 		disabled: e,
-		ref: l,
+		ref: c,
 		component: "span",
 		label: /* @__PURE__ */ R(P.Fragment, { children: [/* @__PURE__ */ L(Un, {
-			ref: u,
+			ref: l,
 			draggable: !0,
 			className: zn({
 				over: n,
@@ -3145,8 +3145,8 @@ function Wn({ disabled: e, choice: t, isOver: n, isDragging: i, dragItem: a, cor
 		className: zn({
 			over: n,
 			parentOver: n,
-			correct: o !== void 0 && o,
-			incorrect: o !== void 0 && !o
+			correct: a !== void 0 && a,
+			incorrect: a !== void 0 && !a
 		}),
 		variant: e ? "outlined" : void 0,
 		style: S
@@ -3502,10 +3502,10 @@ function Z(e) {
 function Q(e, t) {
 	return !e || Z(e) ? e : Z(e.default) ? e.default : t && Z(e[t]) ? e[t] : t && Z(e[t]?.default) ? e[t].default : e;
 }
-var Qn = Q(d, "UiLayout") || Q(rr.UiLayout, "UiLayout"), $n = Q(h, "PreviewPrompt") || Q(rr.PreviewPrompt, "PreviewPrompt"), er = Q(c, "Collapsible") || Q(rr.Collapsible, "Collapsible"), tr = _, nr = tr.default, rr = nr && typeof nr == "object" ? nr : tr, ir = S(Qn)({
-	color: u.text(),
-	backgroundColor: u.background(),
-	"& tr > td": { color: u.text() },
+var Qn = Q(u, "UiLayout") || Q(rr.UiLayout, "UiLayout"), $n = Q(h, "PreviewPrompt") || Q(rr.PreviewPrompt, "PreviewPrompt"), er = Q(s, "Collapsible") || Q(rr.Collapsible, "Collapsible"), tr = _, nr = tr.default, rr = nr && typeof nr == "object" ? nr : tr, ir = S(Qn)({
+	color: l.text(),
+	backgroundColor: l.background(),
+	"& tr > td": { color: l.text() },
 	position: "relative"
 }), ar = S(er)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), or = S(er)(({ theme: e }) => ({ marginTop: e.spacing(2) })), sr = class extends P.Component {
 	static propTypes = {
@@ -3603,7 +3603,7 @@ var lr = cr("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMC
 				value: this._session.value,
 				onChange: this.changeSession
 			});
-			this._root ||= ie(this), this._root.render(e), setTimeout(() => r(this), 0);
+			this._root ||= ie(this), this._root.render(e), setTimeout(() => p(this), 0);
 		}
 	};
 	dispatchChangedEvent = () => {