@kong-ui-public/analytics-chart 4.0.6 → 4.0.8

package/dist/vitals-chart.es.js

@@ -22285,11 +22285,11 @@ const zk = ["id"], Yk = /* @__PURE__ */ fe({
                 oe(v, {
                   class: "vitals-table",
                   "disable-pagination": "",
-                  "disable-sorting": "",
                   fetcher: m,
                   "fetcher-cache-key": String(l.value),
-                  "has-hover": !1,
-                  headers: ((w = h.value) == null ? void 0 : w.headers) || []
+                  headers: ((w = h.value) == null ? void 0 : w.headers) || [],
+                  "row-hover": !1,
+                  sortable: !1
                 }, {
                   "empty-state": qt(() => [
                     oe(p, { "action-button-visible": !1 }, {

package/dist/vitals-chart.umd.js

@@ -41,4 +41,4 @@ License: MIT
 `&&P!=="\r"&&P!==`\r
 `&&(P=`
 `);var I=0,rt=!1;this.parse=function(B,yt,ut){if(typeof B!="string")throw new Error("Input must be a string");var z=B.length,L=O.length,U=P.length,j=E.length,Z=k(F),K=[],N=[],A=[],Q=I=0;if(!B)return ce();if(S.header&&!yt){var X=B.split(P)[0].split(O),vt=[],ct={},Ot=!1;for(var _t in X){var et=X[_t];k(S.transformHeader)&&(et=S.transformHeader(et,_t));var bt=et,Nt=ct[et]||0;for(0<Nt&&(Ot=!0,bt=et+"_"+Nt),ct[et]=Nt+1;vt.includes(bt);)bt=bt+"_"+Nt;vt.push(bt)}if(Ot){var Me=B.split(P);Me[0]=vt.join(O),B=Me.join(P)}}if($||$!==!1&&B.indexOf(M)===-1){for(var Ee=B.split(P),me=0;me<Ee.length;me++){if(A=Ee[me],I+=A.length,me!==Ee.length-1)I+=P.length;else if(ut)return ce();if(!E||A.substring(0,j)!==E){if(Z){if(K=[],tn(A.split(O)),ye(),rt)return ce()}else tn(A.split(O));if(q&&q<=me)return K=K.slice(0,q),ce(!0)}}return ce()}for(var Lt=B.indexOf(O,I),Ft=B.indexOf(P,I),Je=new RegExp(g(Y)+g(M),"g"),Dt=B.indexOf(M,I);;)if(B[I]!==M)if(E&&A.length===0&&B.substring(I,I+j)===E){if(Ft===-1)return ce();I=Ft+U,Ft=B.indexOf(P,I),Lt=B.indexOf(O,I)}else if(Lt!==-1&&(Lt<Ft||Ft===-1))A.push(B.substring(I,Lt)),I=Lt+L,Lt=B.indexOf(O,I);else{if(Ft===-1)break;if(A.push(B.substring(I,Ft)),Ae(Ft+U),Z&&(ye(),rt))return ce();if(q&&K.length>=q)return ce(!0)}else for(Dt=I,I++;;){if((Dt=B.indexOf(M,Dt+1))===-1)return ut||N.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:K.length,index:I}),Ce();if(Dt===z-1)return Ce(B.substring(I,Dt).replace(Je,M));if(M!==Y||B[Dt+1]!==Y){if(M===Y||Dt===0||B[Dt-1]!==Y){Lt!==-1&&Lt<Dt+1&&(Lt=B.indexOf(O,Dt+1)),Ft!==-1&&Ft<Dt+1&&(Ft=B.indexOf(P,Dt+1));var Cn=_e(Ft===-1?Lt:Math.min(Lt,Ft));if(B.substr(Dt+1+Cn,L)===O){A.push(B.substring(I,Dt).replace(Je,M)),B[I=Dt+1+Cn+L]!==M&&(Dt=B.indexOf(M,I)),Lt=B.indexOf(O,I),Ft=B.indexOf(P,I);break}var Re=_e(Ft);if(B.substring(Dt+1+Re,Dt+1+Re+U)===P){if(A.push(B.substring(I,Dt).replace(Je,M)),Ae(Dt+1+Re+U),Lt=B.indexOf(O,I),Dt=B.indexOf(M,I),Z&&(ye(),rt))return ce();if(q&&K.length>=q)return ce(!0);break}N.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:K.length,index:I}),Dt++}}else Dt++}return Ce();function tn(Kt){K.push(Kt),Q=I}function _e(Kt){var _a=0;if(Kt!==-1){var vi=B.substring(Dt+1,Kt);vi&&vi.trim()===""&&(_a=vi.length)}return _a}function Ce(Kt){return ut||(Kt===void 0&&(Kt=B.substring(I)),A.push(Kt),I=z,tn(A),Z&&ye()),ce()}function Ae(Kt){I=Kt,tn(A),A=[],Ft=B.indexOf(P,I)}function ce(Kt){return{data:K,errors:N,meta:{delimiter:O,linebreak:P,aborted:rt,truncated:!!Kt,cursor:Q+(yt||0)}}}function ye(){F(ce()),K=[],N=[]}},this.abort=function(){rt=!0},this.getCharIndex=function(){return I}}function v(S){var M=S.data,O=s[M.workerId],P=!1;if(M.error)O.userError(M.error,M.file);else if(M.results&&M.results.data){var E={abort:function(){P=!0,b(M.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:w,resume:w};if(k(O.userStep)){for(var F=0;F<M.results.data.length&&(O.userStep({data:M.results.data[F],errors:M.results.errors,meta:M.results.meta},E),!P);F++);delete M.results}else k(O.userChunk)&&(O.userChunk(M.results,E,M.file),delete M.results)}M.finished&&!P&&b(M.workerId,M.results)}function b(S,M){var O=s[S];k(O.userComplete)&&O.userComplete(M),O.terminate(),delete s[S]}function w(){throw new Error("Not implemented.")}function T(S){if(typeof S!="object"||S===null)return S;var M=Array.isArray(S)?[]:{};for(var O in S)M[O]=T(S[O]);return M}function C(S,M){return function(){S.apply(M,arguments)}}function k(S){return typeof S=="function"}return a&&(i.onmessage=function(S){var M=S.data;if(l.WORKER_ID===void 0&&M&&(l.WORKER_ID=M.workerId),typeof M.input=="string")i.postMessage({workerId:l.WORKER_ID,results:l.parse(M.input,M.config),finished:!0});else if(i.File&&M.input instanceof File||M.input instanceof Object){var O=l.parse(M.input,M.config);O&&i.postMessage({workerId:l.WORKER_ID,results:O,finished:!0})}}),(d.prototype=Object.create(u.prototype)).constructor=d,(f.prototype=Object.create(u.prototype)).constructor=f,(p.prototype=Object.create(p.prototype)).constructor=p,(y.prototype=Object.create(u.prototype)).constructor=y,l})})(ip);var LC=ip.exports;const IC=["id"],NC=h.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,r=h.computed(()=>`export_${new Date().getTime()}`),a=h.computed(()=>{const u=l();return u.length?u:null}),s=()=>{const u=i.labels;if(typeof i.fields!==qn.Object)throw new Error("Labels needs to be a object containing key / value pairs.");return typeof u===qn.Object?d=>nC(d,(f,p)=>u[p]||p):d=>d},o=()=>{const u=i.fields;if(typeof i.fields!==qn.Object&&!Array.isArray(u))throw new Error("Fields needs to be an array of strings.");return Array.isArray(u)?d=>RC(d,u):d=>d},l=()=>{if(typeof i.fields===qn.Undefined&&typeof i.labels===qn.Undefined)return i.data;const u=s(),d=o();return i.data.map(f=>u(d(f)))},c=()=>{if(!(a!=null&&a.value)){console.warn("No data to export");return}e("export-started",a.value);let u=LC.unparse(a.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});AC.saveAs(d,i.filename)}};return(u,d)=>(h.openBlock(),h.createElementBlock("div",{id:r.value,"data-testid":"export-csv",onClick:c},[h.renderSlot(u.$slots,"default",{},()=>[h.createTextVNode("Download "+h.toDisplayString(n.filename),1)])],8,IC))}}),FC=h.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=h.computed(()=>Object.keys(t.headers));return(i,r)=>(h.openBlock(),h.createElementBlock("div",null,[h.createVNode(NC,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:h.withCtx(()=>[h.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),UC={class:"kong-ui-public-csv-export-modal"},BC={key:0,class:"selected-range"},WC={key:1,class:"text-muted",tag:"span"},rp=3,ap=h.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=Ct.useI18n(),i=n,r=t,a=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,s=h.ref(!0),o=h.computed(()=>{var x,g;return!!((g=(x=i.chartData)==null?void 0:x.data)!=null&&g.length)}),l=h.ref(1),c=h.computed(()=>p.value.rows.length),u=Ct.useChartSelectedRange(h.toRef(i,"chartData")),d=h.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(rp,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),f=()=>{r("toggleModal",!1)},p=h.computed(()=>{var T,C,k;if(!o.value||!((T=i.chartData)!=null&&T.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const x=i.chartData.data.some(S=>S.timestamp!==i.chartData.data[0].timestamp),g=i.chartData.data.map(S=>{const M=new Date(S.timestamp);return{...Object.keys(S.event).reduce((P,E)=>{if(E in i.chartData.meta.display){const F=S.event[E],q=i.chartData.meta.display[E];P[E]=F&&q&&q[F].name||S.event[E]}else P[E]=S.event[E];return P},{}),...x?{timestamp:Do(M,"yyyy-MM-dd HH:mm:ss"),tzOffset:Do(M,"XXX")}:{}}});let m=[];x&&(m=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const v="display"in i.chartData.meta&&((C=i.chartData.meta)!=null&&C.display)?(k=i.chartData.meta)==null?void 0:k.display:{},b=[...m,...Object.keys(v).map(S=>({label:e.t(`chartLabels.${S}`),key:S})),...i.chartData.meta.metric_names.map(S=>({label:e.t(`chartLabels.${S}`),key:S}))],w=b.reduce((S,M)=>(S[M.key]=M.label,S),{});return{headers:b,csvHeaders:w,rows:g}}),y=()=>{const{rows:x}=p.value;return s.value=!1,{total:Number(x.length)||0,data:x.slice(0,rp)}};return h.watch(p,()=>{l.value++}),(x,g)=>{const m=h.resolveComponent("KEmptyState"),v=h.resolveComponent("KTable"),b=h.resolveComponent("KButton"),w=h.resolveComponent("KModal");return h.openBlock(),h.createElementBlock("div",UC,[h.createVNode(w,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:h.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:f,onKeyup:h.withKeys(f,["esc"])},{default:h.withCtx(()=>{var T;return[h.createElementVNode("div",null,[o.value?(h.openBlock(),h.createElementBlock("div",BC,[h.createElementVNode("p",null,h.toDisplayString(x.modalDescription?x.modalDescription:h.unref(e).t("csvExport.exportDescription")),1),h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.exportTimeRange"))+": "+h.toDisplayString(h.unref(u)),1)])):h.createCommentVNode("",!0),h.createVNode(v,{class:"vitals-table","disable-pagination":"","disable-sorting":"",fetcher:y,"fetcher-cache-key":String(l.value),"has-hover":!1,headers:((T=p.value)==null?void 0:T.headers)||[]},{"empty-state":h.withCtx(()=>[h.createVNode(m,{"action-button-visible":!1},{title:h.withCtx(()=>[h.createElementVNode("h5",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRange")),1)]),default:h.withCtx(()=>[h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!s.value&&o.value?(h.openBlock(),h.createElementBlock("div",WC,h.toDisplayString(d.value),1)):h.createCommentVNode("",!0)])]}),"footer-actions":h.withCtx(()=>[h.createVNode(b,{appearance:"tertiary",class:"cancel-btn",onClick:f},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.cancelButton")),1)]),_:1}),h.createVNode(FC,{class:"vitals-report-export-button",filename:a,headers:p.value.csvHeaders,rows:p.value.rows},{default:h.withCtx(()=>[h.createVNode(b,{appearance:"primary","data-testid":"csv-download-button",disabled:s.value||!o.value},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),sp=h.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}=Ct.useI18n(),i=h.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),r=h.ref(!1),a=o=>{r.value=o},s=()=>{a(!0)};return(o,l)=>{const c=h.resolveComponent("KButton");return h.openBlock(),h.createElementBlock(h.Fragment,null,[h.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:h.withModifiers(s,["prevent"])},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.text||h.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),r.value?(h.openBlock(),h.createBlock(ap,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:a},null,8,["chart-data","filename"])):h.createCommentVNode("",!0)],64)}}}),zC={class:"analytics-chart-shell"},YC={key:0,class:"chart-header"},HC={key:0,class:"chart-title"},$C={class:"chart-header-icons-wrapper"},jC={key:1,class:"chart-export-button"},VC={key:2,class:"analytics-chart-parent"},qC=h.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:Wt.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}=Ct.useI18n(),i=h.toRef(t,"chartData"),r=h.computed(()=>p.value?Ct.useExploreResultToTimeDataset({fill:t.chartOptions.stacked,colorPalette:t.chartOptions.chartDatasetColors||sa},h.toRef(t,"chartData")).value:Ct.useExploreResultToDatasets({fill:t.chartOptions.stacked,colorPalette:t.chartOptions.chartDatasetColors||sa},h.toRef(t,"chartData")).value),a=h.computed(()=>{var O;return(O=t.chartData)!=null&&O.meta?"start_ms"in t.chartData.meta?t.chartData.meta.end_ms-t.chartData.meta.start_ms:void 0:0}),s=h.computed(()=>{var O;return(O=t.chartData.meta)!=null&&O.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),o=h.computed(()=>t.showLegendValues&&t.legendPosition!==Wt.Bottom),{legendValues:l}=Ct.useChartLegendValues(r,t.chartOptions.type,s),c=h.computed(()=>{var O,P,E;return((E=(P=(O=t.chartData)==null?void 0:O.meta)==null?void 0:P.limit)==null?void 0:E.toString())||null}),u=h.computed(()=>{var O,P;return((P=(O=t.chartData)==null?void 0:O.meta)==null?void 0:P.truncated)||!1}),d=e.t("limitedResultsShown",{maxReturned:c.value}),f=h.computed(()=>[ee.VERTICAL_BAR.toString(),ee.HORIZONTAL_BAR.toString()].includes(t.chartOptions.type)),p=h.computed(()=>[ee.TIMESERIES_BAR,ee.TIMESERIES_LINE].some(O=>O===t.chartOptions.type)),y=h.computed(()=>t.chartOptions.type===ee.DOUGHNUT),x=h.computed(()=>t.chartOptions.type.includes("Vertical")?"vertical":"horizontal"),g=h.computed(()=>{var E,F,q;if(!((E=t.chartData)!=null&&E.meta.metric_names)||!((F=t.chartData)!=null&&F.meta.metric_units))return;const O=t.chartData.meta.metric_names[0],P=t.chartData.meta.metric_units[O];return((q=t.chartOptions)==null?void 0:q.metricAxesTitle)||e.te(`metricAxisTitles.${O}`)&&e.te(`chartUnits.${P}`)&&e.t(`metricAxisTitles.${O}`,{unit:e.t(`chartUnits.${P}`,{plural:"s"})})||void 0}),m=h.computed(()=>{const O=p.value?"Time":Object.keys(t.chartData.meta.display||t.chartData.meta.metric_names)[0];return t.chartOptions.dimensionAxesTitle||e.te(`chartLabels.${O}`)&&e.t(`chartLabels.${O}`)||void 0}),v=h.computed(()=>{const O=jl(Number(t.chartData.meta.granularity_ms));return e.t(`granularityAxisTitles.${O}`)}),b=h.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),w=h.computed(()=>t.emptyStateDescription||e.t("noDataAvailableDescription")),T=h.computed(()=>p.value?O_(r.value):t.chartData&&t.chartData.meta&&t.chartData.data.length),C=h.computed(()=>T.value&&u.value&&c.value||t.chartTitle||t.allowCsvExport&&T.value),k=h.computed(()=>t.chartData.meta.granularity_ms?jl(t.chartData.meta.granularity_ms)||"hourly":jl(new Date(t.chartData.data[1].timestamp).getTime()-new Date(t.chartData.data[0].timestamp).getTime())||"hourly"),S=h.computed(()=>t.chartOptions.chartLegendSortFn?t.chartOptions.chartLegendSortFn:(O,P)=>O.text===e.t("chartLabels.____OTHER____")?1:P.text===e.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(O.text,10))&&!isNaN(parseInt(P.text,10))?O.text<P.text?-1:1:O.value&&P.value?P.value.raw-O.value.raw:0),M=h.computed(()=>t.chartOptions.chartTooltipSortFn?t.chartOptions.chartTooltipSortFn:(O,P)=>O.label===e.t("chartLabels.____OTHER____")?1:P.label===e.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(O.label,10))&&!isNaN(parseInt(P.label,10))?O.label<P.label?-1:1:O.value&&P.value?P.rawValue-O.rawValue:0);return h.provide("showLegendValues",o),h.provide("legendPosition",h.toRef(t,"legendPosition")),(O,P)=>{const E=h.resolveComponent("KTooltip"),F=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",zC,[C.value?(h.openBlock(),h.createElementBlock("div",YC,[n.chartTitle?(h.openBlock(),h.createElementBlock("div",HC,h.toDisplayString(n.chartTitle),1)):h.createCommentVNode("",!0),h.createElementVNode("div",$C,[T.value&&u.value&&c.value?(h.openBlock(),h.createBlock(E,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(d)),1)]),default:h.withCtx(()=>[h.createVNode(h.unref(XT),{color:h.unref(KT),decorative:"",size:h.unref(QT)},null,8,["color","size"])]),_:1})):h.createCommentVNode("",!0)]),n.allowCsvExport&&T.value?(h.openBlock(),h.createElementBlock("div",jC,[h.createVNode(sp,{data:i.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):h.createCommentVNode("",!0)])):h.createCommentVNode("",!0),T.value?(h.openBlock(),h.createElementBlock("div",VC,[p.value?(h.openBlock(),h.createBlock(tC,{key:0,"chart-data":r.value,"chart-legend-sort-fn":S.value,"chart-tooltip-sort-fn":M.value,"dimension-axes-title":v.value,fill:n.chartOptions.stacked,granularity:k.value,"legend-values":h.unref(l),"metric-axes-title":g.value,"metric-unit":s.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":a.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"])):f.value?(h.openBlock(),h.createBlock(wS,{key:1,annotations:n.showAnnotations,"chart-data":r.value,"chart-legend-sort-fn":S.value,"chart-tooltip-sort-fn":M.value,"data-testid":"bar-chart-container","dimension-axes-title":m.value,"legend-values":h.unref(l),"metric-axes-title":g.value,"metric-unit":s.value,orientation:x.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"])):y.value?(h.openBlock(),h.createBlock(LS,{key:2,"chart-data":r.value,"dataset-colors":n.chartOptions.chartDatasetColors||h.unref(sa),"legend-position":n.legendPosition,"legend-values":h.unref(l),"metric-unit":s.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"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(F,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(b.value),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(w.value),1)]),_:1}))])}}}),XC=Ze(qC,[["__scopeId","data-v-d1b33c1f"]]),GC={class:"chart-parent","data-testid":"doughnut-chart-parent"},KC={class:"chart-totals-flex"},QC={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},ZC=h.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:oi.Hidden},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Qe},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}=Ct.useI18n(),i=h.ref(Sn()),r=h.computed(()=>[t.chartData.datasets.reduce((y,x)=>(y.labels.push(x.label),y.borderColor.push(x.backgroundColor),y.backgroundColor.push(x.backgroundColor),y.data.push(x.data.reduce((g,m)=>g+m,0)),y),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),a=h.computed(()=>({...t.chartData,datasets:r.value}));Ct.useReportChartDataForSynthetics(h.toRef(t,"chartData"),h.toRef(t,"syntheticsDataKey"));const s={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},o=h.ref(),l=h.computed(()=>{var p;return rr((p=r==null?void 0:r.value[0])==null?void 0:p.data[t.numerator],{capital:!0})}),c=h.computed(()=>{var p,y;return rr(((p=r==null?void 0:r.value[0])==null?void 0:p.data[0])+((y=r==null?void 0:r.value[0])==null?void 0:y.data[1]),{capital:!0})}),u=h.computed(()=>{var p;return`color: ${(p=r==null?void 0:r.value[0])==null?void 0:p.backgroundColor[t.numerator]}`}),d=h.computed(()=>[oi.Full,oi.SingleMetric].includes(t.metricDisplay)),f=h.computed(()=>t.metricDisplay===oi.Full);return(p,y)=>(h.openBlock(),h.createElementBlock("div",GC,[h.createElementVNode("div",KC,[d.value?(h.openBlock(),h.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:h.normalizeStyle(u.value)},h.toDisplayString(l.value),5)):h.createCommentVNode("",!0),f.value?(h.openBlock(),h.createElementBlock("div",QC,h.toDisplayString(h.unref(e).t("total"))+": "+h.toDisplayString(c.value),1)):h.createCommentVNode("",!0)]),h.createElementVNode("div",{class:"chart-container",style:h.normalizeStyle({height:n.height,width:n.width})},[h.createVNode(h.unref(Dh),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:a.value,options:s},null,8,["chart-id","data","options"])],4)]))}}),JC=Ze(ZC,[["__scopeId","data-v-5871cb7a"]]),tD={class:"simple-chart-shell"},eD={key:1,class:"analytics-chart-parent"},nD=Ze(h.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}=Ct.useI18n(),i=h.computed(()=>{var c;const l=Ct.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||Qe},h.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),r=h.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),a=h.computed(()=>t.chartOptions.type===ea.GAUGE),s=h.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),o=h.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.data.length);return(l,c)=>{const u=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",tD,[o.value?(h.openBlock(),h.createElementBlock("div",eD,[a.value?(h.openBlock(),h.createBlock(JC,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":r.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"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(u,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(s.value),1)]),_:1}))])}}}),[["__scopeId","data-v-cb92de46"]]),iD={class:"top-n-card-title","data-testid":"top-n-card-title"},rD={class:"top-n-card-description","data-testid":"top-n-card-description"},aD={key:3,class:"top-n-table","data-testid":"top-n-table"},sD={class:"table-headings"},oD={class:"table-row"},lD={class:"column-1"},cD={class:"column-2"},uD={class:"table-body","data-testid":"top-n-data"},dD=["data-testid"],fD={class:"column-1"},hD={class:"column-2"},pD=Ze(h.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}=Ct.useI18n(),i=h.computed(()=>t.data.data),r=h.computed(()=>{var y;return!!((y=i.value)!=null&&y.length)}),a=h.computed(()=>{var y,x;return(y=t.data.meta)!=null&&y.display&&((x=Object.keys(t.data.meta.display))==null?void 0:x[0])||""}),s=h.computed(()=>a.value?t.data.meta.display[a.value]:{}),o=h.computed(()=>{var y,x;return(x=(y=t.data.meta)==null?void 0:y.metric_names)!=null&&x.length?t.data.meta.metric_names[0]:""}),l=h.computed(()=>o.value?e.t(`chartLabels.${o.value}`)||o.value:""),c=h.computed(()=>{if(!r.value)return"";if(t.data.meta){if(s.value&&!Object.keys(s.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=y=>{const x=y.event;return String(x[a.value])},d=y=>{const x=u(y),g=s.value&&s.value[x];return g?g.name:"-"},f=y=>{const x=u(y),g=s.value&&s.value[x];return g?!!g.deleted:!1},p=y=>{if(!o.value)return"–";const g=y.event[o.value];return g?rr(g,{capital:!0,round:!0}):"–"};return(y,x)=>{const g=h.resolveComponent("KEmptyState"),m=h.resolveComponent("KSkeleton"),v=h.resolveComponent("KCard");return h.openBlock(),h.createBlock(v,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},h.createSlots({default:h.withCtx(()=>[c.value?(h.openBlock(),h.createBlock(g,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(c.value),1)]),_:1})):n.isLoading?(h.openBlock(),h.createBlock(m,{key:1,"table-columns":2,type:"table"})):r.value?(h.openBlock(),h.createElementBlock("div",aD,[h.createElementVNode("div",sD,[h.createElementVNode("div",oD,[h.createElementVNode("div",lD,h.toDisplayString(h.unref(e).t("topNTable.nameLabel")),1),h.createElementVNode("div",cD,h.toDisplayString(l.value),1)])]),h.createElementVNode("div",uD,[(h.openBlock(!0),h.createElementBlock(h.Fragment,null,h.renderList(i.value,(b,w)=>(h.openBlock(),h.createElementBlock("div",{key:`entry-${w}`,class:"table-row","data-testid":`row-${u(b)}`},[h.createElementVNode("div",fD,[h.renderSlot(y.$slots,"name",{record:{id:u(b),name:d(b),deleted:f(b),dimension:a.value}},()=>[h.createTextVNode(h.toDisplayString(d(b)),1)],!0)]),h.createElementVNode("div",hD,"   "+h.toDisplayString(p(b)),1)],8,dD))),128))])])):(h.openBlock(),h.createBlock(g,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.emptyStateTitle||h.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:h.withCtx(()=>[h.createElementVNode("span",iD,h.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:h.withCtx(()=>[h.createElementVNode("div",rD,h.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-80a3b24a"]]);at.AnalyticsChart=XC,at.ChartLegendPosition=Wt,at.ChartMetricDisplay=oi,at.ChartTypes=ee,at.ChartTypesSimple=ea,at.CsvExportButton=sp,at.CsvExportModal=ap,at.DECIMAL_DISPLAY=_f,at.FONT_SIZE_REGULAR=Tf,at.FONT_SIZE_SMALL=wf,at.MAX_LABEL_LENGTH=aa,at.OTHERS_COLOR=$w,at.SimpleChart=nD,at.TopNTable=pD,at.ValidType=qn,at.accessibleGrey=Cf,at.apiRequestStatusCodeColors=Df,at.codesInSpec=Ef,at.darkenColor=Mf,at.datavisPalette=Qe,at.defaultStatusCodeColors=sa,at.errorRateColors=Yw,at.formatTime=ra,at.latencyColors=Hw,at.lightGrey=Ro,at.lookupColor=jw,at.lookupDatavisColor=ci,at.lookupStatusCodeCategoryColor=Zw,at.lookupStatusCodeColor=Ao,at.numberFormatter=ia,at.statusCodeBadgeBackgroundColor=Ww,at.trafficColors=zw,Object.defineProperty(at,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});AC.saveAs(d,i.filename)}};return(u,d)=>(h.openBlock(),h.createElementBlock("div",{id:r.value,"data-testid":"export-csv",onClick:c},[h.renderSlot(u.$slots,"default",{},()=>[h.createTextVNode("Download "+h.toDisplayString(n.filename),1)])],8,IC))}}),FC=h.defineComponent({__name:"DownloadCsv",props:{rows:{},headers:{},filename:{}},setup(n){const t=n,e=h.computed(()=>Object.keys(t.headers));return(i,r)=>(h.openBlock(),h.createElementBlock("div",null,[h.createVNode(NC,{data:i.rows,fields:e.value,filename:i.filename,labels:i.headers},{default:h.withCtx(()=>[h.renderSlot(i.$slots,"default")]),_:3},8,["data","fields","filename","labels"])]))}}),UC={class:"kong-ui-public-csv-export-modal"},BC={key:0,class:"selected-range"},WC={key:1,class:"text-muted",tag:"span"},rp=3,ap=h.defineComponent({__name:"CsvExportModal",props:{filename:{},modalDescription:{default:void 0},chartData:{}},emits:["toggleModal"],setup(n,{emit:t}){const{i18n:e}=Ct.useI18n(),i=n,r=t,a=`${i.filename.replace(/\s+/g,"-").toLowerCase()}-${new Date().toISOString().slice(0,10)}.csv`,s=h.ref(!0),o=h.computed(()=>{var x,g;return!!((g=(x=i.chartData)==null?void 0:x.data)!=null&&g.length)}),l=h.ref(1),c=h.computed(()=>p.value.rows.length),u=Ct.useChartSelectedRange(h.toRef(i,"chartData")),d=h.computed(()=>e.t("csvExport.previewRows",{rowsMax:Math.min(rp,c.value),rowsTotal:c.value,plural:c.value===1?"":"s"})),f=()=>{r("toggleModal",!1)},p=h.computed(()=>{var T,C,k;if(!o.value||!((T=i.chartData)!=null&&T.meta.metric_names))return{headers:[],rows:[],csvHeaders:{}};const x=i.chartData.data.some(S=>S.timestamp!==i.chartData.data[0].timestamp),g=i.chartData.data.map(S=>{const M=new Date(S.timestamp);return{...Object.keys(S.event).reduce((P,E)=>{if(E in i.chartData.meta.display){const F=S.event[E],q=i.chartData.meta.display[E];P[E]=F&&q&&q[F].name||S.event[E]}else P[E]=S.event[E];return P},{}),...x?{timestamp:Do(M,"yyyy-MM-dd HH:mm:ss"),tzOffset:Do(M,"XXX")}:{}}});let m=[];x&&(m=[{label:e.t("csvExport.Timestamp"),key:"timestamp"},{label:e.t("csvExport.UtcOffset"),key:"tzOffset"}]);const v="display"in i.chartData.meta&&((C=i.chartData.meta)!=null&&C.display)?(k=i.chartData.meta)==null?void 0:k.display:{},b=[...m,...Object.keys(v).map(S=>({label:e.t(`chartLabels.${S}`),key:S})),...i.chartData.meta.metric_names.map(S=>({label:e.t(`chartLabels.${S}`),key:S}))],w=b.reduce((S,M)=>(S[M.key]=M.label,S),{});return{headers:b,csvHeaders:w,rows:g}}),y=()=>{const{rows:x}=p.value;return s.value=!1,{total:Number(x.length)||0,data:x.slice(0,rp)}};return h.watch(p,()=>{l.value++}),(x,g)=>{const m=h.resolveComponent("KEmptyState"),v=h.resolveComponent("KTable"),b=h.resolveComponent("KButton"),w=h.resolveComponent("KModal");return h.openBlock(),h.createElementBlock("div",UC,[h.createVNode(w,{class:"vitals-report","data-testid":"csv-export-modal","show-dismiss-icon":"",title:h.unref(e).t("csvExport.exportPreview"),visible:"",onCancel:f,onKeyup:h.withKeys(f,["esc"])},{default:h.withCtx(()=>{var T;return[h.createElementVNode("div",null,[o.value?(h.openBlock(),h.createElementBlock("div",BC,[h.createElementVNode("p",null,h.toDisplayString(x.modalDescription?x.modalDescription:h.unref(e).t("csvExport.exportDescription")),1),h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.exportTimeRange"))+": "+h.toDisplayString(h.unref(u)),1)])):h.createCommentVNode("",!0),h.createVNode(v,{class:"vitals-table","disable-pagination":"",fetcher:y,"fetcher-cache-key":String(l.value),headers:((T=p.value)==null?void 0:T.headers)||[],"row-hover":!1,sortable:!1},{"empty-state":h.withCtx(()=>[h.createVNode(m,{"action-button-visible":!1},{title:h.withCtx(()=>[h.createElementVNode("h5",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRange")),1)]),default:h.withCtx(()=>[h.createElementVNode("p",null,h.toDisplayString(h.unref(e).t("csvExport.noDataRetry")),1)]),_:1})]),_:1},8,["fetcher-cache-key","headers"]),!s.value&&o.value?(h.openBlock(),h.createElementBlock("div",WC,h.toDisplayString(d.value),1)):h.createCommentVNode("",!0)])]}),"footer-actions":h.withCtx(()=>[h.createVNode(b,{appearance:"tertiary",class:"cancel-btn",onClick:f},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.cancelButton")),1)]),_:1}),h.createVNode(FC,{class:"vitals-report-export-button",filename:a,headers:p.value.csvHeaders,rows:p.value.rows},{default:h.withCtx(()=>[h.createVNode(b,{appearance:"primary","data-testid":"csv-download-button",disabled:s.value||!o.value},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("csvExport.downloadButton")),1)]),_:1},8,["disabled"])]),_:1},8,["headers","rows"])]),_:1},8,["title"])])}}}),sp=h.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}=Ct.useI18n(),i=h.computed(()=>t.filenamePrefix||e.t("csvExport.defaultFilename")),r=h.ref(!1),a=o=>{r.value=o},s=()=>{a(!0)};return(o,l)=>{const c=h.resolveComponent("KButton");return h.openBlock(),h.createElementBlock(h.Fragment,null,[h.createVNode(c,{appearance:n.buttonAppearance,class:"chart-export-button-display","data-testid":"csv-export-button",onClick:h.withModifiers(s,["prevent"])},{default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.text||h.unref(e).t("csvExport.exportButton")),1)]),_:1},8,["appearance"]),r.value?(h.openBlock(),h.createBlock(ap,{key:0,"chart-data":n.data,filename:i.value,onToggleModal:a},null,8,["chart-data","filename"])):h.createCommentVNode("",!0)],64)}}}),zC={class:"analytics-chart-shell"},YC={key:0,class:"chart-header"},HC={key:0,class:"chart-title"},$C={class:"chart-header-icons-wrapper"},jC={key:1,class:"chart-export-button"},VC={key:2,class:"analytics-chart-parent"},qC=h.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:Wt.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}=Ct.useI18n(),i=h.toRef(t,"chartData"),r=h.computed(()=>p.value?Ct.useExploreResultToTimeDataset({fill:t.chartOptions.stacked,colorPalette:t.chartOptions.chartDatasetColors||sa},h.toRef(t,"chartData")).value:Ct.useExploreResultToDatasets({fill:t.chartOptions.stacked,colorPalette:t.chartOptions.chartDatasetColors||sa},h.toRef(t,"chartData")).value),a=h.computed(()=>{var O;return(O=t.chartData)!=null&&O.meta?"start_ms"in t.chartData.meta?t.chartData.meta.end_ms-t.chartData.meta.start_ms:void 0:0}),s=h.computed(()=>{var O;return(O=t.chartData.meta)!=null&&O.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),o=h.computed(()=>t.showLegendValues&&t.legendPosition!==Wt.Bottom),{legendValues:l}=Ct.useChartLegendValues(r,t.chartOptions.type,s),c=h.computed(()=>{var O,P,E;return((E=(P=(O=t.chartData)==null?void 0:O.meta)==null?void 0:P.limit)==null?void 0:E.toString())||null}),u=h.computed(()=>{var O,P;return((P=(O=t.chartData)==null?void 0:O.meta)==null?void 0:P.truncated)||!1}),d=e.t("limitedResultsShown",{maxReturned:c.value}),f=h.computed(()=>[ee.VERTICAL_BAR.toString(),ee.HORIZONTAL_BAR.toString()].includes(t.chartOptions.type)),p=h.computed(()=>[ee.TIMESERIES_BAR,ee.TIMESERIES_LINE].some(O=>O===t.chartOptions.type)),y=h.computed(()=>t.chartOptions.type===ee.DOUGHNUT),x=h.computed(()=>t.chartOptions.type.includes("Vertical")?"vertical":"horizontal"),g=h.computed(()=>{var E,F,q;if(!((E=t.chartData)!=null&&E.meta.metric_names)||!((F=t.chartData)!=null&&F.meta.metric_units))return;const O=t.chartData.meta.metric_names[0],P=t.chartData.meta.metric_units[O];return((q=t.chartOptions)==null?void 0:q.metricAxesTitle)||e.te(`metricAxisTitles.${O}`)&&e.te(`chartUnits.${P}`)&&e.t(`metricAxisTitles.${O}`,{unit:e.t(`chartUnits.${P}`,{plural:"s"})})||void 0}),m=h.computed(()=>{const O=p.value?"Time":Object.keys(t.chartData.meta.display||t.chartData.meta.metric_names)[0];return t.chartOptions.dimensionAxesTitle||e.te(`chartLabels.${O}`)&&e.t(`chartLabels.${O}`)||void 0}),v=h.computed(()=>{const O=jl(Number(t.chartData.meta.granularity_ms));return e.t(`granularityAxisTitles.${O}`)}),b=h.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),w=h.computed(()=>t.emptyStateDescription||e.t("noDataAvailableDescription")),T=h.computed(()=>p.value?O_(r.value):t.chartData&&t.chartData.meta&&t.chartData.data.length),C=h.computed(()=>T.value&&u.value&&c.value||t.chartTitle||t.allowCsvExport&&T.value),k=h.computed(()=>t.chartData.meta.granularity_ms?jl(t.chartData.meta.granularity_ms)||"hourly":jl(new Date(t.chartData.data[1].timestamp).getTime()-new Date(t.chartData.data[0].timestamp).getTime())||"hourly"),S=h.computed(()=>t.chartOptions.chartLegendSortFn?t.chartOptions.chartLegendSortFn:(O,P)=>O.text===e.t("chartLabels.____OTHER____")?1:P.text===e.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(O.text,10))&&!isNaN(parseInt(P.text,10))?O.text<P.text?-1:1:O.value&&P.value?P.value.raw-O.value.raw:0),M=h.computed(()=>t.chartOptions.chartTooltipSortFn?t.chartOptions.chartTooltipSortFn:(O,P)=>O.label===e.t("chartLabels.____OTHER____")?1:P.label===e.t("chartLabels.____OTHER____")?-1:!isNaN(parseInt(O.label,10))&&!isNaN(parseInt(P.label,10))?O.label<P.label?-1:1:O.value&&P.value?P.rawValue-O.rawValue:0);return h.provide("showLegendValues",o),h.provide("legendPosition",h.toRef(t,"legendPosition")),(O,P)=>{const E=h.resolveComponent("KTooltip"),F=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",zC,[C.value?(h.openBlock(),h.createElementBlock("div",YC,[n.chartTitle?(h.openBlock(),h.createElementBlock("div",HC,h.toDisplayString(n.chartTitle),1)):h.createCommentVNode("",!0),h.createElementVNode("div",$C,[T.value&&u.value&&c.value?(h.openBlock(),h.createBlock(E,{key:0,class:"tooltip","max-width":"500",placement:"right"},{content:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(d)),1)]),default:h.withCtx(()=>[h.createVNode(h.unref(XT),{color:h.unref(KT),decorative:"",size:h.unref(QT)},null,8,["color","size"])]),_:1})):h.createCommentVNode("",!0)]),n.allowCsvExport&&T.value?(h.openBlock(),h.createElementBlock("div",jC,[h.createVNode(sp,{data:i.value,"filename-prefix":n.filenamePrefix},null,8,["data","filename-prefix"])])):h.createCommentVNode("",!0)])):h.createCommentVNode("",!0),T.value?(h.openBlock(),h.createElementBlock("div",VC,[p.value?(h.openBlock(),h.createBlock(tC,{key:0,"chart-data":r.value,"chart-legend-sort-fn":S.value,"chart-tooltip-sort-fn":M.value,"dimension-axes-title":v.value,fill:n.chartOptions.stacked,granularity:k.value,"legend-values":h.unref(l),"metric-axes-title":g.value,"metric-unit":s.value,stacked:n.chartOptions.stacked,"synthetics-data-key":n.syntheticsDataKey,"time-range-ms":a.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"])):f.value?(h.openBlock(),h.createBlock(wS,{key:1,annotations:n.showAnnotations,"chart-data":r.value,"chart-legend-sort-fn":S.value,"chart-tooltip-sort-fn":M.value,"data-testid":"bar-chart-container","dimension-axes-title":m.value,"legend-values":h.unref(l),"metric-axes-title":g.value,"metric-unit":s.value,orientation:x.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"])):y.value?(h.openBlock(),h.createBlock(LS,{key:2,"chart-data":r.value,"dataset-colors":n.chartOptions.chartDatasetColors||h.unref(sa),"legend-position":n.legendPosition,"legend-values":h.unref(l),"metric-unit":s.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"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(F,{key:1,"action-button-visible":!1,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(b.value),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(w.value),1)]),_:1}))])}}}),XC=Ze(qC,[["__scopeId","data-v-d1b33c1f"]]),GC={class:"chart-parent","data-testid":"doughnut-chart-parent"},KC={class:"chart-totals-flex"},QC={key:1,class:"metric-small","data-testid":"doughnut-chart-total"},ZC=h.defineComponent({__name:"GaugeChart",props:{chartData:{type:Object,required:!1,default:null},metricDisplay:{type:String,required:!1,default:oi.Hidden},numerator:{type:Number,required:!1,default:0},syntheticsDataKey:{type:String,required:!1,default:""},datasetColors:{type:Object,required:!1,default:Qe},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}=Ct.useI18n(),i=h.ref(Sn()),r=h.computed(()=>[t.chartData.datasets.reduce((y,x)=>(y.labels.push(x.label),y.borderColor.push(x.backgroundColor),y.backgroundColor.push(x.backgroundColor),y.data.push(x.data.reduce((g,m)=>g+m,0)),y),{labels:[],backgroundColor:[],borderColor:[],data:[]})]),a=h.computed(()=>({...t.chartData,datasets:r.value}));Ct.useReportChartDataForSynthetics(h.toRef(t,"chartData"),h.toRef(t,"syntheticsDataKey"));const s={responsive:!0,maintainAspectRatio:!0,cutout:"78%",circumference:"200",rotation:"260",plugins:{legend:{display:!1}}},o=h.ref(),l=h.computed(()=>{var p;return rr((p=r==null?void 0:r.value[0])==null?void 0:p.data[t.numerator],{capital:!0})}),c=h.computed(()=>{var p,y;return rr(((p=r==null?void 0:r.value[0])==null?void 0:p.data[0])+((y=r==null?void 0:r.value[0])==null?void 0:y.data[1]),{capital:!0})}),u=h.computed(()=>{var p;return`color: ${(p=r==null?void 0:r.value[0])==null?void 0:p.backgroundColor[t.numerator]}`}),d=h.computed(()=>[oi.Full,oi.SingleMetric].includes(t.metricDisplay)),f=h.computed(()=>t.metricDisplay===oi.Full);return(p,y)=>(h.openBlock(),h.createElementBlock("div",GC,[h.createElementVNode("div",KC,[d.value?(h.openBlock(),h.createElementBlock("div",{key:0,class:"metric-large","data-testid":"doughnut-chart-metric",style:h.normalizeStyle(u.value)},h.toDisplayString(l.value),5)):h.createCommentVNode("",!0),f.value?(h.openBlock(),h.createElementBlock("div",QC,h.toDisplayString(h.unref(e).t("total"))+": "+h.toDisplayString(c.value),1)):h.createCommentVNode("",!0)]),h.createElementVNode("div",{class:"chart-container",style:h.normalizeStyle({height:n.height,width:n.width})},[h.createVNode(h.unref(Dh),{ref_key:"chartInstance",ref:o,"chart-id":i.value,data:a.value,options:s},null,8,["chart-id","data","options"])],4)]))}}),JC=Ze(ZC,[["__scopeId","data-v-5871cb7a"]]),tD={class:"simple-chart-shell"},eD={key:1,class:"analytics-chart-parent"},nD=Ze(h.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}=Ct.useI18n(),i=h.computed(()=>{var c;const l=Ct.useExploreResultToDatasets({colorPalette:t.chartOptions.chartDatasetColors||Qe},h.toRef(t,"chartData")).value;return(c=t.chartOptions)!=null&&c.reverseDataset&&(l==null||l.datasets.reverse()),l}),r=h.computed(()=>{var l;return(l=t.chartData.meta)!=null&&l.metric_units?Object.values(t.chartData.meta.metric_units)[0]:""}),a=h.computed(()=>t.chartOptions.type===ea.GAUGE),s=h.computed(()=>t.emptyStateTitle||e.t("noDataAvailableTitle")),o=h.computed(()=>t.chartData&&t.chartData.meta&&t.chartData.data.length);return(l,c)=>{const u=h.resolveComponent("KEmptyState");return h.openBlock(),h.createElementBlock("div",tD,[o.value?(h.openBlock(),h.createElementBlock("div",eD,[a.value?(h.openBlock(),h.createBlock(JC,{key:0,"chart-data":i.value,"dataset-colors":n.chartOptions.chartDatasetColors,"is-simple":"","metric-display":n.chartOptions.metricDisplay,"metric-unit":r.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"])):h.createCommentVNode("",!0)])):(h.openBlock(),h.createBlock(u,{key:0,"action-button-visible":!0,class:"chart-empty-state","data-testid":"no-data-in-report"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(s.value),1)]),_:1}))])}}}),[["__scopeId","data-v-cb92de46"]]),iD={class:"top-n-card-title","data-testid":"top-n-card-title"},rD={class:"top-n-card-description","data-testid":"top-n-card-description"},aD={key:3,class:"top-n-table","data-testid":"top-n-table"},sD={class:"table-headings"},oD={class:"table-row"},lD={class:"column-1"},cD={class:"column-2"},uD={class:"table-body","data-testid":"top-n-data"},dD=["data-testid"],fD={class:"column-1"},hD={class:"column-2"},pD=Ze(h.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}=Ct.useI18n(),i=h.computed(()=>t.data.data),r=h.computed(()=>{var y;return!!((y=i.value)!=null&&y.length)}),a=h.computed(()=>{var y,x;return(y=t.data.meta)!=null&&y.display&&((x=Object.keys(t.data.meta.display))==null?void 0:x[0])||""}),s=h.computed(()=>a.value?t.data.meta.display[a.value]:{}),o=h.computed(()=>{var y,x;return(x=(y=t.data.meta)==null?void 0:y.metric_names)!=null&&x.length?t.data.meta.metric_names[0]:""}),l=h.computed(()=>o.value?e.t(`chartLabels.${o.value}`)||o.value:""),c=h.computed(()=>{if(!r.value)return"";if(t.data.meta){if(s.value&&!Object.keys(s.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=y=>{const x=y.event;return String(x[a.value])},d=y=>{const x=u(y),g=s.value&&s.value[x];return g?g.name:"-"},f=y=>{const x=u(y),g=s.value&&s.value[x];return g?!!g.deleted:!1},p=y=>{if(!o.value)return"–";const g=y.event[o.value];return g?rr(g,{capital:!0,round:!0}):"–"};return(y,x)=>{const g=h.resolveComponent("KEmptyState"),m=h.resolveComponent("KSkeleton"),v=h.resolveComponent("KCard");return h.openBlock(),h.createBlock(v,{class:"kong-ui-public-top-n-table","title-tag":n.titleTag},h.createSlots({default:h.withCtx(()=>[c.value?(h.openBlock(),h.createBlock(g,{key:0,"action-button-visible":!1,"data-testid":"top-n-error-state","icon-variant":"error"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(h.unref(e).t("topNTable.defaultErrorStateTitle")),1)]),default:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(c.value),1)]),_:1})):n.isLoading?(h.openBlock(),h.createBlock(m,{key:1,"table-columns":2,type:"table"})):r.value?(h.openBlock(),h.createElementBlock("div",aD,[h.createElementVNode("div",sD,[h.createElementVNode("div",oD,[h.createElementVNode("div",lD,h.toDisplayString(h.unref(e).t("topNTable.nameLabel")),1),h.createElementVNode("div",cD,h.toDisplayString(l.value),1)])]),h.createElementVNode("div",uD,[(h.openBlock(!0),h.createElementBlock(h.Fragment,null,h.renderList(i.value,(b,w)=>(h.openBlock(),h.createElementBlock("div",{key:`entry-${w}`,class:"table-row","data-testid":`row-${u(b)}`},[h.createElementVNode("div",fD,[h.renderSlot(y.$slots,"name",{record:{id:u(b),name:d(b),deleted:f(b),dimension:a.value}},()=>[h.createTextVNode(h.toDisplayString(d(b)),1)],!0)]),h.createElementVNode("div",hD,"   "+h.toDisplayString(p(b)),1)],8,dD))),128))])])):(h.openBlock(),h.createBlock(g,{key:2,"action-button-visible":!1,"data-testid":"top-n-empty-state"},{title:h.withCtx(()=>[h.createTextVNode(h.toDisplayString(n.emptyStateTitle||h.unref(e).t("topNTable.defaultEmptyStateTitle")),1)]),_:1}))]),_:2},[n.title?{name:"title",fn:h.withCtx(()=>[h.createElementVNode("span",iD,h.toDisplayString(n.title),1)]),key:"0"}:void 0,n.description?{name:"actions",fn:h.withCtx(()=>[h.createElementVNode("div",rD,h.toDisplayString(n.description),1)]),key:"1"}:void 0]),1032,["title-tag"])}}}),[["__scopeId","data-v-80a3b24a"]]);at.AnalyticsChart=XC,at.ChartLegendPosition=Wt,at.ChartMetricDisplay=oi,at.ChartTypes=ee,at.ChartTypesSimple=ea,at.CsvExportButton=sp,at.CsvExportModal=ap,at.DECIMAL_DISPLAY=_f,at.FONT_SIZE_REGULAR=Tf,at.FONT_SIZE_SMALL=wf,at.MAX_LABEL_LENGTH=aa,at.OTHERS_COLOR=$w,at.SimpleChart=nD,at.TopNTable=pD,at.ValidType=qn,at.accessibleGrey=Cf,at.apiRequestStatusCodeColors=Df,at.codesInSpec=Ef,at.darkenColor=Mf,at.datavisPalette=Qe,at.defaultStatusCodeColors=sa,at.errorRateColors=Yw,at.formatTime=ra,at.latencyColors=Hw,at.lightGrey=Ro,at.lookupColor=jw,at.lookupDatavisColor=ci,at.lookupStatusCodeCategoryColor=Zw,at.lookupStatusCodeColor=Ao,at.numberFormatter=ia,at.statusCodeBadgeBackgroundColor=Ww,at.trafficColors=zw,Object.defineProperty(at,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/analytics-chart",
-  "version": "4.0.6",
+  "version": "4.0.8",
   "type": "module",
   "main": "./dist/vitals-chart.umd.js",
   "module": "./dist/vitals-chart.es.js",
@@ -21,22 +21,22 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@kong/kongponents": "^9.0.0-alpha.146",
+    "@kong/kongponents": "^9.0.0-alpha.154",
     "vue": ">= 3.3.13 < 4",
     "@kong-ui-public/i18n": "^2.1.5"
   },
   "devDependencies": {
     "@kong/design-tokens": "1.12.11",
-    "@kong/kongponents": "9.0.0-alpha.146",
+    "@kong/kongponents": "9.0.0-alpha.154",
     "@types/uuid": "^9.0.8",
     "file-saver": "^2.0.5",
     "lodash.mapkeys": "^4.6.0",
     "lodash.pick": "^4.4.0",
     "lodash.pickby": "^4.6.0",
     "papaparse": "^5.4.1",
-    "vue": "^3.4.25",
+    "vue": "^3.4.26",
     "@kong-ui-public/i18n": "^2.1.5",
-    "@kong-ui-public/sandbox-layout": "^2.0.54"
+    "@kong-ui-public/sandbox-layout": "^2.0.56"
   },
   "repository": {
     "type": "git",