@kong-ui-public/app-layout 0.13.9 → 0.13.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app-layout.es.js +790 -785
- package/dist/app-layout.es.js.map +1 -1
- package/dist/app-layout.umd.js +4 -4
- package/dist/app-layout.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/sidebar/AppSidebar.vue.d.ts.map +1 -1
- package/dist/types/components/sidebar/SidebarFooter.vue.d.ts.map +1 -1
- package/dist/types/components/sidebar/SidebarItem.vue.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/app-layout.umd.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(L,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(L=typeof globalThis<"u"?globalThis:L||self,e(L["kong-ui-public-app-layout"]={},L.Vue))})(this,function(L,e){"use strict";const Et={class:"kong-ui-app-navbar"},Nt={class:"header-content"},Bt={class:"mobile-header-left"},It={key:0,class:"app-navbar-logo"},xt={class:"navbar-content"},Ot={class:"navbar-content-left"},$t={class:"navbar-content-center"},At={class:"navbar-content-right"},Ft=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(s=>({e7993570:e.unref(f).top,"591d67a5":e.unref(f).zIndex,"0b950b18":e.unref(f).left,74170388:l.marginRight,"482efd74":l.width}));const a=e.useSlots(),o=e.computed(()=>!!a.logo),l=e.reactive({marginRight:"0",width:"0"});e.onMounted(()=>{var s,p;(p=(s=document==null?void 0:document.querySelector(".kong-ui-app-navbar .app-navbar-logo"))==null?void 0:s.children)!=null&&p.length?(l.marginRight="32px",l.width="calc(240px - 32px)"):(l.marginRight="0",l.width="0")});const f=e.computed(()=>({top:n.topOffset?`${n.topOffset}px`:"0",left:n.leftOffset?`${n.leftOffset}px`:"0",zIndex:n.zIndex}));return(s,p)=>(e.openBlock(),e.createElementBlock("header",Et,[e.createElementVNode("div",Nt,[e.createElementVNode("div",Bt,[e.renderSlot(s.$slots,"mobile-sidebar-toggle"),e.renderSlot(s.$slots,"mobile-logo")]),e.unref(o)?(e.openBlock(),e.createElementBlock("div",It,[e.renderSlot(s.$slots,"logo")])):e.createCommentVNode("",!0),e.createElementVNode("div",xt,[e.createElementVNode("div",Ot,[e.renderSlot(s.$slots,"left")]),e.createElementVNode("div",$t,[e.renderSlot(s.$slots,"center")]),e.createElementVNode("div",At,[e.renderSlot(s.$slots,"right")])])])]))}}),Vr="",j=(r,n)=>{const a=r.__vccOpts||r;for(const[o,l]of n)a[o]=l;return a},Ve=j(Ft,[["__scopeId","data-v-b7131fb2"]]),Dt=["title"],Vt=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(l,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,Dt)):e.createCommentVNode("",!0)}}),Mr="",Mt=j(Vt,[["__scopeId","data-v-9e48c714"]]),Lt=["data-testid"],Rt=["aria-controls","aria-expanded","href","target","onClick","onKeypress"],Zt={key:0,class:"sidebar-item-icon"},Pt={class:"sidebar-item-name-container"},jt={class:"sidebar-item-name has-tooltip"},Ht={key:2,class:"sidebar-item-label truncate-text truncate-20"},Kt=["id"],zt=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")),l=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),s=y=>{n("click",y)},p=(y,_,I)=>{s(_),typeof I=="function"&&(y.preventDefault(),I())};return(y,_)=>{var S;const I=e.resolveComponent("KIcon"),N=e.resolveComponent("KTooltip"),x=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(l)?r.item.to:void 0},{default:e.withCtx(E=>{var D,R;return[e.createElementVNode("a",{"aria-controls":(D=r.item.items)!=null&&D.length&&r.item.expanded?`subnav-${r.item.key}`:void 0,"aria-expanded":(R=r.item.items)!=null&&R.length&&r.item.expanded?!0:void 0,class:e.normalizeClass(["sidebar-item-link",{"sidebar-item-external-link":e.unref(l),"router-link":!e.unref(o)}]),href:e.unref(o)?String(r.item.to||"#"):E==null?void 0:E.href,target:e.unref(l)?"_blank":void 0,onClick:F=>p(F,r.item,E==null?void 0:E.navigate),onKeypress:e.withKeys(F=>p(F,r.item,E==null?void 0:E.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",Zt,[e.createVNode(I,{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",Pt,[(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(N,{key:1,class:"sidebar-item-tooltip",label:r.item.name,placement:"right","position-fixed":""},{default:e.withCtx(()=>[e.createElementVNode("div",jt,[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",Ht,e.toDisplayString(r.item.label),1)):e.createCommentVNode("",!0)]),e.unref(f)?(e.openBlock(),e.createBlock(Mt,{key:1,count:r.item.badgeCount},null,8,["count"])):e.createCommentVNode("",!0)],2)],42,Rt)]}),_:1},8,["custom","to"])),(S=r.item.items)!=null&&S.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,E=>(e.openBlock(),e.createBlock(x,{key:E.name,item:E,"subnav-item":!0,onClick:D=>s(E)},null,8,["item","onClick"]))),128))],8,Kt)):e.createCommentVNode("",!0)],10,Lt)}}}),Lr="",Rr="",Me=j(zt,[["__scopeId","data-v-b0428668"]]),Wt={},Gt={class:"profile-icon",fill:"none",height:"30",width:"30",xmlns:"http://www.w3.org/2000/svg"},Ut=[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 qt(r,n){return e.openBlock(),e.createElementBlock("svg",Gt,Ut)}const Yt=j(Wt,[["render",qt]]),Xt={"aria-haspopup":"true","aria-label":"Profile Menu",class:"sidebar-footer"},Jt={class:"sidebar-profile-link"},Qt={class:"sidebar-item-icon"},en={class:"sidebar-profile-item-container"},tn={class:"sidebar-profile-dropdown-container"},nn={key:0,class:"sidebar-profile-name"},an={class:"sidebar-profile-name"},rn=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,l)=>{const f=e.resolveComponent("KDropdownMenu");return e.openBlock(),e.createElementBlock("nav",Xt,[e.createElementVNode("div",Jt,[e.createElementVNode("div",Qt,[e.createVNode(Yt)]),e.createElementVNode("div",en,[e.createElementVNode("div",tn,[e.unref(a)?(e.openBlock(),e.createBlock(f,{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:l[0]||(l[0]=e.withModifiers(()=>{},["prevent"]))},[e.createElementVNode("span",an,e.toDisplayString(r.name),1)])]),_:3},8,["kpop-attributes"])):(e.openBlock(),e.createElementBlock("div",nn,e.toDisplayString(r.name),1))])])])])}}}),jr="",on=j(rn,[["__scopeId","data-v-9af03aea"]]);/*!
|
|
2
2
|
* tabbable 6.0.1
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
4
|
-
*/var
|
|
4
|
+
*/var Le=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],se=Le.join(","),Re=typeof Element>"u",q=Re?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,le=!Re&&Element.prototype.getRootNode?function(r){return r.getRootNode()}:function(r){return r.ownerDocument},Ze=function(n,a,o){var l=Array.prototype.slice.apply(n.querySelectorAll(se));return a&&q.call(n,se)&&l.unshift(n),l=l.filter(o),l},Pe=function r(n,a,o){for(var l=[],f=Array.from(n);f.length;){var s=f.shift();if(s.tagName==="SLOT"){var p=s.assignedElements(),y=p.length?p:s.children,_=r(y,!0,o);o.flatten?l.push.apply(l,_):l.push({scopeParent:s,candidates:_})}else{var I=q.call(s,se);I&&o.filter(s)&&(a||!n.includes(s))&&l.push(s);var N=s.shadowRoot||typeof o.getShadowRoot=="function"&&o.getShadowRoot(s),x=!o.shadowRootFilter||o.shadowRootFilter(s);if(N&&x){var S=r(N===!0?s.children:N.children,!0,o);o.flatten?l.push.apply(l,S):l.push({scopeParent:s,candidates:S})}else f.unshift.apply(f,s.children)}}return l},je=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},cn=function(n,a){return n.tabIndex===a.tabIndex?n.documentOrder-a.documentOrder:n.tabIndex-a.tabIndex},He=function(n){return n.tagName==="INPUT"},sn=function(n){return He(n)&&n.type==="hidden"},ln=function(n){var a=n.tagName==="DETAILS"&&Array.prototype.slice.apply(n.children).some(function(o){return o.tagName==="SUMMARY"});return a},dn=function(n,a){for(var o=0;o<n.length;o++)if(n[o].checked&&n[o].form===a)return n[o]},fn=function(n){if(!n.name)return!0;var a=n.form||le(n),o=function(p){return a.querySelectorAll('input[type="radio"][name="'+p+'"]')},l;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")l=o(window.CSS.escape(n.name));else try{l=o(n.name)}catch(s){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",s.message),!1}var f=dn(l,n.form);return!f||f===n},un=function(n){return He(n)&&n.type==="radio"},pn=function(n){return un(n)&&!fn(n)},mn=function(n){for(var a,o=le(n).host,l=!!((a=o)!==null&&a!==void 0&&a.ownerDocument.contains(o)||n.ownerDocument.contains(n));!l&&o;){var f;o=le(o).host,l=!!((f=o)!==null&&f!==void 0&&f.ownerDocument.contains(o))}return l},Ke=function(n){var a=n.getBoundingClientRect(),o=a.width,l=a.height;return o===0&&l===0},bn=function(n,a){var o=a.displayCheck,l=a.getShadowRoot;if(getComputedStyle(n).visibility==="hidden")return!0;var f=q.call(n,"details>summary:first-of-type"),s=f?n.parentElement:n;if(q.call(s,"details:not([open]) *"))return!0;if(!o||o==="full"||o==="legacy-full"){if(typeof l=="function"){for(var p=n;n;){var y=n.parentElement,_=le(n);if(y&&!y.shadowRoot&&l(y)===!0)return Ke(n);n.assignedSlot?n=n.assignedSlot:!y&&_!==n.ownerDocument?n=_.host:n=y}n=p}if(mn(n))return!n.getClientRects().length;if(o!=="legacy-full")return!0}else if(o==="non-zero-area")return Ke(n);return!1},hn=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 l=a.children.item(o);if(l.tagName==="LEGEND")return q.call(a,"fieldset[disabled] *")?!0:!l.contains(n)}return!0}a=a.parentElement}return!1},de=function(n,a){return!(a.disabled||sn(a)||bn(a,n)||ln(a)||hn(a))},we=function(n,a){return!(pn(a)||je(a)<0||!de(n,a))},gn=function(n){var a=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(a)||a>=0)},yn=function r(n){var a=[],o=[];return n.forEach(function(l,f){var s=!!l.scopeParent,p=s?l.scopeParent:l,y=je(p,s),_=s?r(l.candidates):p;y===0?s?a.push.apply(a,_):a.push(p):o.push({documentOrder:f,tabIndex:y,item:l,isScope:s,content:_})}),o.sort(cn).reduce(function(l,f){return f.isScope?l.push.apply(l,f.content):l.push(f.content),l},[]).concat(a)},vn=function(n,a){a=a||{};var o;return a.getShadowRoot?o=Pe([n],a.includeContainer,{filter:we.bind(null,a),flatten:!1,getShadowRoot:a.getShadowRoot,shadowRootFilter:gn}):o=Ze(n,a.includeContainer,we.bind(null,a)),yn(o)},_n=function(n,a){a=a||{};var o;return a.getShadowRoot?o=Pe([n],a.includeContainer,{filter:de.bind(null,a),flatten:!0,getShadowRoot:a.getShadowRoot}):o=Ze(n,a.includeContainer,de.bind(null,a)),o},fe=function(n,a){if(a=a||{},!n)throw new Error("No node provided");return q.call(n,se)===!1?!1:we(a,n)},wn=Le.concat("iframe").join(","),ke=function(n,a){if(a=a||{},!n)throw new Error("No node provided");return q.call(n,wn)===!1?!1:de(a,n)};/*!
|
|
5
5
|
* focus-trap 7.2.0
|
|
6
6
|
* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
|
|
7
|
-
*/function
|
|
7
|
+
*/function ze(r,n){var a=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);n&&(o=o.filter(function(l){return Object.getOwnPropertyDescriptor(r,l).enumerable})),a.push.apply(a,o)}return a}function We(r){for(var n=1;n<arguments.length;n++){var a=arguments[n]!=null?arguments[n]:{};n%2?ze(Object(a),!0).forEach(function(o){kn(r,o,a[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(a)):ze(Object(a)).forEach(function(o){Object.defineProperty(r,o,Object.getOwnPropertyDescriptor(a,o))})}return r}function kn(r,n,a){return n=Sn(n),n in r?Object.defineProperty(r,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[n]=a,r}function Cn(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 Sn(r){var n=Cn(r,"string");return typeof n=="symbol"?n:String(n)}var Ge={activateTrap:function(n,a){if(n.length>0){var o=n[n.length-1];o!==a&&o.pause()}var l=n.indexOf(a);l===-1||n.splice(l,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()}},Tn=function(n){return n.tagName&&n.tagName.toLowerCase()==="input"&&typeof n.select=="function"},En=function(n){return n.key==="Escape"||n.key==="Esc"||n.keyCode===27},ae=function(n){return n.key==="Tab"||n.keyCode===9},Nn=function(n){return ae(n)&&!n.shiftKey},Bn=function(n){return ae(n)&&n.shiftKey},Ue=function(n){return setTimeout(n,0)},qe=function(n,a){var o=-1;return n.every(function(l,f){return a(l)?(o=f,!1):!0}),o},re=function(n){for(var a=arguments.length,o=new Array(a>1?a-1:0),l=1;l<a;l++)o[l-1]=arguments[l];return typeof n=="function"?n.apply(void 0,o):n},ue=function(n){return n.target.shadowRoot&&typeof n.composedPath=="function"?n.composedPath()[0]:n.target},In=[],xn=function(n,a){var o=(a==null?void 0:a.document)||document,l=(a==null?void 0:a.trapStack)||In,f=We({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:Nn,isKeyBackward:Bn},a),s={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},p,y=function(d,u,b){return d&&d[u]!==void 0?d[u]:f[b||u]},_=function(d){return s.containerGroups.findIndex(function(u){var b=u.container,T=u.tabbableNodes;return b.contains(d)||T.find(function(h){return h===d})})},I=function(d){var u=f[d];if(typeof u=="function"){for(var b=arguments.length,T=new Array(b>1?b-1:0),h=1;h<b;h++)T[h-1]=arguments[h];u=u.apply(void 0,T)}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 B=u;if(typeof u=="string"&&(B=o.querySelector(u),!B))throw new Error("`".concat(d,"` as selector refers to no known node"));return B},N=function(){var d=I("initialFocus");if(d===!1)return!1;if(d===void 0)if(_(o.activeElement)>=0)d=o.activeElement;else{var u=s.tabbableGroups[0],b=u&&u.firstTabbableNode;d=b||I("fallbackFocus")}if(!d)throw new Error("Your focus-trap needs to have at least one focusable element");return d},x=function(){if(s.containerGroups=s.containers.map(function(d){var u=vn(d,f.tabbableOptions),b=_n(d,f.tabbableOptions);return{container:d,tabbableNodes:u,focusableNodes:b,firstTabbableNode:u.length>0?u[0]:null,lastTabbableNode:u.length>0?u[u.length-1]:null,nextTabbableNode:function(h){var B=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,g=b.findIndex(function(O){return O===h});if(!(g<0))return B?b.slice(g+1).find(function(O){return fe(O,f.tabbableOptions)}):b.slice(0,g).reverse().find(function(O){return fe(O,f.tabbableOptions)})}}}),s.tabbableGroups=s.containerGroups.filter(function(d){return d.tabbableNodes.length>0}),s.tabbableGroups.length<=0&&!I("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},S=function k(d){if(d!==!1&&d!==o.activeElement){if(!d||!d.focus){k(N());return}d.focus({preventScroll:!!f.preventScroll}),s.mostRecentlyFocusedNode=d,Tn(d)&&d.select()}},E=function(d){var u=I("setReturnFocus",d);return u||(u===!1?!1:d)},D=function(d){var u=ue(d);if(!(_(u)>=0)){if(re(f.clickOutsideDeactivates,d)){p.deactivate({returnFocus:f.returnFocusOnDeactivate&&!ke(u,f.tabbableOptions)});return}re(f.allowOutsideClick,d)||d.preventDefault()}},R=function(d){var u=ue(d),b=_(u)>=0;b||u instanceof Document?b&&(s.mostRecentlyFocusedNode=u):(d.stopImmediatePropagation(),S(s.mostRecentlyFocusedNode||N()))},F=function(d){var u=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1,b=ue(d);x();var T=null;if(s.tabbableGroups.length>0){var h=_(b),B=h>=0?s.containerGroups[h]:void 0;if(h<0)u?T=s.tabbableGroups[s.tabbableGroups.length-1].lastTabbableNode:T=s.tabbableGroups[0].firstTabbableNode;else if(u){var g=qe(s.tabbableGroups,function(oe){var C=oe.firstTabbableNode;return b===C});if(g<0&&(B.container===b||ke(b,f.tabbableOptions)&&!fe(b,f.tabbableOptions)&&!B.nextTabbableNode(b,!1))&&(g=h),g>=0){var O=g===0?s.tabbableGroups.length-1:g-1,v=s.tabbableGroups[O];T=v.lastTabbableNode}else ae(d)||(T=B.nextTabbableNode(b,!1))}else{var K=qe(s.tabbableGroups,function(oe){var C=oe.lastTabbableNode;return b===C});if(K<0&&(B.container===b||ke(b,f.tabbableOptions)&&!fe(b,f.tabbableOptions)&&!B.nextTabbableNode(b))&&(K=h),K>=0){var z=K===s.tabbableGroups.length-1?0:K+1,Se=s.tabbableGroups[z];T=Se.firstTabbableNode}else ae(d)||(T=B.nextTabbableNode(b))}}else T=I("fallbackFocus");T&&(ae(d)&&d.preventDefault(),S(T))},H=function(d){if(En(d)&&re(f.escapeDeactivates,d)!==!1){d.preventDefault(),p.deactivate();return}(f.isKeyForward(d)||f.isKeyBackward(d))&&F(d,f.isKeyBackward(d))},Z=function(d){var u=ue(d);_(u)>=0||re(f.clickOutsideDeactivates,d)||re(f.allowOutsideClick,d)||(d.preventDefault(),d.stopImmediatePropagation())},w=function(){if(s.active)return Ge.activateTrap(l,p),s.delayInitialFocusTimer=f.delayInitialFocus?Ue(function(){S(N())}):S(N()),o.addEventListener("focusin",R,!0),o.addEventListener("mousedown",D,{capture:!0,passive:!1}),o.addEventListener("touchstart",D,{capture:!0,passive:!1}),o.addEventListener("click",Z,{capture:!0,passive:!1}),o.addEventListener("keydown",H,{capture:!0,passive:!1}),p},A=function(){if(s.active)return o.removeEventListener("focusin",R,!0),o.removeEventListener("mousedown",D,!0),o.removeEventListener("touchstart",D,!0),o.removeEventListener("click",Z,!0),o.removeEventListener("keydown",H,!0),p};return p={get active(){return s.active},get paused(){return s.paused},activate:function(d){if(s.active)return this;var u=y(d,"onActivate"),b=y(d,"onPostActivate"),T=y(d,"checkCanFocusTrap");T||x(),s.active=!0,s.paused=!1,s.nodeFocusedBeforeActivation=o.activeElement,u&&u();var h=function(){T&&x(),w(),b&&b()};return T?(T(s.containers.concat()).then(h,h),this):(h(),this)},deactivate:function(d){if(!s.active)return this;var u=We({onDeactivate:f.onDeactivate,onPostDeactivate:f.onPostDeactivate,checkCanReturnFocus:f.checkCanReturnFocus},d);clearTimeout(s.delayInitialFocusTimer),s.delayInitialFocusTimer=void 0,A(),s.active=!1,s.paused=!1,Ge.deactivateTrap(l,p);var b=y(u,"onDeactivate"),T=y(u,"onPostDeactivate"),h=y(u,"checkCanReturnFocus"),B=y(u,"returnFocus","returnFocusOnDeactivate");b&&b();var g=function(){Ue(function(){B&&S(E(s.nodeFocusedBeforeActivation)),T&&T()})};return B&&h?(h(E(s.nodeFocusedBeforeActivation)).then(g,g),this):(g(),this)},pause:function(){return s.paused||!s.active?this:(s.paused=!0,A(),this)},unpause:function(){return!s.paused||!s.active?this:(s.paused=!1,x(),w(),this)},updateContainerElements:function(d){var u=[].concat(d).filter(Boolean);return s.containers=u.map(function(b){return typeof b=="string"?o.querySelector(b):b}),s.active&&x(),this}},p.updateContainerElements(n),p};/*!
|
|
8
8
|
* focus-trap-vue v4.0.0
|
|
9
9
|
* (c) 2022 Eduardo San Martin Morote
|
|
10
10
|
* @license MIT
|
|
11
|
-
*/function Kr(r){return r}const $n={escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:[Boolean,Function],default:!0},clickOutsideDeactivates:[Boolean,Function],initialFocus:[String,Function,Boolean],fallbackFocus:[String,Function],checkCanFocusTrap:Function,checkCanReturnFocus:Function,delayInitialFocus:{type:Boolean,default:!0},document:Object,preventScroll:Boolean,setReturnFocus:[Object,String,Boolean,Function],tabbableOptions:Object},An=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},$n),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(r,{slots:n,emit:a}){let o;const l=e.ref(null),f=e.computed(()=>{const p=l.value;return p&&(p instanceof HTMLElement?p:p.$el)}),s=()=>o||(o=On(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,p=>{p&&f.value?s().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(){s(),o.activate()},deactivate(){o&&o.deactivate()},renderImpl(){if(!n.default)return null;const p=n.default().filter(_=>_.type!==e.Comment);return!p||!p.length||p.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),p):e.cloneVNode(p[0],{ref:l})}}}});function Xe(){return{debounce:(n,a)=>{let o;return(...l)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{n(...l)},a)}}}}var me=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},be={},Fn={get exports(){return be},set exports(r){be=r}};(function(r,n){var a=200,o="__lodash_hash_undefined__",l=9007199254740991,f="[object Arguments]",s="[object Array]",p="[object Boolean]",v="[object Date]",_="[object Error]",B="[object Function]",E="[object GeneratorFunction]",y="[object Map]",k="[object Number]",x="[object Object]",A="[object Promise]",j="[object RegExp]",L="[object Set]",P="[object String]",M="[object Symbol]",w="[object WeakMap]",O="[object ArrayBuffer]",C="[object DataView]",d="[object Float32Array]",u="[object Float64Array]",h="[object Int8Array]",T="[object Int16Array]",g="[object Int32Array]",N="[object Uint8Array]",m="[object Uint8ClampedArray]",$="[object Uint16Array]",q="[object Uint32Array]",H=/[\\^$.*+?()[\]{}|]/g,K=/\w*$/,Te=/^\[object .+?Constructor\]$/,ie=/^(?:0|[1-9]\d*)$/,S={};S[f]=S[s]=S[O]=S[C]=S[p]=S[v]=S[d]=S[u]=S[h]=S[T]=S[g]=S[y]=S[k]=S[x]=S[j]=S[L]=S[P]=S[M]=S[N]=S[m]=S[$]=S[q]=!0,S[_]=S[B]=S[w]=!1;var ga=typeof me=="object"&&me&&me.Object===Object&&me,ya=typeof self=="object"&&self&&self.Object===Object&&self,z=ga||ya||Function("return this")(),nt=n&&!n.nodeType&&n,at=nt&&!0&&r&&!r.nodeType&&r,va=at&&at.exports===nt;function _a(t,i){return t.set(i[0],i[1]),t}function wa(t,i){return t.add(i),t}function ka(t,i){for(var c=-1,b=t?t.length:0;++c<b&&i(t[c],c,t)!==!1;);return t}function Ca(t,i){for(var c=-1,b=i.length,I=t.length;++c<b;)t[I+c]=i[c];return t}function rt(t,i,c,b){var I=-1,F=t?t.length:0;for(b&&F&&(c=t[++I]);++I<F;)c=i(c,t[I],I,t);return c}function Sa(t,i){for(var c=-1,b=Array(t);++c<t;)b[c]=i(c);return b}function Ta(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(b,I){c[++i]=[I,b]}),c}function Ee(t,i){return function(c){return t(i(c))}}function ct(t){var i=-1,c=Array(t.size);return t.forEach(function(b){c[++i]=b}),c}var Ea=Array.prototype,Na=Function.prototype,he=Object.prototype,Ne=z["__core-js_shared__"],st=function(){var t=/[^.]+$/.exec(Ne&&Ne.keys&&Ne.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),lt=Na.toString,G=he.hasOwnProperty,ge=he.toString,Ba=RegExp("^"+lt.call(G).replace(H,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),dt=va?z.Buffer:void 0,ft=z.Symbol,ut=z.Uint8Array,Ia=Ee(Object.getPrototypeOf,Object),xa=Object.create,Oa=he.propertyIsEnumerable,$a=Ea.splice,pt=Object.getOwnPropertySymbols,Aa=dt?dt.isBuffer:void 0,Fa=Ee(Object.keys,Object),Be=te(z,"DataView"),ce=te(z,"Map"),Ie=te(z,"Promise"),xe=te(z,"Set"),Oe=te(z,"WeakMap"),se=te(Object,"create"),Da=J(Be),Va=J(ce),Ma=J(Ie),La=J(xe),Ra=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 b=t[i];this.set(b[0],b[1])}}function Za(){this.__data__=se?se(null):{}}function Pa(t){return this.has(t)&&delete this.__data__[t]}function ja(t){var i=this.__data__;if(se){var c=i[t];return c===o?void 0:c}return G.call(i,t)?i[t]:void 0}function Ha(t){var i=this.__data__;return se?i[t]!==void 0:G.call(i,t)}function Ka(t,i){var c=this.__data__;return c[t]=se&&i===void 0?o:i,this}Y.prototype.clear=Za,Y.prototype.delete=Pa,Y.prototype.get=ja,Y.prototype.has=Ha,Y.prototype.set=Ka;function W(t){var i=-1,c=t?t.length:0;for(this.clear();++i<c;){var b=t[i];this.set(b[0],b[1])}}function za(){this.__data__=[]}function Wa(t){var i=this.__data__,c=ye(i,t);if(c<0)return!1;var b=i.length-1;return c==b?i.pop():$a.call(i,c,1),!0}function Ga(t){var i=this.__data__,c=ye(i,t);return c<0?void 0:i[c][1]}function Ua(t){return ye(this.__data__,t)>-1}function qa(t,i){var c=this.__data__,b=ye(c,t);return b<0?c.push([t,i]):c[b][1]=i,this}W.prototype.clear=za,W.prototype.delete=Wa,W.prototype.get=Ga,W.prototype.has=Ua,W.prototype.set=qa;function Q(t){var i=-1,c=t?t.length:0;for(this.clear();++i<c;){var b=t[i];this.set(b[0],b[1])}}function Ya(){this.__data__={hash:new Y,map:new(ce||W),string:new Y}}function Xa(t){return ve(this,t).delete(t)}function Ja(t){return ve(this,t).get(t)}function Qa(t){return ve(this,t).has(t)}function er(t,i){return ve(this,t).set(t,i),this}Q.prototype.clear=Ya,Q.prototype.delete=Xa,Q.prototype.get=Ja,Q.prototype.has=Qa,Q.prototype.set=er;function ee(t){this.__data__=new W(t)}function tr(){this.__data__=new W}function nr(t){return this.__data__.delete(t)}function ar(t){return this.__data__.get(t)}function rr(t){return this.__data__.has(t)}function or(t,i){var c=this.__data__;if(c instanceof W){var b=c.__data__;if(!ce||b.length<a-1)return b.push([t,i]),this;c=this.__data__=new Q(b)}return c.set(t,i),this}ee.prototype.clear=tr,ee.prototype.delete=nr,ee.prototype.get=ar,ee.prototype.has=rr,ee.prototype.set=or;function ir(t,i){var c=Fe(t)||xr(t)?Sa(t.length,String):[],b=c.length,I=!!b;for(var F in t)(i||G.call(t,F))&&!(I&&(F=="length"||Er(F,b)))&&c.push(F);return c}function ht(t,i,c){var b=t[i];(!(G.call(t,i)&&_t(b,c))||c===void 0&&!(i in t))&&(t[i]=c)}function ye(t,i){for(var c=t.length;c--;)if(_t(t[c][0],i))return c;return-1}function cr(t,i){return t&>(i,De(i),t)}function $e(t,i,c,b,I,F,R){var V;if(b&&(V=F?b(t,I,F,R):b(t)),V!==void 0)return V;if(!_e(t))return t;var Ct=Fe(t);if(Ct){if(V=Cr(t),!i)return _r(t,V)}else{var ne=X(t),St=ne==B||ne==E;if($r(t))return pr(t,i);if(ne==x||ne==f||St&&!F){if(ot(t))return F?t:{};if(V=Sr(St?{}:t),!i)return wr(t,cr(V,t))}else{if(!S[ne])return F?t:{};V=Tr(t,ne,$e,i)}}R||(R=new ee);var Tt=R.get(t);if(Tt)return Tt;if(R.set(t,V),!Ct)var Et=c?kr(t):De(t);return ka(Et||t,function(Ve,we){Et&&(we=Ve,Ve=t[we]),ht(V,we,$e(Ve,i,c,b,we,t,R))}),V}function sr(t){return _e(t)?xa(t):{}}function lr(t,i,c){var b=i(t);return Fe(t)?b:Ca(b,c(t))}function dr(t){return ge.call(t)}function fr(t){if(!_e(t)||Br(t))return!1;var i=kt(t)||ot(t)?Ba:Te;return i.test(J(t))}function ur(t){if(!vt(t))return Fa(t);var i=[];for(var c in Object(t))G.call(t,c)&&c!="constructor"&&i.push(c);return i}function pr(t,i){if(i)return t.slice();var c=new t.constructor(t.length);return t.copy(c),c}function Ae(t){var i=new t.constructor(t.byteLength);return new ut(i).set(new ut(t)),i}function mr(t,i){var c=i?Ae(t.buffer):t.buffer;return new t.constructor(c,t.byteOffset,t.byteLength)}function br(t,i,c){var b=i?c(it(t),!0):it(t);return rt(b,_a,new t.constructor)}function hr(t){var i=new t.constructor(t.source,K.exec(t));return i.lastIndex=t.lastIndex,i}function gr(t,i,c){var b=i?c(ct(t),!0):ct(t);return rt(b,wa,new t.constructor)}function yr(t){return bt?Object(bt.call(t)):{}}function vr(t,i){var c=i?Ae(t.buffer):t.buffer;return new t.constructor(c,t.byteOffset,t.length)}function _r(t,i){var c=-1,b=t.length;for(i||(i=Array(b));++c<b;)i[c]=t[c];return i}function gt(t,i,c,b){c||(c={});for(var I=-1,F=i.length;++I<F;){var R=i[I],V=b?b(c[R],t[R],R,c,t):void 0;ht(c,R,V===void 0?t[R]:V)}return c}function wr(t,i){return gt(t,yt(t),i)}function kr(t){return lr(t,De,yt)}function ve(t,i){var c=t.__data__;return Nr(i)?c[typeof i=="string"?"string":"hash"]:c.map}function te(t,i){var c=Ta(t,i);return fr(c)?c:void 0}var yt=pt?Ee(pt,Object):Dr,X=dr;(Be&&X(new Be(new ArrayBuffer(1)))!=C||ce&&X(new ce)!=y||Ie&&X(Ie.resolve())!=A||xe&&X(new xe)!=L||Oe&&X(new Oe)!=w)&&(X=function(t){var i=ge.call(t),c=i==x?t.constructor:void 0,b=c?J(c):void 0;if(b)switch(b){case Da:return C;case Va:return y;case Ma:return A;case La:return L;case Ra:return w}return i});function Cr(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 Sr(t){return typeof t.constructor=="function"&&!vt(t)?sr(Ia(t)):{}}function Tr(t,i,c,b){var I=t.constructor;switch(i){case O:return Ae(t);case p:case v:return new I(+t);case C:return mr(t,b);case d:case u:case h:case T:case g:case N:case m:case $:case q:return vr(t,b);case y:return br(t,b,c);case k:case P:return new I(t);case j:return hr(t);case L:return gr(t,b,c);case M:return yr(t)}}function Er(t,i){return i=i??l,!!i&&(typeof t=="number"||ie.test(t))&&t>-1&&t%1==0&&t<i}function Nr(t){var i=typeof t;return i=="string"||i=="number"||i=="symbol"||i=="boolean"?t!=="__proto__":t===null}function Br(t){return!!st&&st in t}function vt(t){var i=t&&t.constructor,c=typeof i=="function"&&i.prototype||he;return t===c}function J(t){if(t!=null){try{return lt.call(t)}catch{}try{return t+""}catch{}}return""}function Ir(t){return $e(t,!0,!0)}function _t(t,i){return t===i||t!==t&&i!==i}function xr(t){return Or(t)&&G.call(t,"callee")&&(!Oa.call(t,"callee")||ge.call(t)==f)}var Fe=Array.isArray;function wt(t){return t!=null&&Ar(t.length)&&!kt(t)}function Or(t){return Fr(t)&&wt(t)}var $r=Aa||Vr;function kt(t){var i=_e(t)?ge.call(t):"";return i==B||i==E}function Ar(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=l}function _e(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function Fr(t){return!!t&&typeof t=="object"}function De(t){return wt(t)?ir(t):ur(t)}function Dr(){return[]}function Vr(){return!1}r.exports=Ir})(Fn,be);const Dn=be,Vn={key:0,class:"sidebar-header"},Mn={class:"sidebar-content-container"},Ln={key:0,class:"sidebar-top"},Rn={"aria-label":"Main menu"},Zn={key:0,class:"level-primary top-items"},Pn={key:1,class:"sidebar-level-divider",role:"separator"},jn={key:2,class:"level-primary bottom-items"},Hn=["href","target"],Kn=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=>({"0d88789a":e.unref(s).mobileHeight,"6ef946c2":e.unref(s).mobileTop,"6c5400ce":r.zIndex,"3d7e93d0":e.unref(s).height,"6ad02a04":e.unref(s).top,cb18ab50:e.unref(v).marginTop,"7ebabc34":e.unref(p).display,b777a5ea:e.unref(p).minHeight,"58eb8cda":e.unref(_).top,"2a882b7a":e.unref(_).zIndex}));const o=e.useSlots(),l=e.computed(()=>!!o.header),f=e.computed(()=>!!o.top),s=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%"})),p=e.computed(()=>({display:!a.mobileHeaderVisible&&a.mobileEnabled?"none":"flex",minHeight:`${a.headerHeight}px`})),v=e.computed(()=>({marginTop:l.value?`${a.headerHeight}px`:"0"})),_=e.computed(()=>({top:a.mobileTopOffset&&a.mobileEnabled?`${a.mobileTopOffset}px`:"0",zIndex:a.mobileOverlayZIndex!==null?a.mobileOverlayZIndex:a.zIndex>1?a.zIndex-1:1})),B=g=>Dn(g).map(m=>{var $,q,H;if(m){(!m.key||!(($=m.key)!=null&&$.trim()))&&(m.key=String(m.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!m.testId||!((q=m.testId)!=null&&q.trim()))&&(m.testId=String(m.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const K of m.items||[])K.parentKey=m.key,(!K.testId||!((H=K.testId)!=null&&H.trim()))&&(K.testId=String(K.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return m}),E=e.computed(()=>a.topItems.length?B(a.topItems):[]),y=e.computed(()=>a.bottomItems.length?B(a.bottomItems):[]),k=e.ref(a.open),x=g=>{var N,m;k.value!==g&&(k.value=g,n("toggle",g)),g?(N=document==null?void 0:document.body)==null||N.classList.add("kong-ui-app-sidebar-open"):(m=document==null?void 0:document.body)==null||m.classList.remove("kong-ui-app-sidebar-open"),j.value=!1},A=()=>{a.mobileOverlayCloseOnClick&&x(!1)},j=e.ref(!1),L=g=>{j.value=!0,n("click",g),setTimeout(()=>{x(!1)},a.mobileCloseDelay)};e.watch(()=>a.open,g=>{x(g)});const{debounce:P}=Xe(),M=P(()=>{k.value&&w.value!==(window==null?void 0:window.innerWidth)&&(w.value=window==null?void 0:window.innerWidth,x(!1))},200),w=e.ref(),O=e.ref(!1),C=e.ref(),d=()=>{O.value||(O.value=!0,clearTimeout(C.value),C.value=setTimeout(()=>O.value=!1,1300))},u=e.ref(null),h=e.computed(()=>k.value&&a.mobileEnabled),T=async g=>{var N,m;g?(await e.nextTick(),await new Promise($=>setTimeout($,300)),(N=u.value)==null||N.activate()):(m=u.value)==null||m.deactivate()};return e.watch(h,async g=>{g?await T(!0):await T(!1)},{immediate:!0}),e.onMounted(()=>{w.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",M),window.addEventListener("resize",d)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",M),window.removeEventListener("resize",d)}),(g,N)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[k.value&&r.mobileOverlay&&r.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:A})):e.createCommentVNode("",!0),e.createVNode(e.unref(An),{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":k.value,"no-sidebar-header":!e.unref(l),"mobile-header-hidden":r.mobileEnabled&&(!e.unref(l)||!r.mobileHeaderVisible),"mobile-disabled":!r.mobileEnabled,"disable-transitions":O.value}]),tabindex:"-1"},[e.unref(l)?(e.openBlock(),e.createElementBlock("div",Vn,[e.renderSlot(g.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Mn,[e.unref(f)?(e.openBlock(),e.createElementBlock("div",Ln,[e.renderSlot(g.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",Rn,[e.unref(E).length?(e.openBlock(),e.createElementBlock("ul",Zn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(E),m=>(e.openBlock(),e.createBlock(Le,{key:m.name,item:m,onClick:L},null,8,["item"]))),128))])):e.createCommentVNode("",!0),e.unref(E).length&&e.unref(y).length?(e.openBlock(),e.createElementBlock("div",Pn)):e.createCommentVNode("",!0),e.unref(y).length?(e.openBlock(),e.createElementBlock("ul",jn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),m=>(e.openBlock(),e.createBlock(Le,{key:m.name,item:m,onClick:L},null,8,["item"]))),128))])):e.createCommentVNode("",!0)])]),r.profileName||r.profileItems.length?(e.openBlock(),e.createBlock(cn,{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,m=>(e.openBlock(),e.createBlock(e.unref(ae.KDropdownItem),{key:m.name,class:e.normalizeClass([{"has-divider":m.hasDivider},{"external-profile-dropdown-link":(m.external||m.newWindow)&&typeof m.to=="string"}]),"has-divider":m.hasDivider,item:(m.external||m.newWindow)&&typeof m.to=="string"?void 0:{label:m.name,to:m.to},onClick:$=>L(m)},{default:e.withCtx(()=>[(m.external||m.newWindow)&&typeof m.to=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,class:"sidebar-item-external-link",href:m.to,target:m.newWindow?"_blank":void 0},[e.createTextVNode(e.toDisplayString(m.name)+" ",1),m.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,Hn)):e.createCommentVNode("",!0)]),_:2},1032,["class","has-divider","item","onClick"]))),128))]),_:1},8,["item-count","name"])):e.createCommentVNode("",!0)],2)]),_:3},512)],64))}}),zr="",Wr="",Je=Z(Kn,[["__scopeId","data-v-fe465cf7"]]),Se=r=>(e.pushScopeId("data-v-33b3f7c3"),r=r(),e.popScopeId(),r),zn=["aria-label","onClick"],Wn=[Se(()=>e.createElementVNode("span",{class:"line"},null,-1)),Se(()=>e.createElementVNode("span",{class:"line"},null,-1)),Se(()=>e.createElementVNode("span",{class:"line"},null,-1))],Gn=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),l=()=>{o.value=!o.value,n("toggle",o.value)};return e.watch(()=>a.active,f=>{o.value=f}),(f,s)=>(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(l,["prevent"])},Wn,10,zn))}}),Yr="",Qe=Z(Gn,[["__scopeId","data-v-33b3f7c3"]]),Un=r=>(e.pushScopeId("data-v-c8f90c1e"),r=r(),e.popScopeId(),r),qn={id:"kong-ui-app-layout-notification"},Yn={class:"mobile-logo"},Xn={key:0,class:"navbar-logo"},Jn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},Qn={class:"kong-ui-app-layout-content"},ea=Un(()=>e.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),ta=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(w=>({aa60aac2:e.unref(A),"3ae158d2":e.unref(j)}));const o=e.useSlots(),l=e.reactive({navbarLeft:e.computed(()=>!!o["navbar-left"]),navbarCenter:e.computed(()=>!!o["navbar-center"]),navbarRight:e.computed(()=>!!o["navbar-right"]),navbarLogo:e.computed(()=>!!o["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!o["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!o["sidebar-header"]),sidebarTop:e.computed(()=>!!o["sidebar-top"])}),f=e.computed(()=>a.hideDefaultSlot),s=e.reactive({hidden:e.computed(()=>a.navbarHidden)}),p=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)}),v=w=>{n("sidebar-click",w)},_=e.ref(!1),B=w=>{_.value=w};e.watchEffect(()=>{_.value=e.toRef(p,"open").value||!1});const E=e.ref(0),y=e.ref(60),k=e.ref(0),x=e.computed(()=>s.hidden?k.value:y.value+k.value),A=e.computed(()=>`${x.value}px`),j=e.computed(()=>p.hidden||s.hidden?"0":"16px"),{debounce:L}=Xe(),P=L((w=!1)=>{if(w||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&&(k.value=O.offsetHeight)}},200),M=e.ref();return e.onMounted(()=>{var O,C;(O=document==null?void 0:document.body)==null||O.classList.add("kong-ui-app-layout-body"),(C=document==null?void 0:document.documentElement)==null||C.classList.add("kong-ui-app-layout-html"),E.value=window==null?void 0:window.innerWidth,P(!0);const w=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");w&&(M.value=new ResizeObserver(d=>{for(const u of d){const h=u.contentRect.height;k.value!==h&&(k.value=h)}}),M.value.observe(w)),window.addEventListener("resize",P)}),e.onBeforeUnmount(()=>{M.value&&M.value.disconnect(),window.removeEventListener("resize",P)}),(w,O)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":s.hidden},{"sidebar-hidden":p.hidden}]])},[e.createElementVNode("div",qn,[e.renderSlot(w.$slots,"notification",{},void 0,!0)]),s.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Me,{key:String(p.hidden),"left-offset":p.hidden?0:void 0,"top-offset":k.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[p.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Qe,{key:0,active:_.value,onToggle:B},null,8,["active"]))]),_:2},[l.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",Yn,[e.renderSlot(w.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,l.navbarLogo?{name:"logo",fn:e.withCtx(()=>[p.hidden?(e.openBlock(),e.createElementBlock("div",Xn,[e.renderSlot(w.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,l.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,l.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,l.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),p.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Je,{key:1,"bottom-items":p.bottomItems,"header-height":y.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":e.unref(x),open:_.value,"profile-items":p.profileItems,"profile-name":p.profileName,"top-items":p.topItems,"top-offset":k.value,onClick:v,onToggle:B},e.createSlots({_:2},[l.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,l.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(w.$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",Jn,[e.createElementVNode("div",Qn,[ea,e.renderSlot(w.$slots,"app-error",{},void 0,!0),e.unref(f)?e.createCommentVNode("",!0):e.renderSlot(w.$slots,"default",{key:0},void 0,!0)])])],2))}}),Xr="",Jr="",et=Z(ta,[["__scopeId","data-v-c8f90c1e"]]),na=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(s=>!!s.selected)[0])||a.options[0]),l=s=>{o.value=s,n("change",o.value)};return(s,p)=>{const v=e.resolveComponent("KDropdownItem"),_=e.resolveComponent("KDropdownMenu");return e.openBlock(),e.createBlock(_,{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:p[0]||(p[0]=B=>l(B))},{items:e.withCtx(({handleSelection:B})=>[e.renderSlot(s.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,E=>(e.openBlock(),e.createBlock(v,{key:E.value,"data-testid":"select-"+E.value,selected:o.value.value===E.value,onClick:y=>B(E)},{default:e.withCtx(()=>[e.renderSlot(s.$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"])}}}),Qr="",aa=Z(na,[["__scopeId","data-v-b5a37136"]]),ra={},oa={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"},ia=[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 ca(r,n){return e.openBlock(),e.createElementBlock("svg",oa,ia)}const sa=Z(ra,[["render",ca]]),tt=r=>(e.pushScopeId("data-v-ff05f71e"),r=r(),e.popScopeId(),r),la={class:"kong-ui-app-error"},da={class:"banana-icon"},fa={class:"kong-ui-app-error-content"},ua=tt(()=>e.createElementVNode("h2",null,"An unexpected error has occurred",-1)),pa=tt(()=>e.createElementVNode("p",null,[e.createTextVNode("Go back to the previous page or "),e.createElementVNode("a",{href:"/"},"return home"),e.createTextVNode(".")],-1)),ma=e.defineComponent({__name:"AppError",setup(r){return(n,a)=>(e.openBlock(),e.createElementBlock("section",la,[e.createElementVNode("div",da,[e.createVNode(sa)]),e.createElementVNode("div",fa,[e.renderSlot(n.$slots,"default",{},()=>[ua,pa],!0)])]))}}),to="",no="",ba=Z(ma,[["__scopeId","data-v-ff05f71e"]]),ha={install:(r,n={})=>{r.component(n.name||"AppLayout",et)}};D.AppError=ba,D.AppLayout=et,D.AppNavbar=Me,D.AppSidebar=Je,D.NavbarDropdownMenu=aa,D.SidebarToggle=Qe,D.default=ha,Object.defineProperties(D,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
11
|
+
*/function Hr(r){return r}const On={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},$n=e.defineComponent({props:Object.assign({active:{type:Boolean,default:!0}},On),emits:["update:active","activate","postActivate","deactivate","postDeactivate"],render(){return this.renderImpl()},setup(r,{slots:n,emit:a}){let o;const l=e.ref(null),f=e.computed(()=>{const p=l.value;return p&&(p instanceof HTMLElement?p:p.$el)}),s=()=>o||(o=xn(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,p=>{p&&f.value?s().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(){s(),o.activate()},deactivate(){o&&o.deactivate()},renderImpl(){if(!n.default)return null;const p=n.default().filter(_=>_.type!==e.Comment);return!p||!p.length||p.length>1?(console.error("[focus-trap-vue]: FocusTrap requires exactly one child."),p):e.cloneVNode(p[0],{ref:l})}}}});function Ye(){return{debounce:(n,a)=>{let o;return(...l)=>{clearTimeout(o),o=window==null?void 0:window.setTimeout(()=>{n(...l)},a)}}}}var pe=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},me={},An={get exports(){return me},set exports(r){me=r}};(function(r,n){var a=200,o="__lodash_hash_undefined__",l=9007199254740991,f="[object Arguments]",s="[object Array]",p="[object Boolean]",y="[object Date]",_="[object Error]",I="[object Function]",N="[object GeneratorFunction]",x="[object Map]",S="[object Number]",E="[object Object]",D="[object Promise]",R="[object RegExp]",F="[object Set]",H="[object String]",Z="[object Symbol]",w="[object WeakMap]",A="[object ArrayBuffer]",k="[object DataView]",d="[object Float32Array]",u="[object Float64Array]",b="[object Int8Array]",T="[object Int16Array]",h="[object Int32Array]",B="[object Uint8Array]",g="[object Uint8ClampedArray]",O="[object Uint16Array]",v="[object Uint32Array]",K=/[\\^$.*+?()[\]{}|]/g,z=/\w*$/,Se=/^\[object .+?Constructor\]$/,oe=/^(?:0|[1-9]\d*)$/,C={};C[f]=C[s]=C[A]=C[k]=C[p]=C[y]=C[d]=C[u]=C[b]=C[T]=C[h]=C[x]=C[S]=C[E]=C[R]=C[F]=C[H]=C[Z]=C[B]=C[g]=C[O]=C[v]=!0,C[_]=C[I]=C[w]=!1;var ha=typeof pe=="object"&&pe&&pe.Object===Object&&pe,ga=typeof self=="object"&&self&&self.Object===Object&&self,W=ha||ga||Function("return this")(),tt=n&&!n.nodeType&&n,nt=tt&&!0&&r&&!r.nodeType&&r,ya=nt&&nt.exports===tt;function va(t,i){return t.set(i[0],i[1]),t}function _a(t,i){return t.add(i),t}function wa(t,i){for(var c=-1,m=t?t.length:0;++c<m&&i(t[c],c,t)!==!1;);return t}function ka(t,i){for(var c=-1,m=i.length,$=t.length;++c<m;)t[$+c]=i[c];return t}function at(t,i,c,m){var $=-1,V=t?t.length:0;for(m&&V&&(c=t[++$]);++$<V;)c=i(c,t[$],$,t);return c}function Ca(t,i){for(var c=-1,m=Array(t);++c<t;)m[c]=i(c);return m}function Sa(t,i){return t==null?void 0:t[i]}function rt(t){var i=!1;if(t!=null&&typeof t.toString!="function")try{i=!!(t+"")}catch{}return i}function ot(t){var i=-1,c=Array(t.size);return t.forEach(function(m,$){c[++i]=[$,m]}),c}function Te(t,i){return function(c){return t(i(c))}}function it(t){var i=-1,c=Array(t.size);return t.forEach(function(m){c[++i]=m}),c}var Ta=Array.prototype,Ea=Function.prototype,be=Object.prototype,Ee=W["__core-js_shared__"],ct=function(){var t=/[^.]+$/.exec(Ee&&Ee.keys&&Ee.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}(),st=Ea.toString,U=be.hasOwnProperty,he=be.toString,Na=RegExp("^"+st.call(U).replace(K,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),lt=ya?W.Buffer:void 0,dt=W.Symbol,ft=W.Uint8Array,Ba=Te(Object.getPrototypeOf,Object),Ia=Object.create,xa=be.propertyIsEnumerable,Oa=Ta.splice,ut=Object.getOwnPropertySymbols,$a=lt?lt.isBuffer:void 0,Aa=Te(Object.keys,Object),Ne=te(W,"DataView"),ie=te(W,"Map"),Be=te(W,"Promise"),Ie=te(W,"Set"),xe=te(W,"WeakMap"),ce=te(Object,"create"),Fa=J(Ne),Da=J(ie),Va=J(Be),Ma=J(Ie),La=J(xe),pt=dt?dt.prototype:void 0,mt=pt?pt.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 Ra(){this.__data__=ce?ce(null):{}}function Za(t){return this.has(t)&&delete this.__data__[t]}function Pa(t){var i=this.__data__;if(ce){var c=i[t];return c===o?void 0:c}return U.call(i,t)?i[t]:void 0}function ja(t){var i=this.__data__;return ce?i[t]!==void 0:U.call(i,t)}function Ha(t,i){var c=this.__data__;return c[t]=ce&&i===void 0?o:i,this}Y.prototype.clear=Ra,Y.prototype.delete=Za,Y.prototype.get=Pa,Y.prototype.has=ja,Y.prototype.set=Ha;function G(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 Ka(){this.__data__=[]}function za(t){var i=this.__data__,c=ge(i,t);if(c<0)return!1;var m=i.length-1;return c==m?i.pop():Oa.call(i,c,1),!0}function Wa(t){var i=this.__data__,c=ge(i,t);return c<0?void 0:i[c][1]}function Ga(t){return ge(this.__data__,t)>-1}function Ua(t,i){var c=this.__data__,m=ge(c,t);return m<0?c.push([t,i]):c[m][1]=i,this}G.prototype.clear=Ka,G.prototype.delete=za,G.prototype.get=Wa,G.prototype.has=Ga,G.prototype.set=Ua;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 qa(){this.__data__={hash:new Y,map:new(ie||G),string:new Y}}function Ya(t){return ye(this,t).delete(t)}function Xa(t){return ye(this,t).get(t)}function Ja(t){return ye(this,t).has(t)}function Qa(t,i){return ye(this,t).set(t,i),this}Q.prototype.clear=qa,Q.prototype.delete=Ya,Q.prototype.get=Xa,Q.prototype.has=Ja,Q.prototype.set=Qa;function ee(t){this.__data__=new G(t)}function er(){this.__data__=new G}function tr(t){return this.__data__.delete(t)}function nr(t){return this.__data__.get(t)}function ar(t){return this.__data__.has(t)}function rr(t,i){var c=this.__data__;if(c instanceof G){var m=c.__data__;if(!ie||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=er,ee.prototype.delete=tr,ee.prototype.get=nr,ee.prototype.has=ar,ee.prototype.set=rr;function or(t,i){var c=Ae(t)||Ir(t)?Ca(t.length,String):[],m=c.length,$=!!m;for(var V in t)(i||U.call(t,V))&&!($&&(V=="length"||Tr(V,m)))&&c.push(V);return c}function bt(t,i,c){var m=t[i];(!(U.call(t,i)&&vt(m,c))||c===void 0&&!(i in t))&&(t[i]=c)}function ge(t,i){for(var c=t.length;c--;)if(vt(t[c][0],i))return c;return-1}function ir(t,i){return t&&ht(i,Fe(i),t)}function Oe(t,i,c,m,$,V,P){var M;if(m&&(M=V?m(t,$,V,P):m(t)),M!==void 0)return M;if(!ve(t))return t;var kt=Ae(t);if(kt){if(M=kr(t),!i)return vr(t,M)}else{var ne=X(t),Ct=ne==I||ne==N;if(Or(t))return ur(t,i);if(ne==E||ne==f||Ct&&!V){if(rt(t))return V?t:{};if(M=Cr(Ct?{}:t),!i)return _r(t,ir(M,t))}else{if(!C[ne])return V?t:{};M=Sr(t,ne,Oe,i)}}P||(P=new ee);var St=P.get(t);if(St)return St;if(P.set(t,M),!kt)var Tt=c?wr(t):Fe(t);return wa(Tt||t,function(De,_e){Tt&&(_e=De,De=t[_e]),bt(M,_e,Oe(De,i,c,m,_e,t,P))}),M}function cr(t){return ve(t)?Ia(t):{}}function sr(t,i,c){var m=i(t);return Ae(t)?m:ka(m,c(t))}function lr(t){return he.call(t)}function dr(t){if(!ve(t)||Nr(t))return!1;var i=wt(t)||rt(t)?Na:Se;return i.test(J(t))}function fr(t){if(!yt(t))return Aa(t);var i=[];for(var c in Object(t))U.call(t,c)&&c!="constructor"&&i.push(c);return i}function ur(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 ft(i).set(new ft(t)),i}function pr(t,i){var c=i?$e(t.buffer):t.buffer;return new t.constructor(c,t.byteOffset,t.byteLength)}function mr(t,i,c){var m=i?c(ot(t),!0):ot(t);return at(m,va,new t.constructor)}function br(t){var i=new t.constructor(t.source,z.exec(t));return i.lastIndex=t.lastIndex,i}function hr(t,i,c){var m=i?c(it(t),!0):it(t);return at(m,_a,new t.constructor)}function gr(t){return mt?Object(mt.call(t)):{}}function yr(t,i){var c=i?$e(t.buffer):t.buffer;return new t.constructor(c,t.byteOffset,t.length)}function vr(t,i){var c=-1,m=t.length;for(i||(i=Array(m));++c<m;)i[c]=t[c];return i}function ht(t,i,c,m){c||(c={});for(var $=-1,V=i.length;++$<V;){var P=i[$],M=m?m(c[P],t[P],P,c,t):void 0;bt(c,P,M===void 0?t[P]:M)}return c}function _r(t,i){return ht(t,gt(t),i)}function wr(t){return sr(t,Fe,gt)}function ye(t,i){var c=t.__data__;return Er(i)?c[typeof i=="string"?"string":"hash"]:c.map}function te(t,i){var c=Sa(t,i);return dr(c)?c:void 0}var gt=ut?Te(ut,Object):Fr,X=lr;(Ne&&X(new Ne(new ArrayBuffer(1)))!=k||ie&&X(new ie)!=x||Be&&X(Be.resolve())!=D||Ie&&X(new Ie)!=F||xe&&X(new xe)!=w)&&(X=function(t){var i=he.call(t),c=i==E?t.constructor:void 0,m=c?J(c):void 0;if(m)switch(m){case Fa:return k;case Da:return x;case Va:return D;case Ma:return F;case La:return w}return i});function kr(t){var i=t.length,c=t.constructor(i);return i&&typeof t[0]=="string"&&U.call(t,"index")&&(c.index=t.index,c.input=t.input),c}function Cr(t){return typeof t.constructor=="function"&&!yt(t)?cr(Ba(t)):{}}function Sr(t,i,c,m){var $=t.constructor;switch(i){case A:return $e(t);case p:case y:return new $(+t);case k:return pr(t,m);case d:case u:case b:case T:case h:case B:case g:case O:case v:return yr(t,m);case x:return mr(t,m,c);case S:case H:return new $(t);case R:return br(t);case F:return hr(t,m,c);case Z:return gr(t)}}function Tr(t,i){return i=i??l,!!i&&(typeof t=="number"||oe.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 Nr(t){return!!ct&&ct in t}function yt(t){var i=t&&t.constructor,c=typeof i=="function"&&i.prototype||be;return t===c}function J(t){if(t!=null){try{return st.call(t)}catch{}try{return t+""}catch{}}return""}function Br(t){return Oe(t,!0,!0)}function vt(t,i){return t===i||t!==t&&i!==i}function Ir(t){return xr(t)&&U.call(t,"callee")&&(!xa.call(t,"callee")||he.call(t)==f)}var Ae=Array.isArray;function _t(t){return t!=null&&$r(t.length)&&!wt(t)}function xr(t){return Ar(t)&&_t(t)}var Or=$a||Dr;function wt(t){var i=ve(t)?he.call(t):"";return i==I||i==N}function $r(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=l}function ve(t){var i=typeof t;return!!t&&(i=="object"||i=="function")}function Ar(t){return!!t&&typeof t=="object"}function Fe(t){return _t(t)?or(t):fr(t)}function Fr(){return[]}function Dr(){return!1}r.exports=Br})(An,me);const Fn=me,Dn={key:0,class:"sidebar-header"},Vn={class:"sidebar-content-container"},Mn={key:0,class:"sidebar-top"},Ln={"aria-label":"Main menu"},Rn={key:0,class:"level-primary top-items"},Zn={key:1,class:"sidebar-level-divider",role:"separator"},Pn={key:2,class:"level-primary bottom-items"},jn=["href","target"],Hn=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(h=>({"2f16a480":e.unref(s).mobileHeight,b641d6c8:e.unref(s).mobileTop,"124a6b28":r.zIndex,"243f467e":e.unref(s).height,"3d33e35e":e.unref(s).top,"6cd763b2":e.unref(y).marginTop,"7c8d66cc":e.unref(p).display,"21e03bf1":e.unref(p).minHeight,"0260816d":e.unref(_).top,b6c8c540:e.unref(_).zIndex}));const o=e.useSlots(),l=e.computed(()=>!!o.header),f=e.computed(()=>!!o.top),s=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%"})),p=e.computed(()=>({display:!a.mobileHeaderVisible&&a.mobileEnabled?"none":"flex",minHeight:`${a.headerHeight}px`})),y=e.computed(()=>({marginTop:l.value?`${a.headerHeight}px`:"0"})),_=e.computed(()=>({top:a.mobileTopOffset&&a.mobileEnabled?`${a.mobileTopOffset}px`:"0",zIndex:a.mobileOverlayZIndex!==null?a.mobileOverlayZIndex:a.zIndex>1?a.zIndex-1:1})),I=h=>Fn(h).map(g=>{var O,v,K;if(g){(!g.key||!((O=g.key)!=null&&O.trim()))&&(g.key=String(g.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-")),(!g.testId||!((v=g.testId)!=null&&v.trim()))&&(g.testId=String(g.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"));for(const z of g.items||[])z.parentKey=g.key,(!z.testId||!((K=z.testId)!=null&&K.trim()))&&(z.testId=String(z.name||"").trim().toLowerCase().replace(/[^[a-z]/gi,"-"))}return g}),N=e.computed(()=>a.topItems.length?I(a.topItems):[]),x=e.computed(()=>a.bottomItems.length?I(a.bottomItems):[]),S=e.ref(a.open),E=h=>{var B,g;S.value!==h&&(S.value=h,n("toggle",h)),h?(B=document==null?void 0:document.body)==null||B.classList.add("kong-ui-app-sidebar-open"):(g=document==null?void 0:document.body)==null||g.classList.remove("kong-ui-app-sidebar-open"),R.value=!1},D=()=>{a.mobileOverlayCloseOnClick&&E(!1)},R=e.ref(!1),F=h=>{R.value=!0,n("click",h),setTimeout(()=>{E(!1)},a.mobileCloseDelay)};e.watch(()=>a.open,h=>{E(h)});const{debounce:H}=Ye(),Z=H(()=>{S.value&&w.value!==(window==null?void 0:window.innerWidth)&&(w.value=window==null?void 0:window.innerWidth,E(!1))},200),w=e.ref(),A=e.ref(!1),k=e.ref(),d=()=>{A.value||(A.value=!0,clearTimeout(k.value),k.value=setTimeout(()=>A.value=!1,1300))},u=e.ref(null),b=e.computed(()=>S.value&&a.mobileEnabled),T=async h=>{var B,g;h?(await e.nextTick(),await new Promise(O=>setTimeout(O,300)),(B=u.value)==null||B.activate()):(g=u.value)==null||g.deactivate()};return e.watch(b,async h=>{h?await T(!0):await T(!1)},{immediate:!0}),e.onMounted(()=>{w.value=window==null?void 0:window.innerWidth,window.addEventListener("resize",Z),window.addEventListener("resize",d)}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",Z),window.removeEventListener("resize",d)}),(h,B)=>{const g=e.resolveComponent("KIcon"),O=e.resolveComponent("KDropdownItem");return e.openBlock(),e.createElementBlock(e.Fragment,null,[S.value&&r.mobileOverlay&&r.mobileEnabled?(e.openBlock(),e.createElementBlock("div",{key:0,class:"kong-ui-app-sidebar-overlay",onClick:D})):e.createCommentVNode("",!0),e.createVNode(e.unref($n),{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":S.value,"no-sidebar-header":!e.unref(l),"mobile-header-hidden":r.mobileEnabled&&(!e.unref(l)||!r.mobileHeaderVisible),"mobile-disabled":!r.mobileEnabled,"disable-transitions":A.value}]),tabindex:"-1"},[e.unref(l)?(e.openBlock(),e.createElementBlock("div",Dn,[e.renderSlot(h.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Vn,[e.unref(f)?(e.openBlock(),e.createElementBlock("div",Mn,[e.renderSlot(h.$slots,"top",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("nav",Ln,[e.unref(N).length?(e.openBlock(),e.createElementBlock("ul",Rn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N),v=>(e.openBlock(),e.createBlock(Me,{key:v.name,item:v,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0),e.unref(N).length&&e.unref(x).length?(e.openBlock(),e.createElementBlock("div",Zn)):e.createCommentVNode("",!0),e.unref(x).length?(e.openBlock(),e.createElementBlock("ul",Pn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(x),v=>(e.openBlock(),e.createBlock(Me,{key:v.name,item:v,onClick:F},null,8,["item"]))),128))])):e.createCommentVNode("",!0)])]),r.profileName||r.profileItems.length?(e.openBlock(),e.createBlock(on,{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,v=>(e.openBlock(),e.createBlock(O,{key:v.name,class:e.normalizeClass([{"has-divider":v.hasDivider},{"external-profile-dropdown-link":(v.external||v.newWindow)&&typeof v.to=="string"}]),"has-divider":v.hasDivider,item:(v.external||v.newWindow)&&typeof v.to=="string"?void 0:{label:v.name,to:v.to},onClick:K=>F(v)},{default:e.withCtx(()=>[(v.external||v.newWindow)&&typeof v.to=="string"?(e.openBlock(),e.createElementBlock("a",{key:0,class:"sidebar-item-external-link",href:v.to,target:v.newWindow?"_blank":void 0},[e.createTextVNode(e.toDisplayString(v.name)+" ",1),v.newWindow?(e.openBlock(),e.createBlock(g,{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,jn)):e.createCommentVNode("",!0)]),_:2},1032,["class","has-divider","item","onClick"]))),128))]),_:1},8,["item-count","name"])):e.createCommentVNode("",!0)],2)]),_:3},512)],64)}}}),Kr="",zr="",Xe=j(Hn,[["__scopeId","data-v-38b80087"]]),Ce=r=>(e.pushScopeId("data-v-33b3f7c3"),r=r(),e.popScopeId(),r),Kn=["aria-label","onClick"],zn=[Ce(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ce(()=>e.createElementVNode("span",{class:"line"},null,-1)),Ce(()=>e.createElementVNode("span",{class:"line"},null,-1))],Wn=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),l=()=>{o.value=!o.value,n("toggle",o.value)};return e.watch(()=>a.active,f=>{o.value=f}),(f,s)=>(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(l,["prevent"])},zn,10,Kn))}}),qr="",Je=j(Wn,[["__scopeId","data-v-33b3f7c3"]]),Gn=r=>(e.pushScopeId("data-v-c8f90c1e"),r=r(),e.popScopeId(),r),Un={id:"kong-ui-app-layout-notification"},qn={class:"mobile-logo"},Yn={key:0,class:"navbar-logo"},Xn={class:"kong-ui-app-layout-main","data-testid":"kong-ui-app-layout-main"},Jn={class:"kong-ui-app-layout-content"},Qn=Gn(()=>e.createElementVNode("div",{id:"kong-ui-app-layout-teleport-default-slot"},null,-1)),ea=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(w=>({aa60aac2:e.unref(D),"3ae158d2":e.unref(R)}));const o=e.useSlots(),l=e.reactive({navbarLeft:e.computed(()=>!!o["navbar-left"]),navbarCenter:e.computed(()=>!!o["navbar-center"]),navbarRight:e.computed(()=>!!o["navbar-right"]),navbarLogo:e.computed(()=>!!o["navbar-logo"]),navbarMobileLogo:e.computed(()=>!!o["navbar-mobile-logo"]),sidebarHeader:e.computed(()=>!!o["sidebar-header"]),sidebarTop:e.computed(()=>!!o["sidebar-top"])}),f=e.computed(()=>a.hideDefaultSlot),s=e.reactive({hidden:e.computed(()=>a.navbarHidden)}),p=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)}),y=w=>{n("sidebar-click",w)},_=e.ref(!1),I=w=>{_.value=w};e.watchEffect(()=>{_.value=e.toRef(p,"open").value||!1});const N=e.ref(0),x=e.ref(60),S=e.ref(0),E=e.computed(()=>s.hidden?S.value:x.value+S.value),D=e.computed(()=>`${E.value}px`),R=e.computed(()=>p.hidden||s.hidden?"0":"16px"),{debounce:F}=Ye(),H=F((w=!1)=>{if(w||N.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&&(S.value=A.offsetHeight)}},200),Z=e.ref();return e.onMounted(()=>{var A,k;(A=document==null?void 0:document.body)==null||A.classList.add("kong-ui-app-layout-body"),(k=document==null?void 0:document.documentElement)==null||k.classList.add("kong-ui-app-layout-html"),N.value=window==null?void 0:window.innerWidth,H(!0);const w=document==null?void 0:document.querySelector(".kong-ui-app-layout #kong-ui-app-layout-notification");w&&(Z.value=new ResizeObserver(d=>{for(const u of d){const b=u.contentRect.height;S.value!==b&&(S.value=b)}}),Z.value.observe(w)),window.addEventListener("resize",H)}),e.onBeforeUnmount(()=>{Z.value&&Z.value.disconnect(),window.removeEventListener("resize",H)}),(w,A)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kong-ui-app-layout",[{"navbar-hidden":s.hidden},{"sidebar-hidden":p.hidden}]])},[e.createElementVNode("div",Un,[e.renderSlot(w.$slots,"notification",{},void 0,!0)]),s.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Ve,{key:String(p.hidden),"left-offset":p.hidden?0:void 0,"top-offset":S.value},e.createSlots({"mobile-sidebar-toggle":e.withCtx(()=>[p.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Je,{key:0,active:_.value,onToggle:I},null,8,["active"]))]),_:2},[l.navbarMobileLogo?{name:"mobile-logo",fn:e.withCtx(()=>[e.createElementVNode("div",qn,[e.renderSlot(w.$slots,"navbar-mobile-logo",{},void 0,!0)])]),key:"0"}:void 0,l.navbarLogo?{name:"logo",fn:e.withCtx(()=>[p.hidden?(e.openBlock(),e.createElementBlock("div",Yn,[e.renderSlot(w.$slots,"navbar-logo",{},void 0,!0)])):e.createCommentVNode("",!0)]),key:"1"}:void 0,l.navbarLeft?{name:"left",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-left",{},void 0,!0)]),key:"2"}:void 0,l.navbarCenter?{name:"center",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-center",{},void 0,!0)]),key:"3"}:void 0,l.navbarRight?{name:"right",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"navbar-right",{},void 0,!0)]),key:"4"}:void 0]),1032,["left-offset","top-offset"])),p.hidden?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Xe,{key:1,"bottom-items":p.bottomItems,"header-height":x.value,"mobile-enabled":"","mobile-header-visible":!1,"mobile-top-offset":e.unref(E),open:_.value,"profile-items":p.profileItems,"profile-name":p.profileName,"top-items":p.topItems,"top-offset":S.value,onClick:y,onToggle:I},e.createSlots({_:2},[l.sidebarHeader?{name:"header",fn:e.withCtx(()=>[e.renderSlot(w.$slots,"sidebar-header",{},void 0,!0)]),key:"0"}:void 0,l.sidebarTop?{name:"top",fn:e.withCtx(()=>[e.renderSlot(w.$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",Xn,[e.createElementVNode("div",Jn,[Qn,e.renderSlot(w.$slots,"app-error",{},void 0,!0),e.unref(f)?e.createCommentVNode("",!0):e.renderSlot(w.$slots,"default",{key:0},void 0,!0)])])],2))}}),Yr="",Xr="",Qe=j(ea,[["__scopeId","data-v-c8f90c1e"]]),ta=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(s=>!!s.selected)[0])||a.options[0]),l=s=>{o.value=s,n("change",o.value)};return(s,p)=>{const y=e.resolveComponent("KDropdownItem"),_=e.resolveComponent("KDropdownMenu");return e.openBlock(),e.createBlock(_,{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:p[0]||(p[0]=I=>l(I))},{items:e.withCtx(({handleSelection:I})=>[e.renderSlot(s.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,N=>(e.openBlock(),e.createBlock(y,{key:N.value,"data-testid":"select-"+N.value,selected:o.value.value===N.value,onClick:x=>I(N)},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{option:N},()=>[e.createTextVNode(e.toDisplayString(N.label),1)],!0)]),_:2},1032,["data-testid","selected","onClick"]))),128))],!0)]),_:3},8,["disabled","disabled-tooltip","kpop-attributes","label","width"])}}}),Jr="",na=j(ta,[["__scopeId","data-v-b5a37136"]]),aa={},ra={fill:"none",height:"130",width:"130",xmlns:"http://www.w3.org/2000/svg"},oa=[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 ia(r,n){return e.openBlock(),e.createElementBlock("svg",ra,oa)}const ca=j(aa,[["render",ia]]),et=r=>(e.pushScopeId("data-v-ff05f71e"),r=r(),e.popScopeId(),r),sa={class:"kong-ui-app-error"},la={class:"banana-icon"},da={class:"kong-ui-app-error-content"},fa=et(()=>e.createElementVNode("h2",null,"An unexpected error has occurred",-1)),ua=et(()=>e.createElementVNode("p",null,[e.createTextVNode("Go back to the previous page or "),e.createElementVNode("a",{href:"/"},"return home"),e.createTextVNode(".")],-1)),pa=e.defineComponent({__name:"AppError",setup(r){return(n,a)=>(e.openBlock(),e.createElementBlock("section",sa,[e.createElementVNode("div",la,[e.createVNode(ca)]),e.createElementVNode("div",da,[e.renderSlot(n.$slots,"default",{},()=>[fa,ua],!0)])]))}}),eo="",to="",ma=j(pa,[["__scopeId","data-v-ff05f71e"]]),ba={install:(r,n={})=>{r.component(n.name||"AppLayout",Qe)}};L.AppError=ma,L.AppLayout=Qe,L.AppNavbar=Ve,L.AppSidebar=Xe,L.NavbarDropdownMenu=na,L.SidebarToggle=Je,L.default=ba,Object.defineProperties(L,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
12
12
|
//# sourceMappingURL=app-layout.umd.js.map
|