npm - @kong-ui-public/app-layout - Versions diffs - 2.2.7-pr.940.b45d6a3e.0 → 2.2.7 - Mend

@kong-ui-public/app-layout 2.2.7-pr.940.b45d6a3e.0 → 2.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/app-layout.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { defineComponent as ee, resolveComponent as ce, openBlock as h, createBlock as Q, withCtx as R, renderSlot as O, createElementBlock as m, Fragment as Ce, renderList as Ne, normalizeClass as re, createTextVNode as ct, toDisplayString as J, computed as g, createSlots as Pe, createVNode as _e, createCommentVNode as C, createElementVNode as w, createStaticVNode as pn, pushScopeId as ze, popScopeId as Ge, useCssVars as ut, useSlots as dt, reactive as Me, onMounted as We, resolveDynamicComponent as mn, withKeys as gn, ref as q, watch as Ze, onUnmounted as yn, Comment as wn, cloneVNode as _n, onBeforeUnmount as Ht, unref as Tn, nextTick as kn, withModifiers as Sn, watchEffect as In, toRef as On } from "vue";
-const Cn = /* @__PURE__ */ ee({
+import { defineComponent as te, resolveComponent as le, openBlock as h, createBlock as J, withCtx as R, renderSlot as I, createElementBlock as g, Fragment as $e, renderList as Ee, normalizeClass as ne, createTextVNode as lt, toDisplayString as Y, computed as y, createSlots as Ze, createVNode as _e, createCommentVNode as O, createElementVNode as _, createStaticVNode as pn, pushScopeId as Ge, popScopeId as We, useCssVars as dt, useSlots as ft, reactive as Pe, onMounted as qe, resolveDynamicComponent as mn, withKeys as gn, ref as q, watch as Ke, onUnmounted as yn, Comment as wn, cloneVNode as _n, onBeforeUnmount as Ut, unref as Tn, nextTick as kn, withModifiers as Sn, watchEffect as In, toRef as On } from "vue";
+const Cn = /* @__PURE__ */ te({
   __name: "AccountDropdown",
   props: {
     options: {
@@ -17,27 +17,27 @@ const Cn = /* @__PURE__ */ ee({
       default: " "
     }
   },
-  setup(n) {
-    return (t, a) => {
-      const r = ce("KDropdownItem"), l = ce("KDropdown");
-      return h(), Q(l, {
+  setup(a) {
+    return (t, r) => {
+      const n = le("KDropdownItem"), l = le("KDropdown");
+      return h(), J(l, {
         class: "account-dropdown",
         "kpop-attributes": { placement: "bottomStart" },
-        "trigger-text": n.userInitials,
-        width: n.width
+        "trigger-text": a.userInitials,
+        width: a.width
       }, {
         items: R(({ handleSelection: d }) => [
-          O(t.$slots, "default", {}, () => [
-            (h(!0), m(Ce, null, Ne(n.options, (o) => (h(), Q(r, {
+          I(t.$slots, "default", {}, () => [
+            (h(!0), g($e, null, Ee(a.options, (o) => (h(), J(n, {
               key: o.value,
-              class: re({ "has-divider": o.hasDivider }),
+              class: ne({ "has-divider": o.hasDivider }),
               "data-testid": "select-" + o.value,
               "has-divider": o.hasDivider,
               onClick: (v) => d(o)
             }, {
               default: R(() => [
-                O(t.$slots, "default", { option: o }, () => [
-                  ct(J(o.label), 1)
+                I(t.$slots, "default", { option: o }, () => [
+                  lt(Y(o.label), 1)
                 ], !0)
               ]),
               _: 2
@@ -48,12 +48,12 @@ const Cn = /* @__PURE__ */ ee({
       }, 8, ["trigger-text", "width"]);
     };
   }
-}), te = (n, t) => {
-  const a = n.__vccOpts || n;
-  for (const [r, l] of t)
-    a[r] = l;
-  return a;
-}, Hi = /* @__PURE__ */ te(Cn, [["__scopeId", "data-v-58c79282"]]), $n = {
+}), ae = (a, t) => {
+  const r = a.__vccOpts || a;
+  for (const [n, l] of t)
+    r[n] = l;
+  return r;
+}, Hi = /* @__PURE__ */ ae(Cn, [["__scopeId", "data-v-58c79282"]]), $n = {
   class: "about-section-title",
   "data-testid": "about-section-title"
 }, Nn = { class: "about-section-header-end" }, En = {
@@ -89,7 +89,7 @@ const Cn = /* @__PURE__ */ ee({
   key: 3,
   class: "about-divider-section",
   "data-testid": "about-divider-section"
-}, Zn = /* @__PURE__ */ ee({
+}, Zn = /* @__PURE__ */ te({
   __name: "AppAboutSection",
   props: {
     title: {
@@ -121,13 +121,13 @@ const Cn = /* @__PURE__ */ ee({
       default: !1
     }
   },
-  setup(n) {
-    const t = n, a = g(() => !!t.modified && t.modified !== t.created);
-    return (r, l) => {
-      const d = ce("KSkeletonBox"), o = ce("KCard");
-      return h(), Q(o, { class: "kong-ui-app-about-section" }, Pe({
+  setup(a) {
+    const t = a, r = y(() => !!t.modified && t.modified !== t.created);
+    return (n, l) => {
+      const d = le("KSkeletonBox"), o = le("KCard");
+      return h(), J(o, { class: "kong-ui-app-about-section" }, Ze({
         default: R(() => [
-          n.isLoading ? (h(), m("div", Dn, [
+          a.isLoading ? (h(), g("div", Dn, [
             _e(d, {
               height: "2",
               width: "100"
@@ -136,41 +136,41 @@ const Cn = /* @__PURE__ */ ee({
               height: "2",
               width: "100"
             })
-          ])) : (h(), m("div", Rn, [
-            n.description ? (h(), m("p", Bn, J(n.description), 1)) : C("", !0),
-            r.$slots.default ? (h(), m("div", Ln, [
-              O(r.$slots, "default", {}, void 0, !0)
-            ])) : C("", !0),
-            r.$slots["divider-section"] ? (h(), m("hr", Mn)) : C("", !0),
-            r.$slots["divider-section"] ? (h(), m("div", Pn, [
-              O(r.$slots, "divider-section", {}, void 0, !0)
-            ])) : C("", !0)
+          ])) : (h(), g("div", Rn, [
+            a.description ? (h(), g("p", Bn, Y(a.description), 1)) : O("", !0),
+            n.$slots.default ? (h(), g("div", Ln, [
+              I(n.$slots, "default", {}, void 0, !0)
+            ])) : O("", !0),
+            n.$slots["divider-section"] ? (h(), g("hr", Mn)) : O("", !0),
+            n.$slots["divider-section"] ? (h(), g("div", Pn, [
+              I(n.$slots, "divider-section", {}, void 0, !0)
+            ])) : O("", !0)
           ]))
         ]),
         _: 2
       }, [
-        n.title ? {
+        a.title ? {
           name: "title",
           fn: R(() => [
-            w("span", $n, J(n.title), 1)
+            _("span", $n, Y(a.title), 1)
           ]),
           key: "0"
         } : void 0,
-        r.$slots.actions || n.created || n.modified ? {
+        n.$slots.actions || a.created || a.modified ? {
           name: "actions",
           fn: R(() => [
-            w("div", Nn, [
-              n.created || n.modified ? (h(), m("div", {
+            _("div", Nn, [
+              a.created || a.modified ? (h(), g("div", {
                 key: 0,
-                class: re(["about-section-timestamps", { "has-actions": r.$slots.actions }])
+                class: ne(["about-section-timestamps", { "has-actions": n.$slots.actions }])
               }, [
-                n.created ? (h(), m("span", En, J(n.createdLabel) + ": " + J(n.created), 1)) : C("", !0),
-                n.created && a.value ? (h(), m("span", An, "->")) : C("", !0),
-                a.value ? (h(), m("span", Fn, J(n.modifiedLabel) + ": " + J(n.modified), 1)) : C("", !0)
-              ], 2)) : C("", !0),
-              r.$slots.actions ? (h(), m("div", xn, [
-                O(r.$slots, "actions", {}, void 0, !0)
-              ])) : C("", !0)
+                a.created ? (h(), g("span", En, Y(a.createdLabel) + ": " + Y(a.created), 1)) : O("", !0),
+                a.created && r.value ? (h(), g("span", An, "->")) : O("", !0),
+                r.value ? (h(), g("span", Fn, Y(a.modifiedLabel) + ": " + Y(a.modified), 1)) : O("", !0)
+              ], 2)) : O("", !0),
+              n.$slots.actions ? (h(), g("div", xn, [
+                I(n.$slots, "actions", {}, void 0, !0)
+              ])) : O("", !0)
             ])
           ]),
           key: "1"
@@ -178,7 +178,7 @@ const Cn = /* @__PURE__ */ ee({
       ]), 1024);
     };
   }
-}), Ui = /* @__PURE__ */ te(Zn, [["__scopeId", "data-v-d4c8058d"]]), Kn = {}, jn = {
+}), Ui = /* @__PURE__ */ ae(Zn, [["__scopeId", "data-v-d4c8058d"]]), Kn = {}, jn = {
   fill: "none",
   height: "130",
   width: "130",
@@ -186,32 +186,32 @@ const Cn = /* @__PURE__ */ ee({
 }, Hn = /* @__PURE__ */ pn('<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), Un = [
   Hn
 ];
-function Vn(n, t) {
-  return h(), m("svg", jn, Un);
+function Vn(a, t) {
+  return h(), g("svg", jn, Un);
 }
-const zn = /* @__PURE__ */ te(Kn, [["render", Vn]]), Ut = (n) => (ze("data-v-5cbccc66"), n = n(), Ge(), n), Gn = { class: "kong-ui-app-error" }, Wn = { class: "banana-icon" }, qn = { class: "kong-ui-app-error-content" }, Xn = /* @__PURE__ */ Ut(() => /* @__PURE__ */ w("h2", null, "An unexpected error has occurred", -1)), Yn = /* @__PURE__ */ Ut(() => /* @__PURE__ */ w("p", null, [
-  /* @__PURE__ */ ct("Go back to the previous page or "),
-  /* @__PURE__ */ w("a", { href: "/" }, "return home"),
-  /* @__PURE__ */ ct(".")
-], -1)), Jn = /* @__PURE__ */ ee({
+const zn = /* @__PURE__ */ ae(Kn, [["render", Vn]]), Vt = (a) => (Ge("data-v-5cbccc66"), a = a(), We(), a), Gn = { class: "kong-ui-app-error" }, Wn = { class: "banana-icon" }, qn = { class: "kong-ui-app-error-content" }, Xn = /* @__PURE__ */ Vt(() => /* @__PURE__ */ _("h2", null, "An unexpected error has occurred", -1)), Yn = /* @__PURE__ */ Vt(() => /* @__PURE__ */ _("p", null, [
+  /* @__PURE__ */ lt("Go back to the previous page or "),
+  /* @__PURE__ */ _("a", { href: "/" }, "return home"),
+  /* @__PURE__ */ lt(".")
+], -1)), Jn = /* @__PURE__ */ te({
   __name: "AppError",
-  setup(n) {
-    return (t, a) => (h(), m("section", Gn, [
-      w("div", Wn, [
+  setup(a) {
+    return (t, r) => (h(), g("section", Gn, [
+      _("div", Wn, [
         _e(zn)
       ]),
-      w("div", qn, [
-        O(t.$slots, "default", {}, () => [
+      _("div", qn, [
+        I(t.$slots, "default", {}, () => [
           Xn,
           Yn
         ], !0)
       ])
     ]));
   }
-}), Vi = /* @__PURE__ */ te(Jn, [["__scopeId", "data-v-5cbccc66"]]), Qn = { class: "kong-ui-app-navbar" }, er = { class: "header-content" }, tr = { class: "mobile-header-left" }, ar = {
+}), Vi = /* @__PURE__ */ ae(Jn, [["__scopeId", "data-v-5cbccc66"]]), Qn = { class: "kong-ui-app-navbar" }, er = { class: "header-content" }, tr = { class: "mobile-header-left" }, ar = {
   key: 0,
   class: "app-navbar-logo"
-}, nr = { class: "navbar-content" }, rr = { class: "navbar-content-left" }, ir = { class: "navbar-content-center" }, or = { class: "navbar-content-right" }, sr = /* @__PURE__ */ ee({
+}, nr = { class: "navbar-content" }, rr = { class: "navbar-content-left" }, ir = { class: "navbar-content-center" }, or = { class: "navbar-content-right" }, sr = /* @__PURE__ */ te({
   __name: "AppNavbar",
   props: {
     topOffset: {
@@ -228,52 +228,51 @@ const zn = /* @__PURE__ */ te(Kn, [["render", Vn]]), Ut = (n) => (ze("data-v-5cb
       default: 3
     }
   },
-  setup(n) {
-    const t = n;
-    ut((o) => ({
+  setup(a) {
+    dt((o) => ({
       d96d0598: d.value.top,
       "05b18f8e": d.value.zIndex,
       "543b3ff0": d.value.left,
       "247c8fd0": l.marginRight,
       "278e63f0": l.width
     }));
-    const a = dt(), r = g(() => !!a.logo), l = Me({
+    const t = a, r = ft(), n = y(() => !!r.logo), l = Pe({
       marginRight: "0",
       width: "0"
     });
-    We(() => {
+    qe(() => {
       var o, v;
       (v = (o = document == null ? void 0 : document.querySelector(".kong-ui-app-navbar .app-navbar-logo")) == null ? void 0 : o.children) != null && v.length ? (l.marginRight = "32px", l.width = "calc(240px - 32px)") : (l.marginRight = "0", l.width = "0");
     });
-    const d = g(() => ({
+    const d = y(() => ({
       top: t.topOffset ? `${t.topOffset}px` : "0",
       left: t.leftOffset ? `${t.leftOffset}px` : "0",
       zIndex: t.zIndex
     }));
-    return (o, v) => (h(), m("header", Qn, [
-      w("div", er, [
-        w("div", tr, [
-          O(o.$slots, "mobile-sidebar-toggle"),
-          O(o.$slots, "mobile-logo")
+    return (o, v) => (h(), g("header", Qn, [
+      _("div", er, [
+        _("div", tr, [
+          I(o.$slots, "mobile-sidebar-toggle"),
+          I(o.$slots, "mobile-logo")
         ]),
-        r.value ? (h(), m("div", ar, [
-          O(o.$slots, "logo")
-        ])) : C("", !0),
-        w("div", nr, [
-          w("div", rr, [
-            O(o.$slots, "left")
+        n.value ? (h(), g("div", ar, [
+          I(o.$slots, "logo")
+        ])) : O("", !0),
+        _("div", nr, [
+          _("div", rr, [
+            I(o.$slots, "left")
           ]),
-          w("div", ir, [
-            O(o.$slots, "center")
+          _("div", ir, [
+            I(o.$slots, "center")
           ]),
-          w("div", or, [
-            O(o.$slots, "right")
+          _("div", or, [
+            I(o.$slots, "right")
           ])
         ])
       ])
     ]));
   }
-}), cr = /* @__PURE__ */ te(sr, [["__scopeId", "data-v-beca6ea9"]]), lr = ["title"], ot = 99, ur = /* @__PURE__ */ ee({
+}), cr = /* @__PURE__ */ ae(sr, [["__scopeId", "data-v-beca6ea9"]]), lr = ["title"], st = 99, ur = /* @__PURE__ */ te({
   __name: "ItemBadge",
   props: {
     count: {
@@ -282,21 +281,21 @@ const zn = /* @__PURE__ */ te(Kn, [["render", Vn]]), Ut = (n) => (ze("data-v-5cb
       default: void 0
     }
   },
-  setup(n) {
-    const t = n, a = g(() => t.count ? t.count > ot ? `${ot}+` : t.count.toString() : "");
-    return (r, l) => a.value ? (h(), m("div", {
+  setup(a) {
+    const t = a, r = y(() => t.count ? t.count > st ? `${st}+` : t.count.toString() : "");
+    return (n, l) => r.value ? (h(), g("div", {
       key: 0,
       class: "item-badge",
-      title: (n.count || 0) > ot ? String(n.count) : void 0
-    }, J(a.value), 9, lr)) : C("", !0);
+      title: (a.count || 0) > st ? String(a.count) : void 0
+    }, Y(r.value), 9, lr)) : O("", !0);
   }
-}), dr = /* @__PURE__ */ te(ur, [["__scopeId", "data-v-912b1a1b"]]), fr = ["data-testid"], vr = ["aria-controls", "aria-expanded", "href", "target", "onClick", "onKeypress"], br = {
+}), dr = /* @__PURE__ */ ae(ur, [["__scopeId", "data-v-912b1a1b"]]), fr = ["data-testid"], vr = ["aria-controls", "aria-expanded", "href", "target", "onClick", "onKeypress"], br = {
   key: 0,
   class: "sidebar-item-icon"
 }, hr = { class: "sidebar-item-name-container" }, pr = { class: "sidebar-item-name has-tooltip" }, mr = {
   key: 2,
   class: "sidebar-item-label truncate-text truncate-18"
-}, gr = ["id"], yr = /* @__PURE__ */ ee({
+}, gr = ["id"], yr = /* @__PURE__ */ te({
   __name: "SidebarItem",
   props: {
     item: {
@@ -309,380 +308,380 @@ const zn = /* @__PURE__ */ te(Kn, [["render", Vn]]), Ut = (n) => (ze("data-v-5cb
     }
   },
   emits: ["click"],
-  setup(n, { emit: t }) {
-    const a = n, r = g(() => typeof a.item.to != "string" ? !1 : !!a.item.newWindow || !!a.item.external || a.item.to.startsWith("http")), l = g(() => !a.item.to || typeof a.item.to != "string" || !a.item.newWindow ? !1 : a.item.newWindow && (a.item.to.startsWith("http") || a.item.to.startsWith("/"))), d = g(() => a.subnavItem && a.item.badgeCount !== void 0), o = (p) => {
-      t("click", p);
-    }, v = (p, _, x) => {
-      o(_), typeof x == "function" && (p.preventDefault(), x());
+  setup(a, { emit: t }) {
+    const r = t, n = a, l = y(() => typeof n.item.to != "string" ? !1 : !!n.item.newWindow || !!n.item.external || n.item.to.startsWith("http")), d = y(() => !n.item.to || typeof n.item.to != "string" || !n.item.newWindow ? !1 : n.item.newWindow && (n.item.to.startsWith("http") || n.item.to.startsWith("/"))), o = y(() => n.subnavItem && n.item.badgeCount !== void 0), v = (k) => {
+      r("click", k);
+    }, p = (k, x, N) => {
+      v(x), typeof N == "function" && (k.preventDefault(), N());
     };
-    return (p, _) => {
-      var I;
-      const x = ce("KIcon"), E = ce("KTooltip"), D = ce("SidebarItem", !0);
-      return h(), m("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
+    return (k, x) => {
+      var C;
+      const N = le("KIcon"), D = le("KTooltip"), K = le("SidebarItem", !0);
+      return h(), g("li", {
+        class: ne([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
       }, [
-        (h(), Q(mn(r.value ? "div" : "router-link"), {
-          custom: r.value ? void 0 : !0,
-          to: !r.value && !l.value ? n.item.to : void 0
+        (h(), J(mn(l.value ? "div" : "router-link"), {
+          custom: l.value ? void 0 : !0,
+          to: !l.value && !d.value ? a.item.to : void 0
         }, {
-          default: R((N) => {
-            var G, K;
+          default: R((E) => {
+            var z, M;
             return [
-              w("a", {
-                "aria-controls": (G = n.item.items) != null && G.length && n.item.expanded ? `subnav-${n.item.key}` : void 0,
-                "aria-expanded": (K = n.item.items) != null && K.length && n.item.expanded ? !0 : void 0,
-                class: re(["sidebar-item-link", { "sidebar-item-external-link": l.value, "router-link": !r.value }]),
-                href: r.value ? String(n.item.to || "#") : N == null ? void 0 : N.href,
-                target: l.value ? "_blank" : void 0,
-                onClick: (Z) => v(Z, n.item, N == null ? void 0 : N.navigate),
-                onKeypress: gn((Z) => v(Z, n.item, N == null ? void 0 : N.navigate), ["enter"])
+              _("a", {
+                "aria-controls": (z = a.item.items) != null && z.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
+                "aria-expanded": (M = a.item.items) != null && M.length && a.item.expanded ? !0 : void 0,
+                class: ne(["sidebar-item-link", { "sidebar-item-external-link": d.value, "router-link": !l.value }]),
+                href: l.value ? String(a.item.to || "#") : E == null ? void 0 : E.href,
+                target: d.value ? "_blank" : void 0,
+                onClick: (U) => p(U, a.item, E == null ? void 0 : E.navigate),
+                onKeypress: gn((U) => p(U, a.item, E == null ? void 0 : E.navigate), ["enter"])
               }, [
-                w("div", {
-                  class: re(["sidebar-item-display", { "has-label": !!n.item.label && n.item.expanded, "has-badge": d.value }])
+                _("div", {
+                  class: ne(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-badge": o.value }])
                 }, [
-                  n.item.icon ? (h(), m("div", br, [
-                    _e(x, {
-                      icon: String(n.item.icon),
+                  a.item.icon ? (h(), g("div", br, [
+                    _e(N, {
+                      icon: String(a.item.icon),
                       size: "20"
                     }, null, 8, ["icon"])
-                  ])) : C("", !0),
-                  w("div", hr, [
-                    (n.subnavItem ? n.item.name.length < 25 : n.item.name.length < 18) ? (h(), m("div", {
+                  ])) : O("", !0),
+                  _("div", hr, [
+                    (a.subnavItem ? a.item.name.length < 25 : a.item.name.length < 18) ? (h(), g("div", {
                       key: 0,
-                      class: re(["sidebar-item-name truncate-text", [n.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
-                    }, J(n.item.name), 3)) : (h(), Q(E, {
+                      class: ne(["sidebar-item-name truncate-text", [a.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
+                    }, Y(a.item.name), 3)) : (h(), J(D, {
                       key: 1,
                       class: "sidebar-item-tooltip",
-                      label: n.item.name,
+                      label: a.item.name,
                       placement: "right",
                       "position-fixed": ""
                     }, {
                       default: R(() => [
-                        w("div", pr, [
-                          w("span", {
-                            class: re(["truncate-text", [n.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": d.value }]])
-                          }, J(n.item.name), 3)
+                        _("div", pr, [
+                          _("span", {
+                            class: ne(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": o.value }]])
+                          }, Y(a.item.name), 3)
                         ])
                       ]),
                       _: 1
                     }, 8, ["label"])),
-                    n.item.label && n.item.expanded ? (h(), m("div", mr, J(n.item.label), 1)) : C("", !0)
+                    a.item.label && a.item.expanded ? (h(), g("div", mr, Y(a.item.label), 1)) : O("", !0)
                   ]),
-                  d.value ? (h(), Q(dr, {
+                  o.value ? (h(), J(dr, {
                     key: 1,
-                    count: n.item.badgeCount
-                  }, null, 8, ["count"])) : C("", !0)
+                    count: a.item.badgeCount
+                  }, null, 8, ["count"])) : O("", !0)
                 ], 2)
               ], 42, vr)
             ];
           }),
           _: 1
         }, 8, ["custom", "to"])),
-        (I = n.item.items) != null && I.length && n.item.expanded ? (h(), m("ul", {
+        (C = a.item.items) != null && C.length && a.item.expanded ? (h(), g("ul", {
           key: 0,
-          id: `subnav-${n.item.key}`,
+          id: `subnav-${a.item.key}`,
           class: "level-secondary"
         }, [
-          (h(!0), m(Ce, null, Ne(n.item.items, (N) => (h(), Q(D, {
-            key: N.name,
-            item: N,
+          (h(!0), g($e, null, Ee(a.item.items, (E) => (h(), J(K, {
+            key: E.name,
+            item: E,
             "subnav-item": !0,
-            onClick: (G) => o(N)
+            onClick: (z) => v(E)
           }, null, 8, ["item", "onClick"]))), 128))
-        ], 8, gr)) : C("", !0)
+        ], 8, gr)) : O("", !0)
       ], 10, fr);
     };
   }
-}), Bt = /* @__PURE__ */ te(yr, [["__scopeId", "data-v-d33cb719"]]);
+}), Lt = /* @__PURE__ */ ae(yr, [["__scopeId", "data-v-d33cb719"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var Vt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Ke = /* @__PURE__ */ Vt.join(","), zt = typeof Element > "u", be = zt ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, je = !zt && Element.prototype.getRootNode ? function(n) {
+var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], je = /* @__PURE__ */ zt.join(","), Gt = typeof Element > "u", he = Gt ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, He = !Gt && Element.prototype.getRootNode ? function(a) {
   var t;
-  return n == null || (t = n.getRootNode) === null || t === void 0 ? void 0 : t.call(n);
-} : function(n) {
-  return n == null ? void 0 : n.ownerDocument;
-}, He = function n(t, a) {
-  var r;
-  a === void 0 && (a = !0);
-  var l = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), d = l === "" || l === "true", o = d || a && t && n(t.parentNode);
+  return a == null || (t = a.getRootNode) === null || t === void 0 ? void 0 : t.call(a);
+} : function(a) {
+  return a == null ? void 0 : a.ownerDocument;
+}, Ue = function a(t, r) {
+  var n;
+  r === void 0 && (r = !0);
+  var l = t == null || (n = t.getAttribute) === null || n === void 0 ? void 0 : n.call(t, "inert"), d = l === "" || l === "true", o = d || r && t && a(t.parentNode);
   return o;
 }, wr = function(t) {
-  var a, r = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "contenteditable");
-  return r === "" || r === "true";
-}, Gt = function(t, a, r) {
-  if (He(t))
+  var r, n = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "contenteditable");
+  return n === "" || n === "true";
+}, Wt = function(t, r, n) {
+  if (Ue(t))
     return [];
-  var l = Array.prototype.slice.apply(t.querySelectorAll(Ke));
-  return a && be.call(t, Ke) && l.unshift(t), l = l.filter(r), l;
-}, Wt = function n(t, a, r) {
+  var l = Array.prototype.slice.apply(t.querySelectorAll(je));
+  return r && he.call(t, je) && l.unshift(t), l = l.filter(n), l;
+}, qt = function a(t, r, n) {
   for (var l = [], d = Array.from(t); d.length; ) {
     var o = d.shift();
-    if (!He(o, !1))
+    if (!Ue(o, !1))
       if (o.tagName === "SLOT") {
-        var v = o.assignedElements(), p = v.length ? v : o.children, _ = n(p, !0, r);
-        r.flatten ? l.push.apply(l, _) : l.push({
+        var v = o.assignedElements(), p = v.length ? v : o.children, k = a(p, !0, n);
+        n.flatten ? l.push.apply(l, k) : l.push({
           scopeParent: o,
-          candidates: _
+          candidates: k
         });
       } else {
-        var x = be.call(o, Ke);
-        x && r.filter(o) && (a || !t.includes(o)) && l.push(o);
-        var E = o.shadowRoot || // check for an undisclosed shadow
-        typeof r.getShadowRoot == "function" && r.getShadowRoot(o), D = !He(E, !1) && (!r.shadowRootFilter || r.shadowRootFilter(o));
-        if (E && D) {
-          var I = n(E === !0 ? o.children : E.children, !0, r);
-          r.flatten ? l.push.apply(l, I) : l.push({
+        var x = he.call(o, je);
+        x && n.filter(o) && (r || !t.includes(o)) && l.push(o);
+        var N = o.shadowRoot || // check for an undisclosed shadow
+        typeof n.getShadowRoot == "function" && n.getShadowRoot(o), D = !Ue(N, !1) && (!n.shadowRootFilter || n.shadowRootFilter(o));
+        if (N && D) {
+          var K = a(N === !0 ? o.children : N.children, !0, n);
+          n.flatten ? l.push.apply(l, K) : l.push({
             scopeParent: o,
-            candidates: I
+            candidates: K
           });
         } else
           d.unshift.apply(d, o.children);
       }
   }
   return l;
-}, qt = function(t) {
+}, Xt = function(t) {
   return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
-}, ve = function(t) {
+}, be = function(t) {
   if (!t)
     throw new Error("No node provided");
-  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || wr(t)) && !qt(t) ? 0 : t.tabIndex;
-}, _r = function(t, a) {
-  var r = ve(t);
-  return r < 0 && a && !qt(t) ? 0 : r;
-}, Tr = function(t, a) {
-  return t.tabIndex === a.tabIndex ? t.documentOrder - a.documentOrder : t.tabIndex - a.tabIndex;
-}, Xt = function(t) {
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || wr(t)) && !Xt(t) ? 0 : t.tabIndex;
+}, _r = function(t, r) {
+  var n = be(t);
+  return n < 0 && r && !Xt(t) ? 0 : n;
+}, Tr = function(t, r) {
+  return t.tabIndex === r.tabIndex ? t.documentOrder - r.documentOrder : t.tabIndex - r.tabIndex;
+}, Yt = function(t) {
   return t.tagName === "INPUT";
 }, kr = function(t) {
-  return Xt(t) && t.type === "hidden";
+  return Yt(t) && t.type === "hidden";
 }, Sr = function(t) {
-  var a = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
-    return r.tagName === "SUMMARY";
+  var r = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(n) {
+    return n.tagName === "SUMMARY";
   });
-  return a;
-}, Ir = function(t, a) {
-  for (var r = 0; r < t.length; r++)
-    if (t[r].checked && t[r].form === a)
-      return t[r];
+  return r;
+}, Ir = function(t, r) {
+  for (var n = 0; n < t.length; n++)
+    if (t[n].checked && t[n].form === r)
+      return t[n];
 }, Or = function(t) {
   if (!t.name)
     return !0;
-  var a = t.form || je(t), r = function(v) {
-    return a.querySelectorAll('input[type="radio"][name="' + v + '"]');
+  var r = t.form || He(t), n = function(v) {
+    return r.querySelectorAll('input[type="radio"][name="' + v + '"]');
   }, l;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    l = r(window.CSS.escape(t.name));
+    l = n(window.CSS.escape(t.name));
   else
     try {
-      l = r(t.name);
+      l = n(t.name);
     } catch (o) {
       return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", o.message), !1;
     }
   var d = Ir(l, t.form);
   return !d || d === t;
 }, Cr = function(t) {
-  return Xt(t) && t.type === "radio";
+  return Yt(t) && t.type === "radio";
 }, $r = function(t) {
   return Cr(t) && !Or(t);
 }, Nr = function(t) {
-  var a, r = t && je(t), l = (a = r) === null || a === void 0 ? void 0 : a.host, d = !1;
-  if (r && r !== t) {
+  var r, n = t && He(t), l = (r = n) === null || r === void 0 ? void 0 : r.host, d = !1;
+  if (n && n !== t) {
     var o, v, p;
     for (d = !!((o = l) !== null && o !== void 0 && (v = o.ownerDocument) !== null && v !== void 0 && v.contains(l) || t != null && (p = t.ownerDocument) !== null && p !== void 0 && p.contains(t)); !d && l; ) {
-      var _, x, E;
-      r = je(l), l = (_ = r) === null || _ === void 0 ? void 0 : _.host, d = !!((x = l) !== null && x !== void 0 && (E = x.ownerDocument) !== null && E !== void 0 && E.contains(l));
+      var k, x, N;
+      n = He(l), l = (k = n) === null || k === void 0 ? void 0 : k.host, d = !!((x = l) !== null && x !== void 0 && (N = x.ownerDocument) !== null && N !== void 0 && N.contains(l));
     }
   }
   return d;
-}, Lt = function(t) {
-  var a = t.getBoundingClientRect(), r = a.width, l = a.height;
-  return r === 0 && l === 0;
-}, Er = function(t, a) {
-  var r = a.displayCheck, l = a.getShadowRoot;
+}, Mt = function(t) {
+  var r = t.getBoundingClientRect(), n = r.width, l = r.height;
+  return n === 0 && l === 0;
+}, Er = function(t, r) {
+  var n = r.displayCheck, l = r.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
-  var d = be.call(t, "details>summary:first-of-type"), o = d ? t.parentElement : t;
-  if (be.call(o, "details:not([open]) *"))
+  var d = he.call(t, "details>summary:first-of-type"), o = d ? t.parentElement : t;
+  if (he.call(o, "details:not([open]) *"))
     return !0;
-  if (!r || r === "full" || r === "legacy-full") {
+  if (!n || n === "full" || n === "legacy-full") {
     if (typeof l == "function") {
       for (var v = t; t; ) {
-        var p = t.parentElement, _ = je(t);
+        var p = t.parentElement, k = He(t);
         if (p && !p.shadowRoot && l(p) === !0)
-          return Lt(t);
-        t.assignedSlot ? t = t.assignedSlot : !p && _ !== t.ownerDocument ? t = _.host : t = p;
+          return Mt(t);
+        t.assignedSlot ? t = t.assignedSlot : !p && k !== t.ownerDocument ? t = k.host : t = p;
       }
       t = v;
     }
     if (Nr(t))
       return !t.getClientRects().length;
-    if (r !== "legacy-full")
+    if (n !== "legacy-full")
       return !0;
-  } else if (r === "non-zero-area")
-    return Lt(t);
+  } else if (n === "non-zero-area")
+    return Mt(t);
   return !1;
 }, Ar = function(t) {
   if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
-    for (var a = t.parentElement; a; ) {
-      if (a.tagName === "FIELDSET" && a.disabled) {
-        for (var r = 0; r < a.children.length; r++) {
-          var l = a.children.item(r);
+    for (var r = t.parentElement; r; ) {
+      if (r.tagName === "FIELDSET" && r.disabled) {
+        for (var n = 0; n < r.children.length; n++) {
+          var l = r.children.item(n);
           if (l.tagName === "LEGEND")
-            return be.call(a, "fieldset[disabled] *") ? !0 : !l.contains(t);
+            return he.call(r, "fieldset[disabled] *") ? !0 : !l.contains(t);
         }
         return !0;
       }
-      a = a.parentElement;
+      r = r.parentElement;
     }
   return !1;
-}, Ue = function(t, a) {
-  return !(a.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
+}, Ve = function(t, r) {
+  return !(r.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  He(a) || kr(a) || Er(a, t) || // For a details element with a summary, the summary element gets the focus
-  Sr(a) || Ar(a));
-}, lt = function(t, a) {
-  return !($r(a) || ve(a) < 0 || !Ue(t, a));
+  Ue(r) || kr(r) || Er(r, t) || // For a details element with a summary, the summary element gets the focus
+  Sr(r) || Ar(r));
+}, ut = function(t, r) {
+  return !($r(r) || be(r) < 0 || !Ve(t, r));
 }, Fr = function(t) {
-  var a = parseInt(t.getAttribute("tabindex"), 10);
-  return !!(isNaN(a) || a >= 0);
-}, xr = function n(t) {
-  var a = [], r = [];
+  var r = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(r) || r >= 0);
+}, xr = function a(t) {
+  var r = [], n = [];
   return t.forEach(function(l, d) {
-    var o = !!l.scopeParent, v = o ? l.scopeParent : l, p = _r(v, o), _ = o ? n(l.candidates) : v;
-    p === 0 ? o ? a.push.apply(a, _) : a.push(v) : r.push({
+    var o = !!l.scopeParent, v = o ? l.scopeParent : l, p = _r(v, o), k = o ? a(l.candidates) : v;
+    p === 0 ? o ? r.push.apply(r, k) : r.push(v) : n.push({
       documentOrder: d,
       tabIndex: p,
       item: l,
       isScope: o,
-      content: _
+      content: k
     });
-  }), r.sort(Tr).reduce(function(l, d) {
+  }), n.sort(Tr).reduce(function(l, d) {
     return d.isScope ? l.push.apply(l, d.content) : l.push(d.content), l;
-  }, []).concat(a);
-}, Dr = function(t, a) {
-  a = a || {};
-  var r;
-  return a.getShadowRoot ? r = Wt([t], a.includeContainer, {
-    filter: lt.bind(null, a),
+  }, []).concat(r);
+}, Dr = function(t, r) {
+  r = r || {};
+  var n;
+  return r.getShadowRoot ? n = qt([t], r.includeContainer, {
+    filter: ut.bind(null, r),
     flatten: !1,
-    getShadowRoot: a.getShadowRoot,
+    getShadowRoot: r.getShadowRoot,
     shadowRootFilter: Fr
-  }) : r = Gt(t, a.includeContainer, lt.bind(null, a)), xr(r);
-}, Rr = function(t, a) {
-  a = a || {};
-  var r;
-  return a.getShadowRoot ? r = Wt([t], a.includeContainer, {
-    filter: Ue.bind(null, a),
+  }) : n = Wt(t, r.includeContainer, ut.bind(null, r)), xr(n);
+}, Rr = function(t, r) {
+  r = r || {};
+  var n;
+  return r.getShadowRoot ? n = qt([t], r.includeContainer, {
+    filter: Ve.bind(null, r),
     flatten: !0,
-    getShadowRoot: a.getShadowRoot
-  }) : r = Gt(t, a.includeContainer, Ue.bind(null, a)), r;
-}, we = function(t, a) {
-  if (a = a || {}, !t)
+    getShadowRoot: r.getShadowRoot
+  }) : n = Wt(t, r.includeContainer, Ve.bind(null, r)), n;
+}, we = function(t, r) {
+  if (r = r || {}, !t)
     throw new Error("No node provided");
-  return be.call(t, Ke) === !1 ? !1 : lt(a, t);
-}, Br = /* @__PURE__ */ Vt.concat("iframe").join(","), st = function(t, a) {
-  if (a = a || {}, !t)
+  return he.call(t, je) === !1 ? !1 : ut(r, t);
+}, Br = /* @__PURE__ */ zt.concat("iframe").join(","), ct = function(t, r) {
+  if (r = r || {}, !t)
     throw new Error("No node provided");
-  return be.call(t, Br) === !1 ? !1 : Ue(a, t);
+  return he.call(t, Br) === !1 ? !1 : Ve(r, t);
 };
 /*!
-* focus-trap 7.5.3
+* focus-trap 7.5.4
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
-function Mt(n, t) {
-  var a = Object.keys(n);
+function Pt(a, t) {
+  var r = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(n);
-    t && (r = r.filter(function(l) {
-      return Object.getOwnPropertyDescriptor(n, l).enumerable;
-    })), a.push.apply(a, r);
+    var n = Object.getOwnPropertySymbols(a);
+    t && (n = n.filter(function(l) {
+      return Object.getOwnPropertyDescriptor(a, l).enumerable;
+    })), r.push.apply(r, n);
   }
-  return a;
+  return r;
 }
-function Pt(n) {
+function Zt(a) {
   for (var t = 1; t < arguments.length; t++) {
-    var a = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Mt(Object(a), !0).forEach(function(r) {
-      Lr(n, r, a[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(a)) : Mt(Object(a)).forEach(function(r) {
-      Object.defineProperty(n, r, Object.getOwnPropertyDescriptor(a, r));
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Pt(Object(r), !0).forEach(function(n) {
+      Lr(a, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(r)) : Pt(Object(r)).forEach(function(n) {
+      Object.defineProperty(a, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
-  return n;
+  return a;
 }
-function Lr(n, t, a) {
-  return t = Pr(t), t in n ? Object.defineProperty(n, t, {
-    value: a,
+function Lr(a, t, r) {
+  return t = Pr(t), t in a ? Object.defineProperty(a, t, {
+    value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : n[t] = a, n;
+  }) : a[t] = r, a;
 }
-function Mr(n, t) {
-  if (typeof n != "object" || n === null)
-    return n;
-  var a = n[Symbol.toPrimitive];
-  if (a !== void 0) {
-    var r = a.call(n, t || "default");
-    if (typeof r != "object")
-      return r;
+function Mr(a, t) {
+  if (typeof a != "object" || a === null)
+    return a;
+  var r = a[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(a, t || "default");
+    if (typeof n != "object")
+      return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(n);
+  return (t === "string" ? String : Number)(a);
 }
-function Pr(n) {
-  var t = Mr(n, "string");
+function Pr(a) {
+  var t = Mr(a, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-var Zt = {
-  activateTrap: function(t, a) {
+var Kt = {
+  activateTrap: function(t, r) {
     if (t.length > 0) {
-      var r = t[t.length - 1];
-      r !== a && r.pause();
+      var n = t[t.length - 1];
+      n !== r && n.pause();
     }
-    var l = t.indexOf(a);
-    l === -1 || t.splice(l, 1), t.push(a);
+    var l = t.indexOf(r);
+    l === -1 || t.splice(l, 1), t.push(r);
   },
-  deactivateTrap: function(t, a) {
-    var r = t.indexOf(a);
-    r !== -1 && t.splice(r, 1), t.length > 0 && t[t.length - 1].unpause();
+  deactivateTrap: function(t, r) {
+    var n = t.indexOf(r);
+    n !== -1 && t.splice(n, 1), t.length > 0 && t[t.length - 1].unpause();
   }
 }, Zr = function(t) {
   return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
 }, Kr = function(t) {
   return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
-}, $e = function(t) {
+}, Ne = function(t) {
   return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
 }, jr = function(t) {
-  return $e(t) && !t.shiftKey;
+  return Ne(t) && !t.shiftKey;
 }, Hr = function(t) {
-  return $e(t) && t.shiftKey;
-}, Kt = function(t) {
+  return Ne(t) && t.shiftKey;
+}, jt = function(t) {
   return setTimeout(t, 0);
-}, jt = function(t, a) {
-  var r = -1;
+}, Ht = function(t, r) {
+  var n = -1;
   return t.every(function(l, d) {
-    return a(l) ? (r = d, !1) : !0;
-  }), r;
-}, Oe = function(t) {
-  for (var a = arguments.length, r = new Array(a > 1 ? a - 1 : 0), l = 1; l < a; l++)
-    r[l - 1] = arguments[l];
-  return typeof t == "function" ? t.apply(void 0, r) : t;
-}, Be = function(t) {
+    return r(l) ? (n = d, !1) : !0;
+  }), n;
+}, Ce = function(t) {
+  for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), l = 1; l < r; l++)
+    n[l - 1] = arguments[l];
+  return typeof t == "function" ? t.apply(void 0, n) : t;
+}, Le = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
-}, Ur = [], Vr = function(t, a) {
-  var r = (a == null ? void 0 : a.document) || document, l = (a == null ? void 0 : a.trapStack) || Ur, d = Pt({
+}, Ur = [], Vr = function(t, r) {
+  var n = (r == null ? void 0 : r.document) || document, l = (r == null ? void 0 : r.trapStack) || Ur, d = Zt({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
     isKeyForward: jr,
     isKeyBackward: Hr
-  }, a), o = {
+  }, r), o = {
     // containers given to createFocusTrap()
     // @type {Array<HTMLElement>}
     containers: [],
@@ -720,24 +719,24 @@ var Zt = {
     recentNavEvent: void 0
   }, v, p = function(s, u, f) {
     return s && s[u] !== void 0 ? s[u] : d[f || u];
-  }, _ = function(s, u) {
+  }, k = function(s, u) {
     var f = typeof (u == null ? void 0 : u.composedPath) == "function" ? u.composedPath() : void 0;
-    return o.containerGroups.findIndex(function(y) {
-      var k = y.container, A = y.tabbableNodes;
-      return k.contains(s) || // fall back to explicit tabbable search which will take into consideration any
+    return o.containerGroups.findIndex(function(w) {
+      var S = w.container, A = w.tabbableNodes;
+      return S.contains(s) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (f == null ? void 0 : f.includes(k)) || A.find(function(F) {
+      (f == null ? void 0 : f.includes(S)) || A.find(function(F) {
         return F === s;
       });
     });
   }, x = function(s) {
     var u = d[s];
     if (typeof u == "function") {
-      for (var f = arguments.length, y = new Array(f > 1 ? f - 1 : 0), k = 1; k < f; k++)
-        y[k - 1] = arguments[k];
-      u = u.apply(void 0, y);
+      for (var f = arguments.length, w = new Array(f > 1 ? f - 1 : 0), S = 1; S < f; S++)
+        w[S - 1] = arguments[S];
+      u = u.apply(void 0, w);
     }
     if (u === !0 && (u = void 0), !u) {
       if (u === void 0 || u === !1)
@@ -745,16 +744,16 @@ var Zt = {
       throw new Error("`".concat(s, "` was specified but was not a node, or did not return a node"));
     }
     var A = u;
-    if (typeof u == "string" && (A = r.querySelector(u), !A))
+    if (typeof u == "string" && (A = n.querySelector(u), !A))
       throw new Error("`".concat(s, "` as selector refers to no known node"));
     return A;
-  }, E = function() {
+  }, N = function() {
     var s = x("initialFocus");
     if (s === !1)
       return !1;
-    if (s === void 0 || !st(s, d.tabbableOptions))
-      if (_(r.activeElement) >= 0)
-        s = r.activeElement;
+    if (s === void 0 || !ct(s, d.tabbableOptions))
+      if (k(n.activeElement) >= 0)
+        s = n.activeElement;
       else {
         var u = o.tabbableGroups[0], f = u && u.firstTabbableNode;
         s = f || x("fallbackFocus");
@@ -764,23 +763,23 @@ var Zt = {
     return s;
   }, D = function() {
     if (o.containerGroups = o.containers.map(function(s) {
-      var u = Dr(s, d.tabbableOptions), f = Rr(s, d.tabbableOptions), y = u.length > 0 ? u[0] : void 0, k = u.length > 0 ? u[u.length - 1] : void 0, A = f.find(function(B) {
-        return we(B);
-      }), F = f.slice().reverse().find(function(B) {
-        return we(B);
-      }), P = !!u.find(function(B) {
-        return ve(B) > 0;
+      var u = Dr(s, d.tabbableOptions), f = Rr(s, d.tabbableOptions), w = u.length > 0 ? u[0] : void 0, S = u.length > 0 ? u[u.length - 1] : void 0, A = f.find(function(m) {
+        return we(m);
+      }), F = f.slice().reverse().find(function(m) {
+        return we(m);
+      }), Z = !!u.find(function(m) {
+        return be(m) > 0;
       });
       return {
         container: s,
         tabbableNodes: u,
         focusableNodes: f,
         /** True if at least one node with positive `tabindex` was found in this container. */
-        posTabIndexesFound: P,
+        posTabIndexesFound: Z,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: y,
+        firstTabbableNode: w,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: k,
+        lastTabbableNode: S,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
         //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
         //  because that API doesn't work with Shadow DOM as well as it should (@see
@@ -800,13 +799,13 @@ var Zt = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(T) {
-          var le = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, ne = u.indexOf(T);
-          return ne < 0 ? le ? f.slice(f.indexOf(T) + 1).find(function(H) {
-            return we(H);
-          }) : f.slice(0, f.indexOf(T)).reverse().find(function(H) {
-            return we(H);
-          }) : u[ne + (le ? 1 : -1)];
+        nextTabbableNode: function(re) {
+          var ue = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, B = u.indexOf(re);
+          return B < 0 ? ue ? f.slice(f.indexOf(re) + 1).find(function(se) {
+            return we(se);
+          }) : f.slice(0, f.indexOf(re)).reverse().find(function(se) {
+            return we(se);
+          }) : u[B + (ue ? 1 : -1)];
         }
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(s) {
@@ -817,55 +816,59 @@ var Zt = {
       return s.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.");
-  }, I = function S(s) {
-    if (s !== !1 && s !== r.activeElement) {
+  }, K = function T(s) {
+    var u = s.activeElement;
+    if (u)
+      return u.shadowRoot && u.shadowRoot.activeElement !== null ? T(u.shadowRoot) : u;
+  }, C = function T(s) {
+    if (s !== !1 && s !== K(document)) {
       if (!s || !s.focus) {
-        S(E());
+        T(N());
         return;
       }
       s.focus({
         preventScroll: !!d.preventScroll
       }), o.mostRecentlyFocusedNode = s, Zr(s) && s.select();
     }
-  }, N = function(s) {
+  }, E = function(s) {
     var u = x("setReturnFocus", s);
     return u || (u === !1 ? !1 : s);
-  }, G = function(s) {
-    var u = s.target, f = s.event, y = s.isBackward, k = y === void 0 ? !1 : y;
-    u = u || Be(f), D();
+  }, z = function(s) {
+    var u = s.target, f = s.event, w = s.isBackward, S = w === void 0 ? !1 : w;
+    u = u || Le(f), D();
     var A = null;
     if (o.tabbableGroups.length > 0) {
-      var F = _(u, f), P = F >= 0 ? o.containerGroups[F] : void 0;
+      var F = k(u, f), Z = F >= 0 ? o.containerGroups[F] : void 0;
       if (F < 0)
-        k ? A = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : A = o.tabbableGroups[0].firstTabbableNode;
-      else if (k) {
-        var B = jt(o.tabbableGroups, function(he) {
-          var ke = he.firstTabbableNode;
-          return u === ke;
+        S ? A = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : A = o.tabbableGroups[0].firstTabbableNode;
+      else if (S) {
+        var m = Ht(o.tabbableGroups, function(ke) {
+          var Se = ke.firstTabbableNode;
+          return u === Se;
         });
-        if (B < 0 && (P.container === u || st(u, d.tabbableOptions) && !we(u, d.tabbableOptions) && !P.nextTabbableNode(u, !1)) && (B = F), B >= 0) {
-          var T = B === 0 ? o.tabbableGroups.length - 1 : B - 1, le = o.tabbableGroups[T];
-          A = ve(u) >= 0 ? le.lastTabbableNode : le.lastDomTabbableNode;
+        if (m < 0 && (Z.container === u || ct(u, d.tabbableOptions) && !we(u, d.tabbableOptions) && !Z.nextTabbableNode(u, !1)) && (m = F), m >= 0) {
+          var re = m === 0 ? o.tabbableGroups.length - 1 : m - 1, ue = o.tabbableGroups[re];
+          A = be(u) >= 0 ? ue.lastTabbableNode : ue.lastDomTabbableNode;
         } else
-          $e(f) || (A = P.nextTabbableNode(u, !1));
+          Ne(f) || (A = Z.nextTabbableNode(u, !1));
       } else {
-        var ne = jt(o.tabbableGroups, function(he) {
-          var ke = he.lastTabbableNode;
-          return u === ke;
+        var B = Ht(o.tabbableGroups, function(ke) {
+          var Se = ke.lastTabbableNode;
+          return u === Se;
         });
-        if (ne < 0 && (P.container === u || st(u, d.tabbableOptions) && !we(u, d.tabbableOptions) && !P.nextTabbableNode(u)) && (ne = F), ne >= 0) {
-          var H = ne === o.tabbableGroups.length - 1 ? 0 : ne + 1, Te = o.tabbableGroups[H];
-          A = ve(u) >= 0 ? Te.firstTabbableNode : Te.firstDomTabbableNode;
+        if (B < 0 && (Z.container === u || ct(u, d.tabbableOptions) && !we(u, d.tabbableOptions) && !Z.nextTabbableNode(u)) && (B = F), B >= 0) {
+          var se = B === o.tabbableGroups.length - 1 ? 0 : B + 1, Te = o.tabbableGroups[se];
+          A = be(u) >= 0 ? Te.firstTabbableNode : Te.firstDomTabbableNode;
         } else
-          $e(f) || (A = P.nextTabbableNode(u));
+          Ne(f) || (A = Z.nextTabbableNode(u));
       }
     } else
       A = x("fallbackFocus");
     return A;
-  }, K = function(s) {
-    var u = Be(s);
-    if (!(_(u, s) >= 0)) {
-      if (Oe(d.clickOutsideDeactivates, s)) {
+  }, M = function(s) {
+    var u = Le(s);
+    if (!(k(u, s) >= 0)) {
+      if (Ce(d.clickOutsideDeactivates, s)) {
         v.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -877,88 +880,88 @@ var Zt = {
         });
         return;
       }
-      Oe(d.allowOutsideClick, s) || s.preventDefault();
+      Ce(d.allowOutsideClick, s) || s.preventDefault();
     }
-  }, Z = function(s) {
-    var u = Be(s), f = _(u, s) >= 0;
+  }, U = function(s) {
+    var u = Le(s), f = k(u, s) >= 0;
     if (f || u instanceof Document)
       f && (o.mostRecentlyFocusedNode = u);
     else {
       s.stopImmediatePropagation();
-      var y, k = !0;
+      var w, S = !0;
       if (o.mostRecentlyFocusedNode)
-        if (ve(o.mostRecentlyFocusedNode) > 0) {
-          var A = _(o.mostRecentlyFocusedNode), F = o.containerGroups[A].tabbableNodes;
+        if (be(o.mostRecentlyFocusedNode) > 0) {
+          var A = k(o.mostRecentlyFocusedNode), F = o.containerGroups[A].tabbableNodes;
           if (F.length > 0) {
-            var P = F.findIndex(function(B) {
-              return B === o.mostRecentlyFocusedNode;
+            var Z = F.findIndex(function(m) {
+              return m === o.mostRecentlyFocusedNode;
             });
-            P >= 0 && (d.isKeyForward(o.recentNavEvent) ? P + 1 < F.length && (y = F[P + 1], k = !1) : P - 1 >= 0 && (y = F[P - 1], k = !1));
+            Z >= 0 && (d.isKeyForward(o.recentNavEvent) ? Z + 1 < F.length && (w = F[Z + 1], S = !1) : Z - 1 >= 0 && (w = F[Z - 1], S = !1));
           }
         } else
-          o.containerGroups.some(function(B) {
-            return B.tabbableNodes.some(function(T) {
-              return ve(T) > 0;
+          o.containerGroups.some(function(m) {
+            return m.tabbableNodes.some(function(re) {
+              return be(re) > 0;
             });
-          }) || (k = !1);
+          }) || (S = !1);
       else
-        k = !1;
-      k && (y = G({
+        S = !1;
+      S && (w = 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,
         isBackward: d.isKeyBackward(o.recentNavEvent)
-      })), I(y || o.mostRecentlyFocusedNode || E());
+      })), C(w || o.mostRecentlyFocusedNode || N());
     }
     o.recentNavEvent = void 0;
   }, oe = function(s) {
     var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     o.recentNavEvent = s;
-    var f = G({
+    var f = z({
       event: s,
       isBackward: u
     });
-    f && ($e(s) && s.preventDefault(), I(f));
-  }, ae = function(s) {
-    if (Kr(s) && Oe(d.escapeDeactivates, s) !== !1) {
+    f && (Ne(s) && s.preventDefault(), C(f));
+  }, Q = function(s) {
+    if (Kr(s) && Ce(d.escapeDeactivates, s) !== !1) {
       s.preventDefault(), v.deactivate();
       return;
     }
     (d.isKeyForward(s) || d.isKeyBackward(s)) && oe(s, d.isKeyBackward(s));
-  }, X = function(s) {
-    var u = Be(s);
-    _(u, s) >= 0 || Oe(d.clickOutsideDeactivates, s) || Oe(d.allowOutsideClick, s) || (s.preventDefault(), s.stopImmediatePropagation());
-  }, V = function() {
+  }, ee = function(s) {
+    var u = Le(s);
+    k(u, s) >= 0 || Ce(d.clickOutsideDeactivates, s) || Ce(d.allowOutsideClick, s) || (s.preventDefault(), s.stopImmediatePropagation());
+  }, j = function() {
     if (o.active)
-      return Zt.activateTrap(l, v), o.delayInitialFocusTimer = d.delayInitialFocus ? Kt(function() {
-        I(E());
-      }) : I(E()), r.addEventListener("focusin", Z, !0), r.addEventListener("mousedown", K, {
+      return Kt.activateTrap(l, v), o.delayInitialFocusTimer = d.delayInitialFocus ? jt(function() {
+        C(N());
+      }) : C(N()), n.addEventListener("focusin", U, !0), n.addEventListener("mousedown", M, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("touchstart", K, {
+      }), n.addEventListener("touchstart", M, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("click", X, {
+      }), n.addEventListener("click", ee, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("keydown", ae, {
+      }), n.addEventListener("keydown", Q, {
         capture: !0,
         passive: !1
       }), v;
-  }, j = function() {
+  }, G = function() {
     if (o.active)
-      return r.removeEventListener("focusin", Z, !0), r.removeEventListener("mousedown", K, !0), r.removeEventListener("touchstart", K, !0), r.removeEventListener("click", X, !0), r.removeEventListener("keydown", ae, !0), v;
+      return n.removeEventListener("focusin", U, !0), n.removeEventListener("mousedown", M, !0), n.removeEventListener("touchstart", M, !0), n.removeEventListener("click", ee, !0), n.removeEventListener("keydown", Q, !0), v;
   }, $ = function(s) {
     var u = s.some(function(f) {
-      var y = Array.from(f.removedNodes);
-      return y.some(function(k) {
-        return k === o.mostRecentlyFocusedNode;
+      var w = Array.from(f.removedNodes);
+      return w.some(function(S) {
+        return S === o.mostRecentlyFocusedNode;
       });
     });
-    u && I(E());
-  }, M = typeof window < "u" && "MutationObserver" in window ? new MutationObserver($) : void 0, W = function() {
-    M && (M.disconnect(), o.active && !o.paused && o.containers.map(function(s) {
-      M.observe(s, {
+    u && C(N());
+  }, P = typeof window < "u" && "MutationObserver" in window ? new MutationObserver($) : void 0, W = function() {
+    P && (P.disconnect(), o.active && !o.paused && o.containers.map(function(s) {
+      P.observe(s, {
         subtree: !0,
         childList: !0
       });
@@ -974,53 +977,53 @@ var Zt = {
     activate: function(s) {
       if (o.active)
         return this;
-      var u = p(s, "onActivate"), f = p(s, "onPostActivate"), y = p(s, "checkCanFocusTrap");
-      y || D(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, u == null || u();
-      var k = function() {
-        y && D(), V(), W(), f == null || f();
+      var u = p(s, "onActivate"), f = p(s, "onPostActivate"), w = p(s, "checkCanFocusTrap");
+      w || D(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = n.activeElement, u == null || u();
+      var S = function() {
+        w && D(), j(), W(), f == null || f();
       };
-      return y ? (y(o.containers.concat()).then(k, k), this) : (k(), this);
+      return w ? (w(o.containers.concat()).then(S, S), this) : (S(), this);
     },
     deactivate: function(s) {
       if (!o.active)
         return this;
-      var u = Pt({
+      var u = Zt({
         onDeactivate: d.onDeactivate,
         onPostDeactivate: d.onPostDeactivate,
         checkCanReturnFocus: d.checkCanReturnFocus
       }, s);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, j(), o.active = !1, o.paused = !1, W(), Zt.deactivateTrap(l, v);
-      var f = p(u, "onDeactivate"), y = p(u, "onPostDeactivate"), k = p(u, "checkCanReturnFocus"), A = p(u, "returnFocus", "returnFocusOnDeactivate");
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, G(), o.active = !1, o.paused = !1, W(), Kt.deactivateTrap(l, v);
+      var f = p(u, "onDeactivate"), w = p(u, "onPostDeactivate"), S = p(u, "checkCanReturnFocus"), A = p(u, "returnFocus", "returnFocusOnDeactivate");
       f == null || f();
       var F = function() {
-        Kt(function() {
-          A && I(N(o.nodeFocusedBeforeActivation)), y == null || y();
+        jt(function() {
+          A && C(E(o.nodeFocusedBeforeActivation)), w == null || w();
         });
       };
-      return A && k ? (k(N(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
+      return A && S ? (S(E(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
     },
     pause: function(s) {
       if (o.paused || !o.active)
         return this;
       var u = p(s, "onPause"), f = p(s, "onPostPause");
-      return o.paused = !0, u == null || u(), j(), W(), f == null || f(), this;
+      return o.paused = !0, u == null || u(), G(), W(), f == null || f(), this;
     },
     unpause: function(s) {
       if (!o.paused || !o.active)
         return this;
       var u = p(s, "onUnpause"), f = p(s, "onPostUnpause");
-      return o.paused = !1, u == null || u(), D(), V(), W(), f == null || f(), this;
+      return o.paused = !1, u == null || u(), D(), j(), W(), f == null || f(), this;
     },
     updateContainerElements: function(s) {
       var u = [].concat(s).filter(Boolean);
       return o.containers = u.map(function(f) {
-        return typeof f == "string" ? r.querySelector(f) : f;
+        return typeof f == "string" ? n.querySelector(f) : f;
       }), o.active && D(), W(), this;
     }
   }, v.updateContainerElements(t), v;
 };
 /*!
-  * focus-trap-vue v4.0.1
+  * focus-trap-vue v4.0.2
   * (c) 2023 Eduardo San Martin Morote
   * @license MIT
   */
@@ -1050,7 +1053,7 @@ const zr = {
   preventScroll: Boolean,
   setReturnFocus: [Object, String, Boolean, Function],
   tabbableOptions: Object
-}, Gr = ee({
+}, Gr = te({
   props: Object.assign({
     active: {
       // TODO: could be options for activate but what about the options for deactivating?
@@ -1068,77 +1071,78 @@ const zr = {
   render() {
     return this.renderImpl();
   },
-  setup(n, { slots: t, emit: a }) {
-    let r;
-    const l = q(null), d = g(() => {
+  setup(a, { slots: t, emit: r }) {
+    let n;
+    const l = q(null), d = y(() => {
       const v = l.value;
       return v && (v instanceof HTMLElement ? v : v.$el);
     });
     function o() {
-      return r || (r = Vr(d.value, {
-        escapeDeactivates: n.escapeDeactivates,
-        allowOutsideClick: n.allowOutsideClick,
-        returnFocusOnDeactivate: n.returnFocusOnDeactivate,
-        clickOutsideDeactivates: n.clickOutsideDeactivates,
+      return n || (n = Vr(d.value, {
+        escapeDeactivates: a.escapeDeactivates,
+        allowOutsideClick: a.allowOutsideClick,
+        returnFocusOnDeactivate: a.returnFocusOnDeactivate,
+        clickOutsideDeactivates: a.clickOutsideDeactivates,
         onActivate: () => {
-          a("update:active", !0), a("activate");
+          r("update:active", !0), r("activate");
         },
         onDeactivate: () => {
-          a("update:active", !1), a("deactivate");
+          r("update:active", !1), r("deactivate");
         },
-        onPostActivate: () => a("postActivate"),
-        onPostDeactivate: () => a("postDeactivate"),
-        initialFocus: n.initialFocus,
-        fallbackFocus: n.fallbackFocus,
-        tabbableOptions: n.tabbableOptions,
-        delayInitialFocus: n.delayInitialFocus
+        onPostActivate: () => r("postActivate"),
+        onPostDeactivate: () => r("postDeactivate"),
+        initialFocus: a.initialFocus,
+        fallbackFocus: a.fallbackFocus,
+        tabbableOptions: a.tabbableOptions,
+        delayInitialFocus: a.delayInitialFocus,
+        preventScroll: a.preventScroll
       }));
     }
-    return We(() => {
-      Ze(() => n.active, (v) => {
-        v && d.value ? o().activate() : r && (r.deactivate(), (!d.value || d.value.nodeType === Node.COMMENT_NODE) && (r = null));
+    return qe(() => {
+      Ke(() => a.active, (v) => {
+        v && d.value ? o().activate() : n && (n.deactivate(), (!d.value || d.value.nodeType === Node.COMMENT_NODE) && (n = null));
       }, { immediate: !0, flush: "post" });
     }), yn(() => {
-      r && r.deactivate(), r = null;
+      n && n.deactivate(), n = null;
     }), {
       activate() {
         o().activate();
       },
       deactivate() {
-        r && r.deactivate();
+        n && n.deactivate();
       },
       renderImpl() {
         if (!t.default)
           return null;
-        const v = t.default().filter((_) => _.type !== wn);
+        const v = t.default().filter((k) => k.type !== wn);
         return !v || !v.length || v.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), v) : _n(v[0], { ref: l });
       }
     };
   }
 });
-function Yt() {
+function Jt() {
   return {
-    debounce: (t, a) => {
-      let r;
+    debounce: (t, r) => {
+      let n;
       return (...l) => {
-        clearTimeout(r), r = window == null ? void 0 : window.setTimeout(() => {
+        clearTimeout(n), n = window == null ? void 0 : window.setTimeout(() => {
           t(...l);
-        }, a);
+        }, r);
       };
     }
   };
 }
-var Le = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Wr(n) {
-  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+var Me = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Wr(a) {
+  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var Ve = { exports: {} };
-Ve.exports;
-(function(n, t) {
-  var a = 200, r = "__lodash_hash_undefined__", l = 9007199254740991, d = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", p = "[object Date]", _ = "[object Error]", x = "[object Function]", E = "[object GeneratorFunction]", D = "[object Map]", I = "[object Number]", N = "[object Object]", G = "[object Promise]", K = "[object RegExp]", Z = "[object Set]", oe = "[object String]", ae = "[object Symbol]", X = "[object WeakMap]", V = "[object ArrayBuffer]", j = "[object DataView]", $ = "[object Float32Array]", M = "[object Float64Array]", W = "[object Int8Array]", S = "[object Int16Array]", s = "[object Int32Array]", u = "[object Uint8Array]", f = "[object Uint8ClampedArray]", y = "[object Uint16Array]", k = "[object Uint32Array]", A = /[\\^$.*+?()[\]{}|]/g, F = /\w*$/, P = /^\[object .+?Constructor\]$/, B = /^(?:0|[1-9]\d*)$/, T = {};
-  T[d] = T[o] = T[V] = T[j] = T[v] = T[p] = T[$] = T[M] = T[W] = T[S] = T[s] = T[D] = T[I] = T[N] = T[K] = T[Z] = T[oe] = T[ae] = T[u] = T[f] = T[y] = T[k] = !0, T[_] = T[x] = T[X] = !1;
-  var le = typeof Le == "object" && Le && Le.Object === Object && Le, ne = typeof self == "object" && self && self.Object === Object && self, H = le || ne || Function("return this")(), Te = t && !t.nodeType && t, he = Te && !0 && n && !n.nodeType && n, ke = he && he.exports === Te;
-  function Jt(e, i) {
+var ze = { exports: {} };
+ze.exports;
+(function(a, t) {
+  var r = 200, n = "__lodash_hash_undefined__", l = 9007199254740991, d = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", p = "[object Date]", k = "[object Error]", x = "[object Function]", N = "[object GeneratorFunction]", D = "[object Map]", K = "[object Number]", C = "[object Object]", E = "[object Promise]", z = "[object RegExp]", M = "[object Set]", U = "[object String]", oe = "[object Symbol]", Q = "[object WeakMap]", ee = "[object ArrayBuffer]", j = "[object DataView]", G = "[object Float32Array]", $ = "[object Float64Array]", P = "[object Int8Array]", W = "[object Int16Array]", T = "[object Int32Array]", s = "[object Uint8Array]", u = "[object Uint8ClampedArray]", f = "[object Uint16Array]", w = "[object Uint32Array]", S = /[\\^$.*+?()[\]{}|]/g, A = /\w*$/, F = /^\[object .+?Constructor\]$/, Z = /^(?:0|[1-9]\d*)$/, m = {};
+  m[d] = m[o] = m[ee] = m[j] = m[v] = m[p] = m[G] = m[$] = m[P] = m[W] = m[T] = m[D] = m[K] = m[C] = m[z] = m[M] = m[U] = m[oe] = m[s] = m[u] = m[f] = m[w] = !0, m[k] = m[x] = m[Q] = !1;
+  var re = typeof Me == "object" && Me && Me.Object === Object && Me, ue = typeof self == "object" && self && self.Object === Object && self, B = re || ue || Function("return this")(), se = t && !t.nodeType && t, Te = se && !0 && a && !a.nodeType && a, ke = Te && Te.exports === se;
+  function Se(e, i) {
     return e.set(i[0], i[1]), e;
   }
   function Qt(e, i) {
@@ -1154,9 +1158,9 @@ Ve.exports;
       e[L + c] = i[c];
     return e;
   }
-  function vt(e, i, c, b) {
-    var L = -1, U = e ? e.length : 0;
-    for (b && U && (c = e[++L]); ++L < U; )
+  function bt(e, i, c, b) {
+    var L = -1, H = e ? e.length : 0;
+    for (b && H && (c = e[++L]); ++L < H; )
       c = i(c, e[L], L, e);
     return c;
   }
@@ -1168,7 +1172,7 @@ Ve.exports;
   function na(e, i) {
     return e == null ? void 0 : e[i];
   }
-  function bt(e) {
+  function ht(e) {
     var i = !1;
     if (e != null && typeof e.toString != "function")
       try {
@@ -1177,30 +1181,30 @@ Ve.exports;
       }
     return i;
   }
-  function ht(e) {
+  function pt(e) {
     var i = -1, c = Array(e.size);
     return e.forEach(function(b, L) {
       c[++i] = [L, b];
     }), c;
   }
-  function qe(e, i) {
+  function Xe(e, i) {
     return function(c) {
       return e(i(c));
     };
   }
-  function pt(e) {
+  function mt(e) {
     var i = -1, c = Array(e.size);
     return e.forEach(function(b) {
       c[++i] = b;
     }), c;
   }
-  var ra = Array.prototype, ia = Function.prototype, Ee = Object.prototype, Xe = H["__core-js_shared__"], mt = function() {
-    var e = /[^.]+$/.exec(Xe && Xe.keys && Xe.keys.IE_PROTO || "");
+  var ra = Array.prototype, ia = Function.prototype, Ae = Object.prototype, Ye = B["__core-js_shared__"], gt = function() {
+    var e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
     return e ? "Symbol(src)_1." + e : "";
-  }(), gt = ia.toString, se = Ee.hasOwnProperty, Ae = Ee.toString, oa = RegExp(
-    "^" + gt.call(se).replace(A, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), yt = ke ? H.Buffer : void 0, wt = H.Symbol, _t = H.Uint8Array, sa = qe(Object.getPrototypeOf, Object), ca = Object.create, la = Ee.propertyIsEnumerable, ua = ra.splice, Tt = Object.getOwnPropertySymbols, da = yt ? yt.isBuffer : void 0, fa = qe(Object.keys, Object), Ye = ge(H, "DataView"), Se = ge(H, "Map"), Je = ge(H, "Promise"), Qe = ge(H, "Set"), et = ge(H, "WeakMap"), Ie = ge(Object, "create"), va = fe(Ye), ba = fe(Se), ha = fe(Je), pa = fe(Qe), ma = fe(et), kt = wt ? wt.prototype : void 0, St = kt ? kt.valueOf : void 0;
-  function ue(e) {
+  }(), yt = ia.toString, ce = Ae.hasOwnProperty, Fe = Ae.toString, oa = RegExp(
+    "^" + yt.call(ce).replace(S, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  ), wt = ke ? B.Buffer : void 0, _t = B.Symbol, Tt = B.Uint8Array, sa = Xe(Object.getPrototypeOf, Object), ca = Object.create, la = Ae.propertyIsEnumerable, ua = ra.splice, kt = Object.getOwnPropertySymbols, da = wt ? wt.isBuffer : void 0, fa = Xe(Object.keys, Object), Je = ge(B, "DataView"), Ie = ge(B, "Map"), Qe = ge(B, "Promise"), et = ge(B, "Set"), tt = ge(B, "WeakMap"), Oe = ge(Object, "create"), va = ve(Je), ba = ve(Ie), ha = ve(Qe), pa = ve(et), ma = ve(tt), St = _t ? _t.prototype : void 0, It = St ? St.valueOf : void 0;
+  function de(e) {
     var i = -1, c = e ? e.length : 0;
     for (this.clear(); ++i < c; ) {
       var b = e[i];
@@ -1208,28 +1212,28 @@ Ve.exports;
     }
   }
   function ga() {
-    this.__data__ = Ie ? Ie(null) : {};
+    this.__data__ = Oe ? Oe(null) : {};
   }
   function ya(e) {
     return this.has(e) && delete this.__data__[e];
   }
   function wa(e) {
     var i = this.__data__;
-    if (Ie) {
+    if (Oe) {
       var c = i[e];
-      return c === r ? void 0 : c;
+      return c === n ? void 0 : c;
     }
-    return se.call(i, e) ? i[e] : void 0;
+    return ce.call(i, e) ? i[e] : void 0;
   }
   function _a(e) {
     var i = this.__data__;
-    return Ie ? i[e] !== void 0 : se.call(i, e);
+    return Oe ? i[e] !== void 0 : ce.call(i, e);
   }
   function Ta(e, i) {
     var c = this.__data__;
-    return c[e] = Ie && i === void 0 ? r : i, this;
+    return c[e] = Oe && i === void 0 ? n : i, this;
   }
-  ue.prototype.clear = ga, ue.prototype.delete = ya, ue.prototype.get = wa, ue.prototype.has = _a, ue.prototype.set = Ta;
+  de.prototype.clear = ga, de.prototype.delete = ya, de.prototype.get = wa, de.prototype.has = _a, de.prototype.set = Ta;
   function ie(e) {
     var i = -1, c = e ? e.length : 0;
     for (this.clear(); ++i < c; ) {
@@ -1241,21 +1245,21 @@ Ve.exports;
     this.__data__ = [];
   }
   function Sa(e) {
-    var i = this.__data__, c = Fe(i, e);
+    var i = this.__data__, c = xe(i, e);
     if (c < 0)
       return !1;
     var b = i.length - 1;
     return c == b ? i.pop() : ua.call(i, c, 1), !0;
   }
   function Ia(e) {
-    var i = this.__data__, c = Fe(i, e);
+    var i = this.__data__, c = xe(i, e);
     return c < 0 ? void 0 : i[c][1];
   }
   function Oa(e) {
-    return Fe(this.__data__, e) > -1;
+    return xe(this.__data__, e) > -1;
   }
   function Ca(e, i) {
-    var c = this.__data__, b = Fe(c, e);
+    var c = this.__data__, b = xe(c, e);
     return b < 0 ? c.push([e, i]) : c[b][1] = i, this;
   }
   ie.prototype.clear = ka, ie.prototype.delete = Sa, ie.prototype.get = Ia, ie.prototype.has = Oa, ie.prototype.set = Ca;
@@ -1268,22 +1272,22 @@ Ve.exports;
   }
   function $a() {
     this.__data__ = {
-      hash: new ue(),
-      map: new (Se || ie)(),
-      string: new ue()
+      hash: new de(),
+      map: new (Ie || ie)(),
+      string: new de()
     };
   }
   function Na(e) {
-    return xe(this, e).delete(e);
+    return De(this, e).delete(e);
   }
   function Ea(e) {
-    return xe(this, e).get(e);
+    return De(this, e).get(e);
   }
   function Aa(e) {
-    return xe(this, e).has(e);
+    return De(this, e).has(e);
   }
   function Fa(e, i) {
-    return xe(this, e).set(e, i), this;
+    return De(this, e).set(e, i), this;
   }
   pe.prototype.clear = $a, pe.prototype.delete = Na, pe.prototype.get = Ea, pe.prototype.has = Aa, pe.prototype.set = Fa;
   function me(e) {
@@ -1305,7 +1309,7 @@ Ve.exports;
     var c = this.__data__;
     if (c instanceof ie) {
       var b = c.__data__;
-      if (!Se || b.length < a - 1)
+      if (!Ie || b.length < r - 1)
         return b.push([e, i]), this;
       c = this.__data__ = new pe(b);
     }
@@ -1313,81 +1317,81 @@ Ve.exports;
   }
   me.prototype.clear = xa, me.prototype.delete = Da, me.prototype.get = Ra, me.prototype.has = Ba, me.prototype.set = La;
   function Ma(e, i) {
-    var c = nt(e) || ln(e) ? aa(e.length, String) : [], b = c.length, L = !!b;
-    for (var U in e)
-      (i || se.call(e, U)) && !(L && (U == "length" || rn(U, b))) && c.push(U);
+    var c = rt(e) || ln(e) ? aa(e.length, String) : [], b = c.length, L = !!b;
+    for (var H in e)
+      (i || ce.call(e, H)) && !(L && (H == "length" || rn(H, b))) && c.push(H);
     return c;
   }
-  function It(e, i, c) {
+  function Ot(e, i, c) {
     var b = e[i];
-    (!(se.call(e, i) && Nt(b, c)) || c === void 0 && !(i in e)) && (e[i] = c);
+    (!(ce.call(e, i) && Et(b, c)) || c === void 0 && !(i in e)) && (e[i] = c);
   }
-  function Fe(e, i) {
+  function xe(e, i) {
     for (var c = e.length; c--; )
-      if (Nt(e[c][0], i))
+      if (Et(e[c][0], i))
         return c;
     return -1;
   }
   function Pa(e, i) {
-    return e && Ot(i, rt(i), e);
+    return e && Ct(i, it(i), e);
   }
-  function tt(e, i, c, b, L, U, Y) {
-    var z;
-    if (b && (z = U ? b(e, L, U, Y) : b(e)), z !== void 0)
-      return z;
-    if (!De(e))
+  function at(e, i, c, b, L, H, X) {
+    var V;
+    if (b && (V = H ? b(e, L, H, X) : b(e)), V !== void 0)
+      return V;
+    if (!Re(e))
       return e;
-    var Ft = nt(e);
-    if (Ft) {
-      if (z = tn(e), !i)
-        return Ja(e, z);
+    var xt = rt(e);
+    if (xt) {
+      if (V = tn(e), !i)
+        return Ja(e, V);
     } else {
-      var ye = de(e), xt = ye == x || ye == E;
+      var ye = fe(e), Dt = ye == x || ye == N;
       if (dn(e))
         return Va(e, i);
-      if (ye == N || ye == d || xt && !U) {
-        if (bt(e))
-          return U ? e : {};
-        if (z = an(xt ? {} : e), !i)
-          return Qa(e, Pa(z, e));
+      if (ye == C || ye == d || Dt && !H) {
+        if (ht(e))
+          return H ? e : {};
+        if (V = an(Dt ? {} : e), !i)
+          return Qa(e, Pa(V, e));
       } else {
-        if (!T[ye])
-          return U ? e : {};
-        z = nn(e, ye, tt, i);
+        if (!m[ye])
+          return H ? e : {};
+        V = nn(e, ye, at, i);
       }
     }
-    Y || (Y = new me());
-    var Dt = Y.get(e);
-    if (Dt)
-      return Dt;
-    if (Y.set(e, z), !Ft)
-      var Rt = c ? en(e) : rt(e);
-    return ea(Rt || e, function(it, Re) {
-      Rt && (Re = it, it = e[Re]), It(z, Re, tt(it, i, c, b, Re, e, Y));
-    }), z;
+    X || (X = new me());
+    var Rt = X.get(e);
+    if (Rt)
+      return Rt;
+    if (X.set(e, V), !xt)
+      var Bt = c ? en(e) : it(e);
+    return ea(Bt || e, function(ot, Be) {
+      Bt && (Be = ot, ot = e[Be]), Ot(V, Be, at(ot, i, c, b, Be, e, X));
+    }), V;
   }
   function Za(e) {
-    return De(e) ? ca(e) : {};
+    return Re(e) ? ca(e) : {};
   }
   function Ka(e, i, c) {
     var b = i(e);
-    return nt(e) ? b : ta(b, c(e));
+    return rt(e) ? b : ta(b, c(e));
   }
   function ja(e) {
-    return Ae.call(e);
+    return Fe.call(e);
   }
   function Ha(e) {
-    if (!De(e) || sn(e))
+    if (!Re(e) || sn(e))
       return !1;
-    var i = At(e) || bt(e) ? oa : P;
-    return i.test(fe(e));
+    var i = Ft(e) || ht(e) ? oa : F;
+    return i.test(ve(e));
   }
   function Ua(e) {
-    if (!$t(e))
+    if (!Nt(e))
       return fa(e);
     var i = [];
     for (var c in Object(e))
-      se.call(e, c) && c != "constructor" && i.push(c);
+      ce.call(e, c) && c != "constructor" && i.push(c);
     return i;
   }
   function Va(e, i) {
@@ -1396,31 +1400,31 @@ Ve.exports;
     var c = new e.constructor(e.length);
     return e.copy(c), c;
   }
-  function at(e) {
+  function nt(e) {
     var i = new e.constructor(e.byteLength);
-    return new _t(i).set(new _t(e)), i;
+    return new Tt(i).set(new Tt(e)), i;
   }
   function za(e, i) {
-    var c = i ? at(e.buffer) : e.buffer;
+    var c = i ? nt(e.buffer) : e.buffer;
     return new e.constructor(c, e.byteOffset, e.byteLength);
   }
   function Ga(e, i, c) {
-    var b = i ? c(ht(e), !0) : ht(e);
-    return vt(b, Jt, new e.constructor());
+    var b = i ? c(pt(e), !0) : pt(e);
+    return bt(b, Se, new e.constructor());
   }
   function Wa(e) {
-    var i = new e.constructor(e.source, F.exec(e));
+    var i = new e.constructor(e.source, A.exec(e));
     return i.lastIndex = e.lastIndex, i;
   }
   function qa(e, i, c) {
-    var b = i ? c(pt(e), !0) : pt(e);
-    return vt(b, Qt, new e.constructor());
+    var b = i ? c(mt(e), !0) : mt(e);
+    return bt(b, Qt, new e.constructor());
   }
   function Xa(e) {
-    return St ? Object(St.call(e)) : {};
+    return It ? Object(It.call(e)) : {};
   }
   function Ya(e, i) {
-    var c = i ? at(e.buffer) : e.buffer;
+    var c = i ? nt(e.buffer) : e.buffer;
     return new e.constructor(c, e.byteOffset, e.length);
   }
   function Ja(e, i) {
@@ -1429,21 +1433,21 @@ Ve.exports;
       i[c] = e[c];
     return i;
   }
-  function Ot(e, i, c, b) {
+  function Ct(e, i, c, b) {
     c || (c = {});
-    for (var L = -1, U = i.length; ++L < U; ) {
-      var Y = i[L], z = b ? b(c[Y], e[Y], Y, c, e) : void 0;
-      It(c, Y, z === void 0 ? e[Y] : z);
+    for (var L = -1, H = i.length; ++L < H; ) {
+      var X = i[L], V = b ? b(c[X], e[X], X, c, e) : void 0;
+      Ot(c, X, V === void 0 ? e[X] : V);
     }
     return c;
   }
   function Qa(e, i) {
-    return Ot(e, Ct(e), i);
+    return Ct(e, $t(e), i);
   }
   function en(e) {
-    return Ka(e, rt, Ct);
+    return Ka(e, it, $t);
   }
-  function xe(e, i) {
+  function De(e, i) {
     var c = e.__data__;
     return on(i) ? c[typeof i == "string" ? "string" : "hash"] : c.map;
   }
@@ -1451,9 +1455,9 @@ Ve.exports;
     var c = na(e, i);
     return Ha(c) ? c : void 0;
   }
-  var Ct = Tt ? qe(Tt, Object) : bn, de = ja;
-  (Ye && de(new Ye(new ArrayBuffer(1))) != j || Se && de(new Se()) != D || Je && de(Je.resolve()) != G || Qe && de(new Qe()) != Z || et && de(new et()) != X) && (de = function(e) {
-    var i = Ae.call(e), c = i == N ? e.constructor : void 0, b = c ? fe(c) : void 0;
+  var $t = kt ? Xe(kt, Object) : bn, fe = ja;
+  (Je && fe(new Je(new ArrayBuffer(1))) != j || Ie && fe(new Ie()) != D || Qe && fe(Qe.resolve()) != E || et && fe(new et()) != M || tt && fe(new tt()) != Q) && (fe = function(e) {
+    var i = Fe.call(e), c = i == C ? e.constructor : void 0, b = c ? ve(c) : void 0;
     if (b)
       switch (b) {
         case va:
@@ -1461,72 +1465,72 @@ Ve.exports;
         case ba:
           return D;
         case ha:
-          return G;
+          return E;
         case pa:
-          return Z;
+          return M;
         case ma:
-          return X;
+          return Q;
       }
     return i;
   });
   function tn(e) {
     var i = e.length, c = e.constructor(i);
-    return i && typeof e[0] == "string" && se.call(e, "index") && (c.index = e.index, c.input = e.input), c;
+    return i && typeof e[0] == "string" && ce.call(e, "index") && (c.index = e.index, c.input = e.input), c;
   }
   function an(e) {
-    return typeof e.constructor == "function" && !$t(e) ? Za(sa(e)) : {};
+    return typeof e.constructor == "function" && !Nt(e) ? Za(sa(e)) : {};
   }
   function nn(e, i, c, b) {
     var L = e.constructor;
     switch (i) {
-      case V:
-        return at(e);
+      case ee:
+        return nt(e);
       case v:
       case p:
         return new L(+e);
       case j:
         return za(e, b);
+      case G:
       case $:
-      case M:
+      case P:
       case W:
-      case S:
+      case T:
       case s:
       case u:
       case f:
-      case y:
-      case k:
+      case w:
         return Ya(e, b);
       case D:
         return Ga(e, b, c);
-      case I:
-      case oe:
-        return new L(e);
       case K:
+      case U:
+        return new L(e);
+      case z:
         return Wa(e);
-      case Z:
+      case M:
         return qa(e, b, c);
-      case ae:
+      case oe:
         return Xa(e);
     }
   }
   function rn(e, i) {
-    return i = i ?? l, !!i && (typeof e == "number" || B.test(e)) && e > -1 && e % 1 == 0 && e < i;
+    return i = i ?? l, !!i && (typeof e == "number" || Z.test(e)) && e > -1 && e % 1 == 0 && e < i;
   }
   function on(e) {
     var i = typeof e;
     return i == "string" || i == "number" || i == "symbol" || i == "boolean" ? e !== "__proto__" : e === null;
   }
   function sn(e) {
-    return !!mt && mt in e;
+    return !!gt && gt in e;
   }
-  function $t(e) {
-    var i = e && e.constructor, c = typeof i == "function" && i.prototype || Ee;
+  function Nt(e) {
+    var i = e && e.constructor, c = typeof i == "function" && i.prototype || Ae;
     return e === c;
   }
-  function fe(e) {
+  function ve(e) {
     if (e != null) {
       try {
-        return gt.call(e);
+        return yt.call(e);
       } catch {
       }
       try {
@@ -1537,38 +1541,38 @@ Ve.exports;
     return "";
   }
   function cn(e) {
-    return tt(e, !0, !0);
+    return at(e, !0, !0);
   }
-  function Nt(e, i) {
+  function Et(e, i) {
     return e === i || e !== e && i !== i;
   }
   function ln(e) {
-    return un(e) && se.call(e, "callee") && (!la.call(e, "callee") || Ae.call(e) == d);
+    return un(e) && ce.call(e, "callee") && (!la.call(e, "callee") || Fe.call(e) == d);
   }
-  var nt = Array.isArray;
-  function Et(e) {
-    return e != null && fn(e.length) && !At(e);
+  var rt = Array.isArray;
+  function At(e) {
+    return e != null && fn(e.length) && !Ft(e);
   }
   function un(e) {
-    return vn(e) && Et(e);
+    return vn(e) && At(e);
   }
   var dn = da || hn;
-  function At(e) {
-    var i = De(e) ? Ae.call(e) : "";
-    return i == x || i == E;
+  function Ft(e) {
+    var i = Re(e) ? Fe.call(e) : "";
+    return i == x || i == N;
   }
   function fn(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= l;
   }
-  function De(e) {
+  function Re(e) {
     var i = typeof e;
     return !!e && (i == "object" || i == "function");
   }
   function vn(e) {
     return !!e && typeof e == "object";
   }
-  function rt(e) {
-    return Et(e) ? Ma(e) : Ua(e);
+  function it(e) {
+    return At(e) ? Ma(e) : Ua(e);
   }
   function bn() {
     return [];
@@ -1576,9 +1580,9 @@ Ve.exports;
   function hn() {
     return !1;
   }
-  n.exports = cn;
-})(Ve, Ve.exports);
-var qr = Ve.exports;
+  a.exports = cn;
+})(ze, ze.exports);
+var qr = ze.exports;
 const Xr = /* @__PURE__ */ Wr(qr), Yr = {
   key: 0,
   class: "sidebar-header"
@@ -1595,7 +1599,7 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
 }, ni = {
   key: 2,
   class: "level-primary bottom-items"
-}, ri = { class: "sidebar-footer" }, ii = /* @__PURE__ */ ee({
+}, ri = { class: "sidebar-footer" }, ii = /* @__PURE__ */ te({
   __name: "AppSidebar",
   props: {
     topItems: {
@@ -1653,119 +1657,118 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
     }
   },
   emits: ["click", "toggle"],
-  setup(n, { emit: t }) {
-    const a = n;
-    ut((s) => ({
-      "2c5b02a5": o.value.mobileHeight,
-      "19baf097": o.value.mobileTop,
-      "01f7cae3": n.zIndex,
-      e9cb373a: o.value.height,
-      e991d0ce: o.value.top,
-      "8a4ad026": p.value.marginTop,
-      "28946a7f": v.value.display,
-      "3e6b7496": v.value.minHeight,
-      "92ecef30": _.value.top,
-      "16fef085": _.value.zIndex
+  setup(a, { emit: t }) {
+    dt((s) => ({
+      "2c5b02a5": v.value.mobileHeight,
+      "19baf097": v.value.mobileTop,
+      "01f7cae3": a.zIndex,
+      e9cb373a: v.value.height,
+      e991d0ce: v.value.top,
+      "8a4ad026": k.value.marginTop,
+      "28946a7f": p.value.display,
+      "3e6b7496": p.value.minHeight,
+      "92ecef30": x.value.top,
+      "16fef085": x.value.zIndex
     }));
-    const r = dt(), l = g(() => !!r.header), d = g(() => !!r.top), o = g(() => ({
-      mobileTop: a.mobileTopOffset && a.mobileEnabled ? `${a.mobileTopOffset}px` : a.topOffset ? `${a.topOffset}px` : "0",
-      top: a.topOffset ? `${a.topOffset}px` : "0",
-      mobileHeight: a.mobileTopOffset && a.mobileEnabled ? `calc(100% - ${a.mobileTopOffset}px)` : "100%",
-      height: a.topOffset ? `calc(100% - ${a.topOffset}px)` : "100%"
-    })), v = g(() => ({
-      display: !a.mobileHeaderVisible && a.mobileEnabled ? "none" : "flex",
-      minHeight: `${a.headerHeight}px`
-    })), p = g(() => ({
-      marginTop: l.value ? `${a.headerHeight}px` : "0"
-    })), _ = g(() => ({
-      top: a.mobileTopOffset && a.mobileEnabled ? `${a.mobileTopOffset}px` : "0",
-      zIndex: a.mobileOverlayZIndex !== null ? a.mobileOverlayZIndex : a.zIndex > 1 ? a.zIndex - 1 : 1
-    })), x = (s) => Xr(s).map((f) => {
-      var y, k, A;
+    const r = t, n = a, l = ft(), d = y(() => !!l.header), o = y(() => !!l.top), v = y(() => ({
+      mobileTop: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : n.topOffset ? `${n.topOffset}px` : "0",
+      top: n.topOffset ? `${n.topOffset}px` : "0",
+      mobileHeight: n.mobileTopOffset && n.mobileEnabled ? `calc(100% - ${n.mobileTopOffset}px)` : "100%",
+      height: n.topOffset ? `calc(100% - ${n.topOffset}px)` : "100%"
+    })), p = y(() => ({
+      display: !n.mobileHeaderVisible && n.mobileEnabled ? "none" : "flex",
+      minHeight: `${n.headerHeight}px`
+    })), k = y(() => ({
+      marginTop: d.value ? `${n.headerHeight}px` : "0"
+    })), x = y(() => ({
+      top: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : "0",
+      zIndex: n.mobileOverlayZIndex !== null ? n.mobileOverlayZIndex : n.zIndex > 1 ? n.zIndex - 1 : 1
+    })), N = (s) => Xr(s).map((f) => {
+      var w, S, A;
       if (f) {
-        (!f.key || !((y = f.key) != null && y.trim())) && (f.key = String(f.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!f.testId || !((k = f.testId) != null && k.trim())) && (f.testId = String(f.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+        (!f.key || !((w = f.key) != null && w.trim())) && (f.key = String(f.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!f.testId || !((S = f.testId) != null && S.trim())) && (f.testId = String(f.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
         for (const F of f.items || [])
           F.parentKey = f.key, (!F.testId || !((A = F.testId) != null && A.trim())) && (F.testId = String(F.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
       return f;
-    }), E = g(() => a.topItems.length ? x(a.topItems) : []), D = g(() => a.bottomItems.length ? x(a.bottomItems) : []), I = q(a.open), N = (s) => {
+    }), D = y(() => n.topItems.length ? N(n.topItems) : []), K = y(() => n.bottomItems.length ? N(n.bottomItems) : []), C = q(n.open), E = (s) => {
       var u, f;
-      I.value !== s && (I.value = s, t("toggle", s)), s ? (u = document == null ? void 0 : document.body) == null || u.classList.add("kong-ui-app-sidebar-open") : (f = document == null ? void 0 : document.body) == null || f.classList.remove("kong-ui-app-sidebar-open"), K.value = !1;
-    }, G = () => {
-      a.mobileOverlayCloseOnClick && N(!1);
-    }, K = q(!1), Z = (s) => {
-      K.value = !0, t("click", s), setTimeout(() => {
-        N(!1);
-      }, a.mobileCloseDelay);
+      C.value !== s && (C.value = s, r("toggle", s)), s ? (u = document == null ? void 0 : document.body) == null || u.classList.add("kong-ui-app-sidebar-open") : (f = document == null ? void 0 : document.body) == null || f.classList.remove("kong-ui-app-sidebar-open"), M.value = !1;
+    }, z = () => {
+      n.mobileOverlayCloseOnClick && E(!1);
+    }, M = q(!1), U = (s) => {
+      M.value = !0, r("click", s), setTimeout(() => {
+        E(!1);
+      }, n.mobileCloseDelay);
     };
-    Ze(() => a.open, (s) => {
-      N(s);
+    Ke(() => n.open, (s) => {
+      E(s);
     });
-    const { debounce: oe } = Yt(), ae = oe(() => {
-      I.value && X.value !== (window == null ? void 0 : window.innerWidth) && (X.value = window == null ? void 0 : window.innerWidth, N(!1));
-    }, 200), X = q(), V = q(!1), j = q(), $ = () => {
-      V.value || (V.value = !0, clearTimeout(j.value), j.value = setTimeout(() => V.value = !1, 1300));
-    }, M = q(null), W = g(() => I.value && a.mobileEnabled), S = async (s) => {
+    const { debounce: oe } = Jt(), Q = oe(() => {
+      C.value && ee.value !== (window == null ? void 0 : window.innerWidth) && (ee.value = window == null ? void 0 : window.innerWidth, E(!1));
+    }, 200), ee = q(), j = q(!1), G = q(), $ = () => {
+      j.value || (j.value = !0, clearTimeout(G.value), G.value = setTimeout(() => j.value = !1, 1300));
+    }, P = q(null), W = y(() => C.value && n.mobileEnabled), T = async (s) => {
       var u, f;
-      s ? (await kn(), await new Promise((y) => setTimeout(y, 300)), (u = M.value) == null || u.activate()) : (f = M.value) == null || f.deactivate();
+      s ? (await kn(), await new Promise((w) => setTimeout(w, 300)), (u = P.value) == null || u.activate()) : (f = P.value) == null || f.deactivate();
     };
-    return Ze(W, async (s) => {
-      s ? await S(!0) : await S(!1);
-    }, { immediate: !0 }), We(() => {
-      X.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", ae), window.addEventListener("resize", $);
-    }), Ht(() => {
-      window.removeEventListener("resize", ae), window.removeEventListener("resize", $);
-    }), (s, u) => (h(), m(Ce, null, [
-      I.value && n.mobileOverlay && n.mobileEnabled ? (h(), m("div", {
+    return Ke(W, async (s) => {
+      s ? await T(!0) : await T(!1);
+    }, { immediate: !0 }), qe(() => {
+      ee.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", Q), window.addEventListener("resize", $);
+    }), Ut(() => {
+      window.removeEventListener("resize", Q), window.removeEventListener("resize", $);
+    }), (s, u) => (h(), g($e, null, [
+      C.value && a.mobileOverlay && a.mobileEnabled ? (h(), g("div", {
         key: 0,
         class: "kong-ui-app-sidebar-overlay",
-        onClick: G
-      })) : C("", !0),
+        onClick: z
+      })) : O("", !0),
       _e(Tn(Gr), {
         ref_key: "focusTrap",
-        ref: M,
+        ref: P,
         active: !1,
         "allow-outside-click": "",
         "fallback-focus": ".kong-ui-app-sidebar"
       }, {
         default: R(() => [
-          w("aside", {
-            class: re(["kong-ui-app-sidebar", {
-              "sidebar-open": I.value,
-              "no-sidebar-header": !l.value,
-              "mobile-header-hidden": n.mobileEnabled && (!l.value || !n.mobileHeaderVisible),
-              "mobile-disabled": !n.mobileEnabled,
-              "disable-transitions": V.value
+          _("aside", {
+            class: ne(["kong-ui-app-sidebar", {
+              "sidebar-open": C.value,
+              "no-sidebar-header": !d.value,
+              "mobile-header-hidden": a.mobileEnabled && (!d.value || !a.mobileHeaderVisible),
+              "mobile-disabled": !a.mobileEnabled,
+              "disable-transitions": j.value
             }]),
             tabindex: "-1"
           }, [
-            l.value ? (h(), m("div", Yr, [
-              O(s.$slots, "header", {}, void 0, !0)
-            ])) : C("", !0),
-            w("div", Jr, [
-              d.value ? (h(), m("div", Qr, [
-                O(s.$slots, "top", {}, void 0, !0)
-              ])) : C("", !0),
-              w("nav", ei, [
-                E.value.length ? (h(), m("ul", ti, [
-                  (h(!0), m(Ce, null, Ne(E.value, (f) => (h(), Q(Bt, {
+            d.value ? (h(), g("div", Yr, [
+              I(s.$slots, "header", {}, void 0, !0)
+            ])) : O("", !0),
+            _("div", Jr, [
+              o.value ? (h(), g("div", Qr, [
+                I(s.$slots, "top", {}, void 0, !0)
+              ])) : O("", !0),
+              _("nav", ei, [
+                D.value.length ? (h(), g("ul", ti, [
+                  (h(!0), g($e, null, Ee(D.value, (f) => (h(), J(Lt, {
                     key: f.name,
                     item: f,
-                    onClick: Z
+                    onClick: U
                   }, null, 8, ["item"]))), 128))
-                ])) : C("", !0),
-                E.value.length && D.value.length ? (h(), m("div", ai)) : C("", !0),
-                D.value.length ? (h(), m("ul", ni, [
-                  (h(!0), m(Ce, null, Ne(D.value, (f) => (h(), Q(Bt, {
+                ])) : O("", !0),
+                D.value.length && K.value.length ? (h(), g("div", ai)) : O("", !0),
+                K.value.length ? (h(), g("ul", ni, [
+                  (h(!0), g($e, null, Ee(K.value, (f) => (h(), J(Lt, {
                     key: f.name,
                     item: f,
-                    onClick: Z
+                    onClick: U
                   }, null, 8, ["item"]))), 128))
-                ])) : C("", !0)
+                ])) : O("", !0)
               ])
             ]),
-            w("div", ri, [
-              O(s.$slots, "footer", {}, void 0, !0)
+            _("div", ri, [
+              I(s.$slots, "footer", {}, void 0, !0)
             ])
           ], 2)
         ]),
@@ -1773,11 +1776,11 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
       }, 512)
     ], 64));
   }
-}), oi = /* @__PURE__ */ te(ii, [["__scopeId", "data-v-4f0a752f"]]), ft = (n) => (ze("data-v-00a332e0"), n = n(), Ge(), n), si = ["aria-label", "onClick"], ci = /* @__PURE__ */ ft(() => /* @__PURE__ */ w("span", { class: "line" }, null, -1)), li = /* @__PURE__ */ ft(() => /* @__PURE__ */ w("span", { class: "line" }, null, -1)), ui = /* @__PURE__ */ ft(() => /* @__PURE__ */ w("span", { class: "line" }, null, -1)), di = [
+}), oi = /* @__PURE__ */ ae(ii, [["__scopeId", "data-v-4f0a752f"]]), vt = (a) => (Ge("data-v-00a332e0"), a = a(), We(), a), si = ["aria-label"], ci = /* @__PURE__ */ vt(() => /* @__PURE__ */ _("span", { class: "line" }, null, -1)), li = /* @__PURE__ */ vt(() => /* @__PURE__ */ _("span", { class: "line" }, null, -1)), ui = /* @__PURE__ */ vt(() => /* @__PURE__ */ _("span", { class: "line" }, null, -1)), di = [
   ci,
   li,
   ui
-], fi = /* @__PURE__ */ ee({
+], fi = /* @__PURE__ */ te({
   __name: "SidebarToggle",
   props: {
     active: {
@@ -1786,28 +1789,28 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
     }
   },
   emits: ["toggle"],
-  setup(n, { emit: t }) {
-    const a = n, r = q(a.active || !1), l = () => {
-      r.value = !r.value, t("toggle", r.value);
+  setup(a, { emit: t }) {
+    const r = t, n = a, l = q(n.active || !1), d = () => {
+      l.value = !l.value, r("toggle", l.value);
     };
-    return Ze(() => a.active, (d) => {
-      r.value = d;
-    }), (d, o) => (h(), m("a", {
+    return Ke(() => n.active, (o) => {
+      l.value = o;
+    }), (o, v) => (h(), g("a", {
       "aria-haspopup": "true",
-      "aria-label": r.value ? "Close Main Menu" : "Open Main Menu",
-      class: re(["sidebar-menu-toggle", { active: r.value }]),
+      "aria-label": l.value ? "Close Main Menu" : "Open Main Menu",
+      class: ne(["sidebar-menu-toggle", { active: l.value }]),
       href: "#",
       role: "button",
-      onClick: Sn(l, ["prevent"])
+      onClick: Sn(d, ["prevent"])
     }, di, 10, si));
   }
-}), vi = /* @__PURE__ */ te(fi, [["__scopeId", "data-v-00a332e0"]]), bi = "#ffffff", hi = "#000933", pi = "#000933", mi = "#ffffff", gi = "0px", yi = "4px", wi = (n) => (ze("data-v-f81adf4e"), n = n(), Ge(), n), _i = { id: "kong-ui-app-layout-notification" }, Ti = { class: "mobile-logo" }, ki = {
+}), vi = /* @__PURE__ */ ae(fi, [["__scopeId", "data-v-00a332e0"]]), bi = "#ffffff", hi = "#000933", pi = "#000933", mi = "#ffffff", gi = "0px", yi = "4px", wi = (a) => (Ge("data-v-f81adf4e"), a = a(), We(), a), _i = { id: "kong-ui-app-layout-notification" }, Ti = { class: "mobile-logo" }, ki = {
   key: 0,
   class: "navbar-logo"
 }, Si = {
   class: "kong-ui-app-layout-main",
   "data-testid": "kong-ui-app-layout-main"
-}, Ii = { class: "kong-ui-app-layout-content" }, Oi = { class: "kong-ui-app-layout-content-inner" }, Ci = /* @__PURE__ */ wi(() => /* @__PURE__ */ w("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)), $i = /* @__PURE__ */ ee({
+}, Ii = { class: "kong-ui-app-layout-content" }, Oi = { class: "kong-ui-app-layout-content-inner" }, Ci = /* @__PURE__ */ wi(() => /* @__PURE__ */ _("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)), $i = /* @__PURE__ */ te({
   __name: "AppLayout",
   props: {
     hideDefaultSlot: {
@@ -1839,179 +1842,178 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
     theme: {
       type: String,
       default: "light",
-      validator: (n) => ["light", "dark"].includes(n)
+      validator: (a) => ["light", "dark"].includes(a)
     }
   },
   emits: ["sidebar-click"],
-  setup(n, { emit: t }) {
-    const a = n;
-    ut(($) => ({
-      "3c1b64a7": K.value,
-      e1fe5bc6: Z.value,
-      "74505bb5": G.value,
+  setup(a, { emit: t }) {
+    dt(($) => ({
+      "3c1b64a7": M.value,
+      e1fe5bc6: U.value,
+      "74505bb5": z.value,
       24707019: oe.value,
-      "1f0d0dcc": ae.value
+      "1f0d0dcc": Q.value
     }));
-    const r = dt(), l = Me({
-      navbarLeft: g(() => !!r["navbar-left"]),
-      navbarCenter: g(() => !!r["navbar-center"]),
-      navbarRight: g(() => !!r["navbar-right"]),
-      navbarLogo: g(() => !!r["navbar-logo"]),
-      navbarMobileLogo: g(() => !!r["navbar-mobile-logo"]),
-      sidebarHeader: g(() => !!r["sidebar-header"]),
-      sidebarTop: g(() => !!r["sidebar-top"]),
-      sidebarFooter: g(() => !!r["sidebar-footer"])
-    }), d = g(() => a.hideDefaultSlot), o = Me({
-      hidden: g(() => a.navbarHidden)
-    }), v = Me({
-      topItems: g(() => a.sidebarTopItems),
-      bottomItems: g(() => a.sidebarBottomItems),
-      open: g(() => a.sidebarOpen),
-      hidden: g(() => a.sidebarHidden)
-    }), p = ($) => {
-      t("sidebar-click", $);
-    }, _ = q(!1), x = ($) => {
-      _.value = $;
+    const r = a, n = t, l = ft(), d = Pe({
+      navbarLeft: y(() => !!l["navbar-left"]),
+      navbarCenter: y(() => !!l["navbar-center"]),
+      navbarRight: y(() => !!l["navbar-right"]),
+      navbarLogo: y(() => !!l["navbar-logo"]),
+      navbarMobileLogo: y(() => !!l["navbar-mobile-logo"]),
+      sidebarHeader: y(() => !!l["sidebar-header"]),
+      sidebarTop: y(() => !!l["sidebar-top"]),
+      sidebarFooter: y(() => !!l["sidebar-footer"])
+    }), o = y(() => r.hideDefaultSlot), v = Pe({
+      hidden: y(() => r.navbarHidden)
+    }), p = Pe({
+      topItems: y(() => r.sidebarTopItems),
+      bottomItems: y(() => r.sidebarBottomItems),
+      open: y(() => r.sidebarOpen),
+      hidden: y(() => r.sidebarHidden)
+    }), k = ($) => {
+      n("sidebar-click", $);
+    }, x = q(!1), N = ($) => {
+      x.value = $;
     };
     In(() => {
-      _.value = On(v, "open").value || !1;
+      x.value = On(p, "open").value || !1;
     });
-    const E = q(0), D = q(60), I = q(0), N = g(() => o.hidden ? I.value : D.value + I.value), G = g(() => a.theme === "light" ? pi : mi), K = g(() => a.theme === "light" ? bi : hi), Z = g(() => a.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), oe = g(() => `${N.value}px`), ae = g(() => v.hidden || o.hidden ? gi : yi), { debounce: X } = Yt(), V = X(($ = !1) => {
-      if ($ || E.value !== (window == null ? void 0 : window.innerWidth)) {
-        E.value = window == null ? void 0 : window.innerWidth;
-        const M = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-        M && (I.value = M.offsetHeight);
+    const D = q(0), K = q(60), C = q(0), E = y(() => v.hidden ? C.value : K.value + C.value), z = y(() => r.theme === "light" ? pi : mi), M = y(() => r.theme === "light" ? bi : hi), U = y(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), oe = y(() => `${E.value}px`), Q = y(() => p.hidden || v.hidden ? gi : yi), { debounce: ee } = Jt(), j = ee(($ = !1) => {
+      if ($ || D.value !== (window == null ? void 0 : window.innerWidth)) {
+        D.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 && (C.value = P.offsetHeight);
       }
-    }, 200), j = q();
-    return We(() => {
-      var M, W;
-      (M = document == null ? void 0 : document.body) == null || M.classList.add("kong-ui-app-layout-body"), (W = document == null ? void 0 : document.documentElement) == null || W.classList.add("kong-ui-app-layout-html"), E.value = window == null ? void 0 : window.innerWidth, V(!0);
+    }, 200), G = q();
+    return qe(() => {
+      var P, W;
+      (P = document == null ? void 0 : document.body) == null || P.classList.add("kong-ui-app-layout-body"), (W = document == null ? void 0 : document.documentElement) == null || W.classList.add("kong-ui-app-layout-html"), D.value = window == null ? void 0 : window.innerWidth, j(!0);
       const $ = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-      $ && (j.value = new ResizeObserver((S) => {
+      $ && (G.value = new ResizeObserver((T) => {
         window.requestAnimationFrame(() => {
-          if (!(!Array.isArray(S) || !S.length))
-            for (const s of S) {
+          if (!(!Array.isArray(T) || !T.length))
+            for (const s of T) {
               const u = s.contentRect.height;
-              I.value !== u && (I.value = u);
+              C.value !== u && (C.value = u);
             }
         });
-      }), j.value.observe($)), window.addEventListener("resize", V);
-    }), Ht(() => {
-      j.value && j.value.disconnect(), window.removeEventListener("resize", V);
-    }), ($, M) => (h(), m("div", {
-      class: re(["kong-ui-app-layout", [
-        { "navbar-hidden": o.hidden },
-        { "sidebar-hidden": v.hidden }
+      }), G.value.observe($)), window.addEventListener("resize", j);
+    }), Ut(() => {
+      G.value && G.value.disconnect(), window.removeEventListener("resize", j);
+    }), ($, P) => (h(), g("div", {
+      class: ne(["kong-ui-app-layout", [
+        { "navbar-hidden": v.hidden },
+        { "sidebar-hidden": p.hidden }
       ]])
     }, [
-      w("div", _i, [
-        O($.$slots, "notification", {}, void 0, !0)
+      _("div", _i, [
+        I($.$slots, "notification", {}, void 0, !0)
       ]),
-      o.hidden ? C("", !0) : (h(), Q(cr, {
-        key: String(v.hidden),
-        "left-offset": v.hidden ? 0 : void 0,
-        "top-offset": I.value
-      }, Pe({
+      v.hidden ? O("", !0) : (h(), J(cr, {
+        key: String(p.hidden),
+        "left-offset": p.hidden ? 0 : void 0,
+        "top-offset": C.value
+      }, Ze({
         "mobile-sidebar-toggle": R(() => [
-          v.hidden ? C("", !0) : (h(), Q(vi, {
+          p.hidden ? O("", !0) : (h(), J(vi, {
             key: 0,
-            active: _.value,
-            onToggle: x
+            active: x.value,
+            onToggle: N
           }, null, 8, ["active"]))
         ]),
         _: 2
       }, [
-        l.navbarMobileLogo ? {
+        d.navbarMobileLogo ? {
           name: "mobile-logo",
           fn: R(() => [
-            w("div", Ti, [
-              O($.$slots, "navbar-mobile-logo", {}, void 0, !0)
+            _("div", Ti, [
+              I($.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
           ]),
           key: "0"
         } : void 0,
-        l.navbarLogo ? {
+        d.navbarLogo ? {
           name: "logo",
           fn: R(() => [
-            v.hidden ? (h(), m("div", ki, [
-              O($.$slots, "navbar-logo", {}, void 0, !0)
-            ])) : C("", !0)
+            p.hidden ? (h(), g("div", ki, [
+              I($.$slots, "navbar-logo", {}, void 0, !0)
+            ])) : O("", !0)
           ]),
           key: "1"
         } : void 0,
-        l.navbarLeft ? {
+        d.navbarLeft ? {
           name: "left",
           fn: R(() => [
-            O($.$slots, "navbar-left", {}, void 0, !0)
+            I($.$slots, "navbar-left", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        l.navbarCenter ? {
+        d.navbarCenter ? {
           name: "center",
           fn: R(() => [
-            O($.$slots, "navbar-center", {}, void 0, !0)
+            I($.$slots, "navbar-center", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
-        l.navbarRight ? {
+        d.navbarRight ? {
           name: "right",
           fn: R(() => [
-            O($.$slots, "navbar-right", {}, void 0, !0)
+            I($.$slots, "navbar-right", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["left-offset", "top-offset"])),
-      v.hidden ? C("", !0) : (h(), Q(oi, {
+      p.hidden ? O("", !0) : (h(), J(oi, {
         key: 1,
-        "bottom-items": v.bottomItems,
-        "header-height": D.value,
+        "bottom-items": p.bottomItems,
+        "header-height": K.value,
         "mobile-enabled": "",
         "mobile-header-visible": !1,
-        "mobile-top-offset": N.value,
-        open: _.value,
-        "top-items": v.topItems,
-        "top-offset": I.value,
-        onClick: p,
-        onToggle: x
-      }, Pe({ _: 2 }, [
-        l.sidebarHeader ? {
+        "mobile-top-offset": E.value,
+        open: x.value,
+        "top-items": p.topItems,
+        "top-offset": C.value,
+        onClick: k,
+        onToggle: N
+      }, Ze({ _: 2 }, [
+        d.sidebarHeader ? {
           name: "header",
           fn: R(() => [
-            O($.$slots, "sidebar-header", {}, void 0, !0)
+            I($.$slots, "sidebar-header", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        l.sidebarTop ? {
+        d.sidebarTop ? {
           name: "top",
           fn: R(() => [
-            O($.$slots, "sidebar-top", {}, void 0, !0)
+            I($.$slots, "sidebar-top", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        l.sidebarFooter ? {
+        d.sidebarFooter ? {
           name: "footer",
           fn: R(() => [
-            O($.$slots, "sidebar-footer", {}, void 0, !0)
+            I($.$slots, "sidebar-footer", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0
       ]), 1032, ["bottom-items", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
-      w("main", Si, [
-        w("div", Ii, [
-          w("div", Oi, [
+      _("main", Si, [
+        _("div", Ii, [
+          _("div", Oi, [
             Ci,
-            O($.$slots, "app-error", {}, void 0, !0),
-            d.value ? C("", !0) : O($.$slots, "default", { key: 0 }, void 0, !0)
+            I($.$slots, "app-error", {}, void 0, !0),
+            o.value ? O("", !0) : I($.$slots, "default", { key: 0 }, void 0, !0)
           ])
         ])
       ])
     ], 2));
   }
-}), Ni = /* @__PURE__ */ te($i, [["__scopeId", "data-v-f81adf4e"]]), Ei = (n) => (ze("data-v-d7e33427"), n = n(), Ge(), n), Ai = { class: "kong-ui-app-page-header" }, Fi = {
+}), Ni = /* @__PURE__ */ ae($i, [["__scopeId", "data-v-f81adf4e"]]), Ei = (a) => (Ge("data-v-d7e33427"), a = a(), We(), a), Ai = { class: "kong-ui-app-page-header" }, Fi = {
   key: 0,
   class: "page-header-breadcrumbs",
   "data-testid": "page-header-breadcrumbs"
-}, xi = /* @__PURE__ */ Ei(() => /* @__PURE__ */ w("span", { class: "page-header-breadcrumb-divider" }, "/", -1)), Di = { class: "page-header-title-section" }, Ri = { class: "page-header-title-wrapper" }, Bi = {
+}, xi = /* @__PURE__ */ Ei(() => /* @__PURE__ */ _("span", { class: "page-header-breadcrumb-divider" }, "/", -1)), Di = { class: "page-header-title-section" }, Ri = { class: "page-header-title-wrapper" }, Bi = {
   key: 0,
   class: "page-header-title-before",
   "data-testid": "page-header-title-before"
@@ -2027,7 +2029,7 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
   key: 1,
   class: "page-header-section-below",
   "data-testid": "page-header-section-below"
-}, Ki = /* @__PURE__ */ ee({
+}, Ki = /* @__PURE__ */ te({
   __name: "AppPageHeader",
   props: {
     title: {
@@ -2039,58 +2041,58 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
       default: () => []
     }
   },
-  setup(n) {
-    const t = n, a = g(() => {
+  setup(a) {
+    const t = a, r = y(() => {
       var d;
       return !!((d = t.breadcrumbs) != null && d.length);
-    }), r = (d, o) => d.key || `breadcrumb-${o}`, l = g(() => t.breadcrumbs.map((d, o) => `icon-${r(d, o)}`) || []);
+    }), n = (d, o) => d.key || `breadcrumb-${o}`, l = y(() => t.breadcrumbs.map((d, o) => `icon-${n(d, o)}`) || []);
     return (d, o) => {
-      const v = ce("KBreadcrumbs");
-      return h(), m("div", Ai, [
-        a.value ? (h(), m("div", Fi, [
-          _e(v, { items: n.breadcrumbs }, Pe({
+      const v = le("KBreadcrumbs");
+      return h(), g("div", Ai, [
+        r.value ? (h(), g("div", Fi, [
+          _e(v, { items: a.breadcrumbs }, Ze({
             divider: R(() => [
               xi
             ]),
             _: 2
           }, [
-            Ne(l.value, (p) => ({
+            Ee(l.value, (p) => ({
               name: p,
               fn: R(() => [
-                O(d.$slots, p, {}, void 0, !0)
+                I(d.$slots, p, {}, void 0, !0)
               ])
             }))
           ]), 1032, ["items"])
-        ])) : C("", !0),
-        w("div", Di, [
-          w("div", Ri, [
-            d.$slots["title-before"] ? (h(), m("div", Bi, [
-              O(d.$slots, "title-before", {}, void 0, !0)
-            ])) : C("", !0),
-            w("h1", {
+        ])) : O("", !0),
+        _("div", Di, [
+          _("div", Ri, [
+            d.$slots["title-before"] ? (h(), g("div", Bi, [
+              I(d.$slots, "title-before", {}, void 0, !0)
+            ])) : O("", !0),
+            _("h1", {
               class: "page-header-title",
               "data-testid": "page-header-title",
-              title: n.title
-            }, J(n.title), 9, Li),
-            d.$slots["title-after"] ? (h(), m("div", Mi, [
-              O(d.$slots, "title-after", {}, void 0, !0)
-            ])) : C("", !0)
+              title: a.title
+            }, Y(a.title), 9, Li),
+            d.$slots["title-after"] ? (h(), g("div", Mi, [
+              I(d.$slots, "title-after", {}, void 0, !0)
+            ])) : O("", !0)
           ]),
-          d.$slots.actions ? (h(), m("div", Pi, [
-            O(d.$slots, "actions", {}, void 0, !0)
-          ])) : C("", !0)
+          d.$slots.actions ? (h(), g("div", Pi, [
+            I(d.$slots, "actions", {}, void 0, !0)
+          ])) : O("", !0)
         ]),
-        d.$slots.below ? (h(), m("div", Zi, [
-          O(d.$slots, "below", {}, void 0, !0)
-        ])) : C("", !0)
+        d.$slots.below ? (h(), g("div", Zi, [
+          I(d.$slots, "below", {}, void 0, !0)
+        ])) : O("", !0)
       ]);
     };
   }
-}), zi = /* @__PURE__ */ te(Ki, [["__scopeId", "data-v-d7e33427"]]), Gi = {
+}), zi = /* @__PURE__ */ ae(Ki, [["__scopeId", "data-v-d7e33427"]]), Gi = {
   // 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 = {}) => {
-    n.component(t.name || "AppLayout", Ni);
+  install: (a, t = {}) => {
+    a.component(t.name || "AppLayout", Ni);
   }
 };
 export {