@kong-ui-public/app-layout 0.15.3 → 0.15.4-pr.281.7ee2ba7.0

package/dist/app-layout.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as Q, useCssVars as et, unref as m, useSlots as tt, computed as _, reactive as Ee, onMounted as Ze, openBlock as p, createElementBlock as A, createElementVNode as w, renderSlot as D, createCommentVNode as B, toDisplayString as ie, resolveComponent as te, normalizeClass as ee, createBlock as j, resolveDynamicComponent as hn, withCtx as L, withKeys as mn, createVNode as Pe, Fragment as ue, renderList as he, withModifiers as Zt, ref as W, watch as Fe, onUnmounted as gn, Comment as yn, cloneVNode as _n, onBeforeUnmount as Pt, createTextVNode as Te, nextTick as wn, pushScopeId as at, popScopeId as nt, watchEffect as Tn, toRef as kn, createSlots as $t, createStaticVNode as Sn } from "vue";
-const In = { class: "kong-ui-app-navbar" }, Cn = { class: "header-content" }, On = { class: "mobile-header-left" }, xn = {
+import { defineComponent as Q, useCssVars as et, unref as m, useSlots as tt, computed as _, reactive as Ee, onMounted as Pe, openBlock as p, createElementBlock as $, createElementVNode as w, renderSlot as D, createCommentVNode as B, toDisplayString as ie, resolveComponent as te, normalizeClass as ee, createBlock as j, resolveDynamicComponent as hn, withCtx as L, withKeys as mn, createVNode as Ze, Fragment as ue, renderList as he, withModifiers as Pt, ref as W, watch as Fe, onUnmounted as gn, Comment as yn, cloneVNode as _n, onBeforeUnmount as Zt, createTextVNode as Te, nextTick as wn, pushScopeId as at, popScopeId as nt, watchEffect as Tn, toRef as kn, createSlots as $t, createStaticVNode as Sn } from "vue";
+const In = { class: "kong-ui-app-navbar" }, Cn = { class: "header-content" }, xn = { class: "mobile-header-left" }, On = {
   key: 0,
   class: "app-navbar-logo"
 }, An = { class: "navbar-content" }, $n = { class: "navbar-content-left" }, Nn = { class: "navbar-content-center" }, En = { class: "navbar-content-right" }, Fn = /* @__PURE__ */ Q({
@@ -22,9 +22,9 @@ const In = { class: "kong-ui-app-navbar" }, Cn = { class: "header-content" }, On
   setup(n) {
     const t = n;
     et((o) => ({
-      e7993570: m(l).top,
-      "591d67a5": m(l).zIndex,
-      "0b950b18": m(l).left,
+      e7993570: m(u).top,
+      "591d67a5": m(u).zIndex,
+      "0b950b18": m(u).left,
       74170388: c.marginRight,
       "482efd74": c.width
     }));
@@ -32,22 +32,22 @@ const In = { class: "kong-ui-app-navbar" }, Cn = { class: "header-content" }, On
       marginRight: "0",
       width: "0"
     });
-    Ze(() => {
-      var o, d;
-      (d = (o = document == null ? void 0 : document.querySelector(".kong-ui-app-navbar .app-navbar-logo")) == null ? void 0 : o.children) != null && d.length ? (c.marginRight = "32px", c.width = "calc(240px - 32px)") : (c.marginRight = "0", c.width = "0");
+    Pe(() => {
+      var o, f;
+      (f = (o = document == null ? void 0 : document.querySelector(".kong-ui-app-navbar .app-navbar-logo")) == null ? void 0 : o.children) != null && f.length ? (c.marginRight = "32px", c.width = "calc(240px - 32px)") : (c.marginRight = "0", c.width = "0");
     });
-    const l = _(() => ({
+    const u = _(() => ({
       top: t.topOffset ? `${t.topOffset}px` : "0",
       left: t.leftOffset ? `${t.leftOffset}px` : "0",
       zIndex: t.zIndex
     }));
-    return (o, d) => (p(), A("header", In, [
+    return (o, f) => (p(), $("header", In, [
       w("div", Cn, [
-        w("div", On, [
+        w("div", xn, [
           D(o.$slots, "mobile-sidebar-toggle"),
           D(o.$slots, "mobile-logo")
         ]),
-        m(r) ? (p(), A("div", xn, [
+        m(r) ? (p(), $("div", On, [
           D(o.$slots, "logo")
         ])) : B("", !0),
         w("div", An, [
@@ -81,14 +81,14 @@ const Y = (n, t) => {
   },
   setup(n) {
     const t = n, a = 99, r = _(() => t.count ? t.count > a ? `${a}+` : t.count.toString() : "");
-    return (c, l) => m(r) ? (p(), A("div", {
+    return (c, u) => m(r) ? (p(), $("div", {
       key: 0,
       class: "item-badge",
       title: (n.count || 0) > a ? String(n.count) : void 0
     }, ie(m(r)), 9, Mn)) : B("", !0);
   }
 });
-const Ln = /* @__PURE__ */ Y(Bn, [["__scopeId", "data-v-9e48c714"]]), Rn = ["data-testid"], Zn = ["aria-controls", "aria-expanded", "href", "target", "onClick", "onKeypress"], Pn = {
+const Ln = /* @__PURE__ */ Y(Bn, [["__scopeId", "data-v-9e48c714"]]), Rn = ["data-testid"], Pn = ["aria-controls", "aria-expanded", "href", "target", "onClick", "onKeypress"], Zn = {
   key: 0,
   class: "sidebar-item-icon"
 }, jn = { class: "sidebar-item-name-container" }, Kn = { class: "sidebar-item-name has-tooltip" }, Hn = {
@@ -108,15 +108,15 @@ const Ln = /* @__PURE__ */ Y(Bn, [["__scopeId", "data-v-9e48c714"]]), Rn = ["dat
   },
   emits: ["click"],
   setup(n, { emit: t }) {
-    const a = n, r = _(() => typeof a.item.to != "string" ? !1 : !!a.item.newWindow || !!a.item.external || a.item.to.startsWith("http")), c = _(() => !a.item.to || typeof a.item.to != "string" || !a.item.newWindow ? !1 : a.item.newWindow && (a.item.to.startsWith("http") || a.item.to.startsWith("/"))), l = _(() => a.subnavItem && a.item.badgeCount !== void 0), o = (g) => {
+    const a = n, r = _(() => typeof a.item.to != "string" ? !1 : !!a.item.newWindow || !!a.item.external || a.item.to.startsWith("http")), c = _(() => !a.item.to || typeof a.item.to != "string" || !a.item.newWindow ? !1 : a.item.newWindow && (a.item.to.startsWith("http") || a.item.to.startsWith("/"))), u = _(() => a.subnavItem && a.item.badgeCount !== void 0), o = (g) => {
       t("click", g);
-    }, d = (g, T, C) => {
+    }, f = (g, T, C) => {
       o(T), typeof C == "function" && (g.preventDefault(), C());
     };
     return (g, T) => {
-      var $;
+      var N;
       const C = te("KIcon"), S = te("KTooltip"), M = te("SidebarItem", !0);
-      return p(), A("li", {
+      return p(), $("li", {
         class: ee([n.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: n.item.expanded }, { active: n.item.active }]),
         "data-testid": n.item.testId ? `sidebar-item-${n.item.testId}` : void 0
       }, [
@@ -133,21 +133,21 @@ const Ln = /* @__PURE__ */ Y(Bn, [["__scopeId", "data-v-9e48c714"]]), Rn = ["dat
                 class: ee(["sidebar-item-link", { "sidebar-item-external-link": m(c), "router-link": !m(r) }]),
                 href: m(r) ? String(n.item.to || "#") : E == null ? void 0 : E.href,
                 target: m(c) ? "_blank" : void 0,
-                onClick: (K) => d(K, n.item, E == null ? void 0 : E.navigate),
-                onKeypress: mn((K) => d(K, n.item, E == null ? void 0 : E.navigate), ["enter"])
+                onClick: (K) => f(K, n.item, E == null ? void 0 : E.navigate),
+                onKeypress: mn((K) => f(K, n.item, E == null ? void 0 : E.navigate), ["enter"])
               }, [
                 w("div", {
-                  class: ee(["sidebar-item-display", { "has-label": !!n.item.label && n.item.expanded, "has-badge": m(l) }])
+                  class: ee(["sidebar-item-display", { "has-label": !!n.item.label && n.item.expanded, "has-badge": m(u) }])
                 }, [
-                  n.item.icon ? (p(), A("div", Pn, [
-                    Pe(C, {
+                  n.item.icon ? (p(), $("div", Zn, [
+                    Ze(C, {
                       color: n.item.active || n.item.expanded ? "var(--white, #fff)" : "#B5BECD",
                       icon: String(n.item.icon),
                       size: "20"
                     }, null, 8, ["color", "icon"])
                   ])) : B("", !0),
                   w("div", jn, [
-                    (n.subnavItem ? n.item.name.length < 25 : n.item.name.length < 18) ? (p(), A("div", {
+                    (n.subnavItem ? n.item.name.length < 25 : n.item.name.length < 18) ? (p(), $("div", {
                       key: 0,
                       class: ee(["sidebar-item-name truncate-text", [n.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
                     }, ie(n.item.name), 3)) : (p(), j(S, {
@@ -160,30 +160,30 @@ const Ln = /* @__PURE__ */ Y(Bn, [["__scopeId", "data-v-9e48c714"]]), Rn = ["dat
                       default: L(() => [
                         w("div", Kn, [
                           w("span", {
-                            class: ee(["truncate-text", [n.subnavItem ? "truncate-20" : "truncate-17", { "has-badge-max-width": m(l) }]])
+                            class: ee(["truncate-text", [n.subnavItem ? "truncate-20" : "truncate-17", { "has-badge-max-width": m(u) }]])
                           }, ie(n.item.name), 3)
                         ])
                       ]),
                       _: 1
                     }, 8, ["label"])),
-                    n.item.label && n.item.expanded ? (p(), A("div", Hn, ie(n.item.label), 1)) : B("", !0)
+                    n.item.label && n.item.expanded ? (p(), $("div", Hn, ie(n.item.label), 1)) : B("", !0)
                   ]),
-                  m(l) ? (p(), j(Ln, {
+                  m(u) ? (p(), j(Ln, {
                     key: 1,
                     count: n.item.badgeCount
                   }, null, 8, ["count"])) : B("", !0)
                 ], 2)
-              ], 42, Zn)
+              ], 42, Pn)
             ];
           }),
           _: 1
         }, 8, ["custom", "to"])),
-        ($ = n.item.items) != null && $.length && n.item.expanded ? (p(), A("ul", {
+        (N = n.item.items) != null && N.length && n.item.expanded ? (p(), $("ul", {
           key: 0,
           id: `subnav-${n.item.key}`,
           class: "level-secondary"
         }, [
-          (p(!0), A(ue, null, he(n.item.items, (E) => (p(), j(M, {
+          (p(!0), $(ue, null, he(n.item.items, (E) => (p(), j(M, {
             key: E.name,
             item: E,
             "subnav-item": !0,
@@ -200,18 +200,18 @@ const Nt = /* @__PURE__ */ Y(Vn, [["__scopeId", "data-v-b0428668"]]), Wn = {}, G
   height: "30",
   width: "30",
   xmlns: "http://www.w3.org/2000/svg"
-}, qn = /* @__PURE__ */ w("path", {
+}, Un = /* @__PURE__ */ w("path", {
   d: "M0 15C0 6.716 6.716 0 15 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15Z",
   fill: "#0A7FAE"
-}, null, -1), Un = /* @__PURE__ */ w("path", {
+}, null, -1), qn = /* @__PURE__ */ w("path", {
   d: "M12.613 15 8.5 18.115V23h13v-4.885L17.648 15h-5.035ZM15 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z",
   fill: "#fff"
 }, null, -1), Yn = [
-  qn,
-  Un
+  Un,
+  qn
 ];
 function Xn(n, t) {
-  return p(), A("svg", Gn, Yn);
+  return p(), $("svg", Gn, Yn);
 }
 const Jn = /* @__PURE__ */ Y(Wn, [["render", Xn]]), Qn = {
   "aria-haspopup": "true",
@@ -236,15 +236,15 @@ const Jn = /* @__PURE__ */ Y(Wn, [["render", Xn]]), Qn = {
   setup(n) {
     const t = n, a = _(() => t.itemCount > 0);
     return (r, c) => {
-      const l = te("KDropdownMenu");
-      return p(), A("nav", Qn, [
+      const u = te("KDropdownMenu");
+      return p(), $("nav", Qn, [
         w("div", er, [
           w("div", tr, [
-            Pe(Jn)
+            Ze(Jn)
           ]),
           w("div", ar, [
             w("div", nr, [
-              m(a) ? (p(), j(l, {
+              m(a) ? (p(), j(u, {
                 key: 1,
                 "kpop-attributes": { placement: "right", popoverClasses: "ml-5 sidebar-profile-menu-popover", target: ".sidebar-footer-nav" },
                 width: "240"
@@ -258,14 +258,14 @@ const Jn = /* @__PURE__ */ Y(Wn, [["render", Xn]]), Qn = {
                     class: "profile-dropdown-trigger",
                     role: "button",
                     tabindex: "0",
-                    onClick: c[0] || (c[0] = Zt(() => {
+                    onClick: c[0] || (c[0] = Pt(() => {
                     }, ["prevent"]))
                   }, [
                     w("span", ir, ie(n.name), 1)
                   ])
                 ]),
                 _: 3
-              }, 8, ["kpop-attributes"])) : (p(), A("div", rr, ie(n.name), 1))
+              }, 8, ["kpop-attributes"])) : (p(), $("div", rr, ie(n.name), 1))
             ])
           ])
         ])
@@ -287,7 +287,7 @@ var jt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Be = function n(t, a) {
   var r;
   a === void 0 && (a = !0);
-  var c = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = c === "" || c === "true", o = l || a && t && n(t.parentNode);
+  var c = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), u = c === "" || c === "true", o = u || a && t && n(t.parentNode);
   return o;
 }, cr = function(t) {
   var a, r = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "contenteditable");
@@ -298,11 +298,11 @@ var jt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   var c = Array.prototype.slice.apply(t.querySelectorAll(De));
   return a && de.call(t, De) && c.unshift(t), c = c.filter(r), c;
 }, zt = function n(t, a, r) {
-  for (var c = [], l = Array.from(t); l.length; ) {
-    var o = l.shift();
+  for (var c = [], u = Array.from(t); u.length; ) {
+    var o = u.shift();
     if (!Be(o, !1))
       if (o.tagName === "SLOT") {
-        var d = o.assignedElements(), g = d.length ? d : o.children, T = n(g, !0, r);
+        var f = o.assignedElements(), g = f.length ? f : o.children, T = n(g, !0, r);
         r.flatten ? c.push.apply(c, T) : c.push({
           scopeParent: o,
           candidates: T
@@ -313,13 +313,13 @@ var jt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
         var S = o.shadowRoot || // check for an undisclosed shadow
         typeof r.getShadowRoot == "function" && r.getShadowRoot(o), M = !Be(S, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
         if (S && M) {
-          var $ = n(S === !0 ? o.children : S.children, !0, r);
-          r.flatten ? c.push.apply(c, $) : c.push({
+          var N = n(S === !0 ? o.children : S.children, !0, r);
+          r.flatten ? c.push.apply(c, N) : c.push({
             scopeParent: o,
-            candidates: $
+            candidates: N
           });
         } else
-          l.unshift.apply(l, o.children);
+          u.unshift.apply(u, o.children);
       }
   }
   return c;
@@ -343,8 +343,8 @@ var jt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, vr = function(t) {
   if (!t.name)
     return !0;
-  var a = t.form || Me(t), r = function(d) {
-    return a.querySelectorAll('input[type="radio"][name="' + d + '"]');
+  var a = t.form || Me(t), r = function(f) {
+    return a.querySelectorAll('input[type="radio"][name="' + f + '"]');
   }, c;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
     c = r(window.CSS.escape(t.name));
@@ -354,22 +354,22 @@ var jt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     } 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 = fr(c, t.form);
-  return !l || l === t;
+  var u = fr(c, t.form);
+  return !u || u === t;
 }, br = function(t) {
   return Wt(t) && t.type === "radio";
 }, pr = function(t) {
   return br(t) && !vr(t);
 }, hr = function(t) {
-  var a, r = t && Me(t), c = (a = r) === null || a === void 0 ? void 0 : a.host, l = !1;
+  var a, r = t && Me(t), c = (a = r) === null || a === void 0 ? void 0 : a.host, u = !1;
   if (r && r !== t) {
-    var o, d, g;
-    for (l = !!((o = c) !== null && o !== void 0 && (d = o.ownerDocument) !== null && d !== void 0 && d.contains(c) || t != null && (g = t.ownerDocument) !== null && g !== void 0 && g.contains(t)); !l && c; ) {
+    var o, f, g;
+    for (u = !!((o = c) !== null && o !== void 0 && (f = o.ownerDocument) !== null && f !== void 0 && f.contains(c) || t != null && (g = t.ownerDocument) !== null && g !== void 0 && g.contains(t)); !u && c; ) {
       var T, C, S;
-      r = Me(c), c = (T = r) === null || T === void 0 ? void 0 : T.host, l = !!((C = c) !== null && C !== void 0 && (S = C.ownerDocument) !== null && S !== void 0 && S.contains(c));
+      r = Me(c), c = (T = r) === null || T === void 0 ? void 0 : T.host, u = !!((C = c) !== null && C !== void 0 && (S = C.ownerDocument) !== null && S !== void 0 && S.contains(c));
     }
   }
-  return l;
+  return u;
 }, Et = function(t) {
   var a = t.getBoundingClientRect(), r = a.width, c = a.height;
   return r === 0 && c === 0;
@@ -377,18 +377,18 @@ var jt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   var r = a.displayCheck, c = a.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
-  var l = de.call(t, "details>summary:first-of-type"), o = l ? t.parentElement : t;
+  var u = de.call(t, "details>summary:first-of-type"), o = u ? t.parentElement : t;
   if (de.call(o, "details:not([open]) *"))
     return !0;
   if (!r || r === "full" || r === "legacy-full") {
     if (typeof c == "function") {
-      for (var d = t; t; ) {
+      for (var f = t; t; ) {
         var g = t.parentElement, T = Me(t);
         if (g && !g.shadowRoot && c(g) === !0)
           return Et(t);
         t.assignedSlot ? t = t.assignedSlot : !g && T !== t.ownerDocument ? t = T.host : t = g;
       }
-      t = d;
+      t = f;
     }
     if (hr(t))
       return !t.getClientRects().length;
@@ -424,17 +424,17 @@ var jt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return !!(isNaN(a) || a >= 0);
 }, _r = function n(t) {
   var a = [], r = [];
-  return t.forEach(function(c, l) {
-    var o = !!c.scopeParent, d = o ? c.scopeParent : c, g = Vt(d, o), T = o ? n(c.candidates) : d;
-    g === 0 ? o ? a.push.apply(a, T) : a.push(d) : r.push({
-      documentOrder: l,
+  return t.forEach(function(c, u) {
+    var o = !!c.scopeParent, f = o ? c.scopeParent : c, g = Vt(f, o), T = o ? n(c.candidates) : f;
+    g === 0 ? o ? a.push.apply(a, T) : a.push(f) : r.push({
+      documentOrder: u,
       tabIndex: g,
       item: c,
       isScope: o,
       content: T
     });
-  }), r.sort(lr).reduce(function(c, l) {
-    return l.isScope ? c.push.apply(c, l.content) : c.push(l.content), c;
+  }), r.sort(lr).reduce(function(c, u) {
+    return u.isScope ? c.push.apply(c, u.content) : c.push(u.content), c;
   }, []).concat(a);
 }, wr = function(t, a) {
   a = a || {};
@@ -463,7 +463,7 @@ var jt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return de.call(t, kr) === !1 ? !1 : Le(a, t);
 };
 /*!
-* focus-trap 7.3.1
+* focus-trap 7.4.0
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
 function Dt(n, t) {
@@ -524,9 +524,9 @@ var Bt = {
     var r = t.indexOf(a);
     r !== -1 && t.splice(r, 1), t.length > 0 && t[t.length - 1].unpause();
   }
-}, Or = function(t) {
-  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
 }, xr = function(t) {
+  return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
+}, Or = function(t) {
   return t.key === "Escape" || t.key === "Esc" || t.keyCode === 27;
 }, we = function(t) {
   return t.key === "Tab" || t.keyCode === 9;
@@ -538,8 +538,8 @@ var Bt = {
   return setTimeout(t, 0);
 }, Rt = function(t, a) {
   var r = -1;
-  return t.every(function(c, l) {
-    return a(c) ? (r = l, !1) : !0;
+  return t.every(function(c, u) {
+    return a(c) ? (r = u, !1) : !0;
   }), r;
 }, _e = function(t) {
   for (var a = arguments.length, r = new Array(a > 1 ? a - 1 : 0), c = 1; c < a; c++)
@@ -548,7 +548,7 @@ var Bt = {
 }, $e = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
 }, Nr = [], Er = function(t, a) {
-  var r = (a == null ? void 0 : a.document) || document, c = (a == null ? void 0 : a.trapStack) || Nr, l = Mt({
+  var r = (a == null ? void 0 : a.document) || document, c = (a == null ? void 0 : a.trapStack) || Nr, u = Mt({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
@@ -585,58 +585,58 @@ var Bt = {
     // timer ID for when delayInitialFocus is true and initial focus in this trap
     //  has been delayed during activation
     delayInitialFocusTimer: void 0
-  }, d, g = function(u, f, b) {
-    return u && u[f] !== void 0 ? u[f] : l[b || f];
-  }, T = function(u) {
-    return o.containerGroups.findIndex(function(f) {
-      var b = f.container, N = f.tabbableNodes;
-      return b.contains(u) || // fall back to explicit tabbable search which will take into consideration any
+  }, f, g = function(l, d, b) {
+    return l && l[d] !== void 0 ? l[d] : u[b || d];
+  }, T = function(l) {
+    return o.containerGroups.findIndex(function(d) {
+      var b = d.container, O = d.tabbableNodes;
+      return b.contains(l) || // 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)
-      N.find(function(h) {
-        return h === u;
+      O.find(function(h) {
+        return h === l;
       });
     });
-  }, C = function(u) {
-    var f = l[u];
-    if (typeof f == "function") {
-      for (var b = arguments.length, N = new Array(b > 1 ? b - 1 : 0), h = 1; h < b; h++)
-        N[h - 1] = arguments[h];
-      f = f.apply(void 0, N);
+  }, C = function(l) {
+    var d = u[l];
+    if (typeof d == "function") {
+      for (var b = arguments.length, O = new Array(b > 1 ? b - 1 : 0), h = 1; h < b; h++)
+        O[h - 1] = arguments[h];
+      d = d.apply(void 0, O);
     }
-    if (f === !0 && (f = void 0), !f) {
-      if (f === void 0 || f === !1)
-        return f;
-      throw new Error("`".concat(u, "` was specified but was not a node, or did not return a node"));
+    if (d === !0 && (d = void 0), !d) {
+      if (d === void 0 || d === !1)
+        return d;
+      throw new Error("`".concat(l, "` was specified but was not a node, or did not return a node"));
     }
-    var F = f;
-    if (typeof f == "string" && (F = r.querySelector(f), !F))
-      throw new Error("`".concat(u, "` as selector refers to no known node"));
+    var F = d;
+    if (typeof d == "string" && (F = r.querySelector(d), !F))
+      throw new Error("`".concat(l, "` as selector refers to no known node"));
     return F;
   }, S = function() {
-    var u = C("initialFocus");
-    if (u === !1)
+    var l = C("initialFocus");
+    if (l === !1)
       return !1;
-    if (u === void 0)
+    if (l === void 0)
       if (T(r.activeElement) >= 0)
-        u = r.activeElement;
+        l = r.activeElement;
       else {
-        var f = o.tabbableGroups[0], b = f && f.firstTabbableNode;
-        u = b || C("fallbackFocus");
+        var d = o.tabbableGroups[0], b = d && d.firstTabbableNode;
+        l = b || C("fallbackFocus");
       }
-    if (!u)
+    if (!l)
       throw new Error("Your focus-trap needs to have at least one focusable element");
-    return u;
+    return l;
   }, M = function() {
-    if (o.containerGroups = o.containers.map(function(u) {
-      var f = wr(u, l.tabbableOptions), b = Tr(u, l.tabbableOptions);
+    if (o.containerGroups = o.containers.map(function(l) {
+      var d = wr(l, u.tabbableOptions), b = Tr(l, u.tabbableOptions);
       return {
-        container: u,
-        tabbableNodes: f,
+        container: l,
+        tabbableNodes: d,
         focusableNodes: b,
-        firstTabbableNode: f.length > 0 ? f[0] : null,
-        lastTabbableNode: f.length > 0 ? f[f.length - 1] : null,
+        firstTabbableNode: d.length > 0 ? d[0] : null,
+        lastTabbableNode: d.length > 0 ? d[d.length - 1] : null,
         /**
          * Finds the __tabbable__ node that follows the given node in the specified direction,
          *  in this container, if any.
@@ -651,159 +651,165 @@ var Bt = {
           });
           if (!(y < 0))
             return F ? b.slice(y + 1).find(function(R) {
-              return Ae(R, l.tabbableOptions);
+              return Ae(R, u.tabbableOptions);
             }) : b.slice(0, y).reverse().find(function(R) {
-              return Ae(R, l.tabbableOptions);
+              return Ae(R, u.tabbableOptions);
             });
         }
       };
-    }), o.tabbableGroups = o.containerGroups.filter(function(u) {
-      return u.tabbableNodes.length > 0;
+    }), o.tabbableGroups = o.containerGroups.filter(function(l) {
+      return l.tabbableNodes.length > 0;
     }), o.tabbableGroups.length <= 0 && !C("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-  }, $ = function O(u) {
-    if (u !== !1 && u !== r.activeElement) {
-      if (!u || !u.focus) {
-        O(S());
+  }, N = function x(l) {
+    if (l !== !1 && l !== r.activeElement) {
+      if (!l || !l.focus) {
+        x(S());
         return;
       }
-      u.focus({
-        preventScroll: !!l.preventScroll
-      }), o.mostRecentlyFocusedNode = u, Or(u) && u.select();
+      l.focus({
+        preventScroll: !!u.preventScroll
+      }), o.mostRecentlyFocusedNode = l, xr(l) && l.select();
     }
-  }, E = function(u) {
-    var f = C("setReturnFocus", u);
-    return f || (f === !1 ? !1 : u);
-  }, H = function(u) {
-    var f = $e(u);
-    if (!(T(f) >= 0)) {
-      if (_e(l.clickOutsideDeactivates, u)) {
-        d.deactivate({
+  }, E = function(l) {
+    var d = C("setReturnFocus", l);
+    return d || (d === !1 ? !1 : l);
+  }, H = function(l) {
+    var d = $e(l);
+    if (!(T(d) >= 0)) {
+      if (_e(u.clickOutsideDeactivates, l)) {
+        f.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
           //  that was clicked (and if not focusable, to "nothing"); by setting
           //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
           //  on activation (or the configured `setReturnFocus` node), whether the
           //  outside click was on a focusable node or not
-          returnFocus: l.returnFocusOnDeactivate
+          returnFocus: u.returnFocusOnDeactivate
         });
         return;
       }
-      _e(l.allowOutsideClick, u) || u.preventDefault();
+      _e(u.allowOutsideClick, l) || l.preventDefault();
     }
-  }, G = function(u) {
-    var f = $e(u), b = T(f) >= 0;
-    b || f instanceof Document ? b && (o.mostRecentlyFocusedNode = f) : (u.stopImmediatePropagation(), $(o.mostRecentlyFocusedNode || S()));
-  }, K = function(u) {
-    var f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, b = $e(u);
+  }, G = function(l) {
+    var d = $e(l), b = T(d) >= 0;
+    b || d instanceof Document ? b && (o.mostRecentlyFocusedNode = d) : (l.stopImmediatePropagation(), N(o.mostRecentlyFocusedNode || S()));
+  }, K = function(l) {
+    var d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, b = $e(l);
     M();
-    var N = null;
+    var O = null;
     if (o.tabbableGroups.length > 0) {
       var h = T(b), F = h >= 0 ? o.containerGroups[h] : void 0;
       if (h < 0)
-        f ? N = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : N = o.tabbableGroups[0].firstTabbableNode;
-      else if (f) {
+        d ? O = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : O = o.tabbableGroups[0].firstTabbableNode;
+      else if (d) {
         var y = Rt(o.tabbableGroups, function(me) {
-          var x = me.firstTabbableNode;
-          return b === x;
+          var A = me.firstTabbableNode;
+          return b === A;
         });
-        if (y < 0 && (F.container === b || Ft(b, l.tabbableOptions) && !Ae(b, l.tabbableOptions) && !F.nextTabbableNode(b, !1)) && (y = h), y >= 0) {
+        if (y < 0 && (F.container === b || Ft(b, u.tabbableOptions) && !Ae(b, u.tabbableOptions) && !F.nextTabbableNode(b, !1)) && (y = h), y >= 0) {
           var R = y === 0 ? o.tabbableGroups.length - 1 : y - 1, k = o.tabbableGroups[R];
-          N = k.lastTabbableNode;
+          O = k.lastTabbableNode;
         } else
-          we(u) || (N = F.nextTabbableNode(b, !1));
+          we(l) || (O = F.nextTabbableNode(b, !1));
       } else {
         var J = Rt(o.tabbableGroups, function(me) {
-          var x = me.lastTabbableNode;
-          return b === x;
+          var A = me.lastTabbableNode;
+          return b === A;
         });
-        if (J < 0 && (F.container === b || Ft(b, l.tabbableOptions) && !Ae(b, l.tabbableOptions) && !F.nextTabbableNode(b)) && (J = h), J >= 0) {
+        if (J < 0 && (F.container === b || Ft(b, u.tabbableOptions) && !Ae(b, u.tabbableOptions) && !F.nextTabbableNode(b)) && (J = h), J >= 0) {
           var ae = J === o.tabbableGroups.length - 1 ? 0 : J + 1, je = o.tabbableGroups[ae];
-          N = je.firstTabbableNode;
+          O = je.firstTabbableNode;
         } else
-          we(u) || (N = F.nextTabbableNode(b));
+          we(l) || (O = F.nextTabbableNode(b));
       }
     } else
-      N = C("fallbackFocus");
-    N && (we(u) && u.preventDefault(), $(N));
-  }, X = function(u) {
-    if (xr(u) && _e(l.escapeDeactivates, u) !== !1) {
-      u.preventDefault(), d.deactivate();
+      O = C("fallbackFocus");
+    O && (we(l) && l.preventDefault(), N(O));
+  }, X = function(l) {
+    if (Or(l) && _e(u.escapeDeactivates, l) !== !1) {
+      l.preventDefault(), f.deactivate();
       return;
     }
-    (l.isKeyForward(u) || l.isKeyBackward(u)) && K(u, l.isKeyBackward(u));
-  }, q = function(u) {
-    var f = $e(u);
-    T(f) >= 0 || _e(l.clickOutsideDeactivates, u) || _e(l.allowOutsideClick, u) || (u.preventDefault(), u.stopImmediatePropagation());
+    (u.isKeyForward(l) || u.isKeyBackward(l)) && K(l, u.isKeyBackward(l));
+  }, U = function(l) {
+    var d = $e(l);
+    T(d) >= 0 || _e(u.clickOutsideDeactivates, l) || _e(u.allowOutsideClick, l) || (l.preventDefault(), l.stopImmediatePropagation());
   }, I = function() {
     if (o.active)
-      return Bt.activateTrap(c, d), o.delayInitialFocusTimer = l.delayInitialFocus ? Lt(function() {
-        $(S());
-      }) : $(S()), r.addEventListener("focusin", G, !0), r.addEventListener("mousedown", H, {
+      return Bt.activateTrap(c, f), o.delayInitialFocusTimer = u.delayInitialFocus ? Lt(function() {
+        N(S());
+      }) : N(S()), r.addEventListener("focusin", G, !0), r.addEventListener("mousedown", H, {
         capture: !0,
         passive: !1
       }), r.addEventListener("touchstart", H, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("click", q, {
+      }), r.addEventListener("click", U, {
         capture: !0,
         passive: !1
       }), r.addEventListener("keydown", X, {
         capture: !0,
         passive: !1
-      }), d;
-  }, P = function() {
+      }), f;
+  }, Z = function() {
     if (o.active)
-      return r.removeEventListener("focusin", G, !0), r.removeEventListener("mousedown", H, !0), r.removeEventListener("touchstart", H, !0), r.removeEventListener("click", q, !0), r.removeEventListener("keydown", X, !0), d;
+      return r.removeEventListener("focusin", G, !0), r.removeEventListener("mousedown", H, !0), r.removeEventListener("touchstart", H, !0), r.removeEventListener("click", U, !0), r.removeEventListener("keydown", X, !0), f;
   };
-  return d = {
+  return f = {
     get active() {
       return o.active;
     },
     get paused() {
       return o.paused;
     },
-    activate: function(u) {
+    activate: function(l) {
       if (o.active)
         return this;
-      var f = g(u, "onActivate"), b = g(u, "onPostActivate"), N = g(u, "checkCanFocusTrap");
-      N || M(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, f && f();
+      var d = g(l, "onActivate"), b = g(l, "onPostActivate"), O = g(l, "checkCanFocusTrap");
+      O || M(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, d == null || d();
       var h = function() {
-        N && M(), I(), b && b();
+        O && M(), I(), b == null || b();
       };
-      return N ? (N(o.containers.concat()).then(h, h), this) : (h(), this);
+      return O ? (O(o.containers.concat()).then(h, h), this) : (h(), this);
     },
-    deactivate: function(u) {
+    deactivate: function(l) {
       if (!o.active)
         return this;
-      var f = Mt({
-        onDeactivate: l.onDeactivate,
-        onPostDeactivate: l.onPostDeactivate,
-        checkCanReturnFocus: l.checkCanReturnFocus
-      }, u);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, P(), o.active = !1, o.paused = !1, Bt.deactivateTrap(c, d);
-      var b = g(f, "onDeactivate"), N = g(f, "onPostDeactivate"), h = g(f, "checkCanReturnFocus"), F = g(f, "returnFocus", "returnFocusOnDeactivate");
-      b && b();
+      var d = Mt({
+        onDeactivate: u.onDeactivate,
+        onPostDeactivate: u.onPostDeactivate,
+        checkCanReturnFocus: u.checkCanReturnFocus
+      }, l);
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, Z(), o.active = !1, o.paused = !1, Bt.deactivateTrap(c, f);
+      var b = g(d, "onDeactivate"), O = g(d, "onPostDeactivate"), h = g(d, "checkCanReturnFocus"), F = g(d, "returnFocus", "returnFocusOnDeactivate");
+      b == null || b();
       var y = function() {
         Lt(function() {
-          F && $(E(o.nodeFocusedBeforeActivation)), N && N();
+          F && N(E(o.nodeFocusedBeforeActivation)), O == null || O();
         });
       };
       return F && h ? (h(E(o.nodeFocusedBeforeActivation)).then(y, y), this) : (y(), this);
     },
-    pause: function() {
-      return o.paused || !o.active ? this : (o.paused = !0, P(), this);
+    pause: function(l) {
+      if (o.paused || !o.active)
+        return this;
+      var d = g(l, "onPause"), b = g(l, "onPostPause");
+      return o.paused = !0, d == null || d(), Z(), b == null || b(), this;
     },
-    unpause: function() {
-      return !o.paused || !o.active ? this : (o.paused = !1, M(), I(), this);
+    unpause: function(l) {
+      if (!o.paused || !o.active)
+        return this;
+      var d = g(l, "onUnpause"), b = g(l, "onPostUnpause");
+      return o.paused = !1, d == null || d(), M(), I(), b == null || b(), this;
     },
-    updateContainerElements: function(u) {
-      var f = [].concat(u).filter(Boolean);
-      return o.containers = f.map(function(b) {
+    updateContainerElements: function(l) {
+      var d = [].concat(l).filter(Boolean);
+      return o.containers = d.map(function(b) {
         return typeof b == "string" ? r.querySelector(b) : b;
       }), o.active && M(), this;
     }
-  }, d.updateContainerElements(t), d;
+  }, f.updateContainerElements(t), f;
 };
 /*!
   * focus-trap-vue v4.0.1
@@ -856,12 +862,12 @@ const Fr = {
   },
   setup(n, { slots: t, emit: a }) {
     let r;
-    const c = W(null), l = _(() => {
-      const d = c.value;
-      return d && (d instanceof HTMLElement ? d : d.$el);
+    const c = W(null), u = _(() => {
+      const f = c.value;
+      return f && (f instanceof HTMLElement ? f : f.$el);
     });
     function o() {
-      return r || (r = Er(l.value, {
+      return r || (r = Er(u.value, {
         escapeDeactivates: n.escapeDeactivates,
         allowOutsideClick: n.allowOutsideClick,
         returnFocusOnDeactivate: n.returnFocusOnDeactivate,
@@ -880,9 +886,9 @@ const Fr = {
         delayInitialFocus: n.delayInitialFocus
       }));
     }
-    return Ze(() => {
-      Fe(() => n.active, (d) => {
-        d && l.value ? o().activate() : r && (r.deactivate(), (!l.value || l.value.nodeType === Node.COMMENT_NODE) && (r = null));
+    return Pe(() => {
+      Fe(() => n.active, (f) => {
+        f && u.value ? o().activate() : r && (r.deactivate(), (!u.value || u.value.nodeType === Node.COMMENT_NODE) && (r = null));
       }, { immediate: !0, flush: "post" });
     }), gn(() => {
       r && r.deactivate(), r = null;
@@ -896,8 +902,8 @@ const Fr = {
       renderImpl() {
         if (!t.default)
           return null;
-        const d = t.default().filter((T) => T.type !== yn);
-        return !d || !d.length || d.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), d) : _n(d[0], { ref: c });
+        const f = t.default().filter((T) => T.type !== yn);
+        return !f || !f.length || f.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), f) : _n(f[0], { ref: c });
       }
     };
   }
@@ -923,9 +929,9 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   }
 };
 (function(n, t) {
-  var a = 200, r = "__lodash_hash_undefined__", c = 9007199254740991, l = "[object Arguments]", o = "[object Array]", d = "[object Boolean]", g = "[object Date]", T = "[object Error]", C = "[object Function]", S = "[object GeneratorFunction]", M = "[object Map]", $ = "[object Number]", E = "[object Object]", H = "[object Promise]", G = "[object RegExp]", K = "[object Set]", X = "[object String]", q = "[object Symbol]", I = "[object WeakMap]", P = "[object ArrayBuffer]", O = "[object DataView]", u = "[object Float32Array]", f = "[object Float64Array]", b = "[object Int8Array]", N = "[object Int16Array]", h = "[object Int32Array]", F = "[object Uint8Array]", y = "[object Uint8ClampedArray]", R = "[object Uint16Array]", k = "[object Uint32Array]", J = /[\\^$.*+?()[\]{}|]/g, ae = /\w*$/, je = /^\[object .+?Constructor\]$/, me = /^(?:0|[1-9]\d*)$/, x = {};
-  x[l] = x[o] = x[P] = x[O] = x[d] = x[g] = x[u] = x[f] = x[b] = x[N] = x[h] = x[M] = x[$] = x[E] = x[G] = x[K] = x[X] = x[q] = x[F] = x[y] = x[R] = x[k] = !0, x[T] = x[C] = x[I] = !1;
-  var Ut = typeof Ne == "object" && Ne && Ne.Object === Object && Ne, Yt = typeof self == "object" && self && self.Object === Object && self, ne = Ut || Yt || Function("return this")(), it = t && !t.nodeType && t, ot = it && !0 && n && !n.nodeType && n, Xt = ot && ot.exports === it;
+  var a = 200, r = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", o = "[object Array]", f = "[object Boolean]", g = "[object Date]", T = "[object Error]", C = "[object Function]", S = "[object GeneratorFunction]", M = "[object Map]", N = "[object Number]", E = "[object Object]", H = "[object Promise]", G = "[object RegExp]", K = "[object Set]", X = "[object String]", U = "[object Symbol]", I = "[object WeakMap]", Z = "[object ArrayBuffer]", x = "[object DataView]", l = "[object Float32Array]", d = "[object Float64Array]", b = "[object Int8Array]", O = "[object Int16Array]", h = "[object Int32Array]", F = "[object Uint8Array]", y = "[object Uint8ClampedArray]", R = "[object Uint16Array]", k = "[object Uint32Array]", J = /[\\^$.*+?()[\]{}|]/g, ae = /\w*$/, je = /^\[object .+?Constructor\]$/, me = /^(?:0|[1-9]\d*)$/, A = {};
+  A[u] = A[o] = A[Z] = A[x] = A[f] = A[g] = A[l] = A[d] = A[b] = A[O] = A[h] = A[M] = A[N] = A[E] = A[G] = A[K] = A[X] = A[U] = A[F] = A[y] = A[R] = A[k] = !0, A[T] = A[C] = A[I] = !1;
+  var qt = typeof Ne == "object" && Ne && Ne.Object === Object && Ne, Yt = typeof self == "object" && self && self.Object === Object && self, ne = qt || Yt || Function("return this")(), it = t && !t.nodeType && t, ot = it && !0 && n && !n.nodeType && n, Xt = ot && ot.exports === it;
   function Jt(e, i) {
     return e.set(i[0], i[1]), e;
   }
@@ -938,14 +944,14 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     return e;
   }
   function ta(e, i) {
-    for (var s = -1, v = i.length, Z = e.length; ++s < v; )
-      e[Z + s] = i[s];
+    for (var s = -1, v = i.length, P = e.length; ++s < v; )
+      e[P + s] = i[s];
     return e;
   }
   function st(e, i, s, v) {
-    var Z = -1, z = e ? e.length : 0;
-    for (v && z && (s = e[++Z]); ++Z < z; )
-      s = i(s, e[Z], Z, e);
+    var P = -1, z = e ? e.length : 0;
+    for (v && z && (s = e[++P]); ++P < z; )
+      s = i(s, e[P], P, e);
     return s;
   }
   function aa(e, i) {
@@ -967,8 +973,8 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   }
   function lt(e) {
     var i = -1, s = Array(e.size);
-    return e.forEach(function(v, Z) {
-      s[++i] = [Z, v];
+    return e.forEach(function(v, P) {
+      s[++i] = [P, v];
     }), s;
   }
   function Ke(e, i) {
@@ -1042,11 +1048,11 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   function Ca(e) {
     return Ie(this.__data__, e) > -1;
   }
-  function Oa(e, i) {
+  function xa(e, i) {
     var s = this.__data__, v = Ie(s, e);
     return v < 0 ? s.push([e, i]) : s[v][1] = i, this;
   }
-  re.prototype.clear = ka, re.prototype.delete = Sa, re.prototype.get = Ia, re.prototype.has = Ca, re.prototype.set = Oa;
+  re.prototype.clear = ka, re.prototype.delete = Sa, re.prototype.get = Ia, re.prototype.has = Ca, re.prototype.set = xa;
   function fe(e) {
     var i = -1, s = e ? e.length : 0;
     for (this.clear(); ++i < s; ) {
@@ -1054,7 +1060,7 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
       this.set(v[0], v[1]);
     }
   }
-  function xa() {
+  function Oa() {
     this.__data__ = {
       hash: new se(),
       map: new (ge || re)(),
@@ -1073,7 +1079,7 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   function Ea(e, i) {
     return Ce(this, e).set(e, i), this;
   }
-  fe.prototype.clear = xa, fe.prototype.delete = Aa, fe.prototype.get = $a, fe.prototype.has = Na, fe.prototype.set = Ea;
+  fe.prototype.clear = Oa, fe.prototype.delete = Aa, fe.prototype.get = $a, fe.prototype.has = Na, fe.prototype.set = Ea;
   function ve(e) {
     this.__data__ = new re(e);
   }
@@ -1101,9 +1107,9 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   }
   ve.prototype.clear = Fa, ve.prototype.delete = Da, ve.prototype.get = Ma, ve.prototype.has = Ba, ve.prototype.set = La;
   function Ra(e, i) {
-    var s = Ye(e) || ln(e) ? aa(e.length, String) : [], v = s.length, Z = !!v;
+    var s = Ye(e) || ln(e) ? aa(e.length, String) : [], v = s.length, P = !!v;
     for (var z in e)
-      (i || oe.call(e, z)) && !(Z && (z == "length" || rn(z, v))) && s.push(z);
+      (i || oe.call(e, z)) && !(P && (z == "length" || rn(z, v))) && s.push(z);
     return s;
   }
   function yt(e, i, s) {
@@ -1116,46 +1122,46 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         return s;
     return -1;
   }
-  function Za(e, i) {
+  function Pa(e, i) {
     return e && _t(i, Xe(i), e);
   }
-  function qe(e, i, s, v, Z, z, U) {
+  function Ue(e, i, s, v, P, z, q) {
     var V;
-    if (v && (V = z ? v(e, Z, z, U) : v(e)), V !== void 0)
+    if (v && (V = z ? v(e, P, z, q) : v(e)), V !== void 0)
       return V;
-    if (!Oe(e))
+    if (!xe(e))
       return e;
     var Ct = Ye(e);
     if (Ct) {
       if (V = tn(e), !i)
         return Ja(e, V);
     } else {
-      var pe = ce(e), Ot = pe == C || pe == S;
+      var pe = ce(e), xt = pe == C || pe == S;
       if (dn(e))
         return Va(e, i);
-      if (pe == E || pe == l || Ot && !z) {
+      if (pe == E || pe == u || xt && !z) {
         if (ct(e))
           return z ? e : {};
-        if (V = an(Ot ? {} : e), !i)
-          return Qa(e, Za(V, e));
+        if (V = an(xt ? {} : e), !i)
+          return Qa(e, Pa(V, e));
       } else {
-        if (!x[pe])
+        if (!A[pe])
           return z ? e : {};
-        V = nn(e, pe, qe, i);
+        V = nn(e, pe, Ue, i);
       }
     }
-    U || (U = new ve());
-    var xt = U.get(e);
-    if (xt)
-      return xt;
-    if (U.set(e, V), !Ct)
+    q || (q = new ve());
+    var Ot = q.get(e);
+    if (Ot)
+      return Ot;
+    if (q.set(e, V), !Ct)
       var At = s ? en(e) : Xe(e);
-    return ea(At || e, function(Je, xe) {
-      At && (xe = Je, Je = e[xe]), yt(V, xe, qe(Je, i, s, v, xe, e, U));
+    return ea(At || e, function(Je, Oe) {
+      At && (Oe = Je, Je = e[Oe]), yt(V, Oe, Ue(Je, i, s, v, Oe, e, q));
     }), V;
   }
-  function Pa(e) {
-    return Oe(e) ? ca(e) : {};
+  function Za(e) {
+    return xe(e) ? ca(e) : {};
   }
   function ja(e, i, s) {
     var v = i(e);
@@ -1165,7 +1171,7 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     return Se.call(e);
   }
   function Ha(e) {
-    if (!Oe(e) || sn(e))
+    if (!xe(e) || sn(e))
       return !1;
     var i = It(e) || ct(e) ? oa : je;
     return i.test(le(e));
@@ -1184,23 +1190,23 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     var s = new e.constructor(e.length);
     return e.copy(s), s;
   }
-  function Ue(e) {
+  function qe(e) {
     var i = new e.constructor(e.byteLength);
     return new pt(i).set(new pt(e)), i;
   }
   function Wa(e, i) {
-    var s = i ? Ue(e.buffer) : e.buffer;
+    var s = i ? qe(e.buffer) : e.buffer;
     return new e.constructor(s, e.byteOffset, e.byteLength);
   }
   function Ga(e, i, s) {
     var v = i ? s(lt(e), !0) : lt(e);
     return st(v, Jt, new e.constructor());
   }
-  function qa(e) {
+  function Ua(e) {
     var i = new e.constructor(e.source, ae.exec(e));
     return i.lastIndex = e.lastIndex, i;
   }
-  function Ua(e, i, s) {
+  function qa(e, i, s) {
     var v = i ? s(ut(e), !0) : ut(e);
     return st(v, Qt, new e.constructor());
   }
@@ -1208,7 +1214,7 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     return gt ? Object(gt.call(e)) : {};
   }
   function Xa(e, i) {
-    var s = i ? Ue(e.buffer) : e.buffer;
+    var s = i ? qe(e.buffer) : e.buffer;
     return new e.constructor(s, e.byteOffset, e.length);
   }
   function Ja(e, i) {
@@ -1219,9 +1225,9 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   }
   function _t(e, i, s, v) {
     s || (s = {});
-    for (var Z = -1, z = i.length; ++Z < z; ) {
-      var U = i[Z], V = v ? v(s[U], e[U], U, s, e) : void 0;
-      yt(s, U, V === void 0 ? e[U] : V);
+    for (var P = -1, z = i.length; ++P < z; ) {
+      var q = i[P], V = v ? v(s[q], e[q], q, s, e) : void 0;
+      yt(s, q, V === void 0 ? e[q] : V);
     }
     return s;
   }
@@ -1240,12 +1246,12 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     return Ha(s) ? s : void 0;
   }
   var wt = ht ? Ke(ht, Object) : bn, ce = Ka;
-  (ze && ce(new ze(new ArrayBuffer(1))) != O || ge && ce(new ge()) != M || Ve && ce(Ve.resolve()) != H || We && ce(new We()) != K || Ge && ce(new Ge()) != I) && (ce = function(e) {
+  (ze && ce(new ze(new ArrayBuffer(1))) != x || ge && ce(new ge()) != M || Ve && ce(Ve.resolve()) != H || We && ce(new We()) != K || Ge && ce(new Ge()) != I) && (ce = function(e) {
     var i = Se.call(e), s = i == E ? e.constructor : void 0, v = s ? le(s) : void 0;
     if (v)
       switch (v) {
         case va:
-          return O;
+          return x;
         case ba:
           return M;
         case pa:
@@ -1262,22 +1268,22 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     return i && typeof e[0] == "string" && oe.call(e, "index") && (s.index = e.index, s.input = e.input), s;
   }
   function an(e) {
-    return typeof e.constructor == "function" && !Tt(e) ? Pa(sa(e)) : {};
+    return typeof e.constructor == "function" && !Tt(e) ? Za(sa(e)) : {};
   }
   function nn(e, i, s, v) {
-    var Z = e.constructor;
+    var P = e.constructor;
     switch (i) {
-      case P:
-        return Ue(e);
-      case d:
+      case Z:
+        return qe(e);
+      case f:
       case g:
-        return new Z(+e);
-      case O:
+        return new P(+e);
+      case x:
         return Wa(e, v);
-      case u:
-      case f:
+      case l:
+      case d:
       case b:
-      case N:
+      case O:
       case h:
       case F:
       case y:
@@ -1286,14 +1292,14 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
         return Xa(e, v);
       case M:
         return Ga(e, v, s);
-      case $:
+      case N:
       case X:
-        return new Z(e);
+        return new P(e);
       case G:
-        return qa(e);
+        return Ua(e);
       case K:
-        return Ua(e, v, s);
-      case q:
+        return qa(e, v, s);
+      case U:
         return Ya(e);
     }
   }
@@ -1325,13 +1331,13 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     return "";
   }
   function cn(e) {
-    return qe(e, !0, !0);
+    return Ue(e, !0, !0);
   }
   function kt(e, i) {
     return e === i || e !== e && i !== i;
   }
   function ln(e) {
-    return un(e) && oe.call(e, "callee") && (!la.call(e, "callee") || Se.call(e) == l);
+    return un(e) && oe.call(e, "callee") && (!la.call(e, "callee") || Se.call(e) == u);
   }
   var Ye = Array.isArray;
   function St(e) {
@@ -1342,13 +1348,13 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
   }
   var dn = da || pn;
   function It(e) {
-    var i = Oe(e) ? Se.call(e) : "";
+    var i = xe(e) ? Se.call(e) : "";
     return i == C || i == S;
   }
   function fn(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= c;
   }
-  function Oe(e) {
+  function xe(e) {
     var i = typeof e;
     return !!e && (i == "object" || i == "function");
   }
@@ -1369,10 +1375,10 @@ var Ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 const Br = Re, Lr = {
   key: 0,
   class: "sidebar-header"
-}, Rr = { class: "sidebar-content-container" }, Zr = {
+}, Rr = { class: "sidebar-content-container" }, Pr = {
   key: 0,
   class: "sidebar-top"
-}, Pr = { "aria-label": "Main menu" }, jr = {
+}, Zr = { "aria-label": "Main menu" }, jr = {
   key: 0,
   class: "level-primary top-items"
 }, Kr = {
@@ -1457,17 +1463,17 @@ const Br = Re, Lr = {
       f14d803c: m(o).height,
       "2c47047a": m(o).top,
       "5bea84ce": m(g).marginTop,
-      "24d345fe": m(d).display,
-      "26616c55": m(d).minHeight,
+      "24d345fe": m(f).display,
+      "26616c55": m(f).minHeight,
       f27d8cee: m(T).top,
       d026c078: m(T).zIndex
     }));
-    const r = tt(), c = _(() => !!r.header), l = _(() => !!r.top), o = _(() => ({
+    const r = tt(), c = _(() => !!r.header), u = _(() => !!r.top), o = _(() => ({
       mobileTop: a.mobileTopOffset && a.mobileEnabled ? `${a.mobileTopOffset}px` : a.topOffset ? `${a.topOffset}px` : "0",
       top: a.topOffset ? `${a.topOffset}px` : "0",
       mobileHeight: a.mobileTopOffset && a.mobileEnabled ? `calc(100% - ${a.mobileTopOffset}px)` : "100%",
       height: a.topOffset ? `calc(100% - ${a.topOffset}px)` : "100%"
-    })), d = _(() => ({
+    })), f = _(() => ({
       display: !a.mobileHeaderVisible && a.mobileEnabled ? "none" : "flex",
       minHeight: `${a.headerHeight}px`
     })), g = _(() => ({
@@ -1483,9 +1489,9 @@ const Br = Re, Lr = {
           ae.parentKey = y.key, (!ae.testId || !((J = ae.testId) != null && J.trim())) && (ae.testId = String(ae.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
       return y;
-    }), S = _(() => a.topItems.length ? C(a.topItems) : []), M = _(() => a.bottomItems.length ? C(a.bottomItems) : []), $ = W(a.open), E = (h) => {
+    }), S = _(() => a.topItems.length ? C(a.topItems) : []), M = _(() => a.bottomItems.length ? C(a.bottomItems) : []), N = W(a.open), E = (h) => {
       var F, y;
-      $.value !== h && ($.value = h, t("toggle", h)), h ? (F = document == null ? void 0 : document.body) == null || F.classList.add("kong-ui-app-sidebar-open") : (y = document == null ? void 0 : document.body) == null || y.classList.remove("kong-ui-app-sidebar-open"), G.value = !1;
+      N.value !== h && (N.value = h, t("toggle", h)), h ? (F = document == null ? void 0 : document.body) == null || F.classList.add("kong-ui-app-sidebar-open") : (y = document == null ? void 0 : document.body) == null || y.classList.remove("kong-ui-app-sidebar-open"), G.value = !1;
     }, H = () => {
       a.mobileOverlayCloseOnClick && E(!1);
     }, G = W(!1), K = (h) => {
@@ -1496,31 +1502,31 @@ const Br = Re, Lr = {
     Fe(() => a.open, (h) => {
       E(h);
     });
-    const { debounce: X } = Gt(), q = X(() => {
-      $.value && I.value !== (window == null ? void 0 : window.innerWidth) && (I.value = window == null ? void 0 : window.innerWidth, E(!1));
-    }, 200), I = W(), P = W(!1), O = W(), u = () => {
-      P.value || (P.value = !0, clearTimeout(O.value), O.value = setTimeout(() => P.value = !1, 1300));
-    }, f = W(null), b = _(() => $.value && a.mobileEnabled), N = async (h) => {
+    const { debounce: X } = Gt(), U = X(() => {
+      N.value && I.value !== (window == null ? void 0 : window.innerWidth) && (I.value = window == null ? void 0 : window.innerWidth, E(!1));
+    }, 200), I = W(), Z = W(!1), x = W(), l = () => {
+      Z.value || (Z.value = !0, clearTimeout(x.value), x.value = setTimeout(() => Z.value = !1, 1300));
+    }, d = W(null), b = _(() => N.value && a.mobileEnabled), O = async (h) => {
       var F, y;
-      h ? (await wn(), await new Promise((R) => setTimeout(R, 300)), (F = f.value) == null || F.activate()) : (y = f.value) == null || y.deactivate();
+      h ? (await wn(), await new Promise((R) => setTimeout(R, 300)), (F = d.value) == null || F.activate()) : (y = d.value) == null || y.deactivate();
     };
     return Fe(b, async (h) => {
-      h ? await N(!0) : await N(!1);
-    }, { immediate: !0 }), Ze(() => {
-      I.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", q), window.addEventListener("resize", u);
-    }), Pt(() => {
-      window.removeEventListener("resize", q), window.removeEventListener("resize", u);
+      h ? await O(!0) : await O(!1);
+    }, { immediate: !0 }), Pe(() => {
+      I.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", U), window.addEventListener("resize", l);
+    }), Zt(() => {
+      window.removeEventListener("resize", U), window.removeEventListener("resize", l);
     }), (h, F) => {
       const y = te("KIcon"), R = te("KDropdownItem");
-      return p(), A(ue, null, [
-        $.value && n.mobileOverlay && n.mobileEnabled ? (p(), A("div", {
+      return p(), $(ue, null, [
+        N.value && n.mobileOverlay && n.mobileEnabled ? (p(), $("div", {
           key: 0,
           class: "kong-ui-app-sidebar-overlay",
           onClick: H
         })) : B("", !0),
-        Pe(m(Dr), {
+        Ze(m(Dr), {
           ref_key: "focusTrap",
-          ref: f,
+          ref: d,
           active: !1,
           "allow-outside-click": "",
           "fallback-focus": ".kong-ui-app-sidebar"
@@ -1528,32 +1534,32 @@ const Br = Re, Lr = {
           default: L(() => [
             w("aside", {
               class: ee(["kong-ui-app-sidebar", {
-                "sidebar-open": $.value,
+                "sidebar-open": N.value,
                 "no-sidebar-header": !m(c),
                 "mobile-header-hidden": n.mobileEnabled && (!m(c) || !n.mobileHeaderVisible),
                 "mobile-disabled": !n.mobileEnabled,
-                "disable-transitions": P.value
+                "disable-transitions": Z.value
               }]),
               tabindex: "-1"
             }, [
-              m(c) ? (p(), A("div", Lr, [
+              m(c) ? (p(), $("div", Lr, [
                 D(h.$slots, "header", {}, void 0, !0)
               ])) : B("", !0),
               w("div", Rr, [
-                m(l) ? (p(), A("div", Zr, [
+                m(u) ? (p(), $("div", Pr, [
                   D(h.$slots, "top", {}, void 0, !0)
                 ])) : B("", !0),
-                w("nav", Pr, [
-                  m(S).length ? (p(), A("ul", jr, [
-                    (p(!0), A(ue, null, he(m(S), (k) => (p(), j(Nt, {
+                w("nav", Zr, [
+                  m(S).length ? (p(), $("ul", jr, [
+                    (p(!0), $(ue, null, he(m(S), (k) => (p(), j(Nt, {
                       key: k.name,
                       item: k,
                       onClick: K
                     }, null, 8, ["item"]))), 128))
                   ])) : B("", !0),
-                  m(S).length && m(M).length ? (p(), A("div", Kr)) : B("", !0),
-                  m(M).length ? (p(), A("ul", Hr, [
-                    (p(!0), A(ue, null, he(m(M), (k) => (p(), j(Nt, {
+                  m(S).length && m(M).length ? (p(), $("div", Kr)) : B("", !0),
+                  m(M).length ? (p(), $("ul", Hr, [
+                    (p(!0), $(ue, null, he(m(M), (k) => (p(), j(Nt, {
                       key: k.name,
                       item: k,
                       onClick: K
@@ -1570,7 +1576,7 @@ const Br = Re, Lr = {
                     name: n.profileName
                   }, {
                     default: L(() => [
-                      (p(!0), A(ue, null, he(n.profileItems, (k) => (p(), j(R, {
+                      (p(!0), $(ue, null, he(n.profileItems, (k) => (p(), j(R, {
                         key: k.name,
                         class: ee([{ "has-divider": k.hasDivider }, { "external-profile-dropdown-link": (k.external || k.newWindow) && typeof k.to == "string" }]),
                         "has-divider": k.hasDivider,
@@ -1578,7 +1584,7 @@ const Br = Re, Lr = {
                         onClick: (J) => K(k)
                       }, {
                         default: L(() => [
-                          (k.external || k.newWindow) && typeof k.to == "string" ? (p(), A("a", {
+                          (k.external || k.newWindow) && typeof k.to == "string" ? (p(), $("a", {
                             key: 0,
                             class: "sidebar-item-external-link",
                             href: k.to,
@@ -1609,8 +1615,8 @@ const Br = Re, Lr = {
     };
   }
 });
-const Gr = /* @__PURE__ */ Y(Wr, [["__scopeId", "data-v-46293c41"]]), rt = (n) => (at("data-v-33b3f7c3"), n = n(), nt(), n), qr = ["aria-label", "onClick"], Ur = /* @__PURE__ */ rt(() => /* @__PURE__ */ w("span", { class: "line" }, null, -1)), Yr = /* @__PURE__ */ rt(() => /* @__PURE__ */ w("span", { class: "line" }, null, -1)), Xr = /* @__PURE__ */ rt(() => /* @__PURE__ */ w("span", { class: "line" }, null, -1)), Jr = [
-  Ur,
+const Gr = /* @__PURE__ */ Y(Wr, [["__scopeId", "data-v-46293c41"]]), rt = (n) => (at("data-v-33b3f7c3"), n = n(), nt(), n), Ur = ["aria-label", "onClick"], qr = /* @__PURE__ */ rt(() => /* @__PURE__ */ w("span", { class: "line" }, null, -1)), Yr = /* @__PURE__ */ rt(() => /* @__PURE__ */ w("span", { class: "line" }, null, -1)), Xr = /* @__PURE__ */ rt(() => /* @__PURE__ */ w("span", { class: "line" }, null, -1)), Jr = [
+  qr,
   Yr,
   Xr
 ], Qr = /* @__PURE__ */ Q({
@@ -1626,16 +1632,16 @@ const Gr = /* @__PURE__ */ Y(Wr, [["__scopeId", "data-v-46293c41"]]), rt = (n) =
     const a = n, r = W(a.active || !1), c = () => {
       r.value = !r.value, t("toggle", r.value);
     };
-    return Fe(() => a.active, (l) => {
-      r.value = l;
-    }), (l, o) => (p(), A("a", {
+    return Fe(() => a.active, (u) => {
+      r.value = u;
+    }), (u, o) => (p(), $("a", {
       "aria-haspopup": "true",
       "aria-label": r.value ? "Close Main Menu" : "Open Main Menu",
       class: ee(["sidebar-menu-toggle", { active: r.value }]),
       href: "#",
       role: "button",
-      onClick: Zt(c, ["prevent"])
-    }, Jr, 10, qr));
+      onClick: Pt(c, ["prevent"])
+    }, Jr, 10, Ur));
   }
 });
 const ei = /* @__PURE__ */ Y(Qr, [["__scopeId", "data-v-33b3f7c3"]]), ti = (n) => (at("data-v-421b8aac"), n = n(), nt(), n), ai = { id: "kong-ui-app-layout-notification" }, ni = { class: "mobile-logo" }, ri = {
@@ -1698,9 +1704,9 @@ const ei = /* @__PURE__ */ Y(Qr, [["__scopeId", "data-v-33b3f7c3"]]), ti = (n) =
       sidebarHeader: _(() => !!r["sidebar-header"]),
       sidebarTop: _(() => !!r["sidebar-top"]),
       sidebarFooter: _(() => !!r["sidebar-footer"])
-    }), l = _(() => a.hideDefaultSlot), o = Ee({
+    }), u = _(() => a.hideDefaultSlot), o = Ee({
       hidden: _(() => a.navbarHidden)
-    }), d = Ee({
+    }), f = Ee({
       topItems: _(() => a.sidebarTopItems),
       bottomItems: _(() => a.sidebarBottomItems),
       profileItems: _(() => a.sidebarProfileItems),
@@ -1713,42 +1719,42 @@ const ei = /* @__PURE__ */ Y(Qr, [["__scopeId", "data-v-33b3f7c3"]]), ti = (n) =
       T.value = I;
     };
     Tn(() => {
-      T.value = kn(d, "open").value || !1;
+      T.value = kn(f, "open").value || !1;
     });
-    const S = W(0), M = W(60), $ = W(0), E = _(() => o.hidden ? $.value : M.value + $.value), H = _(() => `${E.value}px`), G = _(() => d.hidden || o.hidden ? "0" : "16px"), { debounce: K } = Gt(), X = K((I = !1) => {
+    const S = W(0), M = W(60), N = W(0), E = _(() => o.hidden ? N.value : M.value + N.value), H = _(() => `${E.value}px`), G = _(() => f.hidden || o.hidden ? "0" : "16px"), { debounce: K } = Gt(), X = K((I = !1) => {
       if (I || S.value !== (window == null ? void 0 : window.innerWidth)) {
-        const P = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-        P && ($.value = P.offsetHeight);
+        const Z = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+        Z && (N.value = Z.offsetHeight);
       }
-    }, 200), q = W();
-    return Ze(() => {
-      var P, O;
-      (P = document == null ? void 0 : document.body) == null || P.classList.add("kong-ui-app-layout-body"), (O = document == null ? void 0 : document.documentElement) == null || O.classList.add("kong-ui-app-layout-html"), S.value = window == null ? void 0 : window.innerWidth, X(!0);
+    }, 200), U = W();
+    return Pe(() => {
+      var Z, x;
+      (Z = document == null ? void 0 : document.body) == null || Z.classList.add("kong-ui-app-layout-body"), (x = document == null ? void 0 : document.documentElement) == null || x.classList.add("kong-ui-app-layout-html"), S.value = window == null ? void 0 : window.innerWidth, X(!0);
       const I = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-      I && (q.value = new ResizeObserver((u) => {
-        for (const f of u) {
-          const b = f.contentRect.height;
-          $.value !== b && ($.value = b);
+      I && (U.value = new ResizeObserver((l) => {
+        for (const d of l) {
+          const b = d.contentRect.height;
+          N.value !== b && (N.value = b);
         }
-      }), q.value.observe(I)), window.addEventListener("resize", X);
-    }), Pt(() => {
-      q.value && q.value.disconnect(), window.removeEventListener("resize", X);
-    }), (I, P) => (p(), A("div", {
+      }), U.value.observe(I)), window.addEventListener("resize", X);
+    }), Zt(() => {
+      U.value && U.value.disconnect(), window.removeEventListener("resize", X);
+    }), (I, Z) => (p(), $("div", {
       class: ee(["kong-ui-app-layout", [
         { "navbar-hidden": o.hidden },
-        { "sidebar-hidden": d.hidden }
+        { "sidebar-hidden": f.hidden }
       ]])
     }, [
       w("div", ai, [
         D(I.$slots, "notification", {}, void 0, !0)
       ]),
       o.hidden ? B("", !0) : (p(), j(Dn, {
-        key: String(d.hidden),
-        "left-offset": d.hidden ? 0 : void 0,
-        "top-offset": $.value
+        key: String(f.hidden),
+        "left-offset": f.hidden ? 0 : void 0,
+        "top-offset": N.value
       }, $t({
         "mobile-sidebar-toggle": L(() => [
-          d.hidden ? B("", !0) : (p(), j(ei, {
+          f.hidden ? B("", !0) : (p(), j(ei, {
             key: 0,
             active: T.value,
             onToggle: C
@@ -1768,7 +1774,7 @@ const ei = /* @__PURE__ */ Y(Qr, [["__scopeId", "data-v-33b3f7c3"]]), ti = (n) =
         c.navbarLogo ? {
           name: "logo",
           fn: L(() => [
-            d.hidden ? (p(), A("div", ri, [
+            f.hidden ? (p(), $("div", ri, [
               D(I.$slots, "navbar-logo", {}, void 0, !0)
             ])) : B("", !0)
           ]),
@@ -1796,18 +1802,18 @@ const ei = /* @__PURE__ */ Y(Qr, [["__scopeId", "data-v-33b3f7c3"]]), ti = (n) =
           key: "4"
         } : void 0
       ]), 1032, ["left-offset", "top-offset"])),
-      d.hidden ? B("", !0) : (p(), j(Gr, {
+      f.hidden ? B("", !0) : (p(), j(Gr, {
         key: 1,
-        "bottom-items": d.bottomItems,
+        "bottom-items": f.bottomItems,
         "header-height": M.value,
         "mobile-enabled": "",
         "mobile-header-visible": !1,
         "mobile-top-offset": m(E),
         open: T.value,
-        "profile-items": d.profileItems,
-        "profile-name": d.profileName,
-        "top-items": d.topItems,
-        "top-offset": $.value,
+        "profile-items": f.profileItems,
+        "profile-name": f.profileName,
+        "top-items": f.topItems,
+        "top-offset": N.value,
         onClick: g,
         onToggle: C
       }, $t({ _: 2 }, [
@@ -1837,7 +1843,7 @@ const ei = /* @__PURE__ */ Y(Qr, [["__scopeId", "data-v-33b3f7c3"]]), ti = (n) =
         w("div", oi, [
           si,
           D(I.$slots, "app-error", {}, void 0, !0),
-          m(l) ? B("", !0) : D(I.$slots, "default", { key: 0 }, void 0, !0)
+          m(u) ? B("", !0) : D(I.$slots, "default", { key: 0 }, void 0, !0)
         ])
       ])
     ], 2));
@@ -1865,11 +1871,11 @@ const li = /* @__PURE__ */ Y(ci, [["__scopeId", "data-v-421b8aac"]]), ui = /* @_
   },
   emits: ["change"],
   setup(n, { emit: t }) {
-    var l;
-    const a = n, r = W(((l = a.options) == null ? void 0 : l.filter((o) => !!o.selected)[0]) || a.options[0]), c = (o) => {
+    var u;
+    const a = n, r = W(((u = a.options) == null ? void 0 : u.filter((o) => !!o.selected)[0]) || a.options[0]), c = (o) => {
       r.value = o, t("change", r.value);
     };
-    return (o, d) => {
+    return (o, f) => {
       const g = te("KDropdownItem"), T = te("KDropdownMenu");
       return p(), j(T, {
         appearance: "selectionMenu",
@@ -1879,11 +1885,11 @@ const li = /* @__PURE__ */ Y(ci, [["__scopeId", "data-v-421b8aac"]]), ui = /* @_
         "kpop-attributes": { placement: "bottomStart", disabled: n.disabled },
         label: r.value.label,
         width: n.width,
-        onChange: d[0] || (d[0] = (C) => c(C))
+        onChange: f[0] || (f[0] = (C) => c(C))
       }, {
         items: L(({ handleSelection: C }) => [
           D(o.$slots, "default", {}, () => [
-            (p(!0), A(ue, null, he(n.options, (S) => (p(), j(g, {
+            (p(!0), $(ue, null, he(n.options, (S) => (p(), j(g, {
               key: S.value,
               "data-testid": "select-" + S.value,
               selected: r.value.value === S.value,
@@ -1931,14 +1937,14 @@ const Ii = /* @__PURE__ */ Y(ui, [["__scopeId", "data-v-760cb07f"]]), di = /* @_
         size: "small",
         width: n.width
       }, {
-        items: L(({ handleSelection: l }) => [
+        items: L(({ handleSelection: u }) => [
           D(t.$slots, "default", {}, () => [
-            (p(!0), A(ue, null, he(n.options, (o) => (p(), j(r, {
+            (p(!0), $(ue, null, he(n.options, (o) => (p(), j(r, {
               key: o.value,
               class: ee({ "has-divider": o.hasDivider }),
               "data-testid": "select-" + o.value,
               "has-divider": o.hasDivider,
-              onClick: (d) => l(o)
+              onClick: (f) => u(o)
             }, {
               default: L(() => [
                 D(t.$slots, "default", { option: o }, () => [
@@ -1963,18 +1969,18 @@ const Ci = /* @__PURE__ */ Y(di, [["__scopeId", "data-v-a67a46ee"]]), fi = {}, v
   bi
 ];
 function hi(n, t) {
-  return p(), A("svg", vi, pi);
+  return p(), $("svg", vi, pi);
 }
-const mi = /* @__PURE__ */ Y(fi, [["render", hi]]), qt = (n) => (at("data-v-ff05f71e"), n = n(), nt(), n), gi = { class: "kong-ui-app-error" }, yi = { class: "banana-icon" }, _i = { class: "kong-ui-app-error-content" }, wi = /* @__PURE__ */ qt(() => /* @__PURE__ */ w("h2", null, "An unexpected error has occurred", -1)), Ti = /* @__PURE__ */ qt(() => /* @__PURE__ */ w("p", null, [
+const mi = /* @__PURE__ */ Y(fi, [["render", hi]]), Ut = (n) => (at("data-v-ff05f71e"), n = n(), nt(), n), gi = { class: "kong-ui-app-error" }, yi = { class: "banana-icon" }, _i = { class: "kong-ui-app-error-content" }, wi = /* @__PURE__ */ Ut(() => /* @__PURE__ */ w("h2", null, "An unexpected error has occurred", -1)), Ti = /* @__PURE__ */ Ut(() => /* @__PURE__ */ w("p", null, [
   /* @__PURE__ */ Te("Go back to the previous page or "),
   /* @__PURE__ */ w("a", { href: "/" }, "return home"),
   /* @__PURE__ */ Te(".")
 ], -1)), ki = /* @__PURE__ */ Q({
   __name: "AppError",
   setup(n) {
-    return (t, a) => (p(), A("section", gi, [
+    return (t, a) => (p(), $("section", gi, [
       w("div", yi, [
-        Pe(mi)
+        Ze(mi)
       ]),
       w("div", _i, [
         D(t.$slots, "default", {}, () => [
@@ -1985,7 +1991,7 @@ const mi = /* @__PURE__ */ Y(fi, [["render", hi]]), qt = (n) => (at("data-v-ff05
     ]));
   }
 });
-const Oi = /* @__PURE__ */ Y(ki, [["__scopeId", "data-v-ff05f71e"]]), xi = {
+const xi = /* @__PURE__ */ Y(ki, [["__scopeId", "data-v-ff05f71e"]]), Oi = {
   // 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).
@@ -1995,12 +2001,12 @@ const Oi = /* @__PURE__ */ Y(ki, [["__scopeId", "data-v-ff05f71e"]]), xi = {
 };
 export {
   Ci as AccountDropdown,
-  Oi as AppError,
+  xi as AppError,
   li as AppLayout,
   Dn as AppNavbar,
   Gr as AppSidebar,
   Ii as NavbarDropdownMenu,
   ei as SidebarToggle,
-  xi as default
+  Oi as default
 };
 //# sourceMappingURL=app-layout.es.js.map