@kong-ui-public/dashboard-renderer 0.23.8 → 0.23.9

package/dist/dashboard-renderer.es.js

@@ -2110,11 +2110,13 @@ const Yn = {
   },
   setup(e) {
     H((s) => ({
-      "13009fee": e.gridSize.cols,
-      c934c2be: a.value
+      cfb759a4: e.gridSize.cols,
+      "208951e1": a.value
     }));
     const t = e, r = v(null), i = v(0), n = new ResizeObserver((s) => {
-      i.value = s[0].contentRect.width;
+      window.requestAnimationFrame(() => {
+        !Array.isArray(s) || !s.length || (i.value = s[0].contentRect.width);
+      });
     });
     Je(() => {
       r.value && n.observe(r.value);
@@ -2153,7 +2155,7 @@ const Yn = {
       ], 6))), 128))
     ], 512));
   }
-}), oi = /* @__PURE__ */ D(ai, [["__scopeId", "data-v-04f865ab"]]), si = { class: "kong-ui-public-dashboard-renderer" }, li = {
+}), oi = /* @__PURE__ */ D(ai, [["__scopeId", "data-v-056142a9"]]), si = { class: "kong-ui-public-dashboard-renderer" }, li = {
   key: 0,
   class: "tile-container"
 }, ci = /* @__PURE__ */ E({

package/dist/dashboard-renderer.umd.js

@@ -2,4 +2,4 @@
 
 `+e.mark.snippet),o+" "+r):o}function B(e,t){Error.call(this),this.name="YAMLException",this.reason=e,this.mark=t,this.message=qe(this,!1),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack||""}B.prototype=Object.create(Error.prototype),B.prototype.constructor=B,B.prototype.toString=function(e){return this.name+": "+qe(this,e)};var I=B,Ft=["kind","multi","resolve","construct","instanceOf","predicate","represent","representName","defaultStyle","styleAliases"],Ut=["scalar","sequence","mapping"];function zt(e){var t={};return e!==null&&Object.keys(e).forEach(function(r){e[r].forEach(function(o){t[String(o)]=r})}),t}function Pt(e,t){if(t=t||{},Object.keys(t).forEach(function(r){if(Ft.indexOf(r)===-1)throw new I('Unknown option "'+r+'" is met in definition of "'+e+'" YAML type.')}),this.options=t,this.tag=e,this.kind=t.kind||null,this.resolve=t.resolve||function(){return!0},this.construct=t.construct||function(r){return r},this.instanceOf=t.instanceOf||null,this.predicate=t.predicate||null,this.represent=t.represent||null,this.representName=t.representName||null,this.defaultStyle=t.defaultStyle||null,this.multi=t.multi||!1,this.styleAliases=zt(t.styleAliases||null),Ut.indexOf(this.kind)===-1)throw new I('Unknown kind "'+this.kind+'" is specified for "'+e+'" YAML type.')}var _=Pt;function Re(e,t){var r=[];return e[t].forEach(function(o){var i=r.length;r.forEach(function(a,s){a.tag===o.tag&&a.kind===o.kind&&a.multi===o.multi&&(i=s)}),r[i]=o}),r}function Ht(){var e={scalar:{},sequence:{},mapping:{},fallback:{},multi:{scalar:[],sequence:[],mapping:[],fallback:[]}},t,r;function o(i){i.multi?(e.multi[i.kind].push(i),e.multi.fallback.push(i)):e[i.kind][i.tag]=e.fallback[i.tag]=i}for(t=0,r=arguments.length;t<r;t+=1)arguments[t].forEach(o);return e}function Y(e){return this.extend(e)}Y.prototype.extend=function(e){var t=[],r=[];if(e instanceof _)r.push(e);else if(Array.isArray(e))r=r.concat(e);else if(e&&(Array.isArray(e.implicit)||Array.isArray(e.explicit)))e.implicit&&(t=t.concat(e.implicit)),e.explicit&&(r=r.concat(e.explicit));else throw new I("Schema.extend argument should be a Type, [ Type ], or a schema definition ({ implicit: [...], explicit: [...] })");t.forEach(function(i){if(!(i instanceof _))throw new I("Specified list of YAML types (or a single Type object) contains a non-Type object.");if(i.loadKind&&i.loadKind!=="scalar")throw new I("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.");if(i.multi)throw new I("There is a multi type in the implicit list of a schema. Multi tags can only be listed as explicit.")}),r.forEach(function(i){if(!(i instanceof _))throw new I("Specified list of YAML types (or a single Type object) contains a non-Type object.")});var o=Object.create(Y.prototype);return o.implicit=(this.implicit||[]).concat(t),o.explicit=(this.explicit||[]).concat(r),o.compiledImplicit=Re(o,"implicit"),o.compiledExplicit=Re(o,"explicit"),o.compiledTypeMap=Ht(o.compiledImplicit,o.compiledExplicit),o};var Kt=Y,Mt=new _("tag:yaml.org,2002:str",{kind:"scalar",construct:function(e){return e!==null?e:""}}),Gt=new _("tag:yaml.org,2002:seq",{kind:"sequence",construct:function(e){return e!==null?e:[]}}),Yt=new _("tag:yaml.org,2002:map",{kind:"mapping",construct:function(e){return e!==null?e:{}}}),Zt=new Kt({explicit:[Mt,Gt,Yt]});function Qt(e){if(e===null)return!0;var t=e.length;return t===1&&e==="~"||t===4&&(e==="null"||e==="Null"||e==="NULL")}function Wt(){return null}function Jt(e){return e===null}var Xt=new _("tag:yaml.org,2002:null",{kind:"scalar",resolve:Qt,construct:Wt,predicate:Jt,represent:{canonical:function(){return"~"},lowercase:function(){return"null"},uppercase:function(){return"NULL"},camelcase:function(){return"Null"},empty:function(){return""}},defaultStyle:"lowercase"});function er(e){if(e===null)return!1;var t=e.length;return t===4&&(e==="true"||e==="True"||e==="TRUE")||t===5&&(e==="false"||e==="False"||e==="FALSE")}function tr(e){return e==="true"||e==="True"||e==="TRUE"}function rr(e){return Object.prototype.toString.call(e)==="[object Boolean]"}var nr=new _("tag:yaml.org,2002:bool",{kind:"scalar",resolve:er,construct:tr,predicate:rr,represent:{lowercase:function(e){return e?"true":"false"},uppercase:function(e){return e?"TRUE":"FALSE"},camelcase:function(e){return e?"True":"False"}},defaultStyle:"lowercase"});function ir(e){return 48<=e&&e<=57||65<=e&&e<=70||97<=e&&e<=102}function or(e){return 48<=e&&e<=55}function ar(e){return 48<=e&&e<=57}function sr(e){if(e===null)return!1;var t=e.length,r=0,o=!1,i;if(!t)return!1;if(i=e[r],(i==="-"||i==="+")&&(i=e[++r]),i==="0"){if(r+1===t)return!0;if(i=e[++r],i==="b"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(i!=="0"&&i!=="1")return!1;o=!0}return o&&i!=="_"}if(i==="x"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(!ir(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}if(i==="o"){for(r++;r<t;r++)if(i=e[r],i!=="_"){if(!or(e.charCodeAt(r)))return!1;o=!0}return o&&i!=="_"}}if(i==="_")return!1;for(;r<t;r++)if(i=e[r],i!=="_"){if(!ar(e.charCodeAt(r)))return!1;o=!0}return!(!o||i==="_")}function cr(e){var t=e,r=1,o;if(t.indexOf("_")!==-1&&(t=t.replace(/_/g,"")),o=t[0],(o==="-"||o==="+")&&(o==="-"&&(r=-1),t=t.slice(1),o=t[0]),t==="0")return 0;if(o==="0"){if(t[1]==="b")return r*parseInt(t.slice(2),2);if(t[1]==="x")return r*parseInt(t.slice(2),16);if(t[1]==="o")return r*parseInt(t.slice(2),8)}return r*parseInt(t,10)}function lr(e){return Object.prototype.toString.call(e)==="[object Number]"&&e%1===0&&!G.isNegativeZero(e)}var ur=new _("tag:yaml.org,2002:int",{kind:"scalar",resolve:sr,construct:cr,predicate:lr,represent:{binary:function(e){return e>=0?"0b"+e.toString(2):"-0b"+e.toString(2).slice(1)},octal:function(e){return e>=0?"0o"+e.toString(8):"-0o"+e.toString(8).slice(1)},decimal:function(e){return e.toString(10)},hexadecimal:function(e){return e>=0?"0x"+e.toString(16).toUpperCase():"-0x"+e.toString(16).toUpperCase().slice(1)}},defaultStyle:"decimal",styleAliases:{binary:[2,"bin"],octal:[8,"oct"],decimal:[10,"dec"],hexadecimal:[16,"hex"]}}),pr=new RegExp("^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$");function dr(e){return!(e===null||!pr.test(e)||e[e.length-1]==="_")}function yr(e){var t,r;return t=e.replace(/_/g,"").toLowerCase(),r=t[0]==="-"?-1:1,"+-".indexOf(t[0])>=0&&(t=t.slice(1)),t===".inf"?r===1?Number.POSITIVE_INFINITY:Number.NEGATIVE_INFINITY:t===".nan"?NaN:r*parseFloat(t,10)}var fr=/^[-+]?[0-9]+e/;function mr(e,t){var r;if(isNaN(e))switch(t){case"lowercase":return".nan";case"uppercase":return".NAN";case"camelcase":return".NaN"}else if(Number.POSITIVE_INFINITY===e)switch(t){case"lowercase":return".inf";case"uppercase":return".INF";case"camelcase":return".Inf"}else if(Number.NEGATIVE_INFINITY===e)switch(t){case"lowercase":return"-.inf";case"uppercase":return"-.INF";case"camelcase":return"-.Inf"}else if(G.isNegativeZero(e))return"-0.0";return r=e.toString(10),fr.test(r)?r.replace("e",".e"):r}function hr(e){return Object.prototype.toString.call(e)==="[object Number]"&&(e%1!==0||G.isNegativeZero(e))}var gr=new _("tag:yaml.org,2002:float",{kind:"scalar",resolve:dr,construct:yr,predicate:hr,represent:mr,defaultStyle:"lowercase"}),_r=Zt.extend({implicit:[Xt,nr,ur,gr]}),br=_r,Le=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"),Oe=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$");function kr(e){return e===null?!1:Le.exec(e)!==null||Oe.exec(e)!==null}function wr(e){var t,r,o,i,a,s,c,p=0,u=null,m,l,h;if(t=Le.exec(e),t===null&&(t=Oe.exec(e)),t===null)throw new Error("Date resolve error");if(r=+t[1],o=+t[2]-1,i=+t[3],!t[4])return new Date(Date.UTC(r,o,i));if(a=+t[4],s=+t[5],c=+t[6],t[7]){for(p=t[7].slice(0,3);p.length<3;)p+="0";p=+p}return t[9]&&(m=+t[10],l=+(t[11]||0),u=(m*60+l)*6e4,t[9]==="-"&&(u=-u)),h=new Date(Date.UTC(r,o,i,a,s,c,p)),u&&h.setTime(h.getTime()-u),h}function Sr(e){return e.toISOString()}var Tr=new _("tag:yaml.org,2002:timestamp",{kind:"scalar",resolve:kr,construct:wr,instanceOf:Date,represent:Sr});function Er(e){return e==="<<"||e===null}var vr=new _("tag:yaml.org,2002:merge",{kind:"scalar",resolve:Er}),Z=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;function Cr(e){if(e===null)return!1;var t,r,o=0,i=e.length,a=Z;for(r=0;r<i;r++)if(t=a.indexOf(e.charAt(r)),!(t>64)){if(t<0)return!1;o+=6}return o%8===0}function Ir(e){var t,r,o=e.replace(/[\r\n=]/g,""),i=o.length,a=Z,s=0,c=[];for(t=0;t<i;t++)t%4===0&&t&&(c.push(s>>16&255),c.push(s>>8&255),c.push(s&255)),s=s<<6|a.indexOf(o.charAt(t));return r=i%4*6,r===0?(c.push(s>>16&255),c.push(s>>8&255),c.push(s&255)):r===18?(c.push(s>>10&255),c.push(s>>2&255)):r===12&&c.push(s>>4&255),new Uint8Array(c)}function xr(e){var t="",r=0,o,i,a=e.length,s=Z;for(o=0;o<a;o++)o%3===0&&o&&(t+=s[r>>18&63],t+=s[r>>12&63],t+=s[r>>6&63],t+=s[r&63]),r=(r<<8)+e[o];return i=a%3,i===0?(t+=s[r>>18&63],t+=s[r>>12&63],t+=s[r>>6&63],t+=s[r&63]):i===2?(t+=s[r>>10&63],t+=s[r>>4&63],t+=s[r<<2&63],t+=s[64]):i===1&&(t+=s[r>>2&63],t+=s[r<<4&63],t+=s[64],t+=s[64]),t}function Ar(e){return Object.prototype.toString.call(e)==="[object Uint8Array]"}var Nr=new _("tag:yaml.org,2002:binary",{kind:"scalar",resolve:Cr,construct:Ir,predicate:Ar,represent:xr}),qr=Object.prototype.hasOwnProperty,Rr=Object.prototype.toString;function Lr(e){if(e===null)return!0;var t=[],r,o,i,a,s,c=e;for(r=0,o=c.length;r<o;r+=1){if(i=c[r],s=!1,Rr.call(i)!=="[object Object]")return!1;for(a in i)if(qr.call(i,a))if(!s)s=!0;else return!1;if(!s)return!1;if(t.indexOf(a)===-1)t.push(a);else return!1}return!0}function Or(e){return e!==null?e:[]}var Dr=new _("tag:yaml.org,2002:omap",{kind:"sequence",resolve:Lr,construct:Or}),Br=Object.prototype.toString;function jr(e){if(e===null)return!0;var t,r,o,i,a,s=e;for(a=new Array(s.length),t=0,r=s.length;t<r;t+=1){if(o=s[t],Br.call(o)!=="[object Object]"||(i=Object.keys(o),i.length!==1))return!1;a[t]=[i[0],o[i[0]]]}return!0}function Vr(e){if(e===null)return[];var t,r,o,i,a,s=e;for(a=new Array(s.length),t=0,r=s.length;t<r;t+=1)o=s[t],i=Object.keys(o),a[t]=[i[0],o[i[0]]];return a}var $r=new _("tag:yaml.org,2002:pairs",{kind:"sequence",resolve:jr,construct:Vr}),Fr=Object.prototype.hasOwnProperty;function Ur(e){if(e===null)return!0;var t,r=e;for(t in r)if(Fr.call(r,t)&&r[t]!==null)return!1;return!0}function zr(e){return e!==null?e:{}}var Pr=new _("tag:yaml.org,2002:set",{kind:"mapping",resolve:Ur,construct:zr});br.extend({implicit:[Tr,vr],explicit:[Nr,Dr,$r,Pr]});function De(e){return e===48?"\0":e===97?"\x07":e===98?"\b":e===116||e===9?"	":e===110?`
-`:e===118?"\v":e===102?"\f":e===114?"\r":e===101?"\x1B":e===32?" ":e===34?'"':e===47?"/":e===92?"\\":e===78?"…":e===95?" ":e===76?"\u2028":e===80?"\u2029":""}for(var Hr=new Array(256),Kr=new Array(256),q=0;q<256;q++)Hr[q]=De(q)?1:0,Kr[q]=De(q);const Be="24px",Mr=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Gr=e=>(n.pushScopeId("data-v-a3352b0f"),e=e(),n.popScopeId(),e),Yr=["aria-hidden"],Zr={key:0,"data-testid":"kui-icon-svg-title"},Qr=Gr(()=>n.createElementVNode("path",{d:"M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",fill:"currentColor"},null,-1)),Wr=n.defineComponent({__name:"CopyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:Be,validator:e=>{if(typeof e=="number"&&e>0)return!0;if(typeof e=="string"){const t=String(e).replace(/px/gi,""),r=Number(t);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(e){const t=e,r=n.computed(()=>{if(typeof t.size=="number"&&t.size>0)return`${t.size}px`;if(typeof t.size=="string"){const i=String(t.size).replace(/px/gi,""),a=Number(i);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return`${a}px`}return Be}),o=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,height:r.value,lineHeight:"0",width:r.value}));return(i,a)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.as),{"aria-hidden":e.decorative?"true":void 0,class:"kui-icon copy-icon","data-testid":"kui-icon-wrapper-copy-icon",style:n.normalizeStyle(o.value)},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":e.decorative?"true":void 0,"data-testid":"kui-icon-svg-copy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[e.title?(n.openBlock(),n.createElementBlock("title",Zr,n.toDisplayString(e.title),1)):n.createCommentVNode("",!0),Qr],8,Yr))]),_:1},8,["aria-hidden","style"]))}}),Jr=Mr(Wr,[["__scopeId","data-v-a3352b0f"]]),Xr=[];for(let e=0;e<256;++e)Xr.push((e+256).toString(16).slice(1));typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const en={class:"kong-ui-public-entity-link","data-testid":"entity-link-parent"},tn={key:0,class:"deleted-entity"},rn={key:1},nn=["onClick"],on=n.defineComponent({__name:"EntityLink",props:{entityLinkData:{type:Object,required:!0},externalLink:{type:String,required:!1,default:""},newWindow:{type:Boolean,required:!1,default:!1},allowCopy:{type:Boolean,required:!1,default:!1}},setup(e){const t=e,r=n.ref(),{isTruncated:o}=Ae.useTruncationDetector(r),{i18n:{t:i}}=Ae.useI18n(),a=i("global.actions.copyId"),s=n.ref(a),c=n.computed(()=>t.entityLinkData.deleted??!1),p=n.computed(()=>{var l;return(l=t.entityLinkData.id)!=null&&l.toString().includes(":")?t.entityLinkData.id.toString().split(":")[1]:t.entityLinkData.id}),u=n.computed(()=>{var l;return`${(l=p.value)==null?void 0:l.toString().slice(0,5)} (deleted)`}),m=async l=>{await l(p.value||"")&&(s.value=i("global.actions.copyToClipboard"),setTimeout(()=>{s.value=a},1800))};return(l,h)=>{const y=n.resolveComponent("KTooltip"),S=n.resolveComponent("KExternalLink"),g=n.resolveComponent("KClipboardProvider");return n.openBlock(),n.createElementBlock("div",en,[c.value?(n.openBlock(),n.createElementBlock("div",tn,n.toDisplayString(u.value),1)):p.value?p.value?(n.openBlock(),n.createBlock(S,{key:2,class:"entity-link","hide-icon":!e.newWindow,href:e.externalLink,target:e.newWindow?"_blank":"_self"},{default:n.withCtx(()=>[n.createVNode(y,{text:n.unref(o)&&e.entityLinkData.label||""},{default:n.withCtx(()=>[n.createElementVNode("span",{ref_key:"textContent",ref:r,class:"entity-link-label"},n.toDisplayString(e.entityLinkData.label),513)]),_:1},8,["text"])]),_:1},8,["hide-icon","href","target"])):n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",rn,n.toDisplayString(" – "))),p.value&&e.allowCopy?(n.openBlock(),n.createBlock(y,{key:s.value,class:"copy-uuid-tooltip","max-width":"160",placement:"bottom-end",text:s.value},{default:n.withCtx(()=>[n.createVNode(g,null,{default:n.withCtx(({copyToClipboard:v})=>[n.createElementVNode("span",{class:"entity-link-copy-id",onClick:n.withModifiers(R=>m(v),["stop"])},[n.createVNode(n.unref(Jr),{class:"copy-icon",color:n.unref(It),"data-testid":"copy-id",size:n.unref(xt)},null,8,["color","size"])],8,nn)]),_:1})]),_:1},8,["text"])):n.createCommentVNode("",!0)])}}}),an=Ct(on,[["__scopeId","data-v-60e3ef7c"]]),sn=n.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){const t=e,r=o=>{var i;if((i=t.chartOptions)!=null&&i.entityLink)if(o.id.includes(":")){const[a,s]=o.id.split(":");return t.chartOptions.entityLink.replace(ee,a).replace(K,s)}else return t.chartOptions.entityLink.replace(K,o.id);return""};return(o,i)=>(n.openBlock(),n.createBlock(F,{context:o.context,query:o.query,"query-ready":o.queryReady},{default:n.withCtx(({data:a})=>[n.createVNode(n.unref(E.TopNTable),{data:a,description:o.chartOptions.description,"synthetics-data-key":o.chartOptions.syntheticsDataKey,title:o.chartOptions.chartTitle||""},n.createSlots({_:2},[t.chartOptions.entityLink?{name:"name",fn:n.withCtx(({record:s})=>[n.createVNode(n.unref(an),{"entity-link-data":{id:s.id,label:s.name,deleted:s.deleted},"external-link":r(s)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),cn={class:"tile-boundary"},ln=C(n.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170},queryReady:{type:Boolean}},setup(e){n.useCssVars(a=>({58871060:`${a.height}px`}));const t=parseInt(_e,10),r=e,o={[b.TimeseriesLine]:Qe,[b.HorizontalBar]:ge,[b.VerticalBar]:ge,[b.Gauge]:Ge,[b.GoldenSignals]:Je,[b.TopN]:sn,[b.Slottable]:void 0},i=n.computed(()=>{const a=o[r.definition.chart.type];return a&&{component:a,rendererProps:{query:r.definition.query,context:r.context,queryReady:r.queryReady,chartOptions:r.definition.chart,height:r.height-t*2}}});return(a,s)=>(n.openBlock(),n.createElementBlock("div",cn,[i.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.value.component),n.normalizeProps(n.mergeProps({key:0},i.value.rendererProps)),null,16)):n.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-69b5e552"]]),un=(e,t,r)=>{const o=new Map;r.forEach(a=>{const s=a.layout.position.row,c=o.get(s),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;c===void 0?o.set(s,p):o.set(s,c&&p)});const i=[];for(let a=0;a<e;a++)o.get(a)?i.push("auto"):i.push(`${t}px`);return i},je=C(n.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>170},tiles:{type:Array,required:!0}},setup(e){n.useCssVars(c=>({"13009fee":e.gridSize.cols,c934c2be:a.value}));const t=e,r=n.ref(null),o=n.ref(0),i=new ResizeObserver(c=>{o.value=c[0].contentRect.width});n.onMounted(()=>{r.value&&i.observe(r.value)}),n.onUnmounted(()=>{r.value&&i.unobserve(r.value)});const a=n.computed(()=>{var p;return un((p=t.gridSize)==null?void 0:p.rows,t.tileHeight,t.tiles).join(" ")}),s=n.computed(()=>t.tiles.map((c,p)=>({key:`tile-${p}`,tile:c,style:{"grid-column-start":c.layout.position.col+1,"grid-column-end":c.layout.position.col+1+c.layout.size.cols,"grid-row-start":c.layout.position.row+1,"grid-row-end":c.layout.position.row+1+c.layout.size.rows}})));return(c,p)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:r,class:"kong-ui-public-grid-layout"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.value,u=>(n.openBlock(),n.createElementBlock("div",{key:u.key,class:n.normalizeClass(["grid-cell",{"empty-cell":!u.tile}]),style:n.normalizeStyle(u.style)},[n.renderSlot(c.$slots,"tile",{style:n.normalizeStyle(u.style),tile:u.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-04f865ab"]]),pn={class:"kong-ui-public-dashboard-renderer"},dn={key:0,class:"tile-container"},yn=C(n.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(e){const t=e,{i18n:r}=he.useI18n(),o=n.inject(H);o||(console.warn("Analytics dashboards require a query bridge supplied via provide / inject."),console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"),console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));const i=$e.useAnalyticsConfigStore(),a=n.computed(()=>t.context.timeSpec?t.context.timeSpec:{type:"relative",time_range:i.defaultQueryTimeForOrg}),s=n.computed(()=>!!t.context.timeSpec||!i.loading),c=n.computed(()=>t.config.tiles.map((u,m)=>{var h;let l=u.definition;if("description"in l.chart){const y=(h=l.chart.description)==null?void 0:h.replace(te,()=>{const g=`renderer.trendRange.${a.value.type==="absolute"?"custom":a.value.time_range}`;return r.te(g)?r.t(g):""});l={...l,chart:{...l.chart,description:y}}}return{layout:u.layout,meta:l,id:m}})),p=n.computed(()=>{let{tz:u,refreshInterval:m}=t.context;return u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),m===void 0&&(m=3e4),{...t.context,tz:u,timeSpec:a.value,refreshInterval:m}});return(u,m)=>{const l=n.resolveComponent("KAlert");return n.openBlock(),n.createElementBlock("div",pn,[n.unref(o)?(n.openBlock(),n.createBlock(je,{key:1,"grid-size":u.config.gridSize,"tile-height":u.config.tileHeight,tiles:c.value},{tile:n.withCtx(({tile:h})=>[h.meta.chart.type===n.unref(b).Slottable?(n.openBlock(),n.createElementBlock("div",dn,[n.renderSlot(u.$slots,h.meta.chart.id,{},void 0,!0)])):(n.openBlock(),n.createBlock(ln,{key:1,class:"tile-container",context:p.value,definition:h.meta,height:h.layout.size.rows*(u.config.tileHeight||n.unref(170))+parseInt(n.unref(_e),10),"query-ready":s.value},null,8,["context","definition","height","query-ready"]))]),_:3},8,["grid-size","tile-height","tiles"])):(n.openBlock(),n.createBlock(l,{key:0,appearance:"danger"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-2dd03268"]]);d.CP_ID_TOKEN=ee,d.ChartTypes=b,d.DEFAULT_TILE_HEIGHT=170,d.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,d.DashboardRenderer=yn,d.ENTITY_ID_TOKEN=K,d.GridLayout=je,d.INJECT_QUERY_PROVIDER=H,d.TIMEFRAME_TOKEN=te,d.barChartSchema=oe,d.dashboardConfigSchema=Fe,d.exploreV4QuerySchema=ue,d.gaugeChartSchema=se,d.metricCardSchema=le,d.slottableSchema=ie,d.tileConfigSchema=fe,d.tileDefinitionSchema=de,d.tileLayoutSchema=ye,d.timeseriesChartSchema=ae,d.topNTableSchema=ce,d.validDashboardQuery=pe,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+`:e===118?"\v":e===102?"\f":e===114?"\r":e===101?"\x1B":e===32?" ":e===34?'"':e===47?"/":e===92?"\\":e===78?"…":e===95?" ":e===76?"\u2028":e===80?"\u2029":""}for(var Hr=new Array(256),Kr=new Array(256),q=0;q<256;q++)Hr[q]=De(q)?1:0,Kr[q]=De(q);const Be="24px",Mr=(e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;return r},Gr=e=>(n.pushScopeId("data-v-a3352b0f"),e=e(),n.popScopeId(),e),Yr=["aria-hidden"],Zr={key:0,"data-testid":"kui-icon-svg-title"},Qr=Gr(()=>n.createElementVNode("path",{d:"M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5ZM9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16Z",fill:"currentColor"},null,-1)),Wr=n.defineComponent({__name:"CopyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:Be,validator:e=>{if(typeof e=="number"&&e>0)return!0;if(typeof e=="string"){const t=String(e).replace(/px/gi,""),r=Number(t);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(e){const t=e,r=n.computed(()=>{if(typeof t.size=="number"&&t.size>0)return`${t.size}px`;if(typeof t.size=="string"){const i=String(t.size).replace(/px/gi,""),a=Number(i);if(a&&!isNaN(a)&&Number.isInteger(a)&&a>0)return`${a}px`}return Be}),o=n.computed(()=>({boxSizing:"border-box",color:t.color,display:t.display,height:r.value,lineHeight:"0",width:r.value}));return(i,a)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.as),{"aria-hidden":e.decorative?"true":void 0,class:"kui-icon copy-icon","data-testid":"kui-icon-wrapper-copy-icon",style:n.normalizeStyle(o.value)},{default:n.withCtx(()=>[(n.openBlock(),n.createElementBlock("svg",{"aria-hidden":e.decorative?"true":void 0,"data-testid":"kui-icon-svg-copy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[e.title?(n.openBlock(),n.createElementBlock("title",Zr,n.toDisplayString(e.title),1)):n.createCommentVNode("",!0),Qr],8,Yr))]),_:1},8,["aria-hidden","style"]))}}),Jr=Mr(Wr,[["__scopeId","data-v-a3352b0f"]]),Xr=[];for(let e=0;e<256;++e)Xr.push((e+256).toString(16).slice(1));typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const en={class:"kong-ui-public-entity-link","data-testid":"entity-link-parent"},tn={key:0,class:"deleted-entity"},rn={key:1},nn=["onClick"],on=n.defineComponent({__name:"EntityLink",props:{entityLinkData:{type:Object,required:!0},externalLink:{type:String,required:!1,default:""},newWindow:{type:Boolean,required:!1,default:!1},allowCopy:{type:Boolean,required:!1,default:!1}},setup(e){const t=e,r=n.ref(),{isTruncated:o}=Ae.useTruncationDetector(r),{i18n:{t:i}}=Ae.useI18n(),a=i("global.actions.copyId"),s=n.ref(a),c=n.computed(()=>t.entityLinkData.deleted??!1),p=n.computed(()=>{var l;return(l=t.entityLinkData.id)!=null&&l.toString().includes(":")?t.entityLinkData.id.toString().split(":")[1]:t.entityLinkData.id}),u=n.computed(()=>{var l;return`${(l=p.value)==null?void 0:l.toString().slice(0,5)} (deleted)`}),m=async l=>{await l(p.value||"")&&(s.value=i("global.actions.copyToClipboard"),setTimeout(()=>{s.value=a},1800))};return(l,h)=>{const y=n.resolveComponent("KTooltip"),S=n.resolveComponent("KExternalLink"),g=n.resolveComponent("KClipboardProvider");return n.openBlock(),n.createElementBlock("div",en,[c.value?(n.openBlock(),n.createElementBlock("div",tn,n.toDisplayString(u.value),1)):p.value?p.value?(n.openBlock(),n.createBlock(S,{key:2,class:"entity-link","hide-icon":!e.newWindow,href:e.externalLink,target:e.newWindow?"_blank":"_self"},{default:n.withCtx(()=>[n.createVNode(y,{text:n.unref(o)&&e.entityLinkData.label||""},{default:n.withCtx(()=>[n.createElementVNode("span",{ref_key:"textContent",ref:r,class:"entity-link-label"},n.toDisplayString(e.entityLinkData.label),513)]),_:1},8,["text"])]),_:1},8,["hide-icon","href","target"])):n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",rn,n.toDisplayString(" – "))),p.value&&e.allowCopy?(n.openBlock(),n.createBlock(y,{key:s.value,class:"copy-uuid-tooltip","max-width":"160",placement:"bottom-end",text:s.value},{default:n.withCtx(()=>[n.createVNode(g,null,{default:n.withCtx(({copyToClipboard:v})=>[n.createElementVNode("span",{class:"entity-link-copy-id",onClick:n.withModifiers(R=>m(v),["stop"])},[n.createVNode(n.unref(Jr),{class:"copy-icon",color:n.unref(It),"data-testid":"copy-id",size:n.unref(xt)},null,8,["color","size"])],8,nn)]),_:1})]),_:1},8,["text"])):n.createCommentVNode("",!0)])}}}),an=Ct(on,[["__scopeId","data-v-60e3ef7c"]]),sn=n.defineComponent({__name:"TopNTableRenderer",props:{query:{},context:{},queryReady:{type:Boolean},chartOptions:{},height:{}},setup(e){const t=e,r=o=>{var i;if((i=t.chartOptions)!=null&&i.entityLink)if(o.id.includes(":")){const[a,s]=o.id.split(":");return t.chartOptions.entityLink.replace(ee,a).replace(K,s)}else return t.chartOptions.entityLink.replace(K,o.id);return""};return(o,i)=>(n.openBlock(),n.createBlock(F,{context:o.context,query:o.query,"query-ready":o.queryReady},{default:n.withCtx(({data:a})=>[n.createVNode(n.unref(E.TopNTable),{data:a,description:o.chartOptions.description,"synthetics-data-key":o.chartOptions.syntheticsDataKey,title:o.chartOptions.chartTitle||""},n.createSlots({_:2},[t.chartOptions.entityLink?{name:"name",fn:n.withCtx(({record:s})=>[n.createVNode(n.unref(an),{"entity-link-data":{id:s.id,label:s.name,deleted:s.deleted},"external-link":r(s)},null,8,["entity-link-data","external-link"])]),key:"0"}:void 0]),1032,["data","description","synthetics-data-key","title"])]),_:1},8,["context","query","query-ready"]))}}),cn={class:"tile-boundary"},ln=C(n.defineComponent({__name:"DashboardTile",props:{definition:{},context:{},height:{default:170},queryReady:{type:Boolean}},setup(e){n.useCssVars(a=>({58871060:`${a.height}px`}));const t=parseInt(_e,10),r=e,o={[b.TimeseriesLine]:Qe,[b.HorizontalBar]:ge,[b.VerticalBar]:ge,[b.Gauge]:Ge,[b.GoldenSignals]:Je,[b.TopN]:sn,[b.Slottable]:void 0},i=n.computed(()=>{const a=o[r.definition.chart.type];return a&&{component:a,rendererProps:{query:r.definition.query,context:r.context,queryReady:r.queryReady,chartOptions:r.definition.chart,height:r.height-t*2}}});return(a,s)=>(n.openBlock(),n.createElementBlock("div",cn,[i.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.value.component),n.normalizeProps(n.mergeProps({key:0},i.value.rendererProps)),null,16)):n.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-69b5e552"]]),un=(e,t,r)=>{const o=new Map;r.forEach(a=>{const s=a.layout.position.row,c=o.get(s),p=a.layout.size.rows===1&&!!a.layout.size.fitToContent;c===void 0?o.set(s,p):o.set(s,c&&p)});const i=[];for(let a=0;a<e;a++)o.get(a)?i.push("auto"):i.push(`${t}px`);return i},je=C(n.defineComponent({__name:"GridLayout",props:{gridSize:{type:Object,required:!0},tileHeight:{type:Number,required:!1,default:()=>170},tiles:{type:Array,required:!0}},setup(e){n.useCssVars(c=>({cfb759a4:e.gridSize.cols,"208951e1":a.value}));const t=e,r=n.ref(null),o=n.ref(0),i=new ResizeObserver(c=>{window.requestAnimationFrame(()=>{!Array.isArray(c)||!c.length||(o.value=c[0].contentRect.width)})});n.onMounted(()=>{r.value&&i.observe(r.value)}),n.onUnmounted(()=>{r.value&&i.unobserve(r.value)});const a=n.computed(()=>{var p;return un((p=t.gridSize)==null?void 0:p.rows,t.tileHeight,t.tiles).join(" ")}),s=n.computed(()=>t.tiles.map((c,p)=>({key:`tile-${p}`,tile:c,style:{"grid-column-start":c.layout.position.col+1,"grid-column-end":c.layout.position.col+1+c.layout.size.cols,"grid-row-start":c.layout.position.row+1,"grid-row-end":c.layout.position.row+1+c.layout.size.rows}})));return(c,p)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"gridContainer",ref:r,class:"kong-ui-public-grid-layout"},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(s.value,u=>(n.openBlock(),n.createElementBlock("div",{key:u.key,class:n.normalizeClass(["grid-cell",{"empty-cell":!u.tile}]),style:n.normalizeStyle(u.style)},[n.renderSlot(c.$slots,"tile",{style:n.normalizeStyle(u.style),tile:u.tile},void 0,!0)],6))),128))],512))}}),[["__scopeId","data-v-056142a9"]]),pn={class:"kong-ui-public-dashboard-renderer"},dn={key:0,class:"tile-container"},yn=C(n.defineComponent({__name:"DashboardRenderer",props:{context:{},config:{}},setup(e){const t=e,{i18n:r}=he.useI18n(),o=n.inject(H);o||(console.warn("Analytics dashboards require a query bridge supplied via provide / inject."),console.warn("Please ensure your application has a query bridge provided under the key 'analytics-query-provider', as described in"),console.warn("https://github.com/Kong/public-ui-components/blob/main/packages/analytics/dashboard-renderer/README.md#requirements"));const i=$e.useAnalyticsConfigStore(),a=n.computed(()=>t.context.timeSpec?t.context.timeSpec:{type:"relative",time_range:i.defaultQueryTimeForOrg}),s=n.computed(()=>!!t.context.timeSpec||!i.loading),c=n.computed(()=>t.config.tiles.map((u,m)=>{var h;let l=u.definition;if("description"in l.chart){const y=(h=l.chart.description)==null?void 0:h.replace(te,()=>{const g=`renderer.trendRange.${a.value.type==="absolute"?"custom":a.value.time_range}`;return r.te(g)?r.t(g):""});l={...l,chart:{...l.chart,description:y}}}return{layout:u.layout,meta:l,id:m}})),p=n.computed(()=>{let{tz:u,refreshInterval:m}=t.context;return u||(u=new Intl.DateTimeFormat().resolvedOptions().timeZone),m===void 0&&(m=3e4),{...t.context,tz:u,timeSpec:a.value,refreshInterval:m}});return(u,m)=>{const l=n.resolveComponent("KAlert");return n.openBlock(),n.createElementBlock("div",pn,[n.unref(o)?(n.openBlock(),n.createBlock(je,{key:1,"grid-size":u.config.gridSize,"tile-height":u.config.tileHeight,tiles:c.value},{tile:n.withCtx(({tile:h})=>[h.meta.chart.type===n.unref(b).Slottable?(n.openBlock(),n.createElementBlock("div",dn,[n.renderSlot(u.$slots,h.meta.chart.id,{},void 0,!0)])):(n.openBlock(),n.createBlock(ln,{key:1,class:"tile-container",context:p.value,definition:h.meta,height:h.layout.size.rows*(u.config.tileHeight||n.unref(170))+parseInt(n.unref(_e),10),"query-ready":s.value},null,8,["context","definition","height","query-ready"]))]),_:3},8,["grid-size","tile-height","tiles"])):(n.openBlock(),n.createBlock(l,{key:0,appearance:"danger"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(n.unref(r).t("renderer.noQueryBridge")),1)]),_:1}))])}}}),[["__scopeId","data-v-2dd03268"]]);d.CP_ID_TOKEN=ee,d.ChartTypes=b,d.DEFAULT_TILE_HEIGHT=170,d.DEFAULT_TILE_REFRESH_INTERVAL_MS=3e4,d.DashboardRenderer=yn,d.ENTITY_ID_TOKEN=K,d.GridLayout=je,d.INJECT_QUERY_PROVIDER=H,d.TIMEFRAME_TOKEN=te,d.barChartSchema=oe,d.dashboardConfigSchema=Fe,d.exploreV4QuerySchema=ue,d.gaugeChartSchema=se,d.metricCardSchema=le,d.slottableSchema=ie,d.tileConfigSchema=fe,d.tileDefinitionSchema=de,d.tileLayoutSchema=ye,d.timeseriesChartSchema=ae,d.topNTableSchema=ce,d.validDashboardQuery=pe,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.locked[data-v-6f3c97d3]{cursor:move}.tooltip-container[data-v-6f3c97d3]{background-color:#fff;border-radius:3px;box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6f3c97d3]{border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;margin:8px;min-height:24px;padding-bottom:8px}.tooltip-container .tooltip-title .title[data-v-6f3c97d3]{font-size:14px;font-weight:600}.tooltip-container .tooltip-title .subtitle[data-v-6f3c97d3]{font-size:12px;margin-top:8px}.tooltip-container .tooltip-title .drag-icon[data-v-6f3c97d3]{margin-top:6px;position:absolute;right:0;top:0}ul.tooltip[data-v-6f3c97d3]{list-style:none;margin:0;max-height:300px;min-width:250px;overflow-y:auto;padding-left:0;-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-width:auto}ul.tooltip[data-v-6f3c97d3] ::-webkit-scrollbar{width:8px}ul.tooltip[data-v-6f3c97d3] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-6f3c97d3] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}ul.tooltip li[data-v-6f3c97d3]{display:flex;font-size:14px;line-height:1;margin:8px}ul.tooltip li[data-v-6f3c97d3]:last-child{padding-bottom:8px}ul.tooltip .display-label[data-v-6f3c97d3]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-6f3c97d3]{margin-left:auto;padding-left:8px;white-space:nowrap}ul.tooltip .square-marker[data-v-6f3c97d3]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;width:12px}.legend-container[data-v-8fde695b]{display:flex;margin:6px 0 0;max-height:inherit;overflow-x:hidden;overflow-y:auto;padding-left:0;-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-width:auto}.legend-container[data-v-8fde695b] ::-webkit-scrollbar{width:8px}.legend-container[data-v-8fde695b] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8fde695b] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.legend-container.vertical[data-v-8fde695b]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-8fde695b]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8fde695b]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8fde695b]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-8fde695b]{display:none}}.legend-container.horizontal[data-v-8fde695b]{column-gap:12px;display:grid;height:var(--08f2eb89);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8fde695b]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8fde695b]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8fde695b]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8fde695b]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8fde695b]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8fde695b]{font-size:12px}.legend-container li .sub-label[data-v-8fde695b]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8fde695b]{text-decoration:line-through}.chart-parent[data-v-f12411e4]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-f12411e4]{flex-direction:column}.chart-parent.column .chart-container[data-v-f12411e4]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-f12411e4]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-f12411e4]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-f12411e4]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-f12411e4]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-f12411e4]{flex:1 1 auto;position:relative}.chart-container[data-v-f12411e4]{overflow:auto;-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-width:auto}.chart-container[data-v-f12411e4] ::-webkit-scrollbar{width:8px}.chart-container[data-v-f12411e4] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-f12411e4] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.chart-container .chart-body[data-v-f12411e4]{height:100%}.chart-container[data-v-f12411e4]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.chart-container[data-v-f12411e4]::-webkit-scrollbar{width:10px}.chart-container[data-v-f12411e4]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.axis[data-v-f12411e4]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-f12411e4]{background-color:#3a3f51;color:#fff;padding:4px 8px;position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-f12411e4]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-07ea8b82]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-07ea8b82]{flex-direction:column}.chart-parent.column .chart-container[data-v-07ea8b82]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-07ea8b82]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-07ea8b82]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-07ea8b82]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-07ea8b82]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-07ea8b82]{flex:1 1 auto;position:relative}.chart-parent[data-v-206a4c39]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-206a4c39]{flex-direction:column}.chart-parent.column .chart-container[data-v-206a4c39]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-206a4c39]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-206a4c39]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-206a4c39]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-206a4c39]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-206a4c39]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-824df029],.simple-chart-shell[data-v-824df029]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-824df029],.simple-chart-shell .chart-empty-state[data-v-824df029]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-824df029]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-824df029]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-824df029]{padding:20px 0 16px}.analytics-chart-shell .chart-header[data-v-824df029]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-824df029]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-824df029]{display:flex;margin-left:auto;margin-right:0}.analytics-chart-shell .chart-title[data-v-824df029]{font-size:16px;font-weight:600}.analytics-chart-shell .tooltip[data-v-824df029]{display:flex;margin-left:12px;margin-top:2px}.chart-parent[data-v-5871cb7a]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5871cb7a]{flex-direction:column}.chart-parent.column .chart-container[data-v-5871cb7a]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5871cb7a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5871cb7a]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5871cb7a]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5871cb7a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5871cb7a]{flex:1 1 auto;position:relative}.chart-parent[data-v-5871cb7a]{height:auto;margin:0;padding:0;width:auto}.chart-parent .chart-container[data-v-5871cb7a]{margin:0;max-height:100px;max-width:100px;padding:0}.chart-parent .chart-totals-flex[data-v-5871cb7a]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-5871cb7a]{font-size:20px;font-weight:500;line-height:28px}.chart-parent .chart-totals-flex .metric-small[data-v-5871cb7a]{color:#6c7489;font-size:10px;font-weight:400;line-height:12px}.analytics-chart-shell[data-v-cb92de46],.simple-chart-shell[data-v-cb92de46]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-cb92de46],.simple-chart-shell .chart-empty-state[data-v-cb92de46]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-cb92de46]{margin:0;padding:0}.simple-chart-shell .chart-empty-state[data-v-cb92de46]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-cb92de46] .empty-state-title{font-size:12px;line-height:16px;margin:0}.kong-ui-public-top-n-table[data-v-80a3b24a]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-80a3b24a]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-80a3b24a] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-80a3b24a] .card-content{overflow-y:auto;-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-80a3b24a] .card-content ::-webkit-scrollbar{width:8px}.kong-ui-public-top-n-table[data-v-80a3b24a] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-80a3b24a] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.kong-ui-public-top-n-table .top-n-table[data-v-80a3b24a]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-80a3b24a]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-80a3b24a]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-80a3b24a]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-80a3b24a]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-80a3b24a]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-80a3b24a]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-80a3b24a]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-80a3b24a],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-80a3b24a]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-80a3b24a]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-80a3b24a] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-a3d795a4]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-a3d795a4]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-a3d795a4]{height:100%;justify-content:space-evenly}}.metricscard[data-v-a3d795a4]:hover{border:none;text-decoration:none}.metricscard-title[data-v-a3d795a4]{align-items:center;color:#000933;color:var(--kong-ui-metric-card-title, #000933);display:flex;flex-direction:row;font-size:14px;font-weight:500;line-height:16px;margin:0}.metricscard-title.sm[data-v-a3d795a4]{font-size:12px}.metricscard-title.md[data-v-a3d795a4]{font-size:14px;font-weight:600}.metricscard-title.lg[data-v-a3d795a4],.metricscard-title.xl[data-v-a3d795a4]{font-size:14px}.metricscard-description[data-v-a3d795a4]{color:#afb7c5;color:var(--kong-ui-metric-card-value, #afb7c5);font-size:12px;line-height:16px;margin-top:10px}.metricscard-icon[data-v-a3d795a4]{margin-right:4px}.metricscard-value[data-v-a3d795a4]{color:#000933;color:var(--kong-ui-metric-card-value, #000933);display:flex;flex-direction:row;font-size:24px;font-weight:600;justify-content:space-between;line-height:32px}.metricscard-value.sm[data-v-a3d795a4]{font-size:14px;line-height:24px}.metricscard-value.xl[data-v-a3d795a4]{font-size:48px}.metricscard-valuetrend[data-v-a3d795a4]{display:flex;flex-direction:column;row-gap:12px}.metricscard-valuetrend.is-compact[data-v-a3d795a4]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0}.metricscard-trend[data-v-a3d795a4]{align-items:center;column-gap:8px;display:flex}.metricscard-trend-change[data-v-a3d795a4]{align-items:center;border-radius:4px;display:flex;flex-direction:row;font-size:12px;font-weight:600;padding:4px 8px}.metricscard-trend-change .kui-icon[data-v-a3d795a4]{margin-right:4px}.metricscard-trend-change.positive[data-v-a3d795a4]{background-color:#ecfffb;background-color:var(--kong-ui-metric-card-trend-bg-positive, #ecfffb);color:#007d60;color:var(--kong-ui-metric-card-trend-positive, #007d60)}.metricscard-trend-change.negative[data-v-a3d795a4]{background-color:#ffe5e5;background-color:var(--kong-ui-metric-card-trend-bg-negative, #ffe5e5);color:#ad000e;color:var(--kong-ui-metric-card-trend-negative, #ad000e)}.metricscard-trend-change.neutral[data-v-a3d795a4]{background-color:#e0e4ea;background-color:var(--kong-ui-metric-card-trend-bg-neutral, #e0e4ea);color:#52596e;color:var(--kong-ui-metric-card-trend-neutral, #52596e)}.metricscard-trend-range[data-v-a3d795a4]{color:#000933;font-size:12px}.metricscard-tooltip[data-v-a3d795a4]{display:inline-flex;margin:auto 0 auto 4px;vertical-align:middle}.metricscard-error[data-v-a3d795a4]{align-items:center;color:#3a3f51;display:flex;flex-direction:row;font-size:12px;margin-top:8px}.metricscard-error .kong-icon-warning[data-v-a3d795a4]{margin-right:12px}.metricscard.active .metricscard-tooltip[data-v-a3d795a4]{pointer-events:all}.loading-tabs[data-v-f7eb9c40]{display:flex;flex-direction:column}.loading-tabs-large[data-v-f7eb9c40]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-f7eb9c40]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-f7eb9c40]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-f7eb9c40]{width:auto}}.kong-ui-public-metric-card-container[data-v-d3a810e0]{background-color:transparent;background-color:var(--kong-ui-metric-card-background, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-d3a810e0]{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:12px}.kong-ui-public-metric-card-container .container-title .container-description[data-v-d3a810e0]{color:#6c7489;font-size:12px;font-weight:400}.kong-ui-public-metric-card-container .cards-wrapper[data-v-d3a810e0]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-d3a810e0]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-d3a810e0]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-d3a810e0]{align-items:center;display:flex;justify-content:center;margin:auto}.kong-ui-public-metric-card-container .error-display-icon[data-v-d3a810e0]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-d3a810e0]{color:#6c7489;font-size:14px;margin-left:12px}.analytics-chart[data-v-f0f6ed41]{height:var(--8c62ff26)}.analytics-chart[data-v-36598a1b]{height:var(--1eed717c)}.analytics-chart[data-v-ceb07ca8]{height:var(--4efa9c90)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-6d704e9d]{align-items:center;display:flex;height:100%}}.metric-card-tile-wrapper[data-v-6d704e9d] .kong-ui-public-metric-card-container{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-6d704e9d] .kong-ui-public-metric-card-container .metricscard:not(:last-of-type){border-right:1px solid #e0e4ea}}.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-d268261c]{align-items:center;border-bottom:var(--dc1d91a8);display:var(--59ccec5f);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-d268261c]{width:var(--29318fbe)}.config-card-details-row .config-card-details-label label[data-v-d268261c]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-d268261c]{width:var(--292d0408)}.config-card-details-row .config-card-details-value .truncated[data-v-d268261c]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-d268261c]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-d268261c] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-d268261c]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-d268261c]{margin-right:4px}.config-card-details-row[data-v-d268261c] .k-label{margin-bottom:0}.config-card-details-row[data-v-d268261c] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-d268261c] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 6px 12px}.json-endpoint .k-badge{height:24px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0}.json-endpoint code{direction:rtl;max-width:var(--4520e3ec);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-2052238b]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-f40a683b]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-f40a683b]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-f40a683b]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-f40a683b] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-f40a683b]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-fd05df8e]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-fd05df8e]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-fd05df8e] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-fd05df8e] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-fd05df8e] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-fd05df8e] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-fd05df8e] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-fd05df8e] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-940ccab7]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-940ccab7]{margin-left:auto}.kong-ui-entity-base-table .actions-container[data-v-940ccab7]{float:right}.kong-ui-entity-base-table .actions-container[data-v-940ccab7] .k-dropdown-item-trigger{margin-bottom:0;margin-top:0}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-94990087]{width:100%}.kong-ui-entity-filter-clear[data-v-94990087]{cursor:pointer}.kong-ui-entity-filter[data-v-94990087]{display:flex;position:relative}.kong-ui-entity-filter[data-v-94990087] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-94990087] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-94990087]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-94990087]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-94990087]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-94990087]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-94990087]{color:#232633}.menu-item-expand-icon[data-v-94990087]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-94990087]{transform:rotate(180deg)}.menu-item-indicator[data-v-94990087]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-94990087]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-94990087] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-94990087] .k-input{width:100%}.menu-item-body[data-v-94990087] .k-select-input .input{font-size:12px}.menu-item-body[data-v-94990087] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-94990087]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-94990087]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-94990087]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.tile-boundary[data-v-69b5e552]{height:var(--58871060)}.kong-ui-public-grid-layout[data-v-04f865ab]{display:grid;gap:20px;grid-template-columns:repeat(var(--13009fee),1fr);grid-template-rows:var(--c934c2be);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-04f865ab]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-04f865ab]{height:auto!important;left:auto!important;position:relative;top:auto!important;transform:none!important;width:auto!important}.kong-ui-public-grid-layout .grid-cell[data-v-04f865ab]:not(:first-child){margin-top:20px}.kong-ui-public-grid-layout .empty-cell[data-v-04f865ab]{display:none}}.kong-ui-public-dashboard-renderer .tile-container[data-v-2dd03268]{border:1px solid #e0e4ea;border-radius:4px;height:100%;padding:20px}
+.locked[data-v-6f3c97d3]{cursor:move}.tooltip-container[data-v-6f3c97d3]{background-color:#fff;border-radius:3px;box-shadow:0 5px 15px #0000001f,0 5px 10px #0000003d;max-width:425px;min-width:250px;position:absolute;transition:all .2s cubic-bezier(.25,.8,.25,1);z-index:999}.tooltip-container .tooltip-title[data-v-6f3c97d3]{border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;margin:8px;min-height:24px;padding-bottom:8px}.tooltip-container .tooltip-title .title[data-v-6f3c97d3]{font-size:14px;font-weight:600}.tooltip-container .tooltip-title .subtitle[data-v-6f3c97d3]{font-size:12px;margin-top:8px}.tooltip-container .tooltip-title .drag-icon[data-v-6f3c97d3]{margin-top:6px;position:absolute;right:0;top:0}ul.tooltip[data-v-6f3c97d3]{list-style:none;margin:0;max-height:300px;min-width:250px;overflow-y:auto;padding-left:0;-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-width:auto}ul.tooltip[data-v-6f3c97d3] ::-webkit-scrollbar{width:8px}ul.tooltip[data-v-6f3c97d3] ::-webkit-scrollbar-track{background:transparent}ul.tooltip[data-v-6f3c97d3] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}ul.tooltip li[data-v-6f3c97d3]{display:flex;font-size:14px;line-height:1;margin:8px}ul.tooltip li[data-v-6f3c97d3]:last-child{padding-bottom:8px}ul.tooltip .display-label[data-v-6f3c97d3]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.tooltip .display-value[data-v-6f3c97d3]{margin-left:auto;padding-left:8px;white-space:nowrap}ul.tooltip .square-marker[data-v-6f3c97d3]{display:inline-flex;flex-direction:row;height:12px;margin-right:6px;width:12px}.legend-container[data-v-8fde695b]{display:flex;margin:6px 0 0;max-height:inherit;overflow-x:hidden;overflow-y:auto;padding-left:0;-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-width:auto}.legend-container[data-v-8fde695b] ::-webkit-scrollbar{width:8px}.legend-container[data-v-8fde695b] ::-webkit-scrollbar-track{background:transparent}.legend-container[data-v-8fde695b] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.legend-container.vertical[data-v-8fde695b]{flex-direction:column;justify-content:flex-start;max-height:90%;max-width:15%;min-width:10%;padding-left:12px;row-gap:16px}.legend-container.vertical .truncate-label[data-v-8fde695b]{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.vertical li .legend[data-v-8fde695b]{margin-top:4px}@media (max-width: 767px){.legend-container.vertical[data-v-8fde695b]{column-gap:12px;display:grid;grid-template-columns:repeat(auto-fit,12ch);height:40px;justify-content:center;max-width:99%!important}.legend-container.vertical .sub-label[data-v-8fde695b]{display:none}}.legend-container.horizontal[data-v-8fde695b]{column-gap:12px;display:grid;height:var(--08f2eb89);justify-content:center;width:99%}.legend-container.horizontal .truncate-label[data-v-8fde695b]{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-container.horizontal li[data-v-8fde695b]{align-items:center;margin-top:0}.legend-container.horizontal li .label[data-v-8fde695b]{line-height:24px;white-space:nowrap}.legend-container li[data-v-8fde695b]{align-items:start;cursor:pointer;display:flex;line-height:1}.legend-container li .square-marker[data-v-8fde695b]{height:8px;margin:0 6px 0 0;width:8px}.legend-container li .label[data-v-8fde695b]{font-size:12px}.legend-container li .sub-label[data-v-8fde695b]{font-size:12px;line-height:16px;word-break:none}.legend-container li .strike-through[data-v-8fde695b]{text-decoration:line-through}.chart-parent[data-v-f12411e4]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-f12411e4]{flex-direction:column}.chart-parent.column .chart-container[data-v-f12411e4]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-f12411e4]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-f12411e4]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-f12411e4]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-f12411e4]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-f12411e4]{flex:1 1 auto;position:relative}.chart-container[data-v-f12411e4]{overflow:auto;-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-width:auto}.chart-container[data-v-f12411e4] ::-webkit-scrollbar{width:8px}.chart-container[data-v-f12411e4] ::-webkit-scrollbar-track{background:transparent}.chart-container[data-v-f12411e4] ::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.chart-container .chart-body[data-v-f12411e4]{height:100%}.chart-container[data-v-f12411e4]::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}.chart-container[data-v-f12411e4]::-webkit-scrollbar{width:10px}.chart-container[data-v-f12411e4]::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.axis[data-v-f12411e4]{left:0;pointer-events:none;position:absolute;top:0;z-index:99}.axis-tooltip[data-v-f12411e4]{background-color:#3a3f51;color:#fff;padding:4px 8px;position:absolute;width:max-content;z-index:100}.tooltip-boundary[data-v-f12411e4]{height:100%;left:0;position:relative;top:0;width:100%}.chart-parent[data-v-07ea8b82]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-07ea8b82]{flex-direction:column}.chart-parent.column .chart-container[data-v-07ea8b82]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-07ea8b82]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-07ea8b82]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-07ea8b82]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-07ea8b82]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-07ea8b82]{flex:1 1 auto;position:relative}.chart-parent[data-v-206a4c39]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-206a4c39]{flex-direction:column}.chart-parent.column .chart-container[data-v-206a4c39]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-206a4c39]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-206a4c39]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-206a4c39]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-206a4c39]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-206a4c39]{flex:1 1 auto;position:relative}.kong-ui-public-csv-export-modal .modal-container{min-width:580px}.kong-ui-public-csv-export-modal .modal-container .selected-range{font-size:14px}.kong-ui-public-csv-export-modal .modal-container .text-muted{color:#00000073!important;font-size:14px}.kong-ui-public-csv-export-modal .modal-container .vitals-table{font-size:14px;margin-bottom:20px;margin-top:6px;width:100%}.kong-ui-public-csv-export-modal .modal-container .k-table thead{border-top:1px solid #e0e4ea;height:auto}.kong-ui-public-csv-export-modal .modal-container .modal-footer .vitals-report-export-button{display:inline-flex}.analytics-chart-shell[data-v-824df029],.simple-chart-shell[data-v-824df029]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-824df029],.simple-chart-shell .chart-empty-state[data-v-824df029]{display:flex;flex-direction:column;height:100%;justify-content:center}.analytics-chart-shell[data-v-824df029]{height:100%;width:100%}.analytics-chart-shell .analytics-chart-parent[data-v-824df029]{height:inherit;width:inherit}.analytics-chart-shell .chart-empty-state[data-v-824df029]{padding:20px 0 16px}.analytics-chart-shell .chart-header[data-v-824df029]{align-items:center;display:flex;justify-content:flex-start;padding-bottom:16px}.analytics-chart-shell .chart-header .chart-header-icons-wrapper[data-v-824df029]{display:flex;justify-content:end}.analytics-chart-shell .chart-header .chart-export-button[data-v-824df029]{display:flex;margin-left:auto;margin-right:0}.analytics-chart-shell .chart-title[data-v-824df029]{font-size:16px;font-weight:600}.analytics-chart-shell .tooltip[data-v-824df029]{display:flex;margin-left:12px;margin-top:2px}.chart-parent[data-v-5871cb7a]{align-items:center;display:flex;height:inherit;justify-content:space-evenly;position:relative;width:inherit}.chart-parent.column[data-v-5871cb7a]{flex-direction:column}.chart-parent.column .chart-container[data-v-5871cb7a]{max-height:calc(100% - 48px);width:100%}.chart-parent.legend-row[data-v-5871cb7a]{flex-direction:row}.chart-parent.legend-row .chart-container[data-v-5871cb7a]{height:100%;width:90%}@media (max-width: 767px){.chart-parent.legend-row .chart-container[data-v-5871cb7a]{max-height:calc(100% - 48px)!important;width:100%!important}}@media (max-width: 767px){.chart-parent.legend-row[data-v-5871cb7a]{display:flex;flex-wrap:wrap}}.chart-parent .chart-container[data-v-5871cb7a]{flex:1 1 auto;position:relative}.chart-parent[data-v-5871cb7a]{height:auto;margin:0;padding:0;width:auto}.chart-parent .chart-container[data-v-5871cb7a]{margin:0;max-height:100px;max-width:100px;padding:0}.chart-parent .chart-totals-flex[data-v-5871cb7a]{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center;padding:24px 0 0;position:absolute;width:100px;z-index:2}.chart-parent .chart-totals-flex .metric-large[data-v-5871cb7a]{font-size:20px;font-weight:500;line-height:28px}.chart-parent .chart-totals-flex .metric-small[data-v-5871cb7a]{color:#6c7489;font-size:10px;font-weight:400;line-height:12px}.analytics-chart-shell[data-v-cb92de46],.simple-chart-shell[data-v-cb92de46]{border-radius:4px;display:flex;flex-direction:column}.analytics-chart-shell .chart-empty-state[data-v-cb92de46],.simple-chart-shell .chart-empty-state[data-v-cb92de46]{display:flex;flex-direction:column;height:100%;justify-content:center}.simple-chart-shell[data-v-cb92de46]{margin:0;padding:0}.simple-chart-shell .chart-empty-state[data-v-cb92de46]{display:flex;flex-direction:column;height:100px;justify-content:center;width:100px}.simple-chart-shell .chart-empty-state[data-v-cb92de46] .empty-state-title{font-size:12px;line-height:16px;margin:0}.kong-ui-public-top-n-table[data-v-80a3b24a]{border:none!important;height:100%;padding:0!important}.kong-ui-public-top-n-table .top-n-card-description[data-v-80a3b24a]{color:#6c7489;font-size:12px;text-align:right}.kong-ui-public-top-n-table[data-v-80a3b24a] .k-card-actions{align-self:baseline;display:flex;line-height:22px}.kong-ui-public-top-n-table[data-v-80a3b24a] .card-content{overflow-y:auto;-ms-overflow-style:thin;scrollbar-color:#e0e4ea transparent;scrollbar-width:auto}.kong-ui-public-top-n-table[data-v-80a3b24a] .card-content ::-webkit-scrollbar{width:8px}.kong-ui-public-top-n-table[data-v-80a3b24a] .card-content ::-webkit-scrollbar-track{background:transparent}.kong-ui-public-top-n-table[data-v-80a3b24a] .card-content ::-webkit-scrollbar-thumb{background-color:#e0e4ea;border-radius:10px}.kong-ui-public-top-n-table .top-n-table[data-v-80a3b24a]{display:flex;flex-direction:column;max-height:100%;width:100%}.kong-ui-public-top-n-table .top-n-table .table-headings[data-v-80a3b24a]{flex-shrink:0;font-size:14px;font-weight:600;line-height:24px}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-80a3b24a]{align-self:stretch;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between}.kong-ui-public-top-n-table .top-n-table .table-row[data-v-80a3b24a]:last-of-type{border-bottom:none}.kong-ui-public-top-n-table .top-n-table .column-1[data-v-80a3b24a]{padding:0 24px 12px 0}.kong-ui-public-top-n-table .top-n-table .column-2[data-v-80a3b24a]{flex:1;max-width:110px;padding:0 0 12px}.kong-ui-public-top-n-table .top-n-table .table-body[data-v-80a3b24a]{overflow-y:auto}.kong-ui-public-top-n-table .top-n-table .table-body .table-row[data-v-80a3b24a]:first-of-type{border-top:1px solid #e0e4ea}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-80a3b24a],.kong-ui-public-top-n-table .top-n-table .table-body .column-2[data-v-80a3b24a]{padding-top:12px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-80a3b24a]{color:#3a3f51;font-size:14px}.kong-ui-public-top-n-table .top-n-table .table-body .column-1[data-v-80a3b24a] a{color:#0044f4;font-weight:700;text-decoration:none}.kong-ui-public-top-n-table.kong-card.border{border-radius:4px;padding:20px}.kong-ui-public-top-n-table.kong-card.border .k-card-header{align-items:baseline;margin-bottom:0!important}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title{margin-bottom:16px}.kong-ui-public-top-n-table.kong-card.border .k-card-header .k-card-title h4{font-size:16px;font-weight:600}.metricscard-tooltip,.trafficcard.active .metricscard-tooltip{pointer-events:all}.metricscard[data-v-a3d795a4]{display:flex;flex-direction:column;width:100%}@media (max-width: 767px){.metricscard[data-v-a3d795a4]{max-width:none;width:auto}}@media (min-width: 768px){.metricscard[data-v-a3d795a4]{height:100%;justify-content:space-evenly}}.metricscard[data-v-a3d795a4]:hover{border:none;text-decoration:none}.metricscard-title[data-v-a3d795a4]{align-items:center;color:#000933;color:var(--kong-ui-metric-card-title, #000933);display:flex;flex-direction:row;font-size:14px;font-weight:500;line-height:16px;margin:0}.metricscard-title.sm[data-v-a3d795a4]{font-size:12px}.metricscard-title.md[data-v-a3d795a4]{font-size:14px;font-weight:600}.metricscard-title.lg[data-v-a3d795a4],.metricscard-title.xl[data-v-a3d795a4]{font-size:14px}.metricscard-description[data-v-a3d795a4]{color:#afb7c5;color:var(--kong-ui-metric-card-value, #afb7c5);font-size:12px;line-height:16px;margin-top:10px}.metricscard-icon[data-v-a3d795a4]{margin-right:4px}.metricscard-value[data-v-a3d795a4]{color:#000933;color:var(--kong-ui-metric-card-value, #000933);display:flex;flex-direction:row;font-size:24px;font-weight:600;justify-content:space-between;line-height:32px}.metricscard-value.sm[data-v-a3d795a4]{font-size:14px;line-height:24px}.metricscard-value.xl[data-v-a3d795a4]{font-size:48px}.metricscard-valuetrend[data-v-a3d795a4]{display:flex;flex-direction:column;row-gap:12px}.metricscard-valuetrend.is-compact[data-v-a3d795a4]{align-items:center;flex-direction:row!important;justify-content:space-between;margin-top:0}.metricscard-trend[data-v-a3d795a4]{align-items:center;column-gap:8px;display:flex}.metricscard-trend-change[data-v-a3d795a4]{align-items:center;border-radius:4px;display:flex;flex-direction:row;font-size:12px;font-weight:600;padding:4px 8px}.metricscard-trend-change .kui-icon[data-v-a3d795a4]{margin-right:4px}.metricscard-trend-change.positive[data-v-a3d795a4]{background-color:#ecfffb;background-color:var(--kong-ui-metric-card-trend-bg-positive, #ecfffb);color:#007d60;color:var(--kong-ui-metric-card-trend-positive, #007d60)}.metricscard-trend-change.negative[data-v-a3d795a4]{background-color:#ffe5e5;background-color:var(--kong-ui-metric-card-trend-bg-negative, #ffe5e5);color:#ad000e;color:var(--kong-ui-metric-card-trend-negative, #ad000e)}.metricscard-trend-change.neutral[data-v-a3d795a4]{background-color:#e0e4ea;background-color:var(--kong-ui-metric-card-trend-bg-neutral, #e0e4ea);color:#52596e;color:var(--kong-ui-metric-card-trend-neutral, #52596e)}.metricscard-trend-range[data-v-a3d795a4]{color:#000933;font-size:12px}.metricscard-tooltip[data-v-a3d795a4]{display:inline-flex;margin:auto 0 auto 4px;vertical-align:middle}.metricscard-error[data-v-a3d795a4]{align-items:center;color:#3a3f51;display:flex;flex-direction:row;font-size:12px;margin-top:8px}.metricscard-error .kong-icon-warning[data-v-a3d795a4]{margin-right:12px}.metricscard.active .metricscard-tooltip[data-v-a3d795a4]{pointer-events:all}.loading-tabs[data-v-f7eb9c40]{display:flex;flex-direction:column}.loading-tabs-large[data-v-f7eb9c40]{padding:4px;row-gap:12px;width:240px}.loading-tabs-small[data-v-f7eb9c40]{padding:2px;row-gap:8px;width:120px}.loading-tabs-small .box[data-v-f7eb9c40]{height:12px}@media (max-width: 767px){.loading-tabs[data-v-f7eb9c40]{width:auto}}.kong-ui-public-metric-card-container[data-v-d3a810e0]{background-color:transparent;background-color:var(--kong-ui-metric-card-background, transparent);display:flex;flex-direction:column;justify-content:space-between;width:100%}.kong-ui-public-metric-card-container .container-title[data-v-d3a810e0]{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:12px}.kong-ui-public-metric-card-container .container-title .container-description[data-v-d3a810e0]{color:#6c7489;font-size:12px;font-weight:400}.kong-ui-public-metric-card-container .cards-wrapper[data-v-d3a810e0]{display:flex;flex-direction:row;flex-grow:1;column-gap:24px;row-gap:16px}@media (max-width: 767px){.kong-ui-public-metric-card-container .cards-wrapper[data-v-d3a810e0]{column-gap:16px;row-gap:16px;flex-direction:column}}.kong-ui-public-metric-card-container.sm[data-v-d3a810e0]{column-gap:0;row-gap:0}.kong-ui-public-metric-card-container .error-display[data-v-d3a810e0]{align-items:center;display:flex;justify-content:center;margin:auto}.kong-ui-public-metric-card-container .error-display-icon[data-v-d3a810e0]{display:flex}.kong-ui-public-metric-card-container .error-display-message[data-v-d3a810e0]{color:#6c7489;font-size:14px;margin-left:12px}.analytics-chart[data-v-f0f6ed41]{height:var(--8c62ff26)}.analytics-chart[data-v-36598a1b]{height:var(--1eed717c)}.analytics-chart[data-v-ceb07ca8]{height:var(--4efa9c90)}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-6d704e9d]{align-items:center;display:flex;height:100%}}.metric-card-tile-wrapper[data-v-6d704e9d] .kong-ui-public-metric-card-container{height:100%}@media (min-width: 767px){.metric-card-tile-wrapper[data-v-6d704e9d] .kong-ui-public-metric-card-container .metricscard:not(:last-of-type){border-right:1px solid #e0e4ea}}.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-d268261c]{align-items:center;border-bottom:var(--dc1d91a8);display:var(--59ccec5f);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-d268261c]{width:var(--29318fbe)}.config-card-details-row .config-card-details-label label[data-v-d268261c]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-d268261c]{width:var(--292d0408)}.config-card-details-row .config-card-details-value .truncated[data-v-d268261c]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-d268261c]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-d268261c] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-d268261c]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-d268261c]{margin-right:4px}.config-card-details-row[data-v-d268261c] .k-label{margin-bottom:0}.config-card-details-row[data-v-d268261c] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-d268261c] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 6px 12px}.json-endpoint .k-badge{height:24px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0}.json-endpoint code{direction:rtl;max-width:var(--4520e3ec);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-2052238b]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-f40a683b]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-f40a683b]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-f40a683b]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-f40a683b] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-f40a683b]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-fd05df8e]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-fd05df8e]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-fd05df8e] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-fd05df8e] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-fd05df8e] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-fd05df8e] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-fd05df8e] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-fd05df8e] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-940ccab7]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-940ccab7]{margin-left:auto}.kong-ui-entity-base-table .actions-container[data-v-940ccab7]{float:right}.kong-ui-entity-base-table .actions-container[data-v-940ccab7] .k-dropdown-item-trigger{margin-bottom:0;margin-top:0}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-94990087]{width:100%}.kong-ui-entity-filter-clear[data-v-94990087]{cursor:pointer}.kong-ui-entity-filter[data-v-94990087]{display:flex;position:relative}.kong-ui-entity-filter[data-v-94990087] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-94990087] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-94990087]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-94990087]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-94990087]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-94990087]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-94990087]{color:#232633}.menu-item-expand-icon[data-v-94990087]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-94990087]{transform:rotate(180deg)}.menu-item-indicator[data-v-94990087]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-94990087]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-94990087] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-94990087] .k-input{width:100%}.menu-item-body[data-v-94990087] .k-select-input .input{font-size:12px}.menu-item-body[data-v-94990087] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-94990087]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-94990087]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-94990087]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.tile-boundary[data-v-69b5e552]{height:var(--58871060)}.kong-ui-public-grid-layout[data-v-056142a9]{display:grid;gap:20px;grid-template-columns:repeat(var(--cfb759a4),1fr);grid-template-rows:var(--208951e1);width:100%}@media (max-width: 768px){.kong-ui-public-grid-layout[data-v-056142a9]{display:flex;flex-direction:column}.kong-ui-public-grid-layout .grid-cell[data-v-056142a9]{height:auto!important;left:auto!important;position:relative;top:auto!important;transform:none!important;width:auto!important}.kong-ui-public-grid-layout .grid-cell[data-v-056142a9]:not(:first-child){margin-top:20px}.kong-ui-public-grid-layout .empty-cell[data-v-056142a9]{display:none}}.kong-ui-public-dashboard-renderer .tile-container[data-v-2dd03268]{border:1px solid #e0e4ea;border-radius:4px;height:100%;padding:20px}

package/dist/types/components/layout/GridLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/GridLayout.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAQ,QAAQ,EAAE,MAAM,WAAW,CAAA;;;;;;WAgMlD,GAAG;;;;;;;;;;YApDiB,GAAG;;;yCAmDd,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;oBAAzC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;;;;;YApDiB,GAAG;;;;;;;;;;;;wBAmDd,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;;;;;;;gBApDiB,GAAG;;;;;AAvI9B,wBAgM2E"}
+{"version":3,"file":"GridLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/GridLayout.vue.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAQ,QAAQ,EAAE,MAAM,WAAW,CAAA;;;;;;WAuMlD,GAAG;;;;;;;;;;YApDiB,GAAG;;;yCAmDd,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;oBAAzC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;;;;;YApDiB,GAAG;;;;;;;;;;;;wBAmDd,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;;;;;;;;;gBApDiB,GAAG;;;;;AA9I9B,wBAuM2E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/dashboard-renderer",
-  "version": "0.23.8",
+  "version": "0.23.9",
   "type": "module",
   "main": "./dist/dashboard-renderer.umd.js",
   "module": "./dist/dashboard-renderer.es.js",
@@ -28,11 +28,11 @@
     "swrv": "^1.0.4",
     "vue": "^3.4.27",
     "@kong-ui-public/analytics-config-store": "^0.7.2",
-    "@kong-ui-public/analytics-chart": "^4.2.2",
+    "@kong-ui-public/analytics-metric-provider": "^8.0.7",
     "@kong-ui-public/analytics-utilities": "^4.1.1",
     "@kong-ui-public/i18n": "^2.2.2",
-    "@kong-ui-public/analytics-metric-provider": "^8.0.7",
-    "@kong-ui-public/sandbox-layout": "^2.1.9"
+    "@kong-ui-public/sandbox-layout": "^2.1.9",
+    "@kong-ui-public/analytics-chart": "^4.2.2"
   },
   "repository": {
     "type": "git",
@@ -58,13 +58,13 @@
     "@kong-ui-public/analytics-chart": "^4.2.2",
     "@kong-ui-public/analytics-config-store": "^0.7.2",
     "@kong-ui-public/analytics-metric-provider": "^8.0.7",
-    "@kong-ui-public/i18n": "^2.2.2",
-    "@kong-ui-public/analytics-utilities": "^4.1.1"
+    "@kong-ui-public/analytics-utilities": "^4.1.1",
+    "@kong-ui-public/i18n": "^2.2.2"
   },
   "dependencies": {
     "ajv": "^8.12.0",
-    "@kong-ui-public/entities-shared": "^3.3.11",
-    "@kong-ui-public/core": "^1.7.2"
+    "@kong-ui-public/core": "^1.7.2",
+    "@kong-ui-public/entities-shared": "^3.3.11"
   },
   "scripts": {
     "dev": "cross-env USE_SANDBOX=true vite",