@validol4ik/uikit 0.6.6 → 0.6.7

package/dist/index-DqEqQq1H.js

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