@kong-ui-public/analytics-chart 5.0.10 → 5.0.11

package/dist/vitals-chart.es.js

@@ -19711,7 +19711,7 @@ const AD = { class: "kong-ui-public-csv-export-modal" }, RD = {
     return Me(f, () => {
       l.value++;
     }), (m, y) => {
-      const _ = Fe("KEmptyState"), w = Fe("KTable"), M = Fe("KButton"), T = Fe("KModal");
+      const _ = Fe("KEmptyState"), w = Fe("KTableData"), M = Fe("KButton"), T = Fe("KModal");
       return Z(), dt("div", AD, [
         Gt(T, {
           class: "vitals-report",
@@ -19732,10 +19732,10 @@ const AD = { class: "kong-ui-public-csv-export-modal" }, RD = {
                 ])) : Vt("", !0),
                 Gt(w, {
                   class: "vitals-table",
-                  "disable-pagination": "",
                   fetcher: g,
                   "fetcher-cache-key": String(l.value),
                   headers: ((k = f.value) == null ? void 0 : k.headers) || [],
+                  "hide-pagination": "",
                   "row-hover": !1,
                   sortable: !1
                 }, {

package/dist/vitals-chart.umd.js

@@ -40,4 +40,4 @@ License: MIT
 `&&O!=="\r"&&O!==`\r
 `&&(O=`
 `);var N=0,st=!1;this.parse=function(z,At,_t){if(typeof z!="string")throw new Error("Input must be a string");var H=z.length,L=S.length,B=O.length,V=A.length,U=T(F),Z=[],Y=[],W=[],et=N=0;if(!z)return Kt();if(b.header&&!At){var X=z.split(O)[0].split(S),wt=[],ct={},Wt=!1;for(var Mt in X){var mt=X[Mt];T(b.transformHeader)&&(mt=b.transformHeader(mt,Mt));var ie=mt,se=ct[mt]||0;for(0<se&&(Wt=!0,ie=mt+"_"+se),ct[mt]=se+1;wt.includes(ie);)ie=ie+"_"+se;wt.push(ie)}if(Wt){var me=z.split(O);me[0]=wt.join(S),z=me.join(O)}}if(G||G!==!1&&z.indexOf(_)===-1){for(var ve=z.split(O),re=0;re<ve.length;re++){if(W=ve[re],N+=W.length,re!==ve.length-1)N+=O.length;else if(_t)return Kt();if(!A||W.substring(0,V)!==A){if(U){if(Z=[],Ve(W.split(S)),ae(),st)return Kt()}else Ve(W.split(S));if(j&&j<=re)return Z=Z.slice(0,j),Kt(!0)}}return Kt()}for(var vt=z.indexOf(S,N),St=z.indexOf(O,N),Ye=new RegExp(x($)+x(_),"g"),pt=z.indexOf(_,N);;)if(z[N]!==_)if(A&&W.length===0&&z.substring(N,N+V)===A){if(St===-1)return Kt();N=St+B,St=z.indexOf(O,N),vt=z.indexOf(S,N)}else if(vt!==-1&&(vt<St||St===-1))W.push(z.substring(N,vt)),N=vt+L,vt=z.indexOf(S,N);else{if(St===-1)break;if(W.push(z.substring(N,St)),Me(St+B),U&&(ae(),st))return Kt();if(j&&Z.length>=j)return Kt(!0)}else for(pt=N,N++;;){if((pt=z.indexOf(_,pt+1))===-1)return _t||Y.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:Z.length,index:N}),ye();if(pt===H-1)return ye(z.substring(N,pt).replace(Ye,_));if(_!==$||z[pt+1]!==$){if(_===$||pt===0||z[pt-1]!==$){vt!==-1&&vt<pt+1&&(vt=z.indexOf(S,pt+1)),St!==-1&&St<pt+1&&(St=z.indexOf(O,pt+1));var gn=de(St===-1?vt:Math.min(vt,St));if(z.substr(pt+1+gn,L)===S){W.push(z.substring(N,pt).replace(Ye,_)),z[N=pt+1+gn+L]!==_&&(pt=z.indexOf(_,N)),vt=z.indexOf(S,N),St=z.indexOf(O,N);break}var ke=de(St);if(z.substring(pt+1+ke,pt+1+ke+B)===O){if(W.push(z.substring(N,pt).replace(Ye,_)),Me(pt+1+ke+B),vt=z.indexOf(S,N),pt=z.indexOf(_,N),U&&(ae(),st))return Kt();if(j&&Z.length>=j)return Kt(!0);break}Y.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:Z.length,index:N}),pt++}}else pt++}return ye();function Ve(zt){Z.push(zt),et=N}function de(zt){var ar=0;if(zt!==-1){var ai=z.substring(pt+1,zt);ai&&ai.trim()===""&&(ar=ai.length)}return ar}function ye(zt){return _t||(zt===void 0&&(zt=z.substring(N)),W.push(zt),N=H,Ve(W),U&&ae()),Kt()}function Me(zt){N=zt,Ve(W),W=[],St=z.indexOf(O,N)}function Kt(zt){return{data:Z,errors:Y,meta:{delimiter:S,linebreak:O,aborted:st,truncated:!!zt,cursor:et+(At||0)}}}function ae(){F(Kt()),Z=[],Y=[]}},this.abort=function(){st=!0},this.getCharIndex=function(){return N}}function v(b){var _=b.data,S=a[_.workerId],O=!1;if(_.error)S.userError(_.error,_.file);else if(_.results&&_.results.data){var A={abort:function(){O=!0,M(_.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:C,resume:C};if(T(S.userStep)){for(var F=0;F<_.results.data.length&&(S.userStep({data:_.results.data[F],errors:_.results.errors,meta:_.results.meta},A),!O);F++);delete _.results}else T(S.userChunk)&&(S.userChunk(_.results,A,_.file),delete _.results)}_.finished&&!O&&M(_.workerId,_.results)}function M(b,_){var S=a[b];T(S.userComplete)&&S.userComplete(_),S.terminate(),delete a[b]}function C(){throw new Error("Not implemented.")}function D(b){if(typeof b!="object"||b===null)return b;var _=Array.isArray(b)?[]:{};for(var S in b)_[S]=D(b[S]);return _}function E(b,_){return function(){b.apply(_,arguments)}}function T(b){return typeof b=="function"}return r&&(i.onmessage=function(b){var _=b.data;if(l.WORKER_ID===void 0&&_&&(l.WORKER_ID=_.workerId),typeof _.input=="string")i.postMessage({workerId:l.WORKER_ID,results:l.parse(_.input,_.config),finished:!0});else if(i.File&&_.input instanceof File||_.input instanceof Object){var S=l.parse(_.input,_.config);S&&i.postMessage({workerId:l.WORKER_ID,results:S,finished:!0})}}),(d.prototype=Object.create(u.prototype)).constructor=d,(h.prototype=Object.create(u.prototype)).constructor=h,(g.prototype=Object.create(g.prototype)).constructor=g,(p.prototype=Object.create(u.prototype)).constructor=p,l})})(sh);var Qk=sh.exports;const Jk=["id"],tM=f.defineComponent({__name:"VueJsonCsv",props:{data:{type:Array,required:!0},fields:{type:Array,required:!1,default:null},labels:{type:Object,required:!1,default:null},filename:{type:String,default:"report-data.csv"},delimiter:{type:String,default:",",required:!1},separatorExcel:{type:Boolean,default:!1},encoding:{type:String,default:"utf-8"},testing:{type:Boolean,required:!1,default:!1}},emits:["export-started","export-finished"],setup(n,{emit:t}){const e=t,i=n,s=f.computed(()=>`export_${new Date().getTime()}`),r=f.computed(()=>{const u=l();return u.length?u:null}),a=()=>{const u=i.labels;if(typeof i.fields!==Rn.Object)throw new Error("Labels needs to be a object containing key / value pairs.");return typeof u===Rn.Object?d=>xk(d,(h,g)=>u[g]||g):d=>d},o=()=>{const u=i.fields;if(typeof i.fields!==Rn.Object&&!Array.isArray(u))throw new Error("Fields needs to be an array of strings.");return Array.isArray(u)?d=>Kk(d,u):d=>d},l=()=>{if(typeof i.fields===Rn.Undefined&&typeof i.labels===Rn.Undefined)return i.data;const u=a(),d=o();return i.data.map(h=>u(d(h)))},c=()=>{if(!(r!=null&&r.value)){console.warn("No data to export");return}e("export-started",r.value);let u=Qk.unparse(r.value,Object.assign({delimiter:i.delimiter,encoding:i.encoding}));if(i.separatorExcel&&(u="SEP="+i.delimiter+`\r
-`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),e("export-finished",i.filename),!i.testing){const d=new Blob([u],{type:"text/csv;charset="+i.encoding});Zk.saveAs(d,i.filename)}};return(u,d)=>(f.openBlock(),f.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[f.renderSlot(u.$slots,"default",{},()=>[f.createTextVNode("Download "+f.toDisplayString(n.filename),1)])],8,Jk))}}),eM=f.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=f.computed(()=>Object.keys(t.headers));return(i,s)=>(f.openBlock(),f.createElementBlock("div",null,[f.createVNode(tM,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:f.withCtx(()=>[f.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}});function rh(n,t,e){const i=sM(n,e.timeZone,e.locale);return"formatToParts"in i?nM(i,t):iM(i,t)}function nM(n,t){const e=n.formatToParts(t);for(let i=e.length-1;i>=0;--i)if(e[i].type==="timeZoneName")return e[i].value}function iM(n,t){const e=n.format(t).replace(/\u200E/g,""),i=/ [\w-+ ]+$/.exec(e);return i?i[0].substr(1):""}function sM(n,t,e){return new Intl.DateTimeFormat(e?[e.code,"en-US"]:void 0,{timeZone:t,timeZoneName:n})}function rM(n,t){const e=cM(t);return"formatToParts"in e?oM(e,n):lM(e,n)}const aM={year:0,month:1,day:2,hour:3,minute:4,second:5};function oM(n,t){try{const e=n.formatToParts(t),i=[];for(let s=0;s<e.length;s++){const r=aM[e[s].type];r!==void 0&&(i[r]=parseInt(e[s].value,10))}return i}catch(e){if(e instanceof RangeError)return[NaN];throw e}}function lM(n,t){const e=n.format(t),i=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(e);return[parseInt(i[3],10),parseInt(i[1],10),parseInt(i[2],10),parseInt(i[4],10),parseInt(i[5],10),parseInt(i[6],10)]}const uo={};function cM(n){if(!uo[n]){const t=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),e=t==="06/25/2014, 00:00:00"||t==="‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";uo[n]=e?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})}return uo[n]}function ah(n,t,e,i,s,r,a){const o=new Date(0);return o.setUTCFullYear(n,t,e),o.setUTCHours(i,s,r,a),o}const oh=36e5,uM=6e4,ho={timezone:/([Z+-].*)$/,timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function lh(n,t,e){if(!n)return 0;let i=ho.timezoneZ.exec(n);if(i)return 0;let s,r;if(i=ho.timezoneHH.exec(n),i)return s=parseInt(i[1],10),ch(s)?-(s*oh):NaN;if(i=ho.timezoneHHMM.exec(n),i){s=parseInt(i[2],10);const a=parseInt(i[3],10);return ch(s,a)?(r=Math.abs(s)*oh+a*uM,i[1]==="+"?-r:r):NaN}if(fM(n)){t=new Date(t||Date.now());const a=e?t:dM(t),o=fo(a,n);return-(e?o:hM(t,o,n))}return NaN}function dM(n){return ah(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds())}function fo(n,t){const e=rM(n,t),i=ah(e[0],e[1]-1,e[2],e[3]%24,e[4],e[5],0).getTime();let s=n.getTime();const r=s%1e3;return s-=r>=0?r:1e3+r,i-s}function hM(n,t,e){let s=n.getTime()-t;const r=fo(new Date(s),e);if(t===r)return t;s-=r-t;const a=fo(new Date(s),e);return r===a?r:Math.max(r,a)}function ch(n,t){return-23<=n&&n<=23&&(t==null||0<=t&&t<=59)}const uh={};function fM(n){if(uh[n])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:n}),uh[n]=!0,!0}catch{return!1}}const gM=60*1e3,pM={X:function(n,t,e){const i=go(e.timeZone,n);if(i===0)return"Z";switch(t){case"X":return dh(i);case"XXXX":case"XX":return ri(i);case"XXXXX":case"XXX":default:return ri(i,":")}},x:function(n,t,e){const i=go(e.timeZone,n);switch(t){case"x":return dh(i);case"xxxx":case"xx":return ri(i);case"xxxxx":case"xxx":default:return ri(i,":")}},O:function(n,t,e){const i=go(e.timeZone,n);switch(t){case"O":case"OO":case"OOO":return"GMT"+mM(i,":");case"OOOO":default:return"GMT"+ri(i,":")}},z:function(n,t,e){switch(t){case"z":case"zz":case"zzz":return rh("short",n,e);case"zzzz":default:return rh("long",n,e)}}};function go(n,t){const e=n?lh(n,t,!0)/gM:(t==null?void 0:t.getTimezoneOffset())??0;if(Number.isNaN(e))throw new RangeError("Invalid time zone specified: "+n);return e}function rr(n,t){const e=n<0?"-":"";let i=Math.abs(n).toString();for(;i.length<t;)i="0"+i;return e+i}function ri(n,t=""){const e=n>0?"-":"+",i=Math.abs(n),s=rr(Math.floor(i/60),2),r=rr(Math.floor(i%60),2);return e+s+t+r}function dh(n,t){return n%60===0?(n>0?"-":"+")+rr(Math.abs(n)/60,2):ri(n,t)}function mM(n,t=""){const e=n>0?"-":"+",i=Math.abs(n),s=Math.floor(i/60),r=i%60;return r===0?e+String(s):e+String(s)+t+rr(r,2)}function hh(n){const t=new Date(Date.UTC(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()));return t.setUTCFullYear(n.getFullYear()),+n-+t}const yM=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/,po=36e5,fh=6e4,bM=2,Gt={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,plainTime:/:/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timeZone:yM};function xM(n,t={}){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(n===null)return new Date(NaN);const e=t.additionalDigits==null?bM:Number(t.additionalDigits);if(e!==2&&e!==1&&e!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]")return new Date(n.getTime());if(typeof n=="number"||Object.prototype.toString.call(n)==="[object Number]")return new Date(n);if(Object.prototype.toString.call(n)!=="[object String]")return new Date(NaN);const i=_M(n),{year:s,restDateString:r}=wM(i.date,e),a=vM(r,s);if(a===null||isNaN(a.getTime()))return new Date(NaN);if(a){const o=a.getTime();let l=0,c;if(i.time&&(l=kM(i.time),l===null||isNaN(l)))return new Date(NaN);if(i.timeZone||t.timeZone){if(c=lh(i.timeZone||t.timeZone,new Date(o+l)),isNaN(c))return new Date(NaN)}else c=hh(new Date(o+l)),c=hh(new Date(o+l+c));return new Date(o+l+c)}else return new Date(NaN)}function _M(n){const t={};let e=Gt.dateTimePattern.exec(n),i;if(e?(t.date=e[1],i=e[3]):(e=Gt.datePattern.exec(n),e?(t.date=e[1],i=e[2]):(t.date=null,i=n)),i){const s=Gt.timeZone.exec(i);s?(t.time=i.replace(s[1],""),t.timeZone=s[1].trim()):t.time=i}return t}function wM(n,t){if(n){const e=Gt.YYY[t],i=Gt.YYYYY[t];let s=Gt.YYYY.exec(n)||i.exec(n);if(s){const r=s[1];return{year:parseInt(r,10),restDateString:n.slice(r.length)}}if(s=Gt.YY.exec(n)||e.exec(n),s){const r=s[1];return{year:parseInt(r,10)*100,restDateString:n.slice(r.length)}}}return{year:null}}function vM(n,t){if(t===null)return null;let e,i,s;if(!n||!n.length)return e=new Date(0),e.setUTCFullYear(t),e;let r=Gt.MM.exec(n);if(r)return e=new Date(0),i=parseInt(r[1],10)-1,mh(t,i)?(e.setUTCFullYear(t,i),e):new Date(NaN);if(r=Gt.DDD.exec(n),r){e=new Date(0);const a=parseInt(r[1],10);return DM(t,a)?(e.setUTCFullYear(t,0,a),e):new Date(NaN)}if(r=Gt.MMDD.exec(n),r){e=new Date(0),i=parseInt(r[1],10)-1;const a=parseInt(r[2],10);return mh(t,i,a)?(e.setUTCFullYear(t,i,a),e):new Date(NaN)}if(r=Gt.Www.exec(n),r)return s=parseInt(r[1],10)-1,yh(s)?gh(t,s):new Date(NaN);if(r=Gt.WwwD.exec(n),r){s=parseInt(r[1],10)-1;const a=parseInt(r[2],10)-1;return yh(s,a)?gh(t,s,a):new Date(NaN)}return null}function kM(n){let t,e,i=Gt.HH.exec(n);if(i)return t=parseFloat(i[1].replace(",",".")),mo(t)?t%24*po:NaN;if(i=Gt.HHMM.exec(n),i)return t=parseInt(i[1],10),e=parseFloat(i[2].replace(",",".")),mo(t,e)?t%24*po+e*fh:NaN;if(i=Gt.HHMMSS.exec(n),i){t=parseInt(i[1],10),e=parseInt(i[2],10);const s=parseFloat(i[3].replace(",","."));return mo(t,e,s)?t%24*po+e*fh+s*1e3:NaN}return null}function gh(n,t,e){t=t||0,e=e||0;const i=new Date(0);i.setUTCFullYear(n,0,4);const s=i.getUTCDay()||7,r=t*7+e+1-s;return i.setUTCDate(i.getUTCDate()+r),i}const MM=[31,28,31,30,31,30,31,31,30,31,30,31],SM=[31,29,31,30,31,30,31,31,30,31,30,31];function ph(n){return n%400===0||n%4===0&&n%100!==0}function mh(n,t,e){if(t<0||t>11)return!1;if(e!=null){if(e<1)return!1;const i=ph(n);if(i&&e>SM[t]||!i&&e>MM[t])return!1}return!0}function DM(n,t){if(t<1)return!1;const e=ph(n);return!(e&&t>366||!e&&t>365)}function yh(n,t){return!(n<0||n>52||t!=null&&(t<0||t>6))}function mo(n,t,e){return!(n<0||n>=25||t!=null&&(t<0||t>=60)||e!=null&&(e<0||e>=60))}const TM=/([xXOz]+)|''|'(''|[^'])+('|$)/g;function bh(n,t,e={}){t=String(t);const i=t.match(TM);if(i){const s=xM(e.originalDate||n,e);t=i.reduce(function(r,a){if(a[0]==="'")return r;const o=r.indexOf(a),l=r[o-1]==="'",c=r.replace(a,"'"+pM[a[0]](s,a,e)+"'");return l?c.substring(0,o-1)+c.substring(o+1):c},t)}return hu(n,t,e)}const CM={class:"kong-ui-public-csv-export-modal"},PM={key:0,class:"selected-range"},OM={key:1,class:"text-muted",tag:"span"},xh=3,_h=f.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=gt.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,a=f.ref(!0),o=f.computed(()=>{var y,x;return!!((x=(y=i.chartData)==null?void 0:y.data)!=null&&x.length)}),l=f.ref(1),c=f.computed(()=>g.value.rows.length),u=gt.useChartSelectedRange(f.toRef(i,"chartData")),d=f.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(xh,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),h=()=>{s("toggleModal",!1)},g=f.computed(()=>{var D,E,T;if(!o.value||!((D=i.chartData)!=null&&D.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const y=i.chartData.data.some(b=>b.timestamp!==i.chartData.data[0].timestamp),x=i.chartData.data.map(b=>{const _=new Date(b.timestamp);return{...Object.keys(b.event).reduce((O,A)=>{if(A in i.chartData.meta.display){const F=b.event[A],j=i.chartData.meta.display[A];O[A]=F&&j&&j[F].name||b.event[A]}else O[A]=b.event[A];return O},{}),...y?{timestamp:bh(_,"yyyy-MM-dd HH:mm:ss"),tzOffset:bh(_,"XXX")}:{}}});let w=[];y&&(w=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const v="display"in i.chartData.meta&&((E=i.chartData.meta)!=null&&E.display)?(T=i.chartData.meta)==null?void 0:T.display:{},M=[...w,...Object.keys(v).map(b=>({label:e.t(`chartLabels.${b}`),key:b})),...i.chartData.meta.metric_names.map(b=>({label:e.t(`chartLabels.${b}`),key:b}))],C=M.reduce((b,_)=>(b[_.key]=_.label,b),{});return{headers:M,csvHeaders:C,rows:x}}),p=()=>{const{rows:y}=g.value;return a.value=!1,{total:Number(y.length)||0,data:y.slice(0,xh)}};return f.watch(g,()=>{l.value++}),(y,x)=>{const w=f.resolveComponent("KEmptyState"),v=f.resolveComponent("KTable"),M=f.resolveComponent("KButton"),C=f.resolveComponent("KModal");return f.openBlock(),f.createElementBlock("div",CM,[f.createVNode(C,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:f.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:h,onKeyup:f.withKeys(h,["esc"])},{default:f.withCtx(()=>{var D;return[f.createElementVNode("div",null,[o.value?(f.openBlock(),f.createElementBlock("div",PM,[f.createElementVNode("p",null,f.toDisplayString(y.modalDescription?y.modalDescription:f.unref(e).t("csvExport.exportDescription")),1),f.createElementVNode("p",null,f.toDisplayString(f.unref(e).t("csvExport.exportTimeRange"))+": "+f.toDisplayString(f.unref(u)),1)])):f.createCommentVNode("",!0),f.createVNode(v,{class:"vitals-table","disable-pagination":"",fetcher:p,"fetcher-cache-key":String(l.value),headers:((D=g.value)==null?void 0:D.headers)||[],"row-hover":!1,sortable:!1},{"empty-state":f.withCtx(()=>[f.createVNode(w,{"action-button-visible":!1},{title:f.withCtx(()=>[f.createElementVNode("h5",null,f.toDisplayString(f.unref(e).t("csvExport.noDataRange")),1)]),default:f.withCtx(()=>[f.createElementVNode("p",null,f.toDisplayString(f.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!a.value&&o.value?(f.openBlock(),f.createElementBlock("div",OM,f.toDisplayString(d.value),1)):f.createCommentVNode("",!0)])]}),"footer-actions":f.withCtx(()=>[f.createVNode(M,{appearance:"tertiary",class:"cancel-btn",onClick:h},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("csvExport.cancelButton")),1)]),_:1}),f.createVNode(eM,{class:"vitals-report-export-button",filename:r,headers:g.value.csvHeaders,rows:g.value.rows},{default:f.withCtx(()=>[f.createVNode(M,{appearance:"primary","data-testid":"csv-download-button",disabled:a.value||!o.value},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),wh=f.defineComponent({__name:"CsvExportButton",props:{data:{type:Object,required:!0},text:{type:String,required:!1,default:void 0},buttonAppearance:{type:String,required:!1,default:()=>"tertiary"},filenamePrefix:{type:String,required:!1,default:void 0}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),s=f.ref(!1),r=o=>{s.value=o},a=()=>{r(!0)};return(o,l)=>{const c=f.resolveComponent("KButton");return f.openBlock(),f.createElementBlock(f.Fragment,null,[f.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:f.withModifiers(a,["prevent"])},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(n.text||f.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),s.value?(f.openBlock(),f.createBlock(_h,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:r},null,8,["chart-data","filename"])):f.createCommentVNode("",!0)],64)}}}),EM={class:"analytics-chart-shell"},AM={key:0,class:"chart-header"},RM={key:0,class:"chart-title"},LM={class:"chart-header-icons-wrapper"},IM={key:1,class:"chart-export-button"},NM={key:2,class:"analytics-chart-parent"},FM=f.defineComponent({__name:"AnalyticsChart",props:{allowCsvExport:{type:Boolean,required:!1,default:!1},chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},tooltipTitle:{type:String,required:!1,default:""},emptyStateTitle:{type:String,required:!1,default:""},emptyStateDescription:{type:String,required:!1,default:""},chartTitle:{type:String,required:!1,default:""},filenamePrefix:{type:String,required:!1,default:""},legendPosition:{type:String,required:!1,default:Pt.Right},syntheticsDataKey:{type:String,required:!1,default:""},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.toRef(t,"chartData"),s=f.computed(()=>g.value?gt.useExploreResultToTimeDataset({fill:t.chartOptions.stacked,colorPalette:t.chartOptions.chartDatasetColors||Vs},f.toRef(t,"chartData")).value:gt.useExploreResultToDatasets({fill:t.chartOptions.stacked,colorPalette:t.chartOptions.chartDatasetColors||Vs},f.toRef(t,"chartData")).value),r=f.computed(()=>{var S;return(S=t.chartData)!=null&&S.meta?"start_ms"in t.chartData.meta?t.chartData.meta.end_ms-t.chartData.meta.start_ms:void 0:0}),a=f.computed(()=>{var S;return(S=t.chartData.meta)!=null&&S.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),o=f.computed(()=>t.showLegendValues&&t.legendPosition!==Pt.Bottom),{legendValues:l}=gt.useChartLegendValues(s,t.chartOptions.type,a),c=f.computed(()=>{var S,O,A;return((A=(O=(S=t.chartData)==null?void 0:S.meta)==null?void 0:O.limit)==null?void 0:A.toString())||null}),u=f.computed(()=>{var S,O;return((O=(S=t.chartData)==null?void 0:S.meta)==null?void 0:O.truncated)||!1}),d=e.t("limitedResultsShown",{maxReturned:c.value}),h=f.computed(()=>["vertical_bar","horizontal_bar"].includes(t.chartOptions.type)),g=f.computed(()=>["timeseries_bar","timeseries_line"].some(S=>S===t.chartOptions.type)),p=f.computed(()=>t.chartOptions.type==="doughnut"),y=f.computed(()=>t.chartOptions.type.includes("vertical")?"vertical":"horizontal"),x=f.computed(()=>{var A,F,j;if(!((A=t.chartData)!=null&&A.meta.metric_names)||!((F=t.chartData)!=null&&F.meta.metric_units))return;const S=t.chartData.meta.metric_names[0],O=t.chartData.meta.metric_units[S];if(t.chartData.meta.metric_names.length>1){if(S.includes("latency"))return e.t("metricAxisTitles.latency_in",{unit:e.t(`chartUnits.${O}`,{plural:"s"})});if(S.includes("size"))return e.t("metricAxisTitles.size_in",{unit:e.t(`chartUnits.${O}`,{plural:"s"})})}return((j=t.chartOptions)==null?void 0:j.metricAxesTitle)||e.te(`metricAxisTitles.${S}`)&&e.te(`chartUnits.${O}`)&&e.t(`metricAxisTitles.${S}`,{unit:e.t(`chartUnits.${O}`,{plural:"s"})})||void 0}),w=f.computed(()=>{const S=g.value?"Time":Object.keys(t.chartData.meta.display||t.chartData.meta.metric_names)[0];return t.chartOptions.dimensionAxesTitle||e.te(`chartLabels.${S}`)&&e.t(`chartLabels.${S}`)||void 0}),v=f.computed(()=>{const S=Ba(Number(t.chartData.meta.granularity_ms));return e.t(`granularityAxisTitles.${S}`)}),M=f.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),C=f.computed(()=>t.emptyStateDescription||e.t("noDataAvailableDescription")),D=f.computed(()=>g.value?Cx(s.value):t.chartData&&t.chartData.meta&&t.chartData.data.length),E=f.computed(()=>D.value&&u.value&&c.value||t.chartTitle||t.allowCsvExport&&D.value),T=f.computed(()=>t.chartData.meta.granularity_ms?Ba(t.chartData.meta.granularity_ms)||"hourly":Ba(new Date(t.chartData.data[1].timestamp).getTime()-new Date(t.chartData.data[0].timestamp).getTime())||"hourly"),b=f.computed(()=>t.chartOptions.chartLegendSortFn?t.chartOptions.chartLegendSortFn:(S,O)=>S.text===e.t("chartLabels.____OTHER____")?1:O.text===e.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(S.text,10))&&!isNaN(parseInt(O.text,10))?S.text<O.text?-1:1:S.value&&O.value?O.value.raw-S.value.raw:0),_=f.computed(()=>t.chartOptions.chartTooltipSortFn?t.chartOptions.chartTooltipSortFn:(S,O)=>S.label===e.t("chartLabels.____OTHER____")?1:O.label===e.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(S.label,10))&&!isNaN(parseInt(O.label,10))?S.label<O.label?-1:1:S.value&&O.value?O.rawValue-S.rawValue:0);return f.provide("showLegendValues",o),f.provide("legendPosition",f.toRef(t,"legendPosition")),(S,O)=>{const A=f.resolveComponent("KTooltip"),F=f.resolveComponent("KEmptyState");return f.openBlock(),f.createElementBlock("div",EM,[E.value?(f.openBlock(),f.createElementBlock("div",AM,[n.chartTitle?(f.openBlock(),f.createElementBlock("div",RM,f.toDisplayString(n.chartTitle),1)):f.createCommentVNode("",!0),f.createElementVNode("div",LM,[D.value&&u.value&&c.value?(f.openBlock(),f.createBlock(A,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(d)),1)]),default:f.withCtx(()=>[f.createVNode(f.unref(Do.WarningIcon),{color:`var(--kui-color-text-warning, ${f.unref(Pv)})`,decorative:"",size:f.unref(Ov)},null,8,["color","size"])]),_:1})):f.createCommentVNode("",!0)]),n.allowCsvExport&&D.value?(f.openBlock(),f.createElementBlock("div",IM,[f.createVNode(wh,{data:i.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):f.createCommentVNode("",!0)])):f.createCommentVNode("",!0),D.value?(f.openBlock(),f.createElementBlock("div",NM,[g.value?(f.openBlock(),f.createBlock(pk,{key:0,"chart-data":s.value,"chart-legend-sort-fn":b.value,"chart-tooltip-sort-fn":_.value,"dimension-axes-title":v.value,fill:n.chartOptions.stacked,granularity:T.value,"legend-values":f.unref(l),"metric-axes-title":x.value,"metric-unit":a.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":r.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type},null,8,["chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","fill","granularity","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","time-range-ms","tooltip-title","type"])):h.value?(f.openBlock(),f.createBlock(nk,{key:1,annotations:n.showAnnotations,"chart-data":s.value,"chart-legend-sort-fn":b.value,"chart-tooltip-sort-fn":_.value,"data-testid":"bar-chart-container","dimension-axes-title":w.value,"legend-values":f.unref(l),"metric-axes-title":x.value,"metric-unit":a.value,orientation:y.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["annotations","chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","stacked","synthetics-data-key","tooltip-title"])):p.value?(f.openBlock(),f.createBlock(gk,{key:2,"chart-data":s.value,"dataset-colors":n.chartOptions.chartDatasetColors||f.unref(Vs),"legend-position":n.legendPosition,"legend-values":f.unref(l),"metric-unit":a.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):f.createCommentVNode("",!0)])):(f.openBlock(),f.createBlock(F,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(M.value),1)]),default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(C.value),1)]),_:1}))])}}}),zM=We(FM,[["__scopeId","data-v-470fa6ac"]]),BM={class:"chart-parent","data-testid":"doughnut-chart-parent"},HM={class:"chart-totals-flex"},WM={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},YM=f.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:Jn.Hidden},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Be},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.ref(hn()),s=f.computed(()=>[t.chartData.datasets.reduce((p,y)=>(p.labels.push(y.label),p.borderColor.push(y.backgroundColor),p.backgroundColor.push(y.backgroundColor),p.data.push(y.data.reduce((x,w)=>x+w,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),r=f.computed(()=>({...t.chartData,datasets:s.value}));gt.useReportChartDataForSynthetics(f.toRef(t,"chartData"),f.toRef(t,"syntheticsDataKey"));const a={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},o=f.ref(),l=f.computed(()=>{var g;return ji((g=s==null?void 0:s.value[0])==null?void 0:g.data[t.numerator],{capital:!0})}),c=f.computed(()=>{var g,p;return ji(((g=s==null?void 0:s.value[0])==null?void 0:g.data[0])+((p=s==null?void 0:s.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=f.computed(()=>{var g;return`color: ${(g=s==null?void 0:s.value[0])==null?void 0:g.backgroundColor[t.numerator]}`}),d=f.computed(()=>[Jn.Full,Jn.SingleMetric].includes(t.metricDisplay)),h=f.computed(()=>t.metricDisplay===Jn.Full);return(g,p)=>(f.openBlock(),f.createElementBlock("div",BM,[f.createElementVNode("div",HM,[d.value?(f.openBlock(),f.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:f.normalizeStyle(u.value)},f.toDisplayString(l.value),5)):f.createCommentVNode("",!0),h.value?(f.openBlock(),f.createElementBlock("div",WM,f.toDisplayString(f.unref(e).t("total"))+": "+f.toDisplayString(c.value),1)):f.createCommentVNode("",!0)]),f.createElementVNode("div",{class:"chart-container",style:f.normalizeStyle({height:n.height,width:n.width})},[f.createVNode(f.unref(Zd),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:r.value,options:a},null,8,["chart-id","data","options"])],4)]))}}),VM=We(YM,[["__scopeId","data-v-18bc031c"]]),jM={class:"simple-chart-shell"},$M={key:1,class:"analytics-chart-parent"},qM=We(f.defineComponent({__name:"SimpleChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},emptyStateTitle:{type:String,required:!1,default:""},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.computed(()=>{var c;const l=gt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||Be},f.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),s=f.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),r=f.computed(()=>t.chartOptions.type==="gauge"),a=f.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),o=f.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.data.length);return(l,c)=>{const u=f.resolveComponent("KEmptyState");return f.openBlock(),f.createElementBlock("div",jM,[o.value?(f.openBlock(),f.createElementBlock("div",$M,[r.value?(f.openBlock(),f.createBlock(VM,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,numerator:n.chartOptions.numerator,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","numerator","synthetics-data-key","width"])):f.createCommentVNode("",!0)])):(f.openBlock(),f.createBlock(u,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(a.value),1)]),_:1}))])}}}),[["__scopeId","data-v-0ee40a4b"]]),UM={class:"top-n-card-title","data-testid":"top-n-card-title"},XM={class:"top-n-card-description","data-testid":"top-n-card-description"},GM={key:3,class:"top-n-table","data-testid":"top-n-table"},KM={class:"table-headings"},ZM={class:"table-row"},QM={class:"column-1"},JM={class:"column-2"},tS={class:"table-body","data-testid":"top-n-data"},eS=["data-testid"],nS={class:"column-1"},iS={class:"column-2"},sS=We(f.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""},isLoading:{type:Boolean,default:!1},titleTag:{type:String,default:"h2"}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.computed(()=>t.data.data),s=f.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),r=f.computed(()=>{var p,y;return(p=t.data.meta)!=null&&p.display&&((y=Object.keys(t.data.meta.display))==null?void 0:y[0])||""}),a=f.computed(()=>r.value?t.data.meta.display[r.value]:{}),o=f.computed(()=>{var p,y;return(y=(p=t.data.meta)==null?void 0:p.metric_names)!=null&&y.length?t.data.meta.metric_names[0]:""}),l=f.computed(()=>o.value?e.t(`chartLabels.${o.value}`)||o.value:""),c=f.computed(()=>{if(!s.value)return"";if(t.data.meta){if(a.value&&!Object.keys(a.value).length)return e.t("topNTable.errors.display");if(!o.value)return e.t("topNTable.errors.metricNames")}else return e.t("topNTable.errors.meta");return""}),u=p=>{const y=p.event;return String(y[r.value])},d=p=>{const y=u(p),x=a.value&&a.value[y];return x?x.name:"-"},h=p=>{const y=u(p),x=a.value&&a.value[y];return x?!!x.deleted:!1},g=p=>{if(!o.value)return"–";const x=p.event[o.value];return x?ji(x,{capital:!0,round:!0}):"–"};return(p,y)=>{const x=f.resolveComponent("KEmptyState"),w=f.resolveComponent("KSkeleton"),v=f.resolveComponent("KCard");return f.openBlock(),f.createBlock(v,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},f.createSlots({default:f.withCtx(()=>[c.value?(f.openBlock(),f.createBlock(x,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(c.value),1)]),_:1})):n.isLoading?(f.openBlock(),f.createBlock(w,{key:1,"table-columns":2,type:"table"})):s.value?(f.openBlock(),f.createElementBlock("div",GM,[f.createElementVNode("div",KM,[f.createElementVNode("div",ZM,[f.createElementVNode("div",QM,f.toDisplayString(f.unref(e).t("topNTable.nameLabel")),1),f.createElementVNode("div",JM,f.toDisplayString(l.value),1)])]),f.createElementVNode("div",tS,[(f.openBlock(!0),f.createElementBlock(f.Fragment,null,f.renderList(i.value,(M,C)=>(f.openBlock(),f.createElementBlock("div",{key:`entry-${C}`,class:"table-row","data-testid":`row-${u(M)}`},[f.createElementVNode("div",nS,[f.renderSlot(p.$slots,"name",{record:{id:u(M),name:d(M),deleted:h(M),dimension:r.value}},()=>[f.createTextVNode(f.toDisplayString(d(M)),1)],!0)]),f.createElementVNode("div",iS,"   "+f.toDisplayString(g(M)),1)],8,eS))),128))])])):(f.openBlock(),f.createBlock(x,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(n.emptyStateTitle||f.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:f.withCtx(()=>[f.createElementVNode("span",UM,f.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:f.withCtx(()=>[f.createElementVNode("div",XM,f.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-50809fdb"]]);Q.AnalyticsChart=zM,Q.ChartLegendPosition=Pt,Q.ChartMetricDisplay=Jn,Q.CsvExportButton=wh,Q.CsvExportModal=_h,Q.DECIMAL_DISPLAY=_u,Q.FONT_SIZE_REGULAR=vu,Q.FONT_SIZE_SMALL=wu,Q.MAX_LABEL_LENGTH=Ys,Q.OTHERS_COLOR=Lx,Q.SimpleChart=qM,Q.TopNTable=sS,Q.ValidType=Rn,Q.accessibleGrey=Su,Q.apiRequestStatusCodeColors=Du,Q.chartTypes=mk,Q.codesInSpec=Ou,Q.darkenColor=Mu,Q.datavisPalette=Be,Q.defaultStatusCodeColors=Vs,Q.errorRateColors=Ax,Q.latencyColors=Rx,Q.lightGrey=Ta,Q.lookupColor=Ix,Q.lookupDatavisColor=Xn,Q.lookupStatusCodeCategoryColor=Yx,Q.lookupStatusCodeColor=Ca,Q.numberFormatter=Ws,Q.simpleChartTypes=yk,Q.statusCodeBadgeBackgroundColor=Ox,Q.trafficColors=Ex,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"})});
+`+u),i.encoding==="utf-8"&&(u="\uFEFF"+u),e("export-finished",i.filename),!i.testing){const d=new Blob([u],{type:"text/csv;charset="+i.encoding});Zk.saveAs(d,i.filename)}};return(u,d)=>(f.openBlock(),f.createElementBlock("div",{id:s.value,"data-testid":"export-csv",onClick:c},[f.renderSlot(u.$slots,"default",{},()=>[f.createTextVNode("Download "+f.toDisplayString(n.filename),1)])],8,Jk))}}),eM=f.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=f.computed(()=>Object.keys(t.headers));return(i,s)=>(f.openBlock(),f.createElementBlock("div",null,[f.createVNode(tM,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:f.withCtx(()=>[f.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}});function rh(n,t,e){const i=sM(n,e.timeZone,e.locale);return"formatToParts"in i?nM(i,t):iM(i,t)}function nM(n,t){const e=n.formatToParts(t);for(let i=e.length-1;i>=0;--i)if(e[i].type==="timeZoneName")return e[i].value}function iM(n,t){const e=n.format(t).replace(/\u200E/g,""),i=/ [\w-+ ]+$/.exec(e);return i?i[0].substr(1):""}function sM(n,t,e){return new Intl.DateTimeFormat(e?[e.code,"en-US"]:void 0,{timeZone:t,timeZoneName:n})}function rM(n,t){const e=cM(t);return"formatToParts"in e?oM(e,n):lM(e,n)}const aM={year:0,month:1,day:2,hour:3,minute:4,second:5};function oM(n,t){try{const e=n.formatToParts(t),i=[];for(let s=0;s<e.length;s++){const r=aM[e[s].type];r!==void 0&&(i[r]=parseInt(e[s].value,10))}return i}catch(e){if(e instanceof RangeError)return[NaN];throw e}}function lM(n,t){const e=n.format(t),i=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(e);return[parseInt(i[3],10),parseInt(i[1],10),parseInt(i[2],10),parseInt(i[4],10),parseInt(i[5],10),parseInt(i[6],10)]}const uo={};function cM(n){if(!uo[n]){const t=new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:"America/New_York",year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),e=t==="06/25/2014, 00:00:00"||t==="‎06‎/‎25‎/‎2014‎ ‎00‎:‎00‎:‎00";uo[n]=e?new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:n,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})}return uo[n]}function ah(n,t,e,i,s,r,a){const o=new Date(0);return o.setUTCFullYear(n,t,e),o.setUTCHours(i,s,r,a),o}const oh=36e5,uM=6e4,ho={timezone:/([Z+-].*)$/,timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-])(\d{2}):?(\d{2})$/};function lh(n,t,e){if(!n)return 0;let i=ho.timezoneZ.exec(n);if(i)return 0;let s,r;if(i=ho.timezoneHH.exec(n),i)return s=parseInt(i[1],10),ch(s)?-(s*oh):NaN;if(i=ho.timezoneHHMM.exec(n),i){s=parseInt(i[2],10);const a=parseInt(i[3],10);return ch(s,a)?(r=Math.abs(s)*oh+a*uM,i[1]==="+"?-r:r):NaN}if(fM(n)){t=new Date(t||Date.now());const a=e?t:dM(t),o=fo(a,n);return-(e?o:hM(t,o,n))}return NaN}function dM(n){return ah(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds())}function fo(n,t){const e=rM(n,t),i=ah(e[0],e[1]-1,e[2],e[3]%24,e[4],e[5],0).getTime();let s=n.getTime();const r=s%1e3;return s-=r>=0?r:1e3+r,i-s}function hM(n,t,e){let s=n.getTime()-t;const r=fo(new Date(s),e);if(t===r)return t;s-=r-t;const a=fo(new Date(s),e);return r===a?r:Math.max(r,a)}function ch(n,t){return-23<=n&&n<=23&&(t==null||0<=t&&t<=59)}const uh={};function fM(n){if(uh[n])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:n}),uh[n]=!0,!0}catch{return!1}}const gM=60*1e3,pM={X:function(n,t,e){const i=go(e.timeZone,n);if(i===0)return"Z";switch(t){case"X":return dh(i);case"XXXX":case"XX":return ri(i);case"XXXXX":case"XXX":default:return ri(i,":")}},x:function(n,t,e){const i=go(e.timeZone,n);switch(t){case"x":return dh(i);case"xxxx":case"xx":return ri(i);case"xxxxx":case"xxx":default:return ri(i,":")}},O:function(n,t,e){const i=go(e.timeZone,n);switch(t){case"O":case"OO":case"OOO":return"GMT"+mM(i,":");case"OOOO":default:return"GMT"+ri(i,":")}},z:function(n,t,e){switch(t){case"z":case"zz":case"zzz":return rh("short",n,e);case"zzzz":default:return rh("long",n,e)}}};function go(n,t){const e=n?lh(n,t,!0)/gM:(t==null?void 0:t.getTimezoneOffset())??0;if(Number.isNaN(e))throw new RangeError("Invalid time zone specified: "+n);return e}function rr(n,t){const e=n<0?"-":"";let i=Math.abs(n).toString();for(;i.length<t;)i="0"+i;return e+i}function ri(n,t=""){const e=n>0?"-":"+",i=Math.abs(n),s=rr(Math.floor(i/60),2),r=rr(Math.floor(i%60),2);return e+s+t+r}function dh(n,t){return n%60===0?(n>0?"-":"+")+rr(Math.abs(n)/60,2):ri(n,t)}function mM(n,t=""){const e=n>0?"-":"+",i=Math.abs(n),s=Math.floor(i/60),r=i%60;return r===0?e+String(s):e+String(s)+t+rr(r,2)}function hh(n){const t=new Date(Date.UTC(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()));return t.setUTCFullYear(n.getFullYear()),+n-+t}const yM=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/,po=36e5,fh=6e4,bM=2,Gt={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,plainTime:/:/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timeZone:yM};function xM(n,t={}){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(n===null)return new Date(NaN);const e=t.additionalDigits==null?bM:Number(t.additionalDigits);if(e!==2&&e!==1&&e!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(n instanceof Date||typeof n=="object"&&Object.prototype.toString.call(n)==="[object Date]")return new Date(n.getTime());if(typeof n=="number"||Object.prototype.toString.call(n)==="[object Number]")return new Date(n);if(Object.prototype.toString.call(n)!=="[object String]")return new Date(NaN);const i=_M(n),{year:s,restDateString:r}=wM(i.date,e),a=vM(r,s);if(a===null||isNaN(a.getTime()))return new Date(NaN);if(a){const o=a.getTime();let l=0,c;if(i.time&&(l=kM(i.time),l===null||isNaN(l)))return new Date(NaN);if(i.timeZone||t.timeZone){if(c=lh(i.timeZone||t.timeZone,new Date(o+l)),isNaN(c))return new Date(NaN)}else c=hh(new Date(o+l)),c=hh(new Date(o+l+c));return new Date(o+l+c)}else return new Date(NaN)}function _M(n){const t={};let e=Gt.dateTimePattern.exec(n),i;if(e?(t.date=e[1],i=e[3]):(e=Gt.datePattern.exec(n),e?(t.date=e[1],i=e[2]):(t.date=null,i=n)),i){const s=Gt.timeZone.exec(i);s?(t.time=i.replace(s[1],""),t.timeZone=s[1].trim()):t.time=i}return t}function wM(n,t){if(n){const e=Gt.YYY[t],i=Gt.YYYYY[t];let s=Gt.YYYY.exec(n)||i.exec(n);if(s){const r=s[1];return{year:parseInt(r,10),restDateString:n.slice(r.length)}}if(s=Gt.YY.exec(n)||e.exec(n),s){const r=s[1];return{year:parseInt(r,10)*100,restDateString:n.slice(r.length)}}}return{year:null}}function vM(n,t){if(t===null)return null;let e,i,s;if(!n||!n.length)return e=new Date(0),e.setUTCFullYear(t),e;let r=Gt.MM.exec(n);if(r)return e=new Date(0),i=parseInt(r[1],10)-1,mh(t,i)?(e.setUTCFullYear(t,i),e):new Date(NaN);if(r=Gt.DDD.exec(n),r){e=new Date(0);const a=parseInt(r[1],10);return DM(t,a)?(e.setUTCFullYear(t,0,a),e):new Date(NaN)}if(r=Gt.MMDD.exec(n),r){e=new Date(0),i=parseInt(r[1],10)-1;const a=parseInt(r[2],10);return mh(t,i,a)?(e.setUTCFullYear(t,i,a),e):new Date(NaN)}if(r=Gt.Www.exec(n),r)return s=parseInt(r[1],10)-1,yh(s)?gh(t,s):new Date(NaN);if(r=Gt.WwwD.exec(n),r){s=parseInt(r[1],10)-1;const a=parseInt(r[2],10)-1;return yh(s,a)?gh(t,s,a):new Date(NaN)}return null}function kM(n){let t,e,i=Gt.HH.exec(n);if(i)return t=parseFloat(i[1].replace(",",".")),mo(t)?t%24*po:NaN;if(i=Gt.HHMM.exec(n),i)return t=parseInt(i[1],10),e=parseFloat(i[2].replace(",",".")),mo(t,e)?t%24*po+e*fh:NaN;if(i=Gt.HHMMSS.exec(n),i){t=parseInt(i[1],10),e=parseInt(i[2],10);const s=parseFloat(i[3].replace(",","."));return mo(t,e,s)?t%24*po+e*fh+s*1e3:NaN}return null}function gh(n,t,e){t=t||0,e=e||0;const i=new Date(0);i.setUTCFullYear(n,0,4);const s=i.getUTCDay()||7,r=t*7+e+1-s;return i.setUTCDate(i.getUTCDate()+r),i}const MM=[31,28,31,30,31,30,31,31,30,31,30,31],SM=[31,29,31,30,31,30,31,31,30,31,30,31];function ph(n){return n%400===0||n%4===0&&n%100!==0}function mh(n,t,e){if(t<0||t>11)return!1;if(e!=null){if(e<1)return!1;const i=ph(n);if(i&&e>SM[t]||!i&&e>MM[t])return!1}return!0}function DM(n,t){if(t<1)return!1;const e=ph(n);return!(e&&t>366||!e&&t>365)}function yh(n,t){return!(n<0||n>52||t!=null&&(t<0||t>6))}function mo(n,t,e){return!(n<0||n>=25||t!=null&&(t<0||t>=60)||e!=null&&(e<0||e>=60))}const TM=/([xXOz]+)|''|'(''|[^'])+('|$)/g;function bh(n,t,e={}){t=String(t);const i=t.match(TM);if(i){const s=xM(e.originalDate||n,e);t=i.reduce(function(r,a){if(a[0]==="'")return r;const o=r.indexOf(a),l=r[o-1]==="'",c=r.replace(a,"'"+pM[a[0]](s,a,e)+"'");return l?c.substring(0,o-1)+c.substring(o+1):c},t)}return hu(n,t,e)}const CM={class:"kong-ui-public-csv-export-modal"},PM={key:0,class:"selected-range"},OM={key:1,class:"text-muted",tag:"span"},xh=3,_h=f.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=gt.useI18n(),i=n,s=t,r=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,a=f.ref(!0),o=f.computed(()=>{var y,x;return!!((x=(y=i.chartData)==null?void 0:y.data)!=null&&x.length)}),l=f.ref(1),c=f.computed(()=>g.value.rows.length),u=gt.useChartSelectedRange(f.toRef(i,"chartData")),d=f.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(xh,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),h=()=>{s("toggleModal",!1)},g=f.computed(()=>{var D,E,T;if(!o.value||!((D=i.chartData)!=null&&D.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const y=i.chartData.data.some(b=>b.timestamp!==i.chartData.data[0].timestamp),x=i.chartData.data.map(b=>{const _=new Date(b.timestamp);return{...Object.keys(b.event).reduce((O,A)=>{if(A in i.chartData.meta.display){const F=b.event[A],j=i.chartData.meta.display[A];O[A]=F&&j&&j[F].name||b.event[A]}else O[A]=b.event[A];return O},{}),...y?{timestamp:bh(_,"yyyy-MM-dd HH:mm:ss"),tzOffset:bh(_,"XXX")}:{}}});let w=[];y&&(w=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const v="display"in i.chartData.meta&&((E=i.chartData.meta)!=null&&E.display)?(T=i.chartData.meta)==null?void 0:T.display:{},M=[...w,...Object.keys(v).map(b=>({label:e.t(`chartLabels.${b}`),key:b})),...i.chartData.meta.metric_names.map(b=>({label:e.t(`chartLabels.${b}`),key:b}))],C=M.reduce((b,_)=>(b[_.key]=_.label,b),{});return{headers:M,csvHeaders:C,rows:x}}),p=()=>{const{rows:y}=g.value;return a.value=!1,{total:Number(y.length)||0,data:y.slice(0,xh)}};return f.watch(g,()=>{l.value++}),(y,x)=>{const w=f.resolveComponent("KEmptyState"),v=f.resolveComponent("KTableData"),M=f.resolveComponent("KButton"),C=f.resolveComponent("KModal");return f.openBlock(),f.createElementBlock("div",CM,[f.createVNode(C,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:f.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:h,onKeyup:f.withKeys(h,["esc"])},{default:f.withCtx(()=>{var D;return[f.createElementVNode("div",null,[o.value?(f.openBlock(),f.createElementBlock("div",PM,[f.createElementVNode("p",null,f.toDisplayString(y.modalDescription?y.modalDescription:f.unref(e).t("csvExport.exportDescription")),1),f.createElementVNode("p",null,f.toDisplayString(f.unref(e).t("csvExport.exportTimeRange"))+": "+f.toDisplayString(f.unref(u)),1)])):f.createCommentVNode("",!0),f.createVNode(v,{class:"vitals-table",fetcher:p,"fetcher-cache-key":String(l.value),headers:((D=g.value)==null?void 0:D.headers)||[],"hide-pagination":"","row-hover":!1,sortable:!1},{"empty-state":f.withCtx(()=>[f.createVNode(w,{"action-button-visible":!1},{title:f.withCtx(()=>[f.createElementVNode("h5",null,f.toDisplayString(f.unref(e).t("csvExport.noDataRange")),1)]),default:f.withCtx(()=>[f.createElementVNode("p",null,f.toDisplayString(f.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!a.value&&o.value?(f.openBlock(),f.createElementBlock("div",OM,f.toDisplayString(d.value),1)):f.createCommentVNode("",!0)])]}),"footer-actions":f.withCtx(()=>[f.createVNode(M,{appearance:"tertiary",class:"cancel-btn",onClick:h},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("csvExport.cancelButton")),1)]),_:1}),f.createVNode(eM,{class:"vitals-report-export-button",filename:r,headers:g.value.csvHeaders,rows:g.value.rows},{default:f.withCtx(()=>[f.createVNode(M,{appearance:"primary","data-testid":"csv-download-button",disabled:a.value||!o.value},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),wh=f.defineComponent({__name:"CsvExportButton",props:{data:{type:Object,required:!0},text:{type:String,required:!1,default:void 0},buttonAppearance:{type:String,required:!1,default:()=>"tertiary"},filenamePrefix:{type:String,required:!1,default:void 0}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),s=f.ref(!1),r=o=>{s.value=o},a=()=>{r(!0)};return(o,l)=>{const c=f.resolveComponent("KButton");return f.openBlock(),f.createElementBlock(f.Fragment,null,[f.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:f.withModifiers(a,["prevent"])},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(n.text||f.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),s.value?(f.openBlock(),f.createBlock(_h,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:r},null,8,["chart-data","filename"])):f.createCommentVNode("",!0)],64)}}}),EM={class:"analytics-chart-shell"},AM={key:0,class:"chart-header"},RM={key:0,class:"chart-title"},LM={class:"chart-header-icons-wrapper"},IM={key:1,class:"chart-export-button"},NM={key:2,class:"analytics-chart-parent"},FM=f.defineComponent({__name:"AnalyticsChart",props:{allowCsvExport:{type:Boolean,required:!1,default:!1},chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},tooltipTitle:{type:String,required:!1,default:""},emptyStateTitle:{type:String,required:!1,default:""},emptyStateDescription:{type:String,required:!1,default:""},chartTitle:{type:String,required:!1,default:""},filenamePrefix:{type:String,required:!1,default:""},legendPosition:{type:String,required:!1,default:Pt.Right},syntheticsDataKey:{type:String,required:!1,default:""},showLegendValues:{type:Boolean,required:!1,default:!0},showAnnotations:{type:Boolean,required:!1,default:!0}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.toRef(t,"chartData"),s=f.computed(()=>g.value?gt.useExploreResultToTimeDataset({fill:t.chartOptions.stacked,colorPalette:t.chartOptions.chartDatasetColors||Vs},f.toRef(t,"chartData")).value:gt.useExploreResultToDatasets({fill:t.chartOptions.stacked,colorPalette:t.chartOptions.chartDatasetColors||Vs},f.toRef(t,"chartData")).value),r=f.computed(()=>{var S;return(S=t.chartData)!=null&&S.meta?"start_ms"in t.chartData.meta?t.chartData.meta.end_ms-t.chartData.meta.start_ms:void 0:0}),a=f.computed(()=>{var S;return(S=t.chartData.meta)!=null&&S.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),o=f.computed(()=>t.showLegendValues&&t.legendPosition!==Pt.Bottom),{legendValues:l}=gt.useChartLegendValues(s,t.chartOptions.type,a),c=f.computed(()=>{var S,O,A;return((A=(O=(S=t.chartData)==null?void 0:S.meta)==null?void 0:O.limit)==null?void 0:A.toString())||null}),u=f.computed(()=>{var S,O;return((O=(S=t.chartData)==null?void 0:S.meta)==null?void 0:O.truncated)||!1}),d=e.t("limitedResultsShown",{maxReturned:c.value}),h=f.computed(()=>["vertical_bar","horizontal_bar"].includes(t.chartOptions.type)),g=f.computed(()=>["timeseries_bar","timeseries_line"].some(S=>S===t.chartOptions.type)),p=f.computed(()=>t.chartOptions.type==="doughnut"),y=f.computed(()=>t.chartOptions.type.includes("vertical")?"vertical":"horizontal"),x=f.computed(()=>{var A,F,j;if(!((A=t.chartData)!=null&&A.meta.metric_names)||!((F=t.chartData)!=null&&F.meta.metric_units))return;const S=t.chartData.meta.metric_names[0],O=t.chartData.meta.metric_units[S];if(t.chartData.meta.metric_names.length>1){if(S.includes("latency"))return e.t("metricAxisTitles.latency_in",{unit:e.t(`chartUnits.${O}`,{plural:"s"})});if(S.includes("size"))return e.t("metricAxisTitles.size_in",{unit:e.t(`chartUnits.${O}`,{plural:"s"})})}return((j=t.chartOptions)==null?void 0:j.metricAxesTitle)||e.te(`metricAxisTitles.${S}`)&&e.te(`chartUnits.${O}`)&&e.t(`metricAxisTitles.${S}`,{unit:e.t(`chartUnits.${O}`,{plural:"s"})})||void 0}),w=f.computed(()=>{const S=g.value?"Time":Object.keys(t.chartData.meta.display||t.chartData.meta.metric_names)[0];return t.chartOptions.dimensionAxesTitle||e.te(`chartLabels.${S}`)&&e.t(`chartLabels.${S}`)||void 0}),v=f.computed(()=>{const S=Ba(Number(t.chartData.meta.granularity_ms));return e.t(`granularityAxisTitles.${S}`)}),M=f.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),C=f.computed(()=>t.emptyStateDescription||e.t("noDataAvailableDescription")),D=f.computed(()=>g.value?Cx(s.value):t.chartData&&t.chartData.meta&&t.chartData.data.length),E=f.computed(()=>D.value&&u.value&&c.value||t.chartTitle||t.allowCsvExport&&D.value),T=f.computed(()=>t.chartData.meta.granularity_ms?Ba(t.chartData.meta.granularity_ms)||"hourly":Ba(new Date(t.chartData.data[1].timestamp).getTime()-new Date(t.chartData.data[0].timestamp).getTime())||"hourly"),b=f.computed(()=>t.chartOptions.chartLegendSortFn?t.chartOptions.chartLegendSortFn:(S,O)=>S.text===e.t("chartLabels.____OTHER____")?1:O.text===e.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(S.text,10))&&!isNaN(parseInt(O.text,10))?S.text<O.text?-1:1:S.value&&O.value?O.value.raw-S.value.raw:0),_=f.computed(()=>t.chartOptions.chartTooltipSortFn?t.chartOptions.chartTooltipSortFn:(S,O)=>S.label===e.t("chartLabels.____OTHER____")?1:O.label===e.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(S.label,10))&&!isNaN(parseInt(O.label,10))?S.label<O.label?-1:1:S.value&&O.value?O.rawValue-S.rawValue:0);return f.provide("showLegendValues",o),f.provide("legendPosition",f.toRef(t,"legendPosition")),(S,O)=>{const A=f.resolveComponent("KTooltip"),F=f.resolveComponent("KEmptyState");return f.openBlock(),f.createElementBlock("div",EM,[E.value?(f.openBlock(),f.createElementBlock("div",AM,[n.chartTitle?(f.openBlock(),f.createElementBlock("div",RM,f.toDisplayString(n.chartTitle),1)):f.createCommentVNode("",!0),f.createElementVNode("div",LM,[D.value&&u.value&&c.value?(f.openBlock(),f.createBlock(A,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(d)),1)]),default:f.withCtx(()=>[f.createVNode(f.unref(Do.WarningIcon),{color:`var(--kui-color-text-warning, ${f.unref(Pv)})`,decorative:"",size:f.unref(Ov)},null,8,["color","size"])]),_:1})):f.createCommentVNode("",!0)]),n.allowCsvExport&&D.value?(f.openBlock(),f.createElementBlock("div",IM,[f.createVNode(wh,{data:i.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):f.createCommentVNode("",!0)])):f.createCommentVNode("",!0),D.value?(f.openBlock(),f.createElementBlock("div",NM,[g.value?(f.openBlock(),f.createBlock(pk,{key:0,"chart-data":s.value,"chart-legend-sort-fn":b.value,"chart-tooltip-sort-fn":_.value,"dimension-axes-title":v.value,fill:n.chartOptions.stacked,granularity:T.value,"legend-values":f.unref(l),"metric-axes-title":x.value,"metric-unit":a.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":r.value,"tooltip-title":n.tooltipTitle,type:n.chartOptions.type},null,8,["chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","fill","granularity","legend-values","metric-axes-title","metric-unit","stacked","synthetics-data-key","time-range-ms","tooltip-title","type"])):h.value?(f.openBlock(),f.createBlock(nk,{key:1,annotations:n.showAnnotations,"chart-data":s.value,"chart-legend-sort-fn":b.value,"chart-tooltip-sort-fn":_.value,"data-testid":"bar-chart-container","dimension-axes-title":w.value,"legend-values":f.unref(l),"metric-axes-title":x.value,"metric-unit":a.value,orientation:y.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["annotations","chart-data","chart-legend-sort-fn","chart-tooltip-sort-fn","dimension-axes-title","legend-values","metric-axes-title","metric-unit","orientation","stacked","synthetics-data-key","tooltip-title"])):p.value?(f.openBlock(),f.createBlock(gk,{key:2,"chart-data":s.value,"dataset-colors":n.chartOptions.chartDatasetColors||f.unref(Vs),"legend-position":n.legendPosition,"legend-values":f.unref(l),"metric-unit":a.value,"synthetics-data-key":n.syntheticsDataKey,"tooltip-title":n.tooltipTitle},null,8,["chart-data","dataset-colors","legend-position","legend-values","metric-unit","synthetics-data-key","tooltip-title"])):f.createCommentVNode("",!0)])):(f.openBlock(),f.createBlock(F,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(M.value),1)]),default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(C.value),1)]),_:1}))])}}}),zM=We(FM,[["__scopeId","data-v-470fa6ac"]]),BM={class:"chart-parent","data-testid":"doughnut-chart-parent"},HM={class:"chart-totals-flex"},WM={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},YM=f.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:Jn.Hidden},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Be},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.ref(hn()),s=f.computed(()=>[t.chartData.datasets.reduce((p,y)=>(p.labels.push(y.label),p.borderColor.push(y.backgroundColor),p.backgroundColor.push(y.backgroundColor),p.data.push(y.data.reduce((x,w)=>x+w,0)),p),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),r=f.computed(()=>({...t.chartData,datasets:s.value}));gt.useReportChartDataForSynthetics(f.toRef(t,"chartData"),f.toRef(t,"syntheticsDataKey"));const a={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},o=f.ref(),l=f.computed(()=>{var g;return ji((g=s==null?void 0:s.value[0])==null?void 0:g.data[t.numerator],{capital:!0})}),c=f.computed(()=>{var g,p;return ji(((g=s==null?void 0:s.value[0])==null?void 0:g.data[0])+((p=s==null?void 0:s.value[0])==null?void 0:p.data[1]),{capital:!0})}),u=f.computed(()=>{var g;return`color: ${(g=s==null?void 0:s.value[0])==null?void 0:g.backgroundColor[t.numerator]}`}),d=f.computed(()=>[Jn.Full,Jn.SingleMetric].includes(t.metricDisplay)),h=f.computed(()=>t.metricDisplay===Jn.Full);return(g,p)=>(f.openBlock(),f.createElementBlock("div",BM,[f.createElementVNode("div",HM,[d.value?(f.openBlock(),f.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:f.normalizeStyle(u.value)},f.toDisplayString(l.value),5)):f.createCommentVNode("",!0),h.value?(f.openBlock(),f.createElementBlock("div",WM,f.toDisplayString(f.unref(e).t("total"))+": "+f.toDisplayString(c.value),1)):f.createCommentVNode("",!0)]),f.createElementVNode("div",{class:"chart-container",style:f.normalizeStyle({height:n.height,width:n.width})},[f.createVNode(f.unref(Zd),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:r.value,options:a},null,8,["chart-id","data","options"])],4)]))}}),VM=We(YM,[["__scopeId","data-v-18bc031c"]]),jM={class:"simple-chart-shell"},$M={key:1,class:"analytics-chart-parent"},qM=We(f.defineComponent({__name:"SimpleChart",props:{chartData:{type:Object,required:!0},chartOptions:{type:Object,required:!0},emptyStateTitle:{type:String,required:!1,default:""},syntheticsDataKey:{type:String,required:!1,default:""},height:{type:String,required:!1,default:"400px",validator:n=>/(\d *)(px|%)/.test(n)},width:{type:String,required:!1,default:"100%",validator:n=>/(\d *)(px|%)/.test(n)}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.computed(()=>{var c;const l=gt.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||Be},f.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),s=f.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),r=f.computed(()=>t.chartOptions.type==="gauge"),a=f.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),o=f.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.data.length);return(l,c)=>{const u=f.resolveComponent("KEmptyState");return f.openBlock(),f.createElementBlock("div",jM,[o.value?(f.openBlock(),f.createElementBlock("div",$M,[r.value?(f.openBlock(),f.createBlock(VM,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":s.value,numerator:n.chartOptions.numerator,"synthetics-data-key":n.syntheticsDataKey,width:n.width},null,8,["chart-data","dataset-colors","metric-display","metric-unit","numerator","synthetics-data-key","width"])):f.createCommentVNode("",!0)])):(f.openBlock(),f.createBlock(u,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(a.value),1)]),_:1}))])}}}),[["__scopeId","data-v-0ee40a4b"]]),UM={class:"top-n-card-title","data-testid":"top-n-card-title"},XM={class:"top-n-card-description","data-testid":"top-n-card-description"},GM={key:3,class:"top-n-table","data-testid":"top-n-table"},KM={class:"table-headings"},ZM={class:"table-row"},QM={class:"column-1"},JM={class:"column-2"},tS={class:"table-body","data-testid":"top-n-data"},eS=["data-testid"],nS={class:"column-1"},iS={class:"column-2"},sS=We(f.defineComponent({__name:"TopNTable",props:{title:{type:String,required:!0},description:{type:String,default:""},data:{type:Object,required:!0},emptyStateTitle:{type:String,default:""},isLoading:{type:Boolean,default:!1},titleTag:{type:String,default:"h2"}},setup(n){const t=n,{i18n:e}=gt.useI18n(),i=f.computed(()=>t.data.data),s=f.computed(()=>{var p;return!!((p=i.value)!=null&&p.length)}),r=f.computed(()=>{var p,y;return(p=t.data.meta)!=null&&p.display&&((y=Object.keys(t.data.meta.display))==null?void 0:y[0])||""}),a=f.computed(()=>r.value?t.data.meta.display[r.value]:{}),o=f.computed(()=>{var p,y;return(y=(p=t.data.meta)==null?void 0:p.metric_names)!=null&&y.length?t.data.meta.metric_names[0]:""}),l=f.computed(()=>o.value?e.t(`chartLabels.${o.value}`)||o.value:""),c=f.computed(()=>{if(!s.value)return"";if(t.data.meta){if(a.value&&!Object.keys(a.value).length)return e.t("topNTable.errors.display");if(!o.value)return e.t("topNTable.errors.metricNames")}else return e.t("topNTable.errors.meta");return""}),u=p=>{const y=p.event;return String(y[r.value])},d=p=>{const y=u(p),x=a.value&&a.value[y];return x?x.name:"-"},h=p=>{const y=u(p),x=a.value&&a.value[y];return x?!!x.deleted:!1},g=p=>{if(!o.value)return"–";const x=p.event[o.value];return x?ji(x,{capital:!0,round:!0}):"–"};return(p,y)=>{const x=f.resolveComponent("KEmptyState"),w=f.resolveComponent("KSkeleton"),v=f.resolveComponent("KCard");return f.openBlock(),f.createBlock(v,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},f.createSlots({default:f.withCtx(()=>[c.value?(f.openBlock(),f.createBlock(x,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(f.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(c.value),1)]),_:1})):n.isLoading?(f.openBlock(),f.createBlock(w,{key:1,"table-columns":2,type:"table"})):s.value?(f.openBlock(),f.createElementBlock("div",GM,[f.createElementVNode("div",KM,[f.createElementVNode("div",ZM,[f.createElementVNode("div",QM,f.toDisplayString(f.unref(e).t("topNTable.nameLabel")),1),f.createElementVNode("div",JM,f.toDisplayString(l.value),1)])]),f.createElementVNode("div",tS,[(f.openBlock(!0),f.createElementBlock(f.Fragment,null,f.renderList(i.value,(M,C)=>(f.openBlock(),f.createElementBlock("div",{key:`entry-${C}`,class:"table-row","data-testid":`row-${u(M)}`},[f.createElementVNode("div",nS,[f.renderSlot(p.$slots,"name",{record:{id:u(M),name:d(M),deleted:h(M),dimension:r.value}},()=>[f.createTextVNode(f.toDisplayString(d(M)),1)],!0)]),f.createElementVNode("div",iS,"   "+f.toDisplayString(g(M)),1)],8,eS))),128))])])):(f.openBlock(),f.createBlock(x,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(n.emptyStateTitle||f.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:f.withCtx(()=>[f.createElementVNode("span",UM,f.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:f.withCtx(()=>[f.createElementVNode("div",XM,f.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-50809fdb"]]);Q.AnalyticsChart=zM,Q.ChartLegendPosition=Pt,Q.ChartMetricDisplay=Jn,Q.CsvExportButton=wh,Q.CsvExportModal=_h,Q.DECIMAL_DISPLAY=_u,Q.FONT_SIZE_REGULAR=vu,Q.FONT_SIZE_SMALL=wu,Q.MAX_LABEL_LENGTH=Ys,Q.OTHERS_COLOR=Lx,Q.SimpleChart=qM,Q.TopNTable=sS,Q.ValidType=Rn,Q.accessibleGrey=Su,Q.apiRequestStatusCodeColors=Du,Q.chartTypes=mk,Q.codesInSpec=Ou,Q.darkenColor=Mu,Q.datavisPalette=Be,Q.defaultStatusCodeColors=Vs,Q.errorRateColors=Ax,Q.latencyColors=Rx,Q.lightGrey=Ta,Q.lookupColor=Ix,Q.lookupDatavisColor=Xn,Q.lookupStatusCodeCategoryColor=Yx,Q.lookupStatusCodeColor=Ca,Q.numberFormatter=Ws,Q.simpleChartTypes=yk,Q.statusCodeBadgeBackgroundColor=Ox,Q.trafficColors=Ex,Object.defineProperty(Q,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/analytics-chart",
-  "version": "5.0.10",
+  "version": "5.0.11",
   "type": "module",
   "main": "./dist/vitals-chart.umd.js",
   "module": "./dist/vitals-chart.es.js",
@@ -27,7 +27,7 @@
   },
   "devDependencies": {
     "@kong/design-tokens": "1.17.2",
-    "@kong/kongponents": "9.11.2",
+    "@kong/kongponents": "9.12.0",
     "@types/uuid": "^10.0.0",
     "file-saver": "^2.0.5",
     "lodash.mapkeys": "^4.6.0",
@@ -35,8 +35,8 @@
     "lodash.pickby": "^4.6.0",
     "papaparse": "^5.4.1",
     "vue": "^3.4.38",
-    "@kong-ui-public/sandbox-layout": "^2.1.44",
-    "@kong-ui-public/i18n": "^2.2.3"
+    "@kong-ui-public/i18n": "^2.2.3",
+    "@kong-ui-public/sandbox-layout": "^2.1.45"
   },
   "repository": {
     "type": "git",