@pocketprep/ui-kit 3.5.12 → 3.5.14

package/dist/@pocketprep/ui-kit.js

@@ -4,7 +4,7 @@ var q = (e, t, s) => $1(e, typeof t != "symbol" ? t + "" : t, s);
 import { Prop as ie, Component as ke, Vue as De, Emit as Fe, Watch as mt } from "vue-facing-decorator";
 import { resolveDirective as it, withDirectives as ae, createElementBlock as _, openBlock as J, renderSlot as Ee, createElementVNode as se, createTextVNode as Qe, toDisplayString as ye, withModifiers as Ge, withKeys as _e, normalizeClass as ve, normalizeStyle as st, vModelText as mn, createStaticVNode as ut, defineComponent as pt, resolveComponent as Le, createBlock as we, createCommentVNode as Me, createVNode as Ye, unref as j, ref as He, Fragment as tt, renderList as at, withCtx as Ue, vShow as vn, computed as Te, inject as qe, mergeModels as yn, useModel as wn, onMounted as no, watch as Gt, useTemplateRef as ai, onBeforeUnmount as Ws, provide as Ve, nextTick as ea } from "vue";
 import ta from "litepicker";
-const ia = "1439", oa = "1279", sa = "1023", na = "767", ra = "374", aa = "319", la = "#fff", ha = "#30485a", da = "#fff9ef", ua = "#fbfbfd", ca = "#f4f5f9", pa = "#edeef3", ga = "#dfe3e7", fa = "#bce6dc", Aa = "#88a3b6", Ca = "#708a9d", ma = "#587183", va = "#475967", ya = "#1f3545", wa = "#0064ff", Ma = "#0059E5", La = "#cfe1ff", ba = "#056c50", Ba = "#14ca9e", Ea = "#00b584", ka = "#c7f2e8", Da = "#e7f9f5", xa = "#e52525", Ia = "#ff6363", Pa = "#ff6e87", Ga = "#ffcdcd", Qa = "#ffefef", Ya = "#a67214", Oa = "#ffbd47", Ra = "#c78e27", Sa = "#ffe4b6", Ta = "#fff2d9", ja = "#fff6e5", Ha = "#9906a8", za = "#d819eb", Fa = "#ef51ff", Na = "#fef1ff", Za = "#a7c7ff", Ja = "#6e4700", Wa = "#049875", Ua = "#008263", Ka = "#ff4747", Xa = "#d00", qa = "#ad00eb", Va = "#ad00eb", _a = "#c238f3", $a = "#ffce74", el = "#293e4e", tl = "#1c2f3c", il = "#0f1d28", ol = "#2e80ff", sl = "#064fc1", nl = "#00664a", rl = "#ff889d", al = "#edeef3", ll = "#dfe3e7", hl = "#587183", dl = "#475967", ul = "#1c2f3c", cl = "#182a36", pl = "#0f1d28", gl = "#03101b", fl = "#eef5ff", Al = "#2e80ff", Cl = "#043580", ml = "#005AE5", vl = "#ffedcb", yl = "#ffa400", wl = "#fef1ff", Ml = "#d96dff", Ll = "#d10fe5", bl = "#ad00eb", Bl = "#9906a8", El = "#ffefef", kl = "#ffcdcd", Dl = "#ff4747", xl = "#d00", Il = "#edfbf8", Pl = "#14ca9e", Gl = "#00b584", Ql = "#00a87a", Yl = "#00654a", Ol = "#ff5e3e", Rl = "#ff7d63", Sl = "#ce8500", Je = {
+const ia = "1439", oa = "1279", sa = "1023", na = "767", ra = "374", aa = "319", la = "#fff", ha = "#30485a", da = "#fff9ef", ua = "#fbfbfd", ca = "#f4f5f9", pa = "#edeef3", ga = "#dfe3e7", fa = "#bce6dc", Aa = "#88a3b6", Ca = "#708a9d", ma = "#587183", va = "#475967", ya = "#1f3545", wa = "#0064ff", Ma = "#0059E5", La = "#cfe1ff", ba = "#056c50", Ba = "#14ca9e", Ea = "#00b584", ka = "#c7f2e8", Da = "#e7f9f5", xa = "#e52525", Ia = "#ff6363", Pa = "#ff6e87", Ga = "#ffcdcd", Qa = "#ffefef", Ya = "#a67214", Oa = "#ffbd47", Ra = "#c78e27", Sa = "#ffe4b6", Ta = "#fff2d9", ja = "#fff6e5", Ha = "#9906a8", za = "#d819eb", Fa = "#ef51ff", Na = "#fef1ff", Za = "#a7c7ff", Ja = "#6e4700", Wa = "#049875", Ua = "#008263", Ka = "#ff4747", Xa = "#d00", qa = "#ad00eb", Va = "#ad00eb", _a = "#c238f3", $a = "#ffce74", el = "#293e4e", tl = "#1c2f3c", il = "#0f1d28", ol = "#2e80ff", sl = "#064fc1", nl = "#00664a", rl = "#ff889d", al = "#edeef3", ll = "#dfe3e7", hl = "#587183", dl = "#475967", ul = "#1c2f3c", cl = "#182a36", pl = "#0f1d28", gl = "#03101b", fl = "#eef5ff", Al = "#2e80ff", Cl = "#043580", ml = "#005AE5", vl = "#ffedcb", yl = "#ffa400", wl = "#fef1ff", Ml = "#d96dff", Ll = "#d10fe5", bl = "#ad00eb", Bl = "#9906a8", El = "#ffefef", kl = "#ffcdcd", Dl = "#ff4747", xl = "#d00", Il = "#edfbf8", Pl = "#14ca9e", Gl = "#00b584", Ql = "#00a87a", Yl = "#00654a", Ol = "#ff5e3e", Rl = "#ff7d63", Sl = "#ce8500", Ze = {
   polarBear: ia,
   grizzlyBear: oa,
   brownBear: sa,
@@ -290,12 +290,12 @@ var Fs = Hl();
 const pi = (e, t, s) => {
   var Q;
   const o = [];
-  window.matchMedia(`(max-width: ${Je.blackBear}px)`).matches && o.push("black-bear"), window.matchMedia(`(max-width: ${Je.brownBear}px)`).matches && o.push("brown-bear");
+  window.matchMedia(`(max-width: ${Ze.blackBear}px)`).matches && o.push("black-bear"), window.matchMedia(`(max-width: ${Ze.brownBear}px)`).matches && o.push("brown-bear");
   const i = ["black-bear", "brown-bear"], n = s ? s.getBoundingClientRect().width : e.getBoundingClientRect().width, r = [], O = (t == null ? void 0 : t.breakpoints) || {
-    mobile: Number(Je.blackBear),
-    "tablet-portrait": Number(Je.brownBear),
-    "tablet-landscape": Number(Je.grizzlyBear),
-    desktop: Number(Je.polarBear)
+    mobile: Number(Ze.blackBear),
+    "tablet-portrait": Number(Ze.brownBear),
+    "tablet-landscape": Number(Ze.grizzlyBear),
+    desktop: Number(Ze.polarBear)
   };
   Object.entries(O).forEach(([I, A]) => {
     i.push(I), n <= A && r.push(I);
@@ -8660,7 +8660,7 @@ let xt = class extends De {
         text: this.title,
         align: "left",
         style: {
-          color: this.isDarkMode ? Je.fog : Je.brandBlack
+          color: this.isDarkMode ? Ze.fog : Ze.brandBlack
         }
       },
       xAxis: {
@@ -8681,7 +8681,7 @@ let xt = class extends De {
         }
       },
       colors: [
-        this.barColor ? this.barColor || "" : this.isDarkMode ? Je.grayBackground || "" : Je.brandBlack || ""
+        this.barColor ? this.barColor || "" : this.isDarkMode ? Ze.grayBackground || "" : Ze.brandBlack || ""
       ],
       plotOptions: {
         series: {
@@ -8700,11 +8700,11 @@ let xt = class extends De {
         {
           type: "column",
           data: this.data,
-          borderColor: this.barColor ? this.barColor : this.isDarkMode ? Je.grayBackground : Je.brandBlack,
+          borderColor: this.barColor ? this.barColor : this.isDarkMode ? Ze.grayBackground : Ze.brandBlack,
           states: {
             hover: {
-              borderColor: Je.bananaBread,
-              color: Je.bananaBread
+              borderColor: Ze.bananaBread,
+              color: Ze.bananaBread
             }
           }
         }
@@ -8731,7 +8731,7 @@ let xt = class extends De {
       }
     }, o.xAxis = {
       tickLength: 0,
-      lineColor: this.isDarkMode ? Je.ash : Je.fog,
+      lineColor: this.isDarkMode ? Ze.ash : Ze.fog,
       labels: {
         enabled: !1
       }
@@ -8739,7 +8739,7 @@ let xt = class extends De {
       min: 0,
       max: 100,
       opposite: !0,
-      gridLineColor: this.isDarkMode ? Je.ash : Je.fog,
+      gridLineColor: this.isDarkMode ? Ze.ash : Ze.fog,
       plotLines: this.data.length > 1 && !this.hideAverageLine ? [
         {
           dashStyle: "Dash",
@@ -8748,7 +8748,7 @@ let xt = class extends De {
           ),
           width: 2,
           zIndex: 5,
-          color: Je.electricViolet
+          color: Ze.electricViolet
         }
       ] : [],
       labels: {
@@ -8756,7 +8756,7 @@ let xt = class extends De {
         y: 4,
         style: {
           textAlign: "right",
-          color: this.isDarkMode ? "rgba(255, 255, 255, 0.85)" : Je.ash
+          color: this.isDarkMode ? "rgba(255, 255, 255, 0.85)" : Ze.ash
         },
         formatter: this.formatterFunc || function() {
           return this.value === 0 ? `${String(this.value)}%` : `
@@ -8886,16 +8886,16 @@ let Vt = class extends De {
           }
         },
         series: {
-          color: Je.brandBlue,
+          color: Ze.brandBlue,
           borderWidth: 3
         }
       },
       series: [{
         colors: [
-          Je.green || "",
-          Je.butterscotch || "",
-          Je.electricViolet || "",
-          Je.brandBlue || ""
+          Ze.green || "",
+          Ze.butterscotch || "",
+          Ze.electricViolet || "",
+          Ze.brandBlue || ""
         ],
         type: "pie",
         data: this.data
@@ -9216,7 +9216,9 @@ En([
   ie()
 ], mo.prototype, "title", 2);
 mo = En([
-  ke
+  ke({
+    name: "IconAdd"
+  })
 ], mo);
 const x2 = {
   width: "24px",
@@ -16442,27 +16444,27 @@ let Js = class extends De {
     q(this, "colors", {
       grayscale: {
         color1: "#647D8F",
-        color2: Je.brandBlack
+        color2: Ze.brandBlack
       },
       silver: {
-        color1: Je.white,
-        color2: Je.grayDivider
+        color1: Ze.white,
+        color2: Ze.grayDivider
       },
       red: {
         color1: "#FF4747",
-        color2: Je.redPegasus
+        color2: Ze.redPegasus
       },
       purple: {
         color1: "#CE45FF",
-        color2: Je.vibrantPurple
+        color2: Ze.vibrantPurple
       },
       green: {
         color1: "#05A881",
-        color2: Je.spectralGreen
+        color2: Ze.spectralGreen
       },
       blue: {
         color1: "#448EFF",
-        color2: Je.brandBlue
+        color2: Ze.brandBlue
       },
       pocketprep: {
         color1: "#0064FF",
@@ -17616,64 +17618,71 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
     name: "Question of the Day",
     shortName: "qotd",
     icon: "calendar",
-    iconColor: Je.cadaverous,
-    iconColorDM: Je.jungleGreen
+    iconColor: Ze.cadaverous,
+    iconColorDM: Ze.jungleGreen
   },
   0: {
     name: "Quick 10",
     shortName: "quick10",
     icon: "quick10",
-    iconColor: Je.cosmos,
-    iconColorDM: Je.orchid
+    iconColor: Ze.cosmos,
+    iconColorDM: Ze.orchid
   },
   2: {
     name: "Missed Questions",
     shortName: "missed",
     icon: "missedQuestions",
     iconColor: "#EC0000",
-    iconColorDM: Je.rosa
+    iconColorDM: Ze.rosa
   },
   3: {
     name: "Weakest Subject",
     shortName: "weakest",
     icon: "subject",
     iconColor: "#EC0000",
-    iconColorDM: Je.rosa
+    iconColorDM: Ze.rosa
   },
   4: {
     name: "Timed Quiz",
     shortName: "timed",
     icon: "stopwatch",
-    iconColor: Je.brandBlue,
+    iconColor: Ze.brandBlue,
     iconColorDM: "#4C92FF"
   },
   5: {
     name: "Mock Exam",
     shortName: "mockExam",
     icon: "exam",
-    iconColor: Je.cadaverous,
-    iconColorDM: Je.jungleGreen
+    iconColor: Ze.cadaverous,
+    iconColorDM: Ze.jungleGreen
   },
   6: {
     name: "Level Up",
     shortName: "levelUp",
     icon: "levelup",
-    iconColor: Je.cosmos,
-    iconColorDM: Je.orchid
+    iconColor: Ze.cosmos,
+    iconColorDM: Ze.orchid
   },
   10: {
     name: "Build Your Own",
     shortName: "custom",
     icon: "pencil",
-    iconColor: Je.slate,
-    iconColorDM: Je.pewter
+    iconColor: Ze.slate,
+    iconColorDM: Ze.pewter
   },
   11: {
     name: "Assignment",
     shortName: "assignment",
     icon: "assignment",
-    iconColor: Je.caramel,
-    iconColorDM: Je.cheddar
+    iconColor: Ze.caramel,
+    iconColorDM: Ze.cheddar
+  },
+  12: {
+    name: "Concept Quiz",
+    shortName: "concept",
+    icon: "pencil",
+    iconColor: Ze.slate,
+    iconColorDM: Ze.pewter
   }
 }, N1 = (e) => e.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&"), ho = (e) => e.keywordDefinitions.length ? e.keywordDefinitions.map((s) => s.keyword).reduce((s, o) => {
   const i = new RegExp(`(\\W)(${N1(o)})(\\W)`, "i");
@@ -18555,7 +18564,7 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
       matrixAnswerKeys: Z,
       selectedMatrixChoices: x,
       isTeachGroupReview: Q
-    } = Xt(), I = He(void 0), A = He(void 0), g = Je, c = Te(() => {
+    } = Xt(), I = He(void 0), A = He(void 0), g = Ze, c = Te(() => {
       var P;
       return (P = u.value) == null ? void 0 : P.map((S) => S.map(() => !1));
     }), d = Te(() => {
@@ -18926,7 +18935,7 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
       showMatrixAnswers: F,
       matrixAnswerKeys: Z,
       selectedMatrixChoices: x
-    } = Xt(), Q = He(void 0), I = He(void 0), A = He([]), g = He([]), c = Je, d = (E) => {
+    } = Xt(), Q = He(void 0), I = He(void 0), A = He([]), g = He([]), c = Ze, d = (E) => {
       if (E) {
         const z = document.createElement("div");
         return z.innerHTML = E, z.textContent || "";
@@ -19360,10 +19369,10 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
       if (!pe)
         return Ie;
       Ie.totalAnswered += (pe.answeredCorrectlyCount || 0) + (pe.answeredIncorrectlyCount || 0), Ie.answeredCorrectly += pe.answeredCorrectlyCount || 0;
-      const Ne = (D.value && !s.reviewMode && C.value.length || 0) + Object.values(pe.choiceStats).reduce((Ze, ot) => (ot || 0) + (Ze || 0), 0);
-      return Ce.value.forEach(({ key: Ze }) => {
-        const ot = pe.choiceStats[Ze] || 0, Ii = D.value && C.value.includes(Ze) && !s.reviewMode ? 1 : 0, Pi = ot + Ii, ci = Math.round(Pi / Ne * 100);
-        Ie[Ze] = ci || 0;
+      const Ne = (D.value && !s.reviewMode && C.value.length || 0) + Object.values(pe.choiceStats).reduce((Je, ot) => (ot || 0) + (Je || 0), 0);
+      return Ce.value.forEach(({ key: Je }) => {
+        const ot = pe.choiceStats[Je] || 0, Ii = D.value && C.value.includes(Je) && !s.reviewMode ? 1 : 0, Pi = ot + Ii, ci = Math.round(Pi / Ne * 100);
+        Ie[Je] = ci || 0;
       }), Ie;
     }), le = Te(() => {
       const pe = s.globalMetrics, Ie = {
@@ -19374,12 +19383,12 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
     }), de = Te(() => {
       if (f.value) {
         const pe = b.value.map((Ne) => {
-          var Ze;
+          var Je;
           if (Ne)
-            return Number((Ze = Ne.split("_")[0]) == null ? void 0 : Ze.slice(1));
+            return Number((Je = Ne.split("_")[0]) == null ? void 0 : Je.slice(1));
         });
-        return (s.question.matrixChoiceLayout || []).every((Ne, Ze) => {
-          const ot = Ze + 1;
+        return (s.question.matrixChoiceLayout || []).every((Ne, Je) => {
+          const ot = Je + 1;
           return pe.includes(ot);
         });
       }
@@ -19447,11 +19456,11 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
     }, Pe = (pe) => {
       const Ie = pe.target;
       if (Ie.classList.contains("keyword-highlight")) {
-        const Se = Ie.innerText.trim(), Ne = Ie.getAttribute("data-location"), Ze = { x: pe.clientX, y: pe.clientY };
+        const Se = Ie.innerText.trim(), Ne = Ie.getAttribute("data-location"), Je = { x: pe.clientX, y: pe.clientY };
         o("keyword-click", {
           keyword: Se,
           location: Ne,
-          clickLocation: Ze,
+          clickLocation: Je,
           target: Ie
         });
       }
@@ -19466,12 +19475,12 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
     }, ze = (pe) => {
       const Ie = pe.sort((Se, Ne) => {
         var Pi, ci;
-        const Ze = (Zt, qt) => (qt << 5) - qt + Zt.charCodeAt(0), ot = (Pi = Se.text) == null ? void 0 : Pi.split("").reduce((Zt, qt) => Ze(qt, Zt) & Ze(qt, Zt), 0), Ii = (ci = Ne.text) == null ? void 0 : ci.split("").reduce((Zt, qt) => Ze(qt, Zt) & Ze(qt, Zt), 0);
+        const Je = (Zt, qt) => (qt << 5) - qt + Zt.charCodeAt(0), ot = (Pi = Se.text) == null ? void 0 : Pi.split("").reduce((Zt, qt) => Je(qt, Zt) & Je(qt, Zt), 0), Ii = (ci = Ne.text) == null ? void 0 : ci.split("").reduce((Zt, qt) => Je(qt, Zt) & Je(qt, Zt), 0);
         return (ot || 0) - (Ii || 0);
       });
       return s.answerSeed ? s.answerSeed.reduce((Se, Ne) => {
-        const Ze = Ie[Ne];
-        return Ze && Se.push(Ze), Se;
+        const Je = Ie[Ne];
+        return Je && Se.push(Je), Se;
       }, []) : Ie;
     }, ct = (pe) => {
       const Ie = pe.relatedTarget;
@@ -19491,19 +19500,19 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
     }, bt = (pe) => {
       var Ie, Se;
       if (pe.cancelable) {
-        const Ne = ((Ie = pe == null ? void 0 : pe.changedTouches[0]) == null ? void 0 : Ie.clientY) || null, Ze = ((Se = pe == null ? void 0 : pe.changedTouches[0]) == null ? void 0 : Se.clientX) || null;
-        Ne !== null && Ze !== null && L.value.y !== null && L.value.x !== null && Math.abs(Ze - L.value.x) > 26 && (pe.stopPropagation(), pe.preventDefault());
+        const Ne = ((Ie = pe == null ? void 0 : pe.changedTouches[0]) == null ? void 0 : Ie.clientY) || null, Je = ((Se = pe == null ? void 0 : pe.changedTouches[0]) == null ? void 0 : Se.clientX) || null;
+        Ne !== null && Je !== null && L.value.y !== null && L.value.x !== null && Math.abs(Je - L.value.x) > 26 && (pe.stopPropagation(), pe.preventDefault());
       }
     }, Bt = (pe) => {
       var ot, Ii, Pi;
-      const Ie = pe.choiceKey, Se = pe.event, Ne = Se.target, Ze = {
+      const Ie = pe.choiceKey, Se = pe.event, Ne = Se.target, Je = {
         x: ((ot = Se == null ? void 0 : Se.changedTouches[0]) == null ? void 0 : ot.clientX) || null,
         y: ((Ii = Se == null ? void 0 : Se.changedTouches[0]) == null ? void 0 : Ii.clientY) || null
       };
-      if (Ne instanceof HTMLElement && Ze.x !== null && Ze.y !== null && L.value.x !== null && Math.abs(Ze.x - L.value.x) > 80) {
-        const ci = (Pi = a == null ? void 0 : a.value) == null ? void 0 : Pi.choiceEls, Zt = ci == null ? void 0 : ci.find((V1) => V1.contains(Ne)), qt = document.elementFromPoint(Ze.x, Ze.y);
+      if (Ne instanceof HTMLElement && Je.x !== null && Je.y !== null && L.value.x !== null && Math.abs(Je.x - L.value.x) > 80) {
+        const ci = (Pi = a == null ? void 0 : a.value) == null ? void 0 : Pi.choiceEls, Zt = ci == null ? void 0 : ci.find((V1) => V1.contains(Ne)), qt = document.elementFromPoint(Je.x, Je.y);
         Zt != null && Zt.contains(qt) && tn(Ie);
-      } else D.value || (Se.cancelable && Se.preventDefault(), Ze.y !== null && L.value.y !== null && Math.abs(Ze.y - L.value.y) < 20 && St(Ie));
+      } else D.value || (Se.cancelable && Se.preventDefault(), Je.y !== null && L.value.y !== null && Math.abs(Je.y - L.value.y) < 20 && St(Ie));
       L.value = { x: null, y: null };
     }, tn = (pe) => {
       if (D.value)
@@ -19517,7 +19526,7 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
         Se !== -1 && C.value.splice(Se, 1);
       }
     }, St = (pe, Ie) => {
-      var Ne, Ze;
+      var Ne, Je;
       if (D.value)
         return;
       const Se = C.value.indexOf(pe);
@@ -19530,7 +19539,7 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
       }
       if (Ie) {
         const ot = (Ne = a == null ? void 0 : a.value) == null ? void 0 : Ne.choiceEls;
-        ot && "length" in ot && ((Ze = ot[0]) == null || Ze.focus());
+        ot && "length" in ot && ((Je = ot[0]) == null || Je.focus());
       }
     }, on = (pe) => {
       H.value || (b.value = pe);
@@ -19543,8 +19552,8 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
     }, Ss = () => {
       var pe, Ie, Se;
       if (M.value = !M.value, M.value) {
-        const Ne = (pe = y == null ? void 0 : y.value) == null ? void 0 : pe.mcrLongAltEl, Ze = (Ie = a == null ? void 0 : a.value) == null ? void 0 : Ie.mobileImgDropdownImgDescriptionEl;
-        Ze != null && Ze.offsetParent && Ze.focus();
+        const Ne = (pe = y == null ? void 0 : y.value) == null ? void 0 : pe.mcrLongAltEl, Je = (Ie = a == null ? void 0 : a.value) == null ? void 0 : Ie.mobileImgDropdownImgDescriptionEl;
+        Je != null && Je.offsetParent && Je.focus();
         const ot = (Se = k == null ? void 0 : k.value) == null ? void 0 : Se.longAltEl;
         Ne != null && Ne.offsetParent ? Ne.focus() : ot != null && ot.offsetParent && ot.focus();
       }
@@ -19554,11 +19563,11 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
         const Ne = (Se = k == null ? void 0 : k.value) == null ? void 0 : Se.explanationTitleEl;
         Ne && (Ne == null || Ne.focus());
       } else {
-        const Ne = (pe = y == null ? void 0 : y.value) == null ? void 0 : pe.summaryMCRExplanationEl, Ze = (Ie = a == null ? void 0 : a.value) == null ? void 0 : Ie.showExplanationEls;
+        const Ne = (pe = y == null ? void 0 : y.value) == null ? void 0 : pe.summaryMCRExplanationEl, Je = (Ie = a == null ? void 0 : a.value) == null ? void 0 : Ie.showExplanationEls;
         if (Ne)
           Ne == null || Ne.focus();
-        else if (Ze) {
-          const ot = Ze instanceof Array ? Ze[0] : Ze;
+        else if (Je) {
+          const ot = Je instanceof Array ? Je[0] : Je;
           ot == null || ot.focus();
         }
       }
@@ -19574,8 +19583,8 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
         if (Se)
           Se == null || Se.focus();
         else if (Ne) {
-          const Ze = Ne instanceof Array ? Ne[0] : Ne;
-          Ze == null || Ze.focus();
+          const Je = Ne instanceof Array ? Ne[0] : Ne;
+          Je == null || Je.focus();
         }
       }
     }, W1 = () => {
@@ -19790,11 +19799,11 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
             motivationalMoment: Ue(({
               isCorrect: Se,
               choiceKey: Ne,
-              showAnswers: Ze,
+              showAnswers: Je,
               answerKeys: ot
             }) => [
               Ee(pe.$slots, "motivationalMoment", {
-                showAnswers: Ze,
+                showAnswers: Je,
                 answerKeys: ot,
                 choiceKey: Ne,
                 isCorrect: Se
@@ -19819,11 +19828,11 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
             motivationalMoment: Ue(({
               isCorrect: Se,
               choiceKey: Ne,
-              showAnswers: Ze,
+              showAnswers: Je,
               answerKeys: ot
             }) => [
               Ee(pe.$slots, "motivationalMoment", {
-                showAnswers: Ze,
+                showAnswers: Je,
                 answerKeys: ot,
                 choiceKey: Ne,
                 isCorrect: Se
@@ -19844,11 +19853,11 @@ const Uu = /* @__PURE__ */ be(Wt, [["render", Wu]]), Vr = Symbol("question"), _r
             motivationalMoment: Ue(({
               isCorrect: Se,
               choiceKey: Ne,
-              showAnswers: Ze,
+              showAnswers: Je,
               answerKeys: ot
             }) => [
               Ee(pe.$slots, "motivationalMoment", {
-                showAnswers: Ze,
+                showAnswers: Je,
                 answerKeys: ot,
                 choiceKey: Ne,
                 isCorrect: Se
@@ -20423,7 +20432,7 @@ let oo = class extends De {
     super(...arguments);
     q(this, "tooltipTheme");
     q(this, "isDarkMode");
-    q(this, "brandColors", Je);
+    q(this, "brandColors", Ze);
     q(this, "showKeyboardTooltip", !1);
     q(this, "showKeyboardShortcutsModal", !1);
   }
@@ -20496,7 +20505,7 @@ let wi = class extends De {
     q(this, "enableFlagKeyboardShortcut");
     q(this, "enableFlagTooltip");
     q(this, "disabled");
-    q(this, "brandColors", Je);
+    q(this, "brandColors", Ze);
     q(this, "showFlagTooltip", !1);
   }
   mounted() {
@@ -20592,7 +20601,7 @@ let hi = class extends De {
     q(this, "customTooltipStyles");
     q(this, "tooltipTheme");
     q(this, "isDarkMode");
-    q(this, "brandColors", Je);
+    q(this, "brandColors", Ze);
     q(this, "showGlobalMetricsToolTip", !1);
   }
   toggleGlobalMetrics() {
@@ -20797,7 +20806,7 @@ en([
   ie()
 ], so.prototype, "title", 2);
 en([
-  ie({ default: Je.fog })
+  ie({ default: Ze.fog })
 ], so.prototype, "primaryColor", 2);
 so = en([
   ke
@@ -20890,7 +20899,7 @@ let ii = class extends De {
     q(this, "isDarkMode");
     q(this, "customBlobColor");
     q(this, "customIconColor");
-    q(this, "brandColors", Je);
+    q(this, "brandColors", Ze);
   }
   get iconType() {
     return this.state === "incorrect" ? "incorrect" : this.state === "correct" ? "correct" : this.state === "flagged" ? "flagFeedback" : this.state === "assignment" ? "assignment" : "activity";