@kong-ui-public/app-layout 4.13.16 → 4.13.17

package/dist/app-layout.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as ae, resolveComponent as he, openBlock as p, createBlock as Z, withCtx as B, renderSlot as C, createElementBlock as S, Fragment as Ee, renderList as pe, normalizeClass as q, createTextVNode as Fe, toDisplayString as V, computed as I, createSlots as je, createVNode as Ke, createCommentVNode as E, createElementVNode as $, createStaticVNode as En, useCssVars as St, useSlots as Ze, reactive as Qe, onMounted as He, getCurrentInstance as ta, getCurrentScope as Nn, hasInjectionContext as aa, inject as Fn, watch as De, shallowRef as Je, watchEffect as na, toValue as Ne, unref as be, resolveDynamicComponent as Se, withKeys as Dn, ref as te, onUnmounted as Rn, Comment as xn, cloneVNode as Pn, nextTick as zt, onBeforeUnmount as ra, withModifiers as Bn, toRef as Ln } from "vue";
+import { defineComponent as ae, resolveComponent as he, openBlock as p, createBlock as Z, withCtx as P, renderSlot as C, createElementBlock as S, Fragment as Ee, renderList as pe, normalizeClass as q, createTextVNode as Fe, toDisplayString as V, computed as I, createSlots as je, createVNode as Ke, createCommentVNode as N, createElementVNode as $, createStaticVNode as En, useCssVars as St, useSlots as Ze, reactive as Qe, onMounted as He, getCurrentInstance as ta, getCurrentScope as Nn, hasInjectionContext as aa, inject as Fn, watch as De, shallowRef as Je, watchEffect as na, toValue as Ne, unref as be, resolveDynamicComponent as Se, withKeys as Dn, ref as te, onUnmounted as Rn, Comment as xn, cloneVNode as Pn, nextTick as zt, onBeforeUnmount as ra, withModifiers as Bn, toRef as Ln } from "vue";
 import { ChevronRightIcon as ia, ChevronDownIcon as Mn } from "@kong/icons";
 import { KButton as jn, HeaderTags as Kn } from "@kong/kongponents";
 const Zn = /* @__PURE__ */ ae({
@@ -28,7 +28,7 @@ const Zn = /* @__PURE__ */ ae({
         "trigger-text": a.userInitials,
         width: a.width
       }, {
-        items: B(({ handleSelection: l }) => [
+        items: P(({ handleSelection: l }) => [
           C(t.$slots, "default", {}, () => [
             (p(!0), S(Ee, null, pe(a.options, (i) => (p(), Z(n, {
               key: i.value,
@@ -37,7 +37,7 @@ const Zn = /* @__PURE__ */ ae({
               "has-divider": i.hasDivider,
               onClick: (f) => l(i)
             }, {
-              default: B(() => [
+              default: P(() => [
                 C(t.$slots, "default", { option: i }, () => [
                   Fe(V(i.label), 1)
                 ], !0)
@@ -110,7 +110,7 @@ const Zn = /* @__PURE__ */ ae({
         class: "kong-ui-app-about-section",
         "title-tag": "h2"
       }, je({
-        default: B(() => [
+        default: P(() => [
           a.isLoading ? (p(), S("div", qn, [
             Ke(l, {
               height: "2",
@@ -121,21 +121,21 @@ const Zn = /* @__PURE__ */ ae({
               width: "100"
             })
           ])) : (p(), S("div", Xn, [
-            a.description ? (p(), S("p", Yn, V(a.description), 1)) : E("", !0),
+            a.description ? (p(), S("p", Yn, V(a.description), 1)) : N("", !0),
             n.$slots.default ? (p(), S("div", Qn, [
               C(n.$slots, "default", {}, void 0, !0)
-            ])) : E("", !0),
-            n.$slots["divider-section"] ? (p(), S("hr", Jn)) : E("", !0),
+            ])) : N("", !0),
+            n.$slots["divider-section"] ? (p(), S("hr", Jn)) : N("", !0),
             n.$slots["divider-section"] ? (p(), S("div", er, [
               C(n.$slots, "divider-section", {}, void 0, !0)
-            ])) : E("", !0)
+            ])) : N("", !0)
           ]))
         ]),
         _: 2
       }, [
         n.$slots.title || a.title ? {
           name: "title",
-          fn: B(() => [
+          fn: P(() => [
             $("span", Hn, [
               C(n.$slots, "title", {}, () => [
                 Fe(V(a.title), 1)
@@ -146,19 +146,19 @@ const Zn = /* @__PURE__ */ ae({
         } : void 0,
         n.$slots.actions || a.created || a.modified ? {
           name: "actions",
-          fn: B(() => [
+          fn: P(() => [
             $("div", Wn, [
               a.created || a.modified ? (p(), S("div", {
                 key: 0,
                 class: q(["about-section-timestamps", { "has-actions": n.$slots.actions }])
               }, [
-                a.created ? (p(), S("span", Gn, V(a.createdLabel) + ": " + V(a.created), 1)) : E("", !0),
-                a.created && r.value ? (p(), S("span", zn, "->")) : E("", !0),
-                r.value ? (p(), S("span", Un, V(a.modifiedLabel) + ": " + V(a.modified), 1)) : E("", !0)
-              ], 2)) : E("", !0),
+                a.created ? (p(), S("span", Gn, V(a.createdLabel) + ": " + V(a.created), 1)) : N("", !0),
+                a.created && r.value ? (p(), S("span", zn, "->")) : N("", !0),
+                r.value ? (p(), S("span", Un, V(a.modifiedLabel) + ": " + V(a.modified), 1)) : N("", !0)
+              ], 2)) : N("", !0),
               n.$slots.actions ? (p(), S("div", Vn, [
                 C(n.$slots, "actions", {}, void 0, !0)
-              ])) : E("", !0)
+              ])) : N("", !0)
             ])
           ]),
           key: "1"
@@ -284,7 +284,7 @@ const Zn = /* @__PURE__ */ ae({
         ]),
         n.value ? (p(), S("div", Sr, [
           C(i.$slots, "logo")
-        ])) : E("", !0),
+        ])) : N("", !0),
         $("div", Tr, [
           $("div", Ir, [
             C(i.$slots, "left")
@@ -340,9 +340,9 @@ function xr(...a) {
     ];
   }, ([n, s, l, i], f, h) => {
     if (!n?.length || !s?.length || !l?.length) return;
-    const _ = Fr(i) ? { ...i } : i, A = n.flatMap((D) => s.flatMap((L) => l.map((P) => t(D, L, P, _))));
+    const A = Fr(i) ? { ...i } : i, _ = n.flatMap((x) => s.flatMap((B) => l.map((L) => t(x, B, L, A))));
     h(() => {
-      A.forEach((D) => D());
+      _.forEach((x) => x());
     });
   }, { flush: "post" });
 }
@@ -365,15 +365,17 @@ function Mr() {
   return typeof a == "number" ? a : void 0;
 }
 function jr(a, t = {}) {
-  const { window: r = oa, ssrWidth: n = /* @__PURE__ */ Mr() } = t, s = /* @__PURE__ */ Br(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), l = Je(typeof n == "number"), i = Je(), f = Je(!1), h = (_) => {
-    f.value = _.matches;
+  const { window: r = oa, ssrWidth: n = /* @__PURE__ */ Mr() } = t, s = /* @__PURE__ */ Br(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), l = Je(typeof n == "number"), i = Je(), f = Je(!1), h = (A) => {
+    f.value = A.matches;
   };
   return na(() => {
     if (l.value) {
-      l.value = !s.value, f.value = Ne(a).split(",").some((_) => {
-        const A = _.includes("not all"), D = _.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), L = _.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let P = !!(D || L);
-        return D && P && (P = n >= Ut(D[1])), L && P && (P = n <= Ut(L[1])), A ? !P : P;
+      l.value = !s.value;
+      const A = Ne(a).split(",");
+      f.value = A.some((_) => {
+        const x = _.includes("not all"), B = _.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), L = _.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let E = !!(B || L);
+        return B && E && (E = n >= Ut(B[1])), L && E && (E = n <= Ut(L[1])), x ? !E : E;
       });
       return;
     }
@@ -395,7 +397,7 @@ const Kr = ["title"], gt = 99, Zr = /* @__PURE__ */ ae({
       key: 0,
       class: "item-badge",
       title: (a.count || 0) > gt ? String(a.count) : void 0
-    }, V(r.value), 9, Kr)) : E("", !0);
+    }, V(r.value), 9, Kr)) : N("", !0);
   }
 }), Hr = /* @__PURE__ */ oe(Zr, [["__scopeId", "data-v-a0c9b043"]]), Wr = ["data-testid"], Gr = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], zr = {
   key: 0,
@@ -425,13 +427,13 @@ const Kr = ["title"], gt = 99, Zr = /* @__PURE__ */ ae({
       () => n.subnavItem && // item has non-zero badgeCount OR
       n.item.badgeCount !== void 0 && n.item.badgeCount !== 0 || // slot content for the badge
       !!s[`sidebar-after-${n.item.key}`]
-    ), h = (A) => {
-      r("click", A);
-    }, _ = (A, D, L) => {
-      h(D), typeof L == "function" && (A.preventDefault(), L());
+    ), h = (_) => {
+      r("click", _);
+    }, A = (_, x, B) => {
+      h(x), typeof B == "function" && (_.preventDefault(), B());
     };
-    return (A, D) => {
-      const L = he("KTooltip"), P = he("SidebarItem", !0);
+    return (_, x) => {
+      const B = he("KTooltip"), L = he("SidebarItem", !0);
       return p(), S("li", {
         class: q([a.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: a.item.expanded }, { active: a.item.active }]),
         "data-testid": a.item.testId ? `sidebar-item-${a.item.testId}` : void 0
@@ -440,35 +442,35 @@ const Kr = ["title"], gt = 99, Zr = /* @__PURE__ */ ae({
           custom: l.value ? void 0 : !0,
           to: !l.value && !i.value ? a.item.to : void 0
         }, {
-          default: B((x) => [
+          default: P((E) => [
             $("a", {
               "aria-controls": a.item.items?.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
               "aria-current": a.item.active ? "page" : void 0,
               "aria-expanded": a.item.items?.length && a.item.expanded ? !0 : void 0,
               class: q(["sidebar-item-link", { "sidebar-item-external-link": i.value, "router-link": !l.value }]),
-              href: l.value ? String(a.item.to || "#") : x?.href,
+              href: l.value ? String(a.item.to || "#") : E?.href,
               target: i.value ? "_blank" : void 0,
-              onClick: (H) => _(H, a.item, x?.navigate),
-              onKeypress: Dn((H) => _(H, a.item, x?.navigate), ["enter"])
+              onClick: (H) => A(H, a.item, E?.navigate),
+              onKeypress: Dn((H) => A(H, a.item, E?.navigate), ["enter"])
             }, [
               $("div", {
                 class: q(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-after-content": f.value }])
               }, [
-                A.$slots[`sidebar-icon-${a.item.key}`] ? (p(), S("div", zr, [
-                  a.subnavItem ? E("", !0) : C(A.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
-                ])) : E("", !0),
+                _.$slots[`sidebar-icon-${a.item.key}`] ? (p(), S("div", zr, [
+                  a.subnavItem ? N("", !0) : C(_.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
+                ])) : N("", !0),
                 $("div", Ur, [
                   (a.subnavItem && !f.value ? a.item.name.length < 25 : a.item.name.length < 18) ? (p(), S("div", {
                     key: 0,
                     class: q(["sidebar-item-name truncate-text", [a.subnavItem ? "has-after-content-max-width truncate-24" : "truncate-17"]])
-                  }, V(a.item.name), 3)) : (p(), Z(L, {
+                  }, V(a.item.name), 3)) : (p(), Z(B, {
                     key: 1,
                     class: "sidebar-item-tooltip",
                     placement: "right",
                     "position-fixed": "",
                     text: a.item.name
                   }, {
-                    default: B(() => [
+                    default: P(() => [
                       $("div", Vr, [
                         $("span", {
                           class: q(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-after-content-max-width": f.value }]])
@@ -477,14 +479,14 @@ const Kr = ["title"], gt = 99, Zr = /* @__PURE__ */ ae({
                     ]),
                     _: 1
                   }, 8, ["text"])),
-                  a.item.label && a.item.expanded ? (p(), S("div", qr, V(a.item.label), 1)) : E("", !0)
+                  a.item.label && a.item.expanded ? (p(), S("div", qr, V(a.item.label), 1)) : N("", !0)
                 ]),
                 f.value ? (p(), S("div", Xr, [
                   a.item.badgeCount ? (p(), Z(Hr, {
                     key: 0,
                     count: a.item.badgeCount
-                  }, null, 8, ["count"])) : C(A.$slots, `sidebar-after-${a.item.key}`, { key: 1 }, void 0, !0)
-                ])) : E("", !0)
+                  }, null, 8, ["count"])) : C(_.$slots, `sidebar-after-${a.item.key}`, { key: 1 }, void 0, !0)
+                ])) : N("", !0)
               ], 2)
             ], 42, Gr)
           ]),
@@ -495,13 +497,13 @@ const Kr = ["title"], gt = 99, Zr = /* @__PURE__ */ ae({
           id: `subnav-${a.item.key}`,
           class: "level-secondary"
         }, [
-          (p(!0), S(Ee, null, pe(a.item.items, (x) => (p(), Z(P, {
-            key: x.name,
-            item: x,
+          (p(!0), S(Ee, null, pe(a.item.items, (E) => (p(), Z(L, {
+            key: E.name,
+            item: E,
             "subnav-item": !0,
-            onClick: (H) => h(x)
+            onClick: (H) => h(E)
           }, null, 8, ["item", "onClick"]))), 128))
-        ], 8, Yr)) : E("", !0)
+        ], 8, Yr)) : N("", !0)
       ], 10, Wr);
     };
   }
@@ -532,21 +534,21 @@ var sa = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
     var i = l.shift();
     if (!at(i, !1))
       if (i.tagName === "SLOT") {
-        var f = i.assignedElements(), h = f.length ? f : i.children, _ = nt(h, !0, n);
-        n.flatten ? s.push.apply(s, _) : s.push({
+        var f = i.assignedElements(), h = f.length ? f : i.children, A = nt(h, !0, n);
+        n.flatten ? s.push.apply(s, A) : s.push({
           scopeParent: i,
-          candidates: _
+          candidates: A
         });
       } else {
-        var A = Te.call(i, et);
-        A && n.filter(i) && (r || !t.includes(i)) && s.push(i);
-        var D = i.shadowRoot || // check for an undisclosed shadow
-        typeof n.getShadowRoot == "function" && n.getShadowRoot(i), L = !at(D, !1) && (!n.shadowRootFilter || n.shadowRootFilter(i));
-        if (D && L) {
-          var P = nt(D === !0 ? i.children : D.children, !0, n);
-          n.flatten ? s.push.apply(s, P) : s.push({
+        var _ = Te.call(i, et);
+        _ && n.filter(i) && (r || !t.includes(i)) && s.push(i);
+        var x = i.shadowRoot || // check for an undisclosed shadow
+        typeof n.getShadowRoot == "function" && n.getShadowRoot(i), B = !at(x, !1) && (!n.shadowRootFilter || n.shadowRootFilter(i));
+        if (x && B) {
+          var L = nt(x === !0 ? i.children : x.children, !0, n);
+          n.flatten ? s.push.apply(s, L) : s.push({
             scopeParent: i,
-            candidates: P
+            candidates: L
           });
         } else
           l.unshift.apply(l, i.children);
@@ -602,8 +604,8 @@ var sa = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   if (n && n !== t) {
     var i, f, h;
     for (l = !!((i = s) !== null && i !== void 0 && (f = i.ownerDocument) !== null && f !== void 0 && f.contains(s) || t != null && (h = t.ownerDocument) !== null && h !== void 0 && h.contains(t)); !l && s; ) {
-      var _, A, D;
-      n = tt(s), s = (_ = n) === null || _ === void 0 ? void 0 : _.host, l = !!((A = s) !== null && A !== void 0 && (D = A.ownerDocument) !== null && D !== void 0 && D.contains(s));
+      var A, _, x;
+      n = tt(s), s = (A = n) === null || A === void 0 ? void 0 : A.host, l = !!((_ = s) !== null && _ !== void 0 && (x = _.ownerDocument) !== null && x !== void 0 && x.contains(s));
     }
   }
   return l;
@@ -638,10 +640,10 @@ var sa = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   n === "full-native" || n === "legacy-full") {
     if (typeof s == "function") {
       for (var h = t; t; ) {
-        var _ = t.parentElement, A = tt(t);
-        if (_ && !_.shadowRoot && s(_) === !0)
+        var A = t.parentElement, _ = tt(t);
+        if (A && !A.shadowRoot && s(A) === !0)
           return qt(t);
-        t.assignedSlot ? t = t.assignedSlot : !_ && A !== t.ownerDocument ? t = A.host : t = _;
+        t.assignedSlot ? t = t.assignedSlot : !A && _ !== t.ownerDocument ? t = _.host : t = A;
       }
       t = h;
     }
@@ -677,13 +679,13 @@ var sa = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
 }, fa = function(t) {
   var r = [], n = [];
   return t.forEach(function(s, l) {
-    var i = !!s.scopeParent, f = i ? s.scopeParent : s, h = ei(f, i), _ = i ? fa(s.candidates) : f;
-    h === 0 ? i ? r.push.apply(r, _) : r.push(f) : n.push({
+    var i = !!s.scopeParent, f = i ? s.scopeParent : s, h = ei(f, i), A = i ? fa(s.candidates) : f;
+    h === 0 ? i ? r.push.apply(r, A) : r.push(f) : n.push({
       documentOrder: l,
       tabIndex: h,
       item: s,
       isScope: i,
-      content: _
+      content: A
     });
   }), n.sort(ti).reduce(function(s, l) {
     return l.isScope ? s.push.apply(s, l.content) : s.push(l.content), s;
@@ -929,17 +931,17 @@ var de = {
     recentNavEvent: void 0
   }, f, h = function(c, d, m) {
     return c && c[d] !== void 0 ? c[d] : l[m || d];
-  }, _ = function(c, d) {
+  }, A = function(c, d) {
     var m = typeof d?.composedPath == "function" ? d.composedPath() : void 0;
     return i.containerGroups.findIndex(function(O) {
-      var T = O.container, N = O.tabbableNodes;
-      return T.contains(c) || m?.includes(T) || N.find(function(b) {
+      var T = O.container, F = O.tabbableNodes;
+      return T.contains(c) || m?.includes(T) || F.find(function(b) {
         return b === c;
       });
     });
-  }, A = function(c) {
-    var d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, m = d.hasFallback, O = m === void 0 ? !1 : m, T = d.params, N = T === void 0 ? [] : T, b = l[c];
-    if (typeof b == "function" && (b = b.apply(void 0, yi(N))), b === !0 && (b = void 0), !b) {
+  }, _ = function(c) {
+    var d = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, m = d.hasFallback, O = m === void 0 ? !1 : m, T = d.params, F = T === void 0 ? [] : T, b = l[c];
+    if (typeof b == "function" && (b = b.apply(void 0, yi(F))), b === !0 && (b = void 0), !b) {
       if (b === void 0 || b === !1)
         return b;
       throw new Error("`".concat(c, "` was specified but was not a node, or did not return a node"));
@@ -955,30 +957,30 @@ var de = {
         throw new Error("`".concat(c, "` as selector refers to no known node"));
     }
     return v;
-  }, D = function(c) {
+  }, x = function(c) {
     var d = c.activeElement;
-    return d ? d.shadowRoot && d.shadowRoot.activeElement !== null ? D(d.shadowRoot) : d : null;
-  }, L = function() {
-    var c = A("initialFocus", {
+    return d ? d.shadowRoot && d.shadowRoot.activeElement !== null ? x(d.shadowRoot) : d : null;
+  }, B = function() {
+    var c = _("initialFocus", {
       hasFallback: !0
     });
     if (c === !1)
       return !1;
     if (c === void 0 || c && !yt(c, l.tabbableOptions)) {
-      var d = D(n);
-      if (_(d) >= 0)
+      var d = x(n);
+      if (A(d) >= 0)
         c = d;
       else {
         var m = i.tabbableGroups[0], O = m && m.firstTabbableNode;
-        c = O || A("fallbackFocus");
+        c = O || _("fallbackFocus");
       }
-    } else c === null && (c = A("fallbackFocus"));
+    } else c === null && (c = _("fallbackFocus"));
     if (!c)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return c;
-  }, P = function() {
+  }, L = function() {
     if (i.containerGroups = i.containers.map(function(c) {
-      var d = fi(c, l.tabbableOptions), m = vi(c, l.tabbableOptions), O = d.length > 0 ? d[0] : void 0, T = d.length > 0 ? d[d.length - 1] : void 0, N = m.find(function(g) {
+      var d = fi(c, l.tabbableOptions), m = vi(c, l.tabbableOptions), O = d.length > 0 ? d[0] : void 0, T = d.length > 0 ? d[d.length - 1] : void 0, F = m.find(function(g) {
         return Ae(g);
       }), b = m.slice().reverse().find(function(g) {
         return Ae(g);
@@ -1003,7 +1005,7 @@ var de = {
         //  "close enough most of the time" alternative for positive tabindexes which should generally
         //  be avoided anyway...
         /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: N,
+        firstDomTabbableNode: F,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
         lastDomTabbableNode: b,
         /**
@@ -1025,16 +1027,16 @@ var de = {
       };
     }), i.tabbableGroups = i.containerGroups.filter(function(c) {
       return c.tabbableNodes.length > 0;
-    }), i.tabbableGroups.length <= 0 && !A("fallbackFocus"))
+    }), i.tabbableGroups.length <= 0 && !_("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
     if (i.containerGroups.find(function(c) {
       return c.posTabIndexesFound;
     }) && i.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.");
-  }, x = function(c) {
-    if (c !== !1 && c !== D(document)) {
+  }, E = function(c) {
+    if (c !== !1 && c !== x(document)) {
       if (!c || !c.focus) {
-        x(L());
+        E(B());
         return;
       }
       c.focus({
@@ -1042,18 +1044,18 @@ var de = {
       }), i.mostRecentlyFocusedNode = c, Si(c) && c.select();
     }
   }, H = function(c) {
-    var d = A("setReturnFocus", {
+    var d = _("setReturnFocus", {
       params: [c]
     });
     return d || (d === !1 ? !1 : c);
   }, le = function(c) {
     var d = c.target, m = c.event, O = c.isBackward, T = O === void 0 ? !1 : O;
-    d = d || Xe(m), P();
-    var N = null;
+    d = d || Xe(m), L();
+    var F = null;
     if (i.tabbableGroups.length > 0) {
-      var b = _(d, m), v = b >= 0 ? i.containerGroups[b] : void 0;
+      var b = A(d, m), v = b >= 0 ? i.containerGroups[b] : void 0;
       if (b < 0)
-        T ? N = i.tabbableGroups[i.tabbableGroups.length - 1].lastTabbableNode : N = i.tabbableGroups[0].firstTabbableNode;
+        T ? F = i.tabbableGroups[i.tabbableGroups.length - 1].lastTabbableNode : F = i.tabbableGroups[0].firstTabbableNode;
       else if (T) {
         var g = i.tabbableGroups.findIndex(function(Ie) {
           var Re = Ie.firstTabbableNode;
@@ -1061,8 +1063,8 @@ var de = {
         });
         if (g < 0 && (v.container === d || yt(d, l.tabbableOptions) && !Ae(d, l.tabbableOptions) && !v.nextTabbableNode(d, !1)) && (g = b), g >= 0) {
           var y = g === 0 ? i.tabbableGroups.length - 1 : g - 1, k = i.tabbableGroups[y];
-          N = ke(d) >= 0 ? k.lastTabbableNode : k.lastDomTabbableNode;
-        } else Me(m) || (N = v.nextTabbableNode(d, !1));
+          F = ke(d) >= 0 ? k.lastTabbableNode : k.lastDomTabbableNode;
+        } else Me(m) || (F = v.nextTabbableNode(d, !1));
       } else {
         var j = i.tabbableGroups.findIndex(function(Ie) {
           var Re = Ie.lastTabbableNode;
@@ -1070,15 +1072,15 @@ var de = {
         });
         if (j < 0 && (v.container === d || yt(d, l.tabbableOptions) && !Ae(d, l.tabbableOptions) && !v.nextTabbableNode(d)) && (j = b), j >= 0) {
           var M = j === i.tabbableGroups.length - 1 ? 0 : j + 1, ie = i.tabbableGroups[M];
-          N = ke(d) >= 0 ? ie.firstTabbableNode : ie.firstDomTabbableNode;
-        } else Me(m) || (N = v.nextTabbableNode(d));
+          F = ke(d) >= 0 ? ie.firstTabbableNode : ie.firstDomTabbableNode;
+        } else Me(m) || (F = v.nextTabbableNode(d));
       }
     } else
-      N = A("fallbackFocus");
-    return N;
+      F = _("fallbackFocus");
+    return F;
   }, G = function(c) {
     var d = Xe(c);
-    if (!(_(d, c) >= 0)) {
+    if (!(A(d, c) >= 0)) {
       if (Be(l.clickOutsideDeactivates, c)) {
         f.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -1094,7 +1096,7 @@ var de = {
       Be(l.allowOutsideClick, c) || c.preventDefault();
     }
   }, X = function(c) {
-    var d = Xe(c), m = _(d, c) >= 0;
+    var d = Xe(c), m = A(d, c) >= 0;
     if (m || d instanceof Document)
       m && (i.mostRecentlyFocusedNode = d);
     else {
@@ -1102,7 +1104,7 @@ var de = {
       var O, T = !0;
       if (i.mostRecentlyFocusedNode)
         if (ke(i.mostRecentlyFocusedNode) > 0) {
-          var N = _(i.mostRecentlyFocusedNode), b = i.containerGroups[N].tabbableNodes;
+          var F = A(i.mostRecentlyFocusedNode), b = i.containerGroups[F].tabbableNodes;
           if (b.length > 0) {
             var v = b.findIndex(function(g) {
               return g === i.mostRecentlyFocusedNode;
@@ -1122,7 +1124,7 @@ var de = {
         //  outside the trap causing the focus escape we're trying to fix)
         target: i.mostRecentlyFocusedNode,
         isBackward: l.isKeyBackward(i.recentNavEvent)
-      })), x(O || i.mostRecentlyFocusedNode || L());
+      })), E(O || i.mostRecentlyFocusedNode || B());
     }
     i.recentNavEvent = void 0;
   }, fe = function(c) {
@@ -1132,23 +1134,23 @@ var de = {
       event: c,
       isBackward: d
     });
-    m && (Me(c) && c.preventDefault(), x(m));
+    m && (Me(c) && c.preventDefault(), E(m));
   }, se = function(c) {
     (l.isKeyForward(c) || l.isKeyBackward(c)) && fe(c, l.isKeyBackward(c));
   }, Y = function(c) {
     Ti(c) && Be(l.escapeDeactivates, c) !== !1 && (c.preventDefault(), f.deactivate());
   }, z = function(c) {
     var d = Xe(c);
-    _(d, c) >= 0 || Be(l.clickOutsideDeactivates, c) || Be(l.allowOutsideClick, c) || (c.preventDefault(), c.stopImmediatePropagation());
+    A(d, c) >= 0 || Be(l.clickOutsideDeactivates, c) || Be(l.allowOutsideClick, c) || (c.preventDefault(), c.stopImmediatePropagation());
   }, ne = function() {
     if (i.active) {
       de.activateTrap(s, f);
       var c;
       return l.delayInitialFocus ? c = new Promise(function(d) {
         i.delayInitialFocusTimer = Jt(function() {
-          x(L()), d();
+          E(B()), d();
         });
-      }) : x(L()), n.addEventListener("focusin", X, !0), n.addEventListener("mousedown", G, {
+      }) : E(B()), n.addEventListener("focusin", X, !0), n.addEventListener("mousedown", G, {
         capture: !0,
         passive: !1
       }), n.addEventListener("touchstart", G, {
@@ -1167,9 +1169,9 @@ var de = {
     var d = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Set(), O = Xt(c), T;
     try {
       for (O.s(); !(T = O.n()).done; ) {
-        var N = T.value;
-        d.add(N);
-        for (var b = typeof ShadowRoot < "u" && N.getRootNode() instanceof ShadowRoot, v = N; v; ) {
+        var F = T.value;
+        d.add(F);
+        for (var b = typeof ShadowRoot < "u" && F.getRootNode() instanceof ShadowRoot, v = F; v; ) {
           d.add(v);
           var g = v.parentElement, y = [];
           g ? y = g.children : !g && b && (y = v.getRootNode().children, g = v.getRootNode().host, b = typeof ShadowRoot < "u" && g.getRootNode() instanceof ShadowRoot);
@@ -1202,17 +1204,17 @@ var de = {
     var d = i.mostRecentlyFocusedNode;
     if (d) {
       var m = c.some(function(T) {
-        var N = Array.from(T.removedNodes);
-        return N.some(function(b) {
+        var F = Array.from(T.removedNodes);
+        return F.some(function(b) {
           return b === d || typeof b.contains == "function" && b.contains(d);
         });
       });
       if (m && i.containers.some(function(T) {
         return T?.isConnected;
       })) {
-        P();
-        var O = L();
-        x(O);
+        L();
+        var O = B();
+        E(O);
       }
     }
   }, Q = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(U) : void 0, re = function() {
@@ -1233,17 +1235,17 @@ var de = {
     activate: function(c) {
       if (i.active)
         return this;
-      var d = h(c, "onActivate"), m = h(c, "onPostActivate"), O = h(c, "checkCanFocusTrap"), T = de.getActiveTrap(s), N = !1;
+      var d = h(c, "onActivate"), m = h(c, "onPostActivate"), O = h(c, "checkCanFocusTrap"), T = de.getActiveTrap(s), F = !1;
       if (T && !T.paused) {
         var b;
-        (b = T._setSubtreeIsolation) === null || b === void 0 || b.call(T, !1), N = !0;
+        (b = T._setSubtreeIsolation) === null || b === void 0 || b.call(T, !1), F = !0;
       }
       try {
-        O || P(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = D(n), d?.({
+        O || L(), i.active = !0, i.paused = !1, i.nodeFocusedBeforeActivation = x(n), d?.({
           trap: f
         });
         var v = function() {
-          O && P();
+          O && L();
           var k = function() {
             f._setSubtreeIsolation(!0), re(), m?.({
               trap: f
@@ -1255,7 +1257,7 @@ var de = {
           return O(i.containers.concat()).then(v, v), this;
         v();
       } catch (y) {
-        if (T === de.getActiveTrap(s) && N) {
+        if (T === de.getActiveTrap(s) && F) {
           var g;
           (g = T._setSubtreeIsolation) === null || g === void 0 || g.call(T, !0);
         }
@@ -1272,16 +1274,16 @@ var de = {
         checkCanReturnFocus: l.checkCanReturnFocus
       }, c);
       clearTimeout(i.delayInitialFocusTimer), i.delayInitialFocusTimer = void 0, i.paused || f._setSubtreeIsolation(!1), i.alreadySilent.clear(), K(), i.active = !1, i.paused = !1, re(), de.deactivateTrap(s, f);
-      var m = h(d, "onDeactivate"), O = h(d, "onPostDeactivate"), T = h(d, "checkCanReturnFocus"), N = h(d, "delayReturnFocus"), b = h(d, "returnFocus", "returnFocusOnDeactivate");
+      var m = h(d, "onDeactivate"), O = h(d, "onPostDeactivate"), T = h(d, "checkCanReturnFocus"), F = h(d, "delayReturnFocus"), b = h(d, "returnFocus", "returnFocusOnDeactivate");
       m?.({
         trap: f
       });
       var v = function() {
-        b && x(H(i.nodeFocusedBeforeActivation)), O?.({
+        b && E(H(i.nodeFocusedBeforeActivation)), O?.({
           trap: f
         });
       }, g = function() {
-        N && b ? Jt(v) : v();
+        F && b ? Jt(v) : v();
       };
       return b && T ? (T(H(i.nodeFocusedBeforeActivation)).then(g, g), this) : (g(), this);
     },
@@ -1295,7 +1297,7 @@ var de = {
       var d = [].concat(c).filter(Boolean);
       return i.containers = d.map(function(m) {
         return typeof m == "string" ? n.querySelector(m) : m;
-      }), l.isolateSubtrees && R(i.containers), i.active && (P(), i.paused || f._setSubtreeIsolation(!0)), re(), this;
+      }), l.isolateSubtrees && R(i.containers), i.active && (L(), i.paused || f._setSubtreeIsolation(!0)), re(), this;
     }
   }, Object.defineProperties(f, {
     _isManuallyPaused: {
@@ -1315,14 +1317,14 @@ var de = {
             trap: f
           });
         } else {
-          var T = h(d, "onUnpause"), N = h(d, "onPostUnpause");
+          var T = h(d, "onUnpause"), F = h(d, "onPostUnpause");
           T?.({
             trap: f
           });
           var b = function() {
-            P();
+            L();
             var g = function() {
-              f._setSubtreeIsolation(!0), re(), N?.({
+              f._setSubtreeIsolation(!0), re(), F?.({
                 trap: f
               });
             }, y = ne();
@@ -1431,7 +1433,7 @@ const Oi = {
       renderImpl() {
         if (!t.default)
           return null;
-        const f = t.default().filter((_) => _.type !== xn);
+        const f = t.default().filter((A) => A.type !== xn);
         return !f || !f.length || f.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), f) : Pn(f[0], { ref: s });
       }
     };
@@ -1458,8 +1460,8 @@ Le.exports;
 var ea;
 function Ni() {
   return ea || (ea = 1, (function(a, t) {
-    var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, l = "[object Arguments]", i = "[object Array]", f = "[object Boolean]", h = "[object Date]", _ = "[object Error]", A = "[object Function]", D = "[object GeneratorFunction]", L = "[object Map]", P = "[object Number]", x = "[object Object]", H = "[object Promise]", le = "[object RegExp]", G = "[object Set]", X = "[object String]", fe = "[object Symbol]", se = "[object WeakMap]", Y = "[object ArrayBuffer]", z = "[object DataView]", ne = "[object Float32Array]", R = "[object Float64Array]", K = "[object Int8Array]", U = "[object Int16Array]", Q = "[object Int32Array]", re = "[object Uint8Array]", F = "[object Uint8ClampedArray]", c = "[object Uint16Array]", d = "[object Uint32Array]", m = /[\\^$.*+?()[\]{}|]/g, O = /\w*$/, T = /^\[object .+?Constructor\]$/, N = /^(?:0|[1-9]\d*)$/, b = {};
-    b[l] = b[i] = b[Y] = b[z] = b[f] = b[h] = b[ne] = b[R] = b[K] = b[U] = b[Q] = b[L] = b[P] = b[x] = b[le] = b[G] = b[X] = b[fe] = b[re] = b[F] = b[c] = b[d] = !0, b[_] = b[A] = b[se] = !1;
+    var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, l = "[object Arguments]", i = "[object Array]", f = "[object Boolean]", h = "[object Date]", A = "[object Error]", _ = "[object Function]", x = "[object GeneratorFunction]", B = "[object Map]", L = "[object Number]", E = "[object Object]", H = "[object Promise]", le = "[object RegExp]", G = "[object Set]", X = "[object String]", fe = "[object Symbol]", se = "[object WeakMap]", Y = "[object ArrayBuffer]", z = "[object DataView]", ne = "[object Float32Array]", R = "[object Float64Array]", K = "[object Int8Array]", U = "[object Int16Array]", Q = "[object Int32Array]", re = "[object Uint8Array]", D = "[object Uint8ClampedArray]", c = "[object Uint16Array]", d = "[object Uint32Array]", m = /[\\^$.*+?()[\]{}|]/g, O = /\w*$/, T = /^\[object .+?Constructor\]$/, F = /^(?:0|[1-9]\d*)$/, b = {};
+    b[l] = b[i] = b[Y] = b[z] = b[f] = b[h] = b[ne] = b[R] = b[K] = b[U] = b[Q] = b[B] = b[L] = b[E] = b[le] = b[G] = b[X] = b[fe] = b[re] = b[D] = b[c] = b[d] = !0, b[A] = b[_] = b[se] = !1;
     var v = typeof Ye == "object" && Ye && Ye.Object === Object && Ye, g = typeof self == "object" && self && self.Object === Object && self, y = v || g || Function("return this")(), k = t && !t.nodeType && t, j = k && !0 && a && !a.nodeType && a, M = j && j.exports === k;
     function ie(e, o) {
       return e.set(o[0], o[1]), e;
@@ -1664,10 +1666,10 @@ function Ni() {
         if (ee = hn(e), !o)
           return vn(e, ee);
       } else {
-        var Oe = ge(e), Ht = Oe == A || Oe == D;
+        var Oe = ge(e), Ht = Oe == _ || Oe == x;
         if (Cn(e))
           return on(e, o);
-        if (Oe == x || Oe == l || Ht && !J) {
+        if (Oe == E || Oe == l || Ht && !J) {
           if (It(e))
             return J ? e : {};
           if (ee = mn(Ht ? {} : e), !o)
@@ -1774,14 +1776,14 @@ function Ni() {
       return nn(u) ? u : void 0;
     }
     var Bt = Ft ? it(Ft, Object) : On, ge = an;
-    (st && ge(new st(new ArrayBuffer(1))) != z || xe && ge(new xe()) != L || lt && ge(lt.resolve()) != H || ct && ge(new ct()) != G || ut && ge(new ut()) != se) && (ge = function(e) {
-      var o = Ge.call(e), u = o == x ? e.constructor : void 0, w = u ? ye(u) : void 0;
+    (st && ge(new st(new ArrayBuffer(1))) != z || xe && ge(new xe()) != B || lt && ge(lt.resolve()) != H || ct && ge(new ct()) != G || ut && ge(new ut()) != se) && (ge = function(e) {
+      var o = Ge.call(e), u = o == E ? e.constructor : void 0, w = u ? ye(u) : void 0;
       if (w)
         switch (w) {
           case _a:
             return z;
           case Oa:
-            return L;
+            return B;
           case Aa:
             return H;
           case Ea:
@@ -1814,13 +1816,13 @@ function Ni() {
         case U:
         case Q:
         case re:
-        case F:
+        case D:
         case c:
         case d:
           return fn(e, w);
-        case L:
+        case B:
           return ln(e, w, u);
-        case P:
+        case L:
         case X:
           return new W(e);
         case le:
@@ -1832,7 +1834,7 @@ function Ni() {
       }
     }
     function yn(e, o) {
-      return o = o ?? s, !!o && (typeof e == "number" || N.test(e)) && e > -1 && e % 1 == 0 && e < o;
+      return o = o ?? s, !!o && (typeof e == "number" || F.test(e)) && e > -1 && e % 1 == 0 && e < o;
     }
     function wn(e) {
       var o = typeof e;
@@ -1877,7 +1879,7 @@ function Ni() {
     var Cn = Ca || An;
     function Kt(e) {
       var o = Ve(e) ? Ge.call(e) : "";
-      return o == A || o == D;
+      return o == _ || o == x;
     }
     function $n(e) {
       return typeof e == "number" && e > -1 && e % 1 == 0 && e <= s;
@@ -1984,12 +1986,12 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
       v9b443174: a.zIndex,
       v682f08a0: f.value.height,
       b2c3b708: f.value.top,
-      v537cb660: _.value.marginTop,
-      v766c92ce: N.value,
+      v537cb660: A.value.marginTop,
+      v766c92ce: F.value,
       v05a90ebc: h.value.display,
       v28e7fd93: h.value.minHeight,
-      f5f71bea: A.value.top,
-      v68798002: A.value.zIndex
+      f5f71bea: _.value.top,
+      v68798002: _.value.zIndex
     }));
     const r = t, n = a, s = Ze(), l = I(() => !!s.header), i = I(() => !!s.top), f = I(() => ({
       mobileTop: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : n.topOffset ? `${n.topOffset}px` : "0",
@@ -1999,22 +2001,22 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
     })), h = I(() => ({
       display: !n.mobileHeaderVisible && n.mobileEnabled ? "none" : "flex",
       minHeight: `${n.headerHeight}px`
-    })), _ = I(() => ({
-      marginTop: l.value ? `${n.headerHeight}px` : "0"
     })), A = I(() => ({
+      marginTop: l.value ? `${n.headerHeight}px` : "0"
+    })), _ = I(() => ({
       top: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : "0",
       zIndex: n.mobileOverlayZIndex !== null ? n.mobileOverlayZIndex : n.zIndex > 1 ? n.zIndex - 1 : 1
-    })), D = (v) => Di(v).map((y) => {
+    })), x = (v) => Di(v).map((y) => {
       if (y) {
         (!y.key || !y.key?.trim()) && (y.key = String(y.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!y.testId || !y.testId?.trim()) && (y.testId = String(y.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
         for (const k of y.items || [])
           k.parentKey = y.key, (!k.testId || !k.testId?.trim()) && (k.testId = String(k.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
       return y;
-    }), L = I(() => n.topItems.length ? D(n.topItems) : []), P = I(() => n.bottomItems.length ? D(n.bottomItems) : []), x = (v = "") => v.trim().replace(" ", "").replace(/[^a-z0-9]+/gi, "-").toLowerCase(), H = I(() => {
+    }), B = I(() => n.topItems.length ? x(n.topItems) : []), L = I(() => n.bottomItems.length ? x(n.bottomItems) : []), E = (v = "") => v.trim().replace(" ", "").replace(/[^a-z0-9]+/gi, "-").toLowerCase(), H = I(() => {
       const v = /* @__PURE__ */ new Map();
       v.set(we, []);
-      for (const g of L.value) {
+      for (const g of B.value) {
         const y = g.group || we;
         v.has(y) || v.set(y, []), v.get(y)?.push(g);
       }
@@ -2046,15 +2048,15 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
     });
     const { debounce: U } = ba(), Q = U(() => {
       Y.value && re.value !== window?.innerWidth && (re.value = window?.innerWidth, z(!1));
-    }, 200), re = te(), F = te(!1), c = te(), d = () => {
-      F.value || (F.value = !0, clearTimeout(c.value), c.value = setTimeout(() => F.value = !1, 1300));
+    }, 200), re = te(), D = te(!1), c = te(), d = () => {
+      D.value || (D.value = !0, clearTimeout(c.value), c.value = setTimeout(() => D.value = !1, 1300));
     }, m = te(null), O = I(() => Y.value && n.mobileEnabled), T = async (v) => {
       v ? (await zt(), await new Promise((g) => setTimeout(g, 300)), m.value?.activate()) : m.value?.deactivate();
     };
     De(O, async (v) => {
       v ? await T(!0) : await T(!1);
     }, { immediate: !0 });
-    const N = te("0px"), b = () => {
+    const F = te("0px"), b = () => {
       if (!(/Mac|iPhone|iPod|iPad/i.test(navigator?.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test(navigator?.userAgentData?.platform)))
         return;
       const g = document.createElement("div");
@@ -2064,7 +2066,7 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
       const k = document.createElement("div");
       k.style.width = "100%", g.appendChild(k);
       const j = k.offsetWidth;
-      g.parentNode && g.parentNode.removeChild(g), y - j === 0 && (N.value = "8px");
+      g.parentNode && g.parentNode.removeChild(g), y - j === 0 && (F.value = "8px");
     };
     return He(async () => {
       if (re.value = window?.innerWidth, window.addEventListener("resize", Q), window.addEventListener("resize", d), n.groupConfig && le.value)
@@ -2082,7 +2084,7 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
           key: 0,
           class: "kong-ui-app-sidebar-overlay",
           onClick: ne
-        })) : E("", !0),
+        })) : N("", !0),
         Ke(be(Ai), {
           ref_key: "focusTrap",
           ref: m,
@@ -2090,24 +2092,24 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
           "allow-outside-click": "",
           "fallback-focus": ".kong-ui-app-sidebar"
         }, {
-          default: B(() => [
+          default: P(() => [
             $("aside", {
               class: q(["kong-ui-app-sidebar", {
                 "sidebar-open": Y.value,
                 "no-sidebar-header": !l.value,
                 "mobile-header-hidden": a.mobileEnabled && (!l.value || !a.mobileHeaderVisible),
                 "mobile-disabled": !a.mobileEnabled,
-                "disable-transitions": F.value
+                "disable-transitions": D.value
               }]),
               tabindex: "-1"
             }, [
               l.value ? (p(), S("div", Ri, [
                 C(v.$slots, "header", {}, void 0, !0)
-              ])) : E("", !0),
+              ])) : N("", !0),
               $("div", xi, [
                 i.value ? (p(), S("div", Pi, [
                   C(v.$slots, "top", {}, void 0, !0)
-                ])) : E("", !0),
+                ])) : N("", !0),
                 $("nav", Bi, [
                   H.value.size > 0 ? (p(!0), S(Ee, { key: 0 }, pe(H.value, ([k, j]) => (p(), Z(y, {
                     key: k,
@@ -2118,34 +2120,34 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
                     "data-testid": k === we ? "level-primary-group-collapse-ungrouped" : `level-primary-group-collapse-${k}`,
                     "model-value": X(k) && fe(k) || !1
                   }, {
-                    trigger: B(({ isCollapsed: M, toggle: ie }) => [
+                    trigger: P(({ isCollapsed: M, toggle: ie }) => [
                       (p(), Z(Se(X(k) ? be(jn) : "div"), {
                         appearance: X(k) ? "none" : void 0,
                         class: "level-primary-group-collapse-trigger",
                         onClick: (Ie) => X(k) ? se(k, M, ie) : void 0
                       }, {
-                        default: B(() => [
+                        default: P(() => [
                           k !== we ? (p(), S("div", {
                             key: 0,
-                            id: `level-primary-group-${x(k)}`,
+                            id: `level-primary-group-${E(k)}`,
                             class: "level-primary-group-name",
                             "data-testid": "level-primary-group-name",
                             role: "presentation"
-                          }, V(G(k)?.label || k), 9, Li)) : E("", !0),
+                          }, V(G(k)?.label || k), 9, Li)) : N("", !0),
                           X(k) ? (p(), Z(Se(M ? be(ia) : be(Mn)), {
                             key: 1,
                             class: "level-primary-group-collapse-icon",
                             color: `var(--kui-navigation-color-text, ${be(dr)})`,
                             "data-testid": "level-primary-group-collapse-icon",
                             size: `var(--kui-icon-size-30, ${be(ur)})`
-                          }, null, 8, ["color", "size"])) : E("", !0)
+                          }, null, 8, ["color", "size"])) : N("", !0)
                         ]),
                         _: 2
                       }, 1032, ["appearance", "onClick"]))
                     ]),
-                    default: B(() => [
+                    default: P(() => [
                       $("ul", {
-                        "aria-labelledby": k !== we ? `level-primary-group-${x(k)}` : void 0,
+                        "aria-labelledby": k !== we ? `level-primary-group-${E(k)}` : void 0,
                         class: "level-primary top-items"
                       }, [
                         (p(!0), S(Ee, null, pe(j, (M) => (p(), Z(Vt, {
@@ -2153,14 +2155,14 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
                           item: M,
                           onClick: K
                         }, je({
-                          [`sidebar-icon-${M.key}`]: B(() => [
+                          [`sidebar-icon-${M.key}`]: P(() => [
                             C(v.$slots, `sidebar-icon-${M.key}`, {}, void 0, !0)
                           ]),
                           _: 2
                         }, [
                           v.$slots[`sidebar-after-${M.key}`] ? {
                             name: `sidebar-after-${M.key}`,
-                            fn: B(() => [
+                            fn: P(() => [
                               C(v.$slots, `sidebar-after-${M.key}`, {}, void 0, !0)
                             ]),
                             key: "0"
@@ -2169,20 +2171,20 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
                       ], 8, Mi)
                     ]),
                     _: 2
-                  }, 1032, ["class", "data-testid", "model-value"]))), 128)) : E("", !0),
-                  H.value.size > 0 && P.value.length ? (p(), S("div", ji)) : E("", !0),
-                  P.value.length ? (p(), S("ul", Ki, [
-                    (p(!0), S(Ee, null, pe(P.value, (k) => (p(), Z(Vt, {
+                  }, 1032, ["class", "data-testid", "model-value"]))), 128)) : N("", !0),
+                  H.value.size > 0 && L.value.length ? (p(), S("div", ji)) : N("", !0),
+                  L.value.length ? (p(), S("ul", Ki, [
+                    (p(!0), S(Ee, null, pe(L.value, (k) => (p(), Z(Vt, {
                       key: k.name,
                       item: k,
                       onClick: K
                     }, {
-                      [`sidebar-icon-${k.key}`]: B(() => [
+                      [`sidebar-icon-${k.key}`]: P(() => [
                         C(v.$slots, `sidebar-icon-${k.key}`, {}, void 0, !0)
                       ]),
                       _: 2
                     }, 1032, ["item"]))), 128))
-                  ])) : E("", !0)
+                  ])) : N("", !0)
                 ])
               ]),
               $("div", Zi, [
@@ -2297,32 +2299,32 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
       bottomItems: I(() => r.sidebarBottomItems),
       open: I(() => r.sidebarOpen),
       hidden: I(() => r.sidebarHidden)
-    }), _ = (R) => {
+    }), A = (R) => {
       n("sidebar-click", R);
-    }, A = te(!1), D = (R) => {
-      A.value = R;
+    }, _ = te(!1), x = (R) => {
+      _.value = R;
     };
     na(() => {
-      A.value = Ln(h, "open").value || !1;
+      _.value = Ln(h, "open").value || !1;
     });
-    const L = te(0), P = te(60), x = te(0), H = I(() => f.hidden ? x.value : P.value + x.value), le = I(() => r.theme === "light" ? ir : or), G = I(() => r.theme === "light" ? ar : rr), X = I(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), fe = I(() => `${H.value}px`), se = I(() => h.hidden || f.hidden ? sr : lr), { debounce: Y } = ba(), z = Y((R = !1) => {
-      if (R || L.value !== window?.innerWidth) {
-        L.value = window?.innerWidth;
+    const B = te(0), L = te(60), E = te(0), H = I(() => f.hidden ? E.value : L.value + E.value), le = I(() => r.theme === "light" ? ir : or), G = I(() => r.theme === "light" ? ar : rr), X = I(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), fe = I(() => `${H.value}px`), se = I(() => h.hidden || f.hidden ? sr : lr), { debounce: Y } = ba(), z = Y((R = !1) => {
+      if (R || B.value !== window?.innerWidth) {
+        B.value = window?.innerWidth;
         const K = document?.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-        K && (x.value = K.offsetHeight);
+        K && (E.value = K.offsetHeight);
       }
     }, 200), ne = te();
-    return De(x, (R) => {
+    return De(E, (R) => {
       n("update:topOffset", R || 0);
     }, { immediate: !0 }), He(() => {
-      document?.body?.classList.add("kong-ui-app-layout-body"), document?.documentElement?.classList.add("kong-ui-app-layout-html"), L.value = window?.innerWidth, z(!0);
+      document?.body?.classList.add("kong-ui-app-layout-body"), document?.documentElement?.classList.add("kong-ui-app-layout-html"), B.value = window?.innerWidth, z(!0);
       const R = document?.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
       R && (ne.value = new ResizeObserver((K) => {
         window.requestAnimationFrame(() => {
           if (!(!Array.isArray(K) || !K.length))
             for (const U of K) {
               const Q = U.contentRect.height;
-              x.value !== Q && (x.value = Q);
+              E.value !== Q && (E.value = Q);
             }
         });
       }), ne.value.observe(R)), window.addEventListener("resize", z);
@@ -2337,23 +2339,23 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
       $("div", Vi, [
         C(R.$slots, "notification", {}, void 0, !0)
       ]),
-      f.hidden ? E("", !0) : (p(), Z(Or, {
+      f.hidden ? N("", !0) : (p(), Z(Or, {
         key: String(h.hidden),
         "left-offset": h.hidden ? 0 : void 0,
-        "top-offset": x.value
+        "top-offset": E.value
       }, je({
-        "mobile-sidebar-toggle": B(() => [
-          h.hidden ? E("", !0) : (p(), Z(Ui, {
+        "mobile-sidebar-toggle": P(() => [
+          h.hidden ? N("", !0) : (p(), Z(Ui, {
             key: 0,
-            active: A.value,
-            onToggle: D
+            active: _.value,
+            onToggle: x
           }, null, 8, ["active"]))
         ]),
         _: 2
       }, [
         l.navbarMobileLogo ? {
           name: "mobile-logo",
-          fn: B(() => [
+          fn: P(() => [
             $("div", qi, [
               C(R.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
@@ -2362,80 +2364,80 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
         } : void 0,
         l.navbarLogo ? {
           name: "logo",
-          fn: B(() => [
+          fn: P(() => [
             h.hidden ? (p(), S("div", Xi, [
               C(R.$slots, "navbar-logo", {}, void 0, !0)
-            ])) : E("", !0)
+            ])) : N("", !0)
           ]),
           key: "1"
         } : void 0,
         l.navbarLeft ? {
           name: "left",
-          fn: B(() => [
+          fn: P(() => [
             C(R.$slots, "navbar-left", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.navbarCenter ? {
           name: "center",
-          fn: B(() => [
+          fn: P(() => [
             C(R.$slots, "navbar-center", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.navbarRight ? {
           name: "right",
-          fn: B(() => [
+          fn: P(() => [
             C(R.$slots, "navbar-right", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["left-offset", "top-offset"])),
-      h.hidden ? E("", !0) : (p(), Z(Wi, {
+      h.hidden ? N("", !0) : (p(), Z(Wi, {
         key: 1,
         "bottom-items": h.bottomItems,
         "group-config": a.groupConfig,
-        "header-height": P.value,
+        "header-height": L.value,
         "mobile-enabled": "",
         "mobile-header-visible": !1,
         "mobile-top-offset": H.value,
-        open: A.value,
+        open: _.value,
         "top-items": h.topItems,
-        "top-offset": x.value,
-        onClick: _,
-        onToggle: D,
+        "top-offset": E.value,
+        onClick: A,
+        onToggle: x,
         onToggleCollapse: K[0] || (K[0] = (U, Q) => n("toggle-collapse", U, Q))
       }, je({ _: 2 }, [
         l.sidebarHeader ? {
           name: "header",
-          fn: B(() => [
+          fn: P(() => [
             C(R.$slots, "sidebar-header", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.sidebarTop ? {
           name: "top",
-          fn: B(() => [
+          fn: P(() => [
             C(R.$slots, "sidebar-top", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.sidebarFooter ? {
           name: "footer",
-          fn: B(() => [
+          fn: P(() => [
             C(R.$slots, "sidebar-footer", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         pe([...h.topItems || [], ...h.bottomItems || []], (U) => ({
           name: `sidebar-icon-${U.key}`,
-          fn: B(() => [
+          fn: P(() => [
             C(R.$slots, `sidebar-icon-${U.key}`, {}, void 0, !0)
           ])
         })),
         pe([...h.topItems || [], ...h.bottomItems || []], (U) => ({
           name: `sidebar-after-${U.key}`,
-          fn: B(() => [
+          fn: P(() => [
             C(R.$slots, `sidebar-after-${U.key}`, {}, void 0, !0)
           ])
         }))
@@ -2447,7 +2449,7 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
           }, [
             K[1] || (K[1] = $("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
             C(R.$slots, "app-error", {}, void 0, !0),
-            i.value ? E("", !0) : C(R.$slots, "default", { key: 0 }, void 0, !0)
+            i.value ? N("", !0) : C(R.$slots, "default", { key: 0 }, void 0, !0)
           ], 2)
         ])
       ])
@@ -2505,38 +2507,38 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
           }, je({ _: 2 }, [
             pe(s.value, (h) => ({
               name: h,
-              fn: B(() => [
+              fn: P(() => [
                 C(l.$slots, h, {}, void 0, !0)
               ])
             }))
           ]), 1032, ["items"])
-        ])) : E("", !0),
+        ])) : N("", !0),
         $("div", ao, [
           $("div", no, [
             l.$slots["title-before"] && !a.konnectNavigationNext ? (p(), S("div", ro, [
               C(l.$slots, "title-before", {}, void 0, !0)
-            ])) : E("", !0),
+            ])) : N("", !0),
             (p(), Z(Se(a.konnectNavigationNext ? "h2" : "h1"), {
               class: "page-header-title",
               "data-testid": "page-header-title",
               title: a.title
             }, {
-              default: B(() => [
+              default: P(() => [
                 Fe(V(a.title), 1)
               ]),
               _: 1
             }, 8, ["title"])),
             l.$slots["title-after"] ? (p(), S("div", io, [
               C(l.$slots, "title-after", {}, void 0, !0)
-            ])) : E("", !0)
+            ])) : N("", !0)
           ]),
           l.$slots.actions ? (p(), S("div", oo, [
             C(l.$slots, "actions", {}, void 0, !0)
-          ])) : E("", !0)
+          ])) : N("", !0)
         ]),
         l.$slots.below ? (p(), S("div", so, [
           C(l.$slots, "below", {}, void 0, !0)
-        ])) : E("", !0)
+        ])) : N("", !0)
       ], 2);
     };
   }
@@ -2574,12 +2576,12 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
       class: "app-page-info-section",
       "data-testid": "app-page-info-section"
     }, {
-      default: B(() => [
+      default: P(() => [
         (p(), Z(Se(a.collapsible ? "summary" : "div"), {
           class: "app-page-info-section-header",
           "data-testid": "app-page-info-section-header"
         }, {
-          default: B(() => [
+          default: P(() => [
             C(t.$slots, "header", {}, () => [
               $("div", co, [
                 a.title ? (p(), Z(Se(a.titleTag), {
@@ -2587,25 +2589,25 @@ const Di = /* @__PURE__ */ Ei(Fi), Ri = {
                   class: "app-page-info-section-title",
                   "data-testid": "app-page-info-section-title"
                 }, {
-                  default: B(() => [
+                  default: P(() => [
                     Fe(V(a.title), 1)
                   ]),
                   _: 1
-                })) : E("", !0),
-                a.description ? (p(), S("div", uo, V(a.description), 1)) : E("", !0)
+                })) : N("", !0),
+                a.description ? (p(), S("div", uo, V(a.description), 1)) : N("", !0)
               ])
             ], !0),
             a.collapsible ? (p(), Z(be(ia), {
               key: 0,
               class: "app-page-info-section-chevron-icon",
               decorative: ""
-            })) : t.$slots.actions ? C(t.$slots, "actions", { key: 1 }, void 0, !0) : E("", !0)
+            })) : t.$slots.actions ? C(t.$slots, "actions", { key: 1 }, void 0, !0) : N("", !0)
           ]),
           _: 3
         })),
         t.$slots.default ? (p(), S("div", fo, [
           C(t.$slots, "default", {}, void 0, !0)
-        ])) : E("", !0)
+        ])) : N("", !0)
       ]),
       _: 3
     }));