@validol4ik/uikit 0.7.5 → 0.7.7

package/dist/{index-DgY0kstn.js → index-BSUReJjU.js}

@@ -1,5 +1,5 @@
-import { computed as r, markRaw as Ce, defineComponent as F, h as g, withDirectives as ge, getCurrentInstance as ee, unref as Z, ref as W, onBeforeUnmount as De, Transition as Ne, createBlock as ne, openBlock as h, normalizeClass as L, withCtx as Fe, createElementBlock as _, createCommentVNode as A, renderSlot as ae, Fragment as le, createTextVNode as we, toDisplayString as Y, createElementVNode as T, toRaw as Q, createVNode as Ke, normalizeStyle as oe, watch as Qe, onMounted as Ue, renderList as Ee, withKeys as He, vModelText as Xe, nextTick as pe, mergeModels as We, useModel as Ye, defineAsyncComponent as me } from "vue";
-const gn = ({ app: e }) => {
+import { computed as r, markRaw as Ee, defineComponent as K, h as m, withDirectives as oe, getCurrentInstance as ee, unref as Z, ref as W, onBeforeUnmount as Fe, Transition as Qe, createBlock as ae, openBlock as b, normalizeClass as P, withCtx as Ue, createElementBlock as _, createCommentVNode as A, renderSlot as se, Fragment as ie, createTextVNode as Pe, toDisplayString as Y, createElementVNode as T, toRaw as Q, createVNode as He, normalizeStyle as re, watch as Xe, onMounted as We, renderList as Le, withKeys as Ye, vModelText as Ge, nextTick as he, mergeModels as Je, useModel as Ze, defineAsyncComponent as ge } from "vue";
+const _n = ({ app: e }) => {
   const t = e.config.globalProperties.$q;
   t.iconMapFn = (n) => {
     if (n.startsWith("icon-kl:"))
@@ -7,7 +7,7 @@ const gn = ({ app: e }) => {
         cls: `icon-kl icon-kl-${n.slice(8)}`
       };
   };
-}, Le = {
+}, Re = {
   PRIMARY: "primary",
   INFO: "info"
 }, z = {
@@ -15,33 +15,33 @@ const gn = ({ app: e }) => {
   MD: "md",
   LG: "lg",
   XL: "xl"
-}, Ge = {
+}, et = {
   [z.SM]: "3px 9px",
   [z.MD]: "5px 12px",
   [z.LG]: "6px 15px",
   [z.XL]: "9px 20px"
-}, de = {
+}, me = {
   xs: 18,
   sm: 24,
   md: 32,
   lg: 38,
   xl: 46
-}, se = {
+}, ue = {
   size: String
 };
-function ie(e, t = de) {
+function ce(e, t = me) {
   return r(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
 }
 function te(e) {
-  return Ce(F(e));
+  return Ee(K(e));
 }
-function Je(e) {
-  return Ce(e);
+function Me(e) {
+  return Ee(e);
 }
-function Re(e, t) {
+function Ae(e, t) {
   return e !== void 0 && e() || t;
 }
-function mn(e, t) {
+function $n(e, t) {
   if (e !== void 0) {
     const n = e();
     if (n != null)
@@ -52,40 +52,40 @@ function mn(e, t) {
 function N(e, t) {
   return e !== void 0 ? t.concat(e()) : t;
 }
-function pn(e, t) {
+function qn(e, t) {
   return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
 }
-function bn(e, t, n, a, s, l) {
+function Sn(e, t, n, a, s, l) {
   t.key = a + s;
-  const o = g(e, t, n);
-  return s === !0 ? ge(o, l()) : o;
+  const o = m(e, t, n);
+  return s === !0 ? oe(o, l()) : o;
 }
-const be = "0 0 24 24", ue = (e) => e, ce = (e) => `ionicons ${e}`, Pe = {
+const be = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ve = {
   "mdi-": (e) => `mdi ${e}`,
-  "icon-": ue,
+  "icon-": fe,
   // fontawesome equiv
   "bt-": (e) => `bt ${e}`,
   "eva-": (e) => `eva ${e}`,
-  "ion-md": ce,
-  "ion-ios": ce,
-  "ion-logo": ce,
-  "iconfont ": ue,
+  "ion-md": ve,
+  "ion-ios": ve,
+  "ion-logo": ve,
+  "iconfont ": fe,
   "ti-": (e) => `themify-icon ${e}`,
   "bi-": (e) => `bootstrap-icons ${e}`,
-  "i-": ue
+  "i-": fe
   // UnoCSS pure icons
-}, Me = {
+}, Ie = {
   o_: "-outlined",
   r_: "-round",
   s_: "-sharp"
-}, Ae = {
+}, Te = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, Ze = new RegExp("^(" + Object.keys(Pe).join("|") + ")"), et = new RegExp("^(" + Object.keys(Me).join("|") + ")"), he = new RegExp("^(" + Object.keys(Ae).join("|") + ")"), tt = /^[Mm]\s?[-+]?\.?\d/, nt = /^img:/, at = /^svguse:/, lt = /^ion-/, ot = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, fe = te({
+}, tt = new RegExp("^(" + Object.keys(Ve).join("|") + ")"), nt = new RegExp("^(" + Object.keys(Ie).join("|") + ")"), ke = new RegExp("^(" + Object.keys(Te).join("|") + ")"), at = /^[Mm]\s?[-+]?\.?\d/, lt = /^img:/, ot = /^svguse:/, st = /^ion-/, it = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, pe = te({
   name: "QIcon",
   props: {
-    ...se,
+    ...ue,
     tag: {
       type: String,
       default: "i"
@@ -96,7 +96,7 @@ const be = "0 0 24 24", ue = (e) => e, ce = (e) => `ionicons ${e}`, Pe = {
     right: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: { $q: n } } = ee(), a = ie(e), s = r(
+    const { proxy: { $q: n } } = ee(), a = ce(e), s = r(
       () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
     ), l = r(() => {
       let o, i = e.name;
@@ -114,23 +114,23 @@ const be = "0 0 24 24", ue = (e) => e, ce = (e) => `ionicons ${e}`, Pe = {
               content: f.content !== void 0 ? f.content : " "
             };
       }
-      if (tt.test(i) === !0) {
+      if (at.test(i) === !0) {
         const [f, S = be] = i.split("|");
         return {
           svg: !0,
           viewBox: S,
           nodes: f.split("&&").map((d) => {
-            const [q, u, m] = d.split("@@");
-            return g("path", { style: u, d: q, transform: m });
+            const [q, u, p] = d.split("@@");
+            return m("path", { style: u, d: q, transform: p });
           })
         };
       }
-      if (nt.test(i) === !0)
+      if (lt.test(i) === !0)
         return {
           img: !0,
           src: i.substring(4)
         };
-      if (at.test(i) === !0) {
+      if (ot.test(i) === !0) {
         const [f, S = be] = i.split("|");
         return {
           svguse: !0,
@@ -139,21 +139,21 @@ const be = "0 0 24 24", ue = (e) => e, ce = (e) => `ionicons ${e}`, Pe = {
         };
       }
       let $ = " ";
-      const k = i.match(Ze);
-      if (k !== null)
-        o = Pe[k[1]](i);
-      else if (ot.test(i) === !0)
+      const y = i.match(tt);
+      if (y !== null)
+        o = Ve[y[1]](i);
+      else if (it.test(i) === !0)
         o = i;
-      else if (lt.test(i) === !0)
+      else if (st.test(i) === !0)
         o = `ionicons ion-${n.platform.is.ios === !0 ? "ios" : "md"}${i.substring(3)}`;
-      else if (he.test(i) === !0) {
+      else if (ke.test(i) === !0) {
         o = "notranslate material-symbols";
-        const f = i.match(he);
-        f !== null && (i = i.substring(6), o += Ae[f[1]]), $ = i;
+        const f = i.match(ke);
+        f !== null && (i = i.substring(6), o += Te[f[1]]), $ = i;
       } else {
         o = "notranslate material-icons";
-        const f = i.match(et);
-        f !== null && (i = i.substring(2), o += Me[f[1]]), $ = i;
+        const f = i.match(nt);
+        f !== null && (i = i.substring(2), o += Ie[f[1]]), $ = i;
       }
       return {
         cls: o,
@@ -166,56 +166,56 @@ const be = "0 0 24 24", ue = (e) => e, ce = (e) => `ionicons ${e}`, Pe = {
         style: a.value,
         "aria-hidden": "true"
       };
-      return l.value.none === !0 ? g(e.tag, o, Re(t.default)) : l.value.img === !0 ? g(e.tag, o, N(t.default, [
-        g("img", { src: l.value.src })
-      ])) : l.value.svg === !0 ? g(e.tag, o, N(t.default, [
-        g("svg", {
+      return l.value.none === !0 ? m(e.tag, o, Ae(t.default)) : l.value.img === !0 ? m(e.tag, o, N(t.default, [
+        m("img", { src: l.value.src })
+      ])) : l.value.svg === !0 ? m(e.tag, o, N(t.default, [
+        m("svg", {
           viewBox: l.value.viewBox || "0 0 24 24"
         }, l.value.nodes)
-      ])) : l.value.svguse === !0 ? g(e.tag, o, N(t.default, [
-        g("svg", {
+      ])) : l.value.svguse === !0 ? m(e.tag, o, N(t.default, [
+        m("svg", {
           viewBox: l.value.viewBox
         }, [
-          g("use", { "xlink:href": l.value.src })
+          m("use", { "xlink:href": l.value.src })
         ])
-      ])) : (l.value.cls !== void 0 && (o.class += " " + l.value.cls), g(e.tag, o, N(t.default, [
+      ])) : (l.value.cls !== void 0 && (o.class += " " + l.value.cls), m(e.tag, o, N(t.default, [
         l.value.content
       ])));
     };
   }
-}), st = {
+}), rt = {
   size: {
     type: [String, Number],
     default: "1em"
   },
   color: String
 };
-function it(e) {
+function ut(e) {
   return {
-    cSize: r(() => e.size in de ? `${de[e.size]}px` : e.size),
+    cSize: r(() => e.size in me ? `${me[e.size]}px` : e.size),
     classes: r(
       () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
     )
   };
 }
-const Ve = te({
+const ze = te({
   name: "QSpinner",
   props: {
-    ...st,
+    ...rt,
     thickness: {
       type: Number,
       default: 5
     }
   },
   setup(e) {
-    const { cSize: t, classes: n } = it(e);
-    return () => g("svg", {
+    const { cSize: t, classes: n } = ut(e);
+    return () => m("svg", {
       class: n.value + " q-spinner-mat",
       width: t.value,
       height: t.value,
       viewBox: "25 25 50 50"
     }, [
-      g("circle", {
+      m("circle", {
         class: "path",
         cx: "50",
         cy: "50",
@@ -228,12 +228,12 @@ const Ve = te({
     ]);
   }
 });
-function rt(e, t) {
+function ct(e, t) {
   const n = e.style;
   for (const a in t)
     n[a] = t[a];
 }
-function hn(e) {
+function Cn(e) {
   if (e == null)
     return;
   if (typeof e == "string")
@@ -246,7 +246,7 @@ function hn(e) {
   if (t)
     return t.$el || t;
 }
-function yn(e, t) {
+function Bn(e, t) {
   if (e == null || e.contains(t) === !0)
     return !0;
   for (let n = e.nextElementSibling; n !== null; n = n.nextElementSibling)
@@ -254,7 +254,7 @@ function yn(e, t) {
       return !0;
   return !1;
 }
-const re = {
+const de = {
   hasPassive: !1,
   passiveCapture: !0,
   notPassiveCapture: !0
@@ -262,7 +262,7 @@ const re = {
 try {
   const e = Object.defineProperty({}, "passive", {
     get() {
-      Object.assign(re, {
+      Object.assign(de, {
         hasPassive: !0,
         passive: { passive: !0 },
         notPassive: { passive: !1 },
@@ -274,15 +274,15 @@ try {
   window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
 } catch {
 }
-function kn() {
+function wn() {
 }
-function ut(e) {
+function dt(e) {
   return e.touches && e.touches[0] ? e = e.touches[0] : e.changedTouches && e.changedTouches[0] ? e = e.changedTouches[0] : e.targetTouches && e.targetTouches[0] && (e = e.targetTouches[0]), {
     top: e.clientY,
     left: e.clientX
   };
 }
-function _n(e) {
+function En(e) {
   if (e.path)
     return e.path;
   if (e.composedPath)
@@ -295,32 +295,32 @@ function _n(e) {
     n = n.parentElement;
   }
 }
-function Ie(e) {
+function Oe(e) {
   e.stopPropagation();
 }
-function ct(e) {
+function ft(e) {
   e.cancelable !== !1 && e.preventDefault();
 }
-function j(e) {
+function D(e) {
   e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
 }
-function dt(e, t, n) {
+function vt(e, t, n) {
   const a = `__q_${t}_evt`;
   e[a] = e[a] !== void 0 ? e[a].concat(n) : n, n.forEach((s) => {
-    s[0].addEventListener(s[1], e[s[2]], re[s[3]]);
+    s[0].addEventListener(s[1], e[s[2]], de[s[3]]);
   });
 }
-function ft(e, t) {
+function mt(e, t) {
   const n = `__q_${t}_evt`;
   e[n] !== void 0 && (e[n].forEach((a) => {
-    a[0].removeEventListener(a[1], e[a[2]], re[a[3]]);
+    a[0].removeEventListener(a[1], e[a[2]], de[a[3]]);
   }), e[n] = void 0);
 }
-function vt(e) {
+function pt(e) {
   return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
 }
-function ve(e, t) {
-  return vt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
+function le(e, t) {
+  return pt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
 function gt(e, t = 250) {
   let n = !1, a;
@@ -331,15 +331,15 @@ function gt(e, t = 250) {
   };
 }
 function ye(e, t, n, a) {
-  n.modifiers.stop === !0 && Ie(e);
+  n.modifiers.stop === !0 && Oe(e);
   const s = n.modifiers.color;
   let l = n.modifiers.center;
   l = l === !0 || a === !0;
-  const o = document.createElement("span"), i = document.createElement("span"), $ = ut(e), { left: k, top: f, width: S, height: d } = t.getBoundingClientRect(), q = Math.sqrt(S * S + d * d), u = q / 2, m = `${(S - q) / 2}px`, v = l ? m : `${$.left - k - u}px`, b = `${(d - q) / 2}px`, B = l ? b : `${$.top - f - u}px`;
-  i.className = "q-ripple__inner", rt(i, {
+  const o = document.createElement("span"), i = document.createElement("span"), $ = dt(e), { left: y, top: f, width: S, height: d } = t.getBoundingClientRect(), q = Math.sqrt(S * S + d * d), u = q / 2, p = `${(S - q) / 2}px`, v = l ? p : `${$.left - y - u}px`, h = `${(d - q) / 2}px`, C = l ? h : `${$.top - f - u}px`;
+  i.className = "q-ripple__inner", ct(i, {
     height: `${q}px`,
     width: `${q}px`,
-    transform: `translate3d(${v},${B},0) scale3d(.2,.2,1)`,
+    transform: `translate3d(${v},${C},0) scale3d(.2,.2,1)`,
     opacity: 0
   }), o.className = `q-ripple${s ? " text-" + s : ""}`, o.setAttribute("dir", "ltr"), o.appendChild(i), t.appendChild(o);
   const w = () => {
@@ -347,14 +347,14 @@ function ye(e, t, n, a) {
   };
   n.abort.push(w);
   let E = setTimeout(() => {
-    i.classList.add("q-ripple__inner--enter"), i.style.transform = `translate3d(${m},${b},0) scale3d(1,1,1)`, i.style.opacity = 0.2, E = setTimeout(() => {
+    i.classList.add("q-ripple__inner--enter"), i.style.transform = `translate3d(${p},${h},0) scale3d(1,1,1)`, i.style.opacity = 0.2, E = setTimeout(() => {
       i.classList.remove("q-ripple__inner--enter"), i.classList.add("q-ripple__inner--leave"), i.style.opacity = 0, E = setTimeout(() => {
         o.remove(), n.abort.splice(n.abort.indexOf(w), 1);
       }, 275);
     }, 250);
   }, 50);
 }
-function ke(e, { modifiers: t, value: n, arg: a }) {
+function _e(e, { modifiers: t, value: n, arg: a }) {
   const s = Object.assign({}, e.cfg.ripple, t, n);
   e.modifiers = {
     early: s.early === !0,
@@ -364,7 +364,7 @@ function ke(e, { modifiers: t, value: n, arg: a }) {
     keyCodes: [].concat(s.keyCodes || 13)
   };
 }
-const mt = Je(
+const ht = Me(
   {
     name: "ripple",
     beforeMount(e, t) {
@@ -379,10 +379,10 @@ const mt = Je(
           a.enabled === !0 && s.qSkipRipple !== !0 && s.type === (a.modifiers.early === !0 ? "pointerdown" : "click") && ye(s, e, a, s.qKeyEvent === !0);
         },
         keystart: gt((s) => {
-          a.enabled === !0 && s.qSkipRipple !== !0 && ve(s, a.modifiers.keyCodes) === !0 && s.type === `key${a.modifiers.early === !0 ? "down" : "up"}` && ye(s, e, a, !0);
+          a.enabled === !0 && s.qSkipRipple !== !0 && le(s, a.modifiers.keyCodes) === !0 && s.type === `key${a.modifiers.early === !0 ? "down" : "up"}` && ye(s, e, a, !0);
         }, 300)
       };
-      ke(a, t), e.__qripple = a, dt(a, "main", [
+      _e(a, t), e.__qripple = a, vt(a, "main", [
         [e, "pointerdown", "start", "passive"],
         [e, "click", "start", "passive"],
         [e, "keydown", "keystart", "passive"],
@@ -392,17 +392,17 @@ const mt = Je(
     updated(e, t) {
       if (t.oldValue !== t.value) {
         const n = e.__qripple;
-        n !== void 0 && (n.enabled = t.value !== !1, n.enabled === !0 && Object(t.value) === t.value && ke(n, t));
+        n !== void 0 && (n.enabled = t.value !== !1, n.enabled === !0 && Object(t.value) === t.value && _e(n, t));
       }
     },
     beforeUnmount(e) {
       const t = e.__qripple;
       t !== void 0 && (t.abort.forEach((n) => {
         n();
-      }), ft(t, "main"), delete e._qripple);
+      }), mt(t, "main"), delete e._qripple);
     }
   }
-), Te = {
+), je = {
   left: "start",
   center: "center",
   right: "end",
@@ -410,19 +410,19 @@ const mt = Je(
   around: "around",
   evenly: "evenly",
   stretch: "stretch"
-}, pt = Object.keys(Te), bt = {
+}, bt = Object.keys(je), kt = {
   align: {
     type: String,
-    validator: (e) => pt.includes(e)
+    validator: (e) => bt.includes(e)
   }
 };
-function ht(e) {
+function yt(e) {
   return r(() => {
     const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
-    return `${e.vertical === !0 ? "items" : "justify"}-${Te[t]}`;
+    return `${e.vertical === !0 ? "items" : "justify"}-${je[t]}`;
   });
 }
-function $n(e) {
+function ne(e) {
   if (Object(e.$parent) === e.$parent)
     return e.$parent;
   let { parent: t } = e.$;
@@ -432,19 +432,19 @@ function $n(e) {
     t = t.parent;
   }
 }
-function yt(e) {
+function _t(e) {
   return e.appContext.config.globalProperties.$router !== void 0;
 }
-function qn(e) {
+function Pn(e) {
   return e.isUnmounted === !0 || e.isDeactivated === !0;
 }
-function _e(e) {
+function $e(e) {
   return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
 }
-function $e(e, t) {
+function qe(e, t) {
   return (e.aliasOf || e) === (t.aliasOf || t);
 }
-function kt(e, t) {
+function $t(e, t) {
   for (const n in t) {
     const a = t[n], s = e[n];
     if (typeof a == "string") {
@@ -455,21 +455,21 @@ function kt(e, t) {
   }
   return !0;
 }
-function qe(e, t) {
+function Se(e, t) {
   return Array.isArray(t) === !0 ? e.length === t.length && e.every((n, a) => n === t[a]) : e.length === 1 && e[0] === t;
 }
-function _t(e, t) {
-  return Array.isArray(e) === !0 ? qe(e, t) : Array.isArray(t) === !0 ? qe(t, e) : e === t;
+function qt(e, t) {
+  return Array.isArray(e) === !0 ? Se(e, t) : Array.isArray(t) === !0 ? Se(t, e) : e === t;
 }
-function $t(e, t) {
+function St(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
-    if (_t(e[n], t[n]) === !1)
+    if (qt(e[n], t[n]) === !1)
       return !1;
   return !0;
 }
-const ze = {
+const De = {
   // router-link
   to: [String, Object],
   replace: Boolean,
@@ -478,8 +478,8 @@ const ze = {
   target: String,
   // state
   disable: Boolean
-}, Sn = {
-  ...ze,
+}, Ln = {
+  ...De,
   // router-link
   exact: Boolean,
   activeClass: {
@@ -491,111 +491,111 @@ const ze = {
     default: "q-router-link--exact-active"
   }
 };
-function qt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const n = ee(), { props: a, proxy: s, emit: l } = n, o = yt(n), i = r(() => a.disable !== !0 && a.href !== void 0), $ = t === !0 ? r(
+function Ct({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
+  const n = ee(), { props: a, proxy: s, emit: l } = n, o = _t(n), i = r(() => a.disable !== !0 && a.href !== void 0), $ = t === !0 ? r(
     () => o === !0 && a.disable !== !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
   ) : r(
     () => o === !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
-  ), k = r(() => $.value === !0 ? B(a.to) : null), f = r(() => k.value !== null), S = r(() => i.value === !0 || f.value === !0), d = r(() => a.type === "a" || S.value === !0 ? "a" : a.tag || e || "div"), q = r(() => i.value === !0 ? {
+  ), y = r(() => $.value === !0 ? C(a.to) : null), f = r(() => y.value !== null), S = r(() => i.value === !0 || f.value === !0), d = r(() => a.type === "a" || S.value === !0 ? "a" : a.tag || e || "div"), q = r(() => i.value === !0 ? {
     href: a.href,
     target: a.target
   } : f.value === !0 ? {
-    href: k.value.href,
+    href: y.value.href,
     target: a.target
   } : {}), u = r(() => {
     if (f.value === !1)
       return -1;
-    const { matched: y } = k.value, { length: R } = y, P = y[R - 1];
-    if (P === void 0)
+    const { matched: k } = y.value, { length: L } = k, R = k[L - 1];
+    if (R === void 0)
       return -1;
-    const x = s.$route.matched;
-    if (x.length === 0)
+    const O = s.$route.matched;
+    if (O.length === 0)
       return -1;
-    const O = x.findIndex(
-      $e.bind(null, P)
+    const j = O.findIndex(
+      qe.bind(null, R)
     );
-    if (O !== -1)
-      return O;
-    const K = _e(y[R - 2]);
+    if (j !== -1)
+      return j;
+    const F = $e(k[L - 2]);
     return (
       // we are dealing with nested routes
-      R > 1 && _e(P) === K && x[x.length - 1].path !== K ? x.findIndex(
-        $e.bind(null, y[R - 2])
-      ) : O
+      L > 1 && $e(R) === F && O[O.length - 1].path !== F ? O.findIndex(
+        qe.bind(null, k[L - 2])
+      ) : j
     );
-  }), m = r(
-    () => f.value === !0 && u.value !== -1 && kt(s.$route.params, k.value.params)
+  }), p = r(
+    () => f.value === !0 && u.value !== -1 && $t(s.$route.params, y.value.params)
   ), v = r(
-    () => m.value === !0 && u.value === s.$route.matched.length - 1 && $t(s.$route.params, k.value.params)
-  ), b = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : m.value === !0 ? ` ${a.activeClass}` : "" : "");
-  function B(y) {
+    () => p.value === !0 && u.value === s.$route.matched.length - 1 && St(s.$route.params, y.value.params)
+  ), h = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : p.value === !0 ? ` ${a.activeClass}` : "" : "");
+  function C(k) {
     try {
-      return s.$router.resolve(y);
+      return s.$router.resolve(k);
     } catch {
     }
     return null;
   }
-  function w(y, { returnRouterError: R, to: P = a.to, replace: x = a.replace } = {}) {
+  function w(k, { returnRouterError: L, to: R = a.to, replace: O = a.replace } = {}) {
     if (a.disable === !0)
-      return y.preventDefault(), Promise.resolve(!1);
+      return k.preventDefault(), Promise.resolve(!1);
     if (
       // don't redirect with control keys;
       // should match RouterLink from Vue Router
-      y.metaKey || y.altKey || y.ctrlKey || y.shiftKey || y.button !== void 0 && y.button !== 0 || a.target === "_blank"
+      k.metaKey || k.altKey || k.ctrlKey || k.shiftKey || k.button !== void 0 && k.button !== 0 || a.target === "_blank"
     )
       return Promise.resolve(!1);
-    y.preventDefault();
-    const O = s.$router[x === !0 ? "replace" : "push"](P);
-    return R === !0 ? O : O.then(() => {
+    k.preventDefault();
+    const j = s.$router[O === !0 ? "replace" : "push"](R);
+    return L === !0 ? j : j.then(() => {
     }).catch(() => {
     });
   }
-  function E(y) {
+  function E(k) {
     if (f.value === !0) {
-      const R = (P) => w(y, P);
-      l("click", y, R), y.defaultPrevented !== !0 && R();
+      const L = (R) => w(k, R);
+      l("click", k, L), k.defaultPrevented !== !0 && L();
     } else
-      l("click", y);
+      l("click", k);
   }
   return {
     hasRouterLink: f,
     hasHrefLink: i,
     hasLink: S,
     linkTag: d,
-    resolvedLink: k,
-    linkIsActive: m,
+    resolvedLink: y,
+    linkIsActive: p,
     linkIsExactActive: v,
-    linkClass: b,
+    linkClass: h,
     linkAttrs: q,
-    getLink: B,
+    getLink: C,
     navigateToRouterLink: w,
     navigateOnClick: E
   };
 }
-const Se = {
+const Ce = {
   none: 0,
   xs: 4,
   sm: 8,
   md: 16,
   lg: 24,
   xl: 32
-}, St = {
+}, Bt = {
   xs: 8,
   sm: 10,
   md: 14,
   lg: 20,
   xl: 24
-}, Bt = ["button", "submit", "reset"], Ct = /[^\s]\/[^\s]/, wt = ["flat", "outline", "push", "unelevated"];
+}, wt = ["button", "submit", "reset"], Et = /[^\s]\/[^\s]/, Pt = ["flat", "outline", "push", "unelevated"];
 function xe(e, t) {
   return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
 }
-function Bn(e) {
+function Rn(e) {
   const t = xe(e);
   return t !== void 0 ? { [t]: !0 } : {};
 }
-const Et = {
-  ...se,
-  ...ze,
+const Lt = {
+  ...ue,
+  ...De,
   type: {
     type: String,
     default: "button"
@@ -603,7 +603,7 @@ const Et = {
   label: [Number, String],
   icon: String,
   iconRight: String,
-  ...wt.reduce(
+  ...Pt.reduce(
     (e, t) => (e[t] = Boolean) && e,
     {}
   ),
@@ -625,7 +625,7 @@ const Et = {
     default: !0
   },
   align: {
-    ...bt.align,
+    ...kt.align,
     default: "center"
   },
   stack: Boolean,
@@ -635,27 +635,27 @@ const Et = {
     default: null
   },
   disable: Boolean
-}, Lt = {
-  ...Et,
+}, Rt = {
+  ...Lt,
   round: Boolean
 };
-function Rt(e) {
-  const t = ie(e, St), n = ht(e), { hasRouterLink: a, hasLink: s, linkTag: l, linkAttrs: o, navigateOnClick: i } = qt({
+function Mt(e) {
+  const t = ce(e, Bt), n = yt(e), { hasRouterLink: a, hasLink: s, linkTag: l, linkAttrs: o, navigateOnClick: i } = Ct({
     fallbackTag: "button"
   }), $ = r(() => {
     const v = e.fab === !1 && e.fabMini === !1 ? t.value : {};
     return e.padding !== void 0 ? Object.assign({}, v, {
-      padding: e.padding.split(/\s+/).map((b) => b in Se ? Se[b] + "px" : b).join(" "),
+      padding: e.padding.split(/\s+/).map((h) => h in Ce ? Ce[h] + "px" : h).join(" "),
       minWidth: "0",
       minHeight: "0"
     }) : v;
-  }), k = r(
+  }), y = r(
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
   ), f = r(
     () => e.disable !== !0 && e.loading !== !0
   ), S = r(() => f.value === !0 ? e.tabindex || 0 : -1), d = r(() => xe(e, "standard")), q = r(() => {
     const v = { tabindex: S.value };
-    return s.value === !0 ? Object.assign(v, o.value) : Bt.includes(e.type) === !0 && (v.type = e.type), l.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), a.value !== !0 && Ct.test(e.type) === !0 && (v.type = e.type)) : e.disable === !0 && (v.disabled = "", v["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(v, {
+    return s.value === !0 ? Object.assign(v, o.value) : wt.includes(e.type) === !0 && (v.type = e.type), l.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), a.value !== !0 && Et.test(e.type) === !0 && (v.type = e.type)) : e.disable === !0 && (v.disabled = "", v["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(v, {
       role: "progressbar",
       "aria-valuemin": 0,
       "aria-valuemax": 100,
@@ -664,15 +664,15 @@ function Rt(e) {
   }), u = r(() => {
     let v;
     e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? v = `text-${e.textColor || e.color}` : v = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (v = `text-${e.textColor}`);
-    const b = e.round === !0 ? "round" : `rectangle${k.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
-    return `q-btn--${d.value} q-btn--${b}` + (v !== void 0 ? " " + v : "") + (f.value === !0 ? " q-btn--actionable q-focusable q-hoverable" : e.disable === !0 ? " disabled" : "") + (e.fab === !0 ? " q-btn--fab" : e.fabMini === !0 ? " q-btn--fab-mini" : "") + (e.noCaps === !0 ? " q-btn--no-uppercase" : "") + (e.dense === !0 ? " q-btn--dense" : "") + (e.stretch === !0 ? " no-border-radius self-stretch" : "") + (e.glossy === !0 ? " glossy" : "") + (e.square ? " q-btn--square" : "");
-  }), m = r(
+    const h = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    return `q-btn--${d.value} q-btn--${h}` + (v !== void 0 ? " " + v : "") + (f.value === !0 ? " q-btn--actionable q-focusable q-hoverable" : e.disable === !0 ? " disabled" : "") + (e.fab === !0 ? " q-btn--fab" : e.fabMini === !0 ? " q-btn--fab-mini" : "") + (e.noCaps === !0 ? " q-btn--no-uppercase" : "") + (e.dense === !0 ? " q-btn--dense" : "") + (e.stretch === !0 ? " no-border-radius self-stretch" : "") + (e.glossy === !0 ? " glossy" : "") + (e.square ? " q-btn--square" : "");
+  }), p = r(
     () => n.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
   );
   return {
     classes: u,
     style: $,
-    innerClasses: m,
+    innerClasses: p,
     attributes: q,
     hasLink: s,
     linkTag: l,
@@ -680,12 +680,12 @@ function Rt(e) {
     isActionable: f
   };
 }
-const { passiveCapture: I } = re;
+const { passiveCapture: I } = de;
 let U = null, H = null, X = null;
-const Pt = te({
+const At = te({
   name: "QBtn",
   props: {
-    ...Lt,
+    ...Rt,
     percentage: Number,
     darkPercentage: Boolean,
     onTouchstart: [Function, Array]
@@ -698,20 +698,20 @@ const Pt = te({
       innerClasses: o,
       attributes: i,
       hasLink: $,
-      linkTag: k,
+      linkTag: y,
       navigateOnClick: f,
       isActionable: S
-    } = Rt(e), d = W(null), q = W(null);
-    let u = null, m, v = null;
-    const b = r(
+    } = Mt(e), d = W(null), q = W(null);
+    let u = null, p, v = null;
+    const h = r(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
-    ), B = r(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+    ), C = r(() => e.disable === !0 || e.ripple === !1 ? !1 : {
       keyCodes: $.value === !0 ? [13, 32] : [13],
       ...e.ripple === !0 ? {} : e.ripple
     }), w = r(() => ({ center: e.round })), E = r(() => {
       const c = Math.max(0, Math.min(100, e.percentage));
       return c > 0 ? { transition: "transform 0.6s", transform: `translateX(${c - 100}%)` } : {};
-    }), y = r(() => {
+    }), k = r(() => {
       if (e.loading === !0)
         return {
           onMousedown: M,
@@ -722,149 +722,149 @@ const Pt = te({
         };
       if (S.value === !0) {
         const c = {
-          onClick: P,
-          onKeydown: x,
-          onMousedown: K
+          onClick: R,
+          onKeydown: O,
+          onMousedown: F
         };
         if (a.$q.platform.has.touch === !0) {
-          const C = e.onTouchstart !== void 0 ? "" : "Passive";
-          c[`onTouchstart${C}`] = O;
+          const B = e.onTouchstart !== void 0 ? "" : "Passive";
+          c[`onTouchstart${B}`] = j;
         }
         return c;
       }
       return {
         // needed; especially for disabled <a> tags
-        onClick: j
+        onClick: D
       };
-    }), R = r(() => ({
+    }), L = r(() => ({
       ref: d,
       class: "q-btn q-btn-item non-selectable no-outline " + s.value,
       style: l.value,
       ...i.value,
-      ...y.value
+      ...k.value
     }));
-    function P(c) {
+    function R(c) {
       if (d.value !== null) {
         if (c !== void 0) {
           if (c.defaultPrevented === !0) return;
-          const C = document.activeElement;
-          if (e.type === "submit" && C !== document.body && d.value.contains(C) === !1 && C.contains(d.value) === !1) {
+          const B = document.activeElement;
+          if (e.type === "submit" && B !== document.body && d.value.contains(B) === !1 && B.contains(d.value) === !1) {
             c.qAvoidFocus !== !0 && d.value.focus();
-            const D = () => {
+            const x = () => {
               var J;
-              document.removeEventListener("keydown", j, !0), document.removeEventListener("keyup", D, I), (J = d.value) == null || J.removeEventListener("blur", D, I);
+              document.removeEventListener("keydown", D, !0), document.removeEventListener("keyup", x, I), (J = d.value) == null || J.removeEventListener("blur", x, I);
             };
-            document.addEventListener("keydown", j, !0), document.addEventListener("keyup", D, I), d.value.addEventListener("blur", D, I);
+            document.addEventListener("keydown", D, !0), document.addEventListener("keyup", x, I), d.value.addEventListener("blur", x, I);
           }
         }
         f(c);
       }
     }
-    function x(c) {
-      d.value !== null && (n("keydown", c), ve(c, [13, 32]) === !0 && H !== d.value && (H !== null && p(), c.defaultPrevented !== !0 && (c.qAvoidFocus !== !0 && d.value.focus(), H = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", V, !0), d.value.addEventListener("blur", V, I)), j(c)));
-    }
     function O(c) {
-      d.value !== null && (n("touchstart", c), c.defaultPrevented !== !0 && (U !== d.value && (U !== null && p(), U = d.value, u = c.target, u.addEventListener("touchcancel", V, I), u.addEventListener("touchend", V, I)), m = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
-        v = null, m = !1;
+      d.value !== null && (n("keydown", c), le(c, [13, 32]) === !0 && H !== d.value && (H !== null && g(), c.defaultPrevented !== !0 && (c.qAvoidFocus !== !0 && d.value.focus(), H = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", V, !0), d.value.addEventListener("blur", V, I)), D(c)));
+    }
+    function j(c) {
+      d.value !== null && (n("touchstart", c), c.defaultPrevented !== !0 && (U !== d.value && (U !== null && g(), U = d.value, u = c.target, u.addEventListener("touchcancel", V, I), u.addEventListener("touchend", V, I)), p = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
+        v = null, p = !1;
       }, 200)));
     }
-    function K(c) {
-      d.value !== null && (c.qSkipRipple = m === !0, n("mousedown", c), c.defaultPrevented !== !0 && X !== d.value && (X !== null && p(), X = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", V, I)));
+    function F(c) {
+      d.value !== null && (c.qSkipRipple = p === !0, n("mousedown", c), c.defaultPrevented !== !0 && X !== d.value && (X !== null && g(), X = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", V, I)));
     }
     function V(c) {
       if (d.value !== null && !((c == null ? void 0 : c.type) === "blur" && document.activeElement === d.value)) {
         if ((c == null ? void 0 : c.type) === "keyup") {
-          if (H === d.value && ve(c, [13, 32]) === !0) {
-            const C = new MouseEvent("click", c);
-            C.qKeyEvent = !0, c.defaultPrevented === !0 && ct(C), c.cancelBubble === !0 && Ie(C), d.value.dispatchEvent(C), j(c), c.qKeyEvent = !0;
+          if (H === d.value && le(c, [13, 32]) === !0) {
+            const B = new MouseEvent("click", c);
+            B.qKeyEvent = !0, c.defaultPrevented === !0 && ft(B), c.cancelBubble === !0 && Oe(B), d.value.dispatchEvent(B), D(c), c.qKeyEvent = !0;
           }
           n("keyup", c);
         }
-        p();
+        g();
       }
     }
-    function p(c) {
-      var D, J;
-      const C = q.value;
-      c !== !0 && (U === d.value || X === d.value) && C !== null && C !== document.activeElement && (C.setAttribute("tabindex", -1), C.focus()), U === d.value && (u !== null && (u.removeEventListener("touchcancel", V, I), u.removeEventListener("touchend", V, I)), U = u = null), X === d.value && (document.removeEventListener("mouseup", V, I), X = null), H === d.value && (document.removeEventListener("keyup", V, !0), (D = d.value) == null || D.removeEventListener("blur", V, I), H = null), (J = d.value) == null || J.classList.remove("q-btn--active");
+    function g(c) {
+      var x, J;
+      const B = q.value;
+      c !== !0 && (U === d.value || X === d.value) && B !== null && B !== document.activeElement && (B.setAttribute("tabindex", -1), B.focus()), U === d.value && (u !== null && (u.removeEventListener("touchcancel", V, I), u.removeEventListener("touchend", V, I)), U = u = null), X === d.value && (document.removeEventListener("mouseup", V, I), X = null), H === d.value && (document.removeEventListener("keyup", V, !0), (x = d.value) == null || x.removeEventListener("blur", V, I), H = null), (J = d.value) == null || J.classList.remove("q-btn--active");
     }
     function M(c) {
-      j(c), c.qSkipRipple = !0;
+      D(c), c.qSkipRipple = !0;
     }
-    return De(() => {
-      p(!0);
+    return Fe(() => {
+      g(!0);
     }), Object.assign(a, {
       click: (c) => {
-        S.value === !0 && P(c);
+        S.value === !0 && R(c);
       }
     }), () => {
       let c = [];
       e.icon !== void 0 && c.push(
-        g(fe, {
+        m(pe, {
           name: e.icon,
-          left: e.stack !== !0 && b.value === !0,
+          left: e.stack !== !0 && h.value === !0,
           role: "img"
         })
-      ), b.value === !0 && c.push(
-        g("span", { class: "block" }, [e.label])
+      ), h.value === !0 && c.push(
+        m("span", { class: "block" }, [e.label])
       ), c = N(t.default, c), e.iconRight !== void 0 && e.round === !1 && c.push(
-        g(fe, {
+        m(pe, {
           name: e.iconRight,
-          right: e.stack !== !0 && b.value === !0,
+          right: e.stack !== !0 && h.value === !0,
           role: "img"
         })
       );
-      const C = [
-        g("span", {
+      const B = [
+        m("span", {
           class: "q-focus-helper",
           ref: q
         })
       ];
-      return e.loading === !0 && e.percentage !== void 0 && C.push(
-        g("span", {
+      return e.loading === !0 && e.percentage !== void 0 && B.push(
+        m("span", {
           class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
         }, [
-          g("span", {
+          m("span", {
             class: "q-btn__progress-indicator fit block",
             style: E.value
           })
         ])
-      ), C.push(
-        g("span", {
+      ), B.push(
+        m("span", {
           class: "q-btn__content text-center col items-center q-anchor--skip " + o.value
         }, c)
-      ), e.loading !== null && C.push(
-        g(Ne, {
+      ), e.loading !== null && B.push(
+        m(Qe, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
-          g("span", {
+          m("span", {
             key: "loading",
             class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [g(Ve)])
+          }, t.loading !== void 0 ? t.loading() : [m(ze)])
         ] : null)
-      ), ge(
-        g(
-          k.value,
-          R.value,
-          C
+      ), oe(
+        m(
+          y.value,
+          L.value,
+          B
         ),
         [[
-          mt,
-          B.value,
+          ht,
+          C.value,
           void 0,
           w.value
         ]]
       );
     };
   }
-}), Mt = /* @__PURE__ */ F({
+}), Vt = /* @__PURE__ */ K({
   __name: "AppButton",
   props: {
     size: { default: z.MD },
     transparent: { type: Boolean },
     flat: { type: Boolean },
     rounded: { type: Boolean },
-    color: { default: Le.PRIMARY },
+    color: { default: Re.PRIMARY },
     iconLeft: {},
     iconRight: {},
     iconMiddle: {},
@@ -894,11 +894,11 @@ const Pt = te({
       `app-btn_${t.size}`,
       `app-btn_${t.color}`
     ]);
-    return (a, s) => (h(), ne(Z(Pt), {
+    return (a, s) => (b(), ae(Z(At), {
       "no-caps": "",
       unelevated: "",
-      class: L(n.value),
-      padding: Z(Ge)[a.size || Z(z).MD],
+      class: P(n.value),
+      padding: Z(et)[a.size || Z(z).MD],
       loading: a.loading,
       disable: a.disabled || void 0,
       to: a.to,
@@ -909,23 +909,23 @@ const Pt = te({
       download: a.download,
       onClick: s[0] || (s[0] = (l) => a.$emit("click", l))
     }, {
-      default: Fe(() => [
-        a.iconLeft || a.iconMiddle ? (h(), _("i", {
+      default: Ue(() => [
+        a.iconLeft || a.iconMiddle ? (b(), _("i", {
           key: 0,
-          class: L([
+          class: P([
             "icon-kl",
             a.iconLeft ? "icon-kl_left" : "icon-kl_middle",
             `icon-kl-${a.iconLeft || a.iconMiddle}`,
             a.transparent || a.flat ? `text-${a.color}` : "text-secondary"
           ])
         }, null, 2)) : A("", !0),
-        ae(a.$slots, "default", {}, void 0, !0),
-        a.label ? (h(), _(le, { key: 1 }, [
-          we(Y(a.label), 1)
+        se(a.$slots, "default", {}, void 0, !0),
+        a.label ? (b(), _(ie, { key: 1 }, [
+          Pe(Y(a.label), 1)
         ], 64)) : A("", !0),
-        a.iconRight ? (h(), _("i", {
+        a.iconRight ? (b(), _("i", {
           key: 2,
-          class: L([
+          class: P([
             "icon-kl",
             "icon-kl_right",
             `icon-kl-${a.iconRight}`,
@@ -941,20 +941,20 @@ const Pt = te({
   for (const [a, s] of t)
     n[a] = s;
   return n;
-}, Cn = /* @__PURE__ */ G(Mt, [["__scopeId", "data-v-44d5548c"]]), At = {
+}, Mn = /* @__PURE__ */ G(Vt, [["__scopeId", "data-v-44d5548c"]]), It = {
   key: 0,
   class: "app-toggle__label app-toggle__label_left"
-}, Vt = { class: "app-toggle__container" }, It = ["checked", "disabled"], Tt = { class: "app-toggle__thumb" }, zt = {
+}, Tt = { class: "app-toggle__container" }, zt = ["checked", "disabled"], Ot = { class: "app-toggle__thumb" }, jt = {
   key: 1,
   class: "app-toggle__label"
-}, xt = /* @__PURE__ */ F({
+}, Dt = /* @__PURE__ */ K({
   __name: "AppToggle",
   props: {
     modelValue: { type: Boolean },
     size: { default: z.MD },
     label: {},
     disabled: { type: Boolean },
-    color: { default: Le.PRIMARY },
+    color: { default: Re.PRIMARY },
     iconColor: {},
     icon: {},
     iconActive: {},
@@ -976,29 +976,29 @@ const Pt = te({
       `app-toggle_${n.size}`,
       `app-toggle_${n.color}`
     ]);
-    return (o, i) => (h(), _("div", {
-      class: L(l.value)
+    return (o, i) => (b(), _("div", {
+      class: P(l.value)
     }, [
-      o.label && o.labelLeft ? (h(), _("span", At, Y(o.label), 1)) : A("", !0),
-      T("label", Vt, [
+      o.label && o.labelLeft ? (b(), _("span", It, Y(o.label), 1)) : A("", !0),
+      T("label", Tt, [
         T("input", {
           type: "checkbox",
           checked: s.value,
           onChange: i[0] || (i[0] = ($) => s.value = !s.value),
           disabled: o.disabled,
           class: "app-toggle__input"
-        }, null, 40, It),
+        }, null, 40, zt),
         T("span", {
-          class: L(["app-toggle__slider", s.value ? `bg-${o.color}` : ""])
+          class: P(["app-toggle__slider", s.value ? `bg-${o.color}` : ""])
         }, [
-          T("span", Tt, [
-            o.icon && !o.modelValue ? (h(), _("i", {
+          T("span", Ot, [
+            o.icon && !o.modelValue ? (b(), _("i", {
               key: 0,
-              class: L(["icon-kl", `icon-kl-${o.icon}`, "app-toggle__icon"])
+              class: P(["icon-kl", `icon-kl-${o.icon}`, "app-toggle__icon"])
             }, null, 2)) : A("", !0),
-            o.modelValue && (o.iconActive || o.icon) ? (h(), _("i", {
+            o.modelValue && (o.iconActive || o.icon) ? (b(), _("i", {
               key: 1,
-              class: L([
+              class: P([
                 "icon-kl",
                 `icon-kl-${o.iconActive || o.icon}`,
                 "app-toggle__icon",
@@ -1007,22 +1007,22 @@ const Pt = te({
             }, null, 2)) : A("", !0)
           ])
         ], 2),
-        ae(o.$slots, "default", {}, void 0, !0)
+        se(o.$slots, "default", {}, void 0, !0)
       ]),
-      o.label && !o.labelLeft ? (h(), _("span", zt, Y(o.label), 1)) : A("", !0)
+      o.label && !o.labelLeft ? (b(), _("span", jt, Y(o.label), 1)) : A("", !0)
     ], 2));
   }
-}), Ot = /* @__PURE__ */ G(xt, [["__scopeId", "data-v-c6702cb0"]]), Oe = {
+}), xt = /* @__PURE__ */ G(Dt, [["__scopeId", "data-v-c6702cb0"]]), Ne = {
   dark: {
     type: Boolean,
     default: null
   }
 };
-function je(e, t) {
+function Ke(e, t) {
   return r(() => e.dark === null ? t.dark.isActive : e.dark);
 }
-function jt(e, t) {
-  const n = W(null), a = r(() => e.disable === !0 ? null : g("span", {
+function Nt(e, t) {
+  const n = W(null), a = r(() => e.disable === !0 ? null : m("span", {
     ref: n,
     class: "no-outline",
     tabindex: -1
@@ -1036,32 +1036,32 @@ function jt(e, t) {
     refocusTarget: s
   };
 }
-const Dt = {
+const Kt = {
   name: String
 };
-function Nt(e = {}) {
+function Ft(e = {}) {
   return (t, n, a) => {
     t[n](
-      g("input", {
+      m("input", {
         class: "hidden" + (a || ""),
         ...e.value
       })
     );
   };
 }
-function wn(e) {
+function An(e) {
   return r(() => e.name || e.for);
 }
-const Ft = {
+const Qt = {
   xs: 30,
   sm: 35,
   md: 40,
   lg: 50,
   xl: 60
-}, Kt = {
-  ...Oe,
-  ...se,
-  ...Dt,
+}, Ut = {
+  ...Ne,
+  ...ue,
+  ...Kt,
   modelValue: {
     required: !0,
     default: null
@@ -1085,151 +1085,215 @@ const Ft = {
   dense: Boolean,
   disable: Boolean,
   tabindex: [String, Number]
-}, Qt = ["update:modelValue"];
-function Ut(e, t) {
-  const { props: n, slots: a, emit: s, proxy: l } = ee(), { $q: o } = l, i = je(n, o), $ = W(null), { refocusTargetEl: k, refocusTarget: f } = jt(n, $), S = ie(n, Ft), d = r(
+}, Ht = ["update:modelValue"];
+function Xt(e, t) {
+  const { props: n, slots: a, emit: s, proxy: l } = ee(), { $q: o } = l, i = Ke(n, o), $ = W(null), { refocusTargetEl: y, refocusTarget: f } = Nt(n, $), S = ce(n, Qt), d = r(
     () => n.val !== void 0 && Array.isArray(n.modelValue)
   ), q = r(() => {
-    const p = Q(n.val);
-    return d.value === !0 ? n.modelValue.findIndex((M) => Q(M) === p) : -1;
-  }), u = r(() => d.value === !0 ? q.value !== -1 : Q(n.modelValue) === Q(n.trueValue)), m = r(() => d.value === !0 ? q.value === -1 : Q(n.modelValue) === Q(n.falseValue)), v = r(
-    () => u.value === !1 && m.value === !1
-  ), b = r(() => n.disable === !0 ? -1 : n.tabindex || 0), B = r(
+    const g = Q(n.val);
+    return d.value === !0 ? n.modelValue.findIndex((M) => Q(M) === g) : -1;
+  }), u = r(() => d.value === !0 ? q.value !== -1 : Q(n.modelValue) === Q(n.trueValue)), p = r(() => d.value === !0 ? q.value === -1 : Q(n.modelValue) === Q(n.falseValue)), v = r(
+    () => u.value === !1 && p.value === !1
+  ), h = r(() => n.disable === !0 ? -1 : n.tabindex || 0), C = r(
     () => `q-${e} cursor-pointer no-outline row inline no-wrap items-center` + (n.disable === !0 ? " disabled" : "") + (i.value === !0 ? ` q-${e}--dark` : "") + (n.dense === !0 ? ` q-${e}--dense` : "") + (n.leftLabel === !0 ? " reverse" : "")
   ), w = r(() => {
-    const p = u.value === !0 ? "truthy" : m.value === !0 ? "falsy" : "indet", M = n.color !== void 0 && (n.keepColor === !0 || m.value !== !0) ? ` text-${n.color}` : "";
-    return `q-${e}__inner relative-position non-selectable q-${e}__inner--${p}${M}`;
+    const g = u.value === !0 ? "truthy" : p.value === !0 ? "falsy" : "indet", M = n.color !== void 0 && (n.keepColor === !0 || p.value !== !0) ? ` text-${n.color}` : "";
+    return `q-${e}__inner relative-position non-selectable q-${e}__inner--${g}${M}`;
   }), E = r(() => {
-    const p = { type: "checkbox" };
-    return n.name !== void 0 && Object.assign(p, {
+    const g = { type: "checkbox" };
+    return n.name !== void 0 && Object.assign(g, {
       // see https://vuejs.org/guide/extras/render-function.html#creating-vnodes (.prop)
       ".checked": u.value,
       "^checked": u.value === !0 ? "checked" : void 0,
       name: n.name,
       value: d.value === !0 ? n.val : n.trueValue
-    }), p;
-  }), y = Nt(E), R = r(() => {
-    const p = {
-      tabindex: b.value,
+    }), g;
+  }), k = Ft(E), L = r(() => {
+    const g = {
+      tabindex: h.value,
       role: "checkbox",
       "aria-label": n.label,
       "aria-checked": v.value === !0 ? "mixed" : u.value === !0 ? "true" : "false"
     };
-    return n.disable === !0 && (p["aria-disabled"] = "true"), p;
+    return n.disable === !0 && (g["aria-disabled"] = "true"), g;
   });
-  function P(p) {
-    p !== void 0 && (j(p), f(p)), n.disable !== !0 && s("update:modelValue", x(), p);
+  function R(g) {
+    g !== void 0 && (D(g), f(g)), n.disable !== !0 && s("update:modelValue", O(), g);
   }
-  function x() {
+  function O() {
     if (d.value === !0) {
       if (u.value === !0) {
-        const p = n.modelValue.slice();
-        return p.splice(q.value, 1), p;
+        const g = n.modelValue.slice();
+        return g.splice(q.value, 1), g;
       }
       return n.modelValue.concat([n.val]);
     }
     if (u.value === !0) {
       if (n.toggleOrder !== "ft" || n.toggleIndeterminate === !1)
         return n.falseValue;
-    } else if (m.value === !0) {
+    } else if (p.value === !0) {
       if (n.toggleOrder === "ft" || n.toggleIndeterminate === !1)
         return n.trueValue;
     } else
       return n.toggleOrder !== "ft" ? n.trueValue : n.falseValue;
     return n.indeterminateValue;
   }
-  function O(p) {
-    (p.keyCode === 13 || p.keyCode === 32) && j(p);
+  function j(g) {
+    (g.keyCode === 13 || g.keyCode === 32) && D(g);
   }
-  function K(p) {
-    (p.keyCode === 13 || p.keyCode === 32) && P(p);
+  function F(g) {
+    (g.keyCode === 13 || g.keyCode === 32) && R(g);
   }
   const V = t(u, v);
-  return Object.assign(l, { toggle: P }), () => {
-    const p = V();
-    n.disable !== !0 && y(
-      p,
+  return Object.assign(l, { toggle: R }), () => {
+    const g = V();
+    n.disable !== !0 && k(
+      g,
       "unshift",
       ` q-${e}__native absolute q-ma-none q-pa-none`
     );
     const M = [
-      g("div", {
+      m("div", {
         class: w.value,
         style: S.value,
         "aria-hidden": "true"
-      }, p)
+      }, g)
     ];
-    k.value !== null && M.push(k.value);
-    const c = n.label !== void 0 ? N(a.default, [n.label]) : Re(a.default);
+    y.value !== null && M.push(y.value);
+    const c = n.label !== void 0 ? N(a.default, [n.label]) : Ae(a.default);
     return c !== void 0 && M.push(
-      g("div", {
+      m("div", {
         class: `q-${e}__label q-anchor--skip`
       }, c)
-    ), g("div", {
+    ), m("div", {
       ref: $,
-      class: B.value,
-      ...R.value,
-      onClick: P,
-      onKeydown: O,
-      onKeyup: K
+      class: C.value,
+      ...L.value,
+      onClick: R,
+      onKeydown: j,
+      onKeyup: F
     }, M);
   };
 }
-const Ht = () => g("div", {
+const Wt = () => m("div", {
   key: "svg",
   class: "q-checkbox__bg absolute"
 }, [
-  g("svg", {
+  m("svg", {
     class: "q-checkbox__svg fit absolute-full",
     viewBox: "0 0 24 24"
   }, [
-    g("path", {
+    m("path", {
       class: "q-checkbox__truthy",
       fill: "none",
       d: "M1.73,12.91 8.1,19.28 22.79,4.59"
     }),
-    g("path", {
+    m("path", {
       class: "q-checkbox__indet",
       d: "M4,14H20V10H4"
     })
   ])
-]), Xt = te({
+]), Yt = te({
   name: "QCheckbox",
-  props: Kt,
-  emits: Qt,
+  props: Ut,
+  emits: Ht,
   setup(e) {
-    const t = Ht();
+    const t = Wt();
     function n(a, s) {
       const l = r(
         () => (a.value === !0 ? e.checkedIcon : s.value === !0 ? e.indeterminateIcon : e.uncheckedIcon) || null
       );
       return () => l.value !== null ? [
-        g("div", {
+        m("div", {
           key: "icon",
           class: "q-checkbox__icon-container absolute-full flex flex-center no-wrap"
         }, [
-          g(fe, {
+          m(pe, {
             class: "q-checkbox__icon",
             name: l.value
           })
         ])
       ] : [t];
     }
-    return Ut("checkbox", n);
+    return Xt("checkbox", n);
   }
-}), Wt = {
+}), Gt = [];
+function Jt(e) {
+  return Gt.find(
+    (t) => t.contentEl !== null && t.contentEl.contains(e)
+  );
+}
+function Zt(e, t) {
+  do {
+    if (e.$options.name === "QMenu") {
+      if (e.hide(t), e.$props.separateClosePopup === !0)
+        return ne(e);
+    } else if (e.__qPortal === !0) {
+      const n = ne(e);
+      return (n == null ? void 0 : n.$options.name) === "QPopupProxy" ? (e.hide(t), n) : e;
+    }
+    e = ne(e);
+  } while (e != null);
+}
+function en(e, t, n) {
+  for (; n !== 0 && e !== void 0 && e !== null; ) {
+    if (e.__qPortal === !0) {
+      if (n--, e.$options.name === "QMenu") {
+        e = Zt(e, t);
+        continue;
+      }
+      e.hide(t);
+    }
+    e = ne(e);
+  }
+}
+function Be(e) {
+  if (e === !1)
+    return 0;
+  if (e === !0 || e === void 0)
+    return 1;
+  const t = parseInt(e, 10);
+  return isNaN(t) ? 0 : t;
+}
+const tn = Me(
+  {
+    name: "close-popup",
+    beforeMount(e, { value: t }) {
+      const n = {
+        depth: Be(t),
+        handler(a) {
+          n.depth !== 0 && setTimeout(() => {
+            const s = Jt(e);
+            s !== void 0 && en(s, a, n.depth);
+          });
+        },
+        handlerKey(a) {
+          le(a, 13) === !0 && n.handler(a);
+        }
+      };
+      e.__qclosepopup = n, e.addEventListener("click", n.handler), e.addEventListener("keyup", n.handlerKey);
+    },
+    updated(e, { value: t, oldValue: n }) {
+      t !== n && (e.__qclosepopup.depth = Be(t));
+    },
+    beforeUnmount(e) {
+      const t = e.__qclosepopup;
+      e.removeEventListener("click", t.handler), e.removeEventListener("keyup", t.handlerKey), delete e.__qclosepopup;
+    }
+  }
+), nn = {
   key: 0,
   class: "menu-item__loading"
-}, Yt = {
+}, an = {
   key: 0,
   class: "menu-item__checked"
-}, Gt = {
+}, ln = {
   key: 2,
   class: "menu-item__icon"
-}, Jt = { class: "menu-item__label" }, Zt = {
+}, on = { class: "menu-item__label" }, sn = {
   key: 3,
   class: "menu-item__icon-right icon-kl icon-kl-arrow-right"
-}, en = /* @__PURE__ */ F({
+}, rn = /* @__PURE__ */ K({
   __name: "PopupItem",
   props: {
     label: {},
@@ -1249,13 +1313,13 @@ const Ht = () => g("div", {
     checked: { type: Boolean },
     isMobile: { type: Boolean }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "closePopup"],
   setup(e, { emit: t }) {
     const n = e, a = t, s = () => {
-      (n.toggle || n.checkbox) && !n.disabled && a("update:modelValue", !n.modelValue);
+      n.disabled || (n.toggle || n.checkbox) && (a("closePopup"), a("update:modelValue", !n.modelValue));
     };
-    return (l, o) => (h(), _("div", {
-      class: L(["menu-item", [
+    return (l, o) => oe((b(), _("div", {
+      class: P(["menu-item", [
         { "menu-item_gap": l.gap },
         { "menu-item_disabled": l.disabled },
         { "menu-item_active": l.active },
@@ -1264,49 +1328,51 @@ const Ht = () => g("div", {
       onClick: s
     }, [
       T("div", {
-        class: L(["row items-center no-wrap", `text-${l.color ? l.color : "dark"}`])
+        class: P(["row items-center no-wrap", `text-${l.color ? l.color : "dark"}`])
       }, [
-        l.loading ? (h(), _("div", Wt, [
-          Ke(Z(Ve), {
+        l.loading ? (b(), _("div", nn, [
+          He(Z(ze), {
             size: "19px",
             color: l.color ? l.color : "dark"
           }, null, 8, ["color"])
-        ])) : (h(), _(le, { key: 1 }, [
-          l.checked ? (h(), _("div", Yt, [...o[2] || (o[2] = [
+        ])) : (b(), _(ie, { key: 1 }, [
+          l.checked ? (b(), _("div", an, [...o[2] || (o[2] = [
             T("i", { class: "icon-kl icon-kl-check" }, null, -1)
           ])])) : A("", !0),
-          l.checkbox ? (h(), ne(Xt, {
+          l.checkbox ? (b(), ae(Yt, {
             key: 1,
             class: "menu-item__checkbox",
             size: "34px",
             "model-value": l.modelValue,
             "onUpdate:modelValue": o[0] || (o[0] = (i) => a("update:modelValue", i))
           }, null, 8, ["model-value"])) : A("", !0),
-          l.icon ? (h(), _("div", Gt, [
+          l.icon ? (b(), _("div", ln, [
             T("i", {
-              class: L(`icon-kl icon-kl-${l.icon}`),
-              style: oe({ fontSize: l.iconSize || "27px" })
+              class: P(`icon-kl icon-kl-${l.icon}`),
+              style: re({ fontSize: l.iconSize || "27px" })
             }, null, 6)
           ])) : A("", !0)
         ], 64)),
-        T("span", Jt, Y(l.label), 1)
+        T("span", on, Y(l.label), 1)
       ], 2),
-      l.$slots.right ? ae(l.$slots, "right", { key: 0 }, void 0, !0) : l.toggle ? (h(), ne(Ot, {
+      l.$slots.right ? se(l.$slots, "right", { key: 0 }, void 0, !0) : l.toggle ? (b(), ae(xt, {
         key: 1,
         class: "menu-item__toggle",
         "model-value": l.modelValue,
         disabled: l.disabled || l.loading,
         "onUpdate:modelValue": o[1] || (o[1] = (i) => a("update:modelValue", i))
-      }, null, 8, ["model-value", "disabled"])) : l.iconRight ? (h(), _("i", {
+      }, null, 8, ["model-value", "disabled"])) : l.iconRight ? (b(), _("i", {
         key: 2,
-        class: L([
+        class: P([
           "menu-item__icon-right menu-item__icon-right_custom icon-kl",
           `icon-kl-${l.iconRight}`
         ])
-      }, null, 2)) : !l.noArrow && !l.loading ? (h(), _("i", Zt)) : A("", !0)
-    ], 2));
+      }, null, 2)) : !l.noArrow && !l.loading ? (b(), _("i", sn)) : A("", !0)
+    ], 2)), [
+      [tn, !l.toggle && !l.checkbox && !l.persistent && !l.disabled]
+    ]);
   }
-}), En = /* @__PURE__ */ G(en, [["__scopeId", "data-v-d4a152db"]]), tn = /* @__PURE__ */ F({
+}), Vn = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-d4331433"]]), un = /* @__PURE__ */ K({
   __name: "AppIcon",
   props: {
     name: {},
@@ -1314,28 +1380,28 @@ const Ht = () => g("div", {
     color: {}
   },
   setup(e) {
-    return (t, n) => (h(), _("i", {
-      class: L(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
-      style: oe(t.size ? `font-size: ${t.size}` : void 0)
+    return (t, n) => (b(), _("i", {
+      class: P(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
+      style: re(t.size ? `font-size: ${t.size}` : void 0)
     }, null, 6));
   }
-}), Ln = /* @__PURE__ */ G(tn, [["__scopeId", "data-v-941765ee"]]), nn = {
+}), In = /* @__PURE__ */ G(un, [["__scopeId", "data-v-941765ee"]]), cn = {
   xs: 2,
   sm: 4,
   md: 6,
   lg: 10,
   xl: 14
 };
-function Be(e, t, n) {
+function we(e, t, n) {
   return {
     transform: t === !0 ? `translateX(${n.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
   };
 }
-const an = te({
+const dn = te({
   name: "QLinearProgress",
   props: {
-    ...Oe,
-    ...se,
+    ...Ne,
+    ...ue,
     value: {
       type: Number,
       default: 0
@@ -1355,35 +1421,35 @@ const an = te({
     instantFeedback: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: n } = ee(), a = je(e, n.$q), s = ie(e, nn), l = r(() => e.indeterminate === !0 || e.query === !0), o = r(() => e.reverse !== e.query), i = r(() => ({
+    const { proxy: n } = ee(), a = Ke(e, n.$q), s = ce(e, cn), l = r(() => e.indeterminate === !0 || e.query === !0), o = r(() => e.reverse !== e.query), i = r(() => ({
       ...s.value !== null ? s.value : {},
       "--q-linear-progress-speed": `${e.animationSpeed}ms`
     })), $ = r(
       () => "q-linear-progress" + (e.color !== void 0 ? ` text-${e.color}` : "") + (e.reverse === !0 || e.query === !0 ? " q-linear-progress--reverse" : "") + (e.rounded === !0 ? " rounded-borders" : "")
-    ), k = r(() => Be(e.buffer !== void 0 ? e.buffer : 1, o.value, n.$q)), f = r(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), S = r(
+    ), y = r(() => we(e.buffer !== void 0 ? e.buffer : 1, o.value, n.$q)), f = r(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), S = r(
       () => `q-linear-progress__track absolute-full q-linear-progress__track--${f.value} q-linear-progress__track--${a.value === !0 ? "dark" : "light"}` + (e.trackColor !== void 0 ? ` bg-${e.trackColor}` : "")
-    ), d = r(() => Be(l.value === !0 ? 1 : e.value, o.value, n.$q)), q = r(
+    ), d = r(() => we(l.value === !0 ? 1 : e.value, o.value, n.$q)), q = r(
       () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${l.value === !0 ? "in" : ""}determinate`
-    ), u = r(() => ({ width: `${e.value * 100}%` })), m = r(
+    ), u = r(() => ({ width: `${e.value * 100}%` })), p = r(
       () => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
     );
     return () => {
       const v = [
-        g("div", {
+        m("div", {
           class: S.value,
-          style: k.value
+          style: y.value
         }),
-        g("div", {
+        m("div", {
           class: q.value,
           style: d.value
         })
       ];
       return e.stripe === !0 && l.value === !1 && v.push(
-        g("div", {
-          class: m.value,
+        m("div", {
+          class: p.value,
           style: u.value
         })
-      ), g("div", {
+      ), m("div", {
         class: $.value,
         style: i.value,
         role: "progressbar",
@@ -1393,10 +1459,10 @@ const an = te({
       }, N(t.default, v));
     };
   }
-}), ln = {
+}), fn = {
   key: 0,
   class: "code-field__label"
-}, on = { class: "code-field__inputs" }, sn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], rn = /* @__PURE__ */ F({
+}, vn = { class: "code-field__inputs" }, mn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], pn = /* @__PURE__ */ K({
   __name: "AppCodeInput",
   props: {
     length: { default: 5 },
@@ -1419,41 +1485,41 @@ const an = te({
     ]), $ = r(() => {
       let u = "";
       return a.size == z.SM && (u += `width: ${a.length * 26 + (a.length - 1) * 5}px`), a.size == z.MD && (u += `width: ${a.length * 32 + (a.length - 1) * 8}px`), a.size == z.LG && (u += `width: ${a.length * 44 + (a.length - 1) * 10}px`), u;
-    }), k = (u, m) => {
-      var B;
-      const b = u.target.value;
-      if (b.length === 1)
-        m < a.length - 1 && o.value && ((B = o.value[m + 1]) == null || B.focus());
-      else if (b.length > 1) {
-        const w = b.slice(0, a.length - m).split("");
-        w.forEach((E, y) => {
-          l.value[m + y] = E;
-        }), pe(() => {
+    }), y = (u, p) => {
+      var C;
+      const h = u.target.value;
+      if (h.length === 1)
+        p < a.length - 1 && o.value && ((C = o.value[p + 1]) == null || C.focus());
+      else if (h.length > 1) {
+        const w = h.slice(0, a.length - p).split("");
+        w.forEach((E, k) => {
+          l.value[p + k] = E;
+        }), he(() => {
           var E;
-          o.value && ((E = o.value[Math.min(m + w.length, a.length - 1)]) == null || E.focus());
+          o.value && ((E = o.value[Math.min(p + w.length, a.length - 1)]) == null || E.focus());
         });
       }
     }, f = (u) => {
-      var m;
-      l.value[u] === "" && o.value && u > 0 && ((m = o.value[u - 1]) == null || m.focus());
-    }, S = (u, m) => {
-      var B;
+      var p;
+      l.value[u] === "" && o.value && u > 0 && ((p = o.value[u - 1]) == null || p.focus());
+    }, S = (u, p) => {
+      var C;
       u.preventDefault();
-      const v = ((B = u.clipboardData) == null ? void 0 : B.getData("text")) ?? "";
+      const v = ((C = u.clipboardData) == null ? void 0 : C.getData("text")) ?? "";
       if (!v) return;
-      const b = v.slice(0, a.length - m).split("");
-      b.forEach((w, E) => {
-        l.value[m + E] = w;
-      }), pe(() => {
+      const h = v.slice(0, a.length - p).split("");
+      h.forEach((w, E) => {
+        l.value[p + E] = w;
+      }), he(() => {
         var w;
-        o.value && ((w = o.value[Math.min(m + b.length, a.length - 1)]) == null || w.focus());
+        o.value && ((w = o.value[Math.min(p + h.length, a.length - 1)]) == null || w.focus());
       });
     };
-    Qe(
+    Xe(
       l,
       (u) => {
-        const m = u.join("");
-        d(m);
+        const p = u.join("");
+        d(p);
       },
       { deep: !0 }
     );
@@ -1462,19 +1528,19 @@ const an = te({
     }, q = (u) => {
       u && (l.value = u.split("").slice(0, a.length));
     };
-    return Ue(() => {
+    return We(() => {
       a.autofocus && o.value && o.value[0] && o.value[0].focus();
     }), t({
       injectCode: q
-    }), (u, m) => (h(), _("div", {
-      class: L(i.value),
-      style: oe($.value)
+    }), (u, p) => (b(), _("div", {
+      class: P(i.value),
+      style: re($.value)
     }, [
-      u.label ? (h(), _("label", ln, Y(u.label), 1)) : A("", !0),
-      T("div", on, [
-        (h(!0), _(le, null, Ee(u.length, (v, b) => ge((h(), _("input", {
-          key: b,
-          "onUpdate:modelValue": (B) => l.value[b] = B,
+      u.label ? (b(), _("label", fn, Y(u.label), 1)) : A("", !0),
+      T("div", vn, [
+        (b(!0), _(ie, null, Le(u.length, (v, h) => oe((b(), _("input", {
+          key: h,
+          "onUpdate:modelValue": (C) => l.value[h] = C,
           ref_for: !0,
           ref_key: "inputRefs",
           ref: o,
@@ -1482,14 +1548,14 @@ const an = te({
           maxlength: "1",
           class: "code-field__input",
           disabled: u.disabled || u.loading,
-          onInput: (B) => k(B, b),
-          onKeydown: He((B) => f(b), ["backspace"]),
-          onPaste: (B) => S(B, b)
-        }, null, 40, sn)), [
-          [Xe, l.value[b]]
+          onInput: (C) => y(C, h),
+          onKeydown: Ye((C) => f(h), ["backspace"]),
+          onPaste: (C) => S(C, h)
+        }, null, 40, mn)), [
+          [Ge, l.value[h]]
         ])), 128))
       ]),
-      u.loading ? (h(), ne(an, {
+      u.loading ? (b(), ae(dn, {
         key: 1,
         indeterminate: "",
         rounded: "",
@@ -1498,9 +1564,9 @@ const an = te({
       }, null, 8, ["color"])) : A("", !0)
     ], 6));
   }
-}), Rn = /* @__PURE__ */ G(rn, [["__scopeId", "data-v-4e11db87"]]), un = { class: "app-segment__track" }, cn = { class: "app-segment__buttons" }, dn = ["onClick", "disabled"], fn = /* @__PURE__ */ F({
+}), Tn = /* @__PURE__ */ G(pn, [["__scopeId", "data-v-4e11db87"]]), gn = { class: "app-segment__track" }, hn = { class: "app-segment__buttons" }, bn = ["onClick", "disabled"], kn = /* @__PURE__ */ K({
   __name: "AppSegment",
-  props: /* @__PURE__ */ We({
+  props: /* @__PURE__ */ Je({
     options: {},
     disabled: { type: Boolean },
     size: { default: z.MD }
@@ -1510,94 +1576,95 @@ const an = te({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = Ye(e, "modelValue"), n = e, a = r(
+    const t = Ze(e, "modelValue"), n = e, a = r(
       () => n.options.findIndex((l) => l.value === t.value)
     );
     function s(l) {
       n.disabled || (t.value = l);
     }
-    return (l, o) => (h(), _("div", {
-      class: L(["app-segment", [{ "app-segment_disabled": l.disabled }, `app-segment_${l.size}`]])
+    return (l, o) => (b(), _("div", {
+      class: P(["app-segment", [{ "app-segment_disabled": l.disabled }, `app-segment_${l.size}`]])
     }, [
-      T("div", un, [
+      T("div", gn, [
         T("div", {
           class: "app-segment__thumb",
-          style: oe({
+          style: re({
             width: `${100 / l.options.length}%`,
             transform: `translateX(${a.value * 100}%)`
           })
         }, null, 4)
       ]),
-      T("div", cn, [
-        (h(!0), _(le, null, Ee(l.options, (i, $) => (h(), _("button", {
+      T("div", hn, [
+        (b(!0), _(ie, null, Le(l.options, (i, $) => (b(), _("button", {
           key: $,
-          class: L(["app-segment__btn", { active: t.value === i.value }]),
-          onClick: (k) => s(i.value),
+          class: P(["app-segment__btn", { active: t.value === i.value }]),
+          onClick: (y) => s(i.value),
           disabled: l.disabled
         }, [
-          ae(l.$slots, "option", { option: i }, () => [
-            we(Y(i.label), 1)
+          se(l.$slots, "option", { option: i }, () => [
+            Pe(Y(i.label), 1)
           ], !0)
-        ], 10, dn))), 128))
+        ], 10, bn))), 128))
       ])
     ], 2));
   }
-}), Pn = /* @__PURE__ */ G(fn, [["__scopeId", "data-v-ff56abdf"]]), Mn = me(
-  () => import("./AppButtonCopy-D1LXQMmX.js")
-), An = me(
-  () => import("./AppSelect-DVEWnVCH.js")
-), Vn = me(
-  () => import("./DropdownButton-TuZuD8GY.js")
+}), zn = /* @__PURE__ */ G(kn, [["__scopeId", "data-v-ff56abdf"]]), On = ge(
+  () => import("./AppButtonCopy-CZMmxAOw.js")
+), jn = ge(
+  () => import("./AppSelect-CqpUcE2F.js")
+), Dn = ge(
+  () => import("./DropdownButton-DYMqQn3L.js")
 );
 export {
-  Cn as A,
-  Pt as B,
-  Le as C,
-  dt as D,
-  ft as E,
-  yt as F,
-  $n as G,
-  qn as H,
-  hn as I,
-  rt as J,
-  ut as K,
-  Vn as L,
-  Mn as M,
-  An as N,
-  Pn as O,
-  En as P,
-  fe as Q,
-  mt as R,
+  Mn as A,
+  At as B,
+  Re as C,
+  vt as D,
+  mt as E,
+  _t as F,
+  Gt as G,
+  Pn as H,
+  Cn as I,
+  ct as J,
+  dt as K,
+  Zt as L,
+  Dn as M,
+  On as N,
+  jn as O,
+  Vn as P,
+  pe as Q,
+  ht as R,
   z as S,
-  Rn as T,
-  Ot as U,
-  Ln as V,
-  gn as W,
+  zn as T,
+  Tn as U,
+  xt as V,
+  In as W,
+  _n as X,
   G as _,
-  je as a,
-  Ve as b,
+  Ke as a,
+  ze as b,
   te as c,
-  se as d,
-  ie as e,
-  bn as f,
-  pn as g,
-  Re as h,
-  Sn as i,
-  qt as j,
-  ve as k,
-  mn as l,
-  re as m,
-  _n as n,
-  yn as o,
-  ct as p,
-  kn as q,
-  Dt as r,
-  j as s,
-  wn as t,
-  Oe as u,
-  vt as v,
-  Ie as w,
+  ue as d,
+  ce as e,
+  Sn as f,
+  qn as g,
+  Ae as h,
+  Ln as i,
+  Ct as j,
+  le as k,
+  $n as l,
+  de as m,
+  En as n,
+  Bn as o,
+  ft as p,
+  wn as q,
+  Kt as r,
+  D as s,
+  An as t,
+  Ne as u,
+  pt as v,
+  Oe as w,
   N as x,
-  Et as y,
-  Bn as z
+  Lt as y,
+  Rn as z
 };