@validol4ik/uikit 0.9.4 → 0.9.6

package/dist/index-CTeqfCv_.js

@@ -1,1674 +0,0 @@
-import { computed as r, markRaw as Ee, defineComponent as K, h as p, withDirectives as oe, getCurrentInstance as ee, unref as Z, ref as W, onBeforeUnmount as Qe, Transition as Ue, openBlock as h, createBlock as ae, normalizeClass as P, withCtx as He, createElementBlock as _, createCommentVNode as V, renderSlot as se, Fragment as ie, createTextVNode as Pe, toDisplayString as Y, withModifiers as Le, createElementVNode as T, toRaw as Q, createVNode as Xe, normalizeStyle as re, watch as We, onMounted as Ye, renderList as Re, withKeys as Ge, vModelText as Je, nextTick as be, useModel as Ze, mergeModels as et, defineAsyncComponent as ge } from "vue";
-const $n = ({ app: e }) => {
-  const t = e.config.globalProperties.$q;
-  t.iconMapFn = (n) => {
-    if (n.startsWith("icon-kl:"))
-      return {
-        cls: `icon-kl icon-kl-${n.slice(8)}`
-      };
-  };
-}, Me = {
-  PRIMARY: "primary",
-  INFO: "info"
-}, z = {
-  SM: "sm",
-  MD: "md",
-  LG: "lg",
-  XL: "xl"
-}, tt = {
-  [z.SM]: "3px 9px",
-  [z.MD]: "5px 12px",
-  [z.LG]: "6px 15px",
-  [z.XL]: "9px 20px"
-}, pe = {
-  xs: 18,
-  sm: 24,
-  md: 32,
-  lg: 38,
-  xl: 46
-}, ue = {
-  size: String
-};
-function ce(e, t = pe) {
-  return r(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
-}
-function te(e) {
-  return Ee(K(e));
-}
-function Ve(e) {
-  return Ee(e);
-}
-function Ae(e, t) {
-  return e !== void 0 && e() || t;
-}
-function qn(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 Cn(e, t) {
-  return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
-}
-function Sn(e, t, n, a, s, l) {
-  t.key = a + s;
-  const o = p(e, t, n);
-  return s === !0 ? oe(o, l()) : o;
-}
-const he = "0 0 24 24", fe = (e) => e, ve = (e) => `ionicons ${e}`, Ie = {
-  "mdi-": (e) => `mdi ${e}`,
-  "icon-": fe,
-  // fontawesome equiv
-  "bt-": (e) => `bt ${e}`,
-  "eva-": (e) => `eva ${e}`,
-  "ion-md": ve,
-  "ion-ios": ve,
-  "ion-logo": ve,
-  "iconfont ": fe,
-  "ti-": (e) => `themify-icon ${e}`,
-  "bi-": (e) => `bootstrap-icons ${e}`,
-  "i-": fe
-  // UnoCSS pure icons
-}, Te = {
-  o_: "-outlined",
-  r_: "-round",
-  s_: "-sharp"
-}, ze = {
-  sym_o_: "-outlined",
-  sym_r_: "-rounded",
-  sym_s_: "-sharp"
-}, nt = new RegExp("^(" + Object.keys(Ie).join("|") + ")"), at = new RegExp("^(" + Object.keys(Te).join("|") + ")"), ke = new RegExp("^(" + Object.keys(ze).join("|") + ")"), lt = /^[Mm]\s?[-+]?\.?\d/, ot = /^img:/, st = /^svguse:/, it = /^ion-/, rt = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, me = te({
-  name: "QIcon",
-  props: {
-    ...ue,
-    tag: {
-      type: String,
-      default: "i"
-    },
-    name: String,
-    color: String,
-    left: Boolean,
-    right: Boolean
-  },
-  setup(e, { slots: t }) {
-    const { proxy: { $q: n } } = ee(), a = ce(e), s = r(
-      () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
-    ), l = r(() => {
-      let o, i = e.name;
-      if (i === "none" || !i)
-        return { none: !0 };
-      if (n.iconMapFn !== null) {
-        const f = n.iconMapFn(i);
-        if (f !== void 0)
-          if (f.icon !== void 0) {
-            if (i = f.icon, i === "none" || !i)
-              return { none: !0 };
-          } else
-            return {
-              cls: f.cls,
-              content: f.content !== void 0 ? f.content : " "
-            };
-      }
-      if (lt.test(i) === !0) {
-        const [f, C = he] = i.split("|");
-        return {
-          svg: !0,
-          viewBox: C,
-          nodes: f.split("&&").map((d) => {
-            const [q, u, m] = d.split("@@");
-            return p("path", { style: u, d: q, transform: m });
-          })
-        };
-      }
-      if (ot.test(i) === !0)
-        return {
-          img: !0,
-          src: i.substring(4)
-        };
-      if (st.test(i) === !0) {
-        const [f, C = he] = i.split("|");
-        return {
-          svguse: !0,
-          src: f.substring(7),
-          viewBox: C
-        };
-      }
-      let $ = " ";
-      const y = i.match(nt);
-      if (y !== null)
-        o = Ie[y[1]](i);
-      else if (rt.test(i) === !0)
-        o = i;
-      else if (it.test(i) === !0)
-        o = `ionicons ion-${n.platform.is.ios === !0 ? "ios" : "md"}${i.substring(3)}`;
-      else if (ke.test(i) === !0) {
-        o = "notranslate material-symbols";
-        const f = i.match(ke);
-        f !== null && (i = i.substring(6), o += ze[f[1]]), $ = i;
-      } else {
-        o = "notranslate material-icons";
-        const f = i.match(at);
-        f !== null && (i = i.substring(2), o += Te[f[1]]), $ = i;
-      }
-      return {
-        cls: o,
-        content: $
-      };
-    });
-    return () => {
-      const o = {
-        class: s.value,
-        style: a.value,
-        "aria-hidden": "true"
-      };
-      return l.value.none === !0 ? p(e.tag, o, Ae(t.default)) : l.value.img === !0 ? p(e.tag, o, N(t.default, [
-        p("img", { src: l.value.src })
-      ])) : l.value.svg === !0 ? p(e.tag, o, N(t.default, [
-        p("svg", {
-          viewBox: l.value.viewBox || "0 0 24 24"
-        }, l.value.nodes)
-      ])) : l.value.svguse === !0 ? p(e.tag, o, N(t.default, [
-        p("svg", {
-          viewBox: l.value.viewBox
-        }, [
-          p("use", { "xlink:href": l.value.src })
-        ])
-      ])) : (l.value.cls !== void 0 && (o.class += " " + l.value.cls), p(e.tag, o, N(t.default, [
-        l.value.content
-      ])));
-    };
-  }
-}), ut = {
-  size: {
-    type: [String, Number],
-    default: "1em"
-  },
-  color: String
-};
-function ct(e) {
-  return {
-    cSize: r(() => e.size in pe ? `${pe[e.size]}px` : e.size),
-    classes: r(
-      () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
-    )
-  };
-}
-const Oe = te({
-  name: "QSpinner",
-  props: {
-    ...ut,
-    thickness: {
-      type: Number,
-      default: 5
-    }
-  },
-  setup(e) {
-    const { cSize: t, classes: n } = ct(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 dt(e, t) {
-  const n = e.style;
-  for (const a in t)
-    n[a] = t[a];
-}
-function Bn(e) {
-  if (e == null)
-    return;
-  if (typeof e == "string")
-    try {
-      return document.querySelector(e) || void 0;
-    } catch {
-      return;
-    }
-  const t = Z(e);
-  if (t)
-    return t.$el || t;
-}
-function wn(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 de = {
-  hasPassive: !1,
-  passiveCapture: !0,
-  notPassiveCapture: !0
-};
-try {
-  const e = Object.defineProperty({}, "passive", {
-    get() {
-      Object.assign(de, {
-        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 En() {
-}
-function ft(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 Pn(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 je(e) {
-  e.stopPropagation();
-}
-function vt(e) {
-  e.cancelable !== !1 && e.preventDefault();
-}
-function D(e) {
-  e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
-}
-function pt(e, t, n) {
-  const a = `__q_${t}_evt`;
-  e[a] = e[a] !== void 0 ? e[a].concat(n) : n, n.forEach((s) => {
-    s[0].addEventListener(s[1], e[s[2]], de[s[3]]);
-  });
-}
-function mt(e, t) {
-  const n = `__q_${t}_evt`;
-  e[n] !== void 0 && (e[n].forEach((a) => {
-    a[0].removeEventListener(a[1], e[a[2]], de[a[3]]);
-  }), e[n] = void 0);
-}
-function gt(e) {
-  return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
-}
-function le(e, t) {
-  return gt(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
-}
-function bt(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 ye(e, t, n, a) {
-  n.modifiers.stop === !0 && je(e);
-  const s = n.modifiers.color;
-  let l = n.modifiers.center;
-  l = l === !0 || a === !0;
-  const o = document.createElement("span"), i = document.createElement("span"), $ = ft(e), { left: y, top: f, width: C, height: d } = t.getBoundingClientRect(), q = Math.sqrt(C * C + d * d), u = q / 2, m = `${(C - q) / 2}px`, v = l ? m : `${$.left - y - u}px`, b = `${(d - q) / 2}px`, S = l ? b : `${$.top - f - u}px`;
-  i.className = "q-ripple__inner", dt(i, {
-    height: `${q}px`,
-    width: `${q}px`,
-    transform: `translate3d(${v},${S},0) scale3d(.2,.2,1)`,
-    opacity: 0
-  }), o.className = `q-ripple${s ? " text-" + s : ""}`, o.setAttribute("dir", "ltr"), o.appendChild(i), t.appendChild(o);
-  const w = () => {
-    o.remove(), clearTimeout(E);
-  };
-  n.abort.push(w);
-  let E = setTimeout(() => {
-    i.classList.add("q-ripple__inner--enter"), i.style.transform = `translate3d(${m},${b},0) scale3d(1,1,1)`, i.style.opacity = 0.2, E = setTimeout(() => {
-      i.classList.remove("q-ripple__inner--enter"), i.classList.add("q-ripple__inner--leave"), i.style.opacity = 0, E = setTimeout(() => {
-        o.remove(), n.abort.splice(n.abort.indexOf(w), 1);
-      }, 275);
-    }, 250);
-  }, 50);
-}
-function _e(e, { modifiers: t, value: n, arg: a }) {
-  const s = Object.assign({}, e.cfg.ripple, t, n);
-  e.modifiers = {
-    early: s.early === !0,
-    stop: s.stop === !0,
-    center: s.center === !0,
-    color: s.color || a,
-    keyCodes: [].concat(s.keyCodes || 13)
-  };
-}
-const ht = 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(s) {
-          a.enabled === !0 && s.qSkipRipple !== !0 && s.type === (a.modifiers.early === !0 ? "pointerdown" : "click") && ye(s, e, a, s.qKeyEvent === !0);
-        },
-        keystart: bt((s) => {
-          a.enabled === !0 && s.qSkipRipple !== !0 && le(s, a.modifiers.keyCodes) === !0 && s.type === `key${a.modifiers.early === !0 ? "down" : "up"}` && ye(s, e, a, !0);
-        }, 300)
-      };
-      _e(a, t), e.__qripple = a, pt(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 && _e(n, t));
-      }
-    },
-    beforeUnmount(e) {
-      const t = e.__qripple;
-      t !== void 0 && (t.abort.forEach((n) => {
-        n();
-      }), mt(t, "main"), delete e._qripple);
-    }
-  }
-), De = {
-  left: "start",
-  center: "center",
-  right: "end",
-  between: "between",
-  around: "around",
-  evenly: "evenly",
-  stretch: "stretch"
-}, kt = Object.keys(De), yt = {
-  align: {
-    type: String,
-    validator: (e) => kt.includes(e)
-  }
-};
-function _t(e) {
-  return r(() => {
-    const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
-    return `${e.vertical === !0 ? "items" : "justify"}-${De[t]}`;
-  });
-}
-function ne(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 $t(e) {
-  return e.appContext.config.globalProperties.$router !== void 0;
-}
-function Ln(e) {
-  return e.isUnmounted === !0 || e.isDeactivated === !0;
-}
-function $e(e) {
-  return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
-}
-function qe(e, t) {
-  return (e.aliasOf || e) === (t.aliasOf || t);
-}
-function qt(e, t) {
-  for (const n in t) {
-    const a = t[n], s = e[n];
-    if (typeof a == "string") {
-      if (a !== s)
-        return !1;
-    } else if (Array.isArray(s) === !1 || s.length !== a.length || a.some((l, o) => l !== s[o]))
-      return !1;
-  }
-  return !0;
-}
-function Ce(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 Ct(e, t) {
-  return Array.isArray(e) === !0 ? Ce(e, t) : Array.isArray(t) === !0 ? Ce(t, e) : e === t;
-}
-function St(e, t) {
-  if (Object.keys(e).length !== Object.keys(t).length)
-    return !1;
-  for (const n in e)
-    if (Ct(e[n], t[n]) === !1)
-      return !1;
-  return !0;
-}
-const xe = {
-  // router-link
-  to: [String, Object],
-  replace: Boolean,
-  // regular <a> link
-  href: String,
-  target: String,
-  // state
-  disable: Boolean
-}, Rn = {
-  ...xe,
-  // router-link
-  exact: Boolean,
-  activeClass: {
-    type: String,
-    default: "q-router-link--active"
-  },
-  exactActiveClass: {
-    type: String,
-    default: "q-router-link--exact-active"
-  }
-};
-function Bt({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const n = ee(), { props: a, proxy: s, emit: l } = n, o = $t(n), i = r(() => a.disable !== !0 && a.href !== void 0), $ = t === !0 ? r(
-    () => o === !0 && a.disable !== !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
-  ) : r(
-    () => o === !0 && i.value !== !0 && a.to !== void 0 && a.to !== null && a.to !== ""
-  ), y = r(() => $.value === !0 ? S(a.to) : null), f = r(() => y.value !== null), C = r(() => i.value === !0 || f.value === !0), d = r(() => a.type === "a" || C.value === !0 ? "a" : a.tag || e || "div"), q = r(() => i.value === !0 ? {
-    href: a.href,
-    target: a.target
-  } : f.value === !0 ? {
-    href: y.value.href,
-    target: a.target
-  } : {}), u = r(() => {
-    if (f.value === !1)
-      return -1;
-    const { matched: k } = y.value, { length: L } = k, R = k[L - 1];
-    if (R === void 0)
-      return -1;
-    const O = s.$route.matched;
-    if (O.length === 0)
-      return -1;
-    const j = O.findIndex(
-      qe.bind(null, R)
-    );
-    if (j !== -1)
-      return j;
-    const F = $e(k[L - 2]);
-    return (
-      // we are dealing with nested routes
-      L > 1 && $e(R) === F && O[O.length - 1].path !== F ? O.findIndex(
-        qe.bind(null, k[L - 2])
-      ) : j
-    );
-  }), m = r(
-    () => f.value === !0 && u.value !== -1 && qt(s.$route.params, y.value.params)
-  ), v = r(
-    () => m.value === !0 && u.value === s.$route.matched.length - 1 && St(s.$route.params, y.value.params)
-  ), b = r(() => f.value === !0 ? v.value === !0 ? ` ${a.exactActiveClass} ${a.activeClass}` : a.exact === !0 ? "" : m.value === !0 ? ` ${a.activeClass}` : "" : "");
-  function S(k) {
-    try {
-      return s.$router.resolve(k);
-    } catch {
-    }
-    return null;
-  }
-  function w(k, { returnRouterError: L, to: R = a.to, replace: O = a.replace } = {}) {
-    if (a.disable === !0)
-      return k.preventDefault(), Promise.resolve(!1);
-    if (
-      // don't redirect with control keys;
-      // should match RouterLink from Vue Router
-      k.metaKey || k.altKey || k.ctrlKey || k.shiftKey || k.button !== void 0 && k.button !== 0 || a.target === "_blank"
-    )
-      return Promise.resolve(!1);
-    k.preventDefault();
-    const j = s.$router[O === !0 ? "replace" : "push"](R);
-    return L === !0 ? j : j.then(() => {
-    }).catch(() => {
-    });
-  }
-  function E(k) {
-    if (f.value === !0) {
-      const L = (R) => w(k, R);
-      l("click", k, L), k.defaultPrevented !== !0 && L();
-    } else
-      l("click", k);
-  }
-  return {
-    hasRouterLink: f,
-    hasHrefLink: i,
-    hasLink: C,
-    linkTag: d,
-    resolvedLink: y,
-    linkIsActive: m,
-    linkIsExactActive: v,
-    linkClass: b,
-    linkAttrs: q,
-    getLink: S,
-    navigateToRouterLink: w,
-    navigateOnClick: E
-  };
-}
-const Se = {
-  none: 0,
-  xs: 4,
-  sm: 8,
-  md: 16,
-  lg: 24,
-  xl: 32
-}, wt = {
-  xs: 8,
-  sm: 10,
-  md: 14,
-  lg: 20,
-  xl: 24
-}, Et = ["button", "submit", "reset"], Pt = /[^\s]\/[^\s]/, Lt = ["flat", "outline", "push", "unelevated"];
-function Ne(e, t) {
-  return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
-}
-function Mn(e) {
-  const t = Ne(e);
-  return t !== void 0 ? { [t]: !0 } : {};
-}
-const Rt = {
-  ...ue,
-  ...xe,
-  type: {
-    type: String,
-    default: "button"
-  },
-  label: [Number, String],
-  icon: String,
-  iconRight: String,
-  ...Lt.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: {
-    ...yt.align,
-    default: "center"
-  },
-  stack: Boolean,
-  stretch: Boolean,
-  loading: {
-    type: Boolean,
-    default: null
-  },
-  disable: Boolean
-}, Mt = {
-  ...Rt,
-  round: Boolean
-};
-function Vt(e) {
-  const t = ce(e, wt), n = _t(e), { hasRouterLink: a, hasLink: s, linkTag: l, linkAttrs: o, navigateOnClick: i } = Bt({
-    fallbackTag: "button"
-  }), $ = r(() => {
-    const v = e.fab === !1 && e.fabMini === !1 ? t.value : {};
-    return e.padding !== void 0 ? Object.assign({}, v, {
-      padding: e.padding.split(/\s+/).map((b) => b in Se ? Se[b] + "px" : b).join(" "),
-      minWidth: "0",
-      minHeight: "0"
-    }) : v;
-  }), y = r(
-    () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
-  ), f = r(
-    () => e.disable !== !0 && e.loading !== !0
-  ), C = r(() => f.value === !0 ? e.tabindex || 0 : -1), d = r(() => Ne(e, "standard")), q = r(() => {
-    const v = { tabindex: C.value };
-    return s.value === !0 ? Object.assign(v, o.value) : Et.includes(e.type) === !0 && (v.type = e.type), l.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), a.value !== !0 && Pt.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;
-  }), u = r(() => {
-    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 b = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
-    return `q-btn--${d.value} q-btn--${b}` + (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" : "");
-  }), m = r(
-    () => n.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
-  );
-  return {
-    classes: u,
-    style: $,
-    innerClasses: m,
-    attributes: q,
-    hasLink: s,
-    linkTag: l,
-    navigateOnClick: i,
-    isActionable: f
-  };
-}
-const { passiveCapture: I } = de;
-let U = null, H = null, X = null;
-const At = te({
-  name: "QBtn",
-  props: {
-    ...Mt,
-    percentage: Number,
-    darkPercentage: Boolean,
-    onTouchstart: [Function, Array]
-  },
-  emits: ["click", "keydown", "mousedown", "keyup"],
-  setup(e, { slots: t, emit: n }) {
-    const { proxy: a } = ee(), {
-      classes: s,
-      style: l,
-      innerClasses: o,
-      attributes: i,
-      hasLink: $,
-      linkTag: y,
-      navigateOnClick: f,
-      isActionable: C
-    } = Vt(e), d = W(null), q = W(null);
-    let u = null, m, v = null;
-    const b = r(
-      () => e.label !== void 0 && e.label !== null && e.label !== ""
-    ), S = r(() => e.disable === !0 || e.ripple === !1 ? !1 : {
-      keyCodes: $.value === !0 ? [13, 32] : [13],
-      ...e.ripple === !0 ? {} : e.ripple
-    }), w = r(() => ({ center: e.round })), E = r(() => {
-      const c = Math.max(0, Math.min(100, e.percentage));
-      return c > 0 ? { transition: "transform 0.6s", transform: `translateX(${c - 100}%)` } : {};
-    }), k = r(() => {
-      if (e.loading === !0)
-        return {
-          onMousedown: M,
-          onTouchstart: M,
-          onClick: M,
-          onKeydown: M,
-          onKeyup: M
-        };
-      if (C.value === !0) {
-        const c = {
-          onClick: R,
-          onKeydown: O,
-          onMousedown: F
-        };
-        if (a.$q.platform.has.touch === !0) {
-          const B = e.onTouchstart !== void 0 ? "" : "Passive";
-          c[`onTouchstart${B}`] = j;
-        }
-        return c;
-      }
-      return {
-        // needed; especially for disabled <a> tags
-        onClick: D
-      };
-    }), L = r(() => ({
-      ref: d,
-      class: "q-btn q-btn-item non-selectable no-outline " + s.value,
-      style: l.value,
-      ...i.value,
-      ...k.value
-    }));
-    function R(c) {
-      if (d.value !== null) {
-        if (c !== void 0) {
-          if (c.defaultPrevented === !0) return;
-          const B = document.activeElement;
-          if (e.type === "submit" && B !== document.body && d.value.contains(B) === !1 && B.contains(d.value) === !1) {
-            c.qAvoidFocus !== !0 && d.value.focus();
-            const x = () => {
-              var J;
-              document.removeEventListener("keydown", D, !0), document.removeEventListener("keyup", x, I), (J = d.value) == null || J.removeEventListener("blur", x, I);
-            };
-            document.addEventListener("keydown", D, !0), document.addEventListener("keyup", x, I), d.value.addEventListener("blur", x, I);
-          }
-        }
-        f(c);
-      }
-    }
-    function O(c) {
-      d.value !== null && (n("keydown", c), le(c, [13, 32]) === !0 && H !== d.value && (H !== null && g(), c.defaultPrevented !== !0 && (c.qAvoidFocus !== !0 && d.value.focus(), H = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("keyup", A, !0), d.value.addEventListener("blur", A, I)), D(c)));
-    }
-    function j(c) {
-      d.value !== null && (n("touchstart", c), c.defaultPrevented !== !0 && (U !== d.value && (U !== null && g(), U = d.value, u = c.target, u.addEventListener("touchcancel", A, I), u.addEventListener("touchend", A, I)), m = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
-        v = null, m = !1;
-      }, 200)));
-    }
-    function F(c) {
-      d.value !== null && (c.qSkipRipple = m === !0, n("mousedown", c), c.defaultPrevented !== !0 && X !== d.value && (X !== null && g(), X = d.value, d.value.classList.add("q-btn--active"), document.addEventListener("mouseup", A, I)));
-    }
-    function A(c) {
-      if (d.value !== null && !((c == null ? void 0 : c.type) === "blur" && document.activeElement === d.value)) {
-        if ((c == null ? void 0 : c.type) === "keyup") {
-          if (H === d.value && le(c, [13, 32]) === !0) {
-            const B = new MouseEvent("click", c);
-            B.qKeyEvent = !0, c.defaultPrevented === !0 && vt(B), c.cancelBubble === !0 && je(B), d.value.dispatchEvent(B), D(c), c.qKeyEvent = !0;
-          }
-          n("keyup", c);
-        }
-        g();
-      }
-    }
-    function g(c) {
-      var x, J;
-      const B = q.value;
-      c !== !0 && (U === d.value || X === d.value) && B !== null && B !== document.activeElement && (B.setAttribute("tabindex", -1), B.focus()), U === d.value && (u !== null && (u.removeEventListener("touchcancel", A, I), u.removeEventListener("touchend", A, I)), U = u = null), X === d.value && (document.removeEventListener("mouseup", A, I), X = null), H === d.value && (document.removeEventListener("keyup", A, !0), (x = d.value) == null || x.removeEventListener("blur", A, I), H = null), (J = d.value) == null || J.classList.remove("q-btn--active");
-    }
-    function M(c) {
-      D(c), c.qSkipRipple = !0;
-    }
-    return Qe(() => {
-      g(!0);
-    }), Object.assign(a, {
-      click: (c) => {
-        C.value === !0 && R(c);
-      }
-    }), () => {
-      let c = [];
-      e.icon !== void 0 && c.push(
-        p(me, {
-          name: e.icon,
-          left: e.stack !== !0 && b.value === !0,
-          role: "img"
-        })
-      ), b.value === !0 && c.push(
-        p("span", { class: "block" }, [e.label])
-      ), c = N(t.default, c), e.iconRight !== void 0 && e.round === !1 && c.push(
-        p(me, {
-          name: e.iconRight,
-          right: e.stack !== !0 && b.value === !0,
-          role: "img"
-        })
-      );
-      const B = [
-        p("span", {
-          class: "q-focus-helper",
-          ref: q
-        })
-      ];
-      return e.loading === !0 && e.percentage !== void 0 && B.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: E.value
-          })
-        ])
-      ), B.push(
-        p("span", {
-          class: "q-btn__content text-center col items-center q-anchor--skip " + o.value
-        }, c)
-      ), e.loading !== null && B.push(
-        p(Ue, {
-          name: "q-transition--fade"
-        }, () => e.loading === !0 ? [
-          p("span", {
-            key: "loading",
-            class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [p(Oe)])
-        ] : null)
-      ), oe(
-        p(
-          y.value,
-          L.value,
-          B
-        ),
-        [[
-          ht,
-          S.value,
-          void 0,
-          w.value
-        ]]
-      );
-    };
-  }
-}), It = /* @__PURE__ */ K({
-  __name: "AppButton",
-  props: {
-    size: { default: z.MD },
-    transparent: { type: Boolean },
-    flat: { type: Boolean },
-    rounded: { type: Boolean },
-    color: { default: Me.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 = r(() => [
-      "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_icon-left": t.iconLeft,
-        "app-btn_icon-right": t.iconRight,
-        "app-btn_icon-middle": t.iconMiddle
-      },
-      `app-btn_${t.size}`,
-      `app-btn_${t.color}`
-    ]);
-    return (a, s) => (h(), ae(Z(At), {
-      "no-caps": "",
-      unelevated: "",
-      class: P(n.value),
-      padding: Z(tt)[a.size || Z(z).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: s[0] || (s[0] = (l) => a.$emit("click", l))
-    }, {
-      default: He(() => [
-        a.iconLeft || a.iconMiddle ? (h(), _("i", {
-          key: 0,
-          class: P([
-            "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)) : V("", !0),
-        se(a.$slots, "default", {}, void 0, !0),
-        a.label ? (h(), _(ie, { key: 1 }, [
-          Pe(Y(a.label), 1)
-        ], 64)) : V("", !0),
-        a.iconRight ? (h(), _("i", {
-          key: 2,
-          class: P([
-            "icon-kl",
-            "icon-kl_right",
-            `icon-kl-${a.iconRight}`,
-            a.transparent ? `text-${a.color}` : "text-secondary"
-          ])
-        }, null, 2)) : V("", !0)
-      ]),
-      _: 3
-    }, 8, ["class", "padding", "loading", "disable", "to", "href", "target", "type", "aria-label", "download"]));
-  }
-}), G = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [a, s] of t)
-    n[a] = s;
-  return n;
-}, Vn = /* @__PURE__ */ G(It, [["__scopeId", "data-v-c9951ab6"]]), Tt = {
-  key: 0,
-  class: "app-toggle__label app-toggle__label_left"
-}, zt = { class: "app-toggle__container" }, Ot = ["checked", "disabled"], jt = { class: "app-toggle__thumb" }, Dt = {
-  key: 1,
-  class: "app-toggle__label"
-}, xt = /* @__PURE__ */ K({
-  __name: "AppToggle",
-  props: {
-    modelValue: { type: Boolean },
-    size: { default: z.MD },
-    label: {},
-    disabled: { type: Boolean },
-    color: { default: Me.PRIMARY },
-    iconColor: {},
-    icon: {},
-    iconActive: {},
-    labelLeft: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const n = e, a = t, s = r({
-      get: () => n.modelValue,
-      set: (o) => {
-        a("update:modelValue", o);
-      }
-    }), l = r(() => [
-      "app-toggle",
-      {
-        "app-toggle_active": s.value,
-        "app-toggle_disabled": n.disabled
-      },
-      `app-toggle_${n.size}`,
-      `app-toggle_${n.color}`
-    ]);
-    return (o, i) => (h(), _("div", {
-      class: P(l.value),
-      onClick: i[1] || (i[1] = Le(() => {
-      }, ["stop"]))
-    }, [
-      o.label && o.labelLeft ? (h(), _("span", Tt, Y(o.label), 1)) : V("", !0),
-      T("label", zt, [
-        T("input", {
-          type: "checkbox",
-          checked: s.value,
-          onChange: i[0] || (i[0] = ($) => s.value = !s.value),
-          disabled: o.disabled,
-          class: "app-toggle__input"
-        }, null, 40, Ot),
-        T("span", {
-          class: P(["app-toggle__slider", s.value ? `bg-${o.color}` : ""])
-        }, [
-          T("span", jt, [
-            o.icon && !o.modelValue ? (h(), _("i", {
-              key: 0,
-              class: P(["icon-kl", `icon-kl-${o.icon}`, "app-toggle__icon"])
-            }, null, 2)) : V("", !0),
-            o.modelValue && (o.iconActive || o.icon) ? (h(), _("i", {
-              key: 1,
-              class: P([
-                "icon-kl",
-                `icon-kl-${o.iconActive || o.icon}`,
-                "app-toggle__icon",
-                s.value ? `text-${o.iconColor}` : ""
-              ])
-            }, null, 2)) : V("", !0)
-          ])
-        ], 2),
-        se(o.$slots, "default", {}, void 0, !0)
-      ]),
-      o.label && !o.labelLeft ? (h(), _("span", Dt, Y(o.label), 1)) : V("", !0)
-    ], 2));
-  }
-}), Nt = /* @__PURE__ */ G(xt, [["__scopeId", "data-v-ba49356e"]]), Ke = {
-  dark: {
-    type: Boolean,
-    default: null
-  }
-};
-function Fe(e, t) {
-  return r(() => e.dark === null ? t.dark.isActive : e.dark);
-}
-function Kt(e, t) {
-  const n = W(null), a = r(() => e.disable === !0 ? null : p("span", {
-    ref: n,
-    class: "no-outline",
-    tabindex: -1
-  }));
-  function s(l) {
-    const o = t.value;
-    (l == null ? void 0 : l.qAvoidFocus) !== !0 && ((l == null ? void 0 : l.type.indexOf("key")) === 0 ? document.activeElement !== o && (o == null ? void 0 : o.contains(document.activeElement)) === !0 && o.focus() : n.value !== null && (l === void 0 || (o == null ? void 0 : o.contains(l.target)) === !0) && n.value.focus());
-  }
-  return {
-    refocusTargetEl: a,
-    refocusTarget: s
-  };
-}
-const Ft = {
-  name: String
-};
-function Qt(e = {}) {
-  return (t, n, a) => {
-    t[n](
-      p("input", {
-        class: "hidden" + (a || ""),
-        ...e.value
-      })
-    );
-  };
-}
-function An(e) {
-  return r(() => e.name || e.for);
-}
-const Ut = {
-  xs: 30,
-  sm: 35,
-  md: 40,
-  lg: 50,
-  xl: 60
-}, Ht = {
-  ...Ke,
-  ...ue,
-  ...Ft,
-  modelValue: {
-    required: !0,
-    default: null
-  },
-  val: {},
-  trueValue: { default: !0 },
-  falseValue: { default: !1 },
-  indeterminateValue: { default: null },
-  checkedIcon: String,
-  uncheckedIcon: String,
-  indeterminateIcon: String,
-  toggleOrder: {
-    type: String,
-    validator: (e) => e === "tf" || e === "ft"
-  },
-  toggleIndeterminate: Boolean,
-  label: String,
-  leftLabel: Boolean,
-  color: String,
-  keepColor: Boolean,
-  dense: Boolean,
-  disable: Boolean,
-  tabindex: [String, Number]
-}, Xt = ["update:modelValue"];
-function Wt(e, t) {
-  const { props: n, slots: a, emit: s, proxy: l } = ee(), { $q: o } = l, i = Fe(n, o), $ = W(null), { refocusTargetEl: y, refocusTarget: f } = Kt(n, $), C = ce(n, Ut), d = r(
-    () => n.val !== void 0 && Array.isArray(n.modelValue)
-  ), q = r(() => {
-    const g = Q(n.val);
-    return d.value === !0 ? n.modelValue.findIndex((M) => Q(M) === g) : -1;
-  }), u = r(() => d.value === !0 ? q.value !== -1 : Q(n.modelValue) === Q(n.trueValue)), m = r(() => d.value === !0 ? q.value === -1 : Q(n.modelValue) === Q(n.falseValue)), v = r(
-    () => u.value === !1 && m.value === !1
-  ), b = r(() => n.disable === !0 ? -1 : n.tabindex || 0), S = r(
-    () => `q-${e} cursor-pointer no-outline row inline no-wrap items-center` + (n.disable === !0 ? " disabled" : "") + (i.value === !0 ? ` q-${e}--dark` : "") + (n.dense === !0 ? ` q-${e}--dense` : "") + (n.leftLabel === !0 ? " reverse" : "")
-  ), w = r(() => {
-    const g = u.value === !0 ? "truthy" : m.value === !0 ? "falsy" : "indet", M = n.color !== void 0 && (n.keepColor === !0 || m.value !== !0) ? ` text-${n.color}` : "";
-    return `q-${e}__inner relative-position non-selectable q-${e}__inner--${g}${M}`;
-  }), E = r(() => {
-    const g = { type: "checkbox" };
-    return n.name !== void 0 && Object.assign(g, {
-      // see https://vuejs.org/guide/extras/render-function.html#creating-vnodes (.prop)
-      ".checked": u.value,
-      "^checked": u.value === !0 ? "checked" : void 0,
-      name: n.name,
-      value: d.value === !0 ? n.val : n.trueValue
-    }), g;
-  }), k = Qt(E), L = r(() => {
-    const g = {
-      tabindex: b.value,
-      role: "checkbox",
-      "aria-label": n.label,
-      "aria-checked": v.value === !0 ? "mixed" : u.value === !0 ? "true" : "false"
-    };
-    return n.disable === !0 && (g["aria-disabled"] = "true"), g;
-  });
-  function R(g) {
-    g !== void 0 && (D(g), f(g)), n.disable !== !0 && s("update:modelValue", O(), g);
-  }
-  function O() {
-    if (d.value === !0) {
-      if (u.value === !0) {
-        const g = n.modelValue.slice();
-        return g.splice(q.value, 1), g;
-      }
-      return n.modelValue.concat([n.val]);
-    }
-    if (u.value === !0) {
-      if (n.toggleOrder !== "ft" || n.toggleIndeterminate === !1)
-        return n.falseValue;
-    } else if (m.value === !0) {
-      if (n.toggleOrder === "ft" || n.toggleIndeterminate === !1)
-        return n.trueValue;
-    } else
-      return n.toggleOrder !== "ft" ? n.trueValue : n.falseValue;
-    return n.indeterminateValue;
-  }
-  function j(g) {
-    (g.keyCode === 13 || g.keyCode === 32) && D(g);
-  }
-  function F(g) {
-    (g.keyCode === 13 || g.keyCode === 32) && R(g);
-  }
-  const A = t(u, v);
-  return Object.assign(l, { toggle: R }), () => {
-    const g = A();
-    n.disable !== !0 && k(
-      g,
-      "unshift",
-      ` q-${e}__native absolute q-ma-none q-pa-none`
-    );
-    const M = [
-      p("div", {
-        class: w.value,
-        style: C.value,
-        "aria-hidden": "true"
-      }, g)
-    ];
-    y.value !== null && M.push(y.value);
-    const c = n.label !== void 0 ? N(a.default, [n.label]) : Ae(a.default);
-    return c !== void 0 && M.push(
-      p("div", {
-        class: `q-${e}__label q-anchor--skip`
-      }, c)
-    ), p("div", {
-      ref: $,
-      class: S.value,
-      ...L.value,
-      onClick: R,
-      onKeydown: j,
-      onKeyup: F
-    }, M);
-  };
-}
-const Yt = () => p("div", {
-  key: "svg",
-  class: "q-checkbox__bg absolute"
-}, [
-  p("svg", {
-    class: "q-checkbox__svg fit absolute-full",
-    viewBox: "0 0 24 24"
-  }, [
-    p("path", {
-      class: "q-checkbox__truthy",
-      fill: "none",
-      d: "M1.73,12.91 8.1,19.28 22.79,4.59"
-    }),
-    p("path", {
-      class: "q-checkbox__indet",
-      d: "M4,14H20V10H4"
-    })
-  ])
-]), Gt = te({
-  name: "QCheckbox",
-  props: Ht,
-  emits: Xt,
-  setup(e) {
-    const t = Yt();
-    function n(a, s) {
-      const l = r(
-        () => (a.value === !0 ? e.checkedIcon : s.value === !0 ? e.indeterminateIcon : e.uncheckedIcon) || null
-      );
-      return () => l.value !== null ? [
-        p("div", {
-          key: "icon",
-          class: "q-checkbox__icon-container absolute-full flex flex-center no-wrap"
-        }, [
-          p(me, {
-            class: "q-checkbox__icon",
-            name: l.value
-          })
-        ])
-      ] : [t];
-    }
-    return Wt("checkbox", n);
-  }
-}), Jt = [];
-function Zt(e) {
-  return Jt.find(
-    (t) => t.contentEl !== null && t.contentEl.contains(e)
-  );
-}
-function en(e, t) {
-  do {
-    if (e.$options.name === "QMenu") {
-      if (e.hide(t), e.$props.separateClosePopup === !0)
-        return ne(e);
-    } else if (e.__qPortal === !0) {
-      const n = ne(e);
-      return (n == null ? void 0 : n.$options.name) === "QPopupProxy" ? (e.hide(t), n) : e;
-    }
-    e = ne(e);
-  } while (e != null);
-}
-function tn(e, t, n) {
-  for (; n !== 0 && e !== void 0 && e !== null; ) {
-    if (e.__qPortal === !0) {
-      if (n--, e.$options.name === "QMenu") {
-        e = en(e, t);
-        continue;
-      }
-      e.hide(t);
-    }
-    e = ne(e);
-  }
-}
-function Be(e) {
-  if (e === !1)
-    return 0;
-  if (e === !0 || e === void 0)
-    return 1;
-  const t = parseInt(e, 10);
-  return isNaN(t) ? 0 : t;
-}
-const nn = Ve(
-  {
-    name: "close-popup",
-    beforeMount(e, { value: t }) {
-      const n = {
-        depth: Be(t),
-        handler(a) {
-          n.depth !== 0 && setTimeout(() => {
-            const s = Zt(e);
-            s !== void 0 && tn(s, a, n.depth);
-          });
-        },
-        handlerKey(a) {
-          le(a, 13) === !0 && n.handler(a);
-        }
-      };
-      e.__qclosepopup = n, e.addEventListener("click", n.handler), e.addEventListener("keyup", n.handlerKey);
-    },
-    updated(e, { value: t, oldValue: n }) {
-      t !== n && (e.__qclosepopup.depth = Be(t));
-    },
-    beforeUnmount(e) {
-      const t = e.__qclosepopup;
-      e.removeEventListener("click", t.handler), e.removeEventListener("keyup", t.handlerKey), delete e.__qclosepopup;
-    }
-  }
-), an = {
-  key: 0,
-  class: "menu-item__loading"
-}, ln = {
-  key: 0,
-  class: "menu-item__checked"
-}, on = {
-  key: 2,
-  class: "menu-item__icon"
-}, sn = { class: "menu-item__label" }, rn = {
-  key: 3,
-  class: "menu-item__icon-right icon-kl icon-kl-arrow-right"
-}, un = /* @__PURE__ */ K({
-  __name: "PopupItem",
-  props: {
-    label: {},
-    icon: {},
-    iconSize: {},
-    color: {},
-    iconRight: {},
-    arrow: { type: Boolean },
-    toggle: { type: Boolean },
-    checkbox: { type: Boolean },
-    active: { type: Boolean },
-    modelValue: { type: Boolean },
-    persistent: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    gap: { type: Boolean },
-    checked: { type: Boolean },
-    isMobile: { type: Boolean }
-  },
-  emits: ["update:modelValue", "closePopup"],
-  setup(e, { emit: t }) {
-    const n = e, a = t, s = () => {
-      n.disabled || (n.toggle || n.checkbox ? a("update:modelValue", !n.modelValue) : n.persistent || a("closePopup"));
-    };
-    return (l, o) => oe((h(), _("div", {
-      class: P(["menu-item", [
-        { "menu-item_gap": l.gap },
-        { "menu-item_disabled": l.disabled },
-        { "menu-item_active": l.active },
-        { "menu-item_mobile": l.isMobile }
-      ]]),
-      onClick: s
-    }, [
-      T("div", {
-        class: P(["row items-center no-wrap", `text-${l.color ? l.color : "dark"}`])
-      }, [
-        l.loading ? (h(), _("div", an, [
-          Xe(Z(Oe), {
-            size: "19px",
-            color: l.color ? l.color : "dark"
-          }, null, 8, ["color"])
-        ])) : (h(), _(ie, { key: 1 }, [
-          l.checked ? (h(), _("div", ln, [...o[3] || (o[3] = [
-            T("i", { class: "icon-kl icon-kl-check" }, null, -1)
-          ])])) : V("", !0),
-          l.checkbox ? (h(), ae(Gt, {
-            key: 1,
-            class: "menu-item__checkbox",
-            size: "34px",
-            "model-value": l.modelValue,
-            "onUpdate:modelValue": o[0] || (o[0] = (i) => a("update:modelValue", i)),
-            onClick: o[1] || (o[1] = Le(() => {
-            }, ["stop"]))
-          }, null, 8, ["model-value"])) : V("", !0),
-          l.icon ? (h(), _("div", on, [
-            T("i", {
-              class: P(`icon-kl icon-kl-${l.icon}`),
-              style: re({ fontSize: l.iconSize || "27px" })
-            }, null, 6)
-          ])) : V("", !0)
-        ], 64)),
-        T("span", sn, Y(l.label), 1)
-      ], 2),
-      l.$slots.right ? se(l.$slots, "right", { key: 0 }, void 0, !0) : l.toggle ? (h(), ae(Nt, {
-        key: 1,
-        class: "menu-item__toggle",
-        "model-value": l.modelValue,
-        disabled: l.disabled || l.loading,
-        "onUpdate:modelValue": o[2] || (o[2] = (i) => a("update:modelValue", i))
-      }, null, 8, ["model-value", "disabled"])) : l.iconRight ? (h(), _("i", {
-        key: 2,
-        class: P([
-          "menu-item__icon-right menu-item__icon-right_custom icon-kl",
-          `icon-kl-${l.iconRight}`
-        ])
-      }, null, 2)) : l.arrow ? (h(), _("i", rn)) : V("", !0)
-    ], 2)), [
-      [nn, !l.toggle && !l.checkbox && !l.persistent && !l.disabled]
-    ]);
-  }
-}), In = /* @__PURE__ */ G(un, [["__scopeId", "data-v-4b2a03b5"]]), cn = /* @__PURE__ */ K({
-  __name: "AppIcon",
-  props: {
-    name: {},
-    size: {},
-    color: {}
-  },
-  setup(e) {
-    return (t, n) => (h(), _("i", {
-      class: P(["icon-kl", `icon-kl-${t.name}`, t.color ? `text-${t.color}` : ""]),
-      style: re(t.size ? `font-size: ${t.size}` : void 0)
-    }, null, 6));
-  }
-}), Tn = /* @__PURE__ */ G(cn, [["__scopeId", "data-v-941765ee"]]), dn = {
-  xs: 2,
-  sm: 4,
-  md: 6,
-  lg: 10,
-  xl: 14
-};
-function we(e, t, n) {
-  return {
-    transform: t === !0 ? `translateX(${n.lang.rtl === !0 ? "-" : ""}100%) scale3d(${-e},1,1)` : `scale3d(${e},1,1)`
-  };
-}
-const fn = te({
-  name: "QLinearProgress",
-  props: {
-    ...Ke,
-    ...ue,
-    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 } = ee(), a = Fe(e, n.$q), s = ce(e, dn), l = r(() => e.indeterminate === !0 || e.query === !0), o = r(() => e.reverse !== e.query), i = r(() => ({
-      ...s.value !== null ? s.value : {},
-      "--q-linear-progress-speed": `${e.animationSpeed}ms`
-    })), $ = r(
-      () => "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 = r(() => we(e.buffer !== void 0 ? e.buffer : 1, o.value, n.$q)), f = r(() => `with${e.instantFeedback === !0 ? "out" : ""}-transition`), C = r(
-      () => `q-linear-progress__track absolute-full q-linear-progress__track--${f.value} q-linear-progress__track--${a.value === !0 ? "dark" : "light"}` + (e.trackColor !== void 0 ? ` bg-${e.trackColor}` : "")
-    ), d = r(() => we(l.value === !0 ? 1 : e.value, o.value, n.$q)), q = r(
-      () => `q-linear-progress__model absolute-full q-linear-progress__model--${f.value} q-linear-progress__model--${l.value === !0 ? "in" : ""}determinate`
-    ), u = r(() => ({ width: `${e.value * 100}%` })), m = r(
-      () => `q-linear-progress__stripe absolute-${e.reverse === !0 ? "right" : "left"} q-linear-progress__stripe--${f.value}`
-    );
-    return () => {
-      const v = [
-        p("div", {
-          class: C.value,
-          style: y.value
-        }),
-        p("div", {
-          class: q.value,
-          style: d.value
-        })
-      ];
-      return e.stripe === !0 && l.value === !1 && v.push(
-        p("div", {
-          class: m.value,
-          style: u.value
-        })
-      ), p("div", {
-        class: $.value,
-        style: i.value,
-        role: "progressbar",
-        "aria-valuemin": 0,
-        "aria-valuemax": 1,
-        "aria-valuenow": e.indeterminate === !0 ? void 0 : e.value
-      }, N(t.default, v));
-    };
-  }
-}), vn = {
-  key: 0,
-  class: "code-field__label"
-}, pn = { class: "code-field__inputs" }, mn = ["onUpdate:modelValue", "disabled", "onInput", "onKeydown", "onPaste"], gn = /* @__PURE__ */ K({
-  __name: "AppCodeInput",
-  props: {
-    length: { default: 5 },
-    size: { default: z.MD },
-    label: {},
-    disabled: { type: Boolean },
-    loading: { type: Boolean },
-    autofocus: { type: Boolean },
-    color: {}
-  },
-  emits: ["update:modelValue", "completed"],
-  setup(e, { expose: t, emit: n }) {
-    const a = e, s = n, l = W(Array(a.length).fill("")), o = W([]), i = r(() => [
-      "code-field",
-      {
-        "code-field_disabled": a.disabled || a.loading
-      },
-      `code-field_${a.size}`,
-      `code-field_${a.color}`
-    ]), $ = r(() => {
-      let u = "";
-      return a.size == z.SM && (u += `width: ${a.length * 26 + (a.length - 1) * 5}px`), a.size == z.MD && (u += `width: ${a.length * 32 + (a.length - 1) * 8}px`), a.size == z.LG && (u += `width: ${a.length * 44 + (a.length - 1) * 10}px`), u;
-    }), y = (u, m) => {
-      var S;
-      const b = u.target.value;
-      if (b.length === 1)
-        m < a.length - 1 && o.value && ((S = o.value[m + 1]) == null || S.focus());
-      else if (b.length > 1) {
-        const w = b.slice(0, a.length - m).split("");
-        w.forEach((E, k) => {
-          l.value[m + k] = E;
-        }), be(() => {
-          var E;
-          o.value && ((E = o.value[Math.min(m + w.length, a.length - 1)]) == null || E.focus());
-        });
-      }
-    }, f = (u) => {
-      var m;
-      l.value[u] === "" && o.value && u > 0 && ((m = o.value[u - 1]) == null || m.focus());
-    }, C = (u, m) => {
-      var S;
-      u.preventDefault();
-      const v = ((S = u.clipboardData) == null ? void 0 : S.getData("text")) ?? "";
-      if (!v) return;
-      const b = v.slice(0, a.length - m).split("");
-      b.forEach((w, E) => {
-        l.value[m + E] = w;
-      }), be(() => {
-        var w;
-        o.value && ((w = o.value[Math.min(m + b.length, a.length - 1)]) == null || w.focus());
-      });
-    };
-    We(
-      l,
-      (u) => {
-        const m = u.join("");
-        d(m);
-      },
-      { deep: !0 }
-    );
-    const d = (u) => {
-      s("update:modelValue", u), u.length === a.length && !u.includes(" ") && s("completed", u);
-    }, q = (u) => {
-      u && (l.value = u.split("").slice(0, a.length));
-    };
-    return Ye(() => {
-      a.autofocus && o.value && o.value[0] && o.value[0].focus();
-    }), t({
-      injectCode: q
-    }), (u, m) => (h(), _("div", {
-      class: P(i.value),
-      style: re($.value)
-    }, [
-      u.label ? (h(), _("label", vn, Y(u.label), 1)) : V("", !0),
-      T("div", pn, [
-        (h(!0), _(ie, null, Re(u.length, (v, b) => oe((h(), _("input", {
-          key: b,
-          "onUpdate:modelValue": (S) => l.value[b] = S,
-          ref_for: !0,
-          ref_key: "inputRefs",
-          ref: o,
-          type: "number",
-          maxlength: "1",
-          class: "code-field__input",
-          disabled: u.disabled || u.loading,
-          onInput: (S) => y(S, b),
-          onKeydown: Ge((S) => f(b), ["backspace"]),
-          onPaste: (S) => C(S, b)
-        }, null, 40, mn)), [
-          [Je, l.value[b]]
-        ])), 128))
-      ]),
-      u.loading ? (h(), ae(fn, {
-        key: 1,
-        indeterminate: "",
-        rounded: "",
-        color: u.color,
-        class: "code-field__loading"
-      }, null, 8, ["color"])) : V("", !0)
-    ], 6));
-  }
-}), zn = /* @__PURE__ */ G(gn, [["__scopeId", "data-v-4e11db87"]]), bn = { class: "app-segment__track" }, hn = { class: "app-segment__buttons" }, kn = ["onClick", "disabled"], yn = /* @__PURE__ */ K({
-  __name: "AppSegment",
-  props: /* @__PURE__ */ et({
-    options: {},
-    disabled: { type: Boolean },
-    size: { default: z.MD }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = Ze(e, "modelValue"), n = e, a = r(
-      () => n.options.findIndex((l) => l.value === t.value)
-    );
-    function s(l) {
-      n.disabled || (t.value = l);
-    }
-    return (l, o) => (h(), _("div", {
-      class: P(["app-segment", [{ "app-segment_disabled": l.disabled }, `app-segment_${l.size}`]])
-    }, [
-      T("div", bn, [
-        T("div", {
-          class: "app-segment__thumb",
-          style: re({
-            width: `${100 / l.options.length}%`,
-            transform: `translateX(${a.value * 100}%)`
-          })
-        }, null, 4)
-      ]),
-      T("div", hn, [
-        (h(!0), _(ie, null, Re(l.options, (i, $) => (h(), _("button", {
-          key: $,
-          class: P(["app-segment__btn", { active: t.value === i.value }]),
-          onClick: (y) => s(i.value),
-          disabled: l.disabled
-        }, [
-          se(l.$slots, "option", { option: i }, () => [
-            Pe(Y(i.label), 1)
-          ], !0)
-        ], 10, kn))), 128))
-      ])
-    ], 2));
-  }
-}), On = /* @__PURE__ */ G(yn, [["__scopeId", "data-v-ff56abdf"]]), jn = ge(
-  () => import("./AppButtonCopy-CBOiSOFe.js")
-), Dn = ge(
-  () => import("./AppSelect-CZfoTaTG.js")
-), xn = ge(
-  () => import("./DropdownButton-C37a5e17.js")
-);
-export {
-  Vn as A,
-  At as B,
-  Me as C,
-  pt as D,
-  mt as E,
-  $t as F,
-  Jt as G,
-  Ln as H,
-  Bn as I,
-  dt as J,
-  ft as K,
-  en as L,
-  jn as M,
-  zn as N,
-  Tn as O,
-  In as P,
-  me as Q,
-  ht as R,
-  z as S,
-  On as T,
-  Dn as U,
-  Nt as V,
-  xn as W,
-  $n as X,
-  G as _,
-  Fe as a,
-  Oe as b,
-  te as c,
-  ue as d,
-  ce as e,
-  Sn as f,
-  Cn as g,
-  Ae as h,
-  Rn as i,
-  Bt as j,
-  le as k,
-  qn as l,
-  de as m,
-  Pn as n,
-  wn as o,
-  vt as p,
-  En as q,
-  Ft as r,
-  D as s,
-  An as t,
-  Ke as u,
-  gt as v,
-  je as w,
-  N as x,
-  Rt as y,
-  Mn as z
-};