npm - @kong-ui-public/app-layout - Versions diffs - 4.3.10 → 4.3.11-pr.1971.463a762c2.0 - Mend

@kong-ui-public/app-layout 4.3.10 → 4.3.11-pr.1971.463a762c2.0

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

Files changed (4) hide show

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

@@ -1,4 +1,4 @@
-import { defineComponent as J, resolveComponent as he, openBlock as h, createBlock as K, withCtx as D, renderSlot as S, createElementBlock as y, Fragment as Ce, renderList as Te, normalizeClass as ie, createTextVNode as He, toDisplayString as q, computed as k, createSlots as Ue, createVNode as Ne, createCommentVNode as _, createElementVNode as I, createStaticVNode as hn, useCssVars as ft, useSlots as Xe, reactive as Ze, onMounted as Ye, resolveDynamicComponent as Ke, withKeys as pn, ref as G, watch as Ae, onUnmounted as mn, Comment as gn, cloneVNode as yn, nextTick as Bt, onBeforeUnmount as Ut, unref as Wt, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
+import { defineComponent as J, resolveComponent as he, openBlock as h, createBlock as K, withCtx as D, renderSlot as S, createElementBlock as y, Fragment as $e, renderList as Te, normalizeClass as ie, createTextVNode as He, toDisplayString as q, computed as k, createSlots as Ue, createVNode as Ne, createCommentVNode as _, createElementVNode as I, createStaticVNode as hn, useCssVars as ft, useSlots as Xe, reactive as Ze, onMounted as Ye, resolveDynamicComponent as Ke, withKeys as pn, ref as G, watch as Ae, onUnmounted as mn, Comment as gn, cloneVNode as yn, nextTick as Bt, onBeforeUnmount as Ut, unref as Wt, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
 import { ChevronRightIcon as Sn } from "@kong/icons";
 import { HeaderTags as _n } from "@kong/kongponents";
 const In = /* @__PURE__ */ J({
@@ -30,7 +30,7 @@ const In = /* @__PURE__ */ J({
       }, {
         items: D(({ handleSelection: u }) => [
           S(t.$slots, "default", {}, () => [
-            (h(!0), y(Ce, null, Te(a.options, (o) => (h(), K(n, {
+            (h(!0), y($e, null, Te(a.options, (o) => (h(), K(n, {
               key: o.value,
               class: ie({ "has-divider": o.hasDivider }),
               "data-testid": "select-" + o.value,
@@ -58,7 +58,7 @@ const In = /* @__PURE__ */ J({
 }, Rr = /* @__PURE__ */ Q(In, [["__scopeId", "data-v-b33191a2"]]), On = {
   class: "about-section-title",
   "data-testid": "about-section-title"
-}, $n = { class: "about-section-header-end" }, Cn = {
+}, Cn = { class: "about-section-header-end" }, $n = {
   key: 0,
   class: "about-section-timestamps-created",
   "data-testid": "about-section-timestamps-created"
@@ -164,12 +164,12 @@ const In = /* @__PURE__ */ J({
         n.$slots.actions || a.created || a.modified ? {
           name: "actions",
           fn: D(() => [
-            I("div", $n, [
+            I("div", Cn, [
               a.created || a.modified ? (h(), y("div", {
                 key: 0,
                 class: ie(["about-section-timestamps", { "has-actions": n.$slots.actions }])
               }, [
-                a.created ? (h(), y("span", Cn, q(a.createdLabel) + ": " + q(a.created), 1)) : _("", !0),
+                a.created ? (h(), y("span", $n, q(a.createdLabel) + ": " + q(a.created), 1)) : _("", !0),
                 a.created && i.value ? (h(), y("span", En, "->")) : _("", !0),
                 i.value ? (h(), y("span", Nn, q(a.modifiedLabel) + ": " + q(a.modified), 1)) : _("", !0)
               ], 2)) : _("", !0),
@@ -315,7 +315,7 @@ const Kn = /* @__PURE__ */ Q(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-e
   },
   emits: ["click"],
   setup(a, { emit: t }) {
-    const i = t, n = a, c = k(() => typeof n.item.to != "string" ? !1 : !!n.item.newWindow || !!n.item.external || n.item.to.startsWith("http")), u = 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 = (O) => {
+    const i = t, n = a, c = k(() => typeof n.item.to != "string" ? !1 : !!n.item.newWindow || !!n.item.external || n.item.to.startsWith("http")), u = 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 && n.item.badgeCount !== 0), v = (O) => {
       i("click", O);
     }, m = (O, A, N) => {
       v(A), typeof N == "function" && (O.preventDefault(), N());
@@ -387,7 +387,7 @@ const Kn = /* @__PURE__ */ Q(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-e
           id: `subnav-${a.item.key}`,
           class: "level-secondary"
         }, [
-          (h(!0), y(Ce, null, Te(a.item.items, (w) => (h(), K(x, {
+          (h(!0), y($e, null, Te(a.item.items, (w) => (h(), K(x, {
             key: w.name,
             item: w,
             "subnav-item": !0,
@@ -397,7 +397,7 @@ const Kn = /* @__PURE__ */ Q(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-e
       ], 10, oi);
     };
   }
-}), Lt = /* @__PURE__ */ Q(vi, [["__scopeId", "data-v-49ad078a"]]);
+}), Lt = /* @__PURE__ */ Q(vi, [["__scopeId", "data-v-d0b5bc3d"]]);
 /*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -553,7 +553,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
 }, Oi = function(t) {
   var i = parseInt(t.getAttribute("tabindex"), 10);
   return !!(isNaN(i) || i >= 0);
-}, $i = function a(t) {
+}, Ci = function a(t) {
   var i = [], n = [];
   return t.forEach(function(c, u) {
     var o = !!c.scopeParent, v = o ? c.scopeParent : c, m = hi(v, o), O = o ? a(c.candidates) : v;
@@ -567,7 +567,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   }), n.sort(pi).reduce(function(c, u) {
     return u.isScope ? c.push.apply(c, u.content) : c.push(u.content), c;
   }, []).concat(i);
-}, Ci = function(t, i) {
+}, $i = function(t, i) {
   i = i || {};
   var n;
   return i.getShadowRoot ? n = qt([t], i.includeContainer, {
@@ -575,7 +575,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
     flatten: !1,
     getShadowRoot: i.getShadowRoot,
     shadowRootFilter: Oi
-  }) : n = Gt(t, i.includeContainer, dt.bind(null, i)), $i(n);
+  }) : n = Gt(t, i.includeContainer, dt.bind(null, i)), Ci(n);
 }, Ei = function(t, i) {
   i = i || {};
   var n;
@@ -670,7 +670,7 @@ var Zt = {
   return t.every(function(c, u) {
     return i(c) ? (n = u, !1) : !0;
   }), n;
-}, $e = function(t) {
+}, Ce = function(t) {
   for (var i = arguments.length, n = new Array(i > 1 ? i - 1 : 0), c = 1; c < i; c++)
     n[c - 1] = arguments[c];
   return typeof t == "function" ? t.apply(void 0, n) : t;
@@ -765,7 +765,7 @@ var Zt = {
     return d;
   }, x = function() {
     if (o.containerGroups = o.containers.map(function(d) {
-      var s = Ci(d, u.tabbableOptions), f = Ei(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, E = f.find(function(L) {
+      var s = $i(d, u.tabbableOptions), f = Ei(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, E = f.find(function(L) {
         return ke(L);
       }), F = f.slice().reverse().find(function(L) {
         return ke(L);
@@ -868,7 +868,7 @@ var Zt = {
   }, B = function(d) {
     var s = Me(d);
     if (!(O(s, d) >= 0)) {
-      if ($e(u.clickOutsideDeactivates, d)) {
+      if (Ce(u.clickOutsideDeactivates, d)) {
         v.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -880,7 +880,7 @@ var Zt = {
         });
         return;
       }
-      $e(u.allowOutsideClick, d) || d.preventDefault();
+      Ce(u.allowOutsideClick, d) || d.preventDefault();
     }
   }, ne = function(d) {
     var s = Me(d), f = O(s, d) >= 0;
@@ -925,10 +925,10 @@ var Zt = {
   }, ee = function(d) {
     (u.isKeyForward(d) || u.isKeyBackward(d)) && ce(d, u.isKeyBackward(d));
   }, te = function(d) {
-    Ri(d) && $e(u.escapeDeactivates, d) !== !1 && (d.preventDefault(), v.deactivate());
+    Ri(d) && Ce(u.escapeDeactivates, d) !== !1 && (d.preventDefault(), v.deactivate());
   }, Z = function(d) {
     var s = Me(d);
-    O(s, d) >= 0 || $e(u.clickOutsideDeactivates, d) || $e(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
+    O(s, d) >= 0 || Ce(u.clickOutsideDeactivates, d) || Ce(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
   }, X = function() {
     if (o.active)
       return Zt.activateTrap(c, v), o.delayInitialFocusTimer = u.delayInitialFocus ? Kt(function() {
@@ -946,7 +946,7 @@ var Zt = {
         capture: !0,
         passive: !1
       }), n.addEventListener("keydown", te), v;
-  }, $ = function() {
+  }, C = function() {
     if (o.active)
       return n.removeEventListener("focusin", ne, !0), n.removeEventListener("mousedown", B, !0), n.removeEventListener("touchstart", B, !0), n.removeEventListener("click", Z, !0), n.removeEventListener("keydown", ee, !0), n.removeEventListener("keydown", te), v;
   }, M = function(d) {
@@ -990,7 +990,7 @@ var Zt = {
         onPostDeactivate: u.onPostDeactivate,
         checkCanReturnFocus: u.checkCanReturnFocus
       }, d);
-      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, $(), o.active = !1, o.paused = !1, H(), Zt.deactivateTrap(c, v);
+      clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, C(), o.active = !1, o.paused = !1, H(), Zt.deactivateTrap(c, v);
       var f = m(s, "onDeactivate"), b = m(s, "onPostDeactivate"), T = m(s, "checkCanReturnFocus"), E = m(s, "returnFocus", "returnFocusOnDeactivate");
       f == null || f();
       var F = function() {
@@ -1004,7 +1004,7 @@ var Zt = {
       if (o.paused || !o.active)
         return this;
       var s = m(d, "onPause"), f = m(d, "onPostPause");
-      return o.paused = !0, s == null || s(), $(), H(), f == null || f(), this;
+      return o.paused = !0, s == null || s(), C(), H(), f == null || f(), this;
     },
     unpause: function(d) {
       if (!o.paused || !o.active)
@@ -1137,8 +1137,8 @@ function Ki(a) {
 var qe = { exports: {} };
 qe.exports;
 (function(a, t) {
-  var i = 200, n = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", O = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", R = "[object Number]", w = "[object Object]", P = "[object Promise]", Y = "[object RegExp]", B = "[object Set]", ne = "[object String]", ce = "[object Symbol]", ee = "[object WeakMap]", te = "[object ArrayBuffer]", Z = "[object DataView]", X = "[object Float32Array]", $ = "[object Float64Array]", M = "[object Int8Array]", W = "[object Int16Array]", H = "[object Int32Array]", C = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, E = /^\[object .+?Constructor\]$/, F = /^(?:0|[1-9]\d*)$/, g = {};
-  g[u] = g[o] = g[te] = g[Z] = g[v] = g[m] = g[X] = g[$] = g[M] = g[W] = g[H] = g[x] = g[R] = g[w] = g[Y] = g[B] = g[ne] = g[ce] = g[C] = g[d] = g[s] = g[f] = !0, g[O] = g[A] = g[ee] = !1;
+  var i = 200, n = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", O = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", R = "[object Number]", w = "[object Object]", P = "[object Promise]", Y = "[object RegExp]", B = "[object Set]", ne = "[object String]", ce = "[object Symbol]", ee = "[object WeakMap]", te = "[object ArrayBuffer]", Z = "[object DataView]", X = "[object Float32Array]", C = "[object Float64Array]", M = "[object Int8Array]", W = "[object Int16Array]", H = "[object Int32Array]", $ = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, E = /^\[object .+?Constructor\]$/, F = /^(?:0|[1-9]\d*)$/, g = {};
+  g[u] = g[o] = g[te] = g[Z] = g[v] = g[m] = g[X] = g[C] = g[M] = g[W] = g[H] = g[x] = g[R] = g[w] = g[Y] = g[B] = g[ne] = g[ce] = g[$] = g[d] = g[s] = g[f] = !0, g[O] = g[A] = g[ee] = !1;
   var L = typeof je == "object" && je && je.Object === Object && je, re = typeof self == "object" && self && self.Object === Object && self, U = L || re || Function("return this")(), ae = t && !t.nodeType && t, le = ae && !0 && a && !a.nodeType && a, Fe = le && le.exports === ae;
   function Se(e, r) {
     return e.set(r[0], r[1]), e;
@@ -1267,14 +1267,14 @@ qe.exports;
       this.set(p[0], p[1]);
     }
   }
-  function $a() {
+  function Ca() {
     this.__data__ = {
       hash: new de(),
       map: new (Ie || oe)(),
       string: new de()
     };
   }
-  function Ca(e) {
+  function $a(e) {
     return Be(this, e).delete(e);
   }
   function Ea(e) {
@@ -1286,7 +1286,7 @@ qe.exports;
   function Aa(e, r) {
     return Be(this, e).set(e, r), this;
   }
-  me.prototype.clear = $a, me.prototype.delete = Ca, me.prototype.get = Ea, me.prototype.has = Na, me.prototype.set = Aa;
+  me.prototype.clear = Ca, me.prototype.delete = $a, me.prototype.get = Ea, me.prototype.has = Na, me.prototype.set = Aa;
   function ge(e) {
     this.__data__ = new oe(e);
   }
@@ -1384,7 +1384,7 @@ qe.exports;
     return r.test(ve(e));
   }
   function Ha(e) {
-    if (!Ct(e))
+    if (!$t(e))
       return da(e);
     var r = [];
     for (var l in Object(e))
@@ -1439,10 +1439,10 @@ qe.exports;
     return l;
   }
   function Ja(e, r) {
-    return Ot(e, $t(e), r);
+    return Ot(e, Ct(e), r);
   }
   function Qa(e) {
-    return ja(e, st, $t);
+    return ja(e, st, Ct);
   }
   function Be(e, r) {
     var l = e.__data__;
@@ -1452,7 +1452,7 @@ qe.exports;
     var l = aa(e, r);
     return Ka(l) ? l : void 0;
   }
-  var $t = Tt ? Je(Tt, Object) : vn, fe = Za;
+  var Ct = Tt ? Je(Tt, Object) : vn, fe = Za;
   (et && fe(new et(new ArrayBuffer(1))) != Z || Ie && fe(new Ie()) != x || tt && fe(tt.resolve()) != P || at && fe(new at()) != B || nt && fe(new nt()) != ee) && (fe = function(e) {
     var r = xe.call(e), l = r == w ? e.constructor : void 0, p = l ? ve(l) : void 0;
     if (p)
@@ -1475,7 +1475,7 @@ qe.exports;
     return r && typeof e[0] == "string" && ue.call(e, "index") && (l.index = e.index, l.input = e.input), l;
   }
   function tn(e) {
-    return typeof e.constructor == "function" && !Ct(e) ? Ma(oa(e)) : {};
+    return typeof e.constructor == "function" && !$t(e) ? Ma(oa(e)) : {};
   }
   function an(e, r, l, p) {
     var j = e.constructor;
@@ -1488,11 +1488,11 @@ qe.exports;
       case Z:
         return Wa(e, p);
       case X:
-      case $:
+      case C:
       case M:
       case W:
       case H:
-      case C:
+      case $:
       case d:
       case s:
       case f:
@@ -1520,7 +1520,7 @@ qe.exports;
   function on(e) {
     return !!mt && mt in e;
   }
-  function Ct(e) {
+  function $t(e) {
     var r = e && e.constructor, l = typeof r == "function" && r.prototype || De;
     return e === l;
   }
@@ -1662,7 +1662,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       "17659e72": v.value.height,
       "2fcb7496": v.value.top,
       "17bdc609": O.value.marginTop,
-      "4329f5c0": C.value,
+      "4329f5c0": $.value,
       dc71923a: m.value.display,
       "261cb7fa": m.value.minHeight,
       "07598d84": A.value.top,
@@ -1704,7 +1704,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
     });
     const { debounce: ce } = Jt(), ee = ce(() => {
       w.value && te.value !== (window == null ? void 0 : window.innerWidth) && (te.value = window == null ? void 0 : window.innerWidth, P(!1));
-    }, 200), te = G(), Z = G(!1), X = G(), $ = () => {
+    }, 200), te = G(), Z = G(!1), X = G(), C = () => {
       Z.value || (Z.value = !0, clearTimeout(X.value), X.value = setTimeout(() => Z.value = !1, 1300));
     }, M = G(null), W = k(() => w.value && n.mobileEnabled), H = async (s) => {
       var f, b;
@@ -1713,7 +1713,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
     Ae(W, async (s) => {
       s ? await H(!0) : await H(!1);
     }, { immediate: !0 });
-    const C = G("0px"), d = () => {
+    const $ = G("0px"), d = () => {
       var g;
       if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((g = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : g.platform)))
         return;
@@ -1724,13 +1724,13 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       const T = document.createElement("div");
       T.style.width = "100%", f.appendChild(T);
       const E = T.offsetWidth;
-      f.parentNode && f.parentNode.removeChild(f), b - E === 0 && (C.value = "8px");
+      f.parentNode && f.parentNode.removeChild(f), b - E === 0 && ($.value = "8px");
     };
     return Ye(async () => {
-      te.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", ee), window.addEventListener("resize", $), await Bt(), d();
+      te.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", ee), window.addEventListener("resize", C), await Bt(), d();
     }), Ut(() => {
-      window.removeEventListener("resize", ee), window.removeEventListener("resize", $);
-    }), (s, f) => (h(), y(Ce, null, [
+      window.removeEventListener("resize", ee), window.removeEventListener("resize", C);
+    }), (s, f) => (h(), y($e, null, [
       w.value && a.mobileOverlay && a.mobileEnabled ? (h(), y("div", {
         key: 0,
         class: "kong-ui-app-sidebar-overlay",
@@ -1763,7 +1763,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
               ])) : _("", !0),
               I("nav", Gi, [
                 x.value.length ? (h(), y("ul", qi, [
-                  (h(!0), y(Ce, null, Te(x.value, (b) => (h(), K(Lt, {
+                  (h(!0), y($e, null, Te(x.value, (b) => (h(), K(Lt, {
                     key: b.name,
                     item: b,
                     onClick: ne
@@ -1776,7 +1776,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
                 ])) : _("", !0),
                 x.value.length && R.value.length ? (h(), y("div", Xi)) : _("", !0),
                 R.value.length ? (h(), y("ul", Yi, [
-                  (h(!0), y(Ce, null, Te(R.value, (b) => (h(), K(Lt, {
+                  (h(!0), y($e, null, Te(R.value, (b) => (h(), K(Lt, {
                     key: b.name,
                     item: b,
                     onClick: ne
@@ -1869,7 +1869,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
   },
   emits: ["sidebar-click", "update:topOffset"],
   setup(a, { emit: t }) {
-    ft(($) => ({
+    ft((C) => ({
       "2235c6e4": B.value,
       "29d04344": ne.value,
       "3d470f48": Y.value,
@@ -1892,46 +1892,46 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       bottomItems: k(() => i.sidebarBottomItems),
       open: k(() => i.sidebarOpen),
       hidden: k(() => i.sidebarHidden)
-    }), O = ($) => {
-      n("sidebar-click", $);
-    }, A = G(!1), N = ($) => {
-      A.value = $;
+    }), O = (C) => {
+      n("sidebar-click", C);
+    }, A = G(!1), N = (C) => {
+      A.value = C;
     };
     kn(() => {
       A.value = Tn(m, "open").value || !1;
     });
-    const x = G(0), R = G(60), w = G(0), P = k(() => v.hidden ? w.value : R.value + w.value), Y = k(() => i.theme === "light" ? or : sr), B = k(() => i.theme === "light" ? ir : rr), ne = k(() => i.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ce = k(() => `${P.value}px`), ee = k(() => m.hidden || v.hidden ? cr : lr), { debounce: te } = Jt(), Z = te(($ = !1) => {
-      if ($ || x.value !== (window == null ? void 0 : window.innerWidth)) {
+    const x = G(0), R = G(60), w = G(0), P = k(() => v.hidden ? w.value : R.value + w.value), Y = k(() => i.theme === "light" ? or : sr), B = k(() => i.theme === "light" ? ir : rr), ne = k(() => i.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ce = k(() => `${P.value}px`), ee = k(() => m.hidden || v.hidden ? cr : lr), { debounce: te } = Jt(), Z = te((C = !1) => {
+      if (C || x.value !== (window == null ? void 0 : window.innerWidth)) {
         x.value = window == null ? void 0 : window.innerWidth;
         const M = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
         M && (w.value = M.offsetHeight);
       }
     }, 200), X = G();
-    return Ae(w, ($) => {
-      n("update:topOffset", $ || 0);
+    return Ae(w, (C) => {
+      n("update:topOffset", C || 0);
     }, { immediate: !0 }), Ye(() => {
       var M, W;
       (M = document == null ? void 0 : document.body) == null || M.classList.add("kong-ui-app-layout-body"), (W = document == null ? void 0 : document.documentElement) == null || W.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, Z(!0);
-      const $ = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
-      $ && (X.value = new ResizeObserver((H) => {
+      const C = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
+      C && (X.value = new ResizeObserver((H) => {
         window.requestAnimationFrame(() => {
           if (!(!Array.isArray(H) || !H.length))
-            for (const C of H) {
-              const d = C.contentRect.height;
+            for (const $ of H) {
+              const d = $.contentRect.height;
               w.value !== d && (w.value = d);
             }
         });
-      }), X.value.observe($)), window.addEventListener("resize", Z);
+      }), X.value.observe(C)), window.addEventListener("resize", Z);
     }), Ut(() => {
       X.value && X.value.disconnect(), window.removeEventListener("resize", Z);
-    }), ($, M) => (h(), y("div", {
+    }), (C, M) => (h(), y("div", {
       class: ie(["kong-ui-app-layout", [
         { "navbar-hidden": v.hidden },
         { "sidebar-hidden": m.hidden }
       ]])
     }, [
       I("div", ur, [
-        S($.$slots, "notification", {}, void 0, !0)
+        S(C.$slots, "notification", {}, void 0, !0)
       ]),
       v.hidden ? _("", !0) : (h(), K(ai, {
         key: String(m.hidden),
@@ -1951,7 +1951,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
           name: "mobile-logo",
           fn: D(() => [
             I("div", dr, [
-              S($.$slots, "navbar-mobile-logo", {}, void 0, !0)
+              S(C.$slots, "navbar-mobile-logo", {}, void 0, !0)
             ])
           ]),
           key: "0"
@@ -1960,7 +1960,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
           name: "logo",
           fn: D(() => [
             m.hidden ? (h(), y("div", fr, [
-              S($.$slots, "navbar-logo", {}, void 0, !0)
+              S(C.$slots, "navbar-logo", {}, void 0, !0)
             ])) : _("", !0)
           ]),
           key: "1"
@@ -1968,21 +1968,21 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
         u.navbarLeft ? {
           name: "left",
           fn: D(() => [
-            S($.$slots, "navbar-left", {}, void 0, !0)
+            S(C.$slots, "navbar-left", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         u.navbarCenter ? {
           name: "center",
           fn: D(() => [
-            S($.$slots, "navbar-center", {}, void 0, !0)
+            S(C.$slots, "navbar-center", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         u.navbarRight ? {
           name: "right",
           fn: D(() => [
-            S($.$slots, "navbar-right", {}, void 0, !0)
+            S(C.$slots, "navbar-right", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0
@@ -2003,28 +2003,28 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
         u.sidebarHeader ? {
           name: "header",
           fn: D(() => [
-            S($.$slots, "sidebar-header", {}, void 0, !0)
+            S(C.$slots, "sidebar-header", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         u.sidebarTop ? {
           name: "top",
           fn: D(() => [
-            S($.$slots, "sidebar-top", {}, void 0, !0)
+            S(C.$slots, "sidebar-top", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         u.sidebarFooter ? {
           name: "footer",
           fn: D(() => [
-            S($.$slots, "sidebar-footer", {}, void 0, !0)
+            S(C.$slots, "sidebar-footer", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         Te([...m.topItems || [], ...m.bottomItems || []], (W) => ({
           name: `sidebar-icon-${W.key}`,
           fn: D(() => [
-            S($.$slots, `sidebar-icon-${W.key}`, {}, void 0, !0)
+            S(C.$slots, `sidebar-icon-${W.key}`, {}, void 0, !0)
           ])
         }))
       ]), 1032, ["bottom-items", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
@@ -2032,8 +2032,8 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
         I("div", br, [
           I("div", hr, [
             M[0] || (M[0] = I("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
-            S($.$slots, "app-error", {}, void 0, !0),
-            o.value ? _("", !0) : S($.$slots, "default", { key: 0 }, void 0, !0)
+            S(C.$slots, "app-error", {}, void 0, !0),
+            o.value ? _("", !0) : S(C.$slots, "default", { key: 0 }, void 0, !0)
           ])
         ])
       ])
@@ -2059,7 +2059,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
   key: 1,
   class: "page-header-section-below",
   "data-testid": "page-header-section-below"
-}, $r = /* @__PURE__ */ J({
+}, Cr = /* @__PURE__ */ J({
   __name: "AppPageHeader",
   props: {
     title: {
@@ -2117,7 +2117,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
       ]);
     };
   }
-}), Pr = /* @__PURE__ */ Q($r, [["__scopeId", "data-v-204b7f98"]]), Cr = { class: "app-page-info-section-default-header" }, Er = {
+}), Pr = /* @__PURE__ */ Q(Cr, [["__scopeId", "data-v-204b7f98"]]), $r = { class: "app-page-info-section-default-header" }, Er = {
   key: 1,
   class: "app-page-info-section-description",
   "data-testid": "app-page-info-section-description"
@@ -2158,7 +2158,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
         }, {
           default: D(() => [
             S(t.$slots, "header", {}, () => [
-              I("div", Cr, [
+              I("div", $r, [
                 a.title ? (h(), K(Ke(a.titleTag), {
                   key: 0,
                   class: "app-page-info-section-title",

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

@@ -1,4 +1,4 @@
-(function(I,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/icons"),require("@kong/kongponents")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","@kong/kongponents"],e):(I=typeof globalThis<"u"?globalThis:I||self,e(I["kong-ui-public-app-layout"]={},I.Vue,I.KongIcons,I.Kongponents))})(this,function(I,e,At,Dt){"use strict";const Ft=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:u})=>[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=>u(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"])}}}),K=(n,a)=>{const r=n.__vccOpts||n;for(const[o,l]of a)r[o]=l;return r},xt=K(Ft,[["__scopeId","data-v-b33191a2"]]),Vt={class:"about-section-title","data-testid":"about-section-title"},Rt={class:"about-section-header-end"},Lt={key:0,class:"about-section-timestamps-created","data-testid":"about-section-timestamps-created"},Mt={key:1,class:"about-section-timestamps-arrow"},Pt={key:2,class:"about-section-timestamps-modified","data-testid":"about-section-timestamps-modified"},jt={key:1,class:"about-section-actions","data-testid":"about-section-actions"},Zt={key:0,"data-testid":"about-section-loading-skeleton"},Kt={key:1},Ht={key:0,class:"about-section-description","data-testid":"about-section-description"},zt={key:1,class:"about-section-content","data-testid":"about-section-content"},Ut={key:2,"data-testid":"about-divider-section-separator"},Wt={key:3,class:"about-divider-section","data-testid":"about-divider-section"},Gt=K(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 u=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",Zt,[e.createVNode(u,{height:"2",width:"100"}),e.createVNode(u,{height:"2",width:"100"})])):(e.openBlock(),e.createElementBlock("div",Kt,[n.description?(e.openBlock(),e.createElementBlock("p",Ht,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0),o.$slots.default?(e.openBlock(),e.createElementBlock("div",zt,[e.renderSlot(o.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("hr",Ut)):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("div",Wt,[e.renderSlot(o.$slots,"divider-section",{},void 0,!0)])):e.createCommentVNode("",!0)]))]),_:2},[n.title?{name:"title",fn:e.withCtx(()=>[e.createElementVNode("span",Vt,e.toDisplayString(n.title),1)]),key:"0"}:void 0,o.$slots.actions||n.created||n.modified?{name:"actions",fn:e.withCtx(()=>[e.createElementVNode("div",Rt,[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",Lt,e.toDisplayString(n.createdLabel)+": "+e.toDisplayString(n.created),1)):e.createCommentVNode("",!0),n.created&&r.value?(e.openBlock(),e.createElementBlock("span",Mt,"->")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("span",Pt,e.toDisplayString(n.modifiedLabel)+": "+e.toDisplayString(n.modified),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.$slots.actions?(e.openBlock(),e.createElementBlock("div",jt,[e.renderSlot(o.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)])]),key:"1"}:void 0]),1024)}}}),[["__scopeId","data-v-521dcc27"]]),qt={},Xt={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"};function Yt(n,a){return e.openBlock(),e.createElementBlock("svg",Xt,a[0]||(a[0]=[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)]))}const Jt=K(qt,[["render",Yt]]),Qt={class:"kong-ui-app-error"},ea={class:"banana-icon"},ta={class:"kong-ui-app-error-content"},aa=K(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",{},()=>[r[0]||(r[0]=e.createElementVNode("h2",null,"An unexpected error has occurred",-1)),r[1]||(r[1]=e.createElementVNode("p",null,[e.createTextVNode("Go back to the previous page or "),e.createElementVNode("a",{href:"/"},"return home"),e.createTextVNode(".")],-1))],!0)])]))}}),[["__scopeId","data-v-b6d8dc55"]]),na={class:"kong-ui-app-navbar"},oa={class:"header-content"},ra={class:"mobile-header-left"},ia={key:0,class:"app-navbar-logo"},ca={class:"navbar-content"},sa={class:"navbar-content-left"},la={class:"navbar-content-center"},da={class:"navbar-content-right"},ze=K(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=>({"27c93a10":u.value.top,"0f284bf5":u.value.zIndex,d1659a78:u.value.left,"3d9232e8":l.marginRight,"038c3c78":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 u=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",na,[e.createElementVNode("div",oa,[e.createElementVNode("div",ra,[e.renderSlot(c.$slots,"mobile-sidebar-toggle"),e.renderSlot(c.$slots,"mobile-logo")]),o.value?(e.openBlock(),e.createElementBlock("div",ia,[e.renderSlot(c.$slots,"logo")])):e.createCommentVNode("",!0),e.createElementVNode("div",ca,[e.createElementVNode("div",sa,[e.renderSlot(c.$slots,"left")]),e.createElementVNode("div",la,[e.renderSlot(c.$slots,"center")]),e.createElementVNode("div",da,[e.renderSlot(c.$slots,"right")])])])]))}}),[["__scopeId","data-v-2f6fc50f"]]),ua=["title"],Oe=99,fa=K(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>Oe?`${Oe}+`:a.count.toString():"");return(o,l)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"item-badge",title:(n.count||0)>Oe?String(n.count):void 0},e.toDisplayString(r.value),9,ua)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-afb0d903"]]),ma=["data-testid"],pa=["aria-controls","aria-current","aria-expanded","href","target","onClick","onKeypress"],ba={key:0,class:"sidebar-item-icon"},ha={class:"sidebar-item-name-container"},ga={class:"sidebar-item-name has-tooltip"},va={key:2,class:"sidebar-item-label truncate-text truncate-18"},ya=["id"],Ue=K(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")),u=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,B,N)=>{p(B),typeof N=="function"&&(w.preventDefault(),N())};return(w,B)=>{var $;const N=e.resolveComponent("KTooltip"),_=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&&!u.value?n.item.to:void 0},{default:e.withCtx(y=>{var D,H;return[e.createElementVNode("a",{"aria-controls":(D=n.item.items)!=null&&D.length&&n.item.expanded?`subnav-${n.item.key}`:void 0,"aria-current":n.item.active?"page":void 0,"aria-expanded":(H=n.item.items)!=null&&H.length&&n.item.expanded?!0:void 0,class:e.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":u.value,"router-link":!l.value}]),href:l.value?String(n.item.to||"#"):y==null?void 0:y.href,target:u.value?"_blank":void 0,onClick:O=>g(O,n.item,y==null?void 0:y.navigate),onKeypress:e.withKeys(O=>g(O,n.item,y==null?void 0:y.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",ba,[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",ha,[(n.subnavItem&&!c.value?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(N,{key:1,class:"sidebar-item-tooltip",placement:"right","position-fixed":"",text:n.item.name},{default:e.withCtx(()=>[e.createElementVNode("div",ga,[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",va,e.toDisplayString(n.item.label),1)):e.createCommentVNode("",!0)]),c.value?(e.openBlock(),e.createBlock(fa,{key:1,count:n.item.badgeCount},null,8,["count"])):e.createCommentVNode("",!0)],2)],42,pa)]}),_:3},8,["custom","to"])),($=n.item.items)!=null&&$.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,y=>(e.openBlock(),e.createBlock(_,{key:y.name,item:y,"subnav-item":!0,onClick:D=>p(y)},null,8,["item","onClick"]))),128))],8,ya)):e.createCommentVNode("",!0)],10,ma)}}}),[["__scopeId","data-v-49ad078a"]]);/*!
+(function(I,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/icons"),require("@kong/kongponents")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","@kong/kongponents"],e):(I=typeof globalThis<"u"?globalThis:I||self,e(I["kong-ui-public-app-layout"]={},I.Vue,I.KongIcons,I.Kongponents))})(this,function(I,e,At,Dt){"use strict";const Ft=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:u})=>[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=>u(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"])}}}),K=(n,a)=>{const r=n.__vccOpts||n;for(const[o,l]of a)r[o]=l;return r},xt=K(Ft,[["__scopeId","data-v-b33191a2"]]),Vt={class:"about-section-title","data-testid":"about-section-title"},Rt={class:"about-section-header-end"},Lt={key:0,class:"about-section-timestamps-created","data-testid":"about-section-timestamps-created"},Mt={key:1,class:"about-section-timestamps-arrow"},Pt={key:2,class:"about-section-timestamps-modified","data-testid":"about-section-timestamps-modified"},jt={key:1,class:"about-section-actions","data-testid":"about-section-actions"},Zt={key:0,"data-testid":"about-section-loading-skeleton"},Kt={key:1},Ht={key:0,class:"about-section-description","data-testid":"about-section-description"},zt={key:1,class:"about-section-content","data-testid":"about-section-content"},Ut={key:2,"data-testid":"about-divider-section-separator"},Wt={key:3,class:"about-divider-section","data-testid":"about-divider-section"},Gt=K(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 u=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",Zt,[e.createVNode(u,{height:"2",width:"100"}),e.createVNode(u,{height:"2",width:"100"})])):(e.openBlock(),e.createElementBlock("div",Kt,[n.description?(e.openBlock(),e.createElementBlock("p",Ht,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0),o.$slots.default?(e.openBlock(),e.createElementBlock("div",zt,[e.renderSlot(o.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("hr",Ut)):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("div",Wt,[e.renderSlot(o.$slots,"divider-section",{},void 0,!0)])):e.createCommentVNode("",!0)]))]),_:2},[n.title?{name:"title",fn:e.withCtx(()=>[e.createElementVNode("span",Vt,e.toDisplayString(n.title),1)]),key:"0"}:void 0,o.$slots.actions||n.created||n.modified?{name:"actions",fn:e.withCtx(()=>[e.createElementVNode("div",Rt,[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",Lt,e.toDisplayString(n.createdLabel)+": "+e.toDisplayString(n.created),1)):e.createCommentVNode("",!0),n.created&&r.value?(e.openBlock(),e.createElementBlock("span",Mt,"->")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("span",Pt,e.toDisplayString(n.modifiedLabel)+": "+e.toDisplayString(n.modified),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.$slots.actions?(e.openBlock(),e.createElementBlock("div",jt,[e.renderSlot(o.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)])]),key:"1"}:void 0]),1024)}}}),[["__scopeId","data-v-521dcc27"]]),qt={},Xt={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"};function Yt(n,a){return e.openBlock(),e.createElementBlock("svg",Xt,a[0]||(a[0]=[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)]))}const Jt=K(qt,[["render",Yt]]),Qt={class:"kong-ui-app-error"},ea={class:"banana-icon"},ta={class:"kong-ui-app-error-content"},aa=K(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",{},()=>[r[0]||(r[0]=e.createElementVNode("h2",null,"An unexpected error has occurred",-1)),r[1]||(r[1]=e.createElementVNode("p",null,[e.createTextVNode("Go back to the previous page or "),e.createElementVNode("a",{href:"/"},"return home"),e.createTextVNode(".")],-1))],!0)])]))}}),[["__scopeId","data-v-b6d8dc55"]]),na={class:"kong-ui-app-navbar"},oa={class:"header-content"},ra={class:"mobile-header-left"},ia={key:0,class:"app-navbar-logo"},ca={class:"navbar-content"},sa={class:"navbar-content-left"},la={class:"navbar-content-center"},da={class:"navbar-content-right"},ze=K(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=>({"27c93a10":u.value.top,"0f284bf5":u.value.zIndex,d1659a78:u.value.left,"3d9232e8":l.marginRight,"038c3c78":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 u=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",na,[e.createElementVNode("div",oa,[e.createElementVNode("div",ra,[e.renderSlot(c.$slots,"mobile-sidebar-toggle"),e.renderSlot(c.$slots,"mobile-logo")]),o.value?(e.openBlock(),e.createElementBlock("div",ia,[e.renderSlot(c.$slots,"logo")])):e.createCommentVNode("",!0),e.createElementVNode("div",ca,[e.createElementVNode("div",sa,[e.renderSlot(c.$slots,"left")]),e.createElementVNode("div",la,[e.renderSlot(c.$slots,"center")]),e.createElementVNode("div",da,[e.renderSlot(c.$slots,"right")])])])]))}}),[["__scopeId","data-v-2f6fc50f"]]),ua=["title"],Oe=99,fa=K(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>Oe?`${Oe}+`:a.count.toString():"");return(o,l)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"item-badge",title:(n.count||0)>Oe?String(n.count):void 0},e.toDisplayString(r.value),9,ua)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-afb0d903"]]),ma=["data-testid"],pa=["aria-controls","aria-current","aria-expanded","href","target","onClick","onKeypress"],ba={key:0,class:"sidebar-item-icon"},ha={class:"sidebar-item-name-container"},ga={class:"sidebar-item-name has-tooltip"},va={key:2,class:"sidebar-item-label truncate-text truncate-18"},ya=["id"],Ue=K(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")),u=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&&o.item.badgeCount!==0),p=w=>{r("click",w)},g=(w,B,N)=>{p(B),typeof N=="function"&&(w.preventDefault(),N())};return(w,B)=>{var $;const N=e.resolveComponent("KTooltip"),_=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&&!u.value?n.item.to:void 0},{default:e.withCtx(y=>{var D,H;return[e.createElementVNode("a",{"aria-controls":(D=n.item.items)!=null&&D.length&&n.item.expanded?`subnav-${n.item.key}`:void 0,"aria-current":n.item.active?"page":void 0,"aria-expanded":(H=n.item.items)!=null&&H.length&&n.item.expanded?!0:void 0,class:e.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":u.value,"router-link":!l.value}]),href:l.value?String(n.item.to||"#"):y==null?void 0:y.href,target:u.value?"_blank":void 0,onClick:O=>g(O,n.item,y==null?void 0:y.navigate),onKeypress:e.withKeys(O=>g(O,n.item,y==null?void 0:y.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",ba,[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",ha,[(n.subnavItem&&!c.value?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(N,{key:1,class:"sidebar-item-tooltip",placement:"right","position-fixed":"",text:n.item.name},{default:e.withCtx(()=>[e.createElementVNode("div",ga,[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",va,e.toDisplayString(n.item.label),1)):e.createCommentVNode("",!0)]),c.value?(e.openBlock(),e.createBlock(fa,{key:1,count:n.item.badgeCount},null,8,["count"])):e.createCommentVNode("",!0)],2)],42,pa)]}),_:3},8,["custom","to"])),($=n.item.items)!=null&&$.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,y=>(e.openBlock(),e.createBlock(_,{key:y.name,item:y,"subnav-item":!0,onClick:D=>p(y)},null,8,["item","onClick"]))),128))],8,ya)):e.createCommentVNode("",!0)],10,ma)}}}),[["__scopeId","data-v-d0b5bc3d"]]);/*!
 * tabbable 6.2.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */var We=["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=We.join(","),Ge=typeof Element>"u",te=Ge?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,ve=!Ge&&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"),u=l===""||l==="true",c=u||r&&a&&n(a.parentNode);return c},ka=function(a){var r,o=a==null||(r=a.getAttribute)===null||r===void 0?void 0:r.call(a,"contenteditable");return o===""||o==="true"},qe=function(a,r,o){if(ye(a))return[];var l=Array.prototype.slice.apply(a.querySelectorAll(ge));return r&&te.call(a,ge)&&l.unshift(a),l=l.filter(o),l},Xe=function n(a,r,o){for(var l=[],u=Array.from(a);u.length;){var c=u.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 B=te.call(c,ge);B&&o.filter(c)&&(r||!a.includes(c))&&l.push(c);var N=c.shadowRoot||typeof o.getShadowRoot=="function"&&o.getShadowRoot(c),_=!ye(N,!1)&&(!o.shadowRootFilter||o.shadowRootFilter(c));if(N&&_){var $=n(N===!0?c.children:N.children,!0,o);o.flatten?l.push.apply(l,$):l.push({scopeParent:c,candidates:$})}else u.unshift.apply(u,c.children)}}return l},Ye=function(a){return!isNaN(parseInt(a.getAttribute("tabindex"),10))},ae=function(a){if(!a)throw new Error("No node provided");return a.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(a.tagName)||ka(a))&&!Ye(a)?0:a.tabIndex},wa=function(a,r){var o=ae(a);return o<0&&r&&!Ye(a)?0:o},Ca=function(a,r){return a.tabIndex===r.tabIndex?a.documentOrder-r.documentOrder:a.tabIndex-r.tabIndex},Je=function(a){return a.tagName==="INPUT"},Sa=function(a){return Je(a)&&a.type==="hidden"},Ea=function(a){var r=a.tagName==="DETAILS"&&Array.prototype.slice.apply(a.children).some(function(o){return o.tagName==="SUMMARY"});return r},Na=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 u=Na(l,a.form);return!u||u===a},Ta=function(a){return Je(a)&&a.type==="radio"},_a=function(a){return Ta(a)&&!Ba(a)},Ia=function(a){var r,o=a&&ve(a),l=(r=o)===null||r===void 0?void 0:r.host,u=!1;if(o&&o!==a){var c,p,g;for(u=!!((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));!u&&l;){var w,B,N;o=ve(l),l=(w=o)===null||w===void 0?void 0:w.host,u=!!((B=l)!==null&&B!==void 0&&(N=B.ownerDocument)!==null&&N!==void 0&&N.contains(l))}}return u},Qe=function(a){var r=a.getBoundingClientRect(),o=r.width,l=r.height;return o===0&&l===0},$a=function(a,r){var o=r.displayCheck,l=r.getShadowRoot;if(getComputedStyle(a).visibility==="hidden")return!0;var u=te.call(a,"details>summary:first-of-type"),c=u?a.parentElement:a;if(te.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 Qe(a);a.assignedSlot?a=a.assignedSlot:!g&&w!==a.ownerDocument?a=w.host:a=g}a=p}if(Ia(a))return!a.getClientRects().length;if(o!=="legacy-full")return!0}else if(o==="non-zero-area")return Qe(a);return!1},Oa=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 te.call(r,"fieldset[disabled] *")?!0:!l.contains(a)}return!0}r=r.parentElement}return!1},ke=function(a,r){return!(r.disabled||ye(r)||Sa(r)||$a(r,a)||Ea(r)||Oa(r))},Ae=function(a,r){return!(_a(r)||ae(r)<0||!ke(a,r))},Aa=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,u){var c=!!l.scopeParent,p=c?l.scopeParent:l,g=wa(p,c),w=c?n(l.candidates):p;g===0?c?r.push.apply(r,w):r.push(p):o.push({documentOrder:u,tabIndex:g,item:l,isScope:c,content:w})}),o.sort(Ca).reduce(function(l,u){return u.isScope?l.push.apply(l,u.content):l.push(u.content),l},[]).concat(r)},Fa=function(a,r){r=r||{};var o;return r.getShadowRoot?o=Xe([a],r.includeContainer,{filter:Ae.bind(null,r),flatten:!1,getShadowRoot:r.getShadowRoot,shadowRootFilter:Aa}):o=qe(a,r.includeContainer,Ae.bind(null,r)),Da(o)},xa=function(a,r){r=r||{};var o;return r.getShadowRoot?o=Xe([a],r.includeContainer,{filter:ke.bind(null,r),flatten:!0,getShadowRoot:r.getShadowRoot}):o=qe(a,r.includeContainer,ke.bind(null,r)),o},ie=function(a,r){if(r=r||{},!a)throw new Error("No node provided");return te.call(a,ge)===!1?!1:Ae(r,a)},Va=We.concat("iframe").join(","),De=function(a,r){if(r=r||{},!a)throw new Error("No node provided");return te.call(a,Va)===!1?!1:ke(r,a)};/*!

package/dist/style.css CHANGED Viewed

	@@ -1 +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-b6d8dc55]{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-b6d8dc55]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-b6d8dc55]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-b6d8dc55]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-b6d8dc55]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-b6d8dc55;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-b6d8dc55]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-b6d8dc55]{animation:none;opacity:1}}@keyframes fadeIn-b6d8dc55{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-2f6fc50f]{background:#000933;background:var(--kong-ui-app-navbar-background, #000933);left:0;position:fixed;right:0;top:var(--27c93a10);z-index:var(--0f284bf5)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-2f6fc50f]{left:var(--d1659a78)}}.kong-ui-app-navbar .header-content[data-v-2f6fc50f]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-2f6fc50f]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--3d9232e8);max-width:var(--038c3c78);min-width:var(--038c3c78);padding-left:16px}.kong-ui-app-navbar .mobile-header-left[data-v-2f6fc50f]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-2f6fc50f]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f],.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-2f6fc50f],.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-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-2f6fc50f],.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-2f6fc50f],.kong-ui-app-navbar .app-navbar-links a.active[data-v-2f6fc50f],.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-s] a.active{border-color:#84e5ae;font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-2f6fc50f]{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-2f6fc50f]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-2f6fc50f],.kong-ui-app-navbar .navbar-content-center[data-v-2f6fc50f],.kong-ui-app-navbar .navbar-content-right[data-v-2f6fc50f]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-2f6fc50f]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-2f6fc50f]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-2f6fc50f]{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-49ad078a]{overflow:hidden}.sidebar-item-primary.active[data-v-49ad078a],.sidebar-item-primary.expanded[data-v-49ad078a]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-49ad078a],.sidebar-item-primary>div>a[data-v-49ad078a]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-49ad078a],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-49ad078a]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-49ad078a]{margin-bottom:4px}.sidebar-item-secondary[data-v-49ad078a]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-49ad078a]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-49ad078a]{background-color:transparent;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-49ad078a]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-49ad078a]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-49ad078a]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-49ad078a]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-49ad078a]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-49ad078a]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-49ad078a]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-49ad078a]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-49ad078a]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-49ad078a]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-49ad078a]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-49ad078a]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-49ad078a]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-49ad078a]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-49ad078a]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-084541f1]{background:#000933;display:flex;flex-direction:column;height:var(--ed9817ee);left:-100%;position:fixed;top:var(--283219b3);transition:left .2s ease-in-out;width:100%;z-index:var(--1e921eff)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-084541f1]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-084541f1]{height:var(--17659e72);left:0;top:var(--2fcb7496)}}.kong-ui-app-sidebar.sidebar-open[data-v-084541f1],.kong-ui-app-sidebar.mobile-disabled[data-v-084541f1]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-084541f1]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-084541f1]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-top:var(--17bdc609);overflow-x:hidden;overflow-y:scroll;padding-right:var(--4329f5c0);padding-top:8px;position:relative;width:100%}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]{scrollbar-color:transparent transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]:hover{scrollbar-color:#6c7489 transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container nav[data-v-084541f1]{box-sizing:border-box;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-084541f1]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-084541f1]: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-084541f1] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-084541f1],.no-sidebar-header .sidebar-content-container[data-v-084541f1]{margin-top:0!important}}.sidebar-level-divider[data-v-084541f1]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-084541f1]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--dc71923a);left:0;min-height:var(--261cb7fa);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-084541f1]{display:flex}}.sidebar-header[data-v-084541f1]>{display:flex}.sidebar-header[data-v-084541f1]>a{text-decoration:none}.sidebar-header[data-v-084541f1]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-084541f1]: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-084541f1]{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-084541f1]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-084541f1]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-084541f1] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-084541f1]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--07598d84);z-index:var(--568185e9)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-084541f1]{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-cbb41bbd]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-cbb41bbd]: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-cbb41bbd]{display:none}}.sidebar-menu-toggle .line[data-v-cbb41bbd]{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-cbb41bbd]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-cbb41bbd]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-cbb41bbd]: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-8e8c270a]{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-8e8c270a] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo>{align-items:center;display:flex}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8e8c270a]{align-items:stretch;background-color:var(--2235c6e4);box-shadow:var(--29d04344);color:var(--3d470f48);display:flex;flex-grow:1;height:100%;margin-top:var(--81803d80);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8e8c270a]{border-top-left-radius:var(--64da7a33);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-8e8c270a]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-8e8c270a]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-8e8c270a]{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-8e8c270a]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-8e8c270a]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8e8c270a]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8e8c270a] .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}}.app-page-info-section[data-v-21cd75da]{border:1px solid #e0e4ea;border-radius:6px}.app-page-info-section .app-page-info-section-header[data-v-21cd75da]{align-items:center;display:flex;gap:4px;justify-content:space-between;padding:20px}.app-page-info-section .app-page-info-section-header .app-page-info-section-default-header[data-v-21cd75da]{display:flex;flex-direction:column;gap:8px;max-width:700px}.app-page-info-section .app-page-info-section-header .app-page-info-section-default-header .app-page-info-section-title[data-v-21cd75da]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin:0}.app-page-info-section .app-page-info-section-header .app-page-info-section-default-header .app-page-info-section-description[data-v-21cd75da]{color:#6c7489;font-size:14px;line-height:20px;margin:0}.app-page-info-section .app-page-info-section-content[data-v-21cd75da]{background:#f9fafb;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:8px;padding:20px}.app-page-info-section .app-page-info-section-content .k-table-view[data-v-21cd75da-s],.app-page-info-section .app-page-info-section-content .k-table-view[data-v-21cd75da-s] tr.is-scrolled{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb)}.app-page-info-section .app-page-info-section-content .k-empty-state[data-v-21cd75da-s]{background-color:#f9fafb}details.app-page-info-section[data-v-21cd75da]{overflow:auto}details.app-page-info-section[open] .app-page-info-section-chevron-icon[data-v-21cd75da]{transform:rotate(90deg)}details.app-page-info-section[data-v-21cd75da]:has(>summary:focus-visible){box-shadow:0 0 0 4px #0044f433}details.app-page-info-section summary[data-v-21cd75da]{outline:none}details.app-page-info-section summary[data-v-21cd75da]::-webkit-details-marker,details.app-page-info-section summary[data-v-21cd75da]::marker{display:none}details.app-page-info-section .app-page-info-section-header[data-v-21cd75da]{cursor:pointer}details.app-page-info-section .app-page-info-section-header .app-page-info-section-chevron-icon[data-v-21cd75da]{flex-shrink:0;pointer-events:none;transition:transform .2s ease}
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-b6d8dc55]{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-b6d8dc55]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-b6d8dc55]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-b6d8dc55]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-b6d8dc55]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-b6d8dc55;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-b6d8dc55]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-b6d8dc55]{animation:none;opacity:1}}@keyframes fadeIn-b6d8dc55{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-2f6fc50f]{background:#000933;background:var(--kong-ui-app-navbar-background, #000933);left:0;position:fixed;right:0;top:var(--27c93a10);z-index:var(--0f284bf5)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-2f6fc50f]{left:var(--d1659a78)}}.kong-ui-app-navbar .header-content[data-v-2f6fc50f]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-2f6fc50f]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--3d9232e8);max-width:var(--038c3c78);min-width:var(--038c3c78);padding-left:16px}.kong-ui-app-navbar .mobile-header-left[data-v-2f6fc50f]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-2f6fc50f]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f],.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-2f6fc50f],.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-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-2f6fc50f],.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-2f6fc50f],.kong-ui-app-navbar .app-navbar-links a.active[data-v-2f6fc50f],.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-2f6fc50f] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-2f6fc50f-s] a.active{border-color:#84e5ae;font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-2f6fc50f]{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-2f6fc50f]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-2f6fc50f],.kong-ui-app-navbar .navbar-content-center[data-v-2f6fc50f],.kong-ui-app-navbar .navbar-content-right[data-v-2f6fc50f]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-2f6fc50f]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-2f6fc50f]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-2f6fc50f]{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-d0b5bc3d]{overflow:hidden}.sidebar-item-primary.active[data-v-d0b5bc3d],.sidebar-item-primary.expanded[data-v-d0b5bc3d]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-d0b5bc3d],.sidebar-item-primary>div>a[data-v-d0b5bc3d]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-d0b5bc3d],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-d0b5bc3d]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-d0b5bc3d]{margin-bottom:4px}.sidebar-item-secondary[data-v-d0b5bc3d]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-d0b5bc3d]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-d0b5bc3d]{background-color:transparent;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-d0b5bc3d]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-d0b5bc3d]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-d0b5bc3d]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-d0b5bc3d]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-d0b5bc3d]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-d0b5bc3d]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-d0b5bc3d]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-d0b5bc3d]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-d0b5bc3d]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-d0b5bc3d]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-d0b5bc3d]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-d0b5bc3d]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-d0b5bc3d]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-d0b5bc3d]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-d0b5bc3d]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-084541f1]{background:#000933;display:flex;flex-direction:column;height:var(--ed9817ee);left:-100%;position:fixed;top:var(--283219b3);transition:left .2s ease-in-out;width:100%;z-index:var(--1e921eff)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-084541f1]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-084541f1]{height:var(--17659e72);left:0;top:var(--2fcb7496)}}.kong-ui-app-sidebar.sidebar-open[data-v-084541f1],.kong-ui-app-sidebar.mobile-disabled[data-v-084541f1]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-084541f1]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-084541f1]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-top:var(--17bdc609);overflow-x:hidden;overflow-y:scroll;padding-right:var(--4329f5c0);padding-top:8px;position:relative;width:100%}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]{scrollbar-color:transparent transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-084541f1]:hover{scrollbar-color:#6c7489 transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container nav[data-v-084541f1]{box-sizing:border-box;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-084541f1]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-084541f1]: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-084541f1] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-084541f1],.no-sidebar-header .sidebar-content-container[data-v-084541f1]{margin-top:0!important}}.sidebar-level-divider[data-v-084541f1]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-084541f1]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--dc71923a);left:0;min-height:var(--261cb7fa);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-084541f1]{display:flex}}.sidebar-header[data-v-084541f1]>{display:flex}.sidebar-header[data-v-084541f1]>a{text-decoration:none}.sidebar-header[data-v-084541f1]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-084541f1]: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-084541f1]{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-084541f1]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-084541f1]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-084541f1] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-084541f1]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--07598d84);z-index:var(--568185e9)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-084541f1]{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-cbb41bbd]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-cbb41bbd]: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-cbb41bbd]{display:none}}.sidebar-menu-toggle .line[data-v-cbb41bbd]{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-cbb41bbd]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-cbb41bbd]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-cbb41bbd]: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-8e8c270a]{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-8e8c270a] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo>{align-items:center;display:flex}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8e8c270a]{align-items:stretch;background-color:var(--2235c6e4);box-shadow:var(--29d04344);color:var(--3d470f48);display:flex;flex-grow:1;height:100%;margin-top:var(--81803d80);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8e8c270a]{border-top-left-radius:var(--64da7a33);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-8e8c270a]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-8e8c270a]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-8e8c270a]{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-8e8c270a]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-8e8c270a]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8e8c270a]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8e8c270a] .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}}.app-page-info-section[data-v-21cd75da]{border:1px solid #e0e4ea;border-radius:6px}.app-page-info-section .app-page-info-section-header[data-v-21cd75da]{align-items:center;display:flex;gap:4px;justify-content:space-between;padding:20px}.app-page-info-section .app-page-info-section-header .app-page-info-section-default-header[data-v-21cd75da]{display:flex;flex-direction:column;gap:8px;max-width:700px}.app-page-info-section .app-page-info-section-header .app-page-info-section-default-header .app-page-info-section-title[data-v-21cd75da]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin:0}.app-page-info-section .app-page-info-section-header .app-page-info-section-default-header .app-page-info-section-description[data-v-21cd75da]{color:#6c7489;font-size:14px;line-height:20px;margin:0}.app-page-info-section .app-page-info-section-content[data-v-21cd75da]{background:#f9fafb;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:8px;padding:20px}.app-page-info-section .app-page-info-section-content .k-table-view[data-v-21cd75da-s],.app-page-info-section .app-page-info-section-content .k-table-view[data-v-21cd75da-s] tr.is-scrolled{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb)}.app-page-info-section .app-page-info-section-content .k-empty-state[data-v-21cd75da-s]{background-color:#f9fafb}details.app-page-info-section[data-v-21cd75da]{overflow:auto}details.app-page-info-section[open] .app-page-info-section-chevron-icon[data-v-21cd75da]{transform:rotate(90deg)}details.app-page-info-section[data-v-21cd75da]:has(>summary:focus-visible){box-shadow:0 0 0 4px #0044f433}details.app-page-info-section summary[data-v-21cd75da]{outline:none}details.app-page-info-section summary[data-v-21cd75da]::-webkit-details-marker,details.app-page-info-section summary[data-v-21cd75da]::marker{display:none}details.app-page-info-section .app-page-info-section-header[data-v-21cd75da]{cursor:pointer}details.app-page-info-section .app-page-info-section-header .app-page-info-section-chevron-icon[data-v-21cd75da]{flex-shrink:0;pointer-events:none;transition:transform .2s ease}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/app-layout",
-  "version": "4.3.10",
+  "version": "4.3.11-pr.1971.463a762c2.0",
   "type": "module",
   "main": "./dist/app-layout.umd.js",
   "module": "./dist/app-layout.es.js",