@kong-ui-public/app-layout 4.3.2-pr.1888.267782cd1.0 → 4.3.2-pr.1888.cb05edcc6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/app-layout.es.js +132 -130
  2. package/dist/app-layout.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/dist/types/components/{collapsibleSection/CollapsibleSection.vue.d.ts → pageInfoSection/PageInfoSection.vue.d.ts} +1 -1
  5. package/dist/types/components/pageInfoSection/PageInfoSection.vue.d.ts.map +1 -0
  6. package/dist/types/index.d.ts +2 -2
  7. package/dist/types/index.d.ts.map +1 -1
  8. package/package.json +1 -1
  9. package/dist/types/components/collapsibleSection/CollapsibleSection.vue.d.ts.map +0 -1
package/dist/app-layout.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as J, resolveComponent as he, openBlock as h, createBlock as K, withCtx as D, renderSlot as S, createElementBlock as y, Fragment as $e, renderList as Te, normalizeClass as ie, createTextVNode as He, toDisplayString as q, computed as k, createSlots as Ue, createVNode as Ne, createCommentVNode as _, createElementVNode as I, createStaticVNode as hn, useCssVars as ft, useSlots as Xe, reactive as Ze, onMounted as Ye, resolveDynamicComponent as Ke, withKeys as pn, ref as G, watch as Ae, onUnmounted as mn, Comment as gn, cloneVNode as yn, nextTick as Bt, onBeforeUnmount as Ut, unref as Wt, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
1
+ import { defineComponent as J, resolveComponent as he, openBlock as h, createBlock as K, withCtx as D, renderSlot as S, createElementBlock as y, Fragment as Ce, renderList as Te, normalizeClass as ie, createTextVNode as He, toDisplayString as q, computed as k, createSlots as Ue, createVNode as Ne, createCommentVNode as _, createElementVNode as I, createStaticVNode as hn, useCssVars as ft, useSlots as Xe, reactive as Ze, onMounted as Ye, resolveDynamicComponent as Ke, withKeys as pn, ref as G, watch as Ae, onUnmounted as mn, Comment as gn, cloneVNode as yn, nextTick as Bt, onBeforeUnmount as Ut, unref as Wt, withModifiers as wn, watchEffect as kn, toRef as Tn } from "vue";
2
2
  import { ChevronRightIcon as Sn } from "@kong/icons";
3
3
  import { HeaderTags as _n } from "@kong/kongponents";
4
4
  const In = /* @__PURE__ */ J({
@@ -30,7 +30,7 @@ const In = /* @__PURE__ */ J({
30
30
  }, {
31
31
  items: D(({ handleSelection: u }) => [
32
32
  S(t.$slots, "default", {}, () => [
33
- (h(!0), y($e, null, Te(a.options, (o) => (h(), K(n, {
33
+ (h(!0), y(Ce, null, Te(a.options, (o) => (h(), K(n, {
34
34
  key: o.value,
35
35
  class: ie({ "has-divider": o.hasDivider }),
36
36
  "data-testid": "select-" + o.value,
@@ -58,7 +58,7 @@ const In = /* @__PURE__ */ J({
58
58
  }, Rr = /* @__PURE__ */ Q(In, [["__scopeId", "data-v-b33191a2"]]), On = {
59
59
  class: "about-section-title",
60
60
  "data-testid": "about-section-title"
61
- }, Cn = { class: "about-section-header-end" }, $n = {
61
+ }, $n = { class: "about-section-header-end" }, Cn = {
62
62
  key: 0,
63
63
  class: "about-section-timestamps-created",
64
64
  "data-testid": "about-section-timestamps-created"
@@ -91,7 +91,7 @@ const In = /* @__PURE__ */ J({
91
91
  key: 3,
92
92
  class: "about-divider-section",
93
93
  "data-testid": "about-divider-section"
94
- }, Mn = /* @__PURE__ */ J({
94
+ }, Pn = /* @__PURE__ */ J({
95
95
  __name: "AppAboutSection",
96
96
  props: {
97
97
  title: {
@@ -164,12 +164,12 @@ const In = /* @__PURE__ */ J({
164
164
  n.$slots.actions || a.created || a.modified ? {
165
165
  name: "actions",
166
166
  fn: D(() => [
167
- I("div", Cn, [
167
+ I("div", $n, [
168
168
  a.created || a.modified ? (h(), y("div", {
169
169
  key: 0,
170
170
  class: ie(["about-section-timestamps", { "has-actions": n.$slots.actions }])
171
171
  }, [
172
- a.created ? (h(), y("span", $n, q(a.createdLabel) + ": " + q(a.created), 1)) : _("", !0),
172
+ a.created ? (h(), y("span", Cn, q(a.createdLabel) + ": " + q(a.created), 1)) : _("", !0),
173
173
  a.created && i.value ? (h(), y("span", En, "->")) : _("", !0),
174
174
  i.value ? (h(), y("span", Nn, q(a.modifiedLabel) + ": " + q(a.modified), 1)) : _("", !0)
175
175
  ], 2)) : _("", !0),
@@ -183,7 +183,7 @@ const In = /* @__PURE__ */ J({
183
183
  ]), 1024);
184
184
  };
185
185
  }
186
- }), Br = /* @__PURE__ */ Q(Mn, [["__scopeId", "data-v-521dcc27"]]), Pn = {}, jn = {
186
+ }), Br = /* @__PURE__ */ Q(Pn, [["__scopeId", "data-v-521dcc27"]]), Mn = {}, jn = {
187
187
  fill: "none",
188
188
  height: "130",
189
189
  width: "130",
@@ -194,7 +194,7 @@ function Zn(a, t) {
194
194
  hn('<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)
195
195
  ]));
196
196
  }
197
- const Kn = /* @__PURE__ */ Q(Pn, [["render", Zn]]), Hn = { class: "kong-ui-app-error" }, Un = { class: "banana-icon" }, Wn = { class: "kong-ui-app-error-content" }, zn = /* @__PURE__ */ J({
197
+ const Kn = /* @__PURE__ */ Q(Mn, [["render", Zn]]), Hn = { class: "kong-ui-app-error" }, Un = { class: "banana-icon" }, Wn = { class: "kong-ui-app-error-content" }, zn = /* @__PURE__ */ J({
198
198
  __name: "AppError",
199
199
  setup(a) {
200
200
  return (t, i) => (h(), y("section", Hn, [
@@ -332,10 +332,10 @@ const Kn = /* @__PURE__ */ Q(Pn, [["render", Zn]]), Hn = { class: "kong-ui-app-e
332
332
  to: !c.value && !u.value ? a.item.to : void 0
333
333
  }, {
334
334
  default: D((w) => {
335
- var M, Y;
335
+ var P, Y;
336
336
  return [
337
337
  I("a", {
338
- "aria-controls": (M = a.item.items) != null && M.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
338
+ "aria-controls": (P = a.item.items) != null && P.length && a.item.expanded ? `subnav-${a.item.key}` : void 0,
339
339
  "aria-current": a.item.active ? "page" : void 0,
340
340
  "aria-expanded": (Y = a.item.items) != null && Y.length && a.item.expanded ? !0 : void 0,
341
341
  class: ie(["sidebar-item-link", { "sidebar-item-external-link": u.value, "router-link": !c.value }]),
@@ -387,11 +387,11 @@ const Kn = /* @__PURE__ */ Q(Pn, [["render", Zn]]), Hn = { class: "kong-ui-app-e
387
387
  id: `subnav-${a.item.key}`,
388
388
  class: "level-secondary"
389
389
  }, [
390
- (h(!0), y($e, null, Te(a.item.items, (w) => (h(), K(x, {
390
+ (h(!0), y(Ce, null, Te(a.item.items, (w) => (h(), K(x, {
391
391
  key: w.name,
392
392
  item: w,
393
393
  "subnav-item": !0,
394
- onClick: (M) => v(w)
394
+ onClick: (P) => v(w)
395
395
  }, null, 8, ["item", "onClick"]))), 128))
396
396
  ], 8, fi)) : _("", !0)
397
397
  ], 10, oi);
@@ -501,7 +501,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
501
501
  }
502
502
  }
503
503
  return u;
504
- }, Mt = function(t) {
504
+ }, Pt = function(t) {
505
505
  var i = t.getBoundingClientRect(), n = i.width, c = i.height;
506
506
  return n === 0 && c === 0;
507
507
  }, _i = function(t, i) {
@@ -516,7 +516,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
516
516
  for (var v = t; t; ) {
517
517
  var m = t.parentElement, O = ze(t);
518
518
  if (m && !m.shadowRoot && c(m) === !0)
519
- return Mt(t);
519
+ return Pt(t);
520
520
  t.assignedSlot ? t = t.assignedSlot : !m && O !== t.ownerDocument ? t = O.host : t = m;
521
521
  }
522
522
  t = v;
@@ -526,7 +526,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
526
526
  if (n !== "legacy-full")
527
527
  return !0;
528
528
  } else if (n === "non-zero-area")
529
- return Mt(t);
529
+ return Pt(t);
530
530
  return !1;
531
531
  }, Ii = function(t) {
532
532
  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
@@ -553,7 +553,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
553
553
  }, Oi = function(t) {
554
554
  var i = parseInt(t.getAttribute("tabindex"), 10);
555
555
  return !!(isNaN(i) || i >= 0);
556
- }, Ci = function a(t) {
556
+ }, $i = function a(t) {
557
557
  var i = [], n = [];
558
558
  return t.forEach(function(c, u) {
559
559
  var o = !!c.scopeParent, v = o ? c.scopeParent : c, m = hi(v, o), O = o ? a(c.candidates) : v;
@@ -567,7 +567,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
567
567
  }), n.sort(pi).reduce(function(c, u) {
568
568
  return u.isScope ? c.push.apply(c, u.content) : c.push(u.content), c;
569
569
  }, []).concat(i);
570
- }, $i = function(t, i) {
570
+ }, Ci = function(t, i) {
571
571
  i = i || {};
572
572
  var n;
573
573
  return i.getShadowRoot ? n = qt([t], i.includeContainer, {
@@ -575,7 +575,7 @@ var zt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
575
575
  flatten: !1,
576
576
  getShadowRoot: i.getShadowRoot,
577
577
  shadowRootFilter: Oi
578
- }) : n = Gt(t, i.includeContainer, dt.bind(null, i)), Ci(n);
578
+ }) : n = Gt(t, i.includeContainer, dt.bind(null, i)), $i(n);
579
579
  }, Ei = function(t, i) {
580
580
  i = i || {};
581
581
  var n;
@@ -605,7 +605,7 @@ function Ai(a, t, i) {
605
605
  writable: !0
606
606
  }) : a[t] = i, a;
607
607
  }
608
- function Pt(a, t) {
608
+ function Mt(a, t) {
609
609
  var i = Object.keys(a);
610
610
  if (Object.getOwnPropertySymbols) {
611
611
  var n = Object.getOwnPropertySymbols(a);
@@ -618,9 +618,9 @@ function Pt(a, t) {
618
618
  function jt(a) {
619
619
  for (var t = 1; t < arguments.length; t++) {
620
620
  var i = arguments[t] != null ? arguments[t] : {};
621
- t % 2 ? Pt(Object(i), !0).forEach(function(n) {
621
+ t % 2 ? Mt(Object(i), !0).forEach(function(n) {
622
622
  Ai(a, n, i[n]);
623
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(i)) : Pt(Object(i)).forEach(function(n) {
623
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(i)) : Mt(Object(i)).forEach(function(n) {
624
624
  Object.defineProperty(a, n, Object.getOwnPropertyDescriptor(i, n));
625
625
  });
626
626
  }
@@ -670,14 +670,14 @@ var Zt = {
670
670
  return t.every(function(c, u) {
671
671
  return i(c) ? (n = u, !1) : !0;
672
672
  }), n;
673
- }, Ce = function(t) {
673
+ }, $e = function(t) {
674
674
  for (var i = arguments.length, n = new Array(i > 1 ? i - 1 : 0), c = 1; c < i; c++)
675
675
  n[c - 1] = arguments[c];
676
676
  return typeof t == "function" ? t.apply(void 0, n) : t;
677
- }, Pe = function(t) {
677
+ }, Me = function(t) {
678
678
  return t.target.shadowRoot && typeof t.composedPath == "function" ? t.composedPath()[0] : t.target;
679
- }, Mi = [], Pi = function(t, i) {
680
- var n = (i == null ? void 0 : i.document) || document, c = (i == null ? void 0 : i.trapStack) || Mi, u = jt({
679
+ }, Pi = [], Mi = function(t, i) {
680
+ var n = (i == null ? void 0 : i.document) || document, c = (i == null ? void 0 : i.trapStack) || Pi, u = jt({
681
681
  returnFocusOnDeactivate: !0,
682
682
  escapeDeactivates: !0,
683
683
  delayInitialFocus: !0,
@@ -765,7 +765,7 @@ var Zt = {
765
765
  return d;
766
766
  }, x = function() {
767
767
  if (o.containerGroups = o.containers.map(function(d) {
768
- var s = $i(d, u.tabbableOptions), f = Ei(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, E = f.find(function(L) {
768
+ var s = Ci(d, u.tabbableOptions), f = Ei(d, u.tabbableOptions), b = s.length > 0 ? s[0] : void 0, T = s.length > 0 ? s[s.length - 1] : void 0, E = f.find(function(L) {
769
769
  return ke(L);
770
770
  }), F = f.slice().reverse().find(function(L) {
771
771
  return ke(L);
@@ -832,12 +832,12 @@ var Zt = {
832
832
  preventScroll: !!u.preventScroll
833
833
  }), o.mostRecentlyFocusedNode = d, xi(d) && d.select();
834
834
  }
835
- }, M = function(d) {
835
+ }, P = function(d) {
836
836
  var s = A("setReturnFocus", d);
837
837
  return s || (s === !1 ? !1 : d);
838
838
  }, Y = function(d) {
839
839
  var s = d.target, f = d.event, b = d.isBackward, T = b === void 0 ? !1 : b;
840
- s = s || Pe(f), x();
840
+ s = s || Me(f), x();
841
841
  var E = null;
842
842
  if (o.tabbableGroups.length > 0) {
843
843
  var F = O(s, f), g = F >= 0 ? o.containerGroups[F] : void 0;
@@ -866,9 +866,9 @@ var Zt = {
866
866
  E = A("fallbackFocus");
867
867
  return E;
868
868
  }, B = function(d) {
869
- var s = Pe(d);
869
+ var s = Me(d);
870
870
  if (!(O(s, d) >= 0)) {
871
- if (Ce(u.clickOutsideDeactivates, d)) {
871
+ if ($e(u.clickOutsideDeactivates, d)) {
872
872
  v.deactivate({
873
873
  // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
874
874
  // which will result in the outside click setting focus to the node
@@ -880,10 +880,10 @@ var Zt = {
880
880
  });
881
881
  return;
882
882
  }
883
- Ce(u.allowOutsideClick, d) || d.preventDefault();
883
+ $e(u.allowOutsideClick, d) || d.preventDefault();
884
884
  }
885
885
  }, ne = function(d) {
886
- var s = Pe(d), f = O(s, d) >= 0;
886
+ var s = Me(d), f = O(s, d) >= 0;
887
887
  if (f || s instanceof Document)
888
888
  f && (o.mostRecentlyFocusedNode = s);
889
889
  else {
@@ -925,10 +925,10 @@ var Zt = {
925
925
  }, ee = function(d) {
926
926
  (u.isKeyForward(d) || u.isKeyBackward(d)) && ce(d, u.isKeyBackward(d));
927
927
  }, te = function(d) {
928
- Ri(d) && Ce(u.escapeDeactivates, d) !== !1 && (d.preventDefault(), v.deactivate());
928
+ Ri(d) && $e(u.escapeDeactivates, d) !== !1 && (d.preventDefault(), v.deactivate());
929
929
  }, Z = function(d) {
930
- var s = Pe(d);
931
- O(s, d) >= 0 || Ce(u.clickOutsideDeactivates, d) || Ce(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
930
+ var s = Me(d);
931
+ O(s, d) >= 0 || $e(u.clickOutsideDeactivates, d) || $e(u.allowOutsideClick, d) || (d.preventDefault(), d.stopImmediatePropagation());
932
932
  }, X = function() {
933
933
  if (o.active)
934
934
  return Zt.activateTrap(c, v), o.delayInitialFocusTimer = u.delayInitialFocus ? Kt(function() {
@@ -946,10 +946,10 @@ var Zt = {
946
946
  capture: !0,
947
947
  passive: !1
948
948
  }), n.addEventListener("keydown", te), v;
949
- }, C = function() {
949
+ }, $ = function() {
950
950
  if (o.active)
951
951
  return n.removeEventListener("focusin", ne, !0), n.removeEventListener("mousedown", B, !0), n.removeEventListener("touchstart", B, !0), n.removeEventListener("click", Z, !0), n.removeEventListener("keydown", ee, !0), n.removeEventListener("keydown", te), v;
952
- }, P = function(d) {
952
+ }, M = function(d) {
953
953
  var s = d.some(function(f) {
954
954
  var b = Array.from(f.removedNodes);
955
955
  return b.some(function(T) {
@@ -957,7 +957,7 @@ var Zt = {
957
957
  });
958
958
  });
959
959
  s && w(N());
960
- }, W = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(P) : void 0, H = function() {
960
+ }, W = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(M) : void 0, H = function() {
961
961
  W && (W.disconnect(), o.active && !o.paused && o.containers.map(function(d) {
962
962
  W.observe(d, {
963
963
  subtree: !0,
@@ -990,21 +990,21 @@ var Zt = {
990
990
  onPostDeactivate: u.onPostDeactivate,
991
991
  checkCanReturnFocus: u.checkCanReturnFocus
992
992
  }, d);
993
- clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, C(), o.active = !1, o.paused = !1, H(), Zt.deactivateTrap(c, v);
993
+ clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, $(), o.active = !1, o.paused = !1, H(), Zt.deactivateTrap(c, v);
994
994
  var f = m(s, "onDeactivate"), b = m(s, "onPostDeactivate"), T = m(s, "checkCanReturnFocus"), E = m(s, "returnFocus", "returnFocusOnDeactivate");
995
995
  f == null || f();
996
996
  var F = function() {
997
997
  Kt(function() {
998
- E && w(M(o.nodeFocusedBeforeActivation)), b == null || b();
998
+ E && w(P(o.nodeFocusedBeforeActivation)), b == null || b();
999
999
  });
1000
1000
  };
1001
- return E && T ? (T(M(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
1001
+ return E && T ? (T(P(o.nodeFocusedBeforeActivation)).then(F, F), this) : (F(), this);
1002
1002
  },
1003
1003
  pause: function(d) {
1004
1004
  if (o.paused || !o.active)
1005
1005
  return this;
1006
1006
  var s = m(d, "onPause"), f = m(d, "onPostPause");
1007
- return o.paused = !0, s == null || s(), C(), H(), f == null || f(), this;
1007
+ return o.paused = !0, s == null || s(), $(), H(), f == null || f(), this;
1008
1008
  },
1009
1009
  unpause: function(d) {
1010
1010
  if (!o.paused || !o.active)
@@ -1076,7 +1076,7 @@ const ji = {
1076
1076
  return v && (v instanceof HTMLElement ? v : v.$el);
1077
1077
  });
1078
1078
  function o() {
1079
- return n || (n = Pi(u.value, {
1079
+ return n || (n = Mi(u.value, {
1080
1080
  escapeDeactivates: a.escapeDeactivates,
1081
1081
  allowOutsideClick: a.allowOutsideClick,
1082
1082
  returnFocusOnDeactivate: a.returnFocusOnDeactivate,
@@ -1137,8 +1137,8 @@ function Ki(a) {
1137
1137
  var qe = { exports: {} };
1138
1138
  qe.exports;
1139
1139
  (function(a, t) {
1140
- var i = 200, n = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", O = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", R = "[object Number]", w = "[object Object]", M = "[object Promise]", Y = "[object RegExp]", B = "[object Set]", ne = "[object String]", ce = "[object Symbol]", ee = "[object WeakMap]", te = "[object ArrayBuffer]", Z = "[object DataView]", X = "[object Float32Array]", C = "[object Float64Array]", P = "[object Int8Array]", W = "[object Int16Array]", H = "[object Int32Array]", $ = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, E = /^\[object .+?Constructor\]$/, F = /^(?:0|[1-9]\d*)$/, g = {};
1141
- g[u] = g[o] = g[te] = g[Z] = g[v] = g[m] = g[X] = g[C] = g[P] = g[W] = g[H] = g[x] = g[R] = g[w] = g[Y] = g[B] = g[ne] = g[ce] = g[$] = g[d] = g[s] = g[f] = !0, g[O] = g[A] = g[ee] = !1;
1140
+ var i = 200, n = "__lodash_hash_undefined__", c = 9007199254740991, u = "[object Arguments]", o = "[object Array]", v = "[object Boolean]", m = "[object Date]", O = "[object Error]", A = "[object Function]", N = "[object GeneratorFunction]", x = "[object Map]", R = "[object Number]", w = "[object Object]", P = "[object Promise]", Y = "[object RegExp]", B = "[object Set]", ne = "[object String]", ce = "[object Symbol]", ee = "[object WeakMap]", te = "[object ArrayBuffer]", Z = "[object DataView]", X = "[object Float32Array]", $ = "[object Float64Array]", M = "[object Int8Array]", W = "[object Int16Array]", H = "[object Int32Array]", C = "[object Uint8Array]", d = "[object Uint8ClampedArray]", s = "[object Uint16Array]", f = "[object Uint32Array]", b = /[\\^$.*+?()[\]{}|]/g, T = /\w*$/, E = /^\[object .+?Constructor\]$/, F = /^(?:0|[1-9]\d*)$/, g = {};
1141
+ g[u] = g[o] = g[te] = g[Z] = g[v] = g[m] = g[X] = g[$] = g[M] = g[W] = g[H] = g[x] = g[R] = g[w] = g[Y] = g[B] = g[ne] = g[ce] = g[C] = g[d] = g[s] = g[f] = !0, g[O] = g[A] = g[ee] = !1;
1142
1142
  var L = typeof je == "object" && je && je.Object === Object && je, re = typeof self == "object" && self && self.Object === Object && self, U = L || re || Function("return this")(), ae = t && !t.nodeType && t, le = ae && !0 && a && !a.nodeType && a, Fe = le && le.exports === ae;
1143
1143
  function Se(e, r) {
1144
1144
  return e.set(r[0], r[1]), e;
@@ -1267,14 +1267,14 @@ qe.exports;
1267
1267
  this.set(p[0], p[1]);
1268
1268
  }
1269
1269
  }
1270
- function Ca() {
1270
+ function $a() {
1271
1271
  this.__data__ = {
1272
1272
  hash: new de(),
1273
1273
  map: new (Ie || oe)(),
1274
1274
  string: new de()
1275
1275
  };
1276
1276
  }
1277
- function $a(e) {
1277
+ function Ca(e) {
1278
1278
  return Be(this, e).delete(e);
1279
1279
  }
1280
1280
  function Ea(e) {
@@ -1286,7 +1286,7 @@ qe.exports;
1286
1286
  function Aa(e, r) {
1287
1287
  return Be(this, e).set(e, r), this;
1288
1288
  }
1289
- me.prototype.clear = Ca, me.prototype.delete = $a, me.prototype.get = Ea, me.prototype.has = Na, me.prototype.set = Aa;
1289
+ me.prototype.clear = $a, me.prototype.delete = Ca, me.prototype.get = Ea, me.prototype.has = Na, me.prototype.set = Aa;
1290
1290
  function ge(e) {
1291
1291
  this.__data__ = new oe(e);
1292
1292
  }
@@ -1329,7 +1329,7 @@ qe.exports;
1329
1329
  return l;
1330
1330
  return -1;
1331
1331
  }
1332
- function Ma(e, r) {
1332
+ function Pa(e, r) {
1333
1333
  return e && Ot(r, st(r), e);
1334
1334
  }
1335
1335
  function it(e, r, l, p, j, z, se) {
@@ -1350,7 +1350,7 @@ qe.exports;
1350
1350
  if (bt(e))
1351
1351
  return z ? e : {};
1352
1352
  if (V = tn(Dt ? {} : e), !r)
1353
- return Ja(e, Ma(V, e));
1353
+ return Ja(e, Pa(V, e));
1354
1354
  } else {
1355
1355
  if (!g[we])
1356
1356
  return z ? e : {};
@@ -1363,11 +1363,11 @@ qe.exports;
1363
1363
  return xt;
1364
1364
  if (se.set(e, V), !Ft)
1365
1365
  var Rt = l ? Qa(e) : st(e);
1366
- return Qt(Rt || e, function(ct, Me) {
1367
- Rt && (Me = ct, ct = e[Me]), It(V, Me, it(ct, r, l, p, Me, e, se));
1366
+ return Qt(Rt || e, function(ct, Pe) {
1367
+ Rt && (Pe = ct, ct = e[Pe]), It(V, Pe, it(ct, r, l, p, Pe, e, se));
1368
1368
  }), V;
1369
1369
  }
1370
- function Pa(e) {
1370
+ function Ma(e) {
1371
1371
  return Le(e) ? sa(e) : {};
1372
1372
  }
1373
1373
  function ja(e, r, l) {
@@ -1384,7 +1384,7 @@ qe.exports;
1384
1384
  return r.test(ve(e));
1385
1385
  }
1386
1386
  function Ha(e) {
1387
- if (!$t(e))
1387
+ if (!Ct(e))
1388
1388
  return da(e);
1389
1389
  var r = [];
1390
1390
  for (var l in Object(e))
@@ -1439,10 +1439,10 @@ qe.exports;
1439
1439
  return l;
1440
1440
  }
1441
1441
  function Ja(e, r) {
1442
- return Ot(e, Ct(e), r);
1442
+ return Ot(e, $t(e), r);
1443
1443
  }
1444
1444
  function Qa(e) {
1445
- return ja(e, st, Ct);
1445
+ return ja(e, st, $t);
1446
1446
  }
1447
1447
  function Be(e, r) {
1448
1448
  var l = e.__data__;
@@ -1452,8 +1452,8 @@ qe.exports;
1452
1452
  var l = aa(e, r);
1453
1453
  return Ka(l) ? l : void 0;
1454
1454
  }
1455
- var Ct = Tt ? Je(Tt, Object) : vn, fe = Za;
1456
- (et && fe(new et(new ArrayBuffer(1))) != Z || Ie && fe(new Ie()) != x || tt && fe(tt.resolve()) != M || at && fe(new at()) != B || nt && fe(new nt()) != ee) && (fe = function(e) {
1455
+ var $t = Tt ? Je(Tt, Object) : vn, fe = Za;
1456
+ (et && fe(new et(new ArrayBuffer(1))) != Z || Ie && fe(new Ie()) != x || tt && fe(tt.resolve()) != P || at && fe(new at()) != B || nt && fe(new nt()) != ee) && (fe = function(e) {
1457
1457
  var r = xe.call(e), l = r == w ? e.constructor : void 0, p = l ? ve(l) : void 0;
1458
1458
  if (p)
1459
1459
  switch (p) {
@@ -1462,7 +1462,7 @@ qe.exports;
1462
1462
  case va:
1463
1463
  return x;
1464
1464
  case ba:
1465
- return M;
1465
+ return P;
1466
1466
  case ha:
1467
1467
  return B;
1468
1468
  case pa:
@@ -1475,7 +1475,7 @@ qe.exports;
1475
1475
  return r && typeof e[0] == "string" && ue.call(e, "index") && (l.index = e.index, l.input = e.input), l;
1476
1476
  }
1477
1477
  function tn(e) {
1478
- return typeof e.constructor == "function" && !$t(e) ? Pa(oa(e)) : {};
1478
+ return typeof e.constructor == "function" && !Ct(e) ? Ma(oa(e)) : {};
1479
1479
  }
1480
1480
  function an(e, r, l, p) {
1481
1481
  var j = e.constructor;
@@ -1488,11 +1488,11 @@ qe.exports;
1488
1488
  case Z:
1489
1489
  return Wa(e, p);
1490
1490
  case X:
1491
- case C:
1492
- case P:
1491
+ case $:
1492
+ case M:
1493
1493
  case W:
1494
1494
  case H:
1495
- case $:
1495
+ case C:
1496
1496
  case d:
1497
1497
  case s:
1498
1498
  case f:
@@ -1520,7 +1520,7 @@ qe.exports;
1520
1520
  function on(e) {
1521
1521
  return !!mt && mt in e;
1522
1522
  }
1523
- function $t(e) {
1523
+ function Ct(e) {
1524
1524
  var r = e && e.constructor, l = typeof r == "function" && r.prototype || De;
1525
1525
  return e === l;
1526
1526
  }
@@ -1662,7 +1662,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1662
1662
  "7a10f32f": v.value.height,
1663
1663
  "7da84766": v.value.top,
1664
1664
  "1e6146be": O.value.marginTop,
1665
- "5b6aa028": $.value,
1665
+ "5b6aa028": C.value,
1666
1666
  "178af94b": m.value.display,
1667
1667
  "49f98062": m.value.minHeight,
1668
1668
  "548fea1c": A.value.top,
@@ -1689,31 +1689,31 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1689
1689
  g.parentKey = b.key, (!g.testId || !((F = g.testId) != null && F.trim())) && (g.testId = String(g.name || "").trim().toLowerCase().replace(/[^[a-z]/gi, "-"));
1690
1690
  }
1691
1691
  return b;
1692
- }), x = k(() => n.topItems.length ? N(n.topItems) : []), R = k(() => n.bottomItems.length ? N(n.bottomItems) : []), w = G(n.open), M = (s) => {
1692
+ }), x = k(() => n.topItems.length ? N(n.topItems) : []), R = k(() => n.bottomItems.length ? N(n.bottomItems) : []), w = G(n.open), P = (s) => {
1693
1693
  var f, b;
1694
1694
  w.value !== s && (w.value = s, i("toggle", s)), s ? (f = document == null ? void 0 : document.body) == null || f.classList.add("kong-ui-app-sidebar-open") : (b = document == null ? void 0 : document.body) == null || b.classList.remove("kong-ui-app-sidebar-open"), B.value = !1;
1695
1695
  }, Y = () => {
1696
- n.mobileOverlayCloseOnClick && M(!1);
1696
+ n.mobileOverlayCloseOnClick && P(!1);
1697
1697
  }, B = G(!1), ne = (s) => {
1698
1698
  B.value = !0, i("click", s), setTimeout(() => {
1699
- M(!1);
1699
+ P(!1);
1700
1700
  }, n.mobileCloseDelay);
1701
1701
  };
1702
1702
  Ae(() => n.open, (s) => {
1703
- M(s);
1703
+ P(s);
1704
1704
  });
1705
1705
  const { debounce: ce } = Jt(), ee = ce(() => {
1706
- w.value && te.value !== (window == null ? void 0 : window.innerWidth) && (te.value = window == null ? void 0 : window.innerWidth, M(!1));
1707
- }, 200), te = G(), Z = G(!1), X = G(), C = () => {
1706
+ w.value && te.value !== (window == null ? void 0 : window.innerWidth) && (te.value = window == null ? void 0 : window.innerWidth, P(!1));
1707
+ }, 200), te = G(), Z = G(!1), X = G(), $ = () => {
1708
1708
  Z.value || (Z.value = !0, clearTimeout(X.value), X.value = setTimeout(() => Z.value = !1, 1300));
1709
- }, P = G(null), W = k(() => w.value && n.mobileEnabled), H = async (s) => {
1709
+ }, M = G(null), W = k(() => w.value && n.mobileEnabled), H = async (s) => {
1710
1710
  var f, b;
1711
- s ? (await Bt(), await new Promise((T) => setTimeout(T, 300)), (f = P.value) == null || f.activate()) : (b = P.value) == null || b.deactivate();
1711
+ s ? (await Bt(), await new Promise((T) => setTimeout(T, 300)), (f = M.value) == null || f.activate()) : (b = M.value) == null || b.deactivate();
1712
1712
  };
1713
1713
  Ae(W, async (s) => {
1714
1714
  s ? await H(!0) : await H(!1);
1715
1715
  }, { immediate: !0 });
1716
- const $ = G("0px"), d = () => {
1716
+ const C = G("0px"), d = () => {
1717
1717
  var g;
1718
1718
  if (!(/Mac|iPhone|iPod|iPad/i.test(navigator == null ? void 0 : navigator.platform) || /macOS|Mac|iPhone|iPod|iPad/i.test((g = navigator == null ? void 0 : navigator.userAgentData) == null ? void 0 : g.platform)))
1719
1719
  return;
@@ -1724,13 +1724,13 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1724
1724
  const T = document.createElement("div");
1725
1725
  T.style.width = "100%", f.appendChild(T);
1726
1726
  const E = T.offsetWidth;
1727
- f.parentNode && f.parentNode.removeChild(f), b - E === 0 && ($.value = "8px");
1727
+ f.parentNode && f.parentNode.removeChild(f), b - E === 0 && (C.value = "8px");
1728
1728
  };
1729
1729
  return Ye(async () => {
1730
- te.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", ee), window.addEventListener("resize", C), await Bt(), d();
1730
+ te.value = window == null ? void 0 : window.innerWidth, window.addEventListener("resize", ee), window.addEventListener("resize", $), await Bt(), d();
1731
1731
  }), Ut(() => {
1732
- window.removeEventListener("resize", ee), window.removeEventListener("resize", C);
1733
- }), (s, f) => (h(), y($e, null, [
1732
+ window.removeEventListener("resize", ee), window.removeEventListener("resize", $);
1733
+ }), (s, f) => (h(), y(Ce, null, [
1734
1734
  w.value && a.mobileOverlay && a.mobileEnabled ? (h(), y("div", {
1735
1735
  key: 0,
1736
1736
  class: "kong-ui-app-sidebar-overlay",
@@ -1738,7 +1738,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1738
1738
  })) : _("", !0),
1739
1739
  Ne(Wt(Zi), {
1740
1740
  ref_key: "focusTrap",
1741
- ref: P,
1741
+ ref: M,
1742
1742
  active: !1,
1743
1743
  "allow-outside-click": "",
1744
1744
  "fallback-focus": ".kong-ui-app-sidebar"
@@ -1763,7 +1763,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1763
1763
  ])) : _("", !0),
1764
1764
  I("nav", Gi, [
1765
1765
  x.value.length ? (h(), y("ul", qi, [
1766
- (h(!0), y($e, null, Te(x.value, (b) => (h(), K(Lt, {
1766
+ (h(!0), y(Ce, null, Te(x.value, (b) => (h(), K(Lt, {
1767
1767
  key: b.name,
1768
1768
  item: b,
1769
1769
  onClick: ne
@@ -1776,7 +1776,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1776
1776
  ])) : _("", !0),
1777
1777
  x.value.length && R.value.length ? (h(), y("div", Xi)) : _("", !0),
1778
1778
  R.value.length ? (h(), y("ul", Yi, [
1779
- (h(!0), y($e, null, Te(R.value, (b) => (h(), K(Lt, {
1779
+ (h(!0), y(Ce, null, Te(R.value, (b) => (h(), K(Lt, {
1780
1780
  key: b.name,
1781
1781
  item: b,
1782
1782
  onClick: ne
@@ -1869,7 +1869,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1869
1869
  },
1870
1870
  emits: ["sidebar-click", "update:topOffset"],
1871
1871
  setup(a, { emit: t }) {
1872
- ft((C) => ({
1872
+ ft(($) => ({
1873
1873
  "2235c6e4": B.value,
1874
1874
  "29d04344": ne.value,
1875
1875
  "3d470f48": Y.value,
@@ -1892,46 +1892,46 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1892
1892
  bottomItems: k(() => i.sidebarBottomItems),
1893
1893
  open: k(() => i.sidebarOpen),
1894
1894
  hidden: k(() => i.sidebarHidden)
1895
- }), O = (C) => {
1896
- n("sidebar-click", C);
1897
- }, A = G(!1), N = (C) => {
1898
- A.value = C;
1895
+ }), O = ($) => {
1896
+ n("sidebar-click", $);
1897
+ }, A = G(!1), N = ($) => {
1898
+ A.value = $;
1899
1899
  };
1900
1900
  kn(() => {
1901
1901
  A.value = Tn(m, "open").value || !1;
1902
1902
  });
1903
- const x = G(0), R = G(60), w = G(0), M = k(() => v.hidden ? w.value : R.value + w.value), Y = k(() => i.theme === "light" ? or : sr), B = k(() => i.theme === "light" ? ir : rr), ne = k(() => i.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ce = k(() => `${M.value}px`), ee = k(() => m.hidden || v.hidden ? cr : lr), { debounce: te } = Jt(), Z = te((C = !1) => {
1904
- if (C || x.value !== (window == null ? void 0 : window.innerWidth)) {
1903
+ const x = G(0), R = G(60), w = G(0), P = k(() => v.hidden ? w.value : R.value + w.value), Y = k(() => i.theme === "light" ? or : sr), B = k(() => i.theme === "light" ? ir : rr), ne = k(() => i.theme === "light" ? "var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)" : "none"), ce = k(() => `${P.value}px`), ee = k(() => m.hidden || v.hidden ? cr : lr), { debounce: te } = Jt(), Z = te(($ = !1) => {
1904
+ if ($ || x.value !== (window == null ? void 0 : window.innerWidth)) {
1905
1905
  x.value = window == null ? void 0 : window.innerWidth;
1906
- const P = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
1907
- P && (w.value = P.offsetHeight);
1906
+ const M = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
1907
+ M && (w.value = M.offsetHeight);
1908
1908
  }
1909
1909
  }, 200), X = G();
1910
- return Ae(w, (C) => {
1911
- n("update:topOffset", C || 0);
1910
+ return Ae(w, ($) => {
1911
+ n("update:topOffset", $ || 0);
1912
1912
  }, { immediate: !0 }), Ye(() => {
1913
- var P, W;
1914
- (P = document == null ? void 0 : document.body) == null || P.classList.add("kong-ui-app-layout-body"), (W = document == null ? void 0 : document.documentElement) == null || W.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, Z(!0);
1915
- const C = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
1916
- C && (X.value = new ResizeObserver((H) => {
1913
+ var M, W;
1914
+ (M = document == null ? void 0 : document.body) == null || M.classList.add("kong-ui-app-layout-body"), (W = document == null ? void 0 : document.documentElement) == null || W.classList.add("kong-ui-app-layout-html"), x.value = window == null ? void 0 : window.innerWidth, Z(!0);
1915
+ const $ = document == null ? void 0 : document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");
1916
+ $ && (X.value = new ResizeObserver((H) => {
1917
1917
  window.requestAnimationFrame(() => {
1918
1918
  if (!(!Array.isArray(H) || !H.length))
1919
- for (const $ of H) {
1920
- const d = $.contentRect.height;
1919
+ for (const C of H) {
1920
+ const d = C.contentRect.height;
1921
1921
  w.value !== d && (w.value = d);
1922
1922
  }
1923
1923
  });
1924
- }), X.value.observe(C)), window.addEventListener("resize", Z);
1924
+ }), X.value.observe($)), window.addEventListener("resize", Z);
1925
1925
  }), Ut(() => {
1926
1926
  X.value && X.value.disconnect(), window.removeEventListener("resize", Z);
1927
- }), (C, P) => (h(), y("div", {
1927
+ }), ($, M) => (h(), y("div", {
1928
1928
  class: ie(["kong-ui-app-layout", [
1929
1929
  { "navbar-hidden": v.hidden },
1930
1930
  { "sidebar-hidden": m.hidden }
1931
1931
  ]])
1932
1932
  }, [
1933
1933
  I("div", ur, [
1934
- S(C.$slots, "notification", {}, void 0, !0)
1934
+ S($.$slots, "notification", {}, void 0, !0)
1935
1935
  ]),
1936
1936
  v.hidden ? _("", !0) : (h(), K(ai, {
1937
1937
  key: String(m.hidden),
@@ -1951,7 +1951,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1951
1951
  name: "mobile-logo",
1952
1952
  fn: D(() => [
1953
1953
  I("div", dr, [
1954
- S(C.$slots, "navbar-mobile-logo", {}, void 0, !0)
1954
+ S($.$slots, "navbar-mobile-logo", {}, void 0, !0)
1955
1955
  ])
1956
1956
  ]),
1957
1957
  key: "0"
@@ -1960,7 +1960,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1960
1960
  name: "logo",
1961
1961
  fn: D(() => [
1962
1962
  m.hidden ? (h(), y("div", fr, [
1963
- S(C.$slots, "navbar-logo", {}, void 0, !0)
1963
+ S($.$slots, "navbar-logo", {}, void 0, !0)
1964
1964
  ])) : _("", !0)
1965
1965
  ]),
1966
1966
  key: "1"
@@ -1968,21 +1968,21 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1968
1968
  u.navbarLeft ? {
1969
1969
  name: "left",
1970
1970
  fn: D(() => [
1971
- S(C.$slots, "navbar-left", {}, void 0, !0)
1971
+ S($.$slots, "navbar-left", {}, void 0, !0)
1972
1972
  ]),
1973
1973
  key: "2"
1974
1974
  } : void 0,
1975
1975
  u.navbarCenter ? {
1976
1976
  name: "center",
1977
1977
  fn: D(() => [
1978
- S(C.$slots, "navbar-center", {}, void 0, !0)
1978
+ S($.$slots, "navbar-center", {}, void 0, !0)
1979
1979
  ]),
1980
1980
  key: "3"
1981
1981
  } : void 0,
1982
1982
  u.navbarRight ? {
1983
1983
  name: "right",
1984
1984
  fn: D(() => [
1985
- S(C.$slots, "navbar-right", {}, void 0, !0)
1985
+ S($.$slots, "navbar-right", {}, void 0, !0)
1986
1986
  ]),
1987
1987
  key: "4"
1988
1988
  } : void 0
@@ -1993,7 +1993,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
1993
1993
  "header-height": R.value,
1994
1994
  "mobile-enabled": "",
1995
1995
  "mobile-header-visible": !1,
1996
- "mobile-top-offset": M.value,
1996
+ "mobile-top-offset": P.value,
1997
1997
  open: A.value,
1998
1998
  "top-items": m.topItems,
1999
1999
  "top-offset": w.value,
@@ -2003,37 +2003,37 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
2003
2003
  u.sidebarHeader ? {
2004
2004
  name: "header",
2005
2005
  fn: D(() => [
2006
- S(C.$slots, "sidebar-header", {}, void 0, !0)
2006
+ S($.$slots, "sidebar-header", {}, void 0, !0)
2007
2007
  ]),
2008
2008
  key: "0"
2009
2009
  } : void 0,
2010
2010
  u.sidebarTop ? {
2011
2011
  name: "top",
2012
2012
  fn: D(() => [
2013
- S(C.$slots, "sidebar-top", {}, void 0, !0)
2013
+ S($.$slots, "sidebar-top", {}, void 0, !0)
2014
2014
  ]),
2015
2015
  key: "1"
2016
2016
  } : void 0,
2017
2017
  u.sidebarFooter ? {
2018
2018
  name: "footer",
2019
2019
  fn: D(() => [
2020
- S(C.$slots, "sidebar-footer", {}, void 0, !0)
2020
+ S($.$slots, "sidebar-footer", {}, void 0, !0)
2021
2021
  ]),
2022
2022
  key: "2"
2023
2023
  } : void 0,
2024
2024
  Te([...m.topItems || [], ...m.bottomItems || []], (W) => ({
2025
2025
  name: `sidebar-icon-${W.key}`,
2026
2026
  fn: D(() => [
2027
- S(C.$slots, `sidebar-icon-${W.key}`, {}, void 0, !0)
2027
+ S($.$slots, `sidebar-icon-${W.key}`, {}, void 0, !0)
2028
2028
  ])
2029
2029
  }))
2030
2030
  ]), 1032, ["bottom-items", "header-height", "mobile-top-offset", "open", "top-items", "top-offset"])),
2031
2031
  I("main", vr, [
2032
2032
  I("div", br, [
2033
2033
  I("div", hr, [
2034
- P[0] || (P[0] = I("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
2035
- S(C.$slots, "app-error", {}, void 0, !0),
2036
- o.value ? _("", !0) : S(C.$slots, "default", { key: 0 }, void 0, !0)
2034
+ M[0] || (M[0] = I("div", { id: "kong-ui-app-layout-teleport-default-slot" }, null, -1)),
2035
+ S($.$slots, "app-error", {}, void 0, !0),
2036
+ o.value ? _("", !0) : S($.$slots, "default", { key: 0 }, void 0, !0)
2037
2037
  ])
2038
2038
  ])
2039
2039
  ])
@@ -2059,7 +2059,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
2059
2059
  key: 1,
2060
2060
  class: "page-header-section-below",
2061
2061
  "data-testid": "page-header-section-below"
2062
- }, Cr = /* @__PURE__ */ J({
2062
+ }, $r = /* @__PURE__ */ J({
2063
2063
  __name: "AppPageHeader",
2064
2064
  props: {
2065
2065
  title: {
@@ -2117,15 +2117,16 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
2117
2117
  ]);
2118
2118
  };
2119
2119
  }
2120
- }), Mr = /* @__PURE__ */ Q(Cr, [["__scopeId", "data-v-204b7f98"]]), $r = { class: "collapsible-section-default-header" }, Er = {
2120
+ }), Pr = /* @__PURE__ */ Q($r, [["__scopeId", "data-v-204b7f98"]]), Cr = { class: "page-info-section-default-header" }, Er = {
2121
2121
  key: 1,
2122
- class: "collapsible-section-description"
2122
+ class: "page-info-section-description",
2123
+ "data-testid": "page-info-section-description"
2123
2124
  }, Nr = {
2124
2125
  key: 0,
2125
- class: "collapsible-section-content",
2126
- "data-testid": "collapsible-section-content"
2126
+ class: "page-info-section-content",
2127
+ "data-testid": "page-info-section-content"
2127
2128
  }, Ar = /* @__PURE__ */ J({
2128
- __name: "CollapsibleSection",
2129
+ __name: "PageInfoSection",
2129
2130
  props: {
2130
2131
  collapsible: {
2131
2132
  type: Boolean,
@@ -2147,20 +2148,21 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
2147
2148
  },
2148
2149
  setup(a) {
2149
2150
  return (t, i) => (h(), K(Ke(a.collapsible ? "details" : "div"), {
2150
- class: "collapsible-section",
2151
- "data-testid": "collapsible-section"
2151
+ class: "page-info-section",
2152
+ "data-testid": "page-info-section"
2152
2153
  }, {
2153
2154
  default: D(() => [
2154
2155
  (h(), K(Ke(a.collapsible ? "summary" : "div"), {
2155
- class: "collapsible-section-header",
2156
- "data-testid": "collapsible-section-header"
2156
+ class: "page-info-section-header",
2157
+ "data-testid": "page-info-section-header"
2157
2158
  }, {
2158
2159
  default: D(() => [
2159
2160
  S(t.$slots, "header", {}, () => [
2160
- I("div", $r, [
2161
+ I("div", Cr, [
2161
2162
  a.title ? (h(), K(Ke(a.titleTag), {
2162
2163
  key: 0,
2163
- class: "collapsible-section-title"
2164
+ class: "page-info-section-title",
2165
+ "data-testid": "page-info-section-title"
2164
2166
  }, {
2165
2167
  default: D(() => [
2166
2168
  He(q(a.title), 1)
@@ -2172,7 +2174,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
2172
2174
  ], !0),
2173
2175
  a.collapsible ? (h(), K(Wt(Sn), {
2174
2176
  key: 0,
2175
- class: "collapsible-section-chevron-icon",
2177
+ class: "page-info-section-chevron-icon",
2176
2178
  decorative: ""
2177
2179
  })) : t.$slots.actions ? S(t.$slots, "actions", { key: 1 }, void 0, !0) : _("", !0)
2178
2180
  ]),
@@ -2185,7 +2187,7 @@ const Ui = /* @__PURE__ */ Ki(Hi), Wi = {
2185
2187
  _: 3
2186
2188
  }));
2187
2189
  }
2188
- }), Pr = /* @__PURE__ */ Q(Ar, [["__scopeId", "data-v-5a792052"]]), jr = {
2190
+ }), Mr = /* @__PURE__ */ Q(Ar, [["__scopeId", "data-v-a38c591b"]]), jr = {
2189
2191
  // Customize Vue plugin options as desired
2190
2192
  // Providing a `name` property allows for customizing the registered name of your component (useful if exporting a single component).
2191
2193
  install: (a, t = {}) => {
@@ -2198,9 +2200,9 @@ export {
2198
2200
  Lr as AppError,
2199
2201
  mr as AppLayout,
2200
2202
  ai as AppNavbar,
2201
- Mr as AppPageHeader,
2203
+ Pr as AppPageHeader,
2202
2204
  er as AppSidebar,
2203
- Pr as CollapsibleSection,
2205
+ Mr as PageInfoSection,
2204
2206
  nr as SidebarToggle,
2205
2207
  jr as default
2206
2208
  };
package/dist/app-layout.umd.js CHANGED
@@ -8,4 +8,4 @@
8
8
  * focus-trap-vue v4.0.2
9
9
  * (c) 2023 Eduardo San Martin Morote
10
10
  * @license MIT
11
- */function tr(n){return n}const Ua={escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:[Boolean,Function],default:!0},clickOutsideDeactivates:[Boolean,Function],initialFocus:[String,Function,Boolean],fallbackFocus:[String,Function],checkCanFocusTrap:Function,checkCanReturnFocus:Function,delayInitialFocus:{type:Boolean,default:!0},document:Object,preventScroll:Boolean,setReturnFocus:[Object,String,Boolean,Function],tabbableOptions:Object},Wa=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},Ua),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(n,{slots:a,emit:r}){let o;const l=e.ref(null),u=e.computed(()=>{const p=l.value;return p&&(p instanceof HTMLElement?p:p.$el)});function c(){return o||(o=za(u.value,{escapeDeactivates:n.escapeDeactivates,allowOutsideClick:n.allowOutsideClick,returnFocusOnDeactivate:n.returnFocusOnDeactivate,clickOutsideDeactivates:n.clickOutsideDeactivates,onActivate:()=>{r("update:active",!0),r("activate")},onDeactivate:()=>{r("update:active",!1),r("deactivate")},onPostActivate:()=>r("postActivate"),onPostDeactivate:()=>r("postDeactivate"),initialFocus:n.initialFocus,fallbackFocus:n.fallbackFocus,tabbableOptions:n.tabbableOptions,delayInitialFocus:n.delayInitialFocus,preventScroll:n.preventScroll}))}return e.onMounted(()=>{e.watch(()=>n.active,p=>{p&&u.value?c().activate():o&&(o.deactivate(),(!u.value||u.value.nodeType===Node.COMMENT_NODE)&&(o=null))},{immediate:!0,flush:"post"})}),e.onUnmounted(()=>{o&&o.deactivate(),o=null}),{activate(){c().activate()},deactivate(){o&&o.deactivate()},renderImpl(){if(!a.default)return null;const p=a.default().filter(w=>w.type!==e.Comment);return!p||!p.length||p.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),p):e.cloneVNode(p[0],{ref:l})}}}});function rt(){return{debounce:(a,r)=>{let o;return(...l)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{a(...l)},r)}}}}var Ce=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Ga(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Se={exports:{}};Se.exports,function(n,a){var r=200,o="__lodash_hash_undefined__",l=9007199254740991,u="[object Arguments]",c="[object Array]",p="[object Boolean]",g="[object Date]",w="[object Error]",B="[object Function]",N="[object GeneratorFunction]",_="[object Map]",$="[object Number]",y="[object Object]",D="[object Promise]",H="[object RegExp]",O="[object Set]",G="[object String]",J="[object Symbol]",z="[object WeakMap]",U="[object ArrayBuffer]",V="[object DataView]",Z="[object Float32Array]",C="[object Float64Array]",F="[object Int8Array]",M="[object Int16Array]",R="[object Int32Array]",S="[object Uint8Array]",f="[object Uint8ClampedArray]",s="[object Uint16Array]",m="[object Uint32Array]",b=/[\\^$.*+?()[\]{}|]/g,k=/\w*$/,E=/^\[object .+?Constructor\]$/,T=/^(?:0|[1-9]\d*)$/,v={};v[u]=v[c]=v[U]=v[V]=v[p]=v[g]=v[Z]=v[C]=v[F]=v[M]=v[R]=v[_]=v[$]=v[y]=v[H]=v[O]=v[G]=v[J]=v[S]=v[f]=v[s]=v[m]=!0,v[w]=v[B]=v[z]=!1;var A=typeof Ce=="object"&&Ce&&Ce.Object===Object&&Ce,q=typeof self=="object"&&self&&self.Object===Object&&self,L=A||q||Function("return this")(),W=a&&!a.nodeType&&a,Q=W&&!0&&n&&!n.nodeType&&n,Ee=Q&&Q.exports===W;function me(t,i){return t.set(i[0],i[1]),t}function pe(t,i){return t.add(i),t}function Fn(t,i){for(var d=-1,h=t?t.length:0;++d<h&&i(t[d],d,t)!==!1;);return t}function xn(t,i){for(var d=-1,h=i.length,x=t.length;++d<h;)t[x+d]=i[d];return t}function lt(t,i,d,h){for(var x=-1,P=t?t.length:0;++x<P;)d=i(d,t[x],x,t);return d}function Vn(t,i){for(var d=-1,h=Array(t);++d<t;)h[d]=i(d);return h}function Rn(t,i){return t==null?void 0:t[i]}function dt(t){var i=!1;if(t!=null&&typeof t.toString!="function")try{i=!!(t+"")}catch{}return i}function ut(t){var i=-1,d=Array(t.size);return t.forEach(function(h,x){d[++i]=[x,h]}),d}function Fe(t,i){return function(d){return t(i(d))}}function ft(t){var i=-1,d=Array(t.size);return t.forEach(function(h){d[++i]=h}),d}var Ln=Array.prototype,Mn=Function.prototype,Ne=Object.prototype,xe=L["__core-js_shared__"],mt=function(){var t=/[^.]+$/.exec(xe&&xe.keys&&xe.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),pt=Mn.toString,ee=Ne.hasOwnProperty,Be=Ne.toString,Pn=RegExp("^"+pt.call(ee).replace(b,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),bt=Ee?L.Buffer:void 0,ht=L.Symbol,gt=L.Uint8Array,jn=Fe(Object.getPrototypeOf,Object),Zn=Object.create,Kn=Ne.propertyIsEnumerable,Hn=Ln.splice,vt=Object.getOwnPropertySymbols,zn=bt?bt.isBuffer:void 0,Un=Fe(Object.keys,Object),Ve=le(L,"DataView"),be=le(L,"Map"),Re=le(L,"Promise"),Le=le(L,"Set"),Me=le(L,"WeakMap"),he=le(Object,"create"),Wn=re(Ve),Gn=re(be),qn=re(Re),Xn=re(Le),Yn=re(Me),yt=ht?ht.prototype:void 0,kt=yt?yt.valueOf:void 0;function ne(t){var i=-1,d=t?t.length:0;for(this.clear();++i<d;){var h=t[i];this.set(h[0],h[1])}}function Jn(){this.__data__=he?he(null):{}}function Qn(t){return this.has(t)&&delete this.__data__[t]}function eo(t){var i=this.__data__;if(he){var d=i[t];return d===o?void 0:d}return ee.call(i,t)?i[t]:void 0}function to(t){var i=this.__data__;return he?i[t]!==void 0:ee.call(i,t)}function ao(t,i){var d=this.__data__;return d[t]=he&&i===void 0?o:i,this}ne.prototype.clear=Jn,ne.prototype.delete=Qn,ne.prototype.get=eo,ne.prototype.has=to,ne.prototype.set=ao;function X(t){var i=-1,d=t?t.length:0;for(this.clear();++i<d;){var h=t[i];this.set(h[0],h[1])}}function no(){this.__data__=[]}function oo(t){var i=this.__data__,d=Te(i,t);if(d<0)return!1;var h=i.length-1;return d==h?i.pop():Hn.call(i,d,1),!0}function ro(t){var i=this.__data__,d=Te(i,t);return d<0?void 0:i[d][1]}function io(t){return Te(this.__data__,t)>-1}function co(t,i){var d=this.__data__,h=Te(d,t);return h<0?d.push([t,i]):d[h][1]=i,this}X.prototype.clear=no,X.prototype.delete=oo,X.prototype.get=ro,X.prototype.has=io,X.prototype.set=co;function ce(t){var i=-1,d=t?t.length:0;for(this.clear();++i<d;){var h=t[i];this.set(h[0],h[1])}}function so(){this.__data__={hash:new ne,map:new(be||X),string:new ne}}function lo(t){return _e(this,t).delete(t)}function uo(t){return _e(this,t).get(t)}function fo(t){return _e(this,t).has(t)}function mo(t,i){return _e(this,t).set(t,i),this}ce.prototype.clear=so,ce.prototype.delete=lo,ce.prototype.get=uo,ce.prototype.has=fo,ce.prototype.set=mo;function se(t){this.__data__=new X(t)}function po(){this.__data__=new X}function bo(t){return this.__data__.delete(t)}function ho(t){return this.__data__.get(t)}function go(t){return this.__data__.has(t)}function vo(t,i){var d=this.__data__;if(d instanceof X){var h=d.__data__;if(!be||h.length<r-1)return h.push([t,i]),this;d=this.__data__=new ce(h)}return d.set(t,i),this}se.prototype.clear=po,se.prototype.delete=bo,se.prototype.get=ho,se.prototype.has=go,se.prototype.set=vo;function yo(t,i){var d=Ze(t)||Ko(t)?Vn(t.length,String):[],h=d.length,x=!!h;for(var P in t)ee.call(t,P)&&!(x&&(P=="length"||Mo(P,h)))&&d.push(P);return d}function wt(t,i,d){var h=t[i];(!(ee.call(t,i)&&Nt(h,d))||d===void 0&&!(i in t))&&(t[i]=d)}function Te(t,i){for(var d=t.length;d--;)if(Nt(t[d][0],i))return d;return-1}function ko(t,i){return t&&Ct(i,Ke(i),t)}function Pe(t,i,d,h,x,P,Y){var j;if(h&&(j=P?h(t,x,P,Y):h(t)),j!==void 0)return j;if(!Ie(t))return t;var _t=Ze(t);if(_t){if(j=Vo(t),!i)return Do(t,j)}else{var de=oe(t),It=de==B||de==N;if(zo(t))return Bo(t,i);if(de==y||de==u||It&&!P){if(dt(t))return P?t:{};if(j=Ro(It?{}:t),!i)return Fo(t,ko(j,t))}else{if(!v[de])return P?t:{};j=Lo(t,de,Pe,i)}}Y||(Y=new se);var $t=Y.get(t);if($t)return $t;if(Y.set(t,j),!_t)var Ot=d?xo(t):Ke(t);return Fn(Ot||t,function(He,$e){Ot&&($e=He,He=t[$e]),wt(j,$e,Pe(He,i,d,h,$e,t,Y))}),j}function wo(t){return Ie(t)?Zn(t):{}}function Co(t,i,d){var h=i(t);return Ze(t)?h:xn(h,d(t))}function So(t){return Be.call(t)}function Eo(t){if(!Ie(t)||jo(t))return!1;var i=Tt(t)||dt(t)?Pn:E;return i.test(re(t))}function No(t){if(!Et(t))return Un(t);var i=[];for(var d in Object(t))ee.call(t,d)&&d!="constructor"&&i.push(d);return i}function Bo(t,i){if(i)return t.slice();var d=new t.constructor(t.length);return t.copy(d),d}function je(t){var i=new t.constructor(t.byteLength);return new gt(i).set(new gt(t)),i}function To(t,i){var d=i?je(t.buffer):t.buffer;return new t.constructor(d,t.byteOffset,t.byteLength)}function _o(t,i,d){var h=i?d(ut(t),!0):ut(t);return lt(h,me,new t.constructor)}function Io(t){var i=new t.constructor(t.source,k.exec(t));return i.lastIndex=t.lastIndex,i}function $o(t,i,d){var h=i?d(ft(t),!0):ft(t);return lt(h,pe,new t.constructor)}function Oo(t){return kt?Object(kt.call(t)):{}}function Ao(t,i){var d=i?je(t.buffer):t.buffer;return new t.constructor(d,t.byteOffset,t.length)}function Do(t,i){var d=-1,h=t.length;for(i||(i=Array(h));++d<h;)i[d]=t[d];return i}function Ct(t,i,d,h){d||(d={});for(var x=-1,P=i.length;++x<P;){var Y=i[x],j=void 0;wt(d,Y,j===void 0?t[Y]:j)}return d}function Fo(t,i){return Ct(t,St(t),i)}function xo(t){return Co(t,Ke,St)}function _e(t,i){var d=t.__data__;return Po(i)?d[typeof i=="string"?"string":"hash"]:d.map}function le(t,i){var d=Rn(t,i);return Eo(d)?d:void 0}var St=vt?Fe(vt,Object):Go,oe=So;(Ve&&oe(new Ve(new ArrayBuffer(1)))!=V||be&&oe(new be)!=_||Re&&oe(Re.resolve())!=D||Le&&oe(new Le)!=O||Me&&oe(new Me)!=z)&&(oe=function(t){var i=Be.call(t),d=i==y?t.constructor:void 0,h=d?re(d):void 0;if(h)switch(h){case Wn:return V;case Gn:return _;case qn:return D;case Xn:return O;case Yn:return z}return i});function Vo(t){var i=t.length,d=t.constructor(i);return i&&typeof t[0]=="string"&&ee.call(t,"index")&&(d.index=t.index,d.input=t.input),d}function Ro(t){return typeof t.constructor=="function"&&!Et(t)?wo(jn(t)):{}}function Lo(t,i,d,h){var x=t.constructor;switch(i){case U:return je(t);case p:case g:return new x(+t);case V:return To(t,h);case Z:case C:case F:case M:case R:case S:case f:case s:case m:return Ao(t,h);case _:return _o(t,h,d);case $:case G:return new x(t);case H:return Io(t);case O:return $o(t,h,d);case J:return Oo(t)}}function Mo(t,i){return i=i??l,!!i&&(typeof t=="number"||T.test(t))&&t>-1&&t%1==0&&t<i}function Po(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function jo(t){return!!mt&&mt in t}function Et(t){var i=t&&t.constructor,d=typeof i=="function"&&i.prototype||Ne;return t===d}function re(t){if(t!=null){try{return pt.call(t)}catch{}try{return t+""}catch{}}return""}function Zo(t){return Pe(t,!0,!0)}function Nt(t,i){return t===i||t!==t&&i!==i}function Ko(t){return Ho(t)&&ee.call(t,"callee")&&(!Kn.call(t,"callee")||Be.call(t)==u)}var Ze=Array.isArray;function Bt(t){return t!=null&&Uo(t.length)&&!Tt(t)}function Ho(t){return Wo(t)&&Bt(t)}var zo=zn||qo;function Tt(t){var i=Ie(t)?Be.call(t):"";return i==B||i==N}function Uo(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=l}function Ie(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function Wo(t){return!!t&&typeof t=="object"}function Ke(t){return Bt(t)?yo(t):No(t)}function Go(){return[]}function qo(){return!1}n.exports=Zo}(Se,Se.exports);var qa=Se.exports;const Xa=Ga(qa),Ya={key:0,class:"sidebar-header"},Ja={class:"sidebar-content-container"},Qa={key:0,class:"sidebar-top"},en={"aria-label":"Main menu"},tn={key:0,class:"level-primary top-items"},an={key:1,class:"sidebar-level-divider",role:"separator"},nn={key:2,class:"level-primary bottom-items"},on={class:"sidebar-footer"},it=K(e.defineComponent({__name:"AppSidebar",props:{topItems:{type:Array,default:()=>[]},bottomItems:{type:Array,default:()=>[]},headerHeight:{type:Number,default:60},topOffset:{type:Number,default:0},zIndex:{type:Number,default:3},open:{type:Boolean,default:!1},mobileEnabled:{type:Boolean,default:!1},mobileTopOffset:{type:Number,default:0},mobileHeaderVisible:{type:Boolean,default:!1},mobileCloseDelay:{type:Number,default:350},mobileOverlay:{type:Boolean,default:!0},mobileOverlayZIndex:{type:Number,default:null},mobileOverlayCloseOnClick:{type:Boolean,default:!0}},emits:["click","toggle"],setup(n,{emit:a}){e.useCssVars(s=>({67264871:p.value.mobileHeight,"7fee5e4b":p.value.mobileTop,"096ef197":n.zIndex,"7a10f32f":p.value.height,"7da84766":p.value.top,"1e6146be":w.value.marginTop,"5b6aa028":S.value,"178af94b":g.value.display,"49f98062":g.value.minHeight,"548fea1c":B.value.top,c0ba7b5e:B.value.zIndex}));const r=a,o=n,l=e.useSlots(),u=e.computed(()=>!!l.header),c=e.computed(()=>!!l.top),p=e.computed(()=>({mobileTop:o.mobileTopOffset&&o.mobileEnabled?`${o.mobileTopOffset}px`:o.topOffset?`${o.topOffset}px`:"0",top:o.topOffset?`${o.topOffset}px`:"0",mobileHeight:o.mobileTopOffset&&o.mobileEnabled?`calc(100% - ${o.mobileTopOffset}px)`:"100%",height:o.topOffset?`calc(100% - ${o.topOffset}px)`:"100%"})),g=e.computed(()=>({display:!o.mobileHeaderVisible&&o.mobileEnabled?"none":"flex",minHeight:`${o.headerHeight}px`})),w=e.computed(()=>({marginTop:u.value?`${o.headerHeight}px`:"0"})),B=e.computed(()=>({top:o.mobileTopOffset&&o.mobileEnabled?`${o.mobileTopOffset}px`:"0",zIndex:o.mobileOverlayZIndex!==null?o.mobileOverlayZIndex:o.zIndex>1?o.zIndex-1:1})),N=s=>Xa(s).map(b=>{var k,E,T;if(b){(!b.key||!((k=b.key)!=null&&k.trim()))&&(b.key=String(b.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!b.testId||!((E=b.testId)!=null&&E.trim()))&&(b.testId=String(b.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const v of b.items||[])v.parentKey=b.key,(!v.testId||!((T=v.testId)!=null&&T.trim()))&&(v.testId=String(v.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return b}),_=e.computed(()=>o.topItems.length?N(o.topItems):[]),$=e.computed(()=>o.bottomItems.length?N(o.bottomItems):[]),y=e.ref(o.open),D=s=>{var m,b;y.value!==s&&(y.value=s,r("toggle",s)),s?(m=document==null?void 0:document.body)==null||m.classList.add("kong-ui-app-sidebar-open"):(b=document==null?void 0:document.body)==null||b.classList.remove("kong-ui-app-sidebar-open"),O.value=!1},H=()=>{o.mobileOverlayCloseOnClick&&D(!1)},O=e.ref(!1),G=s=>{O.value=!0,r("click",s),setTimeout(()=>{D(!1)},o.mobileCloseDelay)};e.watch(()=>o.open,s=>{D(s)});const{debounce:J}=rt(),z=J(()=>{y.value&&U.value!==(window==null?void 0:window.innerWidth)&&(U.value=window==null?void 0:window.innerWidth,D(!1))},200),U=e.ref(),V=e.ref(!1),Z=e.ref(),C=()=>{V.value||(V.value=!0,clearTimeout(Z.value),Z.value=setTimeout(()=>V.value=!1,1300))},F=e.ref(null),M=e.computed(()=>y.value&&o.mobileEnabled),R=async s=>{var m,b;s?(await e.nextTick(),await new Promise(k=>setTimeout(k,300)),(m=F.value)==null||m.activate()):(b=F.value)==null||b.deactivate()};e.watch(M,async s=>{s?await R(!0):await R(!1)},{immediate:!0});const S=e.ref("0px"),f=()=>{var v;if(!(/Mac|iPhone|iPod|iPad/i.test(navigator==null?void 0:navigator.platform)||/macOS|Mac|iPhone|iPod|iPad/i.test((v=navigator==null?void 0:navigator.userAgentData)==null?void 0:v.platform)))return;const m=document.createElement("div");m.style.visibility="hidden",m.style.width="100px",document.body.appendChild(m);const b=m.offsetWidth;m.style.overflow="scroll";const k=document.createElement("div");k.style.width="100%",m.appendChild(k);const E=k.offsetWidth;m.parentNode&&m.parentNode.removeChild(m),b-E===0&&(S.value="8px")};return e.onMounted(async()=>{U.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",z),window.addEventListener("resize",C),await e.nextTick(),f()}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",z),window.removeEventListener("resize",C)}),(s,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[y.value&&n.mobileOverlay&&n.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:H})):e.createCommentVNode("",!0),e.createVNode(e.unref(Wa),{ref_key:"focusTrap",ref:F,active:!1,"allow-outside-click":"","fallback-focus":".kong-ui-app-sidebar"},{default:e.withCtx(()=>[e.createElementVNode("aside",{class:e.normalizeClass(["kong-ui-app-sidebar",{"sidebar-open":y.value,"no-sidebar-header":!u.value,"mobile-header-hidden":n.mobileEnabled&&(!u.value||!n.mobileHeaderVisible),"mobile-disabled":!n.mobileEnabled,"disable-transitions":V.value}]),tabindex:"-1"},[u.value?(e.openBlock(),e.createElementBlock("div",Ya,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ja,[c.value?(e.openBlock(),e.createElementBlock("div",Qa,[e.renderSlot(s.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",en,[_.value.length?(e.openBlock(),e.createElementBlock("ul",tn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,b=>(e.openBlock(),e.createBlock(Ue,{key:b.name,item:b,onClick:G},{[`sidebar-icon-${b.key}`]:e.withCtx(()=>[e.renderSlot(s.$slots,`sidebar-icon-${b.key}`,{},void 0,!0)]),_:2},1032,["item"]))),128))])):e.createCommentVNode("",!0),_.value.length&&$.value.length?(e.openBlock(),e.createElementBlock("div",an)):e.createCommentVNode("",!0),$.value.length?(e.openBlock(),e.createElementBlock("ul",nn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,b=>(e.openBlock(),e.createBlock(Ue,{key:b.name,item:b,onClick:G},{[`sidebar-icon-${b.key}`]:e.withCtx(()=>[e.renderSlot(s.$slots,`sidebar-icon-${b.key}`,{},void 0,!0)]),_:2},1032,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",on,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),[["__scopeId","data-v-c9dc6d28"]]),rn=["aria-label"],ct=K(e.defineComponent({__name:"SidebarToggle",props:{active:{type:Boolean,default:!1}},emits:["toggle"],setup(n,{emit:a}){const r=a,o=n,l=e.ref(o.active||!1),u=c=>{c.preventDefault(),l.value=!l.value,r("toggle",l.value)};return e.watch(()=>o.active,c=>{l.value=c}),(c,p)=>(e.openBlock(),e.createElementBlock("a",{"aria-haspopup":"true","aria-label":l.value?"Close Main Menu":"Open Main Menu",class:e.normalizeClass(["sidebar-menu-toggle",{active:l.value}]),href:"#",role:"button",onClick:e.withModifiers(u,["prevent"])},p[0]||(p[0]=[e.createElementVNode("span",{class:"line"},null,-1),e.createElementVNode("span",{class:"line"},null,-1),e.createElementVNode("span",{class:"line"},null,-1)]),10,rn))}}),[["__scopeId","data-v-fbde70e6"]]),cn="#ffffff",sn="#000933",ln="#000933",dn="#ffffff",un="0px",fn="4px",mn={id:"kong-ui-app-layout-notification"},pn={class:"mobile-logo"},bn={key:0,class:"navbar-logo"},hn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},gn={class:"kong-ui-app-layout-content"},vn={class:"kong-ui-app-layout-content-inner"},st=K(e.defineComponent({__name:"AppLayout",props:{hideDefaultSlot:{type:Boolean,default:!1},navbarHidden:{type:Boolean,default:!1},sidebarHidden:{type:Boolean,default:!1},sidebarOpen:{type:Boolean,default:!1},sidebarTopItems:{type:Array,default:()=>[]},sidebarBottomItems:{type:Array,default:()=>[]},theme:{type:String,default:"light",validator:n=>["light","dark"].includes(n)}},emits:["sidebar-click","update:topOffset"],setup(n,{emit:a}){e.useCssVars(C=>({"2235c6e4":O.value,"29d04344":G.value,"3d470f48":H.value,"81803d80":J.value,"64da7a33":z.value}));const r=n,o=a,l=e.useSlots(),u=e.reactive({navbarLeft:e.computed(()=>!!l["navbar-left"]),navbarCenter:e.computed(()=>!!l["navbar-center"]),navbarRight:e.computed(()=>!!l["navbar-right"]),navbarLogo:e.computed(()=>!!l["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!l["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!l["sidebar-header"]),sidebarTop:e.computed(()=>!!l["sidebar-top"]),sidebarFooter:e.computed(()=>!!l["sidebar-footer"])}),c=e.computed(()=>r.hideDefaultSlot),p=e.reactive({hidden:e.computed(()=>r.navbarHidden)}),g=e.reactive({topItems:e.computed(()=>r.sidebarTopItems),bottomItems:e.computed(()=>r.sidebarBottomItems),open:e.computed(()=>r.sidebarOpen),hidden:e.computed(()=>r.sidebarHidden)}),w=C=>{o("sidebar-click",C)},B=e.ref(!1),N=C=>{B.value=C};e.watchEffect(()=>{B.value=e.toRef(g,"open").value||!1});const _=e.ref(0),$=e.ref(60),y=e.ref(0),D=e.computed(()=>p.hidden?y.value:$.value+y.value),H=e.computed(()=>r.theme==="light"?ln:dn),O=e.computed(()=>r.theme==="light"?cn:sn),G=e.computed(()=>r.theme==="light"?"var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)":"none"),J=e.computed(()=>`${D.value}px`),z=e.computed(()=>g.hidden||p.hidden?un:fn),{debounce:U}=rt(),V=U((C=!1)=>{if(C||_.value!==(window==null?void 0:window.innerWidth)){_.value=window==null?void 0:window.innerWidth;const F=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");F&&(y.value=F.offsetHeight)}},200),Z=e.ref();return e.watch(y,C=>{o("update:topOffset",C||0)},{immediate:!0}),e.onMounted(()=>{var F,M;(F=document==null?void 0:document.body)==null||F.classList.add("kong-ui-app-layout-body"),(M=document==null?void 0:document.documentElement)==null||M.classList.add("kong-ui-app-layout-html"),_.value=window==null?void 0:window.innerWidth,V(!0);const C=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");C&&(Z.value=new ResizeObserver(R=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(R)||!R.length))for(const S of R){const f=S.contentRect.height;y.value!==f&&(y.value=f)}})}),Z.value.observe(C)),window.addEventListener("resize",V)}),e.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",V)}),(C,F)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":p.hidden},{"sidebar-hidden":g.hidden}]])},[e.createElementVNode("div",mn,[e.renderSlot(C.$slots,"notification",{},void 0,!0)]),p.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ze,{key:String(g.hidden),"left-offset":g.hidden?0:void 0,"top-offset":y.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[g.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ct,{key:0,active:B.value,onToggle:N},null,8,["active"]))]),_:2},[u.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",pn,[e.renderSlot(C.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,u.navbarLogo?{name:"logo",fn:e.withCtx(()=>[g.hidden?(e.openBlock(),e.createElementBlock("div",bn,[e.renderSlot(C.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,u.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,u.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,u.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),g.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(it,{key:1,"bottom-items":g.bottomItems,"header-height":$.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":D.value,open:B.value,"top-items":g.topItems,"top-offset":y.value,onClick:w,onToggle:N},e.createSlots({_:2},[u.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,u.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,u.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"sidebar-footer",{},void 0,!0)]),key:"2"}:void 0,e.renderList([...g.topItems||[],...g.bottomItems||[]],M=>({name:`sidebar-icon-${M.key}`,fn:e.withCtx(()=>[e.renderSlot(C.$slots,`sidebar-icon-${M.key}`,{},void 0,!0)])}))]),1032,["bottom-items","header-height","mobile-top-offset","open","top-items","top-offset"])),e.createElementVNode("main",hn,[e.createElementVNode("div",gn,[e.createElementVNode("div",vn,[F[0]||(F[0]=e.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),e.renderSlot(C.$slots,"app-error",{},void 0,!0),c.value?e.createCommentVNode("",!0):e.renderSlot(C.$slots,"default",{key:0},void 0,!0)])])])],2))}}),[["__scopeId","data-v-8e8c270a"]]),yn={class:"kong-ui-app-page-header"},kn={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},wn={class:"page-header-title-section"},Cn={class:"page-header-title-wrapper"},Sn={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},En=["title"],Nn={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},Bn={key:0,class:"page-header-actions","data-testid":"page-header-actions"},Tn={key:1,class:"page-header-section-below","data-testid":"page-header-section-below"},_n=K(e.defineComponent({__name:"AppPageHeader",props:{title:{type:String,default:""},breadcrumbs:{type:Array,default:()=>[]}},setup(n){const a=n,r=e.useSlots(),o=e.computed(()=>{var u;return!!((u=a.breadcrumbs)!=null&&u.length)}),l=e.computed(()=>Object.keys(r).filter(u=>u.startsWith("icon-")));return(u,c)=>{const p=e.resolveComponent("KBreadcrumbs");return e.openBlock(),e.createElementBlock("div",yn,[o.value?(e.openBlock(),e.createElementBlock("div",kn,[e.createVNode(p,{"item-max-width":"150",items:n.breadcrumbs},e.createSlots({_:2},[e.renderList(l.value,g=>({name:g,fn:e.withCtx(()=>[e.renderSlot(u.$slots,g,{},void 0,!0)])}))]),1032,["items"])])):e.createCommentVNode("",!0),e.createElementVNode("div",wn,[e.createElementVNode("div",Cn,[u.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",Sn,[e.renderSlot(u.$slots,"title-before",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("h1",{class:"page-header-title","data-testid":"page-header-title",title:n.title},e.toDisplayString(n.title),9,En),u.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",Nn,[e.renderSlot(u.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),u.$slots.actions?(e.openBlock(),e.createElementBlock("div",Bn,[e.renderSlot(u.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)]),u.$slots.below?(e.openBlock(),e.createElementBlock("div",Tn,[e.renderSlot(u.$slots,"below",{},void 0,!0)])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-204b7f98"]]),In={class:"collapsible-section-default-header"},$n={key:1,class:"collapsible-section-description"},On={key:0,class:"collapsible-section-content","data-testid":"collapsible-section-content"},An=K(e.defineComponent({__name:"CollapsibleSection",props:{collapsible:{type:Boolean,default:!0},title:{type:String,default:""},description:{type:String,default:""},titleTag:{type:String,default:"div",validator:n=>Dt.HeaderTags.includes(n)}},setup(n){return(a,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.collapsible?"details":"div"),{class:"collapsible-section","data-testid":"collapsible-section"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.collapsible?"summary":"div"),{class:"collapsible-section-header","data-testid":"collapsible-section-header"},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"header",{},()=>[e.createElementVNode("div",In,[n.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.titleTag),{key:0,class:"collapsible-section-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1})):e.createCommentVNode("",!0),n.description?(e.openBlock(),e.createElementBlock("div",$n,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0)])],!0),n.collapsible?(e.openBlock(),e.createBlock(e.unref(At.ChevronRightIcon),{key:0,class:"collapsible-section-chevron-icon",decorative:""})):a.$slots.actions?e.renderSlot(a.$slots,"actions",{key:1},void 0,!0):e.createCommentVNode("",!0)]),_:3})),a.$slots.default?(e.openBlock(),e.createElementBlock("div",On,[e.renderSlot(a.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-5a792052"]]),Dn={install:(n,a={})=>{n.component(a.name||"AppLayout",st)}};I.AccountDropdown=xt,I.AppAboutSection=Gt,I.AppError=aa,I.AppLayout=st,I.AppNavbar=ze,I.AppPageHeader=_n,I.AppSidebar=it,I.CollapsibleSection=An,I.SidebarToggle=ct,I.default=Dn,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
11
+ */function tr(n){return n}const Ua={escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:[Boolean,Function],default:!0},clickOutsideDeactivates:[Boolean,Function],initialFocus:[String,Function,Boolean],fallbackFocus:[String,Function],checkCanFocusTrap:Function,checkCanReturnFocus:Function,delayInitialFocus:{type:Boolean,default:!0},document:Object,preventScroll:Boolean,setReturnFocus:[Object,String,Boolean,Function],tabbableOptions:Object},Wa=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},Ua),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(n,{slots:a,emit:r}){let o;const l=e.ref(null),u=e.computed(()=>{const p=l.value;return p&&(p instanceof HTMLElement?p:p.$el)});function c(){return o||(o=za(u.value,{escapeDeactivates:n.escapeDeactivates,allowOutsideClick:n.allowOutsideClick,returnFocusOnDeactivate:n.returnFocusOnDeactivate,clickOutsideDeactivates:n.clickOutsideDeactivates,onActivate:()=>{r("update:active",!0),r("activate")},onDeactivate:()=>{r("update:active",!1),r("deactivate")},onPostActivate:()=>r("postActivate"),onPostDeactivate:()=>r("postDeactivate"),initialFocus:n.initialFocus,fallbackFocus:n.fallbackFocus,tabbableOptions:n.tabbableOptions,delayInitialFocus:n.delayInitialFocus,preventScroll:n.preventScroll}))}return e.onMounted(()=>{e.watch(()=>n.active,p=>{p&&u.value?c().activate():o&&(o.deactivate(),(!u.value||u.value.nodeType===Node.COMMENT_NODE)&&(o=null))},{immediate:!0,flush:"post"})}),e.onUnmounted(()=>{o&&o.deactivate(),o=null}),{activate(){c().activate()},deactivate(){o&&o.deactivate()},renderImpl(){if(!a.default)return null;const p=a.default().filter(w=>w.type!==e.Comment);return!p||!p.length||p.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),p):e.cloneVNode(p[0],{ref:l})}}}});function rt(){return{debounce:(a,r)=>{let o;return(...l)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{a(...l)},r)}}}}var Ce=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Ga(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Se={exports:{}};Se.exports,function(n,a){var r=200,o="__lodash_hash_undefined__",l=9007199254740991,u="[object Arguments]",c="[object Array]",p="[object Boolean]",g="[object Date]",w="[object Error]",B="[object Function]",N="[object GeneratorFunction]",_="[object Map]",$="[object Number]",y="[object Object]",D="[object Promise]",H="[object RegExp]",O="[object Set]",G="[object String]",J="[object Symbol]",z="[object WeakMap]",U="[object ArrayBuffer]",V="[object DataView]",Z="[object Float32Array]",C="[object Float64Array]",F="[object Int8Array]",M="[object Int16Array]",R="[object Int32Array]",S="[object Uint8Array]",f="[object Uint8ClampedArray]",s="[object Uint16Array]",m="[object Uint32Array]",b=/[\\^$.*+?()[\]{}|]/g,k=/\w*$/,E=/^\[object .+?Constructor\]$/,T=/^(?:0|[1-9]\d*)$/,v={};v[u]=v[c]=v[U]=v[V]=v[p]=v[g]=v[Z]=v[C]=v[F]=v[M]=v[R]=v[_]=v[$]=v[y]=v[H]=v[O]=v[G]=v[J]=v[S]=v[f]=v[s]=v[m]=!0,v[w]=v[B]=v[z]=!1;var A=typeof Ce=="object"&&Ce&&Ce.Object===Object&&Ce,q=typeof self=="object"&&self&&self.Object===Object&&self,L=A||q||Function("return this")(),W=a&&!a.nodeType&&a,Q=W&&!0&&n&&!n.nodeType&&n,Ee=Q&&Q.exports===W;function me(t,i){return t.set(i[0],i[1]),t}function pe(t,i){return t.add(i),t}function Fn(t,i){for(var d=-1,h=t?t.length:0;++d<h&&i(t[d],d,t)!==!1;);return t}function xn(t,i){for(var d=-1,h=i.length,x=t.length;++d<h;)t[x+d]=i[d];return t}function lt(t,i,d,h){for(var x=-1,P=t?t.length:0;++x<P;)d=i(d,t[x],x,t);return d}function Vn(t,i){for(var d=-1,h=Array(t);++d<t;)h[d]=i(d);return h}function Rn(t,i){return t==null?void 0:t[i]}function dt(t){var i=!1;if(t!=null&&typeof t.toString!="function")try{i=!!(t+"")}catch{}return i}function ut(t){var i=-1,d=Array(t.size);return t.forEach(function(h,x){d[++i]=[x,h]}),d}function Fe(t,i){return function(d){return t(i(d))}}function ft(t){var i=-1,d=Array(t.size);return t.forEach(function(h){d[++i]=h}),d}var Ln=Array.prototype,Mn=Function.prototype,Ne=Object.prototype,xe=L["__core-js_shared__"],mt=function(){var t=/[^.]+$/.exec(xe&&xe.keys&&xe.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),pt=Mn.toString,ee=Ne.hasOwnProperty,Be=Ne.toString,Pn=RegExp("^"+pt.call(ee).replace(b,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),bt=Ee?L.Buffer:void 0,ht=L.Symbol,gt=L.Uint8Array,jn=Fe(Object.getPrototypeOf,Object),Zn=Object.create,Kn=Ne.propertyIsEnumerable,Hn=Ln.splice,vt=Object.getOwnPropertySymbols,zn=bt?bt.isBuffer:void 0,Un=Fe(Object.keys,Object),Ve=le(L,"DataView"),be=le(L,"Map"),Re=le(L,"Promise"),Le=le(L,"Set"),Me=le(L,"WeakMap"),he=le(Object,"create"),Wn=re(Ve),Gn=re(be),qn=re(Re),Xn=re(Le),Yn=re(Me),yt=ht?ht.prototype:void 0,kt=yt?yt.valueOf:void 0;function ne(t){var i=-1,d=t?t.length:0;for(this.clear();++i<d;){var h=t[i];this.set(h[0],h[1])}}function Jn(){this.__data__=he?he(null):{}}function Qn(t){return this.has(t)&&delete this.__data__[t]}function eo(t){var i=this.__data__;if(he){var d=i[t];return d===o?void 0:d}return ee.call(i,t)?i[t]:void 0}function to(t){var i=this.__data__;return he?i[t]!==void 0:ee.call(i,t)}function ao(t,i){var d=this.__data__;return d[t]=he&&i===void 0?o:i,this}ne.prototype.clear=Jn,ne.prototype.delete=Qn,ne.prototype.get=eo,ne.prototype.has=to,ne.prototype.set=ao;function X(t){var i=-1,d=t?t.length:0;for(this.clear();++i<d;){var h=t[i];this.set(h[0],h[1])}}function no(){this.__data__=[]}function oo(t){var i=this.__data__,d=Te(i,t);if(d<0)return!1;var h=i.length-1;return d==h?i.pop():Hn.call(i,d,1),!0}function ro(t){var i=this.__data__,d=Te(i,t);return d<0?void 0:i[d][1]}function io(t){return Te(this.__data__,t)>-1}function co(t,i){var d=this.__data__,h=Te(d,t);return h<0?d.push([t,i]):d[h][1]=i,this}X.prototype.clear=no,X.prototype.delete=oo,X.prototype.get=ro,X.prototype.has=io,X.prototype.set=co;function ce(t){var i=-1,d=t?t.length:0;for(this.clear();++i<d;){var h=t[i];this.set(h[0],h[1])}}function so(){this.__data__={hash:new ne,map:new(be||X),string:new ne}}function lo(t){return _e(this,t).delete(t)}function uo(t){return _e(this,t).get(t)}function fo(t){return _e(this,t).has(t)}function mo(t,i){return _e(this,t).set(t,i),this}ce.prototype.clear=so,ce.prototype.delete=lo,ce.prototype.get=uo,ce.prototype.has=fo,ce.prototype.set=mo;function se(t){this.__data__=new X(t)}function po(){this.__data__=new X}function bo(t){return this.__data__.delete(t)}function ho(t){return this.__data__.get(t)}function go(t){return this.__data__.has(t)}function vo(t,i){var d=this.__data__;if(d instanceof X){var h=d.__data__;if(!be||h.length<r-1)return h.push([t,i]),this;d=this.__data__=new ce(h)}return d.set(t,i),this}se.prototype.clear=po,se.prototype.delete=bo,se.prototype.get=ho,se.prototype.has=go,se.prototype.set=vo;function yo(t,i){var d=Ze(t)||Ko(t)?Vn(t.length,String):[],h=d.length,x=!!h;for(var P in t)ee.call(t,P)&&!(x&&(P=="length"||Mo(P,h)))&&d.push(P);return d}function wt(t,i,d){var h=t[i];(!(ee.call(t,i)&&Nt(h,d))||d===void 0&&!(i in t))&&(t[i]=d)}function Te(t,i){for(var d=t.length;d--;)if(Nt(t[d][0],i))return d;return-1}function ko(t,i){return t&&Ct(i,Ke(i),t)}function Pe(t,i,d,h,x,P,Y){var j;if(h&&(j=P?h(t,x,P,Y):h(t)),j!==void 0)return j;if(!Ie(t))return t;var _t=Ze(t);if(_t){if(j=Vo(t),!i)return Do(t,j)}else{var de=oe(t),It=de==B||de==N;if(zo(t))return Bo(t,i);if(de==y||de==u||It&&!P){if(dt(t))return P?t:{};if(j=Ro(It?{}:t),!i)return Fo(t,ko(j,t))}else{if(!v[de])return P?t:{};j=Lo(t,de,Pe,i)}}Y||(Y=new se);var $t=Y.get(t);if($t)return $t;if(Y.set(t,j),!_t)var Ot=d?xo(t):Ke(t);return Fn(Ot||t,function(He,$e){Ot&&($e=He,He=t[$e]),wt(j,$e,Pe(He,i,d,h,$e,t,Y))}),j}function wo(t){return Ie(t)?Zn(t):{}}function Co(t,i,d){var h=i(t);return Ze(t)?h:xn(h,d(t))}function So(t){return Be.call(t)}function Eo(t){if(!Ie(t)||jo(t))return!1;var i=Tt(t)||dt(t)?Pn:E;return i.test(re(t))}function No(t){if(!Et(t))return Un(t);var i=[];for(var d in Object(t))ee.call(t,d)&&d!="constructor"&&i.push(d);return i}function Bo(t,i){if(i)return t.slice();var d=new t.constructor(t.length);return t.copy(d),d}function je(t){var i=new t.constructor(t.byteLength);return new gt(i).set(new gt(t)),i}function To(t,i){var d=i?je(t.buffer):t.buffer;return new t.constructor(d,t.byteOffset,t.byteLength)}function _o(t,i,d){var h=i?d(ut(t),!0):ut(t);return lt(h,me,new t.constructor)}function Io(t){var i=new t.constructor(t.source,k.exec(t));return i.lastIndex=t.lastIndex,i}function $o(t,i,d){var h=i?d(ft(t),!0):ft(t);return lt(h,pe,new t.constructor)}function Oo(t){return kt?Object(kt.call(t)):{}}function Ao(t,i){var d=i?je(t.buffer):t.buffer;return new t.constructor(d,t.byteOffset,t.length)}function Do(t,i){var d=-1,h=t.length;for(i||(i=Array(h));++d<h;)i[d]=t[d];return i}function Ct(t,i,d,h){d||(d={});for(var x=-1,P=i.length;++x<P;){var Y=i[x],j=void 0;wt(d,Y,j===void 0?t[Y]:j)}return d}function Fo(t,i){return Ct(t,St(t),i)}function xo(t){return Co(t,Ke,St)}function _e(t,i){var d=t.__data__;return Po(i)?d[typeof i=="string"?"string":"hash"]:d.map}function le(t,i){var d=Rn(t,i);return Eo(d)?d:void 0}var St=vt?Fe(vt,Object):Go,oe=So;(Ve&&oe(new Ve(new ArrayBuffer(1)))!=V||be&&oe(new be)!=_||Re&&oe(Re.resolve())!=D||Le&&oe(new Le)!=O||Me&&oe(new Me)!=z)&&(oe=function(t){var i=Be.call(t),d=i==y?t.constructor:void 0,h=d?re(d):void 0;if(h)switch(h){case Wn:return V;case Gn:return _;case qn:return D;case Xn:return O;case Yn:return z}return i});function Vo(t){var i=t.length,d=t.constructor(i);return i&&typeof t[0]=="string"&&ee.call(t,"index")&&(d.index=t.index,d.input=t.input),d}function Ro(t){return typeof t.constructor=="function"&&!Et(t)?wo(jn(t)):{}}function Lo(t,i,d,h){var x=t.constructor;switch(i){case U:return je(t);case p:case g:return new x(+t);case V:return To(t,h);case Z:case C:case F:case M:case R:case S:case f:case s:case m:return Ao(t,h);case _:return _o(t,h,d);case $:case G:return new x(t);case H:return Io(t);case O:return $o(t,h,d);case J:return Oo(t)}}function Mo(t,i){return i=i??l,!!i&&(typeof t=="number"||T.test(t))&&t>-1&&t%1==0&&t<i}function Po(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function jo(t){return!!mt&&mt in t}function Et(t){var i=t&&t.constructor,d=typeof i=="function"&&i.prototype||Ne;return t===d}function re(t){if(t!=null){try{return pt.call(t)}catch{}try{return t+""}catch{}}return""}function Zo(t){return Pe(t,!0,!0)}function Nt(t,i){return t===i||t!==t&&i!==i}function Ko(t){return Ho(t)&&ee.call(t,"callee")&&(!Kn.call(t,"callee")||Be.call(t)==u)}var Ze=Array.isArray;function Bt(t){return t!=null&&Uo(t.length)&&!Tt(t)}function Ho(t){return Wo(t)&&Bt(t)}var zo=zn||qo;function Tt(t){var i=Ie(t)?Be.call(t):"";return i==B||i==N}function Uo(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=l}function Ie(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function Wo(t){return!!t&&typeof t=="object"}function Ke(t){return Bt(t)?yo(t):No(t)}function Go(){return[]}function qo(){return!1}n.exports=Zo}(Se,Se.exports);var qa=Se.exports;const Xa=Ga(qa),Ya={key:0,class:"sidebar-header"},Ja={class:"sidebar-content-container"},Qa={key:0,class:"sidebar-top"},en={"aria-label":"Main menu"},tn={key:0,class:"level-primary top-items"},an={key:1,class:"sidebar-level-divider",role:"separator"},nn={key:2,class:"level-primary bottom-items"},on={class:"sidebar-footer"},it=K(e.defineComponent({__name:"AppSidebar",props:{topItems:{type:Array,default:()=>[]},bottomItems:{type:Array,default:()=>[]},headerHeight:{type:Number,default:60},topOffset:{type:Number,default:0},zIndex:{type:Number,default:3},open:{type:Boolean,default:!1},mobileEnabled:{type:Boolean,default:!1},mobileTopOffset:{type:Number,default:0},mobileHeaderVisible:{type:Boolean,default:!1},mobileCloseDelay:{type:Number,default:350},mobileOverlay:{type:Boolean,default:!0},mobileOverlayZIndex:{type:Number,default:null},mobileOverlayCloseOnClick:{type:Boolean,default:!0}},emits:["click","toggle"],setup(n,{emit:a}){e.useCssVars(s=>({67264871:p.value.mobileHeight,"7fee5e4b":p.value.mobileTop,"096ef197":n.zIndex,"7a10f32f":p.value.height,"7da84766":p.value.top,"1e6146be":w.value.marginTop,"5b6aa028":S.value,"178af94b":g.value.display,"49f98062":g.value.minHeight,"548fea1c":B.value.top,c0ba7b5e:B.value.zIndex}));const r=a,o=n,l=e.useSlots(),u=e.computed(()=>!!l.header),c=e.computed(()=>!!l.top),p=e.computed(()=>({mobileTop:o.mobileTopOffset&&o.mobileEnabled?`${o.mobileTopOffset}px`:o.topOffset?`${o.topOffset}px`:"0",top:o.topOffset?`${o.topOffset}px`:"0",mobileHeight:o.mobileTopOffset&&o.mobileEnabled?`calc(100% - ${o.mobileTopOffset}px)`:"100%",height:o.topOffset?`calc(100% - ${o.topOffset}px)`:"100%"})),g=e.computed(()=>({display:!o.mobileHeaderVisible&&o.mobileEnabled?"none":"flex",minHeight:`${o.headerHeight}px`})),w=e.computed(()=>({marginTop:u.value?`${o.headerHeight}px`:"0"})),B=e.computed(()=>({top:o.mobileTopOffset&&o.mobileEnabled?`${o.mobileTopOffset}px`:"0",zIndex:o.mobileOverlayZIndex!==null?o.mobileOverlayZIndex:o.zIndex>1?o.zIndex-1:1})),N=s=>Xa(s).map(b=>{var k,E,T;if(b){(!b.key||!((k=b.key)!=null&&k.trim()))&&(b.key=String(b.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!b.testId||!((E=b.testId)!=null&&E.trim()))&&(b.testId=String(b.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const v of b.items||[])v.parentKey=b.key,(!v.testId||!((T=v.testId)!=null&&T.trim()))&&(v.testId=String(v.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return b}),_=e.computed(()=>o.topItems.length?N(o.topItems):[]),$=e.computed(()=>o.bottomItems.length?N(o.bottomItems):[]),y=e.ref(o.open),D=s=>{var m,b;y.value!==s&&(y.value=s,r("toggle",s)),s?(m=document==null?void 0:document.body)==null||m.classList.add("kong-ui-app-sidebar-open"):(b=document==null?void 0:document.body)==null||b.classList.remove("kong-ui-app-sidebar-open"),O.value=!1},H=()=>{o.mobileOverlayCloseOnClick&&D(!1)},O=e.ref(!1),G=s=>{O.value=!0,r("click",s),setTimeout(()=>{D(!1)},o.mobileCloseDelay)};e.watch(()=>o.open,s=>{D(s)});const{debounce:J}=rt(),z=J(()=>{y.value&&U.value!==(window==null?void 0:window.innerWidth)&&(U.value=window==null?void 0:window.innerWidth,D(!1))},200),U=e.ref(),V=e.ref(!1),Z=e.ref(),C=()=>{V.value||(V.value=!0,clearTimeout(Z.value),Z.value=setTimeout(()=>V.value=!1,1300))},F=e.ref(null),M=e.computed(()=>y.value&&o.mobileEnabled),R=async s=>{var m,b;s?(await e.nextTick(),await new Promise(k=>setTimeout(k,300)),(m=F.value)==null||m.activate()):(b=F.value)==null||b.deactivate()};e.watch(M,async s=>{s?await R(!0):await R(!1)},{immediate:!0});const S=e.ref("0px"),f=()=>{var v;if(!(/Mac|iPhone|iPod|iPad/i.test(navigator==null?void 0:navigator.platform)||/macOS|Mac|iPhone|iPod|iPad/i.test((v=navigator==null?void 0:navigator.userAgentData)==null?void 0:v.platform)))return;const m=document.createElement("div");m.style.visibility="hidden",m.style.width="100px",document.body.appendChild(m);const b=m.offsetWidth;m.style.overflow="scroll";const k=document.createElement("div");k.style.width="100%",m.appendChild(k);const E=k.offsetWidth;m.parentNode&&m.parentNode.removeChild(m),b-E===0&&(S.value="8px")};return e.onMounted(async()=>{U.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",z),window.addEventListener("resize",C),await e.nextTick(),f()}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",z),window.removeEventListener("resize",C)}),(s,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[y.value&&n.mobileOverlay&&n.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:H})):e.createCommentVNode("",!0),e.createVNode(e.unref(Wa),{ref_key:"focusTrap",ref:F,active:!1,"allow-outside-click":"","fallback-focus":".kong-ui-app-sidebar"},{default:e.withCtx(()=>[e.createElementVNode("aside",{class:e.normalizeClass(["kong-ui-app-sidebar",{"sidebar-open":y.value,"no-sidebar-header":!u.value,"mobile-header-hidden":n.mobileEnabled&&(!u.value||!n.mobileHeaderVisible),"mobile-disabled":!n.mobileEnabled,"disable-transitions":V.value}]),tabindex:"-1"},[u.value?(e.openBlock(),e.createElementBlock("div",Ya,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ja,[c.value?(e.openBlock(),e.createElementBlock("div",Qa,[e.renderSlot(s.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",en,[_.value.length?(e.openBlock(),e.createElementBlock("ul",tn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,b=>(e.openBlock(),e.createBlock(Ue,{key:b.name,item:b,onClick:G},{[`sidebar-icon-${b.key}`]:e.withCtx(()=>[e.renderSlot(s.$slots,`sidebar-icon-${b.key}`,{},void 0,!0)]),_:2},1032,["item"]))),128))])):e.createCommentVNode("",!0),_.value.length&&$.value.length?(e.openBlock(),e.createElementBlock("div",an)):e.createCommentVNode("",!0),$.value.length?(e.openBlock(),e.createElementBlock("ul",nn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,b=>(e.openBlock(),e.createBlock(Ue,{key:b.name,item:b,onClick:G},{[`sidebar-icon-${b.key}`]:e.withCtx(()=>[e.renderSlot(s.$slots,`sidebar-icon-${b.key}`,{},void 0,!0)]),_:2},1032,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",on,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),[["__scopeId","data-v-c9dc6d28"]]),rn=["aria-label"],ct=K(e.defineComponent({__name:"SidebarToggle",props:{active:{type:Boolean,default:!1}},emits:["toggle"],setup(n,{emit:a}){const r=a,o=n,l=e.ref(o.active||!1),u=c=>{c.preventDefault(),l.value=!l.value,r("toggle",l.value)};return e.watch(()=>o.active,c=>{l.value=c}),(c,p)=>(e.openBlock(),e.createElementBlock("a",{"aria-haspopup":"true","aria-label":l.value?"Close Main Menu":"Open Main Menu",class:e.normalizeClass(["sidebar-menu-toggle",{active:l.value}]),href:"#",role:"button",onClick:e.withModifiers(u,["prevent"])},p[0]||(p[0]=[e.createElementVNode("span",{class:"line"},null,-1),e.createElementVNode("span",{class:"line"},null,-1),e.createElementVNode("span",{class:"line"},null,-1)]),10,rn))}}),[["__scopeId","data-v-fbde70e6"]]),cn="#ffffff",sn="#000933",ln="#000933",dn="#ffffff",un="0px",fn="4px",mn={id:"kong-ui-app-layout-notification"},pn={class:"mobile-logo"},bn={key:0,class:"navbar-logo"},hn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},gn={class:"kong-ui-app-layout-content"},vn={class:"kong-ui-app-layout-content-inner"},st=K(e.defineComponent({__name:"AppLayout",props:{hideDefaultSlot:{type:Boolean,default:!1},navbarHidden:{type:Boolean,default:!1},sidebarHidden:{type:Boolean,default:!1},sidebarOpen:{type:Boolean,default:!1},sidebarTopItems:{type:Array,default:()=>[]},sidebarBottomItems:{type:Array,default:()=>[]},theme:{type:String,default:"light",validator:n=>["light","dark"].includes(n)}},emits:["sidebar-click","update:topOffset"],setup(n,{emit:a}){e.useCssVars(C=>({"2235c6e4":O.value,"29d04344":G.value,"3d470f48":H.value,"81803d80":J.value,"64da7a33":z.value}));const r=n,o=a,l=e.useSlots(),u=e.reactive({navbarLeft:e.computed(()=>!!l["navbar-left"]),navbarCenter:e.computed(()=>!!l["navbar-center"]),navbarRight:e.computed(()=>!!l["navbar-right"]),navbarLogo:e.computed(()=>!!l["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!l["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!l["sidebar-header"]),sidebarTop:e.computed(()=>!!l["sidebar-top"]),sidebarFooter:e.computed(()=>!!l["sidebar-footer"])}),c=e.computed(()=>r.hideDefaultSlot),p=e.reactive({hidden:e.computed(()=>r.navbarHidden)}),g=e.reactive({topItems:e.computed(()=>r.sidebarTopItems),bottomItems:e.computed(()=>r.sidebarBottomItems),open:e.computed(()=>r.sidebarOpen),hidden:e.computed(()=>r.sidebarHidden)}),w=C=>{o("sidebar-click",C)},B=e.ref(!1),N=C=>{B.value=C};e.watchEffect(()=>{B.value=e.toRef(g,"open").value||!1});const _=e.ref(0),$=e.ref(60),y=e.ref(0),D=e.computed(()=>p.hidden?y.value:$.value+y.value),H=e.computed(()=>r.theme==="light"?ln:dn),O=e.computed(()=>r.theme==="light"?cn:sn),G=e.computed(()=>r.theme==="light"?"var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db)":"none"),J=e.computed(()=>`${D.value}px`),z=e.computed(()=>g.hidden||p.hidden?un:fn),{debounce:U}=rt(),V=U((C=!1)=>{if(C||_.value!==(window==null?void 0:window.innerWidth)){_.value=window==null?void 0:window.innerWidth;const F=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");F&&(y.value=F.offsetHeight)}},200),Z=e.ref();return e.watch(y,C=>{o("update:topOffset",C||0)},{immediate:!0}),e.onMounted(()=>{var F,M;(F=document==null?void 0:document.body)==null||F.classList.add("kong-ui-app-layout-body"),(M=document==null?void 0:document.documentElement)==null||M.classList.add("kong-ui-app-layout-html"),_.value=window==null?void 0:window.innerWidth,V(!0);const C=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");C&&(Z.value=new ResizeObserver(R=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(R)||!R.length))for(const S of R){const f=S.contentRect.height;y.value!==f&&(y.value=f)}})}),Z.value.observe(C)),window.addEventListener("resize",V)}),e.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",V)}),(C,F)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":p.hidden},{"sidebar-hidden":g.hidden}]])},[e.createElementVNode("div",mn,[e.renderSlot(C.$slots,"notification",{},void 0,!0)]),p.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ze,{key:String(g.hidden),"left-offset":g.hidden?0:void 0,"top-offset":y.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[g.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ct,{key:0,active:B.value,onToggle:N},null,8,["active"]))]),_:2},[u.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",pn,[e.renderSlot(C.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,u.navbarLogo?{name:"logo",fn:e.withCtx(()=>[g.hidden?(e.openBlock(),e.createElementBlock("div",bn,[e.renderSlot(C.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,u.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,u.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,u.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),g.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(it,{key:1,"bottom-items":g.bottomItems,"header-height":$.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":D.value,open:B.value,"top-items":g.topItems,"top-offset":y.value,onClick:w,onToggle:N},e.createSlots({_:2},[u.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,u.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,u.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(C.$slots,"sidebar-footer",{},void 0,!0)]),key:"2"}:void 0,e.renderList([...g.topItems||[],...g.bottomItems||[]],M=>({name:`sidebar-icon-${M.key}`,fn:e.withCtx(()=>[e.renderSlot(C.$slots,`sidebar-icon-${M.key}`,{},void 0,!0)])}))]),1032,["bottom-items","header-height","mobile-top-offset","open","top-items","top-offset"])),e.createElementVNode("main",hn,[e.createElementVNode("div",gn,[e.createElementVNode("div",vn,[F[0]||(F[0]=e.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),e.renderSlot(C.$slots,"app-error",{},void 0,!0),c.value?e.createCommentVNode("",!0):e.renderSlot(C.$slots,"default",{key:0},void 0,!0)])])])],2))}}),[["__scopeId","data-v-8e8c270a"]]),yn={class:"kong-ui-app-page-header"},kn={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},wn={class:"page-header-title-section"},Cn={class:"page-header-title-wrapper"},Sn={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},En=["title"],Nn={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},Bn={key:0,class:"page-header-actions","data-testid":"page-header-actions"},Tn={key:1,class:"page-header-section-below","data-testid":"page-header-section-below"},_n=K(e.defineComponent({__name:"AppPageHeader",props:{title:{type:String,default:""},breadcrumbs:{type:Array,default:()=>[]}},setup(n){const a=n,r=e.useSlots(),o=e.computed(()=>{var u;return!!((u=a.breadcrumbs)!=null&&u.length)}),l=e.computed(()=>Object.keys(r).filter(u=>u.startsWith("icon-")));return(u,c)=>{const p=e.resolveComponent("KBreadcrumbs");return e.openBlock(),e.createElementBlock("div",yn,[o.value?(e.openBlock(),e.createElementBlock("div",kn,[e.createVNode(p,{"item-max-width":"150",items:n.breadcrumbs},e.createSlots({_:2},[e.renderList(l.value,g=>({name:g,fn:e.withCtx(()=>[e.renderSlot(u.$slots,g,{},void 0,!0)])}))]),1032,["items"])])):e.createCommentVNode("",!0),e.createElementVNode("div",wn,[e.createElementVNode("div",Cn,[u.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",Sn,[e.renderSlot(u.$slots,"title-before",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("h1",{class:"page-header-title","data-testid":"page-header-title",title:n.title},e.toDisplayString(n.title),9,En),u.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",Nn,[e.renderSlot(u.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),u.$slots.actions?(e.openBlock(),e.createElementBlock("div",Bn,[e.renderSlot(u.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)]),u.$slots.below?(e.openBlock(),e.createElementBlock("div",Tn,[e.renderSlot(u.$slots,"below",{},void 0,!0)])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-204b7f98"]]),In={class:"page-info-section-default-header"},$n={key:1,class:"page-info-section-description","data-testid":"page-info-section-description"},On={key:0,class:"page-info-section-content","data-testid":"page-info-section-content"},An=K(e.defineComponent({__name:"PageInfoSection",props:{collapsible:{type:Boolean,default:!0},title:{type:String,default:""},description:{type:String,default:""},titleTag:{type:String,default:"div",validator:n=>Dt.HeaderTags.includes(n)}},setup(n){return(a,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.collapsible?"details":"div"),{class:"page-info-section","data-testid":"page-info-section"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.collapsible?"summary":"div"),{class:"page-info-section-header","data-testid":"page-info-section-header"},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"header",{},()=>[e.createElementVNode("div",In,[n.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.titleTag),{key:0,class:"page-info-section-title","data-testid":"page-info-section-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:1})):e.createCommentVNode("",!0),n.description?(e.openBlock(),e.createElementBlock("div",$n,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0)])],!0),n.collapsible?(e.openBlock(),e.createBlock(e.unref(At.ChevronRightIcon),{key:0,class:"page-info-section-chevron-icon",decorative:""})):a.$slots.actions?e.renderSlot(a.$slots,"actions",{key:1},void 0,!0):e.createCommentVNode("",!0)]),_:3})),a.$slots.default?(e.openBlock(),e.createElementBlock("div",On,[e.renderSlot(a.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-a38c591b"]]),Dn={install:(n,a={})=>{n.component(a.name||"AppLayout",st)}};I.AccountDropdown=xt,I.AppAboutSection=Gt,I.AppError=aa,I.AppLayout=st,I.AppNavbar=ze,I.AppPageHeader=_n,I.AppSidebar=it,I.PageInfoSection=An,I.SidebarToggle=ct,I.default=Dn,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
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-521dcc27]{color:#000933;font-size:16px;font-weight:700;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-521dcc27]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-521dcc27]{align-self:center;color:#6c7489;flex-direction:column;font-size:12px;line-height:16px;margin-bottom:12px}@media (min-width: 768px){.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-521dcc27]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-521dcc27]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-521dcc27]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-521dcc27]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-521dcc27]{align-items:flex-start;align-self:stretch;color:#6c7489;column-gap:20px;display:flex;flex-wrap:wrap;font-size:14px;line-height:20px;padding:0;row-gap:6px}.kong-ui-app-about-section .about-divider-section[data-v-521dcc27]{color:#6c7489;display:flex;flex-direction:column;flex-wrap:wrap;font-size:14px;line-height:20px;row-gap:12px}.kong-ui-app-about-section[data-v-521dcc27] hr,.kong-ui-app-about-section hr[data-v-521dcc27]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-521dcc27]{margin-bottom:12px;margin-top:12px}.kong-ui-app-about-section.kong-card.border{border-radius:4px;padding:20px}.kong-ui-app-about-section.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}@media (max-width: 768px){.kong-ui-app-about-section.kong-card.border .k-card-header{flex-direction:column}.kong-ui-app-about-section.kong-card.border .k-card-header .k-card-actions{margin-left:unset}}.kong-ui-app-error[data-v-8e17f434]{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-8e17f434]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-8e17f434]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-8e17f434]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-8e17f434]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-8e17f434;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-8e17f434]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-8e17f434]{animation:none;opacity:1}}@keyframes fadeIn-8e17f434{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-4153f40a]{overflow:hidden}.sidebar-item-primary.active[data-v-4153f40a],.sidebar-item-primary.expanded[data-v-4153f40a]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-4153f40a],.sidebar-item-primary>div>a[data-v-4153f40a]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-4153f40a],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-4153f40a]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-4153f40a]{margin-bottom:4px}.sidebar-item-secondary[data-v-4153f40a]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-4153f40a]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-4153f40a]{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-4153f40a]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-4153f40a]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-4153f40a]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-4153f40a]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-4153f40a]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-4153f40a]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-4153f40a]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-4153f40a]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-4153f40a]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-4153f40a]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-4153f40a]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-4153f40a]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-4153f40a]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-4153f40a]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-4153f40a]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-c9dc6d28]{background:#000933;display:flex;flex-direction:column;height:var(--67264871);left:-100%;position:fixed;top:var(--7fee5e4b);transition:left .2s ease-in-out;width:100%;z-index:var(--096ef197)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-c9dc6d28]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-c9dc6d28]{height:var(--7a10f32f);left:0;top:var(--7da84766)}}.kong-ui-app-sidebar.sidebar-open[data-v-c9dc6d28],.kong-ui-app-sidebar.mobile-disabled[data-v-c9dc6d28]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-c9dc6d28]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-c9dc6d28]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-top:var(--1e6146be);overflow-x:hidden;overflow-y:scroll;padding-right:var(--5b6aa028);padding-top:8px;position:relative;width:100%}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]{scrollbar-color:transparent transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]:hover{scrollbar-color:#6c7489 transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container nav[data-v-c9dc6d28]{box-sizing:border-box;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-c9dc6d28]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-c9dc6d28]: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-c9dc6d28] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-c9dc6d28],.no-sidebar-header .sidebar-content-container[data-v-c9dc6d28]{margin-top:0!important}}.sidebar-level-divider[data-v-c9dc6d28]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-c9dc6d28]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--178af94b);left:0;min-height:var(--49f98062);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-c9dc6d28]{display:flex}}.sidebar-header[data-v-c9dc6d28]>*{display:flex}.sidebar-header[data-v-c9dc6d28]>a{text-decoration:none}.sidebar-header[data-v-c9dc6d28]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-c9dc6d28]: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-c9dc6d28]{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-c9dc6d28]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-c9dc6d28]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-c9dc6d28] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-c9dc6d28]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--548fea1c);z-index:var(--c0ba7b5e)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-c9dc6d28]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{box-sizing:border-box;display:flex;flex-direction:column;padding:0 2px 0 12px;width:100%}@supports (background: -webkit-named-image(i)){.kong-ui-app-sidebar .level-primary{padding:0 8px}}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-fbde70e6]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-fbde70e6]: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-fbde70e6]{display:none}}.sidebar-menu-toggle .line[data-v-fbde70e6]{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-fbde70e6]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-fbde70e6]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-fbde70e6]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Roboto, Helvetica, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{height:100%;height:100vh;margin:0;overflow:hidden;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#fff;color:#000933;font-family:Inter,Roboto,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:24px}#app{height:100%}.kong-auth-element{font-family:Inter,Roboto,Helvetica,sans-serif!important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-8e8c270a]{background:#000933;bottom:0;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8e8c270a]{align-items:stretch;background-color:var(--2235c6e4);box-shadow:var(--29d04344);color:var(--3d470f48);display:flex;flex-grow:1;height:100%;margin-top:var(--81803d80);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8e8c270a]{border-top-left-radius:var(--64da7a33);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-8e8c270a]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-8e8c270a]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-8e8c270a]{padding:20px 20px 64px;padding:var(--kong-ui-app-layout-content-padding-top, 20px) var(--kong-ui-app-layout-content-padding-x, 20px) var(--kong-ui-app-layout-content-padding-bottom, 64px)}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-8e8c270a]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-8e8c270a]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8e8c270a]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8e8c270a] .k-alert{border-radius:0!important}.kong-ui-app-page-header[data-v-204b7f98]{margin-bottom:20px}.kong-ui-app-page-header .page-header-title-section[data-v-204b7f98]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper[data-v-204b7f98]{align-items:baseline;display:flex;min-width:0}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-before[data-v-204b7f98]{align-self:center;display:inline-flex;margin-right:8px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-after[data-v-204b7f98]{align-self:center;display:inline-flex;margin-left:16px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title[data-v-204b7f98]{color:#000933;font-size:24px;font-weight:700;line-height:32px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-204b7f98]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-204b7f98] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-204b7f98]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-204b7f98]{margin-top:unset}}.collapsible-section[data-v-5a792052]{border:1px solid #e0e4ea;border-radius:6px}.collapsible-section .collapsible-section-header[data-v-5a792052]{align-items:center;display:flex;gap:4px;justify-content:space-between;padding:20px}.collapsible-section .collapsible-section-header .collapsible-section-default-header[data-v-5a792052]{display:flex;flex-direction:column;gap:8px;max-width:700px}.collapsible-section .collapsible-section-header .collapsible-section-default-header .collapsible-section-title[data-v-5a792052]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin:0}.collapsible-section .collapsible-section-header .collapsible-section-default-header .collapsible-section-description[data-v-5a792052]{color:#6c7489;font-size:14px;line-height:20px;margin:0}.collapsible-section .collapsible-section-content[data-v-5a792052]{background:#f9fafb;border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:8px;padding:20px}.collapsible-section .collapsible-section-content[data-v-5a792052] .k-table-view,.collapsible-section .collapsible-section-content[data-v-5a792052] .k-table-view tr.is-scrolled{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb)}.collapsible-section .collapsible-section-content[data-v-5a792052] .k-empty-state{background-color:#f9fafb}details.collapsible-section[open] .collapsible-section-chevron-icon[data-v-5a792052]{transform:rotate(90deg)}details.collapsible-section[data-v-5a792052]:has(>summary:focus-visible){box-shadow:0 0 0 4px #0044f433}details.collapsible-section summary[data-v-5a792052]{outline:none}details.collapsible-section summary[data-v-5a792052]::-webkit-details-marker,details.collapsible-section summary[data-v-5a792052]::marker{display:none}details.collapsible-section .collapsible-section-header[data-v-5a792052]{cursor:pointer}details.collapsible-section .collapsible-section-header .collapsible-section-chevron-icon[data-v-5a792052]{flex-shrink:0;pointer-events:none;transition:transform .2s ease}
1
+ .account-dropdown[data-v-b33191a2]{display:flex;margin-right:4px}.account-dropdown[data-v-b33191a2] .k-button.primary,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled){background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC);border-radius:100px;color:#000933;color:var(--kong-ui-account-dropdown-color, #000933);font-size:12px;height:24px;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;width:24px}.account-dropdown[data-v-b33191a2] .k-button.primary:hover,.account-dropdown[data-v-b33191a2] .k-button.primary:focus,.account-dropdown[data-v-b33191a2] .k-button.primary:active,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):hover,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):focus,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc!important;background-color:var(--kong-ui-account-dropdown-background, #9396FC)!important}.account-dropdown[data-v-b33191a2] .k-button.primary:focus-visible,.account-dropdown[data-v-b33191a2] .k-button.primary:hover:not(:disabled):focus-visible{border-radius:100px;outline:1px solid #bee2ff!important;outline-offset:2px}.kong-ui-app-about-section .about-section-title[data-v-521dcc27]{color:#000933;font-size:16px;font-weight:700;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-521dcc27]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-521dcc27]{align-self:center;color:#6c7489;flex-direction:column;font-size:12px;line-height:16px;margin-bottom:12px}@media (min-width: 768px){.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-521dcc27]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-521dcc27]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-521dcc27]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-521dcc27]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-521dcc27]{align-items:flex-start;align-self:stretch;color:#6c7489;column-gap:20px;display:flex;flex-wrap:wrap;font-size:14px;line-height:20px;padding:0;row-gap:6px}.kong-ui-app-about-section .about-divider-section[data-v-521dcc27]{color:#6c7489;display:flex;flex-direction:column;flex-wrap:wrap;font-size:14px;line-height:20px;row-gap:12px}.kong-ui-app-about-section[data-v-521dcc27] hr,.kong-ui-app-about-section hr[data-v-521dcc27]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-521dcc27]{margin-bottom:12px;margin-top:12px}.kong-ui-app-about-section.kong-card.border{border-radius:4px;padding:20px}.kong-ui-app-about-section.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}@media (max-width: 768px){.kong-ui-app-about-section.kong-card.border .k-card-header{flex-direction:column}.kong-ui-app-about-section.kong-card.border .k-card-header .k-card-actions{margin-left:unset}}.kong-ui-app-error[data-v-8e17f434]{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-8e17f434]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-8e17f434]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-8e17f434]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-8e17f434]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-8e17f434;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-8e17f434]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-8e17f434]{animation:none;opacity:1}}@keyframes fadeIn-8e17f434{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-4153f40a]{overflow:hidden}.sidebar-item-primary.active[data-v-4153f40a],.sidebar-item-primary.expanded[data-v-4153f40a]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-4153f40a],.sidebar-item-primary>div>a[data-v-4153f40a]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-4153f40a],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-4153f40a]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-4153f40a]{margin-bottom:4px}.sidebar-item-secondary[data-v-4153f40a]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-4153f40a]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-4153f40a]{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-4153f40a]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-4153f40a]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-4153f40a]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-4153f40a]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-4153f40a]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-4153f40a]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-4153f40a]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-4153f40a]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-4153f40a]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-4153f40a]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-4153f40a]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-4153f40a]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-4153f40a]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-4153f40a]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-4153f40a]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-c9dc6d28]{background:#000933;display:flex;flex-direction:column;height:var(--67264871);left:-100%;position:fixed;top:var(--7fee5e4b);transition:left .2s ease-in-out;width:100%;z-index:var(--096ef197)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-c9dc6d28]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-c9dc6d28]{height:var(--7a10f32f);left:0;top:var(--7da84766)}}.kong-ui-app-sidebar.sidebar-open[data-v-c9dc6d28],.kong-ui-app-sidebar.mobile-disabled[data-v-c9dc6d28]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-c9dc6d28]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-c9dc6d28]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-top:var(--1e6146be);overflow-x:hidden;overflow-y:scroll;padding-right:var(--5b6aa028);padding-top:8px;position:relative;width:100%}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]{scrollbar-color:transparent transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-c9dc6d28]:hover{scrollbar-color:#6c7489 transparent;scrollbar-gutter:stable;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container nav[data-v-c9dc6d28]{box-sizing:border-box;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-c9dc6d28]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-c9dc6d28]: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-c9dc6d28] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-c9dc6d28],.no-sidebar-header .sidebar-content-container[data-v-c9dc6d28]{margin-top:0!important}}.sidebar-level-divider[data-v-c9dc6d28]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-c9dc6d28]{align-items:center;background:transparent;background:var(--kong-ui-app-sidebar-header-background, transparent);color:#fff;display:var(--178af94b);left:0;min-height:var(--49f98062);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-c9dc6d28]{display:flex}}.sidebar-header[data-v-c9dc6d28]>*{display:flex}.sidebar-header[data-v-c9dc6d28]>a{text-decoration:none}.sidebar-header[data-v-c9dc6d28]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-c9dc6d28]: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-c9dc6d28]{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-c9dc6d28]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-c9dc6d28]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-c9dc6d28] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-c9dc6d28]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--548fea1c);z-index:var(--c0ba7b5e)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-c9dc6d28]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{box-sizing:border-box;display:flex;flex-direction:column;padding:0 2px 0 12px;width:100%}@supports (background: -webkit-named-image(i)){.kong-ui-app-sidebar .level-primary{padding:0 8px}}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-fbde70e6]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-fbde70e6]: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-fbde70e6]{display:none}}.sidebar-menu-toggle .line[data-v-fbde70e6]{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-fbde70e6]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-fbde70e6]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-fbde70e6]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Roboto, Helvetica, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{height:100%;height:100vh;margin:0;overflow:hidden;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#fff;color:#000933;font-family:Inter,Roboto,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:24px}#app{height:100%}.kong-auth-element{font-family:Inter,Roboto,Helvetica,sans-serif!important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-8e8c270a]{background:#000933;bottom:0;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-8e8c270a] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8e8c270a]{align-items:stretch;background-color:var(--2235c6e4);box-shadow:var(--29d04344);color:var(--3d470f48);display:flex;flex-grow:1;height:100%;margin-top:var(--81803d80);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-8e8c270a]{border-top-left-radius:var(--64da7a33);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-8e8c270a]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-8e8c270a]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-8e8c270a]{padding:20px 20px 64px;padding:var(--kong-ui-app-layout-content-padding-top, 20px) var(--kong-ui-app-layout-content-padding-x, 20px) var(--kong-ui-app-layout-content-padding-bottom, 64px)}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-8e8c270a]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-8e8c270a]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8e8c270a]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-8e8c270a] .k-alert{border-radius:0!important}.kong-ui-app-page-header[data-v-204b7f98]{margin-bottom:20px}.kong-ui-app-page-header .page-header-title-section[data-v-204b7f98]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper[data-v-204b7f98]{align-items:baseline;display:flex;min-width:0}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-before[data-v-204b7f98]{align-self:center;display:inline-flex;margin-right:8px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-after[data-v-204b7f98]{align-self:center;display:inline-flex;margin-left:16px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title[data-v-204b7f98]{color:#000933;font-size:24px;font-weight:700;line-height:32px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-204b7f98]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-204b7f98] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-204b7f98]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-204b7f98]{margin-top:unset}}.page-info-section[data-v-a38c591b]{border:1px solid #e0e4ea;border-radius:6px}.page-info-section .page-info-section-header[data-v-a38c591b]{align-items:center;display:flex;gap:4px;justify-content:space-between;padding:20px}.page-info-section .page-info-section-header .page-info-section-default-header[data-v-a38c591b]{display:flex;flex-direction:column;gap:8px;max-width:700px}.page-info-section .page-info-section-header .page-info-section-default-header .page-info-section-title[data-v-a38c591b]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin:0}.page-info-section .page-info-section-header .page-info-section-default-header .page-info-section-description[data-v-a38c591b]{color:#6c7489;font-size:14px;line-height:20px;margin:0}.page-info-section .page-info-section-content[data-v-a38c591b]{background:#f9fafb;border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:8px;padding:20px}.page-info-section .page-info-section-content[data-v-a38c591b] .k-table-view,.page-info-section .page-info-section-content[data-v-a38c591b] .k-table-view tr.is-scrolled{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb)}.page-info-section .page-info-section-content[data-v-a38c591b] .k-empty-state{background-color:#f9fafb}details.page-info-section[data-v-a38c591b]{overflow:auto}details.page-info-section[open] .page-info-section-chevron-icon[data-v-a38c591b]{transform:rotate(90deg)}details.page-info-section[data-v-a38c591b]:has(>summary:focus-visible){box-shadow:0 0 0 4px #0044f433}details.page-info-section summary[data-v-a38c591b]{outline:none}details.page-info-section summary[data-v-a38c591b]::-webkit-details-marker,details.page-info-section summary[data-v-a38c591b]::marker{display:none}details.page-info-section .page-info-section-header[data-v-a38c591b]{cursor:pointer}details.page-info-section .page-info-section-header .page-info-section-chevron-icon[data-v-a38c591b]{flex-shrink:0;pointer-events:none;transition:transform .2s ease}
package/dist/types/components/{collapsibleSection/CollapsibleSection.vue.d.ts → pageInfoSection/PageInfoSection.vue.d.ts} RENAMED
@@ -59,4 +59,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
59
59
  $slots: S;
60
60
  };
61
61
  };
62
- //# sourceMappingURL=CollapsibleSection.vue.d.ts.map
62
+ //# sourceMappingURL=PageInfoSection.vue.d.ts.map
package/dist/types/components/pageInfoSection/PageInfoSection.vue.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PageInfoSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/pageInfoSection/PageInfoSection.vue"],"names":[],"mappings":"AA6KA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAgDlD,iBAAS,cAAc;;wBAyFM,GAAG;yBACF,GAAG;yBACH,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;cAmBD,QAAQ,CAAC,SAAS,CAAC;;2BAEhB,SAAS,KAAG,OAAO;;;;;;;;;;;;;;;;cAFtB,QAAQ,CAAC,SAAS,CAAC;;2BAEhB,SAAS,KAAG,OAAO;;;;;;;4EAGxC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/types/index.d.ts CHANGED
@@ -7,7 +7,7 @@ import AppNavbar from './components/navbar/AppNavbar.vue';
7
7
  import AppPageHeader from './components/pageHeader/AppPageHeader.vue';
8
8
  import AppSidebar from './components/sidebar/AppSidebar.vue';
9
9
  import SidebarToggle from './components/sidebar/SidebarToggle.vue';
10
- import CollapsibleSection from './components/collapsibleSection/CollapsibleSection.vue';
10
+ import PageInfoSection from './components/pageInfoSection/PageInfoSection.vue';
11
11
  declare const _default: {
12
12
  install: (app: App, options?: {
13
13
  name?: string;
@@ -15,6 +15,6 @@ declare const _default: {
15
15
  }) => void;
16
16
  };
17
17
  export default _default;
18
- export { AccountDropdown, AppAboutSection, AppError, AppLayout, AppNavbar, AppPageHeader, AppSidebar, SidebarToggle, CollapsibleSection, };
18
+ export { AccountDropdown, AppAboutSection, AppError, AppLayout, AppNavbar, AppPageHeader, AppSidebar, SidebarToggle, PageInfoSection, };
19
19
  export * from './types';
20
20
  //# sourceMappingURL=index.d.ts.map
package/dist/types/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,eAAe,MAAM,yCAAyC,CAAA;AACrE,OAAO,eAAe,MAAM,+CAA+C,CAAA;AAC3E,OAAO,QAAQ,MAAM,kCAAkC,CAAA;AACvD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,SAAS,MAAM,mCAAmC,CAAA;AACzD,OAAO,aAAa,MAAM,2CAA2C,CAAA;AACrE,OAAO,UAAU,MAAM,qCAAqC,CAAA;AAC5D,OAAO,aAAa,MAAM,wCAAwC,CAAA;AAClE,OAAO,kBAAkB,MAAM,wDAAwD,CAAA;;mBAMtE,GAAG,YAAW;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAQ,IAAI;;AAHhF,wBAMC;AAGD,OAAO,EACL,eAAe,EACf,eAAe,EACf,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAa,EACb,kBAAkB,GACnB,CAAA;AAED,cAAc,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,eAAe,MAAM,yCAAyC,CAAA;AACrE,OAAO,eAAe,MAAM,+CAA+C,CAAA;AAC3E,OAAO,QAAQ,MAAM,kCAAkC,CAAA;AACvD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,SAAS,MAAM,mCAAmC,CAAA;AACzD,OAAO,aAAa,MAAM,2CAA2C,CAAA;AACrE,OAAO,UAAU,MAAM,qCAAqC,CAAA;AAC5D,OAAO,aAAa,MAAM,wCAAwC,CAAA;AAClE,OAAO,eAAe,MAAM,kDAAkD,CAAA;;mBAM7D,GAAG,YAAW;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAQ,IAAI;;AAHhF,wBAMC;AAGD,OAAO,EACL,eAAe,EACf,eAAe,EACf,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAa,EACb,eAAe,GAChB,CAAA;AAED,cAAc,SAAS,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong-ui-public/app-layout",
3
- "version": "4.3.2-pr.1888.267782cd1.0",
3
+ "version": "4.3.2-pr.1888.cb05edcc6.0",
4
4
  "type": "module",
5
5
  "main": "./dist/app-layout.umd.js",
6
6
  "module": "./dist/app-layout.es.js",
package/dist/types/components/collapsibleSection/CollapsibleSection.vue.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CollapsibleSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/collapsibleSection/CollapsibleSection.vue"],"names":[],"mappings":"AAyKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAgDlD,iBAAS,cAAc;;wBAyFM,GAAG;yBACF,GAAG;yBACH,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;cAmBD,QAAQ,CAAC,SAAS,CAAC;;2BAEhB,SAAS,KAAG,OAAO;;;;;;;;;;;;;;;;cAFtB,QAAQ,CAAC,SAAS,CAAC;;2BAEhB,SAAS,KAAG,OAAO;;;;;;;4EAGxC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}