npm - @kong-ui-public/app-layout - Versions diffs - 4.3.1 → 4.3.2 - Mend

@kong-ui-public/app-layout 4.3.1 → 4.3.2

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 (6) hide show

package/dist/app-layout.es.js +603 -604
package/dist/app-layout.umd.js +4 -4
package/dist/style.css +1 -1
package/dist/types/components/AppLayout.vue.d.ts +6 -7
package/dist/types/components/AppLayout.vue.d.ts.map +1 -1
package/package.json +1 -1

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

@@ -1,5 +1,5 @@
-import { defineComponent as ee, resolveComponent as he, openBlock as p, createBlock as X, withCtx as R, renderSlot as I, createElementBlock as w, Fragment as $e, renderList as Te, normalizeClass as re, createTextVNode as lt, toDisplayString as q, computed as k, createSlots as Ze, createVNode as Ne, createCommentVNode as C, createElementVNode as O, createStaticVNode as vn, useCssVars as dt, useSlots as Ge, reactive as je, onMounted as qe, resolveDynamicComponent as bn, withKeys as hn, ref as W, watch as Ke, onUnmounted as pn, Comment as mn, cloneVNode as gn, nextTick as Rt, onBeforeUnmount as Ht, unref as yn, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
-const Sn = /* @__PURE__ */ ee({
+import { defineComponent as te, resolveComponent as he, openBlock as p, createBlock as Y, withCtx as D, renderSlot as S, createElementBlock as w, Fragment as $e, renderList as Te, normalizeClass as re, createTextVNode as lt, toDisplayString as X, computed as k, createSlots as Ke, createVNode as Ne, createCommentVNode as C, createElementVNode as I, createStaticVNode as vn, useCssVars as dt, useSlots as Ge, reactive as Ze, onMounted as qe, resolveDynamicComponent as bn, withKeys as hn, ref as V, watch as Ae, onUnmounted as pn, Comment as mn, cloneVNode as gn, nextTick as Rt, onBeforeUnmount as Ht, unref as yn, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
+const Sn = /* @__PURE__ */ te({
   __name: "AccountDropdown",
   props: {
     options: {
@@ -19,25 +19,25 @@ const Sn = /* @__PURE__ */ ee({
   },
   setup(n) {
     return (t, r) => {
-      const a = he("KDropdownItem"), l = he("KDropdown");
-      return p(), X(l, {
+      const a = he("KDropdownItem"), c = he("KDropdown");
+      return p(), Y(c, {
         class: "account-dropdown",
         "kpop-attributes": { placement: "bottom-end" },
         "trigger-text": n.userInitials,
         width: n.width
       }, {
-        items: R(({ handleSelection: u }) => [
-          I(t.$slots, "default", {}, () => [
-            (p(!0), w($e, null, Te(n.options, (o) => (p(), X(a, {
+        items: D(({ handleSelection: u }) => [
+          S(t.$slots, "default", {}, () => [
+            (p(!0), w($e, null, Te(n.options, (o) => (p(), Y(a, {
               key: o.value,
               class: re({ "has-divider": o.hasDivider }),
               "data-testid": "select-" + o.value,
               "has-divider": o.hasDivider,
               onClick: (v) => u(o)
             }, {
-              default: R(() => [
-                I(t.$slots, "default", { option: o }, () => [
-                  lt(q(o.label), 1)
+              default: D(() => [
+                S(t.$slots, "default", { option: o }, () => [
+                  lt(X(o.label), 1)
                 ], !0)
               ]),
               _: 2
@@ -48,12 +48,12 @@ const Sn = /* @__PURE__ */ ee({
       }, 8, ["trigger-text", "width"]);
     };
   }
-}), te = (n, t) => {
+}), ae = (n, t) => {
   const r = n.__vccOpts || n;
-  for (const [a, l] of t)
-    r[a] = l;
+  for (const [a, c] of t)
+    r[a] = c;
   return r;
-}, Ci = /* @__PURE__ */ te(Sn, [["__scopeId", "data-v-b33191a2"]]), _n = {
+}, Ci = /* @__PURE__ */ ae(Sn, [["__scopeId", "data-v-b33191a2"]]), _n = {
   class: "about-section-title",
   "data-testid": "about-section-title"
 }, In = { class: "about-section-header-end" }, On = {
@@ -89,7 +89,7 @@ const Sn = /* @__PURE__ */ ee({
   key: 3,
   class: "about-divider-section",
   "data-testid": "about-divider-section"
-}, Bn = /* @__PURE__ */ ee({
+}, Bn = /* @__PURE__ */ te({
   __name: "AppAboutSection",
   props: {
     title: {
@@ -123,13 +123,13 @@ const Sn = /* @__PURE__ */ ee({
   },
   setup(n) {
     const t = n, r = k(() => !!t.modified && t.modified !== t.created);
-    return (a, l) => {
+    return (a, c) => {
       const u = he("KSkeletonBox"), o = he("KCard");
-      return p(), X(o, {
+      return p(), Y(o, {
         class: "kong-ui-app-about-section",
         "title-tag": "h2"
-      }, Ze({
-        default: R(() => [
+      }, Ke({
+        default: D(() => [
           n.isLoading ? (p(), w("div", Nn, [
             Ne(u, {
               height: "2",
@@ -140,13 +140,13 @@ const Sn = /* @__PURE__ */ ee({
               width: "100"
             })
           ])) : (p(), w("div", An, [
-            n.description ? (p(), w("p", Fn, q(n.description), 1)) : C("", !0),
+            n.description ? (p(), w("p", Fn, X(n.description), 1)) : C("", !0),
             a.$slots.default ? (p(), w("div", xn, [
-              I(a.$slots, "default", {}, void 0, !0)
+              S(a.$slots, "default", {}, void 0, !0)
             ])) : C("", !0),
             a.$slots["divider-section"] ? (p(), w("hr", Dn)) : C("", !0),
             a.$slots["divider-section"] ? (p(), w("div", Rn, [
-              I(a.$slots, "divider-section", {}, void 0, !0)
+              S(a.$slots, "divider-section", {}, void 0, !0)
             ])) : C("", !0)
           ]))
         ]),
@@ -154,25 +154,25 @@ const Sn = /* @__PURE__ */ ee({
       }, [
         n.title ? {
           name: "title",
-          fn: R(() => [
-            O("span", _n, q(n.title), 1)
+          fn: D(() => [
+            I("span", _n, X(n.title), 1)
           ]),
           key: "0"
         } : void 0,
         a.$slots.actions || n.created || n.modified ? {
           name: "actions",
-          fn: R(() => [
-            O("div", In, [
+          fn: D(() => [
+            I("div", In, [
               n.created || n.modified ? (p(), w("div", {
                 key: 0,
                 class: re(["about-section-timestamps", { "has-actions": a.$slots.actions }])
               }, [
-                n.created ? (p(), w("span", On, q(n.createdLabel) + ": " + q(n.created), 1)) : C("", !0),
+                n.created ? (p(), w("span", On, X(n.createdLabel) + ": " + X(n.created), 1)) : C("", !0),
                 n.created && r.value ? (p(), w("span", Cn, "->")) : C("", !0),
-                r.value ? (p(), w("span", $n, q(n.modifiedLabel) + ": " + q(n.modified), 1)) : C("", !0)
+                r.value ? (p(), w("span", $n, X(n.modifiedLabel) + ": " + X(n.modified), 1)) : C("", !0)
               ], 2)) : C("", !0),
               a.$slots.actions ? (p(), w("div", En, [
-                I(a.$slots, "actions", {}, void 0, !0)
+                S(a.$slots, "actions", {}, void 0, !0)
               ])) : C("", !0)
             ])
           ]),
@@ -181,7 +181,7 @@ const Sn = /* @__PURE__ */ ee({
       ]), 1024);
     };
   }
-}), $i = /* @__PURE__ */ te(Bn, [["__scopeId", "data-v-521dcc27"]]), Ln = {}, Mn = {
+}), $i = /* @__PURE__ */ ae(Bn, [["__scopeId", "data-v-521dcc27"]]), Ln = {}, Mn = {
   fill: "none",
   height: "130",
   width: "130",
@@ -192,29 +192,29 @@ function Pn(n, t) {
     vn('<path clip-rule="evenodd" d="M19.111 120.198c-.226 0-.409-.164-.409-.368v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.367V66.89c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368V47.64c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.369v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368V9.138c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368ZM110.889 120.198c-.225 0-.408-.164-.408-.368v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.367V66.89c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368V47.64c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.369v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368V9.138c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Z" fill="#D6D6D6" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M123.553 107.758a.399.399 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.399.399 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H87.69a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.135 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408H37.01a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.067a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.067c.215 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H6.603a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409ZM123.553 21.434a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.399.399 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409H87.69a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.135 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409H37.01a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409H6.603a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Z" fill="#D6D6D6" fill-rule="evenodd"></path><circle cx="65" cy="65" opacity=".5" r="64" stroke="#B6B6BD" stroke-dasharray="5.69 5.69" stroke-linecap="round" stroke-width=".854"></circle><g clip-path="url(#a)" stroke="#169FCC" stroke-miterlimit="10" stroke-width="1.42"><path d="m33.523 104.868-5.72-.695a1.214 1.214 0 0 1-.766-.386 1.182 1.182 0 0 1-.312-.788v-7.448c0-.095.038-.186.106-.253a.365.365 0 0 1 .256-.104l5.254-.263M61.471 22.733a1.761 1.761 0 0 1 1.45.235 49.628 49.628 0 0 1 15.613 17.6 48.797 48.797 0 0 1 5.65 22.702 47.236 47.236 0 0 1-.333 5.325 41.34 41.34 0 0 0-12.501-.441 48.503 48.503 0 0 0-1.813-23.734 49.117 49.117 0 0 0-12.91-20.119c1.602-.591 3.223-1.136 4.844-1.568Z"></path><path d="M71.35 68.154a39.493 39.493 0 0 0-10.813 3.757 51.298 51.298 0 0 0 3.251-18.062c0-9.392-4.939-19.179-9.783-27.237-.257-.432 0-1.616 2.642-2.32"></path><path d="M56.236 78.58a13.605 13.605 0 0 0-4.29-9.289 14.017 14.017 0 0 0-9.622-3.786 9.617 9.617 0 0 1-6.456-2.446 9.341 9.341 0 0 1-3.079-6.1l-.286-4.256c3.09 0 9.46 4.105 13.216 4.866 3.757.76 8.21.253 11.862 3.437a13.303 13.303 0 0 1 4.357 6.575"></path><path d="M68.594 75.442c-3.432 6.95-7.914 11.59-14.303 16.033a47.076 47.076 0 0 1-21.702 8.058v-4.696c11.642-4.809 22.208-11.806 27.948-22.88"></path><path d="M76.499 84.815a46.939 46.939 0 0 1-17.392 14.511 50.925 50.925 0 0 1-22.885 5.457c-2.317 0-3.662.47-3.662-.695v-4.555"></path><path d="M83.85 68.595c22.304 16.22 4.044 39.25-19.652 37.663.954-.939 29.95-22.222-3.661-34.3"></path><path d="M84.184 58.47c13.607 0 25.746 26.242 17.383 30.995-1.182-17.508-17.716-20.87-17.716-20.87"></path></g><defs><clipPath id="a"><path d="M0 0h79v85H0z" fill="#fff" transform="translate(26 22)"></path></clipPath></defs>', 5)
   ]));
 }
-const jn = /* @__PURE__ */ te(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-error" }, Kn = { class: "banana-icon" }, Hn = { class: "kong-ui-app-error-content" }, Un = /* @__PURE__ */ ee({
+const jn = /* @__PURE__ */ ae(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-error" }, Kn = { class: "banana-icon" }, Hn = { class: "kong-ui-app-error-content" }, Un = /* @__PURE__ */ te({
   __name: "AppError",
   setup(n) {
     return (t, r) => (p(), w("section", Zn, [
-      O("div", Kn, [
+      I("div", Kn, [
         Ne(jn)
       ]),
-      O("div", Hn, [
-        I(t.$slots, "default", {}, () => [
-          r[0] || (r[0] = O("h2", null, "An unexpected error has occurred", -1)),
-          r[1] || (r[1] = O("p", null, [
+      I("div", Hn, [
+        S(t.$slots, "default", {}, () => [
+          r[0] || (r[0] = I("h2", null, "An unexpected error has occurred", -1)),
+          r[1] || (r[1] = I("p", null, [
             lt("Go back to the previous page or "),
-            O("a", { href: "/" }, "return home"),
+            I("a", { href: "/" }, "return home"),
             lt(".")
           ], -1))
         ], !0)
       ])
     ]));
   }
-}), Ei = /* @__PURE__ */ te(Un, [["__scopeId", "data-v-8e17f434"]]), Wn = { class: "kong-ui-app-navbar" }, zn = { class: "header-content" }, Vn = { class: "mobile-header-left" }, Gn = {
+}), Ei = /* @__PURE__ */ ae(Un, [["__scopeId", "data-v-8e17f434"]]), Wn = { class: "kong-ui-app-navbar" }, zn = { class: "header-content" }, Vn = { class: "mobile-header-left" }, Gn = {
   key: 0,
   class: "app-navbar-logo"
-}, qn = { class: "navbar-content" }, Xn = { class: "navbar-content-left" }, Yn = { class: "navbar-content-center" }, Jn = { class: "navbar-content-right" }, Qn = /* @__PURE__ */ ee({
+}, qn = { class: "navbar-content" }, Xn = { class: "navbar-content-left" }, Yn = { class: "navbar-content-center" }, Jn = { class: "navbar-content-right" }, Qn = /* @__PURE__ */ te({
   __name: "AppNavbar",
   props: {
     topOffset: {
@@ -236,16 +236,16 @@ const jn = /* @__PURE__ */ te(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
       "27c93a10": u.value.top,
       "0f284bf5": u.value.zIndex,
       d1659a78: u.value.left,
-      "3d9232e8": l.marginRight,
-      "038c3c78": l.width
+      "3d9232e8": c.marginRight,
+      "038c3c78": c.width
     }));
-    const t = n, r = Ge(), a = k(() => !!r.logo), l = je({
+    const t = n, r = Ge(), a = k(() => !!r.logo), c = Ze({
       marginRight: "0",
       width: "0"
     });
     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");
+      (v = (o = document == null ? void 0 : document.querySelector(".kong-ui-app-navbar .app-navbar-logo")) == null ? void 0 : o.children) != null && v.length ? (c.marginRight = "32px", c.width = "calc(240px - 32px)") : (c.marginRight = "0", c.width = "0");
     });
     const u = k(() => ({
       top: t.topOffset ? `${t.topOffset}px` : "0",
@@ -253,29 +253,29 @@ const jn = /* @__PURE__ */ te(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
       zIndex: t.zIndex
     }));
     return (o, v) => (p(), w("header", Wn, [
-      O("div", zn, [
-        O("div", Vn, [
-          I(o.$slots, "mobile-sidebar-toggle"),
-          I(o.$slots, "mobile-logo")
+      I("div", zn, [
+        I("div", Vn, [
+          S(o.$slots, "mobile-sidebar-toggle"),
+          S(o.$slots, "mobile-logo")
         ]),
         a.value ? (p(), w("div", Gn, [
-          I(o.$slots, "logo")
+          S(o.$slots, "logo")
         ])) : C("", !0),
-        O("div", qn, [
-          O("div", Xn, [
-            I(o.$slots, "left")
+        I("div", qn, [
+          I("div", Xn, [
+            S(o.$slots, "left")
           ]),
-          O("div", Yn, [
-            I(o.$slots, "center")
+          I("div", Yn, [
+            S(o.$slots, "center")
           ]),
-          O("div", Jn, [
-            I(o.$slots, "right")
+          I("div", Jn, [
+            S(o.$slots, "right")
           ])
         ])
       ])
     ]));
   }
-}), er = /* @__PURE__ */ te(Qn, [["__scopeId", "data-v-2f6fc50f"]]), tr = ["title"], st = 99, ar = /* @__PURE__ */ ee({
+}), er = /* @__PURE__ */ ae(Qn, [["__scopeId", "data-v-2f6fc50f"]]), tr = ["title"], st = 99, ar = /* @__PURE__ */ te({
   __name: "ItemBadge",
   props: {
     count: {
@@ -286,19 +286,19 @@ const jn = /* @__PURE__ */ te(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
   },
   setup(n) {
     const t = n, r = k(() => t.count ? t.count > st ? `${st}+` : t.count.toString() : "");
-    return (a, l) => r.value ? (p(), w("div", {
+    return (a, c) => r.value ? (p(), w("div", {
       key: 0,
       class: "item-badge",
       title: (n.count || 0) > st ? String(n.count) : void 0
-    }, q(r.value), 9, tr)) : C("", !0);
+    }, X(r.value), 9, tr)) : C("", !0);
   }
-}), nr = /* @__PURE__ */ te(ar, [["__scopeId", "data-v-afb0d903"]]), rr = ["data-testid"], ir = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], or = {
+}), nr = /* @__PURE__ */ ae(ar, [["__scopeId", "data-v-afb0d903"]]), rr = ["data-testid"], ir = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], or = {
   key: 0,
   class: "sidebar-item-icon"
 }, sr = { class: "sidebar-item-name-container" }, cr = { class: "sidebar-item-name has-tooltip" }, lr = {
   key: 2,
   class: "sidebar-item-label truncate-text truncate-18"
-}, ur = ["id"], dr = /* @__PURE__ */ ee({
+}, ur = ["id"], dr = /* @__PURE__ */ te({
   __name: "SidebarItem",
   props: {
     item: {
@@ -313,64 +313,64 @@ const jn = /* @__PURE__ */ te(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
   },
   emits: ["click"],
   setup(n, { emit: t }) {
-    const r = t, a = n, l = k(() => typeof a.item.to != "string" ? !1 : !!a.item.newWindow || !!a.item.external || a.item.to.startsWith("http")), u = k(() => !a.item.to || typeof a.item.to != "string" || !a.item.newWindow ? !1 : a.item.newWindow && (a.item.to.startsWith("http") || a.item.to.startsWith("/"))), o = k(() => a.subnavItem && a.item.badgeCount !== void 0), v = (g) => {
-      r("click", g);
-    }, y = (g, F, E) => {
-      v(F), typeof E == "function" && (g.preventDefault(), E());
+    const r = t, a = n, c = k(() => typeof a.item.to != "string" ? !1 : !!a.item.newWindow || !!a.item.external || a.item.to.startsWith("http")), u = k(() => !a.item.to || typeof a.item.to != "string" || !a.item.newWindow ? !1 : a.item.newWindow && (a.item.to.startsWith("http") || a.item.to.startsWith("/"))), o = k(() => a.subnavItem && a.item.badgeCount !== void 0), v = (_) => {
+      r("click", _);
+    }, m = (_, A, N) => {
+      v(A), typeof N == "function" && (_.preventDefault(), N());
     };
-    return (g, F) => {
-      var L;
-      const E = he("KTooltip"), D = he("SidebarItem", !0);
+    return (_, A) => {
+      var R;
+      const N = he("KTooltip"), x = he("SidebarItem", !0);
       return p(), w("li", {
         class: re([n.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: n.item.expanded }, { active: n.item.active }]),
         "data-testid": n.item.testId ? `sidebar-item-${n.item.testId}` : void 0
       }, [
-        (p(), X(bn(l.value ? "div" : "router-link"), {
-          custom: l.value ? void 0 : !0,
-          to: !l.value && !u.value ? n.item.to : void 0
+        (p(), Y(bn(c.value ? "div" : "router-link"), {
+          custom: c.value ? void 0 : !0,
+          to: !c.value && !u.value ? n.item.to : void 0
         }, {
-          default: R((S) => {
-            var x, z;
+          default: D((y) => {
+            var M, q;
             return [
-              O("a", {
-                "aria-controls": (x = n.item.items) != null && x.length && n.item.expanded ? `subnav-${n.item.key}` : void 0,
+              I("a", {
+                "aria-controls": (M = n.item.items) != null && M.length && n.item.expanded ? `subnav-${n.item.key}` : void 0,
                 "aria-current": n.item.active ? "page" : void 0,
-                "aria-expanded": (z = n.item.items) != null && z.length && n.item.expanded ? !0 : void 0,
-                class: re(["sidebar-item-link", { "sidebar-item-external-link": u.value, "router-link": !l.value }]),
-                href: l.value ? String(n.item.to || "#") : S == null ? void 0 : S.href,
+                "aria-expanded": (q = n.item.items) != null && q.length && n.item.expanded ? !0 : void 0,
+                class: re(["sidebar-item-link", { "sidebar-item-external-link": u.value, "router-link": !c.value }]),
+                href: c.value ? String(n.item.to || "#") : y == null ? void 0 : y.href,
                 target: u.value ? "_blank" : void 0,
-                onClick: (M) => y(M, n.item, S == null ? void 0 : S.navigate),
-                onKeypress: hn((M) => y(M, n.item, S == null ? void 0 : S.navigate), ["enter"])
+                onClick: (B) => m(B, n.item, y == null ? void 0 : y.navigate),
+                onKeypress: hn((B) => m(B, n.item, y == null ? void 0 : y.navigate), ["enter"])
               }, [
-                O("div", {
+                I("div", {
                   class: re(["sidebar-item-display", { "has-label": !!n.item.label && n.item.expanded, "has-badge": o.value }])
                 }, [
-                  g.$slots[`sidebar-icon-${n.item.key}`] ? (p(), w("div", or, [
-                    n.subnavItem ? C("", !0) : I(g.$slots, `sidebar-icon-${n.item.key}`, { key: 0 }, void 0, !0)
+                  _.$slots[`sidebar-icon-${n.item.key}`] ? (p(), w("div", or, [
+                    n.subnavItem ? C("", !0) : S(_.$slots, `sidebar-icon-${n.item.key}`, { key: 0 }, void 0, !0)
                   ])) : C("", !0),
-                  O("div", sr, [
+                  I("div", sr, [
                     (n.subnavItem ? n.item.name.length < 25 : n.item.name.length < 18) ? (p(), w("div", {
                       key: 0,
                       class: re(["sidebar-item-name truncate-text", [n.subnavItem ? "has-badge-max-width truncate-24" : "truncate-17"]])
-                    }, q(n.item.name), 3)) : (p(), X(E, {
+                    }, X(n.item.name), 3)) : (p(), Y(N, {
                       key: 1,
                       class: "sidebar-item-tooltip",
                       placement: "right",
                       "position-fixed": "",
                       text: n.item.name
                     }, {
-                      default: R(() => [
-                        O("div", cr, [
-                          O("span", {
+                      default: D(() => [
+                        I("div", cr, [
+                          I("span", {
                             class: re(["truncate-text", [n.subnavItem ? "truncate-18" : "truncate-17", { "has-badge-max-width": o.value }]])
-                          }, q(n.item.name), 3)
+                          }, X(n.item.name), 3)
                         ])
                       ]),
                       _: 1
                     }, 8, ["text"])),
-                    n.item.label && n.item.expanded ? (p(), w("div", lr, q(n.item.label), 1)) : C("", !0)
+                    n.item.label && n.item.expanded ? (p(), w("div", lr, X(n.item.label), 1)) : C("", !0)
                   ]),
-                  o.value ? (p(), X(nr, {
+                  o.value ? (p(), Y(nr, {
                     key: 1,
                     count: n.item.badgeCount
                   }, null, 8, ["count"])) : C("", !0)
@@ -380,22 +380,22 @@ const jn = /* @__PURE__ */ te(Ln, [["render", Pn]]), Zn = { class: "kong-ui-app-
           }),
           _: 3
         }, 8, ["custom", "to"])),
-        (L = n.item.items) != null && L.length && n.item.expanded ? (p(), w("ul", {
+        (R = n.item.items) != null && R.length && n.item.expanded ? (p(), w("ul", {
           key: 0,
           id: `subnav-${n.item.key}`,
           class: "level-secondary"
         }, [
-          (p(!0), w($e, null, Te(n.item.items, (S) => (p(), X(D, {
-            key: S.name,
-            item: S,
+          (p(!0), w($e, null, Te(n.item.items, (y) => (p(), Y(x, {
+            key: y.name,
+            item: y,
             "subnav-item": !0,
-            onClick: (x) => v(S)
+            onClick: (M) => v(y)
           }, null, 8, ["item", "onClick"]))), 128))
         ], 8, ur)) : C("", !0)
       ], 10, rr);
     };
   }
-}), Bt = /* @__PURE__ */ te(dr, [["__scopeId", "data-v-4153f40a"]]);
+}), Bt = /* @__PURE__ */ ae(dr, [["__scopeId", "data-v-4153f40a"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -409,7 +409,7 @@ var Ut = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, We = function n(t, r) {
   var a;
   r === void 0 && (r = !0);
-  var l = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "inert"), u = l === "" || l === "true", o = u || r && t && n(t.parentNode);
+  var c = t == null || (a = t.getAttribute) === null || a === void 0 ? void 0 : a.call(t, "inert"), u = c === "" || c === "true", o = u || r && t && n(t.parentNode);
   return o;
 }, fr = function(t) {
   var r, a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "contenteditable");
@@ -417,34 +417,34 @@ var Ut = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, zt = function(t, r, a) {
   if (We(t))
     return [];
-  var l = Array.prototype.slice.apply(t.querySelectorAll(He));
-  return r && pe.call(t, He) && l.unshift(t), l = l.filter(a), l;
+  var c = Array.prototype.slice.apply(t.querySelectorAll(He));
+  return r && pe.call(t, He) && c.unshift(t), c = c.filter(a), c;
 }, Vt = function n(t, r, a) {
-  for (var l = [], u = Array.from(t); u.length; ) {
+  for (var c = [], u = Array.from(t); u.length; ) {
     var o = u.shift();
     if (!We(o, !1))
       if (o.tagName === "SLOT") {
-        var v = o.assignedElements(), y = v.length ? v : o.children, g = n(y, !0, a);
-        a.flatten ? l.push.apply(l, g) : l.push({
+        var v = o.assignedElements(), m = v.length ? v : o.children, _ = n(m, !0, a);
+        a.flatten ? c.push.apply(c, _) : c.push({
           scopeParent: o,
-          candidates: g
+          candidates: _
         });
       } else {
-        var F = pe.call(o, He);
-        F && a.filter(o) && (r || !t.includes(o)) && l.push(o);
-        var E = o.shadowRoot || // check for an undisclosed shadow
-        typeof a.getShadowRoot == "function" && a.getShadowRoot(o), D = !We(E, !1) && (!a.shadowRootFilter || a.shadowRootFilter(o));
-        if (E && D) {
-          var L = n(E === !0 ? o.children : E.children, !0, a);
-          a.flatten ? l.push.apply(l, L) : l.push({
+        var A = pe.call(o, He);
+        A && a.filter(o) && (r || !t.includes(o)) && c.push(o);
+        var N = o.shadowRoot || // check for an undisclosed shadow
+        typeof a.getShadowRoot == "function" && a.getShadowRoot(o), x = !We(N, !1) && (!a.shadowRootFilter || a.shadowRootFilter(o));
+        if (N && x) {
+          var R = n(N === !0 ? o.children : N.children, !0, a);
+          a.flatten ? c.push.apply(c, R) : c.push({
             scopeParent: o,
-            candidates: L
+            candidates: R
           });
         } else
           u.unshift.apply(u, o.children);
       }
   }
-  return l;
+  return c;
 }, Gt = function(t) {
   return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
 }, be = function(t) {
@@ -474,48 +474,48 @@ var Ut = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     return !0;
   var r = t.form || Ue(t), a = function(v) {
     return r.querySelectorAll('input[type="radio"][name="' + v + '"]');
-  }, l;
+  }, c;
   if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
-    l = a(window.CSS.escape(t.name));
+    c = a(window.CSS.escape(t.name));
   else
     try {
-      l = a(t.name);
+      c = a(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 u = mr(l, t.form);
+  var u = mr(c, t.form);
   return !u || u === t;
 }, yr = function(t) {
   return qt(t) && t.type === "radio";
 }, wr = function(t) {
   return yr(t) && !gr(t);
 }, kr = function(t) {
-  var r, a = t && Ue(t), l = (r = a) === null || r === void 0 ? void 0 : r.host, u = !1;
+  var r, a = t && Ue(t), c = (r = a) === null || r === void 0 ? void 0 : r.host, u = !1;
   if (a && a !== t) {
-    var o, v, y;
-    for (u = !!((o = l) !== null && o !== void 0 && (v = o.ownerDocument) !== null && v !== void 0 && v.contains(l) || t != null && (y = t.ownerDocument) !== null && y !== void 0 && y.contains(t)); !u && l; ) {
-      var g, F, E;
-      a = Ue(l), l = (g = a) === null || g === void 0 ? void 0 : g.host, u = !!((F = l) !== null && F !== void 0 && (E = F.ownerDocument) !== null && E !== void 0 && E.contains(l));
+    var o, v, m;
+    for (u = !!((o = c) !== null && o !== void 0 && (v = o.ownerDocument) !== null && v !== void 0 && v.contains(c) || t != null && (m = t.ownerDocument) !== null && m !== void 0 && m.contains(t)); !u && c; ) {
+      var _, A, N;
+      a = Ue(c), c = (_ = a) === null || _ === void 0 ? void 0 : _.host, u = !!((A = c) !== null && A !== void 0 && (N = A.ownerDocument) !== null && N !== void 0 && N.contains(c));
     }
   }
   return u;
 }, Lt = function(t) {
-  var r = t.getBoundingClientRect(), a = r.width, l = r.height;
-  return a === 0 && l === 0;
+  var r = t.getBoundingClientRect(), a = r.width, c = r.height;
+  return a === 0 && c === 0;
 }, Tr = function(t, r) {
-  var a = r.displayCheck, l = r.getShadowRoot;
+  var a = r.displayCheck, c = r.getShadowRoot;
   if (getComputedStyle(t).visibility === "hidden")
     return !0;
   var u = pe.call(t, "details>summary:first-of-type"), o = u ? t.parentElement : t;
   if (pe.call(o, "details:not([open]) *"))
     return !0;
   if (!a || a === "full" || a === "legacy-full") {
-    if (typeof l == "function") {
+    if (typeof c == "function") {
       for (var v = t; t; ) {
-        var y = t.parentElement, g = Ue(t);
-        if (y && !y.shadowRoot && l(y) === !0)
+        var m = t.parentElement, _ = Ue(t);
+        if (m && !m.shadowRoot && c(m) === !0)
           return Lt(t);
-        t.assignedSlot ? t = t.assignedSlot : !y && g !== t.ownerDocument ? t = g.host : t = y;
+        t.assignedSlot ? t = t.assignedSlot : !m && _ !== t.ownerDocument ? t = _.host : t = m;
       }
       t = v;
     }
@@ -531,9 +531,9 @@ var Ut = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     for (var r = t.parentElement; r; ) {
       if (r.tagName === "FIELDSET" && r.disabled) {
         for (var a = 0; a < r.children.length; a++) {
-          var l = r.children.item(a);
-          if (l.tagName === "LEGEND")
-            return pe.call(r, "fieldset[disabled] *") ? !0 : !l.contains(t);
+          var c = r.children.item(a);
+          if (c.tagName === "LEGEND")
+            return pe.call(r, "fieldset[disabled] *") ? !0 : !c.contains(t);
         }
         return !0;
       }
@@ -553,17 +553,17 @@ var Ut = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return !!(isNaN(r) || r >= 0);
 }, Ir = function n(t) {
   var r = [], a = [];
-  return t.forEach(function(l, u) {
-    var o = !!l.scopeParent, v = o ? l.scopeParent : l, y = vr(v, o), g = o ? n(l.candidates) : v;
-    y === 0 ? o ? r.push.apply(r, g) : r.push(v) : a.push({
+  return t.forEach(function(c, u) {
+    var o = !!c.scopeParent, v = o ? c.scopeParent : c, m = vr(v, o), _ = o ? n(c.candidates) : v;
+    m === 0 ? o ? r.push.apply(r, _) : r.push(v) : a.push({
       documentOrder: u,
-      tabIndex: y,
-      item: l,
+      tabIndex: m,
+      item: c,
       isScope: o,
-      content: g
+      content: _
     });
-  }), a.sort(br).reduce(function(l, u) {
-    return u.isScope ? l.push.apply(l, u.content) : l.push(u.content), l;
+  }), a.sort(br).reduce(function(c, u) {
+    return u.isScope ? c.push.apply(c, u.content) : c.push(u.content), c;
   }, []).concat(r);
 }, Or = function(t, r) {
   r = r || {};
@@ -607,8 +607,8 @@ function Mt(n, t) {
   var r = Object.keys(n);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(n);
-    t && (a = a.filter(function(l) {
-      return Object.getOwnPropertyDescriptor(n, l).enumerable;
+    t && (a = a.filter(function(c) {
+      return Object.getOwnPropertyDescriptor(n, c).enumerable;
     })), r.push.apply(r, a);
   }
   return r;
@@ -644,8 +644,8 @@ var jt = {
       var a = t[t.length - 1];
       a !== r && a.pause();
     }
-    var l = t.indexOf(r);
-    l === -1 || t.splice(l, 1), t.push(r);
+    var c = t.indexOf(r);
+    c === -1 || t.splice(c, 1), t.push(r);
   },
   deactivateTrap: function(t, r) {
     var a = t.indexOf(r);
@@ -665,17 +665,17 @@ var jt = {
   return setTimeout(t, 0);
 }, Kt = function(t, r) {
   var a = -1;
-  return t.every(function(l, u) {
-    return r(l) ? (a = u, !1) : !0;
+  return t.every(function(c, u) {
+    return r(c) ? (a = u, !1) : !0;
   }), a;
 }, Ce = function(t) {
-  for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), l = 1; l < r; l++)
-    a[l - 1] = arguments[l];
+  for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
+    a[c - 1] = arguments[c];
   return typeof t == "function" ? t.apply(void 0, a) : t;
-}, Me = function(t) {
+}, Pe = function(t) {
   return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
 }, Br = [], Lr = function(t, r) {
-  var a = (r == null ? void 0 : r.document) || document, l = (r == null ? void 0 : r.trapStack) || Br, u = Pt({
+  var a = (r == null ? void 0 : r.document) || document, c = (r == null ? void 0 : r.trapStack) || Br, u = Pt({
     returnFocusOnDeactivate: !0,
     escapeDeactivates: !0,
     delayInitialFocus: !0,
@@ -717,21 +717,21 @@ var jt = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, v, y = function(d, s, f) {
+  }, v, m = function(d, s, f) {
     return d && d[s] !== void 0 ? d[s] : u[f || s];
-  }, g = function(d, s) {
+  }, _ = function(d, s) {
     var f = typeof (s == null ? void 0 : s.composedPath) == "function" ? s.composedPath() : void 0;
     return o.containerGroups.findIndex(function(b) {
-      var T = b.container, N = b.tabbableNodes;
+      var T = b.container, E = b.tabbableNodes;
       return T.contains(d) || // 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(T)) || N.find(function(A) {
-        return A === d;
+      (f == null ? void 0 : f.includes(T)) || E.find(function(F) {
+        return F === d;
       });
     });
-  }, F = function(d) {
+  }, A = function(d) {
     var s = u[d];
     if (typeof s == "function") {
       for (var f = arguments.length, b = new Array(f > 1 ? f - 1 : 0), T = 1; T < f; T++)
@@ -743,39 +743,39 @@ var jt = {
         return s;
       throw new Error("`".concat(d, "` was specified but was not a node, or did not return a node"));
     }
-    var N = s;
-    if (typeof s == "string" && (N = a.querySelector(s), !N))
+    var E = s;
+    if (typeof s == "string" && (E = a.querySelector(s), !E))
       throw new Error("`".concat(d, "` as selector refers to no known node"));
-    return N;
-  }, E = function() {
-    var d = F("initialFocus");
+    return E;
+  }, N = function() {
+    var d = A("initialFocus");
     if (d === !1)
       return !1;
     if (d === void 0 || !ct(d, u.tabbableOptions))
-      if (g(a.activeElement) >= 0)
+      if (_(a.activeElement) >= 0)
         d = a.activeElement;
       else {
         var s = o.tabbableGroups[0], f = s && s.firstTabbableNode;
-        d = f || F("fallbackFocus");
+        d = f || A("fallbackFocus");
       }
     if (!d)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return d;
-  }, D = function() {
+  }, x = function() {
     if (o.containerGroups = o.containers.map(function(d) {
-      var s = Or(d, u.tabbableOptions), f = Cr(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, N = f.find(function(P) {
-        return ke(P);
-      }), A = f.slice().reverse().find(function(P) {
-        return ke(P);
-      }), m = !!s.find(function(P) {
-        return be(P) > 0;
+      var s = Or(d, u.tabbableOptions), f = Cr(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, E = f.find(function(L) {
+        return ke(L);
+      }), F = f.slice().reverse().find(function(L) {
+        return ke(L);
+      }), g = !!s.find(function(L) {
+        return be(L) > 0;
       });
       return {
         container: d,
         tabbableNodes: s,
         focusableNodes: f,
         /** True if at least one node with positive `tabindex` was found in this container. */
-        posTabIndexesFound: m,
+        posTabIndexesFound: g,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
         firstTabbableNode: b,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
@@ -788,9 +788,9 @@ var jt = {
         //  "close enough most of the time" alternative for positive tabindexes which should generally
         //  be avoided anyway...
         /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: N,
+        firstDomTabbableNode: E,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
-        lastDomTabbableNode: A,
+        lastDomTabbableNode: F,
         /**
          * Finds the __tabbable__ node that follows the given node in the specified direction,
          *  in this container, if any.
@@ -800,72 +800,72 @@ var jt = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(ie) {
-          var Z = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, Q = s.indexOf(ie);
-          return Q < 0 ? Z ? f.slice(f.indexOf(ie) + 1).find(function(le) {
+          var H = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, ee = s.indexOf(ie);
+          return ee < 0 ? H ? f.slice(f.indexOf(ie) + 1).find(function(le) {
             return ke(le);
           }) : f.slice(0, f.indexOf(ie)).reverse().find(function(le) {
             return ke(le);
-          }) : s[Q + (Z ? 1 : -1)];
+          }) : s[ee + (H ? 1 : -1)];
         }
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(d) {
       return d.tabbableNodes.length > 0;
-    }), o.tabbableGroups.length <= 0 && !F("fallbackFocus"))
+    }), o.tabbableGroups.length <= 0 && !A("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
     if (o.containerGroups.find(function(d) {
       return d.posTabIndexesFound;
     }) && o.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, L = function(d) {
+  }, R = function(d) {
     var s = d.activeElement;
     if (s)
-      return s.shadowRoot && s.shadowRoot.activeElement !== null ? L(s.shadowRoot) : s;
-  }, S = function(d) {
-    if (d !== !1 && d !== L(document)) {
+      return s.shadowRoot && s.shadowRoot.activeElement !== null ? R(s.shadowRoot) : s;
+  }, y = function(d) {
+    if (d !== !1 && d !== R(document)) {
       if (!d || !d.focus) {
-        S(E());
+        y(N());
         return;
       }
       d.focus({
         preventScroll: !!u.preventScroll
       }), o.mostRecentlyFocusedNode = d, Fr(d) && d.select();
     }
-  }, x = function(d) {
-    var s = F("setReturnFocus", d);
+  }, M = function(d) {
+    var s = A("setReturnFocus", d);
     return s || (s === !1 ? !1 : d);
-  }, z = function(d) {
+  }, q = function(d) {
     var s = d.target, f = d.event, b = d.isBackward, T = b === void 0 ? !1 : b;
-    s = s || Me(f), D();
-    var N = null;
+    s = s || Pe(f), x();
+    var E = null;
     if (o.tabbableGroups.length > 0) {
-      var A = g(s, f), m = A >= 0 ? o.containerGroups[A] : void 0;
-      if (A < 0)
-        T ? N = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : N = o.tabbableGroups[0].firstTabbableNode;
+      var F = _(s, f), g = F >= 0 ? o.containerGroups[F] : void 0;
+      if (F < 0)
+        T ? E = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : E = o.tabbableGroups[0].firstTabbableNode;
       else if (T) {
-        var P = Kt(o.tabbableGroups, function(Se) {
+        var L = Kt(o.tabbableGroups, function(Se) {
           var _e = Se.firstTabbableNode;
           return s === _e;
         });
-        if (P < 0 && (m.container === s || ct(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !m.nextTabbableNode(s, !1)) && (P = A), P >= 0) {
-          var ie = P === 0 ? o.tabbableGroups.length - 1 : P - 1, Z = o.tabbableGroups[ie];
-          N = be(s) >= 0 ? Z.lastTabbableNode : Z.lastDomTabbableNode;
-        } else Ee(f) || (N = m.nextTabbableNode(s, !1));
+        if (L < 0 && (g.container === s || ct(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !g.nextTabbableNode(s, !1)) && (L = F), L >= 0) {
+          var ie = L === 0 ? o.tabbableGroups.length - 1 : L - 1, H = o.tabbableGroups[ie];
+          E = be(s) >= 0 ? H.lastTabbableNode : H.lastDomTabbableNode;
+        } else Ee(f) || (E = g.nextTabbableNode(s, !1));
       } else {
-        var Q = Kt(o.tabbableGroups, function(Se) {
+        var ee = Kt(o.tabbableGroups, function(Se) {
           var _e = Se.lastTabbableNode;
           return s === _e;
         });
-        if (Q < 0 && (m.container === s || ct(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !m.nextTabbableNode(s)) && (Q = A), Q >= 0) {
-          var le = Q === o.tabbableGroups.length - 1 ? 0 : Q + 1, Ae = o.tabbableGroups[le];
-          N = be(s) >= 0 ? Ae.firstTabbableNode : Ae.firstDomTabbableNode;
-        } else Ee(f) || (N = m.nextTabbableNode(s));
+        if (ee < 0 && (g.container === s || ct(s, u.tabbableOptions) && !ke(s, u.tabbableOptions) && !g.nextTabbableNode(s)) && (ee = F), ee >= 0) {
+          var le = ee === o.tabbableGroups.length - 1 ? 0 : ee + 1, Fe = o.tabbableGroups[le];
+          E = be(s) >= 0 ? Fe.firstTabbableNode : Fe.firstDomTabbableNode;
+        } else Ee(f) || (E = g.nextTabbableNode(s));
       }
     } else
-      N = F("fallbackFocus");
-    return N;
-  }, M = function(d) {
-    var s = Me(d);
-    if (!(g(s, d) >= 0)) {
+      E = A("fallbackFocus");
+    return E;
+  }, B = function(d) {
+    var s = Pe(d);
+    if (!(_(s, d) >= 0)) {
       if (Ce(u.clickOutsideDeactivates, d)) {
         v.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
@@ -880,8 +880,8 @@ var jt = {
       }
       Ce(u.allowOutsideClick, d) || d.preventDefault();
     }
-  }, ae = function(d) {
-    var s = Me(d), f = g(s, d) >= 0;
+  }, ne = function(d) {
+    var s = Pe(d), f = _(s, d) >= 0;
     if (f || s instanceof Document)
       f && (o.mostRecentlyFocusedNode = s);
     else {
@@ -889,75 +889,75 @@ var jt = {
       var b, T = !0;
       if (o.mostRecentlyFocusedNode)
         if (be(o.mostRecentlyFocusedNode) > 0) {
-          var N = g(o.mostRecentlyFocusedNode), A = o.containerGroups[N].tabbableNodes;
-          if (A.length > 0) {
-            var m = A.findIndex(function(P) {
-              return P === o.mostRecentlyFocusedNode;
+          var E = _(o.mostRecentlyFocusedNode), F = o.containerGroups[E].tabbableNodes;
+          if (F.length > 0) {
+            var g = F.findIndex(function(L) {
+              return L === o.mostRecentlyFocusedNode;
             });
-            m >= 0 && (u.isKeyForward(o.recentNavEvent) ? m + 1 < A.length && (b = A[m + 1], T = !1) : m - 1 >= 0 && (b = A[m - 1], T = !1));
+            g >= 0 && (u.isKeyForward(o.recentNavEvent) ? g + 1 < F.length && (b = F[g + 1], T = !1) : g - 1 >= 0 && (b = F[g - 1], T = !1));
           }
         } else
-          o.containerGroups.some(function(P) {
-            return P.tabbableNodes.some(function(ie) {
+          o.containerGroups.some(function(L) {
+            return L.tabbableNodes.some(function(ie) {
               return be(ie) > 0;
             });
           }) || (T = !1);
       else
         T = !1;
-      T && (b = z({
+      T && (b = q({
         // 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: u.isKeyBackward(o.recentNavEvent)
-      })), S(b || o.mostRecentlyFocusedNode || E());
+      })), y(b || o.mostRecentlyFocusedNode || N());
     }
     o.recentNavEvent = void 0;
   }, ce = function(d) {
     var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     o.recentNavEvent = d;
-    var f = z({
+    var f = q({
       event: d,
       isBackward: s
     });
-    f && (Ee(d) && d.preventDefault(), S(f));
-  }, Y = function(d) {
-    (u.isKeyForward(d) || u.isKeyBackward(d)) && ce(d, u.isKeyBackward(d));
+    f && (Ee(d) && d.preventDefault(), y(f));
   }, J = function(d) {
+    (u.isKeyForward(d) || u.isKeyBackward(d)) && ce(d, u.isKeyBackward(d));
+  }, Q = function(d) {
     xr(d) && Ce(u.escapeDeactivates, d) !== !1 && (d.preventDefault(), v.deactivate());
-  }, K = function(d) {
-    var s = Me(d);
-    g(s, d) >= 0 || Ce(u.clickOutsideDeactivates, d) || Ce(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
+  }, Z = function(d) {
+    var s = Pe(d);
+    _(s, d) >= 0 || Ce(u.clickOutsideDeactivates, d) || Ce(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
   }, G = function() {
     if (o.active)
-      return jt.activateTrap(l, v), o.delayInitialFocusTimer = u.delayInitialFocus ? Zt(function() {
-        S(E());
-      }) : S(E()), a.addEventListener("focusin", ae, !0), a.addEventListener("mousedown", M, {
+      return jt.activateTrap(c, v), o.delayInitialFocusTimer = u.delayInitialFocus ? Zt(function() {
+        y(N());
+      }) : y(N()), a.addEventListener("focusin", ne, !0), a.addEventListener("mousedown", B, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("touchstart", M, {
+      }), a.addEventListener("touchstart", B, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("click", K, {
+      }), a.addEventListener("click", Z, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("keydown", Y, {
+      }), a.addEventListener("keydown", J, {
         capture: !0,
         passive: !1
-      }), a.addEventListener("keydown", J), v;
-  }, V = function() {
+      }), a.addEventListener("keydown", Q), v;
+  }, O = function() {
     if (o.active)
-      return a.removeEventListener("focusin", ae, !0), a.removeEventListener("mousedown", M, !0), a.removeEventListener("touchstart", M, !0), a.removeEventListener("click", K, !0), a.removeEventListener("keydown", Y, !0), a.removeEventListener("keydown", J), v;
-  }, ne = function(d) {
+      return a.removeEventListener("focusin", ne, !0), a.removeEventListener("mousedown", B, !0), a.removeEventListener("touchstart", B, !0), a.removeEventListener("click", Z, !0), a.removeEventListener("keydown", J, !0), a.removeEventListener("keydown", Q), v;
+  }, P = function(d) {
     var s = d.some(function(f) {
       var b = Array.from(f.removedNodes);
       return b.some(function(T) {
         return T === o.mostRecentlyFocusedNode;
       });
     });
-    s && S(E());
-  }, $ = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(ne) : void 0, B = function() {
-    $ && ($.disconnect(), o.active && !o.paused && o.containers.map(function(d) {
-      $.observe(d, {
+    s && y(N());
+  }, U = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(P) : void 0, K = function() {
+    U && (U.disconnect(), o.active && !o.paused && o.containers.map(function(d) {
+      U.observe(d, {
         subtree: !0,
         childList: !0
       });
@@ -973,10 +973,10 @@ var jt = {
     activate: function(d) {
       if (o.active)
         return this;
-      var s = y(d, "onActivate"), f = y(d, "onPostActivate"), b = y(d, "checkCanFocusTrap");
-      b || D(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = a.activeElement, s == null || s();
+      var s = m(d, "onActivate"), f = m(d, "onPostActivate"), b = m(d, "checkCanFocusTrap");
+      b || x(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = a.activeElement, s == null || s();
       var T = function() {
-        b && D(), G(), B(), f == null || f();
+        b && x(), G(), K(), f == null || f();
       };
       return b ? (b(o.containers.concat()).then(T, T), this) : (T(), this);
     },
@@ -988,33 +988,33 @@ var jt = {
         onPostDeactivate: u.onPostDeactivate,
         checkCanReturnFocus: u.checkCanReturnFocus
       }, d);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, V(), o.active = !1, o.paused = !1, B(), jt.deactivateTrap(l, v);
-      var f = y(s, "onDeactivate"), b = y(s, "onPostDeactivate"), T = y(s, "checkCanReturnFocus"), N = y(s, "returnFocus", "returnFocusOnDeactivate");
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, O(), o.active = !1, o.paused = !1, K(), jt.deactivateTrap(c, v);
+      var f = m(s, "onDeactivate"), b = m(s, "onPostDeactivate"), T = m(s, "checkCanReturnFocus"), E = m(s, "returnFocus", "returnFocusOnDeactivate");
       f == null || f();
-      var A = function() {
+      var F = function() {
         Zt(function() {
-          N && S(x(o.nodeFocusedBeforeActivation)), b == null || b();
+          E && y(M(o.nodeFocusedBeforeActivation)), b == null || b();
         });
       };
-      return N && T ? (T(x(o.nodeFocusedBeforeActivation)).then(A, A), this) : (A(), this);
+      return E && T ? (T(M(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
     },
     pause: function(d) {
       if (o.paused || !o.active)
         return this;
-      var s = y(d, "onPause"), f = y(d, "onPostPause");
-      return o.paused = !0, s == null || s(), V(), B(), f == null || f(), this;
+      var s = m(d, "onPause"), f = m(d, "onPostPause");
+      return o.paused = !0, s == null || s(), O(), K(), f == null || f(), this;
     },
     unpause: function(d) {
       if (!o.paused || !o.active)
         return this;
-      var s = y(d, "onUnpause"), f = y(d, "onPostUnpause");
-      return o.paused = !1, s == null || s(), D(), G(), B(), f == null || f(), this;
+      var s = m(d, "onUnpause"), f = m(d, "onPostUnpause");
+      return o.paused = !1, s == null || s(), x(), G(), K(), f == null || f(), this;
     },
     updateContainerElements: function(d) {
       var s = [].concat(d).filter(Boolean);
       return o.containers = s.map(function(f) {
         return typeof f == "string" ? a.querySelector(f) : f;
-      }), o.active && D(), B(), this;
+      }), o.active && x(), K(), this;
     }
   }, v.updateContainerElements(t), v;
 };
@@ -1049,7 +1049,7 @@ const Mr = {
   preventScroll: Boolean,
   setReturnFocus: [Object, String, Boolean, Function],
   tabbableOptions: Object
-}, Pr = ee({
+}, Pr = te({
   props: Object.assign({
     active: {
       // TODO: could be options for activate but what about the options for deactivating?
@@ -1069,8 +1069,8 @@ const Mr = {
   },
   setup(n, { slots: t, emit: r }) {
     let a;
-    const l = W(null), u = k(() => {
-      const v = l.value;
+    const c = V(null), u = k(() => {
+      const v = c.value;
       return v && (v instanceof HTMLElement ? v : v.$el);
     });
     function o() {
@@ -1095,7 +1095,7 @@ const Mr = {
       }));
     }
     return qe(() => {
-      Ke(() => n.active, (v) => {
+      Ae(() => n.active, (v) => {
         v && u.value ? o().activate() : a && (a.deactivate(), (!u.value || u.value.nodeType === Node.COMMENT_NODE) && (a = null));
       }, { immediate: !0, flush: "post" });
     }), pn(() => {
@@ -1110,8 +1110,8 @@ const Mr = {
       renderImpl() {
         if (!t.default)
           return null;
-        const v = t.default().filter((g) => g.type !== mn);
-        return !v || !v.length || v.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), v) : gn(v[0], { ref: l });
+        const v = t.default().filter((_) => _.type !== mn);
+        return !v || !v.length || v.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), v) : gn(v[0], { ref: c });
       }
     };
   }
@@ -1120,24 +1120,24 @@ function Xt() {
   return {
     debounce: (t, r) => {
       let a;
-      return (...l) => {
+      return (...c) => {
         clearTimeout(a), a = window == null ? void 0 : window.setTimeout(() => {
-          t(...l);
+          t(...c);
         }, r);
       };
     }
   };
 }
-var Pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var je = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function jr(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
 var Ve = { exports: {} };
 Ve.exports;
 (function(n, t) {
-  var r = 200, a = "__lodash_hash_undefined__", l = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", y = "[object Date]", g = "[object Error]", F = "[object Function]", E = "[object GeneratorFunction]", D = "[object Map]", L = "[object Number]", S = "[object Object]", x = "[object Promise]", z = "[object RegExp]", M = "[object Set]", ae = "[object String]", ce = "[object Symbol]", Y = "[object WeakMap]", J = "[object ArrayBuffer]", K = "[object DataView]", G = "[object Float32Array]", V = "[object Float64Array]", ne = "[object Int8Array]", $ = "[object Int16Array]", B = "[object Int32Array]", _ = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, N = /^\[object .+?Constructor\]$/, A = /^(?:0|[1-9]\d*)$/, m = {};
-  m[u] = m[o] = m[J] = m[K] = m[v] = m[y] = m[G] = m[V] = m[ne] = m[$] = m[B] = m[D] = m[L] = m[S] = m[z] = m[M] = m[ae] = m[ce] = m[_] = m[d] = m[s] = m[f] = !0, m[g] = m[F] = m[Y] = !1;
-  var P = typeof Pe == "object" && Pe && Pe.Object === Object && Pe, ie = typeof self == "object" && self && self.Object === Object && self, Z = P || ie || Function("return this")(), Q = t && !t.nodeType && t, le = Q && !0 && n && !n.nodeType && n, Ae = le && le.exports === Q;
+  var r = 200, a = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", _ = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", R = "[object Number]", y = "[object Object]", M = "[object Promise]", q = "[object RegExp]", B = "[object Set]", ne = "[object String]", ce = "[object Symbol]", J = "[object WeakMap]", Q = "[object ArrayBuffer]", Z = "[object DataView]", G = "[object Float32Array]", O = "[object Float64Array]", P = "[object Int8Array]", U = "[object Int16Array]", K = "[object Int32Array]", $ = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, E = /^\[object .+?Constructor\]$/, F = /^(?:0|[1-9]\d*)$/, g = {};
+  g[u] = g[o] = g[Q] = g[Z] = g[v] = g[m] = g[G] = g[O] = g[P] = g[U] = g[K] = g[x] = g[R] = g[y] = g[q] = g[B] = g[ne] = g[ce] = g[$] = g[d] = g[s] = g[f] = !0, g[_] = g[A] = g[J] = !1;
+  var L = typeof je == "object" && je && je.Object === Object && je, ie = typeof self == "object" && self && self.Object === Object && self, H = L || ie || Function("return this")(), ee = t && !t.nodeType && t, le = ee && !0 && n && !n.nodeType && n, Fe = le && le.exports === ee;
   function Se(e, i) {
     return e.set(i[0], i[1]), e;
   }
@@ -1145,23 +1145,23 @@ Ve.exports;
     return e.add(i), e;
   }
   function Yt(e, i) {
-    for (var c = -1, h = e ? e.length : 0; ++c < h && i(e[c], c, e) !== !1; )
+    for (var l = -1, h = e ? e.length : 0; ++l < h && i(e[l], l, e) !== !1; )
       ;
     return e;
   }
   function Jt(e, i) {
-    for (var c = -1, h = i.length, j = e.length; ++c < h; )
-      e[j + c] = i[c];
+    for (var l = -1, h = i.length, j = e.length; ++l < h; )
+      e[j + l] = i[l];
     return e;
   }
-  function ft(e, i, c, h) {
-    for (var j = -1, H = e ? e.length : 0; ++j < H; )
-      c = i(c, e[j], j, e);
-    return c;
+  function ft(e, i, l, h) {
+    for (var j = -1, W = e ? e.length : 0; ++j < W; )
+      l = i(l, e[j], j, e);
+    return l;
   }
   function Qt(e, i) {
-    for (var c = -1, h = Array(e); ++c < e; )
-      h[c] = i(c);
+    for (var l = -1, h = Array(e); ++l < e; )
+      h[l] = i(l);
     return h;
   }
   function ea(e, i) {
@@ -1177,31 +1177,31 @@ Ve.exports;
     return i;
   }
   function bt(e) {
-    var i = -1, c = Array(e.size);
+    var i = -1, l = Array(e.size);
     return e.forEach(function(h, j) {
-      c[++i] = [j, h];
-    }), c;
+      l[++i] = [j, h];
+    }), l;
   }
   function Xe(e, i) {
-    return function(c) {
-      return e(i(c));
+    return function(l) {
+      return e(i(l));
     };
   }
   function ht(e) {
-    var i = -1, c = Array(e.size);
+    var i = -1, l = Array(e.size);
     return e.forEach(function(h) {
-      c[++i] = h;
-    }), c;
+      l[++i] = h;
+    }), l;
   }
-  var ta = Array.prototype, aa = Function.prototype, Fe = Object.prototype, Ye = Z["__core-js_shared__"], pt = function() {
+  var ta = Array.prototype, aa = Function.prototype, xe = Object.prototype, Ye = H["__core-js_shared__"], pt = function() {
     var e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
     return e ? "Symbol(src)_1." + e : "";
-  }(), mt = aa.toString, ue = Fe.hasOwnProperty, xe = Fe.toString, na = RegExp(
+  }(), mt = aa.toString, ue = xe.hasOwnProperty, De = xe.toString, na = RegExp(
     "^" + mt.call(ue).replace(b, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), gt = Ae ? Z.Buffer : void 0, yt = Z.Symbol, wt = Z.Uint8Array, ra = Xe(Object.getPrototypeOf, Object), ia = Object.create, oa = Fe.propertyIsEnumerable, sa = ta.splice, kt = Object.getOwnPropertySymbols, ca = gt ? gt.isBuffer : void 0, la = Xe(Object.keys, Object), Je = ye(Z, "DataView"), Ie = ye(Z, "Map"), Qe = ye(Z, "Promise"), et = ye(Z, "Set"), tt = ye(Z, "WeakMap"), Oe = ye(Object, "create"), ua = ve(Je), da = ve(Ie), fa = ve(Qe), va = ve(et), ba = ve(tt), Tt = yt ? yt.prototype : void 0, St = Tt ? Tt.valueOf : void 0;
+  ), gt = Fe ? H.Buffer : void 0, yt = H.Symbol, wt = H.Uint8Array, ra = Xe(Object.getPrototypeOf, Object), ia = Object.create, oa = xe.propertyIsEnumerable, sa = ta.splice, kt = Object.getOwnPropertySymbols, ca = gt ? gt.isBuffer : void 0, la = Xe(Object.keys, Object), Je = ye(H, "DataView"), Ie = ye(H, "Map"), Qe = ye(H, "Promise"), et = ye(H, "Set"), tt = ye(H, "WeakMap"), Oe = ye(Object, "create"), ua = ve(Je), da = ve(Ie), fa = ve(Qe), va = ve(et), ba = ve(tt), Tt = yt ? yt.prototype : void 0, St = Tt ? Tt.valueOf : void 0;
   function de(e) {
-    var i = -1, c = e ? e.length : 0;
-    for (this.clear(); ++i < c; ) {
+    var i = -1, l = e ? e.length : 0;
+    for (this.clear(); ++i < l; ) {
       var h = e[i];
       this.set(h[0], h[1]);
     }
@@ -1215,8 +1215,8 @@ Ve.exports;
   function ma(e) {
     var i = this.__data__;
     if (Oe) {
-      var c = i[e];
-      return c === a ? void 0 : c;
+      var l = i[e];
+      return l === a ? void 0 : l;
     }
     return ue.call(i, e) ? i[e] : void 0;
   }
@@ -1225,13 +1225,13 @@ Ve.exports;
     return Oe ? i[e] !== void 0 : ue.call(i, e);
   }
   function ya(e, i) {
-    var c = this.__data__;
-    return c[e] = Oe && i === void 0 ? a : i, this;
+    var l = this.__data__;
+    return l[e] = Oe && i === void 0 ? a : i, this;
   }
   de.prototype.clear = ha, de.prototype.delete = pa, de.prototype.get = ma, de.prototype.has = ga, de.prototype.set = ya;
   function oe(e) {
-    var i = -1, c = e ? e.length : 0;
-    for (this.clear(); ++i < c; ) {
+    var i = -1, l = e ? e.length : 0;
+    for (this.clear(); ++i < l; ) {
       var h = e[i];
       this.set(h[0], h[1]);
     }
@@ -1240,27 +1240,27 @@ Ve.exports;
     this.__data__ = [];
   }
   function ka(e) {
-    var i = this.__data__, c = De(i, e);
-    if (c < 0)
+    var i = this.__data__, l = Re(i, e);
+    if (l < 0)
       return !1;
     var h = i.length - 1;
-    return c == h ? i.pop() : sa.call(i, c, 1), !0;
+    return l == h ? i.pop() : sa.call(i, l, 1), !0;
   }
   function Ta(e) {
-    var i = this.__data__, c = De(i, e);
-    return c < 0 ? void 0 : i[c][1];
+    var i = this.__data__, l = Re(i, e);
+    return l < 0 ? void 0 : i[l][1];
   }
   function Sa(e) {
-    return De(this.__data__, e) > -1;
+    return Re(this.__data__, e) > -1;
   }
   function _a(e, i) {
-    var c = this.__data__, h = De(c, e);
-    return h < 0 ? c.push([e, i]) : c[h][1] = i, this;
+    var l = this.__data__, h = Re(l, e);
+    return h < 0 ? l.push([e, i]) : l[h][1] = i, this;
   }
   oe.prototype.clear = wa, oe.prototype.delete = ka, oe.prototype.get = Ta, oe.prototype.has = Sa, oe.prototype.set = _a;
   function me(e) {
-    var i = -1, c = e ? e.length : 0;
-    for (this.clear(); ++i < c; ) {
+    var i = -1, l = e ? e.length : 0;
+    for (this.clear(); ++i < l; ) {
       var h = e[i];
       this.set(h[0], h[1]);
     }
@@ -1273,16 +1273,16 @@ Ve.exports;
     };
   }
   function Oa(e) {
-    return Re(this, e).delete(e);
+    return Be(this, e).delete(e);
   }
   function Ca(e) {
-    return Re(this, e).get(e);
+    return Be(this, e).get(e);
   }
   function $a(e) {
-    return Re(this, e).has(e);
+    return Be(this, e).has(e);
   }
   function Ea(e, i) {
-    return Re(this, e).set(e, i), this;
+    return Be(this, e).set(e, i), this;
   }
   me.prototype.clear = Ia, me.prototype.delete = Oa, me.prototype.get = Ca, me.prototype.has = $a, me.prototype.set = Ea;
   function ge(e) {
@@ -1301,140 +1301,140 @@ Ve.exports;
     return this.__data__.has(e);
   }
   function Da(e, i) {
-    var c = this.__data__;
-    if (c instanceof oe) {
-      var h = c.__data__;
+    var l = this.__data__;
+    if (l instanceof oe) {
+      var h = l.__data__;
       if (!Ie || h.length < r - 1)
         return h.push([e, i]), this;
-      c = this.__data__ = new me(h);
+      l = this.__data__ = new me(h);
     }
-    return c.set(e, i), this;
+    return l.set(e, i), this;
   }
   ge.prototype.clear = Na, ge.prototype.delete = Aa, ge.prototype.get = Fa, ge.prototype.has = xa, ge.prototype.set = Da;
   function Ra(e, i) {
-    var c = rt(e) || on(e) ? Qt(e.length, String) : [], h = c.length, j = !!h;
-    for (var H in e)
-      ue.call(e, H) && !(j && (H == "length" || tn(H, h))) && c.push(H);
-    return c;
+    var l = rt(e) || on(e) ? Qt(e.length, String) : [], h = l.length, j = !!h;
+    for (var W in e)
+      ue.call(e, W) && !(j && (W == "length" || tn(W, h))) && l.push(W);
+    return l;
   }
-  function _t(e, i, c) {
+  function _t(e, i, l) {
     var h = e[i];
-    (!(ue.call(e, i) && $t(h, c)) || c === void 0 && !(i in e)) && (e[i] = c);
+    (!(ue.call(e, i) && $t(h, l)) || l === void 0 && !(i in e)) && (e[i] = l);
   }
-  function De(e, i) {
-    for (var c = e.length; c--; )
-      if ($t(e[c][0], i))
-        return c;
+  function Re(e, i) {
+    for (var l = e.length; l--; )
+      if ($t(e[l][0], i))
+        return l;
     return -1;
   }
   function Ba(e, i) {
     return e && It(i, it(i), e);
   }
-  function at(e, i, c, h, j, H, se) {
-    var U;
-    if (h && (U = H ? h(e, j, H, se) : h(e)), U !== void 0)
-      return U;
-    if (!Be(e))
+  function at(e, i, l, h, j, W, se) {
+    var z;
+    if (h && (z = W ? h(e, j, W, se) : h(e)), z !== void 0)
+      return z;
+    if (!Le(e))
       return e;
     var At = rt(e);
     if (At) {
-      if (U = Ja(e), !i)
-        return qa(e, U);
+      if (z = Ja(e), !i)
+        return qa(e, z);
     } else {
-      var we = fe(e), Ft = we == F || we == E;
+      var we = fe(e), Ft = we == A || we == N;
       if (cn(e))
         return Ka(e, i);
-      if (we == S || we == u || Ft && !H) {
+      if (we == y || we == u || Ft && !W) {
         if (vt(e))
-          return H ? e : {};
-        if (U = Qa(Ft ? {} : e), !i)
-          return Xa(e, Ba(U, e));
+          return W ? e : {};
+        if (z = Qa(Ft ? {} : e), !i)
+          return Xa(e, Ba(z, e));
       } else {
-        if (!m[we])
-          return H ? e : {};
-        U = en(e, we, at, i);
+        if (!g[we])
+          return W ? e : {};
+        z = en(e, we, at, i);
       }
     }
     se || (se = new ge());
     var xt = se.get(e);
     if (xt)
       return xt;
-    if (se.set(e, U), !At)
-      var Dt = c ? Ya(e) : it(e);
-    return Yt(Dt || e, function(ot, Le) {
-      Dt && (Le = ot, ot = e[Le]), _t(U, Le, at(ot, i, c, h, Le, e, se));
-    }), U;
+    if (se.set(e, z), !At)
+      var Dt = l ? Ya(e) : it(e);
+    return Yt(Dt || e, function(ot, Me) {
+      Dt && (Me = ot, ot = e[Me]), _t(z, Me, at(ot, i, l, h, Me, e, se));
+    }), z;
   }
   function La(e) {
-    return Be(e) ? ia(e) : {};
+    return Le(e) ? ia(e) : {};
   }
-  function Ma(e, i, c) {
+  function Ma(e, i, l) {
     var h = i(e);
-    return rt(e) ? h : Jt(h, c(e));
+    return rt(e) ? h : Jt(h, l(e));
   }
   function Pa(e) {
-    return xe.call(e);
+    return De.call(e);
   }
   function ja(e) {
-    if (!Be(e) || nn(e))
+    if (!Le(e) || nn(e))
       return !1;
-    var i = Nt(e) || vt(e) ? na : N;
+    var i = Nt(e) || vt(e) ? na : E;
     return i.test(ve(e));
   }
   function Za(e) {
     if (!Ct(e))
       return la(e);
     var i = [];
-    for (var c in Object(e))
-      ue.call(e, c) && c != "constructor" && i.push(c);
+    for (var l in Object(e))
+      ue.call(e, l) && l != "constructor" && i.push(l);
     return i;
   }
   function Ka(e, i) {
     if (i)
       return e.slice();
-    var c = new e.constructor(e.length);
-    return e.copy(c), c;
+    var l = new e.constructor(e.length);
+    return e.copy(l), l;
   }
   function nt(e) {
     var i = new e.constructor(e.byteLength);
     return new wt(i).set(new wt(e)), i;
   }
   function Ha(e, i) {
-    var c = i ? nt(e.buffer) : e.buffer;
-    return new e.constructor(c, e.byteOffset, e.byteLength);
+    var l = i ? nt(e.buffer) : e.buffer;
+    return new e.constructor(l, e.byteOffset, e.byteLength);
   }
-  function Ua(e, i, c) {
-    var h = i ? c(bt(e), !0) : bt(e);
+  function Ua(e, i, l) {
+    var h = i ? l(bt(e), !0) : bt(e);
     return ft(h, Se, new e.constructor());
   }
   function Wa(e) {
     var i = new e.constructor(e.source, T.exec(e));
     return i.lastIndex = e.lastIndex, i;
   }
-  function za(e, i, c) {
-    var h = i ? c(ht(e), !0) : ht(e);
+  function za(e, i, l) {
+    var h = i ? l(ht(e), !0) : ht(e);
     return ft(h, _e, new e.constructor());
   }
   function Va(e) {
     return St ? Object(St.call(e)) : {};
   }
   function Ga(e, i) {
-    var c = i ? nt(e.buffer) : e.buffer;
-    return new e.constructor(c, e.byteOffset, e.length);
+    var l = i ? nt(e.buffer) : e.buffer;
+    return new e.constructor(l, e.byteOffset, e.length);
   }
   function qa(e, i) {
-    var c = -1, h = e.length;
-    for (i || (i = Array(h)); ++c < h; )
-      i[c] = e[c];
+    var l = -1, h = e.length;
+    for (i || (i = Array(h)); ++l < h; )
+      i[l] = e[l];
     return i;
   }
-  function It(e, i, c, h) {
-    c || (c = {});
-    for (var j = -1, H = i.length; ++j < H; ) {
-      var se = i[j], U = void 0;
-      _t(c, se, U === void 0 ? e[se] : U);
+  function It(e, i, l, h) {
+    l || (l = {});
+    for (var j = -1, W = i.length; ++j < W; ) {
+      var se = i[j], z = void 0;
+      _t(l, se, z === void 0 ? e[se] : z);
     }
-    return c;
+    return l;
   }
   function Xa(e, i) {
     return It(e, Ot(e), i);
@@ -1442,74 +1442,74 @@ Ve.exports;
   function Ya(e) {
     return Ma(e, it, Ot);
   }
-  function Re(e, i) {
-    var c = e.__data__;
-    return an(i) ? c[typeof i == "string" ? "string" : "hash"] : c.map;
+  function Be(e, i) {
+    var l = e.__data__;
+    return an(i) ? l[typeof i == "string" ? "string" : "hash"] : l.map;
   }
   function ye(e, i) {
-    var c = ea(e, i);
-    return ja(c) ? c : void 0;
+    var l = ea(e, i);
+    return ja(l) ? l : void 0;
   }
   var Ot = kt ? Xe(kt, Object) : dn, fe = Pa;
-  (Je && fe(new Je(new ArrayBuffer(1))) != K || Ie && fe(new Ie()) != D || Qe && fe(Qe.resolve()) != x || et && fe(new et()) != M || tt && fe(new tt()) != Y) && (fe = function(e) {
-    var i = xe.call(e), c = i == S ? e.constructor : void 0, h = c ? ve(c) : void 0;
+  (Je && fe(new Je(new ArrayBuffer(1))) != Z || Ie && fe(new Ie()) != x || Qe && fe(Qe.resolve()) != M || et && fe(new et()) != B || tt && fe(new tt()) != J) && (fe = function(e) {
+    var i = De.call(e), l = i == y ? e.constructor : void 0, h = l ? ve(l) : void 0;
     if (h)
       switch (h) {
         case ua:
-          return K;
+          return Z;
         case da:
-          return D;
-        case fa:
           return x;
-        case va:
+        case fa:
           return M;
+        case va:
+          return B;
         case ba:
-          return Y;
+          return J;
       }
     return i;
   });
   function Ja(e) {
-    var i = e.length, c = e.constructor(i);
-    return i && typeof e[0] == "string" && ue.call(e, "index") && (c.index = e.index, c.input = e.input), c;
+    var i = e.length, l = e.constructor(i);
+    return i && typeof e[0] == "string" && ue.call(e, "index") && (l.index = e.index, l.input = e.input), l;
   }
   function Qa(e) {
     return typeof e.constructor == "function" && !Ct(e) ? La(ra(e)) : {};
   }
-  function en(e, i, c, h) {
+  function en(e, i, l, h) {
     var j = e.constructor;
     switch (i) {
-      case J:
+      case Q:
         return nt(e);
       case v:
-      case y:
+      case m:
         return new j(+e);
-      case K:
+      case Z:
         return Ha(e, h);
       case G:
-      case V:
-      case ne:
+      case O:
+      case P:
+      case U:
+      case K:
       case $:
-      case B:
-      case _:
       case d:
       case s:
       case f:
         return Ga(e, h);
-      case D:
-        return Ua(e, h, c);
-      case L:
-      case ae:
+      case x:
+        return Ua(e, h, l);
+      case R:
+      case ne:
         return new j(e);
-      case z:
+      case q:
         return Wa(e);
-      case M:
-        return za(e, h, c);
+      case B:
+        return za(e, h, l);
       case ce:
         return Va(e);
     }
   }
   function tn(e, i) {
-    return i = i ?? l, !!i && (typeof e == "number" || A.test(e)) && e > -1 && e % 1 == 0 && e < i;
+    return i = i ?? c, !!i && (typeof e == "number" || F.test(e)) && e > -1 && e % 1 == 0 && e < i;
   }
   function an(e) {
     var i = typeof e;
@@ -1519,8 +1519,8 @@ Ve.exports;
     return !!pt && pt in e;
   }
   function Ct(e) {
-    var i = e && e.constructor, c = typeof i == "function" && i.prototype || Fe;
-    return e === c;
+    var i = e && e.constructor, l = typeof i == "function" && i.prototype || xe;
+    return e === l;
   }
   function ve(e) {
     if (e != null) {
@@ -1542,7 +1542,7 @@ Ve.exports;
     return e === i || e !== e && i !== i;
   }
   function on(e) {
-    return sn(e) && ue.call(e, "callee") && (!oa.call(e, "callee") || xe.call(e) == u);
+    return sn(e) && ue.call(e, "callee") && (!oa.call(e, "callee") || De.call(e) == u);
   }
   var rt = Array.isArray;
   function Et(e) {
@@ -1553,13 +1553,13 @@ Ve.exports;
   }
   var cn = ca || fn;
   function Nt(e) {
-    var i = Be(e) ? xe.call(e) : "";
-    return i == F || i == E;
+    var i = Le(e) ? De.call(e) : "";
+    return i == A || i == N;
   }
   function ln(e) {
-    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= l;
+    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= c;
   }
-  function Be(e) {
+  function Le(e) {
     var i = typeof e;
     return !!e && (i == "object" || i == "function");
   }
@@ -1594,7 +1594,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
 }, qr = {
   key: 2,
   class: "level-primary bottom-items"
-}, Xr = { class: "sidebar-footer" }, Yr = /* @__PURE__ */ ee({
+}, Xr = { class: "sidebar-footer" }, Yr = /* @__PURE__ */ te({
   __name: "AppSidebar",
   props: {
     topItems: {
@@ -1659,61 +1659,61 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
       "096ef197": n.zIndex,
       "7a10f32f": v.value.height,
       "7da84766": v.value.top,
-      "1e6146be": g.value.marginTop,
-      "5b6aa028": _.value,
-      "178af94b": y.value.display,
-      "49f98062": y.value.minHeight,
-      "548fea1c": F.value.top,
-      c0ba7b5e: F.value.zIndex
+      "1e6146be": _.value.marginTop,
+      "5b6aa028": $.value,
+      "178af94b": m.value.display,
+      "49f98062": m.value.minHeight,
+      "548fea1c": A.value.top,
+      c0ba7b5e: A.value.zIndex
     }));
-    const r = t, a = n, l = Ge(), u = k(() => !!l.header), o = k(() => !!l.top), v = k(() => ({
+    const r = t, a = n, c = Ge(), u = k(() => !!c.header), o = k(() => !!c.top), v = k(() => ({
       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%"
-    })), y = k(() => ({
+    })), m = k(() => ({
       display: !a.mobileHeaderVisible && a.mobileEnabled ? "none" : "flex",
       minHeight: `${a.headerHeight}px`
-    })), g = k(() => ({
+    })), _ = k(() => ({
       marginTop: u.value ? `${a.headerHeight}px` : "0"
-    })), F = k(() => ({
+    })), A = k(() => ({
       top: a.mobileTopOffset && a.mobileEnabled ? `${a.mobileTopOffset}px` : "0",
       zIndex: a.mobileOverlayZIndex !== null ? a.mobileOverlayZIndex : a.zIndex > 1 ? a.zIndex - 1 : 1
-    })), E = (s) => Kr(s).map((b) => {
-      var T, N, A;
+    })), N = (s) => Kr(s).map((b) => {
+      var T, E, F;
       if (b) {
-        (!b.key || !((T = b.key) != null && T.trim())) && (b.key = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!b.testId || !((N = b.testId) != null && N.trim())) && (b.testId = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
-        for (const m of b.items || [])
-          m.parentKey = b.key, (!m.testId || !((A = m.testId) != null && A.trim())) && (m.testId = String(m.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+        (!b.key || !((T = b.key) != null && T.trim())) && (b.key = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-")), (!b.testId || !((E = b.testId) != null && E.trim())) && (b.testId = String(b.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
+        for (const g of b.items || [])
+          g.parentKey = b.key, (!g.testId || !((F = g.testId) != null && F.trim())) && (g.testId = String(g.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
       return b;
-    }), D = k(() => a.topItems.length ? E(a.topItems) : []), L = k(() => a.bottomItems.length ? E(a.bottomItems) : []), S = W(a.open), x = (s) => {
+    }), x = k(() => a.topItems.length ? N(a.topItems) : []), R = k(() => a.bottomItems.length ? N(a.bottomItems) : []), y = V(a.open), M = (s) => {
       var f, b;
-      S.value !== s && (S.value = s, r("toggle", s)), s ? (f = document == null ? void 0 : document.body) == null || f.classList.add("kong-ui-app-sidebar-open") : (b = document == null ? void 0 : document.body) == null || b.classList.remove("kong-ui-app-sidebar-open"), M.value = !1;
-    }, z = () => {
-      a.mobileOverlayCloseOnClick && x(!1);
-    }, M = W(!1), ae = (s) => {
-      M.value = !0, r("click", s), setTimeout(() => {
-        x(!1);
+      y.value !== s && (y.value = s, r("toggle", s)), s ? (f = document == null ? void 0 : document.body) == null || f.classList.add("kong-ui-app-sidebar-open") : (b = document == null ? void 0 : document.body) == null || b.classList.remove("kong-ui-app-sidebar-open"), B.value = !1;
+    }, q = () => {
+      a.mobileOverlayCloseOnClick && M(!1);
+    }, B = V(!1), ne = (s) => {
+      B.value = !0, r("click", s), setTimeout(() => {
+        M(!1);
       }, a.mobileCloseDelay);
     };
-    Ke(() => a.open, (s) => {
-      x(s);
+    Ae(() => a.open, (s) => {
+      M(s);
     });
-    const { debounce: ce } = Xt(), Y = ce(() => {
-      S.value && J.value !== (window == null ? void 0 : window.innerWidth) && (J.value = window == null ? void 0 : window.innerWidth, x(!1));
-    }, 200), J = W(), K = W(!1), G = W(), V = () => {
-      K.value || (K.value = !0, clearTimeout(G.value), G.value = setTimeout(() => K.value = !1, 1300));
-    }, ne = W(null), $ = k(() => S.value && a.mobileEnabled), B = async (s) => {
+    const { debounce: ce } = Xt(), J = ce(() => {
+      y.value && Q.value !== (window == null ? void 0 : window.innerWidth) && (Q.value = window == null ? void 0 : window.innerWidth, M(!1));
+    }, 200), Q = V(), Z = V(!1), G = V(), O = () => {
+      Z.value || (Z.value = !0, clearTimeout(G.value), G.value = setTimeout(() => Z.value = !1, 1300));
+    }, P = V(null), U = k(() => y.value && a.mobileEnabled), K = async (s) => {
       var f, b;
-      s ? (await Rt(), await new Promise((T) => setTimeout(T, 300)), (f = ne.value) == null || f.activate()) : (b = ne.value) == null || b.deactivate();
+      s ? (await Rt(), await new Promise((T) => setTimeout(T, 300)), (f = P.value) == null || f.activate()) : (b = P.value) == null || b.deactivate();
     };
-    Ke($, async (s) => {
-      s ? await B(!0) : await B(!1);
+    Ae(U, async (s) => {
+      s ? await K(!0) : await K(!1);
     }, { immediate: !0 });
-    const _ = W("0px"), d = () => {
-      var m;
-      if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((m = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : m.platform)))
+    const $ = V("0px"), d = () => {
+      var g;
+      if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((g = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : g.platform)))
         return;
       const f = document.createElement("div");
       f.style.visibility = "hidden", f.style.width = "100px", document.body.appendChild(f);
@@ -1721,74 +1721,74 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
       f.style.overflow = "scroll";
       const T = document.createElement("div");
       T.style.width = "100%", f.appendChild(T);
-      const N = T.offsetWidth;
-      f.parentNode && f.parentNode.removeChild(f), b - N === 0 && (_.value = "8px");
+      const E = T.offsetWidth;
+      f.parentNode && f.parentNode.removeChild(f), b - E === 0 && ($.value = "8px");
     };
     return qe(async () => {
-      J.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", Y), window.addEventListener("resize", V), await Rt(), d();
+      Q.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", J), window.addEventListener("resize", O), await Rt(), d();
     }), Ht(() => {
-      window.removeEventListener("resize", Y), window.removeEventListener("resize", V);
+      window.removeEventListener("resize", J), window.removeEventListener("resize", O);
     }), (s, f) => (p(), w($e, null, [
-      S.value && n.mobileOverlay && n.mobileEnabled ? (p(), w("div", {
+      y.value && n.mobileOverlay && n.mobileEnabled ? (p(), w("div", {
         key: 0,
         class: "kong-ui-app-sidebar-overlay",
-        onClick: z
+        onClick: q
       })) : C("", !0),
       Ne(yn(Pr), {
         ref_key: "focusTrap",
-        ref: ne,
+        ref: P,
         active: !1,
         "allow-outside-click": "",
         "fallback-focus": ".kong-ui-app-sidebar"
       }, {
-        default: R(() => [
-          O("aside", {
+        default: D(() => [
+          I("aside", {
             class: re(["kong-ui-app-sidebar", {
-              "sidebar-open": S.value,
+              "sidebar-open": y.value,
               "no-sidebar-header": !u.value,
               "mobile-header-hidden": n.mobileEnabled && (!u.value || !n.mobileHeaderVisible),
               "mobile-disabled": !n.mobileEnabled,
-              "disable-transitions": K.value
+              "disable-transitions": Z.value
             }]),
             tabindex: "-1"
           }, [
             u.value ? (p(), w("div", Hr, [
-              I(s.$slots, "header", {}, void 0, !0)
+              S(s.$slots, "header", {}, void 0, !0)
             ])) : C("", !0),
-            O("div", Ur, [
+            I("div", Ur, [
               o.value ? (p(), w("div", Wr, [
-                I(s.$slots, "top", {}, void 0, !0)
+                S(s.$slots, "top", {}, void 0, !0)
               ])) : C("", !0),
-              O("nav", zr, [
-                D.value.length ? (p(), w("ul", Vr, [
-                  (p(!0), w($e, null, Te(D.value, (b) => (p(), X(Bt, {
+              I("nav", zr, [
+                x.value.length ? (p(), w("ul", Vr, [
+                  (p(!0), w($e, null, Te(x.value, (b) => (p(), Y(Bt, {
                     key: b.name,
                     item: b,
-                    onClick: ae
+                    onClick: ne
                   }, {
-                    [`sidebar-icon-${b.key}`]: R(() => [
-                      I(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
+                    [`sidebar-icon-${b.key}`]: D(() => [
+                      S(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item"]))), 128))
                 ])) : C("", !0),
-                D.value.length && L.value.length ? (p(), w("div", Gr)) : C("", !0),
-                L.value.length ? (p(), w("ul", qr, [
-                  (p(!0), w($e, null, Te(L.value, (b) => (p(), X(Bt, {
+                x.value.length && R.value.length ? (p(), w("div", Gr)) : C("", !0),
+                R.value.length ? (p(), w("ul", qr, [
+                  (p(!0), w($e, null, Te(R.value, (b) => (p(), Y(Bt, {
                     key: b.name,
                     item: b,
-                    onClick: ae
+                    onClick: ne
                   }, {
-                    [`sidebar-icon-${b.key}`]: R(() => [
-                      I(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
+                    [`sidebar-icon-${b.key}`]: D(() => [
+                      S(s.$slots, `sidebar-icon-${b.key}`, {}, void 0, !0)
                     ]),
                     _: 2
                   }, 1032, ["item"]))), 128))
                 ])) : C("", !0)
               ])
             ]),
-            O("div", Xr, [
-              I(s.$slots, "footer", {}, void 0, !0)
+            I("div", Xr, [
+              S(s.$slots, "footer", {}, void 0, !0)
             ])
           ], 2)
         ]),
@@ -1796,7 +1796,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
       }, 512)
     ], 64));
   }
-}), Jr = /* @__PURE__ */ te(Yr, [["__scopeId", "data-v-c9dc6d28"]]), Qr = ["aria-label"], ei = /* @__PURE__ */ ee({
+}), Jr = /* @__PURE__ */ ae(Yr, [["__scopeId", "data-v-c9dc6d28"]]), Qr = ["aria-label"], ei = /* @__PURE__ */ te({
   __name: "SidebarToggle",
   props: {
     active: {
@@ -1806,31 +1806,31 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
   },
   emits: ["toggle"],
   setup(n, { emit: t }) {
-    const r = t, a = n, l = W(a.active || !1), u = (o) => {
-      o.preventDefault(), l.value = !l.value, r("toggle", l.value);
+    const r = t, a = n, c = V(a.active || !1), u = (o) => {
+      o.preventDefault(), c.value = !c.value, r("toggle", c.value);
     };
-    return Ke(() => a.active, (o) => {
-      l.value = o;
+    return Ae(() => a.active, (o) => {
+      c.value = o;
     }), (o, v) => (p(), w("a", {
       "aria-haspopup": "true",
-      "aria-label": l.value ? "Close Main Menu" : "Open Main Menu",
-      class: re(["sidebar-menu-toggle", { active: l.value }]),
+      "aria-label": c.value ? "Close Main Menu" : "Open Main Menu",
+      class: re(["sidebar-menu-toggle", { active: c.value }]),
       href: "#",
       role: "button",
       onClick: wn(u, ["prevent"])
     }, v[0] || (v[0] = [
-      O("span", { class: "line" }, null, -1),
-      O("span", { class: "line" }, null, -1),
-      O("span", { class: "line" }, null, -1)
+      I("span", { class: "line" }, null, -1),
+      I("span", { class: "line" }, null, -1),
+      I("span", { class: "line" }, null, -1)
     ]), 10, Qr));
   }
-}), ti = /* @__PURE__ */ te(ei, [["__scopeId", "data-v-fbde70e6"]]), ai = "#ffffff", ni = "#000933", ri = "#000933", ii = "#ffffff", oi = "0px", si = "4px", ci = { id: "kong-ui-app-layout-notification" }, li = { class: "mobile-logo" }, ui = {
+}), ti = /* @__PURE__ */ ae(ei, [["__scopeId", "data-v-fbde70e6"]]), ai = "#ffffff", ni = "#000933", ri = "#000933", ii = "#ffffff", oi = "0px", si = "4px", ci = { id: "kong-ui-app-layout-notification" }, li = { class: "mobile-logo" }, ui = {
   key: 0,
   class: "navbar-logo"
 }, di = {
   class: "kong-ui-app-layout-main",
   "data-testid": "kong-ui-app-layout-main"
-}, fi = { class: "kong-ui-app-layout-content" }, vi = { class: "kong-ui-app-layout-content-inner" }, bi = /* @__PURE__ */ ee({
+}, fi = { class: "kong-ui-app-layout-content" }, vi = { class: "kong-ui-app-layout-content-inner" }, bi = /* @__PURE__ */ te({
   __name: "AppLayout",
   props: {
     hideDefaultSlot: {
@@ -1865,180 +1865,179 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
       validator: (n) => ["light", "dark"].includes(n)
     }
   },
-  emits: ["sidebar-click"],
-  setup(n, { expose: t, emit: r }) {
-    dt(($) => ({
-      "4c517e79": ae.value,
-      "20fb316f": ce.value,
-      "3ef33407": M.value,
-      "932a612a": Y.value,
-      dfc422c4: J.value
+  emits: ["sidebar-click", "update:topOffset"],
+  setup(n, { emit: t }) {
+    dt((O) => ({
+      "2235c6e4": B.value,
+      "29d04344": ne.value,
+      "3d470f48": q.value,
+      "81803d80": ce.value,
+      "64da7a33": J.value
     }));
-    const a = n, l = r, u = Ge(), o = je({
-      navbarLeft: k(() => !!u["navbar-left"]),
-      navbarCenter: k(() => !!u["navbar-center"]),
-      navbarRight: k(() => !!u["navbar-right"]),
-      navbarLogo: k(() => !!u["navbar-logo"]),
-      navbarMobileLogo: k(() => !!u["navbar-mobile-logo"]),
-      sidebarHeader: k(() => !!u["sidebar-header"]),
-      sidebarTop: k(() => !!u["sidebar-top"]),
-      sidebarFooter: k(() => !!u["sidebar-footer"])
-    }), v = k(() => a.hideDefaultSlot), y = je({
-      hidden: k(() => a.navbarHidden)
-    }), g = je({
-      topItems: k(() => a.sidebarTopItems),
-      bottomItems: k(() => a.sidebarBottomItems),
-      open: k(() => a.sidebarOpen),
-      hidden: k(() => a.sidebarHidden)
-    }), F = ($) => {
-      l("sidebar-click", $);
-    }, E = W(!1), D = ($) => {
-      E.value = $;
+    const r = n, a = t, c = Ge(), u = Ze({
+      navbarLeft: k(() => !!c["navbar-left"]),
+      navbarCenter: k(() => !!c["navbar-center"]),
+      navbarRight: k(() => !!c["navbar-right"]),
+      navbarLogo: k(() => !!c["navbar-logo"]),
+      navbarMobileLogo: k(() => !!c["navbar-mobile-logo"]),
+      sidebarHeader: k(() => !!c["sidebar-header"]),
+      sidebarTop: k(() => !!c["sidebar-top"]),
+      sidebarFooter: k(() => !!c["sidebar-footer"])
+    }), o = k(() => r.hideDefaultSlot), v = Ze({
+      hidden: k(() => r.navbarHidden)
+    }), m = Ze({
+      topItems: k(() => r.sidebarTopItems),
+      bottomItems: k(() => r.sidebarBottomItems),
+      open: k(() => r.sidebarOpen),
+      hidden: k(() => r.sidebarHidden)
+    }), _ = (O) => {
+      a("sidebar-click", O);
+    }, A = V(!1), N = (O) => {
+      A.value = O;
     };
     kn(() => {
-      E.value = Tn(g, "open").value || !1;
+      A.value = Tn(m, "open").value || !1;
     });
-    const L = W(0), S = W(60), x = W(0), z = k(() => y.hidden ? x.value : S.value + x.value), M = k(() => a.theme === "light" ? ri : ii), ae = k(() => a.theme === "light" ? ai : ni), ce = k(() => a.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), Y = k(() => `${z.value}px`), J = k(() => g.hidden || y.hidden ? oi : si), { debounce: K } = Xt(), G = K(($ = !1) => {
-      if ($ || L.value !== (window == null ? void 0 : window.innerWidth)) {
-        L.value = window == null ? void 0 : window.innerWidth;
-        const B = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-        B && (x.value = B.offsetHeight);
+    const x = V(0), R = V(60), y = V(0), M = k(() => v.hidden ? y.value : R.value + y.value), q = k(() => r.theme === "light" ? ri : ii), B = k(() => r.theme === "light" ? ai : ni), ne = k(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ce = k(() => `${M.value}px`), J = k(() => m.hidden || v.hidden ? oi : si), { debounce: Q } = Xt(), Z = Q((O = !1) => {
+      if (O || x.value !== (window == null ? void 0 : window.innerWidth)) {
+        x.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 && (y.value = P.offsetHeight);
       }
-    }, 200), V = W(), ne = k(() => x.value);
-    return t({
-      /** Expose the computed top offset */
-      topOffset: ne
-    }), qe(() => {
-      var B, _;
-      (B = document == null ? void 0 : document.body) == null || B.classList.add("kong-ui-app-layout-body"), (_ = document == null ? void 0 : document.documentElement) == null || _.classList.add("kong-ui-app-layout-html"), L.value = window == null ? void 0 : window.innerWidth, G(!0);
-      const $ = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-      $ && (V.value = new ResizeObserver((d) => {
+    }, 200), G = V();
+    return Ae(y, (O) => {
+      a("update:topOffset", O || 0);
+    }, { immediate: !0 }), qe(() => {
+      var P, U;
+      (P = document == null ? void 0 : document.body) == null || P.classList.add("kong-ui-app-layout-body"), (U = document == null ? void 0 : document.documentElement) == null || U.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, Z(!0);
+      const O = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+      O && (G.value = new ResizeObserver((K) => {
         window.requestAnimationFrame(() => {
-          if (!(!Array.isArray(d) || !d.length))
-            for (const s of d) {
-              const f = s.contentRect.height;
-              x.value !== f && (x.value = f);
+          if (!(!Array.isArray(K) || !K.length))
+            for (const $ of K) {
+              const d = $.contentRect.height;
+              y.value !== d && (y.value = d);
             }
         });
-      }), V.value.observe($)), window.addEventListener("resize", G);
+      }), G.value.observe(O)), window.addEventListener("resize", Z);
     }), Ht(() => {
-      V.value && V.value.disconnect(), window.removeEventListener("resize", G);
-    }), ($, B) => (p(), w("div", {
+      G.value && G.value.disconnect(), window.removeEventListener("resize", Z);
+    }), (O, P) => (p(), w("div", {
       class: re(["kong-ui-app-layout", [
-        { "navbar-hidden": y.hidden },
-        { "sidebar-hidden": g.hidden }
+        { "navbar-hidden": v.hidden },
+        { "sidebar-hidden": m.hidden }
       ]])
     }, [
-      O("div", ci, [
-        I($.$slots, "notification", {}, void 0, !0)
+      I("div", ci, [
+        S(O.$slots, "notification", {}, void 0, !0)
       ]),
-      y.hidden ? C("", !0) : (p(), X(er, {
-        key: String(g.hidden),
-        "left-offset": g.hidden ? 0 : void 0,
-        "top-offset": x.value
-      }, Ze({
-        "mobile-sidebar-toggle": R(() => [
-          g.hidden ? C("", !0) : (p(), X(ti, {
+      v.hidden ? C("", !0) : (p(), Y(er, {
+        key: String(m.hidden),
+        "left-offset": m.hidden ? 0 : void 0,
+        "top-offset": y.value
+      }, Ke({
+        "mobile-sidebar-toggle": D(() => [
+          m.hidden ? C("", !0) : (p(), Y(ti, {
             key: 0,
-            active: E.value,
-            onToggle: D
+            active: A.value,
+            onToggle: N
           }, null, 8, ["active"]))
         ]),
         _: 2
       }, [
-        o.navbarMobileLogo ? {
+        u.navbarMobileLogo ? {
           name: "mobile-logo",
-          fn: R(() => [
-            O("div", li, [
-              I($.$slots, "navbar-mobile-logo", {}, void 0, !0)
+          fn: D(() => [
+            I("div", li, [
+              S(O.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
           ]),
           key: "0"
         } : void 0,
-        o.navbarLogo ? {
+        u.navbarLogo ? {
           name: "logo",
-          fn: R(() => [
-            g.hidden ? (p(), w("div", ui, [
-              I($.$slots, "navbar-logo", {}, void 0, !0)
+          fn: D(() => [
+            m.hidden ? (p(), w("div", ui, [
+              S(O.$slots, "navbar-logo", {}, void 0, !0)
             ])) : C("", !0)
           ]),
           key: "1"
         } : void 0,
-        o.navbarLeft ? {
+        u.navbarLeft ? {
           name: "left",
-          fn: R(() => [
-            I($.$slots, "navbar-left", {}, void 0, !0)
+          fn: D(() => [
+            S(O.$slots, "navbar-left", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        o.navbarCenter ? {
+        u.navbarCenter ? {
           name: "center",
-          fn: R(() => [
-            I($.$slots, "navbar-center", {}, void 0, !0)
+          fn: D(() => [
+            S(O.$slots, "navbar-center", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
-        o.navbarRight ? {
+        u.navbarRight ? {
           name: "right",
-          fn: R(() => [
-            I($.$slots, "navbar-right", {}, void 0, !0)
+          fn: D(() => [
+            S(O.$slots, "navbar-right", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["left-offset", "top-offset"])),
-      g.hidden ? C("", !0) : (p(), X(Jr, {
+      m.hidden ? C("", !0) : (p(), Y(Jr, {
         key: 1,
-        "bottom-items": g.bottomItems,
-        "header-height": S.value,
+        "bottom-items": m.bottomItems,
+        "header-height": R.value,
         "mobile-enabled": "",
         "mobile-header-visible": !1,
-        "mobile-top-offset": z.value,
-        open: E.value,
-        "top-items": g.topItems,
-        "top-offset": x.value,
-        onClick: F,
-        onToggle: D
-      }, Ze({ _: 2 }, [
-        o.sidebarHeader ? {
+        "mobile-top-offset": M.value,
+        open: A.value,
+        "top-items": m.topItems,
+        "top-offset": y.value,
+        onClick: _,
+        onToggle: N
+      }, Ke({ _: 2 }, [
+        u.sidebarHeader ? {
           name: "header",
-          fn: R(() => [
-            I($.$slots, "sidebar-header", {}, void 0, !0)
+          fn: D(() => [
+            S(O.$slots, "sidebar-header", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        o.sidebarTop ? {
+        u.sidebarTop ? {
           name: "top",
-          fn: R(() => [
-            I($.$slots, "sidebar-top", {}, void 0, !0)
+          fn: D(() => [
+            S(O.$slots, "sidebar-top", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        o.sidebarFooter ? {
+        u.sidebarFooter ? {
           name: "footer",
-          fn: R(() => [
-            I($.$slots, "sidebar-footer", {}, void 0, !0)
+          fn: D(() => [
+            S(O.$slots, "sidebar-footer", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        Te([...g.topItems || [], ...g.bottomItems || []], (_) => ({
-          name: `sidebar-icon-${_.key}`,
-          fn: R(() => [
-            I($.$slots, `sidebar-icon-${_.key}`, {}, void 0, !0)
+        Te([...m.topItems || [], ...m.bottomItems || []], (U) => ({
+          name: `sidebar-icon-${U.key}`,
+          fn: D(() => [
+            S(O.$slots, `sidebar-icon-${U.key}`, {}, void 0, !0)
           ])
         }))
       ]), 1032, ["bottom-items", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
-      O("main", di, [
-        O("div", fi, [
-          O("div", vi, [
-            B[0] || (B[0] = O("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
-            I($.$slots, "app-error", {}, void 0, !0),
-            v.value ? C("", !0) : I($.$slots, "default", { key: 0 }, void 0, !0)
+      I("main", di, [
+        I("div", fi, [
+          I("div", vi, [
+            P[0] || (P[0] = I("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
+            S(O.$slots, "app-error", {}, void 0, !0),
+            o.value ? C("", !0) : S(O.$slots, "default", { key: 0 }, void 0, !0)
           ])
         ])
       ])
     ], 2));
   }
-}), hi = /* @__PURE__ */ te(bi, [["__scopeId", "data-v-15a40b60"]]), pi = { class: "kong-ui-app-page-header" }, mi = {
+}), hi = /* @__PURE__ */ ae(bi, [["__scopeId", "data-v-8e8c270a"]]), pi = { class: "kong-ui-app-page-header" }, mi = {
   key: 0,
   class: "page-header-breadcrumbs",
   "data-testid": "page-header-breadcrumbs"
@@ -2058,7 +2057,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
   key: 1,
   class: "page-header-section-below",
   "data-testid": "page-header-section-below"
-}, Ii = /* @__PURE__ */ ee({
+}, Ii = /* @__PURE__ */ te({
   __name: "AppPageHeader",
   props: {
     title: {
@@ -2075,7 +2074,7 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
     const t = n, r = Ge(), a = k(() => {
       var u;
       return !!((u = t.breadcrumbs) != null && u.length);
-    }), l = k(() => Object.keys(r).filter((u) => u.startsWith("icon-")));
+    }), c = k(() => Object.keys(r).filter((u) => u.startsWith("icon-")));
     return (u, o) => {
       const v = he("KBreadcrumbs");
       return p(), w("div", pi, [
@@ -2083,40 +2082,40 @@ const Kr = /* @__PURE__ */ jr(Zr), Hr = {
           Ne(v, {
             "item-max-width": "150",
             items: n.breadcrumbs
-          }, Ze({ _: 2 }, [
-            Te(l.value, (y) => ({
-              name: y,
-              fn: R(() => [
-                I(u.$slots, y, {}, void 0, !0)
+          }, Ke({ _: 2 }, [
+            Te(c.value, (m) => ({
+              name: m,
+              fn: D(() => [
+                S(u.$slots, m, {}, void 0, !0)
               ])
             }))
           ]), 1032, ["items"])
         ])) : C("", !0),
-        O("div", gi, [
-          O("div", yi, [
+        I("div", gi, [
+          I("div", yi, [
             u.$slots["title-before"] ? (p(), w("div", wi, [
-              I(u.$slots, "title-before", {}, void 0, !0)
+              S(u.$slots, "title-before", {}, void 0, !0)
             ])) : C("", !0),
-            O("h1", {
+            I("h1", {
               class: "page-header-title",
               "data-testid": "page-header-title",
               title: n.title
-            }, q(n.title), 9, ki),
+            }, X(n.title), 9, ki),
             u.$slots["title-after"] ? (p(), w("div", Ti, [
-              I(u.$slots, "title-after", {}, void 0, !0)
+              S(u.$slots, "title-after", {}, void 0, !0)
             ])) : C("", !0)
           ]),
           u.$slots.actions ? (p(), w("div", Si, [
-            I(u.$slots, "actions", {}, void 0, !0)
+            S(u.$slots, "actions", {}, void 0, !0)
           ])) : C("", !0)
         ]),
         u.$slots.below ? (p(), w("div", _i, [
-          I(u.$slots, "below", {}, void 0, !0)
+          S(u.$slots, "below", {}, void 0, !0)
         ])) : C("", !0)
       ]);
     };
   }
-}), Ni = /* @__PURE__ */ te(Ii, [["__scopeId", "data-v-204b7f98"]]), Ai = {
+}), Ni = /* @__PURE__ */ ae(Ii, [["__scopeId", "data-v-204b7f98"]]), Ai = {
   // Customize Vue plugin options as desired
   // Providing a `name` property allows for customizing the registered name of your component (useful if exporting a single component).
   install: (n, t = {}) => {