@pocketprep/ui-kit 3.0.17 → 3.0.18

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

@@ -1,8 +1,8 @@
 var Vn = Object.defineProperty;
 var _n = (t, i, s) => i in t ? Vn(t, i, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[i] = s;
 var U = (t, i, s) => (_n(t, typeof i != "symbol" ? i + "" : i, s), s);
-import { Prop as et, Component as wt, Vue as yt, Emit as xt, Watch as te } from "vue-facing-decorator";
-import { resolveDirective as Ht, withDirectives as ht, openBlock as K, createElementBlock as it, renderSlot as Pt, createElementVNode as ot, createTextVNode as kt, toDisplayString as Ct, pushScopeId as $n, popScopeId as tr, withKeys as jt, withModifiers as Dt, normalizeClass as Mt, normalizeStyle as Xt, vModelText as ls, createStaticVNode as _t, resolveComponent as mt, createBlock as bt, createCommentVNode as Lt, createVNode as Qt, Fragment as oe, renderList as ne, withCtx as Jt, vShow as er } from "vue";
+import { Prop as et, Component as wt, Vue as yt, Emit as xt, Watch as oe } from "vue-facing-decorator";
+import { resolveDirective as Ht, withDirectives as ht, openBlock as K, createElementBlock as it, renderSlot as Pt, createElementVNode as ot, createTextVNode as kt, toDisplayString as Ct, pushScopeId as $n, popScopeId as tr, withKeys as jt, withModifiers as Dt, normalizeClass as Mt, normalizeStyle as Xt, vModelText as Ms, createStaticVNode as _t, resolveComponent as mt, createBlock as bt, createCommentVNode as Lt, createVNode as Qt, Fragment as ie, renderList as ne, withCtx as Jt, vShow as er } from "vue";
 import ir from "litepicker";
 const or = "1439", sr = "1279", nr = "1023", rr = "767", ar = "374", lr = "319", hr = "#fff", dr = "#30485a", cr = "#fff9ef", ur = "#fbfbfd", pr = "#f4f5f9", gr = "#edeef3", Ar = "#dfe3e7", fr = "#bce6dc", Cr = "#88a3b6", mr = "#708a9d", vr = "#587183", wr = "#475967", yr = "#1f3545", Mr = "#0064ff", Lr = "#cfe1ff", br = "#056c50", Br = "#14ca9e", Er = "#00b584", Dr = "#c7f2e8", Ir = "#e7f9f5", kr = "#e52525", xr = "#ff6363", Pr = "#ff6e87", Gr = "#ffcdcd", Qr = "#ffefef", Yr = "#a67214", Or = "#ffbd47", Rr = "#c78e27", Sr = "#ffe4b6", jr = "#fff2d9", Tr = "#fff6e5", Hr = "#9906a8", zr = "#d819eb", Fr = "#ef51ff", Nr = "#fef1ff", Zr = "#a7c7ff", Jr = "#6e4700", Wr = "#049875", Ur = "#008263", Xr = "#ff4747", Kr = "#d00", qr = "#ad00eb", Vr = "#ad00eb", _r = "#c238f3", $r = "#ffce74", t1 = "#293e4e", e1 = "#1c2f3c", i1 = "#0f1d28", o1 = "#2e80ff", s1 = "#064fc1", n1 = "#00664a", r1 = "#ff889d", a1 = "#edeef3", l1 = "#dfe3e7", h1 = "#587183", d1 = "#475967", c1 = "#1c2f3c", u1 = "#182a36", p1 = "#0f1d28", g1 = "#03101b", A1 = "#eef5ff", f1 = "#2e80ff", C1 = "#043580", m1 = "#ffedcb", v1 = "#ffa400", w1 = "#fef1ff", y1 = "#d96dff", M1 = "#d10fe5", L1 = "#ad00eb", b1 = "#9906a8", B1 = "#ffefef", E1 = "#ffcdcd", D1 = "#ff4747", I1 = "#d00", k1 = "#edfbf8", x1 = "#14ca9e", P1 = "#00b584", G1 = "#00a87a", Q1 = "#00654a", Y1 = "#ff5e3e", O1 = "#ff7d63", Ot = {
   polarBear: or,
@@ -97,7 +97,7 @@ var R1 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function Ls(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var hs = {}, ds = {}, Xo = {};
+var ls = {}, hs = {}, Xo = {};
 Object.defineProperty(Xo, "__esModule", { value: !0 });
 var S1 = function(t) {
   if ("getBBox" in t) {
@@ -119,7 +119,7 @@ var S1 = function(t) {
   }
 };
 Xo.ContentRect = S1;
-Object.defineProperty(ds, "__esModule", { value: !0 });
+Object.defineProperty(hs, "__esModule", { value: !0 });
 var j1 = Xo, T1 = (
   /** @class */
   function() {
@@ -144,9 +144,9 @@ var j1 = Xo, T1 = (
     }, t;
   }()
 );
-ds.ResizeObservation = T1;
-var cs = {};
-Object.defineProperty(cs, "__esModule", { value: !0 });
+hs.ResizeObservation = T1;
+var ds = {};
+Object.defineProperty(ds, "__esModule", { value: !0 });
 var H1 = Xo, z1 = (
   /** @class */
   function() {
@@ -156,9 +156,9 @@ var H1 = Xo, z1 = (
     return t;
   }()
 );
-cs.ResizeObserverEntry = z1;
-Object.defineProperty(hs, "__esModule", { value: !0 });
-var F1 = ds, N1 = cs, Re = [], bs = (
+ds.ResizeObserverEntry = z1;
+Object.defineProperty(ls, "__esModule", { value: !0 });
+var F1 = hs, N1 = ds, Se = [], bs = (
   /** @class */
   function() {
     function t(i) {
@@ -169,29 +169,29 @@ var F1 = ds, N1 = cs, Re = [], bs = (
       this.$$callback = i;
     }
     return t.prototype.observe = function(i) {
-      var s = vs("observe", i);
+      var s = ms("observe", i);
       if (s)
         throw TypeError(s);
-      var o = ws(this.$$observationTargets, i);
+      var o = vs(this.$$observationTargets, i);
       o >= 0 || (this.$$observationTargets.push(new F1.ResizeObservation(i)), Z1(this));
     }, t.prototype.unobserve = function(i) {
-      var s = vs("unobserve", i);
+      var s = ms("unobserve", i);
       if (s)
         throw TypeError(s);
-      var o = ws(this.$$observationTargets, i);
-      o < 0 || (this.$$observationTargets.splice(o, 1), this.$$observationTargets.length === 0 && ms(this));
+      var o = vs(this.$$observationTargets, i);
+      o < 0 || (this.$$observationTargets.splice(o, 1), this.$$observationTargets.length === 0 && Cs(this));
     }, t.prototype.disconnect = function() {
-      this.$$observationTargets = [], this.$$activeTargets = [], ms(this);
+      this.$$observationTargets = [], this.$$activeTargets = [], Cs(this);
     }, t;
   }()
-), ss = hs.ResizeObserver = bs;
+), ss = ls.ResizeObserver = bs;
 function Z1(t) {
-  var i = Re.indexOf(t);
-  i < 0 && (Re.push(t), V1());
+  var i = Se.indexOf(t);
+  i < 0 && (Se.push(t), V1());
 }
-function ms(t) {
-  var i = Re.indexOf(t);
-  i >= 0 && (Re.splice(i, 1), _1());
+function Cs(t) {
+  var i = Se.indexOf(t);
+  i >= 0 && (Se.splice(i, 1), _1());
 }
 function J1(t) {
   if (typeof t > "u")
@@ -199,20 +199,20 @@ function J1(t) {
   if (typeof t != "function")
     return "Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.";
 }
-function vs(t, i) {
+function ms(t, i) {
   if (typeof i > "u")
     return "Failed to execute '" + t + "' on 'ResizeObserver': 1 argument required, but only 0 present.";
   if (!(i && i.nodeType === window.Node.ELEMENT_NODE))
     return "Failed to execute '" + t + "' on 'ResizeObserver': parameter 1 is not of type 'Element'.";
 }
-function ws(t, i) {
+function vs(t, i) {
   for (var s = 0; s < t.length; s += 1)
     if (t[s].target === i)
       return s;
   return -1;
 }
-var ys = function(t) {
-  Re.forEach(function(i) {
+var ws = function(t) {
+  Se.forEach(function(i) {
     i.$$activeTargets = [], i.$$skippedTargets = [], i.$$observationTargets.forEach(function(s) {
       if (s.isActive()) {
         var o = Bs(s.target);
@@ -221,16 +221,16 @@ var ys = function(t) {
     });
   });
 }, W1 = function() {
-  return Re.some(function(t) {
+  return Se.some(function(t) {
     return !!t.$$activeTargets.length;
   });
 }, U1 = function() {
-  return Re.some(function(t) {
+  return Se.some(function(t) {
     return !!t.$$skippedTargets.length;
   });
 }, X1 = function() {
   var t = 1 / 0;
-  return Re.forEach(function(i) {
+  return Se.forEach(function(i) {
     if (i.$$activeTargets.length) {
       var s = [];
       i.$$activeTargets.forEach(function(o) {
@@ -252,8 +252,8 @@ var ys = function(t) {
   return i;
 }, q1 = function() {
   var t = 0;
-  for (ys(t); W1(); )
-    t = X1(), ys(t);
+  for (ws(t); W1(); )
+    t = X1(), ws(t);
   U1() && K1();
 }, ki, V1 = function() {
   ki || Es();
@@ -262,13 +262,13 @@ var ys = function(t) {
     q1(), Es();
   });
 }, _1 = function() {
-  ki && !Re.some(function(t) {
+  ki && !Se.some(function(t) {
     return !!t.$$observationTargets.length;
   }) && (window.cancelAnimationFrame(ki), ki = void 0);
 }, $1 = function() {
   return window.ResizeObserver = bs;
 };
-hs.install = $1;
+ls.install = $1;
 const ze = (t, i, s) => {
   var k;
   const o = [];
@@ -289,7 +289,7 @@ const ze = (t, i, s) => {
   G.forEach((I) => {
     I && (j.push(...o.map((P) => `${I}--${P}`)), j.push(...h.map((P) => `${I}--${P}`)));
   }), R.sort(), j.sort(), (R.length !== j.length || R.some((I, P) => I !== j[P])) && t.setAttribute("class", j.join(" "));
-}, Oe = (t) => {
+}, Re = (t) => {
   const i = t.arg;
   return i && t.instance && t.instance[i];
 }, di = {}, os = {}, Ni = {}, ta = {
@@ -315,26 +315,26 @@ const ze = (t, i, s) => {
       const o = t.dataset.breakpointId || Math.floor(Math.random() * 1e8);
       t.dataset.breakpointId = String(o);
       const e = () => {
-        ze(t, i.value, Oe(i));
+        ze(t, i.value, Re(i));
       };
       di[o] = e, window.addEventListener("resize", e);
       const n = new MutationObserver(() => {
-        ze(t, i.value, Oe(i));
+        ze(t, i.value, Re(i));
       });
       os[o] = n, n.observe(t, { attributes: !0 });
-      const h = Oe(i);
+      const h = Re(i);
       if (h) {
         const R = window.ResizeObserver ? new ResizeObserver(() => {
-          ze(t, i.value, Oe(i));
+          ze(t, i.value, Re(i));
         }) : new ss(() => {
-          ze(t, i.value, Oe(i));
+          ze(t, i.value, Re(i));
         });
         Ni[o] = R, R.observe(h);
       } else {
         const R = window.ResizeObserver ? new ResizeObserver(() => {
-          ze(t, i.value, Oe(i));
+          ze(t, i.value, Re(i));
         }) : new ss(() => {
-          ze(t, i.value, Oe(i));
+          ze(t, i.value, Re(i));
         });
         Ni[o] = R, R.observe(t);
       }
@@ -343,13 +343,13 @@ const ze = (t, i, s) => {
   mounted: (t, i) => {
     var s;
     (s = i.instance) == null || s.$nextTick(() => {
-      ze(t, i.value, Oe(i));
+      ze(t, i.value, Re(i));
     });
   },
   updated: (t, i) => {
     var s;
     (s = i.instance) == null || s.$nextTick(() => {
-      ze(t, i.value, Oe(i));
+      ze(t, i.value, Re(i));
     });
   },
   unmounted: (t) => {
@@ -381,7 +381,7 @@ const ze = (t, i, s) => {
   dark: Nt,
   fixed: ta
 }, Symbol.toStringTag, { value: "Module" }));
-var ea = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, us = (t, i, s, o) => {
+var ea = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, cs = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? ia(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && ea(i, s, e), e;
@@ -393,13 +393,13 @@ let xi = class extends yt {
     U(this, "isDarkMode");
   }
 };
-us([
+cs([
   et({ default: () => "" })
 ], xi.prototype, "text", 2);
-us([
+cs([
   et({ default: !1 })
 ], xi.prototype, "isDarkMode", 2);
-xi = us([
+xi = cs([
   wt({
     directives: {
       dark: Nt
@@ -4191,8 +4191,8 @@ var Ds = { exports: {} };
           }), this.getMargins(), $.forEach(function(Yt) {
             Yt.isDirty && (Et = !0);
           }), $.forEach(function(Yt) {
-            var ee = Yt.min + "," + Yt.max;
-            Yt.extKey !== ee && (Yt.extKey = ee, Rt.push(function() {
+            var te = Yt.min + "," + Yt.max;
+            Yt.extKey !== te && (Yt.extKey = te, Rt.push(function() {
               J(Yt, "afterSetExtremes", z(Yt.eventArgs, Yt.getExtremes())), delete Yt.eventArgs;
             })), (Et || St) && Yt.redraw();
           }), Et && this.drawChartBox(), J(this, "predraw"), rt.forEach(function(Yt) {
@@ -4342,12 +4342,12 @@ var Ds = { exports: {} };
             _[rt] = st(_.margin[lt], _.spacing[lt]);
           }), _.axisOffset = [0, 0, 0, 0], _.clipOffset = [0, 0, 0, 0];
         }, at.prototype.drawChartBox = function() {
-          var _ = this.options.chart, $ = this.renderer, rt = this.chartWidth, lt = this.chartHeight, ct = this.styledMode, At = this.plotBGImage, Bt = _.backgroundColor, It = _.plotBackgroundColor, Rt = _.plotBackgroundImage, Et = this.plotLeft, Gt = this.plotTop, Zt = this.plotWidth, St = this.plotHeight, Tt = this.plotBox, Yt = this.clipRect, ee = this.clipBox, $t = this.chartBackground, qt = this.plotBackground, Ye = this.plotBorder, ie, pe = "animate";
+          var _ = this.options.chart, $ = this.renderer, rt = this.chartWidth, lt = this.chartHeight, ct = this.styledMode, At = this.plotBGImage, Bt = _.backgroundColor, It = _.plotBackgroundColor, Rt = _.plotBackgroundImage, Et = this.plotLeft, Gt = this.plotTop, Zt = this.plotWidth, St = this.plotHeight, Tt = this.plotBox, Yt = this.clipRect, te = this.clipBox, $t = this.chartBackground, qt = this.plotBackground, Oe = this.plotBorder, ee, pe = "animate";
           if ($t || (this.chartBackground = $t = $.rect().addClass("highcharts-background").add(), pe = "attr"), ct)
-            var ge = ie = $t.strokeWidth();
+            var ge = ee = $t.strokeWidth();
           else
-            ge = _.borderWidth || 0, ie = ge + (_.shadow ? 8 : 0), Bt = { fill: Bt || "none" }, (ge || $t["stroke-width"]) && (Bt.stroke = _.borderColor, Bt["stroke-width"] = ge), $t.attr(Bt).shadow(_.shadow);
-          $t[pe]({ x: ie / 2, y: ie / 2, width: rt - ie - ge % 2, height: lt - ie - ge % 2, r: _.borderRadius }), pe = "animate", qt || (pe = "attr", this.plotBackground = qt = $.rect().addClass("highcharts-plot-background").add()), qt[pe](Tt), ct || (qt.attr({ fill: It || "none" }).shadow(_.plotShadow), Rt && (At ? (Rt !== At.attr("href") && At.attr("href", Rt), At.animate(Tt)) : this.plotBGImage = $.image(Rt, Et, Gt, Zt, St).add())), Yt ? Yt.animate({ width: ee.width, height: ee.height }) : this.clipRect = $.clipRect(ee), pe = "animate", Ye || (pe = "attr", this.plotBorder = Ye = $.rect().addClass("highcharts-plot-border").attr({ zIndex: 1 }).add()), ct || Ye.attr({ stroke: _.plotBorderColor, "stroke-width": _.plotBorderWidth || 0, fill: "none" }), Ye[pe](Ye.crisp({ x: Et, y: Gt, width: Zt, height: St }, -Ye.strokeWidth())), this.isDirtyBox = !1, J(this, "afterDrawChartBox");
+            ge = _.borderWidth || 0, ee = ge + (_.shadow ? 8 : 0), Bt = { fill: Bt || "none" }, (ge || $t["stroke-width"]) && (Bt.stroke = _.borderColor, Bt["stroke-width"] = ge), $t.attr(Bt).shadow(_.shadow);
+          $t[pe]({ x: ee / 2, y: ee / 2, width: rt - ee - ge % 2, height: lt - ee - ge % 2, r: _.borderRadius }), pe = "animate", qt || (pe = "attr", this.plotBackground = qt = $.rect().addClass("highcharts-plot-background").add()), qt[pe](Tt), ct || (qt.attr({ fill: It || "none" }).shadow(_.plotShadow), Rt && (At ? (Rt !== At.attr("href") && At.attr("href", Rt), At.animate(Tt)) : this.plotBGImage = $.image(Rt, Et, Gt, Zt, St).add())), Yt ? Yt.animate({ width: te.width, height: te.height }) : this.clipRect = $.clipRect(te), pe = "animate", Oe || (pe = "attr", this.plotBorder = Oe = $.rect().addClass("highcharts-plot-border").attr({ zIndex: 1 }).add()), ct || Oe.attr({ stroke: _.plotBorderColor, "stroke-width": _.plotBorderWidth || 0, fill: "none" }), Oe[pe](Oe.crisp({ x: Et, y: Gt, width: Zt, height: St }, -Oe.strokeWidth())), this.isDirtyBox = !1, J(this, "afterDrawChartBox");
         }, at.prototype.propFromSeries = function() {
           var _ = this, $ = _.options.chart, rt = _.options.series, lt, ct, At;
           ["inverted", "angular", "polar"].forEach(function(Bt) {
@@ -4473,11 +4473,11 @@ var Ds = { exports: {} };
           }), this.collectionsWithUpdate.forEach(function(St) {
             if (_[St]) {
               var Tt = [];
-              ct[St].forEach(function(Yt, ee) {
-                Yt.options.isInternal || Tt.push(st(Yt.options.index, ee));
-              }), ut(_[St]).forEach(function(Yt, ee) {
+              ct[St].forEach(function(Yt, te) {
+                Yt.options.isInternal || Tt.push(st(Yt.options.index, te));
+              }), ut(_[St]).forEach(function(Yt, te) {
                 var $t = F(Yt.id), qt;
-                $t && (qt = ct.get(Yt.id)), !qt && ct[St] && (qt = ct[St][Tt ? Tt[ee] : ee]) && $t && F(qt.options.id) && (qt = void 0), qt && qt.coll === St && (qt.update(Yt, !1), rt && (qt.touched = !0)), !qt && rt && ct.collectionsWithInit[St] && (ct.collectionsWithInit[St][0].apply(ct, [Yt].concat(ct.collectionsWithInit[St][1] || []).concat([!1])).touched = !0);
+                $t && (qt = ct.get(Yt.id)), !qt && ct[St] && (qt = ct[St][Tt ? Tt[te] : te]) && $t && F(qt.options.id) && (qt = void 0), qt && qt.coll === St && (qt.update(Yt, !1), rt && (qt.touched = !0)), !qt && rt && ct.collectionsWithInit[St] && (ct.collectionsWithInit[St][0].apply(ct, [Yt].concat(ct.collectionsWithInit[St][1] || []).concat([!1])).touched = !0);
               }), rt && ct[St].forEach(function(Yt) {
                 Yt.touched || Yt.options.isInternal ? delete Yt.touched : It.push(Yt);
               });
@@ -4530,13 +4530,13 @@ var Ds = { exports: {} };
               if (Et.options.panningEnabled && !Et.options.isInternal) {
                 var Gt = Et.horiz, Zt = _[Gt ? "chartX" : "chartY"];
                 Gt = Gt ? "mouseDownX" : "mouseDownY";
-                var St = rt[Gt], Tt = Et.minPointOffset || 0, Yt = Et.reversed && !rt.inverted || !Et.reversed && rt.inverted ? -1 : 1, ee = Et.getExtremes(), $t = Et.toValue(St - Zt, !0) + Tt * Yt, qt = Et.toValue(St + Et.len - Zt, !0) - (Tt * Yt || Et.isXAxis && Et.pointRangePadding || 0), Ye = qt < $t;
-                Yt = Et.hasVerticalPanning(), St = Ye ? qt : $t, $t = Ye ? $t : qt;
-                var ie = Et.panningState;
-                !Yt || Et.isXAxis || ie && !ie.isDirty || Et.series.forEach(function(pe) {
+                var St = rt[Gt], Tt = Et.minPointOffset || 0, Yt = Et.reversed && !rt.inverted || !Et.reversed && rt.inverted ? -1 : 1, te = Et.getExtremes(), $t = Et.toValue(St - Zt, !0) + Tt * Yt, qt = Et.toValue(St + Et.len - Zt, !0) - (Tt * Yt || Et.isXAxis && Et.pointRangePadding || 0), Oe = qt < $t;
+                Yt = Et.hasVerticalPanning(), St = Oe ? qt : $t, $t = Oe ? $t : qt;
+                var ee = Et.panningState;
+                !Yt || Et.isXAxis || ee && !ee.isDirty || Et.series.forEach(function(pe) {
                   var ge = pe.getProcessedData(!0);
-                  ge = pe.getExtremes(ge.yData, !0), ie || (ie = { startMin: Number.MAX_VALUE, startMax: -Number.MAX_VALUE }), Y(ge.dataMin) && Y(ge.dataMax) && (ie.startMin = Math.min(st(pe.options.threshold, 1 / 0), ge.dataMin, ie.startMin), ie.startMax = Math.max(st(pe.options.threshold, -1 / 0), ge.dataMax, ie.startMax));
-                }), Yt = Math.min(st(ie && ie.startMin, ee.dataMin), Tt ? ee.min : Et.toValue(Et.toPixels(ee.min) - Et.minPixelPadding)), qt = Math.max(st(ie && ie.startMax, ee.dataMax), Tt ? ee.max : Et.toValue(Et.toPixels(ee.max) + Et.minPixelPadding)), Et.panningState = ie, Et.isOrdinal || (Tt = Yt - St, 0 < Tt && ($t += Tt, St = Yt), Tt = $t - qt, 0 < Tt && ($t = qt, St -= Tt), Et.series.length && St !== ee.min && $t !== ee.max && St >= Yt && $t <= qt && (Et.setExtremes(St, $t, !1, !1, { trigger: "pan" }), !rt.resetZoomButton && St !== Yt && $t !== qt && At.match("y") && (rt.showResetZoom(), Et.displayBtn = !1), Bt = !0), Rt[Gt] = Zt);
+                  ge = pe.getExtremes(ge.yData, !0), ee || (ee = { startMin: Number.MAX_VALUE, startMax: -Number.MAX_VALUE }), Y(ge.dataMin) && Y(ge.dataMax) && (ee.startMin = Math.min(st(pe.options.threshold, 1 / 0), ge.dataMin, ee.startMin), ee.startMax = Math.max(st(pe.options.threshold, -1 / 0), ge.dataMax, ee.startMax));
+                }), Yt = Math.min(st(ee && ee.startMin, te.dataMin), Tt ? te.min : Et.toValue(Et.toPixels(te.min) - Et.minPixelPadding)), qt = Math.max(st(ee && ee.startMax, te.dataMax), Tt ? te.max : Et.toValue(Et.toPixels(te.max) + Et.minPixelPadding)), Et.panningState = ee, Et.isOrdinal || (Tt = Yt - St, 0 < Tt && ($t += Tt, St = Yt), Tt = $t - qt, 0 < Tt && ($t = qt, St -= Tt), Et.series.length && St !== te.min && $t !== te.max && St >= Yt && $t <= qt && (Et.setExtremes(St, $t, !1, !1, { trigger: "pan" }), !rt.resetZoomButton && St !== Yt && $t !== qt && At.match("y") && (rt.showResetZoom(), Et.displayBtn = !1), Bt = !0), Rt[Gt] = Zt);
               }
             }), tt(Rt, function(Et, Gt) {
               rt[Gt] = Et;
@@ -6322,8 +6322,8 @@ var Ds = { exports: {} };
     }), o["masters/highcharts.src.js"]._modules = o, o["masters/highcharts.src.js"];
   });
 })(Ds);
-var ps = Ds.exports;
-const Is = /* @__PURE__ */ Ls(ps);
+var us = Ds.exports;
+const Is = /* @__PURE__ */ Ls(us);
 var ks = { exports: {} };
 (function(t) {
   (function(i) {
@@ -9143,7 +9143,7 @@ let de = class extends yt {
         }
       }
     });
-    const e = ps.chart(this.chartId, o);
+    const e = us.chart(this.chartId, o);
     this.$nextTick(() => {
       e.reflow();
     });
@@ -9257,7 +9257,7 @@ let Ie = class extends yt {
         type: "pie",
         data: this.data
       }]
-    }, o = ps.chart(this.chartId, s);
+    }, o = us.chart(this.chartId, s);
     this.$nextTick(() => {
       o.reflow();
     });
@@ -9358,7 +9358,7 @@ var Da = Object.defineProperty, Ia = Object.getOwnPropertyDescriptor, Ri = (t, i
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && Da(i, s, e), e;
 };
-let ei = class extends yt {
+let ii = class extends yt {
   constructor() {
     super(...arguments);
     U(this, "modelValue");
@@ -9371,23 +9371,23 @@ let ei = class extends yt {
 };
 Ri([
   et({ default: !1 })
-], ei.prototype, "modelValue", 2);
+], ii.prototype, "modelValue", 2);
 Ri([
   et({ default: !1 })
-], ei.prototype, "isDarkMode", 2);
+], ii.prototype, "isDarkMode", 2);
 Ri([
   et({ default: "small" })
-], ei.prototype, "size", 2);
+], ii.prototype, "size", 2);
 Ri([
   xt("update:modelValue")
-], ei.prototype, "toggleOption", 1);
-ei = Ri([
+], ii.prototype, "toggleOption", 1);
+ii = Ri([
   wt({
     directives: {
       dark: Nt
     }
   })
-], ei);
+], ii);
 const ka = ["aria-checked"];
 function xa(t, i, s, o, e, n) {
   const h = Ht("dark");
@@ -9420,7 +9420,7 @@ function xa(t, i, s, o, e, n) {
     [h, t.isDarkMode]
   ]);
 }
-const xs = /* @__PURE__ */ vt(ei, [["render", xa]]);
+const xs = /* @__PURE__ */ vt(ii, [["render", xa]]);
 var Pa = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, Be = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? Ga(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
@@ -9476,10 +9476,10 @@ Be([
   et({ default: null })
 ], Ae.prototype, "inputId", 2);
 Be([
-  te("modelValue")
+  oe("modelValue")
 ], Ae.prototype, "valueChanged", 1);
 Be([
-  te("sliderValue")
+  oe("sliderValue")
 ], Ae.prototype, "sliderValueChanged", 1);
 Be([
   xt("update:modelValue")
@@ -9522,7 +9522,7 @@ function Sa(t, i, s, o, e, n) {
         class: "uikit-slider__slide-input"
       }, null, 8, Oa), [
         [
-          ls,
+          Ms,
           t.sliderValue,
           void 0,
           { number: !0 }
@@ -10265,7 +10265,7 @@ function xl(t, i, s, o, e, n) {
   ]);
 }
 const Pl = /* @__PURE__ */ vt(ro, [["render", xl]]);
-var Gl = Object.defineProperty, Ql = Object.getOwnPropertyDescriptor, gs = (t, i, s, o) => {
+var Gl = Object.defineProperty, Ql = Object.getOwnPropertyDescriptor, ps = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? Ql(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && Gl(i, s, e), e;
@@ -10277,13 +10277,13 @@ let Pi = class extends yt {
     U(this, "isDarkMode");
   }
 };
-gs([
+ps([
   et()
 ], Pi.prototype, "title", 2);
-gs([
+ps([
   et({ default: !1 })
 ], Pi.prototype, "isDarkMode", 2);
-Pi = gs([
+Pi = ps([
   wt
 ], Pi);
 const Yl = { class: "uikit-loading__container" };
@@ -11587,7 +11587,7 @@ function u4(t, i, s, o, e, n) {
   ]);
 }
 const p4 = /* @__PURE__ */ vt(To, [["render", u4]]);
-var g4 = Object.defineProperty, A4 = Object.getOwnPropertyDescriptor, As = (t, i, s, o) => {
+var g4 = Object.defineProperty, A4 = Object.getOwnPropertyDescriptor, gs = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? A4(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && g4(i, s, e), e;
@@ -11599,13 +11599,13 @@ let Gi = class extends yt {
     U(this, "secondaryColor");
   }
 };
-As([
+gs([
   et()
 ], Gi.prototype, "title", 2);
-As([
+gs([
   et({ default: "currentColor" })
 ], Gi.prototype, "secondaryColor", 2);
-Gi = As([
+Gi = gs([
   wt
 ], Gi);
 const f4 = {
@@ -12364,7 +12364,7 @@ var Mh = Object.defineProperty, Lh = Object.getOwnPropertyDescriptor, Si = (t, i
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && Mh(i, s, e), e;
 };
-let ii = class extends yt {
+let oi = class extends yt {
   constructor() {
     super(...arguments);
     U(this, "modelValue");
@@ -12381,17 +12381,17 @@ let ii = class extends yt {
 };
 Si([
   et({ default: !1 })
-], ii.prototype, "modelValue", 2);
+], oi.prototype, "modelValue", 2);
 Si([
   et({ default: !1 })
-], ii.prototype, "isDarkMode", 2);
+], oi.prototype, "isDarkMode", 2);
 Si([
   et()
-], ii.prototype, "label", 2);
+], oi.prototype, "label", 2);
 Si([
   xt("update:modelValue")
-], ii.prototype, "emitUpdateModelValue", 1);
-ii = Si([
+], oi.prototype, "emitUpdateModelValue", 1);
+oi = Si([
   wt({
     directives: {
       dark: Nt
@@ -12400,7 +12400,7 @@ ii = Si([
       Checkbox: Yn
     }
   })
-], ii);
+], oi);
 const bh = ["aria-labelledby", "aria-checked"], Bh = ["id"];
 function Eh(t, i, s, o, e, n) {
   const h = mt("Checkbox"), R = Ht("dark");
@@ -12432,7 +12432,7 @@ function Eh(t, i, s, o, e, n) {
     [R, t.isDarkMode]
   ]) : Lt("", !0);
 }
-const On = /* @__PURE__ */ vt(ii, [["render", Eh]]);
+const On = /* @__PURE__ */ vt(oi, [["render", Eh]]);
 var Dh = Object.defineProperty, Ih = Object.getOwnPropertyDescriptor, ti = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? Ih(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
@@ -12589,7 +12589,7 @@ function Th(t, i, s, o, e, n) {
       role: "radiogroup",
       "aria-labelledby": t.label ? `uikit-radio__label-${t.uid}` : t.labelledBy || ""
     }, [
-      (K(!0), it(oe, null, ne(t.data, (R) => ht((K(), it("li", {
+      (K(!0), it(ie, null, ne(t.data, (R) => ht((K(), it("li", {
         key: JSON.stringify(R),
         ref_for: !0,
         ref: "uikit-radio__item",
@@ -12717,16 +12717,16 @@ Le([
   et({ default: !1 })
 ], ce.prototype, "isDarkMode", 2);
 Le([
-  te("checkboxOptions", { deep: !0 })
+  oe("checkboxOptions", { deep: !0 })
 ], ce.prototype, "checkboxOptionsChanged", 1);
 Le([
-  te("checkboxEntries", { deep: !0 })
+  oe("checkboxEntries", { deep: !0 })
 ], ce.prototype, "checkboxOptionChanged", 1);
 Le([
-  te("radioOptions", { deep: !0 })
+  oe("radioOptions", { deep: !0 })
 ], ce.prototype, "radioOptionsChanged", 1);
 Le([
-  te("radioEntries", { deep: !0 })
+  oe("radioEntries", { deep: !0 })
 ], ce.prototype, "radioOptionChanged", 1);
 Le([
   xt("update:modelValue")
@@ -12829,7 +12829,7 @@ function Kh(t, i, s, o, e, n) {
     ]),
     Pt(t.$slots, "checkbox", {}, () => [
       t.showCheckboxOptions || t.radioOptions.length === 0 ? (K(), it("div", Xh, [
-        (K(!0), it(oe, null, ne(t.checkboxOptions, (T) => ht((K(), bt(G, {
+        (K(!0), it(ie, null, ne(t.checkboxOptions, (T) => ht((K(), bt(G, {
           key: T.id,
           modelValue: T.enabled,
           "onUpdate:modelValue": (k) => T.enabled = k,
@@ -12920,16 +12920,16 @@ me([
   et({ default: !1 })
 ], le.prototype, "responsiveButton", 2);
 me([
-  te("checkboxOptions", { deep: !0 })
+  oe("checkboxOptions", { deep: !0 })
 ], le.prototype, "checkboxOptionsChanged", 1);
 me([
-  te("checkboxEntries", { deep: !0 })
+  oe("checkboxEntries", { deep: !0 })
 ], le.prototype, "checkboxOptionChanged", 1);
 me([
-  te("radioOptions", { deep: !0 })
+  oe("radioOptions", { deep: !0 })
 ], le.prototype, "radioOptionsChanged", 1);
 me([
-  te("radioEntries", { deep: !0 })
+  oe("radioEntries", { deep: !0 })
 ], le.prototype, "radioOptionChanged", 1);
 me([
   xt("update:modelValue")
@@ -12998,7 +12998,7 @@ var o3 = Object.defineProperty, s3 = Object.getOwnPropertyDescriptor, ji = (t, i
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && o3(i, s, e), e;
 };
-let oi = class extends yt {
+let si = class extends yt {
   constructor() {
     super(...arguments);
     U(this, "disabled");
@@ -13011,23 +13011,23 @@ let oi = class extends yt {
 };
 ji([
   et({ default: !1 })
-], oi.prototype, "disabled", 2);
+], si.prototype, "disabled", 2);
 ji([
   et({ default: !1 })
-], oi.prototype, "active", 2);
+], si.prototype, "active", 2);
 ji([
   et({ default: !1 })
-], oi.prototype, "isDarkMode", 2);
+], si.prototype, "isDarkMode", 2);
 ji([
   xt("click")
-], oi.prototype, "emitClick", 1);
-oi = ji([
+], si.prototype, "emitClick", 1);
+si = ji([
   wt({
     directives: {
       dark: Nt
     }
   })
-], oi);
+], si);
 const n3 = ["tabindex"];
 function r3(t, i, s, o, e, n) {
   const h = Ht("dark");
@@ -13044,7 +13044,7 @@ function r3(t, i, s, o, e, n) {
     [h, t.isDarkMode]
   ]);
 }
-const a3 = /* @__PURE__ */ vt(oi, [["render", r3]]);
+const a3 = /* @__PURE__ */ vt(si, [["render", r3]]);
 var l3 = Object.defineProperty, h3 = Object.getOwnPropertyDescriptor, se = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? h3(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
@@ -13210,13 +13210,13 @@ se([
   et({ default: !1 })
 ], Vt.prototype, "isDarkMode", 2);
 se([
-  te("showDropdown")
+  oe("showDropdown")
 ], Vt.prototype, "showDropdownChanged", 1);
 se([
-  te("modelValue")
+  oe("modelValue")
 ], Vt.prototype, "valueChanged", 1);
 se([
-  te("searchText")
+  oe("searchText")
 ], Vt.prototype, "searchTextChanged", 1);
 se([
   xt("update:modelValue")
@@ -13292,7 +13292,7 @@ function g3(t, i, s, o, e, n) {
         onKeydown: i[4] || (i[4] = Dt((...G) => t.keyPressedContainer && t.keyPressedContainer(...G), ["stop"])),
         onClick: i[5] || (i[5] = (G) => t.showDropdown = !0)
       }, null, 42, c3)), [
-        [ls, t.searchText],
+        [Ms, t.searchText],
         [R, t.isDarkMode]
       ]) : ht((K(), it("div", {
         key: 0,
@@ -13340,7 +13340,7 @@ function g3(t, i, s, o, e, n) {
           "uikit-select__list--subtext": t.subtext
         }])
       }, [
-        (K(!0), it(oe, null, ne(t.filteredData, (G) => ht((K(), it("li", {
+        (K(!0), it(ie, null, ne(t.filteredData, (G) => ht((K(), it("li", {
           key: JSON.stringify(G),
           ref_for: !0,
           ref: "uikit-select__items",
@@ -13554,7 +13554,7 @@ function L3(t, i, s, o, e, n) {
   ], 32);
 }
 const jn = /* @__PURE__ */ vt(re, [["render", L3]]);
-var b3 = Object.defineProperty, B3 = Object.getOwnPropertyDescriptor, Pe = (t, i, s, o) => {
+var b3 = Object.defineProperty, B3 = Object.getOwnPropertyDescriptor, Ge = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? B3(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && b3(i, s, e), e;
@@ -13577,34 +13577,34 @@ let ve = class extends yt {
     return s.target.value;
   }
 };
-Pe([
+Ge([
   et()
 ], ve.prototype, "label", 2);
-Pe([
+Ge([
   et()
 ], ve.prototype, "placeholder", 2);
-Pe([
+Ge([
   et()
 ], ve.prototype, "center", 2);
-Pe([
+Ge([
   et()
 ], ve.prototype, "modelValue", 2);
-Pe([
+Ge([
   et()
 ], ve.prototype, "disabled", 2);
-Pe([
+Ge([
   et()
 ], ve.prototype, "autoFocus", 2);
-Pe([
+Ge([
   et({ default: "150px" })
 ], ve.prototype, "height", 2);
-Pe([
+Ge([
   et({ default: !1 })
 ], ve.prototype, "isDarkMode", 2);
-Pe([
+Ge([
   xt("update:modelValue")
 ], ve.prototype, "valueChange", 1);
-ve = Pe([
+ve = Ge([
   wt({
     directives: {
       dark: Nt
@@ -13931,7 +13931,7 @@ var u7 = Object.defineProperty, p7 = Object.getOwnPropertyDescriptor, Ut = (t, i
   for (var e = o > 1 ? void 0 : o ? p7(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && u7(i, s, e), e;
-}, Ms;
+}, ys;
 let Wt = class extends yt {
   constructor() {
     super(...arguments);
@@ -13959,7 +13959,7 @@ let Wt = class extends yt {
     U(this, "gridStyles", {});
     U(this, "currentSort", {
       column: null,
-      direction: ((Ms = this.sortToggleOrder) == null ? void 0 : Ms[0]) !== void 0 ? this.sortToggleOrder[0] : -1
+      direction: ((ys = this.sortToggleOrder) == null ? void 0 : ys[0]) !== void 0 ? this.sortToggleOrder[0] : -1
     });
   }
   created() {
@@ -14142,7 +14142,7 @@ function v7(t, i, s, o, e, n) {
                   }),
                   role: "row"
                 }, [
-                  (K(!0), it(oe, null, ne(t.columns, (j) => Pt(t.$slots, "tableColumnLabel", { column: j }, () => [
+                  (K(!0), it(ie, null, ne(t.columns, (j) => Pt(t.$slots, "tableColumnLabel", { column: j }, () => [
                     (K(), it("th", {
                       key: `column-label--${j.propName}`,
                       class: "uikit-table__column-label",
@@ -14168,7 +14168,7 @@ function v7(t, i, s, o, e, n) {
                           onMousedown: i[0] || (i[0] = Dt(() => {
                           }, ["prevent"]))
                         }, [
-                          j.isLabelHidden ? Lt("", !0) : (K(), it(oe, { key: 0 }, [
+                          j.isLabelHidden ? Lt("", !0) : (K(), it(ie, { key: 0 }, [
                             Pt(t.$slots, "tableColumnLabelText", { column: j }, () => [
                               kt(Ct(j.name || j.propName), 1)
                             ]),
@@ -14204,7 +14204,7 @@ function v7(t, i, s, o, e, n) {
                 role: "rowgroup",
                 style: Xt(t.tableRowsStyles)
               }, [
-                (K(!0), it(oe, null, ne(t.rows, (j) => Pt(t.$slots, "tableRow", { row: j }, () => [
+                (K(!0), it(ie, null, ne(t.rows, (j) => Pt(t.$slots, "tableRow", { row: j }, () => [
                   ht((K(), it("tr", {
                     key: `row--${j.id}`,
                     class: Mt(["uikit-table__row", {
@@ -14222,7 +14222,7 @@ function v7(t, i, s, o, e, n) {
                     onMouseenter: (T) => t.emitRowEnter(j),
                     onMouseleave: (T) => t.emitRowLeave(j)
                   }, [
-                    (K(!0), it(oe, null, ne(t.columns, (T) => Pt(t.$slots, "tableCell", {
+                    (K(!0), it(ie, null, ne(t.columns, (T) => Pt(t.$slots, "tableCell", {
                       row: j,
                       column: T,
                       tableCellStyles: t.tableCellStyles
@@ -14336,7 +14336,7 @@ const L7 = { class: "uikit-table-actions" }, b7 = ["onClick", "onKeyup", "onKeyd
 function D7(t, i, s, o, e, n) {
   const h = mt("Icon"), R = mt("Tooltip");
   return K(), it("div", L7, [
-    (K(!0), it(oe, null, ne(t.actions, (G) => (K(), it("div", {
+    (K(!0), it(ie, null, ne(t.actions, (G) => (K(), it("div", {
       key: G.id,
       ref_for: !0,
       ref: `${t.name}Actions`,
@@ -14367,7 +14367,7 @@ function D7(t, i, s, o, e, n) {
         _: 2
       }, 1024)) : Lt("", !0),
       G.menu && G.id === t.visibleMenuActionId ? (K(), it("div", B7, [
-        (K(!0), it(oe, null, ne(G.menu, (j) => (K(), it("div", {
+        (K(!0), it(ie, null, ne(G.menu, (j) => (K(), it("div", {
           key: j.id,
           ref_for: !0,
           ref: `${t.name}ActionMenu-${G.id}`,
@@ -14834,7 +14834,7 @@ var Y6 = Object.defineProperty, O6 = Object.getOwnPropertyDescriptor, Hi = (t, i
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && Y6(i, s, e), e;
 };
-let si = class extends yt {
+let ni = class extends yt {
   constructor() {
     super(...arguments);
     U(this, "showCloseButton");
@@ -14851,17 +14851,17 @@ let si = class extends yt {
 };
 Hi([
   et({ default: !1 })
-], si.prototype, "showCloseButton", 2);
+], ni.prototype, "showCloseButton", 2);
 Hi([
   et({ default: () => ({}) })
-], si.prototype, "customCloseStyles", 2);
+], ni.prototype, "customCloseStyles", 2);
 Hi([
   et({ default: !1 })
-], si.prototype, "isDarkMode", 2);
+], ni.prototype, "isDarkMode", 2);
 Hi([
   xt("close")
-], si.prototype, "emitClose", 1);
-si = Hi([
+], ni.prototype, "emitClose", 1);
+ni = Hi([
   wt({
     components: {
       IconClose: Ss
@@ -14870,7 +14870,7 @@ si = Hi([
       dark: Nt
     }
   })
-], si);
+], ni);
 const R6 = { class: "uikit-modal" }, S6 = {
   key: 1,
   class: "uikit-modal__head"
@@ -14901,13 +14901,13 @@ function j6(t, i, s, o, e, n) {
     [R, t.isDarkMode]
   ]);
 }
-const Fn = /* @__PURE__ */ vt(si, [["render", j6]]);
+const Fn = /* @__PURE__ */ vt(ni, [["render", j6]]);
 var T6 = Object.defineProperty, H6 = Object.getOwnPropertyDescriptor, zi = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? H6(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && T6(i, s, e), e;
 };
-let ni = class extends yt {
+let ri = class extends yt {
   constructor() {
     super(...arguments);
     U(this, "showCloseButton");
@@ -14955,17 +14955,17 @@ let ni = class extends yt {
 };
 zi([
   et({ default: !1 })
-], ni.prototype, "showCloseButton", 2);
+], ri.prototype, "showCloseButton", 2);
 zi([
   et({ default: () => ({}) })
-], ni.prototype, "customCloseStyles", 2);
+], ri.prototype, "customCloseStyles", 2);
 zi([
   et({ default: !1 })
-], ni.prototype, "isDarkMode", 2);
+], ri.prototype, "isDarkMode", 2);
 zi([
   xt("close")
-], ni.prototype, "emitClose", 1);
-ni = zi([
+], ri.prototype, "emitClose", 1);
+ri = zi([
   wt({
     directives: {
       dark: Nt
@@ -14974,7 +14974,7 @@ ni = zi([
       Modal: Fn
     }
   })
-], ni);
+], ri);
 function z6(t, i, s, o, e, n) {
   const h = mt("Modal"), R = Ht("dark");
   return ht((K(), it("div", {
@@ -15016,7 +15016,7 @@ function z6(t, i, s, o, e, n) {
     [R, t.isDarkMode]
   ]);
 }
-const Nn = /* @__PURE__ */ vt(ni, [["render", z6]]);
+const Nn = /* @__PURE__ */ vt(ri, [["render", z6]]);
 var F6 = Object.defineProperty, N6 = Object.getOwnPropertyDescriptor, Li = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? N6(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
@@ -15026,9 +15026,9 @@ let We = class extends yt {
   constructor() {
     super(...arguments);
     U(this, "error");
+    U(this, "modelValue");
     U(this, "highlightInput", !1);
     U(this, "cursorIndex", 0);
-    U(this, "code", "");
   }
   mounted() {
     setTimeout(() => {
@@ -15037,7 +15037,22 @@ let We = class extends yt {
     }, 500);
   }
   handleKeyDown(s) {
-    "key" in s && (!s.metaKey && (s.key.match(/^[0-9]$/) || s.key === "ArrowLeft" || s.key === "ArrowRight" || s.key === "Backspace" || s.key === "Enter") && s.preventDefault(), s.key.match(/[0-9]/) ? (this.code = this.code.slice(0, this.cursorIndex) + s.key + this.code.slice(this.cursorIndex + 1), this.cursorIndex = Math.min(this.cursorIndex + 1, 5)) : s.key === "ArrowLeft" ? this.cursorIndex = Math.max(this.cursorIndex - 1, 0) : s.key === "ArrowRight" ? this.cursorIndex = Math.min(this.cursorIndex + 1, 5) : s.key === "Backspace" ? (this.code[this.cursorIndex] && (this.code = (this.code.slice(0, this.cursorIndex) + " " + this.code.slice(this.cursorIndex + 1)).trimRight()), this.cursorIndex = Math.min(Math.max(this.cursorIndex - 1, 0), this.code.length)) : s.key === "Enter" && this.emitSubmit());
+    if ("key" in s)
+      if (!s.metaKey && (s.key.match(/^[0-9]$/) || s.key === "ArrowLeft" || s.key === "ArrowRight" || s.key === "Backspace" || s.key === "Enter") && s.preventDefault(), s.key.match(/[0-9]/)) {
+        const o = this.modelValue.slice(0, this.cursorIndex) + s.key + this.modelValue.slice(this.cursorIndex + 1);
+        this.emitUpdateModelValue(o), this.cursorIndex = Math.min(this.cursorIndex + 1, 5);
+      } else if (s.key === "ArrowLeft")
+        this.cursorIndex = Math.max(this.cursorIndex - 1, 0);
+      else if (s.key === "ArrowRight")
+        this.cursorIndex = Math.min(this.cursorIndex + 1, 5);
+      else if (s.key === "Backspace") {
+        if (this.modelValue[this.cursorIndex]) {
+          const o = (this.modelValue.slice(0, this.cursorIndex) + " " + this.modelValue.slice(this.cursorIndex + 1)).trimEnd();
+          this.emitUpdateModelValue(o);
+        }
+        this.cursorIndex = Math.min(Math.max(this.cursorIndex - 1, 0), this.modelValue.length);
+      } else
+        s.key === "Enter" && this.emitSubmit();
   }
   handleClick(s) {
     var e;
@@ -15048,10 +15063,7 @@ let We = class extends yt {
     var e;
     this.emitError("");
     const o = (e = s.clipboardData) == null ? void 0 : e.getData("text");
-    o && typeof Number(o) == "number" && o.length === 6 ? (this.code = "", this.cursorIndex = Math.min(o.length, 5)) : o && (this.emitError(`Invalid code: ${o}. Code must be six digits`), s.preventDefault());
-  }
-  codeChanged(s) {
-    this.emitUpdateModelValue(s);
+    o && typeof Number(o) == "number" && o.length === 6 ? (this.emitUpdateModelValue(""), this.cursorIndex = Math.min(o.length, 5)) : o && (this.emitError(`Invalid code: ${o}. Code must be six digits`), s.preventDefault());
   }
   emitSubmit() {
     return !0;
@@ -15067,8 +15079,8 @@ Li([
   et({ default: !1 })
 ], We.prototype, "error", 2);
 Li([
-  te("code")
-], We.prototype, "codeChanged", 1);
+  et({ default: "" })
+], We.prototype, "modelValue", 2);
 Li([
   xt("submit")
 ], We.prototype, "emitSubmit", 1);
@@ -15081,47 +15093,46 @@ Li([
 We = Li([
   wt
 ], We);
-const Z6 = ["autofocus"];
+const Z6 = ["value", "autofocus"];
 function J6(t, i, s, o, e, n) {
   return K(), it("div", {
     class: "uikit-magic-code",
     onKeydown: i[5] || (i[5] = (...h) => t.handleKeyDown && t.handleKeyDown(...h))
   }, [
-    (K(), it(oe, null, ne(6, (h) => ot("div", {
+    (K(), it(ie, null, ne(6, (h) => ot("div", {
       key: h,
       class: Mt(["uikit-magic-code__code-input-box", {
         "uikit-magic-code__code-input-box--active": t.highlightInput && h === t.cursorIndex + 1,
         "uikit-magic-code__code-input-box--error": t.error
       }])
     }, null, 2)), 64)),
-    ht(ot("input", {
-      "onUpdate:modelValue": i[0] || (i[0] = (h) => t.code = h),
+    ot("input", {
+      value: t.modelValue,
+      onInput: i[0] || (i[0] = (h) => h.target && "value" in h.target && t.emitUpdateModelValue(h.target.value)),
       "aria-label": "Magic code input field",
       class: "uikit-magic-code__code-input",
       type: "text",
       maxlength: "6",
-      autofocus: t.code.length !== 6,
+      autofocus: t.modelValue.length !== 6,
       onFocus: i[1] || (i[1] = (h) => t.highlightInput = !0),
       onBlur: i[2] || (i[2] = (h) => t.highlightInput = !1),
       onClick: i[3] || (i[3] = (...h) => t.handleClick && t.handleClick(...h)),
       onPaste: i[4] || (i[4] = (...h) => t.handlePaste && t.handlePaste(...h))
-    }, null, 40, Z6), [
-      [ls, t.code]
-    ])
+    }, null, 40, Z6)
   ], 32);
 }
 const Zn = /* @__PURE__ */ vt(We, [["render", J6]]);
-var W6 = Object.defineProperty, U6 = Object.getOwnPropertyDescriptor, ai = (t, i, s, o) => {
+var W6 = Object.defineProperty, U6 = Object.getOwnPropertyDescriptor, ei = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? U6(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && W6(i, s, e), e;
 };
-let Se = class extends yt {
+let Pe = class extends yt {
   constructor() {
     super(...arguments);
     U(this, "parentError");
     U(this, "email");
-    U(this, "code", "");
+    U(this, "modelValue");
     U(this, "errorMessage", "");
     U(this, "isLoading", !1);
     U(this, "isResending", !1);
@@ -15131,14 +15142,11 @@ let Se = class extends yt {
     s !== o && (this.errorMessage = s);
   }
   async submitSignIn() {
-    this.isLoading = !0, this.errorMessage = "", this.email && this.code && (this.code.trim().length !== 6 ? this.errorMessage = "Code must be six digits" : this.emitSubmit({ email: this.email, code: this.code })), this.isLoading = !1;
+    this.isLoading = !0, this.errorMessage = "", this.email && this.modelValue && (this.modelValue.trim().length !== 6 ? this.errorMessage = "Code must be six digits" : this.emitSubmit({ email: this.email, code: this.modelValue })), this.isLoading = !1;
   }
   async resendEmail() {
     this.errorMessage = "", this.isResending = !0, this.emitResend({ email: this.email }), this.isResending = !1;
   }
-  magicCodeChange(s) {
-    this.code = s, this.emitUpdateModelValue(s);
-  }
   emitSubmit(s) {
     return s;
   }
@@ -15149,25 +15157,28 @@ let Se = class extends yt {
     return s;
   }
 };
-ai([
+ei([
   et({ default: "" })
-], Se.prototype, "parentError", 2);
-ai([
+], Pe.prototype, "parentError", 2);
+ei([
   et()
-], Se.prototype, "email", 2);
-ai([
-  te("parentError")
-], Se.prototype, "parentErrorChanged", 1);
-ai([
+], Pe.prototype, "email", 2);
+ei([
+  et({ default: "" })
+], Pe.prototype, "modelValue", 2);
+ei([
+  oe("parentError")
+], Pe.prototype, "parentErrorChanged", 1);
+ei([
   xt("submit")
-], Se.prototype, "emitSubmit", 1);
-ai([
+], Pe.prototype, "emitSubmit", 1);
+ei([
   xt("resend")
-], Se.prototype, "emitResend", 1);
-ai([
+], Pe.prototype, "emitResend", 1);
+ei([
   xt("update:modelValue")
-], Se.prototype, "emitUpdateModelValue", 1);
-Se = ai([
+], Pe.prototype, "emitUpdateModelValue", 1);
+Pe = ei([
   wt({
     components: {
       Button: ci,
@@ -15176,7 +15187,7 @@ Se = ai([
       MagicCodeEntry: Zn
     }
   })
-], Se);
+], Pe);
 const X6 = { class: "uikit-email-auth__form" }, K6 = /* @__PURE__ */ ot("h1", {
   class: "uikit-email-auth__text-big",
   role: "alert"
@@ -15194,10 +15205,11 @@ function _6(t, i, s, o, e, n) {
         "uikit-email-auth__magic-code-entry--error": t.errorMessage
       }]),
       error: t.errorMessage,
-      "onUpdate:modelValue": t.magicCodeChange,
+      modelValue: t.modelValue,
+      "onUpdate:modelValue": t.emitUpdateModelValue,
       onError: i[0] || (i[0] = (j) => t.errorMessage = j),
       onSubmit: t.submitSignIn
-    }, null, 8, ["class", "error", "onUpdate:modelValue", "onSubmit"]),
+    }, null, 8, ["class", "error", "modelValue", "onUpdate:modelValue", "onSubmit"]),
     t.errorMessage ? (K(), it("div", V6, [
       Qt(R, {
         class: "uikit-email-auth__error-message-icon",
@@ -15209,8 +15221,8 @@ function _6(t, i, s, o, e, n) {
       class: Mt(["uikit-email-auth__sign-in-btn", {
         "uikit-email-auth__sign-in-btn--error": t.errorMessage
       }]),
-      disabled: t.code.length !== 6 || t.isLoading,
-      autofocus: t.code.length === 6,
+      disabled: t.modelValue.length !== 6 || t.isLoading,
+      autofocus: t.modelValue.length === 6,
       onClick: t.submitSignIn
     }, {
       default: Jt(() => [
@@ -15231,7 +15243,7 @@ function _6(t, i, s, o, e, n) {
     }, 8, ["disabled", "onClick"])
   ]);
 }
-const $6 = /* @__PURE__ */ vt(Se, [["render", _6]]);
+const $6 = /* @__PURE__ */ vt(Pe, [["render", _6]]);
 var td = Object.defineProperty, ed = Object.getOwnPropertyDescriptor, Jn = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? ed(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
@@ -15263,7 +15275,7 @@ function od(t, i, s, o, e, n) {
   ]);
 }
 const es = /* @__PURE__ */ vt(Uo, [["render", od]]);
-var sd = Object.defineProperty, nd = Object.getOwnPropertyDescriptor, Ge = (t, i, s, o) => {
+var sd = Object.defineProperty, nd = Object.getOwnPropertyDescriptor, Qe = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? nd(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && sd(i, s, e), e;
@@ -15295,34 +15307,34 @@ let we = class extends yt {
     return !0;
   }
 };
-Ge([
+Qe([
   et()
 ], we.prototype, "exam", 2);
-Ge([
+Qe([
   et()
 ], we.prototype, "bundle", 2);
-Ge([
+Qe([
   et({ default: !1 })
 ], we.prototype, "showCancelButton", 2);
-Ge([
+Qe([
   et({ default: !1 })
 ], we.prototype, "disableInteraction", 2);
-Ge([
+Qe([
   et({ default: !1 })
 ], we.prototype, "isPremium", 2);
-Ge([
+Qe([
   et({ default: !1 })
 ], we.prototype, "isSelected", 2);
-Ge([
+Qe([
   et({ default: !1 })
 ], we.prototype, "isDarkMode", 2);
-Ge([
+Qe([
   xt("select")
 ], we.prototype, "emitSelect", 1);
-Ge([
+Qe([
   xt("cancel")
 ], we.prototype, "emitCancel", 1);
-we = Ge([
+we = Qe([
   wt({
     directives: {
       dark: Nt
@@ -15457,7 +15469,7 @@ li([
   xt("update:modelValue")
 ], je.prototype, "emitUpdateModelValue", 1);
 li([
-  te("hoverBundleId")
+  oe("hoverBundleId")
 ], je.prototype, "hoverBundleIdChanged", 1);
 je = li([
   wt({
@@ -15474,7 +15486,7 @@ const Ad = { class: "uikit-bundle-list" }, fd = ["onMouseenter", "onFocus", "onC
 function Cd(t, i, s, o, e, n) {
   const h = mt("BundleIcon"), R = mt("PremiumPill"), G = Ht("dark");
   return K(), it("ul", Ad, [
-    (K(!0), it(oe, null, ne(t.bundles, (j) => ht((K(), it("li", {
+    (K(!0), it(ie, null, ne(t.bundles, (j) => ht((K(), it("li", {
       key: j.objectId,
       class: "uikit-bundle-list__item",
       tabindex: "0",
@@ -15592,10 +15604,10 @@ De([
   et({ default: !1 })
 ], Ce.prototype, "isDarkMode", 2);
 De([
-  te("examSearchString")
+  oe("examSearchString")
 ], Ce.prototype, "examSearchStringChanged", 1);
 De([
-  te("selectedBundle")
+  oe("selectedBundle")
 ], Ce.prototype, "selectedBundleChanged", 1);
 De([
   xt("search")
@@ -15673,7 +15685,7 @@ function Gd(t, i, s, o, e, n) {
         }, 8, ["is-dark-mode"])
       ]),
       ot("ul", Ld, [
-        (K(!0), it(oe, null, ne(t.filteredExams, (w) => ht((K(), bt(G, {
+        (K(!0), it(ie, null, ne(t.filteredExams, (w) => ht((K(), bt(G, {
           key: w.objectId,
           "is-premium": t.premiumExamIds.includes(w.objectId),
           exam: w,
@@ -15740,7 +15752,7 @@ function Gd(t, i, s, o, e, n) {
             key: t.selectedBundle.objectId,
             class: "uikit-exam-search__bundle-exam-list"
           }, [
-            (K(!0), it(oe, null, ne(t.selectedBundleExams, (w) => ht((K(), bt(G, {
+            (K(!0), it(ie, null, ne(t.selectedBundleExams, (w) => ht((K(), bt(G, {
               key: w.objectId,
               exam: w,
               "is-dark-mode": t.isDarkMode,
@@ -15766,7 +15778,7 @@ function Gd(t, i, s, o, e, n) {
   ]);
 }
 const Qd = /* @__PURE__ */ vt(Ce, [["render", Gd]]);
-var Yd = Object.defineProperty, Od = Object.getOwnPropertyDescriptor, Qe = (t, i, s, o) => {
+var Yd = Object.defineProperty, Od = Object.getOwnPropertyDescriptor, Ye = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? Od(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && Yd(i, s, e), e;
@@ -15789,34 +15801,34 @@ let ye = class extends yt {
     return s;
   }
 };
-Qe([
+Ye([
   et()
 ], ye.prototype, "exam", 2);
-Qe([
+Ye([
   et()
 ], ye.prototype, "bundleId", 2);
-Qe([
+Ye([
   et({ default: "color" })
 ], ye.prototype, "theme", 2);
-Qe([
+Ye([
   et({ default: !1 })
 ], ye.prototype, "isPremium", 2);
-Qe([
+Ye([
   et({ default: !1 })
 ], ye.prototype, "showMenuArrow", 2);
-Qe([
+Ye([
   et({ default: "down" })
 ], ye.prototype, "menuArrowDirection", 2);
-Qe([
+Ye([
   et({ default: !0 })
 ], ye.prototype, "isClickable", 2);
-Qe([
+Ye([
   xt("click")
 ], ye.prototype, "emitClick", 1);
-Qe([
+Ye([
   xt("keydown")
 ], ye.prototype, "emitKeydown", 1);
-ye = Qe([
+ye = Ye([
   wt({
     components: {
       BundleIcon: Ti,
@@ -15869,7 +15881,7 @@ function zd(t, i, s, o, e, n) {
   ], 42, Rd)) : Lt("", !0);
 }
 const Fd = /* @__PURE__ */ vt(ye, [["render", zd]]);
-var Nd = Object.defineProperty, Zd = Object.getOwnPropertyDescriptor, fs = (t, i, s, o) => {
+var Nd = Object.defineProperty, Zd = Object.getOwnPropertyDescriptor, As = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? Zd(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && Nd(i, s, e), e;
@@ -15888,13 +15900,13 @@ let Qi = class extends yt {
     s == null || s.focus();
   }
 };
-fs([
+As([
   et({ default: () => [] })
 ], Qi.prototype, "errors", 2);
-fs([
+As([
   et({ default: !1 })
 ], Qi.prototype, "isDarkMode", 2);
-Qi = fs([
+Qi = As([
   wt({
     directives: {
       dark: Nt
@@ -15918,7 +15930,7 @@ function Jd(t, i, s, o, e, n) {
       [R, t.isDarkMode]
     ]),
     Pt(t.$slots, "errors", {}, () => [
-      (K(!0), it(oe, null, ne(t.filteredErrors, (G) => ht((K(), it("div", {
+      (K(!0), it(ie, null, ne(t.filteredErrors, (G) => ht((K(), it("div", {
         key: G,
         class: "uikit-errors__error"
       }, [
@@ -15988,7 +16000,7 @@ function a9(t, i, s, o, e, n) {
   return K(), it("svg", i9, [
     ot("defs", null, [
       o9,
-      (K(!0), it(oe, null, ne(Object.entries(t.colors), ([h, R]) => (K(), it("linearGradient", {
+      (K(!0), it(ie, null, ne(Object.entries(t.colors), ([h, R]) => (K(), it("linearGradient", {
         id: `bundle-icon-gradient-${h}`,
         key: h,
         x1: "86.4188806%",
@@ -16191,7 +16203,7 @@ function C9(t, i, s, o, e, n) {
           ot("h1", c9, Ct(t.name), 1)
         ], 2),
         t.tabs && t.tabs.length ? (K(), it("div", u9, [
-          (K(!0), it(oe, null, ne(t.tabs, (j, T) => ht((K(), it("div", {
+          (K(!0), it(ie, null, ne(t.tabs, (j, T) => ht((K(), it("div", {
             key: j,
             class: Mt(["uikit-side-panel__tab", {
               "uikit-side-panel__tab--active": t.activeTabName === j,
@@ -17226,13 +17238,13 @@ Ft([
   xt("selectedChoices")
 ], zt.prototype, "emitSelectedChoices", 1);
 Ft([
-  te("reviewMode")
+  oe("reviewMode")
 ], zt.prototype, "reviewModeChanged", 1);
 Ft([
-  te("previousChoices", { deep: !0 })
+  oe("previousChoices", { deep: !0 })
 ], zt.prototype, "previousChoicesChanged", 1);
 Ft([
-  te("selectedChoices", { deep: !0 })
+  oe("selectedChoices", { deep: !0 })
 ], zt.prototype, "selectedChoicesChanged", 1);
 Ft([
   xt("close")
@@ -17563,7 +17575,7 @@ function zc(t, i, s, o, e, n) {
         ])), [
           [j, t.isDarkMode]
         ]) : Lt("", !0),
-        (K(!0), it(oe, null, ne(t.choices, (T, k) => ht((K(), it("div", {
+        (K(!0), it(ie, null, ne(t.choices, (T, k) => ht((K(), it("div", {
           key: T.key,
           ref_for: !0,
           ref: "choices",
@@ -17741,7 +17753,7 @@ function zc(t, i, s, o, e, n) {
             [j, t.isDarkMode],
             [G, t.breakpoints, "questionEl"]
           ]),
-          t.globalMetrics ? (K(), it(oe, { key: 2 }, [
+          t.globalMetrics ? (K(), it(ie, { key: 2 }, [
             ht((K(), it("div", ac, [
               kt(Ct(t.choiceScores[T.key]) + " % ", 1)
             ])), [
@@ -17762,7 +17774,7 @@ function zc(t, i, s, o, e, n) {
             ])), [
               [j, t.isDarkMode]
             ])
-          ], 64)) : (K(), it(oe, { key: 1 }, [
+          ], 64)) : (K(), it(ie, { key: 1 }, [
             t.showAnswers ? Lt("", !0) : ht((K(), it("div", {
               key: 0,
               tabindex: t.showAnswers ? -1 : 0,
@@ -18411,7 +18423,7 @@ const eu = { class: "uikit-quiz-progress" };
 function iu(t, i, s, o, e, n) {
   const h = mt("QuizProgressBar");
   return K(), it("div", eu, [
-    (K(!0), it(oe, null, ne(t.numQuestions, (R) => (K(), bt(h, {
+    (K(!0), it(ie, null, ne(t.numQuestions, (R) => (K(), bt(h, {
       key: `${R}_${t.barWidthString}`,
       "is-answered": t.answeredIndexList.includes(R),
       "is-selected": Number(R) === Number(t.selectedIndex),
@@ -18647,7 +18659,7 @@ function Fu(t, i, s, o, e, n) {
   }, 8, ["is-dark-mode", "onClose"]);
 }
 const qn = /* @__PURE__ */ vt(Ve, [["render", Fu]]);
-var Nu = Object.defineProperty, Zu = Object.getOwnPropertyDescriptor, Cs = (t, i, s, o) => {
+var Nu = Object.defineProperty, Zu = Object.getOwnPropertyDescriptor, fs = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? Zu(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && Nu(i, s, e), e;
@@ -18662,13 +18674,13 @@ let Yi = class extends yt {
     U(this, "showKeyboardShortcutsModal", !1);
   }
 };
-Cs([
+fs([
   et()
 ], Yi.prototype, "tooltipTheme", 2);
-Cs([
+fs([
   et({ default: !1 })
 ], Yi.prototype, "isDarkMode", 2);
-Yi = Cs([
+Yi = fs([
   wt({
     components: {
       KeyboardShortcutsModal: qn,
@@ -18723,7 +18735,7 @@ var Uu = Object.defineProperty, Xu = Object.getOwnPropertyDescriptor, Fi = (t, i
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);
   return o && e && Uu(i, s, e), e;
 };
-let ri = class extends yt {
+let ai = class extends yt {
   constructor() {
     super(...arguments);
     U(this, "isFlagged");
@@ -18750,24 +18762,24 @@ let ri = class extends yt {
 };
 Fi([
   et()
-], ri.prototype, "isFlagged", 2);
+], ai.prototype, "isFlagged", 2);
 Fi([
   et({ default: !1 })
-], ri.prototype, "enableFlagKeyboardShortcut", 2);
+], ai.prototype, "enableFlagKeyboardShortcut", 2);
 Fi([
   et({ default: !0 })
-], ri.prototype, "enableFlagTooltip", 2);
+], ai.prototype, "enableFlagTooltip", 2);
 Fi([
   xt("toggleFlag")
-], ri.prototype, "emitToggleFlag", 1);
-ri = Fi([
+], ai.prototype, "emitToggleFlag", 1);
+ai = Fi([
   wt({
     components: {
       Tooltip: yi,
       Icon: Kt
     }
   })
-], ri);
+], ai);
 const Ku = ["aria-checked"];
 function qu(t, i, s, o, e, n) {
   const h = mt("Tooltip"), R = mt("Icon");
@@ -18807,7 +18819,7 @@ function qu(t, i, s, o, e, n) {
     }, null, 8, ["class", "type"])
   ], 40, Ku);
 }
-const Vu = /* @__PURE__ */ vt(ri, [["render", qu]]);
+const Vu = /* @__PURE__ */ vt(ai, [["render", qu]]);
 var _u = Object.defineProperty, $u = Object.getOwnPropertyDescriptor, hi = (t, i, s, o) => {
   for (var e = o > 1 ? void 0 : o ? $u(i, s) : i, n = t.length - 1, h; n >= 0; n--)
     (h = t[n]) && (e = (o ? h(i, s, e) : h(e)) || e);