@kong-ui-public/app-layout 0.23.8-pr.821.d73e0933.0 → 0.24.0

package/README.md

@@ -100,11 +100,10 @@ import { AppLayout } from '@kong-ui-public/app-layout'
 
 You can customize some of the `AppLayout.vue` CSS by adding CSS variables to your app. In most use-cases, this shouldn't be necessary.
 
-Variable | Description | Default
----------|----------|---------
-`--kong-ui-app-layout-background` | The background of the `.kong-ui-app-layout` main container | `linear-gradient(180deg, #001740 0%, #073382 100%)`
-`--kong-ui-app-layout-main-box-shadow` | The box-shadow behind the `.kong-ui-app-layout-main` main container | `-30px 174px 250px #0023DB`
-`--kong-ui-app-layout-content-padding` | The padding of the `.kong-ui-app-layout-content` main content container | `16px` below `1024px`, `32px` at `1024px` and above
+| Variable                               | Description                                                             | Default                                             |
+| -------------------------------------- | ----------------------------------------------------------------------- | --------------------------------------------------- |
+| `--kong-ui-app-layout-main-box-shadow` | The box-shadow behind the `.kong-ui-app-layout-main` main container     | `-30px 174px 250px #0023DB`                         |
+| `--kong-ui-app-layout-content-padding` | The padding of the `.kong-ui-app-layout-content` main content container | `16px` below `1024px`, `32px` at `1024px` and above |
 
 ### CSS variable example
 

package/dist/app-layout.es.js

@@ -1810,7 +1810,7 @@ const oi = /* @__PURE__ */ ae(ii, [["__scopeId", "data-v-00a9a4d3"]]), ft = (n)
     }, di, 10, si));
   }
 });
-const vi = /* @__PURE__ */ ae(fi, [["__scopeId", "data-v-00a332e0"]]), bi = "0px", hi = "16px", pi = (n) => (Ge("data-v-0a4e6b30"), n = n(), Ue(), n), mi = { id: "kong-ui-app-layout-notification" }, gi = { class: "mobile-logo" }, yi = {
+const vi = /* @__PURE__ */ ae(fi, [["__scopeId", "data-v-00a332e0"]]), bi = "0px", hi = "16px", pi = (n) => (Ge("data-v-d3167918"), n = n(), Ue(), n), mi = { id: "kong-ui-app-layout-notification" }, gi = { class: "mobile-logo" }, yi = {
   key: 0,
   class: "navbar-logo"
 }, _i = {
@@ -1850,8 +1850,8 @@ const vi = /* @__PURE__ */ ae(fi, [["__scopeId", "data-v-00a332e0"]]), bi = "0px
   setup(n, { emit: t }) {
     const a = n;
     ut((S) => ({
-      "65a18e83": V.value,
-      "6abaa094": j.value
+      "72553c1e": V.value,
+      "01af91a4": j.value
     }));
     const r = dt(), l = Pe({
       navbarLeft: g(() => !!r["navbar-left"]),
@@ -2009,7 +2009,7 @@ const vi = /* @__PURE__ */ ae(fi, [["__scopeId", "data-v-00a332e0"]]), bi = "0px
     ], 2));
   }
 });
-const Ii = /* @__PURE__ */ ae(Si, [["__scopeId", "data-v-0a4e6b30"]]), $i = (n) => (Ge("data-v-d7e33427"), n = n(), Ue(), n), Ci = { class: "kong-ui-app-page-header" }, Oi = {
+const Ii = /* @__PURE__ */ ae(Si, [["__scopeId", "data-v-d3167918"]]), $i = (n) => (Ge("data-v-d7e33427"), n = n(), Ue(), n), Ci = { class: "kong-ui-app-page-header" }, Oi = {
   key: 0,
   class: "page-header-breadcrumbs",
   "data-testid": "page-header-breadcrumbs"

package/dist/app-layout.umd.js

@@ -8,4 +8,4 @@
   * focus-trap-vue v4.0.1
   * (c) 2023 Eduardo San Martin Morote
   * @license MIT
-  */function br(o){return o}const Ja={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},Qa=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},Ja),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(o,{slots:a,emit:n}){let r;const d=e.ref(null),f=e.computed(()=>{const m=d.value;return m&&(m instanceof HTMLElement?m:m.$el)});function c(){return r||(r=Xa(f.value,{escapeDeactivates:o.escapeDeactivates,allowOutsideClick:o.allowOutsideClick,returnFocusOnDeactivate:o.returnFocusOnDeactivate,clickOutsideDeactivates:o.clickOutsideDeactivates,onActivate:()=>{n("update:active",!0),n("activate")},onDeactivate:()=>{n("update:active",!1),n("deactivate")},onPostActivate:()=>n("postActivate"),onPostDeactivate:()=>n("postDeactivate"),initialFocus:o.initialFocus,fallbackFocus:o.fallbackFocus,tabbableOptions:o.tabbableOptions,delayInitialFocus:o.delayInitialFocus}))}return e.onMounted(()=>{e.watch(()=>o.active,m=>{m&&f.value?c().activate():r&&(r.deactivate(),(!f.value||f.value.nodeType===Node.COMMENT_NODE)&&(r=null))},{immediate:!0,flush:"post"})}),e.onUnmounted(()=>{r&&r.deactivate(),r=null}),{activate(){c().activate()},deactivate(){r&&r.deactivate()},renderImpl(){if(!a.default)return null;const m=a.default().filter(v=>v.type!==e.Comment);return!m||!m.length||m.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),m):e.cloneVNode(m[0],{ref:d})}}}});function rt(){return{debounce:(a,n)=>{let r;return(...d)=>{clearTimeout(r),r=window==null?void 0:window.setTimeout(()=>{a(...d)},n)}}}}var ke=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function en(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var we={exports:{}};we.exports,function(o,a){var n=200,r="__lodash_hash_undefined__",d=9007199254740991,f="[object Arguments]",c="[object Array]",m="[object Boolean]",h="[object Date]",v="[object Error]",B="[object Function]",N="[object GeneratorFunction]",I="[object Map]",w="[object Number]",S="[object Object]",P="[object Promise]",V="[object RegExp]",F="[object Set]",W="[object String]",Z="[object Symbol]",k="[object WeakMap]",A="[object ArrayBuffer]",j="[object DataView]",G="[object Float32Array]",H="[object Float64Array]",K="[object Int8Array]",C="[object Int16Array]",s="[object Int32Array]",u="[object Uint8Array]",p="[object Uint8ClampedArray]",g="[object Uint16Array]",_="[object Uint32Array]",E=/[\\^$.*+?()[\]{}|]/g,T=/\w*$/,x=/^\[object .+?Constructor\]$/,$=/^(?:0|[1-9]\d*)$/,y={};y[f]=y[c]=y[A]=y[j]=y[m]=y[h]=y[G]=y[H]=y[K]=y[C]=y[s]=y[I]=y[w]=y[S]=y[V]=y[F]=y[W]=y[Z]=y[u]=y[p]=y[g]=y[_]=!0,y[v]=y[B]=y[k]=!1;var ee=typeof ke=="object"&&ke&&ke.Object===Object&&ke,q=typeof self=="object"&&self&&self.Object===Object&&self,L=ee||q||Function("return this")(),fe=a&&!a.nodeType&&a,re=fe&&!0&&o&&!o.nodeType&&o,pe=re&&re.exports===fe;function Zn(t,i){return t.set(i[0],i[1]),t}function jn(t,i){return t.add(i),t}function Kn(t,i){for(var l=-1,b=t?t.length:0;++l<b&&i(t[l],l,t)!==!1;);return t}function Hn(t,i){for(var l=-1,b=i.length,O=t.length;++l<b;)t[O+l]=i[l];return t}function lt(t,i,l,b){var O=-1,R=t?t.length:0;for(b&&R&&(l=t[++O]);++O<R;)l=i(l,t[O],O,t);return l}function zn(t,i){for(var l=-1,b=Array(t);++l<t;)b[l]=i(l);return b}function Un(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,l=Array(t.size);return t.forEach(function(b,O){l[++i]=[O,b]}),l}function xe(t,i){return function(l){return t(i(l))}}function ft(t){var i=-1,l=Array(t.size);return t.forEach(function(b){l[++i]=b}),l}var Gn=Array.prototype,Wn=Function.prototype,Se=Object.prototype,Fe=L["__core-js_shared__"],pt=function(){var t=/[^.]+$/.exec(Fe&&Fe.keys&&Fe.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),mt=Wn.toString,X=Se.hasOwnProperty,Ce=Se.toString,qn=RegExp("^"+mt.call(X).replace(E,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),bt=pe?L.Buffer:void 0,ht=L.Symbol,gt=L.Uint8Array,Yn=xe(Object.getPrototypeOf,Object),Xn=Object.create,Jn=Se.propertyIsEnumerable,Qn=Gn.splice,vt=Object.getOwnPropertySymbols,eo=bt?bt.isBuffer:void 0,to=xe(Object.keys,Object),De=se(L,"DataView"),me=se(L,"Map"),Ve=se(L,"Promise"),Le=se(L,"Set"),Re=se(L,"WeakMap"),be=se(Object,"create"),ao=ne(De),no=ne(me),oo=ne(Ve),ro=ne(Le),io=ne(Re),yt=ht?ht.prototype:void 0,_t=yt?yt.valueOf:void 0;function te(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function co(){this.__data__=be?be(null):{}}function so(t){return this.has(t)&&delete this.__data__[t]}function lo(t){var i=this.__data__;if(be){var l=i[t];return l===r?void 0:l}return X.call(i,t)?i[t]:void 0}function uo(t){var i=this.__data__;return be?i[t]!==void 0:X.call(i,t)}function fo(t,i){var l=this.__data__;return l[t]=be&&i===void 0?r:i,this}te.prototype.clear=co,te.prototype.delete=so,te.prototype.get=lo,te.prototype.has=uo,te.prototype.set=fo;function Y(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function po(){this.__data__=[]}function mo(t){var i=this.__data__,l=Ne(i,t);if(l<0)return!1;var b=i.length-1;return l==b?i.pop():Qn.call(i,l,1),!0}function bo(t){var i=this.__data__,l=Ne(i,t);return l<0?void 0:i[l][1]}function ho(t){return Ne(this.__data__,t)>-1}function go(t,i){var l=this.__data__,b=Ne(l,t);return b<0?l.push([t,i]):l[b][1]=i,this}Y.prototype.clear=po,Y.prototype.delete=mo,Y.prototype.get=bo,Y.prototype.has=ho,Y.prototype.set=go;function ie(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function vo(){this.__data__={hash:new te,map:new(me||Y),string:new te}}function yo(t){return Ee(this,t).delete(t)}function _o(t){return Ee(this,t).get(t)}function ko(t){return Ee(this,t).has(t)}function wo(t,i){return Ee(this,t).set(t,i),this}ie.prototype.clear=vo,ie.prototype.delete=yo,ie.prototype.get=_o,ie.prototype.has=ko,ie.prototype.set=wo;function ce(t){this.__data__=new Y(t)}function So(){this.__data__=new Y}function Co(t){return this.__data__.delete(t)}function No(t){return this.__data__.get(t)}function Eo(t){return this.__data__.has(t)}function To(t,i){var l=this.__data__;if(l instanceof Y){var b=l.__data__;if(!me||b.length<n-1)return b.push([t,i]),this;l=this.__data__=new ie(b)}return l.set(t,i),this}ce.prototype.clear=So,ce.prototype.delete=Co,ce.prototype.get=No,ce.prototype.has=Eo,ce.prototype.set=To;function Bo(t,i){var l=Ze(t)||Jo(t)?zn(t.length,String):[],b=l.length,O=!!b;for(var R in t)(i||X.call(t,R))&&!(O&&(R=="length"||Wo(R,b)))&&l.push(R);return l}function kt(t,i,l){var b=t[i];(!(X.call(t,i)&&Nt(b,l))||l===void 0&&!(i in t))&&(t[i]=l)}function Ne(t,i){for(var l=t.length;l--;)if(Nt(t[l][0],i))return l;return-1}function Io(t,i){return t&&wt(i,je(i),t)}function Me(t,i,l,b,O,R,z){var M;if(b&&(M=R?b(t,O,R,z):b(t)),M!==void 0)return M;if(!Te(t))return t;var Bt=Ze(t);if(Bt){if(M=zo(t),!i)return jo(t,M)}else{var le=ae(t),It=le==B||le==N;if(er(t))return Do(t,i);if(le==S||le==f||It&&!R){if(dt(t))return R?t:{};if(M=Uo(It?{}:t),!i)return Ko(t,Io(M,t))}else{if(!y[le])return R?t:{};M=Go(t,le,Me,i)}}z||(z=new ce);var $t=z.get(t);if($t)return $t;if(z.set(t,M),!Bt)var Ot=l?Ho(t):je(t);return Kn(Ot||t,function(Ke,Be){Ot&&(Be=Ke,Ke=t[Be]),kt(M,Be,Me(Ke,i,l,b,Be,t,z))}),M}function $o(t){return Te(t)?Xn(t):{}}function Oo(t,i,l){var b=i(t);return Ze(t)?b:Hn(b,l(t))}function Ao(t){return Ce.call(t)}function xo(t){if(!Te(t)||Yo(t))return!1;var i=Tt(t)||dt(t)?qn:x;return i.test(ne(t))}function Fo(t){if(!Ct(t))return to(t);var i=[];for(var l in Object(t))X.call(t,l)&&l!="constructor"&&i.push(l);return i}function Do(t,i){if(i)return t.slice();var l=new t.constructor(t.length);return t.copy(l),l}function Pe(t){var i=new t.constructor(t.byteLength);return new gt(i).set(new gt(t)),i}function Vo(t,i){var l=i?Pe(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.byteLength)}function Lo(t,i,l){var b=i?l(ut(t),!0):ut(t);return lt(b,Zn,new t.constructor)}function Ro(t){var i=new t.constructor(t.source,T.exec(t));return i.lastIndex=t.lastIndex,i}function Mo(t,i,l){var b=i?l(ft(t),!0):ft(t);return lt(b,jn,new t.constructor)}function Po(t){return _t?Object(_t.call(t)):{}}function Zo(t,i){var l=i?Pe(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.length)}function jo(t,i){var l=-1,b=t.length;for(i||(i=Array(b));++l<b;)i[l]=t[l];return i}function wt(t,i,l,b){l||(l={});for(var O=-1,R=i.length;++O<R;){var z=i[O],M=b?b(l[z],t[z],z,l,t):void 0;kt(l,z,M===void 0?t[z]:M)}return l}function Ko(t,i){return wt(t,St(t),i)}function Ho(t){return Oo(t,je,St)}function Ee(t,i){var l=t.__data__;return qo(i)?l[typeof i=="string"?"string":"hash"]:l.map}function se(t,i){var l=Un(t,i);return xo(l)?l:void 0}var St=vt?xe(vt,Object):nr,ae=Ao;(De&&ae(new De(new ArrayBuffer(1)))!=j||me&&ae(new me)!=I||Ve&&ae(Ve.resolve())!=P||Le&&ae(new Le)!=F||Re&&ae(new Re)!=k)&&(ae=function(t){var i=Ce.call(t),l=i==S?t.constructor:void 0,b=l?ne(l):void 0;if(b)switch(b){case ao:return j;case no:return I;case oo:return P;case ro:return F;case io:return k}return i});function zo(t){var i=t.length,l=t.constructor(i);return i&&typeof t[0]=="string"&&X.call(t,"index")&&(l.index=t.index,l.input=t.input),l}function Uo(t){return typeof t.constructor=="function"&&!Ct(t)?$o(Yn(t)):{}}function Go(t,i,l,b){var O=t.constructor;switch(i){case A:return Pe(t);case m:case h:return new O(+t);case j:return Vo(t,b);case G:case H:case K:case C:case s:case u:case p:case g:case _:return Zo(t,b);case I:return Lo(t,b,l);case w:case W:return new O(t);case V:return Ro(t);case F:return Mo(t,b,l);case Z:return Po(t)}}function Wo(t,i){return i=i??d,!!i&&(typeof t=="number"||$.test(t))&&t>-1&&t%1==0&&t<i}function qo(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function Yo(t){return!!pt&&pt in t}function Ct(t){var i=t&&t.constructor,l=typeof i=="function"&&i.prototype||Se;return t===l}function ne(t){if(t!=null){try{return mt.call(t)}catch{}try{return t+""}catch{}}return""}function Xo(t){return Me(t,!0,!0)}function Nt(t,i){return t===i||t!==t&&i!==i}function Jo(t){return Qo(t)&&X.call(t,"callee")&&(!Jn.call(t,"callee")||Ce.call(t)==f)}var Ze=Array.isArray;function Et(t){return t!=null&&tr(t.length)&&!Tt(t)}function Qo(t){return ar(t)&&Et(t)}var er=eo||or;function Tt(t){var i=Te(t)?Ce.call(t):"";return i==B||i==N}function tr(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=d}function Te(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function ar(t){return!!t&&typeof t=="object"}function je(t){return Et(t)?Bo(t):Fo(t)}function nr(){return[]}function or(){return!1}o.exports=Xo}(we,we.exports);var tn=we.exports;const an=en(tn),nn={key:0,class:"sidebar-header"},on={class:"sidebar-content-container"},rn={key:0,class:"sidebar-top"},cn={"aria-label":"Main menu"},sn={key:0,class:"level-primary top-items"},ln={key:1,class:"sidebar-level-divider",role:"separator"},dn={key:2,class:"level-primary bottom-items"},un={class:"sidebar-footer"},fn=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(o,{emit:a}){const n=o;e.useCssVars(s=>({c6089880:c.value.mobileHeight,"6f664d5c":c.value.mobileTop,bff1d830:o.zIndex,"2c1e7484":c.value.height,"68c4ac1e":c.value.top,cf2fa71c:h.value.marginTop,f12a684c:m.value.display,"412eeb31":m.value.minHeight,"290c7a2d":v.value.top,"29b826c0":v.value.zIndex}));const r=e.useSlots(),d=e.computed(()=>!!r.header),f=e.computed(()=>!!r.top),c=e.computed(()=>({mobileTop:n.mobileTopOffset&&n.mobileEnabled?`${n.mobileTopOffset}px`:n.topOffset?`${n.topOffset}px`:"0",top:n.topOffset?`${n.topOffset}px`:"0",mobileHeight:n.mobileTopOffset&&n.mobileEnabled?`calc(100% - ${n.mobileTopOffset}px)`:"100%",height:n.topOffset?`calc(100% - ${n.topOffset}px)`:"100%"})),m=e.computed(()=>({display:!n.mobileHeaderVisible&&n.mobileEnabled?"none":"flex",minHeight:`${n.headerHeight}px`})),h=e.computed(()=>({marginTop:d.value?`${n.headerHeight}px`:"0"})),v=e.computed(()=>({top:n.mobileTopOffset&&n.mobileEnabled?`${n.mobileTopOffset}px`:"0",zIndex:n.mobileOverlayZIndex!==null?n.mobileOverlayZIndex:n.zIndex>1?n.zIndex-1:1})),B=s=>an(s).map(p=>{var g,_,E;if(p){(!p.key||!((g=p.key)!=null&&g.trim()))&&(p.key=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!p.testId||!((_=p.testId)!=null&&_.trim()))&&(p.testId=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const T of p.items||[])T.parentKey=p.key,(!T.testId||!((E=T.testId)!=null&&E.trim()))&&(T.testId=String(T.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return p}),N=e.computed(()=>n.topItems.length?B(n.topItems):[]),I=e.computed(()=>n.bottomItems.length?B(n.bottomItems):[]),w=e.ref(n.open),S=s=>{var u,p;w.value!==s&&(w.value=s,a("toggle",s)),s?(u=document==null?void 0:document.body)==null||u.classList.add("kong-ui-app-sidebar-open"):(p=document==null?void 0:document.body)==null||p.classList.remove("kong-ui-app-sidebar-open"),V.value=!1},P=()=>{n.mobileOverlayCloseOnClick&&S(!1)},V=e.ref(!1),F=s=>{V.value=!0,a("click",s),setTimeout(()=>{S(!1)},n.mobileCloseDelay)};e.watch(()=>n.open,s=>{S(s)});const{debounce:W}=rt(),Z=W(()=>{w.value&&k.value!==(window==null?void 0:window.innerWidth)&&(k.value=window==null?void 0:window.innerWidth,S(!1))},200),k=e.ref(),A=e.ref(!1),j=e.ref(),G=()=>{A.value||(A.value=!0,clearTimeout(j.value),j.value=setTimeout(()=>A.value=!1,1300))},H=e.ref(null),K=e.computed(()=>w.value&&n.mobileEnabled),C=async s=>{var u,p;s?(await e.nextTick(),await new Promise(g=>setTimeout(g,300)),(u=H.value)==null||u.activate()):(p=H.value)==null||p.deactivate()};return e.watch(K,async s=>{s?await C(!0):await C(!1)},{immediate:!0}),e.onMounted(()=>{k.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",Z),window.addEventListener("resize",G)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",Z),window.removeEventListener("resize",G)}),(s,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[w.value&&o.mobileOverlay&&o.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:P})):e.createCommentVNode("",!0),e.createVNode(e.unref(Qa),{ref_key:"focusTrap",ref:H,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":w.value,"no-sidebar-header":!d.value,"mobile-header-hidden":o.mobileEnabled&&(!d.value||!o.mobileHeaderVisible),"mobile-disabled":!o.mobileEnabled,"disable-transitions":A.value}]),tabindex:"-1"},[d.value?(e.openBlock(),e.createElementBlock("div",nn,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",on,[f.value?(e.openBlock(),e.createElementBlock("div",rn,[e.renderSlot(s.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",cn,[N.value.length?(e.openBlock(),e.createElementBlock("ul",sn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,p=>(e.openBlock(),e.createBlock(Ue,{key:p.name,item:p,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0),N.value.length&&I.value.length?(e.openBlock(),e.createElementBlock("div",ln)):e.createCommentVNode("",!0),I.value.length?(e.openBlock(),e.createElementBlock("ul",dn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,p=>(e.openBlock(),e.createBlock(Ue,{key:p.name,item:p,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",un,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),hr="",gr="",it=U(fn,[["__scopeId","data-v-00a9a4d3"]]),Ae=o=>(e.pushScopeId("data-v-00a332e0"),o=o(),e.popScopeId(),o),pn=["aria-label","onClick"],mn=[Ae(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>e.createElementVNode("span",{class:"line"},null,-1))],bn=e.defineComponent({__name:"SidebarToggle",props:{active:{type:Boolean,default:!1}},emits:["toggle"],setup(o,{emit:a}){const n=o,r=e.ref(n.active||!1),d=()=>{r.value=!r.value,a("toggle",r.value)};return e.watch(()=>n.active,f=>{r.value=f}),(f,c)=>(e.openBlock(),e.createElementBlock("a",{"aria-haspopup":"true","aria-label":r.value?"Close Main Menu":"Open Main Menu",class:e.normalizeClass(["sidebar-menu-toggle",{active:r.value}]),href:"#",role:"button",onClick:e.withModifiers(d,["prevent"])},mn,10,pn))}}),kr="",ct=U(bn,[["__scopeId","data-v-00a332e0"]]),hn="0px",gn="16px",vn=o=>(e.pushScopeId("data-v-0a4e6b30"),o=o(),e.popScopeId(),o),yn={id:"kong-ui-app-layout-notification"},_n={class:"mobile-logo"},kn={key:0,class:"navbar-logo"},wn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},Sn={class:"kong-ui-app-layout-content"},Cn={class:"kong-ui-app-layout-content-inner"},Nn=vn(()=>e.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),En=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:()=>[]}},emits:["sidebar-click"],setup(o,{emit:a}){const n=o;e.useCssVars(k=>({"65a18e83":P.value,"6abaa094":V.value}));const r=e.useSlots(),d=e.reactive({navbarLeft:e.computed(()=>!!r["navbar-left"]),navbarCenter:e.computed(()=>!!r["navbar-center"]),navbarRight:e.computed(()=>!!r["navbar-right"]),navbarLogo:e.computed(()=>!!r["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!r["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!r["sidebar-header"]),sidebarTop:e.computed(()=>!!r["sidebar-top"]),sidebarFooter:e.computed(()=>!!r["sidebar-footer"])}),f=e.computed(()=>n.hideDefaultSlot),c=e.reactive({hidden:e.computed(()=>n.navbarHidden)}),m=e.reactive({topItems:e.computed(()=>n.sidebarTopItems),bottomItems:e.computed(()=>n.sidebarBottomItems),open:e.computed(()=>n.sidebarOpen),hidden:e.computed(()=>n.sidebarHidden)}),h=k=>{a("sidebar-click",k)},v=e.ref(!1),B=k=>{v.value=k};e.watchEffect(()=>{v.value=e.toRef(m,"open").value||!1});const N=e.ref(0),I=e.ref(60),w=e.ref(0),S=e.computed(()=>c.hidden?w.value:I.value+w.value),P=e.computed(()=>`${S.value}px`),V=e.computed(()=>m.hidden||c.hidden?hn:gn),{debounce:F}=rt(),W=F((k=!1)=>{if(k||N.value!==(window==null?void 0:window.innerWidth)){N.value=window==null?void 0:window.innerWidth;const A=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");A&&(w.value=A.offsetHeight)}},200),Z=e.ref();return e.onMounted(()=>{var A,j;(A=document==null?void 0:document.body)==null||A.classList.add("kong-ui-app-layout-body"),(j=document==null?void 0:document.documentElement)==null||j.classList.add("kong-ui-app-layout-html"),N.value=window==null?void 0:window.innerWidth,W(!0);const k=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");k&&(Z.value=new ResizeObserver(G=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(G)||!G.length))for(const H of G){const K=H.contentRect.height;w.value!==K&&(w.value=K)}})}),Z.value.observe(k)),window.addEventListener("resize",W)}),e.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",W)}),(k,A)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":c.hidden},{"sidebar-hidden":m.hidden}]])},[e.createElementVNode("div",yn,[e.renderSlot(k.$slots,"notification",{},void 0,!0)]),c.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ze,{key:String(m.hidden),"left-offset":m.hidden?0:void 0,"top-offset":w.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[m.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ct,{key:0,active:v.value,onToggle:B},null,8,["active"]))]),_:2},[d.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",_n,[e.renderSlot(k.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,d.navbarLogo?{name:"logo",fn:e.withCtx(()=>[m.hidden?(e.openBlock(),e.createElementBlock("div",kn,[e.renderSlot(k.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,d.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,d.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,d.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),m.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(it,{key:1,"bottom-items":m.bottomItems,"header-height":I.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":S.value,open:v.value,"top-items":m.topItems,"top-offset":w.value,onClick:h,onToggle:B},e.createSlots({_:2},[d.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,d.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,d.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"sidebar-footer",{},void 0,!0)]),key:"2"}:void 0]),1032,["bottom-items","header-height","mobile-top-offset","open","top-items","top-offset"])),e.createElementVNode("main",wn,[e.createElementVNode("div",Sn,[e.createElementVNode("div",Cn,[Nn,e.renderSlot(k.$slots,"app-error",{},void 0,!0),f.value?e.createCommentVNode("",!0):e.renderSlot(k.$slots,"default",{key:0},void 0,!0)])])])],2))}}),wr="",Sr="",st=U(En,[["__scopeId","data-v-0a4e6b30"]]),Tn=o=>(e.pushScopeId("data-v-d7e33427"),o=o(),e.popScopeId(),o),Bn={class:"kong-ui-app-page-header"},In={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},$n=Tn(()=>e.createElementVNode("span",{class:"page-header-breadcrumb-divider"},"/",-1)),On={class:"page-header-title-section"},An={class:"page-header-title-wrapper"},xn={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},Fn=["title"],Dn={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},Vn={key:0,class:"page-header-actions","data-testid":"page-header-actions"},Ln={key:1,class:"page-header-section-below","data-testid":"page-header-section-below"},Rn=e.defineComponent({__name:"AppPageHeader",props:{title:{type:String,required:!0},breadcrumbs:{type:Array,default:()=>[]}},setup(o){const a=o,n=e.computed(()=>{var f;return!!((f=a.breadcrumbs)!=null&&f.length)}),r=(f,c)=>f.key||`breadcrumb-${c}`,d=e.computed(()=>a.breadcrumbs.map((f,c)=>`icon-${r(f,c)}`)||[]);return(f,c)=>{const m=e.resolveComponent("KBreadcrumbs");return e.openBlock(),e.createElementBlock("div",Bn,[n.value?(e.openBlock(),e.createElementBlock("div",In,[e.createVNode(m,{items:o.breadcrumbs},e.createSlots({divider:e.withCtx(()=>[$n]),_:2},[e.renderList(d.value,h=>({name:h,fn:e.withCtx(()=>[e.renderSlot(f.$slots,h,{},void 0,!0)])}))]),1032,["items"])])):e.createCommentVNode("",!0),e.createElementVNode("div",On,[e.createElementVNode("div",An,[f.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",xn,[e.renderSlot(f.$slots,"title-before",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("h1",{class:"page-header-title","data-testid":"page-header-title",title:o.title},e.toDisplayString(o.title),9,Fn),f.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",Dn,[e.renderSlot(f.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.actions?(e.openBlock(),e.createElementBlock("div",Vn,[e.renderSlot(f.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.below?(e.openBlock(),e.createElementBlock("div",Ln,[e.renderSlot(f.$slots,"below",{},void 0,!0)])):e.createCommentVNode("",!0)])}}}),Cr="",Mn=U(Rn,[["__scopeId","data-v-d7e33427"]]),Pn={install:(o,a={})=>{o.component(a.name||"AppLayout",st)}};D.AccountDropdown=xt,D.AppAboutSection=Gt,D.AppError=ra,D.AppLayout=st,D.AppNavbar=ze,D.AppPageHeader=Mn,D.AppSidebar=it,D.SidebarToggle=ct,D.default=Pn,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  */function br(o){return o}const Ja={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},Qa=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},Ja),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(o,{slots:a,emit:n}){let r;const d=e.ref(null),f=e.computed(()=>{const m=d.value;return m&&(m instanceof HTMLElement?m:m.$el)});function c(){return r||(r=Xa(f.value,{escapeDeactivates:o.escapeDeactivates,allowOutsideClick:o.allowOutsideClick,returnFocusOnDeactivate:o.returnFocusOnDeactivate,clickOutsideDeactivates:o.clickOutsideDeactivates,onActivate:()=>{n("update:active",!0),n("activate")},onDeactivate:()=>{n("update:active",!1),n("deactivate")},onPostActivate:()=>n("postActivate"),onPostDeactivate:()=>n("postDeactivate"),initialFocus:o.initialFocus,fallbackFocus:o.fallbackFocus,tabbableOptions:o.tabbableOptions,delayInitialFocus:o.delayInitialFocus}))}return e.onMounted(()=>{e.watch(()=>o.active,m=>{m&&f.value?c().activate():r&&(r.deactivate(),(!f.value||f.value.nodeType===Node.COMMENT_NODE)&&(r=null))},{immediate:!0,flush:"post"})}),e.onUnmounted(()=>{r&&r.deactivate(),r=null}),{activate(){c().activate()},deactivate(){r&&r.deactivate()},renderImpl(){if(!a.default)return null;const m=a.default().filter(v=>v.type!==e.Comment);return!m||!m.length||m.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),m):e.cloneVNode(m[0],{ref:d})}}}});function rt(){return{debounce:(a,n)=>{let r;return(...d)=>{clearTimeout(r),r=window==null?void 0:window.setTimeout(()=>{a(...d)},n)}}}}var ke=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function en(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var we={exports:{}};we.exports,function(o,a){var n=200,r="__lodash_hash_undefined__",d=9007199254740991,f="[object Arguments]",c="[object Array]",m="[object Boolean]",h="[object Date]",v="[object Error]",B="[object Function]",N="[object GeneratorFunction]",I="[object Map]",w="[object Number]",S="[object Object]",P="[object Promise]",V="[object RegExp]",F="[object Set]",W="[object String]",Z="[object Symbol]",k="[object WeakMap]",A="[object ArrayBuffer]",j="[object DataView]",G="[object Float32Array]",H="[object Float64Array]",K="[object Int8Array]",C="[object Int16Array]",s="[object Int32Array]",u="[object Uint8Array]",p="[object Uint8ClampedArray]",g="[object Uint16Array]",_="[object Uint32Array]",E=/[\\^$.*+?()[\]{}|]/g,T=/\w*$/,x=/^\[object .+?Constructor\]$/,$=/^(?:0|[1-9]\d*)$/,y={};y[f]=y[c]=y[A]=y[j]=y[m]=y[h]=y[G]=y[H]=y[K]=y[C]=y[s]=y[I]=y[w]=y[S]=y[V]=y[F]=y[W]=y[Z]=y[u]=y[p]=y[g]=y[_]=!0,y[v]=y[B]=y[k]=!1;var ee=typeof ke=="object"&&ke&&ke.Object===Object&&ke,q=typeof self=="object"&&self&&self.Object===Object&&self,L=ee||q||Function("return this")(),fe=a&&!a.nodeType&&a,re=fe&&!0&&o&&!o.nodeType&&o,pe=re&&re.exports===fe;function Zn(t,i){return t.set(i[0],i[1]),t}function jn(t,i){return t.add(i),t}function Kn(t,i){for(var l=-1,b=t?t.length:0;++l<b&&i(t[l],l,t)!==!1;);return t}function Hn(t,i){for(var l=-1,b=i.length,O=t.length;++l<b;)t[O+l]=i[l];return t}function lt(t,i,l,b){var O=-1,R=t?t.length:0;for(b&&R&&(l=t[++O]);++O<R;)l=i(l,t[O],O,t);return l}function zn(t,i){for(var l=-1,b=Array(t);++l<t;)b[l]=i(l);return b}function Un(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,l=Array(t.size);return t.forEach(function(b,O){l[++i]=[O,b]}),l}function xe(t,i){return function(l){return t(i(l))}}function ft(t){var i=-1,l=Array(t.size);return t.forEach(function(b){l[++i]=b}),l}var Gn=Array.prototype,Wn=Function.prototype,Se=Object.prototype,Fe=L["__core-js_shared__"],pt=function(){var t=/[^.]+$/.exec(Fe&&Fe.keys&&Fe.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),mt=Wn.toString,X=Se.hasOwnProperty,Ce=Se.toString,qn=RegExp("^"+mt.call(X).replace(E,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),bt=pe?L.Buffer:void 0,ht=L.Symbol,gt=L.Uint8Array,Yn=xe(Object.getPrototypeOf,Object),Xn=Object.create,Jn=Se.propertyIsEnumerable,Qn=Gn.splice,vt=Object.getOwnPropertySymbols,eo=bt?bt.isBuffer:void 0,to=xe(Object.keys,Object),De=se(L,"DataView"),me=se(L,"Map"),Ve=se(L,"Promise"),Le=se(L,"Set"),Re=se(L,"WeakMap"),be=se(Object,"create"),ao=ne(De),no=ne(me),oo=ne(Ve),ro=ne(Le),io=ne(Re),yt=ht?ht.prototype:void 0,_t=yt?yt.valueOf:void 0;function te(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function co(){this.__data__=be?be(null):{}}function so(t){return this.has(t)&&delete this.__data__[t]}function lo(t){var i=this.__data__;if(be){var l=i[t];return l===r?void 0:l}return X.call(i,t)?i[t]:void 0}function uo(t){var i=this.__data__;return be?i[t]!==void 0:X.call(i,t)}function fo(t,i){var l=this.__data__;return l[t]=be&&i===void 0?r:i,this}te.prototype.clear=co,te.prototype.delete=so,te.prototype.get=lo,te.prototype.has=uo,te.prototype.set=fo;function Y(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function po(){this.__data__=[]}function mo(t){var i=this.__data__,l=Ne(i,t);if(l<0)return!1;var b=i.length-1;return l==b?i.pop():Qn.call(i,l,1),!0}function bo(t){var i=this.__data__,l=Ne(i,t);return l<0?void 0:i[l][1]}function ho(t){return Ne(this.__data__,t)>-1}function go(t,i){var l=this.__data__,b=Ne(l,t);return b<0?l.push([t,i]):l[b][1]=i,this}Y.prototype.clear=po,Y.prototype.delete=mo,Y.prototype.get=bo,Y.prototype.has=ho,Y.prototype.set=go;function ie(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function vo(){this.__data__={hash:new te,map:new(me||Y),string:new te}}function yo(t){return Ee(this,t).delete(t)}function _o(t){return Ee(this,t).get(t)}function ko(t){return Ee(this,t).has(t)}function wo(t,i){return Ee(this,t).set(t,i),this}ie.prototype.clear=vo,ie.prototype.delete=yo,ie.prototype.get=_o,ie.prototype.has=ko,ie.prototype.set=wo;function ce(t){this.__data__=new Y(t)}function So(){this.__data__=new Y}function Co(t){return this.__data__.delete(t)}function No(t){return this.__data__.get(t)}function Eo(t){return this.__data__.has(t)}function To(t,i){var l=this.__data__;if(l instanceof Y){var b=l.__data__;if(!me||b.length<n-1)return b.push([t,i]),this;l=this.__data__=new ie(b)}return l.set(t,i),this}ce.prototype.clear=So,ce.prototype.delete=Co,ce.prototype.get=No,ce.prototype.has=Eo,ce.prototype.set=To;function Bo(t,i){var l=Ze(t)||Jo(t)?zn(t.length,String):[],b=l.length,O=!!b;for(var R in t)(i||X.call(t,R))&&!(O&&(R=="length"||Wo(R,b)))&&l.push(R);return l}function kt(t,i,l){var b=t[i];(!(X.call(t,i)&&Nt(b,l))||l===void 0&&!(i in t))&&(t[i]=l)}function Ne(t,i){for(var l=t.length;l--;)if(Nt(t[l][0],i))return l;return-1}function Io(t,i){return t&&wt(i,je(i),t)}function Me(t,i,l,b,O,R,z){var M;if(b&&(M=R?b(t,O,R,z):b(t)),M!==void 0)return M;if(!Te(t))return t;var Bt=Ze(t);if(Bt){if(M=zo(t),!i)return jo(t,M)}else{var le=ae(t),It=le==B||le==N;if(er(t))return Do(t,i);if(le==S||le==f||It&&!R){if(dt(t))return R?t:{};if(M=Uo(It?{}:t),!i)return Ko(t,Io(M,t))}else{if(!y[le])return R?t:{};M=Go(t,le,Me,i)}}z||(z=new ce);var $t=z.get(t);if($t)return $t;if(z.set(t,M),!Bt)var Ot=l?Ho(t):je(t);return Kn(Ot||t,function(Ke,Be){Ot&&(Be=Ke,Ke=t[Be]),kt(M,Be,Me(Ke,i,l,b,Be,t,z))}),M}function $o(t){return Te(t)?Xn(t):{}}function Oo(t,i,l){var b=i(t);return Ze(t)?b:Hn(b,l(t))}function Ao(t){return Ce.call(t)}function xo(t){if(!Te(t)||Yo(t))return!1;var i=Tt(t)||dt(t)?qn:x;return i.test(ne(t))}function Fo(t){if(!Ct(t))return to(t);var i=[];for(var l in Object(t))X.call(t,l)&&l!="constructor"&&i.push(l);return i}function Do(t,i){if(i)return t.slice();var l=new t.constructor(t.length);return t.copy(l),l}function Pe(t){var i=new t.constructor(t.byteLength);return new gt(i).set(new gt(t)),i}function Vo(t,i){var l=i?Pe(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.byteLength)}function Lo(t,i,l){var b=i?l(ut(t),!0):ut(t);return lt(b,Zn,new t.constructor)}function Ro(t){var i=new t.constructor(t.source,T.exec(t));return i.lastIndex=t.lastIndex,i}function Mo(t,i,l){var b=i?l(ft(t),!0):ft(t);return lt(b,jn,new t.constructor)}function Po(t){return _t?Object(_t.call(t)):{}}function Zo(t,i){var l=i?Pe(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.length)}function jo(t,i){var l=-1,b=t.length;for(i||(i=Array(b));++l<b;)i[l]=t[l];return i}function wt(t,i,l,b){l||(l={});for(var O=-1,R=i.length;++O<R;){var z=i[O],M=b?b(l[z],t[z],z,l,t):void 0;kt(l,z,M===void 0?t[z]:M)}return l}function Ko(t,i){return wt(t,St(t),i)}function Ho(t){return Oo(t,je,St)}function Ee(t,i){var l=t.__data__;return qo(i)?l[typeof i=="string"?"string":"hash"]:l.map}function se(t,i){var l=Un(t,i);return xo(l)?l:void 0}var St=vt?xe(vt,Object):nr,ae=Ao;(De&&ae(new De(new ArrayBuffer(1)))!=j||me&&ae(new me)!=I||Ve&&ae(Ve.resolve())!=P||Le&&ae(new Le)!=F||Re&&ae(new Re)!=k)&&(ae=function(t){var i=Ce.call(t),l=i==S?t.constructor:void 0,b=l?ne(l):void 0;if(b)switch(b){case ao:return j;case no:return I;case oo:return P;case ro:return F;case io:return k}return i});function zo(t){var i=t.length,l=t.constructor(i);return i&&typeof t[0]=="string"&&X.call(t,"index")&&(l.index=t.index,l.input=t.input),l}function Uo(t){return typeof t.constructor=="function"&&!Ct(t)?$o(Yn(t)):{}}function Go(t,i,l,b){var O=t.constructor;switch(i){case A:return Pe(t);case m:case h:return new O(+t);case j:return Vo(t,b);case G:case H:case K:case C:case s:case u:case p:case g:case _:return Zo(t,b);case I:return Lo(t,b,l);case w:case W:return new O(t);case V:return Ro(t);case F:return Mo(t,b,l);case Z:return Po(t)}}function Wo(t,i){return i=i??d,!!i&&(typeof t=="number"||$.test(t))&&t>-1&&t%1==0&&t<i}function qo(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function Yo(t){return!!pt&&pt in t}function Ct(t){var i=t&&t.constructor,l=typeof i=="function"&&i.prototype||Se;return t===l}function ne(t){if(t!=null){try{return mt.call(t)}catch{}try{return t+""}catch{}}return""}function Xo(t){return Me(t,!0,!0)}function Nt(t,i){return t===i||t!==t&&i!==i}function Jo(t){return Qo(t)&&X.call(t,"callee")&&(!Jn.call(t,"callee")||Ce.call(t)==f)}var Ze=Array.isArray;function Et(t){return t!=null&&tr(t.length)&&!Tt(t)}function Qo(t){return ar(t)&&Et(t)}var er=eo||or;function Tt(t){var i=Te(t)?Ce.call(t):"";return i==B||i==N}function tr(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=d}function Te(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function ar(t){return!!t&&typeof t=="object"}function je(t){return Et(t)?Bo(t):Fo(t)}function nr(){return[]}function or(){return!1}o.exports=Xo}(we,we.exports);var tn=we.exports;const an=en(tn),nn={key:0,class:"sidebar-header"},on={class:"sidebar-content-container"},rn={key:0,class:"sidebar-top"},cn={"aria-label":"Main menu"},sn={key:0,class:"level-primary top-items"},ln={key:1,class:"sidebar-level-divider",role:"separator"},dn={key:2,class:"level-primary bottom-items"},un={class:"sidebar-footer"},fn=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(o,{emit:a}){const n=o;e.useCssVars(s=>({c6089880:c.value.mobileHeight,"6f664d5c":c.value.mobileTop,bff1d830:o.zIndex,"2c1e7484":c.value.height,"68c4ac1e":c.value.top,cf2fa71c:h.value.marginTop,f12a684c:m.value.display,"412eeb31":m.value.minHeight,"290c7a2d":v.value.top,"29b826c0":v.value.zIndex}));const r=e.useSlots(),d=e.computed(()=>!!r.header),f=e.computed(()=>!!r.top),c=e.computed(()=>({mobileTop:n.mobileTopOffset&&n.mobileEnabled?`${n.mobileTopOffset}px`:n.topOffset?`${n.topOffset}px`:"0",top:n.topOffset?`${n.topOffset}px`:"0",mobileHeight:n.mobileTopOffset&&n.mobileEnabled?`calc(100% - ${n.mobileTopOffset}px)`:"100%",height:n.topOffset?`calc(100% - ${n.topOffset}px)`:"100%"})),m=e.computed(()=>({display:!n.mobileHeaderVisible&&n.mobileEnabled?"none":"flex",minHeight:`${n.headerHeight}px`})),h=e.computed(()=>({marginTop:d.value?`${n.headerHeight}px`:"0"})),v=e.computed(()=>({top:n.mobileTopOffset&&n.mobileEnabled?`${n.mobileTopOffset}px`:"0",zIndex:n.mobileOverlayZIndex!==null?n.mobileOverlayZIndex:n.zIndex>1?n.zIndex-1:1})),B=s=>an(s).map(p=>{var g,_,E;if(p){(!p.key||!((g=p.key)!=null&&g.trim()))&&(p.key=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!p.testId||!((_=p.testId)!=null&&_.trim()))&&(p.testId=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const T of p.items||[])T.parentKey=p.key,(!T.testId||!((E=T.testId)!=null&&E.trim()))&&(T.testId=String(T.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return p}),N=e.computed(()=>n.topItems.length?B(n.topItems):[]),I=e.computed(()=>n.bottomItems.length?B(n.bottomItems):[]),w=e.ref(n.open),S=s=>{var u,p;w.value!==s&&(w.value=s,a("toggle",s)),s?(u=document==null?void 0:document.body)==null||u.classList.add("kong-ui-app-sidebar-open"):(p=document==null?void 0:document.body)==null||p.classList.remove("kong-ui-app-sidebar-open"),V.value=!1},P=()=>{n.mobileOverlayCloseOnClick&&S(!1)},V=e.ref(!1),F=s=>{V.value=!0,a("click",s),setTimeout(()=>{S(!1)},n.mobileCloseDelay)};e.watch(()=>n.open,s=>{S(s)});const{debounce:W}=rt(),Z=W(()=>{w.value&&k.value!==(window==null?void 0:window.innerWidth)&&(k.value=window==null?void 0:window.innerWidth,S(!1))},200),k=e.ref(),A=e.ref(!1),j=e.ref(),G=()=>{A.value||(A.value=!0,clearTimeout(j.value),j.value=setTimeout(()=>A.value=!1,1300))},H=e.ref(null),K=e.computed(()=>w.value&&n.mobileEnabled),C=async s=>{var u,p;s?(await e.nextTick(),await new Promise(g=>setTimeout(g,300)),(u=H.value)==null||u.activate()):(p=H.value)==null||p.deactivate()};return e.watch(K,async s=>{s?await C(!0):await C(!1)},{immediate:!0}),e.onMounted(()=>{k.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",Z),window.addEventListener("resize",G)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",Z),window.removeEventListener("resize",G)}),(s,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[w.value&&o.mobileOverlay&&o.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:P})):e.createCommentVNode("",!0),e.createVNode(e.unref(Qa),{ref_key:"focusTrap",ref:H,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":w.value,"no-sidebar-header":!d.value,"mobile-header-hidden":o.mobileEnabled&&(!d.value||!o.mobileHeaderVisible),"mobile-disabled":!o.mobileEnabled,"disable-transitions":A.value}]),tabindex:"-1"},[d.value?(e.openBlock(),e.createElementBlock("div",nn,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",on,[f.value?(e.openBlock(),e.createElementBlock("div",rn,[e.renderSlot(s.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",cn,[N.value.length?(e.openBlock(),e.createElementBlock("ul",sn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,p=>(e.openBlock(),e.createBlock(Ue,{key:p.name,item:p,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0),N.value.length&&I.value.length?(e.openBlock(),e.createElementBlock("div",ln)):e.createCommentVNode("",!0),I.value.length?(e.openBlock(),e.createElementBlock("ul",dn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,p=>(e.openBlock(),e.createBlock(Ue,{key:p.name,item:p,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",un,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),hr="",gr="",it=U(fn,[["__scopeId","data-v-00a9a4d3"]]),Ae=o=>(e.pushScopeId("data-v-00a332e0"),o=o(),e.popScopeId(),o),pn=["aria-label","onClick"],mn=[Ae(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>e.createElementVNode("span",{class:"line"},null,-1))],bn=e.defineComponent({__name:"SidebarToggle",props:{active:{type:Boolean,default:!1}},emits:["toggle"],setup(o,{emit:a}){const n=o,r=e.ref(n.active||!1),d=()=>{r.value=!r.value,a("toggle",r.value)};return e.watch(()=>n.active,f=>{r.value=f}),(f,c)=>(e.openBlock(),e.createElementBlock("a",{"aria-haspopup":"true","aria-label":r.value?"Close Main Menu":"Open Main Menu",class:e.normalizeClass(["sidebar-menu-toggle",{active:r.value}]),href:"#",role:"button",onClick:e.withModifiers(d,["prevent"])},mn,10,pn))}}),kr="",ct=U(bn,[["__scopeId","data-v-00a332e0"]]),hn="0px",gn="16px",vn=o=>(e.pushScopeId("data-v-d3167918"),o=o(),e.popScopeId(),o),yn={id:"kong-ui-app-layout-notification"},_n={class:"mobile-logo"},kn={key:0,class:"navbar-logo"},wn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},Sn={class:"kong-ui-app-layout-content"},Cn={class:"kong-ui-app-layout-content-inner"},Nn=vn(()=>e.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),En=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:()=>[]}},emits:["sidebar-click"],setup(o,{emit:a}){const n=o;e.useCssVars(k=>({"72553c1e":P.value,"01af91a4":V.value}));const r=e.useSlots(),d=e.reactive({navbarLeft:e.computed(()=>!!r["navbar-left"]),navbarCenter:e.computed(()=>!!r["navbar-center"]),navbarRight:e.computed(()=>!!r["navbar-right"]),navbarLogo:e.computed(()=>!!r["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!r["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!r["sidebar-header"]),sidebarTop:e.computed(()=>!!r["sidebar-top"]),sidebarFooter:e.computed(()=>!!r["sidebar-footer"])}),f=e.computed(()=>n.hideDefaultSlot),c=e.reactive({hidden:e.computed(()=>n.navbarHidden)}),m=e.reactive({topItems:e.computed(()=>n.sidebarTopItems),bottomItems:e.computed(()=>n.sidebarBottomItems),open:e.computed(()=>n.sidebarOpen),hidden:e.computed(()=>n.sidebarHidden)}),h=k=>{a("sidebar-click",k)},v=e.ref(!1),B=k=>{v.value=k};e.watchEffect(()=>{v.value=e.toRef(m,"open").value||!1});const N=e.ref(0),I=e.ref(60),w=e.ref(0),S=e.computed(()=>c.hidden?w.value:I.value+w.value),P=e.computed(()=>`${S.value}px`),V=e.computed(()=>m.hidden||c.hidden?hn:gn),{debounce:F}=rt(),W=F((k=!1)=>{if(k||N.value!==(window==null?void 0:window.innerWidth)){N.value=window==null?void 0:window.innerWidth;const A=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");A&&(w.value=A.offsetHeight)}},200),Z=e.ref();return e.onMounted(()=>{var A,j;(A=document==null?void 0:document.body)==null||A.classList.add("kong-ui-app-layout-body"),(j=document==null?void 0:document.documentElement)==null||j.classList.add("kong-ui-app-layout-html"),N.value=window==null?void 0:window.innerWidth,W(!0);const k=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");k&&(Z.value=new ResizeObserver(G=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(G)||!G.length))for(const H of G){const K=H.contentRect.height;w.value!==K&&(w.value=K)}})}),Z.value.observe(k)),window.addEventListener("resize",W)}),e.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",W)}),(k,A)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":c.hidden},{"sidebar-hidden":m.hidden}]])},[e.createElementVNode("div",yn,[e.renderSlot(k.$slots,"notification",{},void 0,!0)]),c.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ze,{key:String(m.hidden),"left-offset":m.hidden?0:void 0,"top-offset":w.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[m.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ct,{key:0,active:v.value,onToggle:B},null,8,["active"]))]),_:2},[d.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",_n,[e.renderSlot(k.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,d.navbarLogo?{name:"logo",fn:e.withCtx(()=>[m.hidden?(e.openBlock(),e.createElementBlock("div",kn,[e.renderSlot(k.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,d.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,d.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,d.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),m.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(it,{key:1,"bottom-items":m.bottomItems,"header-height":I.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":S.value,open:v.value,"top-items":m.topItems,"top-offset":w.value,onClick:h,onToggle:B},e.createSlots({_:2},[d.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,d.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,d.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(k.$slots,"sidebar-footer",{},void 0,!0)]),key:"2"}:void 0]),1032,["bottom-items","header-height","mobile-top-offset","open","top-items","top-offset"])),e.createElementVNode("main",wn,[e.createElementVNode("div",Sn,[e.createElementVNode("div",Cn,[Nn,e.renderSlot(k.$slots,"app-error",{},void 0,!0),f.value?e.createCommentVNode("",!0):e.renderSlot(k.$slots,"default",{key:0},void 0,!0)])])])],2))}}),wr="",Sr="",st=U(En,[["__scopeId","data-v-d3167918"]]),Tn=o=>(e.pushScopeId("data-v-d7e33427"),o=o(),e.popScopeId(),o),Bn={class:"kong-ui-app-page-header"},In={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},$n=Tn(()=>e.createElementVNode("span",{class:"page-header-breadcrumb-divider"},"/",-1)),On={class:"page-header-title-section"},An={class:"page-header-title-wrapper"},xn={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},Fn=["title"],Dn={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},Vn={key:0,class:"page-header-actions","data-testid":"page-header-actions"},Ln={key:1,class:"page-header-section-below","data-testid":"page-header-section-below"},Rn=e.defineComponent({__name:"AppPageHeader",props:{title:{type:String,required:!0},breadcrumbs:{type:Array,default:()=>[]}},setup(o){const a=o,n=e.computed(()=>{var f;return!!((f=a.breadcrumbs)!=null&&f.length)}),r=(f,c)=>f.key||`breadcrumb-${c}`,d=e.computed(()=>a.breadcrumbs.map((f,c)=>`icon-${r(f,c)}`)||[]);return(f,c)=>{const m=e.resolveComponent("KBreadcrumbs");return e.openBlock(),e.createElementBlock("div",Bn,[n.value?(e.openBlock(),e.createElementBlock("div",In,[e.createVNode(m,{items:o.breadcrumbs},e.createSlots({divider:e.withCtx(()=>[$n]),_:2},[e.renderList(d.value,h=>({name:h,fn:e.withCtx(()=>[e.renderSlot(f.$slots,h,{},void 0,!0)])}))]),1032,["items"])])):e.createCommentVNode("",!0),e.createElementVNode("div",On,[e.createElementVNode("div",An,[f.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",xn,[e.renderSlot(f.$slots,"title-before",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("h1",{class:"page-header-title","data-testid":"page-header-title",title:o.title},e.toDisplayString(o.title),9,Fn),f.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",Dn,[e.renderSlot(f.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.actions?(e.openBlock(),e.createElementBlock("div",Vn,[e.renderSlot(f.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.below?(e.openBlock(),e.createElementBlock("div",Ln,[e.renderSlot(f.$slots,"below",{},void 0,!0)])):e.createCommentVNode("",!0)])}}}),Cr="",Mn=U(Rn,[["__scopeId","data-v-d7e33427"]]),Pn={install:(o,a={})=>{o.component(a.name||"AppLayout",st)}};D.AccountDropdown=xt,D.AppAboutSection=Gt,D.AppError=ra,D.AppLayout=st,D.AppNavbar=ze,D.AppPageHeader=Mn,D.AppSidebar=it,D.SidebarToggle=ct,D.default=Pn,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-.account-dropdown[data-v-c4652497]{display:flex;margin-right:4px}.account-dropdown[data-v-c4652497] .k-button.primary,.account-dropdown[data-v-c4652497] .k-button.primary:hover:not(:disabled){background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC);color:#fff;color:var(--kong-ui-account-dropdown-color, #ffffff);font-size:12px;height:24px;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;width:24px}.account-dropdown[data-v-c4652497] .k-button.primary:active,.account-dropdown[data-v-c4652497] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC)}.account-dropdown[data-v-c4652497] .k-dropdown-popover{top:10px!important}.kong-ui-app-about-section .about-section-title[data-v-f6ab802e]{color:#000933;font-size:16px;font-weight:700;letter-spacing:-.24px;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-f6ab802e]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-f6ab802e]{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-f6ab802e]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-f6ab802e]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-f6ab802e]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-f6ab802e]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-f6ab802e]{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-f6ab802e]{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-f6ab802e] hr,.kong-ui-app-about-section hr[data-v-f6ab802e]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-f6ab802e]{margin-bottom:12px;margin-top:12px}.kong-ui-app-about-section.kong-card.border{border-radius:4px;padding:20px}.kong-ui-app-about-section.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}@media (max-width: 768px){.kong-ui-app-about-section.kong-card.border .k-card-header{flex-direction:column}.kong-ui-app-about-section.kong-card.border .k-card-header .k-card-actions{margin-left:unset}}.kong-ui-app-error[data-v-5cbccc66]{align-items:center;background-color:#fff;border-top:2px solid #00abd2;display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-5cbccc66]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-5cbccc66]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-5cbccc66]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-5cbccc66;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:none;opacity:1}}@keyframes fadeIn-5cbccc66{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6c7489;font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#000933;font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}.kong-ui-app-navbar[data-v-7a2a459a]{background:rgba(0,0,0,0);background:var(--kong-ui-app-navbar-background, rgba(0, 0, 0, 0));left:0;position:fixed;right:0;top:var(--499e8aa4);z-index:var(--73d2507f)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-7a2a459a]{left:var(--ea3a5c64)}}.kong-ui-app-navbar .header-content[data-v-7a2a459a]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-7a2a459a]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--892c48d4);max-width:var(--62e3e64e);min-width:var(--62e3e64e)}.kong-ui-app-navbar .mobile-header-left[data-v-7a2a459a]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-7a2a459a]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-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-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-7a2a459a],.kong-ui-app-navbar .app-navbar-links a.active[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a.active{border-color:#84e5ae;font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-7a2a459a]{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-7a2a459a]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-7a2a459a],.kong-ui-app-navbar .navbar-content-center[data-v-7a2a459a],.kong-ui-app-navbar .navbar-content-right[data-v-7a2a459a]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-7a2a459a]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-7a2a459a]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-7a2a459a]{justify-content:flex-end}.item-badge[data-v-912b1a1b]{background-color:#d60027;border-radius:16px;color:#fff;font-size:12px;font-weight:500;line-height:16px;max-width:36px;overflow:hidden;padding:2px 6px;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:#afb7c5;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;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 .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:currentColor}.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:#84e5ae}.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:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:#84e5ae}.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{outline:1px solid #afb7c5}.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:#84e5ae}.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:700!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{border-top:1px solid rgba(175,183,197,.1);padding:4px 0 12px}.sidebar-item-primary[data-v-859aa5c3]{border:1px solid rgba(0,0,0,0)}.sidebar-item-primary.active[data-v-859aa5c3],.sidebar-item-primary.expanded[data-v-859aa5c3]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-859aa5c3],.sidebar-item-primary>div>a[data-v-859aa5c3]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-859aa5c3],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-859aa5c3]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-859aa5c3]{margin-bottom:4px}.sidebar-item-secondary[data-v-859aa5c3]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-859aa5c3]{background-color:#0000;border-left:4px solid rgba(0,0,0,0);color:#afb7c5!important;font-size:14px;min-height:40px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-859aa5c3]:hover,.sidebar-item-secondary a[data-v-859aa5c3]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-859aa5c3]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-859aa5c3]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-859aa5c3]{background-color:#ffffff1a;border-left:4px solid #84E5AE;color:#fff!important;font-weight:600!important}.sidebar-item-display[data-v-859aa5c3]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-859aa5c3]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-859aa5c3]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-859aa5c3]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-859aa5c3]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-859aa5c3]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-859aa5c3]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-859aa5c3]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-859aa5c3]{height:auto;min-width:0px}.sidebar-item-display .sidebar-item-label[data-v-859aa5c3]{color:#afb7c5;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-859aa5c3]{align-items:center;display:flex;line-height:0;padding-right:12px}.kong-ui-app-sidebar[data-v-00a9a4d3]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));display:flex;flex-direction:column;height:var(--c6089880);left:-100%;position:fixed;top:var(--6f664d5c);transition:left .2s ease-in-out;width:100%;z-index:var(--bff1d830)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-00a9a4d3]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-00a9a4d3]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--2c1e7484);left:0;top:var(--68c4ac1e)}}.kong-ui-app-sidebar.sidebar-open[data-v-00a9a4d3],.kong-ui-app-sidebar.mobile-disabled[data-v-00a9a4d3]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-00a9a4d3]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-00a9a4d3]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]{display:flex;flex-direction:column;height:100%;margin-top:var(--cf2fa71c);overflow-x:hidden;overflow-y:scroll;padding-top:8px;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]:hover{scrollbar-color:#6c7489 rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-00a9a4d3]{align-items:center;color:#afb7c5;display:flex;font-weight:500;width:100%}.kong-ui-app-sidebar[data-v-00a9a4d3] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-00a9a4d3],.no-sidebar-header .sidebar-content-container[data-v-00a9a4d3]{margin-top:0!important}}.sidebar-level-divider[data-v-00a9a4d3]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-00a9a4d3]{align-items:center;background:rgba(0,0,0,0);background:var(--kong-ui-app-sidebar-header-background, rgba(0, 0, 0, 0));color:#fff;display:var(--f12a684c);left:0;min-height:var(--412eeb31);padding:0 16px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 1024px){.sidebar-header[data-v-00a9a4d3]{display:flex}}.sidebar-header[data-v-00a9a4d3]>*{display:flex}.sidebar-header[data-v-00a9a4d3]>a{text-decoration:none}.sidebar-header[data-v-00a9a4d3]>a:focus-visible{border-radius:4px;outline:1px solid #afb7c5}.sidebar-header[data-v-00a9a4d3]:after{background-image:linear-gradient(#001740,rgba(120,120,84,0));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-00a9a4d3]{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-00a9a4d3]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-00a9a4d3]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-00a9a4d3] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-00a9a4d3]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--290c7a2d);z-index:var(--29b826c0)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-00a9a4d3]{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{display:flex;flex-direction:column;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-00a332e0]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-00a332e0]: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-00a332e0]{display:none}}.sidebar-menu-toggle .line[data-v-00a332e0]{background-color:#fff;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, #ffffff);border-radius:4px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-00a332e0]: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{font-size:10px;-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:#f9fafb;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-0a4e6b30]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));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-0a4e6b30] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-0a4e6b30]{align-items:stretch;background-color:#f9fafb;box-shadow:-30px 174px 250px #0023db;box-shadow:var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db);display:flex;flex-grow:1;height:100%;margin-top:var(--65a18e83);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-0a4e6b30]{border-top-left-radius:var(--6abaa094);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-0a4e6b30]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-0a4e6b30]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-0a4e6b30]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-0a4e6b30]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-0a4e6b30]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-0a4e6b30]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-0a4e6b30]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-0a4e6b30] .k-alert{border-radius:0!important}.kong-ui-app-page-header[data-v-d7e33427]{margin-bottom:20px}.kong-ui-app-page-header .page-header-breadcrumb-divider[data-v-d7e33427]{color:#afb7c5}.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;min-height:44.5px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper[data-v-d7e33427]{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-d7e33427]{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-d7e33427]{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-d7e33427]{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-d7e33427]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-d7e33427] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-d7e33427]{margin-top:unset}}
+.account-dropdown[data-v-c4652497]{display:flex;margin-right:4px}.account-dropdown[data-v-c4652497] .k-button.primary,.account-dropdown[data-v-c4652497] .k-button.primary:hover:not(:disabled){background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC);color:#fff;color:var(--kong-ui-account-dropdown-color, #ffffff);font-size:12px;height:24px;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;width:24px}.account-dropdown[data-v-c4652497] .k-button.primary:active,.account-dropdown[data-v-c4652497] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC)}.account-dropdown[data-v-c4652497] .k-dropdown-popover{top:10px!important}.kong-ui-app-about-section .about-section-title[data-v-f6ab802e]{color:#000933;font-size:16px;font-weight:700;letter-spacing:-.24px;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-f6ab802e]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-f6ab802e]{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-f6ab802e]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-f6ab802e]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-f6ab802e]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-f6ab802e]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-f6ab802e]{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-f6ab802e]{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-f6ab802e] hr,.kong-ui-app-about-section hr[data-v-f6ab802e]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-f6ab802e]{margin-bottom:12px;margin-top:12px}.kong-ui-app-about-section.kong-card.border{border-radius:4px;padding:20px}.kong-ui-app-about-section.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}@media (max-width: 768px){.kong-ui-app-about-section.kong-card.border .k-card-header{flex-direction:column}.kong-ui-app-about-section.kong-card.border .k-card-header .k-card-actions{margin-left:unset}}.kong-ui-app-error[data-v-5cbccc66]{align-items:center;background-color:#fff;border-top:2px solid #00abd2;display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-5cbccc66]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-5cbccc66]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-5cbccc66]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-5cbccc66;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:none;opacity:1}}@keyframes fadeIn-5cbccc66{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6c7489;font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#000933;font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}.kong-ui-app-navbar[data-v-7a2a459a]{background:rgba(0,0,0,0);background:var(--kong-ui-app-navbar-background, rgba(0, 0, 0, 0));left:0;position:fixed;right:0;top:var(--499e8aa4);z-index:var(--73d2507f)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-7a2a459a]{left:var(--ea3a5c64)}}.kong-ui-app-navbar .header-content[data-v-7a2a459a]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-7a2a459a]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--892c48d4);max-width:var(--62e3e64e);min-width:var(--62e3e64e)}.kong-ui-app-navbar .mobile-header-left[data-v-7a2a459a]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-7a2a459a]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-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-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-7a2a459a],.kong-ui-app-navbar .app-navbar-links a.active[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a.active{border-color:#84e5ae;font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-7a2a459a]{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-7a2a459a]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-7a2a459a],.kong-ui-app-navbar .navbar-content-center[data-v-7a2a459a],.kong-ui-app-navbar .navbar-content-right[data-v-7a2a459a]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-7a2a459a]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-7a2a459a]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-7a2a459a]{justify-content:flex-end}.item-badge[data-v-912b1a1b]{background-color:#d60027;border-radius:16px;color:#fff;font-size:12px;font-weight:500;line-height:16px;max-width:36px;overflow:hidden;padding:2px 6px;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:#afb7c5;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;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 .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:currentColor}.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:#84e5ae}.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:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:#84e5ae}.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{outline:1px solid #afb7c5}.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:#84e5ae}.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:700!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{border-top:1px solid rgba(175,183,197,.1);padding:4px 0 12px}.sidebar-item-primary[data-v-859aa5c3]{border:1px solid rgba(0,0,0,0)}.sidebar-item-primary.active[data-v-859aa5c3],.sidebar-item-primary.expanded[data-v-859aa5c3]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-859aa5c3],.sidebar-item-primary>div>a[data-v-859aa5c3]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-859aa5c3],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-859aa5c3]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-859aa5c3]{margin-bottom:4px}.sidebar-item-secondary[data-v-859aa5c3]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-859aa5c3]{background-color:#0000;border-left:4px solid rgba(0,0,0,0);color:#afb7c5!important;font-size:14px;min-height:40px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-859aa5c3]:hover,.sidebar-item-secondary a[data-v-859aa5c3]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-859aa5c3]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-859aa5c3]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-859aa5c3]{background-color:#ffffff1a;border-left:4px solid #84E5AE;color:#fff!important;font-weight:600!important}.sidebar-item-display[data-v-859aa5c3]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-859aa5c3]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-859aa5c3]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-859aa5c3]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-859aa5c3]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-859aa5c3]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-859aa5c3]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-859aa5c3]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-859aa5c3]{height:auto;min-width:0px}.sidebar-item-display .sidebar-item-label[data-v-859aa5c3]{color:#afb7c5;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-859aa5c3]{align-items:center;display:flex;line-height:0;padding-right:12px}.kong-ui-app-sidebar[data-v-00a9a4d3]{background:linear-gradient(180deg,#001740 0%,#073382 100%);display:flex;flex-direction:column;height:var(--c6089880);left:-100%;position:fixed;top:var(--6f664d5c);transition:left .2s ease-in-out;width:100%;z-index:var(--bff1d830)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-00a9a4d3]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-00a9a4d3]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--2c1e7484);left:0;top:var(--68c4ac1e)}}.kong-ui-app-sidebar.sidebar-open[data-v-00a9a4d3],.kong-ui-app-sidebar.mobile-disabled[data-v-00a9a4d3]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-00a9a4d3]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-00a9a4d3]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]{display:flex;flex-direction:column;height:100%;margin-top:var(--cf2fa71c);overflow-x:hidden;overflow-y:scroll;padding-top:8px;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]:hover{scrollbar-color:#6c7489 rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-00a9a4d3]{align-items:center;color:#afb7c5;display:flex;font-weight:500;width:100%}.kong-ui-app-sidebar[data-v-00a9a4d3] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-00a9a4d3],.no-sidebar-header .sidebar-content-container[data-v-00a9a4d3]{margin-top:0!important}}.sidebar-level-divider[data-v-00a9a4d3]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-00a9a4d3]{align-items:center;background:rgba(0,0,0,0);background:var(--kong-ui-app-sidebar-header-background, rgba(0, 0, 0, 0));color:#fff;display:var(--f12a684c);left:0;min-height:var(--412eeb31);padding:0 16px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 1024px){.sidebar-header[data-v-00a9a4d3]{display:flex}}.sidebar-header[data-v-00a9a4d3]>*{display:flex}.sidebar-header[data-v-00a9a4d3]>a{text-decoration:none}.sidebar-header[data-v-00a9a4d3]>a:focus-visible{border-radius:4px;outline:1px solid #afb7c5}.sidebar-header[data-v-00a9a4d3]:after{background-image:linear-gradient(#001740,rgba(120,120,84,0));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-00a9a4d3]{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-00a9a4d3]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-00a9a4d3]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-00a9a4d3] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-00a9a4d3]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--290c7a2d);z-index:var(--29b826c0)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-00a9a4d3]{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{display:flex;flex-direction:column;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-00a332e0]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-00a332e0]: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-00a332e0]{display:none}}.sidebar-menu-toggle .line[data-v-00a332e0]{background-color:#fff;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, #ffffff);border-radius:4px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-00a332e0]: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{font-size:10px;-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-d3167918]{background:linear-gradient(180deg,#001740 0%,#073382 100%);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-d3167918] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-d3167918] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-d3167918] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-d3167918] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-d3167918] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-d3167918] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-d3167918]{align-items:stretch;background-color:#fff;box-shadow:-30px 174px 250px #0023db;box-shadow:var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db);display:flex;flex-grow:1;height:100%;margin-top:var(--72553c1e);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-d3167918]{border-top-left-radius:var(--01af91a4);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-d3167918]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-d3167918]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-d3167918]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-d3167918]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-d3167918]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-d3167918]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-d3167918]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-d3167918] .k-alert{border-radius:0!important}.kong-ui-app-page-header[data-v-d7e33427]{margin-bottom:20px}.kong-ui-app-page-header .page-header-breadcrumb-divider[data-v-d7e33427]{color:#afb7c5}.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;min-height:44.5px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper[data-v-d7e33427]{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-d7e33427]{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-d7e33427]{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-d7e33427]{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-d7e33427]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-d7e33427] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-d7e33427]{margin-top:unset}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/app-layout",
-  "version": "0.23.8-pr.821.d73e0933.0",
+  "version": "0.24.0",
   "type": "module",
   "main": "./dist/app-layout.umd.js",
   "module": "./dist/app-layout.es.js",