@kong-ui-public/app-layout 0.11.5 → 0.11.7
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.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +3 -3
package/dist/app-layout.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(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,$.
|
|
1
|
+
(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"]]);/*!
|
|
2
2
|
* tabbable 6.0.1
|
|
3
3
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
4
4
|
*/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)};/*!
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.kong-ui-app-navbar[data-v-bc6741e9]{position:fixed;top:var(--769793c2);left:0;right:0;background-color:#fff;background-color:var(--kong-ui-app-navbar-background-color, #fff);border-bottom:1px solid rgba(0,0,0,.1);z-index:var(--a0e75924)}@media (min-width: 768px){.kong-ui-app-navbar[data-v-bc6741e9]{left:var(--5c627706)}}.kong-ui-app-navbar .header-content[data-v-bc6741e9]{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:0 16px}.kong-ui-app-navbar .mobile-header-left[data-v-bc6741e9]{display:inline-flex;gap:16px}@media (min-width: 768px){.kong-ui-app-navbar .mobile-header-left[data-v-bc6741e9]{display:none}}.item-badge[data-v-353c13e0]{color:#fff;color:var(--white, #fff);background-color:#d44324;background-color:var(--red-500, #D44324);padding:2px 6px;border-radius:16px;font-size:12px;font-weight:400;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:36px;-webkit-user-select:none;user-select:none}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;text-decoration:none;font-size:14px;font-weight:500;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#fff;color:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path{fill:#fff;fill:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{display:flex;align-items:center;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#fff;color:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:600!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{padding:4px 0 12px;border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--black-10, rgba(0, 0, 0, .1))}.sidebar-item-primary.active[data-v-37098230],.sidebar-item-primary.expanded[data-v-37098230]{background-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-37098230],.sidebar-item-primary>div>a[data-v-37098230]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-37098230],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-37098230]{padding-top:12px;padding-bottom:12px}.sidebar-item-secondary[data-v-37098230]{margin-bottom:4px}.sidebar-item-secondary[data-v-37098230]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-37098230]{color:#dae3f2!important;color:var(--steel-200, #DAE3F2)!important;min-height:36px!important;font-size:14px;border-left:4px solid transparent;background-color:transparent;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-37098230]:hover,.sidebar-item-secondary a[data-v-37098230]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-37098230]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-37098230]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-37098230]{color:#fff!important;color:var(--white, #fff)!important;background-color:#fff3;border-left:4px solid #07A88D;border-left:4px solid var(--green-500, #07A88D);font-weight:600!important}.sidebar-item-display[data-v-37098230]{display:flex;align-items:center;width:100%;height:100%;padding:0 16px}.sidebar-item-display .sidebar-item-name-container[data-v-37098230]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-37098230]{overflow:hidden;height:100%;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-37098230]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-20[data-v-37098230]{max-width:20ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-37098230]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-37098230]{display:flex;align-items:center}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-37098230]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-37098230]{min-width:0;height:auto}.sidebar-item-display .sidebar-item-label[data-v-37098230]{margin-top:4px;color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px}.sidebar-item-display .sidebar-item-icon[data-v-37098230]{display:flex;align-items:center;padding-right:14px;line-height:0}.sidebar-item-icon[data-v-b53ca5d3]{display:flex;padding-right:14px;line-height:0}.sidebar-profile-link[data-v-b53ca5d3]{display:flex;align-items:center;height:70px!important;padding-left:14px;color:#a3b6d9;color:var(--steel-300, #A3B6D9);background-color:#0a2b66;background-color:var(--blue-700, #0A2B66);text-decoration:none;white-space:nowrap}.sidebar-profile-item-container[data-v-b53ca5d3],.sidebar-profile-dropdown-container[data-v-b53ca5d3]{display:flex;align-items:center;width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3]{width:100%;padding-right:16px}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown{width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown>*{width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown>* .k-dropdown-trigger{display:flex;align-items:center;width:100%;height:100%;font-size:14px}.profile-dropdown-trigger[data-v-b53ca5d3]{display:flex;align-items:center;width:100%;height:100%;color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s ease-out;cursor:pointer}.profile-dropdown-trigger[data-v-b53ca5d3]:hover,.profile-dropdown-trigger[data-v-b53ca5d3]:focus-visible{color:#fff;color:var(--white, #fff)}.profile-dropdown-trigger[data-v-b53ca5d3]:focus-visible{outline:none}.profile-dropdown-trigger:focus-visible span[data-v-b53ca5d3]{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-profile-name[data-v-b53ca5d3]{line-height:1.3;max-width:170px;padding-right:1ch;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover{--KPopPaddingX: 0 !important;--KPopPaddingY: 0 !important;margin-top:0!important;left:-2px!important}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-enter-active,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-enter-to,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-leave-active,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-leave-to{animation:none!important}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-list{margin:var(--spacing-sm) 0;padding-left:0}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus{outline:none;box-shadow:none}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar[data-v-1c82e900]{position:fixed;top:var(--bdbd8fbc);display:flex;flex-direction:column;width:100%;height:var(--788ae98c);background:linear-gradient(180deg,#003694 54.17%,#0f203f 100%);left:-100%;z-index:var(--93522ba4);transition:left .2s ease-in-out}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-1c82e900]{width:240px;max-width:240px}}@media (min-width: 768px){.kong-ui-app-sidebar[data-v-1c82e900]{height:var(--609d40b8);top:var(--debeb938);left:0}}.kong-ui-app-sidebar.sidebar-open[data-v-1c82e900],.kong-ui-app-sidebar.mobile-disabled[data-v-1c82e900]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-1c82e900]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-1c82e900]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]{display:flex;flex-direction:column;height:100%;margin-top:var(--7f77b890);padding-top:16px;overflow-x:hidden;overflow-y:scroll;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar{width:8px;height:8px;opacity:1}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]:hover{scrollbar-color:#7d91b3 transparent;scrollbar-color:var(--steel-400, #7d91b3) transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar[data-v-1c82e900] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 767px){.mobile-header-hidden .sidebar-content-container[data-v-1c82e900],.no-sidebar-header .sidebar-content-container[data-v-1c82e900]{margin-top:0!important}}.sidebar-level-divider[data-v-1c82e900]{width:calc(100% - 32px);height:1px;min-height:1px;margin:24px auto;background-color:#ffffff80}.sidebar-header[data-v-1c82e900]{position:absolute;display:var(--03d17258);min-height:var(--82aee0aa);top:0;left:0;right:0;z-index:1;align-items:center;padding:0 20px;color:#fff;background:linear-gradient(180deg,#003694 70.83%,rgba(0,54,148,0) 100%);-webkit-user-select:none;user-select:none}@media (min-width: 768px){.sidebar-header[data-v-1c82e900]{display:flex}}.sidebar-header[data-v-1c82e900]>*{display:flex}.sidebar-header[data-v-1c82e900]>a{text-decoration:none}.sidebar-header[data-v-1c82e900]>a:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9);border-radius:4px}.sidebar-header[data-v-1c82e900]:after{content:"";display:block;background-image:linear-gradient(#003496,rgba(120,120,84,0));height:16px;margin-bottom:-16px;position:absolute;bottom:0;left:0;z-index:1;width:100%}.sidebar-top[data-v-1c82e900]{display:flex;align-items:center;margin:0 0 16px;padding:0 8px;color:#fff;user-select:none}.external-profile-dropdown-link[data-v-1c82e900] button.k-dropdown-item-trigger{padding:0!important}.external-profile-dropdown-link[data-v-1c82e900] button.k-dropdown-item-trigger:focus-visible{outline:none}.sidebar-item-external-link[data-v-1c82e900]{display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:1.3;text-decoration:none}.sidebar-item-external-link[data-v-1c82e900]:focus-visible{outline:1px solid #A3B6D9!important;outline:1px solid var(--steel-300, #A3B6D9)!important}.external-profile-dropdown-link .sidebar-item-external-link[data-v-1c82e900]{padding:var(--spacing-md) var(--spacing-lg)}.sidebar-item-external-link[data-v-1c82e900] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-1c82e900]{position:fixed;top:var(--d82cea1a);bottom:0;left:0;right:0;background-color:#0b172d99;z-index:var(--827243cc)}@media (min-width: 768px){.kong-ui-app-sidebar-overlay[data-v-1c82e900]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{margin:0;padding:0;list-style:none}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 768px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-e9d81dd5]{position:relative;padding:0 4px;border-radius:3px;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-e9d81dd5]:focus-visible{outline:1px solid #1155cb;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb))}@media (min-width: 768px){.sidebar-menu-toggle[data-v-e9d81dd5]{display:none}}.sidebar-menu-toggle .line[data-v-e9d81dd5]{display:block;width:24px;height:2px;border-radius:4px;background-color:#1155cb;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb));margin:6px auto;transition:all .3s ease-in-out}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--font-family-sans: $font-family-base;--font-family-mono: $font-family-mono;--font-weight-normal: 400;--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Helvetica, Arial, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{font-size:10px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{margin:0;padding:0;width:100%;overscroll-behavior-y:none}body.kong-ui-app-layout-body{background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color:#0b172d;color:var(--black-500, #0b172d);line-height:1.5}#app{height:100%}.kong-auth-element{--font-family-sans: Inter, Helvetica, Arial, sans-serif !important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-67bfc889]{display:flex;flex-direction:column;width:100%;height:100%;position:relative;font-family:Inter,Helvetica,Arial,sans-serif;background-color:#003694;overflow:hidden}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo{display:flex;align-items:center}@media (min-width: 768px){.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo>*{display:flex;align-items:center}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-67bfc889]{display:flex;align-items:flex-start;flex-grow:1;width:100%;height:100%;margin-top:var(--edf7479a);background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa)}@media (min-width: 768px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-67bfc889]{width:calc(100% - 240px);margin-left:240px}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-67bfc889]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-67bfc889]{position:relative;width:100%;padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-67bfc889]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-67bfc889]{width:100%;margin-left:0}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-67bfc889]{position:fixed;top:0;left:0;right:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-67bfc889] .k-alert{border-radius:0!important}.top-bar-dropdown-menu[data-v-b5a37136]{display:flex;margin-right:4px}.kong-ui-app-error[data-v-aaa5c166]{display:flex;flex-direction:column;align-items:center;margin:32px auto 0;padding-bottom:48px;border-top:3px solid #169fcc;border-top:3px solid var(--teal-300, #169fcc);background-color:#fff;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-aaa5c166]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-aaa5c166]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-aaa5c166]{margin:32px auto 24px;animation-delay:.75s}.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{padding:0 16px;opacity:0;animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-aaa5c166}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{padding:0 36px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{animation:none;opacity:1}}@keyframes fadeIn-aaa5c166{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.kong-ui-app-error .kong-ui-app-error-content{color:#6f7787;color:var(--grey-500, #6f7787);font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#0b172d;color:var(--black-500, #0b172d);margin-top:0;margin-bottom:16px;font-size:32px;font-weight:600}.external-link .kong-icon-externalLink svg path{fill:currentColor}.external-link[data-v-8368fd0f]{display:flex;align-items:center;text-decoration:none}.external-link .kong-icon-externalLink svg[data-v-8368fd0f]{margin-left:8px}.external-link .ml-mb-auto[data-v-8368fd0f]{margin-left:auto;margin-bottom:auto}
|
|
1
|
+
.kong-ui-app-navbar[data-v-bc6741e9]{position:fixed;top:var(--769793c2);left:0;right:0;background-color:#fff;background-color:var(--kong-ui-app-navbar-background-color, #fff);border-bottom:1px solid rgba(0,0,0,.1);z-index:var(--a0e75924)}@media (min-width: 768px){.kong-ui-app-navbar[data-v-bc6741e9]{left:var(--5c627706)}}.kong-ui-app-navbar .header-content[data-v-bc6741e9]{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:0 16px}.kong-ui-app-navbar .mobile-header-left[data-v-bc6741e9]{display:inline-flex;gap:16px}@media (min-width: 768px){.kong-ui-app-navbar .mobile-header-left[data-v-bc6741e9]{display:none}}.item-badge[data-v-353c13e0]{color:#fff;color:var(--white, #fff);background-color:#d44324;background-color:var(--red-500, #D44324);padding:2px 6px;border-radius:16px;font-size:12px;font-weight:400;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:36px;-webkit-user-select:none;user-select:none}.kong-ui-app-sidebar .sidebar-item-primary,.kong-ui-app-sidebar .sidebar-item-secondary{display:flex;flex-direction:column;position:relative;white-space:nowrap}.kong-ui-app-sidebar .sidebar-item-primary:last-of-type,.kong-ui-app-sidebar .sidebar-item-secondary:last-of-type{margin-bottom:0}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;text-decoration:none;font-size:14px;font-weight:500;color:#a3b6d9;color:var(--steel-300, #A3B6D9);cursor:pointer;transition:color .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link svg:not(.profile-icon) path{color:currentColor;fill:currentColor;transition:all .2s ease-out}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{color:#fff;color:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:hover svg:not(.profile-icon) path,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible svg:not(.profile-icon) path{fill:#fff;fill:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link:focus-visible,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar .sidebar-item-primary a.sidebar-item-link .sidebar-item-tooltip,.kong-ui-app-sidebar .sidebar-item-secondary a.sidebar-item-link .sidebar-item-tooltip{display:flex;align-items:center;height:100%}.kong-ui-app-sidebar .sidebar-item-primary.active>a,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>a,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a{color:#fff;color:var(--white, #fff)}.kong-ui-app-sidebar .sidebar-item-primary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-primary.expanded>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.active>div>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>a .sidebar-item-name,.kong-ui-app-sidebar .sidebar-item-secondary.expanded>div>a .sidebar-item-name{font-weight:600!important}.kong-ui-app-sidebar .sidebar-item-primary ul.level-secondary,.kong-ui-app-sidebar .sidebar-item-secondary ul.level-secondary{padding:4px 0 12px;border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--black-10, rgba(0, 0, 0, .1))}.sidebar-item-primary.active[data-v-37098230],.sidebar-item-primary.expanded[data-v-37098230]{background-color:#ffffff1a;border-radius:4px}.sidebar-item-primary>a[data-v-37098230],.sidebar-item-primary>div>a[data-v-37098230]{border-radius:4px}.sidebar-item-primary>a>.sidebar-item-display.has-label[data-v-37098230],.sidebar-item-primary>div>a>.sidebar-item-display.has-label[data-v-37098230]{padding-top:12px;padding-bottom:12px}.sidebar-item-secondary[data-v-37098230]{margin-bottom:4px}.sidebar-item-secondary[data-v-37098230]:last-of-type{margin-bottom:0}.sidebar-item-secondary a[data-v-37098230]{color:#dae3f2!important;color:var(--steel-200, #DAE3F2)!important;min-height:36px!important;font-size:14px;border-left:4px solid transparent;background-color:transparent;transition:all .1s ease-in-out!important}.sidebar-item-secondary a[data-v-37098230]:hover,.sidebar-item-secondary a[data-v-37098230]:focus-visible{background-color:#ffffff0d}.sidebar-item-secondary a>.sidebar-item-display.has-badge[data-v-37098230]{justify-content:space-between}.sidebar-item-secondary a>.sidebar-item-display.has-badge .has-badge-max-width[data-v-37098230]{max-width:134px!important}.sidebar-item-secondary.active>a[data-v-37098230]{color:#fff!important;color:var(--white, #fff)!important;background-color:#fff3;border-left:4px solid #07A88D;border-left:4px solid var(--green-500, #07A88D);font-weight:600!important}.sidebar-item-display[data-v-37098230]{display:flex;align-items:center;width:100%;height:100%;padding:0 16px}.sidebar-item-display .sidebar-item-name-container[data-v-37098230]{line-height:1.3;-webkit-user-select:none;user-select:none}.sidebar-item-display .sidebar-item-name-container .truncate-text[data-v-37098230]{overflow:hidden;height:100%;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-17[data-v-37098230]{max-width:17ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-20[data-v-37098230]{max-width:20ch}.sidebar-item-display .sidebar-item-name-container .truncate-text.truncate-24[data-v-37098230]{max-width:24ch}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name[data-v-37098230]{display:flex;align-items:center}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip[data-v-37098230]{height:100%}.sidebar-item-display .sidebar-item-name-container .sidebar-item-name.has-tooltip span[data-v-37098230]{min-width:0;height:auto}.sidebar-item-display .sidebar-item-label[data-v-37098230]{margin-top:4px;color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-size:12px}.sidebar-item-display .sidebar-item-icon[data-v-37098230]{display:flex;align-items:center;padding-right:14px;line-height:0}.sidebar-item-icon[data-v-b53ca5d3]{display:flex;padding-right:14px;line-height:0}.sidebar-profile-link[data-v-b53ca5d3]{display:flex;align-items:center;height:70px!important;padding-left:14px;color:#a3b6d9;color:var(--steel-300, #A3B6D9);background-color:#0a2b66;background-color:var(--blue-700, #0A2B66);text-decoration:none;white-space:nowrap}.sidebar-profile-item-container[data-v-b53ca5d3],.sidebar-profile-dropdown-container[data-v-b53ca5d3]{display:flex;align-items:center;width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3]{width:100%;padding-right:16px}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown{width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown>*{width:100%;height:100%}.sidebar-profile-dropdown-container[data-v-b53ca5d3] .k-dropdown>* .k-dropdown-trigger{display:flex;align-items:center;width:100%;height:100%;font-size:14px}.profile-dropdown-trigger[data-v-b53ca5d3]{display:flex;align-items:center;width:100%;height:100%;color:#a3b6d9;color:var(--steel-300, #A3B6D9);font-weight:500;text-decoration:none;white-space:nowrap;transition:color .2s ease-out;cursor:pointer}.profile-dropdown-trigger[data-v-b53ca5d3]:hover,.profile-dropdown-trigger[data-v-b53ca5d3]:focus-visible{color:#fff;color:var(--white, #fff)}.profile-dropdown-trigger[data-v-b53ca5d3]:focus-visible{outline:none}.profile-dropdown-trigger:focus-visible span[data-v-b53ca5d3]{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.sidebar-profile-name[data-v-b53ca5d3]{line-height:1.3;max-width:170px;padding-right:1ch;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover{--KPopPaddingX: 0 !important;--KPopPaddingY: 0 !important;margin-top:0!important;left:-2px!important}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-enter-active,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-enter-to,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-leave-active,[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover.fade-leave-to{animation:none!important}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-list{margin:var(--spacing-sm) 0;padding-left:0}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus{outline:none;box-shadow:none}[data-v-b53ca5d3] .sidebar-profile-menu-popover.k-popover .k-dropdown-item-trigger:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9)}.kong-ui-app-sidebar[data-v-1c82e900]{position:fixed;top:var(--bdbd8fbc);display:flex;flex-direction:column;width:100%;height:var(--788ae98c);background:linear-gradient(180deg,#003694 54.17%,#0f203f 100%);left:-100%;z-index:var(--93522ba4);transition:left .2s ease-in-out}@media (min-width: 640px){.kong-ui-app-sidebar[data-v-1c82e900]{width:240px;max-width:240px}}@media (min-width: 768px){.kong-ui-app-sidebar[data-v-1c82e900]{height:var(--609d40b8);top:var(--debeb938);left:0}}.kong-ui-app-sidebar.sidebar-open[data-v-1c82e900],.kong-ui-app-sidebar.mobile-disabled[data-v-1c82e900]{left:0}.kong-ui-app-sidebar.mobile-disabled[data-v-1c82e900]{width:240px}.kong-ui-app-sidebar.disable-transitions[data-v-1c82e900]{animation:none!important;transition:none!important}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]{display:flex;flex-direction:column;height:100%;margin-top:var(--7f77b890);padding-top:16px;overflow-x:hidden;overflow-y:scroll;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}@supports (overflow: overlay){.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]{overflow-y:overlay}}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar{width:8px;height:8px;opacity:1}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]:hover{scrollbar-color:#7d91b3 transparent;scrollbar-color:var(--steel-400, #7d91b3) transparent;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]:hover::-webkit-scrollbar-thumb{background:#7d91b3;background:var(--steel-400, #7d91b3)}.kong-ui-app-sidebar .sidebar-content-container[data-v-1c82e900]:hover::-webkit-scrollbar-track{background:transparent}.kong-ui-app-sidebar[data-v-1c82e900] .k-dropdown-item{font-size:14px;line-height:1.3}@media (max-width: 767px){.mobile-header-hidden .sidebar-content-container[data-v-1c82e900],.no-sidebar-header .sidebar-content-container[data-v-1c82e900]{margin-top:0!important}}.sidebar-level-divider[data-v-1c82e900]{width:calc(100% - 32px);height:1px;min-height:1px;margin:24px auto;background-color:#ffffff80}.sidebar-header[data-v-1c82e900]{position:absolute;display:var(--03d17258);min-height:var(--82aee0aa);top:0;left:0;right:0;z-index:1;align-items:center;padding:0 20px;color:#fff;background:linear-gradient(180deg,#003694 70.83%,rgba(0,54,148,0) 100%);-webkit-user-select:none;user-select:none}@media (min-width: 768px){.sidebar-header[data-v-1c82e900]{display:flex}}.sidebar-header[data-v-1c82e900]>*{display:flex}.sidebar-header[data-v-1c82e900]>a{text-decoration:none}.sidebar-header[data-v-1c82e900]>a:focus-visible{outline:1px solid #A3B6D9;outline:1px solid var(--steel-300, #A3B6D9);border-radius:4px}.sidebar-header[data-v-1c82e900]:after{content:"";display:block;background-image:linear-gradient(#003496,rgba(120,120,84,0));height:16px;margin-bottom:-16px;position:absolute;bottom:0;left:0;z-index:1;width:100%}.sidebar-top[data-v-1c82e900]{display:flex;align-items:center;margin:0 0 16px;padding:0 8px;color:#fff;user-select:none}.external-profile-dropdown-link[data-v-1c82e900] button.k-dropdown-item-trigger{padding:0!important}.external-profile-dropdown-link[data-v-1c82e900] button.k-dropdown-item-trigger:focus-visible{outline:none}.sidebar-item-external-link[data-v-1c82e900]{display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:1.3;text-decoration:none}.sidebar-item-external-link[data-v-1c82e900]:focus-visible{outline:1px solid #A3B6D9!important;outline:1px solid var(--steel-300, #A3B6D9)!important}.external-profile-dropdown-link .sidebar-item-external-link[data-v-1c82e900]{padding:var(--spacing-md) var(--spacing-lg)}.sidebar-item-external-link[data-v-1c82e900] .kong-icon{display:inline-flex;margin-bottom:-7px}.kong-ui-app-sidebar-overlay[data-v-1c82e900]{position:fixed;top:var(--d82cea1a);bottom:0;left:0;right:0;background-color:#0b172d99;z-index:var(--827243cc)}@media (min-width: 768px){.kong-ui-app-sidebar-overlay[data-v-1c82e900]{display:none!important}}.kong-ui-app-sidebar .level-primary,.kong-ui-app-sidebar .level-secondary{margin:0;padding:0;list-style:none}.kong-ui-app-sidebar .level-primary{display:flex;flex-direction:column;padding:0 8px}.kong-ui-app-sidebar .level-primary:last-of-type{margin-bottom:32px}body.kong-ui-app-sidebar-open{overflow:hidden}@media (min-width: 768px){body.kong-ui-app-sidebar-open{overflow:auto}}.sidebar-menu-toggle[data-v-e9d81dd5]{position:relative;padding:0 4px;border-radius:3px;transition:all .3s ease-in-out}.sidebar-menu-toggle[data-v-e9d81dd5]:focus-visible{outline:1px solid #1155cb;outline:1px solid var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb))}@media (min-width: 768px){.sidebar-menu-toggle[data-v-e9d81dd5]{display:none}}.sidebar-menu-toggle .line[data-v-e9d81dd5]{display:block;width:24px;height:2px;border-radius:4px;background-color:#1155cb;background-color:var(--kong-ui-app-sidebar-mobile-icon-color, var(--blue-500, #1155cb));margin:6px auto;transition:all .3s ease-in-out}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(2){opacity:0}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(1){transform:translateY(8px) rotate(45deg)}.sidebar-menu-toggle.active .line[data-v-e9d81dd5]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.kong-ui-app-layout-html,.kong-ui-app-layout-body,.kong-ui-app-sidebar,.kong-ui-app-navbar{--font-family-sans: Inter, Helvetica, Arial, sans-serif;--font-family-mono: Fira Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--font-weight-normal: 400;--KInputLabelWeight: 600;--KongAuthFontFamily: Inter, Helvetica, Arial, sans-serif;--KongAuthFontWeight: 400}html.kong-ui-app-layout-html{font-size:10px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.kong-ui-app-layout-html,body.kong-ui-app-layout-body{margin:0;padding:0;width:100%;overscroll-behavior-y:none}body.kong-ui-app-layout-body{background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color:#0b172d;color:var(--black-500, #0b172d);line-height:1.5}#app{height:100%}.kong-auth-element{--font-family-sans: Inter, Helvetica, Arial, sans-serif !important}.kong-auth-element .kong-auth-login-form .alert.danger .k-alert-msg{white-space:pre-line}.kong-ui-app-layout[data-v-67bfc889]{display:flex;flex-direction:column;width:100%;height:100%;position:relative;font-family:Inter,Helvetica,Arial,sans-serif;background-color:#003694;overflow:hidden}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo{display:flex;align-items:center}@media (min-width: 768px){.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo{display:none}}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo>*{display:flex;align-items:center}.kong-ui-app-layout[data-v-67bfc889] .kong-ui-app-navbar .mobile-logo a{text-decoration:none}.kong-ui-app-layout .kong-ui-app-layout-main[data-v-67bfc889]{display:flex;align-items:flex-start;flex-grow:1;width:100%;height:100%;margin-top:var(--edf7479a);background-color:#f8f8fa;background-color:var(--grey-100, #f8f8fa)}@media (min-width: 768px){.kong-ui-app-layout .kong-ui-app-layout-main[data-v-67bfc889]{width:calc(100% - 240px);margin-left:240px}}.kong-ui-app-layout .kong-ui-app-layout-main.full-width[data-v-67bfc889]{margin-left:0}.kong-ui-app-layout .kong-ui-app-layout-main .kong-ui-app-layout-content[data-v-67bfc889]{position:relative;width:100%;padding:16px;padding:var(--kong-ui-app-layout-content-padding, 16px)}.kong-ui-app-layout.navbar-hidden .kong-ui-app-layout-main[data-v-67bfc889]{margin-top:0}.kong-ui-app-layout.sidebar-hidden .kong-ui-app-layout-main[data-v-67bfc889]{width:100%;margin-left:0}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-67bfc889]{position:fixed;top:0;left:0;right:0;z-index:1}.kong-ui-app-layout #kong-ui-app-layout-notification[data-v-67bfc889] .k-alert{border-radius:0!important}.top-bar-dropdown-menu[data-v-b5a37136]{display:flex;margin-right:4px}.kong-ui-app-error[data-v-aaa5c166]{display:flex;flex-direction:column;align-items:center;margin:32px auto 0;padding-bottom:48px;border-top:3px solid #169fcc;border-top:3px solid var(--teal-300, #169fcc);background-color:#fff;width:100%}@media (min-width: 640px){.kong-ui-app-error[data-v-aaa5c166]{width:80%}}@media (min-width: 1024px){.kong-ui-app-error[data-v-aaa5c166]{max-width:840px}}.kong-ui-app-error .banana-icon[data-v-aaa5c166]{margin:32px auto 24px;animation-delay:.75s}.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{padding:0 16px;opacity:0;animation:.75s cubic-bezier(.785,.135,.15,.86) forwards fadeIn-aaa5c166}@media (min-width: 768px){.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{padding:0 36px}}@media (prefers-reduced-motion){.kong-ui-app-error .kong-ui-app-error-content[data-v-aaa5c166]{animation:none;opacity:1}}@keyframes fadeIn-aaa5c166{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.kong-ui-app-error .kong-ui-app-error-content{color:#6f7787;color:var(--grey-500, #6f7787);font-size:16px;text-align:center}.kong-ui-app-error .kong-ui-app-error-content h1,.kong-ui-app-error .kong-ui-app-error-content h2,.kong-ui-app-error .kong-ui-app-error-content h3,.kong-ui-app-error .kong-ui-app-error-content h4{color:#0b172d;color:var(--black-500, #0b172d);margin-top:0;margin-bottom:16px;font-size:32px;font-weight:600}.external-link .kong-icon-externalLink svg path{fill:currentColor}.external-link[data-v-8368fd0f]{display:flex;align-items:center;text-decoration:none}.external-link .kong-icon-externalLink svg[data-v-8368fd0f]{margin-left:8px}.external-link .ml-mb-auto[data-v-8368fd0f]{margin-left:auto;margin-bottom:auto}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong-ui-public/app-layout",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/app-layout.umd.js",
|
|
6
6
|
"module": "./dist/app-layout.es.js",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"access": "public"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@kong/kongponents": "^8.
|
|
23
|
+
"@kong/kongponents": "^8.20.0",
|
|
24
24
|
"vue": "^3.2.45",
|
|
25
25
|
"vue-router": "^4.1.6"
|
|
26
26
|
},
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"lodash.clonedeep": "^4.5.0"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@kong/kongponents": "^8.
|
|
33
|
+
"@kong/kongponents": "^8.20.0",
|
|
34
34
|
"@types/lodash.clonedeep": "^4.5.7",
|
|
35
35
|
"vue": "^3.2.45",
|
|
36
36
|
"vue-router": "^4.1.6"
|