@validol4ik/uikit 0.3.43 → 0.4.2

package/dist/index-qz3EnjN5.js

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