@validol4ik/uikit 0.10.0 → 0.10.2

package/dist/index-DFNWQp-Z.js

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