@validol4ik/uikit 0.2.11 → 0.2.12

package/dist/uikit.es.js

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