@validol4ik/uikit 0.2.4 → 0.2.6

package/dist/{index-D81NIeCb.js → index-DAmpULUn.js}

@@ -1,35 +1,37 @@
-import { computed as c, markRaw as de, defineComponent as X, getCurrentInstance as G, h as v, ref as J, onBeforeUnmount as $e, Transition as qe, withDirectives as _e, openBlock as V, createBlock as Ee, unref as P, normalizeClass as F, withCtx as xe, createElementBlock as Y, createCommentVNode as ee, renderSlot as Ce, normalizeStyle as Le, defineAsyncComponent as Re } from "vue";
-const I = {
+import { computed as u, markRaw as de, defineComponent as W, getCurrentInstance as X, h as v, ref as J, onBeforeUnmount as ke, Transition as $e, withDirectives as qe, openBlock as N, createBlock as Ee, unref as Q, normalizeClass as V, withCtx as _e, createElementBlock as Y, createCommentVNode as ee, renderSlot as Le, normalizeStyle as Ce, defineAsyncComponent as Be } from "vue";
+const S = {
   SM: "sm",
   MD: "md",
   LG: "lg"
-};
-var fe = /* @__PURE__ */ ((e) => (e.sm = "3px 9px", e.md = "5px 12px", e.lg = "9px 20px", e))(fe || {});
-const Se = {
+}, Re = {
+  [S.SM]: "3px 9px",
+  [S.MD]: "5px 12px",
+  [S.LG]: "9px 20px"
+}, Se = {
   PRIMARY: "primary",
   INFO: "info"
-}, H = {
+}, G = {
   xs: 18,
   sm: 24,
   md: 32,
   lg: 38,
   xl: 46
-}, ve = {
+}, fe = {
   size: String
 };
-function me(e, t = H) {
-  return c(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
+function ve(e, t = G) {
+  return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
 }
 function Z(e) {
-  return de(X(e));
+  return de(W(e));
 }
-function we(e) {
+function xe(e) {
   return de(e);
 }
-function Be(e, t) {
+function we(e, t) {
   return e !== void 0 && e() || t;
 }
-function D(e, t) {
+function I(e, t) {
   return e !== void 0 ? t.concat(e()) : t;
 }
 const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, ge = {
@@ -44,18 +46,18 @@ const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, ge = {
   "iconfont ": ne,
   "ti-": (e) => `themify-icon ${e}`,
   "bi-": (e) => `bootstrap-icons ${e}`
-}, pe = {
+}, me = {
   o_: "-outlined",
   r_: "-round",
   s_: "-sharp"
-}, be = {
+}, pe = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, Pe = new RegExp("^(" + Object.keys(ge).join("|") + ")"), Me = new RegExp("^(" + Object.keys(pe).join("|") + ")"), ae = new RegExp("^(" + Object.keys(be).join("|") + ")"), Te = /^[Mm]\s?[-+]?\.?\d/, Oe = /^img:/, Ae = /^svguse:/, ze = /^ion-/, je = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, re = Z({
+}, Pe = new RegExp("^(" + Object.keys(ge).join("|") + ")"), Me = new RegExp("^(" + Object.keys(me).join("|") + ")"), ae = new RegExp("^(" + Object.keys(pe).join("|") + ")"), Te = /^[Mm]\s?[-+]?\.?\d/, Oe = /^img:/, ze = /^svguse:/, Ae = /^ion-/, je = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, re = Z({
   name: "QIcon",
   props: {
-    ...ve,
+    ...fe,
     tag: {
       type: String,
       default: "i"
@@ -66,91 +68,91 @@ const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, ge = {
     right: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: { $q: a } } = G(), n = me(e), o = c(
+    const { proxy: { $q: a } } = X(), n = ve(e), i = u(
       () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
-    ), l = c(() => {
-      let s, r = e.name;
-      if (r === "none" || !r)
+    ), d = u(() => {
+      let c, o = e.name;
+      if (o === "none" || !o)
         return { none: !0 };
       if (a.iconMapFn !== null) {
-        const d = a.iconMapFn(r);
-        if (d !== void 0)
-          if (d.icon !== void 0) {
-            if (r = d.icon, r === "none" || !r)
+        const s = a.iconMapFn(o);
+        if (s !== void 0)
+          if (s.icon !== void 0) {
+            if (o = s.icon, o === "none" || !o)
               return { none: !0 };
           } else
             return {
-              cls: d.cls,
-              content: d.content !== void 0 ? d.content : " "
+              cls: s.cls,
+              content: s.content !== void 0 ? s.content : " "
             };
       }
-      if (Te.test(r) === !0) {
-        const [d, h = te] = r.split("|");
+      if (Te.test(o) === !0) {
+        const [s, h = te] = o.split("|");
         return {
           svg: !0,
           viewBox: h,
-          nodes: d.split("&&").map((u) => {
-            const [y, p, k] = u.split("@@");
+          nodes: s.split("&&").map((l) => {
+            const [y, p, k] = l.split("@@");
             return v("path", { style: p, d: y, transform: k });
           })
         };
       }
-      if (Oe.test(r) === !0)
+      if (Oe.test(o) === !0)
         return {
           img: !0,
-          src: r.substring(4)
+          src: o.substring(4)
         };
-      if (Ae.test(r) === !0) {
-        const [d, h = te] = r.split("|");
+      if (ze.test(o) === !0) {
+        const [s, h = te] = o.split("|");
         return {
           svguse: !0,
-          src: d.substring(7),
+          src: s.substring(7),
           viewBox: h
         };
       }
       let q = " ";
-      const b = r.match(Pe);
+      const b = o.match(Pe);
       if (b !== null)
-        s = ge[b[1]](r);
-      else if (je.test(r) === !0)
-        s = r;
-      else if (ze.test(r) === !0)
-        s = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${r.substring(3)}`;
-      else if (ae.test(r) === !0) {
-        s = "notranslate material-symbols";
-        const d = r.match(ae);
-        d !== null && (r = r.substring(6), s += be[d[1]]), q = r;
+        c = ge[b[1]](o);
+      else if (je.test(o) === !0)
+        c = o;
+      else if (Ae.test(o) === !0)
+        c = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${o.substring(3)}`;
+      else if (ae.test(o) === !0) {
+        c = "notranslate material-symbols";
+        const s = o.match(ae);
+        s !== null && (o = o.substring(6), c += pe[s[1]]), q = o;
       } else {
-        s = "notranslate material-icons";
-        const d = r.match(Me);
-        d !== null && (r = r.substring(2), s += pe[d[1]]), q = r;
+        c = "notranslate material-icons";
+        const s = o.match(Me);
+        s !== null && (o = o.substring(2), c += me[s[1]]), q = o;
       }
       return {
-        cls: s,
+        cls: c,
         content: q
       };
     });
     return () => {
-      const s = {
-        class: o.value,
+      const c = {
+        class: i.value,
         style: n.value,
         "aria-hidden": "true",
         role: "presentation"
       };
-      return l.value.none === !0 ? v(e.tag, s, Be(t.default)) : l.value.img === !0 ? v(e.tag, s, D(t.default, [
-        v("img", { src: l.value.src })
-      ])) : l.value.svg === !0 ? v(e.tag, s, D(t.default, [
+      return d.value.none === !0 ? v(e.tag, c, we(t.default)) : d.value.img === !0 ? v(e.tag, c, I(t.default, [
+        v("img", { src: d.value.src })
+      ])) : d.value.svg === !0 ? v(e.tag, c, I(t.default, [
         v("svg", {
-          viewBox: l.value.viewBox || "0 0 24 24"
-        }, l.value.nodes)
-      ])) : l.value.svguse === !0 ? v(e.tag, s, D(t.default, [
+          viewBox: d.value.viewBox || "0 0 24 24"
+        }, d.value.nodes)
+      ])) : d.value.svguse === !0 ? v(e.tag, c, I(t.default, [
         v("svg", {
-          viewBox: l.value.viewBox
+          viewBox: d.value.viewBox
         }, [
-          v("use", { "xlink:href": l.value.src })
+          v("use", { "xlink:href": d.value.src })
         ])
-      ])) : (l.value.cls !== void 0 && (s.class += " " + l.value.cls), v(e.tag, s, D(t.default, [
-        l.value.content
+      ])) : (d.value.cls !== void 0 && (c.class += " " + d.value.cls), v(e.tag, c, I(t.default, [
+        d.value.content
       ])));
     };
   }
@@ -163,8 +165,8 @@ const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, ge = {
 };
 function De(e) {
   return {
-    cSize: c(() => e.size in H ? `${H[e.size]}px` : e.size),
-    classes: c(
+    cSize: u(() => e.size in G ? `${G[e.size]}px` : e.size),
+    classes: u(
       () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
     )
   };
@@ -204,7 +206,7 @@ function Ne(e, t) {
   for (const n in t)
     a[n] = t[n];
 }
-const Q = {
+const F = {
   hasPassive: !1,
   passiveCapture: !0,
   notPassiveCapture: !0
@@ -212,7 +214,7 @@ const Q = {
 try {
   const e = Object.defineProperty({}, "passive", {
     get() {
-      Object.assign(Q, {
+      Object.assign(F, {
         hasPassive: !0,
         passive: { passive: !0 },
         notPassive: { passive: !1 },
@@ -230,7 +232,7 @@ function Ve(e) {
     left: e.clientX
   };
 }
-function he(e) {
+function be(e) {
   e.stopPropagation();
 }
 function Fe(e) {
@@ -241,23 +243,23 @@ function M(e) {
 }
 function Qe(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]], Q[o[3]]);
+  e[n] = e[n] !== void 0 ? e[n].concat(a) : a, a.forEach((i) => {
+    i[0].addEventListener(i[1], e[i[2]], F[i[3]]);
   });
 }
 function Ue(e, t) {
   const a = `__q_${t}_evt`;
   e[a] !== void 0 && (e[a].forEach((n) => {
-    n[0].removeEventListener(n[1], e[n[2]], Q[n[3]]);
+    n[0].removeEventListener(n[1], e[n[2]], F[n[3]]);
   }), e[a] = void 0);
 }
 function Ye(e) {
   return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
 }
-function W(e, t) {
+function H(e, t) {
   return Ye(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
-function He(e, t = 250) {
+function Ge(e, t = 250) {
   let a = !1, n;
   return function() {
     return a === !1 && (a = !0, setTimeout(() => {
@@ -266,40 +268,40 @@ function He(e, t = 250) {
   };
 }
 function ie(e, t, a, n) {
-  a.modifiers.stop === !0 && he(e);
-  const o = a.modifiers.color;
-  let l = a.modifiers.center;
-  l = l === !0 || n === !0;
-  const s = document.createElement("span"), r = document.createElement("span"), q = Ve(e), { left: b, top: d, width: h, height: u } = t.getBoundingClientRect(), y = Math.sqrt(h * h + u * u), p = y / 2, k = `${(h - y) / 2}px`, f = l ? k : `${q.left - b - p}px`, $ = `${(u - y) / 2}px`, B = l ? $ : `${q.top - d - p}px`;
-  r.className = "q-ripple__inner", Ne(r, {
+  a.modifiers.stop === !0 && be(e);
+  const i = a.modifiers.color;
+  let d = a.modifiers.center;
+  d = d === !0 || n === !0;
+  const c = document.createElement("span"), o = document.createElement("span"), q = Ve(e), { left: b, top: s, width: h, height: l } = t.getBoundingClientRect(), y = Math.sqrt(h * h + l * l), p = y / 2, k = `${(h - y) / 2}px`, f = d ? k : `${q.left - b - p}px`, $ = `${(l - y) / 2}px`, P = d ? $ : `${q.top - s - p}px`;
+  o.className = "q-ripple__inner", Ne(o, {
     height: `${y}px`,
     width: `${y}px`,
-    transform: `translate3d(${f},${B},0) scale3d(.2,.2,1)`,
+    transform: `translate3d(${f},${P},0) scale3d(.2,.2,1)`,
     opacity: 0
-  }), s.className = `q-ripple${o ? " text-" + o : ""}`, s.setAttribute("dir", "ltr"), s.appendChild(r), t.appendChild(s);
-  const S = () => {
-    s.remove(), clearTimeout(w);
+  }), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(o), t.appendChild(c);
+  const x = () => {
+    c.remove(), clearTimeout(w);
   };
-  a.abort.push(S);
+  a.abort.push(x);
   let w = setTimeout(() => {
-    r.classList.add("q-ripple__inner--enter"), r.style.transform = `translate3d(${k},${$},0) scale3d(1,1,1)`, r.style.opacity = 0.2, w = setTimeout(() => {
-      r.classList.remove("q-ripple__inner--enter"), r.classList.add("q-ripple__inner--leave"), r.style.opacity = 0, w = setTimeout(() => {
-        s.remove(), a.abort.splice(a.abort.indexOf(S), 1);
+    o.classList.add("q-ripple__inner--enter"), o.style.transform = `translate3d(${k},${$},0) scale3d(1,1,1)`, o.style.opacity = 0.2, w = setTimeout(() => {
+      o.classList.remove("q-ripple__inner--enter"), o.classList.add("q-ripple__inner--leave"), o.style.opacity = 0, w = setTimeout(() => {
+        c.remove(), a.abort.splice(a.abort.indexOf(x), 1);
       }, 275);
     }, 250);
   }, 50);
 }
 function oe(e, { modifiers: t, value: a, arg: n }) {
-  const o = Object.assign({}, e.cfg.ripple, t, a);
+  const i = Object.assign({}, e.cfg.ripple, t, a);
   e.modifiers = {
-    early: o.early === !0,
-    stop: o.stop === !0,
-    center: o.center === !0,
-    color: o.color || n,
-    keyCodes: [].concat(o.keyCodes || 13)
+    early: i.early === !0,
+    stop: i.stop === !0,
+    center: i.center === !0,
+    color: i.color || n,
+    keyCodes: [].concat(i.keyCodes || 13)
   };
 }
-const We = we(
+const He = xe(
   {
     name: "ripple",
     beforeMount(e, t) {
@@ -311,11 +313,11 @@ const We = we(
         enabled: t.value !== !1,
         modifiers: {},
         abort: [],
-        start(o) {
-          n.enabled === !0 && o.qSkipRipple !== !0 && o.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && ie(o, e, n, o.qKeyEvent === !0);
+        start(i) {
+          n.enabled === !0 && i.qSkipRipple !== !0 && i.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && ie(i, e, n, i.qKeyEvent === !0);
         },
-        keystart: He((o) => {
-          n.enabled === !0 && o.qSkipRipple !== !0 && W(o, n.modifiers.keyCodes) === !0 && o.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && ie(o, e, n, !0);
+        keystart: Ge((i) => {
+          n.enabled === !0 && i.qSkipRipple !== !0 && H(i, n.modifiers.keyCodes) === !0 && i.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && ie(i, e, n, !0);
         }, 300)
       };
       oe(n, t), e.__qripple = n, Qe(n, "main", [
@@ -338,7 +340,7 @@ const We = we(
       }), Ue(t, "main"), delete e._qripple);
     }
   }
-), ye = {
+), he = {
   left: "start",
   center: "center",
   right: "end",
@@ -346,16 +348,16 @@ const We = we(
   around: "around",
   evenly: "evenly",
   stretch: "stretch"
-}, Xe = Object.keys(ye), Ge = {
+}, We = Object.keys(he), Xe = {
   align: {
     type: String,
-    validator: (e) => Xe.includes(e)
+    validator: (e) => We.includes(e)
   }
 };
 function Ze(e) {
-  return c(() => {
+  return u(() => {
     const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
-    return `${e.vertical === !0 ? "items" : "justify"}-${ye[t]}`;
+    return `${e.vertical === !0 ? "items" : "justify"}-${he[t]}`;
   });
 }
 function Je(e) {
@@ -369,11 +371,11 @@ function ue(e, t) {
 }
 function et(e, t) {
   for (const a in t) {
-    const n = t[a], o = e[a];
+    const n = t[a], i = e[a];
     if (typeof n == "string") {
-      if (n !== o)
+      if (n !== i)
         return !1;
-    } else if (Array.isArray(o) === !1 || o.length !== n.length || n.some((l, s) => l !== o[s]))
+    } else if (Array.isArray(i) === !1 || i.length !== n.length || n.some((d, c) => d !== i[c]))
       return !1;
   }
   return !0;
@@ -403,83 +405,83 @@ const at = {
   disable: Boolean
 };
 function rt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const a = G(), { props: n, proxy: o, emit: l } = a, s = Je(a), r = c(() => n.disable !== !0 && n.href !== void 0), q = t === !0 ? c(
-    () => s === !0 && n.disable !== !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
-  ) : c(
-    () => s === !0 && r.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
-  ), b = c(() => q.value === !0 ? B(n.to) : null), d = c(() => b.value !== null), h = c(() => r.value === !0 || d.value === !0), u = c(() => n.type === "a" || h.value === !0 ? "a" : n.tag || e || "div"), y = c(() => r.value === !0 ? {
+  const a = X(), { props: n, proxy: i, emit: d } = a, c = Je(a), o = u(() => n.disable !== !0 && n.href !== void 0), q = t === !0 ? u(
+    () => c === !0 && n.disable !== !0 && o.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ) : u(
+    () => c === !0 && o.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ), b = u(() => q.value === !0 ? P(n.to) : null), s = u(() => b.value !== null), h = u(() => o.value === !0 || s.value === !0), l = u(() => n.type === "a" || h.value === !0 ? "a" : n.tag || e || "div"), y = u(() => o.value === !0 ? {
     href: n.href,
     target: n.target
-  } : d.value === !0 ? {
+  } : s.value === !0 ? {
     href: b.value.href,
     target: n.target
-  } : {}), p = c(() => {
-    if (d.value === !1)
+  } : {}), p = u(() => {
+    if (s.value === !1)
       return -1;
-    const { matched: m } = b.value, { length: _ } = m, x = m[_ - 1];
-    if (x === void 0)
+    const { matched: g } = b.value, { length: E } = g, L = g[E - 1];
+    if (L === void 0)
       return -1;
-    const L = o.$route.matched;
-    if (L.length === 0)
+    const B = i.$route.matched;
+    if (B.length === 0)
       return -1;
-    const R = L.findIndex(
-      ue.bind(null, x)
+    const R = B.findIndex(
+      ue.bind(null, L)
     );
     if (R !== -1)
       return R;
-    const K = le(m[_ - 2]);
+    const D = le(g[E - 2]);
     return (
       // we are dealing with nested routes
-      _ > 1 && le(x) === K && L[L.length - 1].path !== K ? L.findIndex(
-        ue.bind(null, m[_ - 2])
+      E > 1 && le(L) === D && B[B.length - 1].path !== D ? B.findIndex(
+        ue.bind(null, g[E - 2])
       ) : R
     );
-  }), k = c(
-    () => d.value === !0 && p.value !== -1 && et(o.$route.params, b.value.params)
-  ), f = c(
-    () => k.value === !0 && p.value === o.$route.matched.length - 1 && nt(o.$route.params, b.value.params)
-  ), $ = c(() => d.value === !0 ? f.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
-  function B(m) {
+  }), k = u(
+    () => s.value === !0 && p.value !== -1 && et(i.$route.params, b.value.params)
+  ), f = u(
+    () => k.value === !0 && p.value === i.$route.matched.length - 1 && nt(i.$route.params, b.value.params)
+  ), $ = u(() => s.value === !0 ? f.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
+  function P(g) {
     try {
-      return o.$router.resolve(m);
+      return i.$router.resolve(g);
     } catch {
     }
     return null;
   }
-  function S(m, { returnRouterError: _, to: x = n.to, replace: L = n.replace } = {}) {
+  function x(g, { returnRouterError: E, to: L = n.to, replace: B = n.replace } = {}) {
     if (n.disable === !0)
-      return m.preventDefault(), Promise.resolve(!1);
+      return g.preventDefault(), Promise.resolve(!1);
     if (
       // don't redirect with control keys;
       // should match RouterLink from Vue Router
-      m.metaKey || m.altKey || m.ctrlKey || m.shiftKey || m.button !== void 0 && m.button !== 0 || n.target === "_blank"
+      g.metaKey || g.altKey || g.ctrlKey || g.shiftKey || g.button !== void 0 && g.button !== 0 || n.target === "_blank"
     )
       return Promise.resolve(!1);
-    m.preventDefault();
-    const R = o.$router[L === !0 ? "replace" : "push"](x);
-    return _ === !0 ? R : R.then(() => {
+    g.preventDefault();
+    const R = i.$router[B === !0 ? "replace" : "push"](L);
+    return E === !0 ? R : R.then(() => {
     }).catch(() => {
     });
   }
-  function w(m) {
-    if (d.value === !0) {
-      const _ = (x) => S(m, x);
-      l("click", m, _), m.defaultPrevented !== !0 && _();
+  function w(g) {
+    if (s.value === !0) {
+      const E = (L) => x(g, L);
+      d("click", g, E), g.defaultPrevented !== !0 && E();
     } else
-      l("click", m);
+      d("click", g);
   }
   return {
-    hasRouterLink: d,
-    hasHrefLink: r,
+    hasRouterLink: s,
+    hasHrefLink: o,
     hasLink: h,
-    linkTag: u,
+    linkTag: l,
     resolvedLink: b,
     linkIsActive: k,
     linkIsExactActive: f,
     linkClass: $,
     linkAttrs: y,
-    getLink: B,
-    navigateToRouterLink: S,
+    getLink: P,
+    navigateToRouterLink: x,
     navigateOnClick: w
   };
 }
@@ -501,7 +503,7 @@ function st(e, t) {
   return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
 }
 const ct = {
-  ...ve,
+  ...fe,
   ...at,
   type: {
     type: String,
@@ -532,7 +534,7 @@ const ct = {
     default: !0
   },
   align: {
-    ...Ge.align,
+    ...Xe.align,
     default: "center"
   },
   stack: Boolean,
@@ -547,33 +549,33 @@ const ct = {
   round: Boolean
 };
 function ft(e) {
-  const t = me(e, it), a = Ze(e), { hasRouterLink: n, hasLink: o, linkTag: l, linkAttrs: s, navigateOnClick: r } = rt({
+  const t = ve(e, it), a = Ze(e), { hasRouterLink: n, hasLink: i, linkTag: d, linkAttrs: c, navigateOnClick: o } = rt({
     fallbackTag: "button"
-  }), q = c(() => {
+  }), q = u(() => {
     const f = e.fab === !1 && e.fabMini === !1 ? t.value : {};
     return e.padding !== void 0 ? Object.assign({}, f, {
       padding: e.padding.split(/\s+/).map(($) => $ in ce ? ce[$] + "px" : $).join(" "),
       minWidth: "0",
       minHeight: "0"
     }) : f;
-  }), b = c(
+  }), b = u(
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
-  ), d = c(
+  ), s = u(
     () => e.disable !== !0 && e.loading !== !0
-  ), h = c(() => d.value === !0 ? e.tabindex || 0 : -1), u = c(() => st(e, "standard")), y = c(() => {
+  ), h = u(() => s.value === !0 ? e.tabindex || 0 : -1), l = u(() => st(e, "standard")), y = u(() => {
     const f = { tabindex: h.value };
-    return o.value === !0 ? Object.assign(f, s.value) : ot.includes(e.type) === !0 && (f.type = e.type), l.value === "a" ? (e.disable === !0 ? f["aria-disabled"] = "true" : f.href === void 0 && (f.role = "button"), n.value !== !0 && lt.test(e.type) === !0 && (f.type = e.type)) : e.disable === !0 && (f.disabled = "", f["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(f, {
+    return i.value === !0 ? Object.assign(f, c.value) : ot.includes(e.type) === !0 && (f.type = e.type), d.value === "a" ? (e.disable === !0 ? f["aria-disabled"] = "true" : f.href === void 0 && (f.role = "button"), n.value !== !0 && lt.test(e.type) === !0 && (f.type = e.type)) : e.disable === !0 && (f.disabled = "", f["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(f, {
       role: "progressbar",
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       "aria-valuenow": e.percentage
     }), f;
-  }), p = c(() => {
+  }), p = u(() => {
     let f;
     e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? f = `text-${e.textColor || e.color}` : f = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (f = `text-${e.textColor}`);
     const $ = e.round === !0 ? "round" : `rectangle${b.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
-    return `q-btn--${u.value} q-btn--${$}` + (f !== void 0 ? " " + f : "") + (d.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" : "");
-  }), k = c(
+    return `q-btn--${l.value} q-btn--${$}` + (f !== void 0 ? " " + f : "") + (s.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" : "");
+  }), k = u(
     () => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
   );
   return {
@@ -581,14 +583,14 @@ function ft(e) {
     style: q,
     innerClasses: k,
     attributes: y,
-    hasLink: o,
-    linkTag: l,
-    navigateOnClick: r,
-    isActionable: d
+    hasLink: i,
+    linkTag: d,
+    navigateOnClick: o,
+    isActionable: s
   };
 }
-const { passiveCapture: E } = Q;
-let T = null, O = null, A = null;
+const { passiveCapture: _ } = F;
+let T = null, O = null, z = null;
 const vt = Z({
   name: "QBtn",
   props: {
@@ -599,26 +601,26 @@ const vt = Z({
   },
   emits: ["click", "keydown", "mousedown", "keyup"],
   setup(e, { slots: t, emit: a }) {
-    const { proxy: n } = G(), {
-      classes: o,
-      style: l,
-      innerClasses: s,
-      attributes: r,
+    const { proxy: n } = X(), {
+      classes: i,
+      style: d,
+      innerClasses: c,
+      attributes: o,
       hasLink: q,
       linkTag: b,
-      navigateOnClick: d,
+      navigateOnClick: s,
       isActionable: h
-    } = ft(e), u = J(null), y = J(null);
+    } = ft(e), l = J(null), y = J(null);
     let p = null, k, f = null;
-    const $ = c(
+    const $ = u(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
-    ), B = c(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+    ), P = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
       keyCodes: q.value === !0 ? [13, 32] : [13],
       ...e.ripple === !0 ? {} : e.ripple
-    }), S = c(() => ({ center: e.round })), w = c(() => {
-      const i = Math.max(0, Math.min(100, e.percentage));
-      return i > 0 ? { transition: "transform 0.6s", transform: `translateX(${i - 100}%)` } : {};
-    }), m = c(() => {
+    }), x = u(() => ({ center: e.round })), w = u(() => {
+      const r = Math.max(0, Math.min(100, e.percentage));
+      return r > 0 ? { transition: "transform 0.6s", transform: `translateX(${r - 100}%)` } : {};
+    }), g = u(() => {
       if (e.loading === !0)
         return {
           onMousedown: j,
@@ -628,105 +630,105 @@ const vt = Z({
           onKeyup: j
         };
       if (h.value === !0) {
-        const i = {
-          onClick: x,
-          onKeydown: L,
-          onMousedown: K
+        const r = {
+          onClick: L,
+          onKeydown: B,
+          onMousedown: D
         };
         if (n.$q.platform.has.touch === !0) {
-          const g = e.onTouchstart !== void 0 ? "" : "Passive";
-          i[`onTouchstart${g}`] = R;
+          const m = e.onTouchstart !== void 0 ? "" : "Passive";
+          r[`onTouchstart${m}`] = R;
         }
-        return i;
+        return r;
       }
       return {
         // needed; especially for disabled <a> tags
         onClick: M
       };
-    }), _ = c(() => ({
-      ref: u,
-      class: "q-btn q-btn-item non-selectable no-outline " + o.value,
-      style: l.value,
-      ...r.value,
-      ...m.value
+    }), E = u(() => ({
+      ref: l,
+      class: "q-btn q-btn-item non-selectable no-outline " + i.value,
+      style: d.value,
+      ...o.value,
+      ...g.value
     }));
-    function x(i) {
-      if (u.value !== null) {
-        if (i !== void 0) {
-          if (i.defaultPrevented === !0)
+    function L(r) {
+      if (l.value !== null) {
+        if (r !== void 0) {
+          if (r.defaultPrevented === !0)
             return;
-          const g = document.activeElement;
-          if (e.type === "submit" && g !== document.body && u.value.contains(g) === !1 && g.contains(u.value) === !1) {
-            u.value.focus();
-            const N = () => {
-              document.removeEventListener("keydown", M, !0), document.removeEventListener("keyup", N, E), u.value !== null && u.value.removeEventListener("blur", N, E);
+          const m = document.activeElement;
+          if (e.type === "submit" && m !== document.body && l.value.contains(m) === !1 && m.contains(l.value) === !1) {
+            l.value.focus();
+            const K = () => {
+              document.removeEventListener("keydown", M, !0), document.removeEventListener("keyup", K, _), l.value !== null && l.value.removeEventListener("blur", K, _);
             };
-            document.addEventListener("keydown", M, !0), document.addEventListener("keyup", N, E), u.value.addEventListener("blur", N, E);
+            document.addEventListener("keydown", M, !0), document.addEventListener("keyup", K, _), l.value.addEventListener("blur", K, _);
           }
         }
-        d(i);
+        s(r);
       }
     }
-    function L(i) {
-      u.value !== null && (a("keydown", i), W(i, [13, 32]) === !0 && O !== u.value && (O !== null && z(), i.defaultPrevented !== !0 && (u.value.focus(), O = u.value, u.value.classList.add("q-btn--active"), document.addEventListener("keyup", C, !0), u.value.addEventListener("blur", C, E)), M(i)));
+    function B(r) {
+      l.value !== null && (a("keydown", r), H(r, [13, 32]) === !0 && O !== l.value && (O !== null && A(), r.defaultPrevented !== !0 && (l.value.focus(), O = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("keyup", C, !0), l.value.addEventListener("blur", C, _)), M(r)));
     }
-    function R(i) {
-      u.value !== null && (a("touchstart", i), i.defaultPrevented !== !0 && (T !== u.value && (T !== null && z(), T = u.value, p = i.target, p.addEventListener("touchcancel", C, E), p.addEventListener("touchend", C, E)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
+    function R(r) {
+      l.value !== null && (a("touchstart", r), r.defaultPrevented !== !0 && (T !== l.value && (T !== null && A(), T = l.value, p = r.target, p.addEventListener("touchcancel", C, _), p.addEventListener("touchend", C, _)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
         f = null, k = !1;
       }, 200)));
     }
-    function K(i) {
-      u.value !== null && (i.qSkipRipple = k === !0, a("mousedown", i), i.defaultPrevented !== !0 && A !== u.value && (A !== null && z(), A = u.value, u.value.classList.add("q-btn--active"), document.addEventListener("mouseup", C, E)));
+    function D(r) {
+      l.value !== null && (r.qSkipRipple = k === !0, a("mousedown", r), r.defaultPrevented !== !0 && z !== l.value && (z !== null && A(), z = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("mouseup", C, _)));
     }
-    function C(i) {
-      if (u.value !== null && !(i !== void 0 && i.type === "blur" && document.activeElement === u.value)) {
-        if (i !== void 0 && i.type === "keyup") {
-          if (O === u.value && W(i, [13, 32]) === !0) {
-            const g = new MouseEvent("click", i);
-            g.qKeyEvent = !0, i.defaultPrevented === !0 && Fe(g), i.cancelBubble === !0 && he(g), u.value.dispatchEvent(g), M(i), i.qKeyEvent = !0;
+    function C(r) {
+      if (l.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === l.value)) {
+        if (r !== void 0 && r.type === "keyup") {
+          if (O === l.value && H(r, [13, 32]) === !0) {
+            const m = new MouseEvent("click", r);
+            m.qKeyEvent = !0, r.defaultPrevented === !0 && Fe(m), r.cancelBubble === !0 && be(m), l.value.dispatchEvent(m), M(r), r.qKeyEvent = !0;
           }
-          a("keyup", i);
+          a("keyup", r);
         }
-        z();
+        A();
       }
     }
-    function z(i) {
-      const g = y.value;
-      i !== !0 && (T === u.value || A === u.value) && g !== null && g !== document.activeElement && (g.setAttribute("tabindex", -1), g.focus()), T === u.value && (p !== null && (p.removeEventListener("touchcancel", C, E), p.removeEventListener("touchend", C, E)), T = p = null), A === u.value && (document.removeEventListener("mouseup", C, E), A = null), O === u.value && (document.removeEventListener("keyup", C, !0), u.value !== null && u.value.removeEventListener("blur", C, E), O = null), u.value !== null && u.value.classList.remove("q-btn--active");
+    function A(r) {
+      const m = y.value;
+      r !== !0 && (T === l.value || z === l.value) && m !== null && m !== document.activeElement && (m.setAttribute("tabindex", -1), m.focus()), T === l.value && (p !== null && (p.removeEventListener("touchcancel", C, _), p.removeEventListener("touchend", C, _)), T = p = null), z === l.value && (document.removeEventListener("mouseup", C, _), z = null), O === l.value && (document.removeEventListener("keyup", C, !0), l.value !== null && l.value.removeEventListener("blur", C, _), O = null), l.value !== null && l.value.classList.remove("q-btn--active");
     }
-    function j(i) {
-      M(i), i.qSkipRipple = !0;
+    function j(r) {
+      M(r), r.qSkipRipple = !0;
     }
-    return $e(() => {
-      z(!0);
+    return ke(() => {
+      A(!0);
     }), Object.assign(n, {
-      click: (i) => {
-        h.value === !0 && x(i);
+      click: (r) => {
+        h.value === !0 && L(r);
       }
     }), () => {
-      let i = [];
-      e.icon !== void 0 && i.push(
+      let r = [];
+      e.icon !== void 0 && r.push(
         v(re, {
           name: e.icon,
           left: e.stack !== !0 && $.value === !0,
           role: "img"
         })
-      ), $.value === !0 && i.push(
+      ), $.value === !0 && r.push(
         v("span", { class: "block" }, [e.label])
-      ), i = D(t.default, i), e.iconRight !== void 0 && e.round === !1 && i.push(
+      ), r = I(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
         v(re, {
           name: e.iconRight,
           right: e.stack !== !0 && $.value === !0,
           role: "img"
         })
       );
-      const g = [
+      const m = [
         v("span", {
           class: "q-focus-helper",
           ref: y
         })
       ];
-      return e.loading === !0 && e.percentage !== void 0 && g.push(
+      return e.loading === !0 && e.percentage !== void 0 && m.push(
         v("span", {
           class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
         }, [
@@ -735,12 +737,12 @@ const vt = Z({
             style: w.value
           })
         ])
-      ), g.push(
+      ), m.push(
         v("span", {
-          class: "q-btn__content text-center col items-center q-anchor--skip " + s.value
-        }, i)
-      ), e.loading !== null && g.push(
-        v(qe, {
+          class: "q-btn__content text-center col items-center q-anchor--skip " + c.value
+        }, r)
+      ), e.loading !== null && m.push(
+        v($e, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
           v("span", {
@@ -748,33 +750,34 @@ const vt = Z({
             class: "absolute-full flex flex-center"
           }, t.loading !== void 0 ? t.loading() : [v(Ke)])
         ] : null)
-      ), _e(
+      ), qe(
         v(
           b.value,
-          _.value,
-          g
+          E.value,
+          m
         ),
         [[
-          We,
-          B.value,
+          He,
+          P.value,
           void 0,
-          S.value
+          x.value
         ]]
       );
     };
   }
-}), mt = /* @__PURE__ */ X({
+}), gt = /* @__PURE__ */ W({
   __name: "index",
   props: {
-    size: {},
+    size: { default: S.MD },
     transparent: { type: Boolean },
+    flat: { type: Boolean },
     rounded: { type: Boolean },
-    color: {},
+    color: { default: Se.PRIMARY },
     iconLeft: {},
     iconRight: {},
     iconMiddle: {},
     disabled: { type: Boolean },
-    loading: { type: [Boolean, null] },
+    loading: { type: Boolean },
     to: {},
     href: {},
     target: {},
@@ -783,65 +786,66 @@ const vt = Z({
   },
   emits: ["click"],
   setup(e) {
-    const t = e, { size: a = I.MD, color: n = Se.PRIMARY } = t, o = c(() => [
+    const t = e, a = u(() => [
       "app-btn",
       {
-        "app-btn_default": !t.transparent,
+        "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": a === I.SM,
-        "app-btn_md": a === I.MD,
-        "app-btn_lg": a === I.LG,
+        "app-btn_sm": t.size === S.SM,
+        "app-btn_md": t.size === S.MD,
+        "app-btn_lg": t.size === S.LG,
         "app-btn_icon-left": t.iconLeft,
         "app-btn_icon-right": t.iconRight,
         "app-btn_icon-middle": t.iconMiddle
       },
-      `app-btn_${n}`
+      `app-btn_${t.color}`
     ]);
-    return (l, s) => (V(), Ee(P(vt), {
+    return (n, i) => (N(), Ee(Q(vt), {
       "no-caps": "",
       unelevated: "",
-      class: F(o.value),
-      padding: P(fe)[P(a) || P(I).MD],
-      loading: l.loading,
-      disabled: l.disabled || void 0,
-      to: l.to,
-      href: l.href,
-      target: l.target,
-      type: l.submit ? "submit" : void 0,
-      "aria-label": l.ariaLabel,
-      onClick: s[0] || (s[0] = (r) => l.$emit("click", r))
+      class: V(a.value),
+      padding: Q(Re)[n.size || Q(S).MD],
+      loading: n.loading,
+      disabled: n.disabled || void 0,
+      to: n.to,
+      href: n.href,
+      target: n.target,
+      type: n.submit ? "submit" : void 0,
+      "aria-label": n.ariaLabel,
+      onClick: i[0] || (i[0] = (d) => n.$emit("click", d))
     }, {
-      default: xe(() => [
-        l.iconLeft || l.iconMiddle ? (V(), Y("i", {
+      default: _e(() => [
+        n.iconLeft || n.iconMiddle ? (N(), Y("i", {
           key: 0,
-          class: F([
+          class: V([
             "icon-kl",
-            l.iconLeft ? "icon-kl_left" : "icon-kl_middle",
-            `icon-kl-${l.iconLeft || l.iconMiddle}`,
-            l.transparent ? `text-${P(n)}` : "text-secondary"
+            n.iconLeft ? "icon-kl_left" : "icon-kl_middle",
+            `icon-kl-${n.iconLeft || n.iconMiddle}`,
+            n.transparent ? `text-${n.color}` : "text-secondary"
           ])
         }, null, 2)) : ee("", !0),
-        Ce(l.$slots, "default", {}, void 0, !0),
-        l.iconRight ? (V(), Y("i", {
+        Le(n.$slots, "default", {}, void 0, !0),
+        n.iconRight ? (N(), Y("i", {
           key: 1,
-          class: F([
+          class: V([
             "icon-kl",
             "icon-kl_right",
-            `icon-kl-${l.iconRight}`,
-            l.transparent ? `text-${P(n)}` : "text-secondary"
+            `icon-kl-${n.iconRight}`,
+            n.transparent ? `text-${n.color}` : "text-secondary"
           ])
         }, null, 2)) : ee("", !0)
       ]),
       _: 3
     }, 8, ["class", "padding", "loading", "disabled", "to", "href", "target", "type", "aria-label"]));
   }
-}), ke = (e, t) => {
+}), ye = (e, t) => {
   const a = e.__vccOpts || e;
-  for (const [n, o] of t)
-    a[n] = o;
+  for (const [n, i] of t)
+    a[n] = i;
   return a;
-}, bt = /* @__PURE__ */ ke(mt, [["__scopeId", "data-v-42f3b7cf"]]), gt = /* @__PURE__ */ X({
+}, bt = /* @__PURE__ */ ye(gt, [["__scopeId", "data-v-b2e64af1"]]), mt = /* @__PURE__ */ W({
   __name: "index",
   props: {
     name: {},
@@ -849,13 +853,13 @@ const vt = Z({
     color: {}
   },
   setup(e) {
-    return (t, a) => (V(), Y("i", {
-      class: F(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
-      style: Le(t.size ? `font-size: ${t.size}` : void 0)
+    return (t, a) => (N(), Y("i", {
+      class: V(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
+      style: Ce(t.size ? `font-size: ${t.size}` : void 0)
     }, null, 6));
   }
-}), ht = /* @__PURE__ */ ke(gt, [["__scopeId", "data-v-73419357"]]), yt = Re(
-  () => import("./index-qLVhfsl_.js")
+}), ht = /* @__PURE__ */ ye(mt, [["__scopeId", "data-v-73419357"]]), yt = Be(
+  () => import("./index-Sx6zVgnt.js")
 );
 export {
   bt as A,