@pie-element/charting 12.1.2-next.1 → 12.1.2-next.11

package/dist/browser/controller/index.js

@@ -1,4 +1,4 @@
-import { S as e, o as t, s as n, t as r, v as i } from "../dist-CA-Ok7CW.js";
+import { S as e, o as t, s as n, t as r, v as i } from "../dist-D6aoYeoC.js";
 //#region src/controller/defaults.ts
 var a = /* @__PURE__ */ e(i(), 1), o = {
 	addCategoryEnabled: !0,
@@ -38,7 +38,7 @@ var a = /* @__PURE__ */ e(i(), 1), o = {
 	return t || s(n, Symbol.toStringTag, { value: "Module" }), n;
 })({ enabled: () => l });
 function l(e, t, n) {
-	return e?.partialScoring === !1 || t?.partialScoring === !1 ? !1 : typeof n == "boolean" ? n : !0;
+	return e?.partialScoring === !1 || t?.partialScoring === !1 ? !1 : typeof n != "boolean" || n;
 }
 //#endregion
 //#region src/controller/index.ts
@@ -103,7 +103,7 @@ var u = (0, a.default)("@pie-element:graphing:controller"), d = (e) => (e || "")
 			return;
 		}
 		if (l.length > 0) {
-			let e = n ? i.value !== n.value : !0, s = n ? !f(i.label, n.label) : !0;
+			let e = !n || i.value !== n.value, s = !n || !f(i.label, n.label);
 			if (!e && !s) {
 				a && o ? r.push(`Category ${t + 1}: unchanged from initial value and correct.`) : r.push(`Category ${t + 1}: unchanged from initial value but incorrect.`);
 				return;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/controller/defaults.ts","../../../../../shared/controller-utils/dist/index.js","../../../src/controller/index.ts"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/charting/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\n/**\n * NOTE: There's no functionality described for graphTitle,\n * rationale, scoringType, studentInstructions, teacherInstructions\n * so there's no implementation (they are only added in model)\n */\n\nexport default {\n  addCategoryEnabled: true,\n  changeAddCategoryEnabled: false,\n  changeEditableEnabled: false,\n  changeInteractiveEnabled: false,\n  chartType: 'lineCross',\n  correctAnswer: {},\n  data: [],\n  domain: {},\n  graph: { width: 480, height: 480 },\n  prompt: '',\n  promptEnabled: true,\n  range: { label: '', max: 1, min: 0, labelStep: 1 },\n  rationale: '',\n  rationaleEnabled: true,\n  scoringType: 'all or nothing',\n  studentInstructionsEnabled: true,\n  studentNewCategoryDefaultLabel: 'New Category',\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  title: '',\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 : !1;\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 : !0;\n}\n//#endregion\nexport { a as getShuffledChoices, o as lockChoices, s as partialScoring };\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/charting/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 debug from 'debug';\nimport { isEmpty, isEqual, pick } from '@pie-element/shared-lodash';\nimport defaults from './defaults.js';\n\nimport { partialScoring } from '@pie-element/shared-controller-utils';\n\nconst log = debug('@pie-element:graphing:controller');\n\nconst lowerCase = (string) => (string || '').toLowerCase();\n\nexport const checkLabelsEquality = (givenAnswerLabel, correctAnswerLabel) =>\n  lowerCase(givenAnswerLabel) === lowerCase(correctAnswerLabel);\n\nexport const setCorrectness = (answers, partialScoring) =>\n  answers\n    ? answers.map((answer) => ({\n        ...answer,\n        correctness: {\n          value: partialScoring ? 'incorrect' : 'correct',\n          label: partialScoring ? 'incorrect' : 'correct',\n        },\n      }))\n    : [];\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\nexport const getScore = (question, session, env = {}) => {\n  const { correctAnswer, data: initialData = [], scoringType } = question;\n  let correctResponses = [];\n\n  const isPartialScoring = partialScoring.enabled(\n    { partialScoring: scoringType !== undefined ? scoringType === 'partial scoring' : scoringType },\n    env,\n  );\n\n  const { data: correctAnswers = [] } = correctAnswer || {};\n  const defaultAnswers = filterCategories(initialData);\n\n  let answers = setCorrectness((session && session.answer) || defaultAnswers, isPartialScoring);\n\n  let result = 0;\n\n  if (isPartialScoring) {\n    // if score type is \"partial scoring\"\n    // maxScore is calculated based on the correct response\n    // score is calculated based on the given response\n    let maxScore = 0;\n    let score = 0;\n\n    const scoreForLabelAndValueEditable = (answer, corrAnswer) => {\n      const { value, label, index } = answer;\n      const valueIsCorrect = value === corrAnswer.value;\n      const labelIsCorrect = checkLabelsEquality(label, corrAnswer.label);\n      maxScore += 2;\n\n      if (valueIsCorrect) {\n        score += 1;\n        answer.correctness.value = 'correct';\n      }\n\n      if (labelIsCorrect) {\n        score += 1;\n        answer.correctness.label = 'correct';\n      }\n\n      if (valueIsCorrect && labelIsCorrect) {\n        correctResponses.push({ label: label, index: index });\n      }\n    };\n\n    // if given answer has more categories than the correct answers, the \"extra\" will be ignored\n    correctAnswers.forEach((corrAnswer, index) => {\n      const defaultAnswer = defaultAnswers[index];\n      const answer = answers[index];\n\n      // if there is a corresponding category at the same position in the given answer\n      if (answer) {\n        // if there is a corresponding category at the same position in the default answer\n        if (defaultAnswer) {\n          // if category's label (in default answer) was not editable\n          // it means that this category values only one point (only the value can be changed)\n          if (!defaultAnswer.editable && answer.interactive) {\n            maxScore += 1;\n\n            if (answer.value === corrAnswer.value) {\n              score += 1;\n              answer.correctness.value = 'correct';\n              correctResponses.push({ label: answer.label, index: index });\n            }\n            answer.correctness.label = 'correct';\n\n            // if category's label (in default answer) was editable\n            // it means that this category values 2 points (both label and value can be changed)\n          } else if (defaultAnswer.editable && answer.interactive) {\n            scoreForLabelAndValueEditable(answer, corrAnswer);\n          } else if (!answer.interactive) {\n            answer.correctness.value = 'correct';\n            answer.correctness.label = 'correct';\n            correctResponses.push({ label: answer.label, index: index });\n          }\n        } else {\n          // if there is not a corresponding category at the same position in the default answer\n          scoreForLabelAndValueEditable(answer, corrAnswer);\n        }\n      } else {\n        // if there is not a corresponding category at the same position in the given answer\n        // it means that the given answer has less categories than the correct answer\n        maxScore += 2;\n      }\n    });\n\n    result = maxScore ? score / maxScore : 0;\n  } else {\n    // all-or-nothing scoring: overall score is 1 only if lengths and all values/labels match\n    result = correctAnswers.length === answers.length ? 1 : 0;\n\n    // regardless of overall result, mark each answer individually for user feedback\n    answers = answers.map((answer, index) => {\n      const correctAnswer = correctAnswers[index];\n      const valueIsCorrect = correctAnswer ? answer.value === correctAnswer.value : false;\n      const labelIsCorrect = correctAnswer ? lowerCase(answer.label) === lowerCase(correctAnswer.label) : false;\n\n      if (!valueIsCorrect || !labelIsCorrect) {\n        result = 0;\n      }\n\n      if (valueIsCorrect && labelIsCorrect) {\n        correctResponses.push({ label: answer.label, index });\n      }\n\n      return {\n        ...answer,\n        correctness: {\n          value: valueIsCorrect ? 'correct' : 'incorrect',\n          label: labelIsCorrect ? 'correct' : 'incorrect',\n        },\n      };\n    });\n  }\n\n  const score = {\n    score: parseFloat(result.toFixed(2)),\n    answers,\n  };\n\n  if (env.extraProps && env.extraProps.correctResponseEnabled) {\n    score.correctResponses = correctResponses;\n  }\n\n  return score;\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\n  const { correctAnswer, data: initialData = [], scoringType } = model || {};\n  const { data: correctAnswers = [] } = correctAnswer || {};\n  const studentAnswers = (session && session.answer) || [];\n\n  const isPartialScoring = partialScoring.enabled(\n    { partialScoring: scoringType !== undefined ? scoringType === 'partial scoring' : scoringType },\n    env\n  );\n\n  const defaultAnswers = filterCategories(initialData);\n  const answers = studentAnswers.length > 0 ? filterCategories(studentAnswers) : defaultAnswers;\n\n  if (!studentAnswers.length) {\n    traceLog.push(`Student did not modify the chart. Initial chart is scored.`);\n  }\n\n  correctAnswers.forEach((correct, index) => {\n    const initial = defaultAnswers[index];\n    const student = answers[index];\n\n    if (!student) {\n      traceLog.push(`Category ${index + 1}: missing (expected value '${correct.value}', label '${correct.label}').`);\n      return;\n    }\n\n    const valueCorrect = student.value === correct.value;\n    const labelCorrect = checkLabelsEquality(student.label, correct.label);\n\n    if (!student.interactive) {\n      traceLog.push(`Category ${index + 1}: non-interactive category treated as correct.`);\n      return;\n    }\n\n    if (studentAnswers.length > 0) {\n      const valueChanged = initial ? student.value !== initial.value : true;\n      const labelChanged = initial ? !checkLabelsEquality(student.label, initial.label) : true;\n\n      if (!valueChanged && !labelChanged) {\n        if (valueCorrect && labelCorrect) {\n          traceLog.push(`Category ${index + 1}: unchanged from initial value and correct.`);\n        } else {\n          traceLog.push(`Category ${index + 1}: unchanged from initial value but incorrect.`);\n        }\n        return;\n      }\n\n      const parts = [];\n      if (valueChanged) {\n        parts.push(`value ${valueCorrect ? 'correct' : 'incorrect'}`);\n      }\n      if (labelChanged) {\n        parts.push(`label ${labelCorrect ? 'correct' : 'incorrect'}`);\n      }\n      traceLog.push(`Category ${index + 1}: modified - ${parts.join(', ')}.`);\n    } else {\n      if (valueCorrect && labelCorrect) {\n        traceLog.push(`Category ${index + 1}: initial values are correct.`);\n      } else if (valueCorrect) {\n        traceLog.push(`Category ${index + 1}: initial value correct, label incorrect.`);\n      } else if (labelCorrect) {\n        traceLog.push(`Category ${index + 1}: initial value incorrect, label correct.`);\n      } else {\n        traceLog.push(`Category ${index + 1}: initial value and label incorrect.`);\n      }\n    }\n  });\n\n  if (answers.length > correctAnswers.length) {\n    const extra = answers.length - correctAnswers.length;\n    traceLog.push(`${extra} extra category(ies) provided beyond expected number.`);\n  }\n\n  if (isPartialScoring) {\n    traceLog.push('Score calculated using partial scoring.');\n    traceLog.push('Student receives credit for each correct value and label independently.');\n  } else {\n    traceLog.push('Score calculated using all-or-nothing scoring.');\n    traceLog.push('Student must match all category values and labels exactly for full credit.');\n  }\n\n  const scoreObject = getScore(model, session, env);\n  traceLog.push(`Score: ${scoreObject.score}.`);\n\n  return traceLog;\n};\n\n\n// eslint-disable-next-line no-unused-vars\nexport const filterCategories = (categories) => (categories ? categories.map(({ deletable, ...rest }) => rest) : []);\n\nexport function model(question, session, env) {\n  return new Promise((resolve) => {\n    const normalizedQuestion = normalize(question);\n    const {\n      addCategoryEnabled,\n      chartType,\n      data,\n      domain,\n      graph,\n      prompt,\n      promptEnabled,\n      range,\n      rationale,\n      title,\n      rationaleEnabled,\n      teacherInstructions,\n      teacherInstructionsEnabled,\n      correctAnswer,\n      scoringType,\n      studentNewCategoryDefaultLabel,\n      language,\n      extraCSSRules,\n    } = normalizedQuestion;\n\n    const correctInfo = { correctness: 'incorrect', score: '0%' };\n\n    const base = {\n      addCategoryEnabled,\n      chartType,\n      data: filterCategories(data),\n      domain,\n      graph,\n      prompt: promptEnabled ? prompt : null,\n      range,\n      rationale,\n      title,\n      size: graph,\n      showToggle: false,\n      correctness: correctInfo,\n      disabled: env.mode !== 'gather',\n      scoringType,\n      studentNewCategoryDefaultLabel,\n      language,\n      env,\n      extraCSSRules,\n    };\n\n    const scoreObject = getScore(normalizedQuestion, session, env);\n    const answers = filterCategories(scoreObject.answers);\n\n    if (env.mode === 'view') {\n      // eslint-disable-next-line no-unused-vars\n      base.correctedAnswer = answers.map(({ correctness, ...rest }) => {\n        return { ...rest, interactive: false };\n      });\n\n      base.addCategoryEnabled = false;\n    }\n\n    if (env.mode === 'evaluate') {\n      base.correctedAnswer = answers;\n      base.correctAnswer = correctAnswer;\n      base.showToggle = !!correctAnswer?.data?.length && scoreObject.score !== 1;\n      base.addCategoryEnabled = false;\n      base.showKeyLegend = true;\n    }\n\n    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n      base.rationale = rationaleEnabled ? rationale : null;\n      base.teacherInstructions = teacherInstructionsEnabled ? teacherInstructions : null;\n    } else {\n      base.rationale = null;\n      base.teacherInstructions = null;\n    }\n\n    log('base: ', base);\n    resolve(base);\n  });\n}\n\nexport function outcome(model, session, env) {\n  return new Promise((resolve) => {\n    const traceLog = getLogTrace(model, session, env);\n    const scoreObject = getScore(model, session, env);\n    \n    const result = {\n      score: scoreObject.score,\n      empty: !session || isEmpty(session),\n      traceLog\n    };\n    \n    if (env.extraProps && env.extraProps.correctResponseEnabled) {\n      result.extraProps = { correctResponse: scoreObject.correctResponses };\n    }\n    \n    resolve(result);\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { correctAnswer } = question;\n\n      let answers = correctAnswer && correctAnswer.data;\n\n      // for IBX preview mode\n      if (env.mode === 'gather') {\n        const { data } = question;\n\n        answers = ((correctAnswer && correctAnswer.data) || []).map((answer, index) => {\n          return {\n            ...data[index],\n            ...answer,\n          };\n        });\n      }\n\n      resolve({\n        answer: answers,\n        id: '1',\n      });\n    } else {\n      return 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 { correctAnswer, data } = model || {};\n  const { data: correctData } = correctAnswer || {};\n  const categories = correctData || [];\n\n  const errors = {};\n  const correctAnswerErrors = {};\n  const categoryErrors = {};\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  categories.forEach((category, index) => {\n    const { label } = category;\n\n    if (!getInnerText(label)) {\n      categoryErrors[index] = 'Content should not be empty. ';\n    } else {\n      const identicalAnswer = categories.some((c, i) => c.label === label && index !== i);\n\n      if (identicalAnswer) {\n        categoryErrors[index] = 'Category names should be unique. ';\n      }\n    }\n  });\n\n  if (categories.length < 1 || categories.length > 20) {\n    correctAnswerErrors.categoriesError = 'The correct answer should include between 1 and 20 categories.';\n  } else if (\n    isEqual(\n      data.map((category) => pick(category, 'value', 'label')),\n      correctData.map((category) => pick(category, 'value', 'label')),\n    )\n  ) {\n    correctAnswerErrors.identicalError = 'Correct answer should not be identical to the chart’s initial state';\n  }\n\n  if (!isEmpty(categoryErrors)) {\n    errors.categoryErrors = categoryErrors;\n  }\n\n  if (!isEmpty(correctAnswerErrors)) {\n    errors.correctAnswerErrors = correctAnswerErrors;\n  }\n\n  return errors;\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/controller/defaults.ts","../../../../../shared/controller-utils/dist/index.js","../../../src/controller/index.ts"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/charting/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\n/**\n * NOTE: There's no functionality described for graphTitle,\n * rationale, scoringType, studentInstructions, teacherInstructions\n * so there's no implementation (they are only added in model)\n */\n\nexport default {\n  addCategoryEnabled: true,\n  changeAddCategoryEnabled: false,\n  changeEditableEnabled: false,\n  changeInteractiveEnabled: false,\n  chartType: 'lineCross',\n  correctAnswer: {},\n  data: [],\n  domain: {},\n  graph: { width: 480, height: 480 },\n  prompt: '',\n  promptEnabled: true,\n  range: { label: '', max: 1, min: 0, labelStep: 1 },\n  rationale: '',\n  rationaleEnabled: true,\n  scoringType: 'all or nothing',\n  studentInstructionsEnabled: true,\n  studentNewCategoryDefaultLabel: 'New Category',\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n  title: '',\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/charting/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 debug from 'debug';\nimport { isEmpty, isEqual, pick } from '@pie-element/shared-lodash';\nimport defaults from './defaults.js';\n\nimport { partialScoring } from '@pie-element/shared-controller-utils';\n\nconst log = debug('@pie-element:graphing:controller');\n\nconst lowerCase = (string) => (string || '').toLowerCase();\n\nexport const checkLabelsEquality = (givenAnswerLabel, correctAnswerLabel) =>\n  lowerCase(givenAnswerLabel) === lowerCase(correctAnswerLabel);\n\nexport const setCorrectness = (answers, partialScoring) =>\n  answers\n    ? answers.map((answer) => ({\n        ...answer,\n        correctness: {\n          value: partialScoring ? 'incorrect' : 'correct',\n          label: partialScoring ? 'incorrect' : 'correct',\n        },\n      }))\n    : [];\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\nexport const getScore = (question, session, env = {}) => {\n  const { correctAnswer, data: initialData = [], scoringType } = question;\n  let correctResponses = [];\n\n  const isPartialScoring = partialScoring.enabled(\n    { partialScoring: scoringType !== undefined ? scoringType === 'partial scoring' : scoringType },\n    env,\n  );\n\n  const { data: correctAnswers = [] } = correctAnswer || {};\n  const defaultAnswers = filterCategories(initialData);\n\n  let answers = setCorrectness((session && session.answer) || defaultAnswers, isPartialScoring);\n\n  let result = 0;\n\n  if (isPartialScoring) {\n    // if score type is \"partial scoring\"\n    // maxScore is calculated based on the correct response\n    // score is calculated based on the given response\n    let maxScore = 0;\n    let score = 0;\n\n    const scoreForLabelAndValueEditable = (answer, corrAnswer) => {\n      const { value, label, index } = answer;\n      const valueIsCorrect = value === corrAnswer.value;\n      const labelIsCorrect = checkLabelsEquality(label, corrAnswer.label);\n      maxScore += 2;\n\n      if (valueIsCorrect) {\n        score += 1;\n        answer.correctness.value = 'correct';\n      }\n\n      if (labelIsCorrect) {\n        score += 1;\n        answer.correctness.label = 'correct';\n      }\n\n      if (valueIsCorrect && labelIsCorrect) {\n        correctResponses.push({ label: label, index: index });\n      }\n    };\n\n    // if given answer has more categories than the correct answers, the \"extra\" will be ignored\n    correctAnswers.forEach((corrAnswer, index) => {\n      const defaultAnswer = defaultAnswers[index];\n      const answer = answers[index];\n\n      // if there is a corresponding category at the same position in the given answer\n      if (answer) {\n        // if there is a corresponding category at the same position in the default answer\n        if (defaultAnswer) {\n          // if category's label (in default answer) was not editable\n          // it means that this category values only one point (only the value can be changed)\n          if (!defaultAnswer.editable && answer.interactive) {\n            maxScore += 1;\n\n            if (answer.value === corrAnswer.value) {\n              score += 1;\n              answer.correctness.value = 'correct';\n              correctResponses.push({ label: answer.label, index: index });\n            }\n            answer.correctness.label = 'correct';\n\n            // if category's label (in default answer) was editable\n            // it means that this category values 2 points (both label and value can be changed)\n          } else if (defaultAnswer.editable && answer.interactive) {\n            scoreForLabelAndValueEditable(answer, corrAnswer);\n          } else if (!answer.interactive) {\n            answer.correctness.value = 'correct';\n            answer.correctness.label = 'correct';\n            correctResponses.push({ label: answer.label, index: index });\n          }\n        } else {\n          // if there is not a corresponding category at the same position in the default answer\n          scoreForLabelAndValueEditable(answer, corrAnswer);\n        }\n      } else {\n        // if there is not a corresponding category at the same position in the given answer\n        // it means that the given answer has less categories than the correct answer\n        maxScore += 2;\n      }\n    });\n\n    result = maxScore ? score / maxScore : 0;\n  } else {\n    // all-or-nothing scoring: overall score is 1 only if lengths and all values/labels match\n    result = correctAnswers.length === answers.length ? 1 : 0;\n\n    // regardless of overall result, mark each answer individually for user feedback\n    answers = answers.map((answer, index) => {\n      const correctAnswer = correctAnswers[index];\n      const valueIsCorrect = correctAnswer ? answer.value === correctAnswer.value : false;\n      const labelIsCorrect = correctAnswer ? lowerCase(answer.label) === lowerCase(correctAnswer.label) : false;\n\n      if (!valueIsCorrect || !labelIsCorrect) {\n        result = 0;\n      }\n\n      if (valueIsCorrect && labelIsCorrect) {\n        correctResponses.push({ label: answer.label, index });\n      }\n\n      return {\n        ...answer,\n        correctness: {\n          value: valueIsCorrect ? 'correct' : 'incorrect',\n          label: labelIsCorrect ? 'correct' : 'incorrect',\n        },\n      };\n    });\n  }\n\n  const score = {\n    score: parseFloat(result.toFixed(2)),\n    answers,\n  };\n\n  if (env.extraProps && env.extraProps.correctResponseEnabled) {\n    score.correctResponses = correctResponses;\n  }\n\n  return score;\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\n  const { correctAnswer, data: initialData = [], scoringType } = model || {};\n  const { data: correctAnswers = [] } = correctAnswer || {};\n  const studentAnswers = (session && session.answer) || [];\n\n  const isPartialScoring = partialScoring.enabled(\n    { partialScoring: scoringType !== undefined ? scoringType === 'partial scoring' : scoringType },\n    env\n  );\n\n  const defaultAnswers = filterCategories(initialData);\n  const answers = studentAnswers.length > 0 ? filterCategories(studentAnswers) : defaultAnswers;\n\n  if (!studentAnswers.length) {\n    traceLog.push(`Student did not modify the chart. Initial chart is scored.`);\n  }\n\n  correctAnswers.forEach((correct, index) => {\n    const initial = defaultAnswers[index];\n    const student = answers[index];\n\n    if (!student) {\n      traceLog.push(`Category ${index + 1}: missing (expected value '${correct.value}', label '${correct.label}').`);\n      return;\n    }\n\n    const valueCorrect = student.value === correct.value;\n    const labelCorrect = checkLabelsEquality(student.label, correct.label);\n\n    if (!student.interactive) {\n      traceLog.push(`Category ${index + 1}: non-interactive category treated as correct.`);\n      return;\n    }\n\n    if (studentAnswers.length > 0) {\n      const valueChanged = initial ? student.value !== initial.value : true;\n      const labelChanged = initial ? !checkLabelsEquality(student.label, initial.label) : true;\n\n      if (!valueChanged && !labelChanged) {\n        if (valueCorrect && labelCorrect) {\n          traceLog.push(`Category ${index + 1}: unchanged from initial value and correct.`);\n        } else {\n          traceLog.push(`Category ${index + 1}: unchanged from initial value but incorrect.`);\n        }\n        return;\n      }\n\n      const parts = [];\n      if (valueChanged) {\n        parts.push(`value ${valueCorrect ? 'correct' : 'incorrect'}`);\n      }\n      if (labelChanged) {\n        parts.push(`label ${labelCorrect ? 'correct' : 'incorrect'}`);\n      }\n      traceLog.push(`Category ${index + 1}: modified - ${parts.join(', ')}.`);\n    } else {\n      if (valueCorrect && labelCorrect) {\n        traceLog.push(`Category ${index + 1}: initial values are correct.`);\n      } else if (valueCorrect) {\n        traceLog.push(`Category ${index + 1}: initial value correct, label incorrect.`);\n      } else if (labelCorrect) {\n        traceLog.push(`Category ${index + 1}: initial value incorrect, label correct.`);\n      } else {\n        traceLog.push(`Category ${index + 1}: initial value and label incorrect.`);\n      }\n    }\n  });\n\n  if (answers.length > correctAnswers.length) {\n    const extra = answers.length - correctAnswers.length;\n    traceLog.push(`${extra} extra category(ies) provided beyond expected number.`);\n  }\n\n  if (isPartialScoring) {\n    traceLog.push('Score calculated using partial scoring.');\n    traceLog.push('Student receives credit for each correct value and label independently.');\n  } else {\n    traceLog.push('Score calculated using all-or-nothing scoring.');\n    traceLog.push('Student must match all category values and labels exactly for full credit.');\n  }\n\n  const scoreObject = getScore(model, session, env);\n  traceLog.push(`Score: ${scoreObject.score}.`);\n\n  return traceLog;\n};\n\n\n// eslint-disable-next-line no-unused-vars\nexport const filterCategories = (categories) => (categories ? categories.map(({ deletable, ...rest }) => rest) : []);\n\nexport function model(question, session, env) {\n  return new Promise((resolve) => {\n    const normalizedQuestion = normalize(question);\n    const {\n      addCategoryEnabled,\n      chartType,\n      data,\n      domain,\n      graph,\n      prompt,\n      promptEnabled,\n      range,\n      rationale,\n      title,\n      rationaleEnabled,\n      teacherInstructions,\n      teacherInstructionsEnabled,\n      correctAnswer,\n      scoringType,\n      studentNewCategoryDefaultLabel,\n      language,\n      extraCSSRules,\n    } = normalizedQuestion;\n\n    const correctInfo = { correctness: 'incorrect', score: '0%' };\n\n    const base = {\n      addCategoryEnabled,\n      chartType,\n      data: filterCategories(data),\n      domain,\n      graph,\n      prompt: promptEnabled ? prompt : null,\n      range,\n      rationale,\n      title,\n      size: graph,\n      showToggle: false,\n      correctness: correctInfo,\n      disabled: env.mode !== 'gather',\n      scoringType,\n      studentNewCategoryDefaultLabel,\n      language,\n      env,\n      extraCSSRules,\n    };\n\n    const scoreObject = getScore(normalizedQuestion, session, env);\n    const answers = filterCategories(scoreObject.answers);\n\n    if (env.mode === 'view') {\n      // eslint-disable-next-line no-unused-vars\n      base.correctedAnswer = answers.map(({ correctness, ...rest }) => {\n        return { ...rest, interactive: false };\n      });\n\n      base.addCategoryEnabled = false;\n    }\n\n    if (env.mode === 'evaluate') {\n      base.correctedAnswer = answers;\n      base.correctAnswer = correctAnswer;\n      base.showToggle = !!correctAnswer?.data?.length && scoreObject.score !== 1;\n      base.addCategoryEnabled = false;\n      base.showKeyLegend = true;\n    }\n\n    if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n      base.rationale = rationaleEnabled ? rationale : null;\n      base.teacherInstructions = teacherInstructionsEnabled ? teacherInstructions : null;\n    } else {\n      base.rationale = null;\n      base.teacherInstructions = null;\n    }\n\n    log('base: ', base);\n    resolve(base);\n  });\n}\n\nexport function outcome(model, session, env) {\n  return new Promise((resolve) => {\n    const traceLog = getLogTrace(model, session, env);\n    const scoreObject = getScore(model, session, env);\n    \n    const result = {\n      score: scoreObject.score,\n      empty: !session || isEmpty(session),\n      traceLog\n    };\n    \n    if (env.extraProps && env.extraProps.correctResponseEnabled) {\n      result.extraProps = { correctResponse: scoreObject.correctResponses };\n    }\n    \n    resolve(result);\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { correctAnswer } = question;\n\n      let answers = correctAnswer && correctAnswer.data;\n\n      // for IBX preview mode\n      if (env.mode === 'gather') {\n        const { data } = question;\n\n        answers = ((correctAnswer && correctAnswer.data) || []).map((answer, index) => {\n          return {\n            ...data[index],\n            ...answer,\n          };\n        });\n      }\n\n      resolve({\n        answer: answers,\n        id: '1',\n      });\n    } else {\n      return 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 { correctAnswer, data } = model || {};\n  const { data: correctData } = correctAnswer || {};\n  const categories = correctData || [];\n\n  const errors = {};\n  const correctAnswerErrors = {};\n  const categoryErrors = {};\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  categories.forEach((category, index) => {\n    const { label } = category;\n\n    if (!getInnerText(label)) {\n      categoryErrors[index] = 'Content should not be empty. ';\n    } else {\n      const identicalAnswer = categories.some((c, i) => c.label === label && index !== i);\n\n      if (identicalAnswer) {\n        categoryErrors[index] = 'Category names should be unique. ';\n      }\n    }\n  });\n\n  if (categories.length < 1 || categories.length > 20) {\n    correctAnswerErrors.categoriesError = 'The correct answer should include between 1 and 20 categories.';\n  } else if (\n    isEqual(\n      data.map((category) => pick(category, 'value', 'label')),\n      correctData.map((category) => pick(category, 'value', 'label')),\n    )\n  ) {\n    correctAnswerErrors.identicalError = 'Correct answer should not be identical to the chart’s initial state';\n  }\n\n  if (!isEmpty(categoryErrors)) {\n    errors.categoryErrors = categoryErrors;\n  }\n\n  if (!isEmpty(correctAnswerErrors)) {\n    errors.correctAnswerErrors = correctAnswerErrors;\n  }\n\n  return errors;\n};\n"],"mappings":"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"}

package/dist/browser/delivery/index.js

@@ -1,10 +1,10 @@
-import { S as e, t } from "../dist-CA-Ok7CW.js";
-import { C as n, D as r, E as i, O as a, T as o, _ as s, b as c, g as l, h as u, k as d, l as f, n as p, t as m, u as h, v as g, w as _, y as v } from "../chart-AvFvbpGV.js";
+import { S as e, t } from "../dist-D6aoYeoC.js";
+import { B as n, M as r, Q as i, S as a, U as o, V as s, b as c, g as l, j as u, k as d, n as f, o as p, s as m, t as h, v as g, x as _, y as v } from "../chart-CqKCTwCe.js";
 import y, { useRef as b } from "react";
 import { createRoot as x } from "react-dom/client";
 import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var w = /* @__PURE__ */ e(d(), 1), T = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ C("svg", {
+var w = /* @__PURE__ */ e(i(), 1), T = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ C("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-283 359 34 35",
@@ -75,7 +75,7 @@ E.propTypes = {
 	fgFill: w.default.string.isRequired,
 	borderFill: w.default.string.isRequired
 };
-var D = a("div")(({ size: e }) => ({
+var D = o("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), O = ({ open: e, size: t }) => /* @__PURE__ */ S(D, {
@@ -95,44 +95,44 @@ O.propTypes = {
 }, O.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/charting/dist/key-legend.js
-var ee = a("div")(({ theme: e }) => ({
-	backgroundColor: r.defaults.WHITE,
+var ee = o("div")(({ theme: e }) => ({
+	backgroundColor: s.defaults.WHITE,
 	padding: e.spacing(2),
 	width: "355px",
 	boxShadow: "inset 0px 1px 5px 0px #9297A6",
 	display: "flex",
 	flexDirection: "column",
 	gap: "16px"
-})), k = a("div")(() => ({
+})), k = o("div")(() => ({
 	display: "flex",
 	alignItems: "center",
 	gap: "12px"
-})), te = a("div")(({ theme: e }) => ({
+})), A = o("div")(({ theme: e }) => ({
 	fontSize: e.typography.h6.fontSize,
 	fontWeight: "700"
-})), ne = a("div")(() => ({ marginLeft: "2px" })), A = a(u)(({ theme: e }) => ({
-	backgroundColor: r.correct(),
+})), te = o("div")(() => ({ marginLeft: "2px" })), j = o(l)(({ theme: e }) => ({
+	backgroundColor: s.correct(),
 	borderRadius: e.spacing(2),
-	color: r.defaults.WHITE
-})), re = a(h)(({ theme: e }) => ({
-	backgroundColor: r.incorrectWithIcon(),
+	color: s.defaults.WHITE
+})), M = o(m)(({ theme: e }) => ({
+	backgroundColor: s.incorrectWithIcon(),
 	borderRadius: e.spacing(2),
-	color: r.defaults.WHITE
-})), ie = a("div")(() => ({
+	color: s.defaults.WHITE
+})), ne = o("div")(() => ({
 	marginLeft: "3px",
 	display: "flex",
 	alignItems: "center",
 	gap: "12px"
-})), { translator: j } = p, M = ({ language: e }) => /* @__PURE__ */ C(ee, { children: [
-	/* @__PURE__ */ S(te, { children: "Key" }),
-	/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(re, {}), /* @__PURE__ */ S("div", { children: j.t("charting.keyLegend.incorrectAnswer", { lng: e }) })] }),
-	/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(A, {}), /* @__PURE__ */ S("div", { children: j.t("charting.keyLegend.correctAnswer", { lng: e }) })] }),
-	/* @__PURE__ */ C(ie, { children: [/* @__PURE__ */ S(A, { fontSize: "small" }), /* @__PURE__ */ S(ne, { children: j.t("charting.keyLegend.correctKeyAnswer", { lng: e }) })] })
+})), { translator: N } = f, P = ({ language: e }) => /* @__PURE__ */ C(ee, { children: [
+	/* @__PURE__ */ S(A, { children: "Key" }),
+	/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(M, {}), /* @__PURE__ */ S("div", { children: N.t("charting.keyLegend.incorrectAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(j, {}), /* @__PURE__ */ S("div", { children: N.t("charting.keyLegend.correctAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ C(ne, { children: [/* @__PURE__ */ S(j, { fontSize: "small" }), /* @__PURE__ */ S(te, { children: N.t("charting.keyLegend.correctKeyAnswer", { lng: e }) })] })
 ] });
-M.propTypes = { language: w.default.string };
+P.propTypes = { language: w.default.string };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var N = "height ease-in 300ms, opacity ease-in 300ms", ae = a("div")(() => ({
+var F = "height ease-in 300ms, opacity ease-in 300ms", re = o("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -140,7 +140,7 @@ var N = "height ease-in 300ms, opacity ease-in 300ms", ae = a("div")(() => ({
 	visibility: "hidden",
 	width: 0,
 	"&.enter": {
-		transition: N,
+		transition: F,
 		opacity: 1,
 		height: "auto",
 		width: "auto",
@@ -154,7 +154,7 @@ var N = "height ease-in 300ms, opacity ease-in 300ms", ae = a("div")(() => ({
 		minHeight: "25px"
 	},
 	"&.exit": {
-		transition: N,
+		transition: F,
 		opacity: 0,
 		height: 0,
 		visibility: "visible",
@@ -166,9 +166,9 @@ var N = "height ease-in 300ms, opacity ease-in 300ms", ae = a("div")(() => ({
 		height: 0,
 		width: 0
 	}
-})), P = (e) => {
-	let { show: t, children: n, className: r } = e, a = b(null);
-	return /* @__PURE__ */ S(i, {
+})), I = (e) => {
+	let { show: t, children: r, className: i } = e, a = b(null);
+	return /* @__PURE__ */ S(n, {
 		nodeRef: a,
 		in: t,
 		appear: !0,
@@ -180,49 +180,49 @@ var N = "height ease-in 300ms, opacity ease-in 300ms", ae = a("div")(() => ({
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ S(ae, {
+		children: /* @__PURE__ */ S(re, {
 			ref: a,
-			className: r,
-			children: n
+			className: i,
+			children: r
 		})
 	});
 };
-P.propTypes = {
+I.propTypes = {
 	show: w.default.bool.isRequired,
 	className: w.default.string,
 	children: w.default.oneOfType([w.default.arrayOf(w.default.node), w.default.node]).isRequired
 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/index.js
-function F(e) {
+function L(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function I(e, t) {
-	return !e || F(e) ? e : F(e.default) ? e.default : t && F(e[t]) ? e[t] : t && F(e[t]?.default) ? e[t].default : e;
+function R(e, t) {
+	return !e || L(e) ? e : L(e.default) ? e.default : t && L(e[t]) ? e[t] : t && L(e[t]?.default) ? e[t].default : e;
 }
-var L = I(v, "Readable") || I(oe.Readable, "Readable"), R = l, z = R.default, oe = z && typeof z == "object" ? z : R, { translator: B } = p, V = {
+var ie = R(_, "Readable") || R(ae.Readable, "Readable"), z = g, B = z.default, ae = B && typeof B == "object" ? B : z, { translator: V } = f, oe = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, se = a("div")(() => ({
+}, se = o("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), ce = a("div")(() => ({
+})), ce = o("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), le = a("div")(() => ({
+})), le = o("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${r.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
 	fontWeight: "normal",
-	...V
-})), H = a("div")(() => ({
+	...oe
+})), H = o("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -235,7 +235,7 @@ var L = I(v, "Readable") || I(oe.Readable, "Readable"), R = l, z = R.default, oe
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), U = a("div")(() => ({
+})), U = o("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
@@ -259,8 +259,8 @@ var L = I(v, "Readable") || I(oe.Readable, "Readable"), R = l, z = R.default, oe
 	constructor(t) {
 		super(t), this.state = { show: t.show }, this.openIconRef = y.createRef(), this.closedIconRef = y.createRef(), e.defaultProps = {
 			...e.defaultProps,
-			showMessage: B.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: B.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: V.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: V.t("common:hideCorrectAnswer", { lng: t.language })
 		};
 	}
 	onClick() {
@@ -272,20 +272,20 @@ var L = I(v, "Readable") || I(oe.Readable, "Readable"), R = l, z = R.default, oe
 	UNSAFE_componentWillReceiveProps(t) {
 		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
 			...e.defaultProps,
-			showMessage: B.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: B.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: V.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: V.t("common:hideCorrectAnswer", { lng: t.language })
 		});
 	}
 	render() {
-		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
+		let { className: e, toggled: t, hideMessage: r, showMessage: i } = this.props;
 		return /* @__PURE__ */ S(se, {
 			className: e,
-			children: /* @__PURE__ */ S(P, {
+			children: /* @__PURE__ */ S(I, {
 				show: this.state.show,
 				children: /* @__PURE__ */ C(ce, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ C(U, { children: [/* @__PURE__ */ S(i, {
+					children: [/* @__PURE__ */ C(U, { children: [/* @__PURE__ */ S(n, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -300,7 +300,7 @@ var L = I(v, "Readable") || I(oe.Readable, "Readable"), R = l, z = R.default, oe
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ S(O, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ S(i, {
+					}), /* @__PURE__ */ S(n, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -315,11 +315,11 @@ var L = I(v, "Readable") || I(oe.Readable, "Readable"), R = l, z = R.default, oe
 							ref: this.closedIconRef,
 							children: /* @__PURE__ */ S(O, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ S(L, {
+					})] }), /* @__PURE__ */ S(ie, {
 						false: !0,
 						children: /* @__PURE__ */ S(le, {
 							"aria-hidden": !this.state.show,
-							children: t ? n : r
+							children: t ? r : i
 						})
 					})]
 				})
@@ -335,15 +335,15 @@ function W(e) {
 function G(e, t) {
 	return !e || W(e) ? e : W(e.default) ? e.default : t && W(e[t]) ? e[t] : t && W(e[t]?.default) ? e[t].default : e;
 }
-var de = G(n, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(c, "PreviewPrompt") || G(X.PreviewPrompt, "PreviewPrompt"), q = G(_, "Collapsible") || G(X.Collapsible, "Collapsible"), J = l, Y = J.default, X = Y && typeof Y == "object" ? Y : J, fe = a(de)({
-	color: r.text(),
-	backgroundColor: r.background(),
+var de = G(d, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(a, "PreviewPrompt") || G(X.PreviewPrompt, "PreviewPrompt"), q = G(u, "Collapsible") || G(X.Collapsible, "Collapsible"), J = g, Y = J.default, X = Y && typeof Y == "object" ? Y : J, fe = o(de)({
+	color: s.text(),
+	backgroundColor: s.background(),
 	overflowX: "scroll",
 	overflowY: "hidden"
-}), Z = a(m)(({ theme: e }) => ({
+}), Z = o(h)(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), pe = a(q)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Q = class extends y.Component {
+})), pe = o(q)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Q = class extends y.Component {
 	static propTypes = {
 		model: w.default.object.isRequired,
 		onAnswersChange: w.default.func,
@@ -361,7 +361,7 @@ var de = G(n, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(c, "PreviewPrompt"
 	changeData = (e) => this.setState({ categories: e }, () => this.props.onAnswersChange(e));
 	toggleCorrect = (e) => this.setState({ showingCorrect: e });
 	render() {
-		let { categories: e, showingCorrect: t } = this.state, { model: n } = this.props, { teacherInstructions: r, prompt: i, chartType: a, size: o, domain: c, range: l, title: u, addCategoryEnabled: d, studentNewCategoryDefaultLabel: p, showToggle: m, rationale: h, correctAnswer: _, language: v, env: y, showKeyLegend: b } = n, { correctedAnswer: x, extraCSSRules: w } = n, T = (_?.data || []).map((e) => ({
+		let { categories: e, showingCorrect: t } = this.state, { model: n } = this.props, { teacherInstructions: r, prompt: i, chartType: a, size: o, domain: s, range: l, title: u, addCategoryEnabled: d, studentNewCategoryDefaultLabel: f, showToggle: m, rationale: h, correctAnswer: g, language: _, env: y, showKeyLegend: b } = n, { correctedAnswer: x, extraCSSRules: w } = n, T = (g?.data || []).map((e) => ({
 			...e,
 			interactive: !1,
 			editable: !1
@@ -370,11 +370,11 @@ var de = G(n, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(c, "PreviewPrompt"
 			...e,
 			editable: !1
 		})));
-		let D = n.rationale && (g(n.rationale) || s(n.rationale));
+		let D = n.rationale && (c(n.rationale) || v(n.rationale));
 		return /* @__PURE__ */ C(fe, {
 			extraCSSRules: w,
 			children: [
-				n.teacherInstructions && (g(n.teacherInstructions) || s(n.teacherInstructions)) && /* @__PURE__ */ S(pe, {
+				n.teacherInstructions && (c(n.teacherInstructions) || v(n.teacherInstructions)) && /* @__PURE__ */ S(pe, {
 					labels: {
 						hidden: "Show Teacher Instructions",
 						visible: "Hide Teacher Instructions"
@@ -389,51 +389,51 @@ var de = G(n, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(c, "PreviewPrompt"
 					show: m,
 					toggled: t,
 					onToggle: this.toggleCorrect,
-					language: v
+					language: _
 				}),
 				t && m ? /* @__PURE__ */ S(Z, {
 					chartType: a,
 					size: o,
-					domain: c,
+					domain: s,
 					range: l,
 					charts: [
-						f.Bar(),
-						f.Histogram(),
-						f.LineDot(),
-						f.LineCross(),
-						f.DotPlot(),
-						f.LinePlot()
+						p.Bar(),
+						p.Histogram(),
+						p.LineDot(),
+						p.LineCross(),
+						p.DotPlot(),
+						p.LinePlot()
 					],
 					data: T || e,
 					title: u,
 					onDataChange: this.changeData,
 					addCategoryEnabled: !1,
-					categoryDefaultLabel: p,
-					language: v,
+					categoryDefaultLabel: f,
+					language: _,
 					labelsPlaceholders: {}
 				}) : /* @__PURE__ */ S(Z, {
 					chartType: a,
 					size: o,
-					domain: c,
+					domain: s,
 					range: l,
 					charts: [
-						f.Bar(),
-						f.Histogram(),
-						f.LineDot(),
-						f.LineCross(),
-						f.DotPlot(),
-						f.LinePlot()
+						p.Bar(),
+						p.Histogram(),
+						p.LineDot(),
+						p.LineCross(),
+						p.DotPlot(),
+						p.LinePlot()
 					],
 					data: x || e,
 					title: u,
 					onDataChange: this.changeData,
 					addCategoryEnabled: d,
-					categoryDefaultLabel: p,
-					language: v,
+					categoryDefaultLabel: f,
+					language: _,
 					labelsPlaceholders: {},
 					correctData: m ? T : void 0
 				}),
-				!t && b && /* @__PURE__ */ S(M, { language: v }),
+				!t && b && /* @__PURE__ */ S(P, { language: _ }),
 				D && /* @__PURE__ */ S(q, {
 					labels: {
 						hidden: "Show Rationale",
@@ -475,7 +475,26 @@ var de = G(n, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(c, "PreviewPrompt"
 	}
 }, he = class extends HTMLElement {
 	constructor() {
-		super(), this._root = null;
+		super(), this._root = null, this._mathObserver = null, this._mathRenderPending = !1;
+	}
+	_scheduleMathRender = () => {
+		this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
+			this._mathObserver && this._mathObserver.disconnect(), r(this), this._mathRenderPending = !1, setTimeout(() => {
+				this._mathObserver && this._mathObserver.observe(this, {
+					childList: !0,
+					subtree: !0
+				});
+			}, 50);
+		}));
+	};
+	_initMathObserver() {
+		this._mathObserver || (this._mathObserver = new MutationObserver(this._scheduleMathRender), this._mathObserver.observe(this, {
+			childList: !0,
+			subtree: !0
+		}));
+	}
+	_disconnectMathObserver() {
+		this._mathObserver &&= (this._mathObserver.disconnect(), null);
 	}
 	set model(e) {
 		this._model = e, this._session && this.isComplete(this._session.answer) ? this.dispatchEvent(new $(this.tagName.toLowerCase(), !0, !!this._model)) : this.dispatchEvent(new $(this.tagName.toLowerCase(), !1, !!this._model)), this._render();
@@ -487,7 +506,7 @@ var de = G(n, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(c, "PreviewPrompt"
 		return this._session;
 	}
 	connectedCallback() {
-		this._render();
+		this._initMathObserver(), this._render();
 	}
 	isComplete = (e) => Array.isArray(e) && e.length > 0;
 	changeAnswers = (e) => {
@@ -495,6 +514,7 @@ var de = G(n, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(c, "PreviewPrompt"
 	};
 	_render() {
 		if (!this._model || !this._session) return;
+		this._initMathObserver();
 		let e = {
 			...this._model,
 			data: this._model.data ? [...this._model.data] : this._model.data
@@ -503,12 +523,10 @@ var de = G(n, "UiLayout") || G(X.UiLayout, "UiLayout"), K = G(c, "PreviewPrompt"
 			categories: this._session.answer,
 			onAnswersChange: this.changeAnswers
 		});
-		this._root ||= x(this), this._root.render(t), queueMicrotask(() => {
-			o(this);
-		});
+		this._root ||= x(this), this._root.render(t);
 	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._disconnectMathObserver(), this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion