@selfeesas/shared-components 0.1.9 → 0.2.0

package/dist/shared-components.es.js

@@ -1,51 +1,54 @@
-import { computed as o, markRaw as X, defineComponent as V, getCurrentInstance as Q, h, useAttrs as Y, createBlock as F, openBlock as $, mergeProps as w, withCtx as q, createElementBlock as Z, Fragment as ee, renderList as te, createVNode as re } from "vue";
-const ae = {
+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
-}, ne = {
+}, ge = {
   size: String
 };
-function le(e, t = ae) {
-  return o(() => 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 P(e) {
-  return X(V(e));
+function K(e) {
+  return fe(G(e));
 }
-function K(e, t) {
+function Oe(e) {
+  return fe(e);
+}
+function he(e, t) {
   return e !== void 0 && e() || t;
 }
-function A(e, t) {
+function j(e, t) {
   return e !== void 0 ? t.concat(e()) : t;
 }
-const I = "0 0 24 24", B = (e) => e, E = (e) => `ionicons ${e}`, D = {
+const re = "0 0 24 24", H = (e) => e, U = (e) => `ionicons ${e}`, ye = {
   "mdi-": (e) => `mdi ${e}`,
-  "icon-": B,
+  "icon-": H,
   // fontawesome equiv
   "bt-": (e) => `bt ${e}`,
   "eva-": (e) => `eva ${e}`,
-  "ion-md": E,
-  "ion-ios": E,
-  "ion-logo": E,
-  "iconfont ": B,
+  "ion-md": U,
+  "ion-ios": U,
+  "ion-logo": U,
+  "iconfont ": H,
   "ti-": (e) => `themify-icon ${e}`,
   "bi-": (e) => `bootstrap-icons ${e}`,
-  "i-": B
+  "i-": H
   // UnoCSS pure icons
-}, T = {
+}, pe = {
   o_: "-outlined",
   r_: "-round",
   s_: "-sharp"
-}, H = {
+}, ke = {
   sym_o_: "-outlined",
   sym_r_: "-rounded",
   sym_s_: "-sharp"
-}, se = new RegExp("^(" + Object.keys(D).join("|") + ")"), oe = new RegExp("^(" + Object.keys(T).join("|") + ")"), O = new RegExp("^(" + Object.keys(H).join("|") + ")"), ue = /^[Mm]\s?[-+]?\.?\d/, ie = /^img:/, ce = /^svguse:/, de = /^ion-/, ve = /^(fa-(classic|sharp|solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, G = P({
+}, 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: {
-    ...ne,
+    ...ge,
     tag: {
       type: String,
       default: "i"
@@ -56,140 +59,140 @@ const I = "0 0 24 24", B = (e) => e, E = (e) => `ionicons ${e}`, D = {
     right: Boolean
   },
   setup(e, { slots: t }) {
-    const { proxy: { $q: u } } = Q(), r = le(e), n = o(
+    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}` : "")
-    ), i = o(() => {
-      let l, a = e.name;
-      if (a === "none" || !a)
+    ), c = i(() => {
+      let s, o = e.name;
+      if (o === "none" || !o)
         return { none: !0 };
-      if (u.iconMapFn !== null) {
-        const s = u.iconMapFn(a);
-        if (s !== void 0)
-          if (s.icon !== void 0) {
-            if (a = s.icon, a === "none" || !a)
+      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: s.cls,
-              content: s.content !== void 0 ? s.content : " "
+              cls: d.cls,
+              content: d.content !== void 0 ? d.content : " "
             };
       }
-      if (ue.test(a) === !0) {
-        const [s, g = I] = a.split("|");
+      if (Me.test(o) === !0) {
+        const [d, b = re] = o.split("|");
         return {
           svg: !0,
-          viewBox: g,
-          nodes: s.split("&&").map((d) => {
-            const [c, b, y] = d.split("@@");
-            return h("path", { style: b, d: c, transform: y });
+          viewBox: b,
+          nodes: d.split("&&").map((l) => {
+            const [f, g, k] = l.split("@@");
+            return m("path", { style: g, d: f, transform: k });
           })
         };
       }
-      if (ie.test(a) === !0)
+      if (Fe.test(o) === !0)
         return {
           img: !0,
-          src: a.substring(4)
+          src: o.substring(4)
         };
-      if (ce.test(a) === !0) {
-        const [s, g = I] = a.split("|");
+      if (Ne.test(o) === !0) {
+        const [d, b = re] = o.split("|");
         return {
           svguse: !0,
-          src: s.substring(7),
-          viewBox: g
+          src: d.substring(7),
+          viewBox: b
         };
       }
-      let m = " ";
-      const f = a.match(se);
-      if (f !== null)
-        l = D[f[1]](a);
-      else if (ve.test(a) === !0)
-        l = a;
-      else if (de.test(a) === !0)
-        l = `ionicons ion-${u.platform.is.ios === !0 ? "ios" : "md"}${a.substring(3)}`;
-      else if (O.test(a) === !0) {
-        l = "notranslate material-symbols";
-        const s = a.match(O);
-        s !== null && (a = a.substring(6), l += H[s[1]]), m = a;
+      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 {
-        l = "notranslate material-icons";
-        const s = a.match(oe);
-        s !== null && (a = a.substring(2), l += T[s[1]]), m = a;
+        s = "notranslate material-icons";
+        const d = o.match(je);
+        d !== null && (o = o.substring(2), s += pe[d[1]]), h = o;
       }
       return {
-        cls: l,
-        content: m
+        cls: s,
+        content: h
       };
     });
     return () => {
-      const l = {
-        class: n.value,
-        style: r.value,
+      const s = {
+        class: a.value,
+        style: n.value,
         "aria-hidden": "true"
       };
-      return i.value.none === !0 ? h(e.tag, l, K(t.default)) : i.value.img === !0 ? h(e.tag, l, A(t.default, [
-        h("img", { src: i.value.src })
-      ])) : i.value.svg === !0 ? h(e.tag, l, A(t.default, [
-        h("svg", {
-          viewBox: i.value.viewBox || "0 0 24 24"
-        }, i.value.nodes)
-      ])) : i.value.svguse === !0 ? h(e.tag, l, A(t.default, [
-        h("svg", {
-          viewBox: i.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
         }, [
-          h("use", { "xlink:href": i.value.src })
+          m("use", { "xlink:href": c.value.src })
         ])
-      ])) : (i.value.cls !== void 0 && (l.class += " " + i.value.cls), h(e.tag, l, A(t.default, [
-        i.value.content
+      ])) : (c.value.cls !== void 0 && (s.class += " " + c.value.cls), m(e.tag, s, j(t.default, [
+        c.value.content
       ])));
     };
   }
 });
-function U(e, t) {
-  typeof t.type == "symbol" ? Array.isArray(t.children) === !0 && t.children.forEach((u) => {
-    U(e, u);
+function Ce(e, t) {
+  typeof t.type == "symbol" ? Array.isArray(t.children) === !0 && t.children.forEach((r) => {
+    Ce(e, r);
   }) : e.add(t);
 }
-function fe(e) {
+function Qe(e) {
   const t = /* @__PURE__ */ new Set();
-  return e.forEach((u) => {
-    U(t, u);
+  return e.forEach((r) => {
+    Ce(t, r);
   }), Array.from(t);
 }
-function me(e) {
+function De(e) {
   return e.appContext.config.globalProperties.$router !== void 0;
 }
-function M(e) {
+function le(e) {
   return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
 }
-function j(e, t) {
+function oe(e, t) {
   return (e.aliasOf || e) === (t.aliasOf || t);
 }
-function ge(e, t) {
-  for (const u in t) {
-    const r = t[u], n = e[u];
-    if (typeof r == "string") {
-      if (r !== n)
+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(n) === !1 || n.length !== r.length || r.some((i, l) => i !== n[l]))
+    } else if (Array.isArray(a) === !1 || a.length !== n.length || n.some((c, s) => c !== a[s]))
       return !1;
   }
   return !0;
 }
-function N(e, t) {
-  return Array.isArray(t) === !0 ? e.length === t.length && e.every((u, r) => u === t[r]) : e.length === 1 && e[0] === t;
+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 ? N(e, t) : Array.isArray(t) === !0 ? N(t, e) : e === t;
+function He(e, t) {
+  return Array.isArray(e) === !0 ? ue(e, t) : Array.isArray(t) === !0 ? ue(t, e) : e === t;
 }
-function be(e, t) {
+function Ue(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
-  for (const u in e)
-    if (he(e[u], t[u]) === !1)
+  for (const r in e)
+    if (He(e[r], t[r]) === !1)
       return !1;
   return !0;
 }
-const ye = {
+const xe = {
   // router-link
   to: [String, Object],
   replace: Boolean,
@@ -198,8 +201,8 @@ const ye = {
   target: String,
   // state
   disable: Boolean
-}, pe = {
-  ...ye,
+}, We = {
+  ...xe,
   // router-link
   exact: Boolean,
   activeClass: {
@@ -211,91 +214,91 @@ const ye = {
     default: "q-router-link--exact-active"
   }
 };
-function ke({ fallbackTag: e, useDisableForRouterLinkProps: t = !0 } = {}) {
-  const u = Q(), { props: r, proxy: n, emit: i } = u, l = me(u), a = o(() => r.disable !== !0 && r.href !== void 0), m = t === !0 ? o(
-    () => l === !0 && r.disable !== !0 && a.value !== !0 && r.to !== void 0 && r.to !== null && r.to !== ""
-  ) : o(
-    () => l === !0 && a.value !== !0 && r.to !== void 0 && r.to !== null && r.to !== ""
-  ), f = o(() => m.value === !0 ? R(r.to) : null), s = o(() => f.value !== null), g = o(() => a.value === !0 || s.value === !0), d = o(() => r.type === "a" || g.value === !0 ? "a" : r.tag || e || "div"), c = o(() => a.value === !0 ? {
-    href: r.href,
-    target: r.target
-  } : s.value === !0 ? {
-    href: f.value.href,
-    target: r.target
-  } : {}), b = o(() => {
-    if (s.value === !1)
+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: v } = f.value, { length: p } = v, C = v[p - 1];
-    if (C === void 0)
+    const { matched: p } = y.value, { length: q } = p, E = p[q - 1];
+    if (E === void 0)
       return -1;
-    const x = n.$route.matched;
-    if (x.length === 0)
+    const $ = a.$route.matched;
+    if ($.length === 0)
       return -1;
-    const S = x.findIndex(
-      j.bind(null, C)
+    const B = $.findIndex(
+      oe.bind(null, E)
     );
-    if (S !== -1)
-      return S;
-    const z = M(v[p - 2]);
+    if (B !== -1)
+      return B;
+    const Q = le(p[q - 2]);
     return (
       // we are dealing with nested routes
-      p > 1 && M(C) === z && x[x.length - 1].path !== z ? x.findIndex(
-        j.bind(null, v[p - 2])
-      ) : S
+      q > 1 && le(E) === Q && $[$.length - 1].path !== Q ? $.findIndex(
+        oe.bind(null, p[q - 2])
+      ) : B
     );
-  }), y = o(
-    () => s.value === !0 && b.value !== -1 && ge(n.$route.params, f.value.params)
-  ), k = o(
-    () => y.value === !0 && b.value === n.$route.matched.length - 1 && be(n.$route.params, f.value.params)
-  ), _ = o(() => s.value === !0 ? k.value === !0 ? ` ${r.exactActiveClass} ${r.activeClass}` : r.exact === !0 ? "" : y.value === !0 ? ` ${r.activeClass}` : "" : "");
-  function R(v) {
+  }), 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 n.$router.resolve(v);
+      return a.$router.resolve(p);
     } catch {
     }
     return null;
   }
-  function L(v, { returnRouterError: p, to: C = r.to, replace: x = r.replace } = {}) {
-    if (r.disable === !0)
-      return v.preventDefault(), Promise.resolve(!1);
+  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
-      v.metaKey || v.altKey || v.ctrlKey || v.shiftKey || v.button !== void 0 && v.button !== 0 || r.target === "_blank"
+      p.metaKey || p.altKey || p.ctrlKey || p.shiftKey || p.button !== void 0 && p.button !== 0 || n.target === "_blank"
     )
       return Promise.resolve(!1);
-    v.preventDefault();
-    const S = n.$router[x === !0 ? "replace" : "push"](C);
-    return p === !0 ? S : S.then(() => {
+    p.preventDefault();
+    const B = a.$router[$ === !0 ? "replace" : "push"](E);
+    return q === !0 ? B : B.then(() => {
     }).catch(() => {
     });
   }
-  function W(v) {
-    if (s.value === !0) {
-      const p = (C) => L(v, C);
-      i("click", v, p), v.defaultPrevented !== !0 && p();
+  function R(p) {
+    if (d.value === !0) {
+      const q = (E) => L(p, E);
+      c("click", p, q), p.defaultPrevented !== !0 && q();
     } else
-      i("click", v);
+      c("click", p);
   }
   return {
-    hasRouterLink: s,
-    hasHrefLink: a,
-    hasLink: g,
-    linkTag: d,
-    resolvedLink: f,
-    linkIsActive: y,
-    linkIsExactActive: k,
-    linkClass: _,
-    linkAttrs: c,
-    getLink: R,
+    hasRouterLink: d,
+    hasHrefLink: o,
+    hasLink: b,
+    linkTag: l,
+    resolvedLink: y,
+    linkIsActive: k,
+    linkIsExactActive: v,
+    linkClass: x,
+    linkAttrs: f,
+    getLink: w,
     navigateToRouterLink: L,
-    navigateOnClick: W
+    navigateOnClick: R
   };
 }
-const Ce = P({
+const Xe = K({
   name: "QBreadcrumbsEl",
   props: {
-    ...pe,
+    ...We,
     label: String,
     icon: String,
     tag: {
@@ -305,28 +308,28 @@ const Ce = P({
   },
   emits: ["click"],
   setup(e, { slots: t }) {
-    const { linkTag: u, linkAttrs: r, linkClass: n, navigateOnClick: i } = ke(), l = o(() => ({
-      class: "q-breadcrumbs__el q-link flex inline items-center relative-position " + (e.disable !== !0 ? "q-link--focusable" + n.value : "q-breadcrumbs__el--disable"),
-      ...r.value,
-      onClick: i
-    })), a = o(
+    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 m = [];
-      return e.icon !== void 0 && m.push(
-        h(G, {
-          class: a.value,
+      const h = [];
+      return e.icon !== void 0 && h.push(
+        m(D, {
+          class: o.value,
           name: e.icon
         })
-      ), e.label !== void 0 && m.push(e.label), h(
-        u.value,
-        { ...l.value },
-        A(t.default, m)
+      ), e.label !== void 0 && h.push(e.label), m(
+        r.value,
+        { ...s.value },
+        j(t.default, h)
       );
     };
   }
-}), J = {
+}), _e = {
   left: "start",
   center: "center",
   right: "end",
@@ -334,22 +337,22 @@ const Ce = P({
   around: "around",
   evenly: "evenly",
   stretch: "stretch"
-}, xe = Object.keys(J), Se = {
+}, Ye = Object.keys(_e), Ee = {
   align: {
     type: String,
-    validator: (e) => xe.includes(e)
+    validator: (e) => Ye.includes(e)
   }
 };
-function Ae(e) {
-  return o(() => {
+function Se(e) {
+  return i(() => {
     const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
-    return `${e.vertical === !0 ? "items" : "justify"}-${J[t]}`;
+    return `${e.vertical === !0 ? "items" : "justify"}-${_e[t]}`;
   });
 }
-const Re = ["", !0], _e = P({
+const Ge = ["", !0], Je = K({
   name: "QBreadcrumbs",
   props: {
-    ...Se,
+    ...Ee,
     separator: {
       type: String,
       default: "/"
@@ -366,43 +369,43 @@ const Re = ["", !0], _e = P({
     }
   },
   setup(e, { slots: t }) {
-    const u = Ae(e), r = o(
-      () => `flex items-center ${u.value}${e.gutter === "none" ? "" : ` q-gutter-${e.gutter}`}`
-    ), n = o(() => e.separatorColor ? ` text-${e.separatorColor}` : ""), i = o(() => ` text-${e.activeColor}`);
+    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 l = fe(
-        K(t.default)
+      const s = Qe(
+        he(t.default)
       );
-      if (l.length === 0) return;
-      let a = 1;
-      const m = [], f = l.filter((g) => {
-        var d;
-        return ((d = g.type) == null ? void 0 : d.name) === "QBreadcrumbsEl";
-      }).length, s = t.separator !== void 0 ? t.separator : () => e.separator;
-      return l.forEach((g) => {
-        var d;
-        if (((d = g.type) == null ? void 0 : d.name) === "QBreadcrumbsEl") {
-          const c = a < f, b = g.props !== null && Re.includes(g.props.disable), y = (c === !0 ? "" : " q-breadcrumbs--last") + (b !== !0 && c === !0 ? i.value : "");
-          a++, m.push(
-            h("div", {
-              class: `flex items-center${y}`
-            }, [g])
-          ), c === !0 && m.push(
-            h("div", {
-              class: "q-breadcrumbs__separator" + n.value
-            }, s())
+      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
-          m.push(g);
-      }), h("div", {
+          h.push(b);
+      }), m("div", {
         class: "q-breadcrumbs"
       }, [
-        h("div", { class: r.value }, m)
+        m("div", { class: n.value }, h)
       ]);
     };
   }
-}), Be = /* @__PURE__ */ V({
+}), xt = /* @__PURE__ */ G({
   inheritAttrs: !1,
   __name: "Breadcrumbs",
   props: {
@@ -420,93 +423,610 @@ const Re = ["", !0], _e = P({
     align: {}
   },
   setup(e) {
-    const t = e, u = Y(), r = o(() => {
-      const { activeColor: d, separatorIcon: c, separatorSize: b, separatorColor: y, ...k } = u;
-      return k;
-    }), n = (d) => ({
-      "data-cy": d.dataCy,
+    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: d.color
-    }), i = o(() => t.activeColor || "primary"), l = o(() => t.separatorIcon || "chevron_right"), a = o(() => t.separatorSize || "2em"), m = o(() => t.separatorColor || "primary"), f = o(() => ({
+      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 || {}
-    })), s = o(() => {
-      const d = [];
-      return t.breadcrumbConfig.forEach((c) => {
-        if (!c.shouldRender(f.value))
+    })), d = i(() => {
+      const l = [];
+      return t.breadcrumbConfig.forEach((f) => {
+        if (!f.shouldRender(y.value))
           return;
-        const b = c.getLabel ? c.getLabel(f.value) : c.defaultLabel, y = c.getColor ? c.getColor(f.value) : "dark", k = {
-          name: c.routeName,
-          ...c.getRouteParams && {
-            params: c.getRouteParams(f.value)
+        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)
           }
-        }, _ = c.clearActions ? c.clearActions.map((R) => () => R(f.value)) : [];
-        d.push({
-          label: b,
-          dataCy: c.dataCy,
-          color: y,
-          route: k,
-          clearActions: _
+        }, x = f.clearActions ? f.clearActions.map((w) => () => w(y.value)) : [];
+        l.push({
+          label: g,
+          dataCy: f.dataCy,
+          color: k,
+          route: v,
+          clearActions: x
         });
-      }), d;
-    }), g = (d) => {
-      d.clearActions && d.clearActions.forEach((c) => c()), t.router.push(d.route);
+      }), l;
+    }), b = (l) => {
+      l.clearActions && l.clearActions.forEach((f) => f()), t.router.push(l.route);
     };
-    return (d, c) => ($(), F(_e, w({
-      "active-color": i.value,
+    return (l, f) => (I(), W(Je, Z({
+      "active-color": c.value,
       class: "text-brown"
-    }, r.value), {
-      separator: q(() => [
-        re(G, {
-          size: a.value,
-          name: l.value,
-          color: m.value
+    }, n.value), {
+      separator: ee(() => [
+        me(D, {
+          size: o.value,
+          name: s.value,
+          color: h.value
         }, null, 8, ["size", "name", "color"])
       ]),
-      default: q(() => [
-        ($(!0), Z(ee, null, te(s.value, (b, y) => ($(), F(Ce, w({ key: y }, { ref_for: !0 }, n(b), {
-          label: b.label,
-          onClick: (k) => g(b)
+      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 et(e) {
+  return {
+    cSize: i(() => e.size in X ? `${X[e.size]}px` : e.size),
+    classes: i(
+      () => "q-spinner" + (e.color ? ` text-${e.color}` : "")
+    )
+  };
+}
+const tt = K({
+  name: "QSpinner",
+  props: {
+    ...Ze,
+    thickness: {
+      type: Number,
+      default: 5
+    }
+  },
+  setup(e) {
+    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"
+    }, [
+      m("circle", {
+        class: "path",
+        cx: "50",
+        cy: "50",
+        r: "20",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": e.thickness,
+        "stroke-miterlimit": "10"
+      })
+    ]);
+  }
 });
-function Ee(e) {
-  var t, u;
+function nt(e, t) {
+  const r = e.style;
+  for (const n in t)
+    r[n] = t[n];
+}
+const V = {
+  hasPassive: !1,
+  passiveCapture: !0,
+  notPassiveCapture: !0
+};
+try {
+  const e = Object.defineProperty({}, "passive", {
+    get() {
+      Object.assign(V, {
+        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 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 $e(e) {
+  e.stopPropagation();
+}
+function at(e) {
+  e.cancelable !== !1 && e.preventDefault();
+}
+function A(e) {
+  e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
+}
+function lt(e, t, r) {
+  const n = `__q_${t}_evt`;
+  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 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 ut(e) {
+  return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
+}
+function Y(e, t) {
+  return ut(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
+}
+function st(e, t = 250) {
+  let r = !1, n;
+  return function() {
+    return r === !1 && (r = !0, setTimeout(() => {
+      r = !1;
+    }, t), n = e.apply(this, arguments)), n;
+  };
+}
+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
+  }), s.className = `q-ripple${a ? " text-" + a : ""}`, s.setAttribute("dir", "ltr"), s.appendChild(o), t.appendChild(s);
+  const L = () => {
+    s.remove(), clearTimeout(R);
+  };
+  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 ie(e, { modifiers: t, value: r, arg: n }) {
+  const a = Object.assign({}, e.cfg.ripple, t, r);
+  e.modifiers = {
+    early: a.early === !0,
+    stop: a.stop === !0,
+    center: a.center === !0,
+    color: a.color || n,
+    keyCodes: [].concat(a.keyCodes || 13)
+  };
+}
+const it = Oe(
+  {
+    name: "ripple",
+    beforeMount(e, t) {
+      const r = t.instance.$.appContext.config.globalProperties.$q.config || {};
+      if (r.ripple === !1) return;
+      const n = {
+        cfg: r,
+        enabled: t.value !== !1,
+        modifiers: {},
+        abort: [],
+        start(a) {
+          n.enabled === !0 && a.qSkipRipple !== !0 && a.type === (n.modifiers.early === !0 ? "pointerdown" : "click") && se(a, e, n, a.qKeyEvent === !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)
+      };
+      ie(n, t), e.__qripple = n, lt(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 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((r) => {
+        r();
+      }), ot(t, "main"), delete e._qripple);
+    }
+  }
+), ce = {
+  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 mt(e, t) {
+  return e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : t;
+}
+const gt = {
+  ...ge,
+  ...xe,
+  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: {
+    ...Ee.align,
+    default: "center"
+  },
+  stack: Boolean,
+  stretch: Boolean,
+  loading: {
+    type: Boolean,
+    default: null
+  },
+  disable: Boolean
+}, bt = {
+  ...gt,
+  round: Boolean
+};
+function ht(e) {
+  const t = be(e, ct), r = Se(e), { hasRouterLink: n, hasLink: a, linkTag: c, linkAttrs: s, navigateOnClick: o } = qe({
+    fallbackTag: "button"
+  }), 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"
+    }) : v;
+  }), y = i(
+    () => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
+  ), d = i(
+    () => e.disable !== !0 && e.loading !== !0
+  ), 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
+    }), 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: g,
+    style: h,
+    innerClasses: k,
+    attributes: f,
+    hasLink: a,
+    linkTag: c,
+    navigateOnClick: o,
+    isActionable: d
+  };
+}
+const { passiveCapture: _ } = V;
+let T = null, O = null, z = null;
+const de = K({
+  name: "QBtn",
+  props: {
+    ...bt,
+    percentage: Number,
+    darkPercentage: Boolean,
+    onTouchstart: [Function, Array]
+  },
+  emits: ["click", "keydown", "mousedown", "keyup"],
+  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 !== ""
+    ), w = i(() => e.disable === !0 || e.ripple === !1 ? !1 : {
+      keyCodes: h.value === !0 ? [13, 32] : [13],
+      ...e.ripple === !0 ? {} : e.ripple
+    }), 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: F,
+          onTouchstart: F,
+          onClick: F,
+          onKeydown: F,
+          onKeyup: F
+        };
+      if (b.value === !0) {
+        const u = {
+          onClick: E,
+          onKeydown: $,
+          onMousedown: Q
+        };
+        if (n.$q.platform.has.touch === !0) {
+          const C = e.onTouchstart !== void 0 ? "" : "Passive";
+          u[`onTouchstart${C}`] = B;
+        }
+        return u;
+      }
+      return {
+        // needed; especially for disabled <a> tags
+        onClick: A
+      };
+    }), q = i(() => ({
+      ref: l,
+      class: "q-btn q-btn-item non-selectable no-outline " + a.value,
+      style: c.value,
+      ...o.value,
+      ...p.value
+    }));
+    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", A, !0), document.addEventListener("keyup", P, _), l.value.addEventListener("blur", P, _);
+          }
+        }
+        d(u);
+      }
+    }
+    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 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 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(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;
+          }
+          r("keyup", u);
+        }
+        M();
+      }
+    }
+    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 F(u) {
+      A(u), u.qSkipRipple = !0;
+    }
+    return Re(() => {
+      M(!0);
+    }), Object.assign(n, {
+      click: (u) => {
+        b.value === !0 && E(u);
+      }
+    }), () => {
+      let u = [];
+      e.icon !== void 0 && u.push(
+        m(D, {
+          name: e.icon,
+          left: e.stack !== !0 && x.value === !0,
+          role: "img"
+        })
+      ), 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 && x.value === !0,
+          role: "img"
+        })
+      );
+      const C = [
+        m("span", {
+          class: "q-focus-helper",
+          ref: f
+        })
+      ];
+      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" : "")
+        }, [
+          m("span", {
+            class: "q-btn__progress-indicator fit block",
+            style: R.value
+          })
+        ])
+      ), 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 ? [
+          m("span", {
+            key: "loading",
+            class: "absolute-full flex flex-center"
+          }, t.loading !== void 0 ? t.loading() : [m(tt)])
+        ] : null)
+      ), Ae(
+        m(
+          y.value,
+          q.value,
+          C
+        ),
+        [[
+          it,
+          w.value,
+          void 0,
+          L.value
+        ]]
+      );
+    };
+  }
+}), yt = { class: "row justify-between" }, pt = /* @__PURE__ */ G({
+  __name: "NavButton",
+  props: {
+    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)
+    ]));
+  }
+}), 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: r }) => e.storeField ? !!r[e.storeField] : !0),
-    getLabel: e.getLabel || (e.labelField ? ({ store: r }) => {
-      var n;
-      return e.storeField && ((n = r[e.storeField]) == null ? void 0 : n[e.labelField]) || e.defaultLabel;
+    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: r }) => e.storeField && r[e.storeField] ? "primary" : "dark"),
-    getRouteParams: e.routeParamKey && e.routeParamField ? ({ store: r }) => {
-      var n;
+    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 && ((n = r[e.storeField]) == null ? void 0 : n[e.routeParamField])
+        [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(
-        (r) => ({ store: n }) => {
-          var i;
-          return (i = n[r]) == null ? void 0 : i.call(n);
+        (n) => ({ store: a }) => {
+          var c;
+          return (c = a[n]) == null ? void 0 : c.call(a);
         }
       )) || [],
-      ...((u = e.navActions) == null ? void 0 : u.map(
-        (r) => ({ navStore: n }) => r(n)
+      ...((r = e.navActions) == null ? void 0 : r.map(
+        (n) => ({ navStore: a }) => n(a)
       )) || []
     ]
   };
 }
 export {
-  Be as Breadcrumbs,
-  Ee as createBreadcrumb
+  xt as Breadcrumbs,
+  qt as NavButton,
+  _t as createBreadcrumb
 };