@pocketprep/ui-kit 3.1.4 → 3.1.5

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

@@ -1,8 +1,8 @@
 var Ar = Object.defineProperty;
 var Cr = (e, i, s) => i in e ? Ar(e, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[i] = s;
 var W = (e, i, s) => (Cr(e, typeof i != "symbol" ? i + "" : i, s), s);
-import { Prop as ee, Component as we, Vue as ye, Emit as Pe, Watch as et } from "vue-facing-decorator";
-import { resolveDirective as Te, withDirectives as he, openBlock as X, createElementBlock as ie, renderSlot as Ee, createElementVNode as oe, createTextVNode as xe, toDisplayString as me, pushScopeId as mr, popScopeId as vr, withKeys as je, withModifiers as Ie, normalizeClass as Me, normalizeStyle as Ue, vModelText as Os, createStaticVNode as Ve, resolveComponent as Ce, createBlock as Le, createCommentVNode as be, createVNode as Qe, Fragment as ot, renderList as nt, withCtx as Je, vShow as wr } from "vue";
+import { Prop as ee, Component as we, Vue as ye, Emit as Pe, Watch as tt } from "vue-facing-decorator";
+import { resolveDirective as Te, withDirectives as he, openBlock as X, createElementBlock as ie, renderSlot as Ee, createElementVNode as oe, createTextVNode as xe, toDisplayString as me, pushScopeId as mr, popScopeId as vr, withKeys as je, withModifiers as Ie, normalizeClass as Me, normalizeStyle as Ue, vModelText as Os, createStaticVNode as Ve, resolveComponent as Ce, createBlock as Le, createCommentVNode as be, createVNode as Qe, Fragment as et, renderList as nt, withCtx as Je, vShow as wr } from "vue";
 import yr from "litepicker";
 const Mr = "1439", Lr = "1279", br = "1023", Br = "767", Er = "374", Dr = "319", Ir = "#fff", kr = "#30485a", xr = "#fff9ef", Pr = "#fbfbfd", Gr = "#f4f5f9", Qr = "#edeef3", Yr = "#dfe3e7", Or = "#bce6dc", Rr = "#88a3b6", Sr = "#708a9d", jr = "#587183", Tr = "#475967", Hr = "#1f3545", zr = "#0064ff", Fr = "#cfe1ff", Nr = "#056c50", Zr = "#14ca9e", Jr = "#00b584", Wr = "#c7f2e8", Ur = "#e7f9f5", Xr = "#e52525", Kr = "#ff6363", qr = "#ff6e87", Vr = "#ffcdcd", _r = "#ffefef", $r = "#a67214", e1 = "#ffbd47", t1 = "#c78e27", i1 = "#ffe4b6", o1 = "#fff2d9", s1 = "#fff6e5", n1 = "#9906a8", r1 = "#d819eb", a1 = "#ef51ff", l1 = "#fef1ff", h1 = "#a7c7ff", d1 = "#6e4700", c1 = "#049875", p1 = "#008263", u1 = "#ff4747", g1 = "#d00", f1 = "#ad00eb", A1 = "#ad00eb", C1 = "#c238f3", m1 = "#ffce74", v1 = "#293e4e", w1 = "#1c2f3c", y1 = "#0f1d28", M1 = "#2e80ff", L1 = "#064fc1", b1 = "#00664a", B1 = "#ff889d", E1 = "#edeef3", D1 = "#dfe3e7", I1 = "#587183", k1 = "#475967", x1 = "#1c2f3c", P1 = "#182a36", G1 = "#0f1d28", Q1 = "#03101b", Y1 = "#eef5ff", O1 = "#2e80ff", R1 = "#043580", S1 = "#ffedcb", j1 = "#ffa400", T1 = "#fef1ff", H1 = "#d96dff", z1 = "#d10fe5", F1 = "#ad00eb", N1 = "#9906a8", Z1 = "#ffefef", J1 = "#ffcdcd", W1 = "#ff4747", U1 = "#d00", X1 = "#edfbf8", K1 = "#14ca9e", q1 = "#00b584", V1 = "#00a87a", _1 = "#00654a", $1 = "#ff5e3e", ea = "#ff7d63", ta = "#ce8500", Oe = {
   polarBear: Mr,
@@ -4192,8 +4192,8 @@ var Hs = { exports: {} };
           }), this.getMargins(), $.forEach(function(Ye) {
             Ye.isDirty && (De = !0);
           }), $.forEach(function(Ye) {
-            var tt = Ye.min + "," + Ye.max;
-            Ye.extKey !== tt && (Ye.extKey = tt, Re.push(function() {
+            var it = Ye.min + "," + Ye.max;
+            Ye.extKey !== it && (Ye.extKey = it, Re.push(function() {
               J(Ye, "afterSetExtremes", z(Ye.eventArgs, Ye.getExtremes())), delete Ye.eventArgs;
             })), (De || Se) && Ye.redraw();
           }), De && this.drawChartBox(), J(this, "predraw"), re.forEach(function(Ye) {
@@ -4343,12 +4343,12 @@ var Hs = { exports: {} };
             _[re] = se(_.margin[le], _.spacing[le]);
           }), _.axisOffset = [0, 0, 0, 0], _.clipOffset = [0, 0, 0, 0];
         }, ae.prototype.drawChartBox = function() {
-          var _ = this.options.chart, $ = this.renderer, re = this.chartWidth, le = this.chartHeight, ce = this.styledMode, fe = this.plotBGImage, Be = _.backgroundColor, ke = _.plotBackgroundColor, Re = _.plotBackgroundImage, De = this.plotLeft, Ge = this.plotTop, Ze = this.plotWidth, Se = this.plotHeight, ze = this.plotBox, Ye = this.clipRect, tt = this.clipBox, $e = this.chartBackground, qe = this.plotBackground, Rt = this.plotBorder, it, gt = "animate";
+          var _ = this.options.chart, $ = this.renderer, re = this.chartWidth, le = this.chartHeight, ce = this.styledMode, fe = this.plotBGImage, Be = _.backgroundColor, ke = _.plotBackgroundColor, Re = _.plotBackgroundImage, De = this.plotLeft, Ge = this.plotTop, Ze = this.plotWidth, Se = this.plotHeight, ze = this.plotBox, Ye = this.clipRect, it = this.clipBox, $e = this.chartBackground, qe = this.plotBackground, Rt = this.plotBorder, ot, gt = "animate";
           if ($e || (this.chartBackground = $e = $.rect().addClass("highcharts-background").add(), gt = "attr"), ce)
-            var ft = it = $e.strokeWidth();
+            var ft = ot = $e.strokeWidth();
           else
-            ft = _.borderWidth || 0, it = ft + (_.shadow ? 8 : 0), Be = { fill: Be || "none" }, (ft || $e["stroke-width"]) && (Be.stroke = _.borderColor, Be["stroke-width"] = ft), $e.attr(Be).shadow(_.shadow);
-          $e[gt]({ x: it / 2, y: it / 2, width: re - it - ft % 2, height: le - it - ft % 2, r: _.borderRadius }), gt = "animate", qe || (gt = "attr", this.plotBackground = qe = $.rect().addClass("highcharts-plot-background").add()), qe[gt](ze), ce || (qe.attr({ fill: ke || "none" }).shadow(_.plotShadow), Re && (fe ? (Re !== fe.attr("href") && fe.attr("href", Re), fe.animate(ze)) : this.plotBGImage = $.image(Re, De, Ge, Ze, Se).add())), Ye ? Ye.animate({ width: tt.width, height: tt.height }) : this.clipRect = $.clipRect(tt), gt = "animate", Rt || (gt = "attr", this.plotBorder = Rt = $.rect().addClass("highcharts-plot-border").attr({ zIndex: 1 }).add()), ce || Rt.attr({ stroke: _.plotBorderColor, "stroke-width": _.plotBorderWidth || 0, fill: "none" }), Rt[gt](Rt.crisp({ x: De, y: Ge, width: Ze, height: Se }, -Rt.strokeWidth())), this.isDirtyBox = !1, J(this, "afterDrawChartBox");
+            ft = _.borderWidth || 0, ot = ft + (_.shadow ? 8 : 0), Be = { fill: Be || "none" }, (ft || $e["stroke-width"]) && (Be.stroke = _.borderColor, Be["stroke-width"] = ft), $e.attr(Be).shadow(_.shadow);
+          $e[gt]({ x: ot / 2, y: ot / 2, width: re - ot - ft % 2, height: le - ot - ft % 2, r: _.borderRadius }), gt = "animate", qe || (gt = "attr", this.plotBackground = qe = $.rect().addClass("highcharts-plot-background").add()), qe[gt](ze), ce || (qe.attr({ fill: ke || "none" }).shadow(_.plotShadow), Re && (fe ? (Re !== fe.attr("href") && fe.attr("href", Re), fe.animate(ze)) : this.plotBGImage = $.image(Re, De, Ge, Ze, Se).add())), Ye ? Ye.animate({ width: it.width, height: it.height }) : this.clipRect = $.clipRect(it), gt = "animate", Rt || (gt = "attr", this.plotBorder = Rt = $.rect().addClass("highcharts-plot-border").attr({ zIndex: 1 }).add()), ce || Rt.attr({ stroke: _.plotBorderColor, "stroke-width": _.plotBorderWidth || 0, fill: "none" }), Rt[gt](Rt.crisp({ x: De, y: Ge, width: Ze, height: Se }, -Rt.strokeWidth())), this.isDirtyBox = !1, J(this, "afterDrawChartBox");
         }, ae.prototype.propFromSeries = function() {
           var _ = this, $ = _.options.chart, re = _.options.series, le, ce, fe;
           ["inverted", "angular", "polar"].forEach(function(Be) {
@@ -4474,11 +4474,11 @@ var Hs = { exports: {} };
           }), this.collectionsWithUpdate.forEach(function(Se) {
             if (_[Se]) {
               var ze = [];
-              ce[Se].forEach(function(Ye, tt) {
-                Ye.options.isInternal || ze.push(se(Ye.options.index, tt));
-              }), pe(_[Se]).forEach(function(Ye, tt) {
+              ce[Se].forEach(function(Ye, it) {
+                Ye.options.isInternal || ze.push(se(Ye.options.index, it));
+              }), pe(_[Se]).forEach(function(Ye, it) {
                 var $e = F(Ye.id), qe;
-                $e && (qe = ce.get(Ye.id)), !qe && ce[Se] && (qe = ce[Se][ze ? ze[tt] : tt]) && $e && F(qe.options.id) && (qe = void 0), qe && qe.coll === Se && (qe.update(Ye, !1), re && (qe.touched = !0)), !qe && re && ce.collectionsWithInit[Se] && (ce.collectionsWithInit[Se][0].apply(ce, [Ye].concat(ce.collectionsWithInit[Se][1] || []).concat([!1])).touched = !0);
+                $e && (qe = ce.get(Ye.id)), !qe && ce[Se] && (qe = ce[Se][ze ? ze[it] : it]) && $e && F(qe.options.id) && (qe = void 0), qe && qe.coll === Se && (qe.update(Ye, !1), re && (qe.touched = !0)), !qe && re && ce.collectionsWithInit[Se] && (ce.collectionsWithInit[Se][0].apply(ce, [Ye].concat(ce.collectionsWithInit[Se][1] || []).concat([!1])).touched = !0);
               }), re && ce[Se].forEach(function(Ye) {
                 Ye.touched || Ye.options.isInternal ? delete Ye.touched : ke.push(Ye);
               });
@@ -4531,13 +4531,13 @@ var Hs = { exports: {} };
               if (De.options.panningEnabled && !De.options.isInternal) {
                 var Ge = De.horiz, Ze = _[Ge ? "chartX" : "chartY"];
                 Ge = Ge ? "mouseDownX" : "mouseDownY";
-                var Se = re[Ge], ze = De.minPointOffset || 0, Ye = De.reversed && !re.inverted || !De.reversed && re.inverted ? -1 : 1, tt = De.getExtremes(), $e = De.toValue(Se - Ze, !0) + ze * Ye, qe = De.toValue(Se + De.len - Ze, !0) - (ze * Ye || De.isXAxis && De.pointRangePadding || 0), Rt = qe < $e;
+                var Se = re[Ge], ze = De.minPointOffset || 0, Ye = De.reversed && !re.inverted || !De.reversed && re.inverted ? -1 : 1, it = De.getExtremes(), $e = De.toValue(Se - Ze, !0) + ze * Ye, qe = De.toValue(Se + De.len - Ze, !0) - (ze * Ye || De.isXAxis && De.pointRangePadding || 0), Rt = qe < $e;
                 Ye = De.hasVerticalPanning(), Se = Rt ? qe : $e, $e = Rt ? $e : qe;
-                var it = De.panningState;
-                !Ye || De.isXAxis || it && !it.isDirty || De.series.forEach(function(gt) {
+                var ot = De.panningState;
+                !Ye || De.isXAxis || ot && !ot.isDirty || De.series.forEach(function(gt) {
                   var ft = gt.getProcessedData(!0);
-                  ft = gt.getExtremes(ft.yData, !0), it || (it = { startMin: Number.MAX_VALUE, startMax: -Number.MAX_VALUE }), O(ft.dataMin) && O(ft.dataMax) && (it.startMin = Math.min(se(gt.options.threshold, 1 / 0), ft.dataMin, it.startMin), it.startMax = Math.max(se(gt.options.threshold, -1 / 0), ft.dataMax, it.startMax));
-                }), Ye = Math.min(se(it && it.startMin, tt.dataMin), ze ? tt.min : De.toValue(De.toPixels(tt.min) - De.minPixelPadding)), qe = Math.max(se(it && it.startMax, tt.dataMax), ze ? tt.max : De.toValue(De.toPixels(tt.max) + De.minPixelPadding)), De.panningState = it, De.isOrdinal || (ze = Ye - Se, 0 < ze && ($e += ze, Se = Ye), ze = $e - qe, 0 < ze && ($e = qe, Se -= ze), De.series.length && Se !== tt.min && $e !== tt.max && Se >= Ye && $e <= qe && (De.setExtremes(Se, $e, !1, !1, { trigger: "pan" }), !re.resetZoomButton && Se !== Ye && $e !== qe && fe.match("y") && (re.showResetZoom(), De.displayBtn = !1), Be = !0), Re[Ge] = Ze);
+                  ft = gt.getExtremes(ft.yData, !0), ot || (ot = { startMin: Number.MAX_VALUE, startMax: -Number.MAX_VALUE }), O(ft.dataMin) && O(ft.dataMax) && (ot.startMin = Math.min(se(gt.options.threshold, 1 / 0), ft.dataMin, ot.startMin), ot.startMax = Math.max(se(gt.options.threshold, -1 / 0), ft.dataMax, ot.startMax));
+                }), Ye = Math.min(se(ot && ot.startMin, it.dataMin), ze ? it.min : De.toValue(De.toPixels(it.min) - De.minPixelPadding)), qe = Math.max(se(ot && ot.startMax, it.dataMax), ze ? it.max : De.toValue(De.toPixels(it.max) + De.minPixelPadding)), De.panningState = ot, De.isOrdinal || (ze = Ye - Se, 0 < ze && ($e += ze, Se = Ye), ze = $e - qe, 0 < ze && ($e = qe, Se -= ze), De.series.length && Se !== it.min && $e !== it.max && Se >= Ye && $e <= qe && (De.setExtremes(Se, $e, !1, !1, { trigger: "pan" }), !re.resetZoomButton && Se !== Ye && $e !== qe && fe.match("y") && (re.showResetZoom(), De.displayBtn = !1), Be = !0), Re[Ge] = Ze);
               }
             }), te(Re, function(De, Ge) {
               re[Ge] = De;
@@ -9480,10 +9480,10 @@ Et([
   ee({ default: null })
 ], At.prototype, "inputId", 2);
 Et([
-  et("modelValue")
+  tt("modelValue")
 ], At.prototype, "valueChanged", 1);
 Et([
-  et("sliderValue")
+  tt("sliderValue")
 ], At.prototype, "sliderValueChanged", 1);
 Et([
   Pe("update:modelValue")
@@ -12845,7 +12845,7 @@ function U3(e, i, s, o, t, n) {
       role: "radiogroup",
       "aria-labelledby": e.label ? `uikit-radio__label-${e.uid}` : e.labelledBy || ""
     }, [
-      (X(!0), ie(ot, null, nt(e.data, (Y) => he((X(), ie("li", {
+      (X(!0), ie(et, null, nt(e.data, (Y) => he((X(), ie("li", {
         key: JSON.stringify(Y),
         ref_for: !0,
         ref: "uikit-radio__item",
@@ -12977,16 +12977,16 @@ vt([
   ee({ default: "FILTER BY SUBJECT" })
 ], ht.prototype, "filterOptionsLabel", 2);
 vt([
-  et("checkboxOptions", { deep: !0 })
+  tt("checkboxOptions", { deep: !0 })
 ], ht.prototype, "checkboxOptionsChanged", 1);
 vt([
-  et("checkboxEntries", { deep: !0 })
+  tt("checkboxEntries", { deep: !0 })
 ], ht.prototype, "checkboxOptionChanged", 1);
 vt([
-  et("radioOptions", { deep: !0 })
+  tt("radioOptions", { deep: !0 })
 ], ht.prototype, "radioOptionsChanged", 1);
 vt([
-  et("radioEntries", { deep: !0 })
+  tt("radioEntries", { deep: !0 })
 ], ht.prototype, "radioOptionChanged", 1);
 vt([
   Pe("update:modelValue")
@@ -13090,7 +13090,7 @@ function t7(e, i, s, o, t, n) {
     ]),
     Ee(e.$slots, "checkbox", {}, () => [
       e.showCheckboxOptions || e.radioOptions.length === 0 ? (X(), ie("div", e7, [
-        (X(!0), ie(ot, null, nt(e.checkboxOptions, (T) => (X(), Le(I, {
+        (X(!0), ie(et, null, nt(e.checkboxOptions, (T) => (X(), Le(I, {
           key: T.id,
           modelValue: T.enabled,
           "onUpdate:modelValue": (x) => T.enabled = x,
@@ -13185,16 +13185,16 @@ pt([
   ee({ default: "FILTER BY SUBJECT" })
 ], at.prototype, "filterOptionsLabel", 2);
 pt([
-  et("checkboxOptions", { deep: !0 })
+  tt("checkboxOptions", { deep: !0 })
 ], at.prototype, "checkboxOptionsChanged", 1);
 pt([
-  et("checkboxEntries", { deep: !0 })
+  tt("checkboxEntries", { deep: !0 })
 ], at.prototype, "checkboxOptionChanged", 1);
 pt([
-  et("radioOptions", { deep: !0 })
+  tt("radioOptions", { deep: !0 })
 ], at.prototype, "radioOptionsChanged", 1);
 pt([
-  et("radioEntries", { deep: !0 })
+  tt("radioEntries", { deep: !0 })
 ], at.prototype, "radioOptionChanged", 1);
 pt([
   Pe("update:modelValue")
@@ -13486,13 +13486,13 @@ st([
   ee({ default: !1 })
 ], _e.prototype, "isDarkMode", 2);
 st([
-  et("showDropdown")
+  tt("showDropdown")
 ], _e.prototype, "showDropdownChanged", 1);
 st([
-  et("modelValue")
+  tt("modelValue")
 ], _e.prototype, "valueChanged", 1);
 st([
-  et("searchText")
+  tt("searchText")
 ], _e.prototype, "searchTextChanged", 1);
 st([
   Pe("update:modelValue")
@@ -13616,7 +13616,7 @@ function m7(e, i, s, o, t, n) {
           "uikit-select__list--subtext": e.subtext
         }])
       }, [
-        (X(!0), ie(ot, null, nt(e.filteredData, (I) => he((X(), ie("li", {
+        (X(!0), ie(et, null, nt(e.filteredData, (I) => he((X(), ie("li", {
           key: JSON.stringify(I),
           ref_for: !0,
           ref: "uikit-select__items",
@@ -14160,14 +14160,17 @@ let As = class extends ye {
     super(...arguments);
     W(this, "showTooltip", !1);
     W(this, "textOverflows", !1);
+    W(this, "measurementComplete", !1);
+    W(this, "id", null);
+  }
+  created() {
+    this.id = this._uid;
   }
   mounted() {
-    const s = this.$refs.content;
+    const s = this.$refs[`content_${this.id}`], o = this.$refs[`content_fullwidth_${this.id}`];
     this.$nextTick(() => {
-      const o = s.getBoundingClientRect().width;
-      s.style.display = "inline";
-      const t = s.getBoundingClientRect().width;
-      s.style.display = "block", this.textOverflows = o < t;
+      const t = s.getBoundingClientRect().width, n = o.getBoundingClientRect().width;
+      this.textOverflows = t < n, this.measurementComplete = !0;
     });
   }
 };
@@ -14192,14 +14195,23 @@ function f6(e, i, s, o, t, n) {
       ]),
       _: 3
     })) : be("", !0),
-    oe("div", {
-      ref: "content",
-      class: "uikit-overflow-tooltip__content",
-      onMouseenter: i[0] || (i[0] = (Y) => e.showTooltip = !0),
-      onMouseleave: i[1] || (i[1] = (Y) => e.showTooltip = !1)
-    }, [
-      Ee(e.$slots, "default")
-    ], 544)
+    e.id ? (X(), ie(et, { key: 1 }, [
+      oe("div", {
+        ref: `content_${e.id}`,
+        class: "uikit-overflow-tooltip__content",
+        onMouseenter: i[0] || (i[0] = (Y) => e.showTooltip = !0),
+        onMouseleave: i[1] || (i[1] = (Y) => e.showTooltip = !1)
+      }, [
+        Ee(e.$slots, "default")
+      ], 544),
+      e.measurementComplete ? be("", !0) : (X(), ie("div", {
+        key: 0,
+        ref: `content_fullwidth_${e.id}`,
+        class: "uikit-overflow-tooltip__content uikit-overflow-tooltip__content--full-width"
+      }, [
+        Ee(e.$slots, "default")
+      ], 512))
+    ], 64)) : be("", !0)
   ]);
 }
 const Es = /* @__PURE__ */ ve(As, [["render", f6]]);
@@ -14418,7 +14430,7 @@ function L6(e, i, s, o, t, n) {
                   }),
                   role: "row"
                 }, [
-                  (X(!0), ie(ot, null, nt(e.columns, (j) => Ee(e.$slots, "tableColumnLabel", { column: j }, () => [
+                  (X(!0), ie(et, null, nt(e.columns, (j) => Ee(e.$slots, "tableColumnLabel", { column: j }, () => [
                     (X(), ie("th", {
                       key: `column-label--${j.propName}`,
                       class: "uikit-table__column-label",
@@ -14444,7 +14456,7 @@ function L6(e, i, s, o, t, n) {
                           onMousedown: i[0] || (i[0] = Ie(() => {
                           }, ["prevent"]))
                         }, [
-                          j.isLabelHidden ? be("", !0) : (X(), ie(ot, { key: 0 }, [
+                          j.isLabelHidden ? be("", !0) : (X(), ie(et, { key: 0 }, [
                             Ee(e.$slots, "tableColumnLabelText", { column: j }, () => [
                               xe(me(j.name || j.propName), 1)
                             ]),
@@ -14480,7 +14492,7 @@ function L6(e, i, s, o, t, n) {
                 role: "rowgroup",
                 style: Ue(e.tableRowsStyles)
               }, [
-                (X(!0), ie(ot, null, nt(e.rows, (j) => Ee(e.$slots, "tableRow", { row: j }, () => [
+                (X(!0), ie(et, null, nt(e.rows, (j) => Ee(e.$slots, "tableRow", { row: j }, () => [
                   he((X(), ie("tr", {
                     key: `row--${j.id}`,
                     class: Me(["uikit-table__row", {
@@ -14498,7 +14510,7 @@ function L6(e, i, s, o, t, n) {
                     onMouseenter: (T) => e.emitRowEnter(j),
                     onMouseleave: (T) => e.emitRowLeave(j)
                   }, [
-                    (X(!0), ie(ot, null, nt(e.columns, (T) => Ee(e.$slots, "tableCell", {
+                    (X(!0), ie(et, null, nt(e.columns, (T) => Ee(e.$slots, "tableCell", {
                       row: j,
                       column: T,
                       tableCellStyles: e.tableCellStyles
@@ -14612,7 +14624,7 @@ const E6 = { class: "uikit-table-actions" }, D6 = ["onClick", "onKeyup", "onKeyd
 function x6(e, i, s, o, t, n) {
   const r = Ce("Icon"), Y = Ce("Tooltip");
   return X(), ie("div", E6, [
-    (X(!0), ie(ot, null, nt(e.actions, (I) => (X(), ie("div", {
+    (X(!0), ie(et, null, nt(e.actions, (I) => (X(), ie("div", {
       key: I.id,
       ref_for: !0,
       ref: `${e.name}Actions`,
@@ -14643,7 +14655,7 @@ function x6(e, i, s, o, t, n) {
         _: 2
       }, 1024)) : be("", !0),
       I.menu && I.id === e.visibleMenuActionId ? (X(), ie("div", I6, [
-        (X(!0), ie(ot, null, nt(I.menu, (j) => (X(), ie("div", {
+        (X(!0), ie(et, null, nt(I.menu, (j) => (X(), ie("div", {
           key: j.id,
           ref_for: !0,
           ref: `${e.name}ActionMenu-${I.id}`,
@@ -15399,7 +15411,7 @@ function X9(e, i, s, o, t, n) {
     class: "uikit-magic-code",
     onKeydown: i[5] || (i[5] = (...r) => e.handleKeyDown && e.handleKeyDown(...r))
   }, [
-    (X(), ie(ot, null, nt(6, (r) => oe("div", {
+    (X(), ie(et, null, nt(6, (r) => oe("div", {
       key: r,
       class: Me(["uikit-magic-code__code-input-box", {
         "uikit-magic-code__code-input-box--active": e.highlightInput && r === e.cursorIndex + 1,
@@ -15474,10 +15486,10 @@ Qt([
   ee({ default: "" })
 ], yt.prototype, "modelValue", 2);
 Qt([
-  et("parentError")
+  tt("parentError")
 ], yt.prototype, "parentErrorChanged", 1);
 Qt([
-  et("parentIsLoading")
+  tt("parentIsLoading")
 ], yt.prototype, "parentIsLoadingChanged", 1);
 Qt([
   Pe("submit")
@@ -15780,7 +15792,7 @@ ci([
   Pe("update:modelValue")
 ], Ht.prototype, "emitUpdateModelValue", 1);
 ci([
-  et("hoverBundleId")
+  tt("hoverBundleId")
 ], Ht.prototype, "hoverBundleIdChanged", 1);
 Ht = ci([
   we({
@@ -15797,7 +15809,7 @@ const md = { class: "uikit-bundle-list" }, vd = ["onMouseenter", "onFocus", "onC
 function wd(e, i, s, o, t, n) {
   const r = Ce("BundleIcon"), Y = Ce("PremiumPill"), I = Te("dark");
   return X(), ie("ul", md, [
-    (X(!0), ie(ot, null, nt(e.bundles, (j) => he((X(), ie("li", {
+    (X(!0), ie(et, null, nt(e.bundles, (j) => he((X(), ie("li", {
       key: j.objectId,
       class: "uikit-bundle-list__item",
       tabindex: "0",
@@ -15915,10 +15927,10 @@ It([
   ee({ default: !1 })
 ], mt.prototype, "isDarkMode", 2);
 It([
-  et("examSearchString")
+  tt("examSearchString")
 ], mt.prototype, "examSearchStringChanged", 1);
 It([
-  et("selectedBundle")
+  tt("selectedBundle")
 ], mt.prototype, "selectedBundleChanged", 1);
 It([
   Pe("search")
@@ -15996,7 +16008,7 @@ function Od(e, i, s, o, t, n) {
         }, 8, ["is-dark-mode"])
       ]),
       oe("ul", Ed, [
-        (X(!0), ie(ot, null, nt(e.filteredExams, (w) => he((X(), Le(I, {
+        (X(!0), ie(et, null, nt(e.filteredExams, (w) => he((X(), Le(I, {
           key: w.objectId,
           "is-premium": e.premiumExamIds.includes(w.objectId),
           exam: w,
@@ -16063,7 +16075,7 @@ function Od(e, i, s, o, t, n) {
             key: e.selectedBundle.objectId,
             class: "uikit-exam-search__bundle-exam-list"
           }, [
-            (X(!0), ie(ot, null, nt(e.selectedBundleExams, (w) => he((X(), Le(I, {
+            (X(!0), ie(et, null, nt(e.selectedBundleExams, (w) => he((X(), Le(I, {
               key: w.objectId,
               exam: w,
               "is-dark-mode": e.isDarkMode,
@@ -16241,7 +16253,7 @@ function Xd(e, i, s, o, t, n) {
       [Y, e.isDarkMode]
     ]),
     Ee(e.$slots, "errors", {}, () => [
-      (X(!0), ie(ot, null, nt(e.filteredErrors, (I) => he((X(), ie("div", {
+      (X(!0), ie(et, null, nt(e.filteredErrors, (I) => he((X(), ie("div", {
         key: I,
         class: "uikit-errors__error"
       }, [
@@ -16311,7 +16323,7 @@ function dc(e, i, s, o, t, n) {
   return X(), ie("svg", nc, [
     oe("defs", null, [
       rc,
-      (X(!0), ie(ot, null, nt(Object.entries(e.colors), ([r, Y]) => (X(), ie("linearGradient", {
+      (X(!0), ie(et, null, nt(Object.entries(e.colors), ([r, Y]) => (X(), ie("linearGradient", {
         id: `bundle-icon-gradient-${r}`,
         key: r,
         x1: "86.4188806%",
@@ -16523,7 +16535,7 @@ function wc(e, i, s, o, t, n) {
           ], 2)
         ]),
         e.tabs && e.tabs.length ? (X(), ie("div", fc, [
-          (X(!0), ie(ot, null, nt(e.tabs, (j, T) => he((X(), ie("div", {
+          (X(!0), ie(et, null, nt(e.tabs, (j, T) => he((X(), ie("div", {
             key: j,
             class: Me(["uikit-side-panel__tab", {
               "uikit-side-panel__tab--active": e.activeTabName === j,
@@ -17581,16 +17593,16 @@ Ne([
   ee({ default: !1 })
 ], He.prototype, "isTeachReview", 2);
 Ne([
-  et("reviewMode")
+  tt("reviewMode")
 ], He.prototype, "reviewModeChanged", 1);
 Ne([
-  et("previousChoices", { deep: !0 })
+  tt("previousChoices", { deep: !0 })
 ], He.prototype, "previousChoicesChanged", 1);
 Ne([
   Pe("selectedChoices")
 ], He.prototype, "emitSelectedChoices", 1);
 Ne([
-  et("selectedChoices", { deep: !0 })
+  tt("selectedChoices", { deep: !0 })
 ], He.prototype, "selectedChoicesChanged", 1);
 Ne([
   Pe("close")
@@ -17933,7 +17945,7 @@ function Wp(e, i, s, o, t, n) {
         ])), [
           [j, e.isDarkMode]
         ]) : be("", !0),
-        (X(!0), ie(ot, null, nt(e.choices, (T, x) => (X(), ie("div", {
+        (X(!0), ie(et, null, nt(e.choices, (T, x) => (X(), ie("div", {
           key: T.key,
           class: "uikit-question__choices-container"
         }, [
@@ -18112,7 +18124,7 @@ function Wp(e, i, s, o, t, n) {
               [j, e.isDarkMode],
               [I, e.breakpoints, "questionEl"]
             ]),
-            e.globalMetrics ? (X(), ie(ot, { key: 2 }, [
+            e.globalMetrics ? (X(), ie(et, { key: 2 }, [
               he((X(), ie("div", pp, [
                 xe(me(e.choiceScores[T.key]) + " % ", 1)
               ])), [
@@ -18133,7 +18145,7 @@ function Wp(e, i, s, o, t, n) {
               ])), [
                 [j, e.isDarkMode]
               ])
-            ], 64)) : (X(), ie(ot, { key: 1 }, [
+            ], 64)) : (X(), ie(et, { key: 1 }, [
               e.showAnswers ? be("", !0) : he((X(), ie("div", {
                 key: 0,
                 tabindex: e.showAnswers ? -1 : 0,
@@ -18817,7 +18829,7 @@ const ru = { class: "uikit-quiz-progress" };
 function au(e, i, s, o, t, n) {
   const r = Ce("QuizProgressBar");
   return X(), ie("div", ru, [
-    (X(!0), ie(ot, null, nt(e.numQuestions, (Y) => (X(), Le(r, {
+    (X(!0), ie(et, null, nt(e.numQuestions, (Y) => (X(), Le(r, {
       key: `${Y}_${e.barWidthString}`,
       "is-answered": e.answeredIndexList.includes(Y),
       "is-selected": Number(Y) === Number(e.selectedIndex),