@kong-ui-public/app-layout 4.2.19 → 4.2.20-pr.1534.93cd5562.0

package/dist/app-layout.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as ee, resolveComponent as be, openBlock as p, createBlock as Y, withCtx as R, renderSlot as T, createElementBlock as w, Fragment as Ce, renderList as _e, normalizeClass as ne, createTextVNode as ct, toDisplayString as X, computed as k, createSlots as Ze, createVNode as Ne, createCommentVNode as C, createElementVNode as O, createStaticVNode as mn, pushScopeId as ut, popScopeId as dt, useCssVars as ft, useSlots as ze, reactive as Pe, onMounted as Ge, resolveDynamicComponent as gn, withKeys as yn, ref as V, watch as je, onUnmounted as wn, Comment as _n, cloneVNode as kn, nextTick as Lt, onBeforeUnmount as Wt, unref as Tn, withModifiers as Sn, watchEffect as In, toRef as On } from "vue";
+import { defineComponent as ee, resolveComponent as be, openBlock as p, createBlock as Y, withCtx as R, renderSlot as T, createElementBlock as w, Fragment as Ce, renderList as ke, normalizeClass as ne, createTextVNode as ct, toDisplayString as X, computed as _, createSlots as Ze, createVNode as Ne, createCommentVNode as C, createElementVNode as O, createStaticVNode as mn, pushScopeId as ut, popScopeId as dt, useCssVars as ft, useSlots as ze, reactive as Pe, onMounted as Ge, resolveDynamicComponent as gn, withKeys as yn, ref as V, watch as je, onUnmounted as wn, Comment as kn, cloneVNode as _n, nextTick as Lt, onBeforeUnmount as Wt, unref as Tn, withModifiers as Sn, watchEffect as In, toRef as On } from "vue";
 const $n = /* @__PURE__ */ ee({
   __name: "AccountDropdown",
   props: {
@@ -28,7 +28,7 @@ const $n = /* @__PURE__ */ ee({
       }, {
         items: R(({ handleSelection: l }) => [
           T(t.$slots, "default", {}, () => [
-            (p(!0), w(Ce, null, _e(a.options, (o) => (p(), Y(n, {
+            (p(!0), w(Ce, null, ke(a.options, (o) => (p(), Y(n, {
               key: o.value,
               class: ne({ "has-divider": o.hasDivider }),
               "data-testid": "select-" + o.value,
@@ -122,7 +122,7 @@ const $n = /* @__PURE__ */ ee({
     }
   },
   setup(a) {
-    const t = a, r = k(() => !!t.modified && t.modified !== t.created);
+    const t = a, r = _(() => !!t.modified && t.modified !== t.created);
     return (n, c) => {
       const l = be("KSkeletonBox"), o = be("KCard");
       return p(), Y(o, {
@@ -239,7 +239,7 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
       "247c8fd0": c.marginRight,
       "278e63f0": c.width
     }));
-    const t = a, r = ze(), n = k(() => !!r.logo), c = Pe({
+    const t = a, r = ze(), n = _(() => !!r.logo), c = Pe({
       marginRight: "0",
       width: "0"
     });
@@ -247,7 +247,7 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
       var o, v;
       (v = (o = document == null ? void 0 : document.querySelector(".kong-ui-app-navbar .app-navbar-logo")) == null ? void 0 : o.children) != null && v.length ? (c.marginRight = "32px", c.width = "calc(240px - 32px)") : (c.marginRight = "0", c.width = "0");
     });
-    const l = k(() => ({
+    const l = _(() => ({
       top: t.topOffset ? `${t.topOffset}px` : "0",
       left: t.leftOffset ? `${t.leftOffset}px` : "0",
       zIndex: t.zIndex
@@ -285,14 +285,14 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
     }
   },
   setup(a) {
-    const t = a, r = k(() => t.count ? t.count > ot ? `${ot}+` : t.count.toString() : "");
+    const t = a, r = _(() => t.count ? t.count > ot ? `${ot}+` : t.count.toString() : "");
     return (n, c) => r.value ? (p(), w("div", {
       key: 0,
       class: "item-badge",
       title: (a.count || 0) > ot ? String(a.count) : void 0
     }, X(r.value), 9, lr)) : C("", !0);
   }
-}), dr = /* @__PURE__ */ te(ur, [["__scopeId", "data-v-afb0d903"]]), fr = ["data-testid"], vr = ["aria-controls", "aria-expanded", "href", "target", "onClick", "onKeypress"], br = {
+}), dr = /* @__PURE__ */ te(ur, [["__scopeId", "data-v-afb0d903"]]), fr = ["data-testid"], vr = ["aria-controls", "aria-current", "aria-expanded", "href", "target", "onClick", "onKeypress"], br = {
   key: 0,
   class: "sidebar-item-icon"
 }, hr = { class: "sidebar-item-name-container" }, pr = { class: "sidebar-item-name has-tooltip" }, mr = {
@@ -313,7 +313,7 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
   },
   emits: ["click"],
   setup(a, { emit: t }) {
-    const r = t, n = a, c = k(() => typeof n.item.to != "string" ? !1 : !!n.item.newWindow || !!n.item.external || n.item.to.startsWith("http")), l = k(() => !n.item.to || typeof n.item.to != "string" || !n.item.newWindow ? !1 : n.item.newWindow && (n.item.to.startsWith("http") || n.item.to.startsWith("/"))), o = k(() => n.subnavItem && n.item.badgeCount !== void 0), v = (S) => {
+    const r = t, n = a, c = _(() => typeof n.item.to != "string" ? !1 : !!n.item.newWindow || !!n.item.external || n.item.to.startsWith("http")), l = _(() => !n.item.to || typeof n.item.to != "string" || !n.item.newWindow ? !1 : n.item.newWindow && (n.item.to.startsWith("http") || n.item.to.startsWith("/"))), o = _(() => n.subnavItem && n.item.badgeCount !== void 0), v = (S) => {
       r("click", S);
     }, m = (S, A, N) => {
       v(A), typeof N == "function" && (S.preventDefault(), N());
@@ -326,20 +326,22 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
         "data-testid": a.item.testId ? `sidebar-item-${a.item.testId}` : void 0
       }, [
         (p(), Y(gn(c.value ? "div" : "router-link"), {
+          "aria-current": c.value ? void 0 : a.item.active,
           custom: c.value ? void 0 : !0,
           to: !c.value && !l.value ? a.item.to : void 0
         }, {
-          default: R((_) => {
+          default: R((k) => {
             var Z, G;
             return [
               O("a", {
                 "aria-controls": (Z = a.item.items) != null && Z.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
+                "aria-current": a.item.active,
                 "aria-expanded": (G = a.item.items) != null && G.length && a.item.expanded ? !0 : void 0,
                 class: ne(["sidebar-item-link", { "sidebar-item-external-link": l.value, "router-link": !c.value }]),
-                href: c.value ? String(a.item.to || "#") : _ == null ? void 0 : _.href,
+                href: c.value ? String(a.item.to || "#") : k == null ? void 0 : k.href,
                 target: l.value ? "_blank" : void 0,
-                onClick: (B) => m(B, a.item, _ == null ? void 0 : _.navigate),
-                onKeypress: yn((B) => m(B, a.item, _ == null ? void 0 : _.navigate), ["enter"])
+                onClick: (B) => m(B, a.item, k == null ? void 0 : k.navigate),
+                onKeypress: yn((B) => m(B, a.item, k == null ? void 0 : k.navigate), ["enter"])
               }, [
                 O("div", {
                   class: ne(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-badge": o.value }])
@@ -378,23 +380,23 @@ const Vn = /* @__PURE__ */ te(jn, [["render", Wn]]), Vt = (a) => (ut("data-v-5cb
             ];
           }),
           _: 3
-        }, 8, ["custom", "to"])),
+        }, 8, ["aria-current", "custom", "to"])),
         (P = a.item.items) != null && P.length && a.item.expanded ? (p(), w("ul", {
           key: 0,
           id: `subnav-${a.item.key}`,
           class: "level-secondary"
         }, [
-          (p(!0), w(Ce, null, _e(a.item.items, (_) => (p(), Y(x, {
-            key: _.name,
-            item: _,
+          (p(!0), w(Ce, null, ke(a.item.items, (k) => (p(), Y(x, {
+            key: k.name,
+            item: k,
             "subnav-item": !0,
-            onClick: (Z) => v(_)
+            onClick: (Z) => v(k)
           }, null, 8, ["item", "onClick"]))), 128))
         ], 8, gr)) : C("", !0)
       ], 10, fr);
     };
   }
-}), Mt = /* @__PURE__ */ te(yr, [["__scopeId", "data-v-683b6696"]]);
+}), Mt = /* @__PURE__ */ te(yr, [["__scopeId", "data-v-909a8161"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -450,10 +452,10 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   if (!t)
     throw new Error("No node provided");
   return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || wr(t)) && !Yt(t) ? 0 : t.tabIndex;
-}, _r = function(t, r) {
+}, kr = function(t, r) {
   var n = ve(t);
   return n < 0 && r && !Yt(t) ? 0 : n;
-}, kr = function(t, r) {
+}, _r = function(t, r) {
   return t.tabIndex === r.tabIndex ? t.documentOrder - r.documentOrder : t.tabIndex - r.tabIndex;
 }, Jt = function(t) {
   return t.tagName === "INPUT";
@@ -553,7 +555,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, xr = function a(t) {
   var r = [], n = [];
   return t.forEach(function(c, l) {
-    var o = !!c.scopeParent, v = o ? c.scopeParent : c, m = _r(v, o), S = o ? a(c.candidates) : v;
+    var o = !!c.scopeParent, v = o ? c.scopeParent : c, m = kr(v, o), S = o ? a(c.candidates) : v;
     m === 0 ? o ? r.push.apply(r, S) : r.push(v) : n.push({
       documentOrder: l,
       tabIndex: m,
@@ -561,7 +563,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
       isScope: o,
       content: S
     });
-  }), n.sort(kr).reduce(function(c, l) {
+  }), n.sort(_r).reduce(function(c, l) {
     return l.isScope ? c.push.apply(c, l.content) : c.push(l.content), c;
   }, []).concat(r);
 }, Dr = function(t, r) {
@@ -819,7 +821,7 @@ var Kt = {
     var u = d.activeElement;
     if (u)
       return u.shadowRoot && u.shadowRoot.activeElement !== null ? I(u.shadowRoot) : u;
-  }, _ = function I(d) {
+  }, k = function I(d) {
     if (d !== !1 && d !== P(document)) {
       if (!d || !d.focus) {
         I(N());
@@ -855,8 +857,8 @@ var Kt = {
           return u === Se;
         });
         if (L < 0 && (D.container === u || st(u, l.tabbableOptions) && !we(u, l.tabbableOptions) && !D.nextTabbableNode(u)) && (L = F), L >= 0) {
-          var se = L === o.tabbableGroups.length - 1 ? 0 : L + 1, ke = o.tabbableGroups[se];
-          $ = ve(u) >= 0 ? ke.firstTabbableNode : ke.firstDomTabbableNode;
+          var se = L === o.tabbableGroups.length - 1 ? 0 : L + 1, _e = o.tabbableGroups[se];
+          $ = ve(u) >= 0 ? _e.firstTabbableNode : _e.firstDomTabbableNode;
         } else Ee(f) || ($ = D.nextTabbableNode(u));
       }
     } else
@@ -908,7 +910,7 @@ var Kt = {
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
         isBackward: l.isKeyBackward(o.recentNavEvent)
-      })), _(y || o.mostRecentlyFocusedNode || N());
+      })), k(y || o.mostRecentlyFocusedNode || N());
     }
     o.recentNavEvent = void 0;
   }, oe = function(d) {
@@ -918,7 +920,7 @@ var Kt = {
       event: d,
       isBackward: u
     });
-    f && (Ee(d) && d.preventDefault(), _(f));
+    f && (Ee(d) && d.preventDefault(), k(f));
   }, J = function(d) {
     if (jr(d) && $e(l.escapeDeactivates, d) !== !1) {
       d.preventDefault(), v.deactivate();
@@ -931,8 +933,8 @@ var Kt = {
   }, K = function() {
     if (o.active)
       return Kt.activateTrap(c, v), o.delayInitialFocusTimer = l.delayInitialFocus ? Ht(function() {
-        _(N());
-      }) : _(N()), n.addEventListener("focusin", ae, !0), n.addEventListener("mousedown", B, {
+        k(N());
+      }) : k(N()), n.addEventListener("focusin", ae, !0), n.addEventListener("mousedown", B, {
         capture: !0,
         passive: !1
       }), n.addEventListener("touchstart", B, {
@@ -955,7 +957,7 @@ var Kt = {
         return h === o.mostRecentlyFocusedNode;
       });
     });
-    u && _(N());
+    u && k(N());
   }, j = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(E) : void 0, H = function() {
     j && (j.disconnect(), o.active && !o.paused && o.containers.map(function(d) {
       j.observe(d, {
@@ -994,7 +996,7 @@ var Kt = {
       f == null || f();
       var F = function() {
         Ht(function() {
-          $ && _(Z(o.nodeFocusedBeforeActivation)), y == null || y();
+          $ && k(Z(o.nodeFocusedBeforeActivation)), y == null || y();
         });
       };
       return $ && h ? (h(Z(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
@@ -1070,7 +1072,7 @@ const Vr = {
   },
   setup(a, { slots: t, emit: r }) {
     let n;
-    const c = V(null), l = k(() => {
+    const c = V(null), l = _(() => {
       const v = c.value;
       return v && (v instanceof HTMLElement ? v : v.$el);
     });
@@ -1111,8 +1113,8 @@ const Vr = {
       renderImpl() {
         if (!t.default)
           return null;
-        const v = t.default().filter((S) => S.type !== _n);
-        return !v || !v.length || v.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), v) : kn(v[0], { ref: c });
+        const v = t.default().filter((S) => S.type !== kn);
+        return !v || !v.length || v.length > 1 ? (console.error("[focus-trap-vue]: FocusTrap requires exactly one child."), v) : _n(v[0], { ref: c });
       }
     };
   }
@@ -1136,9 +1138,9 @@ function Gr(a) {
 var Ve = { exports: {} };
 Ve.exports;
 (function(a, t) {
-  var r = 200, n = "__lodash_hash_undefined__", c = 9007199254740991, l = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", S = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", P = "[object Number]", _ = "[object Object]", Z = "[object Promise]", G = "[object RegExp]", B = "[object Set]", ae = "[object String]", oe = "[object Symbol]", J = "[object WeakMap]", Q = "[object ArrayBuffer]", K = "[object DataView]", z = "[object Float32Array]", E = "[object Float64Array]", j = "[object Int8Array]", H = "[object Int16Array]", I = "[object Int32Array]", d = "[object Uint8Array]", u = "[object Uint8ClampedArray]", f = "[object Uint16Array]", y = "[object Uint32Array]", h = /[\\^$.*+?()[\]{}|]/g, $ = /\w*$/, F = /^\[object .+?Constructor\]$/, D = /^(?:0|[1-9]\d*)$/, g = {};
-  g[l] = g[o] = g[Q] = g[K] = g[v] = g[m] = g[z] = g[E] = g[j] = g[H] = g[I] = g[x] = g[P] = g[_] = g[G] = g[B] = g[ae] = g[oe] = g[d] = g[u] = g[f] = g[y] = !0, g[S] = g[A] = g[J] = !1;
-  var re = typeof Me == "object" && Me && Me.Object === Object && Me, le = typeof self == "object" && self && self.Object === Object && self, L = re || le || Function("return this")(), se = t && !t.nodeType && t, ke = se && !0 && a && !a.nodeType && a, Te = ke && ke.exports === se;
+  var r = 200, n = "__lodash_hash_undefined__", c = 9007199254740991, l = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", S = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", P = "[object Number]", k = "[object Object]", Z = "[object Promise]", G = "[object RegExp]", B = "[object Set]", ae = "[object String]", oe = "[object Symbol]", J = "[object WeakMap]", Q = "[object ArrayBuffer]", K = "[object DataView]", z = "[object Float32Array]", E = "[object Float64Array]", j = "[object Int8Array]", H = "[object Int16Array]", I = "[object Int32Array]", d = "[object Uint8Array]", u = "[object Uint8ClampedArray]", f = "[object Uint16Array]", y = "[object Uint32Array]", h = /[\\^$.*+?()[\]{}|]/g, $ = /\w*$/, F = /^\[object .+?Constructor\]$/, D = /^(?:0|[1-9]\d*)$/, g = {};
+  g[l] = g[o] = g[Q] = g[K] = g[v] = g[m] = g[z] = g[E] = g[j] = g[H] = g[I] = g[x] = g[P] = g[k] = g[G] = g[B] = g[ae] = g[oe] = g[d] = g[u] = g[f] = g[y] = !0, g[S] = g[A] = g[J] = !1;
+  var re = typeof Me == "object" && Me && Me.Object === Object && Me, le = typeof self == "object" && self && self.Object === Object && self, L = re || le || Function("return this")(), se = t && !t.nodeType && t, _e = se && !0 && a && !a.nodeType && a, Te = _e && _e.exports === se;
   function Se(e, i) {
     return e.set(i[0], i[1]), e;
   }
@@ -1200,7 +1202,7 @@ Ve.exports;
     return e ? "Symbol(src)_1." + e : "";
   }(), yt = oa.toString, ce = Ae.hasOwnProperty, Fe = Ae.toString, sa = RegExp(
     "^" + yt.call(ce).replace(h, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), wt = Te ? L.Buffer : void 0, _t = L.Symbol, kt = L.Uint8Array, ca = qe(Object.getPrototypeOf, Object), la = Object.create, ua = Ae.propertyIsEnumerable, da = ia.splice, Tt = Object.getOwnPropertySymbols, fa = wt ? wt.isBuffer : void 0, va = qe(Object.keys, Object), Ye = ge(L, "DataView"), Ie = ge(L, "Map"), Je = ge(L, "Promise"), Qe = ge(L, "Set"), et = ge(L, "WeakMap"), Oe = ge(Object, "create"), ba = fe(Ye), ha = fe(Ie), pa = fe(Je), ma = fe(Qe), ga = fe(et), St = _t ? _t.prototype : void 0, It = St ? St.valueOf : void 0;
+  ), wt = Te ? L.Buffer : void 0, kt = L.Symbol, _t = L.Uint8Array, ca = qe(Object.getPrototypeOf, Object), la = Object.create, ua = Ae.propertyIsEnumerable, da = ia.splice, Tt = Object.getOwnPropertySymbols, fa = wt ? wt.isBuffer : void 0, va = qe(Object.keys, Object), Ye = ge(L, "DataView"), Ie = ge(L, "Map"), Je = ge(L, "Promise"), Qe = ge(L, "Set"), et = ge(L, "WeakMap"), Oe = ge(Object, "create"), ba = fe(Ye), ha = fe(Ie), pa = fe(Je), ma = fe(Qe), ga = fe(et), St = kt ? kt.prototype : void 0, It = St ? St.valueOf : void 0;
   function ue(e) {
     var i = -1, s = e ? e.length : 0;
     for (this.clear(); ++i < s; ) {
@@ -1214,7 +1216,7 @@ Ve.exports;
   function wa(e) {
     return this.has(e) && delete this.__data__[e];
   }
-  function _a(e) {
+  function ka(e) {
     var i = this.__data__;
     if (Oe) {
       var s = i[e];
@@ -1222,7 +1224,7 @@ Ve.exports;
     }
     return ce.call(i, e) ? i[e] : void 0;
   }
-  function ka(e) {
+  function _a(e) {
     var i = this.__data__;
     return Oe ? i[e] !== void 0 : ce.call(i, e);
   }
@@ -1230,7 +1232,7 @@ Ve.exports;
     var s = this.__data__;
     return s[e] = Oe && i === void 0 ? n : i, this;
   }
-  ue.prototype.clear = ya, ue.prototype.delete = wa, ue.prototype.get = _a, ue.prototype.has = ka, ue.prototype.set = Ta;
+  ue.prototype.clear = ya, ue.prototype.delete = wa, ue.prototype.get = ka, ue.prototype.has = _a, ue.prototype.set = Ta;
   function ie(e) {
     var i = -1, s = e ? e.length : 0;
     for (this.clear(); ++i < s; ) {
@@ -1346,7 +1348,7 @@ Ve.exports;
       var ye = de(e), Dt = ye == A || ye == N;
       if (fn(e))
         return Va(e, i);
-      if (ye == _ || ye == l || Dt && !U) {
+      if (ye == k || ye == l || Dt && !U) {
         if (ht(e))
           return U ? e : {};
         if (W = nn(Dt ? {} : e), !i)
@@ -1399,7 +1401,7 @@ Ve.exports;
   }
   function at(e) {
     var i = new e.constructor(e.byteLength);
-    return new kt(i).set(new kt(e)), i;
+    return new _t(i).set(new _t(e)), i;
   }
   function za(e, i) {
     var s = i ? at(e.buffer) : e.buffer;
@@ -1454,7 +1456,7 @@ Ve.exports;
   }
   var Ct = Tt ? qe(Tt, Object) : hn, de = Ha;
   (Ye && de(new Ye(new ArrayBuffer(1))) != K || Ie && de(new Ie()) != x || Je && de(Je.resolve()) != Z || Qe && de(new Qe()) != B || et && de(new et()) != J) && (de = function(e) {
-    var i = Fe.call(e), s = i == _ ? e.constructor : void 0, b = s ? fe(s) : void 0;
+    var i = Fe.call(e), s = i == k ? e.constructor : void 0, b = s ? fe(s) : void 0;
     if (b)
       switch (b) {
         case ba:
@@ -1668,17 +1670,17 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       "98cd1a16": A.value.top,
       "362eded8": A.value.zIndex
     }));
-    const r = t, n = a, c = ze(), l = k(() => !!c.header), o = k(() => !!c.top), v = k(() => ({
+    const r = t, n = a, c = ze(), l = _(() => !!c.header), o = _(() => !!c.top), v = _(() => ({
       mobileTop: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : n.topOffset ? `${n.topOffset}px` : "0",
       top: n.topOffset ? `${n.topOffset}px` : "0",
       mobileHeight: n.mobileTopOffset && n.mobileEnabled ? `calc(100% - ${n.mobileTopOffset}px)` : "100%",
       height: n.topOffset ? `calc(100% - ${n.topOffset}px)` : "100%"
-    })), m = k(() => ({
+    })), m = _(() => ({
       display: !n.mobileHeaderVisible && n.mobileEnabled ? "none" : "flex",
       minHeight: `${n.headerHeight}px`
-    })), S = k(() => ({
+    })), S = _(() => ({
       marginTop: l.value ? `${n.headerHeight}px` : "0"
-    })), A = k(() => ({
+    })), A = _(() => ({
       top: n.mobileTopOffset && n.mobileEnabled ? `${n.mobileTopOffset}px` : "0",
       zIndex: n.mobileOverlayZIndex !== null ? n.mobileOverlayZIndex : n.zIndex > 1 ? n.zIndex - 1 : 1
     })), N = (f) => Xr(f).map((h) => {
@@ -1689,9 +1691,9 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
           g.parentKey = h.key, (!g.testId || !((D = g.testId) != null && D.trim())) && (g.testId = String(g.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
       }
       return h;
-    }), x = k(() => n.topItems.length ? N(n.topItems) : []), P = k(() => n.bottomItems.length ? N(n.bottomItems) : []), _ = V(n.open), Z = (f) => {
+    }), x = _(() => n.topItems.length ? N(n.topItems) : []), P = _(() => n.bottomItems.length ? N(n.bottomItems) : []), k = V(n.open), Z = (f) => {
       var y, h;
-      _.value !== f && (_.value = f, r("toggle", f)), f ? (y = document == null ? void 0 : document.body) == null || y.classList.add("kong-ui-app-sidebar-open") : (h = document == null ? void 0 : document.body) == null || h.classList.remove("kong-ui-app-sidebar-open"), B.value = !1;
+      k.value !== f && (k.value = f, r("toggle", f)), f ? (y = document == null ? void 0 : document.body) == null || y.classList.add("kong-ui-app-sidebar-open") : (h = document == null ? void 0 : document.body) == null || h.classList.remove("kong-ui-app-sidebar-open"), B.value = !1;
     }, G = () => {
       n.mobileOverlayCloseOnClick && Z(!1);
     }, B = V(!1), ae = (f) => {
@@ -1703,10 +1705,10 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       Z(f);
     });
     const { debounce: oe } = Qt(), J = oe(() => {
-      _.value && Q.value !== (window == null ? void 0 : window.innerWidth) && (Q.value = window == null ? void 0 : window.innerWidth, Z(!1));
+      k.value && Q.value !== (window == null ? void 0 : window.innerWidth) && (Q.value = window == null ? void 0 : window.innerWidth, Z(!1));
     }, 200), Q = V(), K = V(!1), z = V(), E = () => {
       K.value || (K.value = !0, clearTimeout(z.value), z.value = setTimeout(() => K.value = !1, 1300));
-    }, j = V(null), H = k(() => _.value && n.mobileEnabled), I = async (f) => {
+    }, j = V(null), H = _(() => k.value && n.mobileEnabled), I = async (f) => {
       var y, h;
       f ? (await Lt(), await new Promise(($) => setTimeout($, 300)), (y = j.value) == null || y.activate()) : (h = j.value) == null || h.deactivate();
     };
@@ -1731,7 +1733,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
     }), Wt(() => {
       window.removeEventListener("resize", J), window.removeEventListener("resize", E);
     }), (f, y) => (p(), w(Ce, null, [
-      _.value && a.mobileOverlay && a.mobileEnabled ? (p(), w("div", {
+      k.value && a.mobileOverlay && a.mobileEnabled ? (p(), w("div", {
         key: 0,
         class: "kong-ui-app-sidebar-overlay",
         onClick: G
@@ -1746,7 +1748,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         default: R(() => [
           O("aside", {
             class: ne(["kong-ui-app-sidebar", {
-              "sidebar-open": _.value,
+              "sidebar-open": k.value,
               "no-sidebar-header": !l.value,
               "mobile-header-hidden": a.mobileEnabled && (!l.value || !a.mobileHeaderVisible),
               "mobile-disabled": !a.mobileEnabled,
@@ -1763,7 +1765,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
               ])) : C("", !0),
               O("nav", ei, [
                 x.value.length ? (p(), w("ul", ti, [
-                  (p(!0), w(Ce, null, _e(x.value, (h) => (p(), Y(Mt, {
+                  (p(!0), w(Ce, null, ke(x.value, (h) => (p(), Y(Mt, {
                     key: h.name,
                     item: h,
                     onClick: ae
@@ -1776,7 +1778,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
                 ])) : C("", !0),
                 x.value.length && P.value.length ? (p(), w("div", ai)) : C("", !0),
                 P.value.length ? (p(), w("ul", ni, [
-                  (p(!0), w(Ce, null, _e(P.value, (h) => (p(), Y(Mt, {
+                  (p(!0), w(Ce, null, ke(P.value, (h) => (p(), Y(Mt, {
                     key: h.name,
                     item: h,
                     onClick: ae
@@ -1826,7 +1828,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       onClick: Sn(l, ["prevent"])
     }, di, 10, si));
   }
-}), vi = /* @__PURE__ */ te(fi, [["__scopeId", "data-v-b411bcf5"]]), bi = "#ffffff", hi = "#000933", pi = "#000933", mi = "#ffffff", gi = "0px", yi = "4px", wi = (a) => (ut("data-v-47c01124"), a = a(), dt(), a), _i = { id: "kong-ui-app-layout-notification" }, ki = { class: "mobile-logo" }, Ti = {
+}), vi = /* @__PURE__ */ te(fi, [["__scopeId", "data-v-b411bcf5"]]), bi = "#ffffff", hi = "#000933", pi = "#000933", mi = "#ffffff", gi = "0px", yi = "4px", wi = (a) => (ut("data-v-47c01124"), a = a(), dt(), a), ki = { id: "kong-ui-app-layout-notification" }, _i = { class: "mobile-logo" }, Ti = {
   key: 0,
   class: "navbar-logo"
 }, Si = {
@@ -1877,21 +1879,21 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       af1d4ea2: J.value
     }));
     const r = a, n = t, c = ze(), l = Pe({
-      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 = Pe({
-      hidden: k(() => r.navbarHidden)
+      navbarLeft: _(() => !!c["navbar-left"]),
+      navbarCenter: _(() => !!c["navbar-center"]),
+      navbarRight: _(() => !!c["navbar-right"]),
+      navbarLogo: _(() => !!c["navbar-logo"]),
+      navbarMobileLogo: _(() => !!c["navbar-mobile-logo"]),
+      sidebarHeader: _(() => !!c["sidebar-header"]),
+      sidebarTop: _(() => !!c["sidebar-top"]),
+      sidebarFooter: _(() => !!c["sidebar-footer"])
+    }), o = _(() => r.hideDefaultSlot), v = Pe({
+      hidden: _(() => r.navbarHidden)
     }), m = Pe({
-      topItems: k(() => r.sidebarTopItems),
-      bottomItems: k(() => r.sidebarBottomItems),
-      open: k(() => r.sidebarOpen),
-      hidden: k(() => r.sidebarHidden)
+      topItems: _(() => r.sidebarTopItems),
+      bottomItems: _(() => r.sidebarBottomItems),
+      open: _(() => r.sidebarOpen),
+      hidden: _(() => r.sidebarHidden)
     }), S = (E) => {
       n("sidebar-click", E);
     }, A = V(!1), N = (E) => {
@@ -1900,11 +1902,11 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
     In(() => {
       A.value = On(m, "open").value || !1;
     });
-    const x = V(0), P = V(60), _ = V(0), Z = k(() => v.hidden ? _.value : P.value + _.value), G = k(() => r.theme === "light" ? pi : mi), B = k(() => r.theme === "light" ? bi : hi), ae = k(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), oe = k(() => `${Z.value}px`), J = k(() => m.hidden || v.hidden ? gi : yi), { debounce: Q } = Qt(), K = Q((E = !1) => {
+    const x = V(0), P = V(60), k = V(0), Z = _(() => v.hidden ? k.value : P.value + k.value), G = _(() => r.theme === "light" ? pi : mi), B = _(() => r.theme === "light" ? bi : hi), ae = _(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), oe = _(() => `${Z.value}px`), J = _(() => m.hidden || v.hidden ? gi : yi), { debounce: Q } = Qt(), K = Q((E = !1) => {
       if (E || x.value !== (window == null ? void 0 : window.innerWidth)) {
         x.value = window == null ? void 0 : window.innerWidth;
         const j = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-        j && (_.value = j.offsetHeight);
+        j && (k.value = j.offsetHeight);
       }
     }, 200), z = V();
     return Ge(() => {
@@ -1916,7 +1918,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
           if (!(!Array.isArray(I) || !I.length))
             for (const d of I) {
               const u = d.contentRect.height;
-              _.value !== u && (_.value = u);
+              k.value !== u && (k.value = u);
             }
         });
       }), z.value.observe(E)), window.addEventListener("resize", K);
@@ -1928,13 +1930,13 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         { "sidebar-hidden": m.hidden }
       ]])
     }, [
-      O("div", _i, [
+      O("div", ki, [
         T(E.$slots, "notification", {}, void 0, !0)
       ]),
       v.hidden ? C("", !0) : (p(), Y(cr, {
         key: String(m.hidden),
         "left-offset": m.hidden ? 0 : void 0,
-        "top-offset": _.value
+        "top-offset": k.value
       }, Ze({
         "mobile-sidebar-toggle": R(() => [
           m.hidden ? C("", !0) : (p(), Y(vi, {
@@ -1948,7 +1950,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         l.navbarMobileLogo ? {
           name: "mobile-logo",
           fn: R(() => [
-            O("div", ki, [
+            O("div", _i, [
               T(E.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
           ]),
@@ -1994,7 +1996,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
         "mobile-top-offset": Z.value,
         open: A.value,
         "top-items": m.topItems,
-        "top-offset": _.value,
+        "top-offset": k.value,
         onClick: S,
         onToggle: N
       }, Ze({ _: 2 }, [
@@ -2019,7 +2021,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
           ]),
           key: "2"
         } : void 0,
-        _e([...m.topItems || [], ...m.bottomItems || []], (H) => ({
+        ke([...m.topItems || [], ...m.bottomItems || []], (H) => ({
           name: `sidebar-icon-${H.key}`,
           fn: R(() => [
             T(E.$slots, `sidebar-icon-${H.key}`, {}, void 0, !0)
@@ -2071,10 +2073,10 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
     }
   },
   setup(a) {
-    const t = a, r = ze(), n = k(() => {
+    const t = a, r = ze(), n = _(() => {
       var l;
       return !!((l = t.breadcrumbs) != null && l.length);
-    }), c = k(() => Object.keys(r).filter((l) => l.startsWith("icon-")));
+    }), c = _(() => Object.keys(r).filter((l) => l.startsWith("icon-")));
     return (l, o) => {
       const v = be("KBreadcrumbs");
       return p(), w("div", Ni, [
@@ -2083,7 +2085,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
             "item-max-width": "150",
             items: a.breadcrumbs
           }, Ze({ _: 2 }, [
-            _e(c.value, (m) => ({
+            ke(c.value, (m) => ({
               name: m,
               fn: R(() => [
                 T(l.$slots, m, {}, void 0, !0)

package/dist/app-layout.umd.js

@@ -1,4 +1,4 @@
-(function(L,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(L=typeof globalThis<"u"?globalThis:L||self,e(L["kong-ui-public-app-layout"]={},L.Vue))})(this,function(L,e){"use strict";const xt=e.defineComponent({__name:"AccountDropdown",props:{options:{type:Array,required:!0},width:{type:String,default:"240"},userInitials:{type:String,required:!0,default:" "}},setup(n){return(a,r)=>{const o=e.resolveComponent("KDropdownItem"),l=e.resolveComponent("KDropdown");return e.openBlock(),e.createBlock(l,{class:"account-dropdown","kpop-attributes":{placement:"bottom-end"},"trigger-text":n.userInitials,width:n.width},{items:e.withCtx(({handleSelection:d})=>[e.renderSlot(a.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,c=>(e.openBlock(),e.createBlock(o,{key:c.value,class:e.normalizeClass({"has-divider":c.hasDivider}),"data-testid":"select-"+c.value,"has-divider":c.hasDivider,onClick:p=>d(c)},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{option:c},()=>[e.createTextVNode(e.toDisplayString(c.label),1)],!0)]),_:2},1032,["class","data-testid","has-divider","onClick"]))),128))],!0)]),_:3},8,["trigger-text","width"])}}}),H=(n,a)=>{const r=n.__vccOpts||n;for(const[o,l]of a)r[o]=l;return r},Ft=H(xt,[["__scopeId","data-v-b33191a2"]]),Dt={class:"about-section-title","data-testid":"about-section-title"},Vt={class:"about-section-header-end"},Rt={key:0,class:"about-section-timestamps-created","data-testid":"about-section-timestamps-created"},Lt={key:1,class:"about-section-timestamps-arrow"},Mt={key:2,class:"about-section-timestamps-modified","data-testid":"about-section-timestamps-modified"},Pt={key:1,class:"about-section-actions","data-testid":"about-section-actions"},jt={key:0,"data-testid":"about-section-loading-skeleton"},Zt={key:1},Kt={key:0,class:"about-section-description","data-testid":"about-section-description"},Ht={key:1,class:"about-section-content","data-testid":"about-section-content"},zt={key:2,"data-testid":"about-divider-section-separator"},Ut={key:3,class:"about-divider-section","data-testid":"about-divider-section"},Wt=H(e.defineComponent({__name:"AppAboutSection",props:{title:{type:String,default:""},description:{type:String,default:""},created:{type:String,default:""},createdLabel:{type:String,default:"Created"},modified:{type:String,default:""},modifiedLabel:{type:String,default:"Modified"},isLoading:{type:Boolean,default:!1}},setup(n){const a=n,r=e.computed(()=>!!a.modified&&a.modified!==a.created);return(o,l)=>{const d=e.resolveComponent("KSkeletonBox"),c=e.resolveComponent("KCard");return e.openBlock(),e.createBlock(c,{class:"kong-ui-app-about-section","title-tag":"h2"},e.createSlots({default:e.withCtx(()=>[n.isLoading?(e.openBlock(),e.createElementBlock("div",jt,[e.createVNode(d,{height:"2",width:"100"}),e.createVNode(d,{height:"2",width:"100"})])):(e.openBlock(),e.createElementBlock("div",Zt,[n.description?(e.openBlock(),e.createElementBlock("p",Kt,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0),o.$slots.default?(e.openBlock(),e.createElementBlock("div",Ht,[e.renderSlot(o.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("hr",zt)):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("div",Ut,[e.renderSlot(o.$slots,"divider-section",{},void 0,!0)])):e.createCommentVNode("",!0)]))]),_:2},[n.title?{name:"title",fn:e.withCtx(()=>[e.createElementVNode("span",Dt,e.toDisplayString(n.title),1)]),key:"0"}:void 0,o.$slots.actions||n.created||n.modified?{name:"actions",fn:e.withCtx(()=>[e.createElementVNode("div",Vt,[n.created||n.modified?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["about-section-timestamps",{"has-actions":o.$slots.actions}])},[n.created?(e.openBlock(),e.createElementBlock("span",Rt,e.toDisplayString(n.createdLabel)+": "+e.toDisplayString(n.created),1)):e.createCommentVNode("",!0),n.created&&r.value?(e.openBlock(),e.createElementBlock("span",Lt,"->")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("span",Mt,e.toDisplayString(n.modifiedLabel)+": "+e.toDisplayString(n.modified),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.$slots.actions?(e.openBlock(),e.createElementBlock("div",Pt,[e.renderSlot(o.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)])]),key:"1"}:void 0]),1024)}}}),[["__scopeId","data-v-521dcc27"]]),Gt={},qt={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"},Xt=[e.createStaticVNode('<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)];function Yt(n,a){return e.openBlock(),e.createElementBlock("svg",qt,Xt)}const Jt=H(Gt,[["render",Yt]]),ze=n=>(e.pushScopeId("data-v-5cbccc66"),n=n(),e.popScopeId(),n),Qt={class:"kong-ui-app-error"},ea={class:"banana-icon"},ta={class:"kong-ui-app-error-content"},aa=ze(()=>e.createElementVNode("h2",null,"An unexpected error has occurred",-1)),na=ze(()=>e.createElementVNode("p",null,[e.createTextVNode("Go back to the previous page or "),e.createElementVNode("a",{href:"/"},"return home"),e.createTextVNode(".")],-1)),oa=H(e.defineComponent({__name:"AppError",setup(n){return(a,r)=>(e.openBlock(),e.createElementBlock("section",Qt,[e.createElementVNode("div",ea,[e.createVNode(Jt)]),e.createElementVNode("div",ta,[e.renderSlot(a.$slots,"default",{},()=>[aa,na],!0)])]))}}),[["__scopeId","data-v-5cbccc66"]]),ra={class:"kong-ui-app-navbar"},ia={class:"header-content"},ca={class:"mobile-header-left"},sa={key:0,class:"app-navbar-logo"},la={class:"navbar-content"},da={class:"navbar-content-left"},ua={class:"navbar-content-center"},fa={class:"navbar-content-right"},Ue=H(e.defineComponent({__name:"AppNavbar",props:{topOffset:{type:Number,default:0},leftOffset:{type:Number,default:240},zIndex:{type:Number,default:3}},setup(n){e.useCssVars(c=>({d96d0598:d.value.top,"05b18f8e":d.value.zIndex,"543b3ff0":d.value.left,"247c8fd0":l.marginRight,"278e63f0":l.width}));const a=n,r=e.useSlots(),o=e.computed(()=>!!r.logo),l=e.reactive({marginRight:"0",width:"0"});e.onMounted(()=>{var c,p;(p=(c=document==null?void 0:document.querySelector(".kong-ui-app-navbar .app-navbar-logo"))==null?void 0:c.children)!=null&&p.length?(l.marginRight="32px",l.width="calc(240px - 32px)"):(l.marginRight="0",l.width="0")});const d=e.computed(()=>({top:a.topOffset?`${a.topOffset}px`:"0",left:a.leftOffset?`${a.leftOffset}px`:"0",zIndex:a.zIndex}));return(c,p)=>(e.openBlock(),e.createElementBlock("header",ra,[e.createElementVNode("div",ia,[e.createElementVNode("div",ca,[e.renderSlot(c.$slots,"mobile-sidebar-toggle"),e.renderSlot(c.$slots,"mobile-logo")]),o.value?(e.openBlock(),e.createElementBlock("div",sa,[e.renderSlot(c.$slots,"logo")])):e.createCommentVNode("",!0),e.createElementVNode("div",la,[e.createElementVNode("div",da,[e.renderSlot(c.$slots,"left")]),e.createElementVNode("div",ua,[e.renderSlot(c.$slots,"center")]),e.createElementVNode("div",fa,[e.renderSlot(c.$slots,"right")])])])]))}}),[["__scopeId","data-v-beca6ea9"]]),ma=["title"],$e=99,pa=H(e.defineComponent({__name:"ItemBadge",props:{count:{type:Number,required:!0,default:void 0}},setup(n){const a=n,r=e.computed(()=>a.count?a.count>$e?`${$e}+`:a.count.toString():"");return(o,l)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"item-badge",title:(n.count||0)>$e?String(n.count):void 0},e.toDisplayString(r.value),9,ma)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-afb0d903"]]),ba=["data-testid"],ha=["aria-controls","aria-expanded","href","target","onClick","onKeypress"],ga={key:0,class:"sidebar-item-icon"},va={class:"sidebar-item-name-container"},ya={class:"sidebar-item-name has-tooltip"},ka={key:2,class:"sidebar-item-label truncate-text truncate-18"},wa=["id"],We=H(e.defineComponent({__name:"SidebarItem",props:{item:{type:Object,required:!0},subnavItem:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:a}){const r=a,o=n,l=e.computed(()=>typeof o.item.to!="string"?!1:!!o.item.newWindow||!!o.item.external||o.item.to.startsWith("http")),d=e.computed(()=>!o.item.to||typeof o.item.to!="string"||!o.item.newWindow?!1:o.item.newWindow&&(o.item.to.startsWith("http")||o.item.to.startsWith("/"))),c=e.computed(()=>o.subnavItem&&o.item.badgeCount!==void 0),p=w=>{r("click",w)},g=(w,N,E)=>{p(N),typeof E=="function"&&(w.preventDefault(),E())};return(w,N)=>{var x;const E=e.resolveComponent("KTooltip"),B=e.resolveComponent("SidebarItem",!0);return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([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},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value?"div":"router-link"),{custom:l.value?void 0:!0,to:!l.value&&!d.value?n.item.to:void 0},{default:e.withCtx(k=>{var F,Z;return[e.createElementVNode("a",{"aria-controls":(F=n.item.items)!=null&&F.length&&n.item.expanded?`subnav-${n.item.key}`:void 0,"aria-expanded":(Z=n.item.items)!=null&&Z.length&&n.item.expanded?!0:void 0,class:e.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":d.value,"router-link":!l.value}]),href:l.value?String(n.item.to||"#"):k==null?void 0:k.href,target:d.value?"_blank":void 0,onClick:$=>g($,n.item,k==null?void 0:k.navigate),onKeypress:e.withKeys($=>g($,n.item,k==null?void 0:k.navigate),["enter"])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar-item-display",{"has-label":!!n.item.label&&n.item.expanded,"has-badge":c.value}])},[w.$slots[`sidebar-icon-${n.item.key}`]?(e.openBlock(),e.createElementBlock("div",ga,[n.subnavItem?e.createCommentVNode("",!0):e.renderSlot(w.$slots,`sidebar-icon-${n.item.key}`,{key:0},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",va,[(n.subnavItem?n.item.name.length<25:n.item.name.length<18)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sidebar-item-name truncate-text",[n.subnavItem?"has-badge-max-width truncate-24":"truncate-17"]])},e.toDisplayString(n.item.name),3)):(e.openBlock(),e.createBlock(E,{key:1,class:"sidebar-item-tooltip",placement:"right","position-fixed":"",text:n.item.name},{default:e.withCtx(()=>[e.createElementVNode("div",ya,[e.createElementVNode("span",{class:e.normalizeClass(["truncate-text",[n.subnavItem?"truncate-18":"truncate-17",{"has-badge-max-width":c.value}]])},e.toDisplayString(n.item.name),3)])]),_:1},8,["text"])),n.item.label&&n.item.expanded?(e.openBlock(),e.createElementBlock("div",ka,e.toDisplayString(n.item.label),1)):e.createCommentVNode("",!0)]),c.value?(e.openBlock(),e.createBlock(pa,{key:1,count:n.item.badgeCount},null,8,["count"])):e.createCommentVNode("",!0)],2)],42,ha)]}),_:3},8,["custom","to"])),(x=n.item.items)!=null&&x.length&&n.item.expanded?(e.openBlock(),e.createElementBlock("ul",{key:0,id:`subnav-${n.item.key}`,class:"level-secondary"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.item.items,k=>(e.openBlock(),e.createBlock(B,{key:k.name,item:k,"subnav-item":!0,onClick:F=>p(k)},null,8,["item","onClick"]))),128))],8,wa)):e.createCommentVNode("",!0)],10,ba)}}}),[["__scopeId","data-v-683b6696"]]);/*!
+(function(L,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(L=typeof globalThis<"u"?globalThis:L||self,e(L["kong-ui-public-app-layout"]={},L.Vue))})(this,function(L,e){"use strict";const xt=e.defineComponent({__name:"AccountDropdown",props:{options:{type:Array,required:!0},width:{type:String,default:"240"},userInitials:{type:String,required:!0,default:" "}},setup(n){return(a,r)=>{const o=e.resolveComponent("KDropdownItem"),l=e.resolveComponent("KDropdown");return e.openBlock(),e.createBlock(l,{class:"account-dropdown","kpop-attributes":{placement:"bottom-end"},"trigger-text":n.userInitials,width:n.width},{items:e.withCtx(({handleSelection:d})=>[e.renderSlot(a.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.options,c=>(e.openBlock(),e.createBlock(o,{key:c.value,class:e.normalizeClass({"has-divider":c.hasDivider}),"data-testid":"select-"+c.value,"has-divider":c.hasDivider,onClick:p=>d(c)},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{option:c},()=>[e.createTextVNode(e.toDisplayString(c.label),1)],!0)]),_:2},1032,["class","data-testid","has-divider","onClick"]))),128))],!0)]),_:3},8,["trigger-text","width"])}}}),H=(n,a)=>{const r=n.__vccOpts||n;for(const[o,l]of a)r[o]=l;return r},Ft=H(xt,[["__scopeId","data-v-b33191a2"]]),Dt={class:"about-section-title","data-testid":"about-section-title"},Vt={class:"about-section-header-end"},Rt={key:0,class:"about-section-timestamps-created","data-testid":"about-section-timestamps-created"},Lt={key:1,class:"about-section-timestamps-arrow"},Mt={key:2,class:"about-section-timestamps-modified","data-testid":"about-section-timestamps-modified"},Pt={key:1,class:"about-section-actions","data-testid":"about-section-actions"},jt={key:0,"data-testid":"about-section-loading-skeleton"},Zt={key:1},Kt={key:0,class:"about-section-description","data-testid":"about-section-description"},Ht={key:1,class:"about-section-content","data-testid":"about-section-content"},zt={key:2,"data-testid":"about-divider-section-separator"},Ut={key:3,class:"about-divider-section","data-testid":"about-divider-section"},Wt=H(e.defineComponent({__name:"AppAboutSection",props:{title:{type:String,default:""},description:{type:String,default:""},created:{type:String,default:""},createdLabel:{type:String,default:"Created"},modified:{type:String,default:""},modifiedLabel:{type:String,default:"Modified"},isLoading:{type:Boolean,default:!1}},setup(n){const a=n,r=e.computed(()=>!!a.modified&&a.modified!==a.created);return(o,l)=>{const d=e.resolveComponent("KSkeletonBox"),c=e.resolveComponent("KCard");return e.openBlock(),e.createBlock(c,{class:"kong-ui-app-about-section","title-tag":"h2"},e.createSlots({default:e.withCtx(()=>[n.isLoading?(e.openBlock(),e.createElementBlock("div",jt,[e.createVNode(d,{height:"2",width:"100"}),e.createVNode(d,{height:"2",width:"100"})])):(e.openBlock(),e.createElementBlock("div",Zt,[n.description?(e.openBlock(),e.createElementBlock("p",Kt,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0),o.$slots.default?(e.openBlock(),e.createElementBlock("div",Ht,[e.renderSlot(o.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("hr",zt)):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("div",Ut,[e.renderSlot(o.$slots,"divider-section",{},void 0,!0)])):e.createCommentVNode("",!0)]))]),_:2},[n.title?{name:"title",fn:e.withCtx(()=>[e.createElementVNode("span",Dt,e.toDisplayString(n.title),1)]),key:"0"}:void 0,o.$slots.actions||n.created||n.modified?{name:"actions",fn:e.withCtx(()=>[e.createElementVNode("div",Vt,[n.created||n.modified?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["about-section-timestamps",{"has-actions":o.$slots.actions}])},[n.created?(e.openBlock(),e.createElementBlock("span",Rt,e.toDisplayString(n.createdLabel)+": "+e.toDisplayString(n.created),1)):e.createCommentVNode("",!0),n.created&&r.value?(e.openBlock(),e.createElementBlock("span",Lt,"->")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("span",Mt,e.toDisplayString(n.modifiedLabel)+": "+e.toDisplayString(n.modified),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.$slots.actions?(e.openBlock(),e.createElementBlock("div",Pt,[e.renderSlot(o.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)])]),key:"1"}:void 0]),1024)}}}),[["__scopeId","data-v-521dcc27"]]),Gt={},qt={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"},Xt=[e.createStaticVNode('<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)];function Yt(n,a){return e.openBlock(),e.createElementBlock("svg",qt,Xt)}const Jt=H(Gt,[["render",Yt]]),ze=n=>(e.pushScopeId("data-v-5cbccc66"),n=n(),e.popScopeId(),n),Qt={class:"kong-ui-app-error"},ea={class:"banana-icon"},ta={class:"kong-ui-app-error-content"},aa=ze(()=>e.createElementVNode("h2",null,"An unexpected error has occurred",-1)),na=ze(()=>e.createElementVNode("p",null,[e.createTextVNode("Go back to the previous page or "),e.createElementVNode("a",{href:"/"},"return home"),e.createTextVNode(".")],-1)),oa=H(e.defineComponent({__name:"AppError",setup(n){return(a,r)=>(e.openBlock(),e.createElementBlock("section",Qt,[e.createElementVNode("div",ea,[e.createVNode(Jt)]),e.createElementVNode("div",ta,[e.renderSlot(a.$slots,"default",{},()=>[aa,na],!0)])]))}}),[["__scopeId","data-v-5cbccc66"]]),ra={class:"kong-ui-app-navbar"},ia={class:"header-content"},ca={class:"mobile-header-left"},sa={key:0,class:"app-navbar-logo"},la={class:"navbar-content"},da={class:"navbar-content-left"},ua={class:"navbar-content-center"},fa={class:"navbar-content-right"},Ue=H(e.defineComponent({__name:"AppNavbar",props:{topOffset:{type:Number,default:0},leftOffset:{type:Number,default:240},zIndex:{type:Number,default:3}},setup(n){e.useCssVars(c=>({d96d0598:d.value.top,"05b18f8e":d.value.zIndex,"543b3ff0":d.value.left,"247c8fd0":l.marginRight,"278e63f0":l.width}));const a=n,r=e.useSlots(),o=e.computed(()=>!!r.logo),l=e.reactive({marginRight:"0",width:"0"});e.onMounted(()=>{var c,p;(p=(c=document==null?void 0:document.querySelector(".kong-ui-app-navbar .app-navbar-logo"))==null?void 0:c.children)!=null&&p.length?(l.marginRight="32px",l.width="calc(240px - 32px)"):(l.marginRight="0",l.width="0")});const d=e.computed(()=>({top:a.topOffset?`${a.topOffset}px`:"0",left:a.leftOffset?`${a.leftOffset}px`:"0",zIndex:a.zIndex}));return(c,p)=>(e.openBlock(),e.createElementBlock("header",ra,[e.createElementVNode("div",ia,[e.createElementVNode("div",ca,[e.renderSlot(c.$slots,"mobile-sidebar-toggle"),e.renderSlot(c.$slots,"mobile-logo")]),o.value?(e.openBlock(),e.createElementBlock("div",sa,[e.renderSlot(c.$slots,"logo")])):e.createCommentVNode("",!0),e.createElementVNode("div",la,[e.createElementVNode("div",da,[e.renderSlot(c.$slots,"left")]),e.createElementVNode("div",ua,[e.renderSlot(c.$slots,"center")]),e.createElementVNode("div",fa,[e.renderSlot(c.$slots,"right")])])])]))}}),[["__scopeId","data-v-beca6ea9"]]),ma=["title"],$e=99,pa=H(e.defineComponent({__name:"ItemBadge",props:{count:{type:Number,required:!0,default:void 0}},setup(n){const a=n,r=e.computed(()=>a.count?a.count>$e?`${$e}+`:a.count.toString():"");return(o,l)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"item-badge",title:(n.count||0)>$e?String(n.count):void 0},e.toDisplayString(r.value),9,ma)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-afb0d903"]]),ba=["data-testid"],ha=["aria-controls","aria-current","aria-expanded","href","target","onClick","onKeypress"],ga={key:0,class:"sidebar-item-icon"},va={class:"sidebar-item-name-container"},ya={class:"sidebar-item-name has-tooltip"},ka={key:2,class:"sidebar-item-label truncate-text truncate-18"},wa=["id"],We=H(e.defineComponent({__name:"SidebarItem",props:{item:{type:Object,required:!0},subnavItem:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:a}){const r=a,o=n,l=e.computed(()=>typeof o.item.to!="string"?!1:!!o.item.newWindow||!!o.item.external||o.item.to.startsWith("http")),d=e.computed(()=>!o.item.to||typeof o.item.to!="string"||!o.item.newWindow?!1:o.item.newWindow&&(o.item.to.startsWith("http")||o.item.to.startsWith("/"))),c=e.computed(()=>o.subnavItem&&o.item.badgeCount!==void 0),p=w=>{r("click",w)},g=(w,N,E)=>{p(N),typeof E=="function"&&(w.preventDefault(),E())};return(w,N)=>{var x;const E=e.resolveComponent("KTooltip"),B=e.resolveComponent("SidebarItem",!0);return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([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},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value?"div":"router-link"),{"aria-current":l.value?void 0:n.item.active,custom:l.value?void 0:!0,to:!l.value&&!d.value?n.item.to:void 0},{default:e.withCtx(k=>{var F,Z;return[e.createElementVNode("a",{"aria-controls":(F=n.item.items)!=null&&F.length&&n.item.expanded?`subnav-${n.item.key}`:void 0,"aria-current":n.item.active,"aria-expanded":(Z=n.item.items)!=null&&Z.length&&n.item.expanded?!0:void 0,class:e.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":d.value,"router-link":!l.value}]),href:l.value?String(n.item.to||"#"):k==null?void 0:k.href,target:d.value?"_blank":void 0,onClick:$=>g($,n.item,k==null?void 0:k.navigate),onKeypress:e.withKeys($=>g($,n.item,k==null?void 0:k.navigate),["enter"])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar-item-display",{"has-label":!!n.item.label&&n.item.expanded,"has-badge":c.value}])},[w.$slots[`sidebar-icon-${n.item.key}`]?(e.openBlock(),e.createElementBlock("div",ga,[n.subnavItem?e.createCommentVNode("",!0):e.renderSlot(w.$slots,`sidebar-icon-${n.item.key}`,{key:0},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",va,[(n.subnavItem?n.item.name.length<25:n.item.name.length<18)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sidebar-item-name truncate-text",[n.subnavItem?"has-badge-max-width truncate-24":"truncate-17"]])},e.toDisplayString(n.item.name),3)):(e.openBlock(),e.createBlock(E,{key:1,class:"sidebar-item-tooltip",placement:"right","position-fixed":"",text:n.item.name},{default:e.withCtx(()=>[e.createElementVNode("div",ya,[e.createElementVNode("span",{class:e.normalizeClass(["truncate-text",[n.subnavItem?"truncate-18":"truncate-17",{"has-badge-max-width":c.value}]])},e.toDisplayString(n.item.name),3)])]),_:1},8,["text"])),n.item.label&&n.item.expanded?(e.openBlock(),e.createElementBlock("div",ka,e.toDisplayString(n.item.label),1)):e.createCommentVNode("",!0)]),c.value?(e.openBlock(),e.createBlock(pa,{key:1,count:n.item.badgeCount},null,8,["count"])):e.createCommentVNode("",!0)],2)],42,ha)]}),_:3},8,["aria-current","custom","to"])),(x=n.item.items)!=null&&x.length&&n.item.expanded?(e.openBlock(),e.createElementBlock("ul",{key:0,id:`subnav-${n.item.key}`,class:"level-secondary"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.item.items,k=>(e.openBlock(),e.createBlock(B,{key:k.name,item:k,"subnav-item":!0,onClick:F=>p(k)},null,8,["item","onClick"]))),128))],8,wa)):e.createCommentVNode("",!0)],10,ba)}}}),[["__scopeId","data-v-909a8161"]]);/*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */var Ge=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],ge=Ge.join(","),qe=typeof Element>"u",Q=qe?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,ve=!qe&&Element.prototype.getRootNode?function(n){var a;return n==null||(a=n.getRootNode)===null||a===void 0?void 0:a.call(n)}:function(n){return n==null?void 0:n.ownerDocument},ye=function n(a,r){var o;r===void 0&&(r=!0);var l=a==null||(o=a.getAttribute)===null||o===void 0?void 0:o.call(a,"inert"),d=l===""||l==="true",c=d||r&&a&&n(a.parentNode);return c},Sa=function(a){var r,o=a==null||(r=a.getAttribute)===null||r===void 0?void 0:r.call(a,"contenteditable");return o===""||o==="true"},Xe=function(a,r,o){if(ye(a))return[];var l=Array.prototype.slice.apply(a.querySelectorAll(ge));return r&&Q.call(a,ge)&&l.unshift(a),l=l.filter(o),l},Ye=function n(a,r,o){for(var l=[],d=Array.from(a);d.length;){var c=d.shift();if(!ye(c,!1))if(c.tagName==="SLOT"){var p=c.assignedElements(),g=p.length?p:c.children,w=n(g,!0,o);o.flatten?l.push.apply(l,w):l.push({scopeParent:c,candidates:w})}else{var N=Q.call(c,ge);N&&o.filter(c)&&(r||!a.includes(c))&&l.push(c);var E=c.shadowRoot||typeof o.getShadowRoot=="function"&&o.getShadowRoot(c),B=!ye(E,!1)&&(!o.shadowRootFilter||o.shadowRootFilter(c));if(E&&B){var x=n(E===!0?c.children:E.children,!0,o);o.flatten?l.push.apply(l,x):l.push({scopeParent:c,candidates:x})}else d.unshift.apply(d,c.children)}}return l},Je=function(a){return!isNaN(parseInt(a.getAttribute("tabindex"),10))},ee=function(a){if(!a)throw new Error("No node provided");return a.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(a.tagName)||Sa(a))&&!Je(a)?0:a.tabIndex},Ca=function(a,r){var o=ee(a);return o<0&&r&&!Je(a)?0:o},_a=function(a,r){return a.tabIndex===r.tabIndex?a.documentOrder-r.documentOrder:a.tabIndex-r.tabIndex},Qe=function(a){return a.tagName==="INPUT"},Ea=function(a){return Qe(a)&&a.type==="hidden"},Na=function(a){var r=a.tagName==="DETAILS"&&Array.prototype.slice.apply(a.children).some(function(o){return o.tagName==="SUMMARY"});return r},Ta=function(a,r){for(var o=0;o<a.length;o++)if(a[o].checked&&a[o].form===r)return a[o]},Ba=function(a){if(!a.name)return!0;var r=a.form||ve(a),o=function(p){return r.querySelectorAll('input[type="radio"][name="'+p+'"]')},l;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")l=o(window.CSS.escape(a.name));else try{l=o(a.name)}catch(c){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",c.message),!1}var d=Ta(l,a.form);return!d||d===a},Ia=function(a){return Qe(a)&&a.type==="radio"},$a=function(a){return Ia(a)&&!Ba(a)},Oa=function(a){var r,o=a&&ve(a),l=(r=o)===null||r===void 0?void 0:r.host,d=!1;if(o&&o!==a){var c,p,g;for(d=!!((c=l)!==null&&c!==void 0&&(p=c.ownerDocument)!==null&&p!==void 0&&p.contains(l)||a!=null&&(g=a.ownerDocument)!==null&&g!==void 0&&g.contains(a));!d&&l;){var w,N,E;o=ve(l),l=(w=o)===null||w===void 0?void 0:w.host,d=!!((N=l)!==null&&N!==void 0&&(E=N.ownerDocument)!==null&&E!==void 0&&E.contains(l))}}return d},et=function(a){var r=a.getBoundingClientRect(),o=r.width,l=r.height;return o===0&&l===0},Aa=function(a,r){var o=r.displayCheck,l=r.getShadowRoot;if(getComputedStyle(a).visibility==="hidden")return!0;var d=Q.call(a,"details>summary:first-of-type"),c=d?a.parentElement:a;if(Q.call(c,"details:not([open]) *"))return!0;if(!o||o==="full"||o==="legacy-full"){if(typeof l=="function"){for(var p=a;a;){var g=a.parentElement,w=ve(a);if(g&&!g.shadowRoot&&l(g)===!0)return et(a);a.assignedSlot?a=a.assignedSlot:!g&&w!==a.ownerDocument?a=w.host:a=g}a=p}if(Oa(a))return!a.getClientRects().length;if(o!=="legacy-full")return!0}else if(o==="non-zero-area")return et(a);return!1},xa=function(a){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(a.tagName))for(var r=a.parentElement;r;){if(r.tagName==="FIELDSET"&&r.disabled){for(var o=0;o<r.children.length;o++){var l=r.children.item(o);if(l.tagName==="LEGEND")return Q.call(r,"fieldset[disabled] *")?!0:!l.contains(a)}return!0}r=r.parentElement}return!1},ke=function(a,r){return!(r.disabled||ye(r)||Ea(r)||Aa(r,a)||Na(r)||xa(r))},Oe=function(a,r){return!($a(r)||ee(r)<0||!ke(a,r))},Fa=function(a){var r=parseInt(a.getAttribute("tabindex"),10);return!!(isNaN(r)||r>=0)},Da=function n(a){var r=[],o=[];return a.forEach(function(l,d){var c=!!l.scopeParent,p=c?l.scopeParent:l,g=Ca(p,c),w=c?n(l.candidates):p;g===0?c?r.push.apply(r,w):r.push(p):o.push({documentOrder:d,tabIndex:g,item:l,isScope:c,content:w})}),o.sort(_a).reduce(function(l,d){return d.isScope?l.push.apply(l,d.content):l.push(d.content),l},[]).concat(r)},Va=function(a,r){r=r||{};var o;return r.getShadowRoot?o=Ye([a],r.includeContainer,{filter:Oe.bind(null,r),flatten:!1,getShadowRoot:r.getShadowRoot,shadowRootFilter:Fa}):o=Xe(a,r.includeContainer,Oe.bind(null,r)),Da(o)},Ra=function(a,r){r=r||{};var o;return r.getShadowRoot?o=Ye([a],r.includeContainer,{filter:ke.bind(null,r),flatten:!0,getShadowRoot:r.getShadowRoot}):o=Xe(a,r.includeContainer,ke.bind(null,r)),o},re=function(a,r){if(r=r||{},!a)throw new Error("No node provided");return Q.call(a,ge)===!1?!1:Oe(r,a)},La=Ge.concat("iframe").join(","),Ae=function(a,r){if(r=r||{},!a)throw new Error("No node provided");return Q.call(a,La)===!1?!1:ke(r,a)};/*!

package/dist/style.css

@@ -1 +1 @@
-.account-dropdown[data-v-b33191a2]{display:flex;margin-right:4px}.account-dropdown[data-v-b33191a2] .k-button.primary,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled){background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC);border-radius:100px;color:#000933;color:var(--kong-ui-account-dropdown-color, #000933);font-size:12px;height:24px;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;width:24px}.account-dropdown[data-v-b33191a2] .k-button.primary:hover,.account-dropdown[data-v-b33191a2] .k-button.primary:focus,.account-dropdown[data-v-b33191a2] .k-button.primary:active,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):hover,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):focus,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc!important;background-color:var(--kong-ui-account-dropdown-background, #9396FC)!important}.account-dropdown[data-v-b33191a2] .k-button.primary:focus-visible,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):focus-visible{border-radius:100px;outline:1px solid #bee2ff!important;outline-offset:2px}.kong-ui-app-about-section .about-section-title[data-v-521dcc27]{color:#000933;font-size:16px;font-weight:700;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-521dcc27]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-521dcc27]{align-self:center;color:#6c7489;flex-direction:column;font-size:12px;line-height:16px;margin-bottom:12px}@media (min-width: 768px){.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-521dcc27]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-521dcc27]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-521dcc27]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-521dcc27]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-521dcc27]{align-items:flex-start;align-self:stretch;color:#6c7489;column-gap:20px;display:flex;flex-wrap:wrap;font-size:14px;line-height:20px;padding:0;row-gap:6px}.kong-ui-app-about-section .about-divider-section[data-v-521dcc27]{color:#6c7489;display:flex;flex-direction:column;flex-wrap:wrap;font-size:14px;line-height:20px;row-gap:12px}.kong-ui-app-about-section[data-v-521dcc27] hr,.kong-ui-app-about-section hr[data-v-521dcc27]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-521dcc27]{margin-bottom:12px;margin-top:12px}.kong-ui-app-about-section.kong-card.border{border-radius:4px;padding:20px}.kong-ui-app-about-section.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}@media (max-width: 768px){.kong-ui-app-about-section.kong-card.border .k-card-header{flex-direction:column}.kong-ui-app-about-section.kong-card.border .k-card-header .k-card-actions{margin-left:unset}}.kong-ui-app-error[data-v-5cbccc66]{align-items:center;background-color:#fff;border-top:2px solid #00abd2;display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-5cbccc66]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-5cbccc66]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-5cbccc66]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-5cbccc66;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:none;opacity:1}}@keyframes fadeIn-5cbccc66{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6c7489;font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#000933;font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}.kong-ui-app-navbar[data-v-beca6ea9]{background:#000933;background:var(--kong-ui-app-navbar-background, #000933);left:0;position:fixed;right:0;top:var(--d96d0598);z-index:var(--05b18f8e)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-beca6ea9]{left:var(--543b3ff0)}}.kong-ui-app-navbar .header-content[data-v-beca6ea9]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-beca6ea9]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--247c8fd0);max-width:var(--278e63f0);min-width:var(--278e63f0);padding-left:16px}.kong-ui-app-navbar .mobile-header-left[data-v-beca6ea9]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-beca6ea9]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9],.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-beca6ea9],.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s] a{align-items:center;align-self:stretch;border-bottom:4px solid transparent;color:#fff;display:flex;font-size:14px;font-weight:500;padding:0 8px;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}@media (min-width: 768px){.kong-ui-app-navbar .app-navbar-links a[data-v-beca6ea9],.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-beca6ea9],.kong-ui-app-navbar .app-navbar-links a.active[data-v-beca6ea9],.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s] a.active{border-color:#84e5ae;font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-beca6ea9]{align-items:center;display:flex;flex-direction:row;gap:8px;height:100%;justify-content:space-between;width:100%}@media (min-width: 768px){.kong-ui-app-navbar .navbar-content[data-v-beca6ea9]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-beca6ea9],.kong-ui-app-navbar .navbar-content-center[data-v-beca6ea9],.kong-ui-app-navbar .navbar-content-right[data-v-beca6ea9]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-beca6ea9]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-beca6ea9]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-beca6ea9]{justify-content:flex-end}.item-badge[data-v-afb0d903]{background-color:#d60027;border-radius:16px;color:#fff;font-size:12px;font-weight:500;line-height:16px;max-width:36px;min-width:20px;overflow:hidden;padding:2px 6px;text-align:center;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{cursor:pointer;display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{align-items:center;color:#bee2ff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;line-height:20px;min-height:48px;text-decoration:none;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#eefaff!important}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg{color:#eefaff}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{box-shadow:0 0 0 1px #fff9 inset;outline:none}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{align-items:center;display:flex;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#00fabe}.kong-ui-app-sidebar .sidebar-item-primary.active>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-primary.active>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary.active>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary.active>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a.sidebar-item-link:hover{color:#00fabe!important}.kong-ui-app-sidebar .sidebar-item-primary.active>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-primary.active>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary.active>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-secondary.active>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a.sidebar-item-link:hover svg{color:#00fabe}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:500!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{padding:0;position:relative}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary:before,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary:before{background-color:#ffffff1f;content:"";height:1px;left:1px;position:absolute;right:1px;top:0}.sidebar-item-primary[data-v-683b6696]{overflow:hidden}.sidebar-item-primary.active[data-v-683b6696],.sidebar-item-primary.expanded[data-v-683b6696]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-683b6696],.sidebar-item-primary>div>a[data-v-683b6696]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-683b6696],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-683b6696]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-683b6696]{margin-bottom:4px}.sidebar-item-secondary[data-v-683b6696]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-683b6696]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-683b6696]{background-color:#0000;color:#bee2ff!important;font-size:14px;line-height:20px;min-height:40px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-683b6696]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-683b6696]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-683b6696]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-683b6696]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-683b6696]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-683b6696]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-683b6696]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-683b6696]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-683b6696]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-683b6696]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-683b6696]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-683b6696]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-683b6696]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-683b6696]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-683b6696]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-843a05a4]{background:#000933;display:flex;flex-direction:column;height:var(--5decedf8);left:-100%;position:fixed;top:var(--621c03b8);transition:left .2s ease-in-out;width:100%;z-index:var(--1a4a2eb0)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-843a05a4]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-843a05a4]{height:var(--c3efec14);left:0;top:var(--f812da34)}}.kong-ui-app-sidebar.sidebar-open[data-v-843a05a4],.kong-ui-app-sidebar.mobile-disabled[data-v-843a05a4]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-843a05a4]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-843a05a4]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-top:var(--98cbd98c);overflow-x:hidden;overflow-y:scroll;padding-right:var(--3b672422);padding-top:8px;position:relative;width:100%}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]::-webkit-scrollbar-thumb{background:#0000;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]::-webkit-scrollbar-track{background:#0000}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]{scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]:hover::-webkit-scrollbar-track{background:#0000}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]:hover{scrollbar-color:#6c7489 rgba(0,0,0,0);scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container nav[data-v-843a05a4]{box-sizing:border-box;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-843a05a4]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-843a05a4]:before{background-image:linear-gradient(transparent,#000933);content:"";display:block;height:8px;left:50%;margin-top:-8px;position:absolute;top:0;transform:translate(-50%);width:calc(100% - 16px);z-index:1}.kong-ui-app-sidebar[data-v-843a05a4] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-843a05a4],.no-sidebar-header .sidebar-content-container[data-v-843a05a4]{margin-top:0!important}}.sidebar-level-divider[data-v-843a05a4]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-843a05a4]{align-items:center;background:#0000;background:var(--kong-ui-app-sidebar-header-background, rgba(0, 0, 0, 0));color:#fff;display:var(--3b821012);left:0;min-height:var(--4c860169);padding:0 16px 0 32px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 1024px){.sidebar-header[data-v-843a05a4]{display:flex}}.sidebar-header[data-v-843a05a4]>*{display:flex}.sidebar-header[data-v-843a05a4]>a{text-decoration:none}.sidebar-header[data-v-843a05a4]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-843a05a4]:after{background-image:linear-gradient(#000933,transparent);bottom:0;content:"";display:block;height:8px;left:50%;margin-bottom:-8px;position:absolute;transform:translate(-50%);width:calc(100% - 16px);z-index:1}.sidebar-top[data-v-843a05a4]{align-items:center;color:#fff;display:flex;margin:0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.sidebar-item-external-link[data-v-843a05a4]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-843a05a4]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-843a05a4] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-843a05a4]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--98cd1a16);z-index:var(--362eded8)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-843a05a4]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{box-sizing:border-box;display:flex;flex-direction:column;padding:0 2px 0 12px;width:100%}@supports (background: -webkit-named-image(i)){.kong-ui-app-sidebar .level-primary{padding:0 8px}}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-b411bcf5]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-b411bcf5]:focus-visible{outline:1px solid #0044f4;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, #0044f4)}@media (min-width: 1024px){.sidebar-menu-toggle[data-v-b411bcf5]{display:none}}.sidebar-menu-toggle .line[data-v-b411bcf5]{background-color:#fff;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, #ffffff);border-radius:6px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-b411bcf5]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-b411bcf5]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-b411bcf5]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Roboto, Helvetica, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{height:100%;height:100vh;margin:0;overflow:hidden;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#fff;color:#000933;font-family:Inter,Roboto,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:24px}#app{height:100%}.kong-auth-element{font-family:Inter,Roboto,Helvetica,sans-serif!important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-47c01124]{background:#000933;bottom:0;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-47c01124]{align-items:stretch;background-color:var(--30c6990a);box-shadow:var(--40906680);color:var(--169c1fd8);display:flex;flex-grow:1;height:100%;margin-top:var(--75276abc);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-47c01124]{border-top-left-radius:var(--af1d4ea2);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-47c01124]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-47c01124]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-47c01124]{padding:20px 20px 64px;padding:var(--kong-ui-app-layout-content-padding-top, 20px) var(--kong-ui-app-layout-content-padding-x, 20px) var(--kong-ui-app-layout-content-padding-bottom, 64px)}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-47c01124]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-47c01124]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-47c01124]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-47c01124] .k-alert{border-radius:0!important}.kong-ui-app-page-header[data-v-204b7f98]{margin-bottom:20px}.kong-ui-app-page-header .page-header-title-section[data-v-204b7f98]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper[data-v-204b7f98]{align-items:baseline;display:flex;min-width:0}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-before[data-v-204b7f98]{align-self:center;display:inline-flex;margin-right:8px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-after[data-v-204b7f98]{align-self:center;display:inline-flex;margin-left:16px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title[data-v-204b7f98]{color:#000933;font-size:24px;font-weight:700;line-height:32px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-204b7f98]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-204b7f98] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-204b7f98]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-204b7f98]{margin-top:unset}}
+.account-dropdown[data-v-b33191a2]{display:flex;margin-right:4px}.account-dropdown[data-v-b33191a2] .k-button.primary,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled){background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC);border-radius:100px;color:#000933;color:var(--kong-ui-account-dropdown-color, #000933);font-size:12px;height:24px;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;width:24px}.account-dropdown[data-v-b33191a2] .k-button.primary:hover,.account-dropdown[data-v-b33191a2] .k-button.primary:focus,.account-dropdown[data-v-b33191a2] .k-button.primary:active,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):hover,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):focus,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc!important;background-color:var(--kong-ui-account-dropdown-background, #9396FC)!important}.account-dropdown[data-v-b33191a2] .k-button.primary:focus-visible,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):focus-visible{border-radius:100px;outline:1px solid #bee2ff!important;outline-offset:2px}.kong-ui-app-about-section .about-section-title[data-v-521dcc27]{color:#000933;font-size:16px;font-weight:700;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-521dcc27]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-521dcc27]{align-self:center;color:#6c7489;flex-direction:column;font-size:12px;line-height:16px;margin-bottom:12px}@media (min-width: 768px){.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-521dcc27]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-521dcc27]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-521dcc27]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-521dcc27]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-521dcc27]{align-items:flex-start;align-self:stretch;color:#6c7489;column-gap:20px;display:flex;flex-wrap:wrap;font-size:14px;line-height:20px;padding:0;row-gap:6px}.kong-ui-app-about-section .about-divider-section[data-v-521dcc27]{color:#6c7489;display:flex;flex-direction:column;flex-wrap:wrap;font-size:14px;line-height:20px;row-gap:12px}.kong-ui-app-about-section[data-v-521dcc27] hr,.kong-ui-app-about-section hr[data-v-521dcc27]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-521dcc27]{margin-bottom:12px;margin-top:12px}.kong-ui-app-about-section.kong-card.border{border-radius:4px;padding:20px}.kong-ui-app-about-section.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}@media (max-width: 768px){.kong-ui-app-about-section.kong-card.border .k-card-header{flex-direction:column}.kong-ui-app-about-section.kong-card.border .k-card-header .k-card-actions{margin-left:unset}}.kong-ui-app-error[data-v-5cbccc66]{align-items:center;background-color:#fff;border-top:2px solid #00abd2;display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-5cbccc66]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-5cbccc66]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-5cbccc66]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-5cbccc66;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:none;opacity:1}}@keyframes fadeIn-5cbccc66{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6c7489;font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#000933;font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}.kong-ui-app-navbar[data-v-beca6ea9]{background:#000933;background:var(--kong-ui-app-navbar-background, #000933);left:0;position:fixed;right:0;top:var(--d96d0598);z-index:var(--05b18f8e)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-beca6ea9]{left:var(--543b3ff0)}}.kong-ui-app-navbar .header-content[data-v-beca6ea9]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-beca6ea9]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--247c8fd0);max-width:var(--278e63f0);min-width:var(--278e63f0);padding-left:16px}.kong-ui-app-navbar .mobile-header-left[data-v-beca6ea9]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-beca6ea9]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9],.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-beca6ea9],.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s] a{align-items:center;align-self:stretch;border-bottom:4px solid transparent;color:#fff;display:flex;font-size:14px;font-weight:500;padding:0 8px;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}@media (min-width: 768px){.kong-ui-app-navbar .app-navbar-links a[data-v-beca6ea9],.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-beca6ea9],.kong-ui-app-navbar .app-navbar-links a.active[data-v-beca6ea9],.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-beca6ea9] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-beca6ea9-s] a.active{border-color:#84e5ae;font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-beca6ea9]{align-items:center;display:flex;flex-direction:row;gap:8px;height:100%;justify-content:space-between;width:100%}@media (min-width: 768px){.kong-ui-app-navbar .navbar-content[data-v-beca6ea9]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-beca6ea9],.kong-ui-app-navbar .navbar-content-center[data-v-beca6ea9],.kong-ui-app-navbar .navbar-content-right[data-v-beca6ea9]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-beca6ea9]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-beca6ea9]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-beca6ea9]{justify-content:flex-end}.item-badge[data-v-afb0d903]{background-color:#d60027;border-radius:16px;color:#fff;font-size:12px;font-weight:500;line-height:16px;max-width:36px;min-width:20px;overflow:hidden;padding:2px 6px;text-align:center;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{cursor:pointer;display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{align-items:center;color:#bee2ff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;line-height:20px;min-height:48px;text-decoration:none;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#eefaff!important}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg{color:#eefaff}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{box-shadow:0 0 0 1px #fff9 inset;outline:none}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{align-items:center;display:flex;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#00fabe}.kong-ui-app-sidebar .sidebar-item-primary.active>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-primary.active>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary.active>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary.active>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a.sidebar-item-link:hover{color:#00fabe!important}.kong-ui-app-sidebar .sidebar-item-primary.active>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-primary.active>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary.active>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-secondary.active>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a.sidebar-item-link svg,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a.sidebar-item-link:hover svg{color:#00fabe}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:500!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{padding:0;position:relative}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary:before,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary:before{background-color:#ffffff1f;content:"";height:1px;left:1px;position:absolute;right:1px;top:0}.sidebar-item-primary[data-v-909a8161]{overflow:hidden}.sidebar-item-primary.active[data-v-909a8161],.sidebar-item-primary.expanded[data-v-909a8161]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-909a8161],.sidebar-item-primary>div>a[data-v-909a8161]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-909a8161],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-909a8161]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-909a8161]{margin-bottom:4px}.sidebar-item-secondary[data-v-909a8161]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-909a8161]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-909a8161]{background-color:#0000;color:#bee2ff!important;font-size:14px;line-height:20px;min-height:40px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-909a8161]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-909a8161]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-909a8161]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-909a8161]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-909a8161]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-909a8161]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-909a8161]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-909a8161]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-909a8161]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-909a8161]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-909a8161]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-909a8161]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-909a8161]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-909a8161]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-909a8161]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-843a05a4]{background:#000933;display:flex;flex-direction:column;height:var(--5decedf8);left:-100%;position:fixed;top:var(--621c03b8);transition:left .2s ease-in-out;width:100%;z-index:var(--1a4a2eb0)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-843a05a4]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-843a05a4]{height:var(--c3efec14);left:0;top:var(--f812da34)}}.kong-ui-app-sidebar.sidebar-open[data-v-843a05a4],.kong-ui-app-sidebar.mobile-disabled[data-v-843a05a4]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-843a05a4]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-843a05a4]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-top:var(--98cbd98c);overflow-x:hidden;overflow-y:scroll;padding-right:var(--3b672422);padding-top:8px;position:relative;width:100%}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]::-webkit-scrollbar-thumb{background:#0000;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]::-webkit-scrollbar-track{background:#0000}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]{scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]:hover::-webkit-scrollbar-track{background:#0000}.kong-ui-app-sidebar .sidebar-content-container[data-v-843a05a4]:hover{scrollbar-color:#6c7489 rgba(0,0,0,0);scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container nav[data-v-843a05a4]{box-sizing:border-box;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-843a05a4]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-843a05a4]:before{background-image:linear-gradient(transparent,#000933);content:"";display:block;height:8px;left:50%;margin-top:-8px;position:absolute;top:0;transform:translate(-50%);width:calc(100% - 16px);z-index:1}.kong-ui-app-sidebar[data-v-843a05a4] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-843a05a4],.no-sidebar-header .sidebar-content-container[data-v-843a05a4]{margin-top:0!important}}.sidebar-level-divider[data-v-843a05a4]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-843a05a4]{align-items:center;background:#0000;background:var(--kong-ui-app-sidebar-header-background, rgba(0, 0, 0, 0));color:#fff;display:var(--3b821012);left:0;min-height:var(--4c860169);padding:0 16px 0 32px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 1024px){.sidebar-header[data-v-843a05a4]{display:flex}}.sidebar-header[data-v-843a05a4]>*{display:flex}.sidebar-header[data-v-843a05a4]>a{text-decoration:none}.sidebar-header[data-v-843a05a4]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-843a05a4]:after{background-image:linear-gradient(#000933,transparent);bottom:0;content:"";display:block;height:8px;left:50%;margin-bottom:-8px;position:absolute;transform:translate(-50%);width:calc(100% - 16px);z-index:1}.sidebar-top[data-v-843a05a4]{align-items:center;color:#fff;display:flex;margin:0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.sidebar-item-external-link[data-v-843a05a4]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-843a05a4]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-843a05a4] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-843a05a4]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--98cd1a16);z-index:var(--362eded8)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-843a05a4]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{box-sizing:border-box;display:flex;flex-direction:column;padding:0 2px 0 12px;width:100%}@supports (background: -webkit-named-image(i)){.kong-ui-app-sidebar .level-primary{padding:0 8px}}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-b411bcf5]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-b411bcf5]:focus-visible{outline:1px solid #0044f4;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, #0044f4)}@media (min-width: 1024px){.sidebar-menu-toggle[data-v-b411bcf5]{display:none}}.sidebar-menu-toggle .line[data-v-b411bcf5]{background-color:#fff;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, #ffffff);border-radius:6px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-b411bcf5]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-b411bcf5]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-b411bcf5]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Roboto, Helvetica, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{height:100%;height:100vh;margin:0;overflow:hidden;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#fff;color:#000933;font-family:Inter,Roboto,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:24px}#app{height:100%}.kong-auth-element{font-family:Inter,Roboto,Helvetica,sans-serif!important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-47c01124]{background:#000933;bottom:0;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-47c01124] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-47c01124]{align-items:stretch;background-color:var(--30c6990a);box-shadow:var(--40906680);color:var(--169c1fd8);display:flex;flex-grow:1;height:100%;margin-top:var(--75276abc);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-47c01124]{border-top-left-radius:var(--af1d4ea2);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-47c01124]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-47c01124]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-47c01124]{padding:20px 20px 64px;padding:var(--kong-ui-app-layout-content-padding-top, 20px) var(--kong-ui-app-layout-content-padding-x, 20px) var(--kong-ui-app-layout-content-padding-bottom, 64px)}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-47c01124]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-47c01124]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-47c01124]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-47c01124] .k-alert{border-radius:0!important}.kong-ui-app-page-header[data-v-204b7f98]{margin-bottom:20px}.kong-ui-app-page-header .page-header-title-section[data-v-204b7f98]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper[data-v-204b7f98]{align-items:baseline;display:flex;min-width:0}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-before[data-v-204b7f98]{align-self:center;display:inline-flex;margin-right:8px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-after[data-v-204b7f98]{align-self:center;display:inline-flex;margin-left:16px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title[data-v-204b7f98]{color:#000933;font-size:24px;font-weight:700;line-height:32px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-204b7f98]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-204b7f98] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-204b7f98]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-204b7f98]{margin-top:unset}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/app-layout",
-  "version": "4.2.19",
+  "version": "4.2.20-pr.1534.93cd5562.0",
   "type": "module",
   "main": "./dist/app-layout.umd.js",
   "module": "./dist/app-layout.es.js",