@pocketprep/ui-kit 3.4.49 → 3.4.51

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

@@ -2,7 +2,7 @@ var Ur = Object.defineProperty;
 var qr = (e, i, s) => i in e ? Ur(e, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[i] = s;
 var O = (e, i, s) => (qr(e, typeof i != "symbol" ? i + "" : i, s), s);
 import { Prop as Z, Component as ve, Vue as we, Emit as Be, Watch as it } from "vue-facing-decorator";
-import { resolveDirective as Oe, withDirectives as le, openBlock as U, createElementBlock as te, renderSlot as De, createElementVNode as oe, createTextVNode as xe, toDisplayString as ye, pushScopeId as Xr, popScopeId as Kr, withKeys as Fe, withModifiers as ke, normalizeClass as Le, normalizeStyle as Ke, vModelText as an, createStaticVNode as _e, resolveComponent as fe, createBlock as Me, createCommentVNode as be, createVNode as Ge, Fragment as et, renderList as ht, withCtx as Ze, vShow as ln } from "vue";
+import { resolveDirective as Oe, withDirectives as le, openBlock as U, createElementBlock as te, renderSlot as De, createElementVNode as oe, createTextVNode as xe, toDisplayString as ye, pushScopeId as Xr, popScopeId as Kr, withKeys as Fe, withModifiers as ke, normalizeClass as Le, normalizeStyle as Ke, vModelText as an, createStaticVNode as _e, resolveComponent as fe, createBlock as Me, createCommentVNode as be, createVNode as Ge, Fragment as tt, renderList as ht, withCtx as Ze, vShow as ln } from "vue";
 import Vr from "litepicker";
 const _r = "1439", $r = "1279", e1 = "1023", t1 = "767", i1 = "374", o1 = "319", s1 = "#fff", n1 = "#30485a", r1 = "#fff9ef", a1 = "#fbfbfd", l1 = "#f4f5f9", h1 = "#edeef3", d1 = "#dfe3e7", c1 = "#bce6dc", p1 = "#88a3b6", u1 = "#708a9d", g1 = "#587183", f1 = "#475967", A1 = "#1f3545", C1 = "#0064ff", m1 = "#cfe1ff", v1 = "#056c50", w1 = "#14ca9e", y1 = "#00b584", M1 = "#c7f2e8", L1 = "#e7f9f5", b1 = "#e52525", E1 = "#ff6363", D1 = "#ff6e87", B1 = "#ffcdcd", I1 = "#ffefef", k1 = "#a67214", x1 = "#ffbd47", P1 = "#c78e27", G1 = "#ffe4b6", Q1 = "#fff2d9", O1 = "#fff6e5", Y1 = "#9906a8", R1 = "#d819eb", S1 = "#ef51ff", T1 = "#fef1ff", j1 = "#a7c7ff", H1 = "#6e4700", F1 = "#049875", z1 = "#008263", N1 = "#ff4747", Z1 = "#d00", J1 = "#ad00eb", W1 = "#ad00eb", U1 = "#c238f3", q1 = "#ffce74", X1 = "#293e4e", K1 = "#1c2f3c", V1 = "#0f1d28", _1 = "#2e80ff", $1 = "#064fc1", ea = "#00664a", ta = "#ff889d", ia = "#edeef3", oa = "#dfe3e7", sa = "#587183", na = "#475967", ra = "#1c2f3c", aa = "#182a36", la = "#0f1d28", ha = "#03101b", da = "#eef5ff", ca = "#2e80ff", pa = "#043580", ua = "#005AE5", ga = "#ffedcb", fa = "#ffa400", Aa = "#fef1ff", Ca = "#d96dff", ma = "#d10fe5", va = "#ad00eb", wa = "#9906a8", ya = "#ffefef", Ma = "#ffcdcd", La = "#ff4747", ba = "#d00", Ea = "#edfbf8", Da = "#14ca9e", Ba = "#00b584", Ia = "#00a87a", ka = "#00654a", xa = "#ff5e3e", Pa = "#ff7d63", Ga = "#ce8500", Re = {
   polarBear: _r,
@@ -4344,12 +4344,12 @@ var un = { exports: {} };
             $[re] = se($.margin[he], $.spacing[he]);
           }), $.axisOffset = [0, 0, 0, 0], $.clipOffset = [0, 0, 0, 0];
         }, ae.prototype.drawChartBox = function() {
-          var $ = this.options.chart, ee = this.renderer, re = this.chartWidth, he = this.chartHeight, ce = this.styledMode, Ae = this.plotBGImage, Ee = $.backgroundColor, Pe = $.plotBackgroundColor, Se = $.plotBackgroundImage, Ie = this.plotLeft, Qe = this.plotTop, qe = this.plotWidth, Te = this.plotHeight, We = this.plotBox, Ye = this.clipRect, nt = this.clipBox, ot = this.chartBackground, $e = this.plotBackground, ei = this.plotBorder, rt, Dt = "animate";
-          if (ot || (this.chartBackground = ot = ee.rect().addClass("highcharts-background").add(), Dt = "attr"), ce)
-            var Bt = rt = ot.strokeWidth();
+          var $ = this.options.chart, ee = this.renderer, re = this.chartWidth, he = this.chartHeight, ce = this.styledMode, Ae = this.plotBGImage, Ee = $.backgroundColor, Pe = $.plotBackgroundColor, Se = $.plotBackgroundImage, Ie = this.plotLeft, Qe = this.plotTop, qe = this.plotWidth, Te = this.plotHeight, We = this.plotBox, Ye = this.clipRect, nt = this.clipBox, st = this.chartBackground, $e = this.plotBackground, ei = this.plotBorder, rt, Dt = "animate";
+          if (st || (this.chartBackground = st = ee.rect().addClass("highcharts-background").add(), Dt = "attr"), ce)
+            var Bt = rt = st.strokeWidth();
           else
-            Bt = $.borderWidth || 0, rt = Bt + ($.shadow ? 8 : 0), Ee = { fill: Ee || "none" }, (Bt || ot["stroke-width"]) && (Ee.stroke = $.borderColor, Ee["stroke-width"] = Bt), ot.attr(Ee).shadow($.shadow);
-          ot[Dt]({ x: rt / 2, y: rt / 2, width: re - rt - Bt % 2, height: he - rt - Bt % 2, r: $.borderRadius }), Dt = "animate", $e || (Dt = "attr", this.plotBackground = $e = ee.rect().addClass("highcharts-plot-background").add()), $e[Dt](We), ce || ($e.attr({ fill: Pe || "none" }).shadow($.plotShadow), Se && (Ae ? (Se !== Ae.attr("href") && Ae.attr("href", Se), Ae.animate(We)) : this.plotBGImage = ee.image(Se, Ie, Qe, qe, Te).add())), Ye ? Ye.animate({ width: nt.width, height: nt.height }) : this.clipRect = ee.clipRect(nt), Dt = "animate", ei || (Dt = "attr", this.plotBorder = ei = ee.rect().addClass("highcharts-plot-border").attr({ zIndex: 1 }).add()), ce || ei.attr({ stroke: $.plotBorderColor, "stroke-width": $.plotBorderWidth || 0, fill: "none" }), ei[Dt](ei.crisp({ x: Ie, y: Qe, width: qe, height: Te }, -ei.strokeWidth())), this.isDirtyBox = !1, q(this, "afterDrawChartBox");
+            Bt = $.borderWidth || 0, rt = Bt + ($.shadow ? 8 : 0), Ee = { fill: Ee || "none" }, (Bt || st["stroke-width"]) && (Ee.stroke = $.borderColor, Ee["stroke-width"] = Bt), st.attr(Ee).shadow($.shadow);
+          st[Dt]({ x: rt / 2, y: rt / 2, width: re - rt - Bt % 2, height: he - rt - Bt % 2, r: $.borderRadius }), Dt = "animate", $e || (Dt = "attr", this.plotBackground = $e = ee.rect().addClass("highcharts-plot-background").add()), $e[Dt](We), ce || ($e.attr({ fill: Pe || "none" }).shadow($.plotShadow), Se && (Ae ? (Se !== Ae.attr("href") && Ae.attr("href", Se), Ae.animate(We)) : this.plotBGImage = ee.image(Se, Ie, Qe, qe, Te).add())), Ye ? Ye.animate({ width: nt.width, height: nt.height }) : this.clipRect = ee.clipRect(nt), Dt = "animate", ei || (Dt = "attr", this.plotBorder = ei = ee.rect().addClass("highcharts-plot-border").attr({ zIndex: 1 }).add()), ce || ei.attr({ stroke: $.plotBorderColor, "stroke-width": $.plotBorderWidth || 0, fill: "none" }), ei[Dt](ei.crisp({ x: Ie, y: Qe, width: qe, height: Te }, -ei.strokeWidth())), this.isDirtyBox = !1, q(this, "afterDrawChartBox");
         }, ae.prototype.propFromSeries = function() {
           var $ = this, ee = $.options.chart, re = $.options.series, he, ce, Ae;
           ["inverted", "angular", "polar"].forEach(function(Ee) {
@@ -4478,8 +4478,8 @@ var un = { exports: {} };
               ce[Te].forEach(function(Ye, nt) {
                 Ye.options.isInternal || We.push(se(Ye.options.index, nt));
               }), pe($[Te]).forEach(function(Ye, nt) {
-                var ot = N(Ye.id), $e;
-                ot && ($e = ce.get(Ye.id)), !$e && ce[Te] && ($e = ce[Te][We ? We[nt] : nt]) && ot && N($e.options.id) && ($e = void 0), $e && $e.coll === Te && ($e.update(Ye, !1), re && ($e.touched = !0)), !$e && re && ce.collectionsWithInit[Te] && (ce.collectionsWithInit[Te][0].apply(ce, [Ye].concat(ce.collectionsWithInit[Te][1] || []).concat([!1])).touched = !0);
+                var st = N(Ye.id), $e;
+                st && ($e = ce.get(Ye.id)), !$e && ce[Te] && ($e = ce[Te][We ? We[nt] : nt]) && st && N($e.options.id) && ($e = void 0), $e && $e.coll === Te && ($e.update(Ye, !1), re && ($e.touched = !0)), !$e && re && ce.collectionsWithInit[Te] && (ce.collectionsWithInit[Te][0].apply(ce, [Ye].concat(ce.collectionsWithInit[Te][1] || []).concat([!1])).touched = !0);
               }), re && ce[Te].forEach(function(Ye) {
                 Ye.touched || Ye.options.isInternal ? delete Ye.touched : Pe.push(Ye);
               });
@@ -4532,13 +4532,13 @@ var un = { exports: {} };
               if (Ie.options.panningEnabled && !Ie.options.isInternal) {
                 var Qe = Ie.horiz, qe = $[Qe ? "chartX" : "chartY"];
                 Qe = Qe ? "mouseDownX" : "mouseDownY";
-                var Te = re[Qe], We = Ie.minPointOffset || 0, Ye = Ie.reversed && !re.inverted || !Ie.reversed && re.inverted ? -1 : 1, nt = Ie.getExtremes(), ot = Ie.toValue(Te - qe, !0) + We * Ye, $e = Ie.toValue(Te + Ie.len - qe, !0) - (We * Ye || Ie.isXAxis && Ie.pointRangePadding || 0), ei = $e < ot;
-                Ye = Ie.hasVerticalPanning(), Te = ei ? $e : ot, ot = ei ? ot : $e;
+                var Te = re[Qe], We = Ie.minPointOffset || 0, Ye = Ie.reversed && !re.inverted || !Ie.reversed && re.inverted ? -1 : 1, nt = Ie.getExtremes(), st = Ie.toValue(Te - qe, !0) + We * Ye, $e = Ie.toValue(Te + Ie.len - qe, !0) - (We * Ye || Ie.isXAxis && Ie.pointRangePadding || 0), ei = $e < st;
+                Ye = Ie.hasVerticalPanning(), Te = ei ? $e : st, st = ei ? st : $e;
                 var rt = Ie.panningState;
                 !Ye || Ie.isXAxis || rt && !rt.isDirty || Ie.series.forEach(function(Dt) {
                   var Bt = Dt.getProcessedData(!0);
                   Bt = Dt.getExtremes(Bt.yData, !0), rt || (rt = { startMin: Number.MAX_VALUE, startMax: -Number.MAX_VALUE }), R(Bt.dataMin) && R(Bt.dataMax) && (rt.startMin = Math.min(se(Dt.options.threshold, 1 / 0), Bt.dataMin, rt.startMin), rt.startMax = Math.max(se(Dt.options.threshold, -1 / 0), Bt.dataMax, rt.startMax));
-                }), Ye = Math.min(se(rt && rt.startMin, nt.dataMin), We ? nt.min : Ie.toValue(Ie.toPixels(nt.min) - Ie.minPixelPadding)), $e = Math.max(se(rt && rt.startMax, nt.dataMax), We ? nt.max : Ie.toValue(Ie.toPixels(nt.max) + Ie.minPixelPadding)), Ie.panningState = rt, Ie.isOrdinal || (We = Ye - Te, 0 < We && (ot += We, Te = Ye), We = ot - $e, 0 < We && (ot = $e, Te -= We), Ie.series.length && Te !== nt.min && ot !== nt.max && Te >= Ye && ot <= $e && (Ie.setExtremes(Te, ot, !1, !1, { trigger: "pan" }), !re.resetZoomButton && Te !== Ye && ot !== $e && Ae.match("y") && (re.showResetZoom(), Ie.displayBtn = !1), Ee = !0), Se[Qe] = qe);
+                }), Ye = Math.min(se(rt && rt.startMin, nt.dataMin), We ? nt.min : Ie.toValue(Ie.toPixels(nt.min) - Ie.minPixelPadding)), $e = Math.max(se(rt && rt.startMax, nt.dataMax), We ? nt.max : Ie.toValue(Ie.toPixels(nt.max) + Ie.minPixelPadding)), Ie.panningState = rt, Ie.isOrdinal || (We = Ye - Te, 0 < We && (st += We, Te = Ye), We = st - $e, 0 < We && (st = $e, Te -= We), Ie.series.length && Te !== nt.min && st !== nt.max && Te >= Ye && st <= $e && (Ie.setExtremes(Te, st, !1, !1, { trigger: "pan" }), !re.resetZoomButton && Te !== Ye && st !== $e && Ae.match("y") && (re.showResetZoom(), Ie.displayBtn = !1), Ee = !0), Se[Qe] = qe);
               }
             }), ie(Se, function(Ie, Qe) {
               re[Qe] = Ie;
@@ -12842,10 +12842,16 @@ function Td(e, i, s, o, t, n) {
       "is-dark-mode": e.isDarkMode,
       "has-label": !0
     }, null, 8, ["modelValue", "disabled", "is-dark-mode"]),
-    oe("label", {
-      id: e.checkboxId,
-      class: "uikit-checkbox-option__label"
-    }, ye(e.label), 9, Sd)
+    De(e.$slots, "label", {}, () => [
+      oe("label", {
+        id: e.checkboxId,
+        class: "uikit-checkbox-option__label"
+      }, [
+        De(e.$slots, "labelContent", {}, () => [
+          xe(ye(e.label), 1)
+        ])
+      ], 8, Sd)
+    ])
   ], 42, Rd)), [
     [Y, e.isDarkMode]
   ]) : be("", !0);
@@ -13007,7 +13013,7 @@ function Vd(e, i, s, o, t, n) {
       role: "radiogroup",
       "aria-labelledby": e.label ? `uikit-radio__label-${e.uid}` : e.labelledBy || ""
     }, [
-      (U(!0), te(et, null, ht(e.data, (Y) => le((U(), te("li", {
+      (U(!0), te(tt, null, ht(e.data, (Y) => le((U(), te("li", {
         key: JSON.stringify(Y),
         ref_for: !0,
         ref: "uikit-radio__item",
@@ -13253,7 +13259,7 @@ function n7(e, i, s, o, t, n) {
     ]),
     De(e.$slots, "checkbox", {}, () => [
       e.showCheckboxOptions || e.radioOptions.length === 0 ? (U(), te("div", s7, [
-        (U(!0), te(et, null, ht(e.checkboxOptions, (F) => (U(), Me(k, {
+        (U(!0), te(tt, null, ht(e.checkboxOptions, (F) => (U(), Me(k, {
           key: F.id,
           modelValue: F.enabled,
           "onUpdate:modelValue": (D) => F.enabled = D,
@@ -13484,12 +13490,12 @@ function g7(e, i, s, o, t, n) {
   ]);
 }
 const f7 = /* @__PURE__ */ me(ki, [["render", g7]]);
-var A7 = Object.defineProperty, C7 = Object.getOwnPropertyDescriptor, st = (e, i, s, o) => {
+var A7 = Object.defineProperty, C7 = Object.getOwnPropertyDescriptor, ot = (e, i, s, o) => {
   for (var t = o > 1 ? void 0 : o ? C7(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
   return o && t && A7(i, s, t), t;
 };
-let tt = class extends we {
+let et = class extends we {
   constructor() {
     super(...arguments);
     O(this, "label");
@@ -13506,7 +13512,7 @@ let tt = class extends we {
     O(this, "openMenuAbove");
     O(this, "isDarkMode");
     O(this, "dropdownOverride");
-    // Can override the icon to be an X instead
+    O(this, "showTypeaheadClear");
     O(this, "hover", !1);
     O(this, "focus", !1);
     O(this, "showDropdown", !1);
@@ -13528,7 +13534,7 @@ let tt = class extends we {
   }
   blurMenu(s) {
     var o;
-    ((o = s == null ? void 0 : s.relatedTarget) == null ? void 0 : o.tagName) !== "LI" && (this.focus = !1, this.showDropdown = !1, this.typeahead && !this.searchText && this.emitUpdateModelValue(null), this.typeahead && this.searchText && this.filteredData.length < 1 && !this.dropdownOverride ? (this.emitUpdateModelValue(null), this.searchText = "") : this.typeahead && this.searchText && this.filteredData[0] && this.emitUpdateModelValue(this.filteredData[0]));
+    ((o = s == null ? void 0 : s.relatedTarget) == null ? void 0 : o.tagName) !== "LI" && (this.focus = !1, this.showDropdown = !1, this.typeahead && !this.searchText ? this.emitUpdateModelValue(null) : this.typeahead && this.searchText && this.filteredData.length < 1 && !this.dropdownOverride ? (this.emitUpdateModelValue(null), this.searchText = "") : this.typeahead && this.searchText && this.filteredData.length === 1 && this.filteredData[0] && this.emitUpdateModelValue(this.filteredData[0]));
   }
   updateMenuHeight() {
     if (this.openMenuAbove) {
@@ -13587,7 +13593,7 @@ let tt = class extends we {
     s && (this.showDropdown = !1), s.type === "link" ? this.emitLinkClick(s.value ? s : null) : this.emitUpdateModelValue(s.value ? s : null);
   }
   performCloseActions() {
-    this.searchText ? this.searchText = "" : this.showDropdown = !1;
+    this.searchText ? (this.emitUpdateModelValue(null), this.searchText = "") : this.showDropdown = !1;
   }
   showDropdownChanged(s) {
     this.emitOpenDropdown(s);
@@ -13614,67 +13620,70 @@ let tt = class extends we {
     return s;
   }
 };
-st([
+ot([
   Z()
-], tt.prototype, "label", 2);
-st([
+], et.prototype, "label", 2);
+ot([
   Z()
-], tt.prototype, "modelValue", 2);
-st([
+], et.prototype, "modelValue", 2);
+ot([
   Z()
-], tt.prototype, "subtext", 2);
-st([
+], et.prototype, "subtext", 2);
+ot([
   Z()
-], tt.prototype, "placeholder", 2);
-st([
+], et.prototype, "placeholder", 2);
+ot([
   Z()
-], tt.prototype, "data", 2);
-st([
+], et.prototype, "data", 2);
+ot([
   Z()
-], tt.prototype, "disabled", 2);
-st([
+], et.prototype, "disabled", 2);
+ot([
   Z()
-], tt.prototype, "autoFocus", 2);
-st([
+], et.prototype, "autoFocus", 2);
+ot([
   Z()
-], tt.prototype, "showEmptyOption", 2);
-st([
+], et.prototype, "showEmptyOption", 2);
+ot([
   Z()
-], tt.prototype, "emptyOptionLabel", 2);
-st([
+], et.prototype, "emptyOptionLabel", 2);
+ot([
   Z()
-], tt.prototype, "typeahead", 2);
-st([
+], et.prototype, "typeahead", 2);
+ot([
   Z()
-], tt.prototype, "error", 2);
-st([
+], et.prototype, "error", 2);
+ot([
   Z()
-], tt.prototype, "openMenuAbove", 2);
-st([
+], et.prototype, "openMenuAbove", 2);
+ot([
   Z({ default: !1 })
-], tt.prototype, "isDarkMode", 2);
-st([
+], et.prototype, "isDarkMode", 2);
+ot([
   Z({ default: !1 })
-], tt.prototype, "dropdownOverride", 2);
-st([
+], et.prototype, "dropdownOverride", 2);
+ot([
+  Z({ default: !1 })
+], et.prototype, "showTypeaheadClear", 2);
+ot([
   it("showDropdown")
-], tt.prototype, "showDropdownChanged", 1);
-st([
+], et.prototype, "showDropdownChanged", 1);
+ot([
   it("modelValue")
-], tt.prototype, "valueChanged", 1);
-st([
+], et.prototype, "valueChanged", 1);
+ot([
   it("searchText")
-], tt.prototype, "searchTextChanged", 1);
-st([
+], et.prototype, "searchTextChanged", 1);
+ot([
   Be("update:modelValue")
-], tt.prototype, "emitUpdateModelValue", 1);
-st([
+], et.prototype, "emitUpdateModelValue", 1);
+ot([
   Be("linkClick")
-], tt.prototype, "emitLinkClick", 1);
-st([
+], et.prototype, "emitLinkClick", 1);
+ot([
   Be("openDropdown")
-], tt.prototype, "emitOpenDropdown", 1);
-tt = st([
+], et.prototype, "emitOpenDropdown", 1);
+et = ot([
   ve({
     components: {
       Icon: Ue
@@ -13683,7 +13692,7 @@ tt = st([
       dark: je
     }
   })
-], tt);
+], et);
 const m7 = ["tabindex", "aria-label", "aria-expanded"], v7 = ["placeholder", "aria-label"], w7 = ["data-value", "onClick"], y7 = {
   key: 0,
   class: "uikit-select__item-subtext"
@@ -13692,9 +13701,9 @@ function M7(e, i, s, o, t, n) {
   const r = fe("Icon"), Y = Oe("dark");
   return U(), te("div", {
     class: "uikit-select",
-    onMouseover: i[12] || (i[12] = (...k) => e.mouseOverSelect && e.mouseOverSelect(...k)),
-    onMouseout: i[13] || (i[13] = (k) => e.hover = !1),
-    onKeydown: i[14] || (i[14] = (...k) => e.keydownListener && e.keydownListener(...k))
+    onMouseover: i[14] || (i[14] = (...k) => e.mouseOverSelect && e.mouseOverSelect(...k)),
+    onMouseout: i[15] || (i[15] = (k) => e.hover = !1),
+    onKeydown: i[16] || (i[16] = (...k) => e.keydownListener && e.keydownListener(...k))
   }, [
     e.label ? le((U(), te("label", {
       key: 0,
@@ -13715,11 +13724,11 @@ function M7(e, i, s, o, t, n) {
       role: "combobox",
       "aria-label": e.label,
       "aria-expanded": e.showDropdown && !e.disabled ? "true" : "false",
-      onFocus: i[9] || (i[9] = (...k) => e.focusSelect && e.focusSelect(...k)),
-      onBlur: i[10] || (i[10] = (k) => {
+      onFocus: i[11] || (i[11] = (...k) => e.focusSelect && e.focusSelect(...k)),
+      onBlur: i[12] || (i[12] = (k) => {
         e.focus = !1, e.showDropdown = !1;
       }),
-      onKeydown: i[11] || (i[11] = ke((...k) => e.keyPressedContainer && e.keyPressedContainer(...k), ["stop"]))
+      onKeydown: i[13] || (i[13] = ke((...k) => e.keyPressedContainer && e.keyPressedContainer(...k), ["stop"]))
     }, [
       e.typeahead ? le((U(), te("input", {
         key: 1,
@@ -13730,7 +13739,8 @@ function M7(e, i, s, o, t, n) {
           "uikit-select__input--hover": e.hover,
           "uikit-select__input--focus": e.focus,
           "uikit-select__input--disabled": e.disabled,
-          "uikit-select__input--show-dropdown": e.showDropdown
+          "uikit-select__input--show-dropdown": e.showDropdown,
+          "uikit-select__input--show-text-clear": e.showTypeaheadClear
         }]),
         placeholder: e.placeholder,
         "aria-label": e.label,
@@ -13771,22 +13781,29 @@ function M7(e, i, s, o, t, n) {
       ], 2)), [
         [Y, e.isDarkMode]
       ]),
-      e.dropdownOverride ? le((U(), Me(r, {
-        key: 3,
+      e.dropdownOverride || e.showTypeaheadClear && e.searchText ? le((U(), Me(r, {
+        key: 2,
         type: "close",
-        class: "uikit-select__x",
+        class: Le(["uikit-select__x", {
+          "uikit-select__x--with-arrow": !e.dropdownOverride
+        }]),
+        onMousedown: i[6] || (i[6] = ke(() => {
+        }, ["prevent"])),
         onClick: e.performCloseActions
-      }, null, 8, ["onClick"])), [
+      }, null, 8, ["class", "onClick"])), [
         [Y, e.isDarkMode]
-      ]) : le((U(), Me(r, {
-        key: 2,
+      ]) : be("", !0),
+      e.dropdownOverride ? be("", !0) : le((U(), Me(r, {
+        key: 3,
         type: "accordionArrow",
         class: Le(["uikit-select__arrow", {
           "uikit-select__arrow--hover": e.hover,
           "uikit-select__arrow--focus": e.focus,
           "uikit-select__arrow--show-dropdown": e.showDropdown
         }]),
-        onClick: i[6] || (i[6] = (k) => e.showDropdown = !0)
+        onMousedown: i[7] || (i[7] = ke(() => {
+        }, ["prevent"])),
+        onClick: i[8] || (i[8] = (k) => e.showDropdown = !e.showDropdown)
       }, null, 8, ["class"])), [
         [Y, e.isDarkMode]
       ]),
@@ -13797,8 +13814,9 @@ function M7(e, i, s, o, t, n) {
           "uikit-select__list--subtext": e.subtext
         }])
       }, [
+        De(e.$slots, "dropdownListHeader"),
         De(e.$slots, "dropdownList", {}, () => [
-          (U(!0), te(et, null, ht(e.filteredData, (k) => le((U(), te("li", {
+          (U(!0), te(tt, null, ht(e.filteredData, (k) => le((U(), te("li", {
             key: JSON.stringify(k),
             ref_for: !0,
             ref: "uikit-select__items",
@@ -13809,8 +13827,8 @@ function M7(e, i, s, o, t, n) {
             "data-value": k.value || void 0,
             tabindex: "0",
             onClick: (j) => e.selectItem(k),
-            onKeydown: i[7] || (i[7] = (...j) => e.keyPressedItem && e.keyPressedItem(...j)),
-            onMousedown: i[8] || (i[8] = ke(() => {
+            onKeydown: i[9] || (i[9] = (...j) => e.keyPressedItem && e.keyPressedItem(...j)),
+            onMousedown: i[10] || (i[10] = ke(() => {
             }, ["prevent"]))
           }, [
             De(e.$slots, "dropdownListItem", { item: k }, () => [
@@ -13832,7 +13850,7 @@ function M7(e, i, s, o, t, n) {
     ], 40, m7)
   ], 32);
 }
-const L7 = /* @__PURE__ */ me(tt, [["render", M7]]);
+const L7 = /* @__PURE__ */ me(et, [["render", M7]]);
 var b7 = Object.defineProperty, E7 = Object.getOwnPropertyDescriptor, pt = (e, i, s, o) => {
   for (var t = o > 1 ? void 0 : o ? E7(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
@@ -14461,7 +14479,7 @@ function w6(e, i, s, o, t, n) {
       ]),
       _: 3
     })) : be("", !0),
-    e.uid ? (U(), te(et, { key: 1 }, [
+    e.uid ? (U(), te(tt, { key: 1 }, [
       oe("div", {
         ref: `content_${e.uid}`,
         class: "uikit-overflow-tooltip__content",
@@ -14705,7 +14723,7 @@ function x6(e, i, s, o, t, n) {
                   }),
                   role: "row"
                 }, [
-                  (U(!0), te(et, null, ht(e.columns, (j) => De(e.$slots, "tableColumnLabel", { column: j }, () => [
+                  (U(!0), te(tt, null, ht(e.columns, (j) => De(e.$slots, "tableColumnLabel", { column: j }, () => [
                     (U(), te("th", {
                       key: `column-label--${j.propName}`,
                       class: "uikit-table__column-label",
@@ -14731,7 +14749,7 @@ function x6(e, i, s, o, t, n) {
                           onMousedown: i[0] || (i[0] = ke(() => {
                           }, ["prevent"]))
                         }, [
-                          j.isLabelHidden ? be("", !0) : (U(), te(et, { key: 0 }, [
+                          j.isLabelHidden ? be("", !0) : (U(), te(tt, { key: 0 }, [
                             De(e.$slots, "tableColumnLabelText", { column: j }, () => [
                               xe(ye(j.name || j.propName), 1)
                             ]),
@@ -14767,7 +14785,7 @@ function x6(e, i, s, o, t, n) {
                 role: "rowgroup",
                 style: Ke(e.tableRowsStyles)
               }, [
-                (U(!0), te(et, null, ht(e.rows, (j) => De(e.$slots, "tableRow", { row: j }, () => [
+                (U(!0), te(tt, null, ht(e.rows, (j) => De(e.$slots, "tableRow", { row: j }, () => [
                   le((U(), te("tr", {
                     key: `row--${j.id}`,
                     class: Le(["uikit-table__row", {
@@ -14785,7 +14803,7 @@ function x6(e, i, s, o, t, n) {
                     onMouseenter: (F) => e.emitRowEnter(j),
                     onMouseleave: (F) => e.emitRowLeave(j)
                   }, [
-                    (U(!0), te(et, null, ht(e.columns, (F) => De(e.$slots, "tableCell", {
+                    (U(!0), te(tt, null, ht(e.columns, (F) => De(e.$slots, "tableCell", {
                       row: j,
                       column: F,
                       tableCellStyles: e.tableCellStyles
@@ -14816,7 +14834,7 @@ function x6(e, i, s, o, t, n) {
                   ], 46, D6)), [
                     [k, e.isDarkMode]
                   ]),
-                  (U(!0), te(et, null, ht(j.subrows, (F) => De(e.$slots, "tableSubrow", { subrow: F }, () => [
+                  (U(!0), te(tt, null, ht(j.subrows, (F) => De(e.$slots, "tableSubrow", { subrow: F }, () => [
                     le((U(), te("tr", {
                       key: `subrow--${F.id}`,
                       role: "subrow",
@@ -14834,7 +14852,7 @@ function x6(e, i, s, o, t, n) {
                       onMouseenter: (D) => e.emitRowEnter(F),
                       onMouseleave: (D) => e.emitRowLeave(F)
                     }, [
-                      (U(!0), te(et, null, ht(e.columns, (D) => De(e.$slots, "subrowCell", {
+                      (U(!0), te(tt, null, ht(e.columns, (D) => De(e.$slots, "subrowCell", {
                         subrow: F,
                         column: D,
                         tableCellStyles: e.tableCellStyles
@@ -14950,7 +14968,7 @@ const Q6 = { class: "uikit-table-actions" }, O6 = ["onClick", "onKeyup", "onKeyd
 function S6(e, i, s, o, t, n) {
   const r = fe("Icon"), Y = fe("Tooltip");
   return U(), te("div", Q6, [
-    (U(!0), te(et, null, ht(e.actions, (k) => (U(), te("div", {
+    (U(!0), te(tt, null, ht(e.actions, (k) => (U(), te("div", {
       key: k.id,
       ref_for: !0,
       ref: `${e.name}Actions`,
@@ -14981,7 +14999,7 @@ function S6(e, i, s, o, t, n) {
         _: 2
       }, 1024)) : be("", !0),
       k.menu && k.id === e.visibleMenuActionId ? (U(), te("div", Y6, [
-        (U(!0), te(et, null, ht(k.menu, (j) => (U(), te("div", {
+        (U(!0), te(tt, null, ht(k.menu, (j) => (U(), te("div", {
           key: j.id,
           ref_for: !0,
           ref: `${e.name}ActionMenu-${k.id}`,
@@ -15778,7 +15796,7 @@ function oc(e, i, s, o, t, n) {
     class: "uikit-magic-code",
     onKeydown: i[5] || (i[5] = (...r) => e.handleKeyDown && e.handleKeyDown(...r))
   }, [
-    (U(), te(et, null, ht(6, (r) => oe("div", {
+    (U(), te(tt, null, ht(6, (r) => oe("div", {
       key: r,
       class: Le(["uikit-magic-code__code-input-box", {
         "uikit-magic-code__code-input-box--active": e.highlightInput && r === e.cursorIndex + 1,
@@ -16176,7 +16194,7 @@ const Bc = { class: "uikit-bundle-list" }, Ic = ["onMouseenter", "onFocus", "onC
 function kc(e, i, s, o, t, n) {
   const r = fe("BundleIcon"), Y = fe("PremiumPill"), k = Oe("dark");
   return U(), te("ul", Bc, [
-    (U(!0), te(et, null, ht(e.bundles, (j) => le((U(), te("li", {
+    (U(!0), te(tt, null, ht(e.bundles, (j) => le((U(), te("li", {
       key: j.objectId,
       class: "uikit-bundle-list__item",
       tabindex: "0",
@@ -16375,7 +16393,7 @@ function Zc(e, i, s, o, t, n) {
         }, 8, ["is-dark-mode"])
       ]),
       oe("ul", Yc, [
-        (U(!0), te(et, null, ht(e.filteredExams, (v) => le((U(), Me(k, {
+        (U(!0), te(tt, null, ht(e.filteredExams, (v) => le((U(), Me(k, {
           key: v.objectId,
           "is-premium": e.premiumExamIds.includes(v.objectId),
           exam: v,
@@ -16442,7 +16460,7 @@ function Zc(e, i, s, o, t, n) {
             key: e.selectedBundle.objectId,
             class: "uikit-exam-search__bundle-exam-list"
           }, [
-            (U(!0), te(et, null, ht(e.selectedBundleExams, (v) => le((U(), Me(k, {
+            (U(!0), te(tt, null, ht(e.selectedBundleExams, (v) => le((U(), Me(k, {
               key: v.objectId,
               exam: v,
               "is-dark-mode": e.isDarkMode,
@@ -16620,7 +16638,7 @@ function op(e, i, s, o, t, n) {
       [Y, e.isDarkMode]
     ]),
     De(e.$slots, "errors", {}, () => [
-      (U(!0), te(et, null, ht(e.filteredErrors, (k) => le((U(), te("div", {
+      (U(!0), te(tt, null, ht(e.filteredErrors, (k) => le((U(), te("div", {
         key: k,
         class: "uikit-errors__error"
       }, [
@@ -16690,7 +16708,7 @@ function vp(e, i, s, o, t, n) {
   return U(), te("svg", gp, [
     oe("defs", null, [
       fp,
-      (U(!0), te(et, null, ht(Object.entries(e.colors), ([r, Y]) => (U(), te("linearGradient", {
+      (U(!0), te(tt, null, ht(Object.entries(e.colors), ([r, Y]) => (U(), te("linearGradient", {
         id: `bundle-icon-gradient-${r}`,
         key: r,
         x1: "86.4188806%",
@@ -16907,7 +16925,7 @@ function kp(e, i, s, o, t, n) {
           ], 2)
         ]),
         e.tabs && e.tabs.length ? (U(), te("div", bp, [
-          (U(!0), te(et, null, ht(e.tabs, (j, F) => le((U(), te("div", {
+          (U(!0), te(tt, null, ht(e.tabs, (j, F) => le((U(), te("div", {
             key: j,
             class: Le(["uikit-side-panel__tab", {
               "uikit-side-panel__tab--active": e.activeTabName === j,
@@ -18550,7 +18568,7 @@ He = Ne([
 const Hu = ["onMouseover", "onFocusin", "onClick", "onKeydown", "onTouchend"], Fu = ["tabindex", "role", "aria-checked", "aria-label", "innerHTML"], zu = ["tabindex", "aria-checked", "onClick", "onKeydown"], Nu = { class: "uikit-question-choices-container__choice-stats-pct" }, Zu = { class: "uikit-question-choices-container__choice-stats-bar" };
 function Ju(e, i, s, o, t, n) {
   const r = fe("Icon"), Y = fe("PocketButton"), k = fe("DropdownExplanation"), j = Oe("breakpoint"), F = Oe("dark");
-  return U(!0), te(et, null, ht(e.choices, (D, P) => (U(), te("div", {
+  return U(!0), te(tt, null, ht(e.choices, (D, P) => (U(), te("div", {
     class: "uikit-question-choices-container",
     key: D.key,
     ref_for: !0,
@@ -18689,7 +18707,7 @@ function Ju(e, i, s, o, t, n) {
         [F, e.isDarkMode],
         [j, e.breakpoints, "questionEl"]
       ]),
-      e.globalMetrics ? (U(), te(et, { key: 2 }, [
+      e.globalMetrics ? (U(), te(tt, { key: 2 }, [
         le((U(), te("div", Nu, [
           xe(ye(e.choiceScores[D.key]) + " % ", 1)
         ])), [
@@ -18710,7 +18728,7 @@ function Ju(e, i, s, o, t, n) {
         ])), [
           [F, e.isDarkMode]
         ])
-      ], 64)) : (U(), te(et, { key: 1 }, [
+      ], 64)) : (U(), te(tt, { key: 1 }, [
         e.showAnswers ? be("", !0) : le((U(), te("div", {
           key: 0,
           tabindex: e.showAnswers ? -1 : 0,
@@ -20400,7 +20418,7 @@ const Vg = { class: "uikit-quiz-progress" };
 function _g(e, i, s, o, t, n) {
   const r = fe("QuizProgressBar");
   return U(), te("div", Vg, [
-    (U(!0), te(et, null, ht(e.numQuestions, (Y) => (U(), Me(r, {
+    (U(!0), te(tt, null, ht(e.numQuestions, (Y) => (U(), Me(r, {
       key: `${Y}_${e.barWidthString}`,
       "is-answered": e.answeredIndexList.includes(Y),
       "is-selected": Number(Y) === Number(e.selectedIndex),