@kong-ui-public/app-layout 4.2.64-pr.1882.c40f0956a.0 → 4.3.1

package/dist/app-layout.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as te, resolveComponent as he, openBlock as p, createBlock as Y, withCtx as R, renderSlot as _, createElementBlock as w, Fragment as $e, renderList as Te, normalizeClass as re, createTextVNode as lt, toDisplayString as X, computed as k, createSlots as Ze, createVNode as Ne, createCommentVNode as C, createElementVNode as I, createStaticVNode as vn, useCssVars as dt, useSlots as Ge, reactive as je, onMounted as qe, resolveDynamicComponent as bn, withKeys as hn, ref as z, watch as Ke, onUnmounted as pn, Comment as mn, cloneVNode as gn, nextTick as Rt, onBeforeUnmount as Ht, unref as yn, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
-const Sn = /* @__PURE__ */ te({
+import { defineComponent as ee, resolveComponent as he, openBlock as p, createBlock as X, withCtx as R, renderSlot as I, createElementBlock as w, Fragment as $e, renderList as Te, normalizeClass as re, createTextVNode as lt, toDisplayString as q, computed as k, createSlots as Ze, createVNode as Ne, createCommentVNode as C, createElementVNode as O, createStaticVNode as vn, useCssVars as dt, useSlots as Ge, reactive as je, onMounted as qe, resolveDynamicComponent as bn, withKeys as hn, ref as W, watch as Ke, onUnmounted as pn, Comment as mn, cloneVNode as gn, nextTick as Rt, onBeforeUnmount as Ht, unref as yn, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
+const Sn = /* @__PURE__ */ ee({
   __name: "AccountDropdown",
   props: {
     options: {
@@ -20,15 +20,15 @@ const Sn = /* @__PURE__ */ te({
   setup(n) {
     return (t, r) => {
       const a = he("KDropdownItem"), l = he("KDropdown");
-      return p(), Y(l, {
+      return p(), X(l, {
         class: "account-dropdown",
         "kpop-attributes": { placement: "bottom-end" },
         "trigger-text": n.userInitials,
         width: n.width
       }, {
         items: R(({ handleSelection: u }) => [
-          _(t.$slots, "default", {}, () => [
-            (p(!0), w($e, null, Te(n.options, (o) => (p(), Y(a, {
+          I(t.$slots, "default", {}, () => [
+            (p(!0), w($e, null, Te(n.options, (o) => (p(), X(a, {
               key: o.value,
               class: re({ "has-divider": o.hasDivider }),
               "data-testid": "select-" + o.value,
@@ -36,8 +36,8 @@ const Sn = /* @__PURE__ */ te({
               onClick: (v) => u(o)
             }, {
               default: R(() => [
-                _(t.$slots, "default", { option: o }, () => [
-                  lt(X(o.label), 1)
+                I(t.$slots, "default", { option: o }, () => [
+                  lt(q(o.label), 1)
                 ], !0)
               ]),
               _: 2
@@ -48,12 +48,12 @@ const Sn = /* @__PURE__ */ te({
       }, 8, ["trigger-text", "width"]);
     };
   }
-}), ae = (n, t) => {
+}), te = (n, t) => {
   const r = n.__vccOpts || n;
   for (const [a, l] of t)
     r[a] = l;
   return r;
-}, Ci = /* @__PURE__ */ ae(Sn, [["__scopeId", "data-v-b33191a2"]]), _n = {
+}, Ci = /* @__PURE__ */ te(Sn, [["__scopeId", "data-v-b33191a2"]]), _n = {
   class: "about-section-title",
   "data-testid": "about-section-title"
 }, In = { class: "about-section-header-end" }, On = {
@@ -89,7 +89,7 @@ const Sn = /* @__PURE__ */ te({
   key: 3,
   class: "about-divider-section",
   "data-testid": "about-divider-section"
-}, Bn = /* @__PURE__ */ te({
+}, Bn = /* @__PURE__ */ ee({
   __name: "AppAboutSection",
   props: {
     title: {
@@ -125,7 +125,7 @@ const Sn = /* @__PURE__ */ te({
     const t = n, r = k(() => !!t.modified && t.modified !== t.created);
     return (a, l) => {
       const u = he("KSkeletonBox"), o = he("KCard");
-      return p(), Y(o, {
+      return p(), X(o, {
         class: "kong-ui-app-about-section",
         "title-tag": "h2"
       }, Ze({
@@ -140,13 +140,13 @@ const Sn = /* @__PURE__ */ te({
               width: "100"
             })
           ])) : (p(), w("div", An, [
-            n.description ? (p(), w("p", Fn, X(n.description), 1)) : C("", !0),
+            n.description ? (p(), w("p", Fn, q(n.description), 1)) : C("", !0),
             a.$slots.default ? (p(), w("div", xn, [
-              _(a.$slots, "default", {}, void 0, !0)
+              I(a.$slots, "default", {}, void 0, !0)
             ])) : C("", !0),
             a.$slots["divider-section"] ? (p(), w("hr", Dn)) : C("", !0),
             a.$slots["divider-section"] ? (p(), w("div", Rn, [
-              _(a.$slots, "divider-section", {}, void 0, !0)
+              I(a.$slots, "divider-section", {}, void 0, !0)
             ])) : C("", !0)
           ]))
         ]),
@@ -155,24 +155,24 @@ const Sn = /* @__PURE__ */ te({
         n.title ? {
           name: "title",
           fn: R(() => [
-            I("span", _n, X(n.title), 1)
+            O("span", _n, q(n.title), 1)
           ]),
           key: "0"
         } : void 0,
         a.$slots.actions || n.created || n.modified ? {
           name: "actions",
           fn: R(() => [
-            I("div", In, [
+            O("div", In, [
               n.created || n.modified ? (p(), w("div", {
                 key: 0,
                 class: re(["about-section-timestamps", { "has-actions": a.$slots.actions }])
               }, [
-                n.created ? (p(), w("span", On, X(n.createdLabel) + ": " + X(n.created), 1)) : C("", !0),
+                n.created ? (p(), w("span", On, q(n.createdLabel) + ": " + q(n.created), 1)) : C("", !0),
                 n.created && r.value ? (p(), w("span", Cn, "->")) : C("", !0),
-                r.value ? (p(), w("span", $n, X(n.modifiedLabel) + ": " + X(n.modified), 1)) : C("", !0)
+                r.value ? (p(), w("span", $n, q(n.modifiedLabel) + ": " + q(n.modified), 1)) : C("", !0)
               ], 2)) : C("", !0),
               a.$slots.actions ? (p(), w("div", En, [
-                _(a.$slots, "actions", {}, void 0, !0)
+                I(a.$slots, "actions", {}, void 0, !0)
               ])) : C("", !0)
             ])
           ]),
@@ -181,7 +181,7 @@ const Sn = /* @__PURE__ */ te({
       ]), 1024);
     };
   }
-}), $i = /* @__PURE__ */ ae(Bn, [["__scopeId", "data-v-521dcc27"]]), Ln = {}, Mn = {
+}), $i = /* @__PURE__ */ te(Bn, [["__scopeId", "data-v-521dcc27"]]), Ln = {}, Mn = {
   fill: "none",
   height: "130",
   width: "130",
@@ -192,29 +192,29 @@ function Pn(n, t) {
     vn('<path clip-rule="evenodd" d="M19.111 120.198c-.226 0-.409-.164-.409-.368v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.367V66.89c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368V47.64c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.369v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368V9.138c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368ZM110.889 120.198c-.225 0-.408-.164-.408-.368v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.367V66.89c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368V47.64c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.369v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368V9.138c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Z" fill="#D6D6D6" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M123.553 107.758a.399.399 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.399.399 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H87.69a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.135 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408H37.01a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.067a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.067c.215 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H6.603a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409ZM123.553 21.434a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.399.399 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409H87.69a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.135 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409H37.01a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409H6.603a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Z" fill="#D6D6D6" fill-rule="evenodd"></path><circle cx="65" cy="65" opacity=".5" r="64" stroke="#B6B6BD" stroke-dasharray="5.69 5.69" stroke-linecap="round" stroke-width=".854"></circle><g clip-path="url(#a)" stroke="#169FCC" stroke-miterlimit="10" stroke-width="1.42"><path d="m33.523 104.868-5.72-.695a1.214 1.214 0 0 1-.766-.386 1.182 1.182 0 0 1-.312-.788v-7.448c0-.095.038-.186.106-.253a.365.365 0 0 1 .256-.104l5.254-.263M61.471 22.733a1.761 1.761 0 0 1 1.45.235 49.628 49.628 0 0 1 15.613 17.6 48.797 48.797 0 0 1 5.65 22.702 47.236 47.236 0 0 1-.333 5.325 41.34 41.34 0 0 0-12.501-.441 48.503 48.503 0 0 0-1.813-23.734 49.117 49.117 0 0 0-12.91-20.119c1.602-.591 3.223-1.136 4.844-1.568Z"></path><path d="M71.35 68.154a39.493 39.493 0 0 0-10.813 3.757 51.298 51.298 0 0 0 3.251-18.062c0-9.392-4.939-19.179-9.783-27.237-.257-.432 0-1.616 2.642-2.32"></path><path d="M56.236 78.58a13.605 13.605 0 0 0-4.29-9.289 14.017 14.017 0 0 0-9.622-3.786 9.617 9.617 0 0 1-6.456-2.446 9.341 9.341 0 0 1-3.079-6.1l-.286-4.256c3.09 0 9.46 4.105 13.216 4.866 3.757.76 8.21.253 11.862 3.437a13.303 13.303 0 0 1 4.357 6.575"></path><path d="M68.594 75.442c-3.432 6.95-7.914 11.59-14.303 16.033a47.076 47.076 0 0 1-21.702 8.058v-4.696c11.642-4.809 22.208-11.806 27.948-22.88"></path><path d="M76.499 84.815a46.939 46.939 0 0 1-17.392 14.511 50.925 50.925 0 0 1-22.885 5.457c-2.317 0-3.662.47-3.662-.695v-4.555"></path><path d="M83.85 68.595c22.304 16.22 4.044 39.25-19.652 37.663.954-.939 29.95-22.222-3.661-34.3"></path><path d="M84.184 58.47c13.607 0 25.746 26.242 17.383 30.995-1.182-17.508-17.716-20.87-17.716-20.87"></path></g><defs><clipPath id="a"><path d="M0 0h79v85H0z" fill="#fff" transform="translate(26 22)"></path></clipPath></defs>', 5)
   ]));
 }
-const jn = /* @__PURE__ */ ae(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-error" }, Kn = { class: "banana-icon" }, Hn = { class: "kong-ui-app-error-content" }, Un = /* @__PURE__ */ te({
+const jn = /* @__PURE__ */ te(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-error" }, Kn = { class: "banana-icon" }, Hn = { class: "kong-ui-app-error-content" }, Un = /* @__PURE__ */ ee({
   __name: "AppError",
   setup(n) {
     return (t, r) => (p(), w("section", Zn, [
-      I("div", Kn, [
+      O("div", Kn, [
         Ne(jn)
       ]),
-      I("div", Hn, [
-        _(t.$slots, "default", {}, () => [
-          r[0] || (r[0] = I("h2", null, "An unexpected error has occurred", -1)),
-          r[1] || (r[1] = I("p", null, [
+      O("div", Hn, [
+        I(t.$slots, "default", {}, () => [
+          r[0] || (r[0] = O("h2", null, "An unexpected error has occurred", -1)),
+          r[1] || (r[1] = O("p", null, [
             lt("Go back to the previous page or "),
-            I("a", { href: "/" }, "return home"),
+            O("a", { href: "/" }, "return home"),
             lt(".")
           ], -1))
         ], !0)
       ])
     ]));
   }
-}), Ei = /* @__PURE__ */ ae(Un, [["__scopeId", "data-v-8e17f434"]]), Wn = { class: "kong-ui-app-navbar" }, zn = { class: "header-content" }, Vn = { class: "mobile-header-left" }, Gn = {
+}), Ei = /* @__PURE__ */ te(Un, [["__scopeId", "data-v-8e17f434"]]), Wn = { class: "kong-ui-app-navbar" }, zn = { class: "header-content" }, Vn = { class: "mobile-header-left" }, Gn = {
   key: 0,
   class: "app-navbar-logo"
-}, qn = { class: "navbar-content" }, Xn = { class: "navbar-content-left" }, Yn = { class: "navbar-content-center" }, Jn = { class: "navbar-content-right" }, Qn = /* @__PURE__ */ te({
+}, qn = { class: "navbar-content" }, Xn = { class: "navbar-content-left" }, Yn = { class: "navbar-content-center" }, Jn = { class: "navbar-content-right" }, Qn = /* @__PURE__ */ ee({
   __name: "AppNavbar",
   props: {
     topOffset: {
@@ -253,29 +253,29 @@ const jn = /* @__PURE__ */ ae(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
       zIndex: t.zIndex
     }));
     return (o, v) => (p(), w("header", Wn, [
-      I("div", zn, [
-        I("div", Vn, [
-          _(o.$slots, "mobile-sidebar-toggle"),
-          _(o.$slots, "mobile-logo")
+      O("div", zn, [
+        O("div", Vn, [
+          I(o.$slots, "mobile-sidebar-toggle"),
+          I(o.$slots, "mobile-logo")
         ]),
         a.value ? (p(), w("div", Gn, [
-          _(o.$slots, "logo")
+          I(o.$slots, "logo")
         ])) : C("", !0),
-        I("div", qn, [
-          I("div", Xn, [
-            _(o.$slots, "left")
+        O("div", qn, [
+          O("div", Xn, [
+            I(o.$slots, "left")
           ]),
-          I("div", Yn, [
-            _(o.$slots, "center")
+          O("div", Yn, [
+            I(o.$slots, "center")
           ]),
-          I("div", Jn, [
-            _(o.$slots, "right")
+          O("div", Jn, [
+            I(o.$slots, "right")
           ])
         ])
       ])
     ]));
   }
-}), er = /* @__PURE__ */ ae(Qn, [["__scopeId", "data-v-2f6fc50f"]]), tr = ["title"], st = 99, ar = /* @__PURE__ */ te({
+}), er = /* @__PURE__ */ te(Qn, [["__scopeId", "data-v-2f6fc50f"]]), tr = ["title"], st = 99, ar = /* @__PURE__ */ ee({
   __name: "ItemBadge",
   props: {
     count: {
@@ -290,15 +290,15 @@ const jn = /* @__PURE__ */ ae(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
       key: 0,
       class: "item-badge",
       title: (n.count || 0) > st ? String(n.count) : void 0
-    }, X(r.value), 9, tr)) : C("", !0);
+    }, q(r.value), 9, tr)) : C("", !0);
   }
-}), nr = /* @__PURE__ */ ae(ar, [["__scopeId", "data-v-afb0d903"]]), rr = ["data-testid"], ir = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], or = {
+}), nr = /* @__PURE__ */ te(ar, [["__scopeId", "data-v-afb0d903"]]), rr = ["data-testid"], ir = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], or = {
   key: 0,
   class: "sidebar-item-icon"
 }, sr = { class: "sidebar-item-name-container" }, cr = { class: "sidebar-item-name has-tooltip" }, lr = {
   key: 2,
   class: "sidebar-item-label truncate-text truncate-18"
-}, ur = ["id"], dr = /* @__PURE__ */ te({
+}, ur = ["id"], dr = /* @__PURE__ */ ee({
   __name: "SidebarItem",
   props: {
     item: {
@@ -319,40 +319,40 @@ const jn = /* @__PURE__ */ ae(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
       v(F), typeof E == "function" && (g.preventDefault(), E());
     };
     return (g, F) => {
-      var B;
+      var L;
       const E = he("KTooltip"), D = he("SidebarItem", !0);
       return p(), w("li", {
         class: re([n.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: n.item.expanded }, { active: n.item.active }]),
         "data-testid": n.item.testId ? `sidebar-item-${n.item.testId}` : void 0
       }, [
-        (p(), Y(bn(l.value ? "div" : "router-link"), {
+        (p(), X(bn(l.value ? "div" : "router-link"), {
           custom: l.value ? void 0 : !0,
           to: !l.value && !u.value ? n.item.to : void 0
         }, {
           default: R((S) => {
-            var x, V;
+            var x, z;
             return [
-              I("a", {
+              O("a", {
                 "aria-controls": (x = n.item.items) != null && x.length && n.item.expanded ? `subnav-${n.item.key}` : void 0,
                 "aria-current": n.item.active ? "page" : void 0,
-                "aria-expanded": (V = n.item.items) != null && V.length && n.item.expanded ? !0 : void 0,
+                "aria-expanded": (z = n.item.items) != null && z.length && n.item.expanded ? !0 : void 0,
                 class: re(["sidebar-item-link", { "sidebar-item-external-link": u.value, "router-link": !l.value }]),
                 href: l.value ? String(n.item.to || "#") : S == null ? void 0 : S.href,
                 target: u.value ? "_blank" : void 0,
-                onClick: (L) => y(L, n.item, S == null ? void 0 : S.navigate),
-                onKeypress: hn((L) => y(L, n.item, S == null ? void 0 : S.navigate), ["enter"])
+                onClick: (M) => y(M, n.item, S == null ? void 0 : S.navigate),
+                onKeypress: hn((M) => y(M, n.item, S == null ? void 0 : S.navigate), ["enter"])
               }, [
-                I("div", {
+                O("div", {
                   class: re(["sidebar-item-display", { "has-label": !!n.item.label && n.item.expanded, "has-badge": o.value }])
                 }, [
                   g.$slots[`sidebar-icon-${n.item.key}`] ? (p(), w("div", or, [
-                    n.subnavItem ? C("", !0) : _(g.$slots, `sidebar-icon-${n.item.key}`, { key: 0 }, void 0, !0)
+                    n.subnavItem ? C("", !0) : I(g.$slots, `sidebar-icon-${n.item.key}`, { key: 0 }, void 0, !0)
                   ])) : C("", !0),
-                  I("div", sr, [
+                  O("div", sr, [
                     (n.subnavItem ? n.item.name.length < 25 : n.item.name.length < 18) ? (p(), w("div", {
                       key: 0,
                       class: re(["sidebar-item-name truncate-text", [n.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
-                    }, X(n.item.name), 3)) : (p(), Y(E, {
+                    }, q(n.item.name), 3)) : (p(), X(E, {
                       key: 1,
                       class: "sidebar-item-tooltip",
                       placement: "right",
@@ -360,17 +360,17 @@ const jn = /* @__PURE__ */ ae(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
                       text: n.item.name
                     }, {
                       default: R(() => [
-                        I("div", cr, [
-                          I("span", {
+                        O("div", cr, [
+                          O("span", {
                             class: re(["truncate-text", [n.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": o.value }]])
-                          }, X(n.item.name), 3)
+                          }, q(n.item.name), 3)
                         ])
                       ]),
                       _: 1
                     }, 8, ["text"])),
-                    n.item.label && n.item.expanded ? (p(), w("div", lr, X(n.item.label), 1)) : C("", !0)
+                    n.item.label && n.item.expanded ? (p(), w("div", lr, q(n.item.label), 1)) : C("", !0)
                   ]),
-                  o.value ? (p(), Y(nr, {
+                  o.value ? (p(), X(nr, {
                     key: 1,
                     count: n.item.badgeCount
                   }, null, 8, ["count"])) : C("", !0)
@@ -380,12 +380,12 @@ const jn = /* @__PURE__ */ ae(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
           }),
           _: 3
         }, 8, ["custom", "to"])),
-        (B = n.item.items) != null && B.length && n.item.expanded ? (p(), w("ul", {
+        (L = n.item.items) != null && L.length && n.item.expanded ? (p(), w("ul", {
           key: 0,
           id: `subnav-${n.item.key}`,
           class: "level-secondary"
         }, [
-          (p(!0), w($e, null, Te(n.item.items, (S) => (p(), Y(D, {
+          (p(!0), w($e, null, Te(n.item.items, (S) => (p(), X(D, {
             key: S.name,
             item: S,
             "subnav-item": !0,
@@ -395,7 +395,7 @@ const jn = /* @__PURE__ */ ae(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
       ], 10, rr);
     };
   }
-}), Bt = /* @__PURE__ */ ae(dr, [["__scopeId", "data-v-4153f40a"]]);
+}), Bt = /* @__PURE__ */ te(dr, [["__scopeId", "data-v-4153f40a"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -435,10 +435,10 @@ var Ut = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
         var E = o.shadowRoot || // check for an undisclosed shadow
         typeof a.getShadowRoot == "function" && a.getShadowRoot(o), D = !We(E, !1) && (!a.shadowRootFilter || a.shadowRootFilter(o));
         if (E && D) {
-          var B = n(E === !0 ? o.children : E.children, !0, a);
-          a.flatten ? l.push.apply(l, B) : l.push({
+          var L = n(E === !0 ? o.children : E.children, !0, a);
+          a.flatten ? l.push.apply(l, L) : l.push({
             scopeParent: o,
-            candidates: B
+            candidates: L
           });
         } else
           u.unshift.apply(u, o.children);
@@ -763,12 +763,12 @@ var jt = {
     return d;
   }, D = function() {
     if (o.containerGroups = o.containers.map(function(d) {
-      var s = Or(d, u.tabbableOptions), f = Cr(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, N = f.find(function(M) {
-        return ke(M);
-      }), A = f.slice().reverse().find(function(M) {
-        return ke(M);
-      }), m = !!s.find(function(M) {
-        return be(M) > 0;
+      var s = Or(d, u.tabbableOptions), f = Cr(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, N = f.find(function(P) {
+        return ke(P);
+      }), A = f.slice().reverse().find(function(P) {
+        return ke(P);
+      }), m = !!s.find(function(P) {
+        return be(P) > 0;
       });
       return {
         container: d,
@@ -800,12 +800,12 @@ var jt = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(ie) {
-          var K = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, ee = s.indexOf(ie);
-          return ee < 0 ? K ? f.slice(f.indexOf(ie) + 1).find(function(le) {
+          var Z = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, Q = s.indexOf(ie);
+          return Q < 0 ? Z ? f.slice(f.indexOf(ie) + 1).find(function(le) {
             return ke(le);
           }) : f.slice(0, f.indexOf(ie)).reverse().find(function(le) {
             return ke(le);
-          }) : s[ee + (K ? 1 : -1)];
+          }) : s[Q + (Z ? 1 : -1)];
         }
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(d) {
@@ -816,12 +816,12 @@ var jt = {
       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.");
-  }, B = function(d) {
+  }, L = function(d) {
     var s = d.activeElement;
     if (s)
-      return s.shadowRoot && s.shadowRoot.activeElement !== null ? B(s.shadowRoot) : s;
+      return s.shadowRoot && s.shadowRoot.activeElement !== null ? L(s.shadowRoot) : s;
   }, S = function(d) {
-    if (d !== !1 && d !== B(document)) {
+    if (d !== !1 && d !== L(document)) {
       if (!d || !d.focus) {
         S(E());
         return;
@@ -833,7 +833,7 @@ var jt = {
   }, x = function(d) {
     var s = F("setReturnFocus", d);
     return s || (s === !1 ? !1 : d);
-  }, V = function(d) {
+  }, z = function(d) {
     var s = d.target, f = d.event, b = d.isBackward, T = b === void 0 ? !1 : b;
     s = s || Me(f), D();
     var N = null;
@@ -842,28 +842,28 @@ var jt = {
       if (A < 0)
         T ? N = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : N = o.tabbableGroups[0].firstTabbableNode;
       else if (T) {
-        var M = Kt(o.tabbableGroups, function(Se) {
+        var P = Kt(o.tabbableGroups, function(Se) {
           var _e = Se.firstTabbableNode;
           return s === _e;
         });
-        if (M < 0 && (m.container === s || ct(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !m.nextTabbableNode(s, !1)) && (M = A), M >= 0) {
-          var ie = M === 0 ? o.tabbableGroups.length - 1 : M - 1, K = o.tabbableGroups[ie];
-          N = be(s) >= 0 ? K.lastTabbableNode : K.lastDomTabbableNode;
+        if (P < 0 && (m.container === s || ct(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !m.nextTabbableNode(s, !1)) && (P = A), P >= 0) {
+          var ie = P === 0 ? o.tabbableGroups.length - 1 : P - 1, Z = o.tabbableGroups[ie];
+          N = be(s) >= 0 ? Z.lastTabbableNode : Z.lastDomTabbableNode;
         } else Ee(f) || (N = m.nextTabbableNode(s, !1));
       } else {
-        var ee = Kt(o.tabbableGroups, function(Se) {
+        var Q = Kt(o.tabbableGroups, function(Se) {
           var _e = Se.lastTabbableNode;
           return s === _e;
         });
-        if (ee < 0 && (m.container === s || ct(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !m.nextTabbableNode(s)) && (ee = A), ee >= 0) {
-          var le = ee === o.tabbableGroups.length - 1 ? 0 : ee + 1, Ae = o.tabbableGroups[le];
+        if (Q < 0 && (m.container === s || ct(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !m.nextTabbableNode(s)) && (Q = A), Q >= 0) {
+          var le = Q === o.tabbableGroups.length - 1 ? 0 : Q + 1, Ae = o.tabbableGroups[le];
           N = be(s) >= 0 ? Ae.firstTabbableNode : Ae.firstDomTabbableNode;
         } else Ee(f) || (N = m.nextTabbableNode(s));
       }
     } else
       N = F("fallbackFocus");
     return N;
-  }, L = function(d) {
+  }, M = function(d) {
     var s = Me(d);
     if (!(g(s, d) >= 0)) {
       if (Ce(u.clickOutsideDeactivates, d)) {
@@ -880,7 +880,7 @@ var jt = {
       }
       Ce(u.allowOutsideClick, d) || d.preventDefault();
     }
-  }, ne = function(d) {
+  }, ae = function(d) {
     var s = Me(d), f = g(s, d) >= 0;
     if (f || s instanceof Document)
       f && (o.mostRecentlyFocusedNode = s);
@@ -891,20 +891,20 @@ var jt = {
         if (be(o.mostRecentlyFocusedNode) > 0) {
           var N = g(o.mostRecentlyFocusedNode), A = o.containerGroups[N].tabbableNodes;
           if (A.length > 0) {
-            var m = A.findIndex(function(M) {
-              return M === o.mostRecentlyFocusedNode;
+            var m = A.findIndex(function(P) {
+              return P === o.mostRecentlyFocusedNode;
             });
             m >= 0 && (u.isKeyForward(o.recentNavEvent) ? m + 1 < A.length && (b = A[m + 1], T = !1) : m - 1 >= 0 && (b = A[m - 1], T = !1));
           }
         } else
-          o.containerGroups.some(function(M) {
-            return M.tabbableNodes.some(function(ie) {
+          o.containerGroups.some(function(P) {
+            return P.tabbableNodes.some(function(ie) {
               return be(ie) > 0;
             });
           }) || (T = !1);
       else
         T = !1;
-      T && (b = V({
+      T && (b = z({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
@@ -915,39 +915,39 @@ var jt = {
   }, ce = function(d) {
     var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     o.recentNavEvent = d;
-    var f = V({
+    var f = z({
       event: d,
       isBackward: s
     });
     f && (Ee(d) && d.preventDefault(), S(f));
-  }, J = function(d) {
+  }, Y = function(d) {
     (u.isKeyForward(d) || u.isKeyBackward(d)) && ce(d, u.isKeyBackward(d));
-  }, Q = function(d) {
+  }, J = function(d) {
     xr(d) && Ce(u.escapeDeactivates, d) !== !1 && (d.preventDefault(), v.deactivate());
-  }, H = function(d) {
+  }, K = function(d) {
     var s = Me(d);
     g(s, d) >= 0 || Ce(u.clickOutsideDeactivates, d) || Ce(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
-  }, q = function() {
+  }, G = function() {
     if (o.active)
       return jt.activateTrap(l, v), o.delayInitialFocusTimer = u.delayInitialFocus ? Zt(function() {
         S(E());
-      }) : S(E()), a.addEventListener("focusin", ne, !0), a.addEventListener("mousedown", L, {
+      }) : S(E()), a.addEventListener("focusin", ae, !0), a.addEventListener("mousedown", M, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("touchstart", L, {
+      }), a.addEventListener("touchstart", M, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("click", H, {
+      }), a.addEventListener("click", K, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("keydown", J, {
+      }), a.addEventListener("keydown", Y, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("keydown", Q), v;
-  }, G = function() {
+      }), a.addEventListener("keydown", J), v;
+  }, V = function() {
     if (o.active)
-      return a.removeEventListener("focusin", ne, !0), a.removeEventListener("mousedown", L, !0), a.removeEventListener("touchstart", L, !0), a.removeEventListener("click", H, !0), a.removeEventListener("keydown", J, !0), a.removeEventListener("keydown", Q), v;
-  }, $ = function(d) {
+      return a.removeEventListener("focusin", ae, !0), a.removeEventListener("mousedown", M, !0), a.removeEventListener("touchstart", M, !0), a.removeEventListener("click", K, !0), a.removeEventListener("keydown", Y, !0), a.removeEventListener("keydown", J), v;
+  }, ne = function(d) {
     var s = d.some(function(f) {
       var b = Array.from(f.removedNodes);
       return b.some(function(T) {
@@ -955,9 +955,9 @@ var jt = {
       });
     });
     s && S(E());
-  }, P = typeof window < "u" && "MutationObserver" in window ? new MutationObserver($) : void 0, j = function() {
-    P && (P.disconnect(), o.active && !o.paused && o.containers.map(function(d) {
-      P.observe(d, {
+  }, $ = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(ne) : void 0, B = function() {
+    $ && ($.disconnect(), o.active && !o.paused && o.containers.map(function(d) {
+      $.observe(d, {
         subtree: !0,
         childList: !0
       });
@@ -976,7 +976,7 @@ var jt = {
       var s = y(d, "onActivate"), f = y(d, "onPostActivate"), b = y(d, "checkCanFocusTrap");
       b || D(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = a.activeElement, s == null || s();
       var T = function() {
-        b && D(), q(), j(), f == null || f();
+        b && D(), G(), B(), f == null || f();
       };
       return b ? (b(o.containers.concat()).then(T, T), this) : (T(), this);
     },
@@ -988,7 +988,7 @@ var jt = {
         onPostDeactivate: u.onPostDeactivate,
         checkCanReturnFocus: u.checkCanReturnFocus
       }, d);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, G(), o.active = !1, o.paused = !1, j(), jt.deactivateTrap(l, v);
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, V(), o.active = !1, o.paused = !1, B(), jt.deactivateTrap(l, v);
       var f = y(s, "onDeactivate"), b = y(s, "onPostDeactivate"), T = y(s, "checkCanReturnFocus"), N = y(s, "returnFocus", "returnFocusOnDeactivate");
       f == null || f();
       var A = function() {
@@ -1002,19 +1002,19 @@ var jt = {
       if (o.paused || !o.active)
         return this;
       var s = y(d, "onPause"), f = y(d, "onPostPause");
-      return o.paused = !0, s == null || s(), G(), j(), f == null || f(), this;
+      return o.paused = !0, s == null || s(), V(), B(), f == null || f(), this;
     },
     unpause: function(d) {
       if (!o.paused || !o.active)
         return this;
       var s = y(d, "onUnpause"), f = y(d, "onPostUnpause");
-      return o.paused = !1, s == null || s(), D(), q(), j(), f == null || f(), this;
+      return o.paused = !1, s == null || s(), D(), G(), B(), f == null || f(), this;
     },
     updateContainerElements: function(d) {
       var s = [].concat(d).filter(Boolean);
       return o.containers = s.map(function(f) {
         return typeof f == "string" ? a.querySelector(f) : f;
-      }), o.active && D(), j(), this;
+      }), o.active && D(), B(), this;
     }
   }, v.updateContainerElements(t), v;
 };
@@ -1049,7 +1049,7 @@ const Mr = {
   preventScroll: Boolean,
   setReturnFocus: [Object, String, Boolean, Function],
   tabbableOptions: Object
-}, Pr = te({
+}, Pr = ee({
   props: Object.assign({
     active: {
       // TODO: could be options for activate but what about the options for deactivating?
@@ -1069,7 +1069,7 @@ const Mr = {
   },
   setup(n, { slots: t, emit: r }) {
     let a;
-    const l = z(null), u = k(() => {
+    const l = W(null), u = k(() => {
       const v = l.value;
       return v && (v instanceof HTMLElement ? v : v.$el);
     });
@@ -1135,9 +1135,9 @@ function jr(n) {
 var Ve = { exports: {} };
 Ve.exports;
 (function(n, t) {
-  var r = 200, a = "__lodash_hash_undefined__", l = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", y = "[object Date]", g = "[object Error]", F = "[object Function]", E = "[object GeneratorFunction]", D = "[object Map]", B = "[object Number]", S = "[object Object]", x = "[object Promise]", V = "[object RegExp]", L = "[object Set]", ne = "[object String]", ce = "[object Symbol]", J = "[object WeakMap]", Q = "[object ArrayBuffer]", H = "[object DataView]", q = "[object Float32Array]", G = "[object Float64Array]", $ = "[object Int8Array]", P = "[object Int16Array]", j = "[object Int32Array]", O = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, N = /^\[object .+?Constructor\]$/, A = /^(?:0|[1-9]\d*)$/, m = {};
-  m[u] = m[o] = m[Q] = m[H] = m[v] = m[y] = m[q] = m[G] = m[$] = m[P] = m[j] = m[D] = m[B] = m[S] = m[V] = m[L] = m[ne] = m[ce] = m[O] = m[d] = m[s] = m[f] = !0, m[g] = m[F] = m[J] = !1;
-  var M = typeof Pe == "object" && Pe && Pe.Object === Object && Pe, ie = typeof self == "object" && self && self.Object === Object && self, K = M || ie || Function("return this")(), ee = t && !t.nodeType && t, le = ee && !0 && n && !n.nodeType && n, Ae = le && le.exports === ee;
+  var r = 200, a = "__lodash_hash_undefined__", l = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", y = "[object Date]", g = "[object Error]", F = "[object Function]", E = "[object GeneratorFunction]", D = "[object Map]", L = "[object Number]", S = "[object Object]", x = "[object Promise]", z = "[object RegExp]", M = "[object Set]", ae = "[object String]", ce = "[object Symbol]", Y = "[object WeakMap]", J = "[object ArrayBuffer]", K = "[object DataView]", G = "[object Float32Array]", V = "[object Float64Array]", ne = "[object Int8Array]", $ = "[object Int16Array]", B = "[object Int32Array]", _ = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, N = /^\[object .+?Constructor\]$/, A = /^(?:0|[1-9]\d*)$/, m = {};
+  m[u] = m[o] = m[J] = m[K] = m[v] = m[y] = m[G] = m[V] = m[ne] = m[$] = m[B] = m[D] = m[L] = m[S] = m[z] = m[M] = m[ae] = m[ce] = m[_] = m[d] = m[s] = m[f] = !0, m[g] = m[F] = m[Y] = !1;
+  var P = typeof Pe == "object" && Pe && Pe.Object === Object && Pe, ie = typeof self == "object" && self && self.Object === Object && self, Z = P || ie || Function("return this")(), Q = t && !t.nodeType && t, le = Q && !0 && n && !n.nodeType && n, Ae = le && le.exports === Q;
   function Se(e, i) {
     return e.set(i[0], i[1]), e;
   }
@@ -1150,13 +1150,13 @@ Ve.exports;
     return e;
   }
   function Jt(e, i) {
-    for (var c = -1, h = i.length, Z = e.length; ++c < h; )
-      e[Z + c] = i[c];
+    for (var c = -1, h = i.length, j = e.length; ++c < h; )
+      e[j + c] = i[c];
     return e;
   }
   function ft(e, i, c, h) {
-    for (var Z = -1, U = e ? e.length : 0; ++Z < U; )
-      c = i(c, e[Z], Z, e);
+    for (var j = -1, H = e ? e.length : 0; ++j < H; )
+      c = i(c, e[j], j, e);
     return c;
   }
   function Qt(e, i) {
@@ -1178,8 +1178,8 @@ Ve.exports;
   }
   function bt(e) {
     var i = -1, c = Array(e.size);
-    return e.forEach(function(h, Z) {
-      c[++i] = [Z, h];
+    return e.forEach(function(h, j) {
+      c[++i] = [j, h];
     }), c;
   }
   function Xe(e, i) {
@@ -1193,12 +1193,12 @@ Ve.exports;
       c[++i] = h;
     }), c;
   }
-  var ta = Array.prototype, aa = Function.prototype, Fe = Object.prototype, Ye = K["__core-js_shared__"], pt = function() {
+  var ta = Array.prototype, aa = Function.prototype, Fe = Object.prototype, Ye = Z["__core-js_shared__"], pt = function() {
     var e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
     return e ? "Symbol(src)_1." + e : "";
   }(), mt = aa.toString, ue = Fe.hasOwnProperty, xe = Fe.toString, na = RegExp(
     "^" + mt.call(ue).replace(b, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), gt = Ae ? K.Buffer : void 0, yt = K.Symbol, wt = K.Uint8Array, ra = Xe(Object.getPrototypeOf, Object), ia = Object.create, oa = Fe.propertyIsEnumerable, sa = ta.splice, kt = Object.getOwnPropertySymbols, ca = gt ? gt.isBuffer : void 0, la = Xe(Object.keys, Object), Je = ye(K, "DataView"), Ie = ye(K, "Map"), Qe = ye(K, "Promise"), et = ye(K, "Set"), tt = ye(K, "WeakMap"), Oe = ye(Object, "create"), ua = ve(Je), da = ve(Ie), fa = ve(Qe), va = ve(et), ba = ve(tt), Tt = yt ? yt.prototype : void 0, St = Tt ? Tt.valueOf : void 0;
+  ), gt = Ae ? Z.Buffer : void 0, yt = Z.Symbol, wt = Z.Uint8Array, ra = Xe(Object.getPrototypeOf, Object), ia = Object.create, oa = Fe.propertyIsEnumerable, sa = ta.splice, kt = Object.getOwnPropertySymbols, ca = gt ? gt.isBuffer : void 0, la = Xe(Object.keys, Object), Je = ye(Z, "DataView"), Ie = ye(Z, "Map"), Qe = ye(Z, "Promise"), et = ye(Z, "Set"), tt = ye(Z, "WeakMap"), Oe = ye(Object, "create"), ua = ve(Je), da = ve(Ie), fa = ve(Qe), va = ve(et), ba = ve(tt), Tt = yt ? yt.prototype : void 0, St = Tt ? Tt.valueOf : void 0;
   function de(e) {
     var i = -1, c = e ? e.length : 0;
     for (this.clear(); ++i < c; ) {
@@ -1312,9 +1312,9 @@ Ve.exports;
   }
   ge.prototype.clear = Na, ge.prototype.delete = Aa, ge.prototype.get = Fa, ge.prototype.has = xa, ge.prototype.set = Da;
   function Ra(e, i) {
-    var c = rt(e) || on(e) ? Qt(e.length, String) : [], h = c.length, Z = !!h;
-    for (var U in e)
-      ue.call(e, U) && !(Z && (U == "length" || tn(U, h))) && c.push(U);
+    var c = rt(e) || on(e) ? Qt(e.length, String) : [], h = c.length, j = !!h;
+    for (var H in e)
+      ue.call(e, H) && !(j && (H == "length" || tn(H, h))) && c.push(H);
     return c;
   }
   function _t(e, i, c) {
@@ -1330,40 +1330,40 @@ Ve.exports;
   function Ba(e, i) {
     return e && It(i, it(i), e);
   }
-  function at(e, i, c, h, Z, U, se) {
-    var W;
-    if (h && (W = U ? h(e, Z, U, se) : h(e)), W !== void 0)
-      return W;
+  function at(e, i, c, h, j, H, se) {
+    var U;
+    if (h && (U = H ? h(e, j, H, se) : h(e)), U !== void 0)
+      return U;
     if (!Be(e))
       return e;
     var At = rt(e);
     if (At) {
-      if (W = Ja(e), !i)
-        return qa(e, W);
+      if (U = Ja(e), !i)
+        return qa(e, U);
     } else {
       var we = fe(e), Ft = we == F || we == E;
       if (cn(e))
         return Ka(e, i);
-      if (we == S || we == u || Ft && !U) {
+      if (we == S || we == u || Ft && !H) {
         if (vt(e))
-          return U ? e : {};
-        if (W = Qa(Ft ? {} : e), !i)
-          return Xa(e, Ba(W, e));
+          return H ? e : {};
+        if (U = Qa(Ft ? {} : e), !i)
+          return Xa(e, Ba(U, e));
       } else {
         if (!m[we])
-          return U ? e : {};
-        W = en(e, we, at, i);
+          return H ? e : {};
+        U = en(e, we, at, i);
       }
     }
     se || (se = new ge());
     var xt = se.get(e);
     if (xt)
       return xt;
-    if (se.set(e, W), !At)
+    if (se.set(e, U), !At)
       var Dt = c ? Ya(e) : it(e);
     return Yt(Dt || e, function(ot, Le) {
-      Dt && (Le = ot, ot = e[Le]), _t(W, Le, at(ot, i, c, h, Le, e, se));
-    }), W;
+      Dt && (Le = ot, ot = e[Le]), _t(U, Le, at(ot, i, c, h, Le, e, se));
+    }), U;
   }
   function La(e) {
     return Be(e) ? ia(e) : {};
@@ -1430,9 +1430,9 @@ Ve.exports;
   }
   function It(e, i, c, h) {
     c || (c = {});
-    for (var Z = -1, U = i.length; ++Z < U; ) {
-      var se = i[Z], W = void 0;
-      _t(c, se, W === void 0 ? e[se] : W);
+    for (var j = -1, H = i.length; ++j < H; ) {
+      var se = i[j], U = void 0;
+      _t(c, se, U === void 0 ? e[se] : U);
     }
     return c;
   }
@@ -1451,20 +1451,20 @@ Ve.exports;
     return ja(c) ? c : void 0;
   }
   var Ot = kt ? Xe(kt, Object) : dn, fe = Pa;
-  (Je && fe(new Je(new ArrayBuffer(1))) != H || Ie && fe(new Ie()) != D || Qe && fe(Qe.resolve()) != x || et && fe(new et()) != L || tt && fe(new tt()) != J) && (fe = function(e) {
+  (Je && fe(new Je(new ArrayBuffer(1))) != K || Ie && fe(new Ie()) != D || Qe && fe(Qe.resolve()) != x || et && fe(new et()) != M || tt && fe(new tt()) != Y) && (fe = function(e) {
     var i = xe.call(e), c = i == S ? e.constructor : void 0, h = c ? ve(c) : void 0;
     if (h)
       switch (h) {
         case ua:
-          return H;
+          return K;
         case da:
           return D;
         case fa:
           return x;
         case va:
-          return L;
+          return M;
         case ba:
-          return J;
+          return Y;
       }
     return i;
   });
@@ -1476,33 +1476,33 @@ Ve.exports;
     return typeof e.constructor == "function" && !Ct(e) ? La(ra(e)) : {};
   }
   function en(e, i, c, h) {
-    var Z = e.constructor;
+    var j = e.constructor;
     switch (i) {
-      case Q:
+      case J:
         return nt(e);
       case v:
       case y:
-        return new Z(+e);
-      case H:
+        return new j(+e);
+      case K:
         return Ha(e, h);
-      case q:
       case G:
+      case V:
+      case ne:
       case $:
-      case P:
-      case j:
-      case O:
+      case B:
+      case _:
       case d:
       case s:
       case f:
         return Ga(e, h);
       case D:
         return Ua(e, h, c);
-      case B:
-      case ne:
-        return new Z(e);
-      case V:
-        return Wa(e);
       case L:
+      case ae:
+        return new j(e);
+      case z:
+        return Wa(e);
+      case M:
         return za(e, h, c);
       case ce:
         return Va(e);
@@ -1594,7 +1594,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
 }, qr = {
   key: 2,
   class: "level-primary bottom-items"
-}, Xr = { class: "sidebar-footer" }, Yr = /* @__PURE__ */ te({
+}, Xr = { class: "sidebar-footer" }, Yr = /* @__PURE__ */ ee({
   __name: "AppSidebar",
   props: {
     topItems: {
@@ -1660,7 +1660,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
       "7a10f32f": v.value.height,
       "7da84766": v.value.top,
       "1e6146be": g.value.marginTop,
-      "5b6aa028": O.value,
+      "5b6aa028": _.value,
       "178af94b": y.value.display,
       "49f98062": y.value.minHeight,
       "548fea1c": F.value.top,
@@ -1687,31 +1687,31 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
           m.parentKey = b.key, (!m.testId || !((A = m.testId) != null && A.trim())) && (m.testId = String(m.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
       return b;
-    }), D = k(() => a.topItems.length ? E(a.topItems) : []), B = k(() => a.bottomItems.length ? E(a.bottomItems) : []), S = z(a.open), x = (s) => {
+    }), D = k(() => a.topItems.length ? E(a.topItems) : []), L = k(() => a.bottomItems.length ? E(a.bottomItems) : []), S = W(a.open), x = (s) => {
       var f, b;
-      S.value !== s && (S.value = s, r("toggle", s)), s ? (f = document == null ? void 0 : document.body) == null || f.classList.add("kong-ui-app-sidebar-open") : (b = document == null ? void 0 : document.body) == null || b.classList.remove("kong-ui-app-sidebar-open"), L.value = !1;
-    }, V = () => {
+      S.value !== s && (S.value = s, r("toggle", s)), s ? (f = document == null ? void 0 : document.body) == null || f.classList.add("kong-ui-app-sidebar-open") : (b = document == null ? void 0 : document.body) == null || b.classList.remove("kong-ui-app-sidebar-open"), M.value = !1;
+    }, z = () => {
       a.mobileOverlayCloseOnClick && x(!1);
-    }, L = z(!1), ne = (s) => {
-      L.value = !0, r("click", s), setTimeout(() => {
+    }, M = W(!1), ae = (s) => {
+      M.value = !0, r("click", s), setTimeout(() => {
         x(!1);
       }, a.mobileCloseDelay);
     };
     Ke(() => a.open, (s) => {
       x(s);
     });
-    const { debounce: ce } = Xt(), J = ce(() => {
-      S.value && Q.value !== (window == null ? void 0 : window.innerWidth) && (Q.value = window == null ? void 0 : window.innerWidth, x(!1));
-    }, 200), Q = z(), H = z(!1), q = z(), G = () => {
-      H.value || (H.value = !0, clearTimeout(q.value), q.value = setTimeout(() => H.value = !1, 1300));
-    }, $ = z(null), P = k(() => S.value && a.mobileEnabled), j = async (s) => {
+    const { debounce: ce } = Xt(), Y = ce(() => {
+      S.value && J.value !== (window == null ? void 0 : window.innerWidth) && (J.value = window == null ? void 0 : window.innerWidth, x(!1));
+    }, 200), J = W(), K = W(!1), G = W(), V = () => {
+      K.value || (K.value = !0, clearTimeout(G.value), G.value = setTimeout(() => K.value = !1, 1300));
+    }, ne = W(null), $ = k(() => S.value && a.mobileEnabled), B = async (s) => {
       var f, b;
-      s ? (await Rt(), await new Promise((T) => setTimeout(T, 300)), (f = $.value) == null || f.activate()) : (b = $.value) == null || b.deactivate();
+      s ? (await Rt(), await new Promise((T) => setTimeout(T, 300)), (f = ne.value) == null || f.activate()) : (b = ne.value) == null || b.deactivate();
     };
-    Ke(P, async (s) => {
-      s ? await j(!0) : await j(!1);
+    Ke($, async (s) => {
+      s ? await B(!0) : await B(!1);
     }, { immediate: !0 });
-    const O = z("0px"), d = () => {
+    const _ = W("0px"), d = () => {
       var m;
       if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((m = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : m.platform)))
         return;
@@ -1722,73 +1722,73 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
       const T = document.createElement("div");
       T.style.width = "100%", f.appendChild(T);
       const N = T.offsetWidth;
-      f.parentNode && f.parentNode.removeChild(f), b - N === 0 && (O.value = "8px");
+      f.parentNode && f.parentNode.removeChild(f), b - N === 0 && (_.value = "8px");
     };
     return qe(async () => {
-      Q.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", J), window.addEventListener("resize", G), await Rt(), d();
+      J.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", Y), window.addEventListener("resize", V), await Rt(), d();
     }), Ht(() => {
-      window.removeEventListener("resize", J), window.removeEventListener("resize", G);
+      window.removeEventListener("resize", Y), window.removeEventListener("resize", V);
     }), (s, f) => (p(), w($e, null, [
       S.value && n.mobileOverlay && n.mobileEnabled ? (p(), w("div", {
         key: 0,
         class: "kong-ui-app-sidebar-overlay",
-        onClick: V
+        onClick: z
       })) : C("", !0),
       Ne(yn(Pr), {
         ref_key: "focusTrap",
-        ref: $,
+        ref: ne,
         active: !1,
         "allow-outside-click": "",
         "fallback-focus": ".kong-ui-app-sidebar"
       }, {
         default: R(() => [
-          I("aside", {
+          O("aside", {
             class: re(["kong-ui-app-sidebar", {
               "sidebar-open": S.value,
               "no-sidebar-header": !u.value,
               "mobile-header-hidden": n.mobileEnabled && (!u.value || !n.mobileHeaderVisible),
               "mobile-disabled": !n.mobileEnabled,
-              "disable-transitions": H.value
+              "disable-transitions": K.value
             }]),
             tabindex: "-1"
           }, [
             u.value ? (p(), w("div", Hr, [
-              _(s.$slots, "header", {}, void 0, !0)
+              I(s.$slots, "header", {}, void 0, !0)
             ])) : C("", !0),
-            I("div", Ur, [
+            O("div", Ur, [
               o.value ? (p(), w("div", Wr, [
-                _(s.$slots, "top", {}, void 0, !0)
+                I(s.$slots, "top", {}, void 0, !0)
               ])) : C("", !0),
-              I("nav", zr, [
+              O("nav", zr, [
                 D.value.length ? (p(), w("ul", Vr, [
-                  (p(!0), w($e, null, Te(D.value, (b) => (p(), Y(Bt, {
+                  (p(!0), w($e, null, Te(D.value, (b) => (p(), X(Bt, {
                     key: b.name,
                     item: b,
-                    onClick: ne
+                    onClick: ae
                   }, {
                     [`sidebar-icon-${b.key}`]: R(() => [
-                      _(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
+                      I(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item"]))), 128))
                 ])) : C("", !0),
-                D.value.length && B.value.length ? (p(), w("div", Gr)) : C("", !0),
-                B.value.length ? (p(), w("ul", qr, [
-                  (p(!0), w($e, null, Te(B.value, (b) => (p(), Y(Bt, {
+                D.value.length && L.value.length ? (p(), w("div", Gr)) : C("", !0),
+                L.value.length ? (p(), w("ul", qr, [
+                  (p(!0), w($e, null, Te(L.value, (b) => (p(), X(Bt, {
                     key: b.name,
                     item: b,
-                    onClick: ne
+                    onClick: ae
                   }, {
                     [`sidebar-icon-${b.key}`]: R(() => [
-                      _(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
+                      I(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item"]))), 128))
                 ])) : C("", !0)
               ])
             ]),
-            I("div", Xr, [
-              _(s.$slots, "footer", {}, void 0, !0)
+            O("div", Xr, [
+              I(s.$slots, "footer", {}, void 0, !0)
             ])
           ], 2)
         ]),
@@ -1796,7 +1796,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
       }, 512)
     ], 64));
   }
-}), Jr = /* @__PURE__ */ ae(Yr, [["__scopeId", "data-v-c9dc6d28"]]), Qr = ["aria-label"], ei = /* @__PURE__ */ te({
+}), Jr = /* @__PURE__ */ te(Yr, [["__scopeId", "data-v-c9dc6d28"]]), Qr = ["aria-label"], ei = /* @__PURE__ */ ee({
   __name: "SidebarToggle",
   props: {
     active: {
@@ -1806,7 +1806,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
   },
   emits: ["toggle"],
   setup(n, { emit: t }) {
-    const r = t, a = n, l = z(a.active || !1), u = (o) => {
+    const r = t, a = n, l = W(a.active || !1), u = (o) => {
       o.preventDefault(), l.value = !l.value, r("toggle", l.value);
     };
     return Ke(() => a.active, (o) => {
@@ -1819,18 +1819,18 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
       role: "button",
       onClick: wn(u, ["prevent"])
     }, v[0] || (v[0] = [
-      I("span", { class: "line" }, null, -1),
-      I("span", { class: "line" }, null, -1),
-      I("span", { class: "line" }, null, -1)
+      O("span", { class: "line" }, null, -1),
+      O("span", { class: "line" }, null, -1),
+      O("span", { class: "line" }, null, -1)
     ]), 10, Qr));
   }
-}), ti = /* @__PURE__ */ ae(ei, [["__scopeId", "data-v-fbde70e6"]]), ai = "#ffffff", ni = "#000933", ri = "#000933", ii = "#ffffff", oi = "0px", si = "4px", ci = { id: "kong-ui-app-layout-notification" }, li = { class: "mobile-logo" }, ui = {
+}), ti = /* @__PURE__ */ te(ei, [["__scopeId", "data-v-fbde70e6"]]), ai = "#ffffff", ni = "#000933", ri = "#000933", ii = "#ffffff", oi = "0px", si = "4px", ci = { id: "kong-ui-app-layout-notification" }, li = { class: "mobile-logo" }, ui = {
   key: 0,
   class: "navbar-logo"
 }, di = {
   class: "kong-ui-app-layout-main",
   "data-testid": "kong-ui-app-layout-main"
-}, fi = { class: "kong-ui-app-layout-content" }, vi = { class: "kong-ui-app-layout-content-inner" }, bi = /* @__PURE__ */ te({
+}, fi = { class: "kong-ui-app-layout-content" }, vi = { class: "kong-ui-app-layout-content-inner" }, bi = /* @__PURE__ */ ee({
   __name: "AppLayout",
   props: {
     hideDefaultSlot: {
@@ -1868,11 +1868,11 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
   emits: ["sidebar-click"],
   setup(n, { expose: t, emit: r }) {
     dt(($) => ({
-      "72a55a78": ne.value,
-      "9e9a4c0c": ce.value,
-      "7252da12": L.value,
-      "462277f6": J.value,
-      "1490a569": Q.value
+      "4c517e79": ae.value,
+      "20fb316f": ce.value,
+      "3ef33407": M.value,
+      "932a612a": Y.value,
+      dfc422c4: J.value
     }));
     const a = n, l = r, u = Ge(), o = je({
       navbarLeft: k(() => !!u["navbar-left"]),
@@ -1892,53 +1892,53 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
       hidden: k(() => a.sidebarHidden)
     }), F = ($) => {
       l("sidebar-click", $);
-    }, E = z(!1), D = ($) => {
+    }, E = W(!1), D = ($) => {
       E.value = $;
     };
     kn(() => {
       E.value = Tn(g, "open").value || !1;
     });
-    const B = z(0), S = z(60), x = z(0), V = k(() => y.hidden ? x.value : S.value + x.value), L = k(() => a.theme === "light" ? ri : ii), ne = k(() => a.theme === "light" ? ai : ni), ce = k(() => a.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), J = k(() => `${V.value}px`), Q = k(() => g.hidden || y.hidden ? oi : si), { debounce: H } = Xt(), q = H(($ = !1) => {
-      if ($ || B.value !== (window == null ? void 0 : window.innerWidth)) {
-        B.value = window == null ? void 0 : window.innerWidth;
-        const P = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-        P && (x.value = P.offsetHeight);
+    const L = W(0), S = W(60), x = W(0), z = k(() => y.hidden ? x.value : S.value + x.value), M = k(() => a.theme === "light" ? ri : ii), ae = k(() => a.theme === "light" ? ai : ni), ce = k(() => a.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), Y = k(() => `${z.value}px`), J = k(() => g.hidden || y.hidden ? oi : si), { debounce: K } = Xt(), G = K(($ = !1) => {
+      if ($ || L.value !== (window == null ? void 0 : window.innerWidth)) {
+        L.value = window == null ? void 0 : window.innerWidth;
+        const B = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+        B && (x.value = B.offsetHeight);
       }
-    }, 200), G = z();
+    }, 200), V = W(), ne = k(() => x.value);
     return t({
       /** Expose the computed top offset */
-      topOffset: x
+      topOffset: ne
     }), qe(() => {
-      var P, j;
-      (P = document == null ? void 0 : document.body) == null || P.classList.add("kong-ui-app-layout-body"), (j = document == null ? void 0 : document.documentElement) == null || j.classList.add("kong-ui-app-layout-html"), B.value = window == null ? void 0 : window.innerWidth, q(!0);
+      var B, _;
+      (B = document == null ? void 0 : document.body) == null || B.classList.add("kong-ui-app-layout-body"), (_ = document == null ? void 0 : document.documentElement) == null || _.classList.add("kong-ui-app-layout-html"), L.value = window == null ? void 0 : window.innerWidth, G(!0);
       const $ = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-      $ && (G.value = new ResizeObserver((O) => {
+      $ && (V.value = new ResizeObserver((d) => {
         window.requestAnimationFrame(() => {
-          if (!(!Array.isArray(O) || !O.length))
-            for (const d of O) {
-              const s = d.contentRect.height;
-              x.value !== s && (x.value = s);
+          if (!(!Array.isArray(d) || !d.length))
+            for (const s of d) {
+              const f = s.contentRect.height;
+              x.value !== f && (x.value = f);
             }
         });
-      }), G.value.observe($)), window.addEventListener("resize", q);
+      }), V.value.observe($)), window.addEventListener("resize", G);
     }), Ht(() => {
-      G.value && G.value.disconnect(), window.removeEventListener("resize", q);
-    }), ($, P) => (p(), w("div", {
+      V.value && V.value.disconnect(), window.removeEventListener("resize", G);
+    }), ($, B) => (p(), w("div", {
       class: re(["kong-ui-app-layout", [
         { "navbar-hidden": y.hidden },
         { "sidebar-hidden": g.hidden }
       ]])
     }, [
-      I("div", ci, [
-        _($.$slots, "notification", {}, void 0, !0)
+      O("div", ci, [
+        I($.$slots, "notification", {}, void 0, !0)
       ]),
-      y.hidden ? C("", !0) : (p(), Y(er, {
+      y.hidden ? C("", !0) : (p(), X(er, {
         key: String(g.hidden),
         "left-offset": g.hidden ? 0 : void 0,
         "top-offset": x.value
       }, Ze({
         "mobile-sidebar-toggle": R(() => [
-          g.hidden ? C("", !0) : (p(), Y(ti, {
+          g.hidden ? C("", !0) : (p(), X(ti, {
             key: 0,
             active: E.value,
             onToggle: D
@@ -1949,8 +1949,8 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
         o.navbarMobileLogo ? {
           name: "mobile-logo",
           fn: R(() => [
-            I("div", li, [
-              _($.$slots, "navbar-mobile-logo", {}, void 0, !0)
+            O("div", li, [
+              I($.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
           ]),
           key: "0"
@@ -1959,7 +1959,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
           name: "logo",
           fn: R(() => [
             g.hidden ? (p(), w("div", ui, [
-              _($.$slots, "navbar-logo", {}, void 0, !0)
+              I($.$slots, "navbar-logo", {}, void 0, !0)
             ])) : C("", !0)
           ]),
           key: "1"
@@ -1967,32 +1967,32 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
         o.navbarLeft ? {
           name: "left",
           fn: R(() => [
-            _($.$slots, "navbar-left", {}, void 0, !0)
+            I($.$slots, "navbar-left", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         o.navbarCenter ? {
           name: "center",
           fn: R(() => [
-            _($.$slots, "navbar-center", {}, void 0, !0)
+            I($.$slots, "navbar-center", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         o.navbarRight ? {
           name: "right",
           fn: R(() => [
-            _($.$slots, "navbar-right", {}, void 0, !0)
+            I($.$slots, "navbar-right", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["left-offset", "top-offset"])),
-      g.hidden ? C("", !0) : (p(), Y(Jr, {
+      g.hidden ? C("", !0) : (p(), X(Jr, {
         key: 1,
         "bottom-items": g.bottomItems,
         "header-height": S.value,
         "mobile-enabled": "",
         "mobile-header-visible": !1,
-        "mobile-top-offset": V.value,
+        "mobile-top-offset": z.value,
         open: E.value,
         "top-items": g.topItems,
         "top-offset": x.value,
@@ -2002,43 +2002,43 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
         o.sidebarHeader ? {
           name: "header",
           fn: R(() => [
-            _($.$slots, "sidebar-header", {}, void 0, !0)
+            I($.$slots, "sidebar-header", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         o.sidebarTop ? {
           name: "top",
           fn: R(() => [
-            _($.$slots, "sidebar-top", {}, void 0, !0)
+            I($.$slots, "sidebar-top", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         o.sidebarFooter ? {
           name: "footer",
           fn: R(() => [
-            _($.$slots, "sidebar-footer", {}, void 0, !0)
+            I($.$slots, "sidebar-footer", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        Te([...g.topItems || [], ...g.bottomItems || []], (j) => ({
-          name: `sidebar-icon-${j.key}`,
+        Te([...g.topItems || [], ...g.bottomItems || []], (_) => ({
+          name: `sidebar-icon-${_.key}`,
           fn: R(() => [
-            _($.$slots, `sidebar-icon-${j.key}`, {}, void 0, !0)
+            I($.$slots, `sidebar-icon-${_.key}`, {}, void 0, !0)
           ])
         }))
       ]), 1032, ["bottom-items", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
-      I("main", di, [
-        I("div", fi, [
-          I("div", vi, [
-            P[0] || (P[0] = I("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
-            _($.$slots, "app-error", {}, void 0, !0),
-            v.value ? C("", !0) : _($.$slots, "default", { key: 0 }, void 0, !0)
+      O("main", di, [
+        O("div", fi, [
+          O("div", vi, [
+            B[0] || (B[0] = O("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
+            I($.$slots, "app-error", {}, void 0, !0),
+            v.value ? C("", !0) : I($.$slots, "default", { key: 0 }, void 0, !0)
           ])
         ])
       ])
     ], 2));
   }
-}), hi = /* @__PURE__ */ ae(bi, [["__scopeId", "data-v-e91733ca"]]), pi = { class: "kong-ui-app-page-header" }, mi = {
+}), hi = /* @__PURE__ */ te(bi, [["__scopeId", "data-v-15a40b60"]]), pi = { class: "kong-ui-app-page-header" }, mi = {
   key: 0,
   class: "page-header-breadcrumbs",
   "data-testid": "page-header-breadcrumbs"
@@ -2058,7 +2058,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
   key: 1,
   class: "page-header-section-below",
   "data-testid": "page-header-section-below"
-}, Ii = /* @__PURE__ */ te({
+}, Ii = /* @__PURE__ */ ee({
   __name: "AppPageHeader",
   props: {
     title: {
@@ -2087,36 +2087,36 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
             Te(l.value, (y) => ({
               name: y,
               fn: R(() => [
-                _(u.$slots, y, {}, void 0, !0)
+                I(u.$slots, y, {}, void 0, !0)
               ])
             }))
           ]), 1032, ["items"])
         ])) : C("", !0),
-        I("div", gi, [
-          I("div", yi, [
+        O("div", gi, [
+          O("div", yi, [
             u.$slots["title-before"] ? (p(), w("div", wi, [
-              _(u.$slots, "title-before", {}, void 0, !0)
+              I(u.$slots, "title-before", {}, void 0, !0)
             ])) : C("", !0),
-            I("h1", {
+            O("h1", {
               class: "page-header-title",
               "data-testid": "page-header-title",
               title: n.title
-            }, X(n.title), 9, ki),
+            }, q(n.title), 9, ki),
             u.$slots["title-after"] ? (p(), w("div", Ti, [
-              _(u.$slots, "title-after", {}, void 0, !0)
+              I(u.$slots, "title-after", {}, void 0, !0)
             ])) : C("", !0)
           ]),
           u.$slots.actions ? (p(), w("div", Si, [
-            _(u.$slots, "actions", {}, void 0, !0)
+            I(u.$slots, "actions", {}, void 0, !0)
           ])) : C("", !0)
         ]),
         u.$slots.below ? (p(), w("div", _i, [
-          _(u.$slots, "below", {}, void 0, !0)
+          I(u.$slots, "below", {}, void 0, !0)
         ])) : C("", !0)
       ]);
     };
   }
-}), Ni = /* @__PURE__ */ ae(Ii, [["__scopeId", "data-v-204b7f98"]]), Ai = {
+}), Ni = /* @__PURE__ */ te(Ii, [["__scopeId", "data-v-204b7f98"]]), Ai = {
   // 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: (n, t = {}) => {