@validol4ik/uikit 0.1.95 → 0.2.0

package/dist/uikit.es.js

@@ -1,63 +1,70 @@
-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 Le, createElementBlock as Y, createCommentVNode as ee, renderSlot as xe, normalizeStyle as Re } from "vue";
-const j = {
+import { computed as c, markRaw as he, defineComponent as U, getCurrentInstance as oe, h as v, ref as H, onBeforeUnmount as Be, Transition as Oe, withDirectives as Me, openBlock as K, createBlock as ye, unref as V, normalizeClass as Y, withCtx as Te, createElementBlock as J, createCommentVNode as re, renderSlot as ze, reactive as je, mergeProps as Ie, withModifiers as De, normalizeStyle as Ne } from "vue";
+const D = {
   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 = {
+var ke = /* @__PURE__ */ ((e) => (e.sm = "3px 9px", e.md = "5px 12px", e.lg = "9px 20px", e))(ke || {});
+const we = {
   PRIMARY: "primary",
   INFO: "info",
   NEGATIVE: "negative",
   POSITIVE: "positive"
-}, G = {
+}, ee = {
   xs: 18,
   sm: 24,
   md: 32,
   lg: 38,
   xl: 46
-}, ve = {
+}, xe = {
   size: String
 };
-function ge(e, t = G) {
-  return u(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
+function _e(e, t = ee) {
+  return c(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
 }
-function Z(e) {
-  return de(W(e));
+function Ke(e, t, i, o) {
+  return Object.defineProperty(e, t, {
+    get: i,
+    set: o,
+    enumerable: !0
+  }), e;
 }
-function Ce(e) {
-  return de(e);
+function ie(e) {
+  return he(U(e));
 }
-function we(e, t) {
+function Ae(e) {
+  return he(e);
+}
+function Fe(e, t) {
   return e !== void 0 && e() || t;
 }
-function I(e, t) {
+function N(e, t) {
   return e !== void 0 ? t.concat(e()) : t;
 }
-const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, me = {
+const ae = "0 0 24 24", le = (e) => e, X = (e) => `ionicons ${e}`, Ee = {
   "mdi-": (e) => `mdi ${e}`,
-  "icon-": ne,
+  "icon-": le,
   // fontawesome equiv
   "bt-": (e) => `bt ${e}`,
   "eva-": (e) => `eva ${e}`,
-  "ion-md": U,
-  "ion-ios": U,
-  "ion-logo": U,
-  "iconfont ": ne,
+  "ion-md": X,
+  "ion-ios": X,
+  "ion-logo": X,
+  "iconfont ": le,
   "ti-": (e) => `themify-icon ${e}`,
   "bi-": (e) => `bootstrap-icons ${e}`
-}, pe = {
+}, Ce = {
   o_: "-outlined",
   r_: "-round",
   s_: "-sharp"
-}, he = {
+}, $e = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, Be = new RegExp("^(" + Object.keys(me).join("|") + ")"), Pe = new RegExp("^(" + Object.keys(pe).join("|") + ")"), ae = new RegExp("^(" + Object.keys(he).join("|") + ")"), Te = /^[Mm]\s?[-+]?\.?\d/, Me = /^img:/, Oe = /^svguse:/, ze = /^ion-/, Ae = /^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, re = Z({
+}, Ve = new RegExp("^(" + Object.keys(Ee).join("|") + ")"), Ye = new RegExp("^(" + Object.keys(Ce).join("|") + ")"), se = new RegExp("^(" + Object.keys($e).join("|") + ")"), He = /^[Mm]\s?[-+]?\.?\d/, We = /^img:/, Qe = /^svguse:/, Ue = /^ion-/, Ge = /^(fa-(sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, ue = ie({
   name: "QIcon",
   props: {
-    ...ve,
+    ...xe,
     tag: {
       type: String,
       default: "i"
@@ -68,122 +75,122 @@ const te = "0 0 24 24", ne = (e) => e, U = (e) => `ionicons ${e}`, me = {
     right: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: { $q: a } } = X(), n = ge(e), i = u(
+    const { proxy: { $q: i } } = oe(), o = _e(e), n = c(
       () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
-    ), d = u(() => {
-      let c, l = e.name;
-      if (l === "none" || !l)
+    ), s = c(() => {
+      let u, a = e.name;
+      if (a === "none" || !a)
         return { none: !0 };
-      if (a.iconMapFn !== null) {
-        const s = a.iconMapFn(l);
-        if (s !== void 0)
-          if (s.icon !== void 0) {
-            if (l = s.icon, l === "none" || !l)
+      if (i.iconMapFn !== null) {
+        const d = i.iconMapFn(a);
+        if (d !== void 0)
+          if (d.icon !== void 0) {
+            if (a = d.icon, a === "none" || !a)
               return { none: !0 };
           } else
             return {
-              cls: s.cls,
-              content: s.content !== void 0 ? s.content : " "
+              cls: d.cls,
+              content: d.content !== void 0 ? d.content : " "
             };
       }
-      if (Te.test(l) === !0) {
-        const [s, b = te] = l.split("|");
+      if (He.test(a) === !0) {
+        const [d, h = ae] = a.split("|");
         return {
           svg: !0,
-          viewBox: b,
-          nodes: s.split("&&").map((o) => {
-            const [y, p, k] = o.split("@@");
-            return v("path", { style: p, d: y, transform: k });
+          viewBox: h,
+          nodes: d.split("&&").map((l) => {
+            const [y, b, k] = l.split("@@");
+            return v("path", { style: b, d: y, transform: k });
           })
         };
       }
-      if (Me.test(l) === !0)
+      if (We.test(a) === !0)
         return {
           img: !0,
-          src: l.substring(4)
+          src: a.substring(4)
         };
-      if (Oe.test(l) === !0) {
-        const [s, b = te] = l.split("|");
+      if (Qe.test(a) === !0) {
+        const [d, h = ae] = a.split("|");
         return {
           svguse: !0,
-          src: s.substring(7),
-          viewBox: b
+          src: d.substring(7),
+          viewBox: h
         };
       }
-      let q = " ";
-      const h = l.match(Be);
-      if (h !== null)
-        c = me[h[1]](l);
-      else if (Ae.test(l) === !0)
-        c = l;
-      else if (ze.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 = l.match(ae);
-        s !== null && (l = l.substring(6), c += he[s[1]]), q = l;
+      let x = " ";
+      const g = a.match(Ve);
+      if (g !== null)
+        u = Ee[g[1]](a);
+      else if (Ge.test(a) === !0)
+        u = a;
+      else if (Ue.test(a) === !0)
+        u = `ionicons ion-${i.platform.is.ios === !0 ? "ios" : "md"}${a.substring(3)}`;
+      else if (se.test(a) === !0) {
+        u = "notranslate material-symbols";
+        const d = a.match(se);
+        d !== null && (a = a.substring(6), u += $e[d[1]]), x = a;
       } else {
-        c = "notranslate material-icons";
-        const s = l.match(Pe);
-        s !== null && (l = l.substring(2), c += pe[s[1]]), q = l;
+        u = "notranslate material-icons";
+        const d = a.match(Ye);
+        d !== null && (a = a.substring(2), u += Ce[d[1]]), x = a;
       }
       return {
-        cls: c,
-        content: q
+        cls: u,
+        content: x
       };
     });
     return () => {
-      const c = {
-        class: i.value,
-        style: n.value,
+      const u = {
+        class: n.value,
+        style: o.value,
         "aria-hidden": "true",
         role: "presentation"
       };
-      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, [
+      return s.value.none === !0 ? v(e.tag, u, Fe(t.default)) : s.value.img === !0 ? v(e.tag, u, N(t.default, [
+        v("img", { src: s.value.src })
+      ])) : s.value.svg === !0 ? v(e.tag, u, N(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, [
+          viewBox: s.value.viewBox || "0 0 24 24"
+        }, s.value.nodes)
+      ])) : s.value.svguse === !0 ? v(e.tag, u, N(t.default, [
         v("svg", {
-          viewBox: d.value.viewBox
+          viewBox: s.value.viewBox
         }, [
-          v("use", { "xlink:href": d.value.src })
+          v("use", { "xlink:href": s.value.src })
         ])
-      ])) : (d.value.cls !== void 0 && (c.class += " " + d.value.cls), v(e.tag, c, I(t.default, [
-        d.value.content
+      ])) : (s.value.cls !== void 0 && (u.class += " " + s.value.cls), v(e.tag, u, N(t.default, [
+        s.value.content
       ])));
     };
   }
-}), je = {
+}), Xe = {
   size: {
     type: [String, Number],
     default: "1em"
   },
   color: String
 };
-function Ie(e) {
+function Ze(e) {
   return {
-    cSize: u(() => e.size in G ? `${G[e.size]}px` : e.size),
-    classes: u(
+    cSize: c(() => e.size in ee ? `${ee[e.size]}px` : e.size),
+    classes: c(
       () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
     )
   };
 }
-const De = Z({
+const Je = ie({
   name: "QSpinner",
   props: {
-    ...je,
+    ...Xe,
     thickness: {
       type: Number,
       default: 5
     }
   },
   setup(e) {
-    const { cSize: t, classes: a } = Ie(e);
+    const { cSize: t, classes: i } = Ze(e);
     return () => v("svg", {
-      class: a.value + " q-spinner-mat",
+      class: i.value + " q-spinner-mat",
       width: t.value,
       height: t.value,
       viewBox: "25 25 50 50"
@@ -201,12 +208,12 @@ const De = Z({
     ]);
   }
 });
-function Ke(e, t) {
-  const a = e.style;
-  for (const n in t)
-    a[n] = t[n];
+function et(e, t) {
+  const i = e.style;
+  for (const o in t)
+    i[o] = t[o];
 }
-const F = {
+const G = {
   hasPassive: !1,
   passiveCapture: !0,
   notPassiveCapture: !0
@@ -214,7 +221,7 @@ const F = {
 try {
   const e = Object.defineProperty({}, "passive", {
     get() {
-      Object.assign(F, {
+      Object.assign(G, {
         hasPassive: !0,
         passive: { passive: !0 },
         notPassive: { passive: !1 },
@@ -226,101 +233,101 @@ try {
   window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
 } catch {
 }
-function Ne(e) {
+function tt(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 be(e) {
+function qe(e) {
   e.stopPropagation();
 }
-function Ve(e) {
+function nt(e) {
   e.cancelable !== !1 && e.preventDefault();
 }
-function P(e) {
+function O(e) {
   e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
 }
-function Fe(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]]);
+function ot(e, t, i) {
+  const o = `__q_${t}_evt`;
+  e[o] = e[o] !== void 0 ? e[o].concat(i) : i, i.forEach((n) => {
+    n[0].addEventListener(n[1], e[n[2]], G[n[3]]);
   });
 }
-function Qe(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]]);
-  }), e[a] = void 0);
+function it(e, t) {
+  const i = `__q_${t}_evt`;
+  e[i] !== void 0 && (e[i].forEach((o) => {
+    o[0].removeEventListener(o[1], e[o[2]], G[o[3]]);
+  }), e[i] = void 0);
 }
-function Ue(e) {
+function rt(e) {
   return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
 }
-function H(e, t) {
-  return Ue(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
+function te(e, t) {
+  return rt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
-function Ye(e, t = 250) {
-  let a = !1, n;
+function at(e, t = 250) {
+  let i = !1, o;
   return function() {
-    return a === !1 && (a = !0, setTimeout(() => {
-      a = !1;
-    }, t), n = e.apply(this, arguments)), n;
+    return i === !1 && (i = !0, setTimeout(() => {
+      i = !1;
+    }, t), o = e.apply(this, arguments)), o;
   };
 }
-function ie(e, t, a, n) {
-  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"), l = document.createElement("span"), q = Ne(e), { left: h, top: s, width: b, height: o } = t.getBoundingClientRect(), y = Math.sqrt(b * b + o * o), p = y / 2, k = `${(b - y) / 2}px`, f = d ? k : `${q.left - h - p}px`, $ = `${(o - y) / 2}px`, B = d ? $ : `${q.top - s - p}px`;
-  l.className = "q-ripple__inner", Ke(l, {
+function ce(e, t, i, o) {
+  i.modifiers.stop === !0 && qe(e);
+  const n = i.modifiers.color;
+  let s = i.modifiers.center;
+  s = s === !0 || o === !0;
+  const u = document.createElement("span"), a = document.createElement("span"), x = tt(e), { left: g, top: d, width: h, height: l } = t.getBoundingClientRect(), y = Math.sqrt(h * h + l * l), b = y / 2, k = `${(h - y) / 2}px`, f = s ? k : `${x.left - g - b}px`, w = `${(l - y) / 2}px`, B = s ? w : `${x.top - d - b}px`;
+  a.className = "q-ripple__inner", et(a, {
     height: `${y}px`,
     width: `${y}px`,
     transform: `translate3d(${f},${B},0) scale3d(.2,.2,1)`,
     opacity: 0
-  }), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(l), t.appendChild(c);
-  const C = () => {
-    c.remove(), clearTimeout(w);
+  }), u.className = `q-ripple${n ? " text-" + n : ""}`, u.setAttribute("dir", "ltr"), u.appendChild(a), t.appendChild(u);
+  const L = () => {
+    u.remove(), clearTimeout(P);
   };
-  a.abort.push(C);
-  let w = setTimeout(() => {
-    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(C), 1);
+  i.abort.push(L);
+  let P = setTimeout(() => {
+    a.classList.add("q-ripple__inner--enter"), a.style.transform = `translate3d(${k},${w},0) scale3d(1,1,1)`, a.style.opacity = 0.2, P = setTimeout(() => {
+      a.classList.remove("q-ripple__inner--enter"), a.classList.add("q-ripple__inner--leave"), a.style.opacity = 0, P = setTimeout(() => {
+        u.remove(), i.abort.splice(i.abort.indexOf(L), 1);
       }, 275);
     }, 250);
   }, 50);
 }
-function le(e, { modifiers: t, value: a, arg: n }) {
-  const i = Object.assign({}, e.cfg.ripple, t, a);
+function de(e, { modifiers: t, value: i, arg: o }) {
+  const n = Object.assign({}, e.cfg.ripple, t, i);
   e.modifiers = {
-    early: i.early === !0,
-    stop: i.stop === !0,
-    center: i.center === !0,
-    color: i.color || n,
-    keyCodes: [].concat(i.keyCodes || 13)
+    early: n.early === !0,
+    stop: n.stop === !0,
+    center: n.center === !0,
+    color: n.color || o,
+    keyCodes: [].concat(n.keyCodes || 13)
   };
 }
-const Ge = Ce(
+const lt = Ae(
   {
     name: "ripple",
     beforeMount(e, t) {
-      const a = t.instance.$.appContext.config.globalProperties.$q.config || {};
-      if (a.ripple === !1)
+      const i = t.instance.$.appContext.config.globalProperties.$q.config || {};
+      if (i.ripple === !1)
         return;
-      const n = {
-        cfg: a,
+      const o = {
+        cfg: i,
         enabled: t.value !== !1,
         modifiers: {},
         abort: [],
-        start(i) {
-          n.enabled === !0 && i.qSkipRipple !== !0 && i.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && ie(i, e, n, i.qKeyEvent === !0);
+        start(n) {
+          o.enabled === !0 && n.qSkipRipple !== !0 && n.type === (o.modifiers.early === !0 ? "pointerdown" : "click") && ce(n, e, o, n.qKeyEvent === !0);
         },
-        keystart: Ye((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: at((n) => {
+          o.enabled === !0 && n.qSkipRipple !== !0 && te(n, o.modifiers.keyCodes) === !0 && n.type === `key${o.modifiers.early === !0 ? "down" : "up"}` && ce(n, e, o, !0);
         }, 300)
       };
-      le(n, t), e.__qripple = n, Fe(n, "main", [
+      de(o, t), e.__qripple = o, ot(o, "main", [
         [e, "pointerdown", "start", "passive"],
         [e, "click", "start", "passive"],
         [e, "keydown", "keystart", "passive"],
@@ -329,18 +336,18 @@ const Ge = Ce(
     },
     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 && le(a, t));
+        const i = e.__qripple;
+        i !== void 0 && (i.enabled = t.value !== !1, i.enabled === !0 && Object(t.value) === t.value && de(i, t));
       }
     },
     beforeUnmount(e) {
       const t = e.__qripple;
-      t !== void 0 && (t.abort.forEach((a) => {
-        a();
-      }), Qe(t, "main"), delete e._qripple);
+      t !== void 0 && (t.abort.forEach((i) => {
+        i();
+      }), it(t, "main"), delete e._qripple);
     }
   }
-), ye = {
+), Se = {
   left: "start",
   center: "center",
   right: "end",
@@ -348,53 +355,53 @@ const Ge = Ce(
   around: "around",
   evenly: "evenly",
   stretch: "stretch"
-}, He = Object.keys(ye), We = {
+}, st = Object.keys(Se), ut = {
   align: {
     type: String,
-    validator: (e) => He.includes(e)
+    validator: (e) => st.includes(e)
   }
 };
-function Xe(e) {
-  return u(() => {
+function ct(e) {
+  return c(() => {
     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"}-${Se[t]}`;
   });
 }
-function Ze(e) {
+function dt(e) {
   return e.appContext.config.globalProperties.$router !== void 0;
 }
-function oe(e) {
+function fe(e) {
   return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
 }
-function ue(e, t) {
+function ve(e, t) {
   return (e.aliasOf || e) === (t.aliasOf || t);
 }
-function Je(e, t) {
-  for (const a in t) {
-    const n = t[a], i = e[a];
-    if (typeof n == "string") {
-      if (n !== i)
+function ft(e, t) {
+  for (const i in t) {
+    const o = t[i], n = e[i];
+    if (typeof o == "string") {
+      if (o !== n)
         return !1;
-    } else if (Array.isArray(i) === !1 || i.length !== n.length || n.some((d, c) => d !== i[c]))
+    } else if (Array.isArray(n) === !1 || n.length !== o.length || o.some((s, u) => s !== n[u]))
       return !1;
   }
   return !0;
 }
-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 me(e, t) {
+  return Array.isArray(t) === !0 ? e.length === t.length && e.every((i, o) => i === t[o]) : e.length === 1 && e[0] === t;
 }
-function et(e, t) {
-  return Array.isArray(e) === !0 ? se(e, t) : Array.isArray(t) === !0 ? se(t, e) : e === t;
+function vt(e, t) {
+  return Array.isArray(e) === !0 ? me(e, t) : Array.isArray(t) === !0 ? me(t, e) : e === t;
 }
-function tt(e, t) {
+function mt(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
-  for (const a in e)
-    if (et(e[a], t[a]) === !1)
+  for (const i in e)
+    if (vt(e[i], t[i]) === !1)
       return !1;
   return !0;
 }
-const nt = {
+const pt = {
   // router-link
   to: [String, Object],
   replace: Boolean,
@@ -404,107 +411,107 @@ const nt = {
   // state
   disable: Boolean
 };
-function at({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const a = X(), { props: n, proxy: i, emit: d } = a, c = Ze(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 && l.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(() => l.value === !0 || s.value === !0), o = u(() => n.type === "a" || b.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,
-    target: n.target
-  } : {}), p = u(() => {
-    if (s.value === !1)
+function bt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
+  const i = oe(), { props: o, proxy: n, emit: s } = i, u = dt(i), a = c(() => o.disable !== !0 && o.href !== void 0), x = t === !0 ? c(
+    () => u === !0 && o.disable !== !0 && a.value !== !0 && o.to !== void 0 && o.to !== null && o.to !== ""
+  ) : c(
+    () => u === !0 && a.value !== !0 && o.to !== void 0 && o.to !== null && o.to !== ""
+  ), g = c(() => x.value === !0 ? B(o.to) : null), d = c(() => g.value !== null), h = c(() => a.value === !0 || d.value === !0), l = c(() => o.type === "a" || h.value === !0 ? "a" : o.tag || e || "div"), y = c(() => a.value === !0 ? {
+    href: o.href,
+    target: o.target
+  } : d.value === !0 ? {
+    href: g.value.href,
+    target: o.target
+  } : {}), b = c(() => {
+    if (d.value === !1)
       return -1;
-    const { matched: g } = h.value, { length: E } = g, L = g[E - 1];
-    if (L === void 0)
+    const { matched: m } = g.value, { length: _ } = m, C = m[_ - 1];
+    if (C === void 0)
       return -1;
-    const R = i.$route.matched;
-    if (R.length === 0)
+    const q = n.$route.matched;
+    if (q.length === 0)
       return -1;
-    const S = R.findIndex(
-      ue.bind(null, L)
+    const S = q.findIndex(
+      ve.bind(null, C)
     );
     if (S !== -1)
       return S;
-    const D = oe(g[E - 2]);
+    const A = fe(m[_ - 2]);
     return (
       // we are dealing with nested routes
-      E > 1 && oe(L) === D && R[R.length - 1].path !== D ? R.findIndex(
-        ue.bind(null, g[E - 2])
+      _ > 1 && fe(C) === A && q[q.length - 1].path !== A ? q.findIndex(
+        ve.bind(null, m[_ - 2])
       ) : S
     );
-  }), k = u(
-    () => s.value === !0 && p.value !== -1 && Je(i.$route.params, h.value.params)
-  ), f = u(
-    () => k.value === !0 && p.value === i.$route.matched.length - 1 && tt(i.$route.params, h.value.params)
-  ), $ = u(() => s.value === !0 ? f.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
-  function B(g) {
+  }), k = c(
+    () => d.value === !0 && b.value !== -1 && ft(n.$route.params, g.value.params)
+  ), f = c(
+    () => k.value === !0 && b.value === n.$route.matched.length - 1 && mt(n.$route.params, g.value.params)
+  ), w = c(() => d.value === !0 ? f.value === !0 ? ` ${o.exactActiveClass} ${o.activeClass}` : o.exact === !0 ? "" : k.value === !0 ? ` ${o.activeClass}` : "" : "");
+  function B(m) {
     try {
-      return i.$router.resolve(g);
+      return n.$router.resolve(m);
     } catch {
     }
     return null;
   }
-  function C(g, { returnRouterError: E, to: L = n.to, replace: R = n.replace } = {}) {
-    if (n.disable === !0)
-      return g.preventDefault(), Promise.resolve(!1);
+  function L(m, { returnRouterError: _, to: C = o.to, replace: q = o.replace } = {}) {
+    if (o.disable === !0)
+      return m.preventDefault(), Promise.resolve(!1);
     if (
       // don't redirect with control keys;
       // should match RouterLink from Vue Router
-      g.metaKey || g.altKey || g.ctrlKey || g.shiftKey || g.button !== void 0 && g.button !== 0 || n.target === "_blank"
+      m.metaKey || m.altKey || m.ctrlKey || m.shiftKey || m.button !== void 0 && m.button !== 0 || o.target === "_blank"
     )
       return Promise.resolve(!1);
-    g.preventDefault();
-    const S = i.$router[R === !0 ? "replace" : "push"](L);
-    return E === !0 ? S : S.then(() => {
+    m.preventDefault();
+    const S = n.$router[q === !0 ? "replace" : "push"](C);
+    return _ === !0 ? S : S.then(() => {
     }).catch(() => {
     });
   }
-  function w(g) {
-    if (s.value === !0) {
-      const E = (L) => C(g, L);
-      d("click", g, E), g.defaultPrevented !== !0 && E();
+  function P(m) {
+    if (d.value === !0) {
+      const _ = (C) => L(m, C);
+      s("click", m, _), m.defaultPrevented !== !0 && _();
     } else
-      d("click", g);
+      s("click", m);
   }
   return {
-    hasRouterLink: s,
-    hasHrefLink: l,
-    hasLink: b,
-    linkTag: o,
-    resolvedLink: h,
+    hasRouterLink: d,
+    hasHrefLink: a,
+    hasLink: h,
+    linkTag: l,
+    resolvedLink: g,
     linkIsActive: k,
     linkIsExactActive: f,
-    linkClass: $,
+    linkClass: w,
     linkAttrs: y,
     getLink: B,
-    navigateToRouterLink: C,
-    navigateOnClick: w
+    navigateToRouterLink: L,
+    navigateOnClick: P
   };
 }
-const ce = {
+const pe = {
   none: 0,
   xs: 4,
   sm: 8,
   md: 16,
   lg: 24,
   xl: 32
-}, rt = {
+}, gt = {
   xs: 8,
   sm: 10,
   md: 14,
   lg: 20,
   xl: 24
-}, it = ["button", "submit", "reset"], lt = /[^\s]\/[^\s]/, ot = ["flat", "outline", "push", "unelevated"];
-function ut(e, t) {
+}, ht = ["button", "submit", "reset"], yt = /[^\s]\/[^\s]/, kt = ["flat", "outline", "push", "unelevated"];
+function wt(e, t) {
   return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
 }
-const st = {
-  ...ve,
-  ...nt,
+const xt = {
+  ...xe,
+  ...pt,
   type: {
     type: String,
     default: "button"
@@ -512,7 +519,7 @@ const st = {
   label: [Number, String],
   icon: String,
   iconRight: String,
-  ...ot.reduce(
+  ...kt.reduce(
     (e, t) => (e[t] = Boolean) && e,
     {}
   ),
@@ -534,7 +541,7 @@ const st = {
     default: !0
   },
   align: {
-    ...We.align,
+    ...ut.align,
     default: "center"
   },
   stack: Boolean,
@@ -544,236 +551,236 @@ const st = {
     default: null
   },
   disable: Boolean
-}, ct = {
-  ...st,
+}, _t = {
+  ...xt,
   round: Boolean
 };
-function dt(e) {
-  const t = ge(e, rt), a = Xe(e), { hasRouterLink: n, hasLink: i, linkTag: d, linkAttrs: c, navigateOnClick: l } = at({
+function Et(e) {
+  const t = _e(e, gt), i = ct(e), { hasRouterLink: o, hasLink: n, linkTag: s, linkAttrs: u, navigateOnClick: a } = bt({
     fallbackTag: "button"
-  }), q = u(() => {
+  }), x = c(() => {
     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(" "),
+      padding: e.padding.split(/\s+/).map((w) => w in pe ? pe[w] + "px" : w).join(" "),
       minWidth: "0",
       minHeight: "0"
     }) : f;
-  }), h = u(
+  }), g = c(
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
-  ), s = u(
+  ), d = c(
     () => e.disable !== !0 && e.loading !== !0
-  ), b = u(() => s.value === !0 ? e.tabindex || 0 : -1), o = u(() => ut(e, "standard")), y = u(() => {
-    const f = { tabindex: b.value };
-    return i.value === !0 ? Object.assign(f, c.value) : it.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 = c(() => d.value === !0 ? e.tabindex || 0 : -1), l = c(() => wt(e, "standard")), y = c(() => {
+    const f = { tabindex: h.value };
+    return n.value === !0 ? Object.assign(f, u.value) : ht.includes(e.type) === !0 && (f.type = e.type), s.value === "a" ? (e.disable === !0 ? f["aria-disabled"] = "true" : f.href === void 0 && (f.role = "button"), o.value !== !0 && yt.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 = u(() => {
+  }), b = c(() => {
     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--${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" : "")
+    const w = e.round === !0 ? "round" : `rectangle${g.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    return `q-btn--${l.value} q-btn--${w}` + (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(
+    () => i.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
   );
   return {
-    classes: p,
-    style: q,
+    classes: b,
+    style: x,
     innerClasses: k,
     attributes: y,
-    hasLink: i,
-    linkTag: d,
-    navigateOnClick: l,
-    isActionable: s
+    hasLink: n,
+    linkTag: s,
+    navigateOnClick: a,
+    isActionable: d
   };
 }
-const { passiveCapture: _ } = F;
-let T = null, M = null, O = null;
-const ft = Z({
+const { passiveCapture: E } = G;
+let M = null, T = null, z = null;
+const Ct = ie({
   name: "QBtn",
   props: {
-    ...ct,
+    ..._t,
     percentage: Number,
     darkPercentage: Boolean,
     onTouchstart: [Function, Array]
   },
   emits: ["click", "keydown", "mousedown", "keyup"],
-  setup(e, { slots: t, emit: a }) {
-    const { proxy: n } = X(), {
-      classes: i,
-      style: d,
-      innerClasses: c,
-      attributes: l,
-      hasLink: q,
-      linkTag: h,
-      navigateOnClick: s,
-      isActionable: b
-    } = dt(e), o = J(null), y = J(null);
-    let p = null, k, f = null;
-    const $ = u(
+  setup(e, { slots: t, emit: i }) {
+    const { proxy: o } = oe(), {
+      classes: n,
+      style: s,
+      innerClasses: u,
+      attributes: a,
+      hasLink: x,
+      linkTag: g,
+      navigateOnClick: d,
+      isActionable: h
+    } = Et(e), l = H(null), y = H(null);
+    let b = null, k, f = null;
+    const w = c(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
-    ), B = u(() => e.disable === !0 || e.ripple === !1 ? !1 : {
-      keyCodes: q.value === !0 ? [13, 32] : [13],
+    ), B = c(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+      keyCodes: x.value === !0 ? [13, 32] : [13],
       ...e.ripple === !0 ? {} : e.ripple
-    }), C = u(() => ({ center: e.round })), w = u(() => {
+    }), L = c(() => ({ center: e.round })), P = c(() => {
       const r = Math.max(0, Math.min(100, e.percentage));
       return r > 0 ? { transition: "transform 0.6s", transform: `translateX(${r - 100}%)` } : {};
-    }), g = u(() => {
+    }), m = c(() => {
       if (e.loading === !0)
         return {
-          onMousedown: A,
-          onTouchstart: A,
-          onClick: A,
-          onKeydown: A,
-          onKeyup: A
+          onMousedown: I,
+          onTouchstart: I,
+          onClick: I,
+          onKeydown: I,
+          onKeyup: I
         };
-      if (b.value === !0) {
+      if (h.value === !0) {
         const r = {
-          onClick: L,
-          onKeydown: R,
-          onMousedown: D
+          onClick: C,
+          onKeydown: q,
+          onMousedown: A
         };
-        if (n.$q.platform.has.touch === !0) {
-          const m = e.onTouchstart !== void 0 ? "" : "Passive";
-          r[`onTouchstart${m}`] = S;
+        if (o.$q.platform.has.touch === !0) {
+          const p = e.onTouchstart !== void 0 ? "" : "Passive";
+          r[`onTouchstart${p}`] = S;
         }
         return r;
       }
       return {
         // needed; especially for disabled <a> tags
-        onClick: P
+        onClick: O
       };
-    }), E = u(() => ({
-      ref: o,
-      class: "q-btn q-btn-item non-selectable no-outline " + i.value,
-      style: d.value,
-      ...l.value,
-      ...g.value
+    }), _ = c(() => ({
+      ref: l,
+      class: "q-btn q-btn-item non-selectable no-outline " + n.value,
+      style: s.value,
+      ...a.value,
+      ...m.value
     }));
-    function L(r) {
-      if (o.value !== null) {
+    function C(r) {
+      if (l.value !== null) {
         if (r !== void 0) {
           if (r.defaultPrevented === !0)
             return;
-          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 K = () => {
-              document.removeEventListener("keydown", P, !0), document.removeEventListener("keyup", K, _), o.value !== null && o.value.removeEventListener("blur", K, _);
+          const p = document.activeElement;
+          if (e.type === "submit" && p !== document.body && l.value.contains(p) === !1 && p.contains(l.value) === !1) {
+            l.value.focus();
+            const F = () => {
+              document.removeEventListener("keydown", O, !0), document.removeEventListener("keyup", F, E), l.value !== null && l.value.removeEventListener("blur", F, E);
             };
-            document.addEventListener("keydown", P, !0), document.addEventListener("keyup", K, _), o.value.addEventListener("blur", K, _);
+            document.addEventListener("keydown", O, !0), document.addEventListener("keyup", F, E), l.value.addEventListener("blur", F, E);
           }
         }
-        s(r);
+        d(r);
       }
     }
-    function R(r) {
-      o.value !== null && (a("keydown", r), H(r, [13, 32]) === !0 && M !== o.value && (M !== null && z(), r.defaultPrevented !== !0 && (o.value.focus(), M = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("keyup", x, !0), o.value.addEventListener("blur", x, _)), P(r)));
+    function q(r) {
+      l.value !== null && (i("keydown", r), te(r, [13, 32]) === !0 && T !== l.value && (T !== null && j(), r.defaultPrevented !== !0 && (l.value.focus(), T = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("keyup", $, !0), l.value.addEventListener("blur", $, E)), O(r)));
     }
     function S(r) {
-      o.value !== null && (a("touchstart", r), r.defaultPrevented !== !0 && (T !== o.value && (T !== null && z(), T = o.value, p = r.target, p.addEventListener("touchcancel", x, _), p.addEventListener("touchend", x, _)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
+      l.value !== null && (i("touchstart", r), r.defaultPrevented !== !0 && (M !== l.value && (M !== null && j(), M = l.value, b = r.target, b.addEventListener("touchcancel", $, E), b.addEventListener("touchend", $, E)), k = !0, f !== null && clearTimeout(f), f = setTimeout(() => {
         f = null, k = !1;
       }, 200)));
     }
-    function D(r) {
-      o.value !== null && (r.qSkipRipple = k === !0, a("mousedown", r), r.defaultPrevented !== !0 && O !== o.value && (O !== null && z(), O = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("mouseup", x, _)));
+    function A(r) {
+      l.value !== null && (r.qSkipRipple = k === !0, i("mousedown", r), r.defaultPrevented !== !0 && z !== l.value && (z !== null && j(), z = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("mouseup", $, E)));
     }
-    function x(r) {
-      if (o.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === o.value)) {
+    function $(r) {
+      if (l.value !== null && !(r !== void 0 && r.type === "blur" && document.activeElement === l.value)) {
         if (r !== void 0 && r.type === "keyup") {
-          if (M === o.value && H(r, [13, 32]) === !0) {
-            const m = new MouseEvent("click", r);
-            m.qKeyEvent = !0, r.defaultPrevented === !0 && Ve(m), r.cancelBubble === !0 && be(m), o.value.dispatchEvent(m), P(r), r.qKeyEvent = !0;
+          if (T === l.value && te(r, [13, 32]) === !0) {
+            const p = new MouseEvent("click", r);
+            p.qKeyEvent = !0, r.defaultPrevented === !0 && nt(p), r.cancelBubble === !0 && qe(p), l.value.dispatchEvent(p), O(r), r.qKeyEvent = !0;
           }
-          a("keyup", r);
+          i("keyup", r);
         }
-        z();
+        j();
       }
     }
-    function z(r) {
-      const m = y.value;
-      r !== !0 && (T === o.value || O === o.value) && m !== null && m !== document.activeElement && (m.setAttribute("tabindex", -1), m.focus()), T === o.value && (p !== null && (p.removeEventListener("touchcancel", x, _), p.removeEventListener("touchend", x, _)), T = p = null), O === o.value && (document.removeEventListener("mouseup", x, _), O = null), M === o.value && (document.removeEventListener("keyup", x, !0), o.value !== null && o.value.removeEventListener("blur", x, _), M = null), o.value !== null && o.value.classList.remove("q-btn--active");
+    function j(r) {
+      const p = y.value;
+      r !== !0 && (M === l.value || z === l.value) && p !== null && p !== document.activeElement && (p.setAttribute("tabindex", -1), p.focus()), M === l.value && (b !== null && (b.removeEventListener("touchcancel", $, E), b.removeEventListener("touchend", $, E)), M = b = null), z === l.value && (document.removeEventListener("mouseup", $, E), z = null), T === l.value && (document.removeEventListener("keyup", $, !0), l.value !== null && l.value.removeEventListener("blur", $, E), T = null), l.value !== null && l.value.classList.remove("q-btn--active");
     }
-    function A(r) {
-      P(r), r.qSkipRipple = !0;
+    function I(r) {
+      O(r), r.qSkipRipple = !0;
     }
-    return $e(() => {
-      z(!0);
-    }), Object.assign(n, {
+    return Be(() => {
+      j(!0);
+    }), Object.assign(o, {
       click: (r) => {
-        b.value === !0 && L(r);
+        h.value === !0 && C(r);
       }
     }), () => {
       let r = [];
       e.icon !== void 0 && r.push(
-        v(re, {
+        v(ue, {
           name: e.icon,
-          left: e.stack !== !0 && $.value === !0,
+          left: e.stack !== !0 && w.value === !0,
           role: "img",
           "aria-hidden": "true"
         })
-      ), $.value === !0 && r.push(
+      ), w.value === !0 && r.push(
         v("span", { class: "block" }, [e.label])
-      ), r = I(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
-        v(re, {
+      ), r = N(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
+        v(ue, {
           name: e.iconRight,
-          right: e.stack !== !0 && $.value === !0,
+          right: e.stack !== !0 && w.value === !0,
           role: "img",
           "aria-hidden": "true"
         })
       );
-      const m = [
+      const p = [
         v("span", {
           class: "q-focus-helper",
           ref: y
         })
       ];
-      return e.loading === !0 && e.percentage !== void 0 && m.push(
+      return e.loading === !0 && e.percentage !== void 0 && p.push(
         v("span", {
           class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
         }, [
           v("span", {
             class: "q-btn__progress-indicator fit block",
-            style: w.value
+            style: P.value
           })
         ])
-      ), m.push(
+      ), p.push(
         v("span", {
-          class: "q-btn__content text-center col items-center q-anchor--skip " + c.value
+          class: "q-btn__content text-center col items-center q-anchor--skip " + u.value
         }, r)
-      ), e.loading !== null && m.push(
-        v(qe, {
+      ), e.loading !== null && p.push(
+        v(Oe, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
           v("span", {
             key: "loading",
             class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [v(De)])
+          }, t.loading !== void 0 ? t.loading() : [v(Je)])
         ] : null)
-      ), Ee(
+      ), Me(
         v(
-          h.value,
-          E.value,
-          m
+          g.value,
+          _.value,
+          p
         ),
         [[
-          Ge,
+          lt,
           B.value,
           void 0,
-          C.value
+          L.value
         ]]
       );
     };
   }
-}), vt = /* @__PURE__ */ W({
+}), $t = /* @__PURE__ */ U({
   __name: "index",
   props: {
-    size: { default: j.MD },
+    size: { default: D.MD },
     transparent: { type: Boolean },
     rounded: { type: Boolean },
-    color: { default: Se.PRIMARY },
+    color: { default: we.PRIMARY },
     iconLeft: {},
     iconRight: {},
     iconMiddle: {},
@@ -787,65 +794,204 @@ const ft = Z({
   },
   emits: ["click"],
   setup(e) {
-    const t = e, a = u(() => [
+    const t = e, i = c(() => [
       "app-btn",
       {
         "app-btn_default": !t.transparent,
         "app-btn_trans": t.transparent,
         "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 === D.SM,
+        "app-btn_md": t.size === D.MD,
+        "app-btn_lg": t.size === D.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(ft), {
+    return (o, n) => (K(), ye(V(Ct), {
       "no-caps": "",
       unelevated: "",
-      class: V(a.value),
-      padding: Q(fe)[t.size || Q(j).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))
+      class: Y(i.value),
+      padding: V(ke)[t.size || V(D).MD],
+      loading: o.loading,
+      disabled: o.disabled || void 0,
+      to: o.to,
+      href: o.href,
+      target: o.target,
+      type: o.submit ? "submit" : void 0,
+      "aria-label": o.ariaLabel,
+      onClick: n[0] || (n[0] = (s) => o.$emit("click", s))
     }, {
-      default: Le(() => [
-        n.iconLeft || n.iconMiddle ? (N(), Y("i", {
+      default: Te(() => [
+        o.iconLeft || o.iconMiddle ? (K(), J("i", {
           key: 0,
-          class: V([
+          class: Y([
             "icon-kl",
-            n.iconLeft ? "icon-kl_left" : "icon-kl_middle",
-            `icon-kl-${n.iconLeft || n.iconMiddle}`,
-            n.transparent ? `text-${n.color}` : "text-secondary"
+            o.iconLeft ? "icon-kl_left" : "icon-kl_middle",
+            `icon-kl-${o.iconLeft || o.iconMiddle}`,
+            o.transparent ? `text-${o.color}` : "text-secondary"
           ])
-        }, null, 2)) : ee("", !0),
-        xe(n.$slots, "default", {}, void 0, !0),
-        n.iconRight ? (N(), Y("i", {
+        }, null, 2)) : re("", !0),
+        ze(o.$slots, "default", {}, void 0, !0),
+        o.iconRight ? (K(), J("i", {
           key: 1,
-          class: V([
+          class: Y([
             "icon-kl",
             "icon-kl_right",
-            `icon-kl-${n.iconRight}`,
-            n.transparent ? `text-${n.color}` : "text-secondary"
+            `icon-kl-${o.iconRight}`,
+            o.transparent ? `text-${o.color}` : "text-secondary"
           ])
-        }, null, 2)) : ee("", !0)
+        }, null, 2)) : re("", !0)
       ]),
       _: 3
     }, 8, ["class", "padding", "loading", "disabled", "to", "href", "target", "type", "aria-label"]));
   }
-}), ke = (e, t) => {
-  const a = e.__vccOpts || e;
-  for (const [n, i] of t)
-    a[n] = i;
-  return a;
-}, pt = /* @__PURE__ */ ke(vt, [["__scopeId", "data-v-4c2b51f2"]]), gt = /* @__PURE__ */ W({
+}), Le = (e, t) => {
+  const i = e.__vccOpts || e;
+  for (const [o, n] of t)
+    i[o] = n;
+  return i;
+}, qt = /* @__PURE__ */ Le($t, [["__scopeId", "data-v-5b3b0602"]]), W = H(
+  !1
+);
+let ne;
+function St(e, t) {
+  const i = /(edg|edge|edga|edgios)\/([\w.]+)/.exec(e) || /(opr)[\/]([\w.]+)/.exec(e) || /(vivaldi)[\/]([\w.]+)/.exec(e) || /(chrome|crios)[\/]([\w.]+)/.exec(e) || /(version)(applewebkit)[\/]([\w.]+).*(safari)[\/]([\w.]+)/.exec(e) || /(webkit)[\/]([\w.]+).*(version)[\/]([\w.]+).*(safari)[\/]([\w.]+)/.exec(e) || /(firefox|fxios)[\/]([\w.]+)/.exec(e) || /(webkit)[\/]([\w.]+)/.exec(e) || /(opera)(?:.*version|)[\/]([\w.]+)/.exec(e) || [];
+  return {
+    browser: i[5] || i[3] || i[1] || "",
+    version: i[4] || i[2] || "0",
+    platform: t[0] || ""
+  };
+}
+function Lt(e) {
+  return /(ipad)/.exec(e) || /(ipod)/.exec(e) || /(windows phone)/.exec(e) || /(iphone)/.exec(e) || /(kindle)/.exec(e) || /(silk)/.exec(e) || /(android)/.exec(e) || /(win)/.exec(e) || /(mac)/.exec(e) || /(linux)/.exec(e) || /(cros)/.exec(e) || /(playbook)/.exec(e) || /(bb)/.exec(e) || /(blackberry)/.exec(e) || [];
+}
+const Pe = "ontouchstart" in window || window.navigator.maxTouchPoints > 0;
+function Pt(e) {
+  const t = e.toLowerCase(), i = Lt(t), o = St(t, i), n = {};
+  o.browser && (n[o.browser] = !0, n.version = o.version, n.versionNumber = parseInt(o.version, 10)), o.platform && (n[o.platform] = !0);
+  const s = n.android || n.ios || n.bb || n.blackberry || n.ipad || n.iphone || n.ipod || n.kindle || n.playbook || n.silk || n["windows phone"];
+  if (s === !0 || t.indexOf("mobile") !== -1 ? n.mobile = !0 : n.desktop = !0, n["windows phone"] && (n.winphone = !0, delete n["windows phone"]), n.edga || n.edgios || n.edg ? (n.edge = !0, o.browser = "edge") : n.crios ? (n.chrome = !0, o.browser = "chrome") : n.fxios && (n.firefox = !0, o.browser = "firefox"), (n.ipod || n.ipad || n.iphone) && (n.ios = !0), n.vivaldi && (o.browser = "vivaldi", n.vivaldi = !0), // Chrome, Opera 15+, Vivaldi and Safari are webkit based browsers
+  (n.chrome || n.opr || n.safari || n.vivaldi || n.mobile === !0 && n.ios !== !0 && s !== !0) && (n.webkit = !0), n.opr && (o.browser = "opera", n.opera = !0), n.safari && (n.blackberry || n.bb ? (o.browser = "blackberry", n.blackberry = !0) : n.playbook ? (o.browser = "playbook", n.playbook = !0) : n.android ? (o.browser = "android", n.android = !0) : n.kindle ? (o.browser = "kindle", n.kindle = !0) : n.silk && (o.browser = "silk", n.silk = !0)), n.name = o.browser, n.platform = o.platform, t.indexOf("electron") !== -1)
+    n.electron = !0;
+  else if (document.location.href.indexOf("-extension://") !== -1)
+    n.bex = !0;
+  else {
+    if (window.Capacitor !== void 0 ? (n.capacitor = !0, n.nativeMobile = !0, n.nativeMobileWrapper = "capacitor") : (window._cordovaNative !== void 0 || window.cordova !== void 0) && (n.cordova = !0, n.nativeMobile = !0, n.nativeMobileWrapper = "cordova"), W.value === !0 && (ne = { is: { ...n } }), Pe === !0 && n.mac === !0 && (n.desktop === !0 && n.safari === !0 || n.nativeMobile === !0 && n.android !== !0 && n.ios !== !0 && n.ipad !== !0)) {
+      delete n.mac, delete n.desktop;
+      const u = Math.min(window.innerHeight, window.innerWidth) > 414 ? "ipad" : "iphone";
+      Object.assign(n, {
+        mobile: !0,
+        ios: !0,
+        platform: u,
+        [u]: !0
+      });
+    }
+    n.mobile !== !0 && window.navigator.userAgentData && window.navigator.userAgentData.mobile && (delete n.desktop, n.mobile = !0);
+  }
+  return n;
+}
+const be = navigator.userAgent || navigator.vendor || window.opera, Rt = {
+  has: {
+    touch: !1,
+    webStorage: !1
+  },
+  within: { iframe: !1 }
+}, Q = {
+  userAgent: be,
+  is: Pt(be),
+  has: {
+    touch: Pe
+  },
+  within: {
+    iframe: window.self !== window.top
+  }
+}, ge = {
+  install(e) {
+    const { $q: t } = e;
+    W.value === !0 ? (e.onSSRHydrated.push(() => {
+      Object.assign(t.platform, Q), W.value = !1;
+    }), t.platform = je(this)) : t.platform = this;
+  }
+};
+{
+  let e;
+  Ke(Q.has, "webStorage", () => {
+    if (e !== void 0)
+      return e;
+    try {
+      if (window.localStorage)
+        return e = !0, !0;
+    } catch {
+    }
+    return e = !1, !1;
+  }), Object.assign(ge, Q), W.value === !0 && (Object.assign(ge, ne, Rt), ne = null);
+}
+const R = [];
+function Re(e) {
+  R[R.length - 1](e);
+}
+function Bt(e) {
+  Q.is.desktop === !0 && (R.push(e), R.length === 1 && document.body.addEventListener("focusin", Re));
+}
+function Ot(e) {
+  const t = R.indexOf(e);
+  t !== -1 && (R.splice(t, 1), R.length === 0 && document.body.removeEventListener("focusin", Re));
+}
+function Mt(e) {
+  const t = document.createElement("textarea");
+  t.value = e, t.contentEditable = "true", t.style.position = "fixed";
+  const i = () => {
+  };
+  Bt(i), document.body.appendChild(t), t.focus(), t.select();
+  const o = document.execCommand("copy");
+  return t.remove(), Ot(i), o;
+}
+function Tt(e) {
+  return navigator.clipboard !== void 0 ? navigator.clipboard.writeText(e) : new Promise((t, i) => {
+    const o = Mt(e);
+    o ? t(!0) : i(o);
+  });
+}
+const Z = {
+  COPY: "copy_o",
+  COPIED: "copied_o"
+}, It = /* @__PURE__ */ U({
+  __name: "index",
+  props: {
+    text: {},
+    size: {},
+    transparent: { type: Boolean, default: !0 },
+    rounded: { type: Boolean },
+    color: { default: we.INFO },
+    iconLeft: {},
+    iconRight: {},
+    iconMiddle: {},
+    disabled: { type: Boolean },
+    loading: { type: [Boolean, null] },
+    to: {},
+    href: {},
+    target: {},
+    submit: { type: Boolean },
+    ariaLabel: {}
+  },
+  setup(e) {
+    const t = e, i = H(Z.COPY), o = () => {
+      i.value = Z.COPIED, setTimeout(() => {
+        i.value = Z.COPY;
+      }, 2e3);
+    }, n = () => {
+      Tt(t.text).then(o).catch((s) => {
+        console.log(s);
+      });
+    };
+    return (s, u) => (K(), ye(V(qt), Ie(t, {
+      "icon-middle": i.value,
+      onClick: De(n, ["prevent"])
+    }), null, 16, ["icon-middle"]));
+  }
+}), zt = /* @__PURE__ */ U({
   __name: "index",
   props: {
     name: {},
@@ -853,13 +999,14 @@ const ft = Z({
     color: {}
   },
   setup(e) {
-    return (t, a) => (N(), Y("i", {
-      class: V(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
-      style: Re(t.size ? `font-size: ${t.size}` : void 0)
+    return (t, i) => (K(), J("i", {
+      class: Y(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
+      style: Ne(t.size ? `font-size: ${t.size}` : void 0)
     }, null, 6));
   }
-}), ht = /* @__PURE__ */ ke(gt, [["__scopeId", "data-v-73419357"]]);
+}), Dt = /* @__PURE__ */ Le(zt, [["__scopeId", "data-v-73419357"]]);
 export {
-  pt as AppButton,
-  ht as AppIcon
+  qt as AppButton,
+  Dt as AppIcon,
+  It as CopyButton
 };