@validol4ik/uikit 0.7.1 → 0.7.4

package/dist/index-B8rGKrFf.js

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