@kong-ui-public/app-layout 4.8.1-pr.2501.3c78b7092.0 → 4.8.1-pr.2501.a072724fa.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.
- package/dist/app-layout.es.js +83 -83
- package/dist/app-layout.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/app-layout.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as ie, resolveComponent as pe, createBlock as H, openBlock as p, withCtx as L, renderSlot as C, createElementBlock as k, Fragment as $e, renderList as be, normalizeClass as se, createTextVNode as
|
|
2
|
-
import { ChevronRightIcon as ta, ChevronDownIcon as
|
|
1
|
+
import { defineComponent as ie, resolveComponent as pe, createBlock as H, openBlock as p, withCtx as L, renderSlot as C, createElementBlock as k, Fragment as $e, renderList as be, normalizeClass as se, createTextVNode as Be, toDisplayString as Y, computed as S, createSlots as Le, createVNode as Me, createCommentVNode as I, createElementVNode as E, createStaticVNode as In, useCssVars as yt, reactive as qe, useSlots as je, onMounted as Pe, getCurrentInstance as Yt, hasInjectionContext as Qt, inject as $n, watch as Ae, getCurrentScope as On, onScopeDispose as En, shallowRef as Xe, watchEffect as Jt, toValue as Oe, unref as ve, resolveDynamicComponent as Ee, withKeys as An, ref as ee, onUnmounted as Fn, Comment as Nn, cloneVNode as Dn, nextTick as Ht, onBeforeUnmount as ea, withModifiers as Rn, toRef as xn } from "vue";
|
|
2
|
+
import { ChevronRightIcon as ta, ChevronDownIcon as Bn } from "@kong/icons";
|
|
3
3
|
import { KButton as Ln, HeaderTags as Mn } from "@kong/kongponents";
|
|
4
4
|
const jn = /* @__PURE__ */ ie({
|
|
5
5
|
__name: "AccountDropdown",
|
|
@@ -39,7 +39,7 @@ const jn = /* @__PURE__ */ ie({
|
|
|
39
39
|
}, {
|
|
40
40
|
default: L(() => [
|
|
41
41
|
C(t.$slots, "default", { option: o }, () => [
|
|
42
|
-
|
|
42
|
+
Be(Y(o.label), 1)
|
|
43
43
|
], !0)
|
|
44
44
|
]),
|
|
45
45
|
_: 2
|
|
@@ -138,7 +138,7 @@ const jn = /* @__PURE__ */ ie({
|
|
|
138
138
|
fn: L(() => [
|
|
139
139
|
E("span", Pn, [
|
|
140
140
|
C(n.$slots, "title", {}, () => [
|
|
141
|
-
|
|
141
|
+
Be(Y(n.title), 1)
|
|
142
142
|
], !0)
|
|
143
143
|
])
|
|
144
144
|
]),
|
|
@@ -188,9 +188,9 @@ const ar = /* @__PURE__ */ oe(Jn, [["render", tr]]), nr = { class: "kong-ui-app-
|
|
|
188
188
|
C(t.$slots, "default", {}, () => [
|
|
189
189
|
r[0] || (r[0] = E("h2", null, "An unexpected error has occurred", -1)),
|
|
190
190
|
r[1] || (r[1] = E("p", null, [
|
|
191
|
-
|
|
191
|
+
Be("Go back to the previous page or "),
|
|
192
192
|
E("a", { href: "/" }, "return home"),
|
|
193
|
-
|
|
193
|
+
Be(".")
|
|
194
194
|
], -1))
|
|
195
195
|
], !0)
|
|
196
196
|
])
|
|
@@ -318,8 +318,8 @@ function Sr(...a) {
|
|
|
318
318
|
const R = kr(T) ? { ...T } : T;
|
|
319
319
|
t.push(
|
|
320
320
|
...f.flatMap(
|
|
321
|
-
(
|
|
322
|
-
(j) => w.map(($) => n(
|
|
321
|
+
(x) => b.flatMap(
|
|
322
|
+
(j) => w.map(($) => n(x, j, $, R))
|
|
323
323
|
)
|
|
324
324
|
)
|
|
325
325
|
);
|
|
@@ -354,16 +354,16 @@ function Er(a, t = {}) {
|
|
|
354
354
|
c.value = !s.value;
|
|
355
355
|
const w = Oe(a).split(",");
|
|
356
356
|
f.value = w.some((T) => {
|
|
357
|
-
const R = T.includes("not all"),
|
|
358
|
-
let $ = !!(
|
|
359
|
-
return
|
|
357
|
+
const R = T.includes("not all"), x = T.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), j = T.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
|
|
358
|
+
let $ = !!(x || j);
|
|
359
|
+
return x && $ && ($ = n >= Wt(x[1])), j && $ && ($ = n <= Wt(j[1])), R ? !$ : $;
|
|
360
360
|
});
|
|
361
361
|
return;
|
|
362
362
|
}
|
|
363
363
|
s.value && (o.value = r.matchMedia(Oe(a)), f.value = o.value.matches);
|
|
364
364
|
}), Sr(o, "change", b, { passive: !0 }), S(() => f.value);
|
|
365
365
|
}
|
|
366
|
-
const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px",
|
|
366
|
+
const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px", xr = "4px", Br = "640px", Lr = "16px", Mr = "#bee2ff", jr = ["title"], pt = 99, Pr = /* @__PURE__ */ ie({
|
|
367
367
|
__name: "ItemBadge",
|
|
368
368
|
props: {
|
|
369
369
|
count: {
|
|
@@ -410,12 +410,12 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
|
|
|
410
410
|
!!s[`sidebar-after-${n.item.key}`]
|
|
411
411
|
), b = (T) => {
|
|
412
412
|
r("click", T);
|
|
413
|
-
}, w = (T, R,
|
|
414
|
-
b(R), typeof
|
|
413
|
+
}, w = (T, R, x) => {
|
|
414
|
+
b(R), typeof x == "function" && (T.preventDefault(), x());
|
|
415
415
|
};
|
|
416
416
|
return (T, R) => {
|
|
417
417
|
var $;
|
|
418
|
-
const
|
|
418
|
+
const x = pe("KTooltip"), j = pe("SidebarItem", !0);
|
|
419
419
|
return p(), k("li", {
|
|
420
420
|
class: se([a.subnavItem ? "sidebar-item-secondary" : "sidebar-item-primary", { expanded: a.item.expanded }, { active: a.item.active }]),
|
|
421
421
|
"data-testid": a.item.testId ? `sidebar-item-${a.item.testId}` : void 0
|
|
@@ -438,7 +438,7 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
|
|
|
438
438
|
onKeypress: An((te) => w(te, a.item, M == null ? void 0 : M.navigate), ["enter"])
|
|
439
439
|
}, [
|
|
440
440
|
E("div", {
|
|
441
|
-
class: se(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-
|
|
441
|
+
class: se(["sidebar-item-display", { "has-label": !!a.item.label && a.item.expanded, "has-after-content": f.value }])
|
|
442
442
|
}, [
|
|
443
443
|
T.$slots[`sidebar-icon-${a.item.key}`] ? (p(), k("div", Wr, [
|
|
444
444
|
a.subnavItem ? I("", !0) : C(T.$slots, `sidebar-icon-${a.item.key}`, { key: 0 }, void 0, !0)
|
|
@@ -446,8 +446,8 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
|
|
|
446
446
|
E("div", zr, [
|
|
447
447
|
(a.subnavItem && !f.value ? a.item.name.length < 25 : a.item.name.length < 18) ? (p(), k("div", {
|
|
448
448
|
key: 0,
|
|
449
|
-
class: se(["sidebar-item-name truncate-text", [a.subnavItem ? "has-
|
|
450
|
-
}, Y(a.item.name), 3)) : (p(), H(
|
|
449
|
+
class: se(["sidebar-item-name truncate-text", [a.subnavItem ? "has-after-content-max-width truncate-24" : "truncate-17"]])
|
|
450
|
+
}, Y(a.item.name), 3)) : (p(), H(x, {
|
|
451
451
|
key: 1,
|
|
452
452
|
class: "sidebar-item-tooltip",
|
|
453
453
|
placement: "right",
|
|
@@ -457,7 +457,7 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
|
|
|
457
457
|
default: L(() => [
|
|
458
458
|
E("div", Gr, [
|
|
459
459
|
E("span", {
|
|
460
|
-
class: se(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-
|
|
460
|
+
class: se(["truncate-text", [a.subnavItem ? "truncate-18" : "truncate-17", { "has-after-content-max-width": f.value }]])
|
|
461
461
|
}, Y(a.item.name), 3)
|
|
462
462
|
])
|
|
463
463
|
]),
|
|
@@ -492,7 +492,7 @@ const Ar = "#ffffff", Fr = "#000933", Nr = "#000933", Dr = "#ffffff", Rr = "0px"
|
|
|
492
492
|
], 10, Zr);
|
|
493
493
|
};
|
|
494
494
|
}
|
|
495
|
-
}), zt = /* @__PURE__ */ oe(Xr, [["__scopeId", "data-v-
|
|
495
|
+
}), zt = /* @__PURE__ */ oe(Xr, [["__scopeId", "data-v-7ea61d78"]]);
|
|
496
496
|
/*!
|
|
497
497
|
* tabbable 6.2.0
|
|
498
498
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
@@ -530,8 +530,8 @@ var na = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
|
|
|
530
530
|
var T = ke.call(o, Ye);
|
|
531
531
|
T && n.filter(o) && (r || !t.includes(o)) && s.push(o);
|
|
532
532
|
var R = o.shadowRoot || // check for an undisclosed shadow
|
|
533
|
-
typeof n.getShadowRoot == "function" && n.getShadowRoot(o),
|
|
534
|
-
if (R &&
|
|
533
|
+
typeof n.getShadowRoot == "function" && n.getShadowRoot(o), x = !Je(R, !1) && (!n.shadowRootFilter || n.shadowRootFilter(o));
|
|
534
|
+
if (R && x) {
|
|
535
535
|
var j = a(R === !0 ? o.children : R.children, !0, n);
|
|
536
536
|
n.flatten ? s.push.apply(s, j) : s.push({
|
|
537
537
|
scopeParent: o,
|
|
@@ -777,12 +777,12 @@ var qt = {
|
|
|
777
777
|
return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
|
|
778
778
|
}, _i = function(t) {
|
|
779
779
|
return (t == null ? void 0 : t.key) === "Escape" || (t == null ? void 0 : t.key) === "Esc" || (t == null ? void 0 : t.keyCode) === 27;
|
|
780
|
-
},
|
|
780
|
+
}, xe = function(t) {
|
|
781
781
|
return (t == null ? void 0 : t.key) === "Tab" || (t == null ? void 0 : t.keyCode) === 9;
|
|
782
782
|
}, Si = function(t) {
|
|
783
|
-
return
|
|
783
|
+
return xe(t) && !t.shiftKey;
|
|
784
784
|
}, Ci = function(t) {
|
|
785
|
-
return
|
|
785
|
+
return xe(t) && t.shiftKey;
|
|
786
786
|
}, Xt = function(t) {
|
|
787
787
|
return setTimeout(t, 0);
|
|
788
788
|
}, Re = function(t) {
|
|
@@ -840,18 +840,18 @@ var qt = {
|
|
|
840
840
|
}, w = function(u, v) {
|
|
841
841
|
var g = typeof (v == null ? void 0 : v.composedPath) == "function" ? v.composedPath() : void 0;
|
|
842
842
|
return o.containerGroups.findIndex(function(N) {
|
|
843
|
-
var D = N.container,
|
|
843
|
+
var D = N.container, B = N.tabbableNodes;
|
|
844
844
|
return D.contains(u) || // fall back to explicit tabbable search which will take into consideration any
|
|
845
845
|
// web components if the `tabbableOptions.getShadowRoot` option was used for
|
|
846
846
|
// the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
|
|
847
847
|
// look inside web components even if open)
|
|
848
|
-
(g == null ? void 0 : g.includes(D)) ||
|
|
848
|
+
(g == null ? void 0 : g.includes(D)) || B.find(function(O) {
|
|
849
849
|
return O === u;
|
|
850
850
|
});
|
|
851
851
|
});
|
|
852
852
|
}, T = function(u) {
|
|
853
|
-
var v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, g = v.hasFallback, N = g === void 0 ? !1 : g, D = v.params,
|
|
854
|
-
if (typeof O == "function" && (O = O.apply(void 0, gi(
|
|
853
|
+
var v = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, g = v.hasFallback, N = g === void 0 ? !1 : g, D = v.params, B = D === void 0 ? [] : D, O = c[u];
|
|
854
|
+
if (typeof O == "function" && (O = O.apply(void 0, gi(B))), O === !0 && (O = void 0), !O) {
|
|
855
855
|
if (O === void 0 || O === !1)
|
|
856
856
|
return O;
|
|
857
857
|
throw new Error("`".concat(u, "` was specified but was not a node, or did not return a node"));
|
|
@@ -884,9 +884,9 @@ var qt = {
|
|
|
884
884
|
if (!u)
|
|
885
885
|
throw new Error("Your focus-trap needs to have at least one focusable element");
|
|
886
886
|
return u;
|
|
887
|
-
},
|
|
887
|
+
}, x = function() {
|
|
888
888
|
if (o.containerGroups = o.containers.map(function(u) {
|
|
889
|
-
var v = di(u, c.tabbableOptions), g = fi(u, c.tabbableOptions), N = v.length > 0 ? v[0] : void 0, D = v.length > 0 ? v[v.length - 1] : void 0,
|
|
889
|
+
var v = di(u, c.tabbableOptions), g = fi(u, c.tabbableOptions), N = v.length > 0 ? v[0] : void 0, D = v.length > 0 ? v[v.length - 1] : void 0, B = g.find(function(y) {
|
|
890
890
|
return Ie(y);
|
|
891
891
|
}), O = g.slice().reverse().find(function(y) {
|
|
892
892
|
return Ie(y);
|
|
@@ -911,7 +911,7 @@ var qt = {
|
|
|
911
911
|
// "close enough most of the time" alternative for positive tabindexes which should generally
|
|
912
912
|
// be avoided anyway...
|
|
913
913
|
/** First tabbable node in container, __DOM__ order; `undefined` if none. */
|
|
914
|
-
firstDomTabbableNode:
|
|
914
|
+
firstDomTabbableNode: B,
|
|
915
915
|
/** Last tabbable node in container, __DOM__ order; `undefined` if none. */
|
|
916
916
|
lastDomTabbableNode: O,
|
|
917
917
|
/**
|
|
@@ -960,12 +960,12 @@ var qt = {
|
|
|
960
960
|
return v || (v === !1 ? !1 : u);
|
|
961
961
|
}, V = function(u) {
|
|
962
962
|
var v = u.target, g = u.event, N = u.isBackward, D = N === void 0 ? !1 : N;
|
|
963
|
-
v = v || Ue(g),
|
|
964
|
-
var
|
|
963
|
+
v = v || Ue(g), x();
|
|
964
|
+
var B = null;
|
|
965
965
|
if (o.tabbableGroups.length > 0) {
|
|
966
966
|
var O = w(v, g), d = O >= 0 ? o.containerGroups[O] : void 0;
|
|
967
967
|
if (O < 0)
|
|
968
|
-
D ?
|
|
968
|
+
D ? B = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : B = o.tabbableGroups[0].firstTabbableNode;
|
|
969
969
|
else if (D) {
|
|
970
970
|
var y = o.tabbableGroups.findIndex(function(le) {
|
|
971
971
|
var Fe = le.firstTabbableNode;
|
|
@@ -973,8 +973,8 @@ var qt = {
|
|
|
973
973
|
});
|
|
974
974
|
if (y < 0 && (d.container === v || ht(v, c.tabbableOptions) && !Ie(v, c.tabbableOptions) && !d.nextTabbableNode(v, !1)) && (y = O), y >= 0) {
|
|
975
975
|
var _ = y === 0 ? o.tabbableGroups.length - 1 : y - 1, m = o.tabbableGroups[_];
|
|
976
|
-
|
|
977
|
-
} else
|
|
976
|
+
B = we(v) >= 0 ? m.lastTabbableNode : m.lastDomTabbableNode;
|
|
977
|
+
} else xe(g) || (B = d.nextTabbableNode(v, !1));
|
|
978
978
|
} else {
|
|
979
979
|
var z = o.tabbableGroups.findIndex(function(le) {
|
|
980
980
|
var Fe = le.lastTabbableNode;
|
|
@@ -982,12 +982,12 @@ var qt = {
|
|
|
982
982
|
});
|
|
983
983
|
if (z < 0 && (d.container === v || ht(v, c.tabbableOptions) && !Ie(v, c.tabbableOptions) && !d.nextTabbableNode(v)) && (z = O), z >= 0) {
|
|
984
984
|
var P = z === o.tabbableGroups.length - 1 ? 0 : z + 1, X = o.tabbableGroups[P];
|
|
985
|
-
|
|
986
|
-
} else
|
|
985
|
+
B = we(v) >= 0 ? X.firstTabbableNode : X.firstDomTabbableNode;
|
|
986
|
+
} else xe(g) || (B = d.nextTabbableNode(v));
|
|
987
987
|
}
|
|
988
988
|
} else
|
|
989
|
-
|
|
990
|
-
return
|
|
989
|
+
B = T("fallbackFocus");
|
|
990
|
+
return B;
|
|
991
991
|
}, K = function(u) {
|
|
992
992
|
var v = Ue(u);
|
|
993
993
|
if (!(w(v, u) >= 0)) {
|
|
@@ -1014,7 +1014,7 @@ var qt = {
|
|
|
1014
1014
|
var N, D = !0;
|
|
1015
1015
|
if (o.mostRecentlyFocusedNode)
|
|
1016
1016
|
if (we(o.mostRecentlyFocusedNode) > 0) {
|
|
1017
|
-
var
|
|
1017
|
+
var B = w(o.mostRecentlyFocusedNode), O = o.containerGroups[B].tabbableNodes;
|
|
1018
1018
|
if (O.length > 0) {
|
|
1019
1019
|
var d = O.findIndex(function(y) {
|
|
1020
1020
|
return y === o.mostRecentlyFocusedNode;
|
|
@@ -1044,7 +1044,7 @@ var qt = {
|
|
|
1044
1044
|
event: u,
|
|
1045
1045
|
isBackward: v
|
|
1046
1046
|
});
|
|
1047
|
-
g && (
|
|
1047
|
+
g && (xe(u) && u.preventDefault(), $(g));
|
|
1048
1048
|
}, q = function(u) {
|
|
1049
1049
|
(c.isKeyForward(u) || c.isKeyBackward(u)) && de(u, c.isKeyBackward(u));
|
|
1050
1050
|
}, re = function(u) {
|
|
@@ -1099,9 +1099,9 @@ var qt = {
|
|
|
1099
1099
|
if (o.active)
|
|
1100
1100
|
return this;
|
|
1101
1101
|
var v = b(u, "onActivate"), g = b(u, "onPostActivate"), N = b(u, "checkCanFocusTrap");
|
|
1102
|
-
N ||
|
|
1102
|
+
N || x(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = j(n), v == null || v();
|
|
1103
1103
|
var D = function() {
|
|
1104
|
-
N &&
|
|
1104
|
+
N && x(), ne(), W(), g == null || g();
|
|
1105
1105
|
};
|
|
1106
1106
|
return N ? (N(o.containers.concat()).then(D, D), this) : (D(), this);
|
|
1107
1107
|
},
|
|
@@ -1114,14 +1114,14 @@ var qt = {
|
|
|
1114
1114
|
checkCanReturnFocus: c.checkCanReturnFocus
|
|
1115
1115
|
}, u);
|
|
1116
1116
|
clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, F(), o.active = !1, o.paused = !1, W(), qt.deactivateTrap(s, f);
|
|
1117
|
-
var g = b(v, "onDeactivate"), N = b(v, "onPostDeactivate"), D = b(v, "checkCanReturnFocus"),
|
|
1117
|
+
var g = b(v, "onDeactivate"), N = b(v, "onPostDeactivate"), D = b(v, "checkCanReturnFocus"), B = b(v, "returnFocus", "returnFocusOnDeactivate");
|
|
1118
1118
|
g == null || g();
|
|
1119
1119
|
var O = function() {
|
|
1120
1120
|
Xt(function() {
|
|
1121
|
-
|
|
1121
|
+
B && $(M(o.nodeFocusedBeforeActivation)), N == null || N();
|
|
1122
1122
|
});
|
|
1123
1123
|
};
|
|
1124
|
-
return
|
|
1124
|
+
return B && D ? (D(M(o.nodeFocusedBeforeActivation)).then(O, O), this) : (O(), this);
|
|
1125
1125
|
},
|
|
1126
1126
|
pause: function(u) {
|
|
1127
1127
|
return o.active ? (o.manuallyPaused = !0, this._setPausedState(!0, u)) : this;
|
|
@@ -1133,7 +1133,7 @@ var qt = {
|
|
|
1133
1133
|
var v = [].concat(u).filter(Boolean);
|
|
1134
1134
|
return o.containers = v.map(function(g) {
|
|
1135
1135
|
return typeof g == "string" ? n.querySelector(g) : g;
|
|
1136
|
-
}), o.active &&
|
|
1136
|
+
}), o.active && x(), W(), this;
|
|
1137
1137
|
}
|
|
1138
1138
|
}, Object.defineProperties(f, {
|
|
1139
1139
|
_isManuallyPaused: {
|
|
@@ -1149,8 +1149,8 @@ var qt = {
|
|
|
1149
1149
|
var g = b(v, "onPause"), N = b(v, "onPostPause");
|
|
1150
1150
|
g == null || g(), F(), W(), N == null || N();
|
|
1151
1151
|
} else {
|
|
1152
|
-
var D = b(v, "onUnpause"),
|
|
1153
|
-
D == null || D(),
|
|
1152
|
+
var D = b(v, "onUnpause"), B = b(v, "onPostUnpause");
|
|
1153
|
+
D == null || D(), x(), ne(), W(), B == null || B();
|
|
1154
1154
|
}
|
|
1155
1155
|
return this;
|
|
1156
1156
|
}
|
|
@@ -1275,8 +1275,8 @@ function Ai(a) {
|
|
|
1275
1275
|
var tt = { exports: {} };
|
|
1276
1276
|
tt.exports;
|
|
1277
1277
|
(function(a, t) {
|
|
1278
|
-
var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, c = "[object Arguments]", o = "[object Array]", f = "[object Boolean]", b = "[object Date]", w = "[object Error]", T = "[object Function]", R = "[object GeneratorFunction]",
|
|
1279
|
-
d[c] = d[o] = d[re] = d[ae] = d[f] = d[b] = d[ne] = d[F] = d[G] = d[Z] = d[W] = d[
|
|
1278
|
+
var r = 200, n = "__lodash_hash_undefined__", s = 9007199254740991, c = "[object Arguments]", o = "[object Array]", f = "[object Boolean]", b = "[object Date]", w = "[object Error]", T = "[object Function]", R = "[object GeneratorFunction]", x = "[object Map]", j = "[object Number]", $ = "[object Object]", M = "[object Promise]", V = "[object RegExp]", K = "[object Set]", te = "[object String]", de = "[object Symbol]", q = "[object WeakMap]", re = "[object ArrayBuffer]", ae = "[object DataView]", ne = "[object Float32Array]", F = "[object Float64Array]", G = "[object Int8Array]", Z = "[object Int16Array]", W = "[object Int32Array]", A = "[object Uint8Array]", u = "[object Uint8ClampedArray]", v = "[object Uint16Array]", g = "[object Uint32Array]", N = /[\\^$.*+?()[\]{}|]/g, D = /\w*$/, B = /^\[object .+?Constructor\]$/, O = /^(?:0|[1-9]\d*)$/, d = {};
|
|
1279
|
+
d[c] = d[o] = d[re] = d[ae] = d[f] = d[b] = d[ne] = d[F] = d[G] = d[Z] = d[W] = d[x] = d[j] = d[$] = d[V] = d[K] = d[te] = d[de] = d[A] = d[u] = d[v] = d[g] = !0, d[w] = d[T] = d[q] = !1;
|
|
1280
1280
|
var y = typeof Ve == "object" && Ve && Ve.Object === Object && Ve, _ = typeof self == "object" && self && self.Object === Object && self, m = y || _ || Function("return this")(), z = t && !t.nodeType && t, P = z && !0 && a && !a.nodeType && a, X = P && P.exports === z;
|
|
1281
1281
|
function le(e, i) {
|
|
1282
1282
|
return e.set(i[0], i[1]), e;
|
|
@@ -1386,18 +1386,18 @@ tt.exports;
|
|
|
1386
1386
|
var h = i.length - 1;
|
|
1387
1387
|
return l == h ? i.pop() : wa.call(i, l, 1), !0;
|
|
1388
1388
|
}
|
|
1389
|
-
function
|
|
1389
|
+
function xa(e) {
|
|
1390
1390
|
var i = this.__data__, l = He(i, e);
|
|
1391
1391
|
return l < 0 ? void 0 : i[l][1];
|
|
1392
1392
|
}
|
|
1393
|
-
function
|
|
1393
|
+
function Ba(e) {
|
|
1394
1394
|
return He(this.__data__, e) > -1;
|
|
1395
1395
|
}
|
|
1396
1396
|
function La(e, i) {
|
|
1397
1397
|
var l = this.__data__, h = He(l, e);
|
|
1398
1398
|
return h < 0 ? l.push([e, i]) : l[h][1] = i, this;
|
|
1399
1399
|
}
|
|
1400
|
-
ce.prototype.clear = Da, ce.prototype.delete = Ra, ce.prototype.get =
|
|
1400
|
+
ce.prototype.clear = Da, ce.prototype.delete = Ra, ce.prototype.get = xa, ce.prototype.has = Ba, ce.prototype.set = La;
|
|
1401
1401
|
function Te(e) {
|
|
1402
1402
|
var i = -1, l = e ? e.length : 0;
|
|
1403
1403
|
for (this.clear(); ++i < l; ) {
|
|
@@ -1459,11 +1459,11 @@ tt.exports;
|
|
|
1459
1459
|
}
|
|
1460
1460
|
function Nt(e, i, l) {
|
|
1461
1461
|
var h = e[i];
|
|
1462
|
-
(!(fe.call(e, i) &&
|
|
1462
|
+
(!(fe.call(e, i) && Bt(h, l)) || l === void 0 && !(i in e)) && (e[i] = l);
|
|
1463
1463
|
}
|
|
1464
1464
|
function He(e, i) {
|
|
1465
1465
|
for (var l = e.length; l--; )
|
|
1466
|
-
if (
|
|
1466
|
+
if (Bt(e[l][0], i))
|
|
1467
1467
|
return l;
|
|
1468
1468
|
return -1;
|
|
1469
1469
|
}
|
|
@@ -1518,11 +1518,11 @@ tt.exports;
|
|
|
1518
1518
|
function Ja(e) {
|
|
1519
1519
|
if (!ze(e) || mn(e))
|
|
1520
1520
|
return !1;
|
|
1521
|
-
var i = Mt(e) || kt(e) ? ha :
|
|
1521
|
+
var i = Mt(e) || kt(e) ? ha : B;
|
|
1522
1522
|
return i.test(ge(e));
|
|
1523
1523
|
}
|
|
1524
1524
|
function en(e) {
|
|
1525
|
-
if (!
|
|
1525
|
+
if (!xt(e))
|
|
1526
1526
|
return Ta(e);
|
|
1527
1527
|
var i = [];
|
|
1528
1528
|
for (var l in Object(e))
|
|
@@ -1591,14 +1591,14 @@ tt.exports;
|
|
|
1591
1591
|
return Ja(l) ? l : void 0;
|
|
1592
1592
|
}
|
|
1593
1593
|
var Rt = Et ? at(Et, Object) : Sn, me = Qa;
|
|
1594
|
-
(rt && me(new rt(new ArrayBuffer(1))) != ae || Ne && me(new Ne()) !=
|
|
1594
|
+
(rt && me(new rt(new ArrayBuffer(1))) != ae || Ne && me(new Ne()) != x || it && me(it.resolve()) != M || ot && me(new ot()) != K || st && me(new st()) != q) && (me = function(e) {
|
|
1595
1595
|
var i = Ze.call(e), l = i == $ ? e.constructor : void 0, h = l ? ge(l) : void 0;
|
|
1596
1596
|
if (h)
|
|
1597
1597
|
switch (h) {
|
|
1598
1598
|
case _a:
|
|
1599
1599
|
return ae;
|
|
1600
1600
|
case Sa:
|
|
1601
|
-
return
|
|
1601
|
+
return x;
|
|
1602
1602
|
case Ca:
|
|
1603
1603
|
return M;
|
|
1604
1604
|
case Ia:
|
|
@@ -1613,7 +1613,7 @@ tt.exports;
|
|
|
1613
1613
|
return i && typeof e[0] == "string" && fe.call(e, "index") && (l.index = e.index, l.input = e.input), l;
|
|
1614
1614
|
}
|
|
1615
1615
|
function vn(e) {
|
|
1616
|
-
return typeof e.constructor == "function" && !
|
|
1616
|
+
return typeof e.constructor == "function" && !xt(e) ? Xa(ma(e)) : {};
|
|
1617
1617
|
}
|
|
1618
1618
|
function bn(e, i, l, h) {
|
|
1619
1619
|
var U = e.constructor;
|
|
@@ -1635,7 +1635,7 @@ tt.exports;
|
|
|
1635
1635
|
case v:
|
|
1636
1636
|
case g:
|
|
1637
1637
|
return ln(e, h);
|
|
1638
|
-
case
|
|
1638
|
+
case x:
|
|
1639
1639
|
return nn(e, h, l);
|
|
1640
1640
|
case j:
|
|
1641
1641
|
case te:
|
|
@@ -1658,7 +1658,7 @@ tt.exports;
|
|
|
1658
1658
|
function mn(e) {
|
|
1659
1659
|
return !!St && St in e;
|
|
1660
1660
|
}
|
|
1661
|
-
function
|
|
1661
|
+
function xt(e) {
|
|
1662
1662
|
var i = e && e.constructor, l = typeof i == "function" && i.prototype || Ke;
|
|
1663
1663
|
return e === l;
|
|
1664
1664
|
}
|
|
@@ -1678,7 +1678,7 @@ tt.exports;
|
|
|
1678
1678
|
function gn(e) {
|
|
1679
1679
|
return lt(e, !0, !0);
|
|
1680
1680
|
}
|
|
1681
|
-
function
|
|
1681
|
+
function Bt(e, i) {
|
|
1682
1682
|
return e === i || e !== e && i !== i;
|
|
1683
1683
|
}
|
|
1684
1684
|
function yn(e) {
|
|
@@ -1721,10 +1721,10 @@ var Fi = tt.exports;
|
|
|
1721
1721
|
const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
1722
1722
|
key: 0,
|
|
1723
1723
|
class: "sidebar-header"
|
|
1724
|
-
}, Ri = { class: "sidebar-content-container" },
|
|
1724
|
+
}, Ri = { class: "sidebar-content-container" }, xi = {
|
|
1725
1725
|
key: 0,
|
|
1726
1726
|
class: "sidebar-top"
|
|
1727
|
-
},
|
|
1727
|
+
}, Bi = { "aria-label": "Main menu" }, Li = ["id"], Mi = ["aria-labelledby"], ji = {
|
|
1728
1728
|
key: 1,
|
|
1729
1729
|
class: "sidebar-level-divider",
|
|
1730
1730
|
role: "separator"
|
|
@@ -1801,7 +1801,7 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
|
1801
1801
|
"46f3d513": f.value.height,
|
|
1802
1802
|
"42d2e4e9": f.value.top,
|
|
1803
1803
|
"7276653d": w.value.marginTop,
|
|
1804
|
-
"5a2fa60c":
|
|
1804
|
+
"5a2fa60c": B.value,
|
|
1805
1805
|
"372449a2": b.value.display,
|
|
1806
1806
|
"69ab7946": b.value.minHeight,
|
|
1807
1807
|
"265869b8": T.value.top,
|
|
@@ -1828,11 +1828,11 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
|
1828
1828
|
X.parentKey = _.key, (!X.testId || !((P = X.testId) != null && P.trim())) && (X.testId = String(X.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
|
|
1829
1829
|
}
|
|
1830
1830
|
return _;
|
|
1831
|
-
}),
|
|
1831
|
+
}), x = S(() => n.topItems.length ? R(n.topItems) : []), j = S(() => n.bottomItems.length ? R(n.bottomItems) : []), $ = (d = "") => d.trim().replace(" ", "").replace(/[^a-z0-9]+/gi, "-").toLowerCase(), M = S(() => {
|
|
1832
1832
|
var y;
|
|
1833
1833
|
const d = /* @__PURE__ */ new Map();
|
|
1834
1834
|
d.set(ye, []);
|
|
1835
|
-
for (const _ of
|
|
1835
|
+
for (const _ of x.value) {
|
|
1836
1836
|
const m = _.group || ye;
|
|
1837
1837
|
d.has(m) || d.set(m, []), (y = d.get(m)) == null || y.push(_);
|
|
1838
1838
|
}
|
|
@@ -1880,7 +1880,7 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
|
1880
1880
|
Ae(N, async (d) => {
|
|
1881
1881
|
d ? await D(!0) : await D(!1);
|
|
1882
1882
|
}, { immediate: !0 });
|
|
1883
|
-
const
|
|
1883
|
+
const B = ee("0px"), O = () => {
|
|
1884
1884
|
var X;
|
|
1885
1885
|
if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((X = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : X.platform)))
|
|
1886
1886
|
return;
|
|
@@ -1891,12 +1891,12 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
|
1891
1891
|
const m = document.createElement("div");
|
|
1892
1892
|
m.style.width = "100%", y.appendChild(m);
|
|
1893
1893
|
const z = m.offsetWidth;
|
|
1894
|
-
y.parentNode && y.parentNode.removeChild(y), _ - z === 0 && (
|
|
1894
|
+
y.parentNode && y.parentNode.removeChild(y), _ - z === 0 && (B.value = "8px");
|
|
1895
1895
|
};
|
|
1896
1896
|
return Pe(async () => {
|
|
1897
1897
|
if (W.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", Z), window.addEventListener("resize", v), n.groupConfig) {
|
|
1898
1898
|
for (const d in n.groupConfig)
|
|
1899
|
-
if (Er(`(max-width: ${
|
|
1899
|
+
if (Er(`(max-width: ${Br})`)) {
|
|
1900
1900
|
const y = n.groupConfig[d];
|
|
1901
1901
|
y.collapsed = !1;
|
|
1902
1902
|
}
|
|
@@ -1934,10 +1934,10 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
|
1934
1934
|
C(d.$slots, "header", {}, void 0, !0)
|
|
1935
1935
|
])) : I("", !0),
|
|
1936
1936
|
E("div", Ri, [
|
|
1937
|
-
o.value ? (p(), k("div",
|
|
1937
|
+
o.value ? (p(), k("div", xi, [
|
|
1938
1938
|
C(d.$slots, "top", {}, void 0, !0)
|
|
1939
1939
|
])) : I("", !0),
|
|
1940
|
-
E("nav",
|
|
1940
|
+
E("nav", Bi, [
|
|
1941
1941
|
M.value.size > 0 ? (p(!0), k($e, { key: 0 }, be(M.value, ([m, z]) => (p(), H(_, {
|
|
1942
1942
|
key: m,
|
|
1943
1943
|
class: se(["level-primary-group-collapse", {
|
|
@@ -1963,7 +1963,7 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
|
1963
1963
|
"data-testid": "level-primary-group-name",
|
|
1964
1964
|
role: "presentation"
|
|
1965
1965
|
}, Y(((le = V(m)) == null ? void 0 : le.label) || m), 9, Li)) : I("", !0),
|
|
1966
|
-
K(m) ? (p(), H(Ee(P ? ve(ta) : ve(
|
|
1966
|
+
K(m) ? (p(), H(Ee(P ? ve(ta) : ve(Bn)), {
|
|
1967
1967
|
key: 1,
|
|
1968
1968
|
class: "level-primary-group-collapse-icon",
|
|
1969
1969
|
color: ve(Mr),
|
|
@@ -2131,11 +2131,11 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
|
2131
2131
|
T.value = F;
|
|
2132
2132
|
};
|
|
2133
2133
|
Jt(() => {
|
|
2134
|
-
T.value =
|
|
2134
|
+
T.value = xn(b, "open").value || !1;
|
|
2135
2135
|
});
|
|
2136
|
-
const
|
|
2137
|
-
if (F ||
|
|
2138
|
-
|
|
2136
|
+
const x = ee(0), j = ee(60), $ = ee(0), M = S(() => f.hidden ? $.value : j.value + $.value), V = S(() => r.theme === "light" ? Nr : Dr), K = S(() => r.theme === "light" ? Ar : Fr), te = S(() => r.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), de = S(() => `${M.value}px`), q = S(() => b.hidden || f.hidden ? Rr : xr), { debounce: re } = ca(), ae = re((F = !1) => {
|
|
2137
|
+
if (F || x.value !== (window == null ? void 0 : window.innerWidth)) {
|
|
2138
|
+
x.value = window == null ? void 0 : window.innerWidth;
|
|
2139
2139
|
const G = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
|
|
2140
2140
|
G && ($.value = G.offsetHeight);
|
|
2141
2141
|
}
|
|
@@ -2144,7 +2144,7 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
|
2144
2144
|
n("update:topOffset", F || 0);
|
|
2145
2145
|
}, { immediate: !0 }), Pe(() => {
|
|
2146
2146
|
var G, Z;
|
|
2147
|
-
(G = document == null ? void 0 : document.body) == null || G.classList.add("kong-ui-app-layout-body"), (Z = document == null ? void 0 : document.documentElement) == null || Z.classList.add("kong-ui-app-layout-html"),
|
|
2147
|
+
(G = document == null ? void 0 : document.body) == null || G.classList.add("kong-ui-app-layout-body"), (Z = document == null ? void 0 : document.documentElement) == null || Z.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, ae(!0);
|
|
2148
2148
|
const F = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
|
|
2149
2149
|
F && (ne.value = new ResizeObserver((W) => {
|
|
2150
2150
|
window.requestAnimationFrame(() => {
|
|
@@ -2406,7 +2406,7 @@ const Ni = /* @__PURE__ */ Ai(Fi), Di = {
|
|
|
2406
2406
|
"data-testid": "app-page-info-section-title"
|
|
2407
2407
|
}, {
|
|
2408
2408
|
default: L(() => [
|
|
2409
|
-
|
|
2409
|
+
Be(Y(a.title), 1)
|
|
2410
2410
|
]),
|
|
2411
2411
|
_: 1
|
|
2412
2412
|
})) : I("", !0),
|
package/dist/app-layout.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(R,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):(R=typeof globalThis<"u"?globalThis:R||self,e(R["kong-ui-public-app-layout"]={},R.Vue,R.KongIcons,R.Kongponents))})(this,function(R,e,Ae,Xe){"use strict";const Mt=e.defineComponent({__name:"AccountDropdown",props:{options:{type:Array,required:!0},width:{type:String,default:"240"},userInitials:{type:String,required:!0,default:" "}},setup(a){return(n,r)=>{const o=e.resolveComponent("KDropdownItem"),s=e.resolveComponent("KDropdown");return e.openBlock(),e.createBlock(s,{class:"account-dropdown","kpop-attributes":{placement:"bottom-end"},"trigger-text":a.userInitials,width:a.width},{items:e.withCtx(({handleSelection:d})=>[e.renderSlot(n.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.options,c=>(e.openBlock(),e.createBlock(o,{key:c.value,class:e.normalizeClass({"has-divider":c.hasDivider}),"data-testid":"select-"+c.value,"has-divider":c.hasDivider,onClick:p=>d(c)},{default:e.withCtx(()=>[e.renderSlot(n.$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"])}}}),X=(a,n)=>{const r=a.__vccOpts||a;for(const[o,s]of n)r[o]=s;return r},jt=X(Mt,[["__scopeId","data-v-b33191a2"]]),Pt={class:"about-section-title","data-testid":"about-section-title"},Kt={class:"about-section-header-end"},Zt={key:0,class:"about-section-timestamps-created","data-testid":"about-section-timestamps-created"},Ht={key:1,class:"about-section-timestamps-arrow"},zt={key:2,class:"about-section-timestamps-modified","data-testid":"about-section-timestamps-modified"},Wt={key:1,class:"about-section-actions","data-testid":"about-section-actions"},Gt={key:0,"data-testid":"about-section-loading-skeleton"},Ut={key:1},qt={key:0,class:"about-section-description","data-testid":"about-section-description"},Xt={key:1,class:"about-section-content","data-testid":"about-section-content"},Yt={key:2,"data-testid":"about-divider-section-separator"},Qt={key:3,class:"about-divider-section","data-testid":"about-divider-section"},Jt=X(e.defineComponent({__name:"AppAboutSection",props:{title:{default:""},description:{default:""},created:{default:""},createdLabel:{default:"Created"},modified:{default:""},modifiedLabel:{default:"Modified"},isLoading:{type:Boolean,default:!1}},setup(a){const n=a,r=e.computed(()=>!!n.modified&&n.modified!==n.created);return(o,s)=>{const d=e.resolveComponent("KSkeletonBox"),c=e.resolveComponent("KCard");return e.openBlock(),e.createBlock(c,{class:"kong-ui-app-about-section","title-tag":"h2"},e.createSlots({default:e.withCtx(()=>[o.isLoading?(e.openBlock(),e.createElementBlock("div",Gt,[e.createVNode(d,{height:"2",width:"100"}),e.createVNode(d,{height:"2",width:"100"})])):(e.openBlock(),e.createElementBlock("div",Ut,[o.description?(e.openBlock(),e.createElementBlock("p",qt,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0),o.$slots.default?(e.openBlock(),e.createElementBlock("div",Xt,[e.renderSlot(o.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("hr",Yt)):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("div",Qt,[e.renderSlot(o.$slots,"divider-section",{},void 0,!0)])):e.createCommentVNode("",!0)]))]),_:2},[o.$slots.title||o.title?{name:"title",fn:e.withCtx(()=>[e.createElementVNode("span",Pt,[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])]),key:"0"}:void 0,o.$slots.actions||o.created||o.modified?{name:"actions",fn:e.withCtx(()=>[e.createElementVNode("div",Kt,[o.created||o.modified?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["about-section-timestamps",{"has-actions":o.$slots.actions}])},[o.created?(e.openBlock(),e.createElementBlock("span",Zt,e.toDisplayString(o.createdLabel)+": "+e.toDisplayString(o.created),1)):e.createCommentVNode("",!0),o.created&&r.value?(e.openBlock(),e.createElementBlock("span",Ht,"->")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("span",zt,e.toDisplayString(o.modifiedLabel)+": "+e.toDisplayString(o.modified),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.$slots.actions?(e.openBlock(),e.createElementBlock("div",Wt,[e.renderSlot(o.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)])]),key:"1"}:void 0]),1024)}}}),[["__scopeId","data-v-f5864a9c"]]),en={},tn={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"};function nn(a,n){return e.openBlock(),e.createElementBlock("svg",tn,n[0]||(n[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 an=X(en,[["render",nn]]),on={class:"kong-ui-app-error"},rn={class:"banana-icon"},cn={class:"kong-ui-app-error-content"},sn=X(e.defineComponent({__name:"AppError",setup(a){return(n,r)=>(e.openBlock(),e.createElementBlock("section",on,[e.createElementVNode("div",rn,[e.createVNode(an)]),e.createElementVNode("div",cn,[e.renderSlot(n.$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"]]),ln={class:"kong-ui-app-navbar"},dn={class:"header-content"},un={class:"mobile-header-left"},fn={key:0,class:"app-navbar-logo"},pn={class:"navbar-content"},mn={class:"navbar-content-left"},bn={class:"navbar-content-center"},hn={class:"navbar-content-right"},Ye=X(e.defineComponent({__name:"AppNavbar",props:{topOffset:{type:Number,default:0},leftOffset:{type:Number,default:240},zIndex:{type:Number,default:3}},setup(a){e.useCssVars(c=>({"27c93a10":d.value.top,"0f284bf5":d.value.zIndex,d1659a78:d.value.left,"3d9232e8":s.marginRight,"038c3c78":s.width}));const n=a,r=e.useSlots(),o=e.computed(()=>!!r.logo),s=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?(s.marginRight="32px",s.width="calc(240px - 32px)"):(s.marginRight="0",s.width="0")});const d=e.computed(()=>({top:n.topOffset?`${n.topOffset}px`:"0",left:n.leftOffset?`${n.leftOffset}px`:"0",zIndex:n.zIndex}));return(c,p)=>(e.openBlock(),e.createElementBlock("header",ln,[e.createElementVNode("div",dn,[e.createElementVNode("div",un,[e.renderSlot(c.$slots,"mobile-sidebar-toggle"),e.renderSlot(c.$slots,"mobile-logo")]),o.value?(e.openBlock(),e.createElementBlock("div",fn,[e.renderSlot(c.$slots,"logo")])):e.createCommentVNode("",!0),e.createElementVNode("div",pn,[e.createElementVNode("div",mn,[e.renderSlot(c.$slots,"left")]),e.createElementVNode("div",bn,[e.renderSlot(c.$slots,"center")]),e.createElementVNode("div",hn,[e.renderSlot(c.$slots,"right")])])])]))}}),[["__scopeId","data-v-2f6fc50f"]]);function gn(a){return e.getCurrentScope()?(e.onScopeDispose(a),!0):!1}const Fe=new WeakMap,yn=(...a)=>{var n;const r=a[0],o=(n=e.getCurrentInstance())==null?void 0:n.proxy;if(o==null&&!e.hasInjectionContext())throw new Error("injectLocal must be called in setup");return o&&Fe.has(o)&&r in Fe.get(o)?Fe.get(o)[r]:e.inject(...a)},vn=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const kn=Object.prototype.toString,wn=a=>kn.call(a)==="[object Object]";function Qe(a){return a.endsWith("rem")?Number.parseFloat(a)*16:Number.parseFloat(a)}function De(a){return Array.isArray(a)?a:[a]}function Cn(a,n,r){return e.watch(a,n,{...r,immediate:!0})}const Je=vn?window:void 0;function Sn(a){var n;const r=e.toValue(a);return(n=r==null?void 0:r.$el)!=null?n:r}function En(...a){const n=[],r=()=>{n.forEach(p=>p()),n.length=0},o=(p,b,k,w)=>(p.addEventListener(b,k,w),()=>p.removeEventListener(b,k,w)),s=e.computed(()=>{const p=De(e.toValue(a[0])).filter(b=>b!=null);return p.every(b=>typeof b!="string")?p:void 0}),d=Cn(()=>{var p,b;return[(b=(p=s.value)==null?void 0:p.map(k=>Sn(k)))!=null?b:[Je].filter(k=>k!=null),De(e.toValue(s.value?a[1]:a[0])),De(e.unref(s.value?a[2]:a[1])),e.toValue(s.value?a[3]:a[2])]},([p,b,k,w])=>{if(r(),!(p!=null&&p.length)||!(b!=null&&b.length)||!(k!=null&&k.length))return;const I=wn(w)?{...w}:w;n.push(...p.flatMap($=>b.flatMap(F=>k.map(S=>o($,F,S,I)))))},{flush:"post"}),c=()=>{d(),r()};return gn(r),c}function _n(){const a=e.shallowRef(!1),n=e.getCurrentInstance();return n&&e.onMounted(()=>{a.value=!0},n),a}function Bn(a){const n=_n();return e.computed(()=>(n.value,!!a()))}const Tn=Symbol("vueuse-ssr-width");function Nn(){const a=e.hasInjectionContext()?yn(Tn,null):null;return typeof a=="number"?a:void 0}function In(a,n={}){const{window:r=Je,ssrWidth:o=Nn()}=n,s=Bn(()=>r&&"matchMedia"in r&&typeof r.matchMedia=="function"),d=e.shallowRef(typeof o=="number"),c=e.shallowRef(),p=e.shallowRef(!1),b=k=>{p.value=k.matches};return e.watchEffect(()=>{if(d.value){d.value=!s.value;const k=e.toValue(a).split(",");p.value=k.some(w=>{const I=w.includes("not all"),$=w.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),F=w.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);let S=!!($||F);return $&&S&&(S=o>=Qe($[1])),F&&S&&(S=o<=Qe(F[1])),I?!S:S});return}s.value&&(c.value=r.matchMedia(e.toValue(a)),p.value=c.value.matches)}),En(c,"change",b,{passive:!0}),e.computed(()=>p.value)}const $n="#ffffff",On="#000933",An="#000933",Fn="#ffffff",Dn="0px",Vn="4px",xn="640px",Rn="16px",Ln="#bee2ff",Mn=["title"],Ve=99,jn=X(e.defineComponent({__name:"ItemBadge",props:{count:{type:Number,required:!0,default:void 0}},setup(a){const n=a,r=e.computed(()=>n.count?n.count>Ve?`${Ve}+`:n.count.toString():"");return(o,s)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"item-badge",title:(a.count||0)>Ve?String(a.count):void 0},e.toDisplayString(r.value),9,Mn)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-afb0d903"]]),Pn=["data-testid"],Kn=["aria-controls","aria-current","aria-expanded","href","target","onClick","onKeypress"],Zn={key:0,class:"sidebar-item-icon"},Hn={class:"sidebar-item-name-container"},zn={class:"sidebar-item-name has-tooltip"},Wn={key:2,class:"sidebar-item-label truncate-text truncate-18"},Gn={key:1,class:"sidebar-item-after"},Un=["id"],et=X(e.defineComponent({__name:"SidebarItem",props:{item:{type:Object,required:!0},subnavItem:{type:Boolean,default:!1}},emits:["click"],setup(a,{emit:n}){const r=n,o=a,s=e.useSlots(),d=e.computed(()=>typeof o.item.to!="string"?!1:!!o.item.newWindow||!!o.item.external||o.item.to.startsWith("http")),c=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("/"))),p=e.computed(()=>o.subnavItem&&o.item.badgeCount!==void 0&&o.item.badgeCount!==0||!!s[`sidebar-after-${o.item.key}`]),b=w=>{r("click",w)},k=(w,I,$)=>{b(I),typeof $=="function"&&(w.preventDefault(),$())};return(w,I)=>{var S;const $=e.resolveComponent("KTooltip"),F=e.resolveComponent("SidebarItem",!0);return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([a.subnavItem?"sidebar-item-secondary":"sidebar-item-primary",{expanded:a.item.expanded},{active:a.item.active}]),"data-testid":a.item.testId?`sidebar-item-${a.item.testId}`:void 0},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value?"div":"router-link"),{custom:d.value?void 0:!0,to:!d.value&&!c.value?a.item.to:void 0},{default:e.withCtx(A=>{var K,V;return[e.createElementVNode("a",{"aria-controls":(K=a.item.items)!=null&&K.length&&a.item.expanded?`subnav-${a.item.key}`:void 0,"aria-current":a.item.active?"page":void 0,"aria-expanded":(V=a.item.items)!=null&&V.length&&a.item.expanded?!0:void 0,class:e.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":c.value,"router-link":!d.value}]),href:d.value?String(a.item.to||"#"):A==null?void 0:A.href,target:c.value?"_blank":void 0,onClick:G=>k(G,a.item,A==null?void 0:A.navigate),onKeypress:e.withKeys(G=>k(G,a.item,A==null?void 0:A.navigate),["enter"])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar-item-display",{"has-label":!!a.item.label&&a.item.expanded,"has-badge":p.value}])},[w.$slots[`sidebar-icon-${a.item.key}`]?(e.openBlock(),e.createElementBlock("div",Zn,[a.subnavItem?e.createCommentVNode("",!0):e.renderSlot(w.$slots,`sidebar-icon-${a.item.key}`,{key:0},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Hn,[(a.subnavItem&&!p.value?a.item.name.length<25:a.item.name.length<18)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sidebar-item-name truncate-text",[a.subnavItem?"has-badge-max-width truncate-24":"truncate-17"]])},e.toDisplayString(a.item.name),3)):(e.openBlock(),e.createBlock($,{key:1,class:"sidebar-item-tooltip",placement:"right","position-fixed":"",text:a.item.name},{default:e.withCtx(()=>[e.createElementVNode("div",zn,[e.createElementVNode("span",{class:e.normalizeClass(["truncate-text",[a.subnavItem?"truncate-18":"truncate-17",{"has-badge-max-width":p.value}]])},e.toDisplayString(a.item.name),3)])]),_:1},8,["text"])),a.item.label&&a.item.expanded?(e.openBlock(),e.createElementBlock("div",Wn,e.toDisplayString(a.item.label),1)):e.createCommentVNode("",!0)]),p.value?(e.openBlock(),e.createElementBlock("div",Gn,[a.item.badgeCount?(e.openBlock(),e.createBlock(jn,{key:0,count:a.item.badgeCount},null,8,["count"])):e.renderSlot(w.$slots,`sidebar-after-${a.item.key}`,{key:1},void 0,!0)])):e.createCommentVNode("",!0)],2)],42,Kn)]}),_:3},8,["custom","to"])),(S=a.item.items)!=null&&S.length&&a.item.expanded?(e.openBlock(),e.createElementBlock("ul",{key:0,id:`subnav-${a.item.key}`,class:"level-secondary"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.item.items,A=>(e.openBlock(),e.createBlock(F,{key:A.name,item:A,"subnav-item":!0,onClick:K=>b(A)},null,8,["item","onClick"]))),128))],8,Un)):e.createCommentVNode("",!0)],10,Pn)}}}),[["__scopeId","data-v-f005e80c"]]);/*!
|
|
1
|
+
(function(R,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):(R=typeof globalThis<"u"?globalThis:R||self,e(R["kong-ui-public-app-layout"]={},R.Vue,R.KongIcons,R.Kongponents))})(this,function(R,e,Ae,Xe){"use strict";const Mt=e.defineComponent({__name:"AccountDropdown",props:{options:{type:Array,required:!0},width:{type:String,default:"240"},userInitials:{type:String,required:!0,default:" "}},setup(a){return(n,r)=>{const o=e.resolveComponent("KDropdownItem"),s=e.resolveComponent("KDropdown");return e.openBlock(),e.createBlock(s,{class:"account-dropdown","kpop-attributes":{placement:"bottom-end"},"trigger-text":a.userInitials,width:a.width},{items:e.withCtx(({handleSelection:d})=>[e.renderSlot(n.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.options,c=>(e.openBlock(),e.createBlock(o,{key:c.value,class:e.normalizeClass({"has-divider":c.hasDivider}),"data-testid":"select-"+c.value,"has-divider":c.hasDivider,onClick:p=>d(c)},{default:e.withCtx(()=>[e.renderSlot(n.$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"])}}}),X=(a,n)=>{const r=a.__vccOpts||a;for(const[o,s]of n)r[o]=s;return r},jt=X(Mt,[["__scopeId","data-v-b33191a2"]]),Pt={class:"about-section-title","data-testid":"about-section-title"},Kt={class:"about-section-header-end"},Zt={key:0,class:"about-section-timestamps-created","data-testid":"about-section-timestamps-created"},Ht={key:1,class:"about-section-timestamps-arrow"},zt={key:2,class:"about-section-timestamps-modified","data-testid":"about-section-timestamps-modified"},Wt={key:1,class:"about-section-actions","data-testid":"about-section-actions"},Gt={key:0,"data-testid":"about-section-loading-skeleton"},Ut={key:1},qt={key:0,class:"about-section-description","data-testid":"about-section-description"},Xt={key:1,class:"about-section-content","data-testid":"about-section-content"},Yt={key:2,"data-testid":"about-divider-section-separator"},Qt={key:3,class:"about-divider-section","data-testid":"about-divider-section"},Jt=X(e.defineComponent({__name:"AppAboutSection",props:{title:{default:""},description:{default:""},created:{default:""},createdLabel:{default:"Created"},modified:{default:""},modifiedLabel:{default:"Modified"},isLoading:{type:Boolean,default:!1}},setup(a){const n=a,r=e.computed(()=>!!n.modified&&n.modified!==n.created);return(o,s)=>{const d=e.resolveComponent("KSkeletonBox"),c=e.resolveComponent("KCard");return e.openBlock(),e.createBlock(c,{class:"kong-ui-app-about-section","title-tag":"h2"},e.createSlots({default:e.withCtx(()=>[o.isLoading?(e.openBlock(),e.createElementBlock("div",Gt,[e.createVNode(d,{height:"2",width:"100"}),e.createVNode(d,{height:"2",width:"100"})])):(e.openBlock(),e.createElementBlock("div",Ut,[o.description?(e.openBlock(),e.createElementBlock("p",qt,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0),o.$slots.default?(e.openBlock(),e.createElementBlock("div",Xt,[e.renderSlot(o.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("hr",Yt)):e.createCommentVNode("",!0),o.$slots["divider-section"]?(e.openBlock(),e.createElementBlock("div",Qt,[e.renderSlot(o.$slots,"divider-section",{},void 0,!0)])):e.createCommentVNode("",!0)]))]),_:2},[o.$slots.title||o.title?{name:"title",fn:e.withCtx(()=>[e.createElementVNode("span",Pt,[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)],!0)])]),key:"0"}:void 0,o.$slots.actions||o.created||o.modified?{name:"actions",fn:e.withCtx(()=>[e.createElementVNode("div",Kt,[o.created||o.modified?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["about-section-timestamps",{"has-actions":o.$slots.actions}])},[o.created?(e.openBlock(),e.createElementBlock("span",Zt,e.toDisplayString(o.createdLabel)+": "+e.toDisplayString(o.created),1)):e.createCommentVNode("",!0),o.created&&r.value?(e.openBlock(),e.createElementBlock("span",Ht,"->")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("span",zt,e.toDisplayString(o.modifiedLabel)+": "+e.toDisplayString(o.modified),1)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),o.$slots.actions?(e.openBlock(),e.createElementBlock("div",Wt,[e.renderSlot(o.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)])]),key:"1"}:void 0]),1024)}}}),[["__scopeId","data-v-f5864a9c"]]),en={},tn={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"};function nn(a,n){return e.openBlock(),e.createElementBlock("svg",tn,n[0]||(n[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 an=X(en,[["render",nn]]),on={class:"kong-ui-app-error"},rn={class:"banana-icon"},cn={class:"kong-ui-app-error-content"},sn=X(e.defineComponent({__name:"AppError",setup(a){return(n,r)=>(e.openBlock(),e.createElementBlock("section",on,[e.createElementVNode("div",rn,[e.createVNode(an)]),e.createElementVNode("div",cn,[e.renderSlot(n.$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"]]),ln={class:"kong-ui-app-navbar"},dn={class:"header-content"},un={class:"mobile-header-left"},fn={key:0,class:"app-navbar-logo"},pn={class:"navbar-content"},mn={class:"navbar-content-left"},bn={class:"navbar-content-center"},hn={class:"navbar-content-right"},Ye=X(e.defineComponent({__name:"AppNavbar",props:{topOffset:{type:Number,default:0},leftOffset:{type:Number,default:240},zIndex:{type:Number,default:3}},setup(a){e.useCssVars(c=>({"27c93a10":d.value.top,"0f284bf5":d.value.zIndex,d1659a78:d.value.left,"3d9232e8":s.marginRight,"038c3c78":s.width}));const n=a,r=e.useSlots(),o=e.computed(()=>!!r.logo),s=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?(s.marginRight="32px",s.width="calc(240px - 32px)"):(s.marginRight="0",s.width="0")});const d=e.computed(()=>({top:n.topOffset?`${n.topOffset}px`:"0",left:n.leftOffset?`${n.leftOffset}px`:"0",zIndex:n.zIndex}));return(c,p)=>(e.openBlock(),e.createElementBlock("header",ln,[e.createElementVNode("div",dn,[e.createElementVNode("div",un,[e.renderSlot(c.$slots,"mobile-sidebar-toggle"),e.renderSlot(c.$slots,"mobile-logo")]),o.value?(e.openBlock(),e.createElementBlock("div",fn,[e.renderSlot(c.$slots,"logo")])):e.createCommentVNode("",!0),e.createElementVNode("div",pn,[e.createElementVNode("div",mn,[e.renderSlot(c.$slots,"left")]),e.createElementVNode("div",bn,[e.renderSlot(c.$slots,"center")]),e.createElementVNode("div",hn,[e.renderSlot(c.$slots,"right")])])])]))}}),[["__scopeId","data-v-2f6fc50f"]]);function gn(a){return e.getCurrentScope()?(e.onScopeDispose(a),!0):!1}const Fe=new WeakMap,yn=(...a)=>{var n;const r=a[0],o=(n=e.getCurrentInstance())==null?void 0:n.proxy;if(o==null&&!e.hasInjectionContext())throw new Error("injectLocal must be called in setup");return o&&Fe.has(o)&&r in Fe.get(o)?Fe.get(o)[r]:e.inject(...a)},vn=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const kn=Object.prototype.toString,wn=a=>kn.call(a)==="[object Object]";function Qe(a){return a.endsWith("rem")?Number.parseFloat(a)*16:Number.parseFloat(a)}function De(a){return Array.isArray(a)?a:[a]}function Cn(a,n,r){return e.watch(a,n,{...r,immediate:!0})}const Je=vn?window:void 0;function Sn(a){var n;const r=e.toValue(a);return(n=r==null?void 0:r.$el)!=null?n:r}function En(...a){const n=[],r=()=>{n.forEach(p=>p()),n.length=0},o=(p,b,k,w)=>(p.addEventListener(b,k,w),()=>p.removeEventListener(b,k,w)),s=e.computed(()=>{const p=De(e.toValue(a[0])).filter(b=>b!=null);return p.every(b=>typeof b!="string")?p:void 0}),d=Cn(()=>{var p,b;return[(b=(p=s.value)==null?void 0:p.map(k=>Sn(k)))!=null?b:[Je].filter(k=>k!=null),De(e.toValue(s.value?a[1]:a[0])),De(e.unref(s.value?a[2]:a[1])),e.toValue(s.value?a[3]:a[2])]},([p,b,k,w])=>{if(r(),!(p!=null&&p.length)||!(b!=null&&b.length)||!(k!=null&&k.length))return;const I=wn(w)?{...w}:w;n.push(...p.flatMap($=>b.flatMap(F=>k.map(S=>o($,F,S,I)))))},{flush:"post"}),c=()=>{d(),r()};return gn(r),c}function _n(){const a=e.shallowRef(!1),n=e.getCurrentInstance();return n&&e.onMounted(()=>{a.value=!0},n),a}function Bn(a){const n=_n();return e.computed(()=>(n.value,!!a()))}const Tn=Symbol("vueuse-ssr-width");function Nn(){const a=e.hasInjectionContext()?yn(Tn,null):null;return typeof a=="number"?a:void 0}function In(a,n={}){const{window:r=Je,ssrWidth:o=Nn()}=n,s=Bn(()=>r&&"matchMedia"in r&&typeof r.matchMedia=="function"),d=e.shallowRef(typeof o=="number"),c=e.shallowRef(),p=e.shallowRef(!1),b=k=>{p.value=k.matches};return e.watchEffect(()=>{if(d.value){d.value=!s.value;const k=e.toValue(a).split(",");p.value=k.some(w=>{const I=w.includes("not all"),$=w.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),F=w.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);let S=!!($||F);return $&&S&&(S=o>=Qe($[1])),F&&S&&(S=o<=Qe(F[1])),I?!S:S});return}s.value&&(c.value=r.matchMedia(e.toValue(a)),p.value=c.value.matches)}),En(c,"change",b,{passive:!0}),e.computed(()=>p.value)}const $n="#ffffff",On="#000933",An="#000933",Fn="#ffffff",Dn="0px",Vn="4px",xn="640px",Rn="16px",Ln="#bee2ff",Mn=["title"],Ve=99,jn=X(e.defineComponent({__name:"ItemBadge",props:{count:{type:Number,required:!0,default:void 0}},setup(a){const n=a,r=e.computed(()=>n.count?n.count>Ve?`${Ve}+`:n.count.toString():"");return(o,s)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"item-badge",title:(a.count||0)>Ve?String(a.count):void 0},e.toDisplayString(r.value),9,Mn)):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-afb0d903"]]),Pn=["data-testid"],Kn=["aria-controls","aria-current","aria-expanded","href","target","onClick","onKeypress"],Zn={key:0,class:"sidebar-item-icon"},Hn={class:"sidebar-item-name-container"},zn={class:"sidebar-item-name has-tooltip"},Wn={key:2,class:"sidebar-item-label truncate-text truncate-18"},Gn={key:1,class:"sidebar-item-after"},Un=["id"],et=X(e.defineComponent({__name:"SidebarItem",props:{item:{type:Object,required:!0},subnavItem:{type:Boolean,default:!1}},emits:["click"],setup(a,{emit:n}){const r=n,o=a,s=e.useSlots(),d=e.computed(()=>typeof o.item.to!="string"?!1:!!o.item.newWindow||!!o.item.external||o.item.to.startsWith("http")),c=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("/"))),p=e.computed(()=>o.subnavItem&&o.item.badgeCount!==void 0&&o.item.badgeCount!==0||!!s[`sidebar-after-${o.item.key}`]),b=w=>{r("click",w)},k=(w,I,$)=>{b(I),typeof $=="function"&&(w.preventDefault(),$())};return(w,I)=>{var S;const $=e.resolveComponent("KTooltip"),F=e.resolveComponent("SidebarItem",!0);return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([a.subnavItem?"sidebar-item-secondary":"sidebar-item-primary",{expanded:a.item.expanded},{active:a.item.active}]),"data-testid":a.item.testId?`sidebar-item-${a.item.testId}`:void 0},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.value?"div":"router-link"),{custom:d.value?void 0:!0,to:!d.value&&!c.value?a.item.to:void 0},{default:e.withCtx(A=>{var K,V;return[e.createElementVNode("a",{"aria-controls":(K=a.item.items)!=null&&K.length&&a.item.expanded?`subnav-${a.item.key}`:void 0,"aria-current":a.item.active?"page":void 0,"aria-expanded":(V=a.item.items)!=null&&V.length&&a.item.expanded?!0:void 0,class:e.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":c.value,"router-link":!d.value}]),href:d.value?String(a.item.to||"#"):A==null?void 0:A.href,target:c.value?"_blank":void 0,onClick:G=>k(G,a.item,A==null?void 0:A.navigate),onKeypress:e.withKeys(G=>k(G,a.item,A==null?void 0:A.navigate),["enter"])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar-item-display",{"has-label":!!a.item.label&&a.item.expanded,"has-after-content":p.value}])},[w.$slots[`sidebar-icon-${a.item.key}`]?(e.openBlock(),e.createElementBlock("div",Zn,[a.subnavItem?e.createCommentVNode("",!0):e.renderSlot(w.$slots,`sidebar-icon-${a.item.key}`,{key:0},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Hn,[(a.subnavItem&&!p.value?a.item.name.length<25:a.item.name.length<18)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sidebar-item-name truncate-text",[a.subnavItem?"has-after-content-max-width truncate-24":"truncate-17"]])},e.toDisplayString(a.item.name),3)):(e.openBlock(),e.createBlock($,{key:1,class:"sidebar-item-tooltip",placement:"right","position-fixed":"",text:a.item.name},{default:e.withCtx(()=>[e.createElementVNode("div",zn,[e.createElementVNode("span",{class:e.normalizeClass(["truncate-text",[a.subnavItem?"truncate-18":"truncate-17",{"has-after-content-max-width":p.value}]])},e.toDisplayString(a.item.name),3)])]),_:1},8,["text"])),a.item.label&&a.item.expanded?(e.openBlock(),e.createElementBlock("div",Wn,e.toDisplayString(a.item.label),1)):e.createCommentVNode("",!0)]),p.value?(e.openBlock(),e.createElementBlock("div",Gn,[a.item.badgeCount?(e.openBlock(),e.createBlock(jn,{key:0,count:a.item.badgeCount},null,8,["count"])):e.renderSlot(w.$slots,`sidebar-after-${a.item.key}`,{key:1},void 0,!0)])):e.createCommentVNode("",!0)],2)],42,Kn)]}),_:3},8,["custom","to"])),(S=a.item.items)!=null&&S.length&&a.item.expanded?(e.openBlock(),e.createElementBlock("ul",{key:0,id:`subnav-${a.item.key}`,class:"level-secondary"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.item.items,A=>(e.openBlock(),e.createBlock(F,{key:A.name,item:A,"subnav-item":!0,onClick:K=>b(A)},null,8,["item","onClick"]))),128))],8,Un)):e.createCommentVNode("",!0)],10,Pn)}}}),[["__scopeId","data-v-7ea61d78"]]);/*!
|
|
2
2
|
* tabbable 6.2.0
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
4
4
|
*/var tt=["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])"],ve=tt.join(","),nt=typeof Element>"u",ae=nt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,ke=!nt&&Element.prototype.getRootNode?function(a){var n;return a==null||(n=a.getRootNode)===null||n===void 0?void 0:n.call(a)}:function(a){return a==null?void 0:a.ownerDocument},we=function a(n,r){var o;r===void 0&&(r=!0);var s=n==null||(o=n.getAttribute)===null||o===void 0?void 0:o.call(n,"inert"),d=s===""||s==="true",c=d||r&&n&&a(n.parentNode);return c},qn=function(n){var r,o=n==null||(r=n.getAttribute)===null||r===void 0?void 0:r.call(n,"contenteditable");return o===""||o==="true"},at=function(n,r,o){if(we(n))return[];var s=Array.prototype.slice.apply(n.querySelectorAll(ve));return r&&ae.call(n,ve)&&s.unshift(n),s=s.filter(o),s},ot=function a(n,r,o){for(var s=[],d=Array.from(n);d.length;){var c=d.shift();if(!we(c,!1))if(c.tagName==="SLOT"){var p=c.assignedElements(),b=p.length?p:c.children,k=a(b,!0,o);o.flatten?s.push.apply(s,k):s.push({scopeParent:c,candidates:k})}else{var w=ae.call(c,ve);w&&o.filter(c)&&(r||!n.includes(c))&&s.push(c);var I=c.shadowRoot||typeof o.getShadowRoot=="function"&&o.getShadowRoot(c),$=!we(I,!1)&&(!o.shadowRootFilter||o.shadowRootFilter(c));if(I&&$){var F=a(I===!0?c.children:I.children,!0,o);o.flatten?s.push.apply(s,F):s.push({scopeParent:c,candidates:F})}else d.unshift.apply(d,c.children)}}return s},rt=function(n){return!isNaN(parseInt(n.getAttribute("tabindex"),10))},oe=function(n){if(!n)throw new Error("No node provided");return n.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName)||qn(n))&&!rt(n)?0:n.tabIndex},Xn=function(n,r){var o=oe(n);return o<0&&r&&!rt(n)?0:o},Yn=function(n,r){return n.tabIndex===r.tabIndex?n.documentOrder-r.documentOrder:n.tabIndex-r.tabIndex},it=function(n){return n.tagName==="INPUT"},Qn=function(n){return it(n)&&n.type==="hidden"},Jn=function(n){var r=n.tagName==="DETAILS"&&Array.prototype.slice.apply(n.children).some(function(o){return o.tagName==="SUMMARY"});return r},ea=function(n,r){for(var o=0;o<n.length;o++)if(n[o].checked&&n[o].form===r)return n[o]},ta=function(n){if(!n.name)return!0;var r=n.form||ke(n),o=function(p){return r.querySelectorAll('input[type="radio"][name="'+p+'"]')},s;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")s=o(window.CSS.escape(n.name));else try{s=o(n.name)}catch(c){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",c.message),!1}var d=ea(s,n.form);return!d||d===n},na=function(n){return it(n)&&n.type==="radio"},aa=function(n){return na(n)&&!ta(n)},oa=function(n){var r,o=n&&ke(n),s=(r=o)===null||r===void 0?void 0:r.host,d=!1;if(o&&o!==n){var c,p,b;for(d=!!((c=s)!==null&&c!==void 0&&(p=c.ownerDocument)!==null&&p!==void 0&&p.contains(s)||n!=null&&(b=n.ownerDocument)!==null&&b!==void 0&&b.contains(n));!d&&s;){var k,w,I;o=ke(s),s=(k=o)===null||k===void 0?void 0:k.host,d=!!((w=s)!==null&&w!==void 0&&(I=w.ownerDocument)!==null&&I!==void 0&&I.contains(s))}}return d},ct=function(n){var r=n.getBoundingClientRect(),o=r.width,s=r.height;return o===0&&s===0},ra=function(n,r){var o=r.displayCheck,s=r.getShadowRoot;if(getComputedStyle(n).visibility==="hidden")return!0;var d=ae.call(n,"details>summary:first-of-type"),c=d?n.parentElement:n;if(ae.call(c,"details:not([open]) *"))return!0;if(!o||o==="full"||o==="legacy-full"){if(typeof s=="function"){for(var p=n;n;){var b=n.parentElement,k=ke(n);if(b&&!b.shadowRoot&&s(b)===!0)return ct(n);n.assignedSlot?n=n.assignedSlot:!b&&k!==n.ownerDocument?n=k.host:n=b}n=p}if(oa(n))return!n.getClientRects().length;if(o!=="legacy-full")return!0}else if(o==="non-zero-area")return ct(n);return!1},ia=function(n){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(n.tagName))for(var r=n.parentElement;r;){if(r.tagName==="FIELDSET"&&r.disabled){for(var o=0;o<r.children.length;o++){var s=r.children.item(o);if(s.tagName==="LEGEND")return ae.call(r,"fieldset[disabled] *")?!0:!s.contains(n)}return!0}r=r.parentElement}return!1},Ce=function(n,r){return!(r.disabled||we(r)||Qn(r)||ra(r,n)||Jn(r)||ia(r))},xe=function(n,r){return!(aa(r)||oe(r)<0||!Ce(n,r))},ca=function(n){var r=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(r)||r>=0)},sa=function a(n){var r=[],o=[];return n.forEach(function(s,d){var c=!!s.scopeParent,p=c?s.scopeParent:s,b=Xn(p,c),k=c?a(s.candidates):p;b===0?c?r.push.apply(r,k):r.push(p):o.push({documentOrder:d,tabIndex:b,item:s,isScope:c,content:k})}),o.sort(Yn).reduce(function(s,d){return d.isScope?s.push.apply(s,d.content):s.push(d.content),s},[]).concat(r)},la=function(n,r){r=r||{};var o;return r.getShadowRoot?o=ot([n],r.includeContainer,{filter:xe.bind(null,r),flatten:!1,getShadowRoot:r.getShadowRoot,shadowRootFilter:ca}):o=at(n,r.includeContainer,xe.bind(null,r)),sa(o)},da=function(n,r){r=r||{};var o;return r.getShadowRoot?o=ot([n],r.includeContainer,{filter:Ce.bind(null,r),flatten:!0,getShadowRoot:r.getShadowRoot}):o=at(n,r.includeContainer,Ce.bind(null,r)),o},le=function(n,r){if(r=r||{},!n)throw new Error("No node provided");return ae.call(n,ve)===!1?!1:xe(r,n)},ua=tt.concat("iframe").join(","),Re=function(n,r){if(r=r||{},!n)throw new Error("No node provided");return ae.call(n,ua)===!1?!1:Ce(r,n)};/*!
|
package/dist/style.css
CHANGED
|
@@ -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-f5864a9c]{color:#000933;font-size:16px;font-weight:700;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-f5864a9c]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-f5864a9c]{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-f5864a9c]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-f5864a9c]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-f5864a9c]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-f5864a9c]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-f5864a9c]{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-f5864a9c]{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-f5864a9c] hr,.kong-ui-app-about-section hr[data-v-f5864a9c]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-f5864a9c]{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-f005e80c]{overflow:hidden}.sidebar-item-primary.active[data-v-f005e80c],.sidebar-item-primary.expanded[data-v-f005e80c]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-f005e80c],.sidebar-item-primary>div>a[data-v-f005e80c]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-f005e80c],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-f005e80c]{padding-bottom:12px;padding-top:12px}.sidebar-item-primary>a>.sidebar-item-display.has-badge[data-v-f005e80c],.sidebar-item-primary>div>a>.sidebar-item-display.has-badge[data-v-f005e80c]{justify-content:space-between}.sidebar-item-primary>a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-f005e80c],.sidebar-item-primary>div>a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-f005e80c]{max-width:134px!important}.sidebar-item-secondary[data-v-f005e80c]{margin-bottom:4px}.sidebar-item-secondary[data-v-f005e80c]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-f005e80c]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-f005e80c]{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-f005e80c]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-f005e80c]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-f005e80c]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-f005e80c]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-f005e80c]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-f005e80c]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-f005e80c]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-f005e80c]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-f005e80c]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-f005e80c]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-f005e80c]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-f005e80c]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-f005e80c]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-f005e80c]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-f005e80c]{align-items:center;display:flex;line-height:0}.sidebar-item-display .sidebar-item-after[data-v-f005e80c]{display:flex;margin-left:auto}.kong-ui-app-sidebar[data-v-59a8f3eb]{background:#000933;display:flex;flex-direction:column;height:var(--0cada156);left:-100%;position:fixed;top:var(--567b81e7);transition:left .2s ease-in-out;width:100%;z-index:var(--26636033)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-59a8f3eb]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-59a8f3eb]{height:var(--46f3d513);left:0;top:var(--42d2e4e9)}}.kong-ui-app-sidebar.sidebar-open[data-v-59a8f3eb],.kong-ui-app-sidebar.mobile-disabled[data-v-59a8f3eb]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-59a8f3eb]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-59a8f3eb]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-top:var(--7276653d);overflow-x:hidden;overflow-y:scroll;padding-right:var(--5a2fa60c);padding-top:8px;position:relative;width:100%}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]{scrollbar-color:transparent transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]:hover{scrollbar-color:#6c7489 transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container nav[data-v-59a8f3eb]{box-sizing:border-box;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-59a8f3eb]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-59a8f3eb]: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-59a8f3eb] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-59a8f3eb],.no-sidebar-header .sidebar-content-container[data-v-59a8f3eb]{margin-top:0!important}}.sidebar-level-divider[data-v-59a8f3eb]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-59a8f3eb]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--372449a2);left:0;min-height:var(--69ab7946);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-59a8f3eb]{display:flex}}.sidebar-header[data-v-59a8f3eb]>*{display:flex}.sidebar-header[data-v-59a8f3eb]>a{text-decoration:none}.sidebar-header[data-v-59a8f3eb]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-59a8f3eb]: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-59a8f3eb]{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-59a8f3eb]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-59a8f3eb]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-59a8f3eb] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-59a8f3eb]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--265869b8);z-index:var(--52dccd35)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-59a8f3eb]{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;margin-bottom:24px;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-group-name{color:#bee2ff;font-size:12px;font-weight:500;line-height:24px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse:not(:last-of-type){margin-bottom:16px}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse .collapse-heading{margin-bottom:0}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse .collapse-hidden-content{margin-top:0}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse:not(.not-collapsible) .collapse-heading.has-trailing-trigger{margin-bottom:8px}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse.not-collapsible .collapse-trigger{cursor:default}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse.not-collapsible.ungrouped .collapse-heading.has-trailing-trigger{display:none}.kong-ui-app-sidebar .level-primary-group-collapse-trigger.k-button,.kong-ui-app-sidebar div.level-primary-group-collapse-trigger{margin-bottom:0;margin-left:12px;padding:0 20px 0 8px}.kong-ui-app-sidebar .level-primary-group-collapse-trigger.k-button:focus-visible,.kong-ui-app-sidebar div.level-primary-group-collapse-trigger:focus-visible{border-radius:6px;box-shadow:0 0 0 1px #fff9 inset}.kong-ui-app-sidebar .level-primary-group-collapse-icon{margin-left:6px}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-a92b50c0]{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-a92b50c0] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-a92b50c0]{align-items:stretch;background-color:var(--26cbc8ac);box-shadow:var(--4eb9dde2);color:var(--5f0811fa);display:flex;flex-grow:1;height:100%;margin-top:var(--37ad0844);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-a92b50c0]{border-top-left-radius:var(--999c315e);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-a92b50c0]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-a92b50c0]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-a92b50c0]{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-a92b50c0]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-a92b50c0]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-a92b50c0]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-a92b50c0] .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-62f17e32]{border:1px solid #e0e4ea;border-radius:6px}.app-page-info-section .app-page-info-section-header[data-v-62f17e32]{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-62f17e32]{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-62f17e32]{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-62f17e32]{color:#6c7489;font-size:14px;line-height:20px;margin:0}.app-page-info-section .app-page-info-section-content[data-v-62f17e32]{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-62f17e32-s],.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] tr.is-scrolled{background-color:#f9fafb}.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] td.sticky-column,.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] td.actions-column,.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] th.sticky-column,.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] th.actions-column{background-color:#f9fafb!important}.app-page-info-section .app-page-info-section-content .k-empty-state[data-v-62f17e32-s]{background-color:#f9fafb}details.app-page-info-section[data-v-62f17e32]{overflow:auto}details.app-page-info-section[open] .app-page-info-section-chevron-icon[data-v-62f17e32]{transform:rotate(90deg)}details.app-page-info-section[data-v-62f17e32]:has(>summary:focus-visible){box-shadow:0 0 0 4px #0044f433}details.app-page-info-section summary[data-v-62f17e32]{outline:none}details.app-page-info-section summary[data-v-62f17e32]::-webkit-details-marker,details.app-page-info-section summary[data-v-62f17e32]::marker{display:none}details.app-page-info-section .app-page-info-section-header[data-v-62f17e32]{cursor:pointer}details.app-page-info-section .app-page-info-section-header .app-page-info-section-chevron-icon[data-v-62f17e32]{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-f5864a9c]{color:#000933;font-size:16px;font-weight:700;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-f5864a9c]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-f5864a9c]{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-f5864a9c]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-f5864a9c]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-f5864a9c]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-f5864a9c]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-f5864a9c]{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-f5864a9c]{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-f5864a9c] hr,.kong-ui-app-about-section hr[data-v-f5864a9c]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-f5864a9c]{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-7ea61d78]{overflow:hidden}.sidebar-item-primary.active[data-v-7ea61d78],.sidebar-item-primary.expanded[data-v-7ea61d78]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-7ea61d78],.sidebar-item-primary>div>a[data-v-7ea61d78]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-7ea61d78],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-7ea61d78]{padding-bottom:12px;padding-top:12px}.sidebar-item-primary>a>.sidebar-item-display.has-after-content[data-v-7ea61d78],.sidebar-item-primary>div>a>.sidebar-item-display.has-after-content[data-v-7ea61d78]{justify-content:space-between}.sidebar-item-primary>a>.sidebar-item-display.has-after-content .has-after-content-max-width[data-v-7ea61d78],.sidebar-item-primary>div>a>.sidebar-item-display.has-after-content .has-after-content-max-width[data-v-7ea61d78]{max-width:134px!important}.sidebar-item-secondary[data-v-7ea61d78]{margin-bottom:4px}.sidebar-item-secondary[data-v-7ea61d78]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-7ea61d78]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-7ea61d78]{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-after-content[data-v-7ea61d78]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-after-content .has-after-content-max-width[data-v-7ea61d78]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-7ea61d78]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-7ea61d78]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-7ea61d78]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-7ea61d78]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-7ea61d78]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-7ea61d78]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-7ea61d78]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-7ea61d78]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-7ea61d78]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-7ea61d78]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-7ea61d78]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-7ea61d78]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-7ea61d78]{align-items:center;display:flex;line-height:0}.sidebar-item-display .sidebar-item-after[data-v-7ea61d78]{display:flex;margin-left:auto}.kong-ui-app-sidebar[data-v-59a8f3eb]{background:#000933;display:flex;flex-direction:column;height:var(--0cada156);left:-100%;position:fixed;top:var(--567b81e7);transition:left .2s ease-in-out;width:100%;z-index:var(--26636033)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-59a8f3eb]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-59a8f3eb]{height:var(--46f3d513);left:0;top:var(--42d2e4e9)}}.kong-ui-app-sidebar.sidebar-open[data-v-59a8f3eb],.kong-ui-app-sidebar.mobile-disabled[data-v-59a8f3eb]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-59a8f3eb]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-59a8f3eb]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-top:var(--7276653d);overflow-x:hidden;overflow-y:scroll;padding-right:var(--5a2fa60c);padding-top:8px;position:relative;width:100%}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]{scrollbar-color:transparent transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-59a8f3eb]:hover{scrollbar-color:#6c7489 transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container nav[data-v-59a8f3eb]{box-sizing:border-box;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-59a8f3eb]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-59a8f3eb]: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-59a8f3eb] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-59a8f3eb],.no-sidebar-header .sidebar-content-container[data-v-59a8f3eb]{margin-top:0!important}}.sidebar-level-divider[data-v-59a8f3eb]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-59a8f3eb]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--372449a2);left:0;min-height:var(--69ab7946);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-59a8f3eb]{display:flex}}.sidebar-header[data-v-59a8f3eb]>*{display:flex}.sidebar-header[data-v-59a8f3eb]>a{text-decoration:none}.sidebar-header[data-v-59a8f3eb]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-59a8f3eb]: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-59a8f3eb]{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-59a8f3eb]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-59a8f3eb]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-59a8f3eb] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-59a8f3eb]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--265869b8);z-index:var(--52dccd35)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-59a8f3eb]{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;margin-bottom:24px;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-group-name{color:#bee2ff;font-size:12px;font-weight:500;line-height:24px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse:not(:last-of-type){margin-bottom:16px}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse .collapse-heading{margin-bottom:0}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse .collapse-hidden-content{margin-top:0}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse:not(.not-collapsible) .collapse-heading.has-trailing-trigger{margin-bottom:8px}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse.not-collapsible .collapse-trigger{cursor:default}.kong-ui-app-sidebar .level-primary-group-collapse.k-collapse.not-collapsible.ungrouped .collapse-heading.has-trailing-trigger{display:none}.kong-ui-app-sidebar .level-primary-group-collapse-trigger.k-button,.kong-ui-app-sidebar div.level-primary-group-collapse-trigger{margin-bottom:0;margin-left:12px;padding:0 20px 0 8px}.kong-ui-app-sidebar .level-primary-group-collapse-trigger.k-button:focus-visible,.kong-ui-app-sidebar div.level-primary-group-collapse-trigger:focus-visible{border-radius:6px;box-shadow:0 0 0 1px #fff9 inset}.kong-ui-app-sidebar .level-primary-group-collapse-icon{margin-left:6px}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-a92b50c0]{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-a92b50c0] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-a92b50c0] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-a92b50c0]{align-items:stretch;background-color:var(--26cbc8ac);box-shadow:var(--4eb9dde2);color:var(--5f0811fa);display:flex;flex-grow:1;height:100%;margin-top:var(--37ad0844);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-a92b50c0]{border-top-left-radius:var(--999c315e);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-a92b50c0]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-a92b50c0]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-a92b50c0]{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-a92b50c0]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-a92b50c0]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-a92b50c0]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-a92b50c0] .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-62f17e32]{border:1px solid #e0e4ea;border-radius:6px}.app-page-info-section .app-page-info-section-header[data-v-62f17e32]{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-62f17e32]{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-62f17e32]{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-62f17e32]{color:#6c7489;font-size:14px;line-height:20px;margin:0}.app-page-info-section .app-page-info-section-content[data-v-62f17e32]{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-62f17e32-s],.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] tr.is-scrolled{background-color:#f9fafb}.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] td.sticky-column,.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] td.actions-column,.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] th.sticky-column,.app-page-info-section .app-page-info-section-content .k-table-view[data-v-62f17e32-s] th.actions-column{background-color:#f9fafb!important}.app-page-info-section .app-page-info-section-content .k-empty-state[data-v-62f17e32-s]{background-color:#f9fafb}details.app-page-info-section[data-v-62f17e32]{overflow:auto}details.app-page-info-section[open] .app-page-info-section-chevron-icon[data-v-62f17e32]{transform:rotate(90deg)}details.app-page-info-section[data-v-62f17e32]:has(>summary:focus-visible){box-shadow:0 0 0 4px #0044f433}details.app-page-info-section summary[data-v-62f17e32]{outline:none}details.app-page-info-section summary[data-v-62f17e32]::-webkit-details-marker,details.app-page-info-section summary[data-v-62f17e32]::marker{display:none}details.app-page-info-section .app-page-info-section-header[data-v-62f17e32]{cursor:pointer}details.app-page-info-section .app-page-info-section-header .app-page-info-section-chevron-icon[data-v-62f17e32]{flex-shrink:0;pointer-events:none;transition:transform .2s ease}
|