@validol4ik/uikit 0.7.1 → 0.7.4

package/dist/index-BV2qSN9C.js

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