@validol4ik/uikit 0.2.16 → 0.3.0

package/dist/{index-BVIDc3Sg.js → index-CahnauxT.js}

@@ -1,63 +1,63 @@
-import { computed as u, markRaw as de, defineComponent as W, getCurrentInstance as X, h as v, ref as J, onBeforeUnmount as $e, Transition as qe, withDirectives as Ee, openBlock as N, createBlock as _e, unref as Q, normalizeClass as V, withCtx as Ce, createElementBlock as Y, createCommentVNode as ee, renderSlot as Le, normalizeStyle as xe, defineAsyncComponent as Re } from "vue";
-const j = {
+import { computed as u, markRaw as de, defineComponent as X, getCurrentInstance as Z, h as v, ref as ee, onBeforeUnmount as ke, Transition as $e, withDirectives as qe, openBlock as I, createBlock as Ee, unref as Y, normalizeClass as V, withCtx as Le, createElementBlock as F, createCommentVNode as G, renderSlot as Ce, Fragment as Se, createTextVNode as _e, toDisplayString as Re, normalizeStyle as Be, defineAsyncComponent as xe } from "vue";
+const we = {
+  PRIMARY: "primary",
+  INFO: "info"
+}, B = {
   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 = {
-  PRIMARY: "primary",
-  INFO: "info",
-  NEGATIVE: "negative",
-  POSITIVE: "positive"
-}, G = {
+}, Pe = {
+  [B.SM]: "3px 9px",
+  [B.MD]: "5px 12px",
+  [B.LG]: "9px 20px"
+}, U = {
   xs: 18,
   sm: 24,
   md: 32,
   lg: 38,
   xl: 46
-}, ve = {
+}, fe = {
   size: String
 };
-function me(e, t = G) {
+function ve(e, t = U) {
   return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
 }
-function Z(e) {
-  return de(W(e));
+function J(e) {
+  return de(X(e));
 }
-function we(e) {
+function Me(e) {
   return de(e);
 }
-function Be(e, t) {
+function Te(e, t) {
   return e !== void 0 && e() || t;
 }
-function I(e, t) {
+function D(e, t) {
   return e !== void 0 ? t.concat(e()) : t;
 }
-const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, ge = {
+const te = "0 0 24 24", ne = (e) => e, H = (e) => `ionicons ${e}`, ge = {
   "mdi-": (e) => `mdi ${e}`,
   "icon-": ne,
   // fontawesome equiv
   "bt-": (e) => `bt ${e}`,
   "eva-": (e) => `eva ${e}`,
-  "ion-md": U,
-  "ion-ios": U,
-  "ion-logo": U,
+  "ion-md": H,
+  "ion-ios": H,
+  "ion-logo": H,
   "iconfont ": ne,
   "ti-": (e) => `themify-icon ${e}`,
   "bi-": (e) => `bootstrap-icons ${e}`
-}, pe = {
+}, me = {
   o_: "-outlined",
   r_: "-round",
   s_: "-sharp"
-}, he = {
+}, pe = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, Pe = new RegExp("^(" + Object.keys(ge).join("|") + ")"), Te = new RegExp("^(" + Object.keys(pe).join("|") + ")"), ae = new RegExp("^(" + Object.keys(he).join("|") + ")"), Me = /^[Mm]\s?[-+]?\.?\d/, Oe = /^img:/, Ae = /^svguse:/, ze = /^ion-/, je = /^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, re = Z({
+}, Oe = new RegExp("^(" + Object.keys(ge).join("|") + ")"), ze = new RegExp("^(" + Object.keys(me).join("|") + ")"), ae = new RegExp("^(" + Object.keys(pe).join("|") + ")"), Ae = /^[Mm]\s?[-+]?\.?\d/, je = /^img:/, Ie = /^svguse:/, De = /^ion-/, Ke = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, re = J({
   name: "QIcon",
   props: {
-    ...ve,
+    ...fe,
     tag: {
       type: String,
       default: "i"
@@ -68,17 +68,17 @@ const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, ge = {
     right: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: { $q: a } } = X(), n = me(e), i = u(
+    const { proxy: { $q: a } } = Z(), n = ve(e), i = u(
       () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
     ), d = u(() => {
-      let c, o = e.name;
-      if (o === "none" || !o)
+      let c, l = e.name;
+      if (l === "none" || !l)
         return { none: !0 };
       if (a.iconMapFn !== null) {
-        const s = a.iconMapFn(o);
+        const s = a.iconMapFn(l);
         if (s !== void 0)
           if (s.icon !== void 0) {
-            if (o = s.icon, o === "none" || !o)
+            if (l = s.icon, l === "none" || !l)
               return { none: !0 };
           } else
             return {
@@ -86,46 +86,46 @@ const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, ge = {
               content: s.content !== void 0 ? s.content : " "
             };
       }
-      if (Me.test(o) === !0) {
-        const [s, b = te] = o.split("|");
+      if (Ae.test(l) === !0) {
+        const [s, h = te] = l.split("|");
         return {
           svg: !0,
-          viewBox: b,
-          nodes: s.split("&&").map((l) => {
-            const [y, p, k] = l.split("@@");
+          viewBox: h,
+          nodes: s.split("&&").map((o) => {
+            const [y, p, k] = o.split("@@");
             return v("path", { style: p, d: y, transform: k });
           })
         };
       }
-      if (Oe.test(o) === !0)
+      if (je.test(l) === !0)
         return {
           img: !0,
-          src: o.substring(4)
+          src: l.substring(4)
         };
-      if (Ae.test(o) === !0) {
-        const [s, b = te] = o.split("|");
+      if (Ie.test(l) === !0) {
+        const [s, h = te] = l.split("|");
         return {
           svguse: !0,
           src: s.substring(7),
-          viewBox: b
+          viewBox: h
         };
       }
       let q = " ";
-      const h = o.match(Pe);
-      if (h !== null)
-        c = ge[h[1]](o);
-      else if (je.test(o) === !0)
-        c = o;
-      else if (ze.test(o) === !0)
-        c = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${o.substring(3)}`;
-      else if (ae.test(o) === !0) {
+      const b = l.match(Oe);
+      if (b !== null)
+        c = ge[b[1]](l);
+      else if (Ke.test(l) === !0)
+        c = l;
+      else if (De.test(l) === !0)
+        c = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${l.substring(3)}`;
+      else if (ae.test(l) === !0) {
         c = "notranslate material-symbols";
-        const s = o.match(ae);
-        s !== null && (o = o.substring(6), c += he[s[1]]), q = o;
+        const s = l.match(ae);
+        s !== null && (l = l.substring(6), c += pe[s[1]]), q = l;
       } else {
         c = "notranslate material-icons";
-        const s = o.match(Te);
-        s !== null && (o = o.substring(2), c += pe[s[1]]), q = o;
+        const s = l.match(ze);
+        s !== null && (l = l.substring(2), c += me[s[1]]), q = l;
       }
       return {
         cls: c,
@@ -139,49 +139,49 @@ const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, ge = {
         "aria-hidden": "true",
         role: "presentation"
       };
-      return d.value.none === !0 ? v(e.tag, c, Be(t.default)) : d.value.img === !0 ? v(e.tag, c, I(t.default, [
+      return d.value.none === !0 ? v(e.tag, c, Te(t.default)) : d.value.img === !0 ? v(e.tag, c, D(t.default, [
         v("img", { src: d.value.src })
-      ])) : d.value.svg === !0 ? v(e.tag, c, I(t.default, [
+      ])) : d.value.svg === !0 ? v(e.tag, c, D(t.default, [
         v("svg", {
           viewBox: d.value.viewBox || "0 0 24 24"
         }, d.value.nodes)
-      ])) : d.value.svguse === !0 ? v(e.tag, c, I(t.default, [
+      ])) : d.value.svguse === !0 ? v(e.tag, c, D(t.default, [
         v("svg", {
           viewBox: d.value.viewBox
         }, [
           v("use", { "xlink:href": d.value.src })
         ])
-      ])) : (d.value.cls !== void 0 && (c.class += " " + d.value.cls), v(e.tag, c, I(t.default, [
+      ])) : (d.value.cls !== void 0 && (c.class += " " + d.value.cls), v(e.tag, c, D(t.default, [
         d.value.content
       ])));
     };
   }
-}), Ie = {
+}), Ne = {
   size: {
     type: [String, Number],
     default: "1em"
   },
   color: String
 };
-function De(e) {
+function Ve(e) {
   return {
-    cSize: u(() => e.size in G ? `${G[e.size]}px` : e.size),
+    cSize: u(() => e.size in U ? `${U[e.size]}px` : e.size),
     classes: u(
       () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
     )
   };
 }
-const Ke = Z({
+const Fe = J({
   name: "QSpinner",
   props: {
-    ...Ie,
+    ...Ne,
     thickness: {
       type: Number,
       default: 5
     }
   },
   setup(e) {
-    const { cSize: t, classes: a } = De(e);
+    const { cSize: t, classes: a } = Ve(e);
     return () => v("svg", {
       class: a.value + " q-spinner-mat",
       width: t.value,
@@ -201,12 +201,12 @@ const Ke = Z({
     ]);
   }
 });
-function Ne(e, t) {
+function Qe(e, t) {
   const a = e.style;
   for (const n in t)
     a[n] = t[n];
 }
-const F = {
+const Q = {
   hasPassive: !1,
   passiveCapture: !0,
   notPassiveCapture: !0
@@ -214,7 +214,7 @@ const F = {
 try {
   const e = Object.defineProperty({}, "passive", {
     get() {
-      Object.assign(F, {
+      Object.assign(Q, {
         hasPassive: !0,
         passive: { passive: !0 },
         notPassive: { passive: !1 },
@@ -226,7 +226,7 @@ try {
   window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
 } catch {
 }
-function Ve(e) {
+function Ye(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
@@ -235,31 +235,31 @@ function Ve(e) {
 function be(e) {
   e.stopPropagation();
 }
-function Fe(e) {
+function Ge(e) {
   e.cancelable !== !1 && e.preventDefault();
 }
-function P(e) {
+function M(e) {
   e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
 }
-function Qe(e, t, a) {
+function He(e, t, a) {
   const n = `__q_${t}_evt`;
   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]]);
+    i[0].addEventListener(i[1], e[i[2]], Q[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]], F[n[3]]);
+    n[0].removeEventListener(n[1], e[n[2]], Q[n[3]]);
   }), e[a] = void 0);
 }
-function Ye(e) {
+function We(e) {
   return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
 }
-function H(e, t) {
-  return Ye(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
+function W(e, t) {
+  return We(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
-function Ge(e, t = 250) {
+function Xe(e, t = 250) {
   let a = !1, n;
   return function() {
     return a === !1 && (a = !0, setTimeout(() => {
@@ -272,26 +272,26 @@ function ie(e, t, a, n) {
   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: h, top: s, width: b, height: l } = t.getBoundingClientRect(), y = Math.sqrt(b * b + l * l), p = y / 2, k = `${(b - y) / 2}px`, f = d ? k : `${q.left - h - p}px`, $ = `${(l - y) / 2}px`, B = d ? $ : `${q.top - s - p}px`;
-  o.className = "q-ripple__inner", Ne(o, {
+  const c = document.createElement("span"), l = document.createElement("span"), q = Ye(e), { left: b, top: s, width: h, height: o } = t.getBoundingClientRect(), y = Math.sqrt(h * h + o * o), p = y / 2, k = `${(h - y) / 2}px`, f = d ? k : `${q.left - b - p}px`, $ = `${(o - y) / 2}px`, P = d ? $ : `${q.top - s - p}px`;
+  l.className = "q-ripple__inner", Qe(l, {
     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
-  }), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(o), t.appendChild(c);
-  const S = () => {
+  }), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(l), t.appendChild(c);
+  const x = () => {
     c.remove(), clearTimeout(w);
   };
-  a.abort.push(S);
+  a.abort.push(x);
   let w = setTimeout(() => {
-    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(S), 1);
+    l.classList.add("q-ripple__inner--enter"), l.style.transform = `translate3d(${k},${$},0) scale3d(1,1,1)`, l.style.opacity = 0.2, w = setTimeout(() => {
+      l.classList.remove("q-ripple__inner--enter"), l.classList.add("q-ripple__inner--leave"), l.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 }) {
+function le(e, { modifiers: t, value: a, arg: n }) {
   const i = Object.assign({}, e.cfg.ripple, t, a);
   e.modifiers = {
     early: i.early === !0,
@@ -301,7 +301,7 @@ function oe(e, { modifiers: t, value: a, arg: n }) {
     keyCodes: [].concat(i.keyCodes || 13)
   };
 }
-const He = we(
+const Ze = Me(
   {
     name: "ripple",
     beforeMount(e, t) {
@@ -316,11 +316,11 @@ const He = we(
         start(i) {
           n.enabled === !0 && i.qSkipRipple !== !0 && i.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && ie(i, e, n, i.qKeyEvent === !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);
+        keystart: Xe((i) => {
+          n.enabled === !0 && i.qSkipRipple !== !0 && W(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", [
+      le(n, t), e.__qripple = n, He(n, "main", [
         [e, "pointerdown", "start", "passive"],
         [e, "click", "start", "passive"],
         [e, "keydown", "keystart", "passive"],
@@ -330,7 +330,7 @@ const He = we(
     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 && oe(a, t));
+        a !== void 0 && (a.enabled = t.value !== !1, a.enabled === !0 && Object(t.value) === t.value && le(a, t));
       }
     },
     beforeUnmount(e) {
@@ -340,7 +340,7 @@ const He = we(
       }), Ue(t, "main"), delete e._qripple);
     }
   }
-), ye = {
+), he = {
   left: "start",
   center: "center",
   right: "end",
@@ -348,28 +348,28 @@ const He = we(
   around: "around",
   evenly: "evenly",
   stretch: "stretch"
-}, We = Object.keys(ye), Xe = {
+}, Je = Object.keys(he), et = {
   align: {
     type: String,
-    validator: (e) => We.includes(e)
+    validator: (e) => Je.includes(e)
   }
 };
-function Ze(e) {
+function tt(e) {
   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) {
+function nt(e) {
   return e.appContext.config.globalProperties.$router !== void 0;
 }
-function le(e) {
+function oe(e) {
   return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
 }
 function ue(e, t) {
   return (e.aliasOf || e) === (t.aliasOf || t);
 }
-function et(e, t) {
+function at(e, t) {
   for (const a in t) {
     const n = t[a], i = e[a];
     if (typeof n == "string") {
@@ -383,18 +383,18 @@ function et(e, t) {
 function se(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 tt(e, t) {
+function rt(e, t) {
   return Array.isArray(e) === !0 ? se(e, t) : Array.isArray(t) === !0 ? se(t, e) : e === t;
 }
-function nt(e, t) {
+function it(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const a in e)
-    if (tt(e[a], t[a]) === !1)
+    if (rt(e[a], t[a]) === !1)
       return !1;
   return !0;
 }
-const at = {
+const lt = {
   // router-link
   to: [String, Object],
   replace: Boolean,
@@ -404,84 +404,84 @@ const at = {
   // state
   disable: Boolean
 };
-function rt({ fallbackTag: e, useDisableForRouterLinkProps: t = !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 !== ""
+function ot({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
+  const a = Z(), { props: n, proxy: i, emit: d } = a, c = nt(a), l = u(() => n.disable !== !0 && n.href !== void 0), q = t === !0 ? u(
+    () => c === !0 && n.disable !== !0 && l.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 !== ""
-  ), h = u(() => q.value === !0 ? B(n.to) : null), s = u(() => h.value !== null), b = u(() => o.value === !0 || s.value === !0), l = u(() => n.type === "a" || b.value === !0 ? "a" : n.tag || e || "div"), y = u(() => o.value === !0 ? {
+    () => c === !0 && l.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(() => l.value === !0 || s.value === !0), o = u(() => n.type === "a" || h.value === !0 ? "a" : n.tag || e || "div"), y = u(() => l.value === !0 ? {
     href: n.href,
     target: n.target
   } : s.value === !0 ? {
-    href: h.value.href,
+    href: b.value.href,
     target: n.target
   } : {}), p = u(() => {
     if (s.value === !1)
       return -1;
-    const { matched: m } = h.value, { length: E } = m, C = m[E - 1];
+    const { matched: g } = b.value, { length: E } = g, C = g[E - 1];
     if (C === void 0)
       return -1;
-    const x = i.$route.matched;
-    if (x.length === 0)
+    const _ = i.$route.matched;
+    if (_.length === 0)
       return -1;
-    const R = x.findIndex(
+    const R = _.findIndex(
       ue.bind(null, C)
     );
     if (R !== -1)
       return R;
-    const D = le(m[E - 2]);
+    const K = oe(g[E - 2]);
     return (
       // we are dealing with nested routes
-      E > 1 && le(C) === D && x[x.length - 1].path !== D ? x.findIndex(
-        ue.bind(null, m[E - 2])
+      E > 1 && oe(C) === K && _[_.length - 1].path !== K ? _.findIndex(
+        ue.bind(null, g[E - 2])
       ) : R
     );
   }), k = u(
-    () => s.value === !0 && p.value !== -1 && et(i.$route.params, h.value.params)
+    () => s.value === !0 && p.value !== -1 && at(i.$route.params, b.value.params)
   ), f = u(
-    () => k.value === !0 && p.value === i.$route.matched.length - 1 && nt(i.$route.params, h.value.params)
+    () => k.value === !0 && p.value === i.$route.matched.length - 1 && it(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 B(m) {
+  function P(g) {
     try {
-      return i.$router.resolve(m);
+      return i.$router.resolve(g);
     } catch {
     }
     return null;
   }
-  function S(m, { returnRouterError: E, to: C = n.to, replace: x = n.replace } = {}) {
+  function x(g, { returnRouterError: E, to: C = n.to, replace: _ = 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 = i.$router[x === !0 ? "replace" : "push"](C);
+    g.preventDefault();
+    const R = i.$router[_ === !0 ? "replace" : "push"](C);
     return E === !0 ? R : R.then(() => {
     }).catch(() => {
     });
   }
-  function w(m) {
+  function w(g) {
     if (s.value === !0) {
-      const E = (C) => S(m, C);
-      d("click", m, E), m.defaultPrevented !== !0 && E();
+      const E = (C) => x(g, C);
+      d("click", g, E), g.defaultPrevented !== !0 && E();
     } else
-      d("click", m);
+      d("click", g);
   }
   return {
     hasRouterLink: s,
-    hasHrefLink: o,
-    hasLink: b,
-    linkTag: l,
-    resolvedLink: h,
+    hasHrefLink: l,
+    hasLink: h,
+    linkTag: o,
+    resolvedLink: b,
     linkIsActive: k,
     linkIsExactActive: f,
     linkClass: $,
     linkAttrs: y,
-    getLink: B,
-    navigateToRouterLink: S,
+    getLink: P,
+    navigateToRouterLink: x,
     navigateOnClick: w
   };
 }
@@ -492,19 +492,19 @@ const ce = {
   md: 16,
   lg: 24,
   xl: 32
-}, it = {
+}, ut = {
   xs: 8,
   sm: 10,
   md: 14,
   lg: 20,
   xl: 24
-}, ot = ["button", "submit", "reset"], lt = /[^\s]\/[^\s]/, ut = ["flat", "outline", "push", "unelevated"];
-function st(e, t) {
+}, st = ["button", "submit", "reset"], ct = /[^\s]\/[^\s]/, dt = ["flat", "outline", "push", "unelevated"];
+function ft(e, t) {
   return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
 }
-const ct = {
-  ...ve,
-  ...at,
+const vt = {
+  ...fe,
+  ...lt,
   type: {
     type: String,
     default: "button"
@@ -512,7 +512,7 @@ const ct = {
   label: [Number, String],
   icon: String,
   iconRight: String,
-  ...ut.reduce(
+  ...dt.reduce(
     (e, t) => (e[t] = Boolean) && e,
     {}
   ),
@@ -534,7 +534,7 @@ const ct = {
     default: !0
   },
   align: {
-    ...Xe.align,
+    ...et.align,
     default: "center"
   },
   stack: Boolean,
@@ -544,12 +544,12 @@ const ct = {
     default: null
   },
   disable: Boolean
-}, dt = {
-  ...ct,
+}, gt = {
+  ...vt,
   round: Boolean
 };
-function ft(e) {
-  const t = me(e, it), a = Ze(e), { hasRouterLink: n, hasLink: i, linkTag: d, linkAttrs: c, navigateOnClick: o } = rt({
+function mt(e) {
+  const t = ve(e, ut), a = tt(e), { hasRouterLink: n, hasLink: i, linkTag: d, linkAttrs: c, navigateOnClick: l } = ot({
     fallbackTag: "button"
   }), q = u(() => {
     const f = e.fab === !1 && e.fabMini === !1 ? t.value : {};
@@ -558,13 +558,13 @@ function ft(e) {
       minWidth: "0",
       minHeight: "0"
     }) : f;
-  }), h = u(
+  }), b = u(
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
   ), s = u(
     () => e.disable !== !0 && e.loading !== !0
-  ), b = u(() => s.value === !0 ? e.tabindex || 0 : -1), l = u(() => st(e, "standard")), y = u(() => {
-    const f = { tabindex: b.value };
-    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, {
+  ), h = u(() => s.value === !0 ? e.tabindex || 0 : -1), o = u(() => ft(e, "standard")), y = u(() => {
+    const f = { tabindex: h.value };
+    return i.value === !0 ? Object.assign(f, c.value) : st.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 && ct.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,
@@ -573,8 +573,8 @@ function ft(e) {
   }), 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${h.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
-    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" : "");
+    const $ = e.round === !0 ? "round" : `rectangle${b.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    return `q-btn--${o.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" : "")
   );
@@ -585,107 +585,107 @@ function ft(e) {
     attributes: y,
     hasLink: i,
     linkTag: d,
-    navigateOnClick: o,
+    navigateOnClick: l,
     isActionable: s
   };
 }
-const { passiveCapture: _ } = F;
-let T = null, M = null, O = null;
-const vt = Z({
+const { passiveCapture: L } = Q;
+let T = null, O = null, z = null;
+const pt = J({
   name: "QBtn",
   props: {
-    ...dt,
+    ...gt,
     percentage: Number,
     darkPercentage: Boolean,
     onTouchstart: [Function, Array]
   },
   emits: ["click", "keydown", "mousedown", "keyup"],
   setup(e, { slots: t, emit: a }) {
-    const { proxy: n } = X(), {
+    const { proxy: n } = Z(), {
       classes: i,
       style: d,
       innerClasses: c,
-      attributes: o,
+      attributes: l,
       hasLink: q,
-      linkTag: h,
+      linkTag: b,
       navigateOnClick: s,
-      isActionable: b
-    } = ft(e), l = J(null), y = J(null);
+      isActionable: h
+    } = mt(e), o = ee(null), y = ee(null);
     let p = null, k, f = null;
     const $ = u(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
-    ), B = u(() => 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 = u(() => ({ center: e.round })), w = u(() => {
+    }), 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}%)` } : {};
-    }), m = u(() => {
+    }), g = u(() => {
       if (e.loading === !0)
         return {
-          onMousedown: z,
-          onTouchstart: z,
-          onClick: z,
-          onKeydown: z,
-          onKeyup: z
+          onMousedown: j,
+          onTouchstart: j,
+          onClick: j,
+          onKeydown: j,
+          onKeyup: j
         };
-      if (b.value === !0) {
+      if (h.value === !0) {
         const r = {
           onClick: C,
-          onKeydown: x,
-          onMousedown: D
+          onKeydown: _,
+          onMousedown: K
         };
         if (n.$q.platform.has.touch === !0) {
-          const g = e.onTouchstart !== void 0 ? "" : "Passive";
-          r[`onTouchstart${g}`] = R;
+          const m = e.onTouchstart !== void 0 ? "" : "Passive";
+          r[`onTouchstart${m}`] = R;
         }
         return r;
       }
       return {
         // needed; especially for disabled <a> tags
-        onClick: P
+        onClick: M
       };
     }), E = u(() => ({
-      ref: l,
+      ref: o,
       class: "q-btn q-btn-item non-selectable no-outline " + i.value,
       style: d.value,
-      ...o.value,
-      ...m.value
+      ...l.value,
+      ...g.value
     }));
     function C(r) {
-      if (l.value !== null) {
+      if (o.value !== null) {
         if (r !== void 0) {
           if (r.defaultPrevented === !0)
             return;
-          const g = document.activeElement;
-          if (e.type === "submit" && g !== document.body && l.value.contains(g) === !1 && g.contains(l.value) === !1) {
-            l.value.focus();
-            const K = () => {
-              document.removeEventListener("keydown", P, !0), document.removeEventListener("keyup", K, _), l.value !== null && l.value.removeEventListener("blur", K, _);
+          const m = document.activeElement;
+          if (e.type === "submit" && m !== document.body && o.value.contains(m) === !1 && m.contains(o.value) === !1) {
+            o.value.focus();
+            const N = () => {
+              document.removeEventListener("keydown", M, !0), document.removeEventListener("keyup", N, L), o.value !== null && o.value.removeEventListener("blur", N, L);
             };
-            document.addEventListener("keydown", P, !0), document.addEventListener("keyup", K, _), l.value.addEventListener("blur", K, _);
+            document.addEventListener("keydown", M, !0), document.addEventListener("keyup", N, L), o.value.addEventListener("blur", N, L);
           }
         }
         s(r);
       }
     }
-    function x(r) {
-      l.value !== null && (a("keydown", r), H(r, [13, 32]) === !0 && M !== l.value && (M !== null && A(), r.defaultPrevented !== !0 && (l.value.focus(), M = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("keyup", L, !0), l.value.addEventListener("blur", L, _)), P(r)));
+    function _(r) {
+      o.value !== null && (a("keydown", r), W(r, [13, 32]) === !0 && O !== o.value && (O !== null && A(), r.defaultPrevented !== !0 && (o.value.focus(), O = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("keyup", S, !0), o.value.addEventListener("blur", S, L)), M(r)));
     }
     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", L, _), p.addEventListener("touchend", L, _)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
+      o.value !== null && (a("touchstart", r), r.defaultPrevented !== !0 && (T !== o.value && (T !== null && A(), T = o.value, p = r.target, p.addEventListener("touchcancel", S, L), p.addEventListener("touchend", S, L)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
         f = null, k = !1;
       }, 200)));
     }
-    function D(r) {
-      l.value !== null && (r.qSkipRipple = k === !0, a("mousedown", r), r.defaultPrevented !== !0 && O !== l.value && (O !== null && A(), O = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("mouseup", L, _)));
+    function K(r) {
+      o.value !== null && (r.qSkipRipple = k === !0, a("mousedown", r), r.defaultPrevented !== !0 && z !== o.value && (z !== null && A(), z = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("mouseup", S, L)));
     }
-    function L(r) {
-      if (l.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === l.value)) {
+    function S(r) {
+      if (o.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === o.value)) {
         if (r !== void 0 && r.type === "keyup") {
-          if (M === l.value && H(r, [13, 32]) === !0) {
-            const g = new MouseEvent("click", r);
-            g.qKeyEvent = !0, r.defaultPrevented === !0 && Fe(g), r.cancelBubble === !0 && be(g), l.value.dispatchEvent(g), P(r), r.qKeyEvent = !0;
+          if (O === o.value && W(r, [13, 32]) === !0) {
+            const m = new MouseEvent("click", r);
+            m.qKeyEvent = !0, r.defaultPrevented === !0 && Ge(m), r.cancelBubble === !0 && be(m), o.value.dispatchEvent(m), M(r), r.qKeyEvent = !0;
           }
           a("keyup", r);
         }
@@ -693,17 +693,17 @@ const vt = Z({
       }
     }
     function A(r) {
-      const g = y.value;
-      r !== !0 && (T === l.value || O === l.value) && g !== null && g !== document.activeElement && (g.setAttribute("tabindex", -1), g.focus()), T === l.value && (p !== null && (p.removeEventListener("touchcancel", L, _), p.removeEventListener("touchend", L, _)), T = p = null), O === l.value && (document.removeEventListener("mouseup", L, _), O = null), M === l.value && (document.removeEventListener("keyup", L, !0), l.value !== null && l.value.removeEventListener("blur", L, _), M = null), l.value !== null && l.value.classList.remove("q-btn--active");
+      const m = y.value;
+      r !== !0 && (T === o.value || z === o.value) && m !== null && m !== document.activeElement && (m.setAttribute("tabindex", -1), m.focus()), T === o.value && (p !== null && (p.removeEventListener("touchcancel", S, L), p.removeEventListener("touchend", S, L)), T = p = null), z === o.value && (document.removeEventListener("mouseup", S, L), z = null), O === o.value && (document.removeEventListener("keyup", S, !0), o.value !== null && o.value.removeEventListener("blur", S, L), O = null), o.value !== null && o.value.classList.remove("q-btn--active");
     }
-    function z(r) {
-      P(r), r.qSkipRipple = !0;
+    function j(r) {
+      M(r), r.qSkipRipple = !0;
     }
-    return $e(() => {
+    return ke(() => {
       A(!0);
     }), Object.assign(n, {
       click: (r) => {
-        b.value === !0 && C(r);
+        h.value === !0 && C(r);
       }
     }), () => {
       let r = [];
@@ -711,26 +711,24 @@ const vt = Z({
         v(re, {
           name: e.icon,
           left: e.stack !== !0 && $.value === !0,
-          role: "img",
-          "aria-hidden": "true"
+          role: "img"
         })
       ), $.value === !0 && r.push(
         v("span", { class: "block" }, [e.label])
-      ), r = I(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
+      ), r = D(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",
-          "aria-hidden": "true"
+          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" : "")
         }, [
@@ -739,76 +737,79 @@ const vt = Z({
             style: w.value
           })
         ])
-      ), g.push(
+      ), m.push(
         v("span", {
           class: "q-btn__content text-center col items-center q-anchor--skip " + c.value
         }, r)
-      ), e.loading !== null && g.push(
-        v(qe, {
+      ), e.loading !== null && m.push(
+        v($e, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
           v("span", {
             key: "loading",
             class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [v(Ke)])
+          }, t.loading !== void 0 ? t.loading() : [v(Fe)])
         ] : null)
-      ), Ee(
+      ), qe(
         v(
-          h.value,
+          b.value,
           E.value,
-          g
+          m
         ),
         [[
-          He,
-          B.value,
+          Ze,
+          P.value,
           void 0,
-          S.value
+          x.value
         ]]
       );
     };
   }
-}), mt = /* @__PURE__ */ W({
+}), bt = /* @__PURE__ */ X({
   __name: "index",
   props: {
-    size: { default: j.MD },
+    size: { default: B.MD },
     transparent: { type: Boolean },
+    flat: { type: Boolean },
     rounded: { type: Boolean },
-    color: { default: Se.PRIMARY },
+    color: { default: we.PRIMARY },
     iconLeft: {},
     iconRight: {},
     iconMiddle: {},
     disabled: { type: Boolean },
-    loading: { type: [Boolean, null] },
+    loading: { type: Boolean },
     to: {},
     href: {},
     target: {},
     submit: { type: Boolean },
-    ariaLabel: {}
+    ariaLabel: {},
+    label: {}
   },
   emits: ["click"],
   setup(e) {
     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": t.size === j.SM,
-        "app-btn_md": t.size === j.MD,
-        "app-btn_lg": t.size === j.LG,
+        "app-btn_sm": t.size === B.SM,
+        "app-btn_md": t.size === B.MD,
+        "app-btn_lg": t.size === B.LG,
         "app-btn_icon-left": t.iconLeft,
         "app-btn_icon-right": t.iconRight,
         "app-btn_icon-middle": t.iconMiddle
       },
       `app-btn_${t.color}`
     ]);
-    return (n, i) => (N(), _e(Q(vt), {
+    return (n, i) => (I(), Ee(Y(pt), {
       "no-caps": "",
       unelevated: "",
       class: V(a.value),
-      padding: Q(fe)[t.size || Q(j).MD],
+      padding: Y(Pe)[n.size || Y(B).MD],
       loading: n.loading,
-      disabled: n.disabled || void 0,
+      disable: n.disabled || void 0,
       to: n.to,
       href: n.href,
       target: n.target,
@@ -816,36 +817,39 @@ const vt = Z({
       "aria-label": n.ariaLabel,
       onClick: i[0] || (i[0] = (d) => n.$emit("click", d))
     }, {
-      default: Ce(() => [
-        n.iconLeft || n.iconMiddle ? (N(), Y("i", {
+      default: Le(() => [
+        n.iconLeft || n.iconMiddle ? (I(), F("i", {
           key: 0,
           class: V([
             "icon-kl",
             n.iconLeft ? "icon-kl_left" : "icon-kl_middle",
             `icon-kl-${n.iconLeft || n.iconMiddle}`,
-            n.transparent ? `text-${n.color}` : "text-secondary"
+            n.transparent || n.flat ? `text-${n.color}` : "text-secondary"
           ])
-        }, null, 2)) : ee("", !0),
-        Le(n.$slots, "default", {}, void 0, !0),
-        n.iconRight ? (N(), Y("i", {
-          key: 1,
+        }, null, 2)) : G("", !0),
+        Ce(n.$slots, "default", {}, void 0, !0),
+        n.label ? (I(), F(Se, { key: 1 }, [
+          _e(Re(n.label), 1)
+        ], 64)) : G("", !0),
+        n.iconRight ? (I(), F("i", {
+          key: 2,
           class: V([
             "icon-kl",
             "icon-kl_right",
             `icon-kl-${n.iconRight}`,
             n.transparent ? `text-${n.color}` : "text-secondary"
           ])
-        }, null, 2)) : ee("", !0)
+        }, null, 2)) : G("", !0)
       ]),
       _: 3
-    }, 8, ["class", "padding", "loading", "disabled", "to", "href", "target", "type", "aria-label"]));
+    }, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label"]));
   }
-}), ke = (e, t) => {
+}), ye = (e, t) => {
   const a = e.__vccOpts || e;
   for (const [n, i] of t)
     a[n] = i;
   return a;
-}, ht = /* @__PURE__ */ ke(mt, [["__scopeId", "data-v-16e02783"]]), gt = /* @__PURE__ */ W({
+}, kt = /* @__PURE__ */ ye(bt, [["__scopeId", "data-v-ac94630a"]]), ht = /* @__PURE__ */ X({
   __name: "index",
   props: {
     name: {},
@@ -853,17 +857,17 @@ const vt = Z({
     color: {}
   },
   setup(e) {
-    return (t, a) => (N(), Y("i", {
+    return (t, a) => (I(), F("i", {
       class: V(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
-      style: xe(t.size ? `font-size: ${t.size}` : void 0)
+      style: Be(t.size ? `font-size: ${t.size}` : void 0)
     }, null, 6));
   }
-}), bt = /* @__PURE__ */ ke(gt, [["__scopeId", "data-v-73419357"]]), yt = Re(
-  () => import("./index-CVoafFTm.js")
+}), $t = /* @__PURE__ */ ye(ht, [["__scopeId", "data-v-73419357"]]), qt = xe(
+  () => import("./index-ChN-hiVg.js")
 );
 export {
-  ht as A,
-  Se as C,
-  yt as a,
-  bt as i
+  kt as A,
+  we as C,
+  qt as a,
+  $t as i
 };