@pocketprep/ui-kit 3.4.30 → 3.4.32

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

@@ -4192,8 +4192,8 @@ var cn = { exports: {} };
           }), this.getMargins(), ee.forEach(function(Ye) {
             Ye.isDirty && (Ie = !0);
           }), ee.forEach(function(Ye) {
-            var st = Ye.min + "," + Ye.max;
-            Ye.extKey !== st && (Ye.extKey = st, Se.push(function() {
+            var nt = Ye.min + "," + Ye.max;
+            Ye.extKey !== nt && (Ye.extKey = nt, Se.push(function() {
               q(Ye, "afterSetExtremes", z(Ye.eventArgs, Ye.getExtremes())), delete Ye.eventArgs;
             })), (Ie || Te) && Ye.redraw();
           }), Ie && this.drawChartBox(), q(this, "predraw"), re.forEach(function(Ye) {
@@ -4343,12 +4343,12 @@ var cn = { 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, st = this.clipBox, ot = this.chartBackground, $e = this.plotBackground, ei = this.plotBorder, nt, Et = "animate";
+          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, Et = "animate";
           if (ot || (this.chartBackground = ot = ee.rect().addClass("highcharts-background").add(), Et = "attr"), ce)
-            var Bt = nt = ot.strokeWidth();
+            var Bt = rt = ot.strokeWidth();
           else
-            Bt = $.borderWidth || 0, nt = 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[Et]({ x: nt / 2, y: nt / 2, width: re - nt - Bt % 2, height: he - nt - Bt % 2, r: $.borderRadius }), Et = "animate", $e || (Et = "attr", this.plotBackground = $e = ee.rect().addClass("highcharts-plot-background").add()), $e[Et](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: st.width, height: st.height }) : this.clipRect = ee.clipRect(st), Et = "animate", ei || (Et = "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[Et](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 || ot["stroke-width"]) && (Ee.stroke = $.borderColor, Ee["stroke-width"] = Bt), ot.attr(Ee).shadow($.shadow);
+          ot[Et]({ x: rt / 2, y: rt / 2, width: re - rt - Bt % 2, height: he - rt - Bt % 2, r: $.borderRadius }), Et = "animate", $e || (Et = "attr", this.plotBackground = $e = ee.rect().addClass("highcharts-plot-background").add()), $e[Et](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), Et = "animate", ei || (Et = "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[Et](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) {
@@ -4474,11 +4474,11 @@ var cn = { exports: {} };
           }), this.collectionsWithUpdate.forEach(function(Te) {
             if ($[Te]) {
               var We = [];
-              ce[Te].forEach(function(Ye, st) {
-                Ye.options.isInternal || We.push(se(Ye.options.index, st));
-              }), pe($[Te]).forEach(function(Ye, st) {
+              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[st] : st]) && 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);
+                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);
               }), re && ce[Te].forEach(function(Ye) {
                 Ye.touched || Ye.options.isInternal ? delete Ye.touched : Pe.push(Ye);
               });
@@ -4531,13 +4531,13 @@ var cn = { 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, st = 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;
+                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 nt = Ie.panningState;
-                !Ye || Ie.isXAxis || nt && !nt.isDirty || Ie.series.forEach(function(Et) {
+                var rt = Ie.panningState;
+                !Ye || Ie.isXAxis || rt && !rt.isDirty || Ie.series.forEach(function(Et) {
                   var Bt = Et.getProcessedData(!0);
-                  Bt = Et.getExtremes(Bt.yData, !0), nt || (nt = { startMin: Number.MAX_VALUE, startMax: -Number.MAX_VALUE }), R(Bt.dataMin) && R(Bt.dataMax) && (nt.startMin = Math.min(se(Et.options.threshold, 1 / 0), Bt.dataMin, nt.startMin), nt.startMax = Math.max(se(Et.options.threshold, -1 / 0), Bt.dataMax, nt.startMax));
-                }), Ye = Math.min(se(nt && nt.startMin, st.dataMin), We ? st.min : Ie.toValue(Ie.toPixels(st.min) - Ie.minPixelPadding)), $e = Math.max(se(nt && nt.startMax, st.dataMax), We ? st.max : Ie.toValue(Ie.toPixels(st.max) + Ie.minPixelPadding)), Ie.panningState = nt, Ie.isOrdinal || (We = Ye - Te, 0 < We && (ot += We, Te = Ye), We = ot - $e, 0 < We && (ot = $e, Te -= We), Ie.series.length && Te !== st.min && ot !== st.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);
+                  Bt = Et.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(Et.options.threshold, 1 / 0), Bt.dataMin, rt.startMin), rt.startMax = Math.max(se(Et.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);
               }
             }), te(Se, function(Ie, Qe) {
               re[Qe] = Ie;
@@ -13418,7 +13418,7 @@ function t7(e, i, s, o, t, n) {
   ]);
 }
 const i7 = /* @__PURE__ */ me(Bi, [["render", t7]]);
-var o7 = Object.defineProperty, s7 = Object.getOwnPropertyDescriptor, at = (e, i, s, o) => {
+var o7 = Object.defineProperty, s7 = Object.getOwnPropertyDescriptor, st = (e, i, s, o) => {
   for (var t = o > 1 ? void 0 : o ? s7(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 && o7(i, s, t), t;
@@ -13439,6 +13439,8 @@ let tt = class extends we {
     Y(this, "error");
     Y(this, "openMenuAbove");
     Y(this, "isDarkMode");
+    Y(this, "dropdownOverride");
+    // Can override the icon to be an X instead
     Y(this, "hover", !1);
     Y(this, "focus", !1);
     Y(this, "showDropdown", !1);
@@ -13460,7 +13462,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.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[0] && this.emitUpdateModelValue(this.filteredData[0]));
   }
   updateMenuHeight() {
     if (this.openMenuAbove) {
@@ -13518,6 +13520,9 @@ let tt = class extends we {
   selectItem(s) {
     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;
+  }
   showDropdownChanged(s) {
     this.emitOpenDropdown(s);
   }
@@ -13543,64 +13548,67 @@ let tt = class extends we {
     return s;
   }
 };
-at([
+st([
   W()
 ], tt.prototype, "label", 2);
-at([
+st([
   W()
 ], tt.prototype, "modelValue", 2);
-at([
+st([
   W()
 ], tt.prototype, "subtext", 2);
-at([
+st([
   W()
 ], tt.prototype, "placeholder", 2);
-at([
+st([
   W()
 ], tt.prototype, "data", 2);
-at([
+st([
   W()
 ], tt.prototype, "disabled", 2);
-at([
+st([
   W()
 ], tt.prototype, "autoFocus", 2);
-at([
+st([
   W()
 ], tt.prototype, "showEmptyOption", 2);
-at([
+st([
   W()
 ], tt.prototype, "emptyOptionLabel", 2);
-at([
+st([
   W()
 ], tt.prototype, "typeahead", 2);
-at([
+st([
   W()
 ], tt.prototype, "error", 2);
-at([
+st([
   W()
 ], tt.prototype, "openMenuAbove", 2);
-at([
+st([
   W({ default: !1 })
 ], tt.prototype, "isDarkMode", 2);
-at([
+st([
+  W({ default: !1 })
+], tt.prototype, "dropdownOverride", 2);
+st([
   it("showDropdown")
 ], tt.prototype, "showDropdownChanged", 1);
-at([
+st([
   it("modelValue")
 ], tt.prototype, "valueChanged", 1);
-at([
+st([
   it("searchText")
 ], tt.prototype, "searchTextChanged", 1);
-at([
+st([
   De("update:modelValue")
 ], tt.prototype, "emitUpdateModelValue", 1);
-at([
+st([
   De("linkClick")
 ], tt.prototype, "emitLinkClick", 1);
-at([
+st([
   De("openDropdown")
 ], tt.prototype, "emitOpenDropdown", 1);
-tt = at([
+tt = st([
   ve({
     components: {
       Icon: Ue
@@ -13697,7 +13705,15 @@ function h7(e, i, s, o, t, n) {
       ], 2)), [
         [O, e.isDarkMode]
       ]),
-      le(Ge(r, {
+      e.dropdownOverride ? le((U(), Me(r, {
+        key: 3,
+        type: "close",
+        class: "uikit-select__x",
+        onClick: e.performCloseActions
+      }, null, 8, ["onClick"])), [
+        [O, e.isDarkMode]
+      ]) : le((U(), Me(r, {
+        key: 2,
         type: "accordionArrow",
         class: Le(["uikit-select__arrow", {
           "uikit-select__arrow--hover": e.hover,
@@ -13705,7 +13721,7 @@ function h7(e, i, s, o, t, n) {
           "uikit-select__arrow--show-dropdown": e.showDropdown
         }]),
         onClick: i[6] || (i[6] = (k) => e.showDropdown = !0)
-      }, null, 8, ["class"]), [
+      }, null, 8, ["class"])), [
         [O, e.isDarkMode]
       ]),
       le((U(), ie("ul", {
@@ -13756,7 +13772,7 @@ var c7 = Object.defineProperty, p7 = Object.getOwnPropertyDescriptor, pt = (e, i
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);
   return o && t && c7(i, s, t), t;
 };
-let rt = class extends we {
+let at = class extends we {
   constructor() {
     super(...arguments);
     Y(this, "label");
@@ -13791,56 +13807,56 @@ let rt = class extends we {
 };
 pt([
   W()
-], rt.prototype, "label", 2);
+], at.prototype, "label", 2);
 pt([
   W({ default: "text" })
-], rt.prototype, "fieldType", 2);
+], at.prototype, "fieldType", 2);
 pt([
   W({ default: "" })
-], rt.prototype, "placeholder", 2);
+], at.prototype, "placeholder", 2);
 pt([
   W({ default: "524288" })
-], rt.prototype, "maxlength", 2);
+], at.prototype, "maxlength", 2);
 pt([
   W({ default: !1 })
-], rt.prototype, "center", 2);
+], at.prototype, "center", 2);
 pt([
   W()
-], rt.prototype, "modelValue", 2);
+], at.prototype, "modelValue", 2);
 pt([
   W({ default: !1 })
-], rt.prototype, "disabled", 2);
+], at.prototype, "disabled", 2);
 pt([
   W({ default: !1 })
-], rt.prototype, "autoFocus", 2);
+], at.prototype, "autoFocus", 2);
 pt([
   W({ default: !1 })
-], rt.prototype, "error", 2);
+], at.prototype, "error", 2);
 pt([
   W({ default: 0 })
-], rt.prototype, "tabindex", 2);
+], at.prototype, "tabindex", 2);
 pt([
   W({ default: !1 })
-], rt.prototype, "isDarkMode", 2);
+], at.prototype, "isDarkMode", 2);
 pt([
   W({ default: !1 })
-], rt.prototype, "ariaRequired", 2);
+], at.prototype, "ariaRequired", 2);
 pt([
   W({ default: "" })
-], rt.prototype, "name", 2);
+], at.prototype, "name", 2);
 pt([
   W({ default: !1 })
-], rt.prototype, "forceHoverStyle", 2);
+], at.prototype, "forceHoverStyle", 2);
 pt([
   W({ default: !1 })
-], rt.prototype, "forceFocusStyle", 2);
+], at.prototype, "forceFocusStyle", 2);
 pt([
   W({ default: !1 })
-], rt.prototype, "hideInputCaret", 2);
+], at.prototype, "hideInputCaret", 2);
 pt([
   De("update:modelValue")
-], rt.prototype, "valueChange", 1);
-rt = pt([
+], at.prototype, "valueChange", 1);
+at = pt([
   ve({
     components: {
       Icon: Ue
@@ -13849,7 +13865,7 @@ rt = pt([
       dark: je
     }
   })
-], rt);
+], at);
 const u7 = ["id"], g7 = {
   key: 1,
   class: "uikit-input__password-container"
@@ -13948,7 +13964,7 @@ function m7(e, i, s, o, t, n) {
     Be(e.$slots, "default")
   ], 32);
 }
-const xr = /* @__PURE__ */ me(rt, [["render", m7]]);
+const xr = /* @__PURE__ */ me(at, [["render", m7]]);
 var v7 = Object.defineProperty, w7 = Object.getOwnPropertyDescriptor, Xt = (e, i, s, o) => {
   for (var t = o > 1 ? void 0 : o ? w7(i, s) : i, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (t = (o ? r(i, s, t) : r(t)) || t);