@pocketprep/ui-kit 3.4.89 → 3.4.91

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

@@ -4,7 +4,7 @@ var P = (e, i, s) => (s1(e, typeof i != "symbol" ? i + "" : i, s), s);
 import { Prop as H, Component as Me, Vue as be, Emit as De, Watch as Ve } from "vue-facing-decorator";
 import { resolveDirective as Oe, withDirectives as ne, openBlock as N, createElementBlock as V, renderSlot as ke, createElementVNode as oe, createTextVNode as xe, toDisplayString as ve, pushScopeId as n1, popScopeId as r1, withKeys as Fe, withModifiers as Ie, normalizeClass as Ce, normalizeStyle as Ke, vModelText as fn, createStaticVNode as tt, resolveComponent as ge, createBlock as ye, createCommentVNode as Le, createVNode as Pe, defineComponent as Ys, unref as fi, Fragment as Xe, renderList as et, withCtx as Te, vShow as An, mergeModels as Cn, useModel as mn } from "vue";
 import a1 from "litepicker";
-const l1 = "1439", h1 = "1279", d1 = "1023", c1 = "767", u1 = "374", p1 = "319", g1 = "#fff", f1 = "#30485a", A1 = "#fff9ef", C1 = "#fbfbfd", m1 = "#f4f5f9", v1 = "#edeef3", w1 = "#dfe3e7", y1 = "#bce6dc", M1 = "#88a3b6", b1 = "#708a9d", L1 = "#587183", k1 = "#475967", E1 = "#1f3545", D1 = "#0064ff", B1 = "#0059E5", I1 = "#cfe1ff", x1 = "#056c50", P1 = "#14ca9e", G1 = "#00b584", Q1 = "#c7f2e8", O1 = "#e7f9f5", R1 = "#e52525", Y1 = "#ff6363", S1 = "#ff6e87", T1 = "#ffcdcd", j1 = "#ffefef", H1 = "#a67214", F1 = "#ffbd47", z1 = "#c78e27", N1 = "#ffe4b6", Z1 = "#fff2d9", J1 = "#fff6e5", W1 = "#9906a8", U1 = "#d819eb", q1 = "#ef51ff", K1 = "#fef1ff", X1 = "#a7c7ff", V1 = "#6e4700", _1 = "#049875", $1 = "#008263", ea = "#ff4747", ta = "#d00", ia = "#ad00eb", oa = "#ad00eb", sa = "#c238f3", na = "#ffce74", ra = "#293e4e", aa = "#1c2f3c", la = "#0f1d28", ha = "#2e80ff", da = "#064fc1", ca = "#00664a", ua = "#ff889d", pa = "#edeef3", ga = "#dfe3e7", fa = "#587183", Aa = "#475967", Ca = "#1c2f3c", ma = "#182a36", va = "#0f1d28", wa = "#03101b", ya = "#eef5ff", Ma = "#2e80ff", ba = "#043580", La = "#005AE5", ka = "#ffedcb", Ea = "#ffa400", Da = "#fef1ff", Ba = "#d96dff", Ia = "#d10fe5", xa = "#ad00eb", Pa = "#9906a8", Ga = "#ffefef", Qa = "#ffcdcd", Oa = "#ff4747", Ra = "#d00", Ya = "#edfbf8", Sa = "#14ca9e", Ta = "#00b584", ja = "#00a87a", Ha = "#00654a", Fa = "#ff5e3e", za = "#ff7d63", Na = "#ce8500", Ye = {
+const l1 = "1439", h1 = "1279", d1 = "1023", c1 = "767", u1 = "374", p1 = "319", g1 = "#fff", f1 = "#30485a", A1 = "#fff9ef", C1 = "#fbfbfd", m1 = "#f4f5f9", v1 = "#edeef3", w1 = "#dfe3e7", y1 = "#bce6dc", M1 = "#88a3b6", b1 = "#708a9d", L1 = "#587183", k1 = "#475967", E1 = "#1f3545", D1 = "#0064ff", B1 = "#0059E5", I1 = "#cfe1ff", x1 = "#056c50", P1 = "#14ca9e", G1 = "#00b584", Q1 = "#c7f2e8", O1 = "#e7f9f5", R1 = "#e52525", Y1 = "#ff6363", S1 = "#ff6e87", T1 = "#ffcdcd", j1 = "#ffefef", H1 = "#a67214", F1 = "#ffbd47", z1 = "#c78e27", N1 = "#ffe4b6", Z1 = "#fff2d9", J1 = "#fff6e5", W1 = "#9906a8", U1 = "#d819eb", q1 = "#ef51ff", K1 = "#fef1ff", X1 = "#a7c7ff", V1 = "#6e4700", _1 = "#049875", $1 = "#008263", ea = "#ff4747", ta = "#d00", ia = "#ad00eb", oa = "#ad00eb", sa = "#c238f3", na = "#ffce74", ra = "#293e4e", aa = "#1c2f3c", la = "#0f1d28", ha = "#2e80ff", da = "#064fc1", ca = "#00664a", ua = "#ff889d", pa = "#edeef3", ga = "#dfe3e7", fa = "#587183", Aa = "#475967", Ca = "#1c2f3c", ma = "#182a36", va = "#0f1d28", wa = "#03101b", ya = "#eef5ff", Ma = "#2e80ff", ba = "#043580", La = "#005AE5", ka = "#ffedcb", Ea = "#ffa400", Da = "#fef1ff", Ba = "#d96dff", Ia = "#d10fe5", xa = "#ad00eb", Pa = "#9906a8", Ga = "#ffefef", Qa = "#ffcdcd", Oa = "#ff4747", Ra = "#d00", Ya = "#edfbf8", Sa = "#14ca9e", Ta = "#00b584", ja = "#00a87a", Ha = "#00654a", Fa = "#ff5e3e", za = "#ff7d63", Na = "#ce8500", Re = {
   polarBear: l1,
   grizzlyBear: h1,
   brownBear: d1,
@@ -275,13 +275,13 @@ Vs.install = al;
 const gi = (e, i, s) => {
   var E;
   const o = [];
-  window.matchMedia(`(max-width: ${Ye.blackBear}px)`).matches && o.push("black-bear"), window.matchMedia(`(max-width: ${Ye.brownBear}px)`).matches && o.push("brown-bear");
+  window.matchMedia(`(max-width: ${Re.blackBear}px)`).matches && o.push("black-bear"), window.matchMedia(`(max-width: ${Re.brownBear}px)`).matches && o.push("brown-bear");
   const t = ["black-bear", "brown-bear"], n = s ? s.getBoundingClientRect().width : e.getBoundingClientRect().width, r = [];
   i || (i = {
-    mobile: Number(Ye.blackBear),
-    "tablet-portrait": Number(Ye.brownBear),
-    "tablet-landscape": Number(Ye.grizzlyBear),
-    desktop: Number(Ye.polarBear)
+    mobile: Number(Re.blackBear),
+    "tablet-portrait": Number(Re.brownBear),
+    "tablet-landscape": Number(Re.grizzlyBear),
+    desktop: Number(Re.polarBear)
   }), i && Object.entries(i).forEach(([I, G]) => {
     t.push(I), n <= G && r.push(I);
   });
@@ -4187,21 +4187,21 @@ var bn = { exports: {} };
           if (Ue)
             for (ee = ae.length; ee--; )
               qe = ae[ee], qe.options.stacking && (qe.isDirty = !0);
-          ae.forEach(function(Re) {
-            Re.isDirty && (Re.options.legendType === "point" ? (typeof Re.updateTotals == "function" && Re.updateTotals(), Qe = !0) : Ae && (Ae.labelFormatter || Ae.labelFormat) && (Qe = !0)), Re.isDirtyData && q(Re, "updatedData");
-          }), Qe && ce && ce.options.enabled && (ce.render(), this.isDirtyLegend = !1), He && this.getStacks(), te.forEach(function(Re) {
-            Re.updateNames(), Re.setScale();
-          }), this.getMargins(), te.forEach(function(Re) {
-            Re.isDirty && (Be = !0);
-          }), te.forEach(function(Re) {
-            var lt = Re.min + "," + Re.max;
-            Re.extKey !== lt && (Re.extKey = lt, je.push(function() {
-              q(Re, "afterSetExtremes", Z(Re.eventArgs, Re.getExtremes())), delete Re.eventArgs;
-            })), (Be || He) && Re.redraw();
-          }), Be && this.drawChartBox(), q(this, "predraw"), ae.forEach(function(Re) {
-            (Be || Re.isDirty) && Re.visible && Re.redraw(), Re.isDirtyData = !1;
-          }), he && he.reset(!0), Ee.draw(), q(this, "redraw"), q(this, "render"), Ge && this.temporaryDisplay(!0), je.forEach(function(Re) {
-            Re.call();
+          ae.forEach(function(Ye) {
+            Ye.isDirty && (Ye.options.legendType === "point" ? (typeof Ye.updateTotals == "function" && Ye.updateTotals(), Qe = !0) : Ae && (Ae.labelFormatter || Ae.labelFormat) && (Qe = !0)), Ye.isDirtyData && q(Ye, "updatedData");
+          }), Qe && ce && ce.options.enabled && (ce.render(), this.isDirtyLegend = !1), He && this.getStacks(), te.forEach(function(Ye) {
+            Ye.updateNames(), Ye.setScale();
+          }), this.getMargins(), te.forEach(function(Ye) {
+            Ye.isDirty && (Be = !0);
+          }), te.forEach(function(Ye) {
+            var lt = Ye.min + "," + Ye.max;
+            Ye.extKey !== lt && (Ye.extKey = lt, je.push(function() {
+              q(Ye, "afterSetExtremes", Z(Ye.eventArgs, Ye.getExtremes())), delete Ye.eventArgs;
+            })), (Be || He) && Ye.redraw();
+          }), Be && this.drawChartBox(), q(this, "predraw"), ae.forEach(function(Ye) {
+            (Be || Ye.isDirty) && Ye.visible && Ye.redraw(), Ye.isDirtyData = !1;
+          }), he && he.reset(!0), Ee.draw(), q(this, "redraw"), q(this, "render"), Ge && this.temporaryDisplay(!0), je.forEach(function(Ye) {
+            Ye.call();
           });
         }, le.prototype.get = function(ee) {
           function te(Ae) {
@@ -4345,12 +4345,12 @@ var bn = { exports: {} };
             ee[ae] = se(ee.margin[he], ee.spacing[he]);
           }), ee.axisOffset = [0, 0, 0, 0], ee.clipOffset = [0, 0, 0, 0];
         }, le.prototype.drawChartBox = function() {
-          var ee = this.options.chart, te = this.renderer, ae = this.chartWidth, he = this.chartHeight, ce = this.styledMode, Ae = this.plotBGImage, Ee = ee.backgroundColor, Ge = ee.plotBackgroundColor, je = ee.plotBackgroundImage, Be = this.plotLeft, Qe = this.plotTop, qe = this.plotWidth, He = this.plotHeight, Ue = this.plotBox, Re = this.clipRect, lt = this.clipBox, rt = this.chartBackground, it = this.plotBackground, ri = this.plotBorder, ht, Pt = "animate";
+          var ee = this.options.chart, te = this.renderer, ae = this.chartWidth, he = this.chartHeight, ce = this.styledMode, Ae = this.plotBGImage, Ee = ee.backgroundColor, Ge = ee.plotBackgroundColor, je = ee.plotBackgroundImage, Be = this.plotLeft, Qe = this.plotTop, qe = this.plotWidth, He = this.plotHeight, Ue = this.plotBox, Ye = this.clipRect, lt = this.clipBox, rt = this.chartBackground, it = this.plotBackground, ri = this.plotBorder, ht, Pt = "animate";
           if (rt || (this.chartBackground = rt = te.rect().addClass("highcharts-background").add(), Pt = "attr"), ce)
             var Gt = ht = rt.strokeWidth();
           else
             Gt = ee.borderWidth || 0, ht = Gt + (ee.shadow ? 8 : 0), Ee = { fill: Ee || "none" }, (Gt || rt["stroke-width"]) && (Ee.stroke = ee.borderColor, Ee["stroke-width"] = Gt), rt.attr(Ee).shadow(ee.shadow);
-          rt[Pt]({ x: ht / 2, y: ht / 2, width: ae - ht - Gt % 2, height: he - ht - Gt % 2, r: ee.borderRadius }), Pt = "animate", it || (Pt = "attr", this.plotBackground = it = te.rect().addClass("highcharts-plot-background").add()), it[Pt](Ue), ce || (it.attr({ fill: Ge || "none" }).shadow(ee.plotShadow), je && (Ae ? (je !== Ae.attr("href") && Ae.attr("href", je), Ae.animate(Ue)) : this.plotBGImage = te.image(je, Be, Qe, qe, He).add())), Re ? Re.animate({ width: lt.width, height: lt.height }) : this.clipRect = te.clipRect(lt), Pt = "animate", ri || (Pt = "attr", this.plotBorder = ri = te.rect().addClass("highcharts-plot-border").attr({ zIndex: 1 }).add()), ce || ri.attr({ stroke: ee.plotBorderColor, "stroke-width": ee.plotBorderWidth || 0, fill: "none" }), ri[Pt](ri.crisp({ x: Be, y: Qe, width: qe, height: He }, -ri.strokeWidth())), this.isDirtyBox = !1, q(this, "afterDrawChartBox");
+          rt[Pt]({ x: ht / 2, y: ht / 2, width: ae - ht - Gt % 2, height: he - ht - Gt % 2, r: ee.borderRadius }), Pt = "animate", it || (Pt = "attr", this.plotBackground = it = te.rect().addClass("highcharts-plot-background").add()), it[Pt](Ue), ce || (it.attr({ fill: Ge || "none" }).shadow(ee.plotShadow), je && (Ae ? (je !== Ae.attr("href") && Ae.attr("href", je), Ae.animate(Ue)) : this.plotBGImage = te.image(je, Be, Qe, qe, He).add())), Ye ? Ye.animate({ width: lt.width, height: lt.height }) : this.clipRect = te.clipRect(lt), Pt = "animate", ri || (Pt = "attr", this.plotBorder = ri = te.rect().addClass("highcharts-plot-border").attr({ zIndex: 1 }).add()), ce || ri.attr({ stroke: ee.plotBorderColor, "stroke-width": ee.plotBorderWidth || 0, fill: "none" }), ri[Pt](ri.crisp({ x: Be, y: Qe, width: qe, height: He }, -ri.strokeWidth())), this.isDirtyBox = !1, q(this, "afterDrawChartBox");
         }, le.prototype.propFromSeries = function() {
           var ee = this, te = ee.options.chart, ae = ee.options.series, he, ce, Ae;
           ["inverted", "angular", "polar"].forEach(function(Ee) {
@@ -4476,13 +4476,13 @@ var bn = { exports: {} };
           }), this.collectionsWithUpdate.forEach(function(He) {
             if (ee[He]) {
               var Ue = [];
-              ce[He].forEach(function(Re, lt) {
-                Re.options.isInternal || Ue.push(se(Re.options.index, lt));
-              }), ue(ee[He]).forEach(function(Re, lt) {
-                var rt = J(Re.id), it;
-                rt && (it = ce.get(Re.id)), !it && ce[He] && (it = ce[He][Ue ? Ue[lt] : lt]) && rt && J(it.options.id) && (it = void 0), it && it.coll === He && (it.update(Re, !1), ae && (it.touched = !0)), !it && ae && ce.collectionsWithInit[He] && (ce.collectionsWithInit[He][0].apply(ce, [Re].concat(ce.collectionsWithInit[He][1] || []).concat([!1])).touched = !0);
-              }), ae && ce[He].forEach(function(Re) {
-                Re.touched || Re.options.isInternal ? delete Re.touched : Ge.push(Re);
+              ce[He].forEach(function(Ye, lt) {
+                Ye.options.isInternal || Ue.push(se(Ye.options.index, lt));
+              }), ue(ee[He]).forEach(function(Ye, lt) {
+                var rt = J(Ye.id), it;
+                rt && (it = ce.get(Ye.id)), !it && ce[He] && (it = ce[He][Ue ? Ue[lt] : lt]) && rt && J(it.options.id) && (it = void 0), it && it.coll === He && (it.update(Ye, !1), ae && (it.touched = !0)), !it && ae && ce.collectionsWithInit[He] && (ce.collectionsWithInit[He][0].apply(ce, [Ye].concat(ce.collectionsWithInit[He][1] || []).concat([!1])).touched = !0);
+              }), ae && ce[He].forEach(function(Ye) {
+                Ye.touched || Ye.options.isInternal ? delete Ye.touched : Ge.push(Ye);
               });
             }
           }), Ge.forEach(function(He) {
@@ -4533,13 +4533,13 @@ var bn = { exports: {} };
               if (Be.options.panningEnabled && !Be.options.isInternal) {
                 var Qe = Be.horiz, qe = ee[Qe ? "chartX" : "chartY"];
                 Qe = Qe ? "mouseDownX" : "mouseDownY";
-                var He = ae[Qe], Ue = Be.minPointOffset || 0, Re = Be.reversed && !ae.inverted || !Be.reversed && ae.inverted ? -1 : 1, lt = Be.getExtremes(), rt = Be.toValue(He - qe, !0) + Ue * Re, it = Be.toValue(He + Be.len - qe, !0) - (Ue * Re || Be.isXAxis && Be.pointRangePadding || 0), ri = it < rt;
-                Re = Be.hasVerticalPanning(), He = ri ? it : rt, rt = ri ? rt : it;
+                var He = ae[Qe], Ue = Be.minPointOffset || 0, Ye = Be.reversed && !ae.inverted || !Be.reversed && ae.inverted ? -1 : 1, lt = Be.getExtremes(), rt = Be.toValue(He - qe, !0) + Ue * Ye, it = Be.toValue(He + Be.len - qe, !0) - (Ue * Ye || Be.isXAxis && Be.pointRangePadding || 0), ri = it < rt;
+                Ye = Be.hasVerticalPanning(), He = ri ? it : rt, rt = ri ? rt : it;
                 var ht = Be.panningState;
-                !Re || Be.isXAxis || ht && !ht.isDirty || Be.series.forEach(function(Pt) {
+                !Ye || Be.isXAxis || ht && !ht.isDirty || Be.series.forEach(function(Pt) {
                   var Gt = Pt.getProcessedData(!0);
                   Gt = Pt.getExtremes(Gt.yData, !0), ht || (ht = { startMin: Number.MAX_VALUE, startMax: -Number.MAX_VALUE }), S(Gt.dataMin) && S(Gt.dataMax) && (ht.startMin = Math.min(se(Pt.options.threshold, 1 / 0), Gt.dataMin, ht.startMin), ht.startMax = Math.max(se(Pt.options.threshold, -1 / 0), Gt.dataMax, ht.startMax));
-                }), Re = Math.min(se(ht && ht.startMin, lt.dataMin), Ue ? lt.min : Be.toValue(Be.toPixels(lt.min) - Be.minPixelPadding)), it = Math.max(se(ht && ht.startMax, lt.dataMax), Ue ? lt.max : Be.toValue(Be.toPixels(lt.max) + Be.minPixelPadding)), Be.panningState = ht, Be.isOrdinal || (Ue = Re - He, 0 < Ue && (rt += Ue, He = Re), Ue = rt - it, 0 < Ue && (rt = it, He -= Ue), Be.series.length && He !== lt.min && rt !== lt.max && He >= Re && rt <= it && (Be.setExtremes(He, rt, !1, !1, { trigger: "pan" }), !ae.resetZoomButton && He !== Re && rt !== it && Ae.match("y") && (ae.showResetZoom(), Be.displayBtn = !1), Ee = !0), je[Qe] = qe);
+                }), Ye = Math.min(se(ht && ht.startMin, lt.dataMin), Ue ? lt.min : Be.toValue(Be.toPixels(lt.min) - Be.minPixelPadding)), it = Math.max(se(ht && ht.startMax, lt.dataMax), Ue ? lt.max : Be.toValue(Be.toPixels(lt.max) + Be.minPixelPadding)), Be.panningState = ht, Be.isOrdinal || (Ue = Ye - He, 0 < Ue && (rt += Ue, He = Ye), Ue = rt - it, 0 < Ue && (rt = it, He -= Ue), Be.series.length && He !== lt.min && rt !== lt.max && He >= Ye && rt <= it && (Be.setExtremes(He, rt, !1, !1, { trigger: "pan" }), !ae.resetZoomButton && He !== Ye && rt !== it && Ae.match("y") && (ae.showResetZoom(), Be.displayBtn = !1), Ee = !0), je[Qe] = qe);
               }
             }), ie(je, function(Be, Qe) {
               ae[Qe] = Be;
@@ -9020,7 +9020,7 @@ let Bt = class extends be {
         text: this.title,
         align: "left",
         style: {
-          color: this.isDarkMode ? Ye.fog : Ye.brandBlack
+          color: this.isDarkMode ? Re.fog : Re.brandBlack
         }
       },
       xAxis: {
@@ -9041,7 +9041,7 @@ let Bt = class extends be {
         }
       },
       colors: [
-        this.barColor ? this.barColor || "" : this.isDarkMode ? Ye.grayBackground || "" : Ye.brandBlack || ""
+        this.barColor ? this.barColor || "" : this.isDarkMode ? Re.grayBackground || "" : Re.brandBlack || ""
       ],
       plotOptions: {
         series: {
@@ -9060,11 +9060,11 @@ let Bt = class extends be {
         {
           type: "column",
           data: this.data,
-          borderColor: this.barColor ? this.barColor : this.isDarkMode ? Ye.grayBackground : Ye.brandBlack,
+          borderColor: this.barColor ? this.barColor : this.isDarkMode ? Re.grayBackground : Re.brandBlack,
           states: {
             hover: {
-              borderColor: Ye.bananaBread,
-              color: Ye.bananaBread
+              borderColor: Re.bananaBread,
+              color: Re.bananaBread
             }
           }
         }
@@ -9091,7 +9091,7 @@ let Bt = class extends be {
       }
     }, o.xAxis = {
       tickLength: 0,
-      lineColor: this.isDarkMode ? Ye.ash : Ye.fog,
+      lineColor: this.isDarkMode ? Re.ash : Re.fog,
       labels: {
         enabled: !1
       }
@@ -9099,7 +9099,7 @@ let Bt = class extends be {
       min: 0,
       max: 100,
       opposite: !0,
-      gridLineColor: this.isDarkMode ? Ye.ash : Ye.fog,
+      gridLineColor: this.isDarkMode ? Re.ash : Re.fog,
       plotLines: this.data.length > 1 && !this.hideAverageLine ? [
         {
           dashStyle: "Dash",
@@ -9108,7 +9108,7 @@ let Bt = class extends be {
           ),
           width: 2,
           zIndex: 5,
-          color: Ye.electricViolet
+          color: Re.electricViolet
         }
       ] : [],
       labels: {
@@ -9116,7 +9116,7 @@ let Bt = class extends be {
         y: 4,
         style: {
           textAlign: "right",
-          color: this.isDarkMode ? "rgba(255, 255, 255, 0.85)" : Ye.ash
+          color: this.isDarkMode ? "rgba(255, 255, 255, 0.85)" : Re.ash
         },
         formatter: this.formatterFunc || function() {
           return this.value === 0 ? `${String(this.value)}%` : `
@@ -9246,16 +9246,16 @@ let _t = class extends be {
           }
         },
         series: {
-          color: Ye.brandBlue,
+          color: Re.brandBlue,
           borderWidth: 3
         }
       },
       series: [{
         colors: [
-          Ye.green || "",
-          Ye.butterscotch || "",
-          Ye.electricViolet || "",
-          Ye.brandBlue || ""
+          Re.green || "",
+          Re.butterscotch || "",
+          Re.electricViolet || "",
+          Re.brandBlue || ""
         ],
         type: "pie",
         data: this.data
@@ -16700,27 +16700,27 @@ let Xs = class extends be {
     P(this, "colors", {
       grayscale: {
         color1: "#647D8F",
-        color2: Ye.brandBlack
+        color2: Re.brandBlack
       },
       silver: {
-        color1: Ye.white,
-        color2: Ye.grayDivider
+        color1: Re.white,
+        color2: Re.grayDivider
       },
       red: {
         color1: "#FF4747",
-        color2: Ye.redPegasus
+        color2: Re.redPegasus
       },
       purple: {
         color1: "#CE45FF",
-        color2: Ye.vibrantPurple
+        color2: Re.vibrantPurple
       },
       green: {
         color1: "#05A881",
-        color2: Ye.spectralGreen
+        color2: Re.spectralGreen
       },
       blue: {
         color1: "#448EFF",
-        color2: Ye.brandBlue
+        color2: Re.brandBlue
       },
       pocketprep: {
         color1: "#0064FF",
@@ -17846,64 +17846,71 @@ const Ap = /* @__PURE__ */ me(It, [["render", fp]]), _r = {
     name: "Question of the Day",
     shortName: "qotd",
     icon: "calendar",
-    iconColor: Ye.cadaverous,
-    iconColorDM: Ye.jungleGreen
+    iconColor: Re.cadaverous,
+    iconColorDM: Re.jungleGreen
   },
   0: {
     name: "Quick 10",
     shortName: "quick10",
     icon: "quick10",
-    iconColor: Ye.cosmos,
-    iconColorDM: Ye.orchid
+    iconColor: Re.cosmos,
+    iconColorDM: Re.orchid
   },
   2: {
     name: "Missed Questions",
     shortName: "missed",
     icon: "missedQuestions",
     iconColor: "#EC0000",
-    iconColorDM: Ye.rosa
+    iconColorDM: Re.rosa
   },
   3: {
     name: "Weakest Subject",
     shortName: "weakest",
     icon: "subject",
     iconColor: "#EC0000",
-    iconColorDM: Ye.rosa
+    iconColorDM: Re.rosa
   },
   4: {
     name: "Timed Quiz",
     shortName: "timed",
     icon: "stopwatch",
-    iconColor: Ye.brandBlue,
+    iconColor: Re.brandBlue,
     iconColorDM: "#4C92FF"
   },
   5: {
     name: "Mock Exam",
     shortName: "mockExam",
     icon: "exam",
-    iconColor: Ye.cadaverous,
-    iconColorDM: Ye.jungleGreen
+    iconColor: Re.cadaverous,
+    iconColorDM: Re.jungleGreen
   },
   6: {
     name: "Level Up",
     shortName: "levelUp",
     icon: "levelup",
-    iconColor: Ye.cosmos,
-    iconColorDM: Ye.orchid
+    iconColor: Re.cosmos,
+    iconColorDM: Re.orchid
   },
   10: {
     name: "Build Your Own",
     shortName: "custom",
     icon: "pencil",
-    iconColor: Ye.slate,
-    iconColorDM: Ye.pewter
+    iconColor: Re.slate,
+    iconColorDM: Re.pewter
   },
   11: {
     name: "Assignment",
     shortName: "assignment",
     icon: "link",
-    iconColor: Ye.slate,
-    iconColorDM: Ye.pewter
+    iconColor: Re.slate,
+    iconColorDM: Re.pewter
+  },
+  12: {
+    name: "Concept Quiz",
+    shortName: "concept",
+    icon: "pencil",
+    iconColor: Re.slate,
+    iconColorDM: Re.pewter
   }
 }, $r = (e) => e.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&"), wo = (e) => e.keywordDefinitions.length ? e.keywordDefinitions.map((s) => s.keyword).reduce((s, o) => {
   const t = new RegExp(`(\\W)(${$r(o)})(\\W)`, "i");
@@ -19400,7 +19407,7 @@ let ut = class extends be {
     P(this, "matrixRadioGrid");
     P(this, "columnIndex", 0);
     P(this, "rowIndex", 0);
-    P(this, "brandColors", Ye);
+    P(this, "brandColors", Re);
   }
   get defaultCheckboxGrid() {
     var s;
@@ -19870,7 +19877,7 @@ let at = class extends be {
     P(this, "matrixRadioGrid");
     P(this, "expandedRowNumbers", []);
     P(this, "selectedColumnHeaders", []);
-    P(this, "brandColors", Ye);
+    P(this, "brandColors", Re);
   }
   stripHtmlTags(s) {
     if (s) {
@@ -20592,7 +20599,7 @@ let ze = class extends be {
   keywordClick(s) {
     const o = s.target;
     if (o.classList.contains("keyword-highlight")) {
-      const t = o.innerText, n = o.getAttribute("data-location"), r = { x: s.clientX, y: s.clientY };
+      const t = o.innerText.trim(), n = o.getAttribute("data-location"), r = { x: s.clientX, y: s.clientY };
       return {
         keyword: t,
         location: n,
@@ -21986,7 +21993,7 @@ let fo = class extends be {
     super(...arguments);
     P(this, "tooltipTheme");
     P(this, "isDarkMode");
-    P(this, "brandColors", Ye);
+    P(this, "brandColors", Re);
     P(this, "showKeyboardTooltip", !1);
     P(this, "showKeyboardShortcutsModal", !1);
   }
@@ -22059,7 +22066,7 @@ let Bi = class extends be {
     P(this, "enableFlagKeyboardShortcut");
     P(this, "enableFlagTooltip");
     P(this, "disabled");
-    P(this, "brandColors", Ye);
+    P(this, "brandColors", Re);
     P(this, "showFlagTooltip", !1);
   }
   mounted() {
@@ -22155,7 +22162,7 @@ let ci = class extends be {
     P(this, "customTooltipStyles");
     P(this, "tooltipTheme");
     P(this, "isDarkMode");
-    P(this, "brandColors", Ye);
+    P(this, "brandColors", Re);
     P(this, "showGlobalMetricsToolTip", !1);
   }
   toggleGlobalMetrics() {
@@ -22359,7 +22366,7 @@ hn([
   H()
 ], Ao.prototype, "title", 2);
 hn([
-  H({ default: Ye.fog })
+  H({ default: Re.fog })
 ], Ao.prototype, "primaryColor", 2);
 Ao = hn([
   Me
@@ -22451,7 +22458,7 @@ let ui = class extends be {
     P(this, "state");
     P(this, "isDarkMode");
     P(this, "customBlobColor");
-    P(this, "brandColors", Ye);
+    P(this, "brandColors", Re);
   }
   get iconType() {
     return this.state === "incorrect" ? "incorrect" : this.state === "correct" ? "correct" : this.state === "flagged" ? "flagFeedback" : "activity";