@kong-ui-public/app-layout 4.0.25-pr.1365.a4063f84.0 → 4.0.25-pr.1368.baf86461.0

package/README.md

@@ -1,10 +1,7 @@
 # @kong-ui-public/app-layout
 
-## Do not merge this PR
-
 A set of Kong UI application layout components that provides a responsive navbar, sidebar, and main content area.
 
-- [Do not merge this PR](#do-not-merge-this-pr)
 - [Features](#features)
 - [Requirements](#requirements)
 - [Included components](#included-components)

package/dist/app-layout.es.js

@@ -2119,7 +2119,7 @@ const Xr = /* @__PURE__ */ Gr(qr), Yr = {
       ]);
     };
   }
-}), Ui = /* @__PURE__ */ te(Pi, [["__scopeId", "data-v-5156f5b9"]]), Wi = {
+}), Ui = /* @__PURE__ */ te(Pi, [["__scopeId", "data-v-204b7f98"]]), Wi = {
   // Customize Vue plugin options as desired
   // Providing a `name` property allows for customizing the registered name of your component (useful if exporting a single component).
   install: (a, t = {}) => {

package/dist/app-layout.umd.js

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

package/dist/style.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/app-layout",
-  "version": "4.0.25-pr.1365.a4063f84.0",
+  "version": "4.0.25-pr.1368.baf86461.0",
   "type": "module",
   "main": "./dist/app-layout.umd.js",
   "module": "./dist/app-layout.es.js",