@pocketprep/ui-kit 3.5.7 → 3.5.9

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

@@ -2,7 +2,7 @@ var _1 = Object.defineProperty;
 var $1 = (e, t, s) => t in e ? _1(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 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 Je, Watch as vt } from "vue-facing-decorator";
-import { resolveDirective as it, withDirectives as ae, createElementBlock as $, openBlock as W, renderSlot as Ee, createElementVNode as se, createTextVNode as Qe, toDisplayString as ye, withModifiers as Ge, withKeys as _e, normalizeClass as me, normalizeStyle as st, vModelText as vn, createStaticVNode as dt, defineComponent as ft, 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 mn, computed as Te, inject as qe, mergeModels as yn, useModel as wn, onMounted as no, watch as Pt, useTemplateRef as ni, onBeforeUnmount as Ws, provide as Ve, nextTick as ea } from "vue";
+import { resolveDirective as it, withDirectives as ae, createElementBlock as $, openBlock as W, renderSlot as Ee, createElementVNode as se, createTextVNode as Qe, toDisplayString as ye, withModifiers as Ge, withKeys as _e, normalizeClass as me, normalizeStyle as st, vModelText as vn, createStaticVNode as dt, defineComponent as ft, 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 mn, computed as Te, inject as qe, mergeModels as yn, useModel as wn, onMounted as no, watch as Pt, useTemplateRef as ri, 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", va = "#587183", ma = "#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", vl = "#005AE5", ml = "#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,
@@ -307,7 +307,7 @@ const di = (e, t, s) => {
   F.forEach((I) => {
     I && (Z.push(...o.map((A) => `${I}--${A}`)), Z.push(...r.map((A) => `${I}--${A}`)));
   }), G.sort(), Z.sort(), (G.length !== Z.length || G.some((I, A) => I !== Z[A])) && e.setAttribute("class", Z.join(" "));
-}, si = (e) => {
+}, ni = (e) => {
   var s;
   return ((s = e.value) == null ? void 0 : s.containerEl) || null;
 }, Ri = {}, Hs = {}, Ao = {}, zl = {
@@ -333,26 +333,26 @@ const di = (e, t, s) => {
       const o = e.dataset.breakpointId || Math.floor(Math.random() * 1e8);
       e.dataset.breakpointId = String(o);
       const i = () => {
-        di(e, t.value, si(t));
+        di(e, t.value, ni(t));
       };
       Ri[o] = i, window.addEventListener("resize", i);
       const n = new MutationObserver(() => {
-        di(e, t.value, si(t));
+        di(e, t.value, ni(t));
       });
       Hs[o] = n, n.observe(e, { attributes: !0 });
-      const r = si(t);
+      const r = ni(t);
       if (r) {
         const O = window.ResizeObserver ? new ResizeObserver(() => {
-          di(e, t.value, si(t));
+          di(e, t.value, ni(t));
         }) : new Fs.ResizeObserver(() => {
-          di(e, t.value, si(t));
+          di(e, t.value, ni(t));
         });
         Ao[o] = O, O.observe(r);
       } else {
         const O = window.ResizeObserver ? new ResizeObserver(() => {
-          di(e, t.value, si(t));
+          di(e, t.value, ni(t));
         }) : new Fs.ResizeObserver(() => {
-          di(e, t.value, si(t));
+          di(e, t.value, ni(t));
         });
         Ao[o] = O, O.observe(e);
       }
@@ -361,13 +361,13 @@ const di = (e, t, s) => {
   mounted: (e, t) => {
     var s;
     (s = t.instance) == null || s.$nextTick(() => {
-      di(e, t.value, si(t));
+      di(e, t.value, ni(t));
     });
   },
   updated: (e, t) => {
     var s;
     (s = t.instance) == null || s.$nextTick(() => {
-      di(e, t.value, si(t));
+      di(e, t.value, ni(t));
     });
   },
   unmounted: (e) => {
@@ -13136,7 +13136,7 @@ var x7 = Object.defineProperty, I7 = Object.getOwnPropertyDescriptor, ro = (e, t
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
   return o && i && x7(t, s, i), i;
 };
-let Ii = class extends De {
+let Pi = class extends De {
   constructor() {
     super(...arguments);
     q(this, "disabled");
@@ -13149,23 +13149,23 @@ let Ii = class extends De {
 };
 ro([
   ie({ default: !1 })
-], Ii.prototype, "disabled", 2);
+], Pi.prototype, "disabled", 2);
 ro([
   ie({ default: !1 })
-], Ii.prototype, "active", 2);
+], Pi.prototype, "active", 2);
 ro([
   ie({ default: !1 })
-], Ii.prototype, "isDarkMode", 2);
+], Pi.prototype, "isDarkMode", 2);
 ro([
   Je("click")
-], Ii.prototype, "emitClick", 1);
-Ii = ro([
+], Pi.prototype, "emitClick", 1);
+Pi = ro([
   ke({
     directives: {
       dark: Be
     }
   })
-], Ii);
+], Pi);
 const P7 = ["tabindex"];
 function G7(e, t, s, o, i, n) {
   const r = it("dark");
@@ -13182,7 +13182,7 @@ function G7(e, t, s, o, i, n) {
     [r, e.isDarkMode]
   ]);
 }
-const Q7 = /* @__PURE__ */ be(Ii, [["render", G7]]);
+const Q7 = /* @__PURE__ */ be(Pi, [["render", G7]]);
 var Y7 = Object.defineProperty, O7 = Object.getOwnPropertyDescriptor, pt = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? O7(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
@@ -15210,7 +15210,7 @@ var s9 = Object.defineProperty, n9 = Object.getOwnPropertyDescriptor, lo = (e, t
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
   return o && i && s9(t, s, i), i;
 };
-let Pi = class extends De {
+let Gi = class extends De {
   constructor() {
     super(...arguments);
     q(this, "showCloseButton");
@@ -15227,17 +15227,17 @@ let Pi = class extends De {
 };
 lo([
   ie({ default: !1 })
-], Pi.prototype, "showCloseButton", 2);
+], Gi.prototype, "showCloseButton", 2);
 lo([
   ie({ default: () => ({}) })
-], Pi.prototype, "customCloseStyles", 2);
+], Gi.prototype, "customCloseStyles", 2);
 lo([
   ie({ default: !1 })
-], Pi.prototype, "isDarkMode", 2);
+], Gi.prototype, "isDarkMode", 2);
 lo([
   Je("close")
-], Pi.prototype, "emitClose", 1);
-Pi = lo([
+], Gi.prototype, "emitClose", 1);
+Gi = lo([
   ke({
     components: {
       IconClose: Gn
@@ -15246,7 +15246,7 @@ Pi = lo([
       dark: Be
     }
   })
-], Pi);
+], Gi);
 const r9 = { class: "uikit-modal" }, a9 = {
   key: 1,
   class: "uikit-modal__head"
@@ -15277,7 +15277,7 @@ function l9(e, t, s, o, i, n) {
     [O, e.isDarkMode]
   ]);
 }
-const Jr = /* @__PURE__ */ be(Pi, [["render", l9]]);
+const Jr = /* @__PURE__ */ be(Gi, [["render", l9]]);
 var h9 = Object.defineProperty, d9 = Object.getOwnPropertyDescriptor, Wi = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? d9(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
@@ -15508,7 +15508,7 @@ function f9(e, t, s, o, i, n) {
   ], 32);
 }
 const Ur = /* @__PURE__ */ be(Ai, [["render", f9]]);
-var A9 = Object.defineProperty, C9 = Object.getOwnPropertyDescriptor, ti = (e, t, s, o) => {
+var A9 = Object.defineProperty, C9 = Object.getOwnPropertyDescriptor, ii = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? C9(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
   return o && i && A9(t, s, i), i;
@@ -15547,34 +15547,34 @@ let Tt = class extends De {
     return s;
   }
 };
-ti([
+ii([
   ie({ default: "" })
 ], Tt.prototype, "parentError", 2);
-ti([
+ii([
   ie({ default: !1 })
 ], Tt.prototype, "parentIsLoading", 2);
-ti([
+ii([
   ie()
 ], Tt.prototype, "email", 2);
-ti([
+ii([
   ie({ default: "" })
 ], Tt.prototype, "modelValue", 2);
-ti([
+ii([
   vt("parentError")
 ], Tt.prototype, "parentErrorChanged", 1);
-ti([
+ii([
   vt("parentIsLoading")
 ], Tt.prototype, "parentIsLoadingChanged", 1);
-ti([
+ii([
   Je("submit")
 ], Tt.prototype, "emitSubmit", 1);
-ti([
+ii([
   Je("resend")
 ], Tt.prototype, "emitResend", 1);
-ti([
+ii([
   Je("update:modelValue")
 ], Tt.prototype, "emitUpdateModelValue", 1);
-Tt = ti([
+Tt = ii([
   ke({
     components: {
       Button: Ct,
@@ -15672,7 +15672,7 @@ function E9(e, t, s, o, i, n) {
   ]);
 }
 const Rs = /* @__PURE__ */ be(Is, [["render", E9]]);
-var k9 = Object.defineProperty, D9 = Object.getOwnPropertyDescriptor, ii = (e, t, s, o) => {
+var k9 = Object.defineProperty, D9 = Object.getOwnPropertyDescriptor, oi = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? D9(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
   return o && i && k9(t, s, i), i;
@@ -15704,34 +15704,34 @@ let jt = class extends De {
     return !0;
   }
 };
-ii([
+oi([
   ie()
 ], jt.prototype, "exam", 2);
-ii([
+oi([
   ie()
 ], jt.prototype, "bundle", 2);
-ii([
+oi([
   ie({ default: !1 })
 ], jt.prototype, "showCancelButton", 2);
-ii([
+oi([
   ie({ default: !1 })
 ], jt.prototype, "disableInteraction", 2);
-ii([
+oi([
   ie({ default: !1 })
 ], jt.prototype, "isPremium", 2);
-ii([
+oi([
   ie({ default: !1 })
 ], jt.prototype, "isSelected", 2);
-ii([
+oi([
   ie({ default: !1 })
 ], jt.prototype, "isDarkMode", 2);
-ii([
+oi([
   Je("select")
 ], jt.prototype, "emitSelect", 1);
-ii([
+oi([
   Je("cancel")
 ], jt.prototype, "emitCancel", 1);
-jt = ii([
+jt = oi([
   ke({
     directives: {
       dark: Be
@@ -15805,12 +15805,12 @@ function O9(e, t, s, o, i, n) {
   ]);
 }
 const Xr = /* @__PURE__ */ be(jt, [["render", O9]]);
-var R9 = Object.defineProperty, S9 = Object.getOwnPropertyDescriptor, Qi = (e, t, s, o) => {
+var R9 = Object.defineProperty, S9 = Object.getOwnPropertyDescriptor, Yi = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? S9(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
   return o && i && R9(t, s, i), i;
 };
-let ri = class extends De {
+let ai = class extends De {
   constructor() {
     super(...arguments);
     q(this, "bundles");
@@ -15850,25 +15850,25 @@ let ri = class extends De {
     });
   }
 };
-Qi([
+Yi([
   ie()
-], ri.prototype, "bundles", 2);
-Qi([
+], ai.prototype, "bundles", 2);
+Yi([
   ie({ default: null })
-], ri.prototype, "modelValue", 2);
-Qi([
+], ai.prototype, "modelValue", 2);
+Yi([
   ie({ default: !1 })
-], ri.prototype, "isDarkMode", 2);
-Qi([
+], ai.prototype, "isDarkMode", 2);
+Yi([
   ie({ default: () => [] })
-], ri.prototype, "premiumBundleIds", 2);
-Qi([
+], ai.prototype, "premiumBundleIds", 2);
+Yi([
   Je("update:modelValue")
-], ri.prototype, "emitUpdateModelValue", 1);
-Qi([
+], ai.prototype, "emitUpdateModelValue", 1);
+Yi([
   vt("hoverBundleId")
-], ri.prototype, "hoverBundleIdChanged", 1);
-ri = Qi([
+], ai.prototype, "hoverBundleIdChanged", 1);
+ai = Yi([
   ke({
     directives: {
       dark: Be
@@ -15878,7 +15878,7 @@ ri = Qi([
       PremiumPill: Rs
     }
   })
-], ri);
+], ai);
 const T9 = { class: "uikit-bundle-list" }, j9 = ["onMouseenter", "onFocus", "onClick", "onKeypress"];
 function H9(e, t, s, o, i, n) {
   const r = Le("BundleIcon"), O = Le("PremiumPill"), G = it("dark");
@@ -15917,7 +15917,7 @@ function H9(e, t, s, o, i, n) {
     ])), 128))
   ]);
 }
-const qr = /* @__PURE__ */ be(ri, [["render", H9]]);
+const qr = /* @__PURE__ */ be(ai, [["render", H9]]);
 var z9 = Object.defineProperty, F9 = Object.getOwnPropertyDescriptor, Wt = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? F9(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
@@ -16207,7 +16207,7 @@ function eu(e, t, s, o, i, n) {
   ]);
 }
 const tu = /* @__PURE__ */ be(Yt, [["render", eu]]);
-var iu = Object.defineProperty, ou = Object.getOwnPropertyDescriptor, oi = (e, t, s, o) => {
+var iu = Object.defineProperty, ou = Object.getOwnPropertyDescriptor, si = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? ou(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
   return o && i && iu(t, s, i), i;
@@ -16230,34 +16230,34 @@ let Ht = class extends De {
     return s;
   }
 };
-oi([
+si([
   ie()
 ], Ht.prototype, "exam", 2);
-oi([
+si([
   ie()
 ], Ht.prototype, "bundleId", 2);
-oi([
+si([
   ie({ default: "color" })
 ], Ht.prototype, "theme", 2);
-oi([
+si([
   ie({ default: !1 })
 ], Ht.prototype, "isPremium", 2);
-oi([
+si([
   ie({ default: !1 })
 ], Ht.prototype, "showMenuArrow", 2);
-oi([
+si([
   ie({ default: "down" })
 ], Ht.prototype, "menuArrowDirection", 2);
-oi([
+si([
   ie({ default: !0 })
 ], Ht.prototype, "isClickable", 2);
-oi([
+si([
   Je("click")
 ], Ht.prototype, "emitClick", 1);
-oi([
+si([
   Je("keydown")
 ], Ht.prototype, "emitKeydown", 1);
-Ht = oi([
+Ht = si([
   ke({
     components: {
       BundleIcon: ao,
@@ -17588,8 +17588,8 @@ const Ju = /* @__PURE__ */ be(ei, [["render", Zu]]), Vr = Symbol("question"), _r
     name: "Assignment",
     shortName: "assignment",
     icon: "assignment",
-    iconColor: Ze.ash,
-    iconColorDM: Ze.fog
+    iconColor: Ze.caramel,
+    iconColorDM: Ze.cheddar
   }
 }, 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");
@@ -19201,7 +19201,7 @@ const Ju = /* @__PURE__ */ be(ei, [["render", Zu]]), Vr = Symbol("question"), _r
   },
   emits: ["keyword-click", "selectedChoices", "close", "upgrade", "submitQuiz", "nextQuestion", "previousQuestion", "checkAnswer", "update:showExplanation"],
   setup(e, { emit: t }) {
-    const s = e, o = t, i = Te(() => s.question), n = Te(() => s.quizLength), r = Te(() => s.isDarkMode), O = Te(() => s.quizMode), G = Te(() => s.questionNumber), F = Te(() => s.imageUrlPrefix), Z = Te(() => s.globalMetrics), x = Te(() => s.reviewMode), Q = Te(() => s.hideReferences), I = Te(() => s.keywordDefinitions), A = Te(() => s.showPaywall), g = Te(() => s.isTeachGroupReview), c = He(null), d = He(null), u = He([]), C = He([]), b = He([]), D = He(!1), H = He(!1), J = He(!1), Y = He(!1), M = He(!1), L = He({ x: null, y: null }), h = He(null), v = ni("uikit-question"), p = ni("uikit-question__context"), m = ni("promptRef"), l = ni("uikit-question__passage-and-image"), a = ni("uikit-question__choices-container"), w = ni("uikit-question__passage-and-image-dropdown"), y = ni("uikit-question__summary"), k = ni("uikit-question__explanation"), P = Te(() => s.containerEl ? {
+    const s = e, o = t, i = Te(() => s.question), n = Te(() => s.quizLength), r = Te(() => s.isDarkMode), O = Te(() => s.quizMode), G = Te(() => s.questionNumber), F = Te(() => s.imageUrlPrefix), Z = Te(() => s.globalMetrics), x = Te(() => s.reviewMode), Q = Te(() => s.hideReferences), I = Te(() => s.keywordDefinitions), A = Te(() => s.showPaywall), g = Te(() => s.isTeachGroupReview), c = He(null), d = He(null), u = He([]), C = He([]), b = He([]), D = He(!1), H = He(!1), J = He(!1), Y = He(!1), M = He(!1), L = He({ x: null, y: null }), h = He(null), v = ri("uikit-question"), p = ri("uikit-question__context"), m = ri("promptRef"), l = ri("uikit-question__passage-and-image"), a = ri("uikit-question__choices-container"), w = ri("uikit-question__passage-and-image-dropdown"), y = ri("uikit-question__summary"), k = ri("uikit-question__explanation"), P = Te(() => s.containerEl ? {
       breakpoints: {
         mobile: 767,
         "tablet-portrait": 1023,
@@ -19278,7 +19278,7 @@ const Ju = /* @__PURE__ */ be(ei, [["render", Zu]]), Vr = Symbol("question"), _r
       Ie.totalAnswered += (pe.answeredCorrectlyCount || 0) + (pe.answeredIncorrectlyCount || 0), Ie.answeredCorrectly += pe.answeredCorrectlyCount || 0;
       const Fe = (D.value && !s.reviewMode && C.value.length || 0) + Object.values(pe.choiceStats).reduce((Ne, ot) => (ot || 0) + (Ne || 0), 0);
       return Ce.value.forEach(({ key: Ne }) => {
-        const ot = pe.choiceStats[Ne] || 0, Di = D.value && C.value.includes(Ne) && !s.reviewMode ? 1 : 0, xi = ot + Di, hi = Math.round(xi / Fe * 100);
+        const ot = pe.choiceStats[Ne] || 0, xi = D.value && C.value.includes(Ne) && !s.reviewMode ? 1 : 0, Ii = ot + xi, hi = Math.round(Ii / Fe * 100);
         Ie[Ne] = hi || 0;
       }), Ie;
     }), le = Te(() => {
@@ -19381,9 +19381,9 @@ const Ju = /* @__PURE__ */ be(ei, [["render", Zu]]), Vr = Symbol("question"), _r
       b.value = [...pe];
     }, ze = (pe) => {
       const Ie = pe.sort((Se, Fe) => {
-        var xi, hi;
-        const Ne = (Nt, Kt) => (Kt << 5) - Kt + Nt.charCodeAt(0), ot = (xi = Se.text) == null ? void 0 : xi.split("").reduce((Nt, Kt) => Ne(Kt, Nt) & Ne(Kt, Nt), 0), Di = (hi = Fe.text) == null ? void 0 : hi.split("").reduce((Nt, Kt) => Ne(Kt, Nt) & Ne(Kt, Nt), 0);
-        return (ot || 0) - (Di || 0);
+        var Ii, hi;
+        const Ne = (Nt, Kt) => (Kt << 5) - Kt + Nt.charCodeAt(0), ot = (Ii = Se.text) == null ? void 0 : Ii.split("").reduce((Nt, Kt) => Ne(Kt, Nt) & Ne(Kt, Nt), 0), xi = (hi = Fe.text) == null ? void 0 : hi.split("").reduce((Nt, Kt) => Ne(Kt, Nt) & Ne(Kt, Nt), 0);
+        return (ot || 0) - (xi || 0);
       });
       return s.answerSeed ? s.answerSeed.reduce((Se, Fe) => {
         const Ne = Ie[Fe];
@@ -19411,13 +19411,13 @@ const Ju = /* @__PURE__ */ be(ei, [["render", Zu]]), Vr = Symbol("question"), _r
         Fe !== null && Ne !== null && L.value.y !== null && L.value.x !== null && Math.abs(Ne - L.value.x) > 26 && (pe.stopPropagation(), pe.preventDefault());
       }
     }, Bt = (pe) => {
-      var ot, Di, xi;
+      var ot, xi, Ii;
       const Ie = pe.choiceKey, Se = pe.event, Fe = Se.target, Ne = {
         x: ((ot = Se == null ? void 0 : Se.changedTouches[0]) == null ? void 0 : ot.clientX) || null,
-        y: ((Di = Se == null ? void 0 : Se.changedTouches[0]) == null ? void 0 : Di.clientY) || null
+        y: ((xi = Se == null ? void 0 : Se.changedTouches[0]) == null ? void 0 : xi.clientY) || null
       };
       if (Fe instanceof HTMLElement && Ne.x !== null && Ne.y !== null && L.value.x !== null && Math.abs(Ne.x - L.value.x) > 80) {
-        const hi = (xi = a == null ? void 0 : a.value) == null ? void 0 : xi.choiceEls, Nt = hi == null ? void 0 : hi.find((V1) => V1.contains(Fe)), Kt = document.elementFromPoint(Ne.x, Ne.y);
+        const hi = (Ii = a == null ? void 0 : a.value) == null ? void 0 : Ii.choiceEls, Nt = hi == null ? void 0 : hi.find((V1) => V1.contains(Fe)), Kt = document.elementFromPoint(Ne.x, Ne.y);
         Nt != null && Nt.contains(Kt) && tn(Ie);
       } else D.value || (Se.cancelable && Se.preventDefault(), Ne.y !== null && L.value.y !== null && Math.abs(Ne.y - L.value.y) < 20 && St(Ie));
       L.value = { x: null, y: null };
@@ -19934,7 +19934,7 @@ const Ju = /* @__PURE__ */ be(ei, [["render", Zu]]), Vr = Symbol("question"), _r
     customFooterStyles: { default: () => ({}) }
   },
   setup(e) {
-    const t = ni("quiz-container-ref");
+    const t = ri("quiz-container-ref");
     return Ws(() => {
       const s = document.getElementsByTagName("body")[0];
       s && (s.style.overflow = "");
@@ -20495,12 +20495,12 @@ function Dg(e, t, s, o, i, n) {
   ], 42, kg);
 }
 const xg = /* @__PURE__ */ be(mi, [["render", Dg]]);
-var Ig = Object.defineProperty, Pg = Object.getOwnPropertyDescriptor, Yi = (e, t, s, o) => {
+var Ig = Object.defineProperty, Pg = Object.getOwnPropertyDescriptor, Oi = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? Pg(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
   return o && i && Ig(t, s, i), i;
 };
-let ai = class extends De {
+let li = class extends De {
   constructor() {
     super(...arguments);
     q(this, "showGlobalMetrics");
@@ -20518,25 +20518,25 @@ let ai = class extends De {
     return s;
   }
 };
-Yi([
+Oi([
   ie()
-], ai.prototype, "showGlobalMetrics", 2);
-Yi([
+], li.prototype, "showGlobalMetrics", 2);
+Oi([
   ie({ default: !1 })
-], ai.prototype, "disabled", 2);
-Yi([
+], li.prototype, "disabled", 2);
+Oi([
   ie()
-], ai.prototype, "customTooltipStyles", 2);
-Yi([
+], li.prototype, "customTooltipStyles", 2);
+Oi([
   ie()
-], ai.prototype, "tooltipTheme", 2);
-Yi([
+], li.prototype, "tooltipTheme", 2);
+Oi([
   ie({ default: !1 })
-], ai.prototype, "isDarkMode", 2);
-Yi([
+], li.prototype, "isDarkMode", 2);
+Oi([
   Je("toggleGlobalMetrics")
-], ai.prototype, "emitToggleGlobalMetrics", 1);
-ai = Yi([
+], li.prototype, "emitToggleGlobalMetrics", 1);
+li = Oi([
   ke({
     name: "GlobalMetricsToggle",
     components: {
@@ -20544,7 +20544,7 @@ ai = Yi([
       Icon: We
     }
   })
-], ai);
+], li);
 const Gg = ["tabindex", "aria-disabled", "aria-checked"];
 function Qg(e, t, s, o, i, n) {
   const r = Le("Tooltip"), O = Le("Icon");
@@ -20590,13 +20590,13 @@ function Qg(e, t, s, o, i, n) {
     }, null, 8, ["class"])
   ], 40, Gg);
 }
-const Yg = /* @__PURE__ */ be(ai, [["render", Qg]]);
+const Yg = /* @__PURE__ */ be(li, [["render", Qg]]);
 var Og = Object.defineProperty, Rg = Object.getOwnPropertyDescriptor, uo = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? Rg(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
   return o && i && Og(t, s, i), i;
 };
-let Gi = class extends De {
+let Qi = class extends De {
   constructor() {
     super(...arguments);
     q(this, "showCloseButton");
@@ -20628,17 +20628,17 @@ let Gi = class extends De {
 };
 uo([
   ie({ default: !0 })
-], Gi.prototype, "showCloseButton", 2);
+], Qi.prototype, "showCloseButton", 2);
 uo([
   ie({ default: !1 })
-], Gi.prototype, "isDarkMode", 2);
+], Qi.prototype, "isDarkMode", 2);
 uo([
   ie({ default: !1 })
-], Gi.prototype, "right", 2);
+], Qi.prototype, "right", 2);
 uo([
   Je("close")
-], Gi.prototype, "emitClose", 1);
-Gi = uo([
+], Qi.prototype, "emitClose", 1);
+Qi = uo([
   ke({
     directives: {
       dark: Be
@@ -20647,7 +20647,7 @@ Gi = uo([
       Icon: We
     }
   })
-], Gi);
+], Qi);
 const Sg = { class: "toast__icon" }, Tg = { class: "toast__content" }, jg = { class: "toast__content-title" }, Hg = {
   key: 0,
   class: "toast__content-subtext"
@@ -20696,7 +20696,7 @@ function zg(e, t, s, o, i, n) {
     [O, e.isDarkMode]
   ]);
 }
-const Fg = /* @__PURE__ */ be(Gi, [["render", zg], ["__scopeId", "data-v-39f2e0c6"]]);
+const Fg = /* @__PURE__ */ be(Qi, [["render", zg], ["__scopeId", "data-v-39f2e0c6"]]);
 var Ng = Object.defineProperty, Zg = Object.getOwnPropertyDescriptor, en = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? Zg(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
@@ -20791,12 +20791,12 @@ function _g(e, t, s, o, i, n) {
   }, null, 8, ["title", "primary-color"])) : Me("", !0);
 }
 const $g = /* @__PURE__ */ be(yi, [["render", _g]]);
-var ef = Object.defineProperty, tf = Object.getOwnPropertyDescriptor, Oi = (e, t, s, o) => {
+var ef = Object.defineProperty, tf = Object.getOwnPropertyDescriptor, Di = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? tf(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);
   return o && i && ef(t, s, i), i;
 };
-let li = class extends De {
+let ti = class extends De {
   constructor() {
     super(...arguments);
     q(this, "message");
@@ -20805,37 +20805,41 @@ let li = class extends De {
     q(this, "state");
     q(this, "isDarkMode");
     q(this, "customBlobColor");
+    q(this, "customIconColor");
     q(this, "brandColors", Ze);
   }
   get iconType() {
-    return this.state === "incorrect" ? "incorrect" : this.state === "correct" ? "correct" : this.state === "flagged" ? "flagFeedback" : "activity";
+    return this.state === "incorrect" ? "incorrect" : this.state === "correct" ? "correct" : this.state === "flagged" ? "flagFeedback" : this.state === "assignment" ? "assignment" : "activity";
   }
   get blobColor() {
     return this.customBlobColor ? this.customBlobColor : this.isDarkMode ? this.brandColors.moonlitOcean : this.backgroundColor && this.backgroundColor === "white" ? this.brandColors.white : this.state === "incorrect" ? this.brandColors.barelyRed : this.state === "correct" ? this.brandColors.barelyGreen : this.brandColors.manilla;
   }
   get iconColor() {
-    return this.state === "incorrect" ? this.isDarkMode ? this.brandColors.rosa : this.brandColors.pepper : this.state === "correct" ? this.isDarkMode ? this.brandColors.jungleGreen : this.brandColors.cadaverous : this.isDarkMode ? this.brandColors.butterscotch : this.brandColors.caramel;
+    return this.state === "incorrect" ? this.isDarkMode ? this.brandColors.rosa : this.brandColors.pepper : this.state === "correct" ? this.isDarkMode ? this.brandColors.jungleGreen : this.brandColors.cadaverous : this.customIconColor ? this.customIconColor : this.isDarkMode ? this.brandColors.butterscotch : this.brandColors.caramel;
   }
 };
-Oi([
+Di([
   ie()
-], li.prototype, "message", 2);
-Oi([
+], ti.prototype, "message", 2);
+Di([
   ie()
-], li.prototype, "title", 2);
-Oi([
+], ti.prototype, "title", 2);
+Di([
   ie()
-], li.prototype, "backgroundColor", 2);
-Oi([
+], ti.prototype, "backgroundColor", 2);
+Di([
   ie()
-], li.prototype, "state", 2);
-Oi([
+], ti.prototype, "state", 2);
+Di([
   ie({ default: !1 })
-], li.prototype, "isDarkMode", 2);
-Oi([
+], ti.prototype, "isDarkMode", 2);
+Di([
   ie()
-], li.prototype, "customBlobColor", 2);
-li = Oi([
+], ti.prototype, "customBlobColor", 2);
+Di([
+  ie()
+], ti.prototype, "customIconColor", 2);
+ti = Di([
   ke({
     name: "EmptyState",
     components: {
@@ -20846,7 +20850,7 @@ li = Oi([
       dark: Be
     }
   })
-], li);
+], ti);
 const of = { class: "uikit-empty-state" }, sf = { class: "uikit-empty-state__row" }, nf = { class: "uikit-empty-state__title" }, rf = { class: "uikit-empty-state__message" };
 function af(e, t, s, o, i, n) {
   const r = Le("Blob"), O = Le("Icon"), G = it("dark");
@@ -20892,7 +20896,7 @@ function af(e, t, s, o, i, n) {
     [G, e.isDarkMode]
   ]);
 }
-const lf = /* @__PURE__ */ be(li, [["render", af]]);
+const lf = /* @__PURE__ */ be(ti, [["render", af]]);
 var hf = Object.defineProperty, df = Object.getOwnPropertyDescriptor, Dt = (e, t, s, o) => {
   for (var i = o > 1 ? void 0 : o ? df(t, s) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (i = (o ? r(t, s, i) : r(i)) || i);