@kong-ui-public/app-layout 4.1.5 → 4.1.6-pr.1400.866256c4.0

package/dist/app-layout.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as ee, resolveComponent as be, openBlock as p, createBlock as Y, withCtx as R, renderSlot as T, createElementBlock as w, Fragment as Ce, renderList as _e, normalizeClass as ne, createTextVNode as ct, toDisplayString as X, computed as k, createSlots as Ze, createVNode as Ne, createCommentVNode as C, createElementVNode as O, createStaticVNode as mn, pushScopeId as ut, popScopeId as dt, useCssVars as ft, useSlots as ze, reactive as Pe, onMounted as Ge, resolveDynamicComponent as gn, withKeys as yn, ref as V, watch as je, onUnmounted as wn, Comment as _n, cloneVNode as kn, nextTick as Lt, onBeforeUnmount as Wt, unref as Tn, withModifiers as Sn, watchEffect as In, toRef as On } from "vue";
-const $n = /* @__PURE__ */ ee({
+import { defineComponent as Q, resolveComponent as be, openBlock as p, createBlock as X, withCtx as R, renderSlot as T, createElementBlock as w, Fragment as Ce, renderList as _e, normalizeClass as ae, createTextVNode as ct, toDisplayString as q, computed as k, createSlots as je, createVNode as Ne, createCommentVNode as C, createElementVNode as O, createStaticVNode as mn, pushScopeId as ut, popScopeId as dt, useCssVars as ft, useSlots as Ve, reactive as Pe, onMounted as Ge, resolveDynamicComponent as gn, withKeys as yn, ref as z, watch as Ze, onUnmounted as wn, Comment as _n, cloneVNode as kn, nextTick as Lt, onBeforeUnmount as Wt, unref as Tn, withModifiers as Sn, watchEffect as In, toRef as On } from "vue";
+const $n = /* @__PURE__ */ Q({
   __name: "AccountDropdown",
   props: {
     options: {
@@ -19,8 +19,8 @@ const $n = /* @__PURE__ */ ee({
   },
   setup(a) {
     return (t, r) => {
-      const n = be("KDropdownItem"), c = be("KDropdown");
-      return p(), Y(c, {
+      const n = be("KDropdownItem"), s = be("KDropdown");
+      return p(), X(s, {
         class: "account-dropdown",
         "kpop-attributes": { placement: "bottomStart" },
         "trigger-text": a.userInitials,
@@ -28,16 +28,16 @@ const $n = /* @__PURE__ */ ee({
       }, {
         items: R(({ handleSelection: l }) => [
           T(t.$slots, "default", {}, () => [
-            (p(!0), w(Ce, null, _e(a.options, (o) => (p(), Y(n, {
+            (p(!0), w(Ce, null, _e(a.options, (o) => (p(), X(n, {
               key: o.value,
-              class: ne({ "has-divider": o.hasDivider }),
+              class: ae({ "has-divider": o.hasDivider }),
               "data-testid": "select-" + o.value,
               "has-divider": o.hasDivider,
               onClick: (v) => l(o)
             }, {
               default: R(() => [
                 T(t.$slots, "default", { option: o }, () => [
-                  ct(X(o.label), 1)
+                  ct(q(o.label), 1)
                 ], !0)
               ]),
               _: 2
@@ -48,12 +48,12 @@ const $n = /* @__PURE__ */ ee({
       }, 8, ["trigger-text", "width"]);
     };
   }
-}), te = (a, t) => {
+}), ee = (a, t) => {
   const r = a.__vccOpts || a;
-  for (const [n, c] of t)
-    r[n] = c;
+  for (const [n, s] of t)
+    r[n] = s;
   return r;
-}, ji = /* @__PURE__ */ te($n, [["__scopeId", "data-v-7bab0343"]]), Cn = {
+}, Zi = /* @__PURE__ */ ee($n, [["__scopeId", "data-v-7bab0343"]]), Cn = {
   class: "about-section-title",
   "data-testid": "about-section-title"
 }, En = { class: "about-section-header-end" }, Nn = {
@@ -89,7 +89,7 @@ const $n = /* @__PURE__ */ ee({
   key: 3,
   class: "about-divider-section",
   "data-testid": "about-divider-section"
-}, Zn = /* @__PURE__ */ ee({
+}, jn = /* @__PURE__ */ Q({
   __name: "AppAboutSection",
   props: {
     title: {
@@ -123,12 +123,12 @@ const $n = /* @__PURE__ */ ee({
   },
   setup(a) {
     const t = a, r = k(() => !!t.modified && t.modified !== t.created);
-    return (n, c) => {
+    return (n, s) => {
       const l = be("KSkeletonBox"), o = be("KCard");
-      return p(), Y(o, {
+      return p(), X(o, {
         class: "kong-ui-app-about-section",
         "title-tag": "h2"
-      }, Ze({
+      }, je({
         default: R(() => [
           a.isLoading ? (p(), w("div", Dn, [
             Ne(l, {
@@ -140,7 +140,7 @@ const $n = /* @__PURE__ */ ee({
               width: "100"
             })
           ])) : (p(), w("div", Rn, [
-            a.description ? (p(), w("p", Bn, X(a.description), 1)) : C("", !0),
+            a.description ? (p(), w("p", Bn, q(a.description), 1)) : C("", !0),
             n.$slots.default ? (p(), w("div", Ln, [
               T(n.$slots, "default", {}, void 0, !0)
             ])) : C("", !0),
@@ -155,7 +155,7 @@ const $n = /* @__PURE__ */ ee({
         a.title ? {
           name: "title",
           fn: R(() => [
-            O("span", Cn, X(a.title), 1)
+            O("span", Cn, q(a.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -165,11 +165,11 @@ const $n = /* @__PURE__ */ ee({
             O("div", En, [
               a.created || a.modified ? (p(), w("div", {
                 key: 0,
-                class: ne(["about-section-timestamps", { "has-actions": n.$slots.actions }])
+                class: ae(["about-section-timestamps", { "has-actions": n.$slots.actions }])
               }, [
-                a.created ? (p(), w("span", Nn, X(a.createdLabel) + ": " + X(a.created), 1)) : C("", !0),
+                a.created ? (p(), w("span", Nn, q(a.createdLabel) + ": " + q(a.created), 1)) : C("", !0),
                 a.created && r.value ? (p(), w("span", An, "->")) : C("", !0),
-                r.value ? (p(), w("span", Fn, X(a.modifiedLabel) + ": " + X(a.modified), 1)) : C("", !0)
+                r.value ? (p(), w("span", Fn, q(a.modifiedLabel) + ": " + q(a.modified), 1)) : C("", !0)
               ], 2)) : C("", !0),
               n.$slots.actions ? (p(), w("div", xn, [
                 T(n.$slots, "actions", {}, void 0, !0)
@@ -181,7 +181,7 @@ const $n = /* @__PURE__ */ ee({
       ]), 1024);
     };
   }
-}), Ki = /* @__PURE__ */ te(Zn, [["__scopeId", "data-v-521dcc27"]]), jn = {}, Kn = {
+}), Ki = /* @__PURE__ */ ee(jn, [["__scopeId", "data-v-521dcc27"]]), Zn = {}, Kn = {
   fill: "none",
   height: "130",
   width: "130",
@@ -192,16 +192,16 @@ const $n = /* @__PURE__ */ ee({
 function Wn(a, t) {
   return p(), w("svg", Kn, Un);
 }
-const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cbccc66"), a = a(), dt(), a), zn = { class: "kong-ui-app-error" }, Gn = { class: "banana-icon" }, qn = { class: "kong-ui-app-error-content" }, Xn = /* @__PURE__ */ Vt(() => /* @__PURE__ */ O("h2", null, "An unexpected error has occurred", -1)), Yn = /* @__PURE__ */ Vt(() => /* @__PURE__ */ O("p", null, [
+const zn = /* @__PURE__ */ ee(Zn, [["render", Wn]]), zt = (a) => (ut("data-v-5cbccc66"), a = a(), dt(), a), Vn = { class: "kong-ui-app-error" }, Gn = { class: "banana-icon" }, qn = { class: "kong-ui-app-error-content" }, Xn = /* @__PURE__ */ zt(() => /* @__PURE__ */ O("h2", null, "An unexpected error has occurred", -1)), Yn = /* @__PURE__ */ zt(() => /* @__PURE__ */ O("p", null, [
   /* @__PURE__ */ ct("Go back to the previous page or "),
   /* @__PURE__ */ O("a", { href: "/" }, "return home"),
   /* @__PURE__ */ ct(".")
-], -1)), Jn = /* @__PURE__ */ ee({
+], -1)), Jn = /* @__PURE__ */ Q({
   __name: "AppError",
   setup(a) {
-    return (t, r) => (p(), w("section", zn, [
+    return (t, r) => (p(), w("section", Vn, [
       O("div", Gn, [
-        Ne(Vn)
+        Ne(zn)
       ]),
       O("div", qn, [
         T(t.$slots, "default", {}, () => [
@@ -211,10 +211,10 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
       ])
     ]));
   }
-}), Hi = /* @__PURE__ */ te(Jn, [["__scopeId", "data-v-5cbccc66"]]), Qn = { class: "kong-ui-app-navbar" }, er = { class: "header-content" }, tr = { class: "mobile-header-left" }, ar = {
+}), Hi = /* @__PURE__ */ ee(Jn, [["__scopeId", "data-v-5cbccc66"]]), Qn = { class: "kong-ui-app-navbar" }, er = { class: "header-content" }, tr = { class: "mobile-header-left" }, ar = {
   key: 0,
   class: "app-navbar-logo"
-}, nr = { class: "navbar-content" }, rr = { class: "navbar-content-left" }, ir = { class: "navbar-content-center" }, or = { class: "navbar-content-right" }, sr = /* @__PURE__ */ ee({
+}, nr = { class: "navbar-content" }, rr = { class: "navbar-content-left" }, ir = { class: "navbar-content-center" }, or = { class: "navbar-content-right" }, sr = /* @__PURE__ */ Q({
   __name: "AppNavbar",
   props: {
     topOffset: {
@@ -236,16 +236,16 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
       d96d0598: l.value.top,
       "05b18f8e": l.value.zIndex,
       "543b3ff0": l.value.left,
-      "247c8fd0": c.marginRight,
-      "278e63f0": c.width
+      "247c8fd0": s.marginRight,
+      "278e63f0": s.width
     }));
-    const t = a, r = ze(), n = k(() => !!r.logo), c = Pe({
+    const t = a, r = Ve(), n = k(() => !!r.logo), s = Pe({
       marginRight: "0",
       width: "0"
     });
     Ge(() => {
       var o, v;
-      (v = (o = document == null ? void 0 : document.querySelector(".kong-ui-app-navbar .app-navbar-logo")) == null ? void 0 : o.children) != null && v.length ? (c.marginRight = "32px", c.width = "calc(240px - 32px)") : (c.marginRight = "0", c.width = "0");
+      (v = (o = document == null ? void 0 : document.querySelector(".kong-ui-app-navbar .app-navbar-logo")) == null ? void 0 : o.children) != null && v.length ? (s.marginRight = "32px", s.width = "calc(240px - 32px)") : (s.marginRight = "0", s.width = "0");
     });
     const l = k(() => ({
       top: t.topOffset ? `${t.topOffset}px` : "0",
@@ -275,7 +275,7 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
       ])
     ]));
   }
-}), cr = /* @__PURE__ */ te(sr, [["__scopeId", "data-v-beca6ea9"]]), lr = ["title"], ot = 99, ur = /* @__PURE__ */ ee({
+}), cr = /* @__PURE__ */ ee(sr, [["__scopeId", "data-v-beca6ea9"]]), lr = ["title"], ot = 99, ur = /* @__PURE__ */ Q({
   __name: "ItemBadge",
   props: {
     count: {
@@ -286,19 +286,19 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
   },
   setup(a) {
     const t = a, r = k(() => t.count ? t.count > ot ? `${ot}+` : t.count.toString() : "");
-    return (n, c) => r.value ? (p(), w("div", {
+    return (n, s) => r.value ? (p(), w("div", {
       key: 0,
       class: "item-badge",
       title: (a.count || 0) > ot ? String(a.count) : void 0
-    }, X(r.value), 9, lr)) : C("", !0);
+    }, q(r.value), 9, lr)) : C("", !0);
   }
-}), dr = /* @__PURE__ */ te(ur, [["__scopeId", "data-v-912b1a1b"]]), fr = ["data-testid"], vr = ["aria-controls", "aria-expanded", "href", "target", "onClick", "onKeypress"], br = {
+}), dr = /* @__PURE__ */ ee(ur, [["__scopeId", "data-v-912b1a1b"]]), fr = ["data-testid"], vr = ["aria-controls", "aria-expanded", "href", "target", "onClick", "onKeypress"], br = {
   key: 0,
   class: "sidebar-item-icon"
 }, hr = { class: "sidebar-item-name-container" }, pr = { class: "sidebar-item-name has-tooltip" }, mr = {
   key: 2,
   class: "sidebar-item-label truncate-text truncate-18"
-}, gr = ["id"], yr = /* @__PURE__ */ ee({
+}, gr = ["id"], yr = /* @__PURE__ */ Q({
   __name: "SidebarItem",
   props: {
     item: {
@@ -313,36 +313,36 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
   },
   emits: ["click"],
   setup(a, { emit: t }) {
-    const r = t, n = a, c = k(() => typeof n.item.to != "string" ? !1 : !!n.item.newWindow || !!n.item.external || n.item.to.startsWith("http")), l = k(() => !n.item.to || typeof n.item.to != "string" || !n.item.newWindow ? !1 : n.item.newWindow && (n.item.to.startsWith("http") || n.item.to.startsWith("/"))), o = k(() => n.subnavItem && n.item.badgeCount !== void 0), v = (S) => {
+    const r = t, n = a, s = k(() => typeof n.item.to != "string" ? !1 : !!n.item.newWindow || !!n.item.external || n.item.to.startsWith("http")), l = k(() => !n.item.to || typeof n.item.to != "string" || !n.item.newWindow ? !1 : n.item.newWindow && (n.item.to.startsWith("http") || n.item.to.startsWith("/"))), o = k(() => n.subnavItem && n.item.badgeCount !== void 0), v = (S) => {
       r("click", S);
     }, m = (S, A, N) => {
       v(A), typeof N == "function" && (S.preventDefault(), N());
     };
     return (S, A) => {
-      var P;
+      var M;
       const N = be("KTooltip"), x = be("SidebarItem", !0);
       return p(), w("li", {
-        class: ne([a.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: a.item.expanded }, { active: a.item.active }]),
+        class: ae([a.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: a.item.expanded }, { active: a.item.active }]),
         "data-testid": a.item.testId ? `sidebar-item-${a.item.testId}` : void 0
       }, [
-        (p(), Y(gn(c.value ? "div" : "router-link"), {
-          custom: c.value ? void 0 : !0,
-          to: !c.value && !l.value ? a.item.to : void 0
+        (p(), X(gn(s.value ? "div" : "router-link"), {
+          custom: s.value ? void 0 : !0,
+          to: !s.value && !l.value ? a.item.to : void 0
         }, {
           default: R((_) => {
-            var Z, G;
+            var P, G;
             return [
               O("a", {
-                "aria-controls": (Z = a.item.items) != null && Z.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
+                "aria-controls": (P = a.item.items) != null && P.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
                 "aria-expanded": (G = a.item.items) != null && G.length && a.item.expanded ? !0 : void 0,
-                class: ne(["sidebar-item-link", { "sidebar-item-external-link": l.value, "router-link": !c.value }]),
-                href: c.value ? String(a.item.to || "#") : _ == null ? void 0 : _.href,
+                class: ae(["sidebar-item-link", { "sidebar-item-external-link": l.value, "router-link": !s.value }]),
+                href: s.value ? String(a.item.to || "#") : _ == null ? void 0 : _.href,
                 target: l.value ? "_blank" : void 0,
                 onClick: (B) => m(B, a.item, _ == null ? void 0 : _.navigate),
                 onKeypress: yn((B) => m(B, a.item, _ == null ? void 0 : _.navigate), ["enter"])
               }, [
                 O("div", {
-                  class: ne(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-badge": o.value }])
+                  class: ae(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-badge": o.value }])
                 }, [
                   S.$slots[`sidebar-icon-${a.item.key}`] ? (p(), w("div", br, [
                     a.subnavItem ? C("", !0) : T(S.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
@@ -350,8 +350,8 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
                   O("div", hr, [
                     (a.subnavItem ? a.item.name.length < 25 : a.item.name.length < 18) ? (p(), w("div", {
                       key: 0,
-                      class: ne(["sidebar-item-name truncate-text", [a.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
-                    }, X(a.item.name), 3)) : (p(), Y(N, {
+                      class: ae(["sidebar-item-name truncate-text", [a.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
+                    }, q(a.item.name), 3)) : (p(), X(N, {
                       key: 1,
                       class: "sidebar-item-tooltip",
                       placement: "right",
@@ -361,15 +361,15 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
                       default: R(() => [
                         O("div", pr, [
                           O("span", {
-                            class: ne(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": o.value }]])
-                          }, X(a.item.name), 3)
+                            class: ae(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": o.value }]])
+                          }, q(a.item.name), 3)
                         ])
                       ]),
                       _: 1
                     }, 8, ["text"])),
-                    a.item.label && a.item.expanded ? (p(), w("div", mr, X(a.item.label), 1)) : C("", !0)
+                    a.item.label && a.item.expanded ? (p(), w("div", mr, q(a.item.label), 1)) : C("", !0)
                   ]),
-                  o.value ? (p(), Y(dr, {
+                  o.value ? (p(), X(dr, {
                     key: 1,
                     count: a.item.badgeCount
                   }, null, 8, ["count"])) : C("", !0)
@@ -379,27 +379,27 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
           }),
           _: 3
         }, 8, ["custom", "to"])),
-        (P = a.item.items) != null && P.length && a.item.expanded ? (p(), w("ul", {
+        (M = a.item.items) != null && M.length && a.item.expanded ? (p(), w("ul", {
           key: 0,
           id: `subnav-${a.item.key}`,
           class: "level-secondary"
         }, [
-          (p(!0), w(Ce, null, _e(a.item.items, (_) => (p(), Y(x, {
+          (p(!0), w(Ce, null, _e(a.item.items, (_) => (p(), X(x, {
             key: _.name,
             item: _,
             "subnav-item": !0,
-            onClick: (Z) => v(_)
+            onClick: (P) => v(_)
           }, null, 8, ["item", "onClick"]))), 128))
         ], 8, gr)) : C("", !0)
       ], 10, fr);
     };
   }
-}), Mt = /* @__PURE__ */ te(yr, [["__scopeId", "data-v-e8ad3db8"]]);
+}), Mt = /* @__PURE__ */ ee(yr, [["__scopeId", "data-v-e8ad3db8"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Ke = /* @__PURE__ */ zt.join(","), Gt = typeof Element > "u", he = Gt ? function() {
+var Vt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Ke = /* @__PURE__ */ Vt.join(","), Gt = typeof Element > "u", he = Gt ? function() {
 } : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, He = !Gt && Element.prototype.getRootNode ? function(a) {
   var t;
   return a == null || (t = a.getRootNode) === null || t === void 0 ? void 0 : t.call(a);
@@ -408,7 +408,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Ue = function a(t, r) {
   var n;
   r === void 0 && (r = !0);
-  var c = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "inert"), l = c === "" || c === "true", o = l || r && t && a(t.parentNode);
+  var s = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "inert"), l = s === "" || s === "true", o = l || r && t && a(t.parentNode);
   return o;
 }, wr = function(t) {
   var r, n = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "contenteditable");
@@ -416,34 +416,34 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, qt = function(t, r, n) {
   if (Ue(t))
     return [];
-  var c = Array.prototype.slice.apply(t.querySelectorAll(Ke));
-  return r && he.call(t, Ke) && c.unshift(t), c = c.filter(n), c;
+  var s = Array.prototype.slice.apply(t.querySelectorAll(Ke));
+  return r && he.call(t, Ke) && s.unshift(t), s = s.filter(n), s;
 }, Xt = function a(t, r, n) {
-  for (var c = [], l = Array.from(t); l.length; ) {
+  for (var s = [], l = Array.from(t); l.length; ) {
     var o = l.shift();
     if (!Ue(o, !1))
       if (o.tagName === "SLOT") {
         var v = o.assignedElements(), m = v.length ? v : o.children, S = a(m, !0, n);
-        n.flatten ? c.push.apply(c, S) : c.push({
+        n.flatten ? s.push.apply(s, S) : s.push({
           scopeParent: o,
           candidates: S
         });
       } else {
         var A = he.call(o, Ke);
-        A && n.filter(o) && (r || !t.includes(o)) && c.push(o);
+        A && n.filter(o) && (r || !t.includes(o)) && s.push(o);
         var N = o.shadowRoot || // check for an undisclosed shadow
         typeof n.getShadowRoot == "function" && n.getShadowRoot(o), x = !Ue(N, !1) && (!n.shadowRootFilter || n.shadowRootFilter(o));
         if (N && x) {
-          var P = a(N === !0 ? o.children : N.children, !0, n);
-          n.flatten ? c.push.apply(c, P) : c.push({
+          var M = a(N === !0 ? o.children : N.children, !0, n);
+          n.flatten ? s.push.apply(s, M) : s.push({
             scopeParent: o,
-            candidates: P
+            candidates: M
           });
         } else
           l.unshift.apply(l, o.children);
       }
   }
-  return c;
+  return s;
 }, Yt = function(t) {
   return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
 }, ve = function(t) {
@@ -473,46 +473,46 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     return !0;
   var r = t.form || He(t), n = function(v) {
     return r.querySelectorAll('input[type="radio"][name="' + v + '"]');
-  }, c;
+  }, s;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    c = n(window.CSS.escape(t.name));
+    s = n(window.CSS.escape(t.name));
   else
     try {
-      c = n(t.name);
+      s = n(t.name);
     } catch (o) {
       return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", o.message), !1;
     }
-  var l = Ir(c, t.form);
+  var l = Ir(s, t.form);
   return !l || l === t;
 }, $r = function(t) {
   return Jt(t) && t.type === "radio";
 }, Cr = function(t) {
   return $r(t) && !Or(t);
 }, Er = function(t) {
-  var r, n = t && He(t), c = (r = n) === null || r === void 0 ? void 0 : r.host, l = !1;
+  var r, n = t && He(t), s = (r = n) === null || r === void 0 ? void 0 : r.host, l = !1;
   if (n && n !== t) {
     var o, v, m;
-    for (l = !!((o = c) !== null && o !== void 0 && (v = o.ownerDocument) !== null && v !== void 0 && v.contains(c) || t != null && (m = t.ownerDocument) !== null && m !== void 0 && m.contains(t)); !l && c; ) {
+    for (l = !!((o = s) !== null && o !== void 0 && (v = o.ownerDocument) !== null && v !== void 0 && v.contains(s) || t != null && (m = t.ownerDocument) !== null && m !== void 0 && m.contains(t)); !l && s; ) {
       var S, A, N;
-      n = He(c), c = (S = n) === null || S === void 0 ? void 0 : S.host, l = !!((A = c) !== null && A !== void 0 && (N = A.ownerDocument) !== null && N !== void 0 && N.contains(c));
+      n = He(s), s = (S = n) === null || S === void 0 ? void 0 : S.host, l = !!((A = s) !== null && A !== void 0 && (N = A.ownerDocument) !== null && N !== void 0 && N.contains(s));
     }
   }
   return l;
 }, Pt = function(t) {
-  var r = t.getBoundingClientRect(), n = r.width, c = r.height;
-  return n === 0 && c === 0;
+  var r = t.getBoundingClientRect(), n = r.width, s = r.height;
+  return n === 0 && s === 0;
 }, Nr = function(t, r) {
-  var n = r.displayCheck, c = r.getShadowRoot;
+  var n = r.displayCheck, s = r.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
   var l = he.call(t, "details>summary:first-of-type"), o = l ? t.parentElement : t;
   if (he.call(o, "details:not([open]) *"))
     return !0;
   if (!n || n === "full" || n === "legacy-full") {
-    if (typeof c == "function") {
+    if (typeof s == "function") {
       for (var v = t; t; ) {
         var m = t.parentElement, S = He(t);
-        if (m && !m.shadowRoot && c(m) === !0)
+        if (m && !m.shadowRoot && s(m) === !0)
           return Pt(t);
         t.assignedSlot ? t = t.assignedSlot : !m && S !== t.ownerDocument ? t = S.host : t = m;
       }
@@ -530,9 +530,9 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     for (var r = t.parentElement; r; ) {
       if (r.tagName === "FIELDSET" && r.disabled) {
         for (var n = 0; n < r.children.length; n++) {
-          var c = r.children.item(n);
-          if (c.tagName === "LEGEND")
-            return he.call(r, "fieldset[disabled] *") ? !0 : !c.contains(t);
+          var s = r.children.item(n);
+          if (s.tagName === "LEGEND")
+            return he.call(r, "fieldset[disabled] *") ? !0 : !s.contains(t);
         }
         return !0;
       }
@@ -552,17 +552,17 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return !!(isNaN(r) || r >= 0);
 }, xr = function a(t) {
   var r = [], n = [];
-  return t.forEach(function(c, l) {
-    var o = !!c.scopeParent, v = o ? c.scopeParent : c, m = _r(v, o), S = o ? a(c.candidates) : v;
+  return t.forEach(function(s, l) {
+    var o = !!s.scopeParent, v = o ? s.scopeParent : s, m = _r(v, o), S = o ? a(s.candidates) : v;
     m === 0 ? o ? r.push.apply(r, S) : r.push(v) : n.push({
       documentOrder: l,
       tabIndex: m,
-      item: c,
+      item: s,
       isScope: o,
       content: S
     });
-  }), n.sort(kr).reduce(function(c, l) {
-    return l.isScope ? c.push.apply(c, l.content) : c.push(l.content), c;
+  }), n.sort(kr).reduce(function(s, l) {
+    return l.isScope ? s.push.apply(s, l.content) : s.push(l.content), s;
   }, []).concat(r);
 }, Dr = function(t, r) {
   r = r || {};
@@ -585,7 +585,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (r = r || {}, !t)
     throw new Error("No node provided");
   return he.call(t, Ke) === !1 ? !1 : lt(r, t);
-}, Br = /* @__PURE__ */ zt.concat("iframe").join(","), st = function(t, r) {
+}, Br = /* @__PURE__ */ Vt.concat("iframe").join(","), st = function(t, r) {
   if (r = r || {}, !t)
     throw new Error("No node provided");
   return he.call(t, Br) === !1 ? !1 : We(r, t);
@@ -594,22 +594,22 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 * focus-trap 7.5.4
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
-function Zt(a, t) {
+function jt(a, t) {
   var r = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(a);
-    t && (n = n.filter(function(c) {
-      return Object.getOwnPropertyDescriptor(a, c).enumerable;
+    t && (n = n.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(a, s).enumerable;
     })), r.push.apply(r, n);
   }
   return r;
 }
-function jt(a) {
+function Zt(a) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Zt(Object(r), !0).forEach(function(n) {
+    t % 2 ? jt(Object(r), !0).forEach(function(n) {
       Lr(a, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(r)) : Zt(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(r)) : jt(Object(r)).forEach(function(n) {
       Object.defineProperty(a, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -645,16 +645,16 @@ var Kt = {
       var n = t[t.length - 1];
       n !== r && n.pause();
     }
-    var c = t.indexOf(r);
-    c === -1 || t.splice(c, 1), t.push(r);
+    var s = t.indexOf(r);
+    s === -1 || t.splice(s, 1), t.push(r);
   },
   deactivateTrap: function(t, r) {
     var n = t.indexOf(r);
     n !== -1 && t.splice(n, 1), t.length > 0 && t[t.length - 1].unpause();
   }
-}, Zr = function(t) {
-  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
 }, jr = function(t) {
+  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
+}, Zr = function(t) {
   return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
 }, Ee = function(t) {
   return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
@@ -666,17 +666,17 @@ var Kt = {
   return setTimeout(t, 0);
 }, Ut = function(t, r) {
   var n = -1;
-  return t.every(function(c, l) {
-    return r(c) ? (n = l, !1) : !0;
+  return t.every(function(s, l) {
+    return r(s) ? (n = l, !1) : !0;
   }), n;
 }, $e = function(t) {
-  for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
-    n[c - 1] = arguments[c];
+  for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), s = 1; s < r; s++)
+    n[s - 1] = arguments[s];
   return typeof t == "function" ? t.apply(void 0, n) : t;
 }, Le = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
 }, Ur = [], Wr = function(t, r) {
-  var n = (r == null ? void 0 : r.document) || document, c = (r == null ? void 0 : r.trapStack) || Ur, l = jt({
+  var n = (r == null ? void 0 : r.document) || document, s = (r == null ? void 0 : r.trapStack) || Ur, l = Zt({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
@@ -723,20 +723,20 @@ var Kt = {
   }, S = function(d, u) {
     var f = typeof (u == null ? void 0 : u.composedPath) == "function" ? u.composedPath() : void 0;
     return o.containerGroups.findIndex(function(y) {
-      var h = y.container, $ = y.tabbableNodes;
-      return h.contains(d) || // fall back to explicit tabbable search which will take into consideration any
+      var b = y.container, $ = y.tabbableNodes;
+      return b.contains(d) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (f == null ? void 0 : f.includes(h)) || $.find(function(F) {
+      (f == null ? void 0 : f.includes(b)) || $.find(function(F) {
         return F === d;
       });
     });
   }, A = function(d) {
     var u = l[d];
     if (typeof u == "function") {
-      for (var f = arguments.length, y = new Array(f > 1 ? f - 1 : 0), h = 1; h < f; h++)
-        y[h - 1] = arguments[h];
+      for (var f = arguments.length, y = new Array(f > 1 ? f - 1 : 0), b = 1; b < f; b++)
+        y[b - 1] = arguments[b];
       u = u.apply(void 0, y);
     }
     if (u === !0 && (u = void 0), !u) {
@@ -764,7 +764,7 @@ var Kt = {
     return d;
   }, x = function() {
     if (o.containerGroups = o.containers.map(function(d) {
-      var u = Dr(d, l.tabbableOptions), f = Rr(d, l.tabbableOptions), y = u.length > 0 ? u[0] : void 0, h = u.length > 0 ? u[u.length - 1] : void 0, $ = f.find(function(g) {
+      var u = Dr(d, l.tabbableOptions), f = Rr(d, l.tabbableOptions), y = u.length > 0 ? u[0] : void 0, b = u.length > 0 ? u[u.length - 1] : void 0, $ = f.find(function(g) {
         return we(g);
       }), F = f.slice().reverse().find(function(g) {
         return we(g);
@@ -780,7 +780,7 @@ var Kt = {
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
         firstTabbableNode: y,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: h,
+        lastTabbableNode: b,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
         //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
         //  because that API doesn't work with Shadow DOM as well as it should (@see
@@ -800,11 +800,11 @@ var Kt = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(re) {
-          var le = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, L = u.indexOf(re);
-          return L < 0 ? le ? f.slice(f.indexOf(re) + 1).find(function(se) {
+        nextTabbableNode: function(ne) {
+          var le = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, L = u.indexOf(ne);
+          return L < 0 ? le ? f.slice(f.indexOf(ne) + 1).find(function(se) {
             return we(se);
-          }) : f.slice(0, f.indexOf(re)).reverse().find(function(se) {
+          }) : f.slice(0, f.indexOf(ne)).reverse().find(function(se) {
             return we(se);
           }) : u[L + (le ? 1 : -1)];
         }
@@ -817,38 +817,38 @@ var Kt = {
       return d.posTabIndexesFound;
     }) && o.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, P = function I(d) {
+  }, M = function I(d) {
     var u = d.activeElement;
     if (u)
       return u.shadowRoot && u.shadowRoot.activeElement !== null ? I(u.shadowRoot) : u;
   }, _ = function I(d) {
-    if (d !== !1 && d !== P(document)) {
+    if (d !== !1 && d !== M(document)) {
       if (!d || !d.focus) {
         I(N());
         return;
       }
       d.focus({
         preventScroll: !!l.preventScroll
-      }), o.mostRecentlyFocusedNode = d, Zr(d) && d.select();
+      }), o.mostRecentlyFocusedNode = d, jr(d) && d.select();
     }
-  }, Z = function(d) {
+  }, P = function(d) {
     var u = A("setReturnFocus", d);
     return u || (u === !1 ? !1 : d);
   }, G = function(d) {
-    var u = d.target, f = d.event, y = d.isBackward, h = y === void 0 ? !1 : y;
+    var u = d.target, f = d.event, y = d.isBackward, b = y === void 0 ? !1 : y;
     u = u || Le(f), x();
     var $ = null;
     if (o.tabbableGroups.length > 0) {
       var F = S(u, f), D = F >= 0 ? o.containerGroups[F] : void 0;
       if (F < 0)
-        h ? $ = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : $ = o.tabbableGroups[0].firstTabbableNode;
-      else if (h) {
+        b ? $ = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : $ = o.tabbableGroups[0].firstTabbableNode;
+      else if (b) {
         var g = Ut(o.tabbableGroups, function(Te) {
           var Se = Te.firstTabbableNode;
           return u === Se;
         });
         if (g < 0 && (D.container === u || st(u, l.tabbableOptions) && !we(u, l.tabbableOptions) && !D.nextTabbableNode(u, !1)) && (g = F), g >= 0) {
-          var re = g === 0 ? o.tabbableGroups.length - 1 : g - 1, le = o.tabbableGroups[re];
+          var ne = g === 0 ? o.tabbableGroups.length - 1 : g - 1, le = o.tabbableGroups[ne];
           $ = ve(u) >= 0 ? le.lastTabbableNode : le.lastDomTabbableNode;
         } else
           Ee(f) || ($ = D.nextTabbableNode(u, !1));
@@ -883,13 +883,13 @@ var Kt = {
       }
       $e(l.allowOutsideClick, d) || d.preventDefault();
     }
-  }, ae = function(d) {
+  }, te = function(d) {
     var u = Le(d), f = S(u, d) >= 0;
     if (f || u instanceof Document)
       f && (o.mostRecentlyFocusedNode = u);
     else {
       d.stopImmediatePropagation();
-      var y, h = !0;
+      var y, b = !0;
       if (o.mostRecentlyFocusedNode)
         if (ve(o.mostRecentlyFocusedNode) > 0) {
           var $ = S(o.mostRecentlyFocusedNode), F = o.containerGroups[$].tabbableNodes;
@@ -897,17 +897,17 @@ var Kt = {
             var D = F.findIndex(function(g) {
               return g === o.mostRecentlyFocusedNode;
             });
-            D >= 0 && (l.isKeyForward(o.recentNavEvent) ? D + 1 < F.length && (y = F[D + 1], h = !1) : D - 1 >= 0 && (y = F[D - 1], h = !1));
+            D >= 0 && (l.isKeyForward(o.recentNavEvent) ? D + 1 < F.length && (y = F[D + 1], b = !1) : D - 1 >= 0 && (y = F[D - 1], b = !1));
           }
         } else
           o.containerGroups.some(function(g) {
-            return g.tabbableNodes.some(function(re) {
-              return ve(re) > 0;
+            return g.tabbableNodes.some(function(ne) {
+              return ve(ne) > 0;
             });
-          }) || (h = !1);
+          }) || (b = !1);
       else
-        h = !1;
-      h && (y = G({
+        b = !1;
+      b && (y = G({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
@@ -923,40 +923,40 @@ var Kt = {
       isBackward: u
     });
     f && (Ee(d) && d.preventDefault(), _(f));
-  }, J = function(d) {
-    if (jr(d) && $e(l.escapeDeactivates, d) !== !1) {
+  }, Y = function(d) {
+    if (Zr(d) && $e(l.escapeDeactivates, d) !== !1) {
       d.preventDefault(), v.deactivate();
       return;
     }
     (l.isKeyForward(d) || l.isKeyBackward(d)) && oe(d, l.isKeyBackward(d));
-  }, Q = function(d) {
+  }, J = function(d) {
     var u = Le(d);
     S(u, d) >= 0 || $e(l.clickOutsideDeactivates, d) || $e(l.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
   }, K = function() {
     if (o.active)
-      return Kt.activateTrap(c, v), o.delayInitialFocusTimer = l.delayInitialFocus ? Ht(function() {
+      return Kt.activateTrap(s, v), o.delayInitialFocusTimer = l.delayInitialFocus ? Ht(function() {
         _(N());
-      }) : _(N()), n.addEventListener("focusin", ae, !0), n.addEventListener("mousedown", B, {
+      }) : _(N()), n.addEventListener("focusin", te, !0), n.addEventListener("mousedown", B, {
         capture: !0,
         passive: !1
       }), n.addEventListener("touchstart", B, {
         capture: !0,
         passive: !1
-      }), n.addEventListener("click", Q, {
+      }), n.addEventListener("click", J, {
         capture: !0,
         passive: !1
-      }), n.addEventListener("keydown", J, {
+      }), n.addEventListener("keydown", Y, {
         capture: !0,
         passive: !1
       }), v;
-  }, z = function() {
+  }, V = function() {
     if (o.active)
-      return n.removeEventListener("focusin", ae, !0), n.removeEventListener("mousedown", B, !0), n.removeEventListener("touchstart", B, !0), n.removeEventListener("click", Q, !0), n.removeEventListener("keydown", J, !0), v;
+      return n.removeEventListener("focusin", te, !0), n.removeEventListener("mousedown", B, !0), n.removeEventListener("touchstart", B, !0), n.removeEventListener("click", J, !0), n.removeEventListener("keydown", Y, !0), v;
   }, E = function(d) {
     var u = d.some(function(f) {
       var y = Array.from(f.removedNodes);
-      return y.some(function(h) {
-        return h === o.mostRecentlyFocusedNode;
+      return y.some(function(b) {
+        return b === o.mostRecentlyFocusedNode;
       });
     });
     u && _(N());
@@ -980,34 +980,34 @@ var Kt = {
         return this;
       var u = m(d, "onActivate"), f = m(d, "onPostActivate"), y = m(d, "checkCanFocusTrap");
       y || x(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = n.activeElement, u == null || u();
-      var h = function() {
+      var b = function() {
         y && x(), K(), H(), f == null || f();
       };
-      return y ? (y(o.containers.concat()).then(h, h), this) : (h(), this);
+      return y ? (y(o.containers.concat()).then(b, b), this) : (b(), this);
     },
     deactivate: function(d) {
       if (!o.active)
         return this;
-      var u = jt({
+      var u = Zt({
         onDeactivate: l.onDeactivate,
         onPostDeactivate: l.onPostDeactivate,
         checkCanReturnFocus: l.checkCanReturnFocus
       }, d);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, z(), o.active = !1, o.paused = !1, H(), Kt.deactivateTrap(c, v);
-      var f = m(u, "onDeactivate"), y = m(u, "onPostDeactivate"), h = m(u, "checkCanReturnFocus"), $ = m(u, "returnFocus", "returnFocusOnDeactivate");
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, V(), o.active = !1, o.paused = !1, H(), Kt.deactivateTrap(s, v);
+      var f = m(u, "onDeactivate"), y = m(u, "onPostDeactivate"), b = m(u, "checkCanReturnFocus"), $ = m(u, "returnFocus", "returnFocusOnDeactivate");
       f == null || f();
       var F = function() {
         Ht(function() {
-          $ && _(Z(o.nodeFocusedBeforeActivation)), y == null || y();
+          $ && _(P(o.nodeFocusedBeforeActivation)), y == null || y();
         });
       };
-      return $ && h ? (h(Z(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
+      return $ && b ? (b(P(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
     },
     pause: function(d) {
       if (o.paused || !o.active)
         return this;
       var u = m(d, "onPause"), f = m(d, "onPostPause");
-      return o.paused = !0, u == null || u(), z(), H(), f == null || f(), this;
+      return o.paused = !0, u == null || u(), V(), H(), f == null || f(), this;
     },
     unpause: function(d) {
       if (!o.paused || !o.active)
@@ -1028,7 +1028,7 @@ var Kt = {
   * (c) 2023 Eduardo San Martin Morote
   * @license MIT
   */
-const Vr = {
+const zr = {
   escapeDeactivates: {
     type: Boolean,
     default: !0
@@ -1054,14 +1054,14 @@ const Vr = {
   preventScroll: Boolean,
   setReturnFocus: [Object, String, Boolean, Function],
   tabbableOptions: Object
-}, zr = ee({
+}, Vr = Q({
   props: Object.assign({
     active: {
       // TODO: could be options for activate but what about the options for deactivating?
       type: Boolean,
       default: !0
     }
-  }, Vr),
+  }, zr),
   emits: [
     "update:active",
     "activate",
@@ -1074,8 +1074,8 @@ const Vr = {
   },
   setup(a, { slots: t, emit: r }) {
     let n;
-    const c = V(null), l = k(() => {
-      const v = c.value;
+    const s = z(null), l = k(() => {
+      const v = s.value;
       return v && (v instanceof HTMLElement ? v : v.$el);
     });
     function o() {
@@ -1100,7 +1100,7 @@ const Vr = {
       }));
     }
     return Ge(() => {
-      je(() => a.active, (v) => {
+      Ze(() => a.active, (v) => {
         v && l.value ? o().activate() : n && (n.deactivate(), (!l.value || l.value.nodeType === Node.COMMENT_NODE) && (n = null));
       }, { immediate: !0, flush: "post" });
     }), wn(() => {
@@ -1116,7 +1116,7 @@ const Vr = {
         if (!t.default)
           return null;
         const v = t.default().filter((S) => S.type !== _n);
-        return !v || !v.length || v.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), v) : kn(v[0], { ref: c });
+        return !v || !v.length || v.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), v) : kn(v[0], { ref: s });
       }
     };
   }
@@ -1125,9 +1125,9 @@ function Qt() {
   return {
     debounce: (t, r) => {
       let n;
-      return (...c) => {
+      return (...s) => {
         clearTimeout(n), n = window == null ? void 0 : window.setTimeout(() => {
-          t(...c);
+          t(...s);
         }, r);
       };
     }
@@ -1137,12 +1137,12 @@ var Me = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function Gr(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var Ve = { exports: {} };
-Ve.exports;
+var ze = { exports: {} };
+ze.exports;
 (function(a, t) {
-  var r = 200, n = "__lodash_hash_undefined__", c = 9007199254740991, l = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", S = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", P = "[object Number]", _ = "[object Object]", Z = "[object Promise]", G = "[object RegExp]", B = "[object Set]", ae = "[object String]", oe = "[object Symbol]", J = "[object WeakMap]", Q = "[object ArrayBuffer]", K = "[object DataView]", z = "[object Float32Array]", E = "[object Float64Array]", j = "[object Int8Array]", H = "[object Int16Array]", I = "[object Int32Array]", d = "[object Uint8Array]", u = "[object Uint8ClampedArray]", f = "[object Uint16Array]", y = "[object Uint32Array]", h = /[\\^$.*+?()[\]{}|]/g, $ = /\w*$/, F = /^\[object .+?Constructor\]$/, D = /^(?:0|[1-9]\d*)$/, g = {};
-  g[l] = g[o] = g[Q] = g[K] = g[v] = g[m] = g[z] = g[E] = g[j] = g[H] = g[I] = g[x] = g[P] = g[_] = g[G] = g[B] = g[ae] = g[oe] = g[d] = g[u] = g[f] = g[y] = !0, g[S] = g[A] = g[J] = !1;
-  var re = typeof Me == "object" && Me && Me.Object === Object && Me, le = typeof self == "object" && self && self.Object === Object && self, L = re || le || Function("return this")(), se = t && !t.nodeType && t, ke = se && !0 && a && !a.nodeType && a, Te = ke && ke.exports === se;
+  var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, l = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", S = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", M = "[object Number]", _ = "[object Object]", P = "[object Promise]", G = "[object RegExp]", B = "[object Set]", te = "[object String]", oe = "[object Symbol]", Y = "[object WeakMap]", J = "[object ArrayBuffer]", K = "[object DataView]", V = "[object Float32Array]", E = "[object Float64Array]", j = "[object Int8Array]", H = "[object Int16Array]", I = "[object Int32Array]", d = "[object Uint8Array]", u = "[object Uint8ClampedArray]", f = "[object Uint16Array]", y = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, $ = /\w*$/, F = /^\[object .+?Constructor\]$/, D = /^(?:0|[1-9]\d*)$/, g = {};
+  g[l] = g[o] = g[J] = g[K] = g[v] = g[m] = g[V] = g[E] = g[j] = g[H] = g[I] = g[x] = g[M] = g[_] = g[G] = g[B] = g[te] = g[oe] = g[d] = g[u] = g[f] = g[y] = !0, g[S] = g[A] = g[Y] = !1;
+  var ne = typeof Me == "object" && Me && Me.Object === Object && Me, le = typeof self == "object" && self && self.Object === Object && self, L = ne || le || Function("return this")(), se = t && !t.nodeType && t, ke = se && !0 && a && !a.nodeType && a, Te = ke && ke.exports === se;
   function Se(e, i) {
     return e.set(i[0], i[1]), e;
   }
@@ -1150,25 +1150,24 @@ Ve.exports;
     return e.add(i), e;
   }
   function ta(e, i) {
-    for (var s = -1, b = e ? e.length : 0; ++s < b && i(e[s], s, e) !== !1; )
+    for (var c = -1, h = e ? e.length : 0; ++c < h && i(e[c], c, e) !== !1; )
       ;
     return e;
   }
   function aa(e, i) {
-    for (var s = -1, b = i.length, M = e.length; ++s < b; )
-      e[M + s] = i[s];
+    for (var c = -1, h = i.length, Z = e.length; ++c < h; )
+      e[Z + c] = i[c];
     return e;
   }
-  function bt(e, i, s, b) {
-    var M = -1, U = e ? e.length : 0;
-    for (b && U && (s = e[++M]); ++M < U; )
-      s = i(s, e[M], M, e);
-    return s;
+  function bt(e, i, c, h) {
+    for (var Z = -1, U = e ? e.length : 0; ++Z < U; )
+      c = i(c, e[Z], Z, e);
+    return c;
   }
   function na(e, i) {
-    for (var s = -1, b = Array(e); ++s < e; )
-      b[s] = i(s);
-    return b;
+    for (var c = -1, h = Array(e); ++c < e; )
+      h[c] = i(c);
+    return h;
   }
   function ra(e, i) {
     return e == null ? void 0 : e[i];
@@ -1183,33 +1182,33 @@ Ve.exports;
     return i;
   }
   function pt(e) {
-    var i = -1, s = Array(e.size);
-    return e.forEach(function(b, M) {
-      s[++i] = [M, b];
-    }), s;
+    var i = -1, c = Array(e.size);
+    return e.forEach(function(h, Z) {
+      c[++i] = [Z, h];
+    }), c;
   }
   function qe(e, i) {
-    return function(s) {
-      return e(i(s));
+    return function(c) {
+      return e(i(c));
     };
   }
   function mt(e) {
-    var i = -1, s = Array(e.size);
-    return e.forEach(function(b) {
-      s[++i] = b;
-    }), s;
+    var i = -1, c = Array(e.size);
+    return e.forEach(function(h) {
+      c[++i] = h;
+    }), c;
   }
   var ia = Array.prototype, oa = Function.prototype, Ae = Object.prototype, Xe = L["__core-js_shared__"], gt = function() {
     var e = /[^.]+$/.exec(Xe && Xe.keys && Xe.keys.IE_PROTO || "");
     return e ? "Symbol(src)_1." + e : "";
   }(), yt = oa.toString, ce = Ae.hasOwnProperty, Fe = Ae.toString, sa = RegExp(
-    "^" + yt.call(ce).replace(h, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    "^" + yt.call(ce).replace(b, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   ), wt = Te ? L.Buffer : void 0, _t = L.Symbol, kt = L.Uint8Array, ca = qe(Object.getPrototypeOf, Object), la = Object.create, ua = Ae.propertyIsEnumerable, da = ia.splice, Tt = Object.getOwnPropertySymbols, fa = wt ? wt.isBuffer : void 0, va = qe(Object.keys, Object), Ye = ge(L, "DataView"), Ie = ge(L, "Map"), Je = ge(L, "Promise"), Qe = ge(L, "Set"), et = ge(L, "WeakMap"), Oe = ge(Object, "create"), ba = fe(Ye), ha = fe(Ie), pa = fe(Je), ma = fe(Qe), ga = fe(et), St = _t ? _t.prototype : void 0, It = St ? St.valueOf : void 0;
   function ue(e) {
-    var i = -1, s = e ? e.length : 0;
-    for (this.clear(); ++i < s; ) {
-      var b = e[i];
-      this.set(b[0], b[1]);
+    var i = -1, c = e ? e.length : 0;
+    for (this.clear(); ++i < c; ) {
+      var h = e[i];
+      this.set(h[0], h[1]);
     }
   }
   function ya() {
@@ -1221,8 +1220,8 @@ Ve.exports;
   function _a(e) {
     var i = this.__data__;
     if (Oe) {
-      var s = i[e];
-      return s === n ? void 0 : s;
+      var c = i[e];
+      return c === n ? void 0 : c;
     }
     return ce.call(i, e) ? i[e] : void 0;
   }
@@ -1231,50 +1230,50 @@ Ve.exports;
     return Oe ? i[e] !== void 0 : ce.call(i, e);
   }
   function Ta(e, i) {
-    var s = this.__data__;
-    return s[e] = Oe && i === void 0 ? n : i, this;
+    var c = this.__data__;
+    return c[e] = Oe && i === void 0 ? n : i, this;
   }
   ue.prototype.clear = ya, ue.prototype.delete = wa, ue.prototype.get = _a, ue.prototype.has = ka, ue.prototype.set = Ta;
-  function ie(e) {
-    var i = -1, s = e ? e.length : 0;
-    for (this.clear(); ++i < s; ) {
-      var b = e[i];
-      this.set(b[0], b[1]);
+  function re(e) {
+    var i = -1, c = e ? e.length : 0;
+    for (this.clear(); ++i < c; ) {
+      var h = e[i];
+      this.set(h[0], h[1]);
     }
   }
   function Sa() {
     this.__data__ = [];
   }
   function Ia(e) {
-    var i = this.__data__, s = xe(i, e);
-    if (s < 0)
+    var i = this.__data__, c = xe(i, e);
+    if (c < 0)
       return !1;
-    var b = i.length - 1;
-    return s == b ? i.pop() : da.call(i, s, 1), !0;
+    var h = i.length - 1;
+    return c == h ? i.pop() : da.call(i, c, 1), !0;
   }
   function Oa(e) {
-    var i = this.__data__, s = xe(i, e);
-    return s < 0 ? void 0 : i[s][1];
+    var i = this.__data__, c = xe(i, e);
+    return c < 0 ? void 0 : i[c][1];
   }
   function $a(e) {
     return xe(this.__data__, e) > -1;
   }
   function Ca(e, i) {
-    var s = this.__data__, b = xe(s, e);
-    return b < 0 ? s.push([e, i]) : s[b][1] = i, this;
+    var c = this.__data__, h = xe(c, e);
+    return h < 0 ? c.push([e, i]) : c[h][1] = i, this;
   }
-  ie.prototype.clear = Sa, ie.prototype.delete = Ia, ie.prototype.get = Oa, ie.prototype.has = $a, ie.prototype.set = Ca;
+  re.prototype.clear = Sa, re.prototype.delete = Ia, re.prototype.get = Oa, re.prototype.has = $a, re.prototype.set = Ca;
   function pe(e) {
-    var i = -1, s = e ? e.length : 0;
-    for (this.clear(); ++i < s; ) {
-      var b = e[i];
-      this.set(b[0], b[1]);
+    var i = -1, c = e ? e.length : 0;
+    for (this.clear(); ++i < c; ) {
+      var h = e[i];
+      this.set(h[0], h[1]);
     }
   }
   function Ea() {
     this.__data__ = {
       hash: new ue(),
-      map: new (Ie || ie)(),
+      map: new (Ie || re)(),
       string: new ue()
     };
   }
@@ -1292,10 +1291,10 @@ Ve.exports;
   }
   pe.prototype.clear = Ea, pe.prototype.delete = Na, pe.prototype.get = Aa, pe.prototype.has = Fa, pe.prototype.set = xa;
   function me(e) {
-    this.__data__ = new ie(e);
+    this.__data__ = new re(e);
   }
   function Da() {
-    this.__data__ = new ie();
+    this.__data__ = new re();
   }
   function Ra(e) {
     return this.__data__.delete(e);
@@ -1307,38 +1306,38 @@ Ve.exports;
     return this.__data__.has(e);
   }
   function Ma(e, i) {
-    var s = this.__data__;
-    if (s instanceof ie) {
-      var b = s.__data__;
-      if (!Ie || b.length < r - 1)
-        return b.push([e, i]), this;
-      s = this.__data__ = new pe(b);
+    var c = this.__data__;
+    if (c instanceof re) {
+      var h = c.__data__;
+      if (!Ie || h.length < r - 1)
+        return h.push([e, i]), this;
+      c = this.__data__ = new pe(h);
     }
-    return s.set(e, i), this;
+    return c.set(e, i), this;
   }
   me.prototype.clear = Da, me.prototype.delete = Ra, me.prototype.get = Ba, me.prototype.has = La, me.prototype.set = Ma;
   function Pa(e, i) {
-    var s = nt(e) || un(e) ? na(e.length, String) : [], b = s.length, M = !!b;
+    var c = nt(e) || un(e) ? na(e.length, String) : [], h = c.length, Z = !!h;
     for (var U in e)
-      (i || ce.call(e, U)) && !(M && (U == "length" || on(U, b))) && s.push(U);
-    return s;
+      ce.call(e, U) && !(Z && (U == "length" || on(U, h))) && c.push(U);
+    return c;
   }
-  function Ot(e, i, s) {
-    var b = e[i];
-    (!(ce.call(e, i) && Nt(b, s)) || s === void 0 && !(i in e)) && (e[i] = s);
+  function Ot(e, i, c) {
+    var h = e[i];
+    (!(ce.call(e, i) && Nt(h, c)) || c === void 0 && !(i in e)) && (e[i] = c);
   }
   function xe(e, i) {
-    for (var s = e.length; s--; )
-      if (Nt(e[s][0], i))
-        return s;
+    for (var c = e.length; c--; )
+      if (Nt(e[c][0], i))
+        return c;
     return -1;
   }
-  function Za(e, i) {
+  function ja(e, i) {
     return e && $t(i, rt(i), e);
   }
-  function tt(e, i, s, b, M, U, q) {
+  function tt(e, i, c, h, Z, U, ie) {
     var W;
-    if (b && (W = U ? b(e, M, U, q) : b(e)), W !== void 0)
+    if (h && (W = U ? h(e, Z, U, ie) : h(e)), W !== void 0)
       return W;
     if (!Re(e))
       return e;
@@ -1349,34 +1348,34 @@ Ve.exports;
     } else {
       var ye = de(e), Dt = ye == A || ye == N;
       if (fn(e))
-        return Va(e, i);
+        return za(e, i);
       if (ye == _ || ye == l || Dt && !U) {
         if (ht(e))
           return U ? e : {};
         if (W = nn(Dt ? {} : e), !i)
-          return en(e, Za(W, e));
+          return en(e, ja(W, e));
       } else {
         if (!g[ye])
           return U ? e : {};
         W = rn(e, ye, tt, i);
       }
     }
-    q || (q = new me());
-    var Rt = q.get(e);
+    ie || (ie = new me());
+    var Rt = ie.get(e);
     if (Rt)
       return Rt;
-    if (q.set(e, W), !xt)
-      var Bt = s ? tn(e) : rt(e);
+    if (ie.set(e, W), !xt)
+      var Bt = c ? tn(e) : rt(e);
     return ta(Bt || e, function(it, Be) {
-      Bt && (Be = it, it = e[Be]), Ot(W, Be, tt(it, i, s, b, Be, e, q));
+      Bt && (Be = it, it = e[Be]), Ot(W, Be, tt(it, i, c, h, Be, e, ie));
     }), W;
   }
-  function ja(e) {
+  function Za(e) {
     return Re(e) ? la(e) : {};
   }
-  function Ka(e, i, s) {
-    var b = i(e);
-    return nt(e) ? b : aa(b, s(e));
+  function Ka(e, i, c) {
+    var h = i(e);
+    return nt(e) ? h : aa(h, c(e));
   }
   function Ha(e) {
     return Fe.call(e);
@@ -1391,56 +1390,56 @@ Ve.exports;
     if (!Et(e))
       return va(e);
     var i = [];
-    for (var s in Object(e))
-      ce.call(e, s) && s != "constructor" && i.push(s);
+    for (var c in Object(e))
+      ce.call(e, c) && c != "constructor" && i.push(c);
     return i;
   }
-  function Va(e, i) {
+  function za(e, i) {
     if (i)
       return e.slice();
-    var s = new e.constructor(e.length);
-    return e.copy(s), s;
+    var c = new e.constructor(e.length);
+    return e.copy(c), c;
   }
   function at(e) {
     var i = new e.constructor(e.byteLength);
     return new kt(i).set(new kt(e)), i;
   }
-  function za(e, i) {
-    var s = i ? at(e.buffer) : e.buffer;
-    return new e.constructor(s, e.byteOffset, e.byteLength);
+  function Va(e, i) {
+    var c = i ? at(e.buffer) : e.buffer;
+    return new e.constructor(c, e.byteOffset, e.byteLength);
   }
-  function Ga(e, i, s) {
-    var b = i ? s(pt(e), !0) : pt(e);
-    return bt(b, Se, new e.constructor());
+  function Ga(e, i, c) {
+    var h = i ? c(pt(e), !0) : pt(e);
+    return bt(h, Se, new e.constructor());
   }
   function qa(e) {
     var i = new e.constructor(e.source, $.exec(e));
     return i.lastIndex = e.lastIndex, i;
   }
-  function Xa(e, i, s) {
-    var b = i ? s(mt(e), !0) : mt(e);
-    return bt(b, ea, new e.constructor());
+  function Xa(e, i, c) {
+    var h = i ? c(mt(e), !0) : mt(e);
+    return bt(h, ea, new e.constructor());
   }
   function Ya(e) {
     return It ? Object(It.call(e)) : {};
   }
   function Ja(e, i) {
-    var s = i ? at(e.buffer) : e.buffer;
-    return new e.constructor(s, e.byteOffset, e.length);
+    var c = i ? at(e.buffer) : e.buffer;
+    return new e.constructor(c, e.byteOffset, e.length);
   }
   function Qa(e, i) {
-    var s = -1, b = e.length;
-    for (i || (i = Array(b)); ++s < b; )
-      i[s] = e[s];
+    var c = -1, h = e.length;
+    for (i || (i = Array(h)); ++c < h; )
+      i[c] = e[c];
     return i;
   }
-  function $t(e, i, s, b) {
-    s || (s = {});
-    for (var M = -1, U = i.length; ++M < U; ) {
-      var q = i[M], W = b ? b(s[q], e[q], q, s, e) : void 0;
-      Ot(s, q, W === void 0 ? e[q] : W);
+  function $t(e, i, c, h) {
+    c || (c = {});
+    for (var Z = -1, U = i.length; ++Z < U; ) {
+      var ie = i[Z], W = void 0;
+      Ot(c, ie, W === void 0 ? e[ie] : W);
     }
-    return s;
+    return c;
   }
   function en(e, i) {
     return $t(e, Ct(e), i);
@@ -1449,49 +1448,49 @@ Ve.exports;
     return Ka(e, rt, Ct);
   }
   function De(e, i) {
-    var s = e.__data__;
-    return sn(i) ? s[typeof i == "string" ? "string" : "hash"] : s.map;
+    var c = e.__data__;
+    return sn(i) ? c[typeof i == "string" ? "string" : "hash"] : c.map;
   }
   function ge(e, i) {
-    var s = ra(e, i);
-    return Ua(s) ? s : void 0;
+    var c = ra(e, i);
+    return Ua(c) ? c : void 0;
   }
   var Ct = Tt ? qe(Tt, Object) : hn, de = Ha;
-  (Ye && de(new Ye(new ArrayBuffer(1))) != K || Ie && de(new Ie()) != x || Je && de(Je.resolve()) != Z || Qe && de(new Qe()) != B || et && de(new et()) != J) && (de = function(e) {
-    var i = Fe.call(e), s = i == _ ? e.constructor : void 0, b = s ? fe(s) : void 0;
-    if (b)
-      switch (b) {
+  (Ye && de(new Ye(new ArrayBuffer(1))) != K || Ie && de(new Ie()) != x || Je && de(Je.resolve()) != P || Qe && de(new Qe()) != B || et && de(new et()) != Y) && (de = function(e) {
+    var i = Fe.call(e), c = i == _ ? e.constructor : void 0, h = c ? fe(c) : void 0;
+    if (h)
+      switch (h) {
         case ba:
           return K;
         case ha:
           return x;
         case pa:
-          return Z;
+          return P;
         case ma:
           return B;
         case ga:
-          return J;
+          return Y;
       }
     return i;
   });
   function an(e) {
-    var i = e.length, s = e.constructor(i);
-    return i && typeof e[0] == "string" && ce.call(e, "index") && (s.index = e.index, s.input = e.input), s;
+    var i = e.length, c = e.constructor(i);
+    return i && typeof e[0] == "string" && ce.call(e, "index") && (c.index = e.index, c.input = e.input), c;
   }
   function nn(e) {
-    return typeof e.constructor == "function" && !Et(e) ? ja(ca(e)) : {};
+    return typeof e.constructor == "function" && !Et(e) ? Za(ca(e)) : {};
   }
-  function rn(e, i, s, b) {
-    var M = e.constructor;
+  function rn(e, i, c, h) {
+    var Z = e.constructor;
     switch (i) {
-      case Q:
+      case J:
         return at(e);
       case v:
       case m:
-        return new M(+e);
+        return new Z(+e);
       case K:
-        return za(e, b);
-      case z:
+        return Va(e, h);
+      case V:
       case E:
       case j:
       case H:
@@ -1500,22 +1499,22 @@ Ve.exports;
       case u:
       case f:
       case y:
-        return Ja(e, b);
+        return Ja(e, h);
       case x:
-        return Ga(e, b, s);
-      case P:
-      case ae:
-        return new M(e);
+        return Ga(e, h, c);
+      case M:
+      case te:
+        return new Z(e);
       case G:
         return qa(e);
       case B:
-        return Xa(e, b, s);
+        return Xa(e, h, c);
       case oe:
         return Ya(e);
     }
   }
   function on(e, i) {
-    return i = i ?? c, !!i && (typeof e == "number" || D.test(e)) && e > -1 && e % 1 == 0 && e < i;
+    return i = i ?? s, !!i && (typeof e == "number" || D.test(e)) && e > -1 && e % 1 == 0 && e < i;
   }
   function sn(e) {
     var i = typeof e;
@@ -1525,8 +1524,8 @@ Ve.exports;
     return !!gt && gt in e;
   }
   function Et(e) {
-    var i = e && e.constructor, s = typeof i == "function" && i.prototype || Ae;
-    return e === s;
+    var i = e && e.constructor, c = typeof i == "function" && i.prototype || Ae;
+    return e === c;
   }
   function fe(e) {
     if (e != null) {
@@ -1563,7 +1562,7 @@ Ve.exports;
     return i == A || i == N;
   }
   function vn(e) {
-    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= c;
+    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= s;
   }
   function Re(e) {
     var i = typeof e;
@@ -1582,8 +1581,8 @@ Ve.exports;
     return !1;
   }
   a.exports = ln;
-})(Ve, Ve.exports);
-var qr = Ve.exports;
+})(ze, ze.exports);
+var qr = ze.exports;
 const Xr = /* @__PURE__ */ Gr(qr), Yr = {
   key: 0,
   class: "sidebar-header"
@@ -1600,7 +1599,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
 }, ni = {
   key: 2,
   class: "level-primary bottom-items"
-}, ri = { class: "sidebar-footer" }, ii = /* @__PURE__ */ ee({
+}, ri = { class: "sidebar-footer" }, ii = /* @__PURE__ */ Q({
   __name: "AppSidebar",
   props: {
     topItems: {
@@ -1672,7 +1671,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       "98cd1a16": A.value.top,
       "362eded8": A.value.zIndex
     }));
-    const r = t, n = a, c = ze(), l = k(() => !!c.header), o = k(() => !!c.top), v = k(() => ({
+    const r = t, n = a, s = Ve(), l = k(() => !!s.header), o = k(() => !!s.top), v = k(() => ({
       mobileTop: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : n.topOffset ? `${n.topOffset}px` : "0",
       top: n.topOffset ? `${n.topOffset}px` : "0",
       mobileHeight: n.mobileTopOffset && n.mobileEnabled ? `calc(100% - ${n.mobileTopOffset}px)` : "100%",
@@ -1685,62 +1684,62 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
     })), A = k(() => ({
       top: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : "0",
       zIndex: n.mobileOverlayZIndex !== null ? n.mobileOverlayZIndex : n.zIndex > 1 ? n.zIndex - 1 : 1
-    })), N = (f) => Xr(f).map((h) => {
+    })), N = (f) => Xr(f).map((b) => {
       var $, F, D;
-      if (h) {
-        (!h.key || !(($ = h.key) != null && $.trim())) && (h.key = String(h.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!h.testId || !((F = h.testId) != null && F.trim())) && (h.testId = String(h.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
-        for (const g of h.items || [])
-          g.parentKey = h.key, (!g.testId || !((D = g.testId) != null && D.trim())) && (g.testId = String(g.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+      if (b) {
+        (!b.key || !(($ = b.key) != null && $.trim())) && (b.key = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!b.testId || !((F = b.testId) != null && F.trim())) && (b.testId = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+        for (const g of b.items || [])
+          g.parentKey = b.key, (!g.testId || !((D = g.testId) != null && D.trim())) && (g.testId = String(g.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
-      return h;
-    }), x = k(() => n.topItems.length ? N(n.topItems) : []), P = k(() => n.bottomItems.length ? N(n.bottomItems) : []), _ = V(n.open), Z = (f) => {
-      var y, h;
-      _.value !== f && (_.value = f, r("toggle", f)), f ? (y = document == null ? void 0 : document.body) == null || y.classList.add("kong-ui-app-sidebar-open") : (h = document == null ? void 0 : document.body) == null || h.classList.remove("kong-ui-app-sidebar-open"), B.value = !1;
+      return b;
+    }), x = k(() => n.topItems.length ? N(n.topItems) : []), M = k(() => n.bottomItems.length ? N(n.bottomItems) : []), _ = z(n.open), P = (f) => {
+      var y, b;
+      _.value !== f && (_.value = f, r("toggle", f)), f ? (y = document == null ? void 0 : document.body) == null || y.classList.add("kong-ui-app-sidebar-open") : (b = document == null ? void 0 : document.body) == null || b.classList.remove("kong-ui-app-sidebar-open"), B.value = !1;
     }, G = () => {
-      n.mobileOverlayCloseOnClick && Z(!1);
-    }, B = V(!1), ae = (f) => {
+      n.mobileOverlayCloseOnClick && P(!1);
+    }, B = z(!1), te = (f) => {
       B.value = !0, r("click", f), setTimeout(() => {
-        Z(!1);
+        P(!1);
       }, n.mobileCloseDelay);
     };
-    je(() => n.open, (f) => {
-      Z(f);
+    Ze(() => n.open, (f) => {
+      P(f);
     });
-    const { debounce: oe } = Qt(), J = oe(() => {
-      _.value && Q.value !== (window == null ? void 0 : window.innerWidth) && (Q.value = window == null ? void 0 : window.innerWidth, Z(!1));
-    }, 200), Q = V(), K = V(!1), z = V(), E = () => {
-      K.value || (K.value = !0, clearTimeout(z.value), z.value = setTimeout(() => K.value = !1, 1300));
-    }, j = V(null), H = k(() => _.value && n.mobileEnabled), I = async (f) => {
-      var y, h;
-      f ? (await Lt(), await new Promise(($) => setTimeout($, 300)), (y = j.value) == null || y.activate()) : (h = j.value) == null || h.deactivate();
+    const { debounce: oe } = Qt(), Y = oe(() => {
+      _.value && J.value !== (window == null ? void 0 : window.innerWidth) && (J.value = window == null ? void 0 : window.innerWidth, P(!1));
+    }, 200), J = z(), K = z(!1), V = z(), E = () => {
+      K.value || (K.value = !0, clearTimeout(V.value), V.value = setTimeout(() => K.value = !1, 1300));
+    }, j = z(null), H = k(() => _.value && n.mobileEnabled), I = async (f) => {
+      var y, b;
+      f ? (await Lt(), await new Promise(($) => setTimeout($, 300)), (y = j.value) == null || y.activate()) : (b = j.value) == null || b.deactivate();
     };
-    je(H, async (f) => {
+    Ze(H, async (f) => {
       f ? await I(!0) : await I(!1);
     }, { immediate: !0 });
-    const d = V("0px"), u = () => {
+    const d = z("0px"), u = () => {
       var g;
       if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((g = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : g.platform)))
         return;
       const y = document.createElement("div");
       y.style.visibility = "hidden", y.style.width = "100px", document.body.appendChild(y);
-      const h = y.offsetWidth;
+      const b = y.offsetWidth;
       y.style.overflow = "scroll";
       const $ = document.createElement("div");
       $.style.width = "100%", y.appendChild($);
       const F = $.offsetWidth;
-      y.parentNode && y.parentNode.removeChild(y), h - F === 0 && (d.value = "8px");
+      y.parentNode && y.parentNode.removeChild(y), b - F === 0 && (d.value = "8px");
     };
     return Ge(async () => {
-      Q.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", J), window.addEventListener("resize", E), await Lt(), u();
+      J.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", Y), window.addEventListener("resize", E), await Lt(), u();
     }), Wt(() => {
-      window.removeEventListener("resize", J), window.removeEventListener("resize", E);
+      window.removeEventListener("resize", Y), window.removeEventListener("resize", E);
     }), (f, y) => (p(), w(Ce, null, [
       _.value && a.mobileOverlay && a.mobileEnabled ? (p(), w("div", {
         key: 0,
         class: "kong-ui-app-sidebar-overlay",
         onClick: G
       })) : C("", !0),
-      Ne(Tn(zr), {
+      Ne(Tn(Vr), {
         ref_key: "focusTrap",
         ref: j,
         active: !1,
@@ -1749,7 +1748,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       }, {
         default: R(() => [
           O("aside", {
-            class: ne(["kong-ui-app-sidebar", {
+            class: ae(["kong-ui-app-sidebar", {
               "sidebar-open": _.value,
               "no-sidebar-header": !l.value,
               "mobile-header-hidden": a.mobileEnabled && (!l.value || !a.mobileHeaderVisible),
@@ -1767,26 +1766,26 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
               ])) : C("", !0),
               O("nav", ei, [
                 x.value.length ? (p(), w("ul", ti, [
-                  (p(!0), w(Ce, null, _e(x.value, (h) => (p(), Y(Mt, {
-                    key: h.name,
-                    item: h,
-                    onClick: ae
+                  (p(!0), w(Ce, null, _e(x.value, (b) => (p(), X(Mt, {
+                    key: b.name,
+                    item: b,
+                    onClick: te
                   }, {
-                    [`sidebar-icon-${h.key}`]: R(() => [
-                      T(f.$slots, `sidebar-icon-${h.key}`, {}, void 0, !0)
+                    [`sidebar-icon-${b.key}`]: R(() => [
+                      T(f.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item"]))), 128))
                 ])) : C("", !0),
-                x.value.length && P.value.length ? (p(), w("div", ai)) : C("", !0),
-                P.value.length ? (p(), w("ul", ni, [
-                  (p(!0), w(Ce, null, _e(P.value, (h) => (p(), Y(Mt, {
-                    key: h.name,
-                    item: h,
-                    onClick: ae
+                x.value.length && M.value.length ? (p(), w("div", ai)) : C("", !0),
+                M.value.length ? (p(), w("ul", ni, [
+                  (p(!0), w(Ce, null, _e(M.value, (b) => (p(), X(Mt, {
+                    key: b.name,
+                    item: b,
+                    onClick: te
                   }, {
-                    [`sidebar-icon-${h.key}`]: R(() => [
-                      T(f.$slots, `sidebar-icon-${h.key}`, {}, void 0, !0)
+                    [`sidebar-icon-${b.key}`]: R(() => [
+                      T(f.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item"]))), 128))
@@ -1802,11 +1801,11 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       }, 512)
     ], 64));
   }
-}), oi = /* @__PURE__ */ te(ii, [["__scopeId", "data-v-843a05a4"]]), vt = (a) => (ut("data-v-b411bcf5"), a = a(), dt(), a), si = ["aria-label"], ci = /* @__PURE__ */ vt(() => /* @__PURE__ */ O("span", { class: "line" }, null, -1)), li = /* @__PURE__ */ vt(() => /* @__PURE__ */ O("span", { class: "line" }, null, -1)), ui = /* @__PURE__ */ vt(() => /* @__PURE__ */ O("span", { class: "line" }, null, -1)), di = [
+}), oi = /* @__PURE__ */ ee(ii, [["__scopeId", "data-v-843a05a4"]]), vt = (a) => (ut("data-v-b411bcf5"), a = a(), dt(), a), si = ["aria-label"], ci = /* @__PURE__ */ vt(() => /* @__PURE__ */ O("span", { class: "line" }, null, -1)), li = /* @__PURE__ */ vt(() => /* @__PURE__ */ O("span", { class: "line" }, null, -1)), ui = /* @__PURE__ */ vt(() => /* @__PURE__ */ O("span", { class: "line" }, null, -1)), di = [
   ci,
   li,
   ui
-], fi = /* @__PURE__ */ ee({
+], fi = /* @__PURE__ */ Q({
   __name: "SidebarToggle",
   props: {
     active: {
@@ -1816,27 +1815,27 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
   },
   emits: ["toggle"],
   setup(a, { emit: t }) {
-    const r = t, n = a, c = V(n.active || !1), l = (o) => {
-      o.preventDefault(), c.value = !c.value, r("toggle", c.value);
+    const r = t, n = a, s = z(n.active || !1), l = (o) => {
+      o.preventDefault(), s.value = !s.value, r("toggle", s.value);
     };
-    return je(() => n.active, (o) => {
-      c.value = o;
+    return Ze(() => n.active, (o) => {
+      s.value = o;
     }), (o, v) => (p(), w("a", {
       "aria-haspopup": "true",
-      "aria-label": c.value ? "Close Main Menu" : "Open Main Menu",
-      class: ne(["sidebar-menu-toggle", { active: c.value }]),
+      "aria-label": s.value ? "Close Main Menu" : "Open Main Menu",
+      class: ae(["sidebar-menu-toggle", { active: s.value }]),
       href: "#",
       role: "button",
       onClick: Sn(l, ["prevent"])
     }, di, 10, si));
   }
-}), vi = /* @__PURE__ */ te(fi, [["__scopeId", "data-v-b411bcf5"]]), bi = "#ffffff", hi = "#000933", pi = "#000933", mi = "#ffffff", gi = "0px", yi = "4px", wi = (a) => (ut("data-v-47c01124"), a = a(), dt(), a), _i = { id: "kong-ui-app-layout-notification" }, ki = { class: "mobile-logo" }, Ti = {
+}), vi = /* @__PURE__ */ ee(fi, [["__scopeId", "data-v-b411bcf5"]]), bi = "#ffffff", hi = "#000933", pi = "#000933", mi = "#ffffff", gi = "0px", yi = "4px", wi = (a) => (ut("data-v-47c01124"), a = a(), dt(), a), _i = { id: "kong-ui-app-layout-notification" }, ki = { class: "mobile-logo" }, Ti = {
   key: 0,
   class: "navbar-logo"
 }, Si = {
   class: "kong-ui-app-layout-main",
   "data-testid": "kong-ui-app-layout-main"
-}, Ii = { class: "kong-ui-app-layout-content" }, Oi = { class: "kong-ui-app-layout-content-inner" }, $i = /* @__PURE__ */ wi(() => /* @__PURE__ */ O("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)), Ci = /* @__PURE__ */ ee({
+}, Ii = { class: "kong-ui-app-layout-content" }, Oi = { class: "kong-ui-app-layout-content-inner" }, $i = /* @__PURE__ */ wi(() => /* @__PURE__ */ O("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)), Ci = /* @__PURE__ */ Q({
   __name: "AppLayout",
   props: {
     hideDefaultSlot: {
@@ -1875,20 +1874,20 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
   setup(a, { emit: t }) {
     ft((E) => ({
       "30c6990a": B.value,
-      40906680: ae.value,
+      40906680: te.value,
       "169c1fd8": G.value,
       "75276abc": oe.value,
-      af1d4ea2: J.value
+      af1d4ea2: Y.value
     }));
-    const r = a, n = t, c = ze(), l = Pe({
-      navbarLeft: k(() => !!c["navbar-left"]),
-      navbarCenter: k(() => !!c["navbar-center"]),
-      navbarRight: k(() => !!c["navbar-right"]),
-      navbarLogo: k(() => !!c["navbar-logo"]),
-      navbarMobileLogo: k(() => !!c["navbar-mobile-logo"]),
-      sidebarHeader: k(() => !!c["sidebar-header"]),
-      sidebarTop: k(() => !!c["sidebar-top"]),
-      sidebarFooter: k(() => !!c["sidebar-footer"])
+    const r = a, n = t, s = Ve(), l = Pe({
+      navbarLeft: k(() => !!s["navbar-left"]),
+      navbarCenter: k(() => !!s["navbar-center"]),
+      navbarRight: k(() => !!s["navbar-right"]),
+      navbarLogo: k(() => !!s["navbar-logo"]),
+      navbarMobileLogo: k(() => !!s["navbar-mobile-logo"]),
+      sidebarHeader: k(() => !!s["sidebar-header"]),
+      sidebarTop: k(() => !!s["sidebar-top"]),
+      sidebarFooter: k(() => !!s["sidebar-footer"])
     }), o = k(() => r.hideDefaultSlot), v = Pe({
       hidden: k(() => r.navbarHidden)
     }), m = Pe({
@@ -1898,24 +1897,24 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       hidden: k(() => r.sidebarHidden)
     }), S = (E) => {
       n("sidebar-click", E);
-    }, A = V(!1), N = (E) => {
+    }, A = z(!1), N = (E) => {
       A.value = E;
     };
     In(() => {
       A.value = On(m, "open").value || !1;
     });
-    const x = V(0), P = V(60), _ = V(0), Z = k(() => v.hidden ? _.value : P.value + _.value), G = k(() => r.theme === "light" ? pi : mi), B = k(() => r.theme === "light" ? bi : hi), ae = k(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), oe = k(() => `${Z.value}px`), J = k(() => m.hidden || v.hidden ? gi : yi), { debounce: Q } = Qt(), K = Q((E = !1) => {
+    const x = z(0), M = z(60), _ = z(0), P = k(() => v.hidden ? _.value : M.value + _.value), G = k(() => r.theme === "light" ? pi : mi), B = k(() => r.theme === "light" ? bi : hi), te = k(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), oe = k(() => `${P.value}px`), Y = k(() => m.hidden || v.hidden ? gi : yi), { debounce: J } = Qt(), K = J((E = !1) => {
       if (E || x.value !== (window == null ? void 0 : window.innerWidth)) {
         x.value = window == null ? void 0 : window.innerWidth;
         const j = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
         j && (_.value = j.offsetHeight);
       }
-    }, 200), z = V();
+    }, 200), V = z();
     return Ge(() => {
       var j, H;
       (j = document == null ? void 0 : document.body) == null || j.classList.add("kong-ui-app-layout-body"), (H = document == null ? void 0 : document.documentElement) == null || H.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, K(!0);
       const E = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-      E && (z.value = new ResizeObserver((I) => {
+      E && (V.value = new ResizeObserver((I) => {
         window.requestAnimationFrame(() => {
           if (!(!Array.isArray(I) || !I.length))
             for (const d of I) {
@@ -1923,11 +1922,11 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
               _.value !== u && (_.value = u);
             }
         });
-      }), z.value.observe(E)), window.addEventListener("resize", K);
+      }), V.value.observe(E)), window.addEventListener("resize", K);
     }), Wt(() => {
-      z.value && z.value.disconnect(), window.removeEventListener("resize", K);
+      V.value && V.value.disconnect(), window.removeEventListener("resize", K);
     }), (E, j) => (p(), w("div", {
-      class: ne(["kong-ui-app-layout", [
+      class: ae(["kong-ui-app-layout", [
         { "navbar-hidden": v.hidden },
         { "sidebar-hidden": m.hidden }
       ]])
@@ -1935,13 +1934,13 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       O("div", _i, [
         T(E.$slots, "notification", {}, void 0, !0)
       ]),
-      v.hidden ? C("", !0) : (p(), Y(cr, {
+      v.hidden ? C("", !0) : (p(), X(cr, {
         key: String(m.hidden),
         "left-offset": m.hidden ? 0 : void 0,
         "top-offset": _.value
-      }, Ze({
+      }, je({
         "mobile-sidebar-toggle": R(() => [
-          m.hidden ? C("", !0) : (p(), Y(vi, {
+          m.hidden ? C("", !0) : (p(), X(vi, {
             key: 0,
             active: A.value,
             onToggle: N
@@ -1989,19 +1988,19 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
           key: "4"
         } : void 0
       ]), 1032, ["left-offset", "top-offset"])),
-      m.hidden ? C("", !0) : (p(), Y(oi, {
+      m.hidden ? C("", !0) : (p(), X(oi, {
         key: 1,
         "bottom-items": m.bottomItems,
-        "header-height": P.value,
+        "header-height": M.value,
         "mobile-enabled": "",
         "mobile-header-visible": !1,
-        "mobile-top-offset": Z.value,
+        "mobile-top-offset": P.value,
         open: A.value,
         "top-items": m.topItems,
         "top-offset": _.value,
         onClick: S,
         onToggle: N
-      }, Ze({ _: 2 }, [
+      }, je({ _: 2 }, [
         l.sidebarHeader ? {
           name: "header",
           fn: R(() => [
@@ -2041,7 +2040,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       ])
     ], 2));
   }
-}), Ei = /* @__PURE__ */ te(Ci, [["__scopeId", "data-v-47c01124"]]), Ni = { class: "kong-ui-app-page-header" }, Ai = {
+}), Ei = /* @__PURE__ */ ee(Ci, [["__scopeId", "data-v-47c01124"]]), Ni = { class: "kong-ui-app-page-header" }, Ai = {
   key: 0,
   class: "page-header-breadcrumbs",
   "data-testid": "page-header-breadcrumbs"
@@ -2061,7 +2060,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
   key: 1,
   class: "page-header-section-below",
   "data-testid": "page-header-section-below"
-}, Pi = /* @__PURE__ */ ee({
+}, Pi = /* @__PURE__ */ Q({
   __name: "AppPageHeader",
   props: {
     title: {
@@ -2075,10 +2074,10 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
     }
   },
   setup(a) {
-    const t = a, r = ze(), n = k(() => {
+    const t = a, r = Ve(), n = k(() => {
       var l;
       return !!((l = t.breadcrumbs) != null && l.length);
-    }), c = k(() => Object.keys(r).filter((l) => l.startsWith("icon-")));
+    }), s = k(() => Object.keys(r).filter((l) => l.startsWith("icon-")));
     return (l, o) => {
       const v = be("KBreadcrumbs");
       return p(), w("div", Ni, [
@@ -2086,8 +2085,8 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
           Ne(v, {
             "item-max-width": "150",
             items: a.breadcrumbs
-          }, Ze({ _: 2 }, [
-            _e(c.value, (m) => ({
+          }, je({ _: 2 }, [
+            _e(s.value, (m) => ({
               name: m,
               fn: R(() => [
                 T(l.$slots, m, {}, void 0, !0)
@@ -2104,7 +2103,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
               class: "page-header-title",
               "data-testid": "page-header-title",
               title: a.title
-            }, X(a.title), 9, Ri),
+            }, q(a.title), 9, Ri),
             l.$slots["title-after"] ? (p(), w("div", Bi, [
               T(l.$slots, "title-after", {}, void 0, !0)
             ])) : C("", !0)
@@ -2119,7 +2118,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       ]);
     };
   }
-}), Ui = /* @__PURE__ */ te(Pi, [["__scopeId", "data-v-204b7f98"]]), Wi = {
+}), Ui = /* @__PURE__ */ ee(Pi, [["__scopeId", "data-v-204b7f98"]]), Wi = {
   // Customize Vue plugin options as desired
   // Providing a `name` property allows for customizing the registered name of your component (useful if exporting a single component).
   install: (a, t = {}) => {
@@ -2127,7 +2126,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
   }
 };
 export {
-  ji as AccountDropdown,
+  Zi as AccountDropdown,
   Ki as AppAboutSection,
   Hi as AppError,
   Ei as AppLayout,