@validol4ik/uikit 0.6.10 → 0.7.1

package/dist/{index-B0t4qh6b.js → index-BV2qSN9C.js}

@@ -1,37 +1,47 @@
-import { computed as u, markRaw as _e, defineComponent as U, h as m, withDirectives as re, getCurrentInstance as J, unref as Y, ref as X, onBeforeUnmount as ze, Transition as Te, createBlock as $e, openBlock as B, normalizeClass as z, withCtx as Oe, createElementBlock as L, createCommentVNode as T, renderSlot as qe, Fragment as Se, createTextVNode as De, toDisplayString as W, createElementVNode as G, normalizeStyle as we, watch as xe, onMounted as je, renderList as Ie, withKeys as Ve, vModelText as Ne, nextTick as ce, defineAsyncComponent as ie } from "vue";
-const Be = {
+import { computed as c, markRaw as Se, defineComponent as F, h as m, withDirectives as se, getCurrentInstance as Z, unref as W, ref as J, onBeforeUnmount as Oe, Transition as De, createBlock as Ce, openBlock as S, normalizeClass as M, withCtx as Ie, createElementBlock as C, createCommentVNode as T, renderSlot as re, Fragment as ie, createTextVNode as we, toDisplayString as H, createElementVNode as D, normalizeStyle as ue, watch as xe, onMounted as je, renderList as Be, withKeys as Ve, vModelText as Ke, nextTick as ve, mergeModels as Ne, useModel as Fe, defineAsyncComponent as ce } from "vue";
+const Gt = ({ app: e }) => {
+  const t = e.config.globalProperties.$q;
+  t.iconMapFn = (a) => {
+    if (a.startsWith("icon-kl:"))
+      return {
+        cls: `icon-kl icon-kl-${a.slice(8)}`
+      };
+  };
+}, Le = {
   PRIMARY: "primary",
   INFO: "info"
-}, $ = {
+}, B = {
   SM: "sm",
   MD: "md",
-  LG: "lg"
-}, Ke = {
-  [$.SM]: "3px 9px",
-  [$.MD]: "5px 12px",
-  [$.LG]: "9px 20px"
+  LG: "lg",
+  XL: "xl"
+}, Qe = {
+  [B.SM]: "3px 9px",
+  [B.MD]: "5px 12px",
+  [B.LG]: "6px 15px",
+  [B.XL]: "9px 20px"
 }, le = {
   xs: 18,
   sm: 24,
   md: 32,
   lg: 38,
   xl: 46
-}, se = {
+}, de = {
   size: String
 };
-function ue(e, t = le) {
-  return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
+function fe(e, t = le) {
+  return c(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
 }
-function Z(e) {
-  return _e(U(e));
+function ee(e) {
+  return Se(F(e));
 }
-function Fe(e) {
-  return _e(e);
+function Ue(e) {
+  return Se(e);
 }
-function Qe(e, t) {
+function Xe(e, t) {
   return e !== void 0 && e() || t;
 }
-function Kt(e, t) {
+function Yt(e, t) {
   if (e !== void 0) {
     const a = e();
     if (a != null)
@@ -42,15 +52,15 @@ function Kt(e, t) {
 function N(e, t) {
   return e !== void 0 ? t.concat(e()) : t;
 }
-function Ft(e, t) {
+function Wt(e, t) {
   return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
 }
-function Qt(e, t, a, n, o, c) {
+function Jt(e, t, a, n, o, r) {
   t.key = n + o;
   const l = m(e, t, a);
-  return o === !0 ? re(l, c()) : l;
+  return o === !0 ? se(l, r()) : l;
 }
-const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
+const ge = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ee = {
   "mdi-": (e) => `mdi ${e}`,
   "icon-": ne,
   // fontawesome equiv
@@ -64,18 +74,18 @@ const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
   "bi-": (e) => `bootstrap-icons ${e}`,
   "i-": ne
   // UnoCSS pure icons
-}, Le = {
+}, Re = {
   o_: "-outlined",
   r_: "-round",
   s_: "-sharp"
-}, Ee = {
+}, Me = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, Ge = new RegExp("^(" + Object.keys(Ce).join("|") + ")"), Ue = new RegExp("^(" + Object.keys(Le).join("|") + ")"), fe = new RegExp("^(" + Object.keys(Ee).join("|") + ")"), He = /^[Mm]\s?[-+]?\.?\d/, Ye = /^img:/, Xe = /^svguse:/, We = /^ion-/, Je = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, ve = Z({
+}, He = new RegExp("^(" + Object.keys(Ee).join("|") + ")"), Ge = new RegExp("^(" + Object.keys(Re).join("|") + ")"), pe = new RegExp("^(" + Object.keys(Me).join("|") + ")"), Ye = /^[Mm]\s?[-+]?\.?\d/, We = /^img:/, Je = /^svguse:/, Ze = /^ion-/, et = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, me = ee({
   name: "QIcon",
   props: {
-    ...se,
+    ...de,
     tag: {
       type: String,
       default: "i"
@@ -86,17 +96,17 @@ const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
     right: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: { $q: a } } = J(), n = ue(e), o = u(
+    const { proxy: { $q: a } } = Z(), n = fe(e), o = c(
       () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
-    ), c = u(() => {
-      let l, r = e.name;
-      if (r === "none" || !r)
+    ), r = c(() => {
+      let l, s = e.name;
+      if (s === "none" || !s)
         return { none: !0 };
       if (a.iconMapFn !== null) {
-        const f = a.iconMapFn(r);
+        const f = a.iconMapFn(s);
         if (f !== void 0)
           if (f.icon !== void 0) {
-            if (r = f.icon, r === "none" || !r)
+            if (s = f.icon, s === "none" || !s)
               return { none: !0 };
           } else
             return {
@@ -104,50 +114,50 @@ const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
               content: f.content !== void 0 ? f.content : " "
             };
       }
-      if (He.test(r) === !0) {
-        const [f, k = de] = r.split("|");
+      if (Ye.test(s) === !0) {
+        const [f, _ = ge] = s.split("|");
         return {
           svg: !0,
-          viewBox: k,
+          viewBox: _,
           nodes: f.split("&&").map((d) => {
-            const [q, s, g] = d.split("@@");
-            return m("path", { style: s, d: q, transform: g });
+            const [q, u, g] = d.split("@@");
+            return m("path", { style: u, d: q, transform: g });
           })
         };
       }
-      if (Ye.test(r) === !0)
+      if (We.test(s) === !0)
         return {
           img: !0,
-          src: r.substring(4)
+          src: s.substring(4)
         };
-      if (Xe.test(r) === !0) {
-        const [f, k = de] = r.split("|");
+      if (Je.test(s) === !0) {
+        const [f, _ = ge] = s.split("|");
         return {
           svguse: !0,
           src: f.substring(7),
-          viewBox: k
+          viewBox: _
         };
       }
-      let S = " ";
-      const y = r.match(Ge);
-      if (y !== null)
-        l = Ce[y[1]](r);
-      else if (Je.test(r) === !0)
-        l = r;
-      else if (We.test(r) === !0)
-        l = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${r.substring(3)}`;
-      else if (fe.test(r) === !0) {
+      let k = " ";
+      const b = s.match(He);
+      if (b !== null)
+        l = Ee[b[1]](s);
+      else if (et.test(s) === !0)
+        l = s;
+      else if (Ze.test(s) === !0)
+        l = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${s.substring(3)}`;
+      else if (pe.test(s) === !0) {
         l = "notranslate material-symbols";
-        const f = r.match(fe);
-        f !== null && (r = r.substring(6), l += Ee[f[1]]), S = r;
+        const f = s.match(pe);
+        f !== null && (s = s.substring(6), l += Me[f[1]]), k = s;
       } else {
         l = "notranslate material-icons";
-        const f = r.match(Ue);
-        f !== null && (r = r.substring(2), l += Le[f[1]]), S = r;
+        const f = s.match(Ge);
+        f !== null && (s = s.substring(2), l += Re[f[1]]), k = s;
       }
       return {
         cls: l,
-        content: S
+        content: k
       };
     });
     return () => {
@@ -156,49 +166,49 @@ const de = "0 0 24 24", ne = (e) => e, ae = (e) => `ionicons ${e}`, Ce = {
         style: n.value,
         "aria-hidden": "true"
       };
-      return c.value.none === !0 ? m(e.tag, l, Qe(t.default)) : c.value.img === !0 ? m(e.tag, l, N(t.default, [
-        m("img", { src: c.value.src })
-      ])) : c.value.svg === !0 ? m(e.tag, l, N(t.default, [
+      return r.value.none === !0 ? m(e.tag, l, Xe(t.default)) : r.value.img === !0 ? m(e.tag, l, N(t.default, [
+        m("img", { src: r.value.src })
+      ])) : r.value.svg === !0 ? m(e.tag, l, N(t.default, [
         m("svg", {
-          viewBox: c.value.viewBox || "0 0 24 24"
-        }, c.value.nodes)
-      ])) : c.value.svguse === !0 ? m(e.tag, l, N(t.default, [
+          viewBox: r.value.viewBox || "0 0 24 24"
+        }, r.value.nodes)
+      ])) : r.value.svguse === !0 ? m(e.tag, l, N(t.default, [
         m("svg", {
-          viewBox: c.value.viewBox
+          viewBox: r.value.viewBox
         }, [
-          m("use", { "xlink:href": c.value.src })
+          m("use", { "xlink:href": r.value.src })
         ])
-      ])) : (c.value.cls !== void 0 && (l.class += " " + c.value.cls), m(e.tag, l, N(t.default, [
-        c.value.content
+      ])) : (r.value.cls !== void 0 && (l.class += " " + r.value.cls), m(e.tag, l, N(t.default, [
+        r.value.content
       ])));
     };
   }
-}), Ze = {
+}), tt = {
   size: {
     type: [String, Number],
     default: "1em"
   },
   color: String
 };
-function et(e) {
+function nt(e) {
   return {
-    cSize: u(() => e.size in le ? `${le[e.size]}px` : e.size),
-    classes: u(
+    cSize: c(() => e.size in le ? `${le[e.size]}px` : e.size),
+    classes: c(
       () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
     )
   };
 }
-const tt = Z({
+const at = ee({
   name: "QSpinner",
   props: {
-    ...Ze,
+    ...tt,
     thickness: {
       type: Number,
       default: 5
     }
   },
   setup(e) {
-    const { cSize: t, classes: a } = et(e);
+    const { cSize: t, classes: a } = nt(e);
     return () => m("svg", {
       class: a.value + " q-spinner-mat",
       width: t.value,
@@ -218,12 +228,12 @@ const tt = Z({
     ]);
   }
 });
-function nt(e, t) {
+function lt(e, t) {
   const a = e.style;
   for (const n in t)
     a[n] = t[n];
 }
-function Gt(e) {
+function Zt(e) {
   if (e == null)
     return;
   if (typeof e == "string")
@@ -232,11 +242,11 @@ function Gt(e) {
     } catch {
       return;
     }
-  const t = Y(e);
+  const t = W(e);
   if (t)
     return t.$el || t;
 }
-function Ut(e, t) {
+function en(e, t) {
   if (e == null || e.contains(t) === !0)
     return !0;
   for (let a = e.nextElementSibling; a !== null; a = a.nextElementSibling)
@@ -244,7 +254,7 @@ function Ut(e, t) {
       return !0;
   return !1;
 }
-const ee = {
+const te = {
   hasPassive: !1,
   passiveCapture: !0,
   notPassiveCapture: !0
@@ -252,7 +262,7 @@ const ee = {
 try {
   const e = Object.defineProperty({}, "passive", {
     get() {
-      Object.assign(ee, {
+      Object.assign(te, {
         hasPassive: !0,
         passive: { passive: !0 },
         notPassive: { passive: !1 },
@@ -264,15 +274,15 @@ try {
   window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
 } catch {
 }
-function Ht() {
+function tn() {
 }
-function at(e) {
+function ot(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 Yt(e) {
+function nn(e) {
   if (e.path)
     return e.path;
   if (e.composedPath)
@@ -285,34 +295,34 @@ function Yt(e) {
     a = a.parentElement;
   }
 }
-function Re(e) {
+function Pe(e) {
   e.stopPropagation();
 }
-function lt(e) {
+function st(e) {
   e.cancelable !== !1 && e.preventDefault();
 }
 function x(e) {
   e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
 }
-function ot(e, t, a) {
+function rt(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]], ee[o[3]]);
+    o[0].addEventListener(o[1], e[o[2]], te[o[3]]);
   });
 }
-function rt(e, t) {
+function it(e, t) {
   const a = `__q_${t}_evt`;
   e[a] !== void 0 && (e[a].forEach((n) => {
-    n[0].removeEventListener(n[1], e[n[2]], ee[n[3]]);
+    n[0].removeEventListener(n[1], e[n[2]], te[n[3]]);
   }), e[a] = void 0);
 }
-function it(e) {
+function ut(e) {
   return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
 }
 function oe(e, t) {
-  return it(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
+  return ut(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
-function st(e, t = 250) {
+function ct(e, t = 250) {
   let a = !1, n;
   return function() {
     return a === !1 && (a = !0, setTimeout(() => {
@@ -320,31 +330,31 @@ function st(e, t = 250) {
     }, t), n = e.apply(this, arguments)), n;
   };
 }
-function ge(e, t, a, n) {
-  a.modifiers.stop === !0 && Re(e);
+function he(e, t, a, n) {
+  a.modifiers.stop === !0 && Pe(e);
   const o = a.modifiers.color;
-  let c = a.modifiers.center;
-  c = c === !0 || n === !0;
-  const l = document.createElement("span"), r = document.createElement("span"), S = at(e), { left: y, top: f, width: k, height: d } = t.getBoundingClientRect(), q = Math.sqrt(k * k + d * d), s = q / 2, g = `${(k - q) / 2}px`, v = c ? g : `${S.left - y - s}px`, p = `${(d - q) / 2}px`, _ = c ? p : `${S.top - f - s}px`;
-  r.className = "q-ripple__inner", nt(r, {
+  let r = a.modifiers.center;
+  r = r === !0 || n === !0;
+  const l = document.createElement("span"), s = document.createElement("span"), k = ot(e), { left: b, top: f, width: _, height: d } = t.getBoundingClientRect(), q = Math.sqrt(_ * _ + d * d), u = q / 2, g = `${(_ - q) / 2}px`, v = r ? g : `${k.left - b - u}px`, p = `${(d - q) / 2}px`, $ = r ? p : `${k.top - f - u}px`;
+  s.className = "q-ripple__inner", lt(s, {
     height: `${q}px`,
     width: `${q}px`,
-    transform: `translate3d(${v},${_},0) scale3d(.2,.2,1)`,
+    transform: `translate3d(${v},${$},0) scale3d(.2,.2,1)`,
     opacity: 0
-  }), l.className = `q-ripple${o ? " text-" + o : ""}`, l.setAttribute("dir", "ltr"), l.appendChild(r), t.appendChild(l);
+  }), l.className = `q-ripple${o ? " text-" + o : ""}`, l.setAttribute("dir", "ltr"), l.appendChild(s), t.appendChild(l);
   const w = () => {
-    l.remove(), clearTimeout(C);
+    l.remove(), clearTimeout(L);
   };
   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(() => {
+  let L = setTimeout(() => {
+    s.classList.add("q-ripple__inner--enter"), s.style.transform = `translate3d(${g},${p},0) scale3d(1,1,1)`, s.style.opacity = 0.2, L = setTimeout(() => {
+      s.classList.remove("q-ripple__inner--enter"), s.classList.add("q-ripple__inner--leave"), s.style.opacity = 0, L = setTimeout(() => {
         l.remove(), a.abort.splice(a.abort.indexOf(w), 1);
       }, 275);
     }, 250);
   }, 50);
 }
-function pe(e, { modifiers: t, value: a, arg: n }) {
+function be(e, { modifiers: t, value: a, arg: n }) {
   const o = Object.assign({}, e.cfg.ripple, t, a);
   e.modifiers = {
     early: o.early === !0,
@@ -354,7 +364,7 @@ function pe(e, { modifiers: t, value: a, arg: n }) {
     keyCodes: [].concat(o.keyCodes || 13)
   };
 }
-const ut = Fe(
+const dt = Ue(
   {
     name: "ripple",
     beforeMount(e, t) {
@@ -366,13 +376,13 @@ const ut = Fe(
         modifiers: {},
         abort: [],
         start(o) {
-          n.enabled === !0 && o.qSkipRipple !== !0 && o.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && ge(o, e, n, o.qKeyEvent === !0);
+          n.enabled === !0 && o.qSkipRipple !== !0 && o.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && he(o, e, n, o.qKeyEvent === !0);
         },
-        keystart: st((o) => {
-          n.enabled === !0 && o.qSkipRipple !== !0 && oe(o, n.modifiers.keyCodes) === !0 && o.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && ge(o, e, n, !0);
+        keystart: ct((o) => {
+          n.enabled === !0 && o.qSkipRipple !== !0 && oe(o, n.modifiers.keyCodes) === !0 && o.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && he(o, e, n, !0);
         }, 300)
       };
-      pe(n, t), e.__qripple = n, ot(n, "main", [
+      be(n, t), e.__qripple = n, rt(n, "main", [
         [e, "pointerdown", "start", "passive"],
         [e, "click", "start", "passive"],
         [e, "keydown", "keystart", "passive"],
@@ -382,17 +392,17 @@ const ut = Fe(
     updated(e, t) {
       if (t.oldValue !== t.value) {
         const a = e.__qripple;
-        a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value && pe(a, t));
+        a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value && be(a, t));
       }
     },
     beforeUnmount(e) {
       const t = e.__qripple;
       t !== void 0 && (t.abort.forEach((a) => {
         a();
-      }), rt(t, "main"), delete e._qripple);
+      }), it(t, "main"), delete e._qripple);
     }
   }
-), Me = {
+), Ae = {
   left: "start",
   center: "center",
   right: "end",
@@ -400,19 +410,19 @@ const ut = Fe(
   around: "around",
   evenly: "evenly",
   stretch: "stretch"
-}, ct = Object.keys(Me), dt = {
+}, ft = Object.keys(Ae), vt = {
   align: {
     type: String,
-    validator: (e) => ct.includes(e)
+    validator: (e) => ft.includes(e)
   }
 };
-function ft(e) {
-  return u(() => {
+function gt(e) {
+  return c(() => {
     const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
-    return `${e.vertical === !0 ? "items" : "justify"}-${Me[t]}`;
+    return `${e.vertical === !0 ? "items" : "justify"}-${Ae[t]}`;
   });
 }
-function Xt(e) {
+function an(e) {
   if (Object(e.$parent) === e.$parent)
     return e.$parent;
   let { parent: t } = e.$;
@@ -422,44 +432,44 @@ function Xt(e) {
     t = t.parent;
   }
 }
-function vt(e) {
+function pt(e) {
   return e.appContext.config.globalProperties.$router !== void 0;
 }
-function Wt(e) {
+function ln(e) {
   return e.isUnmounted === !0 || e.isDeactivated === !0;
 }
-function me(e) {
+function ye(e) {
   return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
 }
-function he(e, t) {
+function ke(e, t) {
   return (e.aliasOf || e) === (t.aliasOf || t);
 }
-function gt(e, t) {
+function mt(e, t) {
   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 !== n.length || n.some((c, l) => c !== o[l]))
+    } else if (Array.isArray(o) === !1 || o.length !== n.length || n.some((r, l) => r !== o[l]))
       return !1;
   }
   return !0;
 }
-function be(e, t) {
+function _e(e, t) {
   return Array.isArray(t) === !0 ? e.length === t.length && e.every((a, n) => a === t[n]) : e.length === 1 && e[0] === t;
 }
-function pt(e, t) {
-  return Array.isArray(e) === !0 ? be(e, t) : Array.isArray(t) === !0 ? be(t, e) : e === t;
+function ht(e, t) {
+  return Array.isArray(e) === !0 ? _e(e, t) : Array.isArray(t) === !0 ? _e(t, e) : e === t;
 }
-function mt(e, t) {
+function bt(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const a in e)
-    if (pt(e[a], t[a]) === !1)
+    if (ht(e[a], t[a]) === !1)
       return !1;
   return !0;
 }
-const Pe = {
+const ze = {
   // router-link
   to: [String, Object],
   replace: Boolean,
@@ -468,8 +478,8 @@ const Pe = {
   target: String,
   // state
   disable: Boolean
-}, Jt = {
-  ...Pe,
+}, on = {
+  ...ze,
   // router-link
   exact: Boolean,
   activeClass: {
@@ -481,51 +491,51 @@ const Pe = {
     default: "q-router-link--exact-active"
   }
 };
-function ht({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const a = J(), { props: n, proxy: o, emit: c } = a, l = vt(a), r = u(() => n.disable !== !0 && n.href !== void 0), S = t === !0 ? u(
-    () => l === !0 && n.disable !== !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
-  ) : u(
-    () => l === !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
-  ), y = u(() => S.value === !0 ? _(n.to) : null), f = u(() => y.value !== null), k = u(() => r.value === !0 || f.value === !0), d = u(() => n.type === "a" || k.value === !0 ? "a" : n.tag || e || "div"), q = u(() => r.value === !0 ? {
+function yt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
+  const a = Z(), { props: n, proxy: o, emit: r } = a, l = pt(a), s = c(() => n.disable !== !0 && n.href !== void 0), k = t === !0 ? c(
+    () => l === !0 && n.disable !== !0 && s.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ) : c(
+    () => l === !0 && s.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ), b = c(() => k.value === !0 ? $(n.to) : null), f = c(() => b.value !== null), _ = c(() => s.value === !0 || f.value === !0), d = c(() => n.type === "a" || _.value === !0 ? "a" : n.tag || e || "div"), q = c(() => s.value === !0 ? {
     href: n.href,
     target: n.target
   } : f.value === !0 ? {
-    href: y.value.href,
+    href: b.value.href,
     target: n.target
-  } : {}), s = u(() => {
+  } : {}), u = c(() => {
     if (f.value === !1)
       return -1;
-    const { matched: h } = y.value, { length: E } = h, M = h[E - 1];
-    if (M === void 0)
+    const { matched: h } = b.value, { length: E } = h, P = h[E - 1];
+    if (P === void 0)
       return -1;
-    const A = o.$route.matched;
-    if (A.length === 0)
+    const z = o.$route.matched;
+    if (z.length === 0)
       return -1;
-    const O = A.findIndex(
-      he.bind(null, M)
+    const O = z.findIndex(
+      ke.bind(null, P)
     );
     if (O !== -1)
       return O;
-    const H = me(h[E - 2]);
+    const Y = ye(h[E - 2]);
     return (
       // we are dealing with nested routes
-      E > 1 && me(M) === H && A[A.length - 1].path !== H ? A.findIndex(
-        he.bind(null, h[E - 2])
+      E > 1 && ye(P) === Y && z[z.length - 1].path !== Y ? z.findIndex(
+        ke.bind(null, h[E - 2])
       ) : O
     );
-  }), g = u(
-    () => f.value === !0 && s.value !== -1 && gt(o.$route.params, y.value.params)
-  ), v = u(
-    () => g.value === !0 && s.value === o.$route.matched.length - 1 && mt(o.$route.params, y.value.params)
-  ), p = u(() => f.value === !0 ? v.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : g.value === !0 ? ` ${n.activeClass}` : "" : "");
-  function _(h) {
+  }), g = c(
+    () => f.value === !0 && u.value !== -1 && mt(o.$route.params, b.value.params)
+  ), v = c(
+    () => g.value === !0 && u.value === o.$route.matched.length - 1 && bt(o.$route.params, b.value.params)
+  ), p = c(() => 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(h);
     } catch {
     }
     return null;
   }
-  function w(h, { returnRouterError: E, to: M = n.to, replace: A = n.replace } = {}) {
+  function w(h, { returnRouterError: E, to: P = n.to, replace: z = n.replace } = {}) {
     if (n.disable === !0)
       return h.preventDefault(), Promise.resolve(!1);
     if (
@@ -535,57 +545,57 @@ function ht({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
     )
       return Promise.resolve(!1);
     h.preventDefault();
-    const O = o.$router[A === !0 ? "replace" : "push"](M);
+    const O = o.$router[z === !0 ? "replace" : "push"](P);
     return E === !0 ? O : O.then(() => {
     }).catch(() => {
     });
   }
-  function C(h) {
+  function L(h) {
     if (f.value === !0) {
-      const E = (M) => w(h, M);
-      c("click", h, E), h.defaultPrevented !== !0 && E();
+      const E = (P) => w(h, P);
+      r("click", h, E), h.defaultPrevented !== !0 && E();
     } else
-      c("click", h);
+      r("click", h);
   }
   return {
     hasRouterLink: f,
-    hasHrefLink: r,
-    hasLink: k,
+    hasHrefLink: s,
+    hasLink: _,
     linkTag: d,
-    resolvedLink: y,
+    resolvedLink: b,
     linkIsActive: g,
     linkIsExactActive: v,
     linkClass: p,
     linkAttrs: q,
-    getLink: _,
+    getLink: $,
     navigateToRouterLink: w,
-    navigateOnClick: C
+    navigateOnClick: L
   };
 }
-const ye = {
+const $e = {
   none: 0,
   xs: 4,
   sm: 8,
   md: 16,
   lg: 24,
   xl: 32
-}, bt = {
+}, kt = {
   xs: 8,
   sm: 10,
   md: 14,
   lg: 20,
   xl: 24
-}, yt = ["button", "submit", "reset"], kt = /[^\s]\/[^\s]/, _t = ["flat", "outline", "push", "unelevated"];
-function Ae(e, t) {
+}, _t = ["button", "submit", "reset"], $t = /[^\s]\/[^\s]/, qt = ["flat", "outline", "push", "unelevated"];
+function Te(e, t) {
   return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
 }
-function Zt(e) {
-  const t = Ae(e);
+function sn(e) {
+  const t = Te(e);
   return t !== void 0 ? { [t]: !0 } : {};
 }
-const $t = {
-  ...se,
-  ...Pe,
+const St = {
+  ...de,
+  ...ze,
   type: {
     type: String,
     default: "button"
@@ -593,7 +603,7 @@ const $t = {
   label: [Number, String],
   icon: String,
   iconRight: String,
-  ..._t.reduce(
+  ...qt.reduce(
     (e, t) => (e[t] = Boolean) && e,
     {}
   ),
@@ -615,7 +625,7 @@ const $t = {
     default: !0
   },
   align: {
-    ...dt.align,
+    ...vt.align,
     default: "center"
   },
   stack: Boolean,
@@ -625,100 +635,100 @@ const $t = {
     default: null
   },
   disable: Boolean
-}, qt = {
-  ...$t,
+}, Ct = {
+  ...St,
   round: Boolean
 };
-function St(e) {
-  const t = ue(e, bt), a = ft(e), { hasRouterLink: n, hasLink: o, linkTag: c, linkAttrs: l, navigateOnClick: r } = ht({
+function wt(e) {
+  const t = fe(e, kt), a = gt(e), { hasRouterLink: n, hasLink: o, linkTag: r, linkAttrs: l, navigateOnClick: s } = yt({
     fallbackTag: "button"
-  }), S = u(() => {
+  }), k = c(() => {
     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 ye ? ye[p] + "px" : p).join(" "),
+      padding: e.padding.split(/\s+/).map((p) => p in $e ? $e[p] + "px" : p).join(" "),
       minWidth: "0",
       minHeight: "0"
     }) : v;
-  }), y = u(
+  }), b = c(
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
-  ), f = u(
+  ), f = c(
     () => e.disable !== !0 && e.loading !== !0
-  ), k = u(() => f.value === !0 ? e.tabindex || 0 : -1), d = u(() => Ae(e, "standard")), q = u(() => {
-    const v = { tabindex: k.value };
-    return o.value === !0 ? Object.assign(v, l.value) : yt.includes(e.type) === !0 && (v.type = e.type), c.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), n.value !== !0 && kt.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, {
+  ), _ = c(() => f.value === !0 ? e.tabindex || 0 : -1), d = c(() => Te(e, "standard")), q = c(() => {
+    const v = { tabindex: _.value };
+    return o.value === !0 ? Object.assign(v, l.value) : _t.includes(e.type) === !0 && (v.type = e.type), r.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), n.value !== !0 && $t.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
     }), v;
-  }), s = u(() => {
+  }), u = c(() => {
     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" : ""}`;
+    const p = e.round === !0 ? "round" : `rectangle${b.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
     return `q-btn--${d.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 = u(
+  }), g = c(
     () => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
   );
   return {
-    classes: s,
-    style: S,
+    classes: u,
+    style: k,
     innerClasses: g,
     attributes: q,
     hasLink: o,
-    linkTag: c,
-    navigateOnClick: r,
+    linkTag: r,
+    navigateOnClick: s,
     isActionable: f
   };
 }
-const { passiveCapture: R } = ee;
-let j = null, I = null, V = null;
-const wt = Z({
+const { passiveCapture: R } = te;
+let j = null, V = null, K = null;
+const Bt = ee({
   name: "QBtn",
   props: {
-    ...qt,
+    ...Ct,
     percentage: Number,
     darkPercentage: Boolean,
     onTouchstart: [Function, Array]
   },
   emits: ["click", "keydown", "mousedown", "keyup"],
   setup(e, { slots: t, emit: a }) {
-    const { proxy: n } = J(), {
+    const { proxy: n } = Z(), {
       classes: o,
-      style: c,
+      style: r,
       innerClasses: l,
-      attributes: r,
-      hasLink: S,
-      linkTag: y,
+      attributes: s,
+      hasLink: k,
+      linkTag: b,
       navigateOnClick: f,
-      isActionable: k
-    } = St(e), d = X(null), q = X(null);
-    let s = null, g, v = null;
-    const p = u(
+      isActionable: _
+    } = wt(e), d = J(null), q = J(null);
+    let u = null, g, v = null;
+    const p = c(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
-    ), _ = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
-      keyCodes: S.value === !0 ? [13, 32] : [13],
+    ), $ = c(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+      keyCodes: k.value === !0 ? [13, 32] : [13],
       ...e.ripple === !0 ? {} : e.ripple
-    }), w = u(() => ({ center: e.round })), C = u(() => {
+    }), w = c(() => ({ center: e.round })), L = c(() => {
       const i = Math.max(0, Math.min(100, e.percentage));
       return i > 0 ? { transition: "transform 0.6s", transform: `translateX(${i - 100}%)` } : {};
-    }), h = u(() => {
+    }), h = c(() => {
       if (e.loading === !0)
         return {
-          onMousedown: F,
-          onTouchstart: F,
-          onClick: F,
-          onKeydown: F,
-          onKeyup: F
+          onMousedown: U,
+          onTouchstart: U,
+          onClick: U,
+          onKeydown: U,
+          onKeyup: U
         };
-      if (k.value === !0) {
+      if (_.value === !0) {
         const i = {
-          onClick: M,
-          onKeydown: A,
-          onMousedown: H
+          onClick: P,
+          onKeydown: z,
+          onMousedown: Y
         };
         if (n.$q.platform.has.touch === !0) {
-          const b = e.onTouchstart !== void 0 ? "" : "Passive";
-          i[`onTouchstart${b}`] = O;
+          const y = e.onTouchstart !== void 0 ? "" : "Passive";
+          i[`onTouchstart${y}`] = O;
         }
         return i;
       }
@@ -726,71 +736,71 @@ const wt = Z({
         // needed; especially for disabled <a> tags
         onClick: x
       };
-    }), E = u(() => ({
+    }), E = c(() => ({
       ref: d,
       class: "q-btn q-btn-item non-selectable no-outline " + o.value,
-      style: c.value,
-      ...r.value,
+      style: r.value,
+      ...s.value,
       ...h.value
     }));
-    function M(i) {
+    function P(i) {
       if (d.value !== null) {
         if (i !== void 0) {
           if (i.defaultPrevented === !0) return;
-          const b = document.activeElement;
-          if (e.type === "submit" && b !== document.body && d.value.contains(b) === !1 && b.contains(d.value) === !1) {
+          const y = document.activeElement;
+          if (e.type === "submit" && y !== document.body && d.value.contains(y) === !1 && y.contains(d.value) === !1) {
             i.qAvoidFocus !== !0 && d.value.focus();
-            const D = () => {
-              var Q;
-              document.removeEventListener("keydown", x, !0), document.removeEventListener("keyup", D, R), (Q = d.value) == null || Q.removeEventListener("blur", D, R);
+            const I = () => {
+              var X;
+              document.removeEventListener("keydown", x, !0), document.removeEventListener("keyup", I, R), (X = d.value) == null || X.removeEventListener("blur", I, R);
             };
-            document.addEventListener("keydown", x, !0), document.addEventListener("keyup", D, R), d.value.addEventListener("blur", D, R);
+            document.addEventListener("keydown", x, !0), document.addEventListener("keyup", I, R), d.value.addEventListener("blur", I, R);
           }
         }
         f(i);
       }
     }
-    function A(i) {
-      d.value !== null && (a("keydown", i), oe(i, [13, 32]) === !0 && I !== d.value && (I !== null && K(), i.defaultPrevented !== !0 && (i.qAvoidFocus !== !0 && d.value.focus(), I = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", P, !0), d.value.addEventListener("blur", P, R)), x(i)));
+    function z(i) {
+      d.value !== null && (a("keydown", i), oe(i, [13, 32]) === !0 && V !== d.value && (V !== null && Q(), i.defaultPrevented !== !0 && (i.qAvoidFocus !== !0 && d.value.focus(), V = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", A, !0), d.value.addEventListener("blur", A, R)), x(i)));
     }
     function O(i) {
-      d.value !== null && (a("touchstart", i), i.defaultPrevented !== !0 && (j !== d.value && (j !== null && K(), j = d.value, s = i.target, s.addEventListener("touchcancel", P, R), s.addEventListener("touchend", P, R)), g = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
+      d.value !== null && (a("touchstart", i), i.defaultPrevented !== !0 && (j !== d.value && (j !== null && Q(), j = d.value, u = i.target, u.addEventListener("touchcancel", A, R), u.addEventListener("touchend", A, R)), g = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
         v = null, g = !1;
       }, 200)));
     }
-    function H(i) {
-      d.value !== null && (i.qSkipRipple = g === !0, a("mousedown", i), i.defaultPrevented !== !0 && V !== d.value && (V !== null && K(), V = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", P, R)));
+    function Y(i) {
+      d.value !== null && (i.qSkipRipple = g === !0, a("mousedown", i), i.defaultPrevented !== !0 && K !== d.value && (K !== null && Q(), K = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", A, R)));
     }
-    function P(i) {
+    function A(i) {
       if (d.value !== null && !((i == null ? void 0 : i.type) === "blur" && document.activeElement === d.value)) {
         if ((i == null ? void 0 : i.type) === "keyup") {
-          if (I === d.value && oe(i, [13, 32]) === !0) {
-            const b = new MouseEvent("click", i);
-            b.qKeyEvent = !0, i.defaultPrevented === !0 && lt(b), i.cancelBubble === !0 && Re(b), d.value.dispatchEvent(b), x(i), i.qKeyEvent = !0;
+          if (V === d.value && oe(i, [13, 32]) === !0) {
+            const y = new MouseEvent("click", i);
+            y.qKeyEvent = !0, i.defaultPrevented === !0 && st(y), i.cancelBubble === !0 && Pe(y), d.value.dispatchEvent(y), x(i), i.qKeyEvent = !0;
           }
           a("keyup", i);
         }
-        K();
+        Q();
       }
     }
-    function K(i) {
-      var D, Q;
-      const b = q.value;
-      i !== !0 && (j === d.value || V === d.value) && b !== null && b !== document.activeElement && (b.setAttribute("tabindex", -1), b.focus()), j === d.value && (s !== null && (s.removeEventListener("touchcancel", P, R), s.removeEventListener("touchend", P, R)), j = s = null), V === d.value && (document.removeEventListener("mouseup", P, R), V = null), I === d.value && (document.removeEventListener("keyup", P, !0), (D = d.value) == null || D.removeEventListener("blur", P, R), I = null), (Q = d.value) == null || Q.classList.remove("q-btn--active");
+    function Q(i) {
+      var I, X;
+      const y = q.value;
+      i !== !0 && (j === d.value || K === d.value) && y !== null && y !== document.activeElement && (y.setAttribute("tabindex", -1), y.focus()), j === d.value && (u !== null && (u.removeEventListener("touchcancel", A, R), u.removeEventListener("touchend", A, R)), j = u = null), K === d.value && (document.removeEventListener("mouseup", A, R), K = null), V === d.value && (document.removeEventListener("keyup", A, !0), (I = d.value) == null || I.removeEventListener("blur", A, R), V = null), (X = d.value) == null || X.classList.remove("q-btn--active");
     }
-    function F(i) {
+    function U(i) {
       x(i), i.qSkipRipple = !0;
     }
-    return ze(() => {
-      K(!0);
+    return Oe(() => {
+      Q(!0);
     }), Object.assign(n, {
       click: (i) => {
-        k.value === !0 && M(i);
+        _.value === !0 && P(i);
       }
     }), () => {
       let i = [];
       e.icon !== void 0 && i.push(
-        m(ve, {
+        m(me, {
           name: e.icon,
           left: e.stack !== !0 && p.value === !0,
           role: "img"
@@ -798,63 +808,63 @@ const wt = Z({
       ), p.value === !0 && i.push(
         m("span", { class: "block" }, [e.label])
       ), i = N(t.default, i), e.iconRight !== void 0 && e.round === !1 && i.push(
-        m(ve, {
+        m(me, {
           name: e.iconRight,
           right: e.stack !== !0 && p.value === !0,
           role: "img"
         })
       );
-      const b = [
+      const y = [
         m("span", {
           class: "q-focus-helper",
           ref: q
         })
       ];
-      return e.loading === !0 && e.percentage !== void 0 && b.push(
+      return e.loading === !0 && e.percentage !== void 0 && y.push(
         m("span", {
           class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
         }, [
           m("span", {
             class: "q-btn__progress-indicator fit block",
-            style: C.value
+            style: L.value
           })
         ])
-      ), b.push(
+      ), y.push(
         m("span", {
           class: "q-btn__content text-center col items-center q-anchor--skip " + l.value
         }, i)
-      ), e.loading !== null && b.push(
-        m(Te, {
+      ), e.loading !== null && y.push(
+        m(De, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
           m("span", {
             key: "loading",
             class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [m(tt)])
+          }, t.loading !== void 0 ? t.loading() : [m(at)])
         ] : null)
-      ), re(
+      ), se(
         m(
-          y.value,
+          b.value,
           E.value,
-          b
+          y
         ),
         [[
-          ut,
-          _.value,
+          dt,
+          $.value,
           void 0,
           w.value
         ]]
       );
     };
   }
-}), Bt = /* @__PURE__ */ U({
+}), Lt = /* @__PURE__ */ F({
   __name: "AppButton",
   props: {
-    size: { default: $.MD },
+    size: { default: B.MD },
     transparent: { type: Boolean },
     flat: { type: Boolean },
     rounded: { type: Boolean },
-    color: { default: Be.PRIMARY },
+    color: { default: Le.PRIMARY },
     iconLeft: {},
     iconRight: {},
     iconMiddle: {},
@@ -870,27 +880,25 @@ const wt = Z({
   },
   emits: ["click"],
   setup(e) {
-    const t = e, a = u(() => [
+    const t = e, a = c(() => [
       "app-btn",
       {
         "app-btn_default": !t.transparent && !t.flat,
         "app-btn_trans": t.transparent,
         "app-btn_flat": t.flat,
         "app-btn_rounded": t.rounded,
-        "app-btn_sm": t.size === $.SM,
-        "app-btn_md": t.size === $.MD,
-        "app-btn_lg": t.size === $.LG,
         "app-btn_icon-left": t.iconLeft,
         "app-btn_icon-right": t.iconRight,
         "app-btn_icon-middle": t.iconMiddle
       },
+      `app-btn_${t.size}`,
       `app-btn_${t.color}`
     ]);
-    return (n, o) => (B(), $e(Y(wt), {
+    return (n, o) => (S(), Ce(W(Bt), {
       "no-caps": "",
       unelevated: "",
-      class: z(a.value),
-      padding: Y(Ke)[n.size || Y($).MD],
+      class: M(a.value),
+      padding: W(Qe)[n.size || W(B).MD],
       loading: n.loading,
       disable: n.disabled || void 0,
       to: n.to,
@@ -899,25 +907,25 @@ const wt = Z({
       type: n.submit ? "submit" : void 0,
       "aria-label": n.ariaLabel,
       download: n.download,
-      onClick: o[0] || (o[0] = (c) => n.$emit("click", c))
+      onClick: o[0] || (o[0] = (r) => n.$emit("click", r))
     }, {
-      default: Oe(() => [
-        n.iconLeft || n.iconMiddle ? (B(), L("i", {
+      default: Ie(() => [
+        n.iconLeft || n.iconMiddle ? (S(), C("i", {
           key: 0,
-          class: z([
+          class: M([
             "icon-kl",
             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)) : T("", !0),
-        qe(n.$slots, "default", {}, void 0, !0),
-        n.label ? (B(), L(Se, { key: 1 }, [
-          De(W(n.label), 1)
+        re(n.$slots, "default", {}, void 0, !0),
+        n.label ? (S(), C(ie, { key: 1 }, [
+          we(H(n.label), 1)
         ], 64)) : T("", !0),
-        n.iconRight ? (B(), L("i", {
+        n.iconRight ? (S(), C("i", {
           key: 2,
-          class: z([
+          class: M([
             "icon-kl",
             "icon-kl_right",
             `icon-kl-${n.iconRight}`,
@@ -928,25 +936,25 @@ const wt = Z({
       _: 3
     }, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label", "download"]));
   }
-}), te = (e, t) => {
+}), G = (e, t) => {
   const a = e.__vccOpts || e;
   for (const [n, o] of t)
     a[n] = o;
   return a;
-}, en = /* @__PURE__ */ te(Bt, [["__scopeId", "data-v-99788ad1"]]), Ct = {
+}, rn = /* @__PURE__ */ G(Lt, [["__scopeId", "data-v-44d5548c"]]), Et = {
   key: 0,
   class: "app-toggle__label app-toggle__label_left"
-}, Lt = { class: "app-toggle__container" }, Et = ["checked", "disabled"], Rt = { class: "app-toggle__thumb" }, Mt = {
+}, Rt = { class: "app-toggle__container" }, Mt = ["checked", "disabled"], Pt = { class: "app-toggle__thumb" }, At = {
   key: 1,
   class: "app-toggle__label"
-}, Pt = /* @__PURE__ */ U({
+}, zt = /* @__PURE__ */ F({
   __name: "AppToggle",
   props: {
     modelValue: { type: Boolean },
-    size: { default: $.MD },
+    size: { default: B.MD },
     label: {},
     disabled: { type: Boolean },
-    color: { default: Be.PRIMARY },
+    color: { default: Le.PRIMARY },
     iconColor: {},
     icon: {},
     iconActive: {},
@@ -954,45 +962,45 @@ const wt = Z({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = e, n = t, o = u({
+    const a = e, n = t, o = c({
       get: () => a.modelValue,
       set: (l) => {
         n("update:modelValue", l);
       }
-    }), c = u(() => [
+    }), r = c(() => [
       "app-toggle",
       {
-        "app-toggle_sm": a.size === $.SM,
-        "app-toggle_md": a.size === $.MD,
-        "app-toggle_lg": a.size === $.LG,
+        "app-toggle_sm": a.size === B.SM,
+        "app-toggle_md": a.size === B.MD,
+        "app-toggle_lg": a.size === B.LG,
         "app-toggle_active": o.value,
         "app-toggle_disabled": a.disabled
       },
       `app-toggle_${a.color}`
     ]);
-    return (l, r) => (B(), L("div", {
-      class: z(c.value)
+    return (l, s) => (S(), C("div", {
+      class: M(r.value)
     }, [
-      l.label && l.labelLeft ? (B(), L("span", Ct, W(l.label), 1)) : T("", !0),
-      G("label", Lt, [
-        G("input", {
+      l.label && l.labelLeft ? (S(), C("span", Et, H(l.label), 1)) : T("", !0),
+      D("label", Rt, [
+        D("input", {
           type: "checkbox",
           checked: o.value,
-          onChange: r[0] || (r[0] = (S) => o.value = !o.value),
+          onChange: s[0] || (s[0] = (k) => o.value = !o.value),
           disabled: l.disabled,
           class: "app-toggle__input"
-        }, null, 40, Et),
-        G("span", {
-          class: z(["app-toggle__slider", o.value ? `bg-${l.color}` : ""])
+        }, null, 40, Mt),
+        D("span", {
+          class: M(["app-toggle__slider", o.value ? `bg-${l.color}` : ""])
         }, [
-          G("span", Rt, [
-            l.icon && !l.modelValue ? (B(), L("i", {
+          D("span", Pt, [
+            l.icon && !l.modelValue ? (S(), C("i", {
               key: 0,
-              class: z(["icon-kl", `icon-kl-${l.icon}`, "app-toggle__icon"])
+              class: M(["icon-kl", `icon-kl-${l.icon}`, "app-toggle__icon"])
             }, null, 2)) : T("", !0),
-            l.modelValue && (l.iconActive || l.icon) ? (B(), L("i", {
+            l.modelValue && (l.iconActive || l.icon) ? (S(), C("i", {
               key: 1,
-              class: z([
+              class: M([
                 "icon-kl",
                 `icon-kl-${l.iconActive || l.icon}`,
                 "app-toggle__icon",
@@ -1001,12 +1009,12 @@ const wt = Z({
             }, null, 2)) : T("", !0)
           ])
         ], 2),
-        qe(l.$slots, "default", {}, void 0, !0)
+        re(l.$slots, "default", {}, void 0, !0)
       ]),
-      l.label && !l.labelLeft ? (B(), L("span", Mt, W(l.label), 1)) : T("", !0)
+      l.label && !l.labelLeft ? (S(), C("span", At, H(l.label), 1)) : T("", !0)
     ], 2));
   }
-}), tn = /* @__PURE__ */ te(Pt, [["__scopeId", "data-v-e0e56123"]]), At = /* @__PURE__ */ U({
+}), un = /* @__PURE__ */ G(zt, [["__scopeId", "data-v-e0e56123"]]), Tt = /* @__PURE__ */ F({
   __name: "AppIcon",
   props: {
     name: {},
@@ -1014,37 +1022,37 @@ const wt = Z({
     color: {}
   },
   setup(e) {
-    return (t, a) => (B(), L("i", {
-      class: z(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
-      style: we(t.size ? `font-size: ${t.size}` : void 0)
+    return (t, a) => (S(), C("i", {
+      class: M(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
+      style: ue(t.size ? `font-size: ${t.size}` : void 0)
     }, null, 6));
   }
-}), nn = /* @__PURE__ */ te(At, [["__scopeId", "data-v-941765ee"]]), zt = {
+}), cn = /* @__PURE__ */ G(Tt, [["__scopeId", "data-v-941765ee"]]), Ot = {
   dark: {
     type: Boolean,
     default: null
   }
 };
-function Tt(e, t) {
-  return u(() => e.dark === null ? t.dark.isActive : e.dark);
+function Dt(e, t) {
+  return c(() => e.dark === null ? t.dark.isActive : e.dark);
 }
-const Ot = {
+const It = {
   xs: 2,
   sm: 4,
   md: 6,
   lg: 10,
   xl: 14
 };
-function ke(e, t, a) {
+function qe(e, t, a) {
   return {
     transform: t === !0 ? `translateX(${a.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
   };
 }
-const Dt = Z({
+const xt = ee({
   name: "QLinearProgress",
   props: {
-    ...zt,
-    ...se,
+    ...Ot,
+    ...de,
     value: {
       type: Number,
       default: 0
@@ -1064,37 +1072,37 @@ const Dt = Z({
     instantFeedback: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: a } = J(), n = Tt(e, a.$q), o = ue(e, Ot), c = u(() => e.indeterminate === !0 || e.query === !0), l = u(() => e.reverse !== e.query), r = u(() => ({
+    const { proxy: a } = Z(), n = Dt(e, a.$q), o = fe(e, It), r = c(() => e.indeterminate === !0 || e.query === !0), l = c(() => e.reverse !== e.query), s = c(() => ({
       ...o.value !== null ? o.value : {},
       "--q-linear-progress-speed": `${e.animationSpeed}ms`
-    })), S = u(
+    })), k = c(
       () => "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" : "")
-    ), y = u(() => ke(e.buffer !== void 0 ? e.buffer : 1, l.value, a.$q)), f = u(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), k = u(
+    ), b = c(() => qe(e.buffer !== void 0 ? e.buffer : 1, l.value, a.$q)), f = c(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), _ = c(
       () => `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}` : "")
-    ), d = u(() => ke(c.value === !0 ? 1 : e.value, l.value, a.$q)), q = u(
-      () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${c.value === !0 ? "in" : ""}determinate`
-    ), s = u(() => ({ width: `${e.value * 100}%` })), g = u(
+    ), d = c(() => qe(r.value === !0 ? 1 : e.value, l.value, a.$q)), q = c(
+      () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${r.value === !0 ? "in" : ""}determinate`
+    ), u = c(() => ({ width: `${e.value * 100}%` })), g = c(
       () => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
     );
     return () => {
       const v = [
         m("div", {
-          class: k.value,
-          style: y.value
+          class: _.value,
+          style: b.value
         }),
         m("div", {
           class: q.value,
           style: d.value
         })
       ];
-      return e.stripe === !0 && c.value === !1 && v.push(
+      return e.stripe === !0 && r.value === !1 && v.push(
         m("div", {
           class: g.value,
-          style: s.value
+          style: u.value
         })
       ), m("div", {
-        class: S.value,
-        style: r.value,
+        class: k.value,
+        style: s.value,
         role: "progressbar",
         "aria-valuemin": 0,
         "aria-valuemax": 1,
@@ -1102,14 +1110,14 @@ const Dt = Z({
       }, N(t.default, v));
     };
   }
-}), xt = {
+}), jt = {
   key: 0,
   class: "code-field__label"
-}, jt = { class: "code-field__inputs" }, It = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], Vt = /* @__PURE__ */ U({
+}, Vt = { class: "code-field__inputs" }, Kt = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], Nt = /* @__PURE__ */ F({
   __name: "AppCodeInput",
   props: {
     length: { default: 5 },
-    size: { default: $.MD },
+    size: { default: B.MD },
     label: {},
     disabled: { type: Boolean },
     loading: { type: Boolean },
@@ -1118,148 +1126,192 @@ const Dt = Z({
   },
   emits: ["update:modelValue", "completed"],
   setup(e, { expose: t, emit: a }) {
-    const n = e, o = a, c = X(Array(n.length).fill("")), l = X([]), r = u(() => [
+    const n = e, o = a, r = J(Array(n.length).fill("")), l = J([]), s = c(() => [
       "code-field",
       {
-        "code-field_sm": n.size === $.SM,
-        "code-field_md": n.size === $.MD,
-        "code-field_lg": n.size === $.LG,
         "code-field_disabled": n.disabled || n.loading
       },
+      `code-field_${n.size}`,
       `code-field_${n.color}`
-    ]), S = u(() => {
-      let s = "";
-      return n.size == $.SM && (s += `width: ${n.length * 26 + (n.length - 1) * 5}px`), n.size == $.MD && (s += `width: ${n.length * 32 + (n.length - 1) * 8}px`), n.size == $.LG && (s += `width: ${n.length * 44 + (n.length - 1) * 10}px`), s;
-    }), y = (s, g) => {
-      var _;
-      const p = s.target.value;
+    ]), k = c(() => {
+      let u = "";
+      return n.size == B.SM && (u += `width: ${n.length * 26 + (n.length - 1) * 5}px`), n.size == B.MD && (u += `width: ${n.length * 32 + (n.length - 1) * 8}px`), n.size == B.LG && (u += `width: ${n.length * 44 + (n.length - 1) * 10}px`), u;
+    }), b = (u, g) => {
+      var $;
+      const p = u.target.value;
       if (p.length === 1)
-        g < n.length - 1 && l.value && ((_ = l.value[g + 1]) == null || _.focus());
+        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) => {
-          c.value[g + h] = C;
-        }), ce(() => {
-          var C;
-          l.value && ((C = l.value[Math.min(g + w.length, n.length - 1)]) == null || C.focus());
+        w.forEach((L, h) => {
+          r.value[g + h] = L;
+        }), ve(() => {
+          var L;
+          l.value && ((L = l.value[Math.min(g + w.length, n.length - 1)]) == null || L.focus());
         });
       }
-    }, f = (s) => {
+    }, f = (u) => {
       var g;
-      c.value[s] === "" && l.value && s > 0 && ((g = l.value[s - 1]) == null || g.focus());
-    }, k = (s, g) => {
-      var _;
-      s.preventDefault();
-      const v = ((_ = s.clipboardData) == null ? void 0 : _.getData("text")) ?? "";
+      r.value[u] === "" && l.value && u > 0 && ((g = l.value[u - 1]) == null || g.focus());
+    }, _ = (u, g) => {
+      var $;
+      u.preventDefault();
+      const v = (($ = u.clipboardData) == null ? void 0 : $.getData("text")) ?? "";
       if (!v) return;
       const p = v.slice(0, n.length - g).split("");
-      p.forEach((w, C) => {
-        c.value[g + C] = w;
-      }), ce(() => {
+      p.forEach((w, L) => {
+        r.value[g + L] = w;
+      }), ve(() => {
         var w;
         l.value && ((w = l.value[Math.min(g + p.length, n.length - 1)]) == null || w.focus());
       });
     };
     xe(
-      c,
-      (s) => {
-        const g = s.join("");
+      r,
+      (u) => {
+        const g = u.join("");
         d(g);
       },
       { deep: !0 }
     );
-    const d = (s) => {
-      o("update:modelValue", s), s.length === n.length && !s.includes(" ") && o("completed", s);
-    }, q = (s) => {
-      s && (c.value = s.split("").slice(0, n.length));
+    const d = (u) => {
+      o("update:modelValue", u), u.length === n.length && !u.includes(" ") && o("completed", u);
+    }, q = (u) => {
+      u && (r.value = u.split("").slice(0, n.length));
     };
     return je(() => {
       n.autofocus && l.value && l.value[0] && l.value[0].focus();
     }), t({
       injectCode: q
-    }), (s, g) => (B(), L("div", {
-      class: z(r.value),
-      style: we(S.value)
+    }), (u, g) => (S(), C("div", {
+      class: M(s.value),
+      style: ue(k.value)
     }, [
-      s.label ? (B(), L("label", xt, W(s.label), 1)) : T("", !0),
-      G("div", jt, [
-        (B(!0), L(Se, null, Ie(s.length, (v, p) => re((B(), L("input", {
+      u.label ? (S(), C("label", jt, H(u.label), 1)) : T("", !0),
+      D("div", Vt, [
+        (S(!0), C(ie, null, Be(u.length, (v, p) => se((S(), C("input", {
           key: p,
-          "onUpdate:modelValue": (_) => c.value[p] = _,
+          "onUpdate:modelValue": ($) => r.value[p] = $,
           ref_for: !0,
           ref_key: "inputRefs",
           ref: l,
-          type: "text",
+          type: "number",
           maxlength: "1",
           class: "code-field__input",
-          disabled: s.disabled || s.loading,
-          onInput: (_) => y(_, p),
-          onKeydown: Ve((_) => f(p), ["backspace"]),
-          onPaste: (_) => k(_, p)
-        }, null, 40, It)), [
-          [Ne, c.value[p]]
+          disabled: u.disabled || u.loading,
+          onInput: ($) => b($, p),
+          onKeydown: Ve(($) => f(p), ["backspace"]),
+          onPaste: ($) => _($, p)
+        }, null, 40, Kt)), [
+          [Ke, r.value[p]]
         ])), 128))
       ]),
-      s.loading ? (B(), $e(Dt, {
+      u.loading ? (S(), Ce(xt, {
         key: 1,
         indeterminate: "",
         rounded: "",
-        color: s.color,
+        color: u.color,
         class: "code-field__loading"
       }, null, 8, ["color"])) : T("", !0)
     ], 6));
   }
-}), an = /* @__PURE__ */ te(Vt, [["__scopeId", "data-v-44914130"]]), ln = ie(
-  () => import("./AppButtonCopy-Cpoz6v02.js")
-), on = ie(
-  () => import("./AppSelect-JVVrifzF.js")
-), rn = ie(
-  () => import("./DropdownButton-pcp6W_7i.js")
+}), dn = /* @__PURE__ */ G(Nt, [["__scopeId", "data-v-4e11db87"]]), Ft = { class: "app-segment__track" }, Qt = { class: "app-segment__buttons" }, Ut = ["onClick", "disabled"], Xt = /* @__PURE__ */ F({
+  __name: "AppSegment",
+  props: /* @__PURE__ */ Ne({
+    options: {},
+    disabled: { type: Boolean },
+    size: { default: B.MD }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = Fe(e, "modelValue"), a = e, n = c(
+      () => a.options.findIndex((r) => r.value === t.value)
+    );
+    function o(r) {
+      a.disabled || (t.value = r);
+    }
+    return (r, l) => (S(), C("div", {
+      class: M(["app-segment", [{ "app-segment_disabled": r.disabled }, `app-segment_${r.size}`]])
+    }, [
+      D("div", Ft, [
+        D("div", {
+          class: "app-segment__thumb",
+          style: ue({
+            width: `${100 / r.options.length}%`,
+            transform: `translateX(${n.value * 100}%)`
+          })
+        }, null, 4)
+      ]),
+      D("div", Qt, [
+        (S(!0), C(ie, null, Be(r.options, (s, k) => (S(), C("button", {
+          key: k,
+          class: M(["app-segment__btn", { active: t.value === s.value }]),
+          onClick: (b) => o(s.value),
+          disabled: r.disabled
+        }, [
+          re(r.$slots, "option", { option: s }, () => [
+            we(H(s.label), 1)
+          ], !0)
+        ], 10, Ut))), 128))
+      ])
+    ], 2));
+  }
+}), fn = /* @__PURE__ */ G(Xt, [["__scopeId", "data-v-ff56abdf"]]), vn = ce(
+  () => import("./AppButtonCopy-Dj46pNGB.js")
+), gn = ce(
+  () => import("./AppSelect-ztwsDF-p.js")
+), pn = ce(
+  () => import("./DropdownButton-BE2k1gTw.js")
 );
 export {
-  en as A,
-  rt as B,
-  Be as C,
-  vt as D,
-  Xt as E,
-  Wt as F,
-  Gt as G,
-  nt as H,
-  at as I,
-  rn as J,
-  ln as K,
-  on as L,
-  an as M,
-  tn as N,
-  nn as O,
-  ve as Q,
-  ut as R,
-  $ as S,
-  te as _,
-  zt as a,
-  Tt as b,
-  Z as c,
-  ue as d,
+  rn as A,
+  it as B,
+  Le as C,
+  pt as D,
+  an as E,
+  ln as F,
+  Zt as G,
+  lt as H,
+  ot as I,
+  pn as J,
+  vn as K,
+  gn as L,
+  fn as M,
+  dn as N,
+  un as O,
+  cn as P,
+  me as Q,
+  dt as R,
+  B as S,
+  Gt as T,
+  G as _,
+  Ot as a,
+  Dt as b,
+  ee as c,
+  fe as d,
   N as e,
-  Jt as f,
-  ht as g,
-  Qe as h,
+  on as f,
+  yt as g,
+  Xe as h,
   oe as i,
-  Kt as j,
-  tt as k,
-  Qt as l,
-  Ft as m,
-  ee as n,
-  Yt as o,
-  lt as p,
-  Ut as q,
-  Ht as r,
+  Yt as j,
+  at as k,
+  Jt as l,
+  Wt as m,
+  te as n,
+  nn as o,
+  st as p,
+  en as q,
+  tn as r,
   x as s,
-  it as t,
-  se as u,
-  Re as v,
-  $t as w,
-  Zt as x,
-  wt as y,
-  ot as z
+  ut as t,
+  de as u,
+  Pe as v,
+  St as w,
+  sn as x,
+  Bt as y,
+  rt as z
 };