@kong-ui-public/app-layout 0.11.0

package/dist/app-layout.umd.js

@@ -0,0 +1,12 @@
+(function($,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/kongponents")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/kongponents"],e):($=typeof globalThis<"u"?globalThis:$||self,e($["kong-ui-public-app-layout"]={},$.Vue,$.kongponents))})(this,function($,e,ae){"use strict";const Nt={class:"kong-ui-app-navbar"},It={class:"header-content"},Bt={class:"mobile-header-left"},xt=e.defineComponent({__name:"AppNavbar",props:{topOffset:{type:Number,default:0},leftOffset:{type:Number,default:240},zIndex:{type:Number,default:3}},setup(r){const n=r;e.useCssVars(o=>({"769793c2":e.unref(a).top,a0e75924:e.unref(a).zIndex,"5c627706":e.unref(a).left}));const a=e.computed(()=>({top:n.topOffset?`${n.topOffset}px`:"0",left:n.leftOffset?`${n.leftOffset}px`:"0",zIndex:n.zIndex}));return(o,s)=>(e.openBlock(),e.createElementBlock("header",Nt,[e.createElementVNode("div",It,[e.createElementVNode("div",Bt,[e.renderSlot(o.$slots,"mobile-sidebar-toggle",{},void 0,!0),e.renderSlot(o.$slots,"mobile-logo",{},void 0,!0)]),e.renderSlot(o.$slots,"default",{},void 0,!0)])]))}}),Dr="",R=(r,n)=>{const a=r.__vccOpts||r;for(const[o,s]of n)a[o]=s;return a},Me=R(xt,[["__scopeId","data-v-bc6741e9"]]),Ot=["title"],At=e.defineComponent({__name:"ItemBadge",props:{count:{type:Number,required:!0,default:void 0}},setup(r){const n=r,a=99,o=e.computed(()=>n.count?n.count>a?`${a}+`:n.count.toString():"");return(s,f)=>e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"item-badge",title:(r.count||0)>a?String(r.count):void 0},e.toDisplayString(e.unref(o)),9,Ot)):e.createCommentVNode("",!0)}}),Vr="",$t=R(At,[["__scopeId","data-v-353c13e0"]]),Ft=["data-testid"],Dt=["aria-controls","aria-expanded","href","target","onClick","onKeypress"],Vt={key:0,class:"sidebar-item-icon"},Mt={class:"sidebar-item-name-container"},Lt={class:"sidebar-item-name has-tooltip"},Rt={key:2,class:"sidebar-item-label truncate-text truncate-20"},Zt=["id"],Pt=e.defineComponent({__name:"SidebarItem",props:{item:{type:Object,required:!0},subnavItem:{type:Boolean,default:!1}},emits:["click"],setup(r,{emit:n}){const a=r,o=e.computed(()=>typeof a.item.to!="string"?!1:!!a.item.newWindow||!!a.item.external||a.item.to.startsWith("http")),s=e.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("/"))),f=e.computed(()=>a.subnavItem&&a.item.badgeCount!==void 0),l=_=>{n("click",_)},b=(_,v,N)=>{l(v),typeof N=="function"&&(_.preventDefault(),N())};return(_,v)=>{var E;const N=e.resolveComponent("SidebarItem",!0);return e.openBlock(),e.createElementBlock("li",{class:e.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},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(o)?"div":"router-link"),{custom:e.unref(o)?void 0:!0,to:!e.unref(o)&&!e.unref(s)?r.item.to:void 0},{default:e.withCtx(y=>{var w,x;return[e.createElementVNode("a",{"aria-controls":(w=r.item.items)!=null&&w.length&&r.item.expanded?`subnav-${r.item.key}`:void 0,"aria-expanded":(x=r.item.items)!=null&&x.length&&r.item.expanded?!0:void 0,class:e.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":e.unref(s),"router-link":!e.unref(o)}]),href:e.unref(o)?String(r.item.to||"#"):y==null?void 0:y.href,target:e.unref(s)?"_blank":void 0,onClick:F=>b(F,r.item,y==null?void 0:y.navigate),onKeypress:e.withKeys(F=>b(F,r.item,y==null?void 0:y.navigate),["enter"])},[e.createElementVNode("div",{class:e.normalizeClass(["sidebar-item-display",{"has-label":!!r.item.label&&r.item.expanded,"has-badge":e.unref(f)}])},[r.item.icon?(e.openBlock(),e.createElementBlock("div",Vt,[e.createVNode(e.unref(ae.KIcon),{color:r.item.active||r.item.expanded?"var(--white, #fff)":"#B5BECD",icon:String(r.item.icon),size:"20"},null,8,["color","icon"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Mt,[(r.subnavItem?r.item.name.length<25:r.item.name.length<18)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sidebar-item-name truncate-text",[r.subnavItem?"has-badge-max-width truncate-24":"truncate-17"]])},e.toDisplayString(r.item.name),3)):(e.openBlock(),e.createBlock(e.unref(ae.KTooltip),{key:1,class:"sidebar-item-tooltip",label:r.item.name,placement:"right","position-fixed":""},{default:e.withCtx(()=>[e.createElementVNode("div",Lt,[e.createElementVNode("span",{class:e.normalizeClass(["truncate-text",[r.subnavItem?"truncate-20":"truncate-17",{"has-badge-max-width":e.unref(f)}]])},e.toDisplayString(r.item.name),3)])]),_:1},8,["label"])),r.item.label&&r.item.expanded?(e.openBlock(),e.createElementBlock("div",Rt,e.toDisplayString(r.item.label),1)):e.createCommentVNode("",!0)]),e.unref(f)?(e.openBlock(),e.createBlock($t,{key:1,count:r.item.badgeCount},null,8,["count"])):e.createCommentVNode("",!0)],2)],42,Dt)]}),_:1},8,["custom","to"])),(E=r.item.items)!=null&&E.length&&r.item.expanded?(e.openBlock(),e.createElementBlock("ul",{key:0,id:`subnav-${r.item.key}`,class:"level-secondary"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.item.items,y=>(e.openBlock(),e.createBlock(N,{key:y.name,item:y,"subnav-item":!0,onClick:w=>l(y)},null,8,["item","onClick"]))),128))],8,Zt)):e.createCommentVNode("",!0)],10,Ft)}}}),Mr="",Lr="",Le=R(Pt,[["__scopeId","data-v-37098230"]]),jt={},Ht={class:"profile-icon",fill:"none",height:"30",width:"30",xmlns:"http://www.w3.org/2000/svg"},zt=[e.createElementVNode("path",{d:"M0 15C0 6.716 6.716 0 15 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15Z",fill:"#0A7FAE"},null,-1),e.createElementVNode("path",{d:"M12.613 15 8.5 18.115V23h13v-4.885L17.648 15h-5.035ZM15 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z",fill:"#fff"},null,-1)];function Kt(r,n){return e.openBlock(),e.createElementBlock("svg",Ht,zt)}const Wt=R(jt,[["render",Kt]]),Gt={"aria-haspopup":"true","aria-label":"Profile Menu",class:"sidebar-footer"},Ut={class:"sidebar-profile-link"},qt={class:"sidebar-item-icon"},Yt={class:"sidebar-profile-item-container"},Xt={class:"sidebar-profile-dropdown-container"},Jt={key:0,class:"sidebar-profile-name"},Qt={class:"sidebar-profile-name"},en=e.defineComponent({__name:"SidebarFooter",props:{name:{type:String,required:!0},itemCount:{type:Number,required:!0,default:0}},setup(r){const n=r,a=e.computed(()=>n.itemCount>0);return(o,s)=>(e.openBlock(),e.createElementBlock("nav",Gt,[e.createElementVNode("div",Ut,[e.createElementVNode("div",qt,[e.createVNode(Wt)]),e.createElementVNode("div",Yt,[e.createElementVNode("div",Xt,[e.unref(a)?(e.openBlock(),e.createBlock(e.unref(ae.KDropdownMenu),{key:1,"kpop-attributes":{placement:"right",popoverClasses:"ml-5 sidebar-profile-menu-popover",target:".sidebar-footer"},width:"240"},{items:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},void 0,!0)]),default:e.withCtx(()=>[e.createElementVNode("a",{"aria-label":"Open Profile Menu",class:"profile-dropdown-trigger",role:"button",tabindex:"0",onClick:s[0]||(s[0]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("span",Qt,e.toDisplayString(r.name),1)])]),_:3},8,["kpop-attributes"])):(e.openBlock(),e.createElementBlock("div",Jt,e.toDisplayString(r.name),1))])])])]))}}),Pr="",tn=R(en,[["__scopeId","data-v-b53ca5d3"]]);/*!
+* tabbable 6.0.1
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/var Re=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],se=Re.join(","),Ze=typeof Element>"u",U=Ze?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,de=!Ze&&Element.prototype.getRootNode?function(r){return r.getRootNode()}:function(r){return r.ownerDocument},Pe=function(n,a,o){var s=Array.prototype.slice.apply(n.querySelectorAll(se));return a&&U.call(n,se)&&s.unshift(n),s=s.filter(o),s},je=function r(n,a,o){for(var s=[],f=Array.from(n);f.length;){var l=f.shift();if(l.tagName==="SLOT"){var b=l.assignedElements(),_=b.length?b:l.children,v=r(_,!0,o);o.flatten?s.push.apply(s,v):s.push({scopeParent:l,candidates:v})}else{var N=U.call(l,se);N&&o.filter(l)&&(a||!n.includes(l))&&s.push(l);var E=l.shadowRoot||typeof o.getShadowRoot=="function"&&o.getShadowRoot(l),y=!o.shadowRootFilter||o.shadowRootFilter(l);if(E&&y){var w=r(E===!0?l.children:E.children,!0,o);o.flatten?s.push.apply(s,w):s.push({scopeParent:l,candidates:w})}else f.unshift.apply(f,l.children)}}return s},He=function(n,a){return n.tabIndex<0&&(a||/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName)||n.isContentEditable)&&isNaN(parseInt(n.getAttribute("tabindex"),10))?0:n.tabIndex},nn=function(n,a){return n.tabIndex===a.tabIndex?n.documentOrder-a.documentOrder:n.tabIndex-a.tabIndex},ze=function(n){return n.tagName==="INPUT"},an=function(n){return ze(n)&&n.type==="hidden"},rn=function(n){var a=n.tagName==="DETAILS"&&Array.prototype.slice.apply(n.children).some(function(o){return o.tagName==="SUMMARY"});return a},on=function(n,a){for(var o=0;o<n.length;o++)if(n[o].checked&&n[o].form===a)return n[o]},cn=function(n){if(!n.name)return!0;var a=n.form||de(n),o=function(b){return a.querySelectorAll('input[type="radio"][name="'+b+'"]')},s;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")s=o(window.CSS.escape(n.name));else try{s=o(n.name)}catch(l){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",l.message),!1}var f=on(s,n.form);return!f||f===n},ln=function(n){return ze(n)&&n.type==="radio"},sn=function(n){return ln(n)&&!cn(n)},dn=function(n){for(var a,o=de(n).host,s=!!((a=o)!==null&&a!==void 0&&a.ownerDocument.contains(o)||n.ownerDocument.contains(n));!s&&o;){var f;o=de(o).host,s=!!((f=o)!==null&&f!==void 0&&f.ownerDocument.contains(o))}return s},Ke=function(n){var a=n.getBoundingClientRect(),o=a.width,s=a.height;return o===0&&s===0},fn=function(n,a){var o=a.displayCheck,s=a.getShadowRoot;if(getComputedStyle(n).visibility==="hidden")return!0;var f=U.call(n,"details>summary:first-of-type"),l=f?n.parentElement:n;if(U.call(l,"details:not([open]) *"))return!0;if(!o||o==="full"||o==="legacy-full"){if(typeof s=="function"){for(var b=n;n;){var _=n.parentElement,v=de(n);if(_&&!_.shadowRoot&&s(_)===!0)return Ke(n);n.assignedSlot?n=n.assignedSlot:!_&&v!==n.ownerDocument?n=v.host:n=_}n=b}if(dn(n))return!n.getClientRects().length;if(o!=="legacy-full")return!0}else if(o==="non-zero-area")return Ke(n);return!1},un=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 s=a.children.item(o);if(s.tagName==="LEGEND")return U.call(a,"fieldset[disabled] *")?!0:!s.contains(n)}return!0}a=a.parentElement}return!1},fe=function(n,a){return!(a.disabled||an(a)||fn(a,n)||rn(a)||un(a))},ke=function(n,a){return!(sn(a)||He(a)<0||!fe(n,a))},pn=function(n){var a=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(a)||a>=0)},mn=function r(n){var a=[],o=[];return n.forEach(function(s,f){var l=!!s.scopeParent,b=l?s.scopeParent:s,_=He(b,l),v=l?r(s.candidates):b;_===0?l?a.push.apply(a,v):a.push(b):o.push({documentOrder:f,tabIndex:_,item:s,isScope:l,content:v})}),o.sort(nn).reduce(function(s,f){return f.isScope?s.push.apply(s,f.content):s.push(f.content),s},[]).concat(a)},bn=function(n,a){a=a||{};var o;return a.getShadowRoot?o=je([n],a.includeContainer,{filter:ke.bind(null,a),flatten:!1,getShadowRoot:a.getShadowRoot,shadowRootFilter:pn}):o=Pe(n,a.includeContainer,ke.bind(null,a)),mn(o)},hn=function(n,a){a=a||{};var o;return a.getShadowRoot?o=je([n],a.includeContainer,{filter:fe.bind(null,a),flatten:!0,getShadowRoot:a.getShadowRoot}):o=Pe(n,a.includeContainer,fe.bind(null,a)),o},ue=function(n,a){if(a=a||{},!n)throw new Error("No node provided");return U.call(n,se)===!1?!1:ke(a,n)},gn=Re.concat("iframe").join(","),Ce=function(n,a){if(a=a||{},!n)throw new Error("No node provided");return U.call(n,gn)===!1?!1:fe(a,n)};/*!
+* focus-trap 7.2.0
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/function We(r,n){var a=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);n&&(o=o.filter(function(s){return Object.getOwnPropertyDescriptor(r,s).enumerable})),a.push.apply(a,o)}return a}function Ge(r){for(var n=1;n<arguments.length;n++){var a=arguments[n]!=null?arguments[n]:{};n%2?We(Object(a),!0).forEach(function(o){yn(r,o,a[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(a)):We(Object(a)).forEach(function(o){Object.defineProperty(r,o,Object.getOwnPropertyDescriptor(a,o))})}return r}function yn(r,n,a){return n=vn(n),n in r?Object.defineProperty(r,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[n]=a,r}function _n(r,n){if(typeof r!="object"||r===null)return r;var a=r[Symbol.toPrimitive];if(a!==void 0){var o=a.call(r,n||"default");if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(r)}function vn(r){var n=_n(r,"string");return typeof n=="symbol"?n:String(n)}var Ue={activateTrap:function(n,a){if(n.length>0){var o=n[n.length-1];o!==a&&o.pause()}var s=n.indexOf(a);s===-1||n.splice(s,1),n.push(a)},deactivateTrap:function(n,a){var o=n.indexOf(a);o!==-1&&n.splice(o,1),n.length>0&&n[n.length-1].unpause()}},wn=function(n){return n.tagName&&n.tagName.toLowerCase()==="input"&&typeof n.select=="function"},kn=function(n){return n.key==="Escape"||n.key==="Esc"||n.keyCode===27},re=function(n){return n.key==="Tab"||n.keyCode===9},Cn=function(n){return re(n)&&!n.shiftKey},Sn=function(n){return re(n)&&n.shiftKey},qe=function(n){return setTimeout(n,0)},Ye=function(n,a){var o=-1;return n.every(function(s,f){return a(s)?(o=f,!1):!0}),o},oe=function(n){for(var a=arguments.length,o=new Array(a>1?a-1:0),s=1;s<a;s++)o[s-1]=arguments[s];return typeof n=="function"?n.apply(void 0,o):n},pe=function(n){return n.target.shadowRoot&&typeof n.composedPath=="function"?n.composedPath()[0]:n.target},En=[],Tn=function(n,a){var o=(a==null?void 0:a.document)||document,s=(a==null?void 0:a.trapStack)||En,f=Ge({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:Cn,isKeyBackward:Sn},a),l={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},b,_=function(d,u,h){return d&&d[u]!==void 0?d[u]:f[h||u]},v=function(d){return l.containerGroups.findIndex(function(u){var h=u.container,S=u.tabbableNodes;return h.contains(d)||S.find(function(g){return g===d})})},N=function(d){var u=f[d];if(typeof u=="function"){for(var h=arguments.length,S=new Array(h>1?h-1:0),g=1;g<h;g++)S[g-1]=arguments[g];u=u.apply(void 0,S)}if(u===!0&&(u=void 0),!u){if(u===void 0||u===!1)return u;throw new Error("`".concat(d,"` was specified but was not a node, or did not return a node"))}var T=u;if(typeof u=="string"&&(T=o.querySelector(u),!T))throw new Error("`".concat(d,"` as selector refers to no known node"));return T},E=function(){var d=N("initialFocus");if(d===!1)return!1;if(d===void 0)if(v(o.activeElement)>=0)d=o.activeElement;else{var u=l.tabbableGroups[0],h=u&&u.firstTabbableNode;d=h||N("fallbackFocus")}if(!d)throw new Error("Your focus-trap needs to have at least one focusable element");return d},y=function(){if(l.containerGroups=l.containers.map(function(d){var u=bn(d,f.tabbableOptions),h=hn(d,f.tabbableOptions);return{container:d,tabbableNodes:u,focusableNodes:h,firstTabbableNode:u.length>0?u[0]:null,lastTabbableNode:u.length>0?u[u.length-1]:null,nextTabbableNode:function(g){var T=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,p=h.findIndex(function(A){return A===g});if(!(p<0))return T?h.slice(p+1).find(function(A){return ue(A,f.tabbableOptions)}):h.slice(0,p).reverse().find(function(A){return ue(A,f.tabbableOptions)})}}}),l.tabbableGroups=l.containerGroups.filter(function(d){return d.tabbableNodes.length>0}),l.tabbableGroups.length<=0&&!N("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},w=function C(d){if(d!==!1&&d!==o.activeElement){if(!d||!d.focus){C(E());return}d.focus({preventScroll:!!f.preventScroll}),l.mostRecentlyFocusedNode=d,wn(d)&&d.select()}},x=function(d){var u=N("setReturnFocus",d);return u||(u===!1?!1:d)},F=function(d){var u=pe(d);if(!(v(u)>=0)){if(oe(f.clickOutsideDeactivates,d)){b.deactivate({returnFocus:f.returnFocusOnDeactivate&&!Ce(u,f.tabbableOptions)});return}oe(f.allowOutsideClick,d)||d.preventDefault()}},j=function(d){var u=pe(d),h=v(u)>=0;h||u instanceof Document?h&&(l.mostRecentlyFocusedNode=u):(d.stopImmediatePropagation(),w(l.mostRecentlyFocusedNode||E()))},V=function(d){var u=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,h=pe(d);y();var S=null;if(l.tabbableGroups.length>0){var g=v(h),T=g>=0?l.containerGroups[g]:void 0;if(g<0)u?S=l.tabbableGroups[l.tabbableGroups.length-1].lastTabbableNode:S=l.tabbableGroups[0].firstTabbableNode;else if(u){var p=Ye(l.tabbableGroups,function(ie){var k=ie.firstTabbableNode;return h===k});if(p<0&&(T.container===h||Ce(h,f.tabbableOptions)&&!ue(h,f.tabbableOptions)&&!T.nextTabbableNode(h,!1))&&(p=g),p>=0){var A=p===0?l.tabbableGroups.length-1:p-1,q=l.tabbableGroups[A];S=q.lastTabbableNode}else re(d)||(S=T.nextTabbableNode(h,!1))}else{var H=Ye(l.tabbableGroups,function(ie){var k=ie.lastTabbableNode;return h===k});if(H<0&&(T.container===h||Ce(h,f.tabbableOptions)&&!ue(h,f.tabbableOptions)&&!T.nextTabbableNode(h))&&(H=g),H>=0){var z=H===l.tabbableGroups.length-1?0:H+1,Ee=l.tabbableGroups[z];S=Ee.firstTabbableNode}else re(d)||(S=T.nextTabbableNode(h))}}else S=N("fallbackFocus");S&&(re(d)&&d.preventDefault(),w(S))},Z=function(d){if(kn(d)&&oe(f.escapeDeactivates,d)!==!1){d.preventDefault(),b.deactivate();return}(f.isKeyForward(d)||f.isKeyBackward(d))&&V(d,f.isKeyBackward(d))},I=function(d){var u=pe(d);v(u)>=0||oe(f.clickOutsideDeactivates,d)||oe(f.allowOutsideClick,d)||(d.preventDefault(),d.stopImmediatePropagation())},O=function(){if(l.active)return Ue.activateTrap(s,b),l.delayInitialFocusTimer=f.delayInitialFocus?qe(function(){w(E())}):w(E()),o.addEventListener("focusin",j,!0),o.addEventListener("mousedown",F,{capture:!0,passive:!1}),o.addEventListener("touchstart",F,{capture:!0,passive:!1}),o.addEventListener("click",I,{capture:!0,passive:!1}),o.addEventListener("keydown",Z,{capture:!0,passive:!1}),b},L=function(){if(l.active)return o.removeEventListener("focusin",j,!0),o.removeEventListener("mousedown",F,!0),o.removeEventListener("touchstart",F,!0),o.removeEventListener("click",I,!0),o.removeEventListener("keydown",Z,!0),b};return b={get active(){return l.active},get paused(){return l.paused},activate:function(d){if(l.active)return this;var u=_(d,"onActivate"),h=_(d,"onPostActivate"),S=_(d,"checkCanFocusTrap");S||y(),l.active=!0,l.paused=!1,l.nodeFocusedBeforeActivation=o.activeElement,u&&u();var g=function(){S&&y(),O(),h&&h()};return S?(S(l.containers.concat()).then(g,g),this):(g(),this)},deactivate:function(d){if(!l.active)return this;var u=Ge({onDeactivate:f.onDeactivate,onPostDeactivate:f.onPostDeactivate,checkCanReturnFocus:f.checkCanReturnFocus},d);clearTimeout(l.delayInitialFocusTimer),l.delayInitialFocusTimer=void 0,L(),l.active=!1,l.paused=!1,Ue.deactivateTrap(s,b);var h=_(u,"onDeactivate"),S=_(u,"onPostDeactivate"),g=_(u,"checkCanReturnFocus"),T=_(u,"returnFocus","returnFocusOnDeactivate");h&&h();var p=function(){qe(function(){T&&w(x(l.nodeFocusedBeforeActivation)),S&&S()})};return T&&g?(g(x(l.nodeFocusedBeforeActivation)).then(p,p),this):(p(),this)},pause:function(){return l.paused||!l.active?this:(l.paused=!0,L(),this)},unpause:function(){return!l.paused||!l.active?this:(l.paused=!1,y(),O(),this)},updateContainerElements:function(d){var u=[].concat(d).filter(Boolean);return l.containers=u.map(function(h){return typeof h=="string"?o.querySelector(h):h}),l.active&&y(),this}},b.updateContainerElements(n),b};/*!
+  * focus-trap-vue v4.0.0
+  * (c) 2022 Eduardo San Martin Morote
+  * @license MIT
+  */function jr(r){return r}const Nn={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},In=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},Nn),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(r,{slots:n,emit:a}){let o;const s=e.ref(null),f=e.computed(()=>{const b=s.value;return b&&(b instanceof HTMLElement?b:b.$el)}),l=()=>o||(o=Tn(f.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}));return e.onMounted(()=>{e.watch(()=>r.active,b=>{b&&f.value?l().activate():o&&(o.deactivate(),(!f.value||f.value.nodeType===Node.COMMENT_NODE)&&(o=null))},{immediate:!0,flush:"post"})}),e.onUnmounted(()=>{o&&o.deactivate(),o=null}),{activate(){l(),o.activate()},deactivate(){o&&o.deactivate()},renderImpl(){if(!n.default)return null;const b=n.default().filter(v=>v.type!==e.Comment);return!b||!b.length||b.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),b):e.cloneVNode(b[0],{ref:s})}}}});function Xe(){return{debounce:(n,a)=>{let o;return(...s)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{n(...s)},a)}}}}var me=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},be={},Bn={get exports(){return be},set exports(r){be=r}};(function(r,n){var a=200,o="__lodash_hash_undefined__",s=9007199254740991,f="[object Arguments]",l="[object Array]",b="[object Boolean]",_="[object Date]",v="[object Error]",N="[object Function]",E="[object GeneratorFunction]",y="[object Map]",w="[object Number]",x="[object Object]",F="[object Promise]",j="[object RegExp]",V="[object Set]",Z="[object String]",I="[object Symbol]",O="[object WeakMap]",L="[object ArrayBuffer]",C="[object DataView]",d="[object Float32Array]",u="[object Float64Array]",h="[object Int8Array]",S="[object Int16Array]",g="[object Int32Array]",T="[object Uint8Array]",p="[object Uint8ClampedArray]",A="[object Uint16Array]",q="[object Uint32Array]",H=/[\\^$.*+?()[\]{}|]/g,z=/\w*$/,Ee=/^\[object .+?Constructor\]$/,ie=/^(?:0|[1-9]\d*)$/,k={};k[f]=k[l]=k[L]=k[C]=k[b]=k[_]=k[d]=k[u]=k[h]=k[S]=k[g]=k[y]=k[w]=k[x]=k[j]=k[V]=k[Z]=k[I]=k[T]=k[p]=k[A]=k[q]=!0,k[v]=k[N]=k[O]=!1;var ba=typeof me=="object"&&me&&me.Object===Object&&me,ha=typeof self=="object"&&self&&self.Object===Object&&self,K=ba||ha||Function("return this")(),nt=n&&!n.nodeType&&n,at=nt&&!0&&r&&!r.nodeType&&r,ga=at&&at.exports===nt;function ya(t,i){return t.set(i[0],i[1]),t}function _a(t,i){return t.add(i),t}function va(t,i){for(var c=-1,m=t?t.length:0;++c<m&&i(t[c],c,t)!==!1;);return t}function wa(t,i){for(var c=-1,m=i.length,B=t.length;++c<m;)t[B+c]=i[c];return t}function rt(t,i,c,m){var B=-1,D=t?t.length:0;for(m&&D&&(c=t[++B]);++B<D;)c=i(c,t[B],B,t);return c}function ka(t,i){for(var c=-1,m=Array(t);++c<t;)m[c]=i(c);return m}function Ca(t,i){return t==null?void 0:t[i]}function ot(t){var i=!1;if(t!=null&&typeof t.toString!="function")try{i=!!(t+"")}catch{}return i}function it(t){var i=-1,c=Array(t.size);return t.forEach(function(m,B){c[++i]=[B,m]}),c}function Te(t,i){return function(c){return t(i(c))}}function ct(t){var i=-1,c=Array(t.size);return t.forEach(function(m){c[++i]=m}),c}var Sa=Array.prototype,Ea=Function.prototype,he=Object.prototype,Ne=K["__core-js_shared__"],lt=function(){var t=/[^.]+$/.exec(Ne&&Ne.keys&&Ne.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),st=Ea.toString,G=he.hasOwnProperty,ge=he.toString,Ta=RegExp("^"+st.call(G).replace(H,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),dt=ga?K.Buffer:void 0,ft=K.Symbol,ut=K.Uint8Array,Na=Te(Object.getPrototypeOf,Object),Ia=Object.create,Ba=he.propertyIsEnumerable,xa=Sa.splice,pt=Object.getOwnPropertySymbols,Oa=dt?dt.isBuffer:void 0,Aa=Te(Object.keys,Object),Ie=te(K,"DataView"),ce=te(K,"Map"),Be=te(K,"Promise"),xe=te(K,"Set"),Oe=te(K,"WeakMap"),le=te(Object,"create"),$a=J(Ie),Fa=J(ce),Da=J(Be),Va=J(xe),Ma=J(Oe),mt=ft?ft.prototype:void 0,bt=mt?mt.valueOf:void 0;function Y(t){var i=-1,c=t?t.length:0;for(this.clear();++i<c;){var m=t[i];this.set(m[0],m[1])}}function La(){this.__data__=le?le(null):{}}function Ra(t){return this.has(t)&&delete this.__data__[t]}function Za(t){var i=this.__data__;if(le){var c=i[t];return c===o?void 0:c}return G.call(i,t)?i[t]:void 0}function Pa(t){var i=this.__data__;return le?i[t]!==void 0:G.call(i,t)}function ja(t,i){var c=this.__data__;return c[t]=le&&i===void 0?o:i,this}Y.prototype.clear=La,Y.prototype.delete=Ra,Y.prototype.get=Za,Y.prototype.has=Pa,Y.prototype.set=ja;function W(t){var i=-1,c=t?t.length:0;for(this.clear();++i<c;){var m=t[i];this.set(m[0],m[1])}}function Ha(){this.__data__=[]}function za(t){var i=this.__data__,c=ye(i,t);if(c<0)return!1;var m=i.length-1;return c==m?i.pop():xa.call(i,c,1),!0}function Ka(t){var i=this.__data__,c=ye(i,t);return c<0?void 0:i[c][1]}function Wa(t){return ye(this.__data__,t)>-1}function Ga(t,i){var c=this.__data__,m=ye(c,t);return m<0?c.push([t,i]):c[m][1]=i,this}W.prototype.clear=Ha,W.prototype.delete=za,W.prototype.get=Ka,W.prototype.has=Wa,W.prototype.set=Ga;function Q(t){var i=-1,c=t?t.length:0;for(this.clear();++i<c;){var m=t[i];this.set(m[0],m[1])}}function Ua(){this.__data__={hash:new Y,map:new(ce||W),string:new Y}}function qa(t){return _e(this,t).delete(t)}function Ya(t){return _e(this,t).get(t)}function Xa(t){return _e(this,t).has(t)}function Ja(t,i){return _e(this,t).set(t,i),this}Q.prototype.clear=Ua,Q.prototype.delete=qa,Q.prototype.get=Ya,Q.prototype.has=Xa,Q.prototype.set=Ja;function ee(t){this.__data__=new W(t)}function Qa(){this.__data__=new W}function er(t){return this.__data__.delete(t)}function tr(t){return this.__data__.get(t)}function nr(t){return this.__data__.has(t)}function ar(t,i){var c=this.__data__;if(c instanceof W){var m=c.__data__;if(!ce||m.length<a-1)return m.push([t,i]),this;c=this.__data__=new Q(m)}return c.set(t,i),this}ee.prototype.clear=Qa,ee.prototype.delete=er,ee.prototype.get=tr,ee.prototype.has=nr,ee.prototype.set=ar;function rr(t,i){var c=Fe(t)||Ir(t)?ka(t.length,String):[],m=c.length,B=!!m;for(var D in t)(i||G.call(t,D))&&!(B&&(D=="length"||Sr(D,m)))&&c.push(D);return c}function ht(t,i,c){var m=t[i];(!(G.call(t,i)&&vt(m,c))||c===void 0&&!(i in t))&&(t[i]=c)}function ye(t,i){for(var c=t.length;c--;)if(vt(t[c][0],i))return c;return-1}function or(t,i){return t&&gt(i,De(i),t)}function Ae(t,i,c,m,B,D,P){var M;if(m&&(M=D?m(t,B,D,P):m(t)),M!==void 0)return M;if(!ve(t))return t;var Ct=Fe(t);if(Ct){if(M=wr(t),!i)return yr(t,M)}else{var ne=X(t),St=ne==N||ne==E;if(xr(t))return fr(t,i);if(ne==x||ne==f||St&&!D){if(ot(t))return D?t:{};if(M=kr(St?{}:t),!i)return _r(t,or(M,t))}else{if(!k[ne])return D?t:{};M=Cr(t,ne,Ae,i)}}P||(P=new ee);var Et=P.get(t);if(Et)return Et;if(P.set(t,M),!Ct)var Tt=c?vr(t):De(t);return va(Tt||t,function(Ve,we){Tt&&(we=Ve,Ve=t[we]),ht(M,we,Ae(Ve,i,c,m,we,t,P))}),M}function ir(t){return ve(t)?Ia(t):{}}function cr(t,i,c){var m=i(t);return Fe(t)?m:wa(m,c(t))}function lr(t){return ge.call(t)}function sr(t){if(!ve(t)||Tr(t))return!1;var i=kt(t)||ot(t)?Ta:Ee;return i.test(J(t))}function dr(t){if(!_t(t))return Aa(t);var i=[];for(var c in Object(t))G.call(t,c)&&c!="constructor"&&i.push(c);return i}function fr(t,i){if(i)return t.slice();var c=new t.constructor(t.length);return t.copy(c),c}function $e(t){var i=new t.constructor(t.byteLength);return new ut(i).set(new ut(t)),i}function ur(t,i){var c=i?$e(t.buffer):t.buffer;return new t.constructor(c,t.byteOffset,t.byteLength)}function pr(t,i,c){var m=i?c(it(t),!0):it(t);return rt(m,ya,new t.constructor)}function mr(t){var i=new t.constructor(t.source,z.exec(t));return i.lastIndex=t.lastIndex,i}function br(t,i,c){var m=i?c(ct(t),!0):ct(t);return rt(m,_a,new t.constructor)}function hr(t){return bt?Object(bt.call(t)):{}}function gr(t,i){var c=i?$e(t.buffer):t.buffer;return new t.constructor(c,t.byteOffset,t.length)}function yr(t,i){var c=-1,m=t.length;for(i||(i=Array(m));++c<m;)i[c]=t[c];return i}function gt(t,i,c,m){c||(c={});for(var B=-1,D=i.length;++B<D;){var P=i[B],M=m?m(c[P],t[P],P,c,t):void 0;ht(c,P,M===void 0?t[P]:M)}return c}function _r(t,i){return gt(t,yt(t),i)}function vr(t){return cr(t,De,yt)}function _e(t,i){var c=t.__data__;return Er(i)?c[typeof i=="string"?"string":"hash"]:c.map}function te(t,i){var c=Ca(t,i);return sr(c)?c:void 0}var yt=pt?Te(pt,Object):$r,X=lr;(Ie&&X(new Ie(new ArrayBuffer(1)))!=C||ce&&X(new ce)!=y||Be&&X(Be.resolve())!=F||xe&&X(new xe)!=V||Oe&&X(new Oe)!=O)&&(X=function(t){var i=ge.call(t),c=i==x?t.constructor:void 0,m=c?J(c):void 0;if(m)switch(m){case $a:return C;case Fa:return y;case Da:return F;case Va:return V;case Ma:return O}return i});function wr(t){var i=t.length,c=t.constructor(i);return i&&typeof t[0]=="string"&&G.call(t,"index")&&(c.index=t.index,c.input=t.input),c}function kr(t){return typeof t.constructor=="function"&&!_t(t)?ir(Na(t)):{}}function Cr(t,i,c,m){var B=t.constructor;switch(i){case L:return $e(t);case b:case _:return new B(+t);case C:return ur(t,m);case d:case u:case h:case S:case g:case T:case p:case A:case q:return gr(t,m);case y:return pr(t,m,c);case w:case Z:return new B(t);case j:return mr(t);case V:return br(t,m,c);case I:return hr(t)}}function Sr(t,i){return i=i??s,!!i&&(typeof t=="number"||ie.test(t))&&t>-1&&t%1==0&&t<i}function Er(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function Tr(t){return!!lt&&lt in t}function _t(t){var i=t&&t.constructor,c=typeof i=="function"&&i.prototype||he;return t===c}function J(t){if(t!=null){try{return st.call(t)}catch{}try{return t+""}catch{}}return""}function Nr(t){return Ae(t,!0,!0)}function vt(t,i){return t===i||t!==t&&i!==i}function Ir(t){return Br(t)&&G.call(t,"callee")&&(!Ba.call(t,"callee")||ge.call(t)==f)}var Fe=Array.isArray;function wt(t){return t!=null&&Or(t.length)&&!kt(t)}function Br(t){return Ar(t)&&wt(t)}var xr=Oa||Fr;function kt(t){var i=ve(t)?ge.call(t):"";return i==N||i==E}function Or(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=s}function ve(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function Ar(t){return!!t&&typeof t=="object"}function De(t){return wt(t)?rr(t):dr(t)}function $r(){return[]}function Fr(){return!1}r.exports=Nr})(Bn,be);const xn=be,On={key:0,class:"sidebar-header"},An={class:"sidebar-content-container"},$n={key:0,class:"sidebar-top"},Fn={"aria-label":"Main menu"},Dn={key:0,class:"level-primary top-items"},Vn={key:1,class:"sidebar-level-divider",role:"separator"},Mn={key:2,class:"level-primary bottom-items"},Ln=["href","target"],Rn=e.defineComponent({__name:"AppSidebar",props:{topItems:{type:Array,default:()=>[]},bottomItems:{type:Array,default:()=>[]},profileItems:{type:Array,default:()=>[]},profileName:{type:String,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;e.useCssVars(g=>({bdbd8fbc:e.unref(l).mobileTop,"788ae98c":e.unref(l).mobileHeight,"93522ba4":r.zIndex,"609d40b8":e.unref(l).height,debeb938:e.unref(l).top,"7f77b890":e.unref(_).marginTop,"03d17258":e.unref(b).display,"82aee0aa":e.unref(b).minHeight,d82cea1a:e.unref(v).top,"827243cc":e.unref(v).zIndex}));const o=e.useSlots(),s=e.computed(()=>!!o.header),f=e.computed(()=>!!o.top),l=e.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=e.computed(()=>({display:!a.mobileHeaderVisible&&a.mobileEnabled?"none":"flex",minHeight:`${a.headerHeight}px`})),_=e.computed(()=>({marginTop:s.value?`${a.headerHeight}px`:"0"})),v=e.computed(()=>({top:a.mobileTopOffset&&a.mobileEnabled?`${a.mobileTopOffset}px`:"0",zIndex:a.mobileOverlayZIndex!==null?a.mobileOverlayZIndex:a.zIndex>1?a.zIndex-1:1})),N=g=>xn(g).map(p=>{var A,q,H;if(p){(!p.key||!((A=p.key)!=null&&A.trim()))&&(p.key=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!p.testId||!((q=p.testId)!=null&&q.trim()))&&(p.testId=String(p.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const z of p.items||[])z.parentKey=p.key,(!z.testId||!((H=z.testId)!=null&&H.trim()))&&(z.testId=String(z.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return p}),E=e.computed(()=>a.topItems.length?N(a.topItems):[]),y=e.computed(()=>a.bottomItems.length?N(a.bottomItems):[]),w=e.ref(a.open),x=g=>{var T,p;w.value!==g&&(w.value=g,n("toggle",g)),g?(T=document==null?void 0:document.body)==null||T.classList.add("kong-ui-app-sidebar-open"):(p=document==null?void 0:document.body)==null||p.classList.remove("kong-ui-app-sidebar-open"),j.value=!1},F=()=>{a.mobileOverlayCloseOnClick&&x(!1)},j=e.ref(!1),V=g=>{j.value=!0,n("click",g),setTimeout(()=>{x(!1)},a.mobileCloseDelay)};e.watch(()=>a.open,g=>{x(g)});const{debounce:Z}=Xe(),I=Z(()=>{w.value&&O.value!==(window==null?void 0:window.innerWidth)&&(O.value=window==null?void 0:window.innerWidth,x(!1))},200),O=e.ref(),L=e.ref(!1),C=e.ref(),d=()=>{L.value||(L.value=!0,clearTimeout(C.value),C.value=setTimeout(()=>L.value=!1,1300))},u=e.ref(null),h=e.computed(()=>w.value&&a.mobileEnabled),S=async g=>{var T,p;g?(await e.nextTick(),await new Promise(A=>setTimeout(A,300)),(T=u.value)==null||T.activate()):(p=u.value)==null||p.deactivate()};return e.watch(h,async g=>{g?await S(!0):await S(!1)},{immediate:!0}),e.onMounted(()=>{O.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",I),window.addEventListener("resize",d)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",I),window.removeEventListener("resize",d)}),(g,T)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[w.value&&r.mobileOverlay&&r.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:F})):e.createCommentVNode("",!0),e.createVNode(e.unref(In),{ref_key:"focusTrap",ref:u,active:!1,"allow-outside-click":"","fallback-focus":".kong-ui-app-sidebar"},{default:e.withCtx(()=>[e.createElementVNode("aside",{class:e.normalizeClass(["kong-ui-app-sidebar",{"sidebar-open":w.value,"no-sidebar-header":!e.unref(s),"mobile-header-hidden":r.mobileEnabled&&(!e.unref(s)||!r.mobileHeaderVisible),"mobile-disabled":!r.mobileEnabled,"disable-transitions":L.value}]),tabindex:"-1"},[e.unref(s)?(e.openBlock(),e.createElementBlock("div",On,[e.renderSlot(g.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",An,[e.unref(f)?(e.openBlock(),e.createElementBlock("div",$n,[e.renderSlot(g.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",Fn,[e.unref(E).length?(e.openBlock(),e.createElementBlock("ul",Dn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),p=>(e.openBlock(),e.createBlock(Le,{key:p.name,item:p,onClick:V},null,8,["item"]))),128))])):e.createCommentVNode("",!0),e.unref(E).length&&e.unref(y).length?(e.openBlock(),e.createElementBlock("div",Vn)):e.createCommentVNode("",!0),e.unref(y).length?(e.openBlock(),e.createElementBlock("ul",Mn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),p=>(e.openBlock(),e.createBlock(Le,{key:p.name,item:p,onClick:V},null,8,["item"]))),128))])):e.createCommentVNode("",!0)])]),r.profileName||r.profileItems.length?(e.openBlock(),e.createBlock(tn,{key:1,class:"sidebar-profile-menu","item-count":r.profileItems.length,name:r.profileName},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.profileItems,p=>(e.openBlock(),e.createBlock(e.unref(ae.KDropdownItem),{key:p.name,class:e.normalizeClass([{"has-divider":p.hasDivider},{"external-profile-dropdown-link":(p.external||p.newWindow)&&typeof p.to=="string"}]),"has-divider":p.hasDivider,item:(p.external||p.newWindow)&&typeof p.to=="string"?void 0:{label:p.name,to:p.to},onClick:A=>V(p)},{default:e.withCtx(()=>[(p.external||p.newWindow)&&typeof p.to=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,class:"sidebar-item-external-link",href:p.to,target:p.newWindow?"_blank":void 0},[e.createTextVNode(e.toDisplayString(p.name)+" ",1),p.newWindow?(e.openBlock(),e.createBlock(e.unref(ae.KIcon),{key:0,color:"var(--black-70, rgba(0,0,0,0.7))",icon:"externalLink",size:"20",viewBox:"0 0 20 20"})):e.createCommentVNode("",!0)],8,Ln)):e.createCommentVNode("",!0)]),_:2},1032,["class","has-divider","item","onClick"]))),128))]),_:1},8,["item-count","name"])):e.createCommentVNode("",!0)],2)]),_:3},512)],64))}}),Hr="",zr="",Je=R(Rn,[["__scopeId","data-v-1c82e900"]]),Se=r=>(e.pushScopeId("data-v-e9d81dd5"),r=r(),e.popScopeId(),r),Zn=["aria-label","onClick"],Pn=[Se(()=>e.createElementVNode("span",{class:"line"},null,-1)),Se(()=>e.createElementVNode("span",{class:"line"},null,-1)),Se(()=>e.createElementVNode("span",{class:"line"},null,-1))],jn=e.defineComponent({__name:"SidebarToggle",props:{active:{type:Boolean,default:!1}},emits:["toggle"],setup(r,{emit:n}){const a=r,o=e.ref(a.active||!1),s=()=>{o.value=!o.value,n("toggle",o.value)};return e.watch(()=>a.active,f=>{o.value=f}),(f,l)=>(e.openBlock(),e.createElementBlock("a",{"aria-haspopup":"true","aria-label":o.value?"Close Main Menu":"Open Main Menu",class:e.normalizeClass(["sidebar-menu-toggle",{active:o.value}]),href:"#",role:"button",onClick:e.withModifiers(s,["prevent"])},Pn,10,Zn))}}),Ur="",Qe=R(jn,[["__scopeId","data-v-e9d81dd5"]]),Hn=r=>(e.pushScopeId("data-v-897d6d1b"),r=r(),e.popScopeId(),r),zn={id:"kong-ui-app-layout-notification"},Kn={class:"mobile-logo"},Wn={class:"kong-ui-app-layout-main"},Gn={class:"kong-ui-app-layout-content"},Un=Hn(()=>e.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),qn=e.defineComponent({__name:"AppLayout",props:{hideDefaultSlot:{type:Boolean,default:!1},navbarHidden:{type:Boolean,default:!1},sidebarHidden:{type:Boolean,default:!1},sidebarOpen:{type:Boolean,default:!1},sidebarTopItems:{type:Array,default:()=>[]},sidebarBottomItems:{type:Array,default:()=>[]},sidebarProfileItems:{type:Array,default:()=>[]},sidebarProfileName:{type:String,default:""}},emits:["sidebar-click"],setup(r,{emit:n}){const a=r;e.useCssVars(I=>({af8c4ebe:e.unref(F)}));const o=e.useSlots(),s=e.reactive({navbarMobileLogo:e.computed(()=>!!o["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!o["sidebar-header"]),sidebarTop:e.computed(()=>!!o["sidebar-top"])}),f=e.computed(()=>a.hideDefaultSlot),l=e.reactive({hidden:e.computed(()=>a.navbarHidden)}),b=e.reactive({topItems:e.computed(()=>a.sidebarTopItems),bottomItems:e.computed(()=>a.sidebarBottomItems),profileItems:e.computed(()=>a.sidebarProfileItems),profileName:e.computed(()=>a.sidebarProfileName),open:e.computed(()=>a.sidebarOpen),hidden:e.computed(()=>a.sidebarHidden)}),_=I=>{n("sidebar-click",I)},v=e.ref(!1),N=I=>{v.value=I};e.watchEffect(()=>{v.value=e.toRef(b,"open").value||!1});const E=e.ref(0),y=e.ref(60),w=e.ref(0),x=e.computed(()=>l.hidden?w.value:y.value+w.value),F=e.computed(()=>`${x.value}px`),{debounce:j}=Xe(),V=j((I=!1)=>{if(I||E.value!==(window==null?void 0:window.innerWidth)){const O=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");O&&(w.value=O.offsetHeight)}},200),Z=e.ref();return e.onMounted(()=>{var O,L;(O=document==null?void 0:document.body)==null||O.classList.add("kong-ui-app-layout-body"),(L=document==null?void 0:document.documentElement)==null||L.classList.add("kong-ui-app-layout-html"),E.value=window==null?void 0:window.innerWidth,V(!0);const I=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");I&&(Z.value=new ResizeObserver(C=>{for(const d of C){const u=d.contentRect.height;w.value!==u&&(w.value=u)}}),Z.value.observe(I)),window.addEventListener("resize",V)}),e.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",V)}),(I,O)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":l.hidden},{"sidebar-hidden":b.hidden}]])},[e.createElementVNode("div",zn,[e.renderSlot(I.$slots,"notification",{},void 0,!0)]),l.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Me,{key:0,"left-offset":b.hidden?0:void 0,"top-offset":w.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[b.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Qe,{key:0,active:v.value,onToggle:N},null,8,["active"]))]),default:e.withCtx(()=>[e.renderSlot(I.$slots,"navbar",{},void 0,!0)]),_:2},[s.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",Kn,[e.renderSlot(I.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0]),1032,["left-offset","top-offset"])),b.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Je,{key:1,"bottom-items":b.bottomItems,"header-height":y.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":e.unref(x),open:v.value,"profile-items":b.profileItems,"profile-name":b.profileName,"top-items":b.topItems,"top-offset":w.value,onClick:_,onToggle:N},e.createSlots({_:2},[s.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(I.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,s.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(I.$slots,"sidebar-top",{},void 0,!0)]),key:"1"}:void 0]),1032,["bottom-items","header-height","mobile-top-offset","open","profile-items","profile-name","top-items","top-offset"])),e.createElementVNode("main",Wn,[e.createElementVNode("div",Gn,[Un,e.renderSlot(I.$slots,"app-error",{},void 0,!0),e.unref(f)?e.createCommentVNode("",!0):e.renderSlot(I.$slots,"default",{key:0},void 0,!0)])])],2))}}),qr="",Yr="",et=R(qn,[["__scopeId","data-v-897d6d1b"]]),Yn=e.defineComponent({__name:"NavbarDropdownMenu",props:{options:{type:Array,default:()=>[]},tooltip:{type:String,default:""},width:{type:String,default:"175"},disabled:{type:Boolean,default:!1}},emits:["change"],setup(r,{emit:n}){var f;const a=r,o=e.ref(((f=a.options)==null?void 0:f.filter(l=>!!l.selected)[0])||a.options[0]),s=l=>{o.value=l,n("change",o.value)};return(l,b)=>{const _=e.resolveComponent("KDropdownItem"),v=e.resolveComponent("KDropdownMenu");return e.openBlock(),e.createBlock(v,{appearance:"selectionMenu",class:"top-bar-dropdown-menu",disabled:r.disabled,"disabled-tooltip":r.tooltip,"kpop-attributes":{placement:"bottomStart",disabled:r.disabled},label:o.value.label,width:r.width,onChange:b[0]||(b[0]=N=>s(N))},{items:e.withCtx(({handleSelection:N})=>[e.renderSlot(l.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,E=>(e.openBlock(),e.createBlock(_,{key:E.value,"data-testid":"select-"+E.value,selected:o.value.value===E.value,onClick:y=>N(E)},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{option:E},()=>[e.createTextVNode(e.toDisplayString(E.label),1)],!0)]),_:2},1032,["data-testid","selected","onClick"]))),128))],!0)]),_:3},8,["disabled","disabled-tooltip","kpop-attributes","label","width"])}}}),Xr="",Xn=R(Yn,[["__scopeId","data-v-b5a37136"]]),Jn={},Qn={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"},ea=[e.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 ta(r,n){return e.openBlock(),e.createElementBlock("svg",Qn,ea)}const na=R(Jn,[["render",ta]]),tt=r=>(e.pushScopeId("data-v-aaa5c166"),r=r(),e.popScopeId(),r),aa={class:"kong-ui-app-error"},ra={class:"banana-icon"},oa={class:"kong-ui-app-error-content"},ia=tt(()=>e.createElementVNode("h2",null,"An unexpected error has occurred",-1)),ca=tt(()=>e.createElementVNode("p",null,[e.createTextVNode("Go back to the previous page or "),e.createElementVNode("a",{href:"/"},"return home"),e.createTextVNode(".")],-1)),la=e.defineComponent({__name:"AppError",setup(r){return(n,a)=>(e.openBlock(),e.createElementBlock("section",aa,[e.createElementVNode("div",ra,[e.createVNode(na)]),e.createElementVNode("div",oa,[e.renderSlot(n.$slots,"default",{},()=>[ia,ca],!0)])]))}}),Qr="",eo="",sa=R(la,[["__scopeId","data-v-aaa5c166"]]);function da(r){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(r)}const fa=["href"],ua=e.defineComponent({__name:"ExternalLink",props:{href:{type:String,required:!0,validator:function(r){return da(r)||r===""}},hideIcon:{type:Boolean,default:!1}},setup(r){return(n,a)=>{const o=e.resolveComponent("KIcon");return r.href?(e.openBlock(),e.createElementBlock("a",{key:0,class:"external-link",href:r.href,rel:"noopener",target:"_blank"},[e.renderSlot(n.$slots,"default",{},void 0,!0),r.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(o,{key:0,class:"ml-mb-auto",icon:"externalLink",size:"12"}))],8,fa)):e.createCommentVNode("",!0)}}}),to="",no="",pa=R(ua,[["__scopeId","data-v-8368fd0f"]]),ma={install:(r,n={})=>{r.component(n.name||"AppLayout",et)}};$.AppError=sa,$.AppLayout=et,$.AppNavbar=Me,$.AppSidebar=Je,$.ExternalLink=pa,$.NavbarDropdownMenu=Xn,$.SidebarToggle=Qe,$.default=ma,Object.defineProperties($,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+//# sourceMappingURL=app-layout.umd.js.map