@kong-ui-public/app-layout 0.22.18 → 0.22.19
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.
- package/dist/app-layout.es.js +12 -12
- package/dist/app-layout.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/app-layout.es.js
CHANGED
|
@@ -1497,7 +1497,7 @@ const Lr = /* @__PURE__ */ Br(Rr), Pr = {
|
|
|
1497
1497
|
},
|
|
1498
1498
|
zIndex: {
|
|
1499
1499
|
type: Number,
|
|
1500
|
-
default:
|
|
1500
|
+
default: 3
|
|
1501
1501
|
},
|
|
1502
1502
|
// Props that only impact mobile
|
|
1503
1503
|
open: {
|
|
@@ -1537,16 +1537,16 @@ const Lr = /* @__PURE__ */ Br(Rr), Pr = {
|
|
|
1537
1537
|
setup(n, { emit: t }) {
|
|
1538
1538
|
const a = n;
|
|
1539
1539
|
ut((s) => ({
|
|
1540
|
-
|
|
1541
|
-
"
|
|
1542
|
-
|
|
1543
|
-
"
|
|
1544
|
-
"
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
"
|
|
1548
|
-
"
|
|
1549
|
-
|
|
1540
|
+
c6089880: o.value.mobileHeight,
|
|
1541
|
+
"6f664d5c": o.value.mobileTop,
|
|
1542
|
+
bff1d830: n.zIndex,
|
|
1543
|
+
"2c1e7484": o.value.height,
|
|
1544
|
+
"68c4ac1e": o.value.top,
|
|
1545
|
+
cf2fa71c: h.value.marginTop,
|
|
1546
|
+
f12a684c: v.value.display,
|
|
1547
|
+
"412eeb31": v.value.minHeight,
|
|
1548
|
+
"290c7a2d": y.value.top,
|
|
1549
|
+
"29b826c0": y.value.zIndex
|
|
1550
1550
|
}));
|
|
1551
1551
|
const r = dt(), l = g(() => !!r.header), d = g(() => !!r.top), o = g(() => ({
|
|
1552
1552
|
mobileTop: a.mobileTopOffset && a.mobileEnabled ? `${a.mobileTopOffset}px` : a.topOffset ? `${a.topOffset}px` : "0",
|
|
@@ -1655,7 +1655,7 @@ const Lr = /* @__PURE__ */ Br(Rr), Pr = {
|
|
|
1655
1655
|
], 64));
|
|
1656
1656
|
}
|
|
1657
1657
|
});
|
|
1658
|
-
const Ur = /* @__PURE__ */ ne(Gr, [["__scopeId", "data-v-
|
|
1658
|
+
const Ur = /* @__PURE__ */ ne(Gr, [["__scopeId", "data-v-00a9a4d3"]]), ft = (n) => (Ve("data-v-00a332e0"), n = n(), Ge(), n), Wr = ["aria-label", "onClick"], qr = /* @__PURE__ */ ft(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), Yr = /* @__PURE__ */ ft(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), Xr = /* @__PURE__ */ ft(() => /* @__PURE__ */ T("span", { class: "line" }, null, -1)), Jr = [
|
|
1659
1659
|
qr,
|
|
1660
1660
|
Yr,
|
|
1661
1661
|
Xr
|
package/dist/app-layout.umd.js
CHANGED
|
@@ -8,4 +8,4 @@
|
|
|
8
8
|
* focus-trap-vue v4.0.1
|
|
9
9
|
* (c) 2023 Eduardo San Martin Morote
|
|
10
10
|
* @license MIT
|
|
11
|
-
*/function Jr(r){return r}const La={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},Ma=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},La),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(r,{slots:a,emit:n}){let o;const d=e.ref(null),f=e.computed(()=>{const b=d.value;return b&&(b instanceof HTMLElement?b:b.$el)});function c(){return o||(o=Ra(f.value,{escapeDeactivates:r.escapeDeactivates,allowOutsideClick:r.allowOutsideClick,returnFocusOnDeactivate:r.returnFocusOnDeactivate,clickOutsideDeactivates:r.clickOutsideDeactivates,onActivate:()=>{n("update:active",!0),n("activate")},onDeactivate:()=>{n("update:active",!1),n("deactivate")},onPostActivate:()=>n("postActivate"),onPostDeactivate:()=>n("postDeactivate"),initialFocus:r.initialFocus,fallbackFocus:r.fallbackFocus,tabbableOptions:r.tabbableOptions,delayInitialFocus:r.delayInitialFocus}))}return e.onMounted(()=>{e.watch(()=>r.active,b=>{b&&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 b=a.default().filter(g=>g.type!==e.Comment);return!b||!b.length||b.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),b):e.cloneVNode(b[0],{ref:d})}}}});function ot(){return{debounce:(a,n)=>{let o;return(...d)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{a(...d)},n)}}}}var we=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Pa(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var ke={exports:{}};ke.exports,function(r,a){var n=200,o="__lodash_hash_undefined__",d=9007199254740991,f="[object Arguments]",c="[object Array]",b="[object Boolean]",h="[object Date]",g="[object Error]",I="[object Function]",T="[object GeneratorFunction]",B="[object Map]",k="[object Number]",S="[object Object]",P="[object Promise]",D="[object RegExp]",F="[object Set]",W="[object String]",Z="[object Symbol]",w="[object WeakMap]",A="[object ArrayBuffer]",j="[object DataView]",U="[object Float32Array]",K="[object Float64Array]",H="[object Int8Array]",C="[object Int16Array]",s="[object Int32Array]",u="[object Uint8Array]",p="[object Uint8ClampedArray]",v="[object Uint16Array]",_="[object Uint32Array]",N=/[\\^$.*+?()[\]{}|]/g,E=/\w*$/,$=/^\[object .+?Constructor\]$/,O=/^(?:0|[1-9]\d*)$/,y={};y[f]=y[c]=y[A]=y[j]=y[b]=y[h]=y[U]=y[K]=y[H]=y[C]=y[s]=y[B]=y[k]=y[S]=y[D]=y[F]=y[W]=y[Z]=y[u]=y[p]=y[v]=y[_]=!0,y[g]=y[I]=y[w]=!1;var ee=typeof we=="object"&&we&&we.Object===Object&&we,q=typeof self=="object"&&self&&self.Object===Object&&self,V=ee||q||Function("return this")(),fe=a&&!a.nodeType&&a,oe=fe&&!0&&r&&!r.nodeType&&r,pe=oe&&oe.exports===fe;function En(t,i){return t.set(i[0],i[1]),t}function In(t,i){return t.add(i),t}function Bn(t,i){for(var l=-1,m=t?t.length:0;++l<m&&i(t[l],l,t)!==!1;);return t}function On(t,i){for(var l=-1,m=i.length,x=t.length;++l<m;)t[x+l]=i[l];return t}function lt(t,i,l,m){var x=-1,R=t?t.length:0;for(m&&R&&(l=t[++x]);++x<R;)l=i(l,t[x],x,t);return l}function xn(t,i){for(var l=-1,m=Array(t);++l<t;)m[l]=i(l);return m}function An(t,i){return t==null?void 0:t[i]}function dt(t){var i=!1;if(t!=null&&typeof t.toString!="function")try{i=!!(t+"")}catch{}return i}function ut(t){var i=-1,l=Array(t.size);return t.forEach(function(m,x){l[++i]=[x,m]}),l}function $e(t,i){return function(l){return t(i(l))}}function ft(t){var i=-1,l=Array(t.size);return t.forEach(function(m){l[++i]=m}),l}var $n=Array.prototype,Fn=Function.prototype,Se=Object.prototype,Fe=V["__core-js_shared__"],pt=function(){var t=/[^.]+$/.exec(Fe&&Fe.keys&&Fe.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),bt=Fn.toString,X=Se.hasOwnProperty,Ce=Se.toString,Dn=RegExp("^"+bt.call(X).replace(N,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),mt=pe?V.Buffer:void 0,ht=V.Symbol,vt=V.Uint8Array,Vn=$e(Object.getPrototypeOf,Object),Rn=Object.create,Ln=Se.propertyIsEnumerable,Mn=$n.splice,gt=Object.getOwnPropertySymbols,Pn=mt?mt.isBuffer:void 0,Zn=$e(Object.keys,Object),De=se(V,"DataView"),be=se(V,"Map"),Ve=se(V,"Promise"),Re=se(V,"Set"),Le=se(V,"WeakMap"),me=se(Object,"create"),jn=ne(De),Hn=ne(be),Kn=ne(Ve),zn=ne(Re),Un=ne(Le),yt=ht?ht.prototype:void 0,_t=yt?yt.valueOf:void 0;function te(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var m=t[i];this.set(m[0],m[1])}}function Gn(){this.__data__=me?me(null):{}}function Wn(t){return this.has(t)&&delete this.__data__[t]}function qn(t){var i=this.__data__;if(me){var l=i[t];return l===o?void 0:l}return X.call(i,t)?i[t]:void 0}function Yn(t){var i=this.__data__;return me?i[t]!==void 0:X.call(i,t)}function Xn(t,i){var l=this.__data__;return l[t]=me&&i===void 0?o:i,this}te.prototype.clear=Gn,te.prototype.delete=Wn,te.prototype.get=qn,te.prototype.has=Yn,te.prototype.set=Xn;function Y(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var m=t[i];this.set(m[0],m[1])}}function Jn(){this.__data__=[]}function Qn(t){var i=this.__data__,l=Te(i,t);if(l<0)return!1;var m=i.length-1;return l==m?i.pop():Mn.call(i,l,1),!0}function er(t){var i=this.__data__,l=Te(i,t);return l<0?void 0:i[l][1]}function tr(t){return Te(this.__data__,t)>-1}function ar(t,i){var l=this.__data__,m=Te(l,t);return m<0?l.push([t,i]):l[m][1]=i,this}Y.prototype.clear=Jn,Y.prototype.delete=Qn,Y.prototype.get=er,Y.prototype.has=tr,Y.prototype.set=ar;function ie(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var m=t[i];this.set(m[0],m[1])}}function nr(){this.__data__={hash:new te,map:new(be||Y),string:new te}}function rr(t){return Ne(this,t).delete(t)}function or(t){return Ne(this,t).get(t)}function ir(t){return Ne(this,t).has(t)}function cr(t,i){return Ne(this,t).set(t,i),this}ie.prototype.clear=nr,ie.prototype.delete=rr,ie.prototype.get=or,ie.prototype.has=ir,ie.prototype.set=cr;function ce(t){this.__data__=new Y(t)}function sr(){this.__data__=new Y}function lr(t){return this.__data__.delete(t)}function dr(t){return this.__data__.get(t)}function ur(t){return this.__data__.has(t)}function fr(t,i){var l=this.__data__;if(l instanceof Y){var m=l.__data__;if(!be||m.length<n-1)return m.push([t,i]),this;l=this.__data__=new ie(m)}return l.set(t,i),this}ce.prototype.clear=sr,ce.prototype.delete=lr,ce.prototype.get=dr,ce.prototype.has=ur,ce.prototype.set=fr;function pr(t,i){var l=Ze(t)||Rr(t)?xn(t.length,String):[],m=l.length,x=!!m;for(var R in t)(i||X.call(t,R))&&!(x&&(R=="length"||$r(R,m)))&&l.push(R);return l}function wt(t,i,l){var m=t[i];(!(X.call(t,i)&&Tt(m,l))||l===void 0&&!(i in t))&&(t[i]=l)}function Te(t,i){for(var l=t.length;l--;)if(Tt(t[l][0],i))return l;return-1}function br(t,i){return t&&kt(i,je(i),t)}function Me(t,i,l,m,x,R,z){var M;if(m&&(M=R?m(t,x,R,z):m(t)),M!==void 0)return M;if(!Ee(t))return t;var It=Ze(t);if(It){if(M=Or(t),!i)return Er(t,M)}else{var le=ae(t),Bt=le==I||le==T;if(Mr(t))return _r(t,i);if(le==S||le==f||Bt&&!R){if(dt(t))return R?t:{};if(M=xr(Bt?{}:t),!i)return Ir(t,br(M,t))}else{if(!y[le])return R?t:{};M=Ar(t,le,Me,i)}}z||(z=new ce);var Ot=z.get(t);if(Ot)return Ot;if(z.set(t,M),!It)var xt=l?Br(t):je(t);return Bn(xt||t,function(He,Ie){xt&&(Ie=He,He=t[Ie]),wt(M,Ie,Me(He,i,l,m,Ie,t,z))}),M}function mr(t){return Ee(t)?Rn(t):{}}function hr(t,i,l){var m=i(t);return Ze(t)?m:On(m,l(t))}function vr(t){return Ce.call(t)}function gr(t){if(!Ee(t)||Dr(t))return!1;var i=Et(t)||dt(t)?Dn:$;return i.test(ne(t))}function yr(t){if(!Ct(t))return Zn(t);var i=[];for(var l in Object(t))X.call(t,l)&&l!="constructor"&&i.push(l);return i}function _r(t,i){if(i)return t.slice();var l=new t.constructor(t.length);return t.copy(l),l}function Pe(t){var i=new t.constructor(t.byteLength);return new vt(i).set(new vt(t)),i}function wr(t,i){var l=i?Pe(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.byteLength)}function kr(t,i,l){var m=i?l(ut(t),!0):ut(t);return lt(m,En,new t.constructor)}function Sr(t){var i=new t.constructor(t.source,E.exec(t));return i.lastIndex=t.lastIndex,i}function Cr(t,i,l){var m=i?l(ft(t),!0):ft(t);return lt(m,In,new t.constructor)}function Tr(t){return _t?Object(_t.call(t)):{}}function Nr(t,i){var l=i?Pe(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.length)}function Er(t,i){var l=-1,m=t.length;for(i||(i=Array(m));++l<m;)i[l]=t[l];return i}function kt(t,i,l,m){l||(l={});for(var x=-1,R=i.length;++x<R;){var z=i[x],M=m?m(l[z],t[z],z,l,t):void 0;wt(l,z,M===void 0?t[z]:M)}return l}function Ir(t,i){return kt(t,St(t),i)}function Br(t){return hr(t,je,St)}function Ne(t,i){var l=t.__data__;return Fr(i)?l[typeof i=="string"?"string":"hash"]:l.map}function se(t,i){var l=An(t,i);return gr(l)?l:void 0}var St=gt?$e(gt,Object):jr,ae=vr;(De&&ae(new De(new ArrayBuffer(1)))!=j||be&&ae(new be)!=B||Ve&&ae(Ve.resolve())!=P||Re&&ae(new Re)!=F||Le&&ae(new Le)!=w)&&(ae=function(t){var i=Ce.call(t),l=i==S?t.constructor:void 0,m=l?ne(l):void 0;if(m)switch(m){case jn:return j;case Hn:return B;case Kn:return P;case zn:return F;case Un:return w}return i});function Or(t){var i=t.length,l=t.constructor(i);return i&&typeof t[0]=="string"&&X.call(t,"index")&&(l.index=t.index,l.input=t.input),l}function xr(t){return typeof t.constructor=="function"&&!Ct(t)?mr(Vn(t)):{}}function Ar(t,i,l,m){var x=t.constructor;switch(i){case A:return Pe(t);case b:case h:return new x(+t);case j:return wr(t,m);case U:case K:case H:case C:case s:case u:case p:case v:case _:return Nr(t,m);case B:return kr(t,m,l);case k:case W:return new x(t);case D:return Sr(t);case F:return Cr(t,m,l);case Z:return Tr(t)}}function $r(t,i){return i=i??d,!!i&&(typeof t=="number"||O.test(t))&&t>-1&&t%1==0&&t<i}function Fr(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function Dr(t){return!!pt&&pt in t}function Ct(t){var i=t&&t.constructor,l=typeof i=="function"&&i.prototype||Se;return t===l}function ne(t){if(t!=null){try{return bt.call(t)}catch{}try{return t+""}catch{}}return""}function Vr(t){return Me(t,!0,!0)}function Tt(t,i){return t===i||t!==t&&i!==i}function Rr(t){return Lr(t)&&X.call(t,"callee")&&(!Ln.call(t,"callee")||Ce.call(t)==f)}var Ze=Array.isArray;function Nt(t){return t!=null&&Pr(t.length)&&!Et(t)}function Lr(t){return Zr(t)&&Nt(t)}var Mr=Pn||Hr;function Et(t){var i=Ee(t)?Ce.call(t):"";return i==I||i==T}function Pr(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=d}function Ee(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function Zr(t){return!!t&&typeof t=="object"}function je(t){return Nt(t)?pr(t):yr(t)}function jr(){return[]}function Hr(){return!1}r.exports=Vr}(ke,ke.exports);var Za=ke.exports;const ja=Pa(Za),Ha={key:0,class:"sidebar-header"},Ka={class:"sidebar-content-container"},za={key:0,class:"sidebar-top"},Ua={"aria-label":"Main menu"},Ga={key:0,class:"level-primary top-items"},Wa={key:1,class:"sidebar-level-divider",role:"separator"},qa={key:2,class:"level-primary bottom-items"},Ya={class:"sidebar-footer"},Xa=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:2},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(r,{emit:a}){const n=r;e.useCssVars(s=>({c6205644:c.value.mobileHeight,"19d61e04":c.value.mobileTop,"3a21fe0a":r.zIndex,"7763955c":c.value.height,"6e973140":c.value.top,c38a9cd8:h.value.marginTop,"14dd9b78":b.value.display,"3d2c4b4f":b.value.minHeight,"3ea1dfcf":g.value.top,c0bbe884:g.value.zIndex}));const o=e.useSlots(),d=e.computed(()=>!!o.header),f=e.computed(()=>!!o.top),c=e.computed(()=>({mobileTop:n.mobileTopOffset&&n.mobileEnabled?`${n.mobileTopOffset}px`:n.topOffset?`${n.topOffset}px`:"0",top:n.topOffset?`${n.topOffset}px`:"0",mobileHeight:n.mobileTopOffset&&n.mobileEnabled?`calc(100% - ${n.mobileTopOffset}px)`:"100%",height:n.topOffset?`calc(100% - ${n.topOffset}px)`:"100%"})),b=e.computed(()=>({display:!n.mobileHeaderVisible&&n.mobileEnabled?"none":"flex",minHeight:`${n.headerHeight}px`})),h=e.computed(()=>({marginTop:d.value?`${n.headerHeight}px`:"0"})),g=e.computed(()=>({top:n.mobileTopOffset&&n.mobileEnabled?`${n.mobileTopOffset}px`:"0",zIndex:n.mobileOverlayZIndex!==null?n.mobileOverlayZIndex:n.zIndex>1?n.zIndex-1:1})),I=s=>ja(s).map(p=>{var v,_,N;if(p){(!p.key||!((v=p.key)!=null&&v.trim()))&&(p.key=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!p.testId||!((_=p.testId)!=null&&_.trim()))&&(p.testId=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const E of p.items||[])E.parentKey=p.key,(!E.testId||!((N=E.testId)!=null&&N.trim()))&&(E.testId=String(E.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return p}),T=e.computed(()=>n.topItems.length?I(n.topItems):[]),B=e.computed(()=>n.bottomItems.length?I(n.bottomItems):[]),k=e.ref(n.open),S=s=>{var u,p;k.value!==s&&(k.value=s,a("toggle",s)),s?(u=document==null?void 0:document.body)==null||u.classList.add("kong-ui-app-sidebar-open"):(p=document==null?void 0:document.body)==null||p.classList.remove("kong-ui-app-sidebar-open"),D.value=!1},P=()=>{n.mobileOverlayCloseOnClick&&S(!1)},D=e.ref(!1),F=s=>{D.value=!0,a("click",s),setTimeout(()=>{S(!1)},n.mobileCloseDelay)};e.watch(()=>n.open,s=>{S(s)});const{debounce:W}=ot(),Z=W(()=>{k.value&&w.value!==(window==null?void 0:window.innerWidth)&&(w.value=window==null?void 0:window.innerWidth,S(!1))},200),w=e.ref(),A=e.ref(!1),j=e.ref(),U=()=>{A.value||(A.value=!0,clearTimeout(j.value),j.value=setTimeout(()=>A.value=!1,1300))},K=e.ref(null),H=e.computed(()=>k.value&&n.mobileEnabled),C=async s=>{var u,p;s?(await e.nextTick(),await new Promise(v=>setTimeout(v,300)),(u=K.value)==null||u.activate()):(p=K.value)==null||p.deactivate()};return e.watch(H,async s=>{s?await C(!0):await C(!1)},{immediate:!0}),e.onMounted(()=>{w.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",Z),window.addEventListener("resize",U)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",Z),window.removeEventListener("resize",U)}),(s,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[k.value&&r.mobileOverlay&&r.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:P})):e.createCommentVNode("",!0),e.createVNode(e.unref(Ma),{ref_key:"focusTrap",ref:K,active:!1,"allow-outside-click":"","fallback-focus":".kong-ui-app-sidebar"},{default:e.withCtx(()=>[e.createElementVNode("aside",{class:e.normalizeClass(["kong-ui-app-sidebar",{"sidebar-open":k.value,"no-sidebar-header":!d.value,"mobile-header-hidden":r.mobileEnabled&&(!d.value||!r.mobileHeaderVisible),"mobile-disabled":!r.mobileEnabled,"disable-transitions":A.value}]),tabindex:"-1"},[d.value?(e.openBlock(),e.createElementBlock("div",Ha,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ka,[f.value?(e.openBlock(),e.createElementBlock("div",za,[e.renderSlot(s.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",Ua,[T.value.length?(e.openBlock(),e.createElementBlock("ul",Ga,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,p=>(e.openBlock(),e.createBlock(Ue,{key:p.name,item:p,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0),T.value.length&&B.value.length?(e.openBlock(),e.createElementBlock("div",Wa)):e.createCommentVNode("",!0),B.value.length?(e.openBlock(),e.createElementBlock("ul",qa,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,p=>(e.openBlock(),e.createBlock(Ue,{key:p.name,item:p,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",Ya,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),Qr="",eo="",it=G(Xa,[["__scopeId","data-v-bb97d4e3"]]),Ae=r=>(e.pushScopeId("data-v-00a332e0"),r=r(),e.popScopeId(),r),Ja=["aria-label","onClick"],Qa=[Ae(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>e.createElementVNode("span",{class:"line"},null,-1))],en=e.defineComponent({__name:"SidebarToggle",props:{active:{type:Boolean,default:!1}},emits:["toggle"],setup(r,{emit:a}){const n=r,o=e.ref(n.active||!1),d=()=>{o.value=!o.value,a("toggle",o.value)};return e.watch(()=>n.active,f=>{o.value=f}),(f,c)=>(e.openBlock(),e.createElementBlock("a",{"aria-haspopup":"true","aria-label":o.value?"Close Main Menu":"Open Main Menu",class:e.normalizeClass(["sidebar-menu-toggle",{active:o.value}]),href:"#",role:"button",onClick:e.withModifiers(d,["prevent"])},Qa,10,Ja))}}),ro="",ct=G(en,[["__scopeId","data-v-00a332e0"]]),tn="0px",an="16px",nn=r=>(e.pushScopeId("data-v-0a4e6b30"),r=r(),e.popScopeId(),r),rn={id:"kong-ui-app-layout-notification"},on={class:"mobile-logo"},cn={key:0,class:"navbar-logo"},sn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},ln={class:"kong-ui-app-layout-content"},dn={class:"kong-ui-app-layout-content-inner"},un=nn(()=>e.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),fn=e.defineComponent({__name:"AppLayout",props:{hideDefaultSlot:{type:Boolean,default:!1},navbarHidden:{type:Boolean,default:!1},sidebarHidden:{type:Boolean,default:!1},sidebarOpen:{type:Boolean,default:!1},sidebarTopItems:{type:Array,default:()=>[]},sidebarBottomItems:{type:Array,default:()=>[]}},emits:["sidebar-click"],setup(r,{emit:a}){const n=r;e.useCssVars(w=>({"65a18e83":P.value,"6abaa094":D.value}));const o=e.useSlots(),d=e.reactive({navbarLeft:e.computed(()=>!!o["navbar-left"]),navbarCenter:e.computed(()=>!!o["navbar-center"]),navbarRight:e.computed(()=>!!o["navbar-right"]),navbarLogo:e.computed(()=>!!o["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!o["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!o["sidebar-header"]),sidebarTop:e.computed(()=>!!o["sidebar-top"]),sidebarFooter:e.computed(()=>!!o["sidebar-footer"])}),f=e.computed(()=>n.hideDefaultSlot),c=e.reactive({hidden:e.computed(()=>n.navbarHidden)}),b=e.reactive({topItems:e.computed(()=>n.sidebarTopItems),bottomItems:e.computed(()=>n.sidebarBottomItems),open:e.computed(()=>n.sidebarOpen),hidden:e.computed(()=>n.sidebarHidden)}),h=w=>{a("sidebar-click",w)},g=e.ref(!1),I=w=>{g.value=w};e.watchEffect(()=>{g.value=e.toRef(b,"open").value||!1});const T=e.ref(0),B=e.ref(60),k=e.ref(0),S=e.computed(()=>c.hidden?k.value:B.value+k.value),P=e.computed(()=>`${S.value}px`),D=e.computed(()=>b.hidden||c.hidden?tn:an),{debounce:F}=ot(),W=F((w=!1)=>{if(w||T.value!==(window==null?void 0:window.innerWidth)){T.value=window==null?void 0:window.innerWidth;const A=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");A&&(k.value=A.offsetHeight)}},200),Z=e.ref();return e.onMounted(()=>{var A,j;(A=document==null?void 0:document.body)==null||A.classList.add("kong-ui-app-layout-body"),(j=document==null?void 0:document.documentElement)==null||j.classList.add("kong-ui-app-layout-html"),T.value=window==null?void 0:window.innerWidth,W(!0);const w=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");w&&(Z.value=new ResizeObserver(U=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(U)||!U.length))for(const K of U){const H=K.contentRect.height;k.value!==H&&(k.value=H)}})}),Z.value.observe(w)),window.addEventListener("resize",W)}),e.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",W)}),(w,A)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":c.hidden},{"sidebar-hidden":b.hidden}]])},[e.createElementVNode("div",rn,[e.renderSlot(w.$slots,"notification",{},void 0,!0)]),c.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ze,{key:String(b.hidden),"left-offset":b.hidden?0:void 0,"top-offset":k.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[b.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ct,{key:0,active:g.value,onToggle:I},null,8,["active"]))]),_:2},[d.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",on,[e.renderSlot(w.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,d.navbarLogo?{name:"logo",fn:e.withCtx(()=>[b.hidden?(e.openBlock(),e.createElementBlock("div",cn,[e.renderSlot(w.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,d.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,d.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,d.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),b.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(it,{key:1,"bottom-items":b.bottomItems,"header-height":B.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":S.value,open:g.value,"top-items":b.topItems,"top-offset":k.value,onClick:h,onToggle:I},e.createSlots({_:2},[d.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,d.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,d.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(w.$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",sn,[e.createElementVNode("div",ln,[e.createElementVNode("div",dn,[un,e.renderSlot(w.$slots,"app-error",{},void 0,!0),f.value?e.createCommentVNode("",!0):e.renderSlot(w.$slots,"default",{key:0},void 0,!0)])])])],2))}}),oo="",io="",st=G(fn,[["__scopeId","data-v-0a4e6b30"]]),pn=r=>(e.pushScopeId("data-v-d7e33427"),r=r(),e.popScopeId(),r),bn={class:"kong-ui-app-page-header"},mn={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},hn=pn(()=>e.createElementVNode("span",{class:"page-header-breadcrumb-divider"},"/",-1)),vn={class:"page-header-title-section"},gn={class:"page-header-title-wrapper"},yn={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},_n=["title"],wn={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},kn={key:0,class:"page-header-actions","data-testid":"page-header-actions"},Sn={key:1,class:"page-header-section-below","data-testid":"page-header-section-below"},Cn=e.defineComponent({__name:"AppPageHeader",props:{title:{type:String,required:!0},breadcrumbs:{type:Array,default:()=>[]}},setup(r){const a=r,n=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 b=e.resolveComponent("KBreadcrumbs");return e.openBlock(),e.createElementBlock("div",bn,[n.value?(e.openBlock(),e.createElementBlock("div",mn,[e.createVNode(b,{items:r.breadcrumbs},e.createSlots({divider:e.withCtx(()=>[hn]),_: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",vn,[e.createElementVNode("div",gn,[f.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",yn,[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:r.title},e.toDisplayString(r.title),9,_n),f.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",wn,[e.renderSlot(f.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.actions?(e.openBlock(),e.createElementBlock("div",kn,[e.renderSlot(f.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.below?(e.openBlock(),e.createElementBlock("div",Sn,[e.renderSlot(f.$slots,"below",{},void 0,!0)])):e.createCommentVNode("",!0)])}}}),co="",Tn=G(Cn,[["__scopeId","data-v-d7e33427"]]),Nn={install:(r,a={})=>{r.component(a.name||"AppLayout",st)}};L.AccountDropdown=$t,L.AppError=zt,L.AppLayout=st,L.AppNavbar=ze,L.AppPageHeader=Tn,L.AppSidebar=it,L.SidebarToggle=ct,L.default=Nn,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
11
|
+
*/function Jr(r){return r}const La={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},Ma=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},La),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(r,{slots:a,emit:n}){let o;const d=e.ref(null),f=e.computed(()=>{const b=d.value;return b&&(b instanceof HTMLElement?b:b.$el)});function c(){return o||(o=Ra(f.value,{escapeDeactivates:r.escapeDeactivates,allowOutsideClick:r.allowOutsideClick,returnFocusOnDeactivate:r.returnFocusOnDeactivate,clickOutsideDeactivates:r.clickOutsideDeactivates,onActivate:()=>{n("update:active",!0),n("activate")},onDeactivate:()=>{n("update:active",!1),n("deactivate")},onPostActivate:()=>n("postActivate"),onPostDeactivate:()=>n("postDeactivate"),initialFocus:r.initialFocus,fallbackFocus:r.fallbackFocus,tabbableOptions:r.tabbableOptions,delayInitialFocus:r.delayInitialFocus}))}return e.onMounted(()=>{e.watch(()=>r.active,b=>{b&&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 b=a.default().filter(g=>g.type!==e.Comment);return!b||!b.length||b.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),b):e.cloneVNode(b[0],{ref:d})}}}});function ot(){return{debounce:(a,n)=>{let o;return(...d)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{a(...d)},n)}}}}var we=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Pa(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var ke={exports:{}};ke.exports,function(r,a){var n=200,o="__lodash_hash_undefined__",d=9007199254740991,f="[object Arguments]",c="[object Array]",b="[object Boolean]",h="[object Date]",g="[object Error]",I="[object Function]",T="[object GeneratorFunction]",B="[object Map]",k="[object Number]",S="[object Object]",P="[object Promise]",D="[object RegExp]",F="[object Set]",W="[object String]",Z="[object Symbol]",w="[object WeakMap]",A="[object ArrayBuffer]",j="[object DataView]",U="[object Float32Array]",K="[object Float64Array]",H="[object Int8Array]",C="[object Int16Array]",s="[object Int32Array]",u="[object Uint8Array]",p="[object Uint8ClampedArray]",v="[object Uint16Array]",_="[object Uint32Array]",N=/[\\^$.*+?()[\]{}|]/g,E=/\w*$/,$=/^\[object .+?Constructor\]$/,O=/^(?:0|[1-9]\d*)$/,y={};y[f]=y[c]=y[A]=y[j]=y[b]=y[h]=y[U]=y[K]=y[H]=y[C]=y[s]=y[B]=y[k]=y[S]=y[D]=y[F]=y[W]=y[Z]=y[u]=y[p]=y[v]=y[_]=!0,y[g]=y[I]=y[w]=!1;var ee=typeof we=="object"&&we&&we.Object===Object&&we,q=typeof self=="object"&&self&&self.Object===Object&&self,V=ee||q||Function("return this")(),fe=a&&!a.nodeType&&a,oe=fe&&!0&&r&&!r.nodeType&&r,pe=oe&&oe.exports===fe;function En(t,i){return t.set(i[0],i[1]),t}function In(t,i){return t.add(i),t}function Bn(t,i){for(var l=-1,m=t?t.length:0;++l<m&&i(t[l],l,t)!==!1;);return t}function On(t,i){for(var l=-1,m=i.length,x=t.length;++l<m;)t[x+l]=i[l];return t}function lt(t,i,l,m){var x=-1,R=t?t.length:0;for(m&&R&&(l=t[++x]);++x<R;)l=i(l,t[x],x,t);return l}function xn(t,i){for(var l=-1,m=Array(t);++l<t;)m[l]=i(l);return m}function An(t,i){return t==null?void 0:t[i]}function dt(t){var i=!1;if(t!=null&&typeof t.toString!="function")try{i=!!(t+"")}catch{}return i}function ut(t){var i=-1,l=Array(t.size);return t.forEach(function(m,x){l[++i]=[x,m]}),l}function $e(t,i){return function(l){return t(i(l))}}function ft(t){var i=-1,l=Array(t.size);return t.forEach(function(m){l[++i]=m}),l}var $n=Array.prototype,Fn=Function.prototype,Se=Object.prototype,Fe=V["__core-js_shared__"],pt=function(){var t=/[^.]+$/.exec(Fe&&Fe.keys&&Fe.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),bt=Fn.toString,X=Se.hasOwnProperty,Ce=Se.toString,Dn=RegExp("^"+bt.call(X).replace(N,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),mt=pe?V.Buffer:void 0,ht=V.Symbol,vt=V.Uint8Array,Vn=$e(Object.getPrototypeOf,Object),Rn=Object.create,Ln=Se.propertyIsEnumerable,Mn=$n.splice,gt=Object.getOwnPropertySymbols,Pn=mt?mt.isBuffer:void 0,Zn=$e(Object.keys,Object),De=se(V,"DataView"),be=se(V,"Map"),Ve=se(V,"Promise"),Re=se(V,"Set"),Le=se(V,"WeakMap"),me=se(Object,"create"),jn=ne(De),Hn=ne(be),Kn=ne(Ve),zn=ne(Re),Un=ne(Le),yt=ht?ht.prototype:void 0,_t=yt?yt.valueOf:void 0;function te(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var m=t[i];this.set(m[0],m[1])}}function Gn(){this.__data__=me?me(null):{}}function Wn(t){return this.has(t)&&delete this.__data__[t]}function qn(t){var i=this.__data__;if(me){var l=i[t];return l===o?void 0:l}return X.call(i,t)?i[t]:void 0}function Yn(t){var i=this.__data__;return me?i[t]!==void 0:X.call(i,t)}function Xn(t,i){var l=this.__data__;return l[t]=me&&i===void 0?o:i,this}te.prototype.clear=Gn,te.prototype.delete=Wn,te.prototype.get=qn,te.prototype.has=Yn,te.prototype.set=Xn;function Y(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var m=t[i];this.set(m[0],m[1])}}function Jn(){this.__data__=[]}function Qn(t){var i=this.__data__,l=Te(i,t);if(l<0)return!1;var m=i.length-1;return l==m?i.pop():Mn.call(i,l,1),!0}function er(t){var i=this.__data__,l=Te(i,t);return l<0?void 0:i[l][1]}function tr(t){return Te(this.__data__,t)>-1}function ar(t,i){var l=this.__data__,m=Te(l,t);return m<0?l.push([t,i]):l[m][1]=i,this}Y.prototype.clear=Jn,Y.prototype.delete=Qn,Y.prototype.get=er,Y.prototype.has=tr,Y.prototype.set=ar;function ie(t){var i=-1,l=t?t.length:0;for(this.clear();++i<l;){var m=t[i];this.set(m[0],m[1])}}function nr(){this.__data__={hash:new te,map:new(be||Y),string:new te}}function rr(t){return Ne(this,t).delete(t)}function or(t){return Ne(this,t).get(t)}function ir(t){return Ne(this,t).has(t)}function cr(t,i){return Ne(this,t).set(t,i),this}ie.prototype.clear=nr,ie.prototype.delete=rr,ie.prototype.get=or,ie.prototype.has=ir,ie.prototype.set=cr;function ce(t){this.__data__=new Y(t)}function sr(){this.__data__=new Y}function lr(t){return this.__data__.delete(t)}function dr(t){return this.__data__.get(t)}function ur(t){return this.__data__.has(t)}function fr(t,i){var l=this.__data__;if(l instanceof Y){var m=l.__data__;if(!be||m.length<n-1)return m.push([t,i]),this;l=this.__data__=new ie(m)}return l.set(t,i),this}ce.prototype.clear=sr,ce.prototype.delete=lr,ce.prototype.get=dr,ce.prototype.has=ur,ce.prototype.set=fr;function pr(t,i){var l=Ze(t)||Rr(t)?xn(t.length,String):[],m=l.length,x=!!m;for(var R in t)(i||X.call(t,R))&&!(x&&(R=="length"||$r(R,m)))&&l.push(R);return l}function wt(t,i,l){var m=t[i];(!(X.call(t,i)&&Tt(m,l))||l===void 0&&!(i in t))&&(t[i]=l)}function Te(t,i){for(var l=t.length;l--;)if(Tt(t[l][0],i))return l;return-1}function br(t,i){return t&&kt(i,je(i),t)}function Me(t,i,l,m,x,R,z){var M;if(m&&(M=R?m(t,x,R,z):m(t)),M!==void 0)return M;if(!Ee(t))return t;var It=Ze(t);if(It){if(M=Or(t),!i)return Er(t,M)}else{var le=ae(t),Bt=le==I||le==T;if(Mr(t))return _r(t,i);if(le==S||le==f||Bt&&!R){if(dt(t))return R?t:{};if(M=xr(Bt?{}:t),!i)return Ir(t,br(M,t))}else{if(!y[le])return R?t:{};M=Ar(t,le,Me,i)}}z||(z=new ce);var Ot=z.get(t);if(Ot)return Ot;if(z.set(t,M),!It)var xt=l?Br(t):je(t);return Bn(xt||t,function(He,Ie){xt&&(Ie=He,He=t[Ie]),wt(M,Ie,Me(He,i,l,m,Ie,t,z))}),M}function mr(t){return Ee(t)?Rn(t):{}}function hr(t,i,l){var m=i(t);return Ze(t)?m:On(m,l(t))}function vr(t){return Ce.call(t)}function gr(t){if(!Ee(t)||Dr(t))return!1;var i=Et(t)||dt(t)?Dn:$;return i.test(ne(t))}function yr(t){if(!Ct(t))return Zn(t);var i=[];for(var l in Object(t))X.call(t,l)&&l!="constructor"&&i.push(l);return i}function _r(t,i){if(i)return t.slice();var l=new t.constructor(t.length);return t.copy(l),l}function Pe(t){var i=new t.constructor(t.byteLength);return new vt(i).set(new vt(t)),i}function wr(t,i){var l=i?Pe(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.byteLength)}function kr(t,i,l){var m=i?l(ut(t),!0):ut(t);return lt(m,En,new t.constructor)}function Sr(t){var i=new t.constructor(t.source,E.exec(t));return i.lastIndex=t.lastIndex,i}function Cr(t,i,l){var m=i?l(ft(t),!0):ft(t);return lt(m,In,new t.constructor)}function Tr(t){return _t?Object(_t.call(t)):{}}function Nr(t,i){var l=i?Pe(t.buffer):t.buffer;return new t.constructor(l,t.byteOffset,t.length)}function Er(t,i){var l=-1,m=t.length;for(i||(i=Array(m));++l<m;)i[l]=t[l];return i}function kt(t,i,l,m){l||(l={});for(var x=-1,R=i.length;++x<R;){var z=i[x],M=m?m(l[z],t[z],z,l,t):void 0;wt(l,z,M===void 0?t[z]:M)}return l}function Ir(t,i){return kt(t,St(t),i)}function Br(t){return hr(t,je,St)}function Ne(t,i){var l=t.__data__;return Fr(i)?l[typeof i=="string"?"string":"hash"]:l.map}function se(t,i){var l=An(t,i);return gr(l)?l:void 0}var St=gt?$e(gt,Object):jr,ae=vr;(De&&ae(new De(new ArrayBuffer(1)))!=j||be&&ae(new be)!=B||Ve&&ae(Ve.resolve())!=P||Re&&ae(new Re)!=F||Le&&ae(new Le)!=w)&&(ae=function(t){var i=Ce.call(t),l=i==S?t.constructor:void 0,m=l?ne(l):void 0;if(m)switch(m){case jn:return j;case Hn:return B;case Kn:return P;case zn:return F;case Un:return w}return i});function Or(t){var i=t.length,l=t.constructor(i);return i&&typeof t[0]=="string"&&X.call(t,"index")&&(l.index=t.index,l.input=t.input),l}function xr(t){return typeof t.constructor=="function"&&!Ct(t)?mr(Vn(t)):{}}function Ar(t,i,l,m){var x=t.constructor;switch(i){case A:return Pe(t);case b:case h:return new x(+t);case j:return wr(t,m);case U:case K:case H:case C:case s:case u:case p:case v:case _:return Nr(t,m);case B:return kr(t,m,l);case k:case W:return new x(t);case D:return Sr(t);case F:return Cr(t,m,l);case Z:return Tr(t)}}function $r(t,i){return i=i??d,!!i&&(typeof t=="number"||O.test(t))&&t>-1&&t%1==0&&t<i}function Fr(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function Dr(t){return!!pt&&pt in t}function Ct(t){var i=t&&t.constructor,l=typeof i=="function"&&i.prototype||Se;return t===l}function ne(t){if(t!=null){try{return bt.call(t)}catch{}try{return t+""}catch{}}return""}function Vr(t){return Me(t,!0,!0)}function Tt(t,i){return t===i||t!==t&&i!==i}function Rr(t){return Lr(t)&&X.call(t,"callee")&&(!Ln.call(t,"callee")||Ce.call(t)==f)}var Ze=Array.isArray;function Nt(t){return t!=null&&Pr(t.length)&&!Et(t)}function Lr(t){return Zr(t)&&Nt(t)}var Mr=Pn||Hr;function Et(t){var i=Ee(t)?Ce.call(t):"";return i==I||i==T}function Pr(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=d}function Ee(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function Zr(t){return!!t&&typeof t=="object"}function je(t){return Nt(t)?pr(t):yr(t)}function jr(){return[]}function Hr(){return!1}r.exports=Vr}(ke,ke.exports);var Za=ke.exports;const ja=Pa(Za),Ha={key:0,class:"sidebar-header"},Ka={class:"sidebar-content-container"},za={key:0,class:"sidebar-top"},Ua={"aria-label":"Main menu"},Ga={key:0,class:"level-primary top-items"},Wa={key:1,class:"sidebar-level-divider",role:"separator"},qa={key:2,class:"level-primary bottom-items"},Ya={class:"sidebar-footer"},Xa=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(r,{emit:a}){const n=r;e.useCssVars(s=>({c6089880:c.value.mobileHeight,"6f664d5c":c.value.mobileTop,bff1d830:r.zIndex,"2c1e7484":c.value.height,"68c4ac1e":c.value.top,cf2fa71c:h.value.marginTop,f12a684c:b.value.display,"412eeb31":b.value.minHeight,"290c7a2d":g.value.top,"29b826c0":g.value.zIndex}));const o=e.useSlots(),d=e.computed(()=>!!o.header),f=e.computed(()=>!!o.top),c=e.computed(()=>({mobileTop:n.mobileTopOffset&&n.mobileEnabled?`${n.mobileTopOffset}px`:n.topOffset?`${n.topOffset}px`:"0",top:n.topOffset?`${n.topOffset}px`:"0",mobileHeight:n.mobileTopOffset&&n.mobileEnabled?`calc(100% - ${n.mobileTopOffset}px)`:"100%",height:n.topOffset?`calc(100% - ${n.topOffset}px)`:"100%"})),b=e.computed(()=>({display:!n.mobileHeaderVisible&&n.mobileEnabled?"none":"flex",minHeight:`${n.headerHeight}px`})),h=e.computed(()=>({marginTop:d.value?`${n.headerHeight}px`:"0"})),g=e.computed(()=>({top:n.mobileTopOffset&&n.mobileEnabled?`${n.mobileTopOffset}px`:"0",zIndex:n.mobileOverlayZIndex!==null?n.mobileOverlayZIndex:n.zIndex>1?n.zIndex-1:1})),I=s=>ja(s).map(p=>{var v,_,N;if(p){(!p.key||!((v=p.key)!=null&&v.trim()))&&(p.key=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!p.testId||!((_=p.testId)!=null&&_.trim()))&&(p.testId=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const E of p.items||[])E.parentKey=p.key,(!E.testId||!((N=E.testId)!=null&&N.trim()))&&(E.testId=String(E.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return p}),T=e.computed(()=>n.topItems.length?I(n.topItems):[]),B=e.computed(()=>n.bottomItems.length?I(n.bottomItems):[]),k=e.ref(n.open),S=s=>{var u,p;k.value!==s&&(k.value=s,a("toggle",s)),s?(u=document==null?void 0:document.body)==null||u.classList.add("kong-ui-app-sidebar-open"):(p=document==null?void 0:document.body)==null||p.classList.remove("kong-ui-app-sidebar-open"),D.value=!1},P=()=>{n.mobileOverlayCloseOnClick&&S(!1)},D=e.ref(!1),F=s=>{D.value=!0,a("click",s),setTimeout(()=>{S(!1)},n.mobileCloseDelay)};e.watch(()=>n.open,s=>{S(s)});const{debounce:W}=ot(),Z=W(()=>{k.value&&w.value!==(window==null?void 0:window.innerWidth)&&(w.value=window==null?void 0:window.innerWidth,S(!1))},200),w=e.ref(),A=e.ref(!1),j=e.ref(),U=()=>{A.value||(A.value=!0,clearTimeout(j.value),j.value=setTimeout(()=>A.value=!1,1300))},K=e.ref(null),H=e.computed(()=>k.value&&n.mobileEnabled),C=async s=>{var u,p;s?(await e.nextTick(),await new Promise(v=>setTimeout(v,300)),(u=K.value)==null||u.activate()):(p=K.value)==null||p.deactivate()};return e.watch(H,async s=>{s?await C(!0):await C(!1)},{immediate:!0}),e.onMounted(()=>{w.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",Z),window.addEventListener("resize",U)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",Z),window.removeEventListener("resize",U)}),(s,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[k.value&&r.mobileOverlay&&r.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:P})):e.createCommentVNode("",!0),e.createVNode(e.unref(Ma),{ref_key:"focusTrap",ref:K,active:!1,"allow-outside-click":"","fallback-focus":".kong-ui-app-sidebar"},{default:e.withCtx(()=>[e.createElementVNode("aside",{class:e.normalizeClass(["kong-ui-app-sidebar",{"sidebar-open":k.value,"no-sidebar-header":!d.value,"mobile-header-hidden":r.mobileEnabled&&(!d.value||!r.mobileHeaderVisible),"mobile-disabled":!r.mobileEnabled,"disable-transitions":A.value}]),tabindex:"-1"},[d.value?(e.openBlock(),e.createElementBlock("div",Ha,[e.renderSlot(s.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Ka,[f.value?(e.openBlock(),e.createElementBlock("div",za,[e.renderSlot(s.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",Ua,[T.value.length?(e.openBlock(),e.createElementBlock("ul",Ga,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,p=>(e.openBlock(),e.createBlock(Ue,{key:p.name,item:p,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0),T.value.length&&B.value.length?(e.openBlock(),e.createElementBlock("div",Wa)):e.createCommentVNode("",!0),B.value.length?(e.openBlock(),e.createElementBlock("ul",qa,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,p=>(e.openBlock(),e.createBlock(Ue,{key:p.name,item:p,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",Ya,[e.renderSlot(s.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),Qr="",eo="",it=G(Xa,[["__scopeId","data-v-00a9a4d3"]]),Ae=r=>(e.pushScopeId("data-v-00a332e0"),r=r(),e.popScopeId(),r),Ja=["aria-label","onClick"],Qa=[Ae(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>e.createElementVNode("span",{class:"line"},null,-1))],en=e.defineComponent({__name:"SidebarToggle",props:{active:{type:Boolean,default:!1}},emits:["toggle"],setup(r,{emit:a}){const n=r,o=e.ref(n.active||!1),d=()=>{o.value=!o.value,a("toggle",o.value)};return e.watch(()=>n.active,f=>{o.value=f}),(f,c)=>(e.openBlock(),e.createElementBlock("a",{"aria-haspopup":"true","aria-label":o.value?"Close Main Menu":"Open Main Menu",class:e.normalizeClass(["sidebar-menu-toggle",{active:o.value}]),href:"#",role:"button",onClick:e.withModifiers(d,["prevent"])},Qa,10,Ja))}}),ro="",ct=G(en,[["__scopeId","data-v-00a332e0"]]),tn="0px",an="16px",nn=r=>(e.pushScopeId("data-v-0a4e6b30"),r=r(),e.popScopeId(),r),rn={id:"kong-ui-app-layout-notification"},on={class:"mobile-logo"},cn={key:0,class:"navbar-logo"},sn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},ln={class:"kong-ui-app-layout-content"},dn={class:"kong-ui-app-layout-content-inner"},un=nn(()=>e.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),fn=e.defineComponent({__name:"AppLayout",props:{hideDefaultSlot:{type:Boolean,default:!1},navbarHidden:{type:Boolean,default:!1},sidebarHidden:{type:Boolean,default:!1},sidebarOpen:{type:Boolean,default:!1},sidebarTopItems:{type:Array,default:()=>[]},sidebarBottomItems:{type:Array,default:()=>[]}},emits:["sidebar-click"],setup(r,{emit:a}){const n=r;e.useCssVars(w=>({"65a18e83":P.value,"6abaa094":D.value}));const o=e.useSlots(),d=e.reactive({navbarLeft:e.computed(()=>!!o["navbar-left"]),navbarCenter:e.computed(()=>!!o["navbar-center"]),navbarRight:e.computed(()=>!!o["navbar-right"]),navbarLogo:e.computed(()=>!!o["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!o["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!o["sidebar-header"]),sidebarTop:e.computed(()=>!!o["sidebar-top"]),sidebarFooter:e.computed(()=>!!o["sidebar-footer"])}),f=e.computed(()=>n.hideDefaultSlot),c=e.reactive({hidden:e.computed(()=>n.navbarHidden)}),b=e.reactive({topItems:e.computed(()=>n.sidebarTopItems),bottomItems:e.computed(()=>n.sidebarBottomItems),open:e.computed(()=>n.sidebarOpen),hidden:e.computed(()=>n.sidebarHidden)}),h=w=>{a("sidebar-click",w)},g=e.ref(!1),I=w=>{g.value=w};e.watchEffect(()=>{g.value=e.toRef(b,"open").value||!1});const T=e.ref(0),B=e.ref(60),k=e.ref(0),S=e.computed(()=>c.hidden?k.value:B.value+k.value),P=e.computed(()=>`${S.value}px`),D=e.computed(()=>b.hidden||c.hidden?tn:an),{debounce:F}=ot(),W=F((w=!1)=>{if(w||T.value!==(window==null?void 0:window.innerWidth)){T.value=window==null?void 0:window.innerWidth;const A=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");A&&(k.value=A.offsetHeight)}},200),Z=e.ref();return e.onMounted(()=>{var A,j;(A=document==null?void 0:document.body)==null||A.classList.add("kong-ui-app-layout-body"),(j=document==null?void 0:document.documentElement)==null||j.classList.add("kong-ui-app-layout-html"),T.value=window==null?void 0:window.innerWidth,W(!0);const w=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");w&&(Z.value=new ResizeObserver(U=>{window.requestAnimationFrame(()=>{if(!(!Array.isArray(U)||!U.length))for(const K of U){const H=K.contentRect.height;k.value!==H&&(k.value=H)}})}),Z.value.observe(w)),window.addEventListener("resize",W)}),e.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",W)}),(w,A)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":c.hidden},{"sidebar-hidden":b.hidden}]])},[e.createElementVNode("div",rn,[e.renderSlot(w.$slots,"notification",{},void 0,!0)]),c.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ze,{key:String(b.hidden),"left-offset":b.hidden?0:void 0,"top-offset":k.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[b.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ct,{key:0,active:g.value,onToggle:I},null,8,["active"]))]),_:2},[d.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",on,[e.renderSlot(w.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,d.navbarLogo?{name:"logo",fn:e.withCtx(()=>[b.hidden?(e.openBlock(),e.createElementBlock("div",cn,[e.renderSlot(w.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,d.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,d.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,d.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),b.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(it,{key:1,"bottom-items":b.bottomItems,"header-height":B.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":S.value,open:g.value,"top-items":b.topItems,"top-offset":k.value,onClick:h,onToggle:I},e.createSlots({_:2},[d.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,d.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,d.sidebarFooter?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(w.$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",sn,[e.createElementVNode("div",ln,[e.createElementVNode("div",dn,[un,e.renderSlot(w.$slots,"app-error",{},void 0,!0),f.value?e.createCommentVNode("",!0):e.renderSlot(w.$slots,"default",{key:0},void 0,!0)])])])],2))}}),oo="",io="",st=G(fn,[["__scopeId","data-v-0a4e6b30"]]),pn=r=>(e.pushScopeId("data-v-d7e33427"),r=r(),e.popScopeId(),r),bn={class:"kong-ui-app-page-header"},mn={key:0,class:"page-header-breadcrumbs","data-testid":"page-header-breadcrumbs"},hn=pn(()=>e.createElementVNode("span",{class:"page-header-breadcrumb-divider"},"/",-1)),vn={class:"page-header-title-section"},gn={class:"page-header-title-wrapper"},yn={key:0,class:"page-header-title-before","data-testid":"page-header-title-before"},_n=["title"],wn={key:1,class:"page-header-title-after","data-testid":"page-header-title-after"},kn={key:0,class:"page-header-actions","data-testid":"page-header-actions"},Sn={key:1,class:"page-header-section-below","data-testid":"page-header-section-below"},Cn=e.defineComponent({__name:"AppPageHeader",props:{title:{type:String,required:!0},breadcrumbs:{type:Array,default:()=>[]}},setup(r){const a=r,n=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 b=e.resolveComponent("KBreadcrumbs");return e.openBlock(),e.createElementBlock("div",bn,[n.value?(e.openBlock(),e.createElementBlock("div",mn,[e.createVNode(b,{items:r.breadcrumbs},e.createSlots({divider:e.withCtx(()=>[hn]),_: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",vn,[e.createElementVNode("div",gn,[f.$slots["title-before"]?(e.openBlock(),e.createElementBlock("div",yn,[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:r.title},e.toDisplayString(r.title),9,_n),f.$slots["title-after"]?(e.openBlock(),e.createElementBlock("div",wn,[e.renderSlot(f.$slots,"title-after",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.actions?(e.openBlock(),e.createElementBlock("div",kn,[e.renderSlot(f.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0)]),f.$slots.below?(e.openBlock(),e.createElementBlock("div",Sn,[e.renderSlot(f.$slots,"below",{},void 0,!0)])):e.createCommentVNode("",!0)])}}}),co="",Tn=G(Cn,[["__scopeId","data-v-d7e33427"]]),Nn={install:(r,a={})=>{r.component(a.name||"AppLayout",st)}};L.AccountDropdown=$t,L.AppError=zt,L.AppLayout=st,L.AppNavbar=ze,L.AppPageHeader=Tn,L.AppSidebar=it,L.SidebarToggle=ct,L.default=Nn,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.account-dropdown[data-v-c4652497]{display:flex;margin-right:4px}.account-dropdown[data-v-c4652497] .k-button.primary,.account-dropdown[data-v-c4652497] .k-button.primary:hover:not(:disabled){background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC);color:#fff;color:var(--kong-ui-account-dropdown-color, #ffffff);font-size:12px;height:24px;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;width:24px}.account-dropdown[data-v-c4652497] .k-button.primary:active,.account-dropdown[data-v-c4652497] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC)}.account-dropdown[data-v-c4652497] .k-dropdown-popover{top:10px!important}.kong-ui-app-error[data-v-5cbccc66]{align-items:center;background-color:#fff;border-top:2px solid #00abd2;display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-5cbccc66]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-5cbccc66]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-5cbccc66]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-5cbccc66;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:none;opacity:1}}@keyframes fadeIn-5cbccc66{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6c7489;font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#000933;font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}.kong-ui-app-navbar[data-v-7a2a459a]{background:rgba(0,0,0,0);background:var(--kong-ui-app-navbar-background, rgba(0, 0, 0, 0));left:0;position:fixed;right:0;top:var(--499e8aa4);z-index:var(--73d2507f)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-7a2a459a]{left:var(--ea3a5c64)}}.kong-ui-app-navbar .header-content[data-v-7a2a459a]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-7a2a459a]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--892c48d4);max-width:var(--62e3e64e);min-width:var(--62e3e64e)}.kong-ui-app-navbar .mobile-header-left[data-v-7a2a459a]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-7a2a459a]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a{align-items:center;align-self:stretch;border-bottom:4px solid transparent;color:#fff;display:flex;font-size:14px;font-weight:500;padding:0 8px;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}@media (min-width: 768px){.kong-ui-app-navbar .app-navbar-links a[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-7a2a459a],.kong-ui-app-navbar .app-navbar-links a.active[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a.active{border-color:#84e5ae;font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-7a2a459a]{align-items:center;display:flex;flex-direction:row;gap:8px;height:100%;justify-content:space-between;width:100%}@media (min-width: 768px){.kong-ui-app-navbar .navbar-content[data-v-7a2a459a]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-7a2a459a],.kong-ui-app-navbar .navbar-content-center[data-v-7a2a459a],.kong-ui-app-navbar .navbar-content-right[data-v-7a2a459a]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-7a2a459a]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-7a2a459a]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-7a2a459a]{justify-content:flex-end}.item-badge[data-v-912b1a1b]{background-color:#d60027;border-radius:16px;color:#fff;font-size:12px;font-weight:500;line-height:16px;max-width:36px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{cursor:pointer;display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{align-items:center;color:#afb7c5;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:48px;text-decoration:none;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:currentColor}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg{color:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{outline:1px solid #afb7c5}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{align-items:center;display:flex;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:700!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{border-top:1px solid rgba(175,183,197,.1);padding:4px 0 12px}.sidebar-item-primary[data-v-859aa5c3]{border:1px solid rgba(0,0,0,0)}.sidebar-item-primary.active[data-v-859aa5c3],.sidebar-item-primary.expanded[data-v-859aa5c3]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-859aa5c3],.sidebar-item-primary>div>a[data-v-859aa5c3]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-859aa5c3],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-859aa5c3]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-859aa5c3]{margin-bottom:4px}.sidebar-item-secondary[data-v-859aa5c3]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-859aa5c3]{background-color:#0000;border-left:4px solid rgba(0,0,0,0);color:#afb7c5!important;font-size:14px;min-height:40px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-859aa5c3]:hover,.sidebar-item-secondary a[data-v-859aa5c3]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-859aa5c3]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-859aa5c3]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-859aa5c3]{background-color:#ffffff1a;border-left:4px solid #84E5AE;color:#fff!important;font-weight:600!important}.sidebar-item-display[data-v-859aa5c3]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-859aa5c3]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-859aa5c3]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-859aa5c3]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-859aa5c3]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-859aa5c3]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-859aa5c3]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-859aa5c3]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-859aa5c3]{height:auto;min-width:0px}.sidebar-item-display .sidebar-item-label[data-v-859aa5c3]{color:#afb7c5;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-859aa5c3]{align-items:center;display:flex;line-height:0;padding-right:12px}.kong-ui-app-sidebar[data-v-bb97d4e3]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));display:flex;flex-direction:column;height:var(--c6205644);left:-100%;position:fixed;top:var(--19d61e04);transition:left .2s ease-in-out;width:100%;z-index:var(--3a21fe0a)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-bb97d4e3]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-bb97d4e3]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--7763955c);left:0;top:var(--6e973140)}}.kong-ui-app-sidebar.sidebar-open[data-v-bb97d4e3],.kong-ui-app-sidebar.mobile-disabled[data-v-bb97d4e3]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-bb97d4e3]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-bb97d4e3]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-bb97d4e3]{display:flex;flex-direction:column;height:100%;margin-top:var(--c38a9cd8);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-bb97d4e3]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-bb97d4e3]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-bb97d4e3]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-bb97d4e3]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-bb97d4e3]: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-bb97d4e3]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-bb97d4e3]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-bb97d4e3]{align-items:center;color:#afb7c5;display:flex;font-weight:500;width:100%}.kong-ui-app-sidebar[data-v-bb97d4e3] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-bb97d4e3],.no-sidebar-header .sidebar-content-container[data-v-bb97d4e3]{margin-top:0!important}}.sidebar-level-divider[data-v-bb97d4e3]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-bb97d4e3]{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(--14dd9b78);left:0;min-height:var(--3d2c4b4f);padding:0 16px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 1024px){.sidebar-header[data-v-bb97d4e3]{display:flex}}.sidebar-header[data-v-bb97d4e3]>*{display:flex}.sidebar-header[data-v-bb97d4e3]>a{text-decoration:none}.sidebar-header[data-v-bb97d4e3]>a:focus-visible{border-radius:4px;outline:1px solid #afb7c5}.sidebar-header[data-v-bb97d4e3]:after{background-image:linear-gradient(#001740,rgba(120,120,84,0));bottom:0;content:"";display:block;height:8px;left:50%;margin-bottom:-8px;position:absolute;transform:translate(-50%);width:calc(100% - 16px);z-index:1}.sidebar-top[data-v-bb97d4e3]{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-bb97d4e3]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-bb97d4e3]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-bb97d4e3] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-bb97d4e3]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--3ea1dfcf);z-index:var(--c0bbe884)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-bb97d4e3]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-00a332e0]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-00a332e0]:focus-visible{outline:1px solid #0044f4;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, #0044f4)}@media (min-width: 1024px){.sidebar-menu-toggle[data-v-00a332e0]{display:none}}.sidebar-menu-toggle .line[data-v-00a332e0]{background-color:#fff;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, #ffffff);border-radius:4px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Roboto, Helvetica, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{font-size:10px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{height:100%;height:100vh;margin:0;overflow:hidden;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#f9fafb;color:#000933;font-family:Inter,Roboto,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:24px}#app{height:100%}.kong-auth-element{font-family:Inter,Roboto,Helvetica,sans-serif!important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-0a4e6b30]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));bottom:0;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-0a4e6b30]{align-items:stretch;background-color:#f9fafb;box-shadow:-30px 174px 250px #0023db;box-shadow:var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db);display:flex;flex-grow:1;height:100%;margin-top:var(--65a18e83);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-0a4e6b30]{border-top-left-radius:var(--6abaa094);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-0a4e6b30]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-0a4e6b30]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-0a4e6b30]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-0a4e6b30]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-0a4e6b30]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-0a4e6b30]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-0a4e6b30]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-0a4e6b30] .k-alert{border-radius:0!important}.kong-ui-app-page-header[data-v-d7e33427]{margin-bottom:20px}.kong-ui-app-page-header .page-header-breadcrumb-divider[data-v-d7e33427]{color:#afb7c5}.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;min-height:44.5px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper[data-v-d7e33427]{align-items:baseline;display:flex;min-width:0}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-before[data-v-d7e33427]{align-self:center;display:inline-flex;margin-right:8px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-after[data-v-d7e33427]{align-self:center;display:inline-flex;margin-left:16px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title[data-v-d7e33427]{color:#000933;font-size:24px;font-weight:700;line-height:32px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-d7e33427]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-d7e33427] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-d7e33427]{margin-top:unset}}
|
|
1
|
+
.account-dropdown[data-v-c4652497]{display:flex;margin-right:4px}.account-dropdown[data-v-c4652497] .k-button.primary,.account-dropdown[data-v-c4652497] .k-button.primary:hover:not(:disabled){background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC);color:#fff;color:var(--kong-ui-account-dropdown-color, #ffffff);font-size:12px;height:24px;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;width:24px}.account-dropdown[data-v-c4652497] .k-button.primary:active,.account-dropdown[data-v-c4652497] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC)}.account-dropdown[data-v-c4652497] .k-dropdown-popover{top:10px!important}.kong-ui-app-error[data-v-5cbccc66]{align-items:center;background-color:#fff;border-top:2px solid #00abd2;display:flex;flex-direction:column;margin:32px auto 0;padding-bottom:48px;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-5cbccc66]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-5cbccc66]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-5cbccc66]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-5cbccc66;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-5cbccc66]{animation:none;opacity:1}}@keyframes fadeIn-5cbccc66{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.kong-ui-app-error .kong-ui-app-error-content{color:#6c7489;font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#000933;font-size:32px;font-weight:600;margin-bottom:16px;margin-top:0}.kong-ui-app-navbar[data-v-7a2a459a]{background:rgba(0,0,0,0);background:var(--kong-ui-app-navbar-background, rgba(0, 0, 0, 0));left:0;position:fixed;right:0;top:var(--499e8aa4);z-index:var(--73d2507f)}@media (min-width: 1024px){.kong-ui-app-navbar[data-v-7a2a459a]{left:var(--ea3a5c64)}}.kong-ui-app-navbar .header-content[data-v-7a2a459a]{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 16px}.kong-ui-app-navbar .app-navbar-logo[data-v-7a2a459a]{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-right:var(--892c48d4);max-width:var(--62e3e64e);min-width:var(--62e3e64e)}.kong-ui-app-navbar .mobile-header-left[data-v-7a2a459a]{display:inline-flex;gap:16px}@media (min-width: 1024px){.kong-ui-app-navbar .mobile-header-left[data-v-7a2a459a]{display:none}}.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s]{align-items:center;display:flex;height:100%}.kong-ui-app-navbar .app-navbar-links a[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a{align-items:center;align-self:stretch;border-bottom:4px solid transparent;color:#fff;display:flex;font-size:14px;font-weight:500;padding:0 8px;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}@media (min-width: 768px){.kong-ui-app-navbar .app-navbar-links a[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a{font-size:16px;padding:0 16px}}.kong-ui-app-navbar .app-navbar-links a.router-link-active[data-v-7a2a459a],.kong-ui-app-navbar .app-navbar-links a.active[data-v-7a2a459a],.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a.router-link-active,.kong-ui-app-navbar[data-v-7a2a459a] .app-navbar-links a.active,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a.router-link-active,.kong-ui-app-navbar .app-navbar-links[data-v-7a2a459a-s] a.active{border-color:#84e5ae;font-weight:600!important}.kong-ui-app-navbar .navbar-content[data-v-7a2a459a]{align-items:center;display:flex;flex-direction:row;gap:8px;height:100%;justify-content:space-between;width:100%}@media (min-width: 768px){.kong-ui-app-navbar .navbar-content[data-v-7a2a459a]{gap:16px}}.kong-ui-app-navbar .navbar-content-left[data-v-7a2a459a],.kong-ui-app-navbar .navbar-content-center[data-v-7a2a459a],.kong-ui-app-navbar .navbar-content-right[data-v-7a2a459a]{align-items:center;display:flex;flex:1;gap:16px;height:100%}.kong-ui-app-navbar .navbar-content-left[data-v-7a2a459a]{justify-content:flex-start}.kong-ui-app-navbar .navbar-content-center[data-v-7a2a459a]{justify-content:center}.kong-ui-app-navbar .navbar-content-right[data-v-7a2a459a]{justify-content:flex-end}.item-badge[data-v-912b1a1b]{background-color:#d60027;border-radius:16px;color:#fff;font-size:12px;font-weight:500;line-height:16px;max-width:36px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{cursor:pointer;display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{align-items:center;color:#afb7c5;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:48px;text-decoration:none;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:currentColor}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg{color:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover .kong-icon.kong-icon-brain svg path[stroke-width="2"],.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible .kong-icon.kong-icon-brain svg path[stroke-width="2"]{stroke:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{outline:1px solid #afb7c5}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{align-items:center;display:flex;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#84e5ae}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:700!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{border-top:1px solid rgba(175,183,197,.1);padding:4px 0 12px}.sidebar-item-primary[data-v-859aa5c3]{border:1px solid rgba(0,0,0,0)}.sidebar-item-primary.active[data-v-859aa5c3],.sidebar-item-primary.expanded[data-v-859aa5c3]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-859aa5c3],.sidebar-item-primary>div>a[data-v-859aa5c3]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-859aa5c3],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-859aa5c3]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-859aa5c3]{margin-bottom:4px}.sidebar-item-secondary[data-v-859aa5c3]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-859aa5c3]{background-color:#0000;border-left:4px solid rgba(0,0,0,0);color:#afb7c5!important;font-size:14px;min-height:40px!important;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-859aa5c3]:hover,.sidebar-item-secondary a[data-v-859aa5c3]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-859aa5c3]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-859aa5c3]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-859aa5c3]{background-color:#ffffff1a;border-left:4px solid #84E5AE;color:#fff!important;font-weight:600!important}.sidebar-item-display[data-v-859aa5c3]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-859aa5c3]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-859aa5c3]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-859aa5c3]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-859aa5c3]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-859aa5c3]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-859aa5c3]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-859aa5c3]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-859aa5c3]{height:auto;min-width:0px}.sidebar-item-display .sidebar-item-label[data-v-859aa5c3]{color:#afb7c5;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-859aa5c3]{align-items:center;display:flex;line-height:0;padding-right:12px}.kong-ui-app-sidebar[data-v-00a9a4d3]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));display:flex;flex-direction:column;height:var(--c6089880);left:-100%;position:fixed;top:var(--6f664d5c);transition:left .2s ease-in-out;width:100%;z-index:var(--bff1d830)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-00a9a4d3]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-00a9a4d3]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--2c1e7484);left:0;top:var(--68c4ac1e)}}.kong-ui-app-sidebar.sidebar-open[data-v-00a9a4d3],.kong-ui-app-sidebar.mobile-disabled[data-v-00a9a4d3]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-00a9a4d3]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-00a9a4d3]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]{display:flex;flex-direction:column;height:100%;margin-top:var(--cf2fa71c);overflow-x:hidden;overflow-y:scroll;padding-top:8px;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]:hover{scrollbar-color:#6c7489 rgba(0,0,0,0);scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-00a9a4d3]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-00a9a4d3]{align-items:center;color:#afb7c5;display:flex;font-weight:500;width:100%}.kong-ui-app-sidebar[data-v-00a9a4d3] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-00a9a4d3],.no-sidebar-header .sidebar-content-container[data-v-00a9a4d3]{margin-top:0!important}}.sidebar-level-divider[data-v-00a9a4d3]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-00a9a4d3]{align-items:center;background:rgba(0,0,0,0);background:var(--kong-ui-app-sidebar-header-background, rgba(0, 0, 0, 0));color:#fff;display:var(--f12a684c);left:0;min-height:var(--412eeb31);padding:0 16px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 1024px){.sidebar-header[data-v-00a9a4d3]{display:flex}}.sidebar-header[data-v-00a9a4d3]>*{display:flex}.sidebar-header[data-v-00a9a4d3]>a{text-decoration:none}.sidebar-header[data-v-00a9a4d3]>a:focus-visible{border-radius:4px;outline:1px solid #afb7c5}.sidebar-header[data-v-00a9a4d3]:after{background-image:linear-gradient(#001740,rgba(120,120,84,0));bottom:0;content:"";display:block;height:8px;left:50%;margin-bottom:-8px;position:absolute;transform:translate(-50%);width:calc(100% - 16px);z-index:1}.sidebar-top[data-v-00a9a4d3]{align-items:center;color:#fff;display:flex;margin:0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.sidebar-item-external-link[data-v-00a9a4d3]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-00a9a4d3]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-00a9a4d3] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-00a9a4d3]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--290c7a2d);z-index:var(--29b826c0)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-00a9a4d3]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{list-style:none;margin:0;padding:0}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 1024px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-00a332e0]{border-radius:4px;padding:0 4px;position:relative;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-00a332e0]:focus-visible{outline:1px solid #0044f4;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, #0044f4)}@media (min-width: 1024px){.sidebar-menu-toggle[data-v-00a332e0]{display:none}}.sidebar-menu-toggle .line[data-v-00a332e0]{background-color:#fff;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, #ffffff);border-radius:4px;display:block;height:2px;margin:6px auto;transition:all .3s ease-in-out;width:24px}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-00a332e0]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Roboto, Helvetica, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{font-size:10px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{height:100%;height:100vh;margin:0;overflow:hidden;overscroll-behavior-y:none;padding:0;width:100%}body.kong-ui-app-layout-body{background-color:#f9fafb;color:#000933;font-family:Inter,Roboto,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:24px}#app{height:100%}.kong-auth-element{font-family:Inter,Roboto,Helvetica,sans-serif!important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-0a4e6b30]{background:linear-gradient(180deg,#001740 0%,#073382 100%);background:var(--kong-ui-app-layout-background, linear-gradient(180deg, #001740 0%, #073382 100%));bottom:0;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .navbar-logo{display:none}@media (min-width: 1024px){.kong-ui-app-layout[data-v-0a4e6b30] .kong-ui-app-navbar .navbar-logo{display:block}}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-0a4e6b30]{align-items:stretch;background-color:#f9fafb;box-shadow:-30px 174px 250px #0023db;box-shadow:var(--kong-ui-app-layout-main-box-shadow, -30px 174px 250px #0023db);display:flex;flex-grow:1;height:100%;margin-top:var(--65a18e83);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-0a4e6b30]{border-top-left-radius:var(--6abaa094);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-0a4e6b30]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-0a4e6b30]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-0a4e6b30]{padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-0a4e6b30]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-0a4e6b30]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-0a4e6b30]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-0a4e6b30]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-0a4e6b30] .k-alert{border-radius:0!important}.kong-ui-app-page-header[data-v-d7e33427]{margin-bottom:20px}.kong-ui-app-page-header .page-header-breadcrumb-divider[data-v-d7e33427]{color:#afb7c5}.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;min-height:44.5px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper[data-v-d7e33427]{align-items:baseline;display:flex;min-width:0}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-before[data-v-d7e33427]{align-self:center;display:inline-flex;margin-right:8px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title-after[data-v-d7e33427]{align-self:center;display:inline-flex;margin-left:16px}.kong-ui-app-page-header .page-header-title-section .page-header-title-wrapper .page-header-title[data-v-d7e33427]{color:#000933;font-size:24px;font-weight:700;line-height:32px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-d7e33427]{margin-top:8px;width:100%}.kong-ui-app-page-header[data-v-d7e33427] .k-breadcrumbs{margin-bottom:0}@media (min-width: 640px){.kong-ui-app-page-header .page-header-title-section[data-v-d7e33427]{flex-wrap:nowrap}.kong-ui-app-page-header .page-header-section-below[data-v-d7e33427]{margin-top:unset}}
|