@validol4ik/uikit 0.4.11 → 0.5.0

package/dist/index-BKMebY38.js

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