@openc3/vue-common 6.5.0 → 6.6.0

package/dist/{Graph-ZGEBRGOA.cjs → Graph-mSqImgca.cjs}

@@ -1,2 +1,2 @@
-"use strict";const E=require("./timeFilters-CJFxfjqN.cjs"),e=require("vue"),w=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-CKn4Dnn-.cjs"),I=require("./CustomIcon-Bop2mEnu.cjs"),T=require("./format-B22VpiOS.cjs"),S=require("./parse-DwfgQboe.cjs"),G={mixins:[E.TimeFilters],props:{modelValue:Boolean,title:{type:String,required:!0},legendPosition:{type:String,required:!0},items:{type:Array,required:!0},graphMinY:{type:Number},graphMaxY:{type:Number},lines:{type:Array,required:!0},colors:{type:Array,required:!0},startDateTime:{type:Number},endDateTime:{type:Number},timeZone:{type:String,required:!0}},data:function(){return{tab:0,graph:{},legendPositions:["top","bottom","left","right"],startDate:null,startTime:null,endDate:null,endTime:null,lineHeaders:[{title:"Y Value",value:"yValue"},{title:"Color",value:"color"},{title:"Actions",value:"actions",sortable:!1}],itemHeaders:[{title:"Target Name",value:"targetName"},{title:"Packet Name",value:"packetName"},{title:"Item Name",value:"itemName"},{title:"Actions",value:"actions",sortable:!1}],rules:{date:i=>{if(!i)return!0;try{return T.isValid(S.parse(i,"yyyy-MM-dd",new Date))||"Invalid date (YYYY-MM-DD)"}catch{return"Invalid date (YYYY-MM-DD)"}},time:i=>{if(!i)return!0;try{return T.isValid(S.parse(i,"HH:mm:ss",new Date))||"Invalid time (HH:MM:SS)"}catch{return"Invalid time (HH:MM:SS)"}}}}},computed:{show:{get(){return this.modelValue},set(i){this.$emit("update:modelValue",i)}},editItems:function(){if(!this.items)return[];let i=0;return this.items.map(t=>(i+=1,{...t,itemId:i}))}},created(){if(this.graph={title:this.title,legendPosition:this.legendPosition,items:this.items,graphMinY:this.graphMinY,graphMaxY:this.graphMaxY,lines:[...this.lines]},this.startDateTime){let i=T.toDate(this.startDateTime/1e6);this.startDate=this.formatDate(i,this.timeZone),this.startTime=this.formatTimeHMS(i,this.timeZone)}else{let i=new Date-36e5;this.startDate=this.formatDate(i,this.timeZone),this.startTime=this.formatTimeHMS(i,this.timeZone)}if(this.endDateTime){let i=T.toDate(this.endDateTime/1e6);this.endDate=this.formatDate(i,this.timeZone),this.endTime=this.formatTimeHMS(i,this.timeZone)}},methods:{closeOk(){this.startDate&&this.startTime?this.graph.startDateTime=this.startDate+" "+this.startTime:this.graph.startDateTime=null,this.endDate&&this.endTime?this.graph.endDateTime=this.endDate+" "+this.endTime:this.graph.endDateTime=null,this.$emit("ok",this.graph)},addLine(){this.graph.lines.push({yValue:0,color:"white"})},removeLine(i){let t=this.graph.lines.indexOf(i);this.graph.lines.splice(t,1)}}},B={class:"edit-box"},L={class:"edit-box"},U={class:"edit-box"},z={class:"edit-box"};function P(i,t,s,d,l,o){const n=e.resolveComponent("v-spacer"),r=e.resolveComponent("v-toolbar"),h=e.resolveComponent("v-tab"),m=e.resolveComponent("v-tabs"),c=e.resolveComponent("v-text-field"),f=e.resolveComponent("v-card-text"),p=e.resolveComponent("v-col"),v=e.resolveComponent("v-select"),u=e.resolveComponent("v-row"),x=e.resolveComponent("v-tabs-window-item"),g=e.resolveComponent("v-btn"),V=e.resolveComponent("v-list-item"),y=e.resolveComponent("v-list"),N=e.resolveComponent("v-data-table"),k=e.resolveComponent("v-tabs-window"),D=e.resolveComponent("v-card-actions"),C=e.resolveComponent("v-card"),_=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(_,{modelValue:o.show,"onUpdate:modelValue":t[12]||(t[12]=a=>o.show=a),"max-width":"700",onKeydown:t[13]||(t[13]=e.withKeys(a=>i.$emit("cancel"),["esc"]))},{default:e.withCtx(()=>[e.createVNode(r,{height:"24"},{default:e.withCtx(()=>[e.createVNode(n),t[14]||(t[14]=e.createElementVNode("span",null," Edit Graph ",-1)),e.createVNode(n)]),_:1}),e.createVNode(C,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(m,{modelValue:i.tab,"onUpdate:modelValue":t[0]||(t[0]=a=>i.tab=a),class:"ml-3"},{default:e.withCtx(()=>[e.createVNode(h,{value:"0"},{default:e.withCtx(()=>t[15]||(t[15]=[e.createTextVNode(" Settings ")])),_:1}),e.createVNode(h,{value:"1"},{default:e.withCtx(()=>t[16]||(t[16]=[e.createTextVNode(" Scale / Lines ")])),_:1}),e.createVNode(h,{value:"2"},{default:e.withCtx(()=>t[17]||(t[17]=[e.createTextVNode(" Items ")])),_:1})]),_:1},8,["modelValue"]),e.createVNode(k,{modelValue:i.tab,"onUpdate:modelValue":t[10]||(t[10]=a=>i.tab=a)},{default:e.withCtx(()=>[e.createVNode(x,{value:"0",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",B,[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(f,{class:"pa-0"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.title,"onUpdate:modelValue":t[1]||(t[1]=a=>i.graph.title=a),class:"pb-2",label:"Title","hide-details":""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(v,{modelValue:i.graph.legendPosition,"onUpdate:modelValue":t[2]||(t[2]=a=>i.graph.legendPosition=a),label:"Legend Position","hide-details":"",items:i.legendPositions,style:{"max-width":"280px"}},null,8,["modelValue","items"])]),_:1})]),_:1})]),e.createElementVNode("div",L,[e.createVNode(f,{class:"pa-0"},{default:e.withCtx(()=>t[18]||(t[18]=[e.createTextVNode(" Select a start date/time for the graph. Leave blank for start now. ")])),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.startDate,"onUpdate:modelValue":t[3]||(t[3]=a=>i.startDate=a),label:"Start Date",name:`date${Date.now()}`,rules:[i.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.startTime,"onUpdate:modelValue":t[4]||(t[4]=a=>i.startTime=a),label:"Start Time",name:`time${Date.now()}`,rules:[i.rules.time],type:"time",step:"1"},null,8,["modelValue","name","rules"])]),_:1})]),_:1}),e.createVNode(f,{class:"pa-0"},{default:e.withCtx(()=>t[19]||(t[19]=[e.createTextVNode(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ")])),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.endDate,"onUpdate:modelValue":t[5]||(t[5]=a=>i.endDate=a),label:"End Date",name:`date${Date.now()}`,rules:[i.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.endTime,"onUpdate:modelValue":t[6]||(t[6]=a=>i.endTime=a),label:"End Time",name:`time${Date.now()}`,rules:[i.rules.time],type:"time",step:"1"},null,8,["modelValue","name","rules"])]),_:1})]),_:1})])]),_:1}),e.createVNode(x,{value:"1",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",U,[e.createVNode(f,{class:"pa-0"},{default:e.withCtx(()=>t[20]||(t[20]=[e.createTextVNode(" Set a min or max Y value to override automatic scaling ")])),_:1}),e.createVNode(u,{dense:""},{default:e.withCtx(()=>[e.createVNode(p,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.graphMinY,"onUpdate:modelValue":t[7]||(t[7]=a=>i.graph.graphMinY=a),"hide-details":"",label:"Min Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1}),e.createVNode(p,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.graphMaxY,"onUpdate:modelValue":t[8]||(t[8]=a=>i.graph.graphMaxY=a),"hide-details":"",label:"Max Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1})]),_:1})]),e.createElementVNode("div",z,[e.createVNode(y,{density:"compact",class:"horizontal-lines"},{default:e.withCtx(()=>[e.createVNode(V,null,{default:e.withCtx(()=>[t[22]||(t[22]=e.createElementVNode("span",{style:{"padding-top":"5px"}}," Add horizontal lines to the graph ",-1)),e.createVNode(n),e.createVNode(g,{onClick:t[9]||(t[9]=a=>o.addLine())},{default:e.withCtx(()=>t[21]||(t[21]=[e.createTextVNode(" New Line ")])),_:1})]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.graph.lines,(a,M)=>(e.openBlock(),e.createBlock(V,{key:M,value:a,color:"primary"},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:a.yValue,"onUpdate:modelValue":b=>a.yValue=b,label:"Y Value"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(v,{modelValue:a.color,"onUpdate:modelValue":b=>a.color=b,label:"Color","hide-details":"",items:s.colors},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(g,{style:{padding:"30px"},icon:"mdi-delete",variant:"text","aria-label":"Remove Line",onClick:b=>o.removeLine(a)},null,8,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})])]),_:1}),e.createVNode(x,{value:"2",eager:""},{default:e.withCtx(()=>[e.createVNode(N,{"item-key":"itemId",class:"elevation-1 my-2","data-test":"edit-graph-items",headers:i.itemHeaders,items:o.editItems,"items-per-page":5,"footer-props":{"items-per-page-options":[5]}},{"item.actions":e.withCtx(({item:a})=>[e.createVNode(g,{icon:"mdi-delete",variant:"text","aria-label":"Remove Item",onClick:M=>i.$emit("remove",a)},null,8,["onClick"])]),"no-data":e.withCtx(()=>t[23]||(t[23]=[e.createElementVNode("span",null," Currently no items on this graph ",-1)])),_:1},8,["headers","items"])]),_:1})]),_:1},8,["modelValue"]),e.createVNode(D,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(n),e.createVNode(g,{variant:"outlined",onClick:t[11]||(t[11]=a=>i.$emit("cancel"))},{default:e.withCtx(()=>t[24]||(t[24]=[e.createTextVNode(" Cancel ")])),_:1}),e.createVNode(g,{variant:"flat",onClick:o.closeOk},{default:e.withCtx(()=>t[25]||(t[25]=[e.createTextVNode(" Ok ")])),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"])}const Y=I._export_sfc(G,[["render",P]]),R={props:{modelValue:Boolean,item:{type:Object,required:!0},colors:{type:Array,required:!0}},data:function(){return{editItem:null,limitsName:"NONE",limits:{NONE:[]},valueTypes:["CONVERTED","RAW"],reduction:[{title:"NONE",value:"DECOM"},{title:"REDUCED_MINUTE",value:"REDUCED_MINUTE"},{title:"REDUCED_HOUR",value:"REDUCED_HOUR"},{title:"REDUCED_DAY",value:"REDUCED_DAY"}],reducedTypes:["MIN","MAX","AVG","STDDEV"]}},computed:{show:{get(){return this.modelValue},set(i){this.$emit("update:modelValue",i)}},limitsNames(){return Object.keys(this.limits)}},async created(){this.editItem={...this.item},new w.pi().get_item(this.item.targetName,this.item.packetName,this.item.itemName).then(i=>{for(const[t,s]of Object.entries(i.limits))Object.keys(s).includes("red_low")&&(this.limits[t]=Object.values(s));this.limitsName=Object.keys(this.limits).find(t=>this.limits[t]+""==this.editItem.limits+"")})}},H={key:0},A={class:"pa-3"};function q(i,t,s,d,l,o){const n=e.resolveComponent("v-card-title"),r=e.resolveComponent("v-select"),h=e.resolveComponent("v-card-text"),m=e.resolveComponent("v-spacer"),c=e.resolveComponent("v-btn"),f=e.resolveComponent("v-card-actions"),p=e.resolveComponent("v-card"),v=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(v,{modelValue:o.show,"onUpdate:modelValue":t[9]||(t[9]=u=>o.show=u),width:"400",onKeydown:t[10]||(t[10]=e.withKeys(u=>i.success(),["enter"]))},{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(n,{class:"mb-2"},{default:e.withCtx(()=>t[11]||(t[11]=[e.createTextVNode("Edit Item")])),_:1}),e.createVNode(h,null,{default:e.withCtx(()=>[e.createVNode(r,{variant:"outlined","hide-details":"",label:"Value Type",items:i.valueTypes,modelValue:i.editItem.valueType,"onUpdate:modelValue":t[0]||(t[0]=u=>i.editItem.valueType=u),class:"mb-2"},null,8,["items","modelValue"]),e.createVNode(r,{variant:"outlined","hide-details":"",label:"Reduction",items:i.reduction,modelValue:i.editItem.reduced,"onUpdate:modelValue":t[1]||(t[1]=u=>i.editItem.reduced=u),class:"mb-2"},null,8,["items","modelValue"]),e.createVNode(r,{variant:"outlined","hide-details":"",label:"Reduced Type",items:i.reducedTypes,disabled:i.editItem.reduced==="DECOM",modelValue:i.editItem.reducedType,"onUpdate:modelValue":t[2]||(t[2]=u=>i.editItem.reducedType=u),class:"mb-2"},null,8,["items","disabled","modelValue"]),e.createVNode(r,{variant:"outlined","hide-details":"",label:"Color",items:s.colors,modelValue:i.editItem.color,"onUpdate:modelValue":[t[3]||(t[3]=u=>i.editItem.color=u),t[4]||(t[4]=u=>i.$emit("changeColor",u))],class:"mb-2"},null,8,["items","modelValue"]),o.limitsNames.length>1?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(r,{variant:"outlined","hide-details":"",label:"Display Limits",items:o.limitsNames,modelValue:i.limitsName,"onUpdate:modelValue":[t[5]||(t[5]=u=>i.limitsName=u),t[6]||(t[6]=u=>i.$emit("changeLimits",i.limits[i.limitsName]))]},null,8,["items","modelValue"]),e.createElementVNode("div",A,e.toDisplayString(i.limitsName)+": "+e.toDisplayString(i.limits[i.limitsName]),1)])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(f,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(m),e.createVNode(c,{variant:"outlined",onClick:t[7]||(t[7]=u=>i.$emit("cancel"))},{default:e.withCtx(()=>t[12]||(t[12]=[e.createTextVNode(" Cancel ")])),_:1}),e.createVNode(c,{variant:"flat",onClick:t[8]||(t[8]=u=>i.$emit("close",i.editItem))},{default:e.withCtx(()=>t[13]||(t[13]=[e.createTextVNode(" Ok ")])),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])}const O=I._export_sfc(R,[["render",q]]),W={components:{GraphEditDialog:Y,GraphEditItemDialog:O},mixins:[E.TimeFilters],props:{id:{type:Number,required:!0},selectedGraphId:{type:Number},state:{type:String,required:!0},startTime:{type:Number},secondsGraphed:{type:Number,required:!0},pointsSaved:{type:Number,required:!0},pointsGraphed:{type:Number,required:!0},refreshIntervalMs:{type:Number,default:200},hideToolbar:{type:Boolean,default:!1},hideOverview:{type:Boolean,default:!1},sparkline:{type:Boolean,default:!1},initialItems:{type:Array},height:{type:Number},width:{type:Number},timeZone:{type:String,default:"local"}},data(){return{lines:[],active:!0,expand:!0,fullWidth:!0,fullHeight:!0,graph:null,editGraph:!1,editGraphMenu:!1,editGraphMenuX:0,editGraphMenuY:0,editItem:!1,itemMenu:!1,itemMenuX:0,itemMenuY:0,legendMenu:!1,legendMenuX:0,legendMenuY:0,legendPosition:"bottom",selectedItem:null,hideToolbarData:this.hideToolbar,showOverview:!this.hideOverview,hideOverviewData:this.hideOverview,title:"",overview:null,data:[[]],dataChanged:!1,timeout:null,graphMinY:null,graphMaxY:null,graphStartDateTime:null,graphEndDateTime:null,indexes:{},items:this.initialItems||[],limitsValues:[],drawInterval:null,zoomChart:!1,zoomOverview:!1,cable:new w.di,subscription:null,needToUpdate:!1,errorDialog:!1,errors:[],colorIndex:0,colors:["#00c7cb","#938bdb","#4dacff","lime","darkorange","red","gold","hotpink","tan","cyan","maroon","blue","teal","purple","green","brown","lightblue","white","black"]}},computed:{calcFullSize:function(){return this.fullWidth||this.fullHeight},error:function(){return this.errorDialog&&this.errors.length>0?JSON.stringify(this.errors,null,4):null}},watch:{state:function(i,t){switch(i){case"start":t==="stop"&&this.startGraph();break;case"stop":this.stopGraph();break}},data:function(i,t){this.dataChanged=!0},graphMinY:function(i,t){let s=parseFloat(i);isNaN(s)||(this.graphMinY=s),this.setGraphRange()},graphMaxY:function(i,t){let s=parseFloat(i);isNaN(s)||(this.graphMaxY=s),this.setGraphRange()},graphStartDateTime:function(i,t){i&&typeof i=="string"?(this.graphStartDateTime=this.parseDateTime(this.graphStartDateTime,this.timeZone)*1e6,this.graphStartDateTime!==t&&(this.needToUpdate=!0)):i===null&&t&&(this.graphStartDateTime=null,this.needToUpdate=!0)},graphEndDateTime:function(i,t){i&&typeof i=="string"?(this.graphEndDateTime=this.parseDateTime(this.graphEndDateTime,this.timeZone)*1e6,this.graphEndDateTime!==t&&(this.needToUpdate=!0)):i===null&&t&&(this.graphEndDateTime=null,this.needToUpdate=!0)}},created(){this.title=`Graph ${this.id}`;for(const[i,t]of this.items.entries())this.data.push([]),this.indexes[this.subscriptionKey(t)]=i+1,t.color===void 0&&(t.color=this.colors[this.colorIndex]),this.colorIndex++,this.colorIndex===this.colors.length&&(this.colorIndex=0)},mounted(){const{chartSeries:i,overviewSeries:t}=this.items.reduce((d,l)=>{const o={spanGaps:!0};return d.chartSeries.push({...o,item:l,label:this.formatLabel(l),stroke:(n,r)=>this.items[r-1].color,width:2,value:(n,r)=>typeof r=="string"||isNaN(r)?"NaN":r==null?"--":r.toFixed(3)}),d.overviewSeries.push({...o}),d},{chartSeries:[],overviewSeries:[]});let s={};if(this.sparkline)this.hideToolbarData=!0,this.hideOverviewData=!0,this.showOverview=!1,s={width:this.width,height:this.height,pxAlign:!1,cursor:{show:!1},select:{show:!1},legend:{show:!1},scales:{x:{time:!1}},axes:[{show:!1},{show:!1}],series:[{},{stroke:"white"}]},this.graph=new w.uPlot(s,this.data,document.getElementById(`chart${this.id}`));else{let d=Intl.DateTimeFormat().resolvedOptions().timeZone;this.timeZone&&this.timeZone!=="local"&&(d=this.timeZone),s={...this.getSize("chart"),...this.getScales(),...this.getAxes("chart"),plugins:[this.linesPlugin()],tzDate:o=>w.uPlot.tzDate(new Date(o*1e3),d),series:[{label:"Time",value:(o,n)=>n==null?"--":this.formatSeconds(n,this.timeZone)},...i],cursor:{drag:{x:!0,y:!1},sync:{key:"openc3"},bind:{mouseup:(o,n,r)=>h=>{this.state==="pause"&&o.select.width===0&&this.$emit("start"),r(h)}}},hooks:{setScale:[(o,n)=>{if(n==="x"&&!this.zoomOverview&&this.overview){this.zoomChart=!0;let r=Math.round(this.overview.valToPos(o.scales.x.min,"x")),h=Math.round(this.overview.valToPos(o.scales.x.max,"x"));this.overview.setSelect({left:r,width:h-r}),this.zoomChart=!1}}],setSelect:[o=>{this.state==="start"&&o.select.width>0&&this.$emit("pause")}],ready:[o=>{o.root.querySelector(".u-over").addEventListener("contextmenu",h=>{h.preventDefault(),this.itemMenu=!1,this.legendMenu=!1,this.editGraphMenuX=h.clientX,this.editGraphMenuY=h.clientY,this.editGraphMenu=!0});let r=o.root.querySelector(".u-legend");r.addEventListener("contextmenu",h=>{h.preventDefault(),this.editGraphMenu=!1,this.legendMenu=!1,this.itemMenuX=h.clientX,this.itemMenuY=h.clientY;let m=h.target.closest(".u-series"),c=Array.prototype.slice.call(r.childNodes[0].childNodes).indexOf(m),f=o.series[c];f.item?(this.selectedItem=f.item,this.itemMenu=!0):(this.itemMenu=!1,this.legendMenuX=h.clientX,this.legendMenuY=h.clientY,this.legendMenu=!0)}),r.querySelector("tbody").appendChild(this.$refs.info)}]}},this.graph=new w.uPlot(s,this.data,document.getElementById(`chart${this.id}`));const l={...this.getSize("overview"),...this.getScales(),...this.getAxes("overview"),tzDate:o=>w.uPlot.tzDate(new Date(o*1e3),d),series:[...t],cursor:{y:!1,drag:{setScale:!1,x:!0,y:!1}},legend:{show:!1},hooks:{setSelect:[o=>{if(!this.zoomChart){this.state==="start"&&o.select.width>0&&this.$emit("pause"),this.zoomOverview=!0;let n=o.posToVal(o.select.left,"x"),r=o.posToVal(o.select.left+o.select.width,"x");this.graph.setScale("x",{min:n,max:r}),this.zoomOverview=!1}}]}};this.hideOverview||(this.overview=new w.uPlot(l,this.data,document.getElementById(`overview${this.id}`))),this.moveLegend(this.legendPosition),window.addEventListener("resize",this.resize)}this.state!=="stop"&&this.startGraph()},beforeUnmount:function(){this.stopGraph(),this.cable.disconnect(),window.removeEventListener("resize",this.resize)},methods:{startGraph:function(){this.subscribe(),this.timeout=setTimeout(()=>{this.updateTimeout()},this.refreshIntervalMs)},stopGraph:function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null),this.timeout&&(clearTimeout(this.timeout),this.timeout=null)},updateTimeout:function(){this.updateGraphData(),this.timeout=setTimeout(()=>{this.updateTimeout()},this.refreshIntervalMs)},updateGraphData:function(){if(this.state==="pause"||!this.dataChanged)return;this.graph.setData(this.data),this.overview&&this.overview.setData(this.data);let i=this.data[0][this.data[0].length-1],t=this.data[0][this.data[0].length-this.pointsGraphed],s=this.data[0][0];s<i-this.secondsGraphed&&(s=i-this.secondsGraphed),t>s&&(s=t),this.graph.setScale("x",{min:s,max:i}),this.dataChanged=!1},formatLabel(i){if(i.valueType==="CONVERTED"&&i.reduced==="DECOM")return i.itemName;{let t="";return i.valueType!=="CONVERTED"&&(t+=i.valueType),i.reduced!=="DECOM"&&(t!==""&&(t+=" "),t+=`${i.reduced.split("_")[1]} ${i.reducedType}`),`${i.itemName} (${t})`}},moveLegend:function(i){switch(i){case"bottom":this.graph.root.classList.remove("side-legend"),this.graph.root.classList.remove("left-legend"),this.graph.root.classList.remove("top-legend");break;case"top":this.graph.root.classList.remove("side-legend"),this.graph.root.classList.remove("left-legend"),this.graph.root.classList.add("top-legend");break;case"left":this.graph.root.classList.remove("top-legend"),this.graph.root.classList.add("side-legend"),this.graph.root.classList.add("left-legend");break;case"right":this.graph.root.classList.remove("top-legend"),this.graph.root.classList.remove("left-legend"),this.graph.root.classList.add("side-legend");break}this.legendPosition=i,this.resize()},clearErrors:function(){this.errors=[]},editGraphClose:function(i){this.editGraph=!1,this.title=i.title,this.legendPosition=i.legendPosition,this.graphMinY=i.graphMinY,this.graphMaxY=i.graphMaxY,this.lines=[...i.lines],this.graphStartDateTime=i.startDateTime,this.graphEndDateTime=i.endDateTime,this.$nextTick(()=>{if(this.needToUpdate){if(this.subscription==null)this.startGraph();else{let t=JSON.parse(JSON.stringify(this.items));this.removeItems(t),setTimeout(()=>{this.addItems(t)},0)}this.needToUpdate=!1}}),this.moveLegend(this.legendPosition),this.$emit("edit")},resize:function(){this.graph.setSize(this.getSize("chart")),this.overview&&this.overview.setSize(this.getSize("overview")),this.$emit("resize",this.id)},expandAll:function(){this.fullWidth=!0,this.fullHeight=!0,this.resize()},collapseAll:function(){this.fullWidth=!1,this.fullHeight=!1,this.resize()},expandWidth:function(){this.fullWidth=!0,this.resize()},collapseWidth:function(){this.fullWidth=!1,this.resize()},expandHeight:function(){this.fullHeight=!0,this.resize()},collapseHeight:function(){this.fullHeight=!1,this.resize()},minMaxTransition:function(){this.expand=!this.expand,this.$emit("min-max-graph",this.id)},setGraphRange:function(){let i=.1;(this.graphMinY||this.graphMinY===0||this.graphMaxY||this.graphMaxY===0)&&(i=0),this.graph.scales.y.range=(t,s,d)=>{let l=s;(this.graphMinY||this.graphMinY===0)&&(l=this.graphMinY);let o=d;return(this.graphMaxY||this.graphMaxY===0)&&(o=this.graphMaxY),w.uPlot.rangeNum(l,o,i,!0)}},subscribe:function(){this.cable.createSubscription("StreamingChannel",window.openc3Scope,{received:i=>this.received(i),connected:()=>{this.addItemsToSubscription(this.items)},disconnected:i=>{i.allowReconnect&&this.errors.push({type:"disconnected",message:"OpenC3 backend connection disconnected",time:new Date().getTime()})},rejected:()=>{this.errors.push({type:"rejected",message:"OpenC3 backend connection rejected",time:new Date().getTime()})}}).then(i=>{this.subscription=i})},getSize:function(i){let t=0;const s=document.getElementById("openc3-nav-drawer");s&&(t=s.classList.contains("v-navigation-drawer--active")?s.clientWidth:0);let d=0;(this.legendPosition==="right"||this.legendPosition==="left")&&(d=document.getElementsByClassName("u-legend")[0].clientWidth);const l=Math.max(document.documentElement.clientWidth,window.innerWidth||0)-t-d,o=Math.max(document.documentElement.clientHeight,window.innerHeight||0),n=document.getElementsByClassName("v-expansion-panel")[0];let r=100;i==="overview"?this.fullHeight&&!this.hideOverviewData?this.showOverview=!0:this.showOverview=!1:(r=o-n.clientHeight-r-250,this.fullHeight||(r=r/2+10));let h=l-70;return this.fullWidth||(h=h/2-12),{width:this.width||h,height:this.height||r}},getScales:function(){return{scales:{x:{range(i,t,s){return t==null?[1566453600,1566497660]:[t,s]}},y:{range(i,t,s){return t==null?[-100,100]:w.uPlot.rangeNum(t,s,.1,!0)}}}}},getAxes:function(i){let t="rgba(255, 255, 255, .1)",s="white";return{axes:[{stroke:s,grid:{show:!0,stroke:t,width:2}},{size:80,stroke:s,grid:{show:i!=="overview",stroke:t,width:2},values(d,l){return(l.some(o=>o>=1e7)||l.every(o=>o<.01))&&(l=l.map(o=>o.toExponential(3))),l}}]}},closeEditItem:function(i){this.editItem=!1,(this.graphEndDateTime!==null&&this.selectedItem!==i||this.selectedItem.valueType!==i.valueType||this.selectedItem.reduced!==i.reduced||this.selectedItem.reducedType!==i.reducedType)&&this.changeItem(i)},changeColor:function(i){let t=this.subscriptionKey(this.selectedItem),s=this.indexes[t];this.items[s-1].color=i,this.selectedItem.color=i,this.graph.root.querySelectorAll(".u-marker")[s].style.borderColor=i},changeLimits:function(i){let t=this.subscriptionKey(this.selectedItem),s=this.indexes[t];this.items[s-1].limits=i,this.selectedItem.limits=i,this.limitsValues=i},linesPlugin:function(){return{hooks:{draw:i=>{const{ctx:t,bbox:s}=i,d=i.valToPos(i.scales.y.min,"y",!0),l=i.valToPos(i.scales.y.max,"y",!0),o=i.valToPos(this.limitsValues[0],"y",!0),n=i.valToPos(this.limitsValues[1],"y",!0),r=i.valToPos(this.limitsValues[2],"y",!0),h=i.valToPos(this.limitsValues[3],"y",!0);if(this.lines.forEach(m=>{i.scales.y.min<=m.yValue&&m.yValue<=i.scales.y.max&&(t.save(),t.beginPath(),t.strokeStyle=m.color,t.lineWidth=2,t.moveTo(s.left,i.valToPos(m.yValue,"y",!0)),t.lineTo(s.left+s.width,i.valToPos(m.yValue,"y",!0)),t.stroke(),t.restore())}),t.save(),t.beginPath(),t.fillStyle="rgba(255,0,0,0.15)",i.scales.y.min<this.limitsValues[0]){let m=o<l?l:o;t.fillRect(s.left,o,s.width,d-m)}if(i.scales.y.max>this.limitsValues[3]){let m=d<h?d:h;t.fillRect(s.left,l,s.width,m-l)}if(t.fillStyle="rgba(255,255,0,0.15)",i.scales.y.min<this.limitsValues[1]&&i.scales.y.max>this.limitsValues[0]){let m=n<l?l:n;t.fillRect(s.left,m,s.width,o-m)}if(i.scales.y.max>this.limitsValues[2]&&i.scales.y.min<this.limitsValues[3]){let m=d<h?d:h,c=d<r?d:r;t.fillRect(s.left,m,s.width,c-m)}if(t.fillStyle="rgba(0,255,0,0.15)",this.limitsValues.length===4){if(i.scales.y.min<this.limitsValues[2]&&i.scales.y.max>this.limitsValues[1]){let m=r<l?l:r,c=d<n?d:n;t.fillRect(s.left,m,s.width,c-m)}}else{const m=i.valToPos(this.limitsValues[4],"y",!0),c=i.valToPos(this.limitsValues[5],"y",!0);if(i.scales.y.min<this.limitsValues[4]&&i.scales.y.max>this.limitsValues[1]){let v=m<l?l:m;t.fillRect(s.left,v,s.width,n-v)}if(i.scales.y.max>this.limitsValues[5]&&i.scales.y.min<this.limitsValues[2]){let v=d<r?d:r,u=d<c?d:c;t.fillRect(s.left,v,s.width,u-v)}t.fillStyle="rgba(0,0,255,0.15)";let f=c<l?l:c,p=d<m?d:m;t.fillRect(s.left,f,s.width,p-f)}t.stroke(),t.restore()}}}},changeItem:function(i){this.removeItems([this.selectedItem]),this.selectedItem.valueType=i.valueType,this.selectedItem.reduced=i.reduced,this.selectedItem.reducedType=i.reducedType,setTimeout(()=>{this.addItems([this.selectedItem])},0)},addItems:function(i,t="CONVERTED"){i.forEach(s=>{s.valueType||(s.valueType=t),s.color||(s.color=this.colors[this.colorIndex]),s.limits||(s.limits=[]),s.limits.length>0&&(this.limitsValues=s.limits),this.colorIndex=(this.colorIndex+1)%this.colors.length,this.items.push(s);const d=this.data.length;this.graph.addSeries(this.createSeriesConfig(s),d),this.overview&&this.overview.addSeries(this.createOverviewSeriesConfig(),d),this.data.splice(d,0,Array(this.data[0].length)),this.indexes[this.subscriptionKey(s)]=d}),this.updateColorIndex(i),this.addItemsToSubscription(i),this.$emit("resize"),this.$emit("edit")},createSeriesConfig:function(i){return{spanGaps:!0,item:i,label:this.formatLabel(i),stroke:(t,s)=>this.items[s-1].color,width:2,value:(t,s)=>typeof s=="string"||isNaN(s)?"NaN":s==null?"--":Math.abs(s)<.01&&s!==0||Math.abs(s)>=1e7?s.toExponential(6):s.toFixed(6)}},createOverviewSeriesConfig:function(){return{spanGaps:!0,stroke:(i,t)=>this.items[t-1].color}},updateColorIndex:function(i){const t=i[i.length-1];if(t){const s=this.colors.indexOf(t.color);s!==-1&&(this.colorIndex=(s+1)%this.colors.length)}},addItemsToSubscription:function(i=this.items){let t=this.startTime;this.graphStartDateTime&&(t=this.graphStartDateTime),this.subscription&&OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(s=>{s&&OpenC3Auth.setTokens(),this.subscription.perform("add",{scope:window.openc3Scope,token:localStorage.openc3Token,items:i.map(this.subscriptionKey),start_time:t,end_time:this.graphEndDateTime})})},clearAllData:function(){this.data[0]=[],this.clearData(this.items)},clearData:function(i){for(const t of i.map(this.subscriptionKey)){let s=this.indexes[t];this.data[s]=Array(this.data[0].length).fill(null),this.graph.setData(this.data),this.overview&&this.overview.setData(this.data)}this.data.length===2&&(this.data[0]=[],this.graph.setData(this.data),this.overview&&this.overview.setData(this.data))},removeItems:function(i){this.removeItemsFromSubscription(i);for(const t of i.map(this.subscriptionKey)){const s=this.reorderIndexes(t);this.items.splice(s-1,1),this.data.splice(s,1),this.graph.delSeries(s),this.graph.setData(this.data),this.overview&&(this.overview.delSeries(s),this.overview.setData(this.data))}this.data.length===1&&(this.data[0]=[],this.graph.setData(this.data),this.overview&&this.overview.setData(this.data)),this.$emit("resize"),this.$emit("edit")},removeItemsFromSubscription:function(i=this.items){this.subscription&&this.subscription.perform("remove",{scope:window.openc3Scope,token:localStorage.openc3Token,items:i.map(this.subscriptionKey)})},reorderIndexes:function(i){let t=this.indexes[i];delete this.indexes[i];for(let s in this.indexes)this.indexes[s]>t&&(this.indexes[s]-=1);return t},received:function(i){this.cable.recordPing();for(let t=0;t<i.length;t++){let s=i[t].__time/1e9,d=this.data[0].length;if(d===0||s>this.data[0][d-1]){for(let l=0;l<this.data.length;l++)this.data[l].push(null);this.set_data_at_index(this.data[0].length-1,s,i[t])}else{let l=w.bs(this.data[0],s,this.bs_comparator);if(l>=0){for(;l>=0;)s-=1e-5,l=w.bs(this.data[0],s,this.bs_comparator);let o=-l-1;for(let n=0;n<this.data.length;n++)this.data[n].splice(o,0,null);this.set_data_at_index(o,s,i[t])}else{let o=-l-1;for(let n=0;n<this.data.length;n++)this.data[n].splice(o,0,null);this.set_data_at_index(o,s,i[t])}}}if(this.startTime==null&&this.data[0][0]){let t=this.data[0][0]*1e9;this.$emit("started",t)}this.dataChanged=!0},bs_comparator:function(i,t){return i-t},set_data_at_index:function(i,t,s){this.data[0][i]=t;for(const[d,l]of Object.entries(s)){if(d==="time")continue;let o=this.indexes[d];if(o){let n=this.data[o];if(l!=null&&l.raw)n[i]=null;else if(typeof l=="string"){if(n[i]=null,!d.includes("__RAW")){for(let r of this.items)if(this.subscriptionKey(r)===d){this.selectedItem=r;break}this.changeItem({valueType:"RAW",reduced:this.selectedItem.reduced,reducedType:this.selectedItem.reducedType})}}else n[i]=l}}},subscriptionKey:function(i){let t=`${i.reduced}__TLM__${i.targetName}__${i.packetName}__${i.itemName}__${i.valueType}`;return(i.reduced==="REDUCED_MINUTE"||i.reduced==="REDUCED_HOUR"||i.reduced==="REDUCED_DAY")&&(t+=`__${i.reducedType}`),t}}},Z={id:"chart",ref:"chart",class:"pa-1"},F=["id"],K=["id"],X={key:5,ref:"info",class:"u-series"};function j(i,t,s,d,l,o){const n=e.resolveComponent("v-btn"),r=e.resolveComponent("v-spacer"),h=e.resolveComponent("v-toolbar"),m=e.resolveComponent("v-expand-transition"),c=e.resolveComponent("v-card"),f=e.resolveComponent("graph-edit-dialog"),p=e.resolveComponent("v-text-field"),v=e.resolveComponent("v-row"),u=e.resolveComponent("v-textarea"),x=e.resolveComponent("v-dialog"),g=e.resolveComponent("v-list-item-title"),V=e.resolveComponent("v-list-item"),y=e.resolveComponent("v-list"),N=e.resolveComponent("v-menu"),k=e.resolveComponent("graph-edit-item-dialog"),D=e.resolveComponent("v-list-subheader"),C=e.resolveComponent("v-icon"),_=e.resolveComponent("v-tooltip");return e.openBlock(),e.createElementBlock("div",{onClick:t[21]||(t[21]=e.withModifiers(a=>i.$emit("click"),["prevent"]))},[e.createVNode(c,null,{default:e.withCtx(()=>[e.withDirectives(e.createVNode(h,{height:"24",class:e.normalizeClass(["pl-2 pr-2",s.selectedGraphId===s.id?"active":""])},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(n,{class:"mx-2",icon:"mdi-alert",density:"compact",variant:"text","aria-label":"Show Errors",onClick:t[0]||(t[0]=()=>{l.errorDialog=!0})},null,512),[[e.vShow,l.errors.length!==0]]),e.createVNode(n,{icon:"mdi-pencil",variant:"text",density:"compact","data-test":"edit-graph-icon","aria-label":"Edit Graph",onClick:t[1]||(t[1]=()=>{l.editGraph=!0})}),e.createVNode(r),e.createElementVNode("span",null,e.toDisplayString(l.title),1),e.createVNode(r),l.expand?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.calcFullSize?(e.openBlock(),e.createBlock(n,{key:0,icon:"mdi-arrow-collapse",variant:"text",density:"compact","data-test":"collapse-all",onClick:o.collapseAll},null,8,["onClick"])):(e.openBlock(),e.createBlock(n,{key:1,icon:"mdi-arrow-expand",variant:"text",density:"compact","data-test":"expand-all",onClick:o.expandAll},null,8,["onClick"])),l.fullWidth?(e.openBlock(),e.createBlock(n,{key:2,icon:"mdi-arrow-collapse-horizontal",variant:"text",density:"compact","data-test":"collapse-width",onClick:o.collapseWidth},null,8,["onClick"])):(e.openBlock(),e.createBlock(n,{key:3,icon:"mdi-arrow-expand-horizontal",variant:"text",density:"compact","data-test":"expand-width",onClick:o.expandWidth},null,8,["onClick"])),l.fullHeight?(e.openBlock(),e.createBlock(n,{key:4,icon:"mdi-arrow-collapse-vertical",variant:"text",density:"compact","data-test":"collapse-height",onClick:o.collapseHeight},null,8,["onClick"])):(e.openBlock(),e.createBlock(n,{key:5,icon:"mdi-arrow-expand-vertical",variant:"text",density:"compact","data-test":"expand-height",onClick:o.expandHeight},null,8,["onClick"]))],64)):e.createCommentVNode("",!0),l.expand?(e.openBlock(),e.createBlock(n,{key:1,icon:"mdi-window-minimize",variant:"text",density:"compact","data-test":"minimize-screen-icon",onClick:o.minMaxTransition},null,8,["onClick"])):(e.openBlock(),e.createBlock(n,{key:2,icon:"mdi-window-maximize",variant:"text",density:"compact","data-test":"maximize-screen-icon",onClick:o.minMaxTransition},null,8,["onClick"])),e.createVNode(n,{icon:"mdi-close-box",variant:"text",density:"compact","data-test":"close-graph-icon",onClick:t[2]||(t[2]=e.withModifiers(a=>i.$emit("close-graph"),["stop"]))})]),_:1},8,["class"]),[[e.vShow,!l.hideToolbarData]]),e.createVNode(m,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",Z,[e.createElementVNode("div",{id:`chart${s.id}`},null,8,F),t[22]||(t[22]=e.createElementVNode("div",{id:"betweenCharts"},null,-1)),e.withDirectives(e.createElementVNode("div",{id:`overview${s.id}`},null,8,K),[[e.vShow,l.showOverview]])],512),[[e.vShow,l.expand]])]),_:1})]),_:1}),l.editGraph?(e.openBlock(),e.createBlock(f,{key:0,modelValue:l.editGraph,"onUpdate:modelValue":t[3]||(t[3]=a=>l.editGraph=a),title:l.title,"legend-position":l.legendPosition,items:l.items,"graph-min-y":l.graphMinY,"graph-max-y":l.graphMaxY,lines:l.lines,colors:l.colors,"start-date-time":l.graphStartDateTime,"end-date-time":l.graphEndDateTime,"time-zone":s.timeZone,onRemove:t[4]||(t[4]=a=>o.removeItems([a])),onOk:o.editGraphClose,onCancel:t[5]||(t[5]=a=>l.editGraph=!1)},null,8,["modelValue","title","legend-position","items","graph-min-y","graph-max-y","lines","colors","start-date-time","end-date-time","time-zone","onOk"])):e.createCommentVNode("",!0),e.createVNode(x,{modelValue:l.errorDialog,"onUpdate:modelValue":t[7]||(t[7]=a=>l.errorDialog=a),"max-width":"600"},{default:e.withCtx(()=>[e.createVNode(h,{height:"24"},{default:e.withCtx(()=>[e.createVNode(r),t[23]||(t[23]=e.createElementVNode("span",null," Errors ",-1)),e.createVNode(r)]),_:1}),e.createVNode(c,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(v,{dense:""},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:l.title,"onUpdate:modelValue":t[6]||(t[6]=a=>l.title=a),readonly:"","hide-details":"",class:"pb-2",label:"Graph Title"},null,8,["modelValue"])]),_:1}),e.createVNode(v,{class:"my-3"},{default:e.withCtx(()=>[e.createVNode(u,{readonly:"",rows:"8",value:o.error},null,8,["value"])]),_:1}),e.createVNode(v,null,{default:e.withCtx(()=>[e.createVNode(n,{block:"",onClick:o.clearErrors},{default:e.withCtx(()=>t[24]||(t[24]=[e.createTextVNode(" Clear ")])),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"]),l.editGraphMenu?(e.openBlock(),e.createBlock(N,{key:1,modelValue:l.editGraphMenu,"onUpdate:modelValue":t[9]||(t[9]=a=>l.editGraphMenu=a),target:[l.editGraphMenuX,l.editGraphMenuY],absolute:"","offset-y":""},{default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[e.createVNode(V,{onClick:t[8]||(t[8]=a=>l.editGraph=!0)},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[e.createTextVNode(" Edit "+e.toDisplayString(l.title),1)]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),l.editItem?(e.openBlock(),e.createBlock(k,{key:2,modelValue:l.editItem,"onUpdate:modelValue":t[10]||(t[10]=a=>l.editItem=a),colors:l.colors,item:l.selectedItem,onChangeColor:o.changeColor,onChangeLimits:o.changeLimits,onCancel:t[11]||(t[11]=a=>l.editItem=!1),onClose:o.closeEditItem},null,8,["modelValue","colors","item","onChangeColor","onChangeLimits","onClose"])):e.createCommentVNode("",!0),l.itemMenu?(e.openBlock(),e.createBlock(N,{key:3,modelValue:l.itemMenu,"onUpdate:modelValue":t[15]||(t[15]=a=>l.itemMenu=a),target:[l.itemMenuX,l.itemMenuY],absolute:"","offset-y":""},{default:e.withCtx(()=>[e.createVNode(y,{nav:"",density:"compact"},{default:e.withCtx(()=>[e.createVNode(D,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.selectedItem.targetName)+" "+e.toDisplayString(l.selectedItem.packetName)+" "+e.toDisplayString(l.selectedItem.itemName),1)]),_:1}),e.createVNode(V,{onClick:t[12]||(t[12]=a=>l.editItem=!0)},{prepend:e.withCtx(()=>[e.createVNode(C,{icon:"mdi-pencil"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>t[25]||(t[25]=[e.createTextVNode(" Edit ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[13]||(t[13]=a=>o.clearData([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(C,{icon:"mdi-eraser"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>t[26]||(t[26]=[e.createTextVNode(" Clear ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[14]||(t[14]=a=>o.removeItems([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(C,{icon:"mdi-delete"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>t[27]||(t[27]=[e.createTextVNode(" Delete ")])),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),l.legendMenu?(e.openBlock(),e.createBlock(N,{key:4,modelValue:l.legendMenu,"onUpdate:modelValue":t[20]||(t[20]=a=>l.legendMenu=a),target:[l.legendMenuX,l.legendMenuY],absolute:"","offset-y":""},{default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[e.createVNode(V,{onClick:t[16]||(t[16]=a=>o.moveLegend("top"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>t[28]||(t[28]=[e.createTextVNode(" Legend Top ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[17]||(t[17]=a=>o.moveLegend("bottom"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>t[29]||(t[29]=[e.createTextVNode(" Legend Bottom ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[18]||(t[18]=a=>o.moveLegend("left"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>t[30]||(t[30]=[e.createTextVNode(" Legend Left ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[19]||(t[19]=a=>o.moveLegend("right"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>t[31]||(t[31]=[e.createTextVNode(" Legend RIght ")])),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),s.sparkline?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(_,{text:"Click item to toggle, Right click to edit",location:"top"},{activator:e.withCtx(({props:a})=>[e.createVNode(C,e.normalizeProps(e.guardReactiveProps(a)),{default:e.withCtx(()=>t[32]||(t[32]=[e.createTextVNode(" mdi-information-variant-circle ")])),_:2},1040)]),_:1})],512))])}const J=I._export_sfc(W,[["render",j],["__scopeId","data-v-f455219c"]]);exports.Graph=J;exports.GraphEditDialog=Y;exports.GraphEditItemDialog=O;
-//# sourceMappingURL=Graph-ZGEBRGOA.cjs.map
+"use strict";const E=require("./timeFilters-CJFxfjqN.cjs"),e=require("vue"),w=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C_HFbtFB.cjs"),I=require("./CustomIcon-Bop2mEnu.cjs"),T=require("./format-B22VpiOS.cjs"),S=require("./parse-DwfgQboe.cjs"),G={mixins:[E.TimeFilters],props:{modelValue:Boolean,title:{type:String,required:!0},legendPosition:{type:String,required:!0},items:{type:Array,required:!0},graphMinY:{type:Number},graphMaxY:{type:Number},lines:{type:Array,required:!0},colors:{type:Array,required:!0},startDateTime:{type:Number},endDateTime:{type:Number},timeZone:{type:String,required:!0}},data:function(){return{tab:0,graph:{},legendPositions:["top","bottom","left","right"],startDate:null,startTime:null,endDate:null,endTime:null,lineHeaders:[{title:"Y Value",value:"yValue"},{title:"Color",value:"color"},{title:"Actions",value:"actions",sortable:!1}],itemHeaders:[{title:"Target Name",value:"targetName"},{title:"Packet Name",value:"packetName"},{title:"Item Name",value:"itemName"},{title:"Actions",value:"actions",sortable:!1}],rules:{date:i=>{if(!i)return!0;try{return T.isValid(S.parse(i,"yyyy-MM-dd",new Date))||"Invalid date (YYYY-MM-DD)"}catch{return"Invalid date (YYYY-MM-DD)"}},time:i=>{if(!i)return!0;try{return T.isValid(S.parse(i,"HH:mm:ss",new Date))||"Invalid time (HH:MM:SS)"}catch{return"Invalid time (HH:MM:SS)"}}}}},computed:{show:{get(){return this.modelValue},set(i){this.$emit("update:modelValue",i)}},editItems:function(){if(!this.items)return[];let i=0;return this.items.map(t=>(i+=1,{...t,itemId:i}))}},created(){if(this.graph={title:this.title,legendPosition:this.legendPosition,items:this.items,graphMinY:this.graphMinY,graphMaxY:this.graphMaxY,lines:[...this.lines]},this.startDateTime){let i=T.toDate(this.startDateTime/1e6);this.startDate=this.formatDate(i,this.timeZone),this.startTime=this.formatTimeHMS(i,this.timeZone)}else{let i=new Date-36e5;this.startDate=this.formatDate(i,this.timeZone),this.startTime=this.formatTimeHMS(i,this.timeZone)}if(this.endDateTime){let i=T.toDate(this.endDateTime/1e6);this.endDate=this.formatDate(i,this.timeZone),this.endTime=this.formatTimeHMS(i,this.timeZone)}},methods:{closeOk(){this.startDate&&this.startTime?this.graph.startDateTime=this.startDate+" "+this.startTime:this.graph.startDateTime=null,this.endDate&&this.endTime?this.graph.endDateTime=this.endDate+" "+this.endTime:this.graph.endDateTime=null,this.$emit("ok",this.graph)},addLine(){this.graph.lines.push({yValue:0,color:"white"})},removeLine(i){let t=this.graph.lines.indexOf(i);this.graph.lines.splice(t,1)}}},B={class:"edit-box"},L={class:"edit-box"},U={class:"edit-box"},z={class:"edit-box"};function P(i,t,s,d,l,o){const n=e.resolveComponent("v-spacer"),r=e.resolveComponent("v-toolbar"),h=e.resolveComponent("v-tab"),m=e.resolveComponent("v-tabs"),c=e.resolveComponent("v-text-field"),f=e.resolveComponent("v-card-text"),p=e.resolveComponent("v-col"),v=e.resolveComponent("v-select"),u=e.resolveComponent("v-row"),x=e.resolveComponent("v-tabs-window-item"),g=e.resolveComponent("v-btn"),V=e.resolveComponent("v-list-item"),y=e.resolveComponent("v-list"),N=e.resolveComponent("v-data-table"),k=e.resolveComponent("v-tabs-window"),D=e.resolveComponent("v-card-actions"),C=e.resolveComponent("v-card"),_=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(_,{modelValue:o.show,"onUpdate:modelValue":t[12]||(t[12]=a=>o.show=a),"max-width":"700",onKeydown:t[13]||(t[13]=e.withKeys(a=>i.$emit("cancel"),["esc"]))},{default:e.withCtx(()=>[e.createVNode(r,{height:"24"},{default:e.withCtx(()=>[e.createVNode(n),t[14]||(t[14]=e.createElementVNode("span",null," Edit Graph ",-1)),e.createVNode(n)]),_:1}),e.createVNode(C,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(m,{modelValue:i.tab,"onUpdate:modelValue":t[0]||(t[0]=a=>i.tab=a),class:"ml-3"},{default:e.withCtx(()=>[e.createVNode(h,{value:"0"},{default:e.withCtx(()=>t[15]||(t[15]=[e.createTextVNode(" Settings ")])),_:1}),e.createVNode(h,{value:"1"},{default:e.withCtx(()=>t[16]||(t[16]=[e.createTextVNode(" Scale / Lines ")])),_:1}),e.createVNode(h,{value:"2"},{default:e.withCtx(()=>t[17]||(t[17]=[e.createTextVNode(" Items ")])),_:1})]),_:1},8,["modelValue"]),e.createVNode(k,{modelValue:i.tab,"onUpdate:modelValue":t[10]||(t[10]=a=>i.tab=a)},{default:e.withCtx(()=>[e.createVNode(x,{value:"0",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",B,[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(f,{class:"pa-0"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.title,"onUpdate:modelValue":t[1]||(t[1]=a=>i.graph.title=a),class:"pb-2",label:"Title","hide-details":""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(v,{modelValue:i.graph.legendPosition,"onUpdate:modelValue":t[2]||(t[2]=a=>i.graph.legendPosition=a),label:"Legend Position","hide-details":"",items:i.legendPositions,style:{"max-width":"280px"}},null,8,["modelValue","items"])]),_:1})]),_:1})]),e.createElementVNode("div",L,[e.createVNode(f,{class:"pa-0"},{default:e.withCtx(()=>t[18]||(t[18]=[e.createTextVNode(" Select a start date/time for the graph. Leave blank for start now. ")])),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.startDate,"onUpdate:modelValue":t[3]||(t[3]=a=>i.startDate=a),label:"Start Date",name:`date${Date.now()}`,rules:[i.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.startTime,"onUpdate:modelValue":t[4]||(t[4]=a=>i.startTime=a),label:"Start Time",name:`time${Date.now()}`,rules:[i.rules.time],type:"time",step:"1"},null,8,["modelValue","name","rules"])]),_:1})]),_:1}),e.createVNode(f,{class:"pa-0"},{default:e.withCtx(()=>t[19]||(t[19]=[e.createTextVNode(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ")])),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.endDate,"onUpdate:modelValue":t[5]||(t[5]=a=>i.endDate=a),label:"End Date",name:`date${Date.now()}`,rules:[i.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.endTime,"onUpdate:modelValue":t[6]||(t[6]=a=>i.endTime=a),label:"End Time",name:`time${Date.now()}`,rules:[i.rules.time],type:"time",step:"1"},null,8,["modelValue","name","rules"])]),_:1})]),_:1})])]),_:1}),e.createVNode(x,{value:"1",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",U,[e.createVNode(f,{class:"pa-0"},{default:e.withCtx(()=>t[20]||(t[20]=[e.createTextVNode(" Set a min or max Y value to override automatic scaling ")])),_:1}),e.createVNode(u,{dense:""},{default:e.withCtx(()=>[e.createVNode(p,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.graphMinY,"onUpdate:modelValue":t[7]||(t[7]=a=>i.graph.graphMinY=a),"hide-details":"",label:"Min Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1}),e.createVNode(p,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.graphMaxY,"onUpdate:modelValue":t[8]||(t[8]=a=>i.graph.graphMaxY=a),"hide-details":"",label:"Max Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1})]),_:1})]),e.createElementVNode("div",z,[e.createVNode(y,{density:"compact",class:"horizontal-lines"},{default:e.withCtx(()=>[e.createVNode(V,null,{default:e.withCtx(()=>[t[22]||(t[22]=e.createElementVNode("span",{style:{"padding-top":"5px"}}," Add horizontal lines to the graph ",-1)),e.createVNode(n),e.createVNode(g,{onClick:t[9]||(t[9]=a=>o.addLine())},{default:e.withCtx(()=>t[21]||(t[21]=[e.createTextVNode(" New Line ")])),_:1})]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.graph.lines,(a,M)=>(e.openBlock(),e.createBlock(V,{key:M,value:a,color:"primary"},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:a.yValue,"onUpdate:modelValue":b=>a.yValue=b,label:"Y Value"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(v,{modelValue:a.color,"onUpdate:modelValue":b=>a.color=b,label:"Color","hide-details":"",items:s.colors},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(g,{style:{padding:"30px"},icon:"mdi-delete",variant:"text","aria-label":"Remove Line",onClick:b=>o.removeLine(a)},null,8,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})])]),_:1}),e.createVNode(x,{value:"2",eager:""},{default:e.withCtx(()=>[e.createVNode(N,{"item-key":"itemId",class:"elevation-1 my-2","data-test":"edit-graph-items",headers:i.itemHeaders,items:o.editItems,"items-per-page":5,"footer-props":{"items-per-page-options":[5]}},{"item.actions":e.withCtx(({item:a})=>[e.createVNode(g,{icon:"mdi-delete",variant:"text","aria-label":"Remove Item",onClick:M=>i.$emit("remove",a)},null,8,["onClick"])]),"no-data":e.withCtx(()=>t[23]||(t[23]=[e.createElementVNode("span",null," Currently no items on this graph ",-1)])),_:1},8,["headers","items"])]),_:1})]),_:1},8,["modelValue"]),e.createVNode(D,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(n),e.createVNode(g,{variant:"outlined",onClick:t[11]||(t[11]=a=>i.$emit("cancel"))},{default:e.withCtx(()=>t[24]||(t[24]=[e.createTextVNode(" Cancel ")])),_:1}),e.createVNode(g,{variant:"flat",onClick:o.closeOk},{default:e.withCtx(()=>t[25]||(t[25]=[e.createTextVNode(" Ok ")])),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"])}const Y=I._export_sfc(G,[["render",P]]),R={props:{modelValue:Boolean,item:{type:Object,required:!0},colors:{type:Array,required:!0}},data:function(){return{editItem:null,limitsName:"NONE",limits:{NONE:[]},valueTypes:["CONVERTED","RAW"],reduction:[{title:"NONE",value:"DECOM"},{title:"REDUCED_MINUTE",value:"REDUCED_MINUTE"},{title:"REDUCED_HOUR",value:"REDUCED_HOUR"},{title:"REDUCED_DAY",value:"REDUCED_DAY"}],reducedTypes:["MIN","MAX","AVG","STDDEV"]}},computed:{show:{get(){return this.modelValue},set(i){this.$emit("update:modelValue",i)}},limitsNames(){return Object.keys(this.limits)}},async created(){this.editItem={...this.item},new w.pi().get_item(this.item.targetName,this.item.packetName,this.item.itemName).then(i=>{for(const[t,s]of Object.entries(i.limits))Object.keys(s).includes("red_low")&&(this.limits[t]=Object.values(s));this.limitsName=Object.keys(this.limits).find(t=>this.limits[t]+""==this.editItem.limits+"")})}},H={key:0},A={class:"pa-3"};function q(i,t,s,d,l,o){const n=e.resolveComponent("v-card-title"),r=e.resolveComponent("v-select"),h=e.resolveComponent("v-card-text"),m=e.resolveComponent("v-spacer"),c=e.resolveComponent("v-btn"),f=e.resolveComponent("v-card-actions"),p=e.resolveComponent("v-card"),v=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(v,{modelValue:o.show,"onUpdate:modelValue":t[9]||(t[9]=u=>o.show=u),width:"400",onKeydown:t[10]||(t[10]=e.withKeys(u=>i.success(),["enter"]))},{default:e.withCtx(()=>[e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(n,{class:"mb-2"},{default:e.withCtx(()=>t[11]||(t[11]=[e.createTextVNode("Edit Item")])),_:1}),e.createVNode(h,null,{default:e.withCtx(()=>[e.createVNode(r,{variant:"outlined","hide-details":"",label:"Value Type",items:i.valueTypes,modelValue:i.editItem.valueType,"onUpdate:modelValue":t[0]||(t[0]=u=>i.editItem.valueType=u),class:"mb-2"},null,8,["items","modelValue"]),e.createVNode(r,{variant:"outlined","hide-details":"",label:"Reduction",items:i.reduction,modelValue:i.editItem.reduced,"onUpdate:modelValue":t[1]||(t[1]=u=>i.editItem.reduced=u),class:"mb-2"},null,8,["items","modelValue"]),e.createVNode(r,{variant:"outlined","hide-details":"",label:"Reduced Type",items:i.reducedTypes,disabled:i.editItem.reduced==="DECOM",modelValue:i.editItem.reducedType,"onUpdate:modelValue":t[2]||(t[2]=u=>i.editItem.reducedType=u),class:"mb-2"},null,8,["items","disabled","modelValue"]),e.createVNode(r,{variant:"outlined","hide-details":"",label:"Color",items:s.colors,modelValue:i.editItem.color,"onUpdate:modelValue":[t[3]||(t[3]=u=>i.editItem.color=u),t[4]||(t[4]=u=>i.$emit("changeColor",u))],class:"mb-2"},null,8,["items","modelValue"]),o.limitsNames.length>1?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(r,{variant:"outlined","hide-details":"",label:"Display Limits",items:o.limitsNames,modelValue:i.limitsName,"onUpdate:modelValue":[t[5]||(t[5]=u=>i.limitsName=u),t[6]||(t[6]=u=>i.$emit("changeLimits",i.limits[i.limitsName]))]},null,8,["items","modelValue"]),e.createElementVNode("div",A,e.toDisplayString(i.limitsName)+": "+e.toDisplayString(i.limits[i.limitsName]),1)])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(f,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(m),e.createVNode(c,{variant:"outlined",onClick:t[7]||(t[7]=u=>i.$emit("cancel"))},{default:e.withCtx(()=>t[12]||(t[12]=[e.createTextVNode(" Cancel ")])),_:1}),e.createVNode(c,{variant:"flat",onClick:t[8]||(t[8]=u=>i.$emit("close",i.editItem))},{default:e.withCtx(()=>t[13]||(t[13]=[e.createTextVNode(" Ok ")])),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])}const O=I._export_sfc(R,[["render",q]]),W={components:{GraphEditDialog:Y,GraphEditItemDialog:O},mixins:[E.TimeFilters],props:{id:{type:Number,required:!0},selectedGraphId:{type:Number},state:{type:String,required:!0},startTime:{type:Number},secondsGraphed:{type:Number,required:!0},pointsSaved:{type:Number,required:!0},pointsGraphed:{type:Number,required:!0},refreshIntervalMs:{type:Number,default:200},hideToolbar:{type:Boolean,default:!1},hideOverview:{type:Boolean,default:!1},sparkline:{type:Boolean,default:!1},initialItems:{type:Array},height:{type:Number},width:{type:Number},timeZone:{type:String,default:"local"}},data(){return{lines:[],active:!0,expand:!0,fullWidth:!0,fullHeight:!0,graph:null,editGraph:!1,editGraphMenu:!1,editGraphMenuX:0,editGraphMenuY:0,editItem:!1,itemMenu:!1,itemMenuX:0,itemMenuY:0,legendMenu:!1,legendMenuX:0,legendMenuY:0,legendPosition:"bottom",selectedItem:null,hideToolbarData:this.hideToolbar,showOverview:!this.hideOverview,hideOverviewData:this.hideOverview,title:"",overview:null,data:[[]],dataChanged:!1,timeout:null,graphMinY:null,graphMaxY:null,graphStartDateTime:null,graphEndDateTime:null,indexes:{},items:this.initialItems||[],limitsValues:[],drawInterval:null,zoomChart:!1,zoomOverview:!1,cable:new w.di,subscription:null,needToUpdate:!1,errorDialog:!1,errors:[],colorIndex:0,colors:["#00c7cb","#938bdb","#4dacff","lime","darkorange","red","gold","hotpink","tan","cyan","maroon","blue","teal","purple","green","brown","lightblue","white","black"]}},computed:{calcFullSize:function(){return this.fullWidth||this.fullHeight},error:function(){return this.errorDialog&&this.errors.length>0?JSON.stringify(this.errors,null,4):null}},watch:{state:function(i,t){switch(i){case"start":t==="stop"&&this.startGraph();break;case"stop":this.stopGraph();break}},data:function(i,t){this.dataChanged=!0},graphMinY:function(i,t){let s=parseFloat(i);isNaN(s)||(this.graphMinY=s),this.setGraphRange()},graphMaxY:function(i,t){let s=parseFloat(i);isNaN(s)||(this.graphMaxY=s),this.setGraphRange()},graphStartDateTime:function(i,t){i&&typeof i=="string"?(this.graphStartDateTime=this.parseDateTime(this.graphStartDateTime,this.timeZone)*1e6,this.graphStartDateTime!==t&&(this.needToUpdate=!0)):i===null&&t&&(this.graphStartDateTime=null,this.needToUpdate=!0)},graphEndDateTime:function(i,t){i&&typeof i=="string"?(this.graphEndDateTime=this.parseDateTime(this.graphEndDateTime,this.timeZone)*1e6,this.graphEndDateTime!==t&&(this.needToUpdate=!0)):i===null&&t&&(this.graphEndDateTime=null,this.needToUpdate=!0)}},created(){this.title=`Graph ${this.id}`;for(const[i,t]of this.items.entries())this.data.push([]),this.indexes[this.subscriptionKey(t)]=i+1,t.color===void 0&&(t.color=this.colors[this.colorIndex]),this.colorIndex++,this.colorIndex===this.colors.length&&(this.colorIndex=0)},mounted(){const{chartSeries:i,overviewSeries:t}=this.items.reduce((d,l)=>{const o={spanGaps:!0};return d.chartSeries.push({...o,item:l,label:this.formatLabel(l),stroke:(n,r)=>this.items[r-1].color,width:2,value:(n,r)=>typeof r=="string"||isNaN(r)?"NaN":r==null?"--":r.toFixed(3)}),d.overviewSeries.push({...o}),d},{chartSeries:[],overviewSeries:[]});let s={};if(this.sparkline)this.hideToolbarData=!0,this.hideOverviewData=!0,this.showOverview=!1,s={width:this.width,height:this.height,pxAlign:!1,cursor:{show:!1},select:{show:!1},legend:{show:!1},scales:{x:{time:!1}},axes:[{show:!1},{show:!1}],series:[{},{stroke:"white"}]},this.graph=new w.uPlot(s,this.data,document.getElementById(`chart${this.id}`));else{let d=Intl.DateTimeFormat().resolvedOptions().timeZone;this.timeZone&&this.timeZone!=="local"&&(d=this.timeZone),s={...this.getSize("chart"),...this.getScales(),...this.getAxes("chart"),plugins:[this.linesPlugin()],tzDate:o=>w.uPlot.tzDate(new Date(o*1e3),d),series:[{label:"Time",value:(o,n)=>n==null?"--":this.formatSeconds(n,this.timeZone)},...i],cursor:{drag:{x:!0,y:!1},sync:{key:"openc3"},bind:{mouseup:(o,n,r)=>h=>{this.state==="pause"&&o.select.width===0&&this.$emit("start"),r(h)}}},hooks:{setScale:[(o,n)=>{if(n==="x"&&!this.zoomOverview&&this.overview){this.zoomChart=!0;let r=Math.round(this.overview.valToPos(o.scales.x.min,"x")),h=Math.round(this.overview.valToPos(o.scales.x.max,"x"));this.overview.setSelect({left:r,width:h-r}),this.zoomChart=!1}}],setSelect:[o=>{this.state==="start"&&o.select.width>0&&this.$emit("pause")}],ready:[o=>{o.root.querySelector(".u-over").addEventListener("contextmenu",h=>{h.preventDefault(),this.itemMenu=!1,this.legendMenu=!1,this.editGraphMenuX=h.clientX,this.editGraphMenuY=h.clientY,this.editGraphMenu=!0});let r=o.root.querySelector(".u-legend");r.addEventListener("contextmenu",h=>{h.preventDefault(),this.editGraphMenu=!1,this.legendMenu=!1,this.itemMenuX=h.clientX,this.itemMenuY=h.clientY;let m=h.target.closest(".u-series"),c=Array.prototype.slice.call(r.childNodes[0].childNodes).indexOf(m),f=o.series[c];f.item?(this.selectedItem=f.item,this.itemMenu=!0):(this.itemMenu=!1,this.legendMenuX=h.clientX,this.legendMenuY=h.clientY,this.legendMenu=!0)}),r.querySelector("tbody").appendChild(this.$refs.info)}]}},this.graph=new w.uPlot(s,this.data,document.getElementById(`chart${this.id}`));const l={...this.getSize("overview"),...this.getScales(),...this.getAxes("overview"),tzDate:o=>w.uPlot.tzDate(new Date(o*1e3),d),series:[...t],cursor:{y:!1,drag:{setScale:!1,x:!0,y:!1}},legend:{show:!1},hooks:{setSelect:[o=>{if(!this.zoomChart){this.state==="start"&&o.select.width>0&&this.$emit("pause"),this.zoomOverview=!0;let n=o.posToVal(o.select.left,"x"),r=o.posToVal(o.select.left+o.select.width,"x");this.graph.setScale("x",{min:n,max:r}),this.zoomOverview=!1}}]}};this.hideOverview||(this.overview=new w.uPlot(l,this.data,document.getElementById(`overview${this.id}`))),this.moveLegend(this.legendPosition),window.addEventListener("resize",this.resize)}this.state!=="stop"&&this.startGraph()},beforeUnmount:function(){this.stopGraph(),this.cable.disconnect(),window.removeEventListener("resize",this.resize)},methods:{startGraph:function(){this.subscribe(),this.timeout=setTimeout(()=>{this.updateTimeout()},this.refreshIntervalMs)},stopGraph:function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null),this.timeout&&(clearTimeout(this.timeout),this.timeout=null)},updateTimeout:function(){this.updateGraphData(),this.timeout=setTimeout(()=>{this.updateTimeout()},this.refreshIntervalMs)},updateGraphData:function(){if(this.state==="pause"||!this.dataChanged)return;this.graph.setData(this.data),this.overview&&this.overview.setData(this.data);let i=this.data[0][this.data[0].length-1],t=this.data[0][this.data[0].length-this.pointsGraphed],s=this.data[0][0];s<i-this.secondsGraphed&&(s=i-this.secondsGraphed),t>s&&(s=t),this.graph.setScale("x",{min:s,max:i}),this.dataChanged=!1},formatLabel(i){if(i.valueType==="CONVERTED"&&i.reduced==="DECOM")return i.itemName;{let t="";return i.valueType!=="CONVERTED"&&(t+=i.valueType),i.reduced!=="DECOM"&&(t!==""&&(t+=" "),t+=`${i.reduced.split("_")[1]} ${i.reducedType}`),`${i.itemName} (${t})`}},moveLegend:function(i){switch(i){case"bottom":this.graph.root.classList.remove("side-legend"),this.graph.root.classList.remove("left-legend"),this.graph.root.classList.remove("top-legend");break;case"top":this.graph.root.classList.remove("side-legend"),this.graph.root.classList.remove("left-legend"),this.graph.root.classList.add("top-legend");break;case"left":this.graph.root.classList.remove("top-legend"),this.graph.root.classList.add("side-legend"),this.graph.root.classList.add("left-legend");break;case"right":this.graph.root.classList.remove("top-legend"),this.graph.root.classList.remove("left-legend"),this.graph.root.classList.add("side-legend");break}this.legendPosition=i,this.resize()},clearErrors:function(){this.errors=[]},editGraphClose:function(i){this.editGraph=!1,this.title=i.title,this.legendPosition=i.legendPosition,this.graphMinY=i.graphMinY,this.graphMaxY=i.graphMaxY,this.lines=[...i.lines],this.graphStartDateTime=i.startDateTime,this.graphEndDateTime=i.endDateTime,this.$nextTick(()=>{if(this.needToUpdate){if(this.subscription==null)this.startGraph();else{let t=JSON.parse(JSON.stringify(this.items));this.removeItems(t),setTimeout(()=>{this.addItems(t)},0)}this.needToUpdate=!1}}),this.moveLegend(this.legendPosition),this.$emit("edit")},resize:function(){this.graph.setSize(this.getSize("chart")),this.overview&&this.overview.setSize(this.getSize("overview")),this.$emit("resize",this.id)},expandAll:function(){this.fullWidth=!0,this.fullHeight=!0,this.resize()},collapseAll:function(){this.fullWidth=!1,this.fullHeight=!1,this.resize()},expandWidth:function(){this.fullWidth=!0,this.resize()},collapseWidth:function(){this.fullWidth=!1,this.resize()},expandHeight:function(){this.fullHeight=!0,this.resize()},collapseHeight:function(){this.fullHeight=!1,this.resize()},minMaxTransition:function(){this.expand=!this.expand,this.$emit("min-max-graph",this.id)},setGraphRange:function(){let i=.1;(this.graphMinY||this.graphMinY===0||this.graphMaxY||this.graphMaxY===0)&&(i=0),this.graph.scales.y.range=(t,s,d)=>{let l=s;(this.graphMinY||this.graphMinY===0)&&(l=this.graphMinY);let o=d;return(this.graphMaxY||this.graphMaxY===0)&&(o=this.graphMaxY),w.uPlot.rangeNum(l,o,i,!0)}},subscribe:function(){this.cable.createSubscription("StreamingChannel",window.openc3Scope,{received:i=>this.received(i),connected:()=>{this.addItemsToSubscription(this.items)},disconnected:i=>{i.allowReconnect&&this.errors.push({type:"disconnected",message:"OpenC3 backend connection disconnected",time:new Date().getTime()})},rejected:()=>{this.errors.push({type:"rejected",message:"OpenC3 backend connection rejected",time:new Date().getTime()})}}).then(i=>{this.subscription=i})},getSize:function(i){let t=0;const s=document.getElementById("openc3-nav-drawer");s&&(t=s.classList.contains("v-navigation-drawer--active")?s.clientWidth:0);let d=0;(this.legendPosition==="right"||this.legendPosition==="left")&&(d=document.getElementsByClassName("u-legend")[0].clientWidth);const l=Math.max(document.documentElement.clientWidth,window.innerWidth||0)-t-d,o=Math.max(document.documentElement.clientHeight,window.innerHeight||0),n=document.getElementsByClassName("v-expansion-panel")[0];let r=100;i==="overview"?this.fullHeight&&!this.hideOverviewData?this.showOverview=!0:this.showOverview=!1:(r=o-n.clientHeight-r-250,this.fullHeight||(r=r/2+10));let h=l-70;return this.fullWidth||(h=h/2-12),{width:this.width||h,height:this.height||r}},getScales:function(){return{scales:{x:{range(i,t,s){return t==null?[1566453600,1566497660]:[t,s]}},y:{range(i,t,s){return t==null?[-100,100]:w.uPlot.rangeNum(t,s,.1,!0)}}}}},getAxes:function(i){let t="rgba(255, 255, 255, .1)",s="white";return{axes:[{stroke:s,grid:{show:!0,stroke:t,width:2}},{size:80,stroke:s,grid:{show:i!=="overview",stroke:t,width:2},values(d,l){return(l.some(o=>o>=1e7)||l.every(o=>o<.01))&&(l=l.map(o=>o.toExponential(3))),l}}]}},closeEditItem:function(i){this.editItem=!1,(this.graphEndDateTime!==null&&this.selectedItem!==i||this.selectedItem.valueType!==i.valueType||this.selectedItem.reduced!==i.reduced||this.selectedItem.reducedType!==i.reducedType)&&this.changeItem(i)},changeColor:function(i){let t=this.subscriptionKey(this.selectedItem),s=this.indexes[t];this.items[s-1].color=i,this.selectedItem.color=i,this.graph.root.querySelectorAll(".u-marker")[s].style.borderColor=i},changeLimits:function(i){let t=this.subscriptionKey(this.selectedItem),s=this.indexes[t];this.items[s-1].limits=i,this.selectedItem.limits=i,this.limitsValues=i},linesPlugin:function(){return{hooks:{draw:i=>{const{ctx:t,bbox:s}=i,d=i.valToPos(i.scales.y.min,"y",!0),l=i.valToPos(i.scales.y.max,"y",!0),o=i.valToPos(this.limitsValues[0],"y",!0),n=i.valToPos(this.limitsValues[1],"y",!0),r=i.valToPos(this.limitsValues[2],"y",!0),h=i.valToPos(this.limitsValues[3],"y",!0);if(this.lines.forEach(m=>{i.scales.y.min<=m.yValue&&m.yValue<=i.scales.y.max&&(t.save(),t.beginPath(),t.strokeStyle=m.color,t.lineWidth=2,t.moveTo(s.left,i.valToPos(m.yValue,"y",!0)),t.lineTo(s.left+s.width,i.valToPos(m.yValue,"y",!0)),t.stroke(),t.restore())}),t.save(),t.beginPath(),t.fillStyle="rgba(255,0,0,0.15)",i.scales.y.min<this.limitsValues[0]){let m=o<l?l:o;t.fillRect(s.left,o,s.width,d-m)}if(i.scales.y.max>this.limitsValues[3]){let m=d<h?d:h;t.fillRect(s.left,l,s.width,m-l)}if(t.fillStyle="rgba(255,255,0,0.15)",i.scales.y.min<this.limitsValues[1]&&i.scales.y.max>this.limitsValues[0]){let m=n<l?l:n;t.fillRect(s.left,m,s.width,o-m)}if(i.scales.y.max>this.limitsValues[2]&&i.scales.y.min<this.limitsValues[3]){let m=d<h?d:h,c=d<r?d:r;t.fillRect(s.left,m,s.width,c-m)}if(t.fillStyle="rgba(0,255,0,0.15)",this.limitsValues.length===4){if(i.scales.y.min<this.limitsValues[2]&&i.scales.y.max>this.limitsValues[1]){let m=r<l?l:r,c=d<n?d:n;t.fillRect(s.left,m,s.width,c-m)}}else{const m=i.valToPos(this.limitsValues[4],"y",!0),c=i.valToPos(this.limitsValues[5],"y",!0);if(i.scales.y.min<this.limitsValues[4]&&i.scales.y.max>this.limitsValues[1]){let v=m<l?l:m;t.fillRect(s.left,v,s.width,n-v)}if(i.scales.y.max>this.limitsValues[5]&&i.scales.y.min<this.limitsValues[2]){let v=d<r?d:r,u=d<c?d:c;t.fillRect(s.left,v,s.width,u-v)}t.fillStyle="rgba(0,0,255,0.15)";let f=c<l?l:c,p=d<m?d:m;t.fillRect(s.left,f,s.width,p-f)}t.stroke(),t.restore()}}}},changeItem:function(i){this.removeItems([this.selectedItem]),this.selectedItem.valueType=i.valueType,this.selectedItem.reduced=i.reduced,this.selectedItem.reducedType=i.reducedType,setTimeout(()=>{this.addItems([this.selectedItem])},0)},addItems:function(i,t="CONVERTED"){i.forEach(s=>{s.valueType||(s.valueType=t),s.color||(s.color=this.colors[this.colorIndex]),s.limits||(s.limits=[]),s.limits.length>0&&(this.limitsValues=s.limits),this.colorIndex=(this.colorIndex+1)%this.colors.length,this.items.push(s);const d=this.data.length;this.graph.addSeries(this.createSeriesConfig(s),d),this.overview&&this.overview.addSeries(this.createOverviewSeriesConfig(),d),this.data.splice(d,0,Array(this.data[0].length)),this.indexes[this.subscriptionKey(s)]=d}),this.updateColorIndex(i),this.addItemsToSubscription(i),this.$emit("resize"),this.$emit("edit")},createSeriesConfig:function(i){return{spanGaps:!0,item:i,label:this.formatLabel(i),stroke:(t,s)=>this.items[s-1].color,width:2,value:(t,s)=>typeof s=="string"||isNaN(s)?"NaN":s==null?"--":Math.abs(s)<.01&&s!==0||Math.abs(s)>=1e7?s.toExponential(6):s.toFixed(6)}},createOverviewSeriesConfig:function(){return{spanGaps:!0,stroke:(i,t)=>this.items[t-1].color}},updateColorIndex:function(i){const t=i[i.length-1];if(t){const s=this.colors.indexOf(t.color);s!==-1&&(this.colorIndex=(s+1)%this.colors.length)}},addItemsToSubscription:function(i=this.items){let t=this.startTime;this.graphStartDateTime&&(t=this.graphStartDateTime),this.subscription&&OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(s=>{s&&OpenC3Auth.setTokens(),this.subscription.perform("add",{scope:window.openc3Scope,token:localStorage.openc3Token,items:i.map(this.subscriptionKey),start_time:t,end_time:this.graphEndDateTime})})},clearAllData:function(){this.data[0]=[],this.clearData(this.items)},clearData:function(i){for(const t of i.map(this.subscriptionKey)){let s=this.indexes[t];this.data[s]=Array(this.data[0].length).fill(null),this.graph.setData(this.data),this.overview&&this.overview.setData(this.data)}this.data.length===2&&(this.data[0]=[],this.graph.setData(this.data),this.overview&&this.overview.setData(this.data))},removeItems:function(i){this.removeItemsFromSubscription(i);for(const t of i.map(this.subscriptionKey)){const s=this.reorderIndexes(t);this.items.splice(s-1,1),this.data.splice(s,1),this.graph.delSeries(s),this.graph.setData(this.data),this.overview&&(this.overview.delSeries(s),this.overview.setData(this.data))}this.data.length===1&&(this.data[0]=[],this.graph.setData(this.data),this.overview&&this.overview.setData(this.data)),this.$emit("resize"),this.$emit("edit")},removeItemsFromSubscription:function(i=this.items){this.subscription&&this.subscription.perform("remove",{scope:window.openc3Scope,token:localStorage.openc3Token,items:i.map(this.subscriptionKey)})},reorderIndexes:function(i){let t=this.indexes[i];delete this.indexes[i];for(let s in this.indexes)this.indexes[s]>t&&(this.indexes[s]-=1);return t},received:function(i){this.cable.recordPing();for(let t=0;t<i.length;t++){let s=i[t].__time/1e9,d=this.data[0].length;if(d===0||s>this.data[0][d-1]){for(let l=0;l<this.data.length;l++)this.data[l].push(null);this.set_data_at_index(this.data[0].length-1,s,i[t])}else{let l=w.bs(this.data[0],s,this.bs_comparator);if(l>=0){for(;l>=0;)s-=1e-5,l=w.bs(this.data[0],s,this.bs_comparator);let o=-l-1;for(let n=0;n<this.data.length;n++)this.data[n].splice(o,0,null);this.set_data_at_index(o,s,i[t])}else{let o=-l-1;for(let n=0;n<this.data.length;n++)this.data[n].splice(o,0,null);this.set_data_at_index(o,s,i[t])}}}if(this.startTime==null&&this.data[0][0]){let t=this.data[0][0]*1e9;this.$emit("started",t)}this.dataChanged=!0},bs_comparator:function(i,t){return i-t},set_data_at_index:function(i,t,s){this.data[0][i]=t;for(const[d,l]of Object.entries(s)){if(d==="time")continue;let o=this.indexes[d];if(o){let n=this.data[o];if(l!=null&&l.raw)n[i]=null;else if(typeof l=="string"){if(n[i]=null,!d.includes("__RAW")){for(let r of this.items)if(this.subscriptionKey(r)===d){this.selectedItem=r;break}this.changeItem({valueType:"RAW",reduced:this.selectedItem.reduced,reducedType:this.selectedItem.reducedType})}}else n[i]=l}}},subscriptionKey:function(i){let t=`${i.reduced}__TLM__${i.targetName}__${i.packetName}__${i.itemName}__${i.valueType}`;return(i.reduced==="REDUCED_MINUTE"||i.reduced==="REDUCED_HOUR"||i.reduced==="REDUCED_DAY")&&(t+=`__${i.reducedType}`),t}}},Z={id:"chart",ref:"chart",class:"pa-1"},F=["id"],K=["id"],X={key:5,ref:"info",class:"u-series"};function j(i,t,s,d,l,o){const n=e.resolveComponent("v-btn"),r=e.resolveComponent("v-spacer"),h=e.resolveComponent("v-toolbar"),m=e.resolveComponent("v-expand-transition"),c=e.resolveComponent("v-card"),f=e.resolveComponent("graph-edit-dialog"),p=e.resolveComponent("v-text-field"),v=e.resolveComponent("v-row"),u=e.resolveComponent("v-textarea"),x=e.resolveComponent("v-dialog"),g=e.resolveComponent("v-list-item-title"),V=e.resolveComponent("v-list-item"),y=e.resolveComponent("v-list"),N=e.resolveComponent("v-menu"),k=e.resolveComponent("graph-edit-item-dialog"),D=e.resolveComponent("v-list-subheader"),C=e.resolveComponent("v-icon"),_=e.resolveComponent("v-tooltip");return e.openBlock(),e.createElementBlock("div",{onClick:t[21]||(t[21]=e.withModifiers(a=>i.$emit("click"),["prevent"]))},[e.createVNode(c,null,{default:e.withCtx(()=>[e.withDirectives(e.createVNode(h,{height:"24",class:e.normalizeClass(["pl-2 pr-2",s.selectedGraphId===s.id?"active":""])},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(n,{class:"mx-2",icon:"mdi-alert",density:"compact",variant:"text","aria-label":"Show Errors",onClick:t[0]||(t[0]=()=>{l.errorDialog=!0})},null,512),[[e.vShow,l.errors.length!==0]]),e.createVNode(n,{icon:"mdi-pencil",variant:"text",density:"compact","data-test":"edit-graph-icon","aria-label":"Edit Graph",onClick:t[1]||(t[1]=()=>{l.editGraph=!0})}),e.createVNode(r),e.createElementVNode("span",null,e.toDisplayString(l.title),1),e.createVNode(r),l.expand?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.calcFullSize?(e.openBlock(),e.createBlock(n,{key:0,icon:"mdi-arrow-collapse",variant:"text",density:"compact","data-test":"collapse-all",onClick:o.collapseAll},null,8,["onClick"])):(e.openBlock(),e.createBlock(n,{key:1,icon:"mdi-arrow-expand",variant:"text",density:"compact","data-test":"expand-all",onClick:o.expandAll},null,8,["onClick"])),l.fullWidth?(e.openBlock(),e.createBlock(n,{key:2,icon:"mdi-arrow-collapse-horizontal",variant:"text",density:"compact","data-test":"collapse-width",onClick:o.collapseWidth},null,8,["onClick"])):(e.openBlock(),e.createBlock(n,{key:3,icon:"mdi-arrow-expand-horizontal",variant:"text",density:"compact","data-test":"expand-width",onClick:o.expandWidth},null,8,["onClick"])),l.fullHeight?(e.openBlock(),e.createBlock(n,{key:4,icon:"mdi-arrow-collapse-vertical",variant:"text",density:"compact","data-test":"collapse-height",onClick:o.collapseHeight},null,8,["onClick"])):(e.openBlock(),e.createBlock(n,{key:5,icon:"mdi-arrow-expand-vertical",variant:"text",density:"compact","data-test":"expand-height",onClick:o.expandHeight},null,8,["onClick"]))],64)):e.createCommentVNode("",!0),l.expand?(e.openBlock(),e.createBlock(n,{key:1,icon:"mdi-window-minimize",variant:"text",density:"compact","data-test":"minimize-screen-icon",onClick:o.minMaxTransition},null,8,["onClick"])):(e.openBlock(),e.createBlock(n,{key:2,icon:"mdi-window-maximize",variant:"text",density:"compact","data-test":"maximize-screen-icon",onClick:o.minMaxTransition},null,8,["onClick"])),e.createVNode(n,{icon:"mdi-close-box",variant:"text",density:"compact","data-test":"close-graph-icon",onClick:t[2]||(t[2]=e.withModifiers(a=>i.$emit("close-graph"),["stop"]))})]),_:1},8,["class"]),[[e.vShow,!l.hideToolbarData]]),e.createVNode(m,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",Z,[e.createElementVNode("div",{id:`chart${s.id}`},null,8,F),t[22]||(t[22]=e.createElementVNode("div",{id:"betweenCharts"},null,-1)),e.withDirectives(e.createElementVNode("div",{id:`overview${s.id}`},null,8,K),[[e.vShow,l.showOverview]])],512),[[e.vShow,l.expand]])]),_:1})]),_:1}),l.editGraph?(e.openBlock(),e.createBlock(f,{key:0,modelValue:l.editGraph,"onUpdate:modelValue":t[3]||(t[3]=a=>l.editGraph=a),title:l.title,"legend-position":l.legendPosition,items:l.items,"graph-min-y":l.graphMinY,"graph-max-y":l.graphMaxY,lines:l.lines,colors:l.colors,"start-date-time":l.graphStartDateTime,"end-date-time":l.graphEndDateTime,"time-zone":s.timeZone,onRemove:t[4]||(t[4]=a=>o.removeItems([a])),onOk:o.editGraphClose,onCancel:t[5]||(t[5]=a=>l.editGraph=!1)},null,8,["modelValue","title","legend-position","items","graph-min-y","graph-max-y","lines","colors","start-date-time","end-date-time","time-zone","onOk"])):e.createCommentVNode("",!0),e.createVNode(x,{modelValue:l.errorDialog,"onUpdate:modelValue":t[7]||(t[7]=a=>l.errorDialog=a),"max-width":"600"},{default:e.withCtx(()=>[e.createVNode(h,{height:"24"},{default:e.withCtx(()=>[e.createVNode(r),t[23]||(t[23]=e.createElementVNode("span",null," Errors ",-1)),e.createVNode(r)]),_:1}),e.createVNode(c,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(v,{dense:""},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:l.title,"onUpdate:modelValue":t[6]||(t[6]=a=>l.title=a),readonly:"","hide-details":"",class:"pb-2",label:"Graph Title"},null,8,["modelValue"])]),_:1}),e.createVNode(v,{class:"my-3"},{default:e.withCtx(()=>[e.createVNode(u,{readonly:"",rows:"8",value:o.error},null,8,["value"])]),_:1}),e.createVNode(v,null,{default:e.withCtx(()=>[e.createVNode(n,{block:"",onClick:o.clearErrors},{default:e.withCtx(()=>t[24]||(t[24]=[e.createTextVNode(" Clear ")])),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"]),l.editGraphMenu?(e.openBlock(),e.createBlock(N,{key:1,modelValue:l.editGraphMenu,"onUpdate:modelValue":t[9]||(t[9]=a=>l.editGraphMenu=a),target:[l.editGraphMenuX,l.editGraphMenuY],absolute:"","offset-y":""},{default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[e.createVNode(V,{onClick:t[8]||(t[8]=a=>l.editGraph=!0)},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[e.createTextVNode(" Edit "+e.toDisplayString(l.title),1)]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),l.editItem?(e.openBlock(),e.createBlock(k,{key:2,modelValue:l.editItem,"onUpdate:modelValue":t[10]||(t[10]=a=>l.editItem=a),colors:l.colors,item:l.selectedItem,onChangeColor:o.changeColor,onChangeLimits:o.changeLimits,onCancel:t[11]||(t[11]=a=>l.editItem=!1),onClose:o.closeEditItem},null,8,["modelValue","colors","item","onChangeColor","onChangeLimits","onClose"])):e.createCommentVNode("",!0),l.itemMenu?(e.openBlock(),e.createBlock(N,{key:3,modelValue:l.itemMenu,"onUpdate:modelValue":t[15]||(t[15]=a=>l.itemMenu=a),target:[l.itemMenuX,l.itemMenuY],absolute:"","offset-y":""},{default:e.withCtx(()=>[e.createVNode(y,{nav:"",density:"compact"},{default:e.withCtx(()=>[e.createVNode(D,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.selectedItem.targetName)+" "+e.toDisplayString(l.selectedItem.packetName)+" "+e.toDisplayString(l.selectedItem.itemName),1)]),_:1}),e.createVNode(V,{onClick:t[12]||(t[12]=a=>l.editItem=!0)},{prepend:e.withCtx(()=>[e.createVNode(C,{icon:"mdi-pencil"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>t[25]||(t[25]=[e.createTextVNode(" Edit ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[13]||(t[13]=a=>o.clearData([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(C,{icon:"mdi-eraser"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>t[26]||(t[26]=[e.createTextVNode(" Clear ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[14]||(t[14]=a=>o.removeItems([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(C,{icon:"mdi-delete"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>t[27]||(t[27]=[e.createTextVNode(" Delete ")])),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),l.legendMenu?(e.openBlock(),e.createBlock(N,{key:4,modelValue:l.legendMenu,"onUpdate:modelValue":t[20]||(t[20]=a=>l.legendMenu=a),target:[l.legendMenuX,l.legendMenuY],absolute:"","offset-y":""},{default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[e.createVNode(V,{onClick:t[16]||(t[16]=a=>o.moveLegend("top"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>t[28]||(t[28]=[e.createTextVNode(" Legend Top ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[17]||(t[17]=a=>o.moveLegend("bottom"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>t[29]||(t[29]=[e.createTextVNode(" Legend Bottom ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[18]||(t[18]=a=>o.moveLegend("left"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>t[30]||(t[30]=[e.createTextVNode(" Legend Left ")])),_:1})]),_:1}),e.createVNode(V,{onClick:t[19]||(t[19]=a=>o.moveLegend("right"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>t[31]||(t[31]=[e.createTextVNode(" Legend RIght ")])),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),s.sparkline?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(_,{text:"Click item to toggle, Right click to edit",location:"top"},{activator:e.withCtx(({props:a})=>[e.createVNode(C,e.normalizeProps(e.guardReactiveProps(a)),{default:e.withCtx(()=>t[32]||(t[32]=[e.createTextVNode(" mdi-information-variant-circle ")])),_:2},1040)]),_:1})],512))])}const J=I._export_sfc(W,[["render",j],["__scopeId","data-v-f455219c"]]);exports.Graph=J;exports.GraphEditDialog=Y;exports.GraphEditItemDialog=O;
+//# sourceMappingURL=Graph-mSqImgca.cjs.map