@validol4ik/uikit 0.10.1 → 0.10.2

package/dist/index-W3hJ-aLX.js

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