@validol4ik/uikit 0.4.12 → 0.5.1

package/dist/{index-B71Odafx.js → index-CtoDgaeS.js}

@@ -1,4 +1,4 @@
-import { computed as u, markRaw as ke, defineComponent as Q, h as p, withDirectives as le, getCurrentInstance as W, unref as H, ref as Y, onBeforeUnmount as Ae, Transition as ze, openBlock as S, createBlock as _e, normalizeClass as A, withCtx as Te, createElementBlock as B, createCommentVNode as z, renderSlot as $e, Fragment as qe, createTextVNode as Oe, toDisplayString as X, createElementVNode as F, normalizeStyle as Se, watch as De, onMounted as xe, renderList as je, nextTick as se, withKeys as Ie, vModelText as Ve, defineAsyncComponent as oe } from "vue";
+import { computed as s, markRaw as ke, defineComponent as Q, h as m, withDirectives as le, getCurrentInstance as W, unref as H, ref as Y, onBeforeUnmount as Ae, Transition as ze, openBlock as B, createBlock as _e, normalizeClass as z, withCtx as Te, createElementBlock as L, createCommentVNode as T, renderSlot as $e, Fragment as qe, createTextVNode as Oe, toDisplayString as X, createElementVNode as F, normalizeStyle as Se, watch as De, onMounted as xe, renderList as je, nextTick as se, withKeys as Ie, vModelText as Ve, defineAsyncComponent as oe } from "vue";
 const we = {
   PRIMARY: "primary",
   INFO: "info"
@@ -20,7 +20,7 @@ const we = {
   size: String
 };
 function ie(e, t = ne) {
-  return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
+  return s(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
 }
 function J(e) {
   return ke(Q(e));
@@ -33,9 +33,9 @@ function Fe(e, t) {
 }
 function Nt(e, t) {
   if (e !== void 0) {
-    const n = e();
-    if (n != null)
-      return n.slice();
+    const a = e();
+    if (a != null)
+      return a.slice();
   }
   return t;
 }
@@ -45,10 +45,10 @@ function V(e, t) {
 function Kt(e, t) {
   return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
 }
-function Ft(e, t, n, a, o, s) {
-  t.key = a + o;
-  const r = p(e, t, n);
-  return o === !0 ? le(r, s()) : r;
+function Ft(e, t, a, n, o, d) {
+  t.key = n + o;
+  const l = m(e, t, a);
+  return o === !0 ? le(l, d()) : l;
 }
 const ue = "0 0 24 24", ce = (e) => e, te = (e) => `ionicons ${e}`, Be = {
   "mdi-": (e) => `mdi ${e}`,
@@ -84,17 +84,17 @@ const ue = "0 0 24 24", ce = (e) => e, te = (e) => `ionicons ${e}`, Be = {
     right: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: { $q: n } } = W(), a = ie(e), o = u(
+    const { proxy: { $q: a } } = W(), n = ie(e), o = s(
       () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
-    ), s = u(() => {
-      let r, i = e.name;
-      if (i === "none" || !i)
+    ), d = s(() => {
+      let l, r = e.name;
+      if (r === "none" || !r)
         return { none: !0 };
-      if (n.iconMapFn !== null) {
-        const f = n.iconMapFn(i);
+      if (a.iconMapFn !== null) {
+        const f = a.iconMapFn(r);
         if (f !== void 0)
           if (f.icon !== void 0) {
-            if (i = f.icon, i === "none" || !i)
+            if (r = f.icon, r === "none" || !r)
               return { none: !0 };
           } else
             return {
@@ -102,73 +102,73 @@ const ue = "0 0 24 24", ce = (e) => e, te = (e) => `ionicons ${e}`, Be = {
               content: f.content !== void 0 ? f.content : " "
             };
       }
-      if (Ue.test(i) === !0) {
-        const [f, _ = ue] = i.split("|");
+      if (Ue.test(r) === !0) {
+        const [f, k = ue] = r.split("|");
         return {
           svg: !0,
-          viewBox: _,
-          nodes: f.split("&&").map((l) => {
-            const [v, m, g] = l.split("@@");
-            return p("path", { style: m, d: v, transform: g });
+          viewBox: k,
+          nodes: f.split("&&").map((u) => {
+            const [q, i, g] = u.split("@@");
+            return m("path", { style: i, d: q, transform: g });
           })
         };
       }
-      if (He.test(i) === !0)
+      if (He.test(r) === !0)
         return {
           img: !0,
-          src: i.substring(4)
+          src: r.substring(4)
         };
-      if (Ye.test(i) === !0) {
-        const [f, _ = ue] = i.split("|");
+      if (Ye.test(r) === !0) {
+        const [f, k = ue] = r.split("|");
         return {
           svguse: !0,
           src: f.substring(7),
-          viewBox: _
+          viewBox: k
         };
       }
-      let q = " ";
-      const k = i.match(Qe);
-      if (k !== null)
-        r = Be[k[1]](i);
-      else if (We.test(i) === !0)
-        r = i;
-      else if (Xe.test(i) === !0)
-        r = `ionicons ion-${n.platform.is.ios === !0 ? "ios" : "md"}${i.substring(3)}`;
-      else if (de.test(i) === !0) {
-        r = "notranslate material-symbols";
-        const f = i.match(de);
-        f !== null && (i = i.substring(6), r += Le[f[1]]), q = i;
+      let S = " ";
+      const y = r.match(Qe);
+      if (y !== null)
+        l = Be[y[1]](r);
+      else if (We.test(r) === !0)
+        l = r;
+      else if (Xe.test(r) === !0)
+        l = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${r.substring(3)}`;
+      else if (de.test(r) === !0) {
+        l = "notranslate material-symbols";
+        const f = r.match(de);
+        f !== null && (r = r.substring(6), l += Le[f[1]]), S = r;
       } else {
-        r = "notranslate material-icons";
-        const f = i.match(Ge);
-        f !== null && (i = i.substring(2), r += Ce[f[1]]), q = i;
+        l = "notranslate material-icons";
+        const f = r.match(Ge);
+        f !== null && (r = r.substring(2), l += Ce[f[1]]), S = r;
       }
       return {
-        cls: r,
-        content: q
+        cls: l,
+        content: S
       };
     });
     return () => {
-      const r = {
+      const l = {
         class: o.value,
-        style: a.value,
+        style: n.value,
         "aria-hidden": "true",
         role: "presentation"
       };
-      return s.value.none === !0 ? p(e.tag, r, Fe(t.default)) : s.value.img === !0 ? p(e.tag, r, V(t.default, [
-        p("img", { src: s.value.src })
-      ])) : s.value.svg === !0 ? p(e.tag, r, V(t.default, [
-        p("svg", {
-          viewBox: s.value.viewBox || "0 0 24 24"
-        }, s.value.nodes)
-      ])) : s.value.svguse === !0 ? p(e.tag, r, V(t.default, [
-        p("svg", {
-          viewBox: s.value.viewBox
+      return d.value.none === !0 ? m(e.tag, l, Fe(t.default)) : d.value.img === !0 ? m(e.tag, l, V(t.default, [
+        m("img", { src: d.value.src })
+      ])) : d.value.svg === !0 ? m(e.tag, l, V(t.default, [
+        m("svg", {
+          viewBox: d.value.viewBox || "0 0 24 24"
+        }, d.value.nodes)
+      ])) : d.value.svguse === !0 ? m(e.tag, l, V(t.default, [
+        m("svg", {
+          viewBox: d.value.viewBox
         }, [
-          p("use", { "xlink:href": s.value.src })
+          m("use", { "xlink:href": d.value.src })
         ])
-      ])) : (s.value.cls !== void 0 && (r.class += " " + s.value.cls), p(e.tag, r, V(t.default, [
-        s.value.content
+      ])) : (d.value.cls !== void 0 && (l.class += " " + d.value.cls), m(e.tag, l, V(t.default, [
+        d.value.content
       ])));
     };
   }
@@ -181,8 +181,8 @@ const ue = "0 0 24 24", ce = (e) => e, te = (e) => `ionicons ${e}`, Be = {
 };
 function Ze(e) {
   return {
-    cSize: u(() => e.size in ne ? `${ne[e.size]}px` : e.size),
-    classes: u(
+    cSize: s(() => e.size in ne ? `${ne[e.size]}px` : e.size),
+    classes: s(
       () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
     )
   };
@@ -197,14 +197,14 @@ const et = J({
     }
   },
   setup(e) {
-    const { cSize: t, classes: n } = Ze(e);
-    return () => p("svg", {
-      class: n.value + " q-spinner-mat",
+    const { cSize: t, classes: a } = Ze(e);
+    return () => m("svg", {
+      class: a.value + " q-spinner-mat",
       width: t.value,
       height: t.value,
       viewBox: "25 25 50 50"
     }, [
-      p("circle", {
+      m("circle", {
         class: "path",
         cx: "50",
         cy: "50",
@@ -218,9 +218,9 @@ const et = J({
   }
 });
 function tt(e, t) {
-  const n = e.style;
-  for (const a in t)
-    n[a] = t[a];
+  const a = e.style;
+  for (const n in t)
+    a[n] = t[n];
 }
 function Qt(e) {
   if (e == null)
@@ -238,8 +238,8 @@ function Qt(e) {
 function Gt(e, t) {
   if (e == null || e.contains(t) === !0)
     return !0;
-  for (let n = e.nextElementSibling; n !== null; n = n.nextElementSibling)
-    if (n.contains(t))
+  for (let a = e.nextElementSibling; a !== null; a = a.nextElementSibling)
+    if (a.contains(t))
       return !0;
   return !1;
 }
@@ -277,11 +277,11 @@ function Ht(e) {
   if (e.composedPath)
     return e.composedPath();
   const t = [];
-  let n = e.target;
-  for (; n; ) {
-    if (t.push(n), n.tagName === "HTML")
+  let a = e.target;
+  for (; a; ) {
+    if (t.push(a), a.tagName === "HTML")
       return t.push(document), t.push(window), t;
-    n = n.parentElement;
+    a = a.parentElement;
   }
 }
 function Ee(e) {
@@ -293,17 +293,17 @@ function at(e) {
 function D(e) {
   e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
 }
-function lt(e, t, n) {
-  const a = `__q_${t}_evt`;
-  e[a] = e[a] !== void 0 ? e[a].concat(n) : n, n.forEach((o) => {
+function lt(e, t, a) {
+  const n = `__q_${t}_evt`;
+  e[n] = e[n] !== void 0 ? e[n].concat(a) : a, a.forEach((o) => {
     o[0].addEventListener(o[1], e[o[2]], Z[o[3]]);
   });
 }
 function ot(e, t) {
-  const n = `__q_${t}_evt`;
-  e[n] !== void 0 && (e[n].forEach((a) => {
-    a[0].removeEventListener(a[1], e[a[2]], Z[a[3]]);
-  }), e[n] = void 0);
+  const a = `__q_${t}_evt`;
+  e[a] !== void 0 && (e[a].forEach((n) => {
+    n[0].removeEventListener(n[1], e[n[2]], Z[n[3]]);
+  }), e[a] = void 0);
 }
 function rt(e) {
   return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
@@ -312,44 +312,44 @@ function ae(e, t) {
   return rt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
 function it(e, t = 250) {
-  let n = !1, a;
+  let a = !1, n;
   return function() {
-    return n === !1 && (n = !0, setTimeout(() => {
-      n = !1;
-    }, t), a = e.apply(this, arguments)), a;
+    return a === !1 && (a = !0, setTimeout(() => {
+      a = !1;
+    }, t), n = e.apply(this, arguments)), n;
   };
 }
-function ve(e, t, n, a) {
-  n.modifiers.stop === !0 && Ee(e);
-  const o = n.modifiers.color;
-  let s = n.modifiers.center;
-  s = s === !0 || a === !0;
-  const r = document.createElement("span"), i = document.createElement("span"), q = nt(e), { left: k, top: f, width: _, height: l } = t.getBoundingClientRect(), v = Math.sqrt(_ * _ + l * l), m = v / 2, g = `${(_ - v) / 2}px`, d = s ? g : `${q.left - k - m}px`, h = `${(l - v) / 2}px`, w = s ? h : `${q.top - f - m}px`;
-  i.className = "q-ripple__inner", tt(i, {
-    height: `${v}px`,
-    width: `${v}px`,
-    transform: `translate3d(${d},${w},0) scale3d(.2,.2,1)`,
+function ve(e, t, a, n) {
+  a.modifiers.stop === !0 && Ee(e);
+  const o = a.modifiers.color;
+  let d = a.modifiers.center;
+  d = d === !0 || n === !0;
+  const l = document.createElement("span"), r = document.createElement("span"), S = nt(e), { left: y, top: f, width: k, height: u } = t.getBoundingClientRect(), q = Math.sqrt(k * k + u * u), i = q / 2, g = `${(k - q) / 2}px`, v = d ? g : `${S.left - y - i}px`, p = `${(u - q) / 2}px`, _ = d ? p : `${S.top - f - i}px`;
+  r.className = "q-ripple__inner", tt(r, {
+    height: `${q}px`,
+    width: `${q}px`,
+    transform: `translate3d(${v},${_},0) scale3d(.2,.2,1)`,
     opacity: 0
-  }), r.className = `q-ripple${o ? " text-" + o : ""}`, r.setAttribute("dir", "ltr"), r.appendChild(i), t.appendChild(r);
-  const M = () => {
-    r.remove(), clearTimeout(O);
+  }), l.className = `q-ripple${o ? " text-" + o : ""}`, l.setAttribute("dir", "ltr"), l.appendChild(r), t.appendChild(l);
+  const w = () => {
+    l.remove(), clearTimeout(C);
   };
-  n.abort.push(M);
-  let O = setTimeout(() => {
-    i.classList.add("q-ripple__inner--enter"), i.style.transform = `translate3d(${g},${h},0) scale3d(1,1,1)`, i.style.opacity = 0.2, O = setTimeout(() => {
-      i.classList.remove("q-ripple__inner--enter"), i.classList.add("q-ripple__inner--leave"), i.style.opacity = 0, O = setTimeout(() => {
-        r.remove(), n.abort.splice(n.abort.indexOf(M), 1);
+  a.abort.push(w);
+  let C = setTimeout(() => {
+    r.classList.add("q-ripple__inner--enter"), r.style.transform = `translate3d(${g},${p},0) scale3d(1,1,1)`, r.style.opacity = 0.2, C = setTimeout(() => {
+      r.classList.remove("q-ripple__inner--enter"), r.classList.add("q-ripple__inner--leave"), r.style.opacity = 0, C = setTimeout(() => {
+        l.remove(), a.abort.splice(a.abort.indexOf(w), 1);
       }, 275);
     }, 250);
   }, 50);
 }
-function ge(e, { modifiers: t, value: n, arg: a }) {
-  const o = Object.assign({}, e.cfg.ripple, t, n);
+function ge(e, { modifiers: t, value: a, arg: n }) {
+  const o = Object.assign({}, e.cfg.ripple, t, a);
   e.modifiers = {
     early: o.early === !0,
     stop: o.stop === !0,
     center: o.center === !0,
-    color: o.color || a,
+    color: o.color || n,
     keyCodes: [].concat(o.keyCodes || 13)
   };
 }
@@ -357,22 +357,22 @@ const st = Ke(
   {
     name: "ripple",
     beforeMount(e, t) {
-      const n = t.instance.$.appContext.config.globalProperties.$q.config || {};
-      if (n.ripple === !1)
+      const a = t.instance.$.appContext.config.globalProperties.$q.config || {};
+      if (a.ripple === !1)
         return;
-      const a = {
-        cfg: n,
+      const n = {
+        cfg: a,
         enabled: t.value !== !1,
         modifiers: {},
         abort: [],
         start(o) {
-          a.enabled === !0 && o.qSkipRipple !== !0 && o.type === (a.modifiers.early === !0 ? "pointerdown" : "click") && ve(o, e, a, o.qKeyEvent === !0);
+          n.enabled === !0 && o.qSkipRipple !== !0 && o.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && ve(o, e, n, o.qKeyEvent === !0);
         },
         keystart: it((o) => {
-          a.enabled === !0 && o.qSkipRipple !== !0 && ae(o, a.modifiers.keyCodes) === !0 && o.type === `key${a.modifiers.early === !0 ? "down" : "up"}` && ve(o, e, a, !0);
+          n.enabled === !0 && o.qSkipRipple !== !0 && ae(o, n.modifiers.keyCodes) === !0 && o.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && ve(o, e, n, !0);
         }, 300)
       };
-      ge(a, t), e.__qripple = a, lt(a, "main", [
+      ge(n, t), e.__qripple = n, lt(n, "main", [
         [e, "pointerdown", "start", "passive"],
         [e, "click", "start", "passive"],
         [e, "keydown", "keystart", "passive"],
@@ -381,14 +381,14 @@ const st = Ke(
     },
     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 && ge(n, t));
+        const a = e.__qripple;
+        a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value && ge(a, t));
       }
     },
     beforeUnmount(e) {
       const t = e.__qripple;
-      t !== void 0 && (t.abort.forEach((n) => {
-        n();
+      t !== void 0 && (t.abort.forEach((a) => {
+        a();
       }), ot(t, "main"), delete e._qripple);
     }
   }
@@ -407,7 +407,7 @@ const st = Ke(
   }
 };
 function dt(e) {
-  return u(() => {
+  return s(() => {
     const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
     return `${e.vertical === !0 ? "items" : "justify"}-${Re[t]}`;
   });
@@ -435,18 +435,18 @@ function me(e, t) {
   return (e.aliasOf || e) === (t.aliasOf || t);
 }
 function vt(e, t) {
-  for (const n in t) {
-    const a = t[n], o = e[n];
-    if (typeof a == "string") {
-      if (a !== o)
+  for (const a in t) {
+    const n = t[a], o = e[a];
+    if (typeof n == "string") {
+      if (n !== o)
         return !1;
-    } else if (Array.isArray(o) === !1 || o.length !== a.length || a.some((s, r) => s !== o[r]))
+    } else if (Array.isArray(o) === !1 || o.length !== n.length || n.some((d, l) => d !== o[l]))
       return !1;
   }
   return !0;
 }
 function he(e, t) {
-  return Array.isArray(t) === !0 ? e.length === t.length && e.every((n, a) => n === t[a]) : e.length === 1 && e[0] === t;
+  return Array.isArray(t) === !0 ? e.length === t.length && e.every((a, n) => a === t[n]) : e.length === 1 && e[0] === t;
 }
 function gt(e, t) {
   return Array.isArray(e) === !0 ? he(e, t) : Array.isArray(t) === !0 ? he(t, e) : e === t;
@@ -454,8 +454,8 @@ function gt(e, t) {
 function pt(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
-  for (const n in e)
-    if (gt(e[n], t[n]) === !1)
+  for (const a in e)
+    if (gt(e[a], t[a]) === !1)
       return !1;
   return !0;
 }
@@ -482,84 +482,84 @@ const Me = {
   }
 };
 function mt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const n = W(), { props: a, proxy: o, emit: s } = n, r = ft(n), i = u(() => a.disable !== !0 && a.href !== void 0), q = t === !0 ? u(
-    () => r === !0 && a.disable !== !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
-  ) : u(
-    () => r === !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
-  ), k = u(() => q.value === !0 ? w(a.to) : null), f = u(() => k.value !== null), _ = u(() => i.value === !0 || f.value === !0), l = u(() => a.type === "a" || _.value === !0 ? "a" : a.tag || e || "div"), v = u(() => i.value === !0 ? {
-    href: a.href,
-    target: a.target
+  const a = W(), { props: n, proxy: o, emit: d } = a, l = ft(a), r = s(() => n.disable !== !0 && n.href !== void 0), S = t === !0 ? s(
+    () => l === !0 && n.disable !== !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ) : s(
+    () => l === !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ), y = s(() => S.value === !0 ? _(n.to) : null), f = s(() => y.value !== null), k = s(() => r.value === !0 || f.value === !0), u = s(() => n.type === "a" || k.value === !0 ? "a" : n.tag || e || "div"), q = s(() => r.value === !0 ? {
+    href: n.href,
+    target: n.target
   } : f.value === !0 ? {
-    href: k.value.href,
-    target: a.target
-  } : {}), m = u(() => {
+    href: y.value.href,
+    target: n.target
+  } : {}), i = s(() => {
     if (f.value === !1)
       return -1;
-    const { matched: b } = k.value, { length: C } = b, E = b[C - 1];
-    if (E === void 0)
+    const { matched: h } = y.value, { length: E } = h, M = h[E - 1];
+    if (M === void 0)
       return -1;
-    const P = o.$route.matched;
-    if (P.length === 0)
+    const A = o.$route.matched;
+    if (A.length === 0)
       return -1;
-    const T = P.findIndex(
-      me.bind(null, E)
+    const O = A.findIndex(
+      me.bind(null, M)
     );
-    if (T !== -1)
-      return T;
-    const G = pe(b[C - 2]);
+    if (O !== -1)
+      return O;
+    const G = pe(h[E - 2]);
     return (
       // we are dealing with nested routes
-      C > 1 && pe(E) === G && P[P.length - 1].path !== G ? P.findIndex(
-        me.bind(null, b[C - 2])
-      ) : T
+      E > 1 && pe(M) === G && A[A.length - 1].path !== G ? A.findIndex(
+        me.bind(null, h[E - 2])
+      ) : O
     );
-  }), g = u(
-    () => f.value === !0 && m.value !== -1 && vt(o.$route.params, k.value.params)
-  ), d = u(
-    () => g.value === !0 && m.value === o.$route.matched.length - 1 && pt(o.$route.params, k.value.params)
-  ), h = u(() => f.value === !0 ? d.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : g.value === !0 ? ` ${a.activeClass}` : "" : "");
-  function w(b) {
+  }), g = s(
+    () => f.value === !0 && i.value !== -1 && vt(o.$route.params, y.value.params)
+  ), v = s(
+    () => g.value === !0 && i.value === o.$route.matched.length - 1 && pt(o.$route.params, y.value.params)
+  ), p = s(() => f.value === !0 ? v.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : g.value === !0 ? ` ${n.activeClass}` : "" : "");
+  function _(h) {
     try {
-      return o.$router.resolve(b);
+      return o.$router.resolve(h);
     } catch {
     }
     return null;
   }
-  function M(b, { returnRouterError: C, to: E = a.to, replace: P = a.replace } = {}) {
-    if (a.disable === !0)
-      return b.preventDefault(), Promise.resolve(!1);
+  function w(h, { returnRouterError: E, to: M = n.to, replace: A = n.replace } = {}) {
+    if (n.disable === !0)
+      return h.preventDefault(), Promise.resolve(!1);
     if (
       // don't redirect with control keys;
       // should match RouterLink from Vue Router
-      b.metaKey || b.altKey || b.ctrlKey || b.shiftKey || b.button !== void 0 && b.button !== 0 || a.target === "_blank"
+      h.metaKey || h.altKey || h.ctrlKey || h.shiftKey || h.button !== void 0 && h.button !== 0 || n.target === "_blank"
     )
       return Promise.resolve(!1);
-    b.preventDefault();
-    const T = o.$router[P === !0 ? "replace" : "push"](E);
-    return C === !0 ? T : T.then(() => {
+    h.preventDefault();
+    const O = o.$router[A === !0 ? "replace" : "push"](M);
+    return E === !0 ? O : O.then(() => {
     }).catch(() => {
     });
   }
-  function O(b) {
+  function C(h) {
     if (f.value === !0) {
-      const C = (E) => M(b, E);
-      s("click", b, C), b.defaultPrevented !== !0 && C();
+      const E = (M) => w(h, M);
+      d("click", h, E), h.defaultPrevented !== !0 && E();
     } else
-      s("click", b);
+      d("click", h);
   }
   return {
     hasRouterLink: f,
-    hasHrefLink: i,
-    hasLink: _,
-    linkTag: l,
-    resolvedLink: k,
+    hasHrefLink: r,
+    hasLink: k,
+    linkTag: u,
+    resolvedLink: y,
     linkIsActive: g,
-    linkIsExactActive: d,
-    linkClass: h,
-    linkAttrs: v,
-    getLink: w,
-    navigateToRouterLink: M,
-    navigateOnClick: O
+    linkIsExactActive: v,
+    linkClass: p,
+    linkAttrs: q,
+    getLink: _,
+    navigateToRouterLink: w,
+    navigateOnClick: C
   };
 }
 const be = {
@@ -630,47 +630,47 @@ const _t = {
   round: Boolean
 };
 function qt(e) {
-  const t = ie(e, ht), n = dt(e), { hasRouterLink: a, hasLink: o, linkTag: s, linkAttrs: r, navigateOnClick: i } = mt({
+  const t = ie(e, ht), a = dt(e), { hasRouterLink: n, hasLink: o, linkTag: d, linkAttrs: l, navigateOnClick: r } = mt({
     fallbackTag: "button"
-  }), q = u(() => {
-    const d = e.fab === !1 && e.fabMini === !1 ? t.value : {};
-    return e.padding !== void 0 ? Object.assign({}, d, {
-      padding: e.padding.split(/\s+/).map((h) => h in be ? be[h] + "px" : h).join(" "),
+  }), S = s(() => {
+    const v = e.fab === !1 && e.fabMini === !1 ? t.value : {};
+    return e.padding !== void 0 ? Object.assign({}, v, {
+      padding: e.padding.split(/\s+/).map((p) => p in be ? be[p] + "px" : p).join(" "),
       minWidth: "0",
       minHeight: "0"
-    }) : d;
-  }), k = u(
+    }) : v;
+  }), y = s(
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
-  ), f = u(
+  ), f = s(
     () => e.disable !== !0 && e.loading !== !0
-  ), _ = u(() => f.value === !0 ? e.tabindex || 0 : -1), l = u(() => Pe(e, "standard")), v = u(() => {
-    const d = { tabindex: _.value };
-    return o.value === !0 ? Object.assign(d, r.value) : bt.includes(e.type) === !0 && (d.type = e.type), s.value === "a" ? (e.disable === !0 ? d["aria-disabled"] = "true" : d.href === void 0 && (d.role = "button"), a.value !== !0 && yt.test(e.type) === !0 && (d.type = e.type)) : e.disable === !0 && (d.disabled = "", d["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(d, {
+  ), k = s(() => f.value === !0 ? e.tabindex || 0 : -1), u = s(() => Pe(e, "standard")), q = s(() => {
+    const v = { tabindex: k.value };
+    return o.value === !0 ? Object.assign(v, l.value) : bt.includes(e.type) === !0 && (v.type = e.type), d.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), n.value !== !0 && yt.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,
       "aria-valuenow": e.percentage
-    }), d;
-  }), m = u(() => {
-    let d;
-    e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? d = `text-${e.textColor || e.color}` : d = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (d = `text-${e.textColor}`);
-    const h = e.round === !0 ? "round" : `rectangle${k.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
-    return `q-btn--${l.value} q-btn--${h}` + (d !== void 0 ? " " + d : "") + (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" : "");
-  }), g = u(
-    () => n.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
+    }), v;
+  }), i = s(() => {
+    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 p = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    return `q-btn--${u.value} q-btn--${p}` + (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" : "");
+  }), g = s(
+    () => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
   );
   return {
-    classes: m,
-    style: q,
+    classes: i,
+    style: S,
     innerClasses: g,
-    attributes: v,
+    attributes: q,
     hasLink: o,
-    linkTag: s,
-    navigateOnClick: i,
+    linkTag: d,
+    navigateOnClick: r,
     isActionable: f
   };
 }
-const { passiveCapture: L } = Z;
+const { passiveCapture: R } = Z;
 let x = null, j = null, I = null;
 const St = J({
   name: "QBtn",
@@ -681,27 +681,27 @@ const St = J({
     onTouchstart: [Function, Array]
   },
   emits: ["click", "keydown", "mousedown", "keyup"],
-  setup(e, { slots: t, emit: n }) {
-    const { proxy: a } = W(), {
+  setup(e, { slots: t, emit: a }) {
+    const { proxy: n } = W(), {
       classes: o,
-      style: s,
-      innerClasses: r,
-      attributes: i,
-      hasLink: q,
-      linkTag: k,
+      style: d,
+      innerClasses: l,
+      attributes: r,
+      hasLink: S,
+      linkTag: y,
       navigateOnClick: f,
-      isActionable: _
-    } = qt(e), l = Y(null), v = Y(null);
-    let m = null, g, d = null;
-    const h = u(
+      isActionable: k
+    } = qt(e), u = Y(null), q = Y(null);
+    let i = null, g, v = null;
+    const p = s(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
-    ), w = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
-      keyCodes: q.value === !0 ? [13, 32] : [13],
+    ), _ = s(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+      keyCodes: S.value === !0 ? [13, 32] : [13],
       ...e.ripple === !0 ? {} : e.ripple
-    }), M = u(() => ({ center: e.round })), O = u(() => {
+    }), w = s(() => ({ center: e.round })), C = s(() => {
       const c = Math.max(0, Math.min(100, e.percentage));
       return c > 0 ? { transition: "transform 0.6s", transform: `translateX(${c - 100}%)` } : {};
-    }), b = u(() => {
+    }), h = s(() => {
       if (e.loading === !0)
         return {
           onMousedown: K,
@@ -710,15 +710,15 @@ const St = J({
           onKeydown: K,
           onKeyup: K
         };
-      if (_.value === !0) {
+      if (k.value === !0) {
         const c = {
-          onClick: E,
-          onKeydown: P,
+          onClick: M,
+          onKeydown: A,
           onMousedown: G
         };
-        if (a.$q.platform.has.touch === !0) {
-          const y = e.onTouchstart !== void 0 ? "" : "Passive";
-          c[`onTouchstart${y}`] = T;
+        if (n.$q.platform.has.touch === !0) {
+          const b = e.onTouchstart !== void 0 ? "" : "Passive";
+          c[`onTouchstart${b}`] = O;
         }
         return c;
       }
@@ -726,122 +726,122 @@ const St = J({
         // needed; especially for disabled <a> tags
         onClick: D
       };
-    }), C = u(() => ({
-      ref: l,
+    }), E = s(() => ({
+      ref: u,
       class: "q-btn q-btn-item non-selectable no-outline " + o.value,
-      style: s.value,
-      ...i.value,
-      ...b.value
+      style: d.value,
+      ...r.value,
+      ...h.value
     }));
-    function E(c) {
-      if (l.value !== null) {
+    function M(c) {
+      if (u.value !== null) {
         if (c !== void 0) {
           if (c.defaultPrevented === !0)
             return;
-          const y = document.activeElement;
-          if (e.type === "submit" && y !== document.body && l.value.contains(y) === !1 && y.contains(l.value) === !1) {
-            l.value.focus();
+          const b = document.activeElement;
+          if (e.type === "submit" && b !== document.body && u.value.contains(b) === !1 && b.contains(u.value) === !1) {
+            u.value.focus();
             const U = () => {
-              document.removeEventListener("keydown", D, !0), document.removeEventListener("keyup", U, L), l.value !== null && l.value.removeEventListener("blur", U, L);
+              document.removeEventListener("keydown", D, !0), document.removeEventListener("keyup", U, R), u.value !== null && u.value.removeEventListener("blur", U, R);
             };
-            document.addEventListener("keydown", D, !0), document.addEventListener("keyup", U, L), l.value.addEventListener("blur", U, L);
+            document.addEventListener("keydown", D, !0), document.addEventListener("keyup", U, R), u.value.addEventListener("blur", U, R);
           }
         }
         f(c);
       }
     }
-    function P(c) {
-      l.value !== null && (n("keydown", c), ae(c, [13, 32]) === !0 && j !== l.value && (j !== null && N(), c.defaultPrevented !== !0 && (l.value.focus(), j = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("keyup", R, !0), l.value.addEventListener("blur", R, L)), D(c)));
+    function A(c) {
+      u.value !== null && (a("keydown", c), ae(c, [13, 32]) === !0 && j !== u.value && (j !== null && N(), c.defaultPrevented !== !0 && (u.value.focus(), j = u.value, u.value.classList.add("q-btn--active"), document.addEventListener("keyup", P, !0), u.value.addEventListener("blur", P, R)), D(c)));
     }
-    function T(c) {
-      l.value !== null && (n("touchstart", c), c.defaultPrevented !== !0 && (x !== l.value && (x !== null && N(), x = l.value, m = c.target, m.addEventListener("touchcancel", R, L), m.addEventListener("touchend", R, L)), g = !0, d !== null && clearTimeout(d), d = setTimeout(() => {
-        d = null, g = !1;
+    function O(c) {
+      u.value !== null && (a("touchstart", c), c.defaultPrevented !== !0 && (x !== u.value && (x !== null && N(), x = u.value, i = c.target, i.addEventListener("touchcancel", P, R), i.addEventListener("touchend", P, R)), g = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
+        v = null, g = !1;
       }, 200)));
     }
     function G(c) {
-      l.value !== null && (c.qSkipRipple = g === !0, n("mousedown", c), c.defaultPrevented !== !0 && I !== l.value && (I !== null && N(), I = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("mouseup", R, L)));
+      u.value !== null && (c.qSkipRipple = g === !0, a("mousedown", c), c.defaultPrevented !== !0 && I !== u.value && (I !== null && N(), I = u.value, u.value.classList.add("q-btn--active"), document.addEventListener("mouseup", P, R)));
     }
-    function R(c) {
-      if (l.value !== null && !(c !== void 0 && c.type === "blur" && document.activeElement === l.value)) {
+    function P(c) {
+      if (u.value !== null && !(c !== void 0 && c.type === "blur" && document.activeElement === u.value)) {
         if (c !== void 0 && c.type === "keyup") {
-          if (j === l.value && ae(c, [13, 32]) === !0) {
-            const y = new MouseEvent("click", c);
-            y.qKeyEvent = !0, c.defaultPrevented === !0 && at(y), c.cancelBubble === !0 && Ee(y), l.value.dispatchEvent(y), D(c), c.qKeyEvent = !0;
+          if (j === u.value && ae(c, [13, 32]) === !0) {
+            const b = new MouseEvent("click", c);
+            b.qKeyEvent = !0, c.defaultPrevented === !0 && at(b), c.cancelBubble === !0 && Ee(b), u.value.dispatchEvent(b), D(c), c.qKeyEvent = !0;
           }
-          n("keyup", c);
+          a("keyup", c);
         }
         N();
       }
     }
     function N(c) {
-      const y = v.value;
-      c !== !0 && (x === l.value || I === l.value) && y !== null && y !== document.activeElement && (y.setAttribute("tabindex", -1), y.focus()), x === l.value && (m !== null && (m.removeEventListener("touchcancel", R, L), m.removeEventListener("touchend", R, L)), x = m = null), I === l.value && (document.removeEventListener("mouseup", R, L), I = null), j === l.value && (document.removeEventListener("keyup", R, !0), l.value !== null && l.value.removeEventListener("blur", R, L), j = null), l.value !== null && l.value.classList.remove("q-btn--active");
+      const b = q.value;
+      c !== !0 && (x === u.value || I === u.value) && b !== null && b !== document.activeElement && (b.setAttribute("tabindex", -1), b.focus()), x === u.value && (i !== null && (i.removeEventListener("touchcancel", P, R), i.removeEventListener("touchend", P, R)), x = i = null), I === u.value && (document.removeEventListener("mouseup", P, R), I = null), j === u.value && (document.removeEventListener("keyup", P, !0), u.value !== null && u.value.removeEventListener("blur", P, R), j = null), u.value !== null && u.value.classList.remove("q-btn--active");
     }
     function K(c) {
       D(c), c.qSkipRipple = !0;
     }
     return Ae(() => {
       N(!0);
-    }), Object.assign(a, {
+    }), Object.assign(n, {
       click: (c) => {
-        _.value === !0 && E(c);
+        k.value === !0 && M(c);
       }
     }), () => {
       let c = [];
       e.icon !== void 0 && c.push(
-        p(fe, {
+        m(fe, {
           name: e.icon,
-          left: e.stack !== !0 && h.value === !0,
+          left: e.stack !== !0 && p.value === !0,
           role: "img"
         })
-      ), h.value === !0 && c.push(
-        p("span", { class: "block" }, [e.label])
+      ), p.value === !0 && c.push(
+        m("span", { class: "block" }, [e.label])
       ), c = V(t.default, c), e.iconRight !== void 0 && e.round === !1 && c.push(
-        p(fe, {
+        m(fe, {
           name: e.iconRight,
-          right: e.stack !== !0 && h.value === !0,
+          right: e.stack !== !0 && p.value === !0,
           role: "img"
         })
       );
-      const y = [
-        p("span", {
+      const b = [
+        m("span", {
           class: "q-focus-helper",
-          ref: v
+          ref: q
         })
       ];
-      return e.loading === !0 && e.percentage !== void 0 && y.push(
-        p("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" : "")
         }, [
-          p("span", {
+          m("span", {
             class: "q-btn__progress-indicator fit block",
-            style: O.value
+            style: C.value
           })
         ])
-      ), y.push(
-        p("span", {
-          class: "q-btn__content text-center col items-center q-anchor--skip " + r.value
+      ), b.push(
+        m("span", {
+          class: "q-btn__content text-center col items-center q-anchor--skip " + l.value
         }, c)
-      ), e.loading !== null && y.push(
-        p(ze, {
+      ), e.loading !== null && b.push(
+        m(ze, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
-          p("span", {
+          m("span", {
             key: "loading",
             class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [p(et)])
+          }, t.loading !== void 0 ? t.loading() : [m(et)])
         ] : null)
       ), le(
-        p(
-          k.value,
-          C.value,
-          y
+        m(
+          y.value,
+          E.value,
+          b
         ),
         [[
           st,
-          w.value,
+          _.value,
           void 0,
-          M.value
+          w.value
         ]]
       );
     };
@@ -869,7 +869,7 @@ const St = J({
   },
   emits: ["click"],
   setup(e) {
-    const t = e, n = u(() => [
+    const t = e, a = s(() => [
       "app-btn",
       {
         "app-btn_default": !t.transparent && !t.flat,
@@ -885,53 +885,53 @@ const St = J({
       },
       `app-btn_${t.color}`
     ]);
-    return (a, o) => (S(), _e(H(St), {
+    return (n, o) => (B(), _e(H(St), {
       "no-caps": "",
       unelevated: "",
-      class: A(n.value),
-      padding: H(Ne)[a.size || H($).MD],
-      loading: a.loading,
-      disable: a.disabled || void 0,
-      to: a.to,
-      href: a.href,
-      target: a.target,
-      type: a.submit ? "submit" : void 0,
-      "aria-label": a.ariaLabel,
-      download: a.download,
-      onClick: o[0] || (o[0] = (s) => a.$emit("click", s))
+      class: z(a.value),
+      padding: H(Ne)[n.size || H($).MD],
+      loading: n.loading,
+      disable: n.disabled || void 0,
+      to: n.to,
+      href: n.href,
+      target: n.target,
+      type: n.submit ? "submit" : void 0,
+      "aria-label": n.ariaLabel,
+      download: n.download,
+      onClick: o[0] || (o[0] = (d) => n.$emit("click", d))
     }, {
       default: Te(() => [
-        a.iconLeft || a.iconMiddle ? (S(), B("i", {
+        n.iconLeft || n.iconMiddle ? (B(), L("i", {
           key: 0,
-          class: A([
+          class: z([
             "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"
+            n.iconLeft ? "icon-kl_left" : "icon-kl_middle",
+            `icon-kl-${n.iconLeft || n.iconMiddle}`,
+            n.transparent || n.flat ? `text-${n.color}` : "text-secondary"
           ])
-        }, null, 2)) : z("", !0),
-        $e(a.$slots, "default", {}, void 0, !0),
-        a.label ? (S(), B(qe, { key: 1 }, [
-          Oe(X(a.label), 1)
-        ], 64)) : z("", !0),
-        a.iconRight ? (S(), B("i", {
+        }, null, 2)) : T("", !0),
+        $e(n.$slots, "default", {}, void 0, !0),
+        n.label ? (B(), L(qe, { key: 1 }, [
+          Oe(X(n.label), 1)
+        ], 64)) : T("", !0),
+        n.iconRight ? (B(), L("i", {
           key: 2,
-          class: A([
+          class: z([
             "icon-kl",
             "icon-kl_right",
-            `icon-kl-${a.iconRight}`,
-            a.transparent ? `text-${a.color}` : "text-secondary"
+            `icon-kl-${n.iconRight}`,
+            n.transparent ? `text-${n.color}` : "text-secondary"
           ])
-        }, null, 2)) : z("", !0)
+        }, null, 2)) : T("", !0)
       ]),
       _: 3
     }, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label", "download"]));
   }
 }), ee = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [a, o] of t)
-    n[a] = o;
-  return n;
+  const a = e.__vccOpts || e;
+  for (const [n, o] of t)
+    a[n] = o;
+  return a;
 }, Zt = /* @__PURE__ */ ee(wt, [["__scopeId", "data-v-99788ad1"]]), Bt = {
   key: 0,
   class: "app-toggle__label app-toggle__label_left"
@@ -953,56 +953,56 @@ const St = J({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, a = t, o = u({
-      get: () => n.modelValue,
-      set: (r) => {
-        a("update:modelValue", r);
+    const a = e, n = t, o = s({
+      get: () => a.modelValue,
+      set: (l) => {
+        n("update:modelValue", l);
       }
-    }), s = u(() => [
+    }), d = s(() => [
       "app-toggle",
       {
-        "app-toggle_sm": n.size === $.SM,
-        "app-toggle_md": n.size === $.MD,
-        "app-toggle_lg": n.size === $.LG,
+        "app-toggle_sm": a.size === $.SM,
+        "app-toggle_md": a.size === $.MD,
+        "app-toggle_lg": a.size === $.LG,
         "app-toggle_active": o.value,
-        "app-toggle_disabled": n.disabled
+        "app-toggle_disabled": a.disabled
       },
-      `app-toggle_${n.color}`
+      `app-toggle_${a.color}`
     ]);
-    return (r, i) => (S(), B("div", {
-      class: A(s.value)
+    return (l, r) => (B(), L("div", {
+      class: z(d.value)
     }, [
-      r.label && r.labelLeft ? (S(), B("span", Bt, X(r.label), 1)) : z("", !0),
+      l.label && l.labelLeft ? (B(), L("span", Bt, X(l.label), 1)) : T("", !0),
       F("label", Ct, [
         F("input", {
           type: "checkbox",
           checked: o.value,
-          onChange: i[0] || (i[0] = (q) => o.value = !o.value),
-          disabled: r.disabled,
+          onChange: r[0] || (r[0] = (S) => o.value = !o.value),
+          disabled: l.disabled,
           class: "app-toggle__input"
         }, null, 40, Lt),
         F("span", {
-          class: A(["app-toggle__slider", o.value ? `bg-${r.color}` : ""])
+          class: z(["app-toggle__slider", o.value ? `bg-${l.color}` : ""])
         }, [
           F("span", Et, [
-            r.icon && !r.modelValue ? (S(), B("i", {
+            l.icon && !l.modelValue ? (B(), L("i", {
               key: 0,
-              class: A(["icon-kl", `icon-kl-${r.icon}`, "app-toggle__icon"])
-            }, null, 2)) : z("", !0),
-            r.modelValue && (r.iconActive || r.icon) ? (S(), B("i", {
+              class: z(["icon-kl", `icon-kl-${l.icon}`, "app-toggle__icon"])
+            }, null, 2)) : T("", !0),
+            l.modelValue && (l.iconActive || l.icon) ? (B(), L("i", {
               key: 1,
-              class: A([
+              class: z([
                 "icon-kl",
-                `icon-kl-${r.iconActive || r.icon}`,
+                `icon-kl-${l.iconActive || l.icon}`,
                 "app-toggle__icon",
-                o.value ? `text-${r.iconColor}` : ""
+                o.value ? `text-${l.iconColor}` : ""
               ])
-            }, null, 2)) : z("", !0)
+            }, null, 2)) : T("", !0)
           ])
         ], 2),
-        $e(r.$slots, "default", {}, void 0, !0)
+        $e(l.$slots, "default", {}, void 0, !0)
       ]),
-      r.label && !r.labelLeft ? (S(), B("span", Rt, X(r.label), 1)) : z("", !0)
+      l.label && !l.labelLeft ? (B(), L("span", Rt, X(l.label), 1)) : T("", !0)
     ], 2));
   }
 }), en = /* @__PURE__ */ ee(Mt, [["__scopeId", "data-v-e0e56123"]]), Pt = /* @__PURE__ */ Q({
@@ -1013,8 +1013,8 @@ const St = J({
     color: {}
   },
   setup(e) {
-    return (t, n) => (S(), B("i", {
-      class: A(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
+    return (t, a) => (B(), L("i", {
+      class: z(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
       style: Se(t.size ? `font-size: ${t.size}` : void 0)
     }, null, 6));
   }
@@ -1025,7 +1025,7 @@ const St = J({
   }
 };
 function zt(e, t) {
-  return u(() => e.dark === null ? t.dark.isActive : e.dark);
+  return s(() => e.dark === null ? t.dark.isActive : e.dark);
 }
 const Tt = {
   xs: 2,
@@ -1034,9 +1034,9 @@ const Tt = {
   lg: 10,
   xl: 14
 };
-function ye(e, t, n) {
+function ye(e, t, a) {
   return {
-    transform: t === !0 ? `translateX(${n.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
+    transform: t === !0 ? `translateX(${a.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
   };
 }
 const Ot = J({
@@ -1063,42 +1063,42 @@ const Ot = J({
     instantFeedback: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: n } = W(), a = zt(e, n.$q), o = ie(e, Tt), s = u(() => e.indeterminate === !0 || e.query === !0), r = u(() => e.reverse !== e.query), i = u(() => ({
+    const { proxy: a } = W(), n = zt(e, a.$q), o = ie(e, Tt), d = s(() => e.indeterminate === !0 || e.query === !0), l = s(() => e.reverse !== e.query), r = s(() => ({
       ...o.value !== null ? o.value : {},
       "--q-linear-progress-speed": `${e.animationSpeed}ms`
-    })), q = u(
+    })), S = s(
       () => "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 = u(() => ye(e.buffer !== void 0 ? e.buffer : 1, r.value, n.$q)), f = u(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), _ = u(
-      () => `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}` : "")
-    ), l = u(() => ye(s.value === !0 ? 1 : e.value, r.value, n.$q)), v = u(
-      () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${s.value === !0 ? "in" : ""}determinate`
-    ), m = u(() => ({ width: `${e.value * 100}%` })), g = u(
+    ), y = s(() => ye(e.buffer !== void 0 ? e.buffer : 1, l.value, a.$q)), f = s(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), k = s(
+      () => `q-linear-progress__track absolute-full q-linear-progress__track--${f.value} q-linear-progress__track--${n.value === !0 ? "dark" : "light"}` + (e.trackColor !== void 0 ? ` bg-${e.trackColor}` : "")
+    ), u = s(() => ye(d.value === !0 ? 1 : e.value, l.value, a.$q)), q = s(
+      () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${d.value === !0 ? "in" : ""}determinate`
+    ), i = s(() => ({ width: `${e.value * 100}%` })), g = s(
       () => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
     );
     return () => {
-      const d = [
-        p("div", {
-          class: _.value,
-          style: k.value
+      const v = [
+        m("div", {
+          class: k.value,
+          style: y.value
         }),
-        p("div", {
-          class: v.value,
-          style: l.value
+        m("div", {
+          class: q.value,
+          style: u.value
         })
       ];
-      return e.stripe === !0 && s.value === !1 && d.push(
-        p("div", {
+      return e.stripe === !0 && d.value === !1 && v.push(
+        m("div", {
           class: g.value,
-          style: m.value
+          style: i.value
         })
-      ), p("div", {
-        class: q.value,
-        style: i.value,
+      ), m("div", {
+        class: S.value,
+        style: r.value,
         role: "progressbar",
         "aria-valuemin": 0,
         "aria-valuemax": 1,
         "aria-valuenow": e.indeterminate === !0 ? void 0 : e.value
-      }, V(t.default, d));
+      }, V(t.default, v));
     };
   }
 }), Dt = {
@@ -1116,8 +1116,8 @@ const Ot = J({
     color: {}
   },
   emits: ["update:modelValue", "completed"],
-  setup(e, { emit: t }) {
-    const n = e, a = t, o = Y(Array(n.length).fill("")), s = Y([]), r = u(() => [
+  setup(e, { expose: t, emit: a }) {
+    const n = e, o = a, d = Y(Array(n.length).fill("")), l = Y([]), r = s(() => [
       "code-field",
       {
         "code-field_sm": n.size === $.SM,
@@ -1126,90 +1126,94 @@ const Ot = J({
         "code-field_disabled": n.disabled || n.loading
       },
       `code-field_${n.color}`
-    ]), i = u(() => {
-      let l = "";
-      return n.size == $.SM && (l += `width: ${n.length * 26 + (n.length - 1) * 5}px`), n.size == $.MD && (l += `width: ${n.length * 32 + (n.length - 1) * 8}px`), n.size == $.LG && (l += `width: ${n.length * 44 + (n.length - 1) * 10}px`), l;
-    }), q = (l, v) => {
-      var d;
-      const g = l.target.value;
-      if (g.length === 1)
-        v < n.length - 1 && s.value && ((d = s.value[v + 1]) == null || d.focus());
-      else if (g.length > 1) {
-        const h = g.slice(0, n.length - v).split("");
-        h.forEach((w, M) => {
-          o.value[v + M] = w;
+    ]), S = s(() => {
+      let i = "";
+      return n.size == $.SM && (i += `width: ${n.length * 26 + (n.length - 1) * 5}px`), n.size == $.MD && (i += `width: ${n.length * 32 + (n.length - 1) * 8}px`), n.size == $.LG && (i += `width: ${n.length * 44 + (n.length - 1) * 10}px`), i;
+    }), y = (i, g) => {
+      var _;
+      const p = i.target.value;
+      if (p.length === 1)
+        g < n.length - 1 && l.value && ((_ = l.value[g + 1]) == null || _.focus());
+      else if (p.length > 1) {
+        const w = p.slice(0, n.length - g).split("");
+        w.forEach((C, h) => {
+          d.value[g + h] = C;
         }), se(() => {
-          var w;
-          s.value && ((w = s.value[Math.min(v + h.length, n.length - 1)]) == null || w.focus());
+          var C;
+          l.value && ((C = l.value[Math.min(g + w.length, n.length - 1)]) == null || C.focus());
         });
       }
-    }, k = (l) => {
-      var v;
-      o.value[l] === "" && s.value && l > 0 && ((v = s.value[l - 1]) == null || v.focus());
-    }, f = (l, v) => {
-      var d;
-      l.preventDefault();
-      const m = ((d = l.clipboardData) == null ? void 0 : d.getData("text")) ?? "";
-      if (!m) return;
-      const g = m.slice(0, n.length - v).split("");
-      g.forEach((h, w) => {
-        o.value[v + w] = h;
+    }, f = (i) => {
+      var g;
+      d.value[i] === "" && l.value && i > 0 && ((g = l.value[i - 1]) == null || g.focus());
+    }, k = (i, g) => {
+      var _;
+      i.preventDefault();
+      const v = ((_ = i.clipboardData) == null ? void 0 : _.getData("text")) ?? "";
+      if (!v) return;
+      const p = v.slice(0, n.length - g).split("");
+      p.forEach((w, C) => {
+        d.value[g + C] = w;
       }), se(() => {
-        var h;
-        s.value && ((h = s.value[Math.min(v + g.length, n.length - 1)]) == null || h.focus());
+        var w;
+        l.value && ((w = l.value[Math.min(g + p.length, n.length - 1)]) == null || w.focus());
       });
     };
     De(
-      o,
-      (l) => {
-        const v = l.join("");
-        _(v);
+      d,
+      (i) => {
+        const g = i.join("");
+        u(g);
       },
       { deep: !0 }
     );
-    const _ = (l) => {
-      a("update:modelValue", l), l.length === n.length && !l.includes(" ") && a("completed", l);
+    const u = (i) => {
+      o("update:modelValue", i), i.length === n.length && !i.includes(" ") && o("completed", i);
+    }, q = (i) => {
+      i && (d.value = i.split("").slice(0, n.length));
     };
     return xe(() => {
-      n.autofocus && s.value && s.value[0] && s.value[0].focus();
-    }), (l, v) => (S(), B("div", {
-      class: A(r.value),
-      style: Se(i.value)
+      n.autofocus && l.value && l.value[0] && l.value[0].focus();
+    }), t({
+      injectCode: q
+    }), (i, g) => (B(), L("div", {
+      class: z(r.value),
+      style: Se(S.value)
     }, [
-      l.label ? (S(), B("label", Dt, X(l.label), 1)) : z("", !0),
+      i.label ? (B(), L("label", Dt, X(i.label), 1)) : T("", !0),
       F("div", xt, [
-        (S(!0), B(qe, null, je(l.length, (m, g) => le((S(), B("input", {
-          key: g,
-          "onUpdate:modelValue": (d) => o.value[g] = d,
+        (B(!0), L(qe, null, je(i.length, (v, p) => le((B(), L("input", {
+          key: p,
+          "onUpdate:modelValue": (_) => d.value[p] = _,
           ref_for: !0,
           ref_key: "inputRefs",
-          ref: s,
+          ref: l,
           type: "text",
           maxlength: "1",
           class: "code-field__input",
-          disabled: l.disabled || l.loading,
-          onInput: (d) => q(d, g),
-          onKeydown: Ie((d) => k(g), ["backspace"]),
-          onPaste: (d) => f(d, g)
+          disabled: i.disabled || i.loading,
+          onInput: (_) => y(_, p),
+          onKeydown: Ie((_) => f(p), ["backspace"]),
+          onPaste: (_) => k(_, p)
         }, null, 40, jt)), [
-          [Ve, o.value[g]]
+          [Ve, d.value[p]]
         ])), 128))
       ]),
-      l.loading ? (S(), _e(Ot, {
+      i.loading ? (B(), _e(Ot, {
         key: 1,
         indeterminate: "",
         rounded: "",
-        color: l.color,
+        color: i.color,
         class: "code-field__loading"
-      }, null, 8, ["color"])) : z("", !0)
+      }, null, 8, ["color"])) : T("", !0)
     ], 6));
   }
-}), nn = /* @__PURE__ */ ee(It, [["__scopeId", "data-v-d6040441"]]), an = oe(
-  () => import("./AppButtonCopy-C0dCS9kH.js")
+}), nn = /* @__PURE__ */ ee(It, [["__scopeId", "data-v-44914130"]]), an = oe(
+  () => import("./AppButtonCopy-CcsAzDik.js")
 ), ln = oe(
-  () => import("./AppSelect-CJ7lepXJ.js")
+  () => import("./AppSelect-BtUUK2ea.js")
 ), on = oe(
-  () => import("./DropdownButton-BRrrSH-F.js")
+  () => import("./DropdownButton-CZwBMGcA.js")
 );
 export {
   Zt as A,