@kong-ui-public/app-layout 4.0.17 → 4.0.18-pr.1292.6e2b37e2.0

package/dist/app-layout.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as ee, resolveComponent as be, openBlock as p, createBlock as Y, withCtx as x, renderSlot as T, createElementBlock as w, Fragment as Ce, renderList as _e, normalizeClass as ne, createTextVNode as lt, toDisplayString as X, computed as k, createSlots as Ze, createVNode as Ne, createCommentVNode as C, createElementVNode as S, createStaticVNode as mn, pushScopeId as ze, popScopeId as Ge, useCssVars as dt, useSlots as ft, reactive as Pe, onMounted as qe, resolveDynamicComponent as gn, withKeys as yn, ref as W, watch as je, onUnmounted as wn, Comment as _n, cloneVNode as kn, nextTick as Lt, onBeforeUnmount as Vt, unref as Tn, withModifiers as Sn, watchEffect as In, toRef as $n } from "vue";
+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 st, toDisplayString as X, computed as k, createSlots as Ze, createVNode as Ne, createCommentVNode as C, createElementVNode as $, createStaticVNode as mn, pushScopeId as lt, popScopeId as ut, useCssVars as dt, useSlots as ft, reactive as Pe, onMounted as ze, resolveDynamicComponent as gn, withKeys as yn, ref as W, watch as je, onUnmounted as wn, Comment as _n, cloneVNode as kn, nextTick as Lt, onBeforeUnmount as Vt, unref as Tn, withModifiers as Sn, watchEffect as In, toRef as $n } from "vue";
 const On = /* @__PURE__ */ ee({
   __name: "AccountDropdown",
   props: {
@@ -26,7 +26,7 @@ const On = /* @__PURE__ */ ee({
         "trigger-text": a.userInitials,
         width: a.width
       }, {
-        items: x(({ handleSelection: l }) => [
+        items: R(({ handleSelection: l }) => [
           T(t.$slots, "default", {}, () => [
             (p(!0), w(Ce, null, _e(a.options, (o) => (p(), Y(n, {
               key: o.value,
@@ -35,9 +35,9 @@ const On = /* @__PURE__ */ ee({
               "has-divider": o.hasDivider,
               onClick: (v) => l(o)
             }, {
-              default: x(() => [
+              default: R(() => [
                 T(t.$slots, "default", { option: o }, () => [
-                  lt(X(o.label), 1)
+                  st(X(o.label), 1)
                 ], !0)
               ]),
               _: 2
@@ -53,7 +53,7 @@ const On = /* @__PURE__ */ ee({
   for (const [n, c] of t)
     r[n] = c;
   return r;
-}, Hi = /* @__PURE__ */ te(On, [["__scopeId", "data-v-7bab0343"]]), Cn = {
+}, ji = /* @__PURE__ */ te(On, [["__scopeId", "data-v-7bab0343"]]), Cn = {
   class: "about-section-title",
   "data-testid": "about-section-title"
 }, En = { class: "about-section-header-end" }, Nn = {
@@ -129,7 +129,7 @@ const On = /* @__PURE__ */ ee({
         class: "kong-ui-app-about-section",
         "title-tag": "h2"
       }, Ze({
-        default: x(() => [
+        default: R(() => [
           a.isLoading ? (p(), w("div", xn, [
             Ne(l, {
               height: "2",
@@ -154,15 +154,15 @@ const On = /* @__PURE__ */ ee({
       }, [
         a.title ? {
           name: "title",
-          fn: x(() => [
-            S("span", Cn, X(a.title), 1)
+          fn: R(() => [
+            $("span", Cn, X(a.title), 1)
           ]),
           key: "0"
         } : void 0,
         n.$slots.actions || a.created || a.modified ? {
           name: "actions",
-          fn: x(() => [
-            S("div", En, [
+          fn: R(() => [
+            $("div", En, [
               a.created || a.modified ? (p(), w("div", {
                 key: 0,
                 class: ne(["about-section-timestamps", { "has-actions": n.$slots.actions }])
@@ -181,7 +181,7 @@ const On = /* @__PURE__ */ ee({
       ]), 1024);
     };
   }
-}), Ui = /* @__PURE__ */ te(Zn, [["__scopeId", "data-v-521dcc27"]]), jn = {}, Kn = {
+}), Ki = /* @__PURE__ */ te(Zn, [["__scopeId", "data-v-521dcc27"]]), jn = {}, Kn = {
   fill: "none",
   height: "130",
   width: "130",
@@ -192,18 +192,18 @@ const On = /* @__PURE__ */ ee({
 function Vn(a, t) {
   return p(), w("svg", Kn, Un);
 }
-const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (ze("data-v-5cbccc66"), a = a(), Ge(), a), zn = { class: "kong-ui-app-error" }, Gn = { class: "banana-icon" }, qn = { class: "kong-ui-app-error-content" }, Xn = /* @__PURE__ */ Wt(() => /* @__PURE__ */ S("h2", null, "An unexpected error has occurred", -1)), Yn = /* @__PURE__ */ Wt(() => /* @__PURE__ */ S("p", null, [
-  /* @__PURE__ */ lt("Go back to the previous page or "),
-  /* @__PURE__ */ S("a", { href: "/" }, "return home"),
-  /* @__PURE__ */ lt(".")
+const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (lt("data-v-5cbccc66"), a = a(), ut(), a), zn = { class: "kong-ui-app-error" }, Gn = { class: "banana-icon" }, qn = { class: "kong-ui-app-error-content" }, Xn = /* @__PURE__ */ Wt(() => /* @__PURE__ */ $("h2", null, "An unexpected error has occurred", -1)), Yn = /* @__PURE__ */ Wt(() => /* @__PURE__ */ $("p", null, [
+  /* @__PURE__ */ st("Go back to the previous page or "),
+  /* @__PURE__ */ $("a", { href: "/" }, "return home"),
+  /* @__PURE__ */ st(".")
 ], -1)), Jn = /* @__PURE__ */ ee({
   __name: "AppError",
   setup(a) {
     return (t, r) => (p(), w("section", zn, [
-      S("div", Gn, [
+      $("div", Gn, [
         Ne(Wn)
       ]),
-      S("div", qn, [
+      $("div", qn, [
         T(t.$slots, "default", {}, () => [
           Xn,
           Yn
@@ -211,7 +211,7 @@ const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (ze("data-v-5cb
       ])
     ]));
   }
-}), Vi = /* @__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__ */ te(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({
@@ -243,7 +243,7 @@ const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (ze("data-v-5cb
       marginRight: "0",
       width: "0"
     });
-    qe(() => {
+    ze(() => {
       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");
     });
@@ -253,29 +253,29 @@ const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (ze("data-v-5cb
       zIndex: t.zIndex
     }));
     return (o, v) => (p(), w("header", Qn, [
-      S("div", er, [
-        S("div", tr, [
+      $("div", er, [
+        $("div", tr, [
           T(o.$slots, "mobile-sidebar-toggle"),
           T(o.$slots, "mobile-logo")
         ]),
         n.value ? (p(), w("div", ar, [
           T(o.$slots, "logo")
         ])) : C("", !0),
-        S("div", nr, [
-          S("div", rr, [
+        $("div", nr, [
+          $("div", rr, [
             T(o.$slots, "left")
           ]),
-          S("div", ir, [
+          $("div", ir, [
             T(o.$slots, "center")
           ]),
-          S("div", or, [
+          $("div", or, [
             T(o.$slots, "right")
           ])
         ])
       ])
     ]));
   }
-}), cr = /* @__PURE__ */ te(sr, [["__scopeId", "data-v-beca6ea9"]]), lr = ["title"], st = 99, ur = /* @__PURE__ */ ee({
+}), cr = /* @__PURE__ */ te(sr, [["__scopeId", "data-v-beca6ea9"]]), lr = ["title"], it = 99, ur = /* @__PURE__ */ ee({
   __name: "ItemBadge",
   props: {
     count: {
@@ -285,11 +285,11 @@ const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (ze("data-v-5cb
     }
   },
   setup(a) {
-    const t = a, r = k(() => t.count ? t.count > st ? `${st}+` : t.count.toString() : "");
+    const t = a, r = k(() => t.count ? t.count > it ? `${it}+` : t.count.toString() : "");
     return (n, c) => r.value ? (p(), w("div", {
       key: 0,
       class: "item-badge",
-      title: (a.count || 0) > st ? String(a.count) : void 0
+      title: (a.count || 0) > it ? String(a.count) : void 0
     }, X(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 = {
@@ -313,12 +313,12 @@ const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (ze("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 = (I) => {
-      r("click", I);
-    }, m = (I, A, N) => {
-      v(A), typeof N == "function" && (I.preventDefault(), N());
+    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) => {
+      r("click", S);
+    }, m = (S, A, N) => {
+      v(A), typeof N == "function" && (S.preventDefault(), N());
     };
-    return (I, A) => {
+    return (S, A) => {
       var P;
       const N = be("KTooltip"), D = be("SidebarItem", !0);
       return p(), w("li", {
@@ -329,10 +329,10 @@ const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (ze("data-v-5cb
           custom: c.value ? void 0 : !0,
           to: !c.value && !l.value ? a.item.to : void 0
         }, {
-          default: x((_) => {
+          default: R((_) => {
             var Z, G;
             return [
-              S("a", {
+              $("a", {
                 "aria-controls": (Z = a.item.items) != null && Z.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 }]),
@@ -341,13 +341,13 @@ const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (ze("data-v-5cb
                 onClick: (B) => m(B, a.item, _ == null ? void 0 : _.navigate),
                 onKeypress: yn((B) => m(B, a.item, _ == null ? void 0 : _.navigate), ["enter"])
               }, [
-                S("div", {
+                $("div", {
                   class: ne(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-badge": o.value }])
                 }, [
-                  I.$slots[`sidebar-icon-${a.item.key}`] ? (p(), w("div", br, [
-                    a.subnavItem ? C("", !0) : T(I.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
+                  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)
                   ])) : C("", !0),
-                  S("div", hr, [
+                  $("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"]])
@@ -358,9 +358,9 @@ const Wn = /* @__PURE__ */ te(jn, [["render", Vn]]), Wt = (a) => (ze("data-v-5cb
                       "position-fixed": "",
                       text: a.item.name
                     }, {
-                      default: x(() => [
-                        S("div", pr, [
-                          S("span", {
+                      default: R(() => [
+                        $("div", pr, [
+                          $("span", {
                             class: ne(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": o.value }]])
                           }, X(a.item.name), 3)
                         ])
@@ -423,10 +423,10 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     var o = l.shift();
     if (!Ue(o, !1))
       if (o.tagName === "SLOT") {
-        var v = o.assignedElements(), m = v.length ? v : o.children, I = a(m, !0, n);
-        n.flatten ? c.push.apply(c, I) : c.push({
+        var v = o.assignedElements(), m = v.length ? v : o.children, S = a(m, !0, n);
+        n.flatten ? c.push.apply(c, S) : c.push({
           scopeParent: o,
-          candidates: I
+          candidates: S
         });
       } else {
         var A = he.call(o, Ke);
@@ -493,8 +493,8 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   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; ) {
-      var I, A, N;
-      n = He(c), c = (I = n) === null || I === void 0 ? void 0 : I.host, l = !!((A = c) !== null && A !== void 0 && (N = A.ownerDocument) !== null && N !== void 0 && N.contains(c));
+      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));
     }
   }
   return l;
@@ -511,10 +511,10 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!n || n === "full" || n === "legacy-full") {
     if (typeof c == "function") {
       for (var v = t; t; ) {
-        var m = t.parentElement, I = He(t);
+        var m = t.parentElement, S = He(t);
         if (m && !m.shadowRoot && c(m) === !0)
           return Pt(t);
-        t.assignedSlot ? t = t.assignedSlot : !m && I !== t.ownerDocument ? t = I.host : t = m;
+        t.assignedSlot ? t = t.assignedSlot : !m && S !== t.ownerDocument ? t = S.host : t = m;
       }
       t = v;
     }
@@ -545,7 +545,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   //  note related to `candidateSelectors`)
   Ue(r) || Tr(r) || Nr(r, t) || // For a details element with a summary, the summary element gets the focus
   Sr(r) || Ar(r));
-}, ut = function(t, r) {
+}, ct = function(t, r) {
   return !(Cr(r) || ve(r) < 0 || !Ve(t, r));
 }, Fr = function(t) {
   var r = parseInt(t.getAttribute("tabindex"), 10);
@@ -553,13 +553,13 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Dr = 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), I = o ? a(c.candidates) : v;
-    m === 0 ? o ? r.push.apply(r, I) : r.push(v) : n.push({
+    var o = !!c.scopeParent, v = o ? c.scopeParent : c, m = _r(v, o), S = o ? a(c.candidates) : v;
+    m === 0 ? o ? r.push.apply(r, S) : r.push(v) : n.push({
       documentOrder: l,
       tabIndex: m,
       item: c,
       isScope: o,
-      content: I
+      content: S
     });
   }), n.sort(kr).reduce(function(c, l) {
     return l.isScope ? c.push.apply(c, l.content) : c.push(l.content), c;
@@ -568,11 +568,11 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   r = r || {};
   var n;
   return r.getShadowRoot ? n = Xt([t], r.includeContainer, {
-    filter: ut.bind(null, r),
+    filter: ct.bind(null, r),
     flatten: !1,
     getShadowRoot: r.getShadowRoot,
     shadowRootFilter: Fr
-  }) : n = qt(t, r.includeContainer, ut.bind(null, r)), Dr(n);
+  }) : n = qt(t, r.includeContainer, ct.bind(null, r)), Dr(n);
 }, Rr = function(t, r) {
   r = r || {};
   var n;
@@ -584,8 +584,8 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, we = function(t, r) {
   if (r = r || {}, !t)
     throw new Error("No node provided");
-  return he.call(t, Ke) === !1 ? !1 : ut(r, t);
-}, Br = /* @__PURE__ */ zt.concat("iframe").join(","), ct = function(t, r) {
+  return he.call(t, Ke) === !1 ? !1 : ct(r, t);
+}, Br = /* @__PURE__ */ zt.concat("iframe").join(","), ot = function(t, r) {
   if (r = r || {}, !t)
     throw new Error("No node provided");
   return he.call(t, Br) === !1 ? !1 : Ve(r, t);
@@ -720,7 +720,7 @@ var Kt = {
     recentNavEvent: void 0
   }, v, m = function(d, u, f) {
     return d && d[u] !== void 0 ? d[u] : l[f || u];
-  }, I = function(d, u) {
+  }, 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, O = y.tabbableNodes;
@@ -752,8 +752,8 @@ var Kt = {
     var d = A("initialFocus");
     if (d === !1)
       return !1;
-    if (d === void 0 || !ct(d, l.tabbableOptions))
-      if (I(n.activeElement) >= 0)
+    if (d === void 0 || !ot(d, l.tabbableOptions))
+      if (S(n.activeElement) >= 0)
         d = n.activeElement;
       else {
         var u = o.tabbableGroups[0], f = u && u.firstTabbableNode;
@@ -768,7 +768,7 @@ var Kt = {
         return we(g);
       }), F = f.slice().reverse().find(function(g) {
         return we(g);
-      }), R = !!u.find(function(g) {
+      }), x = !!u.find(function(g) {
         return ve(g) > 0;
       });
       return {
@@ -776,7 +776,7 @@ var Kt = {
         tabbableNodes: u,
         focusableNodes: f,
         /** True if at least one node with positive `tabindex` was found in this container. */
-        posTabIndexesFound: R,
+        posTabIndexesFound: x,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
         firstTabbableNode: y,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
@@ -817,14 +817,14 @@ 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 $(d) {
+  }, P = function I(d) {
     var u = d.activeElement;
     if (u)
-      return u.shadowRoot && u.shadowRoot.activeElement !== null ? $(u.shadowRoot) : u;
-  }, _ = function $(d) {
+      return u.shadowRoot && u.shadowRoot.activeElement !== null ? I(u.shadowRoot) : u;
+  }, _ = function I(d) {
     if (d !== !1 && d !== P(document)) {
       if (!d || !d.focus) {
-        $(N());
+        I(N());
         return;
       }
       d.focus({
@@ -839,7 +839,7 @@ var Kt = {
     u = u || Le(f), D();
     var O = null;
     if (o.tabbableGroups.length > 0) {
-      var F = I(u, f), R = F >= 0 ? o.containerGroups[F] : void 0;
+      var F = S(u, f), x = F >= 0 ? o.containerGroups[F] : void 0;
       if (F < 0)
         h ? O = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : O = o.tabbableGroups[0].firstTabbableNode;
       else if (h) {
@@ -847,28 +847,28 @@ var Kt = {
           var Se = Te.firstTabbableNode;
           return u === Se;
         });
-        if (g < 0 && (R.container === u || ct(u, l.tabbableOptions) && !we(u, l.tabbableOptions) && !R.nextTabbableNode(u, !1)) && (g = F), g >= 0) {
+        if (g < 0 && (x.container === u || ot(u, l.tabbableOptions) && !we(u, l.tabbableOptions) && !x.nextTabbableNode(u, !1)) && (g = F), g >= 0) {
           var re = g === 0 ? o.tabbableGroups.length - 1 : g - 1, le = o.tabbableGroups[re];
           O = ve(u) >= 0 ? le.lastTabbableNode : le.lastDomTabbableNode;
         } else
-          Ee(f) || (O = R.nextTabbableNode(u, !1));
+          Ee(f) || (O = x.nextTabbableNode(u, !1));
       } else {
         var L = Ut(o.tabbableGroups, function(Te) {
           var Se = Te.lastTabbableNode;
           return u === Se;
         });
-        if (L < 0 && (R.container === u || ct(u, l.tabbableOptions) && !we(u, l.tabbableOptions) && !R.nextTabbableNode(u)) && (L = F), L >= 0) {
+        if (L < 0 && (x.container === u || ot(u, l.tabbableOptions) && !we(u, l.tabbableOptions) && !x.nextTabbableNode(u)) && (L = F), L >= 0) {
           var se = L === o.tabbableGroups.length - 1 ? 0 : L + 1, ke = o.tabbableGroups[se];
           O = ve(u) >= 0 ? ke.firstTabbableNode : ke.firstDomTabbableNode;
         } else
-          Ee(f) || (O = R.nextTabbableNode(u));
+          Ee(f) || (O = x.nextTabbableNode(u));
       }
     } else
       O = A("fallbackFocus");
     return O;
   }, B = function(d) {
     var u = Le(d);
-    if (!(I(u, d) >= 0)) {
+    if (!(S(u, d) >= 0)) {
       if (Oe(l.clickOutsideDeactivates, d)) {
         v.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -884,7 +884,7 @@ var Kt = {
       Oe(l.allowOutsideClick, d) || d.preventDefault();
     }
   }, ae = function(d) {
-    var u = Le(d), f = I(u, d) >= 0;
+    var u = Le(d), f = S(u, d) >= 0;
     if (f || u instanceof Document)
       f && (o.mostRecentlyFocusedNode = u);
     else {
@@ -892,12 +892,12 @@ var Kt = {
       var y, h = !0;
       if (o.mostRecentlyFocusedNode)
         if (ve(o.mostRecentlyFocusedNode) > 0) {
-          var O = I(o.mostRecentlyFocusedNode), F = o.containerGroups[O].tabbableNodes;
+          var O = S(o.mostRecentlyFocusedNode), F = o.containerGroups[O].tabbableNodes;
           if (F.length > 0) {
-            var R = F.findIndex(function(g) {
+            var x = F.findIndex(function(g) {
               return g === o.mostRecentlyFocusedNode;
             });
-            R >= 0 && (l.isKeyForward(o.recentNavEvent) ? R + 1 < F.length && (y = F[R + 1], h = !1) : R - 1 >= 0 && (y = F[R - 1], h = !1));
+            x >= 0 && (l.isKeyForward(o.recentNavEvent) ? x + 1 < F.length && (y = F[x + 1], h = !1) : x - 1 >= 0 && (y = F[x - 1], h = !1));
           }
         } else
           o.containerGroups.some(function(g) {
@@ -931,7 +931,7 @@ var Kt = {
     (l.isKeyForward(d) || l.isKeyBackward(d)) && oe(d, l.isKeyBackward(d));
   }, Q = function(d) {
     var u = Le(d);
-    I(u, d) >= 0 || Oe(l.clickOutsideDeactivates, d) || Oe(l.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
+    S(u, d) >= 0 || Oe(l.clickOutsideDeactivates, d) || Oe(l.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
   }, K = function() {
     if (o.active)
       return Kt.activateTrap(c, v), o.delayInitialFocusTimer = l.delayInitialFocus ? Ht(function() {
@@ -1099,7 +1099,7 @@ const Wr = {
         preventScroll: a.preventScroll
       }));
     }
-    return qe(() => {
+    return ze(() => {
       je(() => 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" });
@@ -1115,7 +1115,7 @@ const Wr = {
       renderImpl() {
         if (!t.default)
           return null;
-        const v = t.default().filter((I) => I.type !== _n);
+        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 });
       }
     };
@@ -1140,8 +1140,8 @@ function Gr(a) {
 var We = { exports: {} };
 We.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]", I = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", D = "[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]", $ = "[object Int32Array]", d = "[object Uint8Array]", u = "[object Uint8ClampedArray]", f = "[object Uint16Array]", y = "[object Uint32Array]", h = /[\\^$.*+?()[\]{}|]/g, O = /\w*$/, F = /^\[object .+?Constructor\]$/, R = /^(?: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[$] = g[D] = g[P] = g[_] = g[G] = g[B] = g[ae] = g[oe] = g[d] = g[u] = g[f] = g[y] = !0, g[I] = g[A] = g[J] = !1;
+  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]", D = "[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, O = /\w*$/, F = /^\[object .+?Constructor\]$/, x = /^(?: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[D] = 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;
   function Se(e, i) {
     return e.set(i[0], i[1]), e;
@@ -1188,7 +1188,7 @@ We.exports;
       s[++i] = [M, b];
     }), s;
   }
-  function Xe(e, i) {
+  function Ge(e, i) {
     return function(s) {
       return e(i(s));
     };
@@ -1199,12 +1199,12 @@ We.exports;
       s[++i] = b;
     }), s;
   }
-  var ia = Array.prototype, oa = Function.prototype, Ae = Object.prototype, Ye = L["__core-js_shared__"], gt = function() {
-    var e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
+  var ia = Array.prototype, oa = Function.prototype, Ae = Object.prototype, qe = L["__core-js_shared__"], gt = function() {
+    var e = /[^.]+$/.exec(qe && qe.keys && qe.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.*?") + "$"
-  ), wt = Te ? L.Buffer : void 0, _t = L.Symbol, kt = L.Uint8Array, ca = Xe(Object.getPrototypeOf, Object), la = Object.create, ua = Ae.propertyIsEnumerable, da = ia.splice, Tt = Object.getOwnPropertySymbols, fa = wt ? wt.isBuffer : void 0, va = Xe(Object.keys, Object), Je = ge(L, "DataView"), Ie = ge(L, "Map"), Qe = ge(L, "Promise"), et = ge(L, "Set"), tt = ge(L, "WeakMap"), $e = ge(Object, "create"), ba = fe(Je), ha = fe(Ie), pa = fe(Qe), ma = fe(et), ga = fe(tt), St = _t ? _t.prototype : void 0, It = St ? St.valueOf : void 0;
+  ), wt = Te ? L.Buffer : void 0, _t = L.Symbol, kt = L.Uint8Array, ca = Ge(Object.getPrototypeOf, Object), la = Object.create, ua = Ae.propertyIsEnumerable, da = ia.splice, Tt = Object.getOwnPropertySymbols, fa = wt ? wt.isBuffer : void 0, va = Ge(Object.keys, Object), Xe = ge(L, "DataView"), Ie = ge(L, "Map"), Ye = ge(L, "Promise"), Je = ge(L, "Set"), Qe = ge(L, "WeakMap"), $e = ge(Object, "create"), ba = fe(Xe), ha = fe(Ie), pa = fe(Ye), ma = fe(Je), ga = fe(Qe), 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; ) {
@@ -1318,7 +1318,7 @@ We.exports;
   }
   me.prototype.clear = xa, me.prototype.delete = Ra, me.prototype.get = Ba, me.prototype.has = La, me.prototype.set = Ma;
   function Pa(e, i) {
-    var s = rt(e) || un(e) ? na(e.length, String) : [], b = s.length, M = !!b;
+    var s = at(e) || un(e) ? na(e.length, String) : [], b = s.length, M = !!b;
     for (var U in e)
       (i || ce.call(e, U)) && !(M && (U == "length" || on(U, b))) && s.push(U);
     return s;
@@ -1334,15 +1334,15 @@ We.exports;
     return -1;
   }
   function Za(e, i) {
-    return e && Ot(i, it(i), e);
+    return e && Ot(i, nt(i), e);
   }
-  function at(e, i, s, b, M, U, q) {
+  function et(e, i, s, b, M, U, q) {
     var V;
     if (b && (V = U ? b(e, M, U, q) : b(e)), V !== void 0)
       return V;
     if (!Re(e))
       return e;
-    var Dt = rt(e);
+    var Dt = at(e);
     if (Dt) {
       if (V = an(e), !i)
         return Qa(e, V);
@@ -1358,7 +1358,7 @@ We.exports;
       } else {
         if (!g[ye])
           return U ? e : {};
-        V = rn(e, ye, at, i);
+        V = rn(e, ye, et, i);
       }
     }
     q || (q = new me());
@@ -1366,9 +1366,9 @@ We.exports;
     if (Rt)
       return Rt;
     if (q.set(e, V), !Dt)
-      var Bt = s ? tn(e) : it(e);
-    return ta(Bt || e, function(ot, Be) {
-      Bt && (Be = ot, ot = e[Be]), $t(V, Be, at(ot, i, s, b, Be, e, q));
+      var Bt = s ? tn(e) : nt(e);
+    return ta(Bt || e, function(rt, Be) {
+      Bt && (Be = rt, rt = e[Be]), $t(V, Be, et(rt, i, s, b, Be, e, q));
     }), V;
   }
   function ja(e) {
@@ -1376,7 +1376,7 @@ We.exports;
   }
   function Ka(e, i, s) {
     var b = i(e);
-    return rt(e) ? b : aa(b, s(e));
+    return at(e) ? b : aa(b, s(e));
   }
   function Ha(e) {
     return Fe.call(e);
@@ -1401,12 +1401,12 @@ We.exports;
     var s = new e.constructor(e.length);
     return e.copy(s), s;
   }
-  function nt(e) {
+  function tt(e) {
     var i = new e.constructor(e.byteLength);
     return new kt(i).set(new kt(e)), i;
   }
   function za(e, i) {
-    var s = i ? nt(e.buffer) : e.buffer;
+    var s = i ? tt(e.buffer) : e.buffer;
     return new e.constructor(s, e.byteOffset, e.byteLength);
   }
   function Ga(e, i, s) {
@@ -1425,7 +1425,7 @@ We.exports;
     return It ? Object(It.call(e)) : {};
   }
   function Ja(e, i) {
-    var s = i ? nt(e.buffer) : e.buffer;
+    var s = i ? tt(e.buffer) : e.buffer;
     return new e.constructor(s, e.byteOffset, e.length);
   }
   function Qa(e, i) {
@@ -1446,7 +1446,7 @@ We.exports;
     return Ot(e, Ct(e), i);
   }
   function tn(e) {
-    return Ka(e, it, Ct);
+    return Ka(e, nt, Ct);
   }
   function xe(e, i) {
     var s = e.__data__;
@@ -1456,8 +1456,8 @@ We.exports;
     var s = ra(e, i);
     return Ua(s) ? s : void 0;
   }
-  var Ct = Tt ? Xe(Tt, Object) : hn, de = Ha;
-  (Je && de(new Je(new ArrayBuffer(1))) != K || Ie && de(new Ie()) != D || Qe && de(Qe.resolve()) != Z || et && de(new et()) != B || tt && de(new tt()) != J) && (de = function(e) {
+  var Ct = Tt ? Ge(Tt, Object) : hn, de = Ha;
+  (Xe && de(new Xe(new ArrayBuffer(1))) != K || Ie && de(new Ie()) != D || Ye && de(Ye.resolve()) != Z || Je && de(new Je()) != B || Qe && de(new Qe()) != 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) {
@@ -1485,7 +1485,7 @@ We.exports;
     var M = e.constructor;
     switch (i) {
       case Q:
-        return nt(e);
+        return tt(e);
       case v:
       case m:
         return new M(+e);
@@ -1495,7 +1495,7 @@ We.exports;
       case E:
       case j:
       case H:
-      case $:
+      case I:
       case d:
       case u:
       case f:
@@ -1515,7 +1515,7 @@ We.exports;
     }
   }
   function on(e, i) {
-    return i = i ?? c, !!i && (typeof e == "number" || R.test(e)) && e > -1 && e % 1 == 0 && e < i;
+    return i = i ?? c, !!i && (typeof e == "number" || x.test(e)) && e > -1 && e % 1 == 0 && e < i;
   }
   function sn(e) {
     var i = typeof e;
@@ -1542,7 +1542,7 @@ We.exports;
     return "";
   }
   function ln(e) {
-    return at(e, !0, !0);
+    return et(e, !0, !0);
   }
   function Nt(e, i) {
     return e === i || e !== e && i !== i;
@@ -1550,7 +1550,7 @@ We.exports;
   function un(e) {
     return dn(e) && ce.call(e, "callee") && (!ua.call(e, "callee") || Fe.call(e) == l);
   }
-  var rt = Array.isArray;
+  var at = Array.isArray;
   function At(e) {
     return e != null && vn(e.length) && !Ft(e);
   }
@@ -1572,7 +1572,7 @@ We.exports;
   function bn(e) {
     return !!e && typeof e == "object";
   }
-  function it(e) {
+  function nt(e) {
     return At(e) ? Pa(e) : Va(e);
   }
   function hn() {
@@ -1665,7 +1665,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       "1a4a2eb0": a.zIndex,
       c3efec14: v.value.height,
       f812da34: v.value.top,
-      "98cbd98c": I.value.marginTop,
+      "98cbd98c": S.value.marginTop,
       "3b672422": d.value,
       "3b821012": m.value.display,
       "4c860169": m.value.minHeight,
@@ -1680,17 +1680,17 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
     })), m = k(() => ({
       display: !n.mobileHeaderVisible && n.mobileEnabled ? "none" : "flex",
       minHeight: `${n.headerHeight}px`
-    })), I = k(() => ({
+    })), S = k(() => ({
       marginTop: l.value ? `${n.headerHeight}px` : "0"
     })), 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) => {
-      var O, F, R;
+      var O, F, x;
       if (h) {
         (!h.key || !((O = h.key) != null && O.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 || !((R = g.testId) != null && R.trim())) && (g.testId = String(g.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+          g.parentKey = h.key, (!g.testId || !((x = g.testId) != null && x.trim())) && (g.testId = String(g.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
       return h;
     }), D = k(() => n.topItems.length ? N(n.topItems) : []), P = k(() => n.bottomItems.length ? N(n.bottomItems) : []), _ = W(n.open), Z = (f) => {
@@ -1710,12 +1710,12 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       _.value && Q.value !== (window == null ? void 0 : window.innerWidth) && (Q.value = window == null ? void 0 : window.innerWidth, Z(!1));
     }, 200), Q = W(), K = W(!1), z = W(), E = () => {
       K.value || (K.value = !0, clearTimeout(z.value), z.value = setTimeout(() => K.value = !1, 1300));
-    }, j = W(null), H = k(() => _.value && n.mobileEnabled), $ = async (f) => {
+    }, j = W(null), H = k(() => _.value && n.mobileEnabled), I = async (f) => {
       var y, h;
       f ? (await Lt(), await new Promise((O) => setTimeout(O, 300)), (y = j.value) == null || y.activate()) : (h = j.value) == null || h.deactivate();
     };
     je(H, async (f) => {
-      f ? await $(!0) : await $(!1);
+      f ? await I(!0) : await I(!1);
     }, { immediate: !0 });
     const d = W("0px"), u = () => {
       var g;
@@ -1730,7 +1730,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       const F = O.offsetWidth;
       y.parentNode && y.parentNode.removeChild(y), h - F === 0 && (d.value = "8px");
     };
-    return qe(async () => {
+    return ze(async () => {
       Q.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", J), window.addEventListener("resize", E), await Lt(), u();
     }), Vt(() => {
       window.removeEventListener("resize", J), window.removeEventListener("resize", E);
@@ -1747,8 +1747,8 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         "allow-outside-click": "",
         "fallback-focus": ".kong-ui-app-sidebar"
       }, {
-        default: x(() => [
-          S("aside", {
+        default: R(() => [
+          $("aside", {
             class: ne(["kong-ui-app-sidebar", {
               "sidebar-open": _.value,
               "no-sidebar-header": !l.value,
@@ -1761,18 +1761,18 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
             l.value ? (p(), w("div", Yr, [
               T(f.$slots, "header", {}, void 0, !0)
             ])) : C("", !0),
-            S("div", Jr, [
+            $("div", Jr, [
               o.value ? (p(), w("div", Qr, [
                 T(f.$slots, "top", {}, void 0, !0)
               ])) : C("", !0),
-              S("nav", ei, [
+              $("nav", ei, [
                 D.value.length ? (p(), w("ul", ti, [
                   (p(!0), w(Ce, null, _e(D.value, (h) => (p(), Y(Mt, {
                     key: h.name,
                     item: h,
                     onClick: ae
                   }, {
-                    [`sidebar-icon-${h.key}`]: x(() => [
+                    [`sidebar-icon-${h.key}`]: R(() => [
                       T(f.$slots, `sidebar-icon-${h.key}`, {}, void 0, !0)
                     ]),
                     _: 2
@@ -1785,7 +1785,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
                     item: h,
                     onClick: ae
                   }, {
-                    [`sidebar-icon-${h.key}`]: x(() => [
+                    [`sidebar-icon-${h.key}`]: R(() => [
                       T(f.$slots, `sidebar-icon-${h.key}`, {}, void 0, !0)
                     ]),
                     _: 2
@@ -1793,7 +1793,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
                 ])) : C("", !0)
               ])
             ]),
-            S("div", ri, [
+            $("div", ri, [
               T(f.$slots, "footer", {}, void 0, !0)
             ])
           ], 2)
@@ -1802,7 +1802,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       }, 512)
     ], 64));
   }
-}), oi = /* @__PURE__ */ te(ii, [["__scopeId", "data-v-843a05a4"]]), vt = (a) => (ze("data-v-b411bcf5"), a = a(), Ge(), a), si = ["aria-label"], ci = /* @__PURE__ */ vt(() => /* @__PURE__ */ S("span", { class: "line" }, null, -1)), li = /* @__PURE__ */ vt(() => /* @__PURE__ */ S("span", { class: "line" }, null, -1)), ui = /* @__PURE__ */ vt(() => /* @__PURE__ */ S("span", { class: "line" }, null, -1)), di = [
+}), oi = /* @__PURE__ */ te(ii, [["__scopeId", "data-v-843a05a4"]]), vt = (a) => (lt("data-v-b411bcf5"), a = a(), ut(), a), si = ["aria-label"], ci = /* @__PURE__ */ vt(() => /* @__PURE__ */ $("span", { class: "line" }, null, -1)), li = /* @__PURE__ */ vt(() => /* @__PURE__ */ $("span", { class: "line" }, null, -1)), ui = /* @__PURE__ */ vt(() => /* @__PURE__ */ $("span", { class: "line" }, null, -1)), di = [
   ci,
   li,
   ui
@@ -1830,13 +1830,13 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       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) => (ze("data-v-47c01124"), a = a(), Ge(), a), _i = { id: "kong-ui-app-layout-notification" }, ki = { class: "mobile-logo" }, Ti = {
+}), vi = /* @__PURE__ */ te(fi, [["__scopeId", "data-v-b411bcf5"]]), bi = "#ffffff", hi = "#000933", pi = "#000933", mi = "#ffffff", gi = "0px", yi = "4px", wi = (a) => (lt("data-v-47c01124"), a = a(), ut(), 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" }, $i = { class: "kong-ui-app-layout-content-inner" }, Oi = /* @__PURE__ */ wi(() => /* @__PURE__ */ S("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)), Ci = /* @__PURE__ */ ee({
+}, Ii = { class: "kong-ui-app-layout-content" }, $i = { class: "kong-ui-app-layout-content-inner" }, Oi = /* @__PURE__ */ wi(() => /* @__PURE__ */ $("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)), Ci = /* @__PURE__ */ ee({
   __name: "AppLayout",
   props: {
     hideDefaultSlot: {
@@ -1896,7 +1896,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       bottomItems: k(() => r.sidebarBottomItems),
       open: k(() => r.sidebarOpen),
       hidden: k(() => r.sidebarHidden)
-    }), I = (E) => {
+    }), S = (E) => {
       n("sidebar-click", E);
     }, A = W(!1), N = (E) => {
       A.value = E;
@@ -1911,14 +1911,14 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         j && (_.value = j.offsetHeight);
       }
     }, 200), z = W();
-    return qe(() => {
+    return ze(() => {
       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"), D.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(($) => {
+      E && (z.value = new ResizeObserver((I) => {
         window.requestAnimationFrame(() => {
-          if (!(!Array.isArray($) || !$.length))
-            for (const d of $) {
+          if (!(!Array.isArray(I) || !I.length))
+            for (const d of I) {
               const u = d.contentRect.height;
               _.value !== u && (_.value = u);
             }
@@ -1932,7 +1932,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         { "sidebar-hidden": m.hidden }
       ]])
     }, [
-      S("div", _i, [
+      $("div", _i, [
         T(E.$slots, "notification", {}, void 0, !0)
       ]),
       v.hidden ? C("", !0) : (p(), Y(cr, {
@@ -1940,7 +1940,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         "left-offset": m.hidden ? 0 : void 0,
         "top-offset": _.value
       }, Ze({
-        "mobile-sidebar-toggle": x(() => [
+        "mobile-sidebar-toggle": R(() => [
           m.hidden ? C("", !0) : (p(), Y(vi, {
             key: 0,
             active: A.value,
@@ -1951,8 +1951,8 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       }, [
         l.navbarMobileLogo ? {
           name: "mobile-logo",
-          fn: x(() => [
-            S("div", ki, [
+          fn: R(() => [
+            $("div", ki, [
               T(E.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
           ]),
@@ -1960,7 +1960,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         } : void 0,
         l.navbarLogo ? {
           name: "logo",
-          fn: x(() => [
+          fn: R(() => [
             m.hidden ? (p(), w("div", Ti, [
               T(E.$slots, "navbar-logo", {}, void 0, !0)
             ])) : C("", !0)
@@ -1969,21 +1969,21 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         } : void 0,
         l.navbarLeft ? {
           name: "left",
-          fn: x(() => [
+          fn: R(() => [
             T(E.$slots, "navbar-left", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.navbarCenter ? {
           name: "center",
-          fn: x(() => [
+          fn: R(() => [
             T(E.$slots, "navbar-center", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.navbarRight ? {
           name: "right",
-          fn: x(() => [
+          fn: R(() => [
             T(E.$slots, "navbar-right", {}, void 0, !0)
           ]),
           key: "4"
@@ -1999,40 +1999,40 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         open: A.value,
         "top-items": m.topItems,
         "top-offset": _.value,
-        onClick: I,
+        onClick: S,
         onToggle: N
       }, Ze({ _: 2 }, [
         l.sidebarHeader ? {
           name: "header",
-          fn: x(() => [
+          fn: R(() => [
             T(E.$slots, "sidebar-header", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.sidebarTop ? {
           name: "top",
-          fn: x(() => [
+          fn: R(() => [
             T(E.$slots, "sidebar-top", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.sidebarFooter ? {
           name: "footer",
-          fn: x(() => [
+          fn: R(() => [
             T(E.$slots, "sidebar-footer", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         _e([...m.topItems || [], ...m.bottomItems || []], (H) => ({
           name: `sidebar-icon-${H.key}`,
-          fn: x(() => [
+          fn: R(() => [
             T(E.$slots, `sidebar-icon-${H.key}`, {}, void 0, !0)
           ])
         }))
       ]), 1032, ["bottom-items", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
-      S("main", Si, [
-        S("div", Ii, [
-          S("div", $i, [
+      $("main", Si, [
+        $("div", Ii, [
+          $("div", $i, [
             Oi,
             T(E.$slots, "app-error", {}, void 0, !0),
             o.value ? C("", !0) : T(E.$slots, "default", { key: 0 }, void 0, !0)
@@ -2041,27 +2041,27 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       ])
     ], 2));
   }
-}), Ei = /* @__PURE__ */ te(Ci, [["__scopeId", "data-v-47c01124"]]), Ni = (a) => (ze("data-v-4855e3b3"), a = a(), Ge(), a), Ai = { class: "kong-ui-app-page-header" }, Fi = {
+}), Ei = /* @__PURE__ */ te(Ci, [["__scopeId", "data-v-47c01124"]]), Ni = { class: "kong-ui-app-page-header" }, Ai = {
   key: 0,
   class: "page-header-breadcrumbs",
   "data-testid": "page-header-breadcrumbs"
-}, Di = /* @__PURE__ */ Ni(() => /* @__PURE__ */ S("span", { class: "page-header-breadcrumb-divider" }, "/", -1)), xi = { class: "page-header-title-section" }, Ri = { class: "page-header-title-wrapper" }, Bi = {
+}, Fi = { class: "page-header-title-section" }, Di = { class: "page-header-title-wrapper" }, xi = {
   key: 0,
   class: "page-header-title-before",
   "data-testid": "page-header-title-before"
-}, Li = ["title"], Mi = {
+}, Ri = ["title"], Bi = {
   key: 1,
   class: "page-header-title-after",
   "data-testid": "page-header-title-after"
-}, Pi = {
+}, Li = {
   key: 0,
   class: "page-header-actions",
   "data-testid": "page-header-actions"
-}, Zi = {
+}, Mi = {
   key: 1,
   class: "page-header-section-below",
   "data-testid": "page-header-section-below"
-}, ji = /* @__PURE__ */ ee({
+}, Pi = /* @__PURE__ */ ee({
   __name: "AppPageHeader",
   props: {
     title: {
@@ -2081,47 +2081,42 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
     }), n = (l, o) => l.key || `breadcrumb-${o}`, c = k(() => t.breadcrumbs.map((l, o) => `icon-${n(l, o)}`) || []);
     return (l, o) => {
       const v = be("KBreadcrumbs");
-      return p(), w("div", Ai, [
-        r.value ? (p(), w("div", Fi, [
-          Ne(v, { items: a.breadcrumbs }, Ze({
-            divider: x(() => [
-              Di
-            ]),
-            _: 2
-          }, [
+      return p(), w("div", Ni, [
+        r.value ? (p(), w("div", Ai, [
+          Ne(v, { items: a.breadcrumbs }, Ze({ _: 2 }, [
             _e(c.value, (m) => ({
               name: m,
-              fn: x(() => [
+              fn: R(() => [
                 T(l.$slots, m, {}, void 0, !0)
               ])
             }))
           ]), 1032, ["items"])
         ])) : C("", !0),
-        S("div", xi, [
-          S("div", Ri, [
-            l.$slots["title-before"] ? (p(), w("div", Bi, [
+        $("div", Fi, [
+          $("div", Di, [
+            l.$slots["title-before"] ? (p(), w("div", xi, [
               T(l.$slots, "title-before", {}, void 0, !0)
             ])) : C("", !0),
-            S("h1", {
+            $("h1", {
               class: "page-header-title",
               "data-testid": "page-header-title",
               title: a.title
-            }, X(a.title), 9, Li),
-            l.$slots["title-after"] ? (p(), w("div", Mi, [
+            }, X(a.title), 9, Ri),
+            l.$slots["title-after"] ? (p(), w("div", Bi, [
               T(l.$slots, "title-after", {}, void 0, !0)
             ])) : C("", !0)
           ]),
-          l.$slots.actions ? (p(), w("div", Pi, [
+          l.$slots.actions ? (p(), w("div", Li, [
             T(l.$slots, "actions", {}, void 0, !0)
           ])) : C("", !0)
         ]),
-        l.$slots.below ? (p(), w("div", Zi, [
+        l.$slots.below ? (p(), w("div", Mi, [
           T(l.$slots, "below", {}, void 0, !0)
         ])) : C("", !0)
       ]);
     };
   }
-}), Wi = /* @__PURE__ */ te(ji, [["__scopeId", "data-v-4855e3b3"]]), zi = {
+}), Ui = /* @__PURE__ */ te(Pi, [["__scopeId", "data-v-90e7023c"]]), Vi = {
   // 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 = {}) => {
@@ -2129,13 +2124,13 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
   }
 };
 export {
-  Hi as AccountDropdown,
-  Ui as AppAboutSection,
-  Vi as AppError,
+  ji as AccountDropdown,
+  Ki as AppAboutSection,
+  Hi as AppError,
   Ei as AppLayout,
   cr as AppNavbar,
-  Wi as AppPageHeader,
+  Ui as AppPageHeader,
   oi as AppSidebar,
   vi as SidebarToggle,
-  zi as default
+  Vi as default
 };