@kong-ui-public/app-layout 0.20.3-pr.624.ef78bf2.0 → 0.21.0

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.
Files changed (4) hide show
  1. package/dist/app-layout.es.js +4 -4
  2. package/dist/app-layout.umd.js +2 -2
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
package/dist/app-layout.es.js CHANGED
@@ -193,7 +193,7 @@ const Pn = /* @__PURE__ */ ie(Mn, [["__scopeId", "data-v-912b1a1b"]]), Zn = ["da
193
193
  };
194
194
  }
195
195
  });
196
- const Bt = /* @__PURE__ */ ie(Un, [["__scopeId", "data-v-c8c7674b"]]);
196
+ const Bt = /* @__PURE__ */ ie(Un, [["__scopeId", "data-v-fc7bf64e"]]);
197
197
  /*!
198
198
  * tabbable 6.2.0
199
199
  * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
@@ -1852,7 +1852,7 @@ const Qr = /* @__PURE__ */ ie(Jr, [["__scopeId", "data-v-bf6a615f"]]), ei = /* @
1852
1852
  };
1853
1853
  }
1854
1854
  });
1855
- const bi = /* @__PURE__ */ ie(ei, [["__scopeId", "data-v-e23c42c4"]]), ti = {}, ai = {
1855
+ const bi = /* @__PURE__ */ ie(ei, [["__scopeId", "data-v-bcfd5686"]]), ti = {}, ai = {
1856
1856
  fill: "none",
1857
1857
  height: "130",
1858
1858
  width: "130",
@@ -1863,7 +1863,7 @@ const bi = /* @__PURE__ */ ie(ei, [["__scopeId", "data-v-e23c42c4"]]), ti = {},
1863
1863
  function ii(n, t) {
1864
1864
  return m(), F("svg", ai, ri);
1865
1865
  }
1866
- const oi = /* @__PURE__ */ ie(ti, [["render", ii]]), Xt = (n) => (lt("data-v-47245573"), n = n(), ut(), n), si = { class: "kong-ui-app-error" }, ci = { class: "banana-icon" }, li = { class: "kong-ui-app-error-content" }, ui = /* @__PURE__ */ Xt(() => /* @__PURE__ */ k("h2", null, "An unexpected error has occurred", -1)), di = /* @__PURE__ */ Xt(() => /* @__PURE__ */ k("p", null, [
1866
+ const oi = /* @__PURE__ */ ie(ti, [["render", ii]]), Xt = (n) => (lt("data-v-5cbccc66"), n = n(), ut(), n), si = { class: "kong-ui-app-error" }, ci = { class: "banana-icon" }, li = { class: "kong-ui-app-error-content" }, ui = /* @__PURE__ */ Xt(() => /* @__PURE__ */ k("h2", null, "An unexpected error has occurred", -1)), di = /* @__PURE__ */ Xt(() => /* @__PURE__ */ k("p", null, [
1867
1867
  /* @__PURE__ */ rt("Go back to the previous page or "),
1868
1868
  /* @__PURE__ */ k("a", { href: "/" }, "return home"),
1869
1869
  /* @__PURE__ */ rt(".")
@@ -1883,7 +1883,7 @@ const oi = /* @__PURE__ */ ie(ti, [["render", ii]]), Xt = (n) => (lt("data-v-472
1883
1883
  ]));
1884
1884
  }
1885
1885
  });
1886
- const hi = /* @__PURE__ */ ie(fi, [["__scopeId", "data-v-47245573"]]), pi = {
1886
+ const hi = /* @__PURE__ */ ie(fi, [["__scopeId", "data-v-5cbccc66"]]), pi = {
1887
1887
  // Customize Vue plugin options as desired
1888
1888
  // Providing a `name` property allows for customizing the registered name of your component (useful if exporting a single component).
1889
1889
  install: (n, t = {}) => {
package/dist/app-layout.umd.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(M,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(M=typeof globalThis<"u"?globalThis:M||self,t(M["kong-ui-public-app-layout"]={},M.Vue))})(this,function(M,t){"use strict";const At={class:"kong-ui-app-navbar"},Ft={class:"header-content"},$t={class:"mobile-header-left"},Dt={key:0,class:"app-navbar-logo"},Vt={class:"navbar-content"},Rt={class:"navbar-content-left"},Lt={class:"navbar-content-center"},Mt={class:"navbar-content-right"},Pt=t.defineComponent({__name:"AppNavbar",props:{topOffset:{type:Number,default:0},leftOffset:{type:Number,default:240},zIndex:{type:Number,default:3}},setup(r){const n=r;t.useCssVars(c=>({"499e8aa4":p.value.top,"73d2507f":p.value.zIndex,ea3a5c64:p.value.left,"892c48d4":d.marginRight,"62e3e64e":d.width}));const a=t.useSlots(),o=t.computed(()=>!!a.logo),d=t.reactive({marginRight:"0",width:"0"});t.onMounted(()=>{var c,b;(b=(c=document==null?void 0:document.querySelector(".kong-ui-app-navbar .app-navbar-logo"))==null?void 0:c.children)!=null&&b.length?(d.marginRight="32px",d.width="calc(240px - 32px)"):(d.marginRight="0",d.width="0")});const p=t.computed(()=>({top:n.topOffset?`${n.topOffset}px`:"0",left:n.leftOffset?`${n.leftOffset}px`:"0",zIndex:n.zIndex}));return(c,b)=>(t.openBlock(),t.createElementBlock("header",At,[t.createElementVNode("div",Ft,[t.createElementVNode("div",$t,[t.renderSlot(c.$slots,"mobile-sidebar-toggle"),t.renderSlot(c.$slots,"mobile-logo")]),o.value?(t.openBlock(),t.createElementBlock("div",Dt,[t.renderSlot(c.$slots,"logo")])):t.createCommentVNode("",!0),t.createElementVNode("div",Vt,[t.createElementVNode("div",Rt,[t.renderSlot(c.$slots,"left")]),t.createElementVNode("div",Lt,[t.renderSlot(c.$slots,"center")]),t.createElementVNode("div",Mt,[t.renderSlot(c.$slots,"right")])])])]))}}),xr="",q=(r,n)=>{const a=r.__vccOpts||r;for(const[o,d]of n)a[o]=d;return a},Ke=q(Pt,[["__scopeId","data-v-7a2a459a"]]),Zt=["title"],Be=99,jt=t.defineComponent({__name:"ItemBadge",props:{count:{type:Number,required:!0,default:void 0}},setup(r){const n=r,a=t.computed(()=>n.count?n.count>Be?`${Be}+`:n.count.toString():"");return(o,d)=>a.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:"item-badge",title:(r.count||0)>Be?String(r.count):void 0},t.toDisplayString(a.value),9,Zt)):t.createCommentVNode("",!0)}}),Ar="",Ht=q(jt,[["__scopeId","data-v-912b1a1b"]]),Kt=["data-testid"],zt=["aria-controls","aria-expanded","href","target","onClick","onKeypress"],Ut={key:0,class:"sidebar-item-icon"},Gt={class:"sidebar-item-name-container"},Wt={class:"sidebar-item-name has-tooltip"},qt={key:2,class:"sidebar-item-label truncate-text truncate-18"},Yt=["id"],Xt=t.defineComponent({__name:"SidebarItem",props:{item:{type:Object,required:!0},subnavItem:{type:Boolean,default:!1}},emits:["click"],setup(r,{emit:n}){const a=r,o=t.computed(()=>typeof a.item.to!="string"?!1:!!a.item.newWindow||!!a.item.external||a.item.to.startsWith("http")),d=t.computed(()=>!a.item.to||typeof a.item.to!="string"||!a.item.newWindow?!1:a.item.newWindow&&(a.item.to.startsWith("http")||a.item.to.startsWith("/"))),p=t.computed(()=>a.subnavItem&&a.item.badgeCount!==void 0),c=h=>{n("click",h)},b=(h,g,I)=>{c(g),typeof I=="function"&&(h.preventDefault(),I())};return(h,g)=>{var k;const I=t.resolveComponent("KIcon"),C=t.resolveComponent("KTooltip"),B=t.resolveComponent("SidebarItem",!0);return t.openBlock(),t.createElementBlock("li",{class:t.normalizeClass([r.subnavItem?"sidebar-item-secondary":"sidebar-item-primary",{expanded:r.item.expanded},{active:r.item.active}]),"data-testid":r.item.testId?`sidebar-item-${r.item.testId}`:void 0},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.value?"div":"router-link"),{custom:o.value?void 0:!0,to:!o.value&&!d.value?r.item.to:void 0},{default:t.withCtx(S=>{var P,D;return[t.createElementVNode("a",{"aria-controls":(P=r.item.items)!=null&&P.length&&r.item.expanded?`subnav-${r.item.key}`:void 0,"aria-expanded":(D=r.item.items)!=null&&D.length&&r.item.expanded?!0:void 0,class:t.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":d.value,"router-link":!o.value}]),href:o.value?String(r.item.to||"#"):S==null?void 0:S.href,target:d.value?"_blank":void 0,onClick:$=>b($,r.item,S==null?void 0:S.navigate),onKeypress:t.withKeys($=>b($,r.item,S==null?void 0:S.navigate),["enter"])},[t.createElementVNode("div",{class:t.normalizeClass(["sidebar-item-display",{"has-label":!!r.item.label&&r.item.expanded,"has-badge":p.value}])},[r.item.icon?(t.openBlock(),t.createElementBlock("div",Ut,[t.createVNode(I,{icon:String(r.item.icon),size:"20"},null,8,["icon"])])):t.createCommentVNode("",!0),t.createElementVNode("div",Gt,[(r.subnavItem?r.item.name.length<25:r.item.name.length<18)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["sidebar-item-name truncate-text",[r.subnavItem?"has-badge-max-width truncate-24":"truncate-17"]])},t.toDisplayString(r.item.name),3)):(t.openBlock(),t.createBlock(C,{key:1,class:"sidebar-item-tooltip",label:r.item.name,placement:"right","position-fixed":""},{default:t.withCtx(()=>[t.createElementVNode("div",Wt,[t.createElementVNode("span",{class:t.normalizeClass(["truncate-text",[r.subnavItem?"truncate-18":"truncate-17",{"has-badge-max-width":p.value}]])},t.toDisplayString(r.item.name),3)])]),_:1},8,["label"])),r.item.label&&r.item.expanded?(t.openBlock(),t.createElementBlock("div",qt,t.toDisplayString(r.item.label),1)):t.createCommentVNode("",!0)]),p.value?(t.openBlock(),t.createBlock(Ht,{key:1,count:r.item.badgeCount},null,8,["count"])):t.createCommentVNode("",!0)],2)],42,zt)]}),_:1},8,["custom","to"])),(k=r.item.items)!=null&&k.length&&r.item.expanded?(t.openBlock(),t.createElementBlock("ul",{key:0,id:`subnav-${r.item.key}`,class:"level-secondary"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.item.items,S=>(t.openBlock(),t.createBlock(B,{key:S.name,item:S,"subnav-item":!0,onClick:P=>c(S)},null,8,["item","onClick"]))),128))],8,Yt)):t.createCommentVNode("",!0)],10,Kt)}}}),Fr="",$r="",ze=q(Xt,[["__scopeId","data-v-c8c7674b"]]);/*!
1
+ (function(M,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(M=typeof globalThis<"u"?globalThis:M||self,t(M["kong-ui-public-app-layout"]={},M.Vue))})(this,function(M,t){"use strict";const At={class:"kong-ui-app-navbar"},Ft={class:"header-content"},$t={class:"mobile-header-left"},Dt={key:0,class:"app-navbar-logo"},Vt={class:"navbar-content"},Rt={class:"navbar-content-left"},Lt={class:"navbar-content-center"},Mt={class:"navbar-content-right"},Pt=t.defineComponent({__name:"AppNavbar",props:{topOffset:{type:Number,default:0},leftOffset:{type:Number,default:240},zIndex:{type:Number,default:3}},setup(r){const n=r;t.useCssVars(c=>({"499e8aa4":p.value.top,"73d2507f":p.value.zIndex,ea3a5c64:p.value.left,"892c48d4":d.marginRight,"62e3e64e":d.width}));const a=t.useSlots(),o=t.computed(()=>!!a.logo),d=t.reactive({marginRight:"0",width:"0"});t.onMounted(()=>{var c,b;(b=(c=document==null?void 0:document.querySelector(".kong-ui-app-navbar .app-navbar-logo"))==null?void 0:c.children)!=null&&b.length?(d.marginRight="32px",d.width="calc(240px - 32px)"):(d.marginRight="0",d.width="0")});const p=t.computed(()=>({top:n.topOffset?`${n.topOffset}px`:"0",left:n.leftOffset?`${n.leftOffset}px`:"0",zIndex:n.zIndex}));return(c,b)=>(t.openBlock(),t.createElementBlock("header",At,[t.createElementVNode("div",Ft,[t.createElementVNode("div",$t,[t.renderSlot(c.$slots,"mobile-sidebar-toggle"),t.renderSlot(c.$slots,"mobile-logo")]),o.value?(t.openBlock(),t.createElementBlock("div",Dt,[t.renderSlot(c.$slots,"logo")])):t.createCommentVNode("",!0),t.createElementVNode("div",Vt,[t.createElementVNode("div",Rt,[t.renderSlot(c.$slots,"left")]),t.createElementVNode("div",Lt,[t.renderSlot(c.$slots,"center")]),t.createElementVNode("div",Mt,[t.renderSlot(c.$slots,"right")])])])]))}}),xr="",q=(r,n)=>{const a=r.__vccOpts||r;for(const[o,d]of n)a[o]=d;return a},Ke=q(Pt,[["__scopeId","data-v-7a2a459a"]]),Zt=["title"],Be=99,jt=t.defineComponent({__name:"ItemBadge",props:{count:{type:Number,required:!0,default:void 0}},setup(r){const n=r,a=t.computed(()=>n.count?n.count>Be?`${Be}+`:n.count.toString():"");return(o,d)=>a.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:"item-badge",title:(r.count||0)>Be?String(r.count):void 0},t.toDisplayString(a.value),9,Zt)):t.createCommentVNode("",!0)}}),Ar="",Ht=q(jt,[["__scopeId","data-v-912b1a1b"]]),Kt=["data-testid"],zt=["aria-controls","aria-expanded","href","target","onClick","onKeypress"],Ut={key:0,class:"sidebar-item-icon"},Gt={class:"sidebar-item-name-container"},Wt={class:"sidebar-item-name has-tooltip"},qt={key:2,class:"sidebar-item-label truncate-text truncate-18"},Yt=["id"],Xt=t.defineComponent({__name:"SidebarItem",props:{item:{type:Object,required:!0},subnavItem:{type:Boolean,default:!1}},emits:["click"],setup(r,{emit:n}){const a=r,o=t.computed(()=>typeof a.item.to!="string"?!1:!!a.item.newWindow||!!a.item.external||a.item.to.startsWith("http")),d=t.computed(()=>!a.item.to||typeof a.item.to!="string"||!a.item.newWindow?!1:a.item.newWindow&&(a.item.to.startsWith("http")||a.item.to.startsWith("/"))),p=t.computed(()=>a.subnavItem&&a.item.badgeCount!==void 0),c=h=>{n("click",h)},b=(h,g,I)=>{c(g),typeof I=="function"&&(h.preventDefault(),I())};return(h,g)=>{var k;const I=t.resolveComponent("KIcon"),C=t.resolveComponent("KTooltip"),B=t.resolveComponent("SidebarItem",!0);return t.openBlock(),t.createElementBlock("li",{class:t.normalizeClass([r.subnavItem?"sidebar-item-secondary":"sidebar-item-primary",{expanded:r.item.expanded},{active:r.item.active}]),"data-testid":r.item.testId?`sidebar-item-${r.item.testId}`:void 0},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.value?"div":"router-link"),{custom:o.value?void 0:!0,to:!o.value&&!d.value?r.item.to:void 0},{default:t.withCtx(S=>{var P,D;return[t.createElementVNode("a",{"aria-controls":(P=r.item.items)!=null&&P.length&&r.item.expanded?`subnav-${r.item.key}`:void 0,"aria-expanded":(D=r.item.items)!=null&&D.length&&r.item.expanded?!0:void 0,class:t.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":d.value,"router-link":!o.value}]),href:o.value?String(r.item.to||"#"):S==null?void 0:S.href,target:d.value?"_blank":void 0,onClick:$=>b($,r.item,S==null?void 0:S.navigate),onKeypress:t.withKeys($=>b($,r.item,S==null?void 0:S.navigate),["enter"])},[t.createElementVNode("div",{class:t.normalizeClass(["sidebar-item-display",{"has-label":!!r.item.label&&r.item.expanded,"has-badge":p.value}])},[r.item.icon?(t.openBlock(),t.createElementBlock("div",Ut,[t.createVNode(I,{icon:String(r.item.icon),size:"20"},null,8,["icon"])])):t.createCommentVNode("",!0),t.createElementVNode("div",Gt,[(r.subnavItem?r.item.name.length<25:r.item.name.length<18)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["sidebar-item-name truncate-text",[r.subnavItem?"has-badge-max-width truncate-24":"truncate-17"]])},t.toDisplayString(r.item.name),3)):(t.openBlock(),t.createBlock(C,{key:1,class:"sidebar-item-tooltip",label:r.item.name,placement:"right","position-fixed":""},{default:t.withCtx(()=>[t.createElementVNode("div",Wt,[t.createElementVNode("span",{class:t.normalizeClass(["truncate-text",[r.subnavItem?"truncate-18":"truncate-17",{"has-badge-max-width":p.value}]])},t.toDisplayString(r.item.name),3)])]),_:1},8,["label"])),r.item.label&&r.item.expanded?(t.openBlock(),t.createElementBlock("div",qt,t.toDisplayString(r.item.label),1)):t.createCommentVNode("",!0)]),p.value?(t.openBlock(),t.createBlock(Ht,{key:1,count:r.item.badgeCount},null,8,["count"])):t.createCommentVNode("",!0)],2)],42,zt)]}),_:1},8,["custom","to"])),(k=r.item.items)!=null&&k.length&&r.item.expanded?(t.openBlock(),t.createElementBlock("ul",{key:0,id:`subnav-${r.item.key}`,class:"level-secondary"},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.item.items,S=>(t.openBlock(),t.createBlock(B,{key:S.name,item:S,"subnav-item":!0,onClick:P=>c(S)},null,8,["item","onClick"]))),128))],8,Yt)):t.createCommentVNode("",!0)],10,Kt)}}}),Fr="",$r="",ze=q(Xt,[["__scopeId","data-v-fc7bf64e"]]);/*!
2
2
  * tabbable 6.2.0
3
3
  * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
4
4
  */var Ue=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],he=Ue.join(","),Ge=typeof Element>"u",J=Ge?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,ve=!Ge&&Element.prototype.getRootNode?function(r){var n;return r==null||(n=r.getRootNode)===null||n===void 0?void 0:n.call(r)}:function(r){return r==null?void 0:r.ownerDocument},ge=function r(n,a){var o;a===void 0&&(a=!0);var d=n==null||(o=n.getAttribute)===null||o===void 0?void 0:o.call(n,"inert"),p=d===""||d==="true",c=p||a&&n&&r(n.parentNode);return c},Jt=function(n){var a,o=n==null||(a=n.getAttribute)===null||a===void 0?void 0:a.call(n,"contenteditable");return o===""||o==="true"},We=function(n,a,o){if(ge(n))return[];var d=Array.prototype.slice.apply(n.querySelectorAll(he));return a&&J.call(n,he)&&d.unshift(n),d=d.filter(o),d},qe=function r(n,a,o){for(var d=[],p=Array.from(n);p.length;){var c=p.shift();if(!ge(c,!1))if(c.tagName==="SLOT"){var b=c.assignedElements(),h=b.length?b:c.children,g=r(h,!0,o);o.flatten?d.push.apply(d,g):d.push({scopeParent:c,candidates:g})}else{var I=J.call(c,he);I&&o.filter(c)&&(a||!n.includes(c))&&d.push(c);var C=c.shadowRoot||typeof o.getShadowRoot=="function"&&o.getShadowRoot(c),B=!ge(C,!1)&&(!o.shadowRootFilter||o.shadowRootFilter(c));if(C&&B){var k=r(C===!0?c.children:C.children,!0,o);o.flatten?d.push.apply(d,k):d.push({scopeParent:c,candidates:k})}else p.unshift.apply(p,c.children)}}return d},Ye=function(n){return!isNaN(parseInt(n.getAttribute("tabindex"),10))},Q=function(n){if(!n)throw new Error("No node provided");return n.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName)||Jt(n))&&!Ye(n)?0:n.tabIndex},Qt=function(n,a){var o=Q(n);return o<0&&a&&!Ye(n)?0:o},en=function(n,a){return n.tabIndex===a.tabIndex?n.documentOrder-a.documentOrder:n.tabIndex-a.tabIndex},Xe=function(n){return n.tagName==="INPUT"},tn=function(n){return Xe(n)&&n.type==="hidden"},nn=function(n){var a=n.tagName==="DETAILS"&&Array.prototype.slice.apply(n.children).some(function(o){return o.tagName==="SUMMARY"});return a},an=function(n,a){for(var o=0;o<n.length;o++)if(n[o].checked&&n[o].form===a)return n[o]},rn=function(n){if(!n.name)return!0;var a=n.form||ve(n),o=function(b){return a.querySelectorAll('input[type="radio"][name="'+b+'"]')},d;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")d=o(window.CSS.escape(n.name));else try{d=o(n.name)}catch(c){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",c.message),!1}var p=an(d,n.form);return!p||p===n},on=function(n){return Xe(n)&&n.type==="radio"},cn=function(n){return on(n)&&!rn(n)},ln=function(n){var a,o=n&&ve(n),d=(a=o)===null||a===void 0?void 0:a.host,p=!1;if(o&&o!==n){var c,b,h;for(p=!!((c=d)!==null&&c!==void 0&&(b=c.ownerDocument)!==null&&b!==void 0&&b.contains(d)||n!=null&&(h=n.ownerDocument)!==null&&h!==void 0&&h.contains(n));!p&&d;){var g,I,C;o=ve(d),d=(g=o)===null||g===void 0?void 0:g.host,p=!!((I=d)!==null&&I!==void 0&&(C=I.ownerDocument)!==null&&C!==void 0&&C.contains(d))}}return p},Je=function(n){var a=n.getBoundingClientRect(),o=a.width,d=a.height;return o===0&&d===0},sn=function(n,a){var o=a.displayCheck,d=a.getShadowRoot;if(getComputedStyle(n).visibility==="hidden")return!0;var p=J.call(n,"details>summary:first-of-type"),c=p?n.parentElement:n;if(J.call(c,"details:not([open]) *"))return!0;if(!o||o==="full"||o==="legacy-full"){if(typeof d=="function"){for(var b=n;n;){var h=n.parentElement,g=ve(n);if(h&&!h.shadowRoot&&d(h)===!0)return Je(n);n.assignedSlot?n=n.assignedSlot:!h&&g!==n.ownerDocument?n=g.host:n=h}n=b}if(ln(n))return!n.getClientRects().length;if(o!=="legacy-full")return!0}else if(o==="non-zero-area")return Je(n);return!1},dn=function(n){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(n.tagName))for(var a=n.parentElement;a;){if(a.tagName==="FIELDSET"&&a.disabled){for(var o=0;o<a.children.length;o++){var d=a.children.item(o);if(d.tagName==="LEGEND")return J.call(a,"fieldset[disabled] *")?!0:!d.contains(n)}return!0}a=a.parentElement}return!1},ye=function(n,a){return!(a.disabled||ge(a)||tn(a)||sn(a,n)||nn(a)||dn(a))},Oe=function(n,a){return!(cn(a)||Q(a)<0||!ye(n,a))},un=function(n){var a=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(a)||a>=0)},fn=function r(n){var a=[],o=[];return n.forEach(function(d,p){var c=!!d.scopeParent,b=c?d.scopeParent:d,h=Qt(b,c),g=c?r(d.candidates):b;h===0?c?a.push.apply(a,g):a.push(b):o.push({documentOrder:p,tabIndex:h,item:d,isScope:c,content:g})}),o.sort(en).reduce(function(d,p){return p.isScope?d.push.apply(d,p.content):d.push(p.content),d},[]).concat(a)},pn=function(n,a){a=a||{};var o;return a.getShadowRoot?o=qe([n],a.includeContainer,{filter:Oe.bind(null,a),flatten:!1,getShadowRoot:a.getShadowRoot,shadowRootFilter:un}):o=We(n,a.includeContainer,Oe.bind(null,a)),fn(o)},bn=function(n,a){a=a||{};var o;return a.getShadowRoot?o=qe([n],a.includeContainer,{filter:ye.bind(null,a),flatten:!0,getShadowRoot:a.getShadowRoot}):o=We(n,a.includeContainer,ye.bind(null,a)),o},re=function(n,a){if(a=a||{},!n)throw new Error("No node provided");return J.call(n,he)===!1?!1:Oe(a,n)},mn=Ue.concat("iframe").join(","),xe=function(n,a){if(a=a||{},!n)throw new Error("No node provided");return J.call(n,mn)===!1?!1:ye(a,n)};/*!
@@ -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 Dr(r){return r}const Cn={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},Nn=t.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},Cn),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(r,{slots:n,emit:a}){let o;const d=t.ref(null),p=t.computed(()=>{const b=d.value;return b&&(b instanceof HTMLElement?b:b.$el)});function c(){return o||(o=Tn(p.value,{escapeDeactivates:r.escapeDeactivates,allowOutsideClick:r.allowOutsideClick,returnFocusOnDeactivate:r.returnFocusOnDeactivate,clickOutsideDeactivates:r.clickOutsideDeactivates,onActivate:()=>{a("update:active",!0),a("activate")},onDeactivate:()=>{a("update:active",!1),a("deactivate")},onPostActivate:()=>a("postActivate"),onPostDeactivate:()=>a("postDeactivate"),initialFocus:r.initialFocus,fallbackFocus:r.fallbackFocus,tabbableOptions:r.tabbableOptions,delayInitialFocus:r.delayInitialFocus}))}return t.onMounted(()=>{t.watch(()=>r.active,b=>{b&&p.value?c().activate():o&&(o.deactivate(),(!p.value||p.value.nodeType===Node.COMMENT_NODE)&&(o=null))},{immediate:!0,flush:"post"})}),t.onUnmounted(()=>{o&&o.deactivate(),o=null}),{activate(){c().activate()},deactivate(){o&&o.deactivate()},renderImpl(){if(!n.default)return null;const b=n.default().filter(g=>g.type!==t.Comment);return!b||!b.length||b.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),b):t.cloneVNode(b[0],{ref:d})}}}});function rt(){return{debounce:(n,a)=>{let o;return(...d)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{n(...d)},a)}}}}var we=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function En(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var ke={exports:{}};ke.exports,function(r,n){var a=200,o="__lodash_hash_undefined__",d=9007199254740991,p="[object Arguments]",c="[object Array]",b="[object Boolean]",h="[object Date]",g="[object Error]",I="[object Function]",C="[object GeneratorFunction]",B="[object Map]",k="[object Number]",S="[object Object]",P="[object Promise]",D="[object RegExp]",$="[object Set]",G="[object String]",Z="[object Symbol]",w="[object WeakMap]",A="[object ArrayBuffer]",j="[object DataView]",U="[object Float32Array]",K="[object Float64Array]",H="[object Int8Array]",T="[object Int16Array]",l="[object Int32Array]",u="[object Uint8Array]",f="[object Uint8ClampedArray]",v="[object Uint16Array]",_="[object Uint32Array]",N=/[\\^$.*+?()[\]{}|]/g,E=/\w*$/,F=/^\[object .+?Constructor\]$/,O=/^(?:0|[1-9]\d*)$/,y={};y[p]=y[c]=y[A]=y[j]=y[b]=y[h]=y[U]=y[K]=y[H]=y[T]=y[l]=y[B]=y[k]=y[S]=y[D]=y[$]=y[G]=y[Z]=y[u]=y[f]=y[v]=y[_]=!0,y[g]=y[I]=y[w]=!1;var ee=typeof we=="object"&&we&&we.Object===Object&&we,W=typeof self=="object"&&self&&self.Object===Object&&self,V=ee||W||Function("return this")(),fe=n&&!n.nodeType&&n,oe=fe&&!0&&r&&!r.nodeType&&r,pe=oe&&oe.exports===fe;function ba(e,i){return e.set(i[0],i[1]),e}function ma(e,i){return e.add(i),e}function ha(e,i){for(var s=-1,m=e?e.length:0;++s<m&&i(e[s],s,e)!==!1;);return e}function va(e,i){for(var s=-1,m=i.length,x=e.length;++s<m;)e[x+s]=i[s];return e}function st(e,i,s,m){var x=-1,R=e?e.length:0;for(m&&R&&(s=e[++x]);++x<R;)s=i(s,e[x],x,e);return s}function ga(e,i){for(var s=-1,m=Array(e);++s<e;)m[s]=i(s);return m}function ya(e,i){return e==null?void 0:e[i]}function dt(e){var i=!1;if(e!=null&&typeof e.toString!="function")try{i=!!(e+"")}catch{}return i}function ut(e){var i=-1,s=Array(e.size);return e.forEach(function(m,x){s[++i]=[x,m]}),s}function Fe(e,i){return function(s){return e(i(s))}}function ft(e){var i=-1,s=Array(e.size);return e.forEach(function(m){s[++i]=m}),s}var _a=Array.prototype,wa=Function.prototype,Se=Object.prototype,$e=V["__core-js_shared__"],pt=function(){var e=/[^.]+$/.exec($e&&$e.keys&&$e.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),bt=wa.toString,X=Se.hasOwnProperty,Te=Se.toString,ka=RegExp("^"+bt.call(X).replace(N,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),mt=pe?V.Buffer:void 0,ht=V.Symbol,vt=V.Uint8Array,Sa=Fe(Object.getPrototypeOf,Object),Ta=Object.create,Ca=Se.propertyIsEnumerable,Na=_a.splice,gt=Object.getOwnPropertySymbols,Ea=mt?mt.isBuffer:void 0,Ia=Fe(Object.keys,Object),De=le(V,"DataView"),be=le(V,"Map"),Ve=le(V,"Promise"),Re=le(V,"Set"),Le=le(V,"WeakMap"),me=le(Object,"create"),Ba=ae(De),Oa=ae(be),xa=ae(Ve),Aa=ae(Re),Fa=ae(Le),yt=ht?ht.prototype:void 0,_t=yt?yt.valueOf:void 0;function te(e){var i=-1,s=e?e.length:0;for(this.clear();++i<s;){var m=e[i];this.set(m[0],m[1])}}function $a(){this.__data__=me?me(null):{}}function Da(e){return this.has(e)&&delete this.__data__[e]}function Va(e){var i=this.__data__;if(me){var s=i[e];return s===o?void 0:s}return X.call(i,e)?i[e]:void 0}function Ra(e){var i=this.__data__;return me?i[e]!==void 0:X.call(i,e)}function La(e,i){var s=this.__data__;return s[e]=me&&i===void 0?o:i,this}te.prototype.clear=$a,te.prototype.delete=Da,te.prototype.get=Va,te.prototype.has=Ra,te.prototype.set=La;function Y(e){var i=-1,s=e?e.length:0;for(this.clear();++i<s;){var m=e[i];this.set(m[0],m[1])}}function Ma(){this.__data__=[]}function Pa(e){var i=this.__data__,s=Ce(i,e);if(s<0)return!1;var m=i.length-1;return s==m?i.pop():Na.call(i,s,1),!0}function Za(e){var i=this.__data__,s=Ce(i,e);return s<0?void 0:i[s][1]}function ja(e){return Ce(this.__data__,e)>-1}function Ha(e,i){var s=this.__data__,m=Ce(s,e);return m<0?s.push([e,i]):s[m][1]=i,this}Y.prototype.clear=Ma,Y.prototype.delete=Pa,Y.prototype.get=Za,Y.prototype.has=ja,Y.prototype.set=Ha;function ie(e){var i=-1,s=e?e.length:0;for(this.clear();++i<s;){var m=e[i];this.set(m[0],m[1])}}function Ka(){this.__data__={hash:new te,map:new(be||Y),string:new te}}function za(e){return Ne(this,e).delete(e)}function Ua(e){return Ne(this,e).get(e)}function Ga(e){return Ne(this,e).has(e)}function Wa(e,i){return Ne(this,e).set(e,i),this}ie.prototype.clear=Ka,ie.prototype.delete=za,ie.prototype.get=Ua,ie.prototype.has=Ga,ie.prototype.set=Wa;function ce(e){this.__data__=new Y(e)}function qa(){this.__data__=new Y}function Ya(e){return this.__data__.delete(e)}function Xa(e){return this.__data__.get(e)}function Ja(e){return this.__data__.has(e)}function Qa(e,i){var s=this.__data__;if(s instanceof Y){var m=s.__data__;if(!be||m.length<a-1)return m.push([e,i]),this;s=this.__data__=new ie(m)}return s.set(e,i),this}ce.prototype.clear=qa,ce.prototype.delete=Ya,ce.prototype.get=Xa,ce.prototype.has=Ja,ce.prototype.set=Qa;function er(e,i){var s=Ze(e)||Tr(e)?ga(e.length,String):[],m=s.length,x=!!m;for(var R in e)(i||X.call(e,R))&&!(x&&(R=="length"||_r(R,m)))&&s.push(R);return s}function wt(e,i,s){var m=e[i];(!(X.call(e,i)&&Ct(m,s))||s===void 0&&!(i in e))&&(e[i]=s)}function Ce(e,i){for(var s=e.length;s--;)if(Ct(e[s][0],i))return s;return-1}function tr(e,i){return e&&kt(i,je(i),e)}function Me(e,i,s,m,x,R,z){var L;if(m&&(L=R?m(e,x,R,z):m(e)),L!==void 0)return L;if(!Ee(e))return e;var It=Ze(e);if(It){if(L=vr(e),!i)return br(e,L)}else{var se=ne(e),Bt=se==I||se==C;if(Nr(e))return cr(e,i);if(se==S||se==p||Bt&&!R){if(dt(e))return R?e:{};if(L=gr(Bt?{}:e),!i)return mr(e,tr(L,e))}else{if(!y[se])return R?e:{};L=yr(e,se,Me,i)}}z||(z=new ce);var Ot=z.get(e);if(Ot)return Ot;if(z.set(e,L),!It)var xt=s?hr(e):je(e);return ha(xt||e,function(He,Ie){xt&&(Ie=He,He=e[Ie]),wt(L,Ie,Me(He,i,s,m,Ie,e,z))}),L}function nr(e){return Ee(e)?Ta(e):{}}function ar(e,i,s){var m=i(e);return Ze(e)?m:va(m,s(e))}function rr(e){return Te.call(e)}function or(e){if(!Ee(e)||kr(e))return!1;var i=Et(e)||dt(e)?ka:F;return i.test(ae(e))}function ir(e){if(!Tt(e))return Ia(e);var i=[];for(var s in Object(e))X.call(e,s)&&s!="constructor"&&i.push(s);return i}function cr(e,i){if(i)return e.slice();var s=new e.constructor(e.length);return e.copy(s),s}function Pe(e){var i=new e.constructor(e.byteLength);return new vt(i).set(new vt(e)),i}function lr(e,i){var s=i?Pe(e.buffer):e.buffer;return new e.constructor(s,e.byteOffset,e.byteLength)}function sr(e,i,s){var m=i?s(ut(e),!0):ut(e);return st(m,ba,new e.constructor)}function dr(e){var i=new e.constructor(e.source,E.exec(e));return i.lastIndex=e.lastIndex,i}function ur(e,i,s){var m=i?s(ft(e),!0):ft(e);return st(m,ma,new e.constructor)}function fr(e){return _t?Object(_t.call(e)):{}}function pr(e,i){var s=i?Pe(e.buffer):e.buffer;return new e.constructor(s,e.byteOffset,e.length)}function br(e,i){var s=-1,m=e.length;for(i||(i=Array(m));++s<m;)i[s]=e[s];return i}function kt(e,i,s,m){s||(s={});for(var x=-1,R=i.length;++x<R;){var z=i[x],L=m?m(s[z],e[z],z,s,e):void 0;wt(s,z,L===void 0?e[z]:L)}return s}function mr(e,i){return kt(e,St(e),i)}function hr(e){return ar(e,je,St)}function Ne(e,i){var s=e.__data__;return wr(i)?s[typeof i=="string"?"string":"hash"]:s.map}function le(e,i){var s=ya(e,i);return or(s)?s:void 0}var St=gt?Fe(gt,Object):Br,ne=rr;(De&&ne(new De(new ArrayBuffer(1)))!=j||be&&ne(new be)!=B||Ve&&ne(Ve.resolve())!=P||Re&&ne(new Re)!=$||Le&&ne(new Le)!=w)&&(ne=function(e){var i=Te.call(e),s=i==S?e.constructor:void 0,m=s?ae(s):void 0;if(m)switch(m){case Ba:return j;case Oa:return B;case xa:return P;case Aa:return $;case Fa:return w}return i});function vr(e){var i=e.length,s=e.constructor(i);return i&&typeof e[0]=="string"&&X.call(e,"index")&&(s.index=e.index,s.input=e.input),s}function gr(e){return typeof e.constructor=="function"&&!Tt(e)?nr(Sa(e)):{}}function yr(e,i,s,m){var x=e.constructor;switch(i){case A:return Pe(e);case b:case h:return new x(+e);case j:return lr(e,m);case U:case K:case H:case T:case l:case u:case f:case v:case _:return pr(e,m);case B:return sr(e,m,s);case k:case G:return new x(e);case D:return dr(e);case $:return ur(e,m,s);case Z:return fr(e)}}function _r(e,i){return i=i??d,!!i&&(typeof e=="number"||O.test(e))&&e>-1&&e%1==0&&e<i}function wr(e){var i=typeof e;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?e!=="__proto__":e===null}function kr(e){return!!pt&&pt in e}function Tt(e){var i=e&&e.constructor,s=typeof i=="function"&&i.prototype||Se;return e===s}function ae(e){if(e!=null){try{return bt.call(e)}catch{}try{return e+""}catch{}}return""}function Sr(e){return Me(e,!0,!0)}function Ct(e,i){return e===i||e!==e&&i!==i}function Tr(e){return Cr(e)&&X.call(e,"callee")&&(!Ca.call(e,"callee")||Te.call(e)==p)}var Ze=Array.isArray;function Nt(e){return e!=null&&Er(e.length)&&!Et(e)}function Cr(e){return Ir(e)&&Nt(e)}var Nr=Ea||Or;function Et(e){var i=Ee(e)?Te.call(e):"";return i==I||i==C}function Er(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=d}function Ee(e){var i=typeof e;return!!e&&(i=="object"||i=="function")}function Ir(e){return!!e&&typeof e=="object"}function je(e){return Nt(e)?er(e):ir(e)}function Br(){return[]}function Or(){return!1}r.exports=Sr}(ke,ke.exports);var In=ke.exports;const Bn=En(In),On={key:0,class:"sidebar-header"},xn={class:"sidebar-content-container"},An={key:0,class:"sidebar-top"},Fn={"aria-label":"Main menu"},$n={key:0,class:"level-primary top-items"},Dn={key:1,class:"sidebar-level-divider",role:"separator"},Vn={key:2,class:"level-primary bottom-items"},Rn={class:"sidebar-footer"},Ln=t.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:n}){const a=r;t.useCssVars(l=>({"6cea19c0":c.value.mobileHeight,a2fcb148:c.value.mobileTop,"359eede8":r.zIndex,"4e23abbe":c.value.height,e428f3c4:c.value.top,"84e1f31c":h.value.marginTop,"28c49c4c":b.value.display,64405131:b.value.minHeight,"3e21d42d":g.value.top,"6ad852a0":g.value.zIndex}));const o=t.useSlots(),d=t.computed(()=>!!o.header),p=t.computed(()=>!!o.top),c=t.computed(()=>({mobileTop:a.mobileTopOffset&&a.mobileEnabled?`${a.mobileTopOffset}px`:a.topOffset?`${a.topOffset}px`:"0",top:a.topOffset?`${a.topOffset}px`:"0",mobileHeight:a.mobileTopOffset&&a.mobileEnabled?`calc(100% - ${a.mobileTopOffset}px)`:"100%",height:a.topOffset?`calc(100% - ${a.topOffset}px)`:"100%"})),b=t.computed(()=>({display:!a.mobileHeaderVisible&&a.mobileEnabled?"none":"flex",minHeight:`${a.headerHeight}px`})),h=t.computed(()=>({marginTop:d.value?`${a.headerHeight}px`:"0"})),g=t.computed(()=>({top:a.mobileTopOffset&&a.mobileEnabled?`${a.mobileTopOffset}px`:"0",zIndex:a.mobileOverlayZIndex!==null?a.mobileOverlayZIndex:a.zIndex>1?a.zIndex-1:1})),I=l=>Bn(l).map(f=>{var v,_,N;if(f){(!f.key||!((v=f.key)!=null&&v.trim()))&&(f.key=String(f.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!f.testId||!((_=f.testId)!=null&&_.trim()))&&(f.testId=String(f.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const E of f.items||[])E.parentKey=f.key,(!E.testId||!((N=E.testId)!=null&&N.trim()))&&(E.testId=String(E.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return f}),C=t.computed(()=>a.topItems.length?I(a.topItems):[]),B=t.computed(()=>a.bottomItems.length?I(a.bottomItems):[]),k=t.ref(a.open),S=l=>{var u,f;k.value!==l&&(k.value=l,n("toggle",l)),l?(u=document==null?void 0:document.body)==null||u.classList.add("kong-ui-app-sidebar-open"):(f=document==null?void 0:document.body)==null||f.classList.remove("kong-ui-app-sidebar-open"),D.value=!1},P=()=>{a.mobileOverlayCloseOnClick&&S(!1)},D=t.ref(!1),$=l=>{D.value=!0,n("click",l),setTimeout(()=>{S(!1)},a.mobileCloseDelay)};t.watch(()=>a.open,l=>{S(l)});const{debounce:G}=rt(),Z=G(()=>{k.value&&w.value!==(window==null?void 0:window.innerWidth)&&(w.value=window==null?void 0:window.innerWidth,S(!1))},200),w=t.ref(),A=t.ref(!1),j=t.ref(),U=()=>{A.value||(A.value=!0,clearTimeout(j.value),j.value=setTimeout(()=>A.value=!1,1300))},K=t.ref(null),H=t.computed(()=>k.value&&a.mobileEnabled),T=async l=>{var u,f;l?(await t.nextTick(),await new Promise(v=>setTimeout(v,300)),(u=K.value)==null||u.activate()):(f=K.value)==null||f.deactivate()};return t.watch(H,async l=>{l?await T(!0):await T(!1)},{immediate:!0}),t.onMounted(()=>{w.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",Z),window.addEventListener("resize",U)}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",Z),window.removeEventListener("resize",U)}),(l,u)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[k.value&&r.mobileOverlay&&r.mobileEnabled?(t.openBlock(),t.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:P})):t.createCommentVNode("",!0),t.createVNode(t.unref(Nn),{ref_key:"focusTrap",ref:K,active:!1,"allow-outside-click":"","fallback-focus":".kong-ui-app-sidebar"},{default:t.withCtx(()=>[t.createElementVNode("aside",{class:t.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?(t.openBlock(),t.createElementBlock("div",On,[t.renderSlot(l.$slots,"header",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",xn,[p.value?(t.openBlock(),t.createElementBlock("div",An,[t.renderSlot(l.$slots,"top",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("nav",Fn,[C.value.length?(t.openBlock(),t.createElementBlock("ul",$n,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(C.value,f=>(t.openBlock(),t.createBlock(ze,{key:f.name,item:f,onClick:$},null,8,["item"]))),128))])):t.createCommentVNode("",!0),C.value.length&&B.value.length?(t.openBlock(),t.createElementBlock("div",Dn)):t.createCommentVNode("",!0),B.value.length?(t.openBlock(),t.createElementBlock("ul",Vn,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(B.value,f=>(t.openBlock(),t.createBlock(ze,{key:f.name,item:f,onClick:$},null,8,["item"]))),128))])):t.createCommentVNode("",!0)])]),t.createElementVNode("div",Rn,[t.renderSlot(l.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),Vr="",Rr="",ot=q(Ln,[["__scopeId","data-v-9cac378b"]]),Ae=r=>(t.pushScopeId("data-v-00a332e0"),r=r(),t.popScopeId(),r),Mn=["aria-label","onClick"],Pn=[Ae(()=>t.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>t.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>t.createElementVNode("span",{class:"line"},null,-1))],Zn=t.defineComponent({__name:"SidebarToggle",props:{active:{type:Boolean,default:!1}},emits:["toggle"],setup(r,{emit:n}){const a=r,o=t.ref(a.active||!1),d=()=>{o.value=!o.value,n("toggle",o.value)};return t.watch(()=>a.active,p=>{o.value=p}),(p,c)=>(t.openBlock(),t.createElementBlock("a",{"aria-haspopup":"true","aria-label":o.value?"Close Main Menu":"Open Main Menu",class:t.normalizeClass(["sidebar-menu-toggle",{active:o.value}]),href:"#",role:"button",onClick:t.withModifiers(d,["prevent"])},Pn,10,Mn))}}),Zr="",it=q(Zn,[["__scopeId","data-v-00a332e0"]]),jn="0px",Hn="16px",Kn=r=>(t.pushScopeId("data-v-bf6a615f"),r=r(),t.popScopeId(),r),zn={id:"kong-ui-app-layout-notification"},Un={class:"mobile-logo"},Gn={key:0,class:"navbar-logo"},Wn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},qn={class:"kong-ui-app-layout-content"},Yn={class:"kong-ui-app-layout-content-inner"},Xn=Kn(()=>t.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),Jn=t.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:n}){const a=r;t.useCssVars(w=>({"2267861a":P.value,"064bdbb4":D.value}));const o=t.useSlots(),d=t.reactive({navbarLeft:t.computed(()=>!!o["navbar-left"]),navbarCenter:t.computed(()=>!!o["navbar-center"]),navbarRight:t.computed(()=>!!o["navbar-right"]),navbarLogo:t.computed(()=>!!o["navbar-logo"]),navbarMobileLogo:t.computed(()=>!!o["navbar-mobile-logo"]),sidebarHeader:t.computed(()=>!!o["sidebar-header"]),sidebarTop:t.computed(()=>!!o["sidebar-top"]),sidebarFooter:t.computed(()=>!!o["sidebar-footer"])}),p=t.computed(()=>a.hideDefaultSlot),c=t.reactive({hidden:t.computed(()=>a.navbarHidden)}),b=t.reactive({topItems:t.computed(()=>a.sidebarTopItems),bottomItems:t.computed(()=>a.sidebarBottomItems),open:t.computed(()=>a.sidebarOpen),hidden:t.computed(()=>a.sidebarHidden)}),h=w=>{n("sidebar-click",w)},g=t.ref(!1),I=w=>{g.value=w};t.watchEffect(()=>{g.value=t.toRef(b,"open").value||!1});const C=t.ref(0),B=t.ref(60),k=t.ref(0),S=t.computed(()=>c.hidden?k.value:B.value+k.value),P=t.computed(()=>`${S.value}px`),D=t.computed(()=>b.hidden||c.hidden?jn:Hn),{debounce:$}=rt(),G=$((w=!1)=>{if(w||C.value!==(window==null?void 0:window.innerWidth)){C.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=t.ref();return t.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"),C.value=window==null?void 0:window.innerWidth,G(!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",G)}),t.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",G)}),(w,A)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":c.hidden},{"sidebar-hidden":b.hidden}]])},[t.createElementVNode("div",zn,[t.renderSlot(w.$slots,"notification",{},void 0,!0)]),c.hidden?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(Ke,{key:String(b.hidden),"left-offset":b.hidden?0:void 0,"top-offset":k.value},t.createSlots({"mobile-sidebar-toggle":t.withCtx(()=>[b.hidden?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(it,{key:0,active:g.value,onToggle:I},null,8,["active"]))]),_:2},[d.navbarMobileLogo?{name:"mobile-logo",fn:t.withCtx(()=>[t.createElementVNode("div",Un,[t.renderSlot(w.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,d.navbarLogo?{name:"logo",fn:t.withCtx(()=>[b.hidden?(t.openBlock(),t.createElementBlock("div",Gn,[t.renderSlot(w.$slots,"navbar-logo",{},void 0,!0)])):t.createCommentVNode("",!0)]),key:"1"}:void 0,d.navbarLeft?{name:"left",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,d.navbarCenter?{name:"center",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,d.navbarRight?{name:"right",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),b.hidden?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(ot,{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},t.createSlots({_:2},[d.sidebarHeader?{name:"header",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,d.sidebarTop?{name:"top",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,d.sidebarFooter?{name:"footer",fn:t.withCtx(()=>[t.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"])),t.createElementVNode("main",Wn,[t.createElementVNode("div",qn,[t.createElementVNode("div",Yn,[Xn,t.renderSlot(w.$slots,"app-error",{},void 0,!0),p.value?t.createCommentVNode("",!0):t.renderSlot(w.$slots,"default",{key:0},void 0,!0)])])])],2))}}),jr="",Hr="",ct=q(Jn,[["__scopeId","data-v-bf6a615f"]]),Qn=t.defineComponent({__name:"AccountDropdown",props:{options:{type:Array,required:!0},width:{type:String,default:"240"},userInitials:{type:String,required:!0,default:" "}},setup(r){return(n,a)=>{const o=t.resolveComponent("KDropdownItem"),d=t.resolveComponent("KDropdownMenu");return t.openBlock(),t.createBlock(d,{class:"account-dropdown","kpop-attributes":{placement:"bottomStart"},label:r.userInitials,size:"small",width:r.width},{items:t.withCtx(({handleSelection:p})=>[t.renderSlot(n.$slots,"default",{},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.options,c=>(t.openBlock(),t.createBlock(o,{key:c.value,class:t.normalizeClass({"has-divider":c.hasDivider}),"data-testid":"select-"+c.value,"has-divider":c.hasDivider,onClick:b=>p(c)},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"default",{option:c},()=>[t.createTextVNode(t.toDisplayString(c.label),1)],!0)]),_:2},1032,["class","data-testid","has-divider","onClick"]))),128))],!0)]),_:3},8,["label","width"])}}}),Kr="",ea=q(Qn,[["__scopeId","data-v-e23c42c4"]]),ta={},na={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"},aa=[t.createStaticVNode('<path clip-rule="evenodd" d="M19.111 120.198c-.226 0-.409-.164-.409-.368v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.367V66.89c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368V47.64c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.369v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368V9.138c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368ZM110.889 120.198c-.225 0-.408-.164-.408-.368v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.367V66.89c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368V47.64c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.369v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368V9.138c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Z" fill="#D6D6D6" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M123.553 107.758a.399.399 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.399.399 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H87.69a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.135 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408H37.01a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.067a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.067c.215 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H6.603a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409ZM123.553 21.434a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.399.399 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409H87.69a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.135 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409H37.01a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409H6.603a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Z" fill="#D6D6D6" fill-rule="evenodd"></path><circle cx="65" cy="65" opacity=".5" r="64" stroke="#B6B6BD" stroke-dasharray="5.69 5.69" stroke-linecap="round" stroke-width=".854"></circle><g clip-path="url(#a)" stroke="#169FCC" stroke-miterlimit="10" stroke-width="1.42"><path d="m33.523 104.868-5.72-.695a1.214 1.214 0 0 1-.766-.386 1.182 1.182 0 0 1-.312-.788v-7.448c0-.095.038-.186.106-.253a.365.365 0 0 1 .256-.104l5.254-.263M61.471 22.733a1.761 1.761 0 0 1 1.45.235 49.628 49.628 0 0 1 15.613 17.6 48.797 48.797 0 0 1 5.65 22.702 47.236 47.236 0 0 1-.333 5.325 41.34 41.34 0 0 0-12.501-.441 48.503 48.503 0 0 0-1.813-23.734 49.117 49.117 0 0 0-12.91-20.119c1.602-.591 3.223-1.136 4.844-1.568Z"></path><path d="M71.35 68.154a39.493 39.493 0 0 0-10.813 3.757 51.298 51.298 0 0 0 3.251-18.062c0-9.392-4.939-19.179-9.783-27.237-.257-.432 0-1.616 2.642-2.32"></path><path d="M56.236 78.58a13.605 13.605 0 0 0-4.29-9.289 14.017 14.017 0 0 0-9.622-3.786 9.617 9.617 0 0 1-6.456-2.446 9.341 9.341 0 0 1-3.079-6.1l-.286-4.256c3.09 0 9.46 4.105 13.216 4.866 3.757.76 8.21.253 11.862 3.437a13.303 13.303 0 0 1 4.357 6.575"></path><path d="M68.594 75.442c-3.432 6.95-7.914 11.59-14.303 16.033a47.076 47.076 0 0 1-21.702 8.058v-4.696c11.642-4.809 22.208-11.806 27.948-22.88"></path><path d="M76.499 84.815a46.939 46.939 0 0 1-17.392 14.511 50.925 50.925 0 0 1-22.885 5.457c-2.317 0-3.662.47-3.662-.695v-4.555"></path><path d="M83.85 68.595c22.304 16.22 4.044 39.25-19.652 37.663.954-.939 29.95-22.222-3.661-34.3"></path><path d="M84.184 58.47c13.607 0 25.746 26.242 17.383 30.995-1.182-17.508-17.716-20.87-17.716-20.87"></path></g><defs><clipPath id="a"><path d="M0 0h79v85H0z" fill="#fff" transform="translate(26 22)"></path></clipPath></defs>',5)];function ra(r,n){return t.openBlock(),t.createElementBlock("svg",na,aa)}const oa=q(ta,[["render",ra]]),lt=r=>(t.pushScopeId("data-v-47245573"),r=r(),t.popScopeId(),r),ia={class:"kong-ui-app-error"},ca={class:"banana-icon"},la={class:"kong-ui-app-error-content"},sa=lt(()=>t.createElementVNode("h2",null,"An unexpected error has occurred",-1)),da=lt(()=>t.createElementVNode("p",null,[t.createTextVNode("Go back to the previous page or "),t.createElementVNode("a",{href:"/"},"return home"),t.createTextVNode(".")],-1)),ua=t.defineComponent({__name:"AppError",setup(r){return(n,a)=>(t.openBlock(),t.createElementBlock("section",ia,[t.createElementVNode("div",ca,[t.createVNode(oa)]),t.createElementVNode("div",la,[t.renderSlot(n.$slots,"default",{},()=>[sa,da],!0)])]))}}),Ur="",Gr="",fa=q(ua,[["__scopeId","data-v-47245573"]]),pa={install:(r,n={})=>{r.component(n.name||"AppLayout",ct)}};M.AccountDropdown=ea,M.AppError=fa,M.AppLayout=ct,M.AppNavbar=Ke,M.AppSidebar=ot,M.SidebarToggle=it,M.default=pa,Object.defineProperties(M,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
11
+ */function Dr(r){return r}const Cn={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},Nn=t.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},Cn),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(r,{slots:n,emit:a}){let o;const d=t.ref(null),p=t.computed(()=>{const b=d.value;return b&&(b instanceof HTMLElement?b:b.$el)});function c(){return o||(o=Tn(p.value,{escapeDeactivates:r.escapeDeactivates,allowOutsideClick:r.allowOutsideClick,returnFocusOnDeactivate:r.returnFocusOnDeactivate,clickOutsideDeactivates:r.clickOutsideDeactivates,onActivate:()=>{a("update:active",!0),a("activate")},onDeactivate:()=>{a("update:active",!1),a("deactivate")},onPostActivate:()=>a("postActivate"),onPostDeactivate:()=>a("postDeactivate"),initialFocus:r.initialFocus,fallbackFocus:r.fallbackFocus,tabbableOptions:r.tabbableOptions,delayInitialFocus:r.delayInitialFocus}))}return t.onMounted(()=>{t.watch(()=>r.active,b=>{b&&p.value?c().activate():o&&(o.deactivate(),(!p.value||p.value.nodeType===Node.COMMENT_NODE)&&(o=null))},{immediate:!0,flush:"post"})}),t.onUnmounted(()=>{o&&o.deactivate(),o=null}),{activate(){c().activate()},deactivate(){o&&o.deactivate()},renderImpl(){if(!n.default)return null;const b=n.default().filter(g=>g.type!==t.Comment);return!b||!b.length||b.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),b):t.cloneVNode(b[0],{ref:d})}}}});function rt(){return{debounce:(n,a)=>{let o;return(...d)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{n(...d)},a)}}}}var we=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function En(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var ke={exports:{}};ke.exports,function(r,n){var a=200,o="__lodash_hash_undefined__",d=9007199254740991,p="[object Arguments]",c="[object Array]",b="[object Boolean]",h="[object Date]",g="[object Error]",I="[object Function]",C="[object GeneratorFunction]",B="[object Map]",k="[object Number]",S="[object Object]",P="[object Promise]",D="[object RegExp]",$="[object Set]",G="[object String]",Z="[object Symbol]",w="[object WeakMap]",A="[object ArrayBuffer]",j="[object DataView]",U="[object Float32Array]",K="[object Float64Array]",H="[object Int8Array]",T="[object Int16Array]",l="[object Int32Array]",u="[object Uint8Array]",f="[object Uint8ClampedArray]",v="[object Uint16Array]",_="[object Uint32Array]",N=/[\\^$.*+?()[\]{}|]/g,E=/\w*$/,F=/^\[object .+?Constructor\]$/,O=/^(?:0|[1-9]\d*)$/,y={};y[p]=y[c]=y[A]=y[j]=y[b]=y[h]=y[U]=y[K]=y[H]=y[T]=y[l]=y[B]=y[k]=y[S]=y[D]=y[$]=y[G]=y[Z]=y[u]=y[f]=y[v]=y[_]=!0,y[g]=y[I]=y[w]=!1;var ee=typeof we=="object"&&we&&we.Object===Object&&we,W=typeof self=="object"&&self&&self.Object===Object&&self,V=ee||W||Function("return this")(),fe=n&&!n.nodeType&&n,oe=fe&&!0&&r&&!r.nodeType&&r,pe=oe&&oe.exports===fe;function ba(e,i){return e.set(i[0],i[1]),e}function ma(e,i){return e.add(i),e}function ha(e,i){for(var s=-1,m=e?e.length:0;++s<m&&i(e[s],s,e)!==!1;);return e}function va(e,i){for(var s=-1,m=i.length,x=e.length;++s<m;)e[x+s]=i[s];return e}function st(e,i,s,m){var x=-1,R=e?e.length:0;for(m&&R&&(s=e[++x]);++x<R;)s=i(s,e[x],x,e);return s}function ga(e,i){for(var s=-1,m=Array(e);++s<e;)m[s]=i(s);return m}function ya(e,i){return e==null?void 0:e[i]}function dt(e){var i=!1;if(e!=null&&typeof e.toString!="function")try{i=!!(e+"")}catch{}return i}function ut(e){var i=-1,s=Array(e.size);return e.forEach(function(m,x){s[++i]=[x,m]}),s}function Fe(e,i){return function(s){return e(i(s))}}function ft(e){var i=-1,s=Array(e.size);return e.forEach(function(m){s[++i]=m}),s}var _a=Array.prototype,wa=Function.prototype,Se=Object.prototype,$e=V["__core-js_shared__"],pt=function(){var e=/[^.]+$/.exec($e&&$e.keys&&$e.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),bt=wa.toString,X=Se.hasOwnProperty,Te=Se.toString,ka=RegExp("^"+bt.call(X).replace(N,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),mt=pe?V.Buffer:void 0,ht=V.Symbol,vt=V.Uint8Array,Sa=Fe(Object.getPrototypeOf,Object),Ta=Object.create,Ca=Se.propertyIsEnumerable,Na=_a.splice,gt=Object.getOwnPropertySymbols,Ea=mt?mt.isBuffer:void 0,Ia=Fe(Object.keys,Object),De=le(V,"DataView"),be=le(V,"Map"),Ve=le(V,"Promise"),Re=le(V,"Set"),Le=le(V,"WeakMap"),me=le(Object,"create"),Ba=ae(De),Oa=ae(be),xa=ae(Ve),Aa=ae(Re),Fa=ae(Le),yt=ht?ht.prototype:void 0,_t=yt?yt.valueOf:void 0;function te(e){var i=-1,s=e?e.length:0;for(this.clear();++i<s;){var m=e[i];this.set(m[0],m[1])}}function $a(){this.__data__=me?me(null):{}}function Da(e){return this.has(e)&&delete this.__data__[e]}function Va(e){var i=this.__data__;if(me){var s=i[e];return s===o?void 0:s}return X.call(i,e)?i[e]:void 0}function Ra(e){var i=this.__data__;return me?i[e]!==void 0:X.call(i,e)}function La(e,i){var s=this.__data__;return s[e]=me&&i===void 0?o:i,this}te.prototype.clear=$a,te.prototype.delete=Da,te.prototype.get=Va,te.prototype.has=Ra,te.prototype.set=La;function Y(e){var i=-1,s=e?e.length:0;for(this.clear();++i<s;){var m=e[i];this.set(m[0],m[1])}}function Ma(){this.__data__=[]}function Pa(e){var i=this.__data__,s=Ce(i,e);if(s<0)return!1;var m=i.length-1;return s==m?i.pop():Na.call(i,s,1),!0}function Za(e){var i=this.__data__,s=Ce(i,e);return s<0?void 0:i[s][1]}function ja(e){return Ce(this.__data__,e)>-1}function Ha(e,i){var s=this.__data__,m=Ce(s,e);return m<0?s.push([e,i]):s[m][1]=i,this}Y.prototype.clear=Ma,Y.prototype.delete=Pa,Y.prototype.get=Za,Y.prototype.has=ja,Y.prototype.set=Ha;function ie(e){var i=-1,s=e?e.length:0;for(this.clear();++i<s;){var m=e[i];this.set(m[0],m[1])}}function Ka(){this.__data__={hash:new te,map:new(be||Y),string:new te}}function za(e){return Ne(this,e).delete(e)}function Ua(e){return Ne(this,e).get(e)}function Ga(e){return Ne(this,e).has(e)}function Wa(e,i){return Ne(this,e).set(e,i),this}ie.prototype.clear=Ka,ie.prototype.delete=za,ie.prototype.get=Ua,ie.prototype.has=Ga,ie.prototype.set=Wa;function ce(e){this.__data__=new Y(e)}function qa(){this.__data__=new Y}function Ya(e){return this.__data__.delete(e)}function Xa(e){return this.__data__.get(e)}function Ja(e){return this.__data__.has(e)}function Qa(e,i){var s=this.__data__;if(s instanceof Y){var m=s.__data__;if(!be||m.length<a-1)return m.push([e,i]),this;s=this.__data__=new ie(m)}return s.set(e,i),this}ce.prototype.clear=qa,ce.prototype.delete=Ya,ce.prototype.get=Xa,ce.prototype.has=Ja,ce.prototype.set=Qa;function er(e,i){var s=Ze(e)||Tr(e)?ga(e.length,String):[],m=s.length,x=!!m;for(var R in e)(i||X.call(e,R))&&!(x&&(R=="length"||_r(R,m)))&&s.push(R);return s}function wt(e,i,s){var m=e[i];(!(X.call(e,i)&&Ct(m,s))||s===void 0&&!(i in e))&&(e[i]=s)}function Ce(e,i){for(var s=e.length;s--;)if(Ct(e[s][0],i))return s;return-1}function tr(e,i){return e&&kt(i,je(i),e)}function Me(e,i,s,m,x,R,z){var L;if(m&&(L=R?m(e,x,R,z):m(e)),L!==void 0)return L;if(!Ee(e))return e;var It=Ze(e);if(It){if(L=vr(e),!i)return br(e,L)}else{var se=ne(e),Bt=se==I||se==C;if(Nr(e))return cr(e,i);if(se==S||se==p||Bt&&!R){if(dt(e))return R?e:{};if(L=gr(Bt?{}:e),!i)return mr(e,tr(L,e))}else{if(!y[se])return R?e:{};L=yr(e,se,Me,i)}}z||(z=new ce);var Ot=z.get(e);if(Ot)return Ot;if(z.set(e,L),!It)var xt=s?hr(e):je(e);return ha(xt||e,function(He,Ie){xt&&(Ie=He,He=e[Ie]),wt(L,Ie,Me(He,i,s,m,Ie,e,z))}),L}function nr(e){return Ee(e)?Ta(e):{}}function ar(e,i,s){var m=i(e);return Ze(e)?m:va(m,s(e))}function rr(e){return Te.call(e)}function or(e){if(!Ee(e)||kr(e))return!1;var i=Et(e)||dt(e)?ka:F;return i.test(ae(e))}function ir(e){if(!Tt(e))return Ia(e);var i=[];for(var s in Object(e))X.call(e,s)&&s!="constructor"&&i.push(s);return i}function cr(e,i){if(i)return e.slice();var s=new e.constructor(e.length);return e.copy(s),s}function Pe(e){var i=new e.constructor(e.byteLength);return new vt(i).set(new vt(e)),i}function lr(e,i){var s=i?Pe(e.buffer):e.buffer;return new e.constructor(s,e.byteOffset,e.byteLength)}function sr(e,i,s){var m=i?s(ut(e),!0):ut(e);return st(m,ba,new e.constructor)}function dr(e){var i=new e.constructor(e.source,E.exec(e));return i.lastIndex=e.lastIndex,i}function ur(e,i,s){var m=i?s(ft(e),!0):ft(e);return st(m,ma,new e.constructor)}function fr(e){return _t?Object(_t.call(e)):{}}function pr(e,i){var s=i?Pe(e.buffer):e.buffer;return new e.constructor(s,e.byteOffset,e.length)}function br(e,i){var s=-1,m=e.length;for(i||(i=Array(m));++s<m;)i[s]=e[s];return i}function kt(e,i,s,m){s||(s={});for(var x=-1,R=i.length;++x<R;){var z=i[x],L=m?m(s[z],e[z],z,s,e):void 0;wt(s,z,L===void 0?e[z]:L)}return s}function mr(e,i){return kt(e,St(e),i)}function hr(e){return ar(e,je,St)}function Ne(e,i){var s=e.__data__;return wr(i)?s[typeof i=="string"?"string":"hash"]:s.map}function le(e,i){var s=ya(e,i);return or(s)?s:void 0}var St=gt?Fe(gt,Object):Br,ne=rr;(De&&ne(new De(new ArrayBuffer(1)))!=j||be&&ne(new be)!=B||Ve&&ne(Ve.resolve())!=P||Re&&ne(new Re)!=$||Le&&ne(new Le)!=w)&&(ne=function(e){var i=Te.call(e),s=i==S?e.constructor:void 0,m=s?ae(s):void 0;if(m)switch(m){case Ba:return j;case Oa:return B;case xa:return P;case Aa:return $;case Fa:return w}return i});function vr(e){var i=e.length,s=e.constructor(i);return i&&typeof e[0]=="string"&&X.call(e,"index")&&(s.index=e.index,s.input=e.input),s}function gr(e){return typeof e.constructor=="function"&&!Tt(e)?nr(Sa(e)):{}}function yr(e,i,s,m){var x=e.constructor;switch(i){case A:return Pe(e);case b:case h:return new x(+e);case j:return lr(e,m);case U:case K:case H:case T:case l:case u:case f:case v:case _:return pr(e,m);case B:return sr(e,m,s);case k:case G:return new x(e);case D:return dr(e);case $:return ur(e,m,s);case Z:return fr(e)}}function _r(e,i){return i=i??d,!!i&&(typeof e=="number"||O.test(e))&&e>-1&&e%1==0&&e<i}function wr(e){var i=typeof e;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?e!=="__proto__":e===null}function kr(e){return!!pt&&pt in e}function Tt(e){var i=e&&e.constructor,s=typeof i=="function"&&i.prototype||Se;return e===s}function ae(e){if(e!=null){try{return bt.call(e)}catch{}try{return e+""}catch{}}return""}function Sr(e){return Me(e,!0,!0)}function Ct(e,i){return e===i||e!==e&&i!==i}function Tr(e){return Cr(e)&&X.call(e,"callee")&&(!Ca.call(e,"callee")||Te.call(e)==p)}var Ze=Array.isArray;function Nt(e){return e!=null&&Er(e.length)&&!Et(e)}function Cr(e){return Ir(e)&&Nt(e)}var Nr=Ea||Or;function Et(e){var i=Ee(e)?Te.call(e):"";return i==I||i==C}function Er(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=d}function Ee(e){var i=typeof e;return!!e&&(i=="object"||i=="function")}function Ir(e){return!!e&&typeof e=="object"}function je(e){return Nt(e)?er(e):ir(e)}function Br(){return[]}function Or(){return!1}r.exports=Sr}(ke,ke.exports);var In=ke.exports;const Bn=En(In),On={key:0,class:"sidebar-header"},xn={class:"sidebar-content-container"},An={key:0,class:"sidebar-top"},Fn={"aria-label":"Main menu"},$n={key:0,class:"level-primary top-items"},Dn={key:1,class:"sidebar-level-divider",role:"separator"},Vn={key:2,class:"level-primary bottom-items"},Rn={class:"sidebar-footer"},Ln=t.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:n}){const a=r;t.useCssVars(l=>({"6cea19c0":c.value.mobileHeight,a2fcb148:c.value.mobileTop,"359eede8":r.zIndex,"4e23abbe":c.value.height,e428f3c4:c.value.top,"84e1f31c":h.value.marginTop,"28c49c4c":b.value.display,64405131:b.value.minHeight,"3e21d42d":g.value.top,"6ad852a0":g.value.zIndex}));const o=t.useSlots(),d=t.computed(()=>!!o.header),p=t.computed(()=>!!o.top),c=t.computed(()=>({mobileTop:a.mobileTopOffset&&a.mobileEnabled?`${a.mobileTopOffset}px`:a.topOffset?`${a.topOffset}px`:"0",top:a.topOffset?`${a.topOffset}px`:"0",mobileHeight:a.mobileTopOffset&&a.mobileEnabled?`calc(100% - ${a.mobileTopOffset}px)`:"100%",height:a.topOffset?`calc(100% - ${a.topOffset}px)`:"100%"})),b=t.computed(()=>({display:!a.mobileHeaderVisible&&a.mobileEnabled?"none":"flex",minHeight:`${a.headerHeight}px`})),h=t.computed(()=>({marginTop:d.value?`${a.headerHeight}px`:"0"})),g=t.computed(()=>({top:a.mobileTopOffset&&a.mobileEnabled?`${a.mobileTopOffset}px`:"0",zIndex:a.mobileOverlayZIndex!==null?a.mobileOverlayZIndex:a.zIndex>1?a.zIndex-1:1})),I=l=>Bn(l).map(f=>{var v,_,N;if(f){(!f.key||!((v=f.key)!=null&&v.trim()))&&(f.key=String(f.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!f.testId||!((_=f.testId)!=null&&_.trim()))&&(f.testId=String(f.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const E of f.items||[])E.parentKey=f.key,(!E.testId||!((N=E.testId)!=null&&N.trim()))&&(E.testId=String(E.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return f}),C=t.computed(()=>a.topItems.length?I(a.topItems):[]),B=t.computed(()=>a.bottomItems.length?I(a.bottomItems):[]),k=t.ref(a.open),S=l=>{var u,f;k.value!==l&&(k.value=l,n("toggle",l)),l?(u=document==null?void 0:document.body)==null||u.classList.add("kong-ui-app-sidebar-open"):(f=document==null?void 0:document.body)==null||f.classList.remove("kong-ui-app-sidebar-open"),D.value=!1},P=()=>{a.mobileOverlayCloseOnClick&&S(!1)},D=t.ref(!1),$=l=>{D.value=!0,n("click",l),setTimeout(()=>{S(!1)},a.mobileCloseDelay)};t.watch(()=>a.open,l=>{S(l)});const{debounce:G}=rt(),Z=G(()=>{k.value&&w.value!==(window==null?void 0:window.innerWidth)&&(w.value=window==null?void 0:window.innerWidth,S(!1))},200),w=t.ref(),A=t.ref(!1),j=t.ref(),U=()=>{A.value||(A.value=!0,clearTimeout(j.value),j.value=setTimeout(()=>A.value=!1,1300))},K=t.ref(null),H=t.computed(()=>k.value&&a.mobileEnabled),T=async l=>{var u,f;l?(await t.nextTick(),await new Promise(v=>setTimeout(v,300)),(u=K.value)==null||u.activate()):(f=K.value)==null||f.deactivate()};return t.watch(H,async l=>{l?await T(!0):await T(!1)},{immediate:!0}),t.onMounted(()=>{w.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",Z),window.addEventListener("resize",U)}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",Z),window.removeEventListener("resize",U)}),(l,u)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[k.value&&r.mobileOverlay&&r.mobileEnabled?(t.openBlock(),t.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:P})):t.createCommentVNode("",!0),t.createVNode(t.unref(Nn),{ref_key:"focusTrap",ref:K,active:!1,"allow-outside-click":"","fallback-focus":".kong-ui-app-sidebar"},{default:t.withCtx(()=>[t.createElementVNode("aside",{class:t.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?(t.openBlock(),t.createElementBlock("div",On,[t.renderSlot(l.$slots,"header",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",xn,[p.value?(t.openBlock(),t.createElementBlock("div",An,[t.renderSlot(l.$slots,"top",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("nav",Fn,[C.value.length?(t.openBlock(),t.createElementBlock("ul",$n,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(C.value,f=>(t.openBlock(),t.createBlock(ze,{key:f.name,item:f,onClick:$},null,8,["item"]))),128))])):t.createCommentVNode("",!0),C.value.length&&B.value.length?(t.openBlock(),t.createElementBlock("div",Dn)):t.createCommentVNode("",!0),B.value.length?(t.openBlock(),t.createElementBlock("ul",Vn,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(B.value,f=>(t.openBlock(),t.createBlock(ze,{key:f.name,item:f,onClick:$},null,8,["item"]))),128))])):t.createCommentVNode("",!0)])]),t.createElementVNode("div",Rn,[t.renderSlot(l.$slots,"footer",{},void 0,!0)])],2)]),_:3},512)],64))}}),Vr="",Rr="",ot=q(Ln,[["__scopeId","data-v-9cac378b"]]),Ae=r=>(t.pushScopeId("data-v-00a332e0"),r=r(),t.popScopeId(),r),Mn=["aria-label","onClick"],Pn=[Ae(()=>t.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>t.createElementVNode("span",{class:"line"},null,-1)),Ae(()=>t.createElementVNode("span",{class:"line"},null,-1))],Zn=t.defineComponent({__name:"SidebarToggle",props:{active:{type:Boolean,default:!1}},emits:["toggle"],setup(r,{emit:n}){const a=r,o=t.ref(a.active||!1),d=()=>{o.value=!o.value,n("toggle",o.value)};return t.watch(()=>a.active,p=>{o.value=p}),(p,c)=>(t.openBlock(),t.createElementBlock("a",{"aria-haspopup":"true","aria-label":o.value?"Close Main Menu":"Open Main Menu",class:t.normalizeClass(["sidebar-menu-toggle",{active:o.value}]),href:"#",role:"button",onClick:t.withModifiers(d,["prevent"])},Pn,10,Mn))}}),Zr="",it=q(Zn,[["__scopeId","data-v-00a332e0"]]),jn="0px",Hn="16px",Kn=r=>(t.pushScopeId("data-v-bf6a615f"),r=r(),t.popScopeId(),r),zn={id:"kong-ui-app-layout-notification"},Un={class:"mobile-logo"},Gn={key:0,class:"navbar-logo"},Wn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},qn={class:"kong-ui-app-layout-content"},Yn={class:"kong-ui-app-layout-content-inner"},Xn=Kn(()=>t.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),Jn=t.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:n}){const a=r;t.useCssVars(w=>({"2267861a":P.value,"064bdbb4":D.value}));const o=t.useSlots(),d=t.reactive({navbarLeft:t.computed(()=>!!o["navbar-left"]),navbarCenter:t.computed(()=>!!o["navbar-center"]),navbarRight:t.computed(()=>!!o["navbar-right"]),navbarLogo:t.computed(()=>!!o["navbar-logo"]),navbarMobileLogo:t.computed(()=>!!o["navbar-mobile-logo"]),sidebarHeader:t.computed(()=>!!o["sidebar-header"]),sidebarTop:t.computed(()=>!!o["sidebar-top"]),sidebarFooter:t.computed(()=>!!o["sidebar-footer"])}),p=t.computed(()=>a.hideDefaultSlot),c=t.reactive({hidden:t.computed(()=>a.navbarHidden)}),b=t.reactive({topItems:t.computed(()=>a.sidebarTopItems),bottomItems:t.computed(()=>a.sidebarBottomItems),open:t.computed(()=>a.sidebarOpen),hidden:t.computed(()=>a.sidebarHidden)}),h=w=>{n("sidebar-click",w)},g=t.ref(!1),I=w=>{g.value=w};t.watchEffect(()=>{g.value=t.toRef(b,"open").value||!1});const C=t.ref(0),B=t.ref(60),k=t.ref(0),S=t.computed(()=>c.hidden?k.value:B.value+k.value),P=t.computed(()=>`${S.value}px`),D=t.computed(()=>b.hidden||c.hidden?jn:Hn),{debounce:$}=rt(),G=$((w=!1)=>{if(w||C.value!==(window==null?void 0:window.innerWidth)){C.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=t.ref();return t.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"),C.value=window==null?void 0:window.innerWidth,G(!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",G)}),t.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",G)}),(w,A)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":c.hidden},{"sidebar-hidden":b.hidden}]])},[t.createElementVNode("div",zn,[t.renderSlot(w.$slots,"notification",{},void 0,!0)]),c.hidden?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(Ke,{key:String(b.hidden),"left-offset":b.hidden?0:void 0,"top-offset":k.value},t.createSlots({"mobile-sidebar-toggle":t.withCtx(()=>[b.hidden?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(it,{key:0,active:g.value,onToggle:I},null,8,["active"]))]),_:2},[d.navbarMobileLogo?{name:"mobile-logo",fn:t.withCtx(()=>[t.createElementVNode("div",Un,[t.renderSlot(w.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,d.navbarLogo?{name:"logo",fn:t.withCtx(()=>[b.hidden?(t.openBlock(),t.createElementBlock("div",Gn,[t.renderSlot(w.$slots,"navbar-logo",{},void 0,!0)])):t.createCommentVNode("",!0)]),key:"1"}:void 0,d.navbarLeft?{name:"left",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,d.navbarCenter?{name:"center",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,d.navbarRight?{name:"right",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),b.hidden?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(ot,{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},t.createSlots({_:2},[d.sidebarHeader?{name:"header",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,d.sidebarTop?{name:"top",fn:t.withCtx(()=>[t.renderSlot(w.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0,d.sidebarFooter?{name:"footer",fn:t.withCtx(()=>[t.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"])),t.createElementVNode("main",Wn,[t.createElementVNode("div",qn,[t.createElementVNode("div",Yn,[Xn,t.renderSlot(w.$slots,"app-error",{},void 0,!0),p.value?t.createCommentVNode("",!0):t.renderSlot(w.$slots,"default",{key:0},void 0,!0)])])])],2))}}),jr="",Hr="",ct=q(Jn,[["__scopeId","data-v-bf6a615f"]]),Qn=t.defineComponent({__name:"AccountDropdown",props:{options:{type:Array,required:!0},width:{type:String,default:"240"},userInitials:{type:String,required:!0,default:" "}},setup(r){return(n,a)=>{const o=t.resolveComponent("KDropdownItem"),d=t.resolveComponent("KDropdownMenu");return t.openBlock(),t.createBlock(d,{class:"account-dropdown","kpop-attributes":{placement:"bottomStart"},label:r.userInitials,size:"small",width:r.width},{items:t.withCtx(({handleSelection:p})=>[t.renderSlot(n.$slots,"default",{},()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.options,c=>(t.openBlock(),t.createBlock(o,{key:c.value,class:t.normalizeClass({"has-divider":c.hasDivider}),"data-testid":"select-"+c.value,"has-divider":c.hasDivider,onClick:b=>p(c)},{default:t.withCtx(()=>[t.renderSlot(n.$slots,"default",{option:c},()=>[t.createTextVNode(t.toDisplayString(c.label),1)],!0)]),_:2},1032,["class","data-testid","has-divider","onClick"]))),128))],!0)]),_:3},8,["label","width"])}}}),Kr="",ea=q(Qn,[["__scopeId","data-v-bcfd5686"]]),ta={},na={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"},aa=[t.createStaticVNode('<path clip-rule="evenodd" d="M19.111 120.198c-.226 0-.409-.164-.409-.368v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.367V66.89c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368V47.64c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.164-.409-.368v-4.812c0-.204.183-.368.409-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.368v-4.813c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.226 0-.409-.165-.409-.369v-4.812c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.226 0-.409-.165-.409-.368V9.138c0-.203.183-.368.409-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368ZM110.889 120.198c-.225 0-.408-.164-.408-.368v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.367V66.89c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368V47.64c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.164-.408-.368v-4.812c0-.204.183-.368.408-.368.226 0 .409.164.409.368v4.812c0 .204-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.368v-4.813c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.625c-.225 0-.408-.165-.408-.369v-4.812c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Zm0-9.626c-.225 0-.408-.165-.408-.368V9.138c0-.203.183-.368.408-.368.226 0 .409.165.409.368v4.813c0 .203-.183.368-.409.368Z" fill="#D6D6D6" fill-rule="evenodd"></path><path clip-rule="evenodd" d="M123.553 107.758a.399.399 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.399.399 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H87.69a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.135 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.068a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408H37.01a.398.398 0 0 1-.387-.408c0-.226.173-.409.387-.409h5.068c.214 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.388.408h-5.067a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.067c.215 0 .388.183.388.409Zm-10.136 0a.398.398 0 0 1-.387.408h-5.068a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409Zm-10.136 0a.398.398 0 0 1-.387.408H6.603a.398.398 0 0 1-.388-.408c0-.226.174-.409.388-.409h5.068c.214 0 .387.183.387.409ZM123.553 21.434a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.399.399 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409H87.69a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.136 0a.398.398 0 0 1-.387.409h-5.068a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Zm-10.135 0a.399.399 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409H37.01a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.388.409h-5.068a.398.398 0 0 1-.387-.409c0-.226.173-.408.387-.408h5.068c.214 0 .388.183.388.408Zm-10.136 0a.398.398 0 0 1-.387.409H6.603a.398.398 0 0 1-.388-.409c0-.226.174-.408.388-.408h5.068c.214 0 .387.183.387.408Z" fill="#D6D6D6" fill-rule="evenodd"></path><circle cx="65" cy="65" opacity=".5" r="64" stroke="#B6B6BD" stroke-dasharray="5.69 5.69" stroke-linecap="round" stroke-width=".854"></circle><g clip-path="url(#a)" stroke="#169FCC" stroke-miterlimit="10" stroke-width="1.42"><path d="m33.523 104.868-5.72-.695a1.214 1.214 0 0 1-.766-.386 1.182 1.182 0 0 1-.312-.788v-7.448c0-.095.038-.186.106-.253a.365.365 0 0 1 .256-.104l5.254-.263M61.471 22.733a1.761 1.761 0 0 1 1.45.235 49.628 49.628 0 0 1 15.613 17.6 48.797 48.797 0 0 1 5.65 22.702 47.236 47.236 0 0 1-.333 5.325 41.34 41.34 0 0 0-12.501-.441 48.503 48.503 0 0 0-1.813-23.734 49.117 49.117 0 0 0-12.91-20.119c1.602-.591 3.223-1.136 4.844-1.568Z"></path><path d="M71.35 68.154a39.493 39.493 0 0 0-10.813 3.757 51.298 51.298 0 0 0 3.251-18.062c0-9.392-4.939-19.179-9.783-27.237-.257-.432 0-1.616 2.642-2.32"></path><path d="M56.236 78.58a13.605 13.605 0 0 0-4.29-9.289 14.017 14.017 0 0 0-9.622-3.786 9.617 9.617 0 0 1-6.456-2.446 9.341 9.341 0 0 1-3.079-6.1l-.286-4.256c3.09 0 9.46 4.105 13.216 4.866 3.757.76 8.21.253 11.862 3.437a13.303 13.303 0 0 1 4.357 6.575"></path><path d="M68.594 75.442c-3.432 6.95-7.914 11.59-14.303 16.033a47.076 47.076 0 0 1-21.702 8.058v-4.696c11.642-4.809 22.208-11.806 27.948-22.88"></path><path d="M76.499 84.815a46.939 46.939 0 0 1-17.392 14.511 50.925 50.925 0 0 1-22.885 5.457c-2.317 0-3.662.47-3.662-.695v-4.555"></path><path d="M83.85 68.595c22.304 16.22 4.044 39.25-19.652 37.663.954-.939 29.95-22.222-3.661-34.3"></path><path d="M84.184 58.47c13.607 0 25.746 26.242 17.383 30.995-1.182-17.508-17.716-20.87-17.716-20.87"></path></g><defs><clipPath id="a"><path d="M0 0h79v85H0z" fill="#fff" transform="translate(26 22)"></path></clipPath></defs>',5)];function ra(r,n){return t.openBlock(),t.createElementBlock("svg",na,aa)}const oa=q(ta,[["render",ra]]),lt=r=>(t.pushScopeId("data-v-5cbccc66"),r=r(),t.popScopeId(),r),ia={class:"kong-ui-app-error"},ca={class:"banana-icon"},la={class:"kong-ui-app-error-content"},sa=lt(()=>t.createElementVNode("h2",null,"An unexpected error has occurred",-1)),da=lt(()=>t.createElementVNode("p",null,[t.createTextVNode("Go back to the previous page or "),t.createElementVNode("a",{href:"/"},"return home"),t.createTextVNode(".")],-1)),ua=t.defineComponent({__name:"AppError",setup(r){return(n,a)=>(t.openBlock(),t.createElementBlock("section",ia,[t.createElementVNode("div",ca,[t.createVNode(oa)]),t.createElementVNode("div",la,[t.renderSlot(n.$slots,"default",{},()=>[sa,da],!0)])]))}}),Ur="",Gr="",fa=q(ua,[["__scopeId","data-v-5cbccc66"]]),pa={install:(r,n={})=>{r.component(n.name||"AppLayout",ct)}};M.AccountDropdown=ea,M.AppError=fa,M.AppLayout=ct,M.AppNavbar=Ke,M.AppSidebar=ot,M.SidebarToggle=it,M.default=pa,Object.defineProperties(M,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .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-c8c7674b]{border:1px solid transparent}.sidebar-item-primary.active[data-v-c8c7674b],.sidebar-item-primary.expanded[data-v-c8c7674b]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-c8c7674b],.sidebar-item-primary>div>a[data-v-c8c7674b]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-c8c7674b],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-c8c7674b]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-c8c7674b]{margin-bottom:4px}.sidebar-item-secondary[data-v-c8c7674b]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-c8c7674b]{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-c8c7674b]:hover,.sidebar-item-secondary a[data-v-c8c7674b]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-c8c7674b]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-c8c7674b]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-c8c7674b]{background-color:#ffffff1a;border-left:4px solid #84E5AE;color:#fff!important;font-weight:600!important}.sidebar-item-display[data-v-c8c7674b]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-c8c7674b]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-c8c7674b]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-c8c7674b]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-c8c7674b]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-c8c7674b]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-c8c7674b]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-c8c7674b]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-c8c7674b]{height:auto;min-width:0px}.sidebar-item-display .sidebar-item-label[data-v-c8c7674b]{color:#afb7c5;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-c8c7674b]{align-items:center;display:flex;line-height:0;padding-right:12px}.kong-ui-app-sidebar[data-v-9cac378b]{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(--6cea19c0);left:-100%;position:fixed;top:var(--a2fcb148);transition:left .2s ease-in-out;width:100%;z-index:var(--359eede8)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-9cac378b]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-9cac378b]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--4e23abbe);left:0;top:var(--e428f3c4)}}.kong-ui-app-sidebar.sidebar-open[data-v-9cac378b],.kong-ui-app-sidebar.mobile-disabled[data-v-9cac378b]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-9cac378b]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-9cac378b]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]{display:flex;flex-direction:column;height:100%;margin-top:var(--84e1f31c);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-9cac378b]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]: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-9cac378b]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-9cac378b]{align-items:center;color:#afb7c5;display:flex;font-weight:500;width:100%}.kong-ui-app-sidebar[data-v-9cac378b] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-9cac378b],.no-sidebar-header .sidebar-content-container[data-v-9cac378b]{margin-top:0!important}}.sidebar-level-divider[data-v-9cac378b]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-9cac378b]{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(--28c49c4c);left:0;min-height:var(--64405131);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-9cac378b]{display:flex}}.sidebar-header[data-v-9cac378b]>*{display:flex}.sidebar-header[data-v-9cac378b]>a{text-decoration:none}.sidebar-header[data-v-9cac378b]>a:focus-visible{border-radius:4px;outline:1px solid #afb7c5}.sidebar-header[data-v-9cac378b]: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-9cac378b]{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-9cac378b]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-9cac378b]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-9cac378b] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-9cac378b]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--3e21d42d);z-index:var(--6ad852a0)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-9cac378b]{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-bf6a615f]{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-bf6a615f] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-bf6a615f] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-bf6a615f] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-bf6a615f] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-bf6a615f]{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(--2267861a);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-bf6a615f]{border-top-left-radius:var(--064bdbb4);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-bf6a615f]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-bf6a615f]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-bf6a615f]{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-bf6a615f]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-bf6a615f]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-bf6a615f]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-bf6a615f]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-bf6a615f] .k-alert{border-radius:0!important}.account-dropdown[data-v-e23c42c4]{display:flex;margin-right:4px}.account-dropdown[data-v-e23c42c4] .k-button.primary,.account-dropdown[data-v-e23c42c4] .k-button.primary:hover:not(:disabled){background-color:#0044f4;background-color:var(--kong-ui-account-dropdown-background, #0044f4);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-e23c42c4] .k-button.primary:active,.account-dropdown[data-v-e23c42c4] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC)}.account-dropdown[data-v-e23c42c4] .k-dropdown-popover{top:10px!important}.kong-ui-app-error[data-v-47245573]{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-47245573]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-47245573]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-47245573]{animation-delay:.75s;margin:32px auto 24px}.kong-ui-app-error .kong-ui-app-error-content[data-v-47245573]{animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-47245573;opacity:0;padding:0 16px}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-47245573]{padding:0 32px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-47245573]{animation:none;opacity:1}}@keyframes fadeIn-47245573{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}
1
+ .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-fc7bf64e]{border:1px solid rgba(0,0,0,0)}.sidebar-item-primary.active[data-v-fc7bf64e],.sidebar-item-primary.expanded[data-v-fc7bf64e]{background-color:#ffffff1a;border-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-fc7bf64e],.sidebar-item-primary>div>a[data-v-fc7bf64e]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-fc7bf64e],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-fc7bf64e]{padding-bottom:12px;padding-top:12px}.sidebar-item-secondary[data-v-fc7bf64e]{margin-bottom:4px}.sidebar-item-secondary[data-v-fc7bf64e]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-fc7bf64e]{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-fc7bf64e]:hover,.sidebar-item-secondary a[data-v-fc7bf64e]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-fc7bf64e]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-fc7bf64e]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-fc7bf64e]{background-color:#ffffff1a;border-left:4px solid #84E5AE;color:#fff!important;font-weight:600!important}.sidebar-item-display[data-v-fc7bf64e]{align-items:center;display:flex;height:100%;padding:0 16px;width:100%}.sidebar-item-display .sidebar-item-name-container[data-v-fc7bf64e]{line-height:16px;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-fc7bf64e]{height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-fc7bf64e]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-18[data-v-fc7bf64e]{max-width:18ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-fc7bf64e]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-fc7bf64e]{align-items:center;display:flex}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-fc7bf64e]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-fc7bf64e]{height:auto;min-width:0px}.sidebar-item-display .sidebar-item-label[data-v-fc7bf64e]{color:#afb7c5;font-size:12px;margin-top:4px}.sidebar-item-display .sidebar-item-icon[data-v-fc7bf64e]{align-items:center;display:flex;line-height:0;padding-right:12px}.kong-ui-app-sidebar[data-v-9cac378b]{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(--6cea19c0);left:-100%;position:fixed;top:var(--a2fcb148);transition:left .2s ease-in-out;width:100%;z-index:var(--359eede8)}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-9cac378b]{max-width:240px;width:240px}}@media (min-width: 1024px){.kong-ui-app-sidebar[data-v-9cac378b]{background:transparent;background:var(--kong-ui-app-sidebar-background, transparent);height:var(--4e23abbe);left:0;top:var(--e428f3c4)}}.kong-ui-app-sidebar.sidebar-open[data-v-9cac378b],.kong-ui-app-sidebar.mobile-disabled[data-v-9cac378b]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-9cac378b]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-9cac378b]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]{display:flex;flex-direction:column;height:100%;margin-top:var(--84e1f31c);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-9cac378b]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]::-webkit-scrollbar{height:8px;opacity:1;width:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]: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-9cac378b]:hover::-webkit-scrollbar-thumb{background:#6c7489}.kong-ui-app-sidebar .sidebar-content-container[data-v-9cac378b]:hover::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.kong-ui-app-sidebar .sidebar-footer[data-v-9cac378b]{align-items:center;color:#afb7c5;display:flex;font-weight:500;width:100%}.kong-ui-app-sidebar[data-v-9cac378b] .k-dropdown-item{font-size:14px;line-height:20px}@media (max-width: 1023px){.mobile-header-hidden .sidebar-content-container[data-v-9cac378b],.no-sidebar-header .sidebar-content-container[data-v-9cac378b]{margin-top:0!important}}.sidebar-level-divider[data-v-9cac378b]{background-color:#ffffff80;height:1px;margin:24px auto;min-height:1px;width:calc(100% - 32px)}.sidebar-header[data-v-9cac378b]{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(--28c49c4c);left:0;min-height:var(--64405131);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-9cac378b]{display:flex}}.sidebar-header[data-v-9cac378b]>*{display:flex}.sidebar-header[data-v-9cac378b]>a{text-decoration:none}.sidebar-header[data-v-9cac378b]>a:focus-visible{border-radius:4px;outline:1px solid #afb7c5}.sidebar-header[data-v-9cac378b]: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-9cac378b]{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-9cac378b]{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:20px;text-decoration:none}.sidebar-item-external-link[data-v-9cac378b]:focus-visible{outline:1px solid #afb7c5!important}.sidebar-item-external-link[data-v-9cac378b] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-9cac378b]{background-color:#0b172d99;bottom:0;left:0;position:fixed;right:0;top:var(--3e21d42d);z-index:var(--6ad852a0)}@media (min-width: 1024px){.kong-ui-app-sidebar-overlay[data-v-9cac378b]{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-bf6a615f]{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-bf6a615f] .kong-ui-app-navbar .mobile-logo{align-items:center;display:flex}@media (min-width: 1024px){.kong-ui-app-layout[data-v-bf6a615f] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-bf6a615f] .kong-ui-app-navbar .mobile-logo>*{align-items:center;display:flex}.kong-ui-app-layout[data-v-bf6a615f] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-bf6a615f]{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(--2267861a);overflow:auto;position:relative;width:100%}@media (min-width: 1024px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-bf6a615f]{border-top-left-radius:var(--064bdbb4);margin-left:240px;width:calc(100% - 240px)}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-bf6a615f]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-bf6a615f]{position:relative;width:100%}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content-inner[data-v-bf6a615f]{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-bf6a615f]{padding:32px;padding:var(--kong-ui-app-layout-content-padding, 32px)}}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-bf6a615f]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-bf6a615f]{margin-left:0;width:100%}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-bf6a615f]{left:0;position:fixed;right:0;top:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-bf6a615f] .k-alert{border-radius:0!important}.account-dropdown[data-v-bcfd5686]{display:flex;margin-right:4px}.account-dropdown[data-v-bcfd5686] .k-button.primary,.account-dropdown[data-v-bcfd5686] .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-bcfd5686] .k-button.primary:active,.account-dropdown[data-v-bcfd5686] .k-button.primary:hover:not(:disabled):active{background-color:#9396fc;background-color:var(--kong-ui-account-dropdown-background, #9396FC)}.account-dropdown[data-v-bcfd5686] .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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong-ui-public/app-layout",
3
- "version": "0.20.3-pr.624.ef78bf2.0",
3
+ "version": "0.21.0",
4
4
  "type": "module",
5
5
  "main": "./dist/app-layout.umd.js",
6
6
  "module": "./dist/app-layout.es.js",