@kong-ui-public/app-layout 4.0.0 → 4.0.1

package/dist/app-layout.es.js

@@ -2023,7 +2023,7 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
       ])
     ], 2));
   }
-}), Ni = /* @__PURE__ */ te(Ci, [["__scopeId", "data-v-47c01124"]]), Ei = (a) => (Ge("data-v-d7e33427"), a = a(), We(), a), Ai = { class: "kong-ui-app-page-header" }, Fi = {
+}), Ni = /* @__PURE__ */ te(Ci, [["__scopeId", "data-v-47c01124"]]), Ei = (a) => (Ge("data-v-4855e3b3"), a = a(), We(), a), Ai = { class: "kong-ui-app-page-header" }, Fi = {
   key: 0,
   class: "page-header-breadcrumbs",
   "data-testid": "page-header-breadcrumbs"
@@ -2048,7 +2048,8 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
   props: {
     title: {
       type: String,
-      required: !0
+      default: ""
+      // Provide a fallback string to prevent the component unmounting from throwing an error
     },
     breadcrumbs: {
       type: Array,
@@ -2102,7 +2103,7 @@ const Xr = /* @__PURE__ */ Wr(qr), Yr = {
       ]);
     };
   }
-}), zi = /* @__PURE__ */ te(ji, [["__scopeId", "data-v-d7e33427"]]), Gi = {
+}), zi = /* @__PURE__ */ te(ji, [["__scopeId", "data-v-4855e3b3"]]), Gi = {
   // 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 ir(n){return n}const Wa={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}},Wa),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(n,{slots:a,emit:r}){let o;const d=e.ref(null),f=e.computed(()=>{const p=d.value;return p&&(p instanceof HTMLElement?p:p.$el)});function c(){return o||(o=Ga(f.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&&f.value?c().activate():o&&(o.deactivate(),(!f.value||f.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(k=>k.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:d})}}}});function it(){return{debounce:(a,r)=>{let o;return(...d)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{a(...d)},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 _e={exports:{}};_e.exports,function(n,a){var r=200,o="__lodash_hash_undefined__",d=9007199254740991,f="[object Arguments]",c="[object Array]",p="[object Boolean]",h="[object Date]",k="[object Error]",T="[object Function]",C="[object GeneratorFunction]",B="[object Map]",A="[object Number]",v="[object Object]",F="[object Promise]",j="[object RegExp]",I="[object Set]",G="[object String]",X="[object Symbol]",z="[object WeakMap]",U="[object ArrayBuffer]",V="[object DataView]",Z="[object Float32Array]",_="[object Float64Array]",D="[object Int8Array]",R="[object Int16Array]",w="[object Int32Array]",s="[object Uint8Array]",u="[object Uint8ClampedArray]",m="[object Uint16Array]",y="[object Uint32Array]",S=/[\\^$.*+?()[\]{}|]/g,E=/\w*$/,N=/^\[object .+?Constructor\]$/,x=/^(?:0|[1-9]\d*)$/,g={};g[f]=g[c]=g[U]=g[V]=g[p]=g[h]=g[Z]=g[_]=g[D]=g[R]=g[w]=g[B]=g[A]=g[v]=g[j]=g[I]=g[G]=g[X]=g[s]=g[u]=g[m]=g[y]=!0,g[k]=g[T]=g[z]=!1;var W=typeof Se=="object"&&Se&&Se.Object===Object&&Se,te=typeof self=="object"&&self&&self.Object===Object&&self,$=W||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 Rn(t,i){return t.add(i),t}function Ln(t,i){for(var l=-1,b=t?t.length:0;++l<b&&i(t[l],l,t)!==!1;);return t}function Mn(t,i){for(var l=-1,b=i.length,O=t.length;++l<b;)t[O+l]=i[l];return t}function dt(t,i,l,b){var O=-1,M=t?t.length:0;for(b&&M&&(l=t[++O]);++O<M;)l=i(l,t[O],O,t);return l}function Pn(t,i){for(var l=-1,b=Array(t);++l<t;)b[l]=i(l);return b}function Zn(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,l=Array(t.size);return t.forEach(function(b,O){l[++i]=[O,b]}),l}function De(t,i){return function(l){return t(i(l))}}function mt(t){var i=-1,l=Array(t.size);return t.forEach(function(b){l[++i]=b}),l}var jn=Array.prototype,Kn=Function.prototype,Ce=Object.prototype,xe=$["__core-js_shared__"],pt=function(){var t=/[^.]+$/.exec(xe&&xe.keys&&xe.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),bt=Kn.toString,J=Ce.hasOwnProperty,Ee=Ce.toString,Hn=RegExp("^"+bt.call(J).replace(S,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ht=me?$.Buffer:void 0,gt=$.Symbol,vt=$.Uint8Array,zn=De(Object.getPrototypeOf,Object),Un=Object.create,Gn=Ce.propertyIsEnumerable,Wn=jn.splice,yt=Object.getOwnPropertySymbols,qn=ht?ht.isBuffer:void 0,Xn=De(Object.keys,Object),Ve=se($,"DataView"),be=se($,"Map"),Re=se($,"Promise"),Le=se($,"Set"),Me=se($,"WeakMap"),he=se(Object,"create"),Yn=oe(Ve),Jn=oe(be),Qn=oe(Re),eo=oe(Le),to=oe(Me),kt=gt?gt.prototype:void 0,wt=kt?kt.valueOf:void 0;function ae(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function ao(){this.__data__=he?he(null):{}}function no(t){return this.has(t)&&delete this.__data__[t]}function oo(t){var i=this.__data__;if(he){var l=i[t];return l===o?void 0:l}return J.call(i,t)?i[t]:void 0}function ro(t){var i=this.__data__;return he?i[t]!==void 0:J.call(i,t)}function io(t,i){var l=this.__data__;return l[t]=he&&i===void 0?o:i,this}ae.prototype.clear=ao,ae.prototype.delete=no,ae.prototype.get=oo,ae.prototype.has=ro,ae.prototype.set=io;function q(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function co(){this.__data__=[]}function so(t){var i=this.__data__,l=Ne(i,t);if(l<0)return!1;var b=i.length-1;return l==b?i.pop():Wn.call(i,l,1),!0}function lo(t){var i=this.__data__,l=Ne(i,t);return l<0?void 0:i[l][1]}function uo(t){return Ne(this.__data__,t)>-1}function fo(t,i){var l=this.__data__,b=Ne(l,t);return b<0?l.push([t,i]):l[b][1]=i,this}q.prototype.clear=co,q.prototype.delete=so,q.prototype.get=lo,q.prototype.has=uo,q.prototype.set=fo;function ie(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function mo(){this.__data__={hash:new ae,map:new(be||q),string:new ae}}function po(t){return Te(this,t).delete(t)}function bo(t){return Te(this,t).get(t)}function ho(t){return Te(this,t).has(t)}function go(t,i){return Te(this,t).set(t,i),this}ie.prototype.clear=mo,ie.prototype.delete=po,ie.prototype.get=bo,ie.prototype.has=ho,ie.prototype.set=go;function ce(t){this.__data__=new q(t)}function vo(){this.__data__=new q}function yo(t){return this.__data__.delete(t)}function ko(t){return this.__data__.get(t)}function wo(t){return this.__data__.has(t)}function So(t,i){var l=this.__data__;if(l instanceof q){var b=l.__data__;if(!be||b.length<r-1)return b.push([t,i]),this;l=this.__data__=new ie(b)}return l.set(t,i),this}ce.prototype.clear=vo,ce.prototype.delete=yo,ce.prototype.get=ko,ce.prototype.has=wo,ce.prototype.set=So;function _o(t,i){var l=je(t)||Go(t)?Pn(t.length,String):[],b=l.length,O=!!b;for(var M in t)(i||J.call(t,M))&&!(O&&(M=="length"||Ko(M,b)))&&l.push(M);return l}function St(t,i,l){var b=t[i];(!(J.call(t,i)&&Nt(b,l))||l===void 0&&!(i in t))&&(t[i]=l)}function Ne(t,i){for(var l=t.length;l--;)if(Nt(t[l][0],i))return l;return-1}function Co(t,i){return t&&_t(i,Ke(i),t)}function Pe(t,i,l,b,O,M,K){var P;if(b&&(P=M?b(t,O,M,K):b(t)),P!==void 0)return P;if(!Be(t))return t;var It=je(t);if(It){if(P=Po(t),!i)return Ro(t,P)}else{var le=ne(t),$t=le==T||le==C;if(qo(t))return $o(t,i);if(le==v||le==f||$t&&!M){if(ut(t))return M?t:{};if(P=Zo($t?{}:t),!i)return Lo(t,Co(P,t))}else{if(!g[le])return M?t:{};P=jo(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=l?Mo(t):Ke(t);return Ln(At||t,function(He,Ie){At&&(Ie=He,He=t[Ie]),St(P,Ie,Pe(He,i,l,b,Ie,t,K))}),P}function Eo(t){return Be(t)?Un(t):{}}function No(t,i,l){var b=i(t);return je(t)?b:Mn(b,l(t))}function To(t){return Ee.call(t)}function Bo(t){if(!Be(t)||zo(t))return!1;var i=Bt(t)||ut(t)?Hn:N;return i.test(oe(t))}function Io(t){if(!Et(t))return Xn(t);var i=[];for(var l in Object(t))J.call(t,l)&&l!="constructor"&&i.push(l);return i}function $o(t,i){if(i)return t.slice();var l=new t.constructor(t.length);return t.copy(l),l}function Ze(t){var i=new t.constructor(t.byteLength);return new vt(i).set(new vt(t)),i}function Oo(t,i){var l=i?Ze(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.byteLength)}function Ao(t,i,l){var b=i?l(ft(t),!0):ft(t);return dt(b,pe,new t.constructor)}function Fo(t){var i=new t.constructor(t.source,E.exec(t));return i.lastIndex=t.lastIndex,i}function Do(t,i,l){var b=i?l(mt(t),!0):mt(t);return dt(b,Rn,new t.constructor)}function xo(t){return wt?Object(wt.call(t)):{}}function Vo(t,i){var l=i?Ze(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.length)}function Ro(t,i){var l=-1,b=t.length;for(i||(i=Array(b));++l<b;)i[l]=t[l];return i}function _t(t,i,l,b){l||(l={});for(var O=-1,M=i.length;++O<M;){var K=i[O],P=b?b(l[K],t[K],K,l,t):void 0;St(l,K,P===void 0?t[K]:P)}return l}function Lo(t,i){return _t(t,Ct(t),i)}function Mo(t){return No(t,Ke,Ct)}function Te(t,i){var l=t.__data__;return Ho(i)?l[typeof i=="string"?"string":"hash"]:l.map}function se(t,i){var l=Zn(t,i);return Bo(l)?l:void 0}var Ct=yt?De(yt,Object):Jo,ne=To;(Ve&&ne(new Ve(new ArrayBuffer(1)))!=V||be&&ne(new be)!=B||Re&&ne(Re.resolve())!=F||Le&&ne(new Le)!=I||Me&&ne(new Me)!=z)&&(ne=function(t){var i=Ee.call(t),l=i==v?t.constructor:void 0,b=l?oe(l):void 0;if(b)switch(b){case Yn:return V;case Jn:return B;case Qn:return F;case eo:return I;case to:return z}return i});function Po(t){var i=t.length,l=t.constructor(i);return i&&typeof t[0]=="string"&&J.call(t,"index")&&(l.index=t.index,l.input=t.input),l}function Zo(t){return typeof t.constructor=="function"&&!Et(t)?Eo(zn(t)):{}}function jo(t,i,l,b){var O=t.constructor;switch(i){case U:return Ze(t);case p:case h:return new O(+t);case V:return Oo(t,b);case Z:case _:case D:case R:case w:case s:case u:case m:case y:return Vo(t,b);case B:return Ao(t,b,l);case A:case G:return new O(t);case j:return Fo(t);case I:return Do(t,b,l);case X:return xo(t)}}function Ko(t,i){return i=i??d,!!i&&(typeof t=="number"||x.test(t))&&t>-1&&t%1==0&&t<i}function Ho(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function zo(t){return!!pt&&pt in t}function Et(t){var i=t&&t.constructor,l=typeof i=="function"&&i.prototype||Ce;return t===l}function oe(t){if(t!=null){try{return bt.call(t)}catch{}try{return t+""}catch{}}return""}function Uo(t){return Pe(t,!0,!0)}function Nt(t,i){return t===i||t!==t&&i!==i}function Go(t){return Wo(t)&&J.call(t,"callee")&&(!Gn.call(t,"callee")||Ee.call(t)==f)}var je=Array.isArray;function Tt(t){return t!=null&&Xo(t.length)&&!Bt(t)}function Wo(t){return Yo(t)&&Tt(t)}var qo=qn||Qo;function Bt(t){var i=Be(t)?Ee.call(t):"";return i==T||i==C}function Xo(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=d}function Be(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function Yo(t){return!!t&&typeof t=="object"}function Ke(t){return Tt(t)?_o(t):Io(t)}function Jo(){return[]}function Qo(){return!1}n.exports=Uo}(_e,_e.exports);var Ya=_e.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(s=>({"2f22774b":p.value.mobileHeight,"7a5a2db1":p.value.mobileTop,"2af4347d":n.zIndex,"4327cd89":p.value.height,a22e9f9a:p.value.top,"42e79ef2":k.value.marginTop,"3ebc58b6":h.value.display,"28c32c3c":h.value.minHeight,"99c700fc":T.value.top,"69806b2b":T.value.zIndex}));const r=a,o=n,d=e.useSlots(),f=e.computed(()=>!!d.header),c=e.computed(()=>!!d.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%"})),h=e.computed(()=>({display:!o.mobileHeaderVisible&&o.mobileEnabled?"none":"flex",minHeight:`${o.headerHeight}px`})),k=e.computed(()=>({marginTop:f.value?`${o.headerHeight}px`:"0"})),T=e.computed(()=>({top:o.mobileTopOffset&&o.mobileEnabled?`${o.mobileTopOffset}px`:"0",zIndex:o.mobileOverlayZIndex!==null?o.mobileOverlayZIndex:o.zIndex>1?o.zIndex-1:1})),C=s=>Ja(s).map(m=>{var y,S,E;if(m){(!m.key||!((y=m.key)!=null&&y.trim()))&&(m.key=String(m.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!m.testId||!((S=m.testId)!=null&&S.trim()))&&(m.testId=String(m.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const N of m.items||[])N.parentKey=m.key,(!N.testId||!((E=N.testId)!=null&&E.trim()))&&(N.testId=String(N.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return m}),B=e.computed(()=>o.topItems.length?C(o.topItems):[]),A=e.computed(()=>o.bottomItems.length?C(o.bottomItems):[]),v=e.ref(o.open),F=s=>{var u,m;v.value!==s&&(v.value=s,r("toggle",s)),s?(u=document==null?void 0:document.body)==null||u.classList.add("kong-ui-app-sidebar-open"):(m=document==null?void 0:document.body)==null||m.classList.remove("kong-ui-app-sidebar-open"),I.value=!1},j=()=>{o.mobileOverlayCloseOnClick&&F(!1)},I=e.ref(!1),G=s=>{I.value=!0,r("click",s),setTimeout(()=>{F(!1)},o.mobileCloseDelay)};e.watch(()=>o.open,s=>{F(s)});const{debounce:X}=it(),z=X(()=>{v.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),Z=e.ref(),_=()=>{V.value||(V.value=!0,clearTimeout(Z.value),Z.value=setTimeout(()=>V.value=!1,1300))},D=e.ref(null),R=e.computed(()=>v.value&&o.mobileEnabled),w=async s=>{var u,m;s?(await e.nextTick(),await new Promise(y=>setTimeout(y,300)),(u=D.value)==null||u.activate()):(m=D.value)==null||m.deactivate()};return e.watch(R,async s=>{s?await w(!0):await w(!1)},{immediate:!0}),e.onMounted(()=>{U.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",z),window.addEventListener("resize",_)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",z),window.removeEventListener("resize",_)}),(s,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[v.value&&n.mobileOverlay&&n.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:j})):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":v.value,"no-sidebar-header":!f.value,"mobile-header-hidden":n.mobileEnabled&&(!f.value||!n.mobileHeaderVisible),"mobile-disabled":!n.mobileEnabled,"disable-transitions":V.value}]),tabindex:"-1"},[f.value?(e.openBlock(),e.createElementBlock("div",Qa,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",en,[c.value?(e.openBlock(),e.createElementBlock("div",tn,[e.renderSlot(s.$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,m=>(e.openBlock(),e.createBlock(Ge,{key:m.name,item:m,onClick:G},{[`sidebar-icon-${m.key}`]:e.withCtx(()=>[e.renderSlot(s.$slots,`sidebar-icon-${m.key}`,{},void 0,!0)]),_:2},1032,["item"]))),128))])):e.createCommentVNode("",!0),B.value.length&&A.value.length?(e.openBlock(),e.createElementBlock("div",on)):e.createCommentVNode("",!0),A.value.length?(e.openBlock(),e.createElementBlock("ul",rn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,m=>(e.openBlock(),e.createBlock(Ge,{key:m.name,item:m,onClick:G},{[`sidebar-icon-${m.key}`]:e.withCtx(()=>[e.renderSlot(s.$slots,`sidebar-icon-${m.key}`,{},void 0,!0)]),_:2},1032,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",cn,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),[["__scopeId","data-v-33431d74"]]),Fe=n=>(e.pushScopeId("data-v-b411bcf5"),n=n(),e.popScopeId(),n),sn=["aria-label"],ln=[Fe(()=>e.createElementVNode("span",{class:"line"},null,-1)),Fe(()=>e.createElementVNode("span",{class:"line"},null,-1)),Fe(()=>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,d=e.ref(o.active||!1),f=c=>{c.preventDefault(),d.value=!d.value,r("toggle",d.value)};return e.watch(()=>o.active,c=>{d.value=c}),(c,p)=>(e.openBlock(),e.createElementBlock("a",{"aria-haspopup":"true","aria-label":d.value?"Close Main Menu":"Open Main Menu",class:e.normalizeClass(["sidebar-menu-toggle",{active:d.value}]),href:"#",role:"button",onClick:e.withModifiers(f,["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"},_n=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":I.value,40906680:G.value,"169c1fd8":j.value,"75276abc":X.value,af1d4ea2:z.value}));const r=n,o=a,d=e.useSlots(),f=e.reactive({navbarLeft:e.computed(()=>!!d["navbar-left"]),navbarCenter:e.computed(()=>!!d["navbar-center"]),navbarRight:e.computed(()=>!!d["navbar-right"]),navbarLogo:e.computed(()=>!!d["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!d["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!d["sidebar-header"]),sidebarTop:e.computed(()=>!!d["sidebar-top"]),sidebarFooter:e.computed(()=>!!d["sidebar-footer"])}),c=e.computed(()=>r.hideDefaultSlot),p=e.reactive({hidden:e.computed(()=>r.navbarHidden)}),h=e.reactive({topItems:e.computed(()=>r.sidebarTopItems),bottomItems:e.computed(()=>r.sidebarBottomItems),open:e.computed(()=>r.sidebarOpen),hidden:e.computed(()=>r.sidebarHidden)}),k=_=>{o("sidebar-click",_)},T=e.ref(!1),C=_=>{T.value=_};e.watchEffect(()=>{T.value=e.toRef(h,"open").value||!1});const B=e.ref(0),A=e.ref(60),v=e.ref(0),F=e.computed(()=>p.hidden?v.value:A.value+v.value),j=e.computed(()=>r.theme==="light"?fn:mn),I=e.computed(()=>r.theme==="light"?dn:un),G=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(()=>h.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&&(v.value=D.offsetHeight)}},200),Z=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");_&&(Z.value=new ResizeObserver(w=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(w)||!w.length))for(const s of w){const u=s.contentRect.height;v.value!==u&&(v.value=u)}})}),Z.value.observe(_)),window.addEventListener("resize",V)}),e.onBeforeUnmount(()=>{Z.value&&Z.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":h.hidden}]])},[e.createElementVNode("div",gn,[e.renderSlot(_.$slots,"notification",{},void 0,!0)]),p.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ue,{key:String(h.hidden),"left-offset":h.hidden?0:void 0,"top-offset":v.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[h.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(st,{key:0,active:T.value,onToggle:C},null,8,["active"]))]),_:2},[f.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",vn,[e.renderSlot(_.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,f.navbarLogo?{name:"logo",fn:e.withCtx(()=>[h.hidden?(e.openBlock(),e.createElementBlock("div",yn,[e.renderSlot(_.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,f.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,f.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,f.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),h.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ct,{key:1,"bottom-items":h.bottomItems,"header-height":A.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":F.value,open:T.value,"top-items":h.topItems,"top-offset":v.value,onClick:k,onToggle:C},e.createSlots({_:2},[f.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,f.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,f.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"sidebar-footer",{},void 0,!0)]),key:"2"}:void 0,e.renderList([...h.topItems||[],...h.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,[_n,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"]]),Cn=n=>(e.pushScopeId("data-v-d7e33427"),n=n(),e.popScopeId(),n),En={class:"kong-ui-app-page-header"},Nn={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},Tn=Cn(()=>e.createElementVNode("span",{class:"page-header-breadcrumb-divider"},"/",-1)),Bn={class:"page-header-title-section"},In={class:"page-header-title-wrapper"},$n={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},On=["title"],An={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},Fn={key:0,class:"page-header-actions","data-testid":"page-header-actions"},Dn={key:1,class:"page-header-section-below","data-testid":"page-header-section-below"},xn=H(e.defineComponent({__name:"AppPageHeader",props:{title:{type:String,required:!0},breadcrumbs:{type:Array,default:()=>[]}},setup(n){const a=n,r=e.computed(()=>{var f;return!!((f=a.breadcrumbs)!=null&&f.length)}),o=(f,c)=>f.key||`breadcrumb-${c}`,d=e.computed(()=>a.breadcrumbs.map((f,c)=>`icon-${o(f,c)}`)||[]);return(f,c)=>{const p=e.resolveComponent("KBreadcrumbs");return e.openBlock(),e.createElementBlock("div",En,[r.value?(e.openBlock(),e.createElementBlock("div",Nn,[e.createVNode(p,{items:n.breadcrumbs},e.createSlots({divider:e.withCtx(()=>[Tn]),_:2},[e.renderList(d.value,h=>({name:h,fn:e.withCtx(()=>[e.renderSlot(f.$slots,h,{},void 0,!0)])}))]),1032,["items"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Bn,[e.createElementVNode("div",In,[f.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",$n,[e.renderSlot(f.$slots,"title-before",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("h1",{class:"page-header-title","data-testid":"page-header-title",title:n.title},e.toDisplayString(n.title),9,On),f.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",An,[e.renderSlot(f.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.actions?(e.openBlock(),e.createElementBlock("div",Fn,[e.renderSlot(f.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.below?(e.openBlock(),e.createElementBlock("div",Dn,[e.renderSlot(f.$slots,"below",{},void 0,!0)])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-d7e33427"]]),Vn={install:(n,a={})=>{n.component(a.name||"AppLayout",lt)}};L.AccountDropdown=Dt,L.AppAboutSection=Gt,L.AppError=oa,L.AppLayout=lt,L.AppNavbar=Ue,L.AppPageHeader=xn,L.AppSidebar=ct,L.SidebarToggle=st,L.default=Vn,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  */function ir(n){return n}const Wa={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}},Wa),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(n,{slots:a,emit:r}){let o;const d=e.ref(null),f=e.computed(()=>{const p=d.value;return p&&(p instanceof HTMLElement?p:p.$el)});function c(){return o||(o=Ga(f.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&&f.value?c().activate():o&&(o.deactivate(),(!f.value||f.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(k=>k.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:d})}}}});function it(){return{debounce:(a,r)=>{let o;return(...d)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{a(...d)},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 _e={exports:{}};_e.exports,function(n,a){var r=200,o="__lodash_hash_undefined__",d=9007199254740991,f="[object Arguments]",c="[object Array]",p="[object Boolean]",h="[object Date]",k="[object Error]",T="[object Function]",C="[object GeneratorFunction]",B="[object Map]",A="[object Number]",v="[object Object]",F="[object Promise]",j="[object RegExp]",I="[object Set]",G="[object String]",X="[object Symbol]",z="[object WeakMap]",U="[object ArrayBuffer]",V="[object DataView]",Z="[object Float32Array]",_="[object Float64Array]",D="[object Int8Array]",R="[object Int16Array]",w="[object Int32Array]",s="[object Uint8Array]",u="[object Uint8ClampedArray]",m="[object Uint16Array]",y="[object Uint32Array]",S=/[\\^$.*+?()[\]{}|]/g,E=/\w*$/,N=/^\[object .+?Constructor\]$/,x=/^(?:0|[1-9]\d*)$/,g={};g[f]=g[c]=g[U]=g[V]=g[p]=g[h]=g[Z]=g[_]=g[D]=g[R]=g[w]=g[B]=g[A]=g[v]=g[j]=g[I]=g[G]=g[X]=g[s]=g[u]=g[m]=g[y]=!0,g[k]=g[T]=g[z]=!1;var W=typeof Se=="object"&&Se&&Se.Object===Object&&Se,te=typeof self=="object"&&self&&self.Object===Object&&self,$=W||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 Rn(t,i){return t.add(i),t}function Ln(t,i){for(var l=-1,b=t?t.length:0;++l<b&&i(t[l],l,t)!==!1;);return t}function Mn(t,i){for(var l=-1,b=i.length,O=t.length;++l<b;)t[O+l]=i[l];return t}function dt(t,i,l,b){var O=-1,M=t?t.length:0;for(b&&M&&(l=t[++O]);++O<M;)l=i(l,t[O],O,t);return l}function Pn(t,i){for(var l=-1,b=Array(t);++l<t;)b[l]=i(l);return b}function Zn(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,l=Array(t.size);return t.forEach(function(b,O){l[++i]=[O,b]}),l}function De(t,i){return function(l){return t(i(l))}}function mt(t){var i=-1,l=Array(t.size);return t.forEach(function(b){l[++i]=b}),l}var jn=Array.prototype,Kn=Function.prototype,Ce=Object.prototype,xe=$["__core-js_shared__"],pt=function(){var t=/[^.]+$/.exec(xe&&xe.keys&&xe.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),bt=Kn.toString,J=Ce.hasOwnProperty,Ee=Ce.toString,Hn=RegExp("^"+bt.call(J).replace(S,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ht=me?$.Buffer:void 0,gt=$.Symbol,vt=$.Uint8Array,zn=De(Object.getPrototypeOf,Object),Un=Object.create,Gn=Ce.propertyIsEnumerable,Wn=jn.splice,yt=Object.getOwnPropertySymbols,qn=ht?ht.isBuffer:void 0,Xn=De(Object.keys,Object),Ve=se($,"DataView"),be=se($,"Map"),Re=se($,"Promise"),Le=se($,"Set"),Me=se($,"WeakMap"),he=se(Object,"create"),Yn=oe(Ve),Jn=oe(be),Qn=oe(Re),eo=oe(Le),to=oe(Me),kt=gt?gt.prototype:void 0,wt=kt?kt.valueOf:void 0;function ae(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function ao(){this.__data__=he?he(null):{}}function no(t){return this.has(t)&&delete this.__data__[t]}function oo(t){var i=this.__data__;if(he){var l=i[t];return l===o?void 0:l}return J.call(i,t)?i[t]:void 0}function ro(t){var i=this.__data__;return he?i[t]!==void 0:J.call(i,t)}function io(t,i){var l=this.__data__;return l[t]=he&&i===void 0?o:i,this}ae.prototype.clear=ao,ae.prototype.delete=no,ae.prototype.get=oo,ae.prototype.has=ro,ae.prototype.set=io;function q(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function co(){this.__data__=[]}function so(t){var i=this.__data__,l=Ne(i,t);if(l<0)return!1;var b=i.length-1;return l==b?i.pop():Wn.call(i,l,1),!0}function lo(t){var i=this.__data__,l=Ne(i,t);return l<0?void 0:i[l][1]}function uo(t){return Ne(this.__data__,t)>-1}function fo(t,i){var l=this.__data__,b=Ne(l,t);return b<0?l.push([t,i]):l[b][1]=i,this}q.prototype.clear=co,q.prototype.delete=so,q.prototype.get=lo,q.prototype.has=uo,q.prototype.set=fo;function ie(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var b=t[i];this.set(b[0],b[1])}}function mo(){this.__data__={hash:new ae,map:new(be||q),string:new ae}}function po(t){return Te(this,t).delete(t)}function bo(t){return Te(this,t).get(t)}function ho(t){return Te(this,t).has(t)}function go(t,i){return Te(this,t).set(t,i),this}ie.prototype.clear=mo,ie.prototype.delete=po,ie.prototype.get=bo,ie.prototype.has=ho,ie.prototype.set=go;function ce(t){this.__data__=new q(t)}function vo(){this.__data__=new q}function yo(t){return this.__data__.delete(t)}function ko(t){return this.__data__.get(t)}function wo(t){return this.__data__.has(t)}function So(t,i){var l=this.__data__;if(l instanceof q){var b=l.__data__;if(!be||b.length<r-1)return b.push([t,i]),this;l=this.__data__=new ie(b)}return l.set(t,i),this}ce.prototype.clear=vo,ce.prototype.delete=yo,ce.prototype.get=ko,ce.prototype.has=wo,ce.prototype.set=So;function _o(t,i){var l=je(t)||Go(t)?Pn(t.length,String):[],b=l.length,O=!!b;for(var M in t)(i||J.call(t,M))&&!(O&&(M=="length"||Ko(M,b)))&&l.push(M);return l}function St(t,i,l){var b=t[i];(!(J.call(t,i)&&Nt(b,l))||l===void 0&&!(i in t))&&(t[i]=l)}function Ne(t,i){for(var l=t.length;l--;)if(Nt(t[l][0],i))return l;return-1}function Co(t,i){return t&&_t(i,Ke(i),t)}function Pe(t,i,l,b,O,M,K){var P;if(b&&(P=M?b(t,O,M,K):b(t)),P!==void 0)return P;if(!Be(t))return t;var It=je(t);if(It){if(P=Po(t),!i)return Ro(t,P)}else{var le=ne(t),$t=le==T||le==C;if(qo(t))return $o(t,i);if(le==v||le==f||$t&&!M){if(ut(t))return M?t:{};if(P=Zo($t?{}:t),!i)return Lo(t,Co(P,t))}else{if(!g[le])return M?t:{};P=jo(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=l?Mo(t):Ke(t);return Ln(At||t,function(He,Ie){At&&(Ie=He,He=t[Ie]),St(P,Ie,Pe(He,i,l,b,Ie,t,K))}),P}function Eo(t){return Be(t)?Un(t):{}}function No(t,i,l){var b=i(t);return je(t)?b:Mn(b,l(t))}function To(t){return Ee.call(t)}function Bo(t){if(!Be(t)||zo(t))return!1;var i=Bt(t)||ut(t)?Hn:N;return i.test(oe(t))}function Io(t){if(!Et(t))return Xn(t);var i=[];for(var l in Object(t))J.call(t,l)&&l!="constructor"&&i.push(l);return i}function $o(t,i){if(i)return t.slice();var l=new t.constructor(t.length);return t.copy(l),l}function Ze(t){var i=new t.constructor(t.byteLength);return new vt(i).set(new vt(t)),i}function Oo(t,i){var l=i?Ze(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.byteLength)}function Ao(t,i,l){var b=i?l(ft(t),!0):ft(t);return dt(b,pe,new t.constructor)}function Fo(t){var i=new t.constructor(t.source,E.exec(t));return i.lastIndex=t.lastIndex,i}function Do(t,i,l){var b=i?l(mt(t),!0):mt(t);return dt(b,Rn,new t.constructor)}function xo(t){return wt?Object(wt.call(t)):{}}function Vo(t,i){var l=i?Ze(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.length)}function Ro(t,i){var l=-1,b=t.length;for(i||(i=Array(b));++l<b;)i[l]=t[l];return i}function _t(t,i,l,b){l||(l={});for(var O=-1,M=i.length;++O<M;){var K=i[O],P=b?b(l[K],t[K],K,l,t):void 0;St(l,K,P===void 0?t[K]:P)}return l}function Lo(t,i){return _t(t,Ct(t),i)}function Mo(t){return No(t,Ke,Ct)}function Te(t,i){var l=t.__data__;return Ho(i)?l[typeof i=="string"?"string":"hash"]:l.map}function se(t,i){var l=Zn(t,i);return Bo(l)?l:void 0}var Ct=yt?De(yt,Object):Jo,ne=To;(Ve&&ne(new Ve(new ArrayBuffer(1)))!=V||be&&ne(new be)!=B||Re&&ne(Re.resolve())!=F||Le&&ne(new Le)!=I||Me&&ne(new Me)!=z)&&(ne=function(t){var i=Ee.call(t),l=i==v?t.constructor:void 0,b=l?oe(l):void 0;if(b)switch(b){case Yn:return V;case Jn:return B;case Qn:return F;case eo:return I;case to:return z}return i});function Po(t){var i=t.length,l=t.constructor(i);return i&&typeof t[0]=="string"&&J.call(t,"index")&&(l.index=t.index,l.input=t.input),l}function Zo(t){return typeof t.constructor=="function"&&!Et(t)?Eo(zn(t)):{}}function jo(t,i,l,b){var O=t.constructor;switch(i){case U:return Ze(t);case p:case h:return new O(+t);case V:return Oo(t,b);case Z:case _:case D:case R:case w:case s:case u:case m:case y:return Vo(t,b);case B:return Ao(t,b,l);case A:case G:return new O(t);case j:return Fo(t);case I:return Do(t,b,l);case X:return xo(t)}}function Ko(t,i){return i=i??d,!!i&&(typeof t=="number"||x.test(t))&&t>-1&&t%1==0&&t<i}function Ho(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function zo(t){return!!pt&&pt in t}function Et(t){var i=t&&t.constructor,l=typeof i=="function"&&i.prototype||Ce;return t===l}function oe(t){if(t!=null){try{return bt.call(t)}catch{}try{return t+""}catch{}}return""}function Uo(t){return Pe(t,!0,!0)}function Nt(t,i){return t===i||t!==t&&i!==i}function Go(t){return Wo(t)&&J.call(t,"callee")&&(!Gn.call(t,"callee")||Ee.call(t)==f)}var je=Array.isArray;function Tt(t){return t!=null&&Xo(t.length)&&!Bt(t)}function Wo(t){return Yo(t)&&Tt(t)}var qo=qn||Qo;function Bt(t){var i=Be(t)?Ee.call(t):"";return i==T||i==C}function Xo(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=d}function Be(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function Yo(t){return!!t&&typeof t=="object"}function Ke(t){return Tt(t)?_o(t):Io(t)}function Jo(){return[]}function Qo(){return!1}n.exports=Uo}(_e,_e.exports);var Ya=_e.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(s=>({"2f22774b":p.value.mobileHeight,"7a5a2db1":p.value.mobileTop,"2af4347d":n.zIndex,"4327cd89":p.value.height,a22e9f9a:p.value.top,"42e79ef2":k.value.marginTop,"3ebc58b6":h.value.display,"28c32c3c":h.value.minHeight,"99c700fc":T.value.top,"69806b2b":T.value.zIndex}));const r=a,o=n,d=e.useSlots(),f=e.computed(()=>!!d.header),c=e.computed(()=>!!d.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%"})),h=e.computed(()=>({display:!o.mobileHeaderVisible&&o.mobileEnabled?"none":"flex",minHeight:`${o.headerHeight}px`})),k=e.computed(()=>({marginTop:f.value?`${o.headerHeight}px`:"0"})),T=e.computed(()=>({top:o.mobileTopOffset&&o.mobileEnabled?`${o.mobileTopOffset}px`:"0",zIndex:o.mobileOverlayZIndex!==null?o.mobileOverlayZIndex:o.zIndex>1?o.zIndex-1:1})),C=s=>Ja(s).map(m=>{var y,S,E;if(m){(!m.key||!((y=m.key)!=null&&y.trim()))&&(m.key=String(m.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!m.testId||!((S=m.testId)!=null&&S.trim()))&&(m.testId=String(m.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const N of m.items||[])N.parentKey=m.key,(!N.testId||!((E=N.testId)!=null&&E.trim()))&&(N.testId=String(N.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return m}),B=e.computed(()=>o.topItems.length?C(o.topItems):[]),A=e.computed(()=>o.bottomItems.length?C(o.bottomItems):[]),v=e.ref(o.open),F=s=>{var u,m;v.value!==s&&(v.value=s,r("toggle",s)),s?(u=document==null?void 0:document.body)==null||u.classList.add("kong-ui-app-sidebar-open"):(m=document==null?void 0:document.body)==null||m.classList.remove("kong-ui-app-sidebar-open"),I.value=!1},j=()=>{o.mobileOverlayCloseOnClick&&F(!1)},I=e.ref(!1),G=s=>{I.value=!0,r("click",s),setTimeout(()=>{F(!1)},o.mobileCloseDelay)};e.watch(()=>o.open,s=>{F(s)});const{debounce:X}=it(),z=X(()=>{v.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),Z=e.ref(),_=()=>{V.value||(V.value=!0,clearTimeout(Z.value),Z.value=setTimeout(()=>V.value=!1,1300))},D=e.ref(null),R=e.computed(()=>v.value&&o.mobileEnabled),w=async s=>{var u,m;s?(await e.nextTick(),await new Promise(y=>setTimeout(y,300)),(u=D.value)==null||u.activate()):(m=D.value)==null||m.deactivate()};return e.watch(R,async s=>{s?await w(!0):await w(!1)},{immediate:!0}),e.onMounted(()=>{U.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",z),window.addEventListener("resize",_)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",z),window.removeEventListener("resize",_)}),(s,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[v.value&&n.mobileOverlay&&n.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:j})):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":v.value,"no-sidebar-header":!f.value,"mobile-header-hidden":n.mobileEnabled&&(!f.value||!n.mobileHeaderVisible),"mobile-disabled":!n.mobileEnabled,"disable-transitions":V.value}]),tabindex:"-1"},[f.value?(e.openBlock(),e.createElementBlock("div",Qa,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",en,[c.value?(e.openBlock(),e.createElementBlock("div",tn,[e.renderSlot(s.$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,m=>(e.openBlock(),e.createBlock(Ge,{key:m.name,item:m,onClick:G},{[`sidebar-icon-${m.key}`]:e.withCtx(()=>[e.renderSlot(s.$slots,`sidebar-icon-${m.key}`,{},void 0,!0)]),_:2},1032,["item"]))),128))])):e.createCommentVNode("",!0),B.value.length&&A.value.length?(e.openBlock(),e.createElementBlock("div",on)):e.createCommentVNode("",!0),A.value.length?(e.openBlock(),e.createElementBlock("ul",rn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,m=>(e.openBlock(),e.createBlock(Ge,{key:m.name,item:m,onClick:G},{[`sidebar-icon-${m.key}`]:e.withCtx(()=>[e.renderSlot(s.$slots,`sidebar-icon-${m.key}`,{},void 0,!0)]),_:2},1032,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",cn,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),[["__scopeId","data-v-33431d74"]]),Fe=n=>(e.pushScopeId("data-v-b411bcf5"),n=n(),e.popScopeId(),n),sn=["aria-label"],ln=[Fe(()=>e.createElementVNode("span",{class:"line"},null,-1)),Fe(()=>e.createElementVNode("span",{class:"line"},null,-1)),Fe(()=>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,d=e.ref(o.active||!1),f=c=>{c.preventDefault(),d.value=!d.value,r("toggle",d.value)};return e.watch(()=>o.active,c=>{d.value=c}),(c,p)=>(e.openBlock(),e.createElementBlock("a",{"aria-haspopup":"true","aria-label":d.value?"Close Main Menu":"Open Main Menu",class:e.normalizeClass(["sidebar-menu-toggle",{active:d.value}]),href:"#",role:"button",onClick:e.withModifiers(f,["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"},_n=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":I.value,40906680:G.value,"169c1fd8":j.value,"75276abc":X.value,af1d4ea2:z.value}));const r=n,o=a,d=e.useSlots(),f=e.reactive({navbarLeft:e.computed(()=>!!d["navbar-left"]),navbarCenter:e.computed(()=>!!d["navbar-center"]),navbarRight:e.computed(()=>!!d["navbar-right"]),navbarLogo:e.computed(()=>!!d["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!d["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!d["sidebar-header"]),sidebarTop:e.computed(()=>!!d["sidebar-top"]),sidebarFooter:e.computed(()=>!!d["sidebar-footer"])}),c=e.computed(()=>r.hideDefaultSlot),p=e.reactive({hidden:e.computed(()=>r.navbarHidden)}),h=e.reactive({topItems:e.computed(()=>r.sidebarTopItems),bottomItems:e.computed(()=>r.sidebarBottomItems),open:e.computed(()=>r.sidebarOpen),hidden:e.computed(()=>r.sidebarHidden)}),k=_=>{o("sidebar-click",_)},T=e.ref(!1),C=_=>{T.value=_};e.watchEffect(()=>{T.value=e.toRef(h,"open").value||!1});const B=e.ref(0),A=e.ref(60),v=e.ref(0),F=e.computed(()=>p.hidden?v.value:A.value+v.value),j=e.computed(()=>r.theme==="light"?fn:mn),I=e.computed(()=>r.theme==="light"?dn:un),G=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(()=>h.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&&(v.value=D.offsetHeight)}},200),Z=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");_&&(Z.value=new ResizeObserver(w=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(w)||!w.length))for(const s of w){const u=s.contentRect.height;v.value!==u&&(v.value=u)}})}),Z.value.observe(_)),window.addEventListener("resize",V)}),e.onBeforeUnmount(()=>{Z.value&&Z.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":h.hidden}]])},[e.createElementVNode("div",gn,[e.renderSlot(_.$slots,"notification",{},void 0,!0)]),p.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ue,{key:String(h.hidden),"left-offset":h.hidden?0:void 0,"top-offset":v.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[h.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(st,{key:0,active:T.value,onToggle:C},null,8,["active"]))]),_:2},[f.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",vn,[e.renderSlot(_.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,f.navbarLogo?{name:"logo",fn:e.withCtx(()=>[h.hidden?(e.openBlock(),e.createElementBlock("div",yn,[e.renderSlot(_.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,f.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,f.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,f.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),h.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ct,{key:1,"bottom-items":h.bottomItems,"header-height":A.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":F.value,open:T.value,"top-items":h.topItems,"top-offset":v.value,onClick:k,onToggle:C},e.createSlots({_:2},[f.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,f.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,f.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(_.$slots,"sidebar-footer",{},void 0,!0)]),key:"2"}:void 0,e.renderList([...h.topItems||[],...h.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,[_n,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"]]),Cn=n=>(e.pushScopeId("data-v-4855e3b3"),n=n(),e.popScopeId(),n),En={class:"kong-ui-app-page-header"},Nn={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},Tn=Cn(()=>e.createElementVNode("span",{class:"page-header-breadcrumb-divider"},"/",-1)),Bn={class:"page-header-title-section"},In={class:"page-header-title-wrapper"},$n={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},On=["title"],An={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},Fn={key:0,class:"page-header-actions","data-testid":"page-header-actions"},Dn={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.computed(()=>{var f;return!!((f=a.breadcrumbs)!=null&&f.length)}),o=(f,c)=>f.key||`breadcrumb-${c}`,d=e.computed(()=>a.breadcrumbs.map((f,c)=>`icon-${o(f,c)}`)||[]);return(f,c)=>{const p=e.resolveComponent("KBreadcrumbs");return e.openBlock(),e.createElementBlock("div",En,[r.value?(e.openBlock(),e.createElementBlock("div",Nn,[e.createVNode(p,{items:n.breadcrumbs},e.createSlots({divider:e.withCtx(()=>[Tn]),_:2},[e.renderList(d.value,h=>({name:h,fn:e.withCtx(()=>[e.renderSlot(f.$slots,h,{},void 0,!0)])}))]),1032,["items"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Bn,[e.createElementVNode("div",In,[f.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",$n,[e.renderSlot(f.$slots,"title-before",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("h1",{class:"page-header-title","data-testid":"page-header-title",title:n.title},e.toDisplayString(n.title),9,On),f.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",An,[e.renderSlot(f.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.actions?(e.openBlock(),e.createElementBlock("div",Fn,[e.renderSlot(f.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.below?(e.openBlock(),e.createElementBlock("div",Dn,[e.renderSlot(f.$slots,"below",{},void 0,!0)])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-4855e3b3"]]),Vn={install:(n,a={})=>{n.component(a.name||"AppLayout",lt)}};L.AccountDropdown=Dt,L.AppAboutSection=Gt,L.AppError=oa,L.AppLayout=lt,L.AppNavbar=Ue,L.AppPageHeader=xn,L.AppSidebar=ct,L.SidebarToggle=st,L.default=Vn,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-d01c666d]{color:#000933;font-size:16px;font-weight:700;letter-spacing:-.24px;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-d01c666d]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-d01c666d]{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-d01c666d]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-d01c666d]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-d01c666d]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-d01c666d]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-d01c666d]{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-d01c666d]{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-d01c666d] hr,.kong-ui-app-about-section hr[data-v-d01c666d]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-d01c666d]{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-e2b1508a]{overflow:hidden}.sidebar-item-primary.active[data-v-e2b1508a],.sidebar-item-primary.expanded[data-v-e2b1508a]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-e2b1508a],.sidebar-item-primary>div>a[data-v-e2b1508a]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-e2b1508a],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-e2b1508a]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-e2b1508a]{margin-bottom:4px}.sidebar-item-secondary[data-v-e2b1508a]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-e2b1508a]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-e2b1508a]{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-e2b1508a]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-e2b1508a]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-e2b1508a]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-e2b1508a]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-e2b1508a]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-e2b1508a]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-e2b1508a]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-e2b1508a]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-e2b1508a]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-e2b1508a]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-e2b1508a]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-e2b1508a]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-e2b1508a]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-e2b1508a]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-e2b1508a]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-33431d74]{background:#000933;display:flex;flex-direction:column;height:var(--2f22774b);left:-100%;position:fixed;top:var(--7a5a2db1);transition:left .2s ease-in-out;width:100%;z-index:var(--2af4347d)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-33431d74]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-33431d74]{height:var(--4327cd89);left:0;top:var(--a22e9f9a)}}.kong-ui-app-sidebar.sidebar-open[data-v-33431d74],.kong-ui-app-sidebar.mobile-disabled[data-v-33431d74]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-33431d74]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-33431d74]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]{display:flex;flex-direction:column;height:100%;margin-top:var(--42e79ef2);overflow-x:hidden;overflow-y:scroll;padding-top:8px;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]:hover{scrollbar-color:#6c7489 rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-33431d74]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-33431d74]: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-33431d74] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-33431d74],.no-sidebar-header .sidebar-content-container[data-v-33431d74]{margin-top:0!important}}.sidebar-level-divider[data-v-33431d74]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-33431d74]{align-items:center;background:rgba(0,0,0,0);background:var(--kong-ui-app-sidebar-header-background, rgba(0, 0, 0, 0));color:#fff;display:var(--3ebc58b6);left:0;min-height:var(--28c32c3c);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-33431d74]{display:flex}}.sidebar-header[data-v-33431d74]>*{display:flex}.sidebar-header[data-v-33431d74]>a{text-decoration:none}.sidebar-header[data-v-33431d74]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-33431d74]: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-33431d74]{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-33431d74]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-33431d74]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-33431d74] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-33431d74]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--99c700fc);z-index:var(--69806b2b)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-33431d74]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-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-d7e33427]{margin-bottom:20px}.kong-ui-app-page-header .page-header-breadcrumb-divider[data-v-d7e33427]{color:#afb7c5}.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;min-height:44.5px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper[data-v-d7e33427]{align-items:baseline;display:flex;min-width:0}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-before[data-v-d7e33427]{align-self:center;display:inline-flex;margin-right:8px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-after[data-v-d7e33427]{align-self:center;display:inline-flex;margin-left:16px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title[data-v-d7e33427]{color:#000933;font-size:24px;font-weight:700;line-height:32px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-d7e33427]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-d7e33427] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-d7e33427]{margin-top:unset}}
+.account-dropdown[data-v-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-d01c666d]{color:#000933;font-size:16px;font-weight:700;letter-spacing:-.24px;line-height:20px}.kong-ui-app-about-section .about-section-header-end[data-v-d01c666d]{display:flex}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps[data-v-d01c666d]{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-d01c666d]{flex-direction:row;margin-bottom:0}}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps.has-actions[data-v-d01c666d]{margin-right:16px}.kong-ui-app-about-section .about-section-header-end .about-section-timestamps .about-section-timestamps-arrow[data-v-d01c666d]{line-height:20px;margin-left:8px;margin-right:8px}.kong-ui-app-about-section .about-section-description[data-v-d01c666d]{color:#000933;font-size:14px;line-height:20px;margin-bottom:20px;margin-top:0}.kong-ui-app-about-section .about-section-content[data-v-d01c666d]{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-d01c666d]{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-d01c666d] hr,.kong-ui-app-about-section hr[data-v-d01c666d]{background-color:#e0e4ea;border:none;height:1px;margin:0;width:100%}.kong-ui-app-about-section hr[data-v-d01c666d]{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-e2b1508a]{overflow:hidden}.sidebar-item-primary.active[data-v-e2b1508a],.sidebar-item-primary.expanded[data-v-e2b1508a]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-e2b1508a],.sidebar-item-primary>div>a[data-v-e2b1508a]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-e2b1508a],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-e2b1508a]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-e2b1508a]{margin-bottom:4px}.sidebar-item-secondary[data-v-e2b1508a]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-e2b1508a]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-e2b1508a]{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-e2b1508a]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-e2b1508a]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-e2b1508a]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-e2b1508a]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-e2b1508a]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-e2b1508a]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-e2b1508a]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-e2b1508a]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-e2b1508a]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-e2b1508a]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-e2b1508a]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-e2b1508a]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-e2b1508a]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-e2b1508a]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-e2b1508a]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-33431d74]{background:#000933;display:flex;flex-direction:column;height:var(--2f22774b);left:-100%;position:fixed;top:var(--7a5a2db1);transition:left .2s ease-in-out;width:100%;z-index:var(--2af4347d)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-33431d74]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-33431d74]{height:var(--4327cd89);left:0;top:var(--a22e9f9a)}}.kong-ui-app-sidebar.sidebar-open[data-v-33431d74],.kong-ui-app-sidebar.mobile-disabled[data-v-33431d74]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-33431d74]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-33431d74]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]{display:flex;flex-direction:column;height:100%;margin-top:var(--42e79ef2);overflow-x:hidden;overflow-y:scroll;padding-top:8px;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]:hover{scrollbar-color:#6c7489 rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-33431d74]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-33431d74]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-33431d74]: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-33431d74] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-33431d74],.no-sidebar-header .sidebar-content-container[data-v-33431d74]{margin-top:0!important}}.sidebar-level-divider[data-v-33431d74]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-33431d74]{align-items:center;background:rgba(0,0,0,0);background:var(--kong-ui-app-sidebar-header-background, rgba(0, 0, 0, 0));color:#fff;display:var(--3ebc58b6);left:0;min-height:var(--28c32c3c);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-33431d74]{display:flex}}.sidebar-header[data-v-33431d74]>*{display:flex}.sidebar-header[data-v-33431d74]>a{text-decoration:none}.sidebar-header[data-v-33431d74]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-33431d74]: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-33431d74]{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-33431d74]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-33431d74]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-33431d74] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-33431d74]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--99c700fc);z-index:var(--69806b2b)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-33431d74]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-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-4855e3b3]{margin-bottom:20px}.kong-ui-app-page-header .page-header-breadcrumb-divider[data-v-4855e3b3]{color:#afb7c5}.kong-ui-app-page-header .page-header-title-section[data-v-4855e3b3]{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-4855e3b3]{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-4855e3b3]{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-4855e3b3]{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-4855e3b3]{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-4855e3b3]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-4855e3b3] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-4855e3b3]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-4855e3b3]{margin-top:unset}}

package/dist/types/components/pageHeader/AppPageHeader.vue.d.ts

@@ -3,7 +3,7 @@ import type { BreadcrumbItem } from '@kong/kongponents';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: {
         type: StringConstructor;
-        required: true;
+        default: string;
     };
     breadcrumbs: {
         type: PropType<BreadcrumbItem[]>;
@@ -12,13 +12,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: StringConstructor;
-        required: true;
+        default: string;
     };
     breadcrumbs: {
         type: PropType<BreadcrumbItem[]>;
         default: () => never[];
     };
 }>>, {
+    title: string;
     breadcrumbs: BreadcrumbItem[];
 }, {}>, Partial<Record<string, (_: {}) => any>> & {
     "title-before"?(_: {}): any;

package/dist/types/components/pageHeader/AppPageHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppPageHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/pageHeader/AppPageHeader.vue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AAySvD,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"AppPageHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/pageHeader/AppPageHeader.vue.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAySvD,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/app-layout",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "type": "module",
   "main": "./dist/app-layout.umd.js",
   "module": "./dist/app-layout.es.js",