@selfeesas/shared-components 0.1.8 → 0.2.0

package/dist/shared-components.es.js

@@ -1,54 +1,54 @@
-import { computed as s, markRaw as ue, defineComponent as ie, getCurrentInstance as U, h as v, ref as X, onBeforeUnmount as ge, Transition as me, withDirectives as he, createBlock as be, openBlock as ye, withCtx as pe, renderSlot as ke, createTextVNode as qe, toDisplayString as xe } from "vue";
-const Q = {
+import { computed as i, markRaw as fe, defineComponent as G, getCurrentInstance as J, h as m, useAttrs as we, createBlock as W, openBlock as I, mergeProps as Z, withCtx as ee, createElementBlock as ve, Fragment as Be, renderList as Le, createVNode as me, ref as te, onBeforeUnmount as Re, Transition as Pe, withDirectives as Ae, inject as ne, createCommentVNode as Te } from "vue";
+const X = {
   xs: 18,
   sm: 24,
   md: 32,
   lg: 38,
   xl: 46
-}, oe = {
+}, ge = {
   size: String
 };
-function le(e, t = Q) {
-  return s(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
+function be(e, t = X) {
+  return i(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
 }
-function W(e) {
-  return ue(ie(e));
+function K(e) {
+  return fe(G(e));
 }
-function $e(e) {
-  return ue(e);
+function Oe(e) {
+  return fe(e);
 }
-function Ee(e, t) {
+function he(e, t) {
   return e !== void 0 && e() || t;
 }
-function D(e, t) {
+function j(e, t) {
   return e !== void 0 ? t.concat(e()) : t;
 }
-const Y = "0 0 24 24", F = (e) => e, V = (e) => `ionicons ${e}`, se = {
+const re = "0 0 24 24", H = (e) => e, U = (e) => `ionicons ${e}`, ye = {
   "mdi-": (e) => `mdi ${e}`,
-  "icon-": F,
+  "icon-": H,
   // fontawesome equiv
   "bt-": (e) => `bt ${e}`,
   "eva-": (e) => `eva ${e}`,
-  "ion-md": V,
-  "ion-ios": V,
-  "ion-logo": V,
-  "iconfont ": F,
+  "ion-md": U,
+  "ion-ios": U,
+  "ion-logo": U,
+  "iconfont ": H,
   "ti-": (e) => `themify-icon ${e}`,
   "bi-": (e) => `bootstrap-icons ${e}`,
-  "i-": F
+  "i-": H
   // UnoCSS pure icons
-}, ce = {
+}, pe = {
   o_: "-outlined",
   r_: "-round",
   s_: "-sharp"
-}, de = {
+}, ke = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, _e = new RegExp("^(" + Object.keys(se).join("|") + ")"), Se = new RegExp("^(" + Object.keys(ce).join("|") + ")"), G = new RegExp("^(" + Object.keys(de).join("|") + ")"), we = /^[Mm]\s?[-+]?\.?\d/, Ce = /^img:/, Be = /^svguse:/, Le = /^ion-/, Re = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, J = W({
+}, ze = new RegExp("^(" + Object.keys(ye).join("|") + ")"), je = new RegExp("^(" + Object.keys(pe).join("|") + ")"), ae = new RegExp("^(" + Object.keys(ke).join("|") + ")"), Me = /^[Mm]\s?[-+]?\.?\d/, Fe = /^img:/, Ne = /^svguse:/, Ie = /^ion-/, Ke = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, D = K({
   name: "QIcon",
   props: {
-    ...oe,
+    ...ge,
     tag: {
       type: String,
       default: "i"
@@ -59,126 +59,456 @@ const Y = "0 0 24 24", F = (e) => e, V = (e) => `ionicons ${e}`, se = {
     right: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: { $q: a } } = U(), n = le(e), i = s(
+    const { proxy: { $q: r } } = J(), n = be(e), a = i(
       () => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
-    ), f = s(() => {
-      let c, u = e.name;
-      if (u === "none" || !u)
+    ), c = i(() => {
+      let s, o = e.name;
+      if (o === "none" || !o)
         return { none: !0 };
-      if (a.iconMapFn !== null) {
-        const l = a.iconMapFn(u);
-        if (l !== void 0)
-          if (l.icon !== void 0) {
-            if (u = l.icon, u === "none" || !u)
+      if (r.iconMapFn !== null) {
+        const d = r.iconMapFn(o);
+        if (d !== void 0)
+          if (d.icon !== void 0) {
+            if (o = d.icon, o === "none" || !o)
               return { none: !0 };
           } else
             return {
-              cls: l.cls,
-              content: l.content !== void 0 ? l.content : " "
+              cls: d.cls,
+              content: d.content !== void 0 ? d.content : " "
             };
       }
-      if (we.test(u) === !0) {
-        const [l, y = Y] = u.split("|");
+      if (Me.test(o) === !0) {
+        const [d, b = re] = o.split("|");
         return {
           svg: !0,
-          viewBox: y,
-          nodes: l.split("&&").map((o) => {
-            const [p, h, k] = o.split("@@");
-            return v("path", { style: h, d: p, transform: k });
+          viewBox: b,
+          nodes: d.split("&&").map((l) => {
+            const [f, g, k] = l.split("@@");
+            return m("path", { style: g, d: f, transform: k });
           })
         };
       }
-      if (Ce.test(u) === !0)
+      if (Fe.test(o) === !0)
         return {
           img: !0,
-          src: u.substring(4)
+          src: o.substring(4)
         };
-      if (Be.test(u) === !0) {
-        const [l, y = Y] = u.split("|");
+      if (Ne.test(o) === !0) {
+        const [d, b = re] = o.split("|");
         return {
           svguse: !0,
-          src: l.substring(7),
-          viewBox: y
+          src: d.substring(7),
+          viewBox: b
         };
       }
-      let x = " ";
-      const b = u.match(_e);
-      if (b !== null)
-        c = se[b[1]](u);
-      else if (Re.test(u) === !0)
-        c = u;
-      else if (Le.test(u) === !0)
-        c = `ionicons ion-${a.platform.is.ios === !0 ? "ios" : "md"}${u.substring(3)}`;
-      else if (G.test(u) === !0) {
-        c = "notranslate material-symbols";
-        const l = u.match(G);
-        l !== null && (u = u.substring(6), c += de[l[1]]), x = u;
+      let h = " ";
+      const y = o.match(ze);
+      if (y !== null)
+        s = ye[y[1]](o);
+      else if (Ke.test(o) === !0)
+        s = o;
+      else if (Ie.test(o) === !0)
+        s = `ionicons ion-${r.platform.is.ios === !0 ? "ios" : "md"}${o.substring(3)}`;
+      else if (ae.test(o) === !0) {
+        s = "notranslate material-symbols";
+        const d = o.match(ae);
+        d !== null && (o = o.substring(6), s += ke[d[1]]), h = o;
       } else {
-        c = "notranslate material-icons";
-        const l = u.match(Se);
-        l !== null && (u = u.substring(2), c += ce[l[1]]), x = u;
+        s = "notranslate material-icons";
+        const d = o.match(je);
+        d !== null && (o = o.substring(2), s += pe[d[1]]), h = o;
       }
       return {
-        cls: c,
-        content: x
+        cls: s,
+        content: h
       };
     });
     return () => {
-      const c = {
-        class: i.value,
+      const s = {
+        class: a.value,
         style: n.value,
         "aria-hidden": "true"
       };
-      return f.value.none === !0 ? v(e.tag, c, Ee(t.default)) : f.value.img === !0 ? v(e.tag, c, D(t.default, [
-        v("img", { src: f.value.src })
-      ])) : f.value.svg === !0 ? v(e.tag, c, D(t.default, [
-        v("svg", {
-          viewBox: f.value.viewBox || "0 0 24 24"
-        }, f.value.nodes)
-      ])) : f.value.svguse === !0 ? v(e.tag, c, D(t.default, [
-        v("svg", {
-          viewBox: f.value.viewBox
+      return c.value.none === !0 ? m(e.tag, s, he(t.default)) : c.value.img === !0 ? m(e.tag, s, j(t.default, [
+        m("img", { src: c.value.src })
+      ])) : c.value.svg === !0 ? m(e.tag, s, j(t.default, [
+        m("svg", {
+          viewBox: c.value.viewBox || "0 0 24 24"
+        }, c.value.nodes)
+      ])) : c.value.svguse === !0 ? m(e.tag, s, j(t.default, [
+        m("svg", {
+          viewBox: c.value.viewBox
         }, [
-          v("use", { "xlink:href": f.value.src })
+          m("use", { "xlink:href": c.value.src })
         ])
-      ])) : (f.value.cls !== void 0 && (c.class += " " + f.value.cls), v(e.tag, c, D(t.default, [
-        f.value.content
+      ])) : (c.value.cls !== void 0 && (s.class += " " + c.value.cls), m(e.tag, s, j(t.default, [
+        c.value.content
       ])));
     };
   }
-}), Pe = {
+});
+function Ce(e, t) {
+  typeof t.type == "symbol" ? Array.isArray(t.children) === !0 && t.children.forEach((r) => {
+    Ce(e, r);
+  }) : e.add(t);
+}
+function Qe(e) {
+  const t = /* @__PURE__ */ new Set();
+  return e.forEach((r) => {
+    Ce(t, r);
+  }), Array.from(t);
+}
+function De(e) {
+  return e.appContext.config.globalProperties.$router !== void 0;
+}
+function le(e) {
+  return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
+}
+function oe(e, t) {
+  return (e.aliasOf || e) === (t.aliasOf || t);
+}
+function Ve(e, t) {
+  for (const r in t) {
+    const n = t[r], a = e[r];
+    if (typeof n == "string") {
+      if (n !== a)
+        return !1;
+    } else if (Array.isArray(a) === !1 || a.length !== n.length || n.some((c, s) => c !== a[s]))
+      return !1;
+  }
+  return !0;
+}
+function ue(e, t) {
+  return Array.isArray(t) === !0 ? e.length === t.length && e.every((r, n) => r === t[n]) : e.length === 1 && e[0] === t;
+}
+function He(e, t) {
+  return Array.isArray(e) === !0 ? ue(e, t) : Array.isArray(t) === !0 ? ue(t, e) : e === t;
+}
+function Ue(e, t) {
+  if (Object.keys(e).length !== Object.keys(t).length)
+    return !1;
+  for (const r in e)
+    if (He(e[r], t[r]) === !1)
+      return !1;
+  return !0;
+}
+const xe = {
+  // router-link
+  to: [String, Object],
+  replace: Boolean,
+  // regular <a> link
+  href: String,
+  target: String,
+  // state
+  disable: Boolean
+}, We = {
+  ...xe,
+  // router-link
+  exact: Boolean,
+  activeClass: {
+    type: String,
+    default: "q-router-link--active"
+  },
+  exactActiveClass: {
+    type: String,
+    default: "q-router-link--exact-active"
+  }
+};
+function qe({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
+  const r = J(), { props: n, proxy: a, emit: c } = r, s = De(r), o = i(() => n.disable !== !0 && n.href !== void 0), h = t === !0 ? i(
+    () => s === !0 && n.disable !== !0 && o.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ) : i(
+    () => s === !0 && o.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
+  ), y = i(() => h.value === !0 ? w(n.to) : null), d = i(() => y.value !== null), b = i(() => o.value === !0 || d.value === !0), l = i(() => n.type === "a" || b.value === !0 ? "a" : n.tag || e || "div"), f = i(() => o.value === !0 ? {
+    href: n.href,
+    target: n.target
+  } : d.value === !0 ? {
+    href: y.value.href,
+    target: n.target
+  } : {}), g = i(() => {
+    if (d.value === !1)
+      return -1;
+    const { matched: p } = y.value, { length: q } = p, E = p[q - 1];
+    if (E === void 0)
+      return -1;
+    const $ = a.$route.matched;
+    if ($.length === 0)
+      return -1;
+    const B = $.findIndex(
+      oe.bind(null, E)
+    );
+    if (B !== -1)
+      return B;
+    const Q = le(p[q - 2]);
+    return (
+      // we are dealing with nested routes
+      q > 1 && le(E) === Q && $[$.length - 1].path !== Q ? $.findIndex(
+        oe.bind(null, p[q - 2])
+      ) : B
+    );
+  }), k = i(
+    () => d.value === !0 && g.value !== -1 && Ve(a.$route.params, y.value.params)
+  ), v = i(
+    () => k.value === !0 && g.value === a.$route.matched.length - 1 && Ue(a.$route.params, y.value.params)
+  ), x = i(() => d.value === !0 ? v.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
+  function w(p) {
+    try {
+      return a.$router.resolve(p);
+    } catch {
+    }
+    return null;
+  }
+  function L(p, { returnRouterError: q, to: E = n.to, replace: $ = n.replace } = {}) {
+    if (n.disable === !0)
+      return p.preventDefault(), Promise.resolve(!1);
+    if (
+      // don't redirect with control keys;
+      // should match RouterLink from Vue Router
+      p.metaKey || p.altKey || p.ctrlKey || p.shiftKey || p.button !== void 0 && p.button !== 0 || n.target === "_blank"
+    )
+      return Promise.resolve(!1);
+    p.preventDefault();
+    const B = a.$router[$ === !0 ? "replace" : "push"](E);
+    return q === !0 ? B : B.then(() => {
+    }).catch(() => {
+    });
+  }
+  function R(p) {
+    if (d.value === !0) {
+      const q = (E) => L(p, E);
+      c("click", p, q), p.defaultPrevented !== !0 && q();
+    } else
+      c("click", p);
+  }
+  return {
+    hasRouterLink: d,
+    hasHrefLink: o,
+    hasLink: b,
+    linkTag: l,
+    resolvedLink: y,
+    linkIsActive: k,
+    linkIsExactActive: v,
+    linkClass: x,
+    linkAttrs: f,
+    getLink: w,
+    navigateToRouterLink: L,
+    navigateOnClick: R
+  };
+}
+const Xe = K({
+  name: "QBreadcrumbsEl",
+  props: {
+    ...We,
+    label: String,
+    icon: String,
+    tag: {
+      type: String,
+      default: "span"
+    }
+  },
+  emits: ["click"],
+  setup(e, { slots: t }) {
+    const { linkTag: r, linkAttrs: n, linkClass: a, navigateOnClick: c } = qe(), s = i(() => ({
+      class: "q-breadcrumbs__el q-link flex inline items-center relative-position " + (e.disable !== !0 ? "q-link--focusable" + a.value : "q-breadcrumbs__el--disable"),
+      ...n.value,
+      onClick: c
+    })), o = i(
+      () => "q-breadcrumbs__el-icon" + (e.label !== void 0 ? " q-breadcrumbs__el-icon--with-label" : "")
+    );
+    return () => {
+      const h = [];
+      return e.icon !== void 0 && h.push(
+        m(D, {
+          class: o.value,
+          name: e.icon
+        })
+      ), e.label !== void 0 && h.push(e.label), m(
+        r.value,
+        { ...s.value },
+        j(t.default, h)
+      );
+    };
+  }
+}), _e = {
+  left: "start",
+  center: "center",
+  right: "end",
+  between: "between",
+  around: "around",
+  evenly: "evenly",
+  stretch: "stretch"
+}, Ye = Object.keys(_e), Ee = {
+  align: {
+    type: String,
+    validator: (e) => Ye.includes(e)
+  }
+};
+function Se(e) {
+  return i(() => {
+    const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
+    return `${e.vertical === !0 ? "items" : "justify"}-${_e[t]}`;
+  });
+}
+const Ge = ["", !0], Je = K({
+  name: "QBreadcrumbs",
+  props: {
+    ...Ee,
+    separator: {
+      type: String,
+      default: "/"
+    },
+    separatorColor: String,
+    activeColor: {
+      type: String,
+      default: "primary"
+    },
+    gutter: {
+      type: String,
+      validator: (e) => ["none", "xs", "sm", "md", "lg", "xl"].includes(e),
+      default: "sm"
+    }
+  },
+  setup(e, { slots: t }) {
+    const r = Se(e), n = i(
+      () => `flex items-center ${r.value}${e.gutter === "none" ? "" : ` q-gutter-${e.gutter}`}`
+    ), a = i(() => e.separatorColor ? ` text-${e.separatorColor}` : ""), c = i(() => ` text-${e.activeColor}`);
+    return () => {
+      if (t.default === void 0) return;
+      const s = Qe(
+        he(t.default)
+      );
+      if (s.length === 0) return;
+      let o = 1;
+      const h = [], y = s.filter((b) => {
+        var l;
+        return ((l = b.type) == null ? void 0 : l.name) === "QBreadcrumbsEl";
+      }).length, d = t.separator !== void 0 ? t.separator : () => e.separator;
+      return s.forEach((b) => {
+        var l;
+        if (((l = b.type) == null ? void 0 : l.name) === "QBreadcrumbsEl") {
+          const f = o < y, g = b.props !== null && Ge.includes(b.props.disable), k = (f === !0 ? "" : " q-breadcrumbs--last") + (g !== !0 && f === !0 ? c.value : "");
+          o++, h.push(
+            m("div", {
+              class: `flex items-center${k}`
+            }, [b])
+          ), f === !0 && h.push(
+            m("div", {
+              class: "q-breadcrumbs__separator" + a.value
+            }, d())
+          );
+        } else
+          h.push(b);
+      }), m("div", {
+        class: "q-breadcrumbs"
+      }, [
+        m("div", { class: n.value }, h)
+      ]);
+    };
+  }
+}), xt = /* @__PURE__ */ G({
+  inheritAttrs: !1,
+  __name: "Breadcrumbs",
+  props: {
+    activeColor: {},
+    separatorIcon: {},
+    separatorSize: {},
+    separatorColor: {},
+    store: {},
+    navStore: {},
+    route: {},
+    router: {},
+    breadcrumbConfig: {},
+    separator: {},
+    gutter: {},
+    align: {}
+  },
+  setup(e) {
+    const t = e, r = we(), n = i(() => {
+      const { activeColor: l, separatorIcon: f, separatorSize: g, separatorColor: k, ...v } = r;
+      return v;
+    }), a = (l) => ({
+      "data-cy": l.dataCy,
+      class: "cursor-pointer text-h5",
+      color: l.color
+    }), c = i(() => t.activeColor || "primary"), s = i(() => t.separatorIcon || "chevron_right"), o = i(() => t.separatorSize || "2em"), h = i(() => t.separatorColor || "primary"), y = i(() => ({
+      store: t.store,
+      route: t.route,
+      navStore: t.navStore || {}
+    })), d = i(() => {
+      const l = [];
+      return t.breadcrumbConfig.forEach((f) => {
+        if (!f.shouldRender(y.value))
+          return;
+        const g = f.getLabel ? f.getLabel(y.value) : f.defaultLabel, k = f.getColor ? f.getColor(y.value) : "dark", v = {
+          name: f.routeName,
+          ...f.getRouteParams && {
+            params: f.getRouteParams(y.value)
+          }
+        }, x = f.clearActions ? f.clearActions.map((w) => () => w(y.value)) : [];
+        l.push({
+          label: g,
+          dataCy: f.dataCy,
+          color: k,
+          route: v,
+          clearActions: x
+        });
+      }), l;
+    }), b = (l) => {
+      l.clearActions && l.clearActions.forEach((f) => f()), t.router.push(l.route);
+    };
+    return (l, f) => (I(), W(Je, Z({
+      "active-color": c.value,
+      class: "text-brown"
+    }, n.value), {
+      separator: ee(() => [
+        me(D, {
+          size: o.value,
+          name: s.value,
+          color: h.value
+        }, null, 8, ["size", "name", "color"])
+      ]),
+      default: ee(() => [
+        (I(!0), ve(Be, null, Le(d.value, (g, k) => (I(), W(Xe, Z({ key: k }, { ref_for: !0 }, a(g), {
+          label: g.label,
+          onClick: (v) => b(g)
+        }), null, 16, ["label", "onClick"]))), 128))
+      ]),
+      _: 1
+    }, 16, ["active-color"]));
+  }
+}), Ze = {
   size: {
     type: [String, Number],
     default: "1em"
   },
   color: String
 };
-function Te(e) {
+function et(e) {
   return {
-    cSize: s(() => e.size in Q ? `${Q[e.size]}px` : e.size),
-    classes: s(
+    cSize: i(() => e.size in X ? `${X[e.size]}px` : e.size),
+    classes: i(
       () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
     )
   };
 }
-const Oe = W({
+const tt = K({
   name: "QSpinner",
   props: {
-    ...Pe,
+    ...Ze,
     thickness: {
       type: Number,
       default: 5
     }
   },
   setup(e) {
-    const { cSize: t, classes: a } = Te(e);
-    return () => v("svg", {
-      class: a.value + " q-spinner-mat",
+    const { cSize: t, classes: r } = et(e);
+    return () => m("svg", {
+      class: r.value + " q-spinner-mat",
       width: t.value,
       height: t.value,
       viewBox: "25 25 50 50"
     }, [
-      v("circle", {
+      m("circle", {
         class: "path",
         cx: "50",
         cy: "50",
@@ -191,12 +521,12 @@ const Oe = W({
     ]);
   }
 });
-function Ae(e, t) {
-  const a = e.style;
+function nt(e, t) {
+  const r = e.style;
   for (const n in t)
-    a[n] = t[n];
+    r[n] = t[n];
 }
-const N = {
+const V = {
   hasPassive: !1,
   passiveCapture: !0,
   notPassiveCapture: !0
@@ -204,7 +534,7 @@ const N = {
 try {
   const e = Object.defineProperty({}, "passive", {
     get() {
-      Object.assign(N, {
+      Object.assign(V, {
         hasPassive: !0,
         passive: { passive: !0 },
         notPassive: { passive: !1 },
@@ -216,100 +546,100 @@ try {
   window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
 } catch {
 }
-function Me(e) {
+function rt(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 fe(e) {
+function $e(e) {
   e.stopPropagation();
 }
-function je(e) {
+function at(e) {
   e.cancelable !== !1 && e.preventDefault();
 }
-function T(e) {
+function A(e) {
   e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
 }
-function ze(e, t, a) {
+function lt(e, t, r) {
   const n = `__q_${t}_evt`;
-  e[n] = e[n] !== void 0 ? e[n].concat(a) : a, a.forEach((i) => {
-    i[0].addEventListener(i[1], e[i[2]], N[i[3]]);
+  e[n] = e[n] !== void 0 ? e[n].concat(r) : r, r.forEach((a) => {
+    a[0].addEventListener(a[1], e[a[2]], V[a[3]]);
   });
 }
-function Ke(e, t) {
-  const a = `__q_${t}_evt`;
-  e[a] !== void 0 && (e[a].forEach((n) => {
-    n[0].removeEventListener(n[1], e[n[2]], N[n[3]]);
-  }), e[a] = void 0);
+function ot(e, t) {
+  const r = `__q_${t}_evt`;
+  e[r] !== void 0 && (e[r].forEach((n) => {
+    n[0].removeEventListener(n[1], e[n[2]], V[n[3]]);
+  }), e[r] = void 0);
 }
-function De(e) {
+function ut(e) {
   return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
 }
-function H(e, t) {
-  return De(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
+function Y(e, t) {
+  return ut(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
 }
-function Ie(e, t = 250) {
-  let a = !1, n;
+function st(e, t = 250) {
+  let r = !1, n;
   return function() {
-    return a === !1 && (a = !0, setTimeout(() => {
-      a = !1;
+    return r === !1 && (r = !0, setTimeout(() => {
+      r = !1;
     }, t), n = e.apply(this, arguments)), n;
   };
 }
-function Z(e, t, a, n) {
-  a.modifiers.stop === !0 && fe(e);
-  const i = a.modifiers.color;
-  let f = a.modifiers.center;
-  f = f === !0 || n === !0;
-  const c = document.createElement("span"), u = document.createElement("span"), x = Me(e), { left: b, top: l, width: y, height: o } = t.getBoundingClientRect(), p = Math.sqrt(y * y + o * o), h = p / 2, k = `${(y - p) / 2}px`, d = f ? k : `${x.left - b - h}px`, q = `${(o - p) / 2}px`, P = f ? q : `${x.top - l - h}px`;
-  u.className = "q-ripple__inner", Ae(u, {
-    height: `${p}px`,
-    width: `${p}px`,
-    transform: `translate3d(${d},${P},0) scale3d(.2,.2,1)`,
+function se(e, t, r, n) {
+  r.modifiers.stop === !0 && $e(e);
+  const a = r.modifiers.color;
+  let c = r.modifiers.center;
+  c = c === !0 || n === !0;
+  const s = document.createElement("span"), o = document.createElement("span"), h = rt(e), { left: y, top: d, width: b, height: l } = t.getBoundingClientRect(), f = Math.sqrt(b * b + l * l), g = f / 2, k = `${(b - f) / 2}px`, v = c ? k : `${h.left - y - g}px`, x = `${(l - f) / 2}px`, w = c ? x : `${h.top - d - g}px`;
+  o.className = "q-ripple__inner", nt(o, {
+    height: `${f}px`,
+    width: `${f}px`,
+    transform: `translate3d(${v},${w},0) scale3d(.2,.2,1)`,
     opacity: 0
-  }), c.className = `q-ripple${i ? " text-" + i : ""}`, c.setAttribute("dir", "ltr"), c.appendChild(u), t.appendChild(c);
-  const B = () => {
-    c.remove(), clearTimeout(L);
+  }), s.className = `q-ripple${a ? " text-" + a : ""}`, s.setAttribute("dir", "ltr"), s.appendChild(o), t.appendChild(s);
+  const L = () => {
+    s.remove(), clearTimeout(R);
   };
-  a.abort.push(B);
-  let L = setTimeout(() => {
-    u.classList.add("q-ripple__inner--enter"), u.style.transform = `translate3d(${k},${q},0) scale3d(1,1,1)`, u.style.opacity = 0.2, L = setTimeout(() => {
-      u.classList.remove("q-ripple__inner--enter"), u.classList.add("q-ripple__inner--leave"), u.style.opacity = 0, L = setTimeout(() => {
-        c.remove(), a.abort.splice(a.abort.indexOf(B), 1);
+  r.abort.push(L);
+  let R = setTimeout(() => {
+    o.classList.add("q-ripple__inner--enter"), o.style.transform = `translate3d(${k},${x},0) scale3d(1,1,1)`, o.style.opacity = 0.2, R = setTimeout(() => {
+      o.classList.remove("q-ripple__inner--enter"), o.classList.add("q-ripple__inner--leave"), o.style.opacity = 0, R = setTimeout(() => {
+        s.remove(), r.abort.splice(r.abort.indexOf(L), 1);
       }, 275);
     }, 250);
   }, 50);
 }
-function ee(e, { modifiers: t, value: a, arg: n }) {
-  const i = Object.assign({}, e.cfg.ripple, t, a);
+function ie(e, { modifiers: t, value: r, arg: n }) {
+  const a = Object.assign({}, e.cfg.ripple, t, r);
   e.modifiers = {
-    early: i.early === !0,
-    stop: i.stop === !0,
-    center: i.center === !0,
-    color: i.color || n,
-    keyCodes: [].concat(i.keyCodes || 13)
+    early: a.early === !0,
+    stop: a.stop === !0,
+    center: a.center === !0,
+    color: a.color || n,
+    keyCodes: [].concat(a.keyCodes || 13)
   };
 }
-const Ne = $e(
+const it = Oe(
   {
     name: "ripple",
     beforeMount(e, t) {
-      const a = t.instance.$.appContext.config.globalProperties.$q.config || {};
-      if (a.ripple === !1) return;
+      const r = t.instance.$.appContext.config.globalProperties.$q.config || {};
+      if (r.ripple === !1) return;
       const n = {
-        cfg: a,
+        cfg: r,
         enabled: t.value !== !1,
         modifiers: {},
         abort: [],
-        start(i) {
-          n.enabled === !0 && i.qSkipRipple !== !0 && i.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && Z(i, e, n, i.qKeyEvent === !0);
+        start(a) {
+          n.enabled === !0 && a.qSkipRipple !== !0 && a.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && se(a, e, n, a.qKeyEvent === !0);
         },
-        keystart: Ie((i) => {
-          n.enabled === !0 && i.qSkipRipple !== !0 && H(i, n.modifiers.keyCodes) === !0 && i.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && Z(i, e, n, !0);
+        keystart: st((a) => {
+          n.enabled === !0 && a.qSkipRipple !== !0 && Y(a, n.modifiers.keyCodes) === !0 && a.type === `key${n.modifiers.early === !0 ? "down" : "up"}` && se(a, e, n, !0);
         }, 300)
       };
-      ee(n, t), e.__qripple = n, ze(n, "main", [
+      ie(n, t), e.__qripple = n, lt(n, "main", [
         [e, "pointerdown", "start", "passive"],
         [e, "click", "start", "passive"],
         [e, "keydown", "keystart", "passive"],
@@ -318,182 +648,37 @@ const Ne = $e(
     },
     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 && ee(a, t));
+        const r = e.__qripple;
+        r !== void 0 && (r.enabled = t.value !== !1, r.enabled === !0 && Object(t.value) === t.value && ie(r, t));
       }
     },
     beforeUnmount(e) {
       const t = e.__qripple;
-      t !== void 0 && (t.abort.forEach((a) => {
-        a();
-      }), Ke(t, "main"), delete e._qripple);
+      t !== void 0 && (t.abort.forEach((r) => {
+        r();
+      }), ot(t, "main"), delete e._qripple);
     }
   }
-), ve = {
-  left: "start",
-  center: "center",
-  right: "end",
-  between: "between",
-  around: "around",
-  evenly: "evenly",
-  stretch: "stretch"
-}, Fe = Object.keys(ve), Ve = {
-  align: {
-    type: String,
-    validator: (e) => Fe.includes(e)
-  }
-};
-function Qe(e) {
-  return s(() => {
-    const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
-    return `${e.vertical === !0 ? "items" : "justify"}-${ve[t]}`;
-  });
-}
-function He(e) {
-  return e.appContext.config.globalProperties.$router !== void 0;
-}
-function te(e) {
-  return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
-}
-function ne(e, t) {
-  return (e.aliasOf || e) === (t.aliasOf || t);
-}
-function Ue(e, t) {
-  for (const a in t) {
-    const n = t[a], i = e[a];
-    if (typeof n == "string") {
-      if (n !== i)
-        return !1;
-    } else if (Array.isArray(i) === !1 || i.length !== n.length || n.some((f, c) => f !== i[c]))
-      return !1;
-  }
-  return !0;
-}
-function ae(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 We(e, t) {
-  return Array.isArray(e) === !0 ? ae(e, t) : Array.isArray(t) === !0 ? ae(t, e) : e === t;
-}
-function Xe(e, t) {
-  if (Object.keys(e).length !== Object.keys(t).length)
-    return !1;
-  for (const a in e)
-    if (We(e[a], t[a]) === !1)
-      return !1;
-  return !0;
-}
-const Ye = {
-  // router-link
-  to: [String, Object],
-  replace: Boolean,
-  // regular <a> link
-  href: String,
-  target: String,
-  // state
-  disable: Boolean
-};
-function Ge({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const a = U(), { props: n, proxy: i, emit: f } = a, c = He(a), u = s(() => n.disable !== !0 && n.href !== void 0), x = t === !0 ? s(
-    () => c === !0 && n.disable !== !0 && u.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
-  ) : s(
-    () => c === !0 && u.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
-  ), b = s(() => x.value === !0 ? P(n.to) : null), l = s(() => b.value !== null), y = s(() => u.value === !0 || l.value === !0), o = s(() => n.type === "a" || y.value === !0 ? "a" : n.tag || e || "div"), p = s(() => u.value === !0 ? {
-    href: n.href,
-    target: n.target
-  } : l.value === !0 ? {
-    href: b.value.href,
-    target: n.target
-  } : {}), h = s(() => {
-    if (l.value === !1)
-      return -1;
-    const { matched: g } = b.value, { length: $ } = g, _ = g[$ - 1];
-    if (_ === void 0)
-      return -1;
-    const w = i.$route.matched;
-    if (w.length === 0)
-      return -1;
-    const C = w.findIndex(
-      ne.bind(null, _)
-    );
-    if (C !== -1)
-      return C;
-    const I = te(g[$ - 2]);
-    return (
-      // we are dealing with nested routes
-      $ > 1 && te(_) === I && w[w.length - 1].path !== I ? w.findIndex(
-        ne.bind(null, g[$ - 2])
-      ) : C
-    );
-  }), k = s(
-    () => l.value === !0 && h.value !== -1 && Ue(i.$route.params, b.value.params)
-  ), d = s(
-    () => k.value === !0 && h.value === i.$route.matched.length - 1 && Xe(i.$route.params, b.value.params)
-  ), q = s(() => l.value === !0 ? d.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : k.value === !0 ? ` ${n.activeClass}` : "" : "");
-  function P(g) {
-    try {
-      return i.$router.resolve(g);
-    } catch {
-    }
-    return null;
-  }
-  function B(g, { returnRouterError: $, to: _ = n.to, replace: w = 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 C = i.$router[w === !0 ? "replace" : "push"](_);
-    return $ === !0 ? C : C.then(() => {
-    }).catch(() => {
-    });
-  }
-  function L(g) {
-    if (l.value === !0) {
-      const $ = (_) => B(g, _);
-      f("click", g, $), g.defaultPrevented !== !0 && $();
-    } else
-      f("click", g);
-  }
-  return {
-    hasRouterLink: l,
-    hasHrefLink: u,
-    hasLink: y,
-    linkTag: o,
-    resolvedLink: b,
-    linkIsActive: k,
-    linkIsExactActive: d,
-    linkClass: q,
-    linkAttrs: p,
-    getLink: P,
-    navigateToRouterLink: B,
-    navigateOnClick: L
-  };
-}
-const re = {
+), ce = {
   none: 0,
   xs: 4,
   sm: 8,
   md: 16,
   lg: 24,
   xl: 32
-}, Je = {
+}, ct = {
   xs: 8,
   sm: 10,
   md: 14,
   lg: 20,
   xl: 24
-}, Ze = ["button", "submit", "reset"], et = /[^\s]\/[^\s]/, tt = ["flat", "outline", "push", "unelevated"];
-function nt(e, t) {
+}, dt = ["button", "submit", "reset"], ft = /[^\s]\/[^\s]/, vt = ["flat", "outline", "push", "unelevated"];
+function mt(e, t) {
   return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
 }
-const at = {
-  ...oe,
-  ...Ye,
+const gt = {
+  ...ge,
+  ...xe,
   type: {
     type: String,
     default: "button"
@@ -501,7 +686,7 @@ const at = {
   label: [Number, String],
   icon: String,
   iconRight: String,
-  ...tt.reduce(
+  ...vt.reduce(
     (e, t) => (e[t] = Boolean) && e,
     {}
   ),
@@ -523,7 +708,7 @@ const at = {
     default: !0
   },
   align: {
-    ...Ve.align,
+    ...Ee.align,
     default: "center"
   },
   stack: Boolean,
@@ -533,262 +718,315 @@ const at = {
     default: null
   },
   disable: Boolean
-}, rt = {
-  ...at,
+}, bt = {
+  ...gt,
   round: Boolean
 };
-function ut(e) {
-  const t = le(e, Je), a = Qe(e), { hasRouterLink: n, hasLink: i, linkTag: f, linkAttrs: c, navigateOnClick: u } = Ge({
+function ht(e) {
+  const t = be(e, ct), r = Se(e), { hasRouterLink: n, hasLink: a, linkTag: c, linkAttrs: s, navigateOnClick: o } = qe({
     fallbackTag: "button"
-  }), x = s(() => {
-    const d = e.fab === !1 && e.fabMini === !1 ? t.value : {};
-    return e.padding !== void 0 ? Object.assign({}, d, {
-      padding: e.padding.split(/\s+/).map((q) => q in re ? re[q] + "px" : q).join(" "),
+  }), h = i(() => {
+    const v = e.fab === !1 && e.fabMini === !1 ? t.value : {};
+    return e.padding !== void 0 ? Object.assign({}, v, {
+      padding: e.padding.split(/\s+/).map((x) => x in ce ? ce[x] + "px" : x).join(" "),
       minWidth: "0",
       minHeight: "0"
-    }) : d;
-  }), b = s(
+    }) : v;
+  }), y = i(
     () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
-  ), l = s(
+  ), d = i(
     () => e.disable !== !0 && e.loading !== !0
-  ), y = s(() => l.value === !0 ? e.tabindex || 0 : -1), o = s(() => nt(e, "standard")), p = s(() => {
-    const d = { tabindex: y.value };
-    return i.value === !0 ? Object.assign(d, c.value) : Ze.includes(e.type) === !0 && (d.type = e.type), f.value === "a" ? (e.disable === !0 ? d["aria-disabled"] = "true" : d.href === void 0 && (d.role = "button"), n.value !== !0 && et.test(e.type) === !0 && (d.type = e.type)) : e.disable === !0 && (d.disabled = "", d["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(d, {
+  ), b = i(() => d.value === !0 ? e.tabindex || 0 : -1), l = i(() => mt(e, "standard")), f = i(() => {
+    const v = { tabindex: b.value };
+    return a.value === !0 ? Object.assign(v, s.value) : dt.includes(e.type) === !0 && (v.type = e.type), c.value === "a" ? (e.disable === !0 ? v["aria-disabled"] = "true" : v.href === void 0 && (v.role = "button"), n.value !== !0 && ft.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
-    }), d;
-  }), h = s(() => {
-    let d;
-    e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? d = `text-${e.textColor || e.color}` : d = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (d = `text-${e.textColor}`);
-    const q = e.round === !0 ? "round" : `rectangle${b.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
-    return `q-btn--${o.value} q-btn--${q}` + (d !== void 0 ? " " + d : "") + (l.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 = s(
-    () => a.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
+    }), v;
+  }), g = i(() => {
+    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 x = e.round === !0 ? "round" : `rectangle${y.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
+    return `q-btn--${l.value} q-btn--${x}` + (v !== void 0 ? " " + v : "") + (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 = i(
+    () => r.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
   );
   return {
-    classes: h,
-    style: x,
+    classes: g,
+    style: h,
     innerClasses: k,
-    attributes: p,
-    hasLink: i,
-    linkTag: f,
-    navigateOnClick: u,
-    isActionable: l
+    attributes: f,
+    hasLink: a,
+    linkTag: c,
+    navigateOnClick: o,
+    isActionable: d
   };
 }
-const { passiveCapture: E } = N;
-let O = null, A = null, M = null;
-const it = W({
+const { passiveCapture: _ } = V;
+let T = null, O = null, z = null;
+const de = K({
   name: "QBtn",
   props: {
-    ...rt,
+    ...bt,
     percentage: Number,
     darkPercentage: Boolean,
     onTouchstart: [Function, Array]
   },
   emits: ["click", "keydown", "mousedown", "keyup"],
-  setup(e, { slots: t, emit: a }) {
-    const { proxy: n } = U(), {
-      classes: i,
-      style: f,
-      innerClasses: c,
-      attributes: u,
-      hasLink: x,
-      linkTag: b,
-      navigateOnClick: l,
-      isActionable: y
-    } = ut(e), o = X(null), p = X(null);
-    let h = null, k, d = null;
-    const q = s(
+  setup(e, { slots: t, emit: r }) {
+    const { proxy: n } = J(), {
+      classes: a,
+      style: c,
+      innerClasses: s,
+      attributes: o,
+      hasLink: h,
+      linkTag: y,
+      navigateOnClick: d,
+      isActionable: b
+    } = ht(e), l = te(null), f = te(null);
+    let g = null, k, v = null;
+    const x = i(
       () => e.label !== void 0 && e.label !== null && e.label !== ""
-    ), P = s(() => e.disable === !0 || e.ripple === !1 ? !1 : {
-      keyCodes: x.value === !0 ? [13, 32] : [13],
+    ), w = i(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+      keyCodes: h.value === !0 ? [13, 32] : [13],
       ...e.ripple === !0 ? {} : e.ripple
-    }), B = s(() => ({ center: e.round })), L = s(() => {
-      const r = Math.max(0, Math.min(100, e.percentage));
-      return r > 0 ? { transition: "transform 0.6s", transform: `translateX(${r - 100}%)` } : {};
-    }), g = s(() => {
+    }), L = i(() => ({ center: e.round })), R = i(() => {
+      const u = Math.max(0, Math.min(100, e.percentage));
+      return u > 0 ? { transition: "transform 0.6s", transform: `translateX(${u - 100}%)` } : {};
+    }), p = i(() => {
       if (e.loading === !0)
         return {
-          onMousedown: z,
-          onTouchstart: z,
-          onClick: z,
-          onKeydown: z,
-          onKeyup: z
+          onMousedown: F,
+          onTouchstart: F,
+          onClick: F,
+          onKeydown: F,
+          onKeyup: F
         };
-      if (y.value === !0) {
-        const r = {
-          onClick: _,
-          onKeydown: w,
-          onMousedown: I
+      if (b.value === !0) {
+        const u = {
+          onClick: E,
+          onKeydown: $,
+          onMousedown: Q
         };
         if (n.$q.platform.has.touch === !0) {
-          const m = e.onTouchstart !== void 0 ? "" : "Passive";
-          r[`onTouchstart${m}`] = C;
+          const C = e.onTouchstart !== void 0 ? "" : "Passive";
+          u[`onTouchstart${C}`] = B;
         }
-        return r;
+        return u;
       }
       return {
         // needed; especially for disabled <a> tags
-        onClick: T
+        onClick: A
       };
-    }), $ = s(() => ({
-      ref: o,
-      class: "q-btn q-btn-item non-selectable no-outline " + i.value,
-      style: f.value,
-      ...u.value,
-      ...g.value
+    }), q = i(() => ({
+      ref: l,
+      class: "q-btn q-btn-item non-selectable no-outline " + a.value,
+      style: c.value,
+      ...o.value,
+      ...p.value
     }));
-    function _(r) {
-      if (o.value !== null) {
-        if (r !== void 0) {
-          if (r.defaultPrevented === !0) return;
-          const m = document.activeElement;
-          if (e.type === "submit" && m !== document.body && o.value.contains(m) === !1 && m.contains(o.value) === !1) {
-            r.qAvoidFocus !== !0 && o.value.focus();
-            const R = () => {
-              var K;
-              document.removeEventListener("keydown", T, !0), document.removeEventListener("keyup", R, E), (K = o.value) == null || K.removeEventListener("blur", R, E);
+    function E(u) {
+      if (l.value !== null) {
+        if (u !== void 0) {
+          if (u.defaultPrevented === !0) return;
+          const C = document.activeElement;
+          if (e.type === "submit" && C !== document.body && l.value.contains(C) === !1 && C.contains(l.value) === !1) {
+            u.qAvoidFocus !== !0 && l.value.focus();
+            const P = () => {
+              var N;
+              document.removeEventListener("keydown", A, !0), document.removeEventListener("keyup", P, _), (N = l.value) == null || N.removeEventListener("blur", P, _);
             };
-            document.addEventListener("keydown", T, !0), document.addEventListener("keyup", R, E), o.value.addEventListener("blur", R, E);
+            document.addEventListener("keydown", A, !0), document.addEventListener("keyup", P, _), l.value.addEventListener("blur", P, _);
           }
         }
-        l(r);
+        d(u);
       }
     }
-    function w(r) {
-      o.value !== null && (a("keydown", r), H(r, [13, 32]) === !0 && A !== o.value && (A !== null && j(), r.defaultPrevented !== !0 && (r.qAvoidFocus !== !0 && o.value.focus(), A = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("keyup", S, !0), o.value.addEventListener("blur", S, E)), T(r)));
+    function $(u) {
+      l.value !== null && (r("keydown", u), Y(u, [13, 32]) === !0 && O !== l.value && (O !== null && M(), u.defaultPrevented !== !0 && (u.qAvoidFocus !== !0 && l.value.focus(), O = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("keyup", S, !0), l.value.addEventListener("blur", S, _)), A(u)));
     }
-    function C(r) {
-      o.value !== null && (a("touchstart", r), r.defaultPrevented !== !0 && (O !== o.value && (O !== null && j(), O = o.value, h = r.target, h.addEventListener("touchcancel", S, E), h.addEventListener("touchend", S, E)), k = !0, d !== null && clearTimeout(d), d = setTimeout(() => {
-        d = null, k = !1;
+    function B(u) {
+      l.value !== null && (r("touchstart", u), u.defaultPrevented !== !0 && (T !== l.value && (T !== null && M(), T = l.value, g = u.target, g.addEventListener("touchcancel", S, _), g.addEventListener("touchend", S, _)), k = !0, v !== null && clearTimeout(v), v = setTimeout(() => {
+        v = null, k = !1;
       }, 200)));
     }
-    function I(r) {
-      o.value !== null && (r.qSkipRipple = k === !0, a("mousedown", r), r.defaultPrevented !== !0 && M !== o.value && (M !== null && j(), M = o.value, o.value.classList.add("q-btn--active"), document.addEventListener("mouseup", S, E)));
+    function Q(u) {
+      l.value !== null && (u.qSkipRipple = k === !0, r("mousedown", u), u.defaultPrevented !== !0 && z !== l.value && (z !== null && M(), z = l.value, l.value.classList.add("q-btn--active"), document.addEventListener("mouseup", S, _)));
     }
-    function S(r) {
-      if (o.value !== null && !((r == null ? void 0 : r.type) === "blur" && document.activeElement === o.value)) {
-        if ((r == null ? void 0 : r.type) === "keyup") {
-          if (A === o.value && H(r, [13, 32]) === !0) {
-            const m = new MouseEvent("click", r);
-            m.qKeyEvent = !0, r.defaultPrevented === !0 && je(m), r.cancelBubble === !0 && fe(m), o.value.dispatchEvent(m), T(r), r.qKeyEvent = !0;
+    function S(u) {
+      if (l.value !== null && !((u == null ? void 0 : u.type) === "blur" && document.activeElement === l.value)) {
+        if ((u == null ? void 0 : u.type) === "keyup") {
+          if (O === l.value && Y(u, [13, 32]) === !0) {
+            const C = new MouseEvent("click", u);
+            C.qKeyEvent = !0, u.defaultPrevented === !0 && at(C), u.cancelBubble === !0 && $e(C), l.value.dispatchEvent(C), A(u), u.qKeyEvent = !0;
           }
-          a("keyup", r);
+          r("keyup", u);
         }
-        j();
+        M();
       }
     }
-    function j(r) {
-      var R, K;
-      const m = p.value;
-      r !== !0 && (O === o.value || M === o.value) && m !== null && m !== document.activeElement && (m.setAttribute("tabindex", -1), m.focus()), O === o.value && (h !== null && (h.removeEventListener("touchcancel", S, E), h.removeEventListener("touchend", S, E)), O = h = null), M === o.value && (document.removeEventListener("mouseup", S, E), M = null), A === o.value && (document.removeEventListener("keyup", S, !0), (R = o.value) == null || R.removeEventListener("blur", S, E), A = null), (K = o.value) == null || K.classList.remove("q-btn--active");
+    function M(u) {
+      var P, N;
+      const C = f.value;
+      u !== !0 && (T === l.value || z === l.value) && C !== null && C !== document.activeElement && (C.setAttribute("tabindex", -1), C.focus()), T === l.value && (g !== null && (g.removeEventListener("touchcancel", S, _), g.removeEventListener("touchend", S, _)), T = g = null), z === l.value && (document.removeEventListener("mouseup", S, _), z = null), O === l.value && (document.removeEventListener("keyup", S, !0), (P = l.value) == null || P.removeEventListener("blur", S, _), O = null), (N = l.value) == null || N.classList.remove("q-btn--active");
     }
-    function z(r) {
-      T(r), r.qSkipRipple = !0;
+    function F(u) {
+      A(u), u.qSkipRipple = !0;
     }
-    return ge(() => {
-      j(!0);
+    return Re(() => {
+      M(!0);
     }), Object.assign(n, {
-      click: (r) => {
-        y.value === !0 && _(r);
+      click: (u) => {
+        b.value === !0 && E(u);
       }
     }), () => {
-      let r = [];
-      e.icon !== void 0 && r.push(
-        v(J, {
+      let u = [];
+      e.icon !== void 0 && u.push(
+        m(D, {
           name: e.icon,
-          left: e.stack !== !0 && q.value === !0,
+          left: e.stack !== !0 && x.value === !0,
           role: "img"
         })
-      ), q.value === !0 && r.push(
-        v("span", { class: "block" }, [e.label])
-      ), r = D(t.default, r), e.iconRight !== void 0 && e.round === !1 && r.push(
-        v(J, {
+      ), x.value === !0 && u.push(
+        m("span", { class: "block" }, [e.label])
+      ), u = j(t.default, u), e.iconRight !== void 0 && e.round === !1 && u.push(
+        m(D, {
           name: e.iconRight,
-          right: e.stack !== !0 && q.value === !0,
+          right: e.stack !== !0 && x.value === !0,
           role: "img"
         })
       );
-      const m = [
-        v("span", {
+      const C = [
+        m("span", {
           class: "q-focus-helper",
-          ref: p
+          ref: f
         })
       ];
-      return e.loading === !0 && e.percentage !== void 0 && m.push(
-        v("span", {
+      return e.loading === !0 && e.percentage !== void 0 && C.push(
+        m("span", {
           class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
         }, [
-          v("span", {
+          m("span", {
             class: "q-btn__progress-indicator fit block",
-            style: L.value
+            style: R.value
           })
         ])
-      ), m.push(
-        v("span", {
-          class: "q-btn__content text-center col items-center q-anchor--skip " + c.value
-        }, r)
-      ), e.loading !== null && m.push(
-        v(me, {
+      ), C.push(
+        m("span", {
+          class: "q-btn__content text-center col items-center q-anchor--skip " + s.value
+        }, u)
+      ), e.loading !== null && C.push(
+        m(Pe, {
           name: "q-transition--fade"
         }, () => e.loading === !0 ? [
-          v("span", {
+          m("span", {
             key: "loading",
             class: "absolute-full flex flex-center"
-          }, t.loading !== void 0 ? t.loading() : [v(Oe)])
+          }, t.loading !== void 0 ? t.loading() : [m(tt)])
         ] : null)
-      ), he(
-        v(
-          b.value,
-          $.value,
-          m
+      ), Ae(
+        m(
+          y.value,
+          q.value,
+          C
         ),
         [[
-          Ne,
-          P.value,
+          it,
+          w.value,
           void 0,
-          B.value
+          L.value
         ]]
       );
     };
   }
-}), ot = ie({
-  name: "SButton",
+}), yt = { class: "row justify-between" }, pt = /* @__PURE__ */ G({
+  __name: "NavButton",
   props: {
-    label: {
-      type: String,
-      default: "Button"
-    },
-    color: {
-      type: String,
-      default: "primary"
+    from: {},
+    to: { default: void 0 },
+    labelFrom: {},
+    labelTo: { default: void 0 },
+    params: { default: () => ({}) }
+  },
+  setup(e) {
+    const t = e, r = ne("navContext"), n = ne("router");
+    function a(c) {
+      if (!r || !n) {
+        console.warn("Dependencies not available:", { navContext: r, router: n });
+        return;
+      }
+      r.setTabs();
+      const s = c === "back" ? t.from : t.to;
+      if (!s) {
+        console.warn("Destination not provided:", c);
+        return;
+      }
+      n.push({
+        name: s,
+        params: t.params
+      });
     }
+    return (c, s) => (I(), ve("div", yt, [
+      me(de, {
+        icon: "chevron_left",
+        "rounded-sm": "",
+        label: c.labelFrom,
+        onClick: s[0] || (s[0] = (o) => a("back")),
+        "data-cy": "go-back"
+      }, null, 8, ["label"]),
+      c.labelTo ? (I(), W(de, {
+        key: 0,
+        label: c.labelTo,
+        color: "primary",
+        "text-color": "white",
+        "icon-right": "chevron_right",
+        "rounded-sm": "",
+        "data-cy": "go-next",
+        onClick: s[1] || (s[1] = (o) => a("next"))
+      }, null, 8, ["label"])) : Te("", !0)
+    ]));
   }
-}), lt = (e, t) => {
-  const a = e.__vccOpts || e;
-  for (const [n, i] of t)
-    a[n] = i;
-  return a;
-};
-function st(e, t, a, n, i, f) {
-  return ye(), be(it, { color: e.color }, {
-    default: pe(() => [
-      ke(e.$slots, "default", {}, () => [
-        qe(xe(e.label), 1)
-      ])
-    ]),
-    _: 3
-  }, 8, ["color"]);
-}
-const ct = /* @__PURE__ */ lt(ot, [["render", st]]), ft = {
-  install: (e) => {
-    e.component("SButton", ct);
-  }
-};
+}), kt = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, a] of t)
+    r[n] = a;
+  return r;
+}, qt = /* @__PURE__ */ kt(pt, [["__scopeId", "data-v-b3b54f7e"]]);
+function _t(e) {
+  var t, r;
+  return {
+    entity: e.entity,
+    dataCy: e.dataCy,
+    defaultLabel: e.defaultLabel,
+    routeName: e.routeName,
+    shouldRender: e.customShouldRender || (({ store: n }) => e.storeField ? !!n[e.storeField] : !0),
+    getLabel: e.getLabel || (e.labelField ? ({ store: n }) => {
+      var a;
+      return e.storeField && ((a = n[e.storeField]) == null ? void 0 : a[e.labelField]) || e.defaultLabel;
+    } : void 0),
+    getColor: e.customGetColor || (({ store: n }) => e.storeField && n[e.storeField] ? "primary" : "dark"),
+    getRouteParams: e.routeParamKey && e.routeParamField ? ({ store: n }) => {
+      var a;
+      return {
+        [e.routeParamKey]: e.storeField && ((a = n[e.storeField]) == null ? void 0 : a[e.routeParamField])
+      };
+    } : void 0,
+    clearActions: [
+      ...((t = e.clearMethods) == null ? void 0 : t.map(
+        (n) => ({ store: a }) => {
+          var c;
+          return (c = a[n]) == null ? void 0 : c.call(a);
+        }
+      )) || [],
+      ...((r = e.navActions) == null ? void 0 : r.map(
+        (n) => ({ navStore: a }) => n(a)
+      )) || []
+    ]
+  };
+}
 export {
-  ct as SButton,
-  ft as default
+  xt as Breadcrumbs,
+  qt as NavButton,
+  _t as createBreadcrumb
 };