@validol4ik/uikit 0.4.4 → 0.4.7

package/dist/index-BEAKbg3k.js

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