@kong-ui-public/app-layout 3.0.1 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1773,7 +1773,7 @@ const ni = /* @__PURE__ */ ti(ai), ri = {
1773
1773
  }, 512)
1774
1774
  ], 64));
1775
1775
  }
1776
- }), vi = /* @__PURE__ */ te(fi, [["__scopeId", "data-v-34c2833b"]]), vt = (a) => (Ge("data-v-00a332e0"), a = a(), We(), a), bi = ["aria-label"], hi = /* @__PURE__ */ vt(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), pi = /* @__PURE__ */ vt(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), mi = /* @__PURE__ */ vt(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), gi = [
1776
+ }), vi = /* @__PURE__ */ te(fi, [["__scopeId", "data-v-34c2833b"]]), vt = (a) => (Ge("data-v-b411bcf5"), a = a(), We(), a), bi = ["aria-label"], hi = /* @__PURE__ */ vt(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), pi = /* @__PURE__ */ vt(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), mi = /* @__PURE__ */ vt(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), gi = [
1777
1777
  hi,
1778
1778
  pi,
1779
1779
  mi
@@ -1787,8 +1787,8 @@ const ni = /* @__PURE__ */ ti(ai), ri = {
1787
1787
  },
1788
1788
  emits: ["toggle"],
1789
1789
  setup(a, { emit: t }) {
1790
- const r = t, n = a, l = G(n.active || !1), d = () => {
1791
- l.value = !l.value, r("toggle", l.value);
1790
+ const r = t, n = a, l = G(n.active || !1), d = (o) => {
1791
+ o.preventDefault(), l.value = !l.value, r("toggle", l.value);
1792
1792
  };
1793
1793
  return je(() => n.active, (o) => {
1794
1794
  l.value = o;
@@ -1801,7 +1801,7 @@ const ni = /* @__PURE__ */ ti(ai), ri = {
1801
1801
  onClick: Sn(d, ["prevent"])
1802
1802
  }, gi, 10, bi));
1803
1803
  }
1804
- }), wi = /* @__PURE__ */ te(yi, [["__scopeId", "data-v-00a332e0"]]), _i = (a) => (Ge("data-v-7129ca7f"), a = a(), We(), a), Ti = { id: "kong-ui-app-layout-notification" }, ki = { class: "mobile-logo" }, Si = {
1804
+ }), wi = /* @__PURE__ */ te(yi, [["__scopeId", "data-v-b411bcf5"]]), _i = (a) => (Ge("data-v-7129ca7f"), a = a(), We(), a), Ti = { id: "kong-ui-app-layout-notification" }, ki = { class: "mobile-logo" }, Si = {
1805
1805
  key: 0,
1806
1806
  class: "navbar-logo"
1807
1807
  }, Ii = {
@@ -8,4 +8,4 @@
8
8
  * focus-trap-vue v4.0.2
9
9
  * (c) 2023 Eduardo San Martin Morote
10
10
  * @license MIT
11
- */function cr(n){return n}const tn={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},an=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},tn),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=en(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(w=>w.type!==e.Comment);return!p||!p.length||p.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),p):e.cloneVNode(p[0],{ref:d})}}}});function it(){return{debounce:(a,r)=>{let o;return(...d)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{a(...d)},r)}}}}var _e=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function nn(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Se={exports:{}};Se.exports,function(n,a){var r=200,o="__lodash_hash_undefined__",d=9007199254740991,f="[object Arguments]",c="[object Array]",p="[object Boolean]",h="[object Date]",w="[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]",P="[object Float32Array]",S="[object Float64Array]",x="[object Int8Array]",Z="[object Int16Array]",k="[object Int32Array]",s="[object Uint8Array]",u="[object Uint8ClampedArray]",m="[object Uint16Array]",y="[object Uint32Array]",_=/[\\^$.*+?()[\]{}|]/g,E=/\w*$/,N=/^\[object .+?Constructor\]$/,D=/^(?:0|[1-9]\d*)$/,g={};g[f]=g[c]=g[U]=g[V]=g[p]=g[h]=g[P]=g[S]=g[x]=g[Z]=g[k]=g[B]=g[A]=g[v]=g[j]=g[I]=g[G]=g[X]=g[s]=g[u]=g[m]=g[y]=!0,g[w]=g[T]=g[z]=!1;var W=typeof _e=="object"&&_e&&_e.Object===Object&&_e,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 Ln(t,i){return t.add(i),t}function Mn(t,i){for(var l=-1,b=t?t.length:0;++l<b&&i(t[l],l,t)!==!1;);return t}function Pn(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,L=t?t.length:0;for(b&&L&&(l=t[++O]);++O<L;)l=i(l,t[O],O,t);return l}function Zn(t,i){for(var l=-1,b=Array(t);++l<t;)b[l]=i(l);return b}function jn(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 xe(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 Kn=Array.prototype,Hn=Function.prototype,Ce=Object.prototype,De=$["__core-js_shared__"],pt=function(){var t=/[^.]+$/.exec(De&&De.keys&&De.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),bt=Hn.toString,J=Ce.hasOwnProperty,Ee=Ce.toString,zn=RegExp("^"+bt.call(J).replace(_,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ht=me?$.Buffer:void 0,gt=$.Symbol,vt=$.Uint8Array,Un=xe(Object.getPrototypeOf,Object),Gn=Object.create,Wn=Ce.propertyIsEnumerable,qn=Kn.splice,yt=Object.getOwnPropertySymbols,Xn=ht?ht.isBuffer:void 0,Yn=xe(Object.keys,Object),Ve=se($,"DataView"),be=se($,"Map"),Re=se($,"Promise"),Le=se($,"Set"),Me=se($,"WeakMap"),he=se(Object,"create"),Jn=oe(Ve),Qn=oe(be),eo=oe(Re),to=oe(Le),ao=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 no(){this.__data__=he?he(null):{}}function oo(t){return this.has(t)&&delete this.__data__[t]}function ro(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 io(t){var i=this.__data__;return he?i[t]!==void 0:J.call(i,t)}function co(t,i){var l=this.__data__;return l[t]=he&&i===void 0?o:i,this}ae.prototype.clear=no,ae.prototype.delete=oo,ae.prototype.get=ro,ae.prototype.has=io,ae.prototype.set=co;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 so(){this.__data__=[]}function lo(t){var i=this.__data__,l=Ne(i,t);if(l<0)return!1;var b=i.length-1;return l==b?i.pop():qn.call(i,l,1),!0}function uo(t){var i=this.__data__,l=Ne(i,t);return l<0?void 0:i[l][1]}function fo(t){return Ne(this.__data__,t)>-1}function mo(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=so,q.prototype.delete=lo,q.prototype.get=uo,q.prototype.has=fo,q.prototype.set=mo;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 po(){this.__data__={hash:new ae,map:new(be||q),string:new ae}}function bo(t){return Te(this,t).delete(t)}function ho(t){return Te(this,t).get(t)}function go(t){return Te(this,t).has(t)}function vo(t,i){return Te(this,t).set(t,i),this}ie.prototype.clear=po,ie.prototype.delete=bo,ie.prototype.get=ho,ie.prototype.has=go,ie.prototype.set=vo;function ce(t){this.__data__=new q(t)}function yo(){this.__data__=new q}function ko(t){return this.__data__.delete(t)}function wo(t){return this.__data__.get(t)}function _o(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=yo,ce.prototype.delete=ko,ce.prototype.get=wo,ce.prototype.has=_o,ce.prototype.set=So;function Co(t,i){var l=je(t)||Wo(t)?Zn(t.length,String):[],b=l.length,O=!!b;for(var L in t)(i||J.call(t,L))&&!(O&&(L=="length"||Ho(L,b)))&&l.push(L);return l}function _t(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 Eo(t,i){return t&&St(i,Ke(i),t)}function Pe(t,i,l,b,O,L,K){var M;if(b&&(M=L?b(t,O,L,K):b(t)),M!==void 0)return M;if(!Be(t))return t;var It=je(t);if(It){if(M=Zo(t),!i)return Lo(t,M)}else{var le=ne(t),$t=le==T||le==C;if(Xo(t))return Oo(t,i);if(le==v||le==f||$t&&!L){if(ut(t))return L?t:{};if(M=jo($t?{}:t),!i)return Mo(t,Eo(M,t))}else{if(!g[le])return L?t:{};M=Ko(t,le,Pe,i)}}K||(K=new ce);var Ot=K.get(t);if(Ot)return Ot;if(K.set(t,M),!It)var At=l?Po(t):Ke(t);return Mn(At||t,function(He,Ie){At&&(Ie=He,He=t[Ie]),_t(M,Ie,Pe(He,i,l,b,Ie,t,K))}),M}function No(t){return Be(t)?Gn(t):{}}function To(t,i,l){var b=i(t);return je(t)?b:Pn(b,l(t))}function Bo(t){return Ee.call(t)}function Io(t){if(!Be(t)||Uo(t))return!1;var i=Bt(t)||ut(t)?zn:N;return i.test(oe(t))}function $o(t){if(!Et(t))return Yn(t);var i=[];for(var l in Object(t))J.call(t,l)&&l!="constructor"&&i.push(l);return i}function Oo(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 Ao(t,i){var l=i?Ze(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.byteLength)}function Fo(t,i,l){var b=i?l(ft(t),!0):ft(t);return dt(b,pe,new t.constructor)}function xo(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,Ln,new t.constructor)}function Vo(t){return wt?Object(wt.call(t)):{}}function Ro(t,i){var l=i?Ze(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.length)}function Lo(t,i){var l=-1,b=t.length;for(i||(i=Array(b));++l<b;)i[l]=t[l];return i}function St(t,i,l,b){l||(l={});for(var O=-1,L=i.length;++O<L;){var K=i[O],M=b?b(l[K],t[K],K,l,t):void 0;_t(l,K,M===void 0?t[K]:M)}return l}function Mo(t,i){return St(t,Ct(t),i)}function Po(t){return To(t,Ke,Ct)}function Te(t,i){var l=t.__data__;return zo(i)?l[typeof i=="string"?"string":"hash"]:l.map}function se(t,i){var l=jn(t,i);return Io(l)?l:void 0}var Ct=yt?xe(yt,Object):Qo,ne=Bo;(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 Jn:return V;case Qn:return B;case eo:return F;case to:return I;case ao:return z}return i});function Zo(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 jo(t){return typeof t.constructor=="function"&&!Et(t)?No(Un(t)):{}}function Ko(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 Ao(t,b);case P:case S:case x:case Z:case k:case s:case u:case m:case y:return Ro(t,b);case B:return Fo(t,b,l);case A:case G:return new O(t);case j:return xo(t);case I:return Do(t,b,l);case X:return Vo(t)}}function Ho(t,i){return i=i??d,!!i&&(typeof t=="number"||D.test(t))&&t>-1&&t%1==0&&t<i}function zo(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function Uo(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 Go(t){return Pe(t,!0,!0)}function Nt(t,i){return t===i||t!==t&&i!==i}function Wo(t){return qo(t)&&J.call(t,"callee")&&(!Wn.call(t,"callee")||Ee.call(t)==f)}var je=Array.isArray;function Tt(t){return t!=null&&Yo(t.length)&&!Bt(t)}function qo(t){return Jo(t)&&Tt(t)}var Xo=Xn||er;function Bt(t){var i=Be(t)?Ee.call(t):"";return i==T||i==C}function Yo(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 Jo(t){return!!t&&typeof t=="object"}function Ke(t){return Tt(t)?Co(t):$o(t)}function Qo(){return[]}function er(){return!1}n.exports=Go}(Se,Se.exports);var on=Se.exports;const rn=nn(on),cn={key:0,class:"sidebar-header"},sn={class:"sidebar-content-container"},ln={key:0,class:"sidebar-top"},dn={"aria-label":"Main menu"},un={key:0,class:"level-primary top-items"},fn={key:1,class:"sidebar-level-divider",role:"separator"},mn={key:2,class:"level-primary bottom-items"},pn={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=>({"23c53c20":p.value.mobileHeight,"3460a0fc":p.value.mobileTop,"1cf2af88":n.zIndex,f1bfd3c4:p.value.height,83239084:p.value.top,"23dc8fdc":w.value.marginTop,"249a1c3a":h.value.display,"4fcba391":h.value.minHeight,"14e46dcd":T.value.top,"4aabd500":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`})),w=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=>rn(s).map(m=>{var y,_,E;if(m){(!m.key||!((y=m.key)!=null&&y.trim()))&&(m.key=String(m.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!m.testId||!((_=m.testId)!=null&&_.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),P=e.ref(),S=()=>{V.value||(V.value=!0,clearTimeout(P.value),P.value=setTimeout(()=>V.value=!1,1300))},x=e.ref(null),Z=e.computed(()=>v.value&&o.mobileEnabled),k=async s=>{var u,m;s?(await e.nextTick(),await new Promise(y=>setTimeout(y,300)),(u=x.value)==null||u.activate()):(m=x.value)==null||m.deactivate()};return e.watch(Z,async s=>{s?await k(!0):await k(!1)},{immediate:!0}),e.onMounted(()=>{U.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",z),window.addEventListener("resize",S)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",z),window.removeEventListener("resize",S)}),(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(an),{ref_key:"focusTrap",ref:x,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",cn,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",sn,[c.value?(e.openBlock(),e.createElementBlock("div",ln,[e.renderSlot(s.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",dn,[B.value.length?(e.openBlock(),e.createElementBlock("ul",un,[(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},null,8,["item"]))),128))])):e.createCommentVNode("",!0),B.value.length&&A.value.length?(e.openBlock(),e.createElementBlock("div",fn)):e.createCommentVNode("",!0),A.value.length?(e.openBlock(),e.createElementBlock("ul",mn,[(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},null,8,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",pn,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),[["__scopeId","data-v-34c2833b"]]),Fe=n=>(e.pushScopeId("data-v-00a332e0"),n=n(),e.popScopeId(),n),bn=["aria-label"],hn=[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=()=>{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"])},hn,10,bn))}}),[["__scopeId","data-v-00a332e0"]]),gn=n=>(e.pushScopeId("data-v-7129ca7f"),n=n(),e.popScopeId(),n),vn={id:"kong-ui-app-layout-notification"},yn={class:"mobile-logo"},kn={key:0,class:"navbar-logo"},wn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},_n={class:"kong-ui-app-layout-content"},Sn={class:"kong-ui-app-layout-content-inner"},Cn=gn(()=>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(S=>({"328394ce":I.value,"42bdeb84":G.value,"31e8409c":j.value,"4fa4ed00":X.value,"4802d273":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)}),w=S=>{o("sidebar-click",S)},T=e.ref(!1),C=S=>{T.value=S};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"?ga:va),I=e.computed(()=>r.theme==="light"?ba:ha),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?ya:ka),{debounce:U}=it(),V=U((S=!1)=>{if(S||B.value!==(window==null?void 0:window.innerWidth)){B.value=window==null?void 0:window.innerWidth;const x=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");x&&(v.value=x.offsetHeight)}},200),P=e.ref();return e.onMounted(()=>{var x,Z;(x=document==null?void 0:document.body)==null||x.classList.add("kong-ui-app-layout-body"),(Z=document==null?void 0:document.documentElement)==null||Z.classList.add("kong-ui-app-layout-html"),B.value=window==null?void 0:window.innerWidth,V(!0);const S=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");S&&(P.value=new ResizeObserver(k=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(k)||!k.length))for(const s of k){const u=s.contentRect.height;v.value!==u&&(v.value=u)}})}),P.value.observe(S)),window.addEventListener("resize",V)}),e.onBeforeUnmount(()=>{P.value&&P.value.disconnect(),window.removeEventListener("resize",V)}),(S,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":p.hidden},{"sidebar-hidden":h.hidden}]])},[e.createElementVNode("div",vn,[e.renderSlot(S.$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",yn,[e.renderSlot(S.$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",kn,[e.renderSlot(S.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,f.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,f.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,f.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(S.$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:w,onToggle:C},e.createSlots({_:2},[f.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,f.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,f.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"sidebar-footer",{},void 0,!0)]),key:"2"}:void 0]),1032,["bottom-items","header-height","mobile-top-offset","open","top-items","top-offset"])),e.createElementVNode("main",wn,[e.createElementVNode("div",_n,[e.createElementVNode("div",Sn,[Cn,e.renderSlot(S.$slots,"app-error",{},void 0,!0),c.value?e.createCommentVNode("",!0):e.renderSlot(S.$slots,"default",{key:0},void 0,!0)])])])],2))}}),[["__scopeId","data-v-7129ca7f"]]),En=n=>(e.pushScopeId("data-v-d7e33427"),n=n(),e.popScopeId(),n),Nn={class:"kong-ui-app-page-header"},Tn={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},Bn=En(()=>e.createElementVNode("span",{class:"page-header-breadcrumb-divider"},"/",-1)),In={class:"page-header-title-section"},$n={class:"page-header-title-wrapper"},On={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},An=["title"],Fn={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},xn={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"},Vn=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",Nn,[r.value?(e.openBlock(),e.createElementBlock("div",Tn,[e.createVNode(p,{items:n.breadcrumbs},e.createSlots({divider:e.withCtx(()=>[Bn]),_: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",In,[e.createElementVNode("div",$n,[f.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",On,[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,An),f.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",Fn,[e.renderSlot(f.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.actions?(e.openBlock(),e.createElementBlock("div",xn,[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"]]),Rn={install:(n,a={})=>{n.component(a.name||"AppLayout",lt)}};R.AccountDropdown=xt,R.AppAboutSection=Gt,R.AppError=oa,R.AppLayout=lt,R.AppNavbar=Ue,R.AppPageHeader=Vn,R.AppSidebar=ct,R.SidebarToggle=st,R.default=Rn,Object.defineProperties(R,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
11
+ */function cr(n){return n}const tn={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},an=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},tn),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=en(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(w=>w.type!==e.Comment);return!p||!p.length||p.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),p):e.cloneVNode(p[0],{ref:d})}}}});function it(){return{debounce:(a,r)=>{let o;return(...d)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{a(...d)},r)}}}}var _e=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function nn(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var Se={exports:{}};Se.exports,function(n,a){var r=200,o="__lodash_hash_undefined__",d=9007199254740991,f="[object Arguments]",c="[object Array]",p="[object Boolean]",h="[object Date]",w="[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]",P="[object Float32Array]",S="[object Float64Array]",x="[object Int8Array]",Z="[object Int16Array]",k="[object Int32Array]",s="[object Uint8Array]",u="[object Uint8ClampedArray]",m="[object Uint16Array]",y="[object Uint32Array]",_=/[\\^$.*+?()[\]{}|]/g,E=/\w*$/,N=/^\[object .+?Constructor\]$/,D=/^(?:0|[1-9]\d*)$/,g={};g[f]=g[c]=g[U]=g[V]=g[p]=g[h]=g[P]=g[S]=g[x]=g[Z]=g[k]=g[B]=g[A]=g[v]=g[j]=g[I]=g[G]=g[X]=g[s]=g[u]=g[m]=g[y]=!0,g[w]=g[T]=g[z]=!1;var W=typeof _e=="object"&&_e&&_e.Object===Object&&_e,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 Ln(t,i){return t.add(i),t}function Mn(t,i){for(var l=-1,b=t?t.length:0;++l<b&&i(t[l],l,t)!==!1;);return t}function Pn(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,L=t?t.length:0;for(b&&L&&(l=t[++O]);++O<L;)l=i(l,t[O],O,t);return l}function Zn(t,i){for(var l=-1,b=Array(t);++l<t;)b[l]=i(l);return b}function jn(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 xe(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 Kn=Array.prototype,Hn=Function.prototype,Ce=Object.prototype,De=$["__core-js_shared__"],pt=function(){var t=/[^.]+$/.exec(De&&De.keys&&De.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),bt=Hn.toString,J=Ce.hasOwnProperty,Ee=Ce.toString,zn=RegExp("^"+bt.call(J).replace(_,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ht=me?$.Buffer:void 0,gt=$.Symbol,vt=$.Uint8Array,Un=xe(Object.getPrototypeOf,Object),Gn=Object.create,Wn=Ce.propertyIsEnumerable,qn=Kn.splice,yt=Object.getOwnPropertySymbols,Xn=ht?ht.isBuffer:void 0,Yn=xe(Object.keys,Object),Ve=se($,"DataView"),be=se($,"Map"),Re=se($,"Promise"),Le=se($,"Set"),Me=se($,"WeakMap"),he=se(Object,"create"),Jn=oe(Ve),Qn=oe(be),eo=oe(Re),to=oe(Le),ao=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 no(){this.__data__=he?he(null):{}}function oo(t){return this.has(t)&&delete this.__data__[t]}function ro(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 io(t){var i=this.__data__;return he?i[t]!==void 0:J.call(i,t)}function co(t,i){var l=this.__data__;return l[t]=he&&i===void 0?o:i,this}ae.prototype.clear=no,ae.prototype.delete=oo,ae.prototype.get=ro,ae.prototype.has=io,ae.prototype.set=co;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 so(){this.__data__=[]}function lo(t){var i=this.__data__,l=Ne(i,t);if(l<0)return!1;var b=i.length-1;return l==b?i.pop():qn.call(i,l,1),!0}function uo(t){var i=this.__data__,l=Ne(i,t);return l<0?void 0:i[l][1]}function fo(t){return Ne(this.__data__,t)>-1}function mo(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=so,q.prototype.delete=lo,q.prototype.get=uo,q.prototype.has=fo,q.prototype.set=mo;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 po(){this.__data__={hash:new ae,map:new(be||q),string:new ae}}function bo(t){return Te(this,t).delete(t)}function ho(t){return Te(this,t).get(t)}function go(t){return Te(this,t).has(t)}function vo(t,i){return Te(this,t).set(t,i),this}ie.prototype.clear=po,ie.prototype.delete=bo,ie.prototype.get=ho,ie.prototype.has=go,ie.prototype.set=vo;function ce(t){this.__data__=new q(t)}function yo(){this.__data__=new q}function ko(t){return this.__data__.delete(t)}function wo(t){return this.__data__.get(t)}function _o(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=yo,ce.prototype.delete=ko,ce.prototype.get=wo,ce.prototype.has=_o,ce.prototype.set=So;function Co(t,i){var l=je(t)||Wo(t)?Zn(t.length,String):[],b=l.length,O=!!b;for(var L in t)(i||J.call(t,L))&&!(O&&(L=="length"||Ho(L,b)))&&l.push(L);return l}function _t(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 Eo(t,i){return t&&St(i,Ke(i),t)}function Pe(t,i,l,b,O,L,K){var M;if(b&&(M=L?b(t,O,L,K):b(t)),M!==void 0)return M;if(!Be(t))return t;var It=je(t);if(It){if(M=Zo(t),!i)return Lo(t,M)}else{var le=ne(t),$t=le==T||le==C;if(Xo(t))return Oo(t,i);if(le==v||le==f||$t&&!L){if(ut(t))return L?t:{};if(M=jo($t?{}:t),!i)return Mo(t,Eo(M,t))}else{if(!g[le])return L?t:{};M=Ko(t,le,Pe,i)}}K||(K=new ce);var Ot=K.get(t);if(Ot)return Ot;if(K.set(t,M),!It)var At=l?Po(t):Ke(t);return Mn(At||t,function(He,Ie){At&&(Ie=He,He=t[Ie]),_t(M,Ie,Pe(He,i,l,b,Ie,t,K))}),M}function No(t){return Be(t)?Gn(t):{}}function To(t,i,l){var b=i(t);return je(t)?b:Pn(b,l(t))}function Bo(t){return Ee.call(t)}function Io(t){if(!Be(t)||Uo(t))return!1;var i=Bt(t)||ut(t)?zn:N;return i.test(oe(t))}function $o(t){if(!Et(t))return Yn(t);var i=[];for(var l in Object(t))J.call(t,l)&&l!="constructor"&&i.push(l);return i}function Oo(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 Ao(t,i){var l=i?Ze(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.byteLength)}function Fo(t,i,l){var b=i?l(ft(t),!0):ft(t);return dt(b,pe,new t.constructor)}function xo(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,Ln,new t.constructor)}function Vo(t){return wt?Object(wt.call(t)):{}}function Ro(t,i){var l=i?Ze(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.length)}function Lo(t,i){var l=-1,b=t.length;for(i||(i=Array(b));++l<b;)i[l]=t[l];return i}function St(t,i,l,b){l||(l={});for(var O=-1,L=i.length;++O<L;){var K=i[O],M=b?b(l[K],t[K],K,l,t):void 0;_t(l,K,M===void 0?t[K]:M)}return l}function Mo(t,i){return St(t,Ct(t),i)}function Po(t){return To(t,Ke,Ct)}function Te(t,i){var l=t.__data__;return zo(i)?l[typeof i=="string"?"string":"hash"]:l.map}function se(t,i){var l=jn(t,i);return Io(l)?l:void 0}var Ct=yt?xe(yt,Object):Qo,ne=Bo;(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 Jn:return V;case Qn:return B;case eo:return F;case to:return I;case ao:return z}return i});function Zo(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 jo(t){return typeof t.constructor=="function"&&!Et(t)?No(Un(t)):{}}function Ko(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 Ao(t,b);case P:case S:case x:case Z:case k:case s:case u:case m:case y:return Ro(t,b);case B:return Fo(t,b,l);case A:case G:return new O(t);case j:return xo(t);case I:return Do(t,b,l);case X:return Vo(t)}}function Ho(t,i){return i=i??d,!!i&&(typeof t=="number"||D.test(t))&&t>-1&&t%1==0&&t<i}function zo(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function Uo(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 Go(t){return Pe(t,!0,!0)}function Nt(t,i){return t===i||t!==t&&i!==i}function Wo(t){return qo(t)&&J.call(t,"callee")&&(!Wn.call(t,"callee")||Ee.call(t)==f)}var je=Array.isArray;function Tt(t){return t!=null&&Yo(t.length)&&!Bt(t)}function qo(t){return Jo(t)&&Tt(t)}var Xo=Xn||er;function Bt(t){var i=Be(t)?Ee.call(t):"";return i==T||i==C}function Yo(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 Jo(t){return!!t&&typeof t=="object"}function Ke(t){return Tt(t)?Co(t):$o(t)}function Qo(){return[]}function er(){return!1}n.exports=Go}(Se,Se.exports);var on=Se.exports;const rn=nn(on),cn={key:0,class:"sidebar-header"},sn={class:"sidebar-content-container"},ln={key:0,class:"sidebar-top"},dn={"aria-label":"Main menu"},un={key:0,class:"level-primary top-items"},fn={key:1,class:"sidebar-level-divider",role:"separator"},mn={key:2,class:"level-primary bottom-items"},pn={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=>({"23c53c20":p.value.mobileHeight,"3460a0fc":p.value.mobileTop,"1cf2af88":n.zIndex,f1bfd3c4:p.value.height,83239084:p.value.top,"23dc8fdc":w.value.marginTop,"249a1c3a":h.value.display,"4fcba391":h.value.minHeight,"14e46dcd":T.value.top,"4aabd500":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`})),w=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=>rn(s).map(m=>{var y,_,E;if(m){(!m.key||!((y=m.key)!=null&&y.trim()))&&(m.key=String(m.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!m.testId||!((_=m.testId)!=null&&_.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),P=e.ref(),S=()=>{V.value||(V.value=!0,clearTimeout(P.value),P.value=setTimeout(()=>V.value=!1,1300))},x=e.ref(null),Z=e.computed(()=>v.value&&o.mobileEnabled),k=async s=>{var u,m;s?(await e.nextTick(),await new Promise(y=>setTimeout(y,300)),(u=x.value)==null||u.activate()):(m=x.value)==null||m.deactivate()};return e.watch(Z,async s=>{s?await k(!0):await k(!1)},{immediate:!0}),e.onMounted(()=>{U.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",z),window.addEventListener("resize",S)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",z),window.removeEventListener("resize",S)}),(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(an),{ref_key:"focusTrap",ref:x,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",cn,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",sn,[c.value?(e.openBlock(),e.createElementBlock("div",ln,[e.renderSlot(s.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",dn,[B.value.length?(e.openBlock(),e.createElementBlock("ul",un,[(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},null,8,["item"]))),128))])):e.createCommentVNode("",!0),B.value.length&&A.value.length?(e.openBlock(),e.createElementBlock("div",fn)):e.createCommentVNode("",!0),A.value.length?(e.openBlock(),e.createElementBlock("ul",mn,[(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},null,8,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",pn,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),[["__scopeId","data-v-34c2833b"]]),Fe=n=>(e.pushScopeId("data-v-b411bcf5"),n=n(),e.popScopeId(),n),bn=["aria-label"],hn=[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"])},hn,10,bn))}}),[["__scopeId","data-v-b411bcf5"]]),gn=n=>(e.pushScopeId("data-v-7129ca7f"),n=n(),e.popScopeId(),n),vn={id:"kong-ui-app-layout-notification"},yn={class:"mobile-logo"},kn={key:0,class:"navbar-logo"},wn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},_n={class:"kong-ui-app-layout-content"},Sn={class:"kong-ui-app-layout-content-inner"},Cn=gn(()=>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(S=>({"328394ce":I.value,"42bdeb84":G.value,"31e8409c":j.value,"4fa4ed00":X.value,"4802d273":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)}),w=S=>{o("sidebar-click",S)},T=e.ref(!1),C=S=>{T.value=S};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"?ga:va),I=e.computed(()=>r.theme==="light"?ba:ha),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?ya:ka),{debounce:U}=it(),V=U((S=!1)=>{if(S||B.value!==(window==null?void 0:window.innerWidth)){B.value=window==null?void 0:window.innerWidth;const x=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");x&&(v.value=x.offsetHeight)}},200),P=e.ref();return e.onMounted(()=>{var x,Z;(x=document==null?void 0:document.body)==null||x.classList.add("kong-ui-app-layout-body"),(Z=document==null?void 0:document.documentElement)==null||Z.classList.add("kong-ui-app-layout-html"),B.value=window==null?void 0:window.innerWidth,V(!0);const S=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");S&&(P.value=new ResizeObserver(k=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(k)||!k.length))for(const s of k){const u=s.contentRect.height;v.value!==u&&(v.value=u)}})}),P.value.observe(S)),window.addEventListener("resize",V)}),e.onBeforeUnmount(()=>{P.value&&P.value.disconnect(),window.removeEventListener("resize",V)}),(S,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":p.hidden},{"sidebar-hidden":h.hidden}]])},[e.createElementVNode("div",vn,[e.renderSlot(S.$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",yn,[e.renderSlot(S.$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",kn,[e.renderSlot(S.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,f.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,f.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,f.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(S.$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:w,onToggle:C},e.createSlots({_:2},[f.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,f.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,f.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(S.$slots,"sidebar-footer",{},void 0,!0)]),key:"2"}:void 0]),1032,["bottom-items","header-height","mobile-top-offset","open","top-items","top-offset"])),e.createElementVNode("main",wn,[e.createElementVNode("div",_n,[e.createElementVNode("div",Sn,[Cn,e.renderSlot(S.$slots,"app-error",{},void 0,!0),c.value?e.createCommentVNode("",!0):e.renderSlot(S.$slots,"default",{key:0},void 0,!0)])])])],2))}}),[["__scopeId","data-v-7129ca7f"]]),En=n=>(e.pushScopeId("data-v-d7e33427"),n=n(),e.popScopeId(),n),Nn={class:"kong-ui-app-page-header"},Tn={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},Bn=En(()=>e.createElementVNode("span",{class:"page-header-breadcrumb-divider"},"/",-1)),In={class:"page-header-title-section"},$n={class:"page-header-title-wrapper"},On={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},An=["title"],Fn={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},xn={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"},Vn=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",Nn,[r.value?(e.openBlock(),e.createElementBlock("div",Tn,[e.createVNode(p,{items:n.breadcrumbs},e.createSlots({divider:e.withCtx(()=>[Bn]),_: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",In,[e.createElementVNode("div",$n,[f.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",On,[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,An),f.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",Fn,[e.renderSlot(f.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.actions?(e.openBlock(),e.createElementBlock("div",xn,[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"]]),Rn={install:(n,a={})=>{n.component(a.name||"AppLayout",lt)}};R.AccountDropdown=xt,R.AppAboutSection=Gt,R.AppError=oa,R.AppLayout=lt,R.AppNavbar=Ue,R.AppPageHeader=Vn,R.AppSidebar=ct,R.SidebarToggle=st,R.default=Rn,Object.defineProperties(R,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/dist/style.css CHANGED
@@ -1 +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-bf7140dd]{overflow:hidden}.sidebar-item-primary.active[data-v-bf7140dd],.sidebar-item-primary.expanded[data-v-bf7140dd]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-bf7140dd],.sidebar-item-primary>div>a[data-v-bf7140dd]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-bf7140dd],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-bf7140dd]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-bf7140dd]{margin-bottom:4px}.sidebar-item-secondary[data-v-bf7140dd]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-bf7140dd]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-bf7140dd]{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-bf7140dd]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-bf7140dd]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-bf7140dd]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-bf7140dd]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-bf7140dd]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-bf7140dd]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-bf7140dd]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-bf7140dd]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-bf7140dd]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-bf7140dd]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-bf7140dd]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-bf7140dd]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-bf7140dd]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-bf7140dd]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-bf7140dd]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-34c2833b]{background:#000933;display:flex;flex-direction:column;height:var(--23c53c20);left:-100%;position:fixed;top:var(--3460a0fc);transition:left .2s ease-in-out;width:100%;z-index:var(--1cf2af88)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-34c2833b]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-34c2833b]{height:var(--f1bfd3c4);left:0;top:var(--83239084)}}.kong-ui-app-sidebar.sidebar-open[data-v-34c2833b],.kong-ui-app-sidebar.mobile-disabled[data-v-34c2833b]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-34c2833b]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-34c2833b]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]{display:flex;flex-direction:column;height:100%;margin-top:var(--23dc8fdc);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-34c2833b]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]: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-34c2833b]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-34c2833b]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-34c2833b]: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-34c2833b] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-34c2833b],.no-sidebar-header .sidebar-content-container[data-v-34c2833b]{margin-top:0!important}}.sidebar-level-divider[data-v-34c2833b]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-34c2833b]{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(--249a1c3a);left:0;min-height:var(--4fcba391);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-34c2833b]{display:flex}}.sidebar-header[data-v-34c2833b]>*{display:flex}.sidebar-header[data-v-34c2833b]>a{text-decoration:none}.sidebar-header[data-v-34c2833b]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-34c2833b]: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-34c2833b]{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-34c2833b]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-34c2833b]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-34c2833b] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-34c2833b]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--14e46dcd);z-index:var(--4aabd500)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-34c2833b]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-00a332e0]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-00a332e0]:focus-visible{outline:1px solid #0044f4;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, #0044f4)}@media (min-width: 1024px){.sidebar-menu-toggle[data-v-00a332e0]{display:none}}.sidebar-menu-toggle .line[data-v-00a332e0]{background-color:#fff;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, #ffffff);border-radius:6px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Roboto, Helvetica, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{-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-7129ca7f]{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-7129ca7f] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-7129ca7f]{align-items:stretch;background-color:var(--328394ce);box-shadow:var(--42bdeb84);color:var(--31e8409c);display:flex;flex-grow:1;height:100%;margin-top:var(--4fa4ed00);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-7129ca7f]{border-top-left-radius:var(--4802d273);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-7129ca7f]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-7129ca7f]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-7129ca7f]{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-7129ca7f]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-7129ca7f]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-7129ca7f]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-7129ca7f] .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}}
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-bf7140dd]{overflow:hidden}.sidebar-item-primary.active[data-v-bf7140dd],.sidebar-item-primary.expanded[data-v-bf7140dd]{background-color:#ffffff1f;border-radius:6px;box-shadow:0 0 0 1px #ffffff1f inset}.sidebar-item-primary>a[data-v-bf7140dd],.sidebar-item-primary>div>a[data-v-bf7140dd]{border-radius:6px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-bf7140dd],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-bf7140dd]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-bf7140dd]{margin-bottom:4px}.sidebar-item-secondary[data-v-bf7140dd]:last-of-type{margin-bottom:0}.sidebar-item-secondary:last-of-type a[data-v-bf7140dd]{border-bottom-right-radius:6px}.sidebar-item-secondary a[data-v-bf7140dd]{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-bf7140dd]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-bf7140dd]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-bf7140dd]{box-shadow:4px 0 #00fabe inset;color:#00fabe!important;font-weight:500!important}.sidebar-item-secondary.active>a[data-v-bf7140dd]:focus-visible{box-shadow:4px 0 #00fabe inset,0 0 0 1px #fff9 inset}.sidebar-item-display[data-v-bf7140dd]{align-items:center;display:flex;gap:8px;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-bf7140dd]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-bf7140dd]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-bf7140dd]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-bf7140dd]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-bf7140dd]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-bf7140dd]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-bf7140dd]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-bf7140dd]{height:auto;min-width:0}.sidebar-item-display .sidebar-item-label[data-v-bf7140dd]{color:#bee2ff;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-bf7140dd]{align-items:center;display:flex;line-height:0}.kong-ui-app-sidebar[data-v-34c2833b]{background:#000933;display:flex;flex-direction:column;height:var(--23c53c20);left:-100%;position:fixed;top:var(--3460a0fc);transition:left .2s ease-in-out;width:100%;z-index:var(--1cf2af88)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-34c2833b]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-34c2833b]{height:var(--f1bfd3c4);left:0;top:var(--83239084)}}.kong-ui-app-sidebar.sidebar-open[data-v-34c2833b],.kong-ui-app-sidebar.mobile-disabled[data-v-34c2833b]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-34c2833b]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-34c2833b]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]{display:flex;flex-direction:column;height:100%;margin-top:var(--23dc8fdc);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-34c2833b]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]: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-34c2833b]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-34c2833b]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-34c2833b]{align-items:center;color:#afb7c5;display:flex;font-weight:500;position:relative;width:100%}.kong-ui-app-sidebar .sidebar-footer[data-v-34c2833b]: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-34c2833b] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-34c2833b],.no-sidebar-header .sidebar-content-container[data-v-34c2833b]{margin-top:0!important}}.sidebar-level-divider[data-v-34c2833b]{background-color:#ffffff3d;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-34c2833b]{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(--249a1c3a);left:0;min-height:var(--4fcba391);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-34c2833b]{display:flex}}.sidebar-header[data-v-34c2833b]>*{display:flex}.sidebar-header[data-v-34c2833b]>a{text-decoration:none}.sidebar-header[data-v-34c2833b]>a:focus-visible{border-radius:6px;outline:1px solid #afb7c5}.sidebar-header[data-v-34c2833b]: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-34c2833b]{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-34c2833b]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-34c2833b]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-34c2833b] .kui-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-34c2833b]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--14e46dcd);z-index:var(--4aabd500)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-34c2833b]{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-7129ca7f]{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-7129ca7f] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-7129ca7f] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-7129ca7f]{align-items:stretch;background-color:var(--328394ce);box-shadow:var(--42bdeb84);color:var(--31e8409c);display:flex;flex-grow:1;height:100%;margin-top:var(--4fa4ed00);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-7129ca7f]{border-top-left-radius:var(--4802d273);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-7129ca7f]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-7129ca7f]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-7129ca7f]{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-7129ca7f]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-7129ca7f]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-7129ca7f]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-7129ca7f] .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}}
@@ -1 +1 @@
1
- {"version":3,"file":"SidebarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/SidebarToggle.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAgHA,wBAYG"}
1
+ {"version":3,"file":"SidebarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/SidebarToggle.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiHA,wBAYG"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong-ui-public/app-layout",
3
- "version": "3.0.1",
3
+ "version": "3.0.3",
4
4
  "type": "module",
5
5
  "main": "./dist/app-layout.umd.js",
6
6
  "module": "./dist/app-layout.es.js",
@@ -26,13 +26,13 @@
26
26
  "vue-router": "^4.2.5"
27
27
  },
28
28
  "dependencies": {
29
- "@kong/icons": "^1.8.13",
29
+ "@kong/icons": "^1.8.14",
30
30
  "focus-trap": "^7.5.4",
31
31
  "focus-trap-vue": "^4.0.3",
32
32
  "lodash.clonedeep": "^4.5.0"
33
33
  },
34
34
  "devDependencies": {
35
- "@kong/design-tokens": "1.12.4",
35
+ "@kong/design-tokens": "1.12.6",
36
36
  "@kong/kongponents": "9.0.0-alpha.95",
37
37
  "@types/lodash.clonedeep": "^4.5.9",
38
38
  "vue": "^3.4.13",