@perses-dev/timeseries-chart-plugin 0.14.0-beta.5 → 0.14.0-beta.7

package/__mf/js/async/__federation_expose_TimeSeriesChart.37cf1c35.js

@@ -1 +0,0 @@
-"use strict";(self.chunk_TimeSeriesChart_0_14_0_beta_5=self.chunk_TimeSeriesChart_0_14_0_beta_5||[]).push([["53"],{6443(e,t,l){l.r(t),l.d(t,{TimeSeriesChart:()=>eI});var n=l(62540),a=l(7013),i=l(81315),o=l(98873),r=l(38662);let s={unit:"decimal",shortValues:!0},d={show:!0,label:"",format:s,min:void 0,max:void 0,logBase:void 0},u="Label",c="Min",h="Max",p="Log Base",m={display:"line",lineWidth:1.25,lineStyle:"solid",areaOpacity:0,pointRadius:2.75,connectNulls:!1},x="Line Width",v="slider-line-width",g=.25,y=3,f=.25,b="Line Style",A="Area Opacity",C="slider-area-opacity",j=0,S=1,M=.05,O="Stack Series",w="Connect Nulls",T={none:{label:"None"},all:{label:"All"}},k=Object.entries(T).map(e=>{let[t,l]=e;return{id:t,...l}}),E={solid:{label:"Solid"},dashed:{label:"Dashes"},dotted:{label:"Dots"}},I={none:{label:"None",log:void 0},2:{label:"2",log:2},10:{label:"10",log:10}},L=Object.entries(I).map(e=>{let[t,l]=e;return{id:t,...l}});var D=l(61375),R=l(31729),_=l(40704),P=l(68003);function N(e){let{value:t,onChange:l}=e,a=t.stack??"none",o=T[a];return(0,n.jsxs)(i.OptionsEditorGroup,{title:"Visual",children:[(0,n.jsx)(i.OptionsEditorControl,{label:O,control:(0,n.jsx)(i.SettingsAutocomplete,{value:{...o,id:a},options:k,onChange:(e,n)=>{let a={...t,stack:"none"===n.id?void 0:n.id};"all"!==n.id||t.areaOpacity||(a.areaOpacity=.3),l(a)},disabled:void 0===t,disableClearable:!0})}),(0,n.jsx)(i.OptionsEditorControl,{label:"Display",control:(0,n.jsxs)(D.A,{color:"primary",exclusive:!0,value:t.display??"line",onChange:(e,n)=>{l({...t,display:n})},children:[(0,n.jsx)(R.A,{value:"line",selected:void 0===t.display||"line"===t.display,"aria-label":"display line series",children:"Line"}),(0,n.jsx)(R.A,{value:"bar","aria-label":"display bar series",children:"Bar"})]})}),"line"===t.display&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.OptionsEditorControl,{label:x,control:(0,n.jsx)(_.Ay,{"data-testid":v,value:t.lineWidth??1.25,valueLabelDisplay:"auto",step:f,marks:!0,min:g,max:y,onChange:(e,n)=>{let a=Array.isArray(n)?n[0]:n,i=void 0!==a?a+1.5:2.75;l((0,r.produce)(t,e=>{e.lineWidth=a,e.pointRadius=i}))}})}),(0,n.jsx)(i.OptionsEditorControl,{label:b,control:(0,n.jsx)(D.A,{color:"primary",exclusive:!0,value:t.lineStyle??"solid",onChange:(e,n)=>{l({...t,lineStyle:n})},children:Object.entries(E).map(e=>{let[t,l]=e;return(0,n.jsx)(R.A,{value:t,"aria-label":`${t} line style`,children:l.label},t)})})}),(0,n.jsx)(i.OptionsEditorControl,{label:A,control:(0,n.jsx)(_.Ay,{"data-testid":C,value:t.areaOpacity??0,valueLabelDisplay:"auto",step:M,marks:!0,min:j,max:S,onChange:(e,n)=>{let a=Array.isArray(n)?n[0]:n;l((0,r.produce)(t,e=>{e.areaOpacity=a}))}})}),(0,n.jsx)(i.OptionsEditorControl,{label:w,control:(0,n.jsx)(P.A,{checked:t.connectNulls??!1,onChange:e=>{l({...t,connectNulls:e.target.checked})}})})]})]})}var F=l(93648);function W(e){let{value:t,onChange:l}=e,a=t.logBase?I[t.logBase]:void 0;return(0,n.jsxs)(i.OptionsEditorGroup,{title:"Y Axis",children:[(0,n.jsx)(i.OptionsEditorControl,{label:"Show",control:(0,n.jsx)(P.A,{checked:t.show??d.show,onChange:e=>{l({...t,show:e.target.checked})}})}),(0,n.jsx)(i.FormatControls,{value:t.format??s,onChange:e=>l({...t,format:e})}),(0,n.jsx)(i.OptionsEditorControl,{label:p,control:(0,n.jsx)(i.SettingsAutocomplete,{value:{...a,id:(null==a?void 0:a.label)??"None"},options:L,onChange:(e,n)=>{l({...t,logBase:n.log??void 0})},disabled:void 0===t,disableClearable:!0})}),(0,n.jsx)(i.OptionsEditorControl,{label:u,control:(0,n.jsx)(F.A,{value:t.label??"",inputProps:{"aria-label":"enter y axis label"},onChange:e=>l({...t,label:e.target.value}),placeholder:"Default"})}),(0,n.jsx)(i.OptionsEditorControl,{label:c,control:(0,n.jsx)(F.A,{type:"number",value:t.min??"",onChange:e=>{let n=e.target.value?Number(e.target.value):void 0;l({...t,min:n})},placeholder:"Default"})}),(0,n.jsx)(i.OptionsEditorControl,{label:h,control:(0,n.jsx)(F.A,{type:"number",value:t.max??"",onChange:e=>{let n=e.target.value?Number(e.target.value):void 0;l({...t,max:n})},placeholder:"Default"})})]})}var V=l(315),G=l(88091),Y=l(97653),z=l(74628),B=l(47095),$=l(30145),H=l(56599),q=l(7800),U=l(86067),Z=l(86742),X=l(70451);let Q="#555";function K(e){let{querySettings:{queryIndex:t,colorMode:l,colorValue:a,lineStyle:o,areaOpacity:r,format:s,negativeY:d,stack:u},availableQueryIndexes:c,queryNames:h,onQueryIndexChange:p,onColorModeChange:m,onColorValueChange:x,onLineStyleChange:v,onAreaOpacityChange:g,onDelete:y,inputRef:f,onAddColor:b,onRemoveColor:A,onAddLineStyle:C,onRemoveLineStyle:j,onAddAreaOpacity:S,onRemoveAreaOpacity:M,onAddFormat:O,onRemoveFormat:w,onFormatChange:T,onAddNegativeY:k,onRemoveNegativeY:I,onAddStack:L,onRemoveStack:N,onStackChange:W}=e,H=c.concat(t).toSorted((e,t)=>e-t),[q,K]=(0,X.useState)(null),ee=(0,X.useMemo)(()=>{let e=[];return l||e.push({key:"color",label:"Color",action:b}),o||e.push({key:"lineStyle",label:"Line Style",action:C}),void 0===r&&e.push({key:"opacity",label:"Opacity",action:S}),void 0===s&&e.push({key:"format",label:"Format",action:O}),d||e.push({key:"negativeY",label:"Negative Y",action:k}),void 0===u&&e.push({key:"stack",label:"Stack",action:L}),e},[l,o,r,s,d,u,b,C,S,O,k,L]),et=()=>{K(null)};return(0,n.jsxs)(V.A,{sx:{borderBottom:"1px solid",borderColor:"divider",borderRadius:1,p:2,display:"flex",flexWrap:"nowrap",flexDirection:"row"},children:[(0,n.jsxs)(V.A,{direction:"row",alignItems:"center",sx:{flexWrap:"wrap",gap:2,flexGrow:1},children:[(0,n.jsx)(F.A,{select:!0,inputRef:f,value:t,label:"Query",onChange:p,sx:{minWidth:"75px"},children:H.map(e=>(0,n.jsx)(Y.A,{value:e,children:h[e]??`#${e+1}`},`query-${e}`))}),l&&(0,n.jsxs)(J,{label:"Color",onRemove:A,children:[(0,n.jsxs)(F.A,{select:!0,value:l,onChange:m,size:"small",sx:{flexGrow:1},children:[(0,n.jsx)(Y.A,{value:"fixed",children:"Fixed"}),(0,n.jsx)(Y.A,{value:"fixed-single",children:"Fixed (single series)"})]}),(0,n.jsx)(i.OptionsColorPicker,{label:h[t]??`Query n\xb0${t+1}`,color:a||Q,onColorChange:x})]}),o&&(0,n.jsxs)(J,{label:"Line Style",onRemove:j,children:[(0,n.jsx)(D.A,{color:"primary",exclusive:!0,value:o,onChange:(e,t)=>{null!==t&&v(t)},size:"small",children:Object.entries(E).map(e=>{let[t,l]=e;return(0,n.jsx)(R.A,{value:t,"aria-label":`${t} line style`,children:l.label},t)})}),(0,n.jsx)(z.A,{sx:{flexGrow:1}})]}),void 0!==r&&(0,n.jsxs)(J,{label:"Opacity",onRemove:M,children:[(0,n.jsx)(z.A,{}),(0,n.jsx)(_.Ay,{value:r,valueLabelDisplay:"auto",step:.05,marks:!0,min:0,max:1,onChange:g,sx:{flexGrow:1}})]}),void 0!==s&&(0,n.jsx)(J,{label:"Format",onRemove:w,children:(0,n.jsx)(z.A,{sx:{minWidth:"180px",display:"flex",gap:1,flexDirection:"column"},children:(0,n.jsx)(i.FormatControls,{value:s,onChange:T})})}),d&&(0,n.jsx)(J,{label:"Negative Y",onRemove:I,children:(0,n.jsx)(G.A,{variant:"body2",color:"text.secondary",sx:{flexGrow:1,py:.5},children:"Series rendered below the X axis"})}),void 0!==u&&(0,n.jsxs)(J,{label:"Stack",onRemove:N,children:[(0,n.jsx)(P.A,{checked:u,onChange:e=>W(e.target.checked),slotProps:{input:{"aria-label":"stack override"}}}),(0,n.jsx)(z.A,{sx:{flexGrow:1}})]}),ee.length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(B.A,{onClick:e=>{1===ee.length&&ee[0]?ee[0].action():K(e.currentTarget)},"aria-label":"Add option",children:(0,n.jsx)(Z.default,{})}),(0,n.jsx)($.A,{anchorEl:q,open:!!q,onClose:et,anchorOrigin:{vertical:"bottom",horizontal:"left"},children:ee.map(e=>(0,n.jsxs)(Y.A,{onClick:()=>{(0,e.action)(),et()},sx:{minWidth:"120px"},children:[(0,n.jsx)(Z.default,{sx:{mr:1,fontSize:"1rem"}}),e.label]},e.key))})]})]}),(0,n.jsx)(z.A,{sx:{display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)(B.A,{"aria-label":`delete settings for ${h[t]??`query n\xb0${t+1}`}`,onClick:y,children:(0,n.jsx)(U.default,{})})})]})}function J(e){let{label:t,children:l,onRemove:a}=e,i=(0,H.A)();return(0,n.jsxs)(z.A,{sx:{position:"relative",minWidth:"250px"},children:[(0,n.jsx)(G.A,{variant:"caption",sx:{position:"absolute",top:-8,left:12,backgroundColor:i.palette.background.code,px:.5,color:"text.secondary",zIndex:1},children:t}),(0,n.jsxs)(V.A,{direction:"row",alignItems:"center",spacing:1,sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:1},children:[l,(0,n.jsx)(B.A,{size:"small",onClick:a,"aria-label":`Remove ${t}`,children:(0,n.jsx)(q.default,{})})]})]})}var ee=l(38395),et=l(25632),el=l.n(et),en=l(62707),ea=l(31373),ei=l(59738),eo=l(90652),er=l(61305),es=l(64404),ed=l(28502),eu=l(48683),ec=l(72106),eh=l(40988),ep=l(55875),em=l(74653),ex=l(37573),ev=l(18264),eg=l.n(ev),ey=l(36961),ef=l(6227),eb=l(4491),eA=l(29917),eC=l(85180);function ej(e){let{annotation:t,containerId:l,formatWithUserTimeZone:a,pinnedPos:r,enablePinning:s=!0,onUnpinClick:d}=e,u=(0,i.useMousePosition)(),{height:c,width:h,ref:p}=(0,eC.default)(),m=null!==r;if(!m&&null===u)return null;let x=l?document.querySelector(l):void 0,v=x?x.getBoundingClientRect().height:void 0,g=(0,i.assembleTransform)(u,r,c??0,h??0,x),y=(0,i.getDateAndTime)(t.start,a),f=void 0!==t.end?(0,i.getDateAndTime)(t.end,a):null;return(0,n.jsx)(ey.A,{container:x,children:(0,n.jsx)(z.A,{ref:p,sx:e=>(0,i.getTooltipStyles)(e,r,v),style:{transform:g},children:(0,n.jsxs)(V.A,{spacing:.5,children:[(0,n.jsxs)(z.A,{sx:e=>{var t;return{width:"100%",maxWidth:i.TOOLTIP_MAX_WIDTH,padding:e.spacing(1.5,2,.5,2),backgroundColor:(null==(t=e.palette.designSystem)?void 0:t.grey[800])??i.TOOLTIP_BG_COLOR_FALLBACK,position:"sticky",top:0,left:0}},children:[(0,n.jsxs)(z.A,{sx:{display:"flex",alignItems:"center",paddingBottom:.5,width:"100%"},children:[(0,n.jsx)(z.A,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:t.color??o.DEFAULT_ANNOTATION_COLOR,marginRight:1,flexShrink:0}}),(0,n.jsxs)(z.A,{sx:{flexGrow:1,minWidth:0},children:[(0,n.jsxs)(G.A,{variant:"caption",children:[y.formattedDate," - ",(0,n.jsx)("strong",{children:y.formattedTime})]}),f&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(G.A,{variant:"caption",children:" → "}),(0,n.jsxs)(G.A,{variant:"caption",children:[f.formattedDate," - ",(0,n.jsx)("strong",{children:f.formattedTime})]})]})]}),s&&(0,n.jsxs)(V.A,{direction:"row",alignItems:"center",sx:{marginLeft:1,flexShrink:0},children:[(0,n.jsx)(G.A,{sx:{marginRight:.5,fontSize:11,verticalAlign:"middle"},children:m?i.UNPIN_TOOLTIP_HELP_TEXT:i.PIN_TOOLTIP_HELP_TEXT}),m?(0,n.jsx)(eb.default,{onClick:()=>{void 0!==d&&d()},sx:{fontSize:16,cursor:"pointer"}}):(0,n.jsx)(eA.default,{sx:{fontSize:16}})]})]}),(0,n.jsx)(ef.A,{sx:e=>({width:"100%",borderColor:e.palette.grey["500"]})})]}),(0,n.jsxs)(z.A,{sx:e=>({padding:e.spacing(.5,2,1.5,2)}),children:[t.title&&(0,n.jsx)(G.A,{variant:"caption",sx:{display:"block",fontWeight:"bold",marginBottom:.5},children:t.title}),t.legend&&(0,n.jsx)(G.A,{variant:"caption",sx:{display:"block",marginBottom:.5},children:t.legend}),t.tags&&Object.keys(t.tags).length>0&&(0,n.jsx)(z.A,{sx:{display:"flex",flexWrap:"wrap",gap:.5,marginTop:.5},children:Object.entries(t.tags).map(e=>{let[t,l]=e;return(0,n.jsxs)(z.A,{sx:e=>({backgroundColor:e.palette.grey["700"],borderRadius:"4px",padding:"2px 6px",fontSize:"0.7rem",fontFamily:"monospace"}),children:[t,": ",l]},t)})})]})]})})})}(0,em.Y)([en.a,ea.a,ei.a,eo.a,er.a,es.a,ed.a,eu.a,ec.a,eh.a,ep.a,ex.a]);let eS=(0,X.forwardRef)(function(e,t){var l;let a,{height:r,data:s,seriesMapping:d,annotations:u,timeScale:c,yAxis:h,format:p,seriesFormatMap:m,grid:x,isStackedBar:v=!1,tooltipConfig:g=i.DEFAULT_TOOLTIP_CONFIG,noDataVariant:y="message",syncGroup:f,onDataZoom:b,onDoubleClick:A,__experimentalEChartsOptionsOverride:C}=e,{chartsTheme:j,enablePinning:S,enableSyncGrouping:M,lastTooltipPinnedCoords:O,setLastTooltipPinnedCoords:w}=(0,i.useChartsContext)(),T=g.enablePinning&&S,k=(0,X.useRef)(),[E,I]=(0,X.useState)(!0),[L,D]=(0,X.useState)(null),[R,_]=(0,X.useState)(null),[P,N]=(0,X.useState)(!1),[F,W]=(0,X.useState)(0),[V,G]=(0,X.useState)(null),[Y,B]=(0,X.useState)(null),[$,H]=(0,X.useState)(null),{timeZone:q,formatWithUserTimeZone:U}=(0,i.useTimeZone)(),Z=(0,X.useCallback)(e=>function(t){let l=new Date(Number(t));return e>15768e7?(0,i.formatWithTimeZone)(l,"yyyy",q):e>63072e6?(0,i.formatWithTimeZone)(l,"MMM yyyy",q):e>864e6&&e<1577664e4?(0,i.formatWithTimeZone)(l,"dd.MM",q):e>1728e5&&e<=864e6?(0,i.formatWithTimeZone)(l,"dd.MM HH:mm",q):(0,i.formatWithTimeZone)(l,"HH:mm",q)},[q]);if(void 0===c){let e=(0,i.getCommonTimeScale)(s);if(void 0===e){let e=new Date,t=new Date(e);t.setFullYear(e.getFullYear()-5);let l=e.getTime(),n=t.getTime();a={startMs:n,endMs:l,stepMs:1,rangeMs:l-n}}else a=e}else a=c;(0,X.useImperativeHandle)(t,()=>({highlightSeries(e){let{name:t}=e;k.current&&k.current.dispatchAction({type:"highlight",seriesId:t})},clearHighlightedSeries:()=>{k.current&&(0,i.clearHighlightedSeries)(k.current)}}),[]);let Q=(0,X.useMemo)(()=>({datazoom:e=>{if(void 0===b&&setTimeout(()=>{D(null)},10),void 0===b||void 0===e.batch[0])return;let t=e.batch[0].startValue,l=e.batch[0].endValue;void 0!==t&&void 0!==l&&b({start:t,end:l})},finished:()=>{void 0!==k.current&&(0,i.enableDataZoom)(k.current)},mouseover:e=>{var t;if(u&&"markPoint"===e.componentType&&(null==(t=e.data)?void 0:t.annotationIndex)!==void 0){let t=u[e.data.annotationIndex]||null;if(t)return void G(t)}G(null)},mouseout:e=>{var t;if(u&&"markPoint"===e.componentType&&(null==(t=e.data)?void 0:t.annotationIndex)!==void 0&&u){let t=u[e.data.annotationIndex]||null;G(e=>e===t?null:e)}},globalout:()=>{u&&G(null)}}),[u,b]),K=(0,X.useMemo)(()=>(function(e){if(!(null==e?void 0:e.length))return[];let t=[],l=[],n=[];return e.forEach((e,a)=>{let i=e.color??o.DEFAULT_ANNOTATION_COLOR;if(void 0!==e.end)for(let o of(l.push({xAxis:e.start,lineStyle:{color:i,width:2,type:"dashed"},label:{show:!1},annotationIndex:a}),l.push({xAxis:e.end,lineStyle:{color:i,width:2,type:"dashed"},label:{show:!1},annotationIndex:a}),t.push([{xAxis:e.start,itemStyle:{color:i,opacity:.3}},{xAxis:e.end}]),[!0,!1]))n.push({coord:[o?e.start:e.end,0],symbol:"triangle",symbolSize:[12,12],symbolRotate:0,symbolOffset:[0,4],itemStyle:{color:i},annotationIndex:a,emphasis:{disabled:!0},isStart:o,isEnd:!o});else l.push({xAxis:e.start,lineStyle:{color:i,width:2,type:"dashed"},label:{show:!1},annotationIndex:a}),n.push({coord:[e.start,0],symbol:"triangle",symbolSize:[12,10],symbolRotate:0,symbolOffset:[0,"120%"],itemStyle:{color:i},annotationIndex:a,isPoint:!0})}),[{type:"line",data:[],silent:!1,markArea:t.length>0?{silent:!0,data:t,label:{show:!1}}:void 0,markLine:l.length>0?{silent:!0,symbol:["none","none"],data:l,lineStyle:{type:"dashed"}}:void 0,markPoint:n.length>0?{silent:!1,data:n,label:{show:!1}}:void 0}]})(u),[u]),{noDataOption:J}=j,ee=(0,X.useMemo)(()=>{if(null===s||0===s.length&&"message"===y)return J;let e=[];s.map((t,l)=>{let n=t.values.map(e=>{let[t,l]=e;return[t,null===l?"-":l]});e.push({id:l,source:[...n],dimensions:["time","value"]})});let t={dataset:e,series:S&&null!==R?[...d,R,...K]:[...d,...K],xAxis:{type:"time",min:a.startMs,max:a.endMs,axisLabel:{hideOverlap:!0,formatter:Z(a.rangeMs??0)},axisPointer:{snap:!1}},yAxis:Array.isArray(h)?h:(0,i.getFormattedAxis)(h,p),animation:!1,tooltip:{show:!0,showContent:v,trigger:v?"item":"axis",appendToBody:v},axisPointer:{type:"line",z:0,triggerEmphasis:!1,triggerTooltip:!1,snap:!1},toolbox:{feature:{dataZoom:{icon:null,yAxisIndex:"none"}}},grid:x};return C?C(t):t},[s,d,K,a,h,p,x,J,C,y,v,S,R,Z]);return(0,X.useEffect)(()=>{null===L||null===O||eg()(O,L)||(D(null),null!==L&&null!==R&&_(null))},[O,d]),(0,n.jsxs)(z.A,{style:{height:r},onClick:e=>{if(null!==V&&e.target instanceof HTMLCanvasElement){let t={page:{x:e.pageX,y:e.pageY},client:{x:e.clientX,y:e.clientY},plotCanvas:{x:e.nativeEvent.offsetX,y:e.nativeEvent.offsetY},target:e.target};B(e=>e===V?(H(null),null):(H(t),V));return}let t=e.ctrlKey||e.metaKey;t&&e.preventDefault();let l=(0,i.getPointInGrid)(e.nativeEvent.offsetX,e.nativeEvent.offsetY,k.current);if(null!==l&&T&&e.target instanceof HTMLCanvasElement){let n={page:{x:e.pageX,y:e.pageY},client:{x:e.clientX,y:e.clientY},plotCanvas:{x:e.nativeEvent.offsetX,y:e.nativeEvent.offsetY},target:e.target};D(e=>null===e?n:(_(null),null)),_(e=>{if(null!==e)return null;{var t;let e=l[0],n=null==(t=s[0])?void 0:t.values,a=(0,i.getClosestTimestamp)(n,e);return el()({},i.DEFAULT_PINNED_CROSSHAIR,{markLine:{data:[{xAxis:a}]}})}}),t||w(n)}},onMouseDown:e=>{let{clientX:t}=e;N(!0),W(t)},onMouseMove:e=>{if(!(e.target instanceof HTMLCanvasElement))return;let{clientX:t}=e;P&&t-F>0&&I(!1)},onMouseUp:()=>{N(!1),W(0),I(!0)},onMouseLeave:()=>{null===L&&I(!1),G(null),void 0!==k.current&&(0,i.clearHighlightedSeries)(k.current)},onMouseEnter:()=>{I(!0),void 0!==k.current&&(0,i.enableDataZoom)(k.current)},onDoubleClick:e=>{D(null),void 0===A?void 0!==k.current&&(0,i.restoreChart)(k.current):A(e)},children:[!0===E&&(null!==L||null===V)&&(null==(l=ee.tooltip)?void 0:l.showContent)===!1&&!0!==g.hidden&&(0,n.jsx)(i.TimeChartTooltip,{containerId:j.tooltipPortalContainerId,chartRef:k,data:s,seriesMapping:d,wrapLabels:g.wrapLabels,enablePinning:T,pinnedPos:L,format:p,seriesFormatMap:m,onUnpinClick:()=>{D(null),_(null)}}),(Y??V)&&(0,n.jsx)(ej,{annotation:Y??V,containerId:j.tooltipPortalContainerId,formatWithUserTimeZone:U,pinnedPos:null!==Y?$:null,enablePinning:T,onUnpinClick:()=>{B(null),H(null)}}),(0,n.jsx)(i.EChart,{sx:{width:"100%",height:"100%"},option:ee,theme:j.echartsTheme,onEvents:Q,_instance:k,syncGroup:M?f:void 0})]})});function eM(e){let t=Math.floor(Math.log10(Math.abs(e)));return Number((Math.floor(e/Math.pow(10,t))*Math.pow(10,t)).toPrecision(1))}var eO=l(92959);let ew=new eO.A({hue:{min:20,max:360}}),eT=new eO.A({hue:{min:0,max:20}}),ek={};var eE=l(54042);let eI={PanelComponent:function(e){var t,l;let{spec:{thresholds:a,yAxis:r,tooltip:u,querySettings:c},contentDimensions:h,queryResults:p}=e,x=(0,i.useChartsTheme)(),v=(0,H.A)(),g=(0,i.useId)("time-series-panel"),y=(0,X.useRef)(null),f=x.echartsTheme.color,b=x.container.padding.default,A=h?{width:h.width-2*b,height:h.height-2*b}:void 0,C=(0,X.useMemo)(()=>e.spec.legend&&(0,o.validateLegendSpec)(e.spec.legend)?el()({},i.DEFAULT_LEGEND,e.spec.legend):void 0,[e.spec.legend]),j=(null==(t=e.spec.yAxis)?void 0:t.format)??s,S=(0,X.useMemo)(()=>el()({},m,e.spec.visual),[e.spec.visual]),M=(0,X.useMemo)(()=>(function(){let e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e=void 0!==t.logBase?void 0:(null==t?void 0:t.min)!==void 0?t.min:e=>e.min>=0&&e.min<=1?0:e.min>0?eM(.8*e.min):eM(1.2*e.min);let l={show:(null==t?void 0:t.show)??d.show,min:e,max:null==t?void 0:t.max};return void 0!==t.logBase?{...l,type:"log",logBase:t.logBase}:l})(r),[r]),{additionalFormats:O,formatToYAxisIndex:w,seriesFormatMap:T}=(0,X.useMemo)(()=>{let e=(null==j?void 0:j.unit)??"decimal",t=[],l=new Map,n=new Map;for(let n of(l.set(e,0),c??[])){var a;if((null==(a=n.format)?void 0:a.unit)&&n.format.unit!==e){let e=n.format.unit;l.has(e)||(l.set(e,1+t.length),t.push(n.format))}}return{additionalFormats:t,formatToYAxisIndex:l,seriesFormatMap:n}},[j,c]),[k,E]=(0,X.useState)("ALL"),[I,L]=(0,X.useState)(),{setTimeRange:D}=(0,o.useTimeRange)(),R=(0,ee.usePanelAnnotationsWithData)(null==(l=e.definition)?void 0:l.spec.annotations),_=(0,X.useMemo)(()=>(function(e){let t=[];for(let l of e)for(let e of l.data)l.definition.display.hidden||t.push({...l.definition.display,...e});return t})(R),[R]),{timeScale:P,timeChartData:N,timeSeriesMapping:F,legendItems:W,seriesFormatMap:V,maxValuesByFormat:G}=(0,X.useMemo)(()=>{let e,t=(e=p.map(e=>e.data),(0,i.getCommonTimeScale)(e));if(void 0===t)return{timeChartData:[],timeSeriesMapping:[],seriesFormatMap:new Map,maxValuesByFormat:new Map};let l=[],n=[],s=[],d=new Map,u=0;for(let e=0;e<p.length;e++){let a,r=p[e];for(let t of c??[])t.queryIndex===e&&(a=t);if(r)for(let c=0;c<r.data.series.length;c++){var h,m,y;let x=r.data.series[c];if(void 0===x)return{timeChartData:[],timeSeriesMapping:[],legendItems:[]};let b=x.formattedName??x.name,A=function(e){var t,l,n;let{categoricalPalette:a,visual:i,muiPrimaryColor:o,seriesName:r,seriesIndex:s,querySettings:d,queryHasMultipleResults:u}=e;if(d){if("fixed"===d.colorMode&&d.colorValue)return d.colorValue;else if("fixed-single"===d.colorMode&&!u&&d.colorValue)return d.colorValue}let c=Array.isArray(a)&&a[0]?a[0]:o;return(null==(t=i.palette)?void 0:t.mode)==="categorical"?function(e,t,l){if(void 0===e)return l;let n=e.length??1;return e[t%n]??l}(a,s,c):(l=r,n=c,function(e){var t;let l,n;return t=e.toLowerCase().includes("error"),(n=ek[l=`${e}_____${t}`])||(n=function(e,t){let[l,n,a]=t?eT.hsl(e):ew.hsl(e),i=`${(100*n).toFixed(0)}%`,o=`${(100*a).toFixed(0)}%`;return`hsla(${l.toFixed(2)},${i},${o},0.9)`}(e,t),ek[l]=n),n}(l)??n)}({categoricalPalette:f,visual:S,muiPrimaryColor:v.palette.primary.main,seriesName:b,seriesIndex:u,querySettings:a,queryHasMultipleResults:((null==(y=p[e])||null==(m=y.data)||null==(h=m.series)?void 0:h.length)??0)>1}),j=g+x.name+u,M=(null==C?void 0:C.values)?(0,o.getCalculations)(x.values,C.values):void 0,O="ALL"===k;if(!O&&k[j]||O){let e=n.length,l=null==a?void 0:a.format,o=(null==l?void 0:l.unit)?w.get(l.unit)??0:0;if(s.push(function(e,t,l,n,a,o,r,s){let d=n.lineWidth??1.25,u=n.pointRadius??2.75,c=(null==r?void 0:r.stack)!==void 0?r.stack:"all"===n.stack,h=a.rangeMs<=9e5;return("always"===n.showPoints&&(h=!0),"bar"===n.display)?{type:"bar",id:e,datasetIndex:t,name:l,color:o,stack:c?"all":void 0,yAxisIndex:s,label:{show:!1}}:{type:"line",id:e,datasetIndex:t,name:l,connectNulls:n.connectNulls??!1,color:o,stack:c?"all":void 0,yAxisIndex:s,sampling:"lttb",progressiveThreshold:i.OPTIMIZED_MODE_SERIES_LIMIT,showSymbol:h,showAllSymbol:!0,symbolSize:u,lineStyle:{width:d,type:(null==r?void 0:r.lineStyle)??n.lineStyle},areaStyle:{opacity:(null==r?void 0:r.areaOpacity)??n.areaOpacity??0},emphasis:{focus:"series",disabled:void 0!==n.areaOpacity&&n.areaOpacity>0,lineStyle:{width:d+1,opacity:1,type:n.lineStyle}},blur:{lineStyle:{width:d,opacity:.5,type:n.lineStyle}}}}(j,e,b,S,t,A,a,o)),l){T.set(j,l);let e=l.unit;if(e){let t=Math.max(...x.values.map(e=>Math.abs(e[1]??0)));t>(d.get(e)??0)&&d.set(e,t)}}let r=(0,i.getTimeSeriesValues)(x,t),u=(null==a?void 0:a.negativeY)?r.map(e=>{let[t,l]=e;return[t,null===l?null:-l]}):r;n.push({name:b,values:u})}C&&l&&l.push({id:j,label:b,color:A,data:M}),u++}}if(a&&a.steps&&n.length>0){let e=x.thresholds,l=a.defaultColor??e.defaultColor;a.steps.forEach((i,o)=>{var d,c,h,p,m;let x,v,g,y=e.palette[o]??l,f={color:i.color??y,value:"percent"===a.mode?(d=i.value,c=null==r?void 0:r.max,h=null==r?void 0:r.min,v=c??(x=0,(p=n).length&&void 0!==p[0]&&(null==(m=p[0])?void 0:m.values)?p.forEach(e=>{e.values.forEach(e=>{let[t,l]=e;"number"==typeof l&&Math.abs(l)>x&&(x=Math.abs(l))})}):p.forEach(e=>{void 0!==e.data&&e.data.forEach(e=>{"number"==typeof e&&Math.abs(e)>x&&(x=Math.abs(e))})}),x),d/100*(v-(g=h??0))+g):i.value},b=i.name??`Threshold ${o+1}`,A=[],C=t.startMs;for(;C<=t.endMs;)A.push([C,f.value]),C+=15e3;n.push({name:b,values:A}),s.push({type:"line",name:b,id:b,datasetId:b,datasetIndex:u,color:f.color,label:{show:!1},lineStyle:{type:"dashed",width:2},emphasis:{focus:"series",lineStyle:{width:2.5}},blur:{lineStyle:{opacity:.5}}}),u++})}return{timeScale:t,timeChartData:n,timeSeriesMapping:s,legendItems:l,seriesFormatMap:T,maxValuesByFormat:d}},[p,a,k,C,S,c,null==r?void 0:r.max,null==r?void 0:r.min,f,g,x.thresholds,v.palette.primary.main,w,T]),Y=(0,X.useMemo)(()=>{if(0===O.length)return;let e=O.map(e=>{let t=e.unit;return t?(null==G?void 0:G.get(t))??1e3:1e3});return(0,i.getFormattedMultipleYAxes)(M,j,O,e)},[M,j,O,G]),B=(0,X.useMemo)(()=>(null==C?void 0:C.values)?o.legendValues.reduce((e,t)=>{var l;let n=o.LEGEND_VALUE_CONFIG[t];return n&&(null==C||null==(l=C.values)?void 0:l.includes(t))&&e.push({accessorKey:`data.${t}`,header:n.label,headerDescription:n.description,width:72,align:"right",cell:e=>{let{getValue:t}=e,l=t();return"number"==typeof l&&j?(0,i.formatValue)(l,j):l},cellDescription:!0,enableSorting:!0}),e},[]):[],[null==C?void 0:C.values,j]),$=(0,X.useMemo)(()=>!1===M.show?{left:0,right:0,bottom:30,containLabel:!1}:{left:r&&r.label?30:20,right:O.length>0?10:20,bottom:0,containLabel:!0},[M.show,r,O.length]);if(void 0===A)return null;let q=e=>{D({start:new Date(e.start),end:new Date(e.end)})},U="bar"===S.display&&F.some(e=>(null==e?void 0:e.type)==="bar"&&"all"===e.stack),Z=!0;U?Z=!1:(null==u?void 0:u.enablePinning)!==void 0&&(Z=u.enablePinning);let Q={...i.DEFAULT_TOOLTIP_CONFIG,enablePinning:Z};return(0,n.jsx)(z.A,{sx:{padding:`${b}px`},children:(0,n.jsx)(i.ContentWithLegend,{width:A.width,height:A.height,minChildrenHeight:50,legendSize:null==C?void 0:C.size,legendProps:C&&{options:C,data:W||[],selectedItems:k,onSelectedItemsChange:E,tableProps:{columns:B,sorting:I,onSortingChange:L},onItemMouseOver:(e,t)=>{var l;let{id:n}=t;null==(l=y.current)||l.highlightSeries({name:n})},onItemMouseOut:()=>{var e;null==(e=y.current)||e.clearHighlightedSeries()}},children:e=>{let{height:t,width:l}=e;return(0,n.jsxs)(z.A,{style:{height:t,width:l},children:[r&&r.show&&r.label&&(0,n.jsx)(i.YAxisLabel,{name:r.label,height:t}),(0,n.jsx)(eS,{ref:y,height:t,data:N,seriesMapping:F,annotations:_,timeScale:P,yAxis:Y??M,format:j,seriesFormatMap:V,grid:$,isStackedBar:U,tooltipConfig:Q,syncGroup:"default-panel-group",onDataZoom:q,noDataVariant:!N.length&&W&&W.length>0?"chart":"message"})]})}})})},supportedQueryTypes:["TimeSeriesQuery"],supportsAnnotations:!0,panelOptionsEditorComponents:[{label:"General Settings",content:function(e){let{onChange:t,value:l}=e;return(0,n.jsxs)(i.OptionsEditorGrid,{children:[(0,n.jsxs)(i.OptionsEditorColumn,{children:[(0,n.jsx)(o.LegendOptionsEditor,{calculation:"aggregation",value:l.legend,onChange:e=>{t((0,r.produce)(l,t=>{t.legend=e}))}}),(0,n.jsx)(N,{value:l.visual??m,onChange:e=>{t((0,r.produce)(l,t=>{t.visual=e}))}})]}),(0,n.jsx)(i.OptionsEditorColumn,{children:(0,n.jsx)(W,{value:l.yAxis??d,onChange:e=>{t((0,r.produce)(l,t=>{t.yAxis=e}))}})}),(0,n.jsxs)(i.OptionsEditorColumn,{children:[(0,n.jsx)(i.ThresholdsEditor,{hideDefault:!0,thresholds:l.thresholds,onChange:e=>{t((0,r.produce)(l,t=>{t.thresholds=e}))}}),(0,n.jsx)(i.OptionsEditorGroup,{title:"Reset Settings",children:(0,n.jsx)(a.A,{variant:"outlined",color:"secondary",onClick:()=>{t((0,r.produce)(l,e=>{e.yAxis=void 0,e.legend=void 0,e.visual=void 0,e.thresholds=void 0}))},children:"Reset To Defaults"})})]})]})}},{label:"Query Settings",content:function(e){let{onChange:t,value:l}=e,i=l.querySettings,s=e=>{t((0,r.produce)(l,t=>{t.querySettings=e}))},d=(0,X.useRef)(null),u=(0,X.useRef)(!1);(0,X.useEffect)(()=>{var e;d.current&&u.current&&(null==(e=d.current)||e.focus(),u.current=!1)},[null==i?void 0:i.length]);let c=(e,t)=>{void 0!==i&&s((0,r.produce)(i,l=>{let n=l[e];n&&t(n)}))},{queryDefinitions:h}=(0,o.useDataQueriesContext)(),p=h.length,m=(0,X.useMemo)(()=>(0,o.generateQueryNames)(h),[h]),x=(0,X.useMemo)(()=>{let e=(null==i?void 0:i.map(e=>e.queryIndex))??[];return Array.from({length:p},(e,t)=>t).filter((t,l)=>!e.includes(l))},[i,p]),v=(0,X.useMemo)(()=>x[0]??-1,[x]),g={queryIndex:v};return(0,n.jsxs)(V.A,{children:[0===p?(0,n.jsx)(G.A,{mb:2,fontStyle:"italic",children:"No query defined"}):null==i?void 0:i.map((e,t)=>(0,n.jsx)(K,{inputRef:t===i.length-1?d:void 0,querySettings:e,availableQueryIndexes:x,queryNames:m,onQueryIndexChange:e=>{void 0!==i&&s((0,r.produce)(i,l=>{let n=null==l?void 0:l[t];n&&(n.queryIndex=parseInt(e.target.value))}))},onColorModeChange:e=>{void 0!==i&&s((0,r.produce)(i,l=>{if(void 0!==l){let n=l[t];if(n){let t=e.target.value;t?n.colorMode=t:(n.colorMode=void 0,n.colorValue=void 0)}}}))},onColorValueChange:e=>{void 0!==i&&s((0,r.produce)(i,l=>{if(void 0!==l){let n=l[t];n&&(n.colorValue=e)}}))},onLineStyleChange:e=>{void 0!==i&&s((0,r.produce)(i,l=>{if(void 0!==l){let n=l[t];n&&(n.lineStyle=e)}}))},onAreaOpacityChange:(e,l)=>{let n;return n=Array.isArray(l)?l[0]:l,void(void 0!==i&&s((0,r.produce)(i,e=>{if(void 0!==e){let l=e[t];l&&(l.areaOpacity=n)}})))},onDelete:()=>{void 0!==i&&s((0,r.produce)(i,e=>{e.splice(t,1)}))},onAddColor:()=>{c(t,e=>{e.colorMode="fixed",e.colorValue=Q})},onRemoveColor:()=>{c(t,e=>{e.colorMode=void 0,e.colorValue=void 0})},onAddLineStyle:()=>{c(t,e=>{e.lineStyle="solid"})},onRemoveLineStyle:()=>{c(t,e=>{e.lineStyle=void 0})},onAddAreaOpacity:()=>{c(t,e=>{e.areaOpacity=0})},onRemoveAreaOpacity:()=>{c(t,e=>{e.areaOpacity=void 0})},onAddFormat:()=>{c(t,e=>{e.format={unit:"decimal",shortValues:!0}})},onRemoveFormat:()=>{c(t,e=>{e.format=void 0})},onFormatChange:e=>{c(t,t=>{t.format=e})},onAddNegativeY:()=>{c(t,e=>{e.negativeY=!0})},onRemoveNegativeY:()=>{c(t,e=>{e.negativeY=void 0})},onAddStack:()=>{c(t,e=>{e.stack=!1})},onRemoveStack:()=>{c(t,e=>{e.stack=void 0})},onStackChange:e=>{c(t,t=>{t.stack=e})}},t)),p>0&&-1!==v&&(0,n.jsx)(a.A,{variant:"contained",startIcon:(0,n.jsx)(Z.default,{}),sx:{marginTop:1},onClick:()=>{u.current=!0,void 0===i?s([g]):s((0,r.produce)(i,e=>{e.push(g)}))},children:"Add Query Settings"})]})}}],createInitialOptions:function(){return{}},actions:[{component:e=>{let{queryResults:t,definition:l}=e,a=(0,X.useMemo)(()=>(0,o.extractExportableData)(t),[t]),r=(0,X.useMemo)(()=>(0,o.isExportableData)(a),[a]),s=(0,X.useCallback)(()=>{if(a&&r)try{var e,t;let n=(null==l||null==(t=l.spec)||null==(e=t.display)?void 0:e.name)||"Time Series Data",i=(0,o.exportDataAsCSV)({data:a}),r=(0,o.sanitizeFilename)(n),s=`${r}_data.csv`,d=document.createElement("a");d.href=URL.createObjectURL(i),d.download=s,document.body.appendChild(d),d.click(),document.body.removeChild(d),URL.revokeObjectURL(d.href)}catch(e){console.error("Time series export failed:",e)}},[a,r,l]);return r?(0,n.jsx)(i.InfoTooltip,{description:"Export as CSV",children:(0,n.jsx)(B.A,{size:"small",onClick:s,"aria-label":"Export time series data as CSV",children:(0,n.jsx)(eE.default,{fontSize:"inherit"})})}):null},location:"header"}]}}}]);