@openc3/vue-common 6.9.2 → 6.10.1

package/dist/{Graph-BOZlkDbl.cjs → Graph-wDFY6Kd7.cjs}

@@ -1,2 +1,2 @@
-"use strict";const O=require("./timeFilters-CJFxfjqN.cjs"),Y=require("./TargetPacketItemChooser-DezS0jS3.cjs"),e=require("vue"),x=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B-k6legU.cjs"),E=require("./CustomIcon-eie3rPKh.cjs"),I=require("./format-B22VpiOS.cjs"),M=require("./parse-DwfgQboe.cjs"),L={components:{TargetPacketItemChooser:Y.TargetPacketItemChooser},mixins:[O.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},xAxisItemPacket:{type:Object,default:void 0},xAxisItem:{type:String,default:"__time"}},emits:["cancel","ok","remove","update:modelValue","update:xAxisItem"],data:function(){return{tab:0,graph:{},customXAxisEnabled:!1,selectedXAxisItem:null,pendingXAxisSelection:null,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 I.isValid(M.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 I.isValid(M.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}))},initialXAxisItem:function(){if(this.xAxisItem!=="__time")return this.xAxisItem.split("__").at(4)}},created(){if(this.graph={title:this.title,legendPosition:this.legendPosition,items:this.items,graphMinY:this.graphMinY,graphMaxY:this.graphMaxY,lines:[...this.lines]},this.customXAxisEnabled=this.xAxisItem&&this.xAxisItem!=="__time",this.selectedXAxisItem=this.xAxisItem,this.startDateTime){let i=I.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=I.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)},customXAxisToggled(i){i||(this.selectedXAxisItem="__time",this.$emit("update:xAxisItem","__time"))},xAxisItemChanged(i){this.pendingXAxisSelection=i},xAxisItemSelected(i){if(i.targetName&&i.packetName&&i.itemName){const t=`DECOM__TLM__${i.targetName}__${i.packetName}__${i.itemName}__CONVERTED`;this.selectedXAxisItem=t,this.$emit("update:xAxisItem",t)}}}},U={class:"edit-box"},X={class:"edit-box"},z={class:"edit-box"},R={class:"edit-box"},H={class:"edit-box"};function q(i,t,s,a,l,o){const n=e.resolveComponent("v-spacer"),m=e.resolveComponent("v-toolbar"),p=e.resolveComponent("v-tab"),d=e.resolveComponent("v-tabs"),c=e.resolveComponent("v-text-field"),w=e.resolveComponent("v-card-text"),f=e.resolveComponent("v-col"),v=e.resolveComponent("v-select"),u=e.resolveComponent("v-row"),C=e.resolveComponent("v-tabs-window-item"),g=e.resolveComponent("v-btn"),y=e.resolveComponent("v-list-item"),N=e.resolveComponent("v-list"),b=e.resolveComponent("v-checkbox"),D=e.resolveComponent("target-packet-item-chooser"),_=e.resolveComponent("v-data-table"),V=e.resolveComponent("v-tabs-window"),A=e.resolveComponent("v-card-actions"),h=e.resolveComponent("v-card"),B=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(B,{modelValue:o.show,"onUpdate:modelValue":t[13]||(t[13]=r=>o.show=r),persistent:"","max-width":"700",onKeydown:t[14]||(t[14]=e.withKeys(r=>i.$emit("cancel"),["esc"]))},{default:e.withCtx(()=>[e.createVNode(m,{height:"24"},{default:e.withCtx(()=>[e.createVNode(n),t[15]||(t[15]=e.createElementVNode("span",null," Edit Graph ",-1)),e.createVNode(n)]),_:1}),e.createVNode(h,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(d,{modelValue:i.tab,"onUpdate:modelValue":t[0]||(t[0]=r=>i.tab=r),class:"ml-3"},{default:e.withCtx(()=>[e.createVNode(p,{value:"0"},{default:e.withCtx(()=>[...t[16]||(t[16]=[e.createTextVNode(" Settings ",-1)])]),_:1}),e.createVNode(p,{value:"1"},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode(" Scale / Lines ",-1)])]),_:1}),e.createVNode(p,{value:"2"},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createTextVNode(" Items ",-1)])]),_:1})]),_:1},8,["modelValue"]),e.createVNode(V,{modelValue:i.tab,"onUpdate:modelValue":t[11]||(t[11]=r=>i.tab=r)},{default:e.withCtx(()=>[e.createVNode(C,{value:"0",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",U,[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(w,{class:"pa-0"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.title,"onUpdate:modelValue":t[1]||(t[1]=r=>i.graph.title=r),class:"pb-2",label:"Title","hide-details":""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(v,{modelValue:i.graph.legendPosition,"onUpdate:modelValue":t[2]||(t[2]=r=>i.graph.legendPosition=r),label:"Legend Position","hide-details":"",items:i.legendPositions,style:{"max-width":"280px"}},null,8,["modelValue","items"])]),_:1})]),_:1})]),e.createElementVNode("div",X,[e.createVNode(w,{class:"pa-0"},{default:e.withCtx(()=>[...t[19]||(t[19]=[e.createTextVNode(" Select a start date/time for the graph. Leave blank for start now. ",-1)])]),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.startDate,"onUpdate:modelValue":t[3]||(t[3]=r=>i.startDate=r),label:"Start Date",name:`date${Date.now()}`,rules:[i.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.startTime,"onUpdate:modelValue":t[4]||(t[4]=r=>i.startTime=r),label:"Start Time",name:`time${Date.now()}`,rules:[i.rules.time],type:"time",step:"1"},null,8,["modelValue","name","rules"])]),_:1})]),_:1}),e.createVNode(w,{class:"pa-0"},{default:e.withCtx(()=>[...t[20]||(t[20]=[e.createTextVNode(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ",-1)])]),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.endDate,"onUpdate:modelValue":t[5]||(t[5]=r=>i.endDate=r),label:"End Date",name:`date${Date.now()}`,rules:[i.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.endTime,"onUpdate:modelValue":t[6]||(t[6]=r=>i.endTime=r),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(C,{value:"1",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",z,[e.createVNode(w,{class:"pa-0"},{default:e.withCtx(()=>[...t[21]||(t[21]=[e.createTextVNode(" Set a min or max Y value to override automatic scaling ",-1)])]),_:1}),e.createVNode(u,{dense:""},{default:e.withCtx(()=>[e.createVNode(f,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.graphMinY,"onUpdate:modelValue":t[7]||(t[7]=r=>i.graph.graphMinY=r),"hide-details":"",label:"Min Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1}),e.createVNode(f,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.graphMaxY,"onUpdate:modelValue":t[8]||(t[8]=r=>i.graph.graphMaxY=r),"hide-details":"",label:"Max Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1})]),_:1})]),e.createElementVNode("div",R,[e.createVNode(N,{density:"compact",class:"horizontal-lines"},{default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[t[23]||(t[23]=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]=r=>o.addLine())},{default:e.withCtx(()=>[...t[22]||(t[22]=[e.createTextVNode(" New Line ",-1)])]),_:1})]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.graph.lines,(r,S)=>(e.openBlock(),e.createBlock(y,{key:S,value:r,color:"primary"},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:r.yValue,"onUpdate:modelValue":k=>r.yValue=k,label:"Y Value"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(v,{modelValue:r.color,"onUpdate:modelValue":k=>r.color=k,label:"Color","hide-details":"",items:s.colors},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(g,{style:{padding:"30px"},icon:"mdi-delete",variant:"text","aria-label":"Remove Line",onClick:k=>o.removeLine(r)},null,8,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),e.createElementVNode("div",H,[e.createVNode(w,{class:"pa-0 text-medium-emphasis"},{default:e.withCtx(()=>[...t[24]||(t[24]=[e.createTextVNode(" Choose a different item to use for the graph's X axis. If unchecked, the graph will use the packet's PACKET_TIMESECONDS item if it exists, otherwise it will use RECEIVED_TIMESECONDS. ",-1),e.createElementVNode("br",null,null,-1),e.createElementVNode("span",{class:"font-italic"}," Note that the graph may not work correctly if you choose an item that does not strictly increase in value. It is recommended to use a counter or timestamp. ",-1)])]),_:1}),e.createVNode(b,{modelValue:i.customXAxisEnabled,"onUpdate:modelValue":[t[10]||(t[10]=r=>i.customXAxisEnabled=r),o.customXAxisToggled],disabled:!s.xAxisItemPacket,label:"Custom X axis item",density:"compact","hide-details":""},null,8,["modelValue","disabled","onUpdate:modelValue"]),s.xAxisItemPacket?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"pa-0 text-medium-emphasis"},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode(" All items on the graph must be in the same packet to enable this feature. ",-1)])]),_:1})),i.customXAxisEnabled&&s.xAxisItemPacket?(e.openBlock(),e.createBlock(D,{key:1,"initial-target-name":s.xAxisItemPacket.targetName,"initial-packet-name":s.xAxisItemPacket.packetName,"initial-item-name":o.initialXAxisItem,"choose-item":"","lock-target":"","lock-packet":"","button-text":"Set",onOnSet:o.xAxisItemChanged,onAddItem:o.xAxisItemSelected},null,8,["initial-target-name","initial-packet-name","initial-item-name","onOnSet","onAddItem"])):e.createCommentVNode("",!0)])]),_:1}),e.createVNode(C,{value:"2",eager:""},{default:e.withCtx(()=>[e.createVNode(_,{"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:r})=>[e.createVNode(g,{icon:"mdi-delete",variant:"text","aria-label":"Remove Item",onClick:S=>i.$emit("remove",r)},null,8,["onClick"])]),"no-data":e.withCtx(()=>[...t[26]||(t[26]=[e.createElementVNode("span",null," Currently no items on this graph ",-1)])]),_:1},8,["headers","items"])]),_:1})]),_:1},8,["modelValue"]),e.createVNode(A,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(n),e.createVNode(g,{variant:"outlined",onClick:t[12]||(t[12]=r=>i.$emit("cancel"))},{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(g,{variant:"flat",onClick:o.closeOk},{default:e.withCtx(()=>[...t[28]||(t[28]=[e.createTextVNode(" Ok ",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"])}const P=E._export_sfc(L,[["render",q]]),W={props:{modelValue:Boolean,item:{type:Object,required:!0},colors:{type:Array,required:!0}},emits:["cancel","changeColor","changeLimits","close","update:modelValue"],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 x.bi().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+"")})}},K={key:0},j={class:"pa-3"};function F(i,t,s,a,l,o){const n=e.resolveComponent("v-card-title"),m=e.resolveComponent("v-select"),p=e.resolveComponent("v-card-text"),d=e.resolveComponent("v-spacer"),c=e.resolveComponent("v-btn"),w=e.resolveComponent("v-card-actions"),f=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),persistent:"",width:"400",onKeydown:[t[10]||(t[10]=e.withKeys(u=>i.success(),["enter"])),t[11]||(t[11]=e.withKeys(u=>i.$emit("cancel"),["esc"]))]},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(n,{class:"mb-2"},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("Edit Item",-1)])]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(m,{modelValue:i.editItem.valueType,"onUpdate:modelValue":t[0]||(t[0]=u=>i.editItem.valueType=u),variant:"outlined","hide-details":"",label:"Value Type",items:i.valueTypes,class:"mb-2"},null,8,["modelValue","items"]),e.createVNode(m,{modelValue:i.editItem.reduced,"onUpdate:modelValue":t[1]||(t[1]=u=>i.editItem.reduced=u),variant:"outlined","hide-details":"",label:"Reduction",items:i.reduction,class:"mb-2"},null,8,["modelValue","items"]),e.createVNode(m,{modelValue:i.editItem.reducedType,"onUpdate:modelValue":t[2]||(t[2]=u=>i.editItem.reducedType=u),variant:"outlined","hide-details":"",label:"Reduced Type",items:i.reducedTypes,disabled:i.editItem.reduced==="DECOM",class:"mb-2"},null,8,["modelValue","items","disabled"]),e.createVNode(m,{modelValue:i.editItem.color,"onUpdate:modelValue":[t[3]||(t[3]=u=>i.editItem.color=u),t[4]||(t[4]=u=>i.$emit("changeColor",u))],variant:"outlined","hide-details":"",label:"Color",items:s.colors,class:"mb-2"},null,8,["modelValue","items"]),o.limitsNames.length>1?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(m,{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]))],variant:"outlined","hide-details":"",label:"Display Limits",items:o.limitsNames},null,8,["modelValue","items"]),e.createElementVNode("div",j,e.toDisplayString(i.limitsName)+": "+e.toDisplayString(i.limits[i.limitsName]),1)])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(w,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(d),e.createVNode(c,{variant:"outlined",onClick:t[7]||(t[7]=u=>i.$emit("cancel"))},{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(c,{variant:"flat",onClick:t[8]||(t[8]=u=>i.$emit("close",i.editItem))},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode(" Ok ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])}const G=E._export_sfc(W,[["render",F]]),T="__time",Z={components:{GraphEditDialog:P,GraphEditItemDialog:G},mixins:[O.TimeFilters],props:{id:{type:Number,required:!0},selectedGraphId:{type:Number,default:null},state:{type:String,required:!0},startTime:{type:Number,default:null},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,default:()=>[]},initialXAxisItem:{type:String,default:T},height:{type:Number,default:null},width:{type:Number,default:null},timeZone:{type:String,default:"local"}},emits:["click","close-graph","edit","min-max-graph","pause","resize","start","started"],data(){return{api:null,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,interval:null,graphMinY:null,graphMaxY:null,graphStartDateTime:null,graphEndDateTime:null,xAxisItem:this.initialXAxisItem,indexes:{},items:this.initialItems,graphItems:[],lastPlaybackDateTime:null,limitsValues:[],drawInterval:null,zoomChart:!1,zoomOverview:!1,cable:new x.mi,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},itemSubscriptionKeys:function(){return this.items.map(this.subscriptionKey)},allowableXAxisItemPacket:function(){if(!this.canUseCustomXAxisItem||this.items.length===0)return;const{targetName:i,packetName:t}=this.items[0];return{targetName:i,packetName:t}},canUseCustomXAxisItem:function(){if(this.items.length===0)return!0;const{targetName:i,packetName:t}=this.items[0];return this.items.every(s=>s.targetName===i&&s.packetName===t)},actualXAxisItem:function(){return this.canUseCustomXAxisItem&&this.xAxisItem?this.xAxisItem:T},xAxisConverter:function(){return this.xAxisIsDefault?i=>i/1e9:i=>i},xAxisFormatter:function(){return i=>i==null?"--":this.xAxisIsTime?this.formatSeconds(i,this.timeZone):i},xAxisLabel:function(){return this.xAxisIsTime?"Time":this.actualXAxisItem.split("__").at(-2)},xAxisIsDefault:function(){return this.actualXAxisItem===T},xAxisIsTime:function(){const i=["PACKET_TIMESECONDS","RECEIVED_TIMESECONDS"];return this.xAxisIsDefault||i.includes(this.actualXAxisItem.split("__").at(4))},xAxisIsAlsoGraphedItem:function(){return this.itemSubscriptionKeys.includes(this.actualXAxisItem)},playbackMode:function(){return this.$store.state.playback.playbackMode},playbackDateTime:function(){return this.$store.state.playback.playbackDateTime},playbackStep:function(){return this.$store.state.playback.playbackStep}},watch:{state:function(i,t){switch(i){case"start":t==="stop"&&this.startGraph();break;case"stop":this.stopGraph();break}},playbackMode:function(i,t){this.playbackMode==="playback"?this.setupPlaybackMode():(this.lastPlaybackDateTime=null,this.clearAllData(),this.startGraph())},playbackDateTime:function(i,t){this.playbackMode==="playback"&&(this.lastPlaybackDateTime===null||this.lastPlaybackDateTime>this.playbackDateTime?this.clearAllData():this.api.get_tlm_values(this.graphItems,30,null,this.lastPlaybackDateTime,this.playbackDateTime).then(s=>{if(s.length>0){if(Array.isArray(s[0])&&Array.isArray(s[0][0]))for(let a=0;a<s.length;a++)for(let l=0;l<s[a].length;l++)if(l===0){let o=s[a][l][0],n=new Date(o);this.data[0].push(n.getTime()/1e3)}else this.data[l].push(s[a][l][0]);else if(Array.isArray(s)&&s.length>=2)for(let a=0;a<s.length;a++)if(a===0){let l=s[a][0],o=new Date(l);this.data[0].push(o.getTime()/1e3)}else this.data[a].push(s[a][0])}this.dataChanged=!0,this.updateGraphData()}),this.lastPlaybackDateTime=this.playbackDateTime)},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)},actualXAxisItem:function(i,t){let s=JSON.parse(JSON.stringify(this.items));this.removeItems(s),this.graph.destroy(),this.chartOpts.series[0].label=this.xAxisLabel,this.chartOpts.scales.x.time=this.xAxisIsTime,this.graph=new x.uPlot(this.chartOpts,this.data,document.getElementById(`chart${this.id}`)),this.hideOverview||(this.overview.destroy(),this.overviewOpts.scales.x.time=this.xAxisIsTime,this.overview=new x.uPlot(this.overviewOpts,this.data,document.getElementById(`overview${this.id}`))),this.addItems(s)},refreshIntervalMs:function(i){this.interval&&(clearInterval(this.interval),this.interval=setInterval(()=>{this.updateGraphData()},i))}},created(){this.api=new x.bi,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((s,a)=>{const l={spanGaps:!0};return s.chartSeries.push({...l,item:a,label:this.formatLabel(a),stroke:(o,n)=>this.items[n-1].color,width:2,value:(o,n)=>typeof n=="string"||isNaN(n)?"NaN":n==null?"--":n.toFixed(3)}),s.overviewSeries.push({...l}),s},{chartSeries:[],overviewSeries:[]});if(this.chartOpts={},this.sparkline)this.hideToolbarData=!0,this.hideOverviewData=!0,this.showOverview=!1,this.chartOpts={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 x.uPlot(this.chartOpts,this.data,document.getElementById(`chart${this.id}`));else{let s=Intl.DateTimeFormat().resolvedOptions().timeZone;this.timeZone&&this.timeZone!=="local"&&(s=this.timeZone),this.chartOpts={...this.getSize("chart"),...this.getScales(),...this.getAxes("chart"),plugins:[this.linesPlugin()],tzDate:a=>x.uPlot.tzDate(new Date(a*1e3),s),series:[{label:this.xAxisLabel,value:(a,l)=>this.xAxisFormatter(l)},...i],cursor:{drag:{x:!0,y:!1},sync:{key:"openc3"},bind:{mouseup:(a,l,o)=>n=>{this.state==="pause"&&a.select.width===0&&this.$emit("start"),o(n)}}},hooks:{setScale:[(a,l)=>{if(l==="x"&&!this.zoomOverview&&this.overview){this.zoomChart=!0;let o=Math.round(this.overview.valToPos(a.scales.x.min,"x")),n=Math.round(this.overview.valToPos(a.scales.x.max,"x"));this.overview.setSelect({left:o,width:n-o}),this.zoomChart=!1}}],setSelect:[a=>{this.state==="start"&&a.select.width>0&&this.$emit("pause")}],ready:[a=>{a.root.querySelector(".u-over").addEventListener("contextmenu",n=>{n.preventDefault(),this.itemMenu=!1,this.legendMenu=!1,this.editGraphMenuX=n.clientX,this.editGraphMenuY=n.clientY,this.editGraphMenu=!0});let o=a.root.querySelector(".u-legend");o.addEventListener("contextmenu",n=>{n.preventDefault(),this.editGraphMenu=!1,this.legendMenu=!1,this.itemMenuX=n.clientX,this.itemMenuY=n.clientY;let m=n.target.closest(".u-series"),p=Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(m),d=a.series[p];d.item?(this.selectedItem=d.item,this.itemMenu=!0):(this.itemMenu=!1,this.legendMenuX=n.clientX,this.legendMenuY=n.clientY,this.legendMenu=!0)}),o.querySelector("tbody").appendChild(this.$refs.info)}]}},this.graph=new x.uPlot(this.chartOpts,this.data,document.getElementById(`chart${this.id}`)),this.overviewOpts={...this.getSize("overview"),...this.getScales(),...this.getAxes("overview"),tzDate:a=>x.uPlot.tzDate(new Date(a*1e3),s),series:[...t],cursor:{y:!1,drag:{setScale:!1,x:!0,y:!1}},legend:{show:!1},hooks:{setSelect:[a=>{if(!this.zoomChart){this.state==="start"&&a.select.width>0&&this.$emit("pause"),this.zoomOverview=!0;let l=a.posToVal(a.select.left,"x"),o=a.posToVal(a.select.left+a.select.width,"x");this.graph.setScale("x",{min:l,max:o}),this.zoomOverview=!1}}]}},this.hideOverview||(this.overview=new x.uPlot(this.overviewOpts,this.data,document.getElementById(`overview${this.id}`))),this.moveLegend(this.legendPosition),window.addEventListener("resize",this.resize)}this.playbackMode!=="playback"?this.state!=="stop"&&this.startGraph():this.setupPlaybackMode()},beforeUnmount:function(){this.stopGraph(),this.cable.disconnect(),window.removeEventListener("resize",this.resize)},methods:{setupPlaybackMode:function(){this.stopGraph(),this.clearAllData();const i=this.itemSubscriptionKeys.map(t=>t.split("__").slice(2).join("__"));if(this.actualXAxisItem===T){const t=i[0].split("__").slice(0,2).join("__");i.unshift(`${t}__PACKET_TIMESECONDS__RAW`)}else this.xAxisIsAlsoGraphedItem||i.unshift(this.actualXAxisItem);this.api.get_tlm_available(i).then(t=>{this.graphItems=t,i.length!=t.length&&console.log("Error getting tlm available",i,this.graphItems)})},startGraph:function(){this.subscribe(),this.interval=setInterval(()=>{this.updateGraphData()},this.refreshIntervalMs)},stopGraph:function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null),this.interval&&(clearInterval(this.interval),this.interval=null)},updateGraphData:function(){if(this.state==="pause"||!this.dataChanged)return;this.graph.setData(this.data),this.overview&&this.overview.setData(this.data);const i=this.data[0];if(i&&i.length){let t=i.at(-1);const s=[i.at(0)];this.pointsGraphed<=i.length&&s.push(i.at(-this.pointsGraphed)),this.xAxisIsTime&&s.push(t-this.secondsGraphed);const a=Math.max(...s);a===t&&(t+=1),this.graph.setScale("x",{min:a,max:t})}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,a)=>{let l=s;(this.graphMinY||this.graphMinY===0)&&(l=this.graphMinY);let o=a;return(this.graphMaxY||this.graphMaxY===0)&&(o=this.graphMaxY),x.uPlot.rangeNum(l,o,i,!0)}},subscribe:function(){this.cable.createSubscription("StreamingChannel",window.openc3Scope,{received:i=>this.received(i),connected:()=>{const i=[...this.items];!this.xAxisIsDefault&&!this.xAxisIsAlsoGraphedItem&&i.push(this.actualXAxisItem),this.addItemsToSubscription(i)},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 a=0;(this.legendPosition==="right"||this.legendPosition==="left")&&(a=document.getElementsByClassName("u-legend")[0].clientWidth);const l=Math.max(document.documentElement.clientWidth,window.innerWidth||0)-t-a,o=Math.max(document.documentElement.clientHeight,window.innerHeight||0),n=document.getElementsByClassName("v-expansion-panel")[0];let m=100;i==="overview"?this.fullHeight&&!this.hideOverviewData?this.showOverview=!0:this.showOverview=!1:(m=o-n.clientHeight-m-250,this.fullHeight||(m=m/2+10));let p=l-70;return this.fullWidth||(p=p/2-12),{width:this.width||p,height:this.height||m}},getScales:function(){return{scales:{x:{range(i,t,s){return t==null?this.xAxisIsTime?[1566453600,1566497660]:[0,1]:[t,s]},time:this.xAxisIsTime},y:{range(i,t,s){return t==null?[-100,100]:x.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(a,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,a=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),m=i.valToPos(this.limitsValues[2],"y",!0),p=i.valToPos(this.limitsValues[3],"y",!0);if(this.lines.forEach(d=>{i.scales.y.min<=d.yValue&&d.yValue<=i.scales.y.max&&(t.save(),t.beginPath(),t.strokeStyle=d.color,t.lineWidth=2,t.moveTo(s.left,i.valToPos(d.yValue,"y",!0)),t.lineTo(s.left+s.width,i.valToPos(d.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 d=o<l?l:o;t.fillRect(s.left,o,s.width,a-d)}if(i.scales.y.max>this.limitsValues[3]){let d=a<p?a:p;t.fillRect(s.left,l,s.width,d-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 d=n<l?l:n;t.fillRect(s.left,d,s.width,o-d)}if(i.scales.y.max>this.limitsValues[2]&&i.scales.y.min<this.limitsValues[3]){let d=a<p?a:p,c=a<m?a:m;t.fillRect(s.left,d,s.width,c-d)}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 d=m<l?l:m,c=a<n?a:n;t.fillRect(s.left,d,s.width,c-d)}}else{const d=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=d<l?l:d;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=a<m?a:m,u=a<c?a:c;t.fillRect(s.left,v,s.width,u-v)}t.fillStyle="rgba(0,0,255,0.15)";let w=c<l?l:c,f=a<d?a:d;t.fillRect(s.left,w,s.width,f-w)}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 a=this.data.length;this.graph.addSeries(this.createSeriesConfig(s),a),this.overview&&this.overview.addSeries(this.createOverviewSeriesConfig(),a),this.data.splice(a,0,Array(this.data[0].length)),this.indexes[this.subscriptionKey(s)]=a}),this.updateColorIndex(i),this.xAxisIsDefault||i.push(this.actualXAxisItem),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);const s=i.map(a=>{if(typeof a=="object")return this.subscriptionKey(a);if(typeof a=="string")return a;throw new Error(`Invalid subscription item type for ${a}: ${typeof a}`)});this.subscription&&OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(a=>{a&&OpenC3Auth.setTokens(),this.subscription.perform("add",{scope:window.openc3Scope,token:localStorage.openc3Token,items:s,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){if(this.subscription){const t=i.map(s=>{if(typeof s=="object")return this.subscriptionKey(s);if(typeof s=="string")return s;throw new Error(`Invalid subscription item type for ${s}: ${typeof s}`)});this.subscription.perform("remove",{scope:window.openc3Scope,token:localStorage.openc3Token,items:t})}},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++){if(!i[t].hasOwnProperty(this.actualXAxisItem))continue;let s=this.xAxisConverter(i[t][this.actualXAxisItem]),a=this.data[0].length;if(a===0||s>this.data[0][a-1]){for(let l=0;l<this.data.length;l++)this.data[l].push(null);this.setDataAtIndex(this.data[0].length-1,s,i[t])}else{let l=x.bs(this.data[0],s,this.bsComparator);if(l>=0){if(!Number.isFinite(s))throw new RangeError(`Invalid x-axis value: ${s}`);for(;l>=0;)s-=1e-5,l=x.bs(this.data[0],s,this.bsComparator);const o=-l-1;for(let n=0;n<this.data.length;n++)this.data[n].splice(o,0,null);this.setDataAtIndex(o,s,i[t])}else{const o=-l-1;for(let n=0;n<this.data.length;n++)this.data[n].splice(o,0,null);this.setDataAtIndex(o,s,i[t])}}}if(this.pointsSaved>0&&this.data[0].length>this.pointsSaved+300){const t=this.data[0].length-this.pointsSaved;for(let s=0;s<this.data.length;s++)this.data[s].splice(0,t)}if(this.startTime==null&&this.data[0][0]){let t=this.data[0][0]*1e9;this.$emit("started",t)}this.dataChanged=!0},bsComparator:function(i,t){return i-t},setDataAtIndex:function(i,t,s){this.data[0][i]=t;for(const[a,l]of Object.entries(s)){if(a===this.actualXAxisItem&&!this.xAxisIsAlsoGraphedItem)continue;const o=this.indexes[a];if(o){let n=this.data[o];if(l!=null&&l.raw)n[i]=null;else if(typeof l=="string"){if(n[i]=null,!a.includes("__RAW")){for(let m of this.items)if(this.subscriptionKey(m)===a){this.selectedItem=m;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}}},J={id:"chart",ref:"chart",class:"pa-1"},Q=["id"],$=["id"],ee={key:5,ref:"info",class:"u-series"};function te(i,t,s,a,l,o){const n=e.resolveComponent("v-btn"),m=e.resolveComponent("v-spacer"),p=e.resolveComponent("v-toolbar"),d=e.resolveComponent("v-expand-transition"),c=e.resolveComponent("v-card"),w=e.resolveComponent("graph-edit-dialog"),f=e.resolveComponent("v-text-field"),v=e.resolveComponent("v-row"),u=e.resolveComponent("v-textarea"),C=e.resolveComponent("v-dialog"),g=e.resolveComponent("v-list-item-title"),y=e.resolveComponent("v-list-item"),N=e.resolveComponent("v-list"),b=e.resolveComponent("v-menu"),D=e.resolveComponent("graph-edit-item-dialog"),_=e.resolveComponent("v-list-subheader"),V=e.resolveComponent("v-icon"),A=e.resolveComponent("v-tooltip");return e.openBlock(),e.createElementBlock("div",{onClick:t[22]||(t[22]=e.withModifiers(h=>i.$emit("click"),["prevent"]))},[e.createVNode(c,null,{default:e.withCtx(()=>[e.withDirectives(e.createVNode(p,{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(m),e.createElementVNode("span",null,e.toDisplayString(l.title),1),e.createVNode(m),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(h=>i.$emit("close-graph"),["stop"]))})]),_:1},8,["class"]),[[e.vShow,!l.hideToolbarData]]),e.createVNode(d,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",J,[e.createElementVNode("div",{id:`chart${s.id}`},null,8,Q),t[23]||(t[23]=e.createElementVNode("div",{id:"betweenCharts"},null,-1)),e.withDirectives(e.createElementVNode("div",{id:`overview${s.id}`},null,8,$),[[e.vShow,l.showOverview]])],512),[[e.vShow,l.expand]])]),_:1})]),_:1}),l.editGraph?(e.openBlock(),e.createBlock(w,{key:0,modelValue:l.editGraph,"onUpdate:modelValue":t[3]||(t[3]=h=>l.editGraph=h),"x-axis-item":l.xAxisItem,"onUpdate:xAxisItem":t[4]||(t[4]=h=>l.xAxisItem=h),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,"x-axis-item-packet":o.allowableXAxisItemPacket,onRemove:t[5]||(t[5]=h=>o.removeItems([h])),onOk:o.editGraphClose,onCancel:t[6]||(t[6]=h=>l.editGraph=!1)},null,8,["modelValue","x-axis-item","title","legend-position","items","graph-min-y","graph-max-y","lines","colors","start-date-time","end-date-time","time-zone","x-axis-item-packet","onOk"])):e.createCommentVNode("",!0),e.createVNode(C,{modelValue:l.errorDialog,"onUpdate:modelValue":t[8]||(t[8]=h=>l.errorDialog=h),"max-width":"600"},{default:e.withCtx(()=>[e.createVNode(p,{height:"24"},{default:e.withCtx(()=>[e.createVNode(m),t[24]||(t[24]=e.createElementVNode("span",null," Errors ",-1)),e.createVNode(m)]),_:1}),e.createVNode(c,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(v,{dense:""},{default:e.withCtx(()=>[e.createVNode(f,{modelValue:l.title,"onUpdate:modelValue":t[7]||(t[7]=h=>l.title=h),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","model-value":o.error},null,8,["model-value"])]),_:1}),e.createVNode(v,null,{default:e.withCtx(()=>[e.createVNode(n,{block:"",onClick:o.clearErrors},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode(" Clear ",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"]),l.editGraphMenu?(e.openBlock(),e.createBlock(b,{key:1,modelValue:l.editGraphMenu,"onUpdate:modelValue":t[10]||(t[10]=h=>l.editGraphMenu=h),target:[l.editGraphMenuX,l.editGraphMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(N,null,{default:e.withCtx(()=>[e.createVNode(y,{onClick:t[9]||(t[9]=h=>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(D,{key:2,modelValue:l.editItem,"onUpdate:modelValue":t[11]||(t[11]=h=>l.editItem=h),colors:l.colors,item:l.selectedItem,onChangeColor:o.changeColor,onChangeLimits:o.changeLimits,onCancel:t[12]||(t[12]=h=>l.editItem=!1),onClose:o.closeEditItem},null,8,["modelValue","colors","item","onChangeColor","onChangeLimits","onClose"])):e.createCommentVNode("",!0),l.itemMenu?(e.openBlock(),e.createBlock(b,{key:3,modelValue:l.itemMenu,"onUpdate:modelValue":t[16]||(t[16]=h=>l.itemMenu=h),target:[l.itemMenuX,l.itemMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(N,{nav:"",density:"compact"},{default:e.withCtx(()=>[e.createVNode(_,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(y,{onClick:t[13]||(t[13]=h=>l.editItem=!0)},{prepend:e.withCtx(()=>[e.createVNode(V,{icon:"mdi-pencil"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[...t[26]||(t[26]=[e.createTextVNode(" Edit ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[14]||(t[14]=h=>o.clearData([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(V,{icon:"mdi-eraser"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Clear ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[15]||(t[15]=h=>o.removeItems([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(V,{icon:"mdi-delete"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[...t[28]||(t[28]=[e.createTextVNode(" Delete ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),l.legendMenu?(e.openBlock(),e.createBlock(b,{key:4,modelValue:l.legendMenu,"onUpdate:modelValue":t[21]||(t[21]=h=>l.legendMenu=h),target:[l.legendMenuX,l.legendMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(N,null,{default:e.withCtx(()=>[e.createVNode(y,{onClick:t[17]||(t[17]=h=>o.moveLegend("top"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[29]||(t[29]=[e.createTextVNode(" Legend Top ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[18]||(t[18]=h=>o.moveLegend("bottom"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[30]||(t[30]=[e.createTextVNode(" Legend Bottom ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[19]||(t[19]=h=>o.moveLegend("left"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[31]||(t[31]=[e.createTextVNode(" Legend Left ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[20]||(t[20]=h=>o.moveLegend("right"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[32]||(t[32]=[e.createTextVNode(" Legend RIght ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),s.sparkline?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(A,{text:"Click item to toggle, Right click to edit",location:"top"},{activator:e.withCtx(({props:h})=>[e.createVNode(V,e.normalizeProps(e.guardReactiveProps(h)),{default:e.withCtx(()=>[...t[33]||(t[33]=[e.createTextVNode(" mdi-information-variant-circle ",-1)])]),_:1},16)]),_:1})],512))])}const ie=E._export_sfc(Z,[["render",te],["__scopeId","data-v-67dfc974"]]);exports.Graph=ie;exports.GraphEditDialog=P;exports.GraphEditItemDialog=G;
-//# sourceMappingURL=Graph-BOZlkDbl.cjs.map
+"use strict";const O=require("./timeFilters-CJFxfjqN.cjs"),Y=require("./TargetPacketItemChooser-CmjEcxN3.cjs"),e=require("vue"),x=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-RGlL9jUF.cjs"),E=require("./CustomIcon-eie3rPKh.cjs"),I=require("./format-B22VpiOS.cjs"),M=require("./parse-DwfgQboe.cjs"),L={components:{TargetPacketItemChooser:Y.TargetPacketItemChooser},mixins:[O.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},xAxisItemPacket:{type:Object,default:void 0},xAxisItem:{type:String,default:"__time"}},emits:["cancel","ok","remove","update:modelValue","update:xAxisItem"],data:function(){return{tab:0,graph:{},customXAxisEnabled:!1,selectedXAxisItem:null,pendingXAxisSelection:null,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 I.isValid(M.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 I.isValid(M.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}))},initialXAxisItem:function(){if(this.xAxisItem!=="__time")return this.xAxisItem.split("__").at(4)}},created(){if(this.graph={title:this.title,legendPosition:this.legendPosition,items:this.items,graphMinY:this.graphMinY,graphMaxY:this.graphMaxY,lines:[...this.lines]},this.customXAxisEnabled=this.xAxisItem&&this.xAxisItem!=="__time",this.selectedXAxisItem=this.xAxisItem,this.startDateTime){let i=I.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=I.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)},customXAxisToggled(i){i||(this.selectedXAxisItem="__time",this.$emit("update:xAxisItem","__time"))},xAxisItemChanged(i){this.pendingXAxisSelection=i},xAxisItemSelected(i){if(i.targetName&&i.packetName&&i.itemName){const t=`DECOM__TLM__${i.targetName}__${i.packetName}__${i.itemName}__CONVERTED`;this.selectedXAxisItem=t,this.$emit("update:xAxisItem",t)}}}},U={class:"edit-box"},X={class:"edit-box"},z={class:"edit-box"},R={class:"edit-box"},H={class:"edit-box"};function q(i,t,s,a,l,o){const n=e.resolveComponent("v-spacer"),m=e.resolveComponent("v-toolbar"),p=e.resolveComponent("v-tab"),d=e.resolveComponent("v-tabs"),c=e.resolveComponent("v-text-field"),w=e.resolveComponent("v-card-text"),f=e.resolveComponent("v-col"),v=e.resolveComponent("v-select"),u=e.resolveComponent("v-row"),C=e.resolveComponent("v-tabs-window-item"),g=e.resolveComponent("v-btn"),y=e.resolveComponent("v-list-item"),N=e.resolveComponent("v-list"),b=e.resolveComponent("v-checkbox"),D=e.resolveComponent("target-packet-item-chooser"),_=e.resolveComponent("v-data-table"),V=e.resolveComponent("v-tabs-window"),A=e.resolveComponent("v-card-actions"),h=e.resolveComponent("v-card"),B=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(B,{modelValue:o.show,"onUpdate:modelValue":t[13]||(t[13]=r=>o.show=r),persistent:"","max-width":"700",onKeydown:t[14]||(t[14]=e.withKeys(r=>i.$emit("cancel"),["esc"]))},{default:e.withCtx(()=>[e.createVNode(m,{height:"24"},{default:e.withCtx(()=>[e.createVNode(n),t[15]||(t[15]=e.createElementVNode("span",null," Edit Graph ",-1)),e.createVNode(n)]),_:1}),e.createVNode(h,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(d,{modelValue:i.tab,"onUpdate:modelValue":t[0]||(t[0]=r=>i.tab=r),class:"ml-3"},{default:e.withCtx(()=>[e.createVNode(p,{value:"0"},{default:e.withCtx(()=>[...t[16]||(t[16]=[e.createTextVNode(" Settings ",-1)])]),_:1}),e.createVNode(p,{value:"1"},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode(" Scale / Lines ",-1)])]),_:1}),e.createVNode(p,{value:"2"},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createTextVNode(" Items ",-1)])]),_:1})]),_:1},8,["modelValue"]),e.createVNode(V,{modelValue:i.tab,"onUpdate:modelValue":t[11]||(t[11]=r=>i.tab=r)},{default:e.withCtx(()=>[e.createVNode(C,{value:"0",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",U,[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(w,{class:"pa-0"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.title,"onUpdate:modelValue":t[1]||(t[1]=r=>i.graph.title=r),class:"pb-2",label:"Title","hide-details":""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(v,{modelValue:i.graph.legendPosition,"onUpdate:modelValue":t[2]||(t[2]=r=>i.graph.legendPosition=r),label:"Legend Position","hide-details":"",items:i.legendPositions,style:{"max-width":"280px"}},null,8,["modelValue","items"])]),_:1})]),_:1})]),e.createElementVNode("div",X,[e.createVNode(w,{class:"pa-0"},{default:e.withCtx(()=>[...t[19]||(t[19]=[e.createTextVNode(" Select a start date/time for the graph. Leave blank for start now. ",-1)])]),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.startDate,"onUpdate:modelValue":t[3]||(t[3]=r=>i.startDate=r),label:"Start Date",name:`date${Date.now()}`,rules:[i.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.startTime,"onUpdate:modelValue":t[4]||(t[4]=r=>i.startTime=r),label:"Start Time",name:`time${Date.now()}`,rules:[i.rules.time],type:"time",step:"1"},null,8,["modelValue","name","rules"])]),_:1})]),_:1}),e.createVNode(w,{class:"pa-0"},{default:e.withCtx(()=>[...t[20]||(t[20]=[e.createTextVNode(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ",-1)])]),_:1}),e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.endDate,"onUpdate:modelValue":t[5]||(t[5]=r=>i.endDate=r),label:"End Date",name:`date${Date.now()}`,rules:[i.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.endTime,"onUpdate:modelValue":t[6]||(t[6]=r=>i.endTime=r),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(C,{value:"1",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",z,[e.createVNode(w,{class:"pa-0"},{default:e.withCtx(()=>[...t[21]||(t[21]=[e.createTextVNode(" Set a min or max Y value to override automatic scaling ",-1)])]),_:1}),e.createVNode(u,{dense:""},{default:e.withCtx(()=>[e.createVNode(f,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.graphMinY,"onUpdate:modelValue":t[7]||(t[7]=r=>i.graph.graphMinY=r),"hide-details":"",label:"Min Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1}),e.createVNode(f,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.graphMaxY,"onUpdate:modelValue":t[8]||(t[8]=r=>i.graph.graphMaxY=r),"hide-details":"",label:"Max Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1})]),_:1})]),e.createElementVNode("div",R,[e.createVNode(N,{density:"compact",class:"horizontal-lines"},{default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[t[23]||(t[23]=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]=r=>o.addLine())},{default:e.withCtx(()=>[...t[22]||(t[22]=[e.createTextVNode(" New Line ",-1)])]),_:1})]),_:1}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.graph.lines,(r,S)=>(e.openBlock(),e.createBlock(y,{key:S,value:r,color:"primary"},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:r.yValue,"onUpdate:modelValue":k=>r.yValue=k,label:"Y Value"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(v,{modelValue:r.color,"onUpdate:modelValue":k=>r.color=k,label:"Color","hide-details":"",items:s.colors},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(g,{style:{padding:"30px"},icon:"mdi-delete",variant:"text","aria-label":"Remove Line",onClick:k=>o.removeLine(r)},null,8,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),e.createElementVNode("div",H,[e.createVNode(w,{class:"pa-0 text-medium-emphasis"},{default:e.withCtx(()=>[...t[24]||(t[24]=[e.createTextVNode(" Choose a different item to use for the graph's X axis. If unchecked, the graph will use the packet's PACKET_TIMESECONDS item if it exists, otherwise it will use RECEIVED_TIMESECONDS. ",-1),e.createElementVNode("br",null,null,-1),e.createElementVNode("span",{class:"font-italic"}," Note that the graph may not work correctly if you choose an item that does not strictly increase in value. It is recommended to use a counter or timestamp. ",-1)])]),_:1}),e.createVNode(b,{modelValue:i.customXAxisEnabled,"onUpdate:modelValue":[t[10]||(t[10]=r=>i.customXAxisEnabled=r),o.customXAxisToggled],disabled:!s.xAxisItemPacket,label:"Custom X axis item",density:"compact","hide-details":""},null,8,["modelValue","disabled","onUpdate:modelValue"]),s.xAxisItemPacket?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(w,{key:0,class:"pa-0 text-medium-emphasis"},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode(" All items on the graph must be in the same packet to enable this feature. ",-1)])]),_:1})),i.customXAxisEnabled&&s.xAxisItemPacket?(e.openBlock(),e.createBlock(D,{key:1,"initial-target-name":s.xAxisItemPacket.targetName,"initial-packet-name":s.xAxisItemPacket.packetName,"initial-item-name":o.initialXAxisItem,"choose-item":"","lock-target":"","lock-packet":"","button-text":"Set",onOnSet:o.xAxisItemChanged,onAddItem:o.xAxisItemSelected},null,8,["initial-target-name","initial-packet-name","initial-item-name","onOnSet","onAddItem"])):e.createCommentVNode("",!0)])]),_:1}),e.createVNode(C,{value:"2",eager:""},{default:e.withCtx(()=>[e.createVNode(_,{"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:r})=>[e.createVNode(g,{icon:"mdi-delete",variant:"text","aria-label":"Remove Item",onClick:S=>i.$emit("remove",r)},null,8,["onClick"])]),"no-data":e.withCtx(()=>[...t[26]||(t[26]=[e.createElementVNode("span",null," Currently no items on this graph ",-1)])]),_:1},8,["headers","items"])]),_:1})]),_:1},8,["modelValue"]),e.createVNode(A,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(n),e.createVNode(g,{variant:"outlined",onClick:t[12]||(t[12]=r=>i.$emit("cancel"))},{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(g,{variant:"flat",onClick:o.closeOk},{default:e.withCtx(()=>[...t[28]||(t[28]=[e.createTextVNode(" Ok ",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"])}const P=E._export_sfc(L,[["render",q]]),W={props:{modelValue:Boolean,item:{type:Object,required:!0},colors:{type:Array,required:!0}},emits:["cancel","changeColor","changeLimits","close","update:modelValue"],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 x.yi().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+"")})}},K={key:0},j={class:"pa-3"};function F(i,t,s,a,l,o){const n=e.resolveComponent("v-card-title"),m=e.resolveComponent("v-select"),p=e.resolveComponent("v-card-text"),d=e.resolveComponent("v-spacer"),c=e.resolveComponent("v-btn"),w=e.resolveComponent("v-card-actions"),f=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),persistent:"",width:"400",onKeydown:[t[10]||(t[10]=e.withKeys(u=>i.success(),["enter"])),t[11]||(t[11]=e.withKeys(u=>i.$emit("cancel"),["esc"]))]},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(n,{class:"mb-2"},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("Edit Item",-1)])]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(m,{modelValue:i.editItem.valueType,"onUpdate:modelValue":t[0]||(t[0]=u=>i.editItem.valueType=u),variant:"outlined","hide-details":"",label:"Value Type",items:i.valueTypes,class:"mb-2"},null,8,["modelValue","items"]),e.createVNode(m,{modelValue:i.editItem.reduced,"onUpdate:modelValue":t[1]||(t[1]=u=>i.editItem.reduced=u),variant:"outlined","hide-details":"",label:"Reduction",items:i.reduction,class:"mb-2"},null,8,["modelValue","items"]),e.createVNode(m,{modelValue:i.editItem.reducedType,"onUpdate:modelValue":t[2]||(t[2]=u=>i.editItem.reducedType=u),variant:"outlined","hide-details":"",label:"Reduced Type",items:i.reducedTypes,disabled:i.editItem.reduced==="DECOM",class:"mb-2"},null,8,["modelValue","items","disabled"]),e.createVNode(m,{modelValue:i.editItem.color,"onUpdate:modelValue":[t[3]||(t[3]=u=>i.editItem.color=u),t[4]||(t[4]=u=>i.$emit("changeColor",u))],variant:"outlined","hide-details":"",label:"Color",items:s.colors,class:"mb-2"},null,8,["modelValue","items"]),o.limitsNames.length>1?(e.openBlock(),e.createElementBlock("div",K,[e.createVNode(m,{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]))],variant:"outlined","hide-details":"",label:"Display Limits",items:o.limitsNames},null,8,["modelValue","items"]),e.createElementVNode("div",j,e.toDisplayString(i.limitsName)+": "+e.toDisplayString(i.limits[i.limitsName]),1)])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(w,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(d),e.createVNode(c,{variant:"outlined",onClick:t[7]||(t[7]=u=>i.$emit("cancel"))},{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(c,{variant:"flat",onClick:t[8]||(t[8]=u=>i.$emit("close",i.editItem))},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode(" Ok ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])}const G=E._export_sfc(W,[["render",F]]),T="__time",Z={components:{GraphEditDialog:P,GraphEditItemDialog:G},mixins:[O.TimeFilters],props:{id:{type:Number,required:!0},selectedGraphId:{type:Number,default:null},state:{type:String,required:!0},startTime:{type:Number,default:null},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,default:()=>[]},initialXAxisItem:{type:String,default:T},height:{type:Number,default:null},width:{type:Number,default:null},timeZone:{type:String,default:"local"}},emits:["click","close-graph","edit","min-max-graph","pause","resize","start","started"],data(){return{api:null,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,interval:null,graphMinY:null,graphMaxY:null,graphStartDateTime:null,graphEndDateTime:null,xAxisItem:this.initialXAxisItem,indexes:{},items:this.initialItems,graphItems:[],lastPlaybackDateTime:null,limitsValues:[],drawInterval:null,zoomChart:!1,zoomOverview:!1,cable:new x.gi,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},itemSubscriptionKeys:function(){return this.items.map(this.subscriptionKey)},allowableXAxisItemPacket:function(){if(!this.canUseCustomXAxisItem||this.items.length===0)return;const{targetName:i,packetName:t}=this.items[0];return{targetName:i,packetName:t}},canUseCustomXAxisItem:function(){if(this.items.length===0)return!0;const{targetName:i,packetName:t}=this.items[0];return this.items.every(s=>s.targetName===i&&s.packetName===t)},actualXAxisItem:function(){return this.canUseCustomXAxisItem&&this.xAxisItem?this.xAxisItem:T},xAxisConverter:function(){return this.xAxisIsDefault?i=>i/1e9:i=>i},xAxisFormatter:function(){return i=>i==null?"--":this.xAxisIsTime?this.formatSeconds(i,this.timeZone):i},xAxisLabel:function(){return this.xAxisIsTime?"Time":this.actualXAxisItem.split("__").at(-2)},xAxisIsDefault:function(){return this.actualXAxisItem===T},xAxisIsTime:function(){const i=["PACKET_TIMESECONDS","RECEIVED_TIMESECONDS"];return this.xAxisIsDefault||i.includes(this.actualXAxisItem.split("__").at(4))},xAxisIsAlsoGraphedItem:function(){return this.itemSubscriptionKeys.includes(this.actualXAxisItem)},playbackMode:function(){return this.$store.state.playback.playbackMode},playbackDateTime:function(){return this.$store.state.playback.playbackDateTime},playbackStep:function(){return this.$store.state.playback.playbackStep}},watch:{state:function(i,t){switch(i){case"start":t==="stop"&&this.startGraph();break;case"stop":this.stopGraph();break}},playbackMode:function(i,t){this.playbackMode==="playback"?this.setupPlaybackMode():(this.lastPlaybackDateTime=null,this.clearAllData(),this.startGraph())},playbackDateTime:function(i,t){this.playbackMode==="playback"&&(this.lastPlaybackDateTime===null||this.lastPlaybackDateTime>this.playbackDateTime?this.clearAllData():this.api.get_tlm_values(this.graphItems,30,null,this.lastPlaybackDateTime,this.playbackDateTime).then(s=>{if(s.length>0){if(Array.isArray(s[0])&&Array.isArray(s[0][0]))for(let a=0;a<s.length;a++)for(let l=0;l<s[a].length;l++)if(l===0){let o=s[a][l][0],n=new Date(o);this.data[0].push(n.getTime()/1e3)}else this.data[l].push(s[a][l][0]);else if(Array.isArray(s)&&s.length>=2)for(let a=0;a<s.length;a++)if(a===0){let l=s[a][0],o=new Date(l);this.data[0].push(o.getTime()/1e3)}else this.data[a].push(s[a][0])}this.dataChanged=!0,this.updateGraphData()}),this.lastPlaybackDateTime=this.playbackDateTime)},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)},actualXAxisItem:function(i,t){let s=JSON.parse(JSON.stringify(this.items));this.removeItems(s),this.graph.destroy(),this.chartOpts.series[0].label=this.xAxisLabel,this.chartOpts.scales.x.time=this.xAxisIsTime,this.graph=new x.uPlot(this.chartOpts,this.data,document.getElementById(`chart${this.id}`)),this.hideOverview||(this.overview.destroy(),this.overviewOpts.scales.x.time=this.xAxisIsTime,this.overview=new x.uPlot(this.overviewOpts,this.data,document.getElementById(`overview${this.id}`))),this.addItems(s)},refreshIntervalMs:function(i){this.interval&&(clearInterval(this.interval),this.interval=setInterval(()=>{this.updateGraphData()},i))}},created(){this.api=new x.yi,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((s,a)=>{const l={spanGaps:!0};return s.chartSeries.push({...l,item:a,label:this.formatLabel(a),stroke:(o,n)=>this.items[n-1].color,width:2,value:(o,n)=>typeof n=="string"||isNaN(n)?"NaN":n==null?"--":n.toFixed(3)}),s.overviewSeries.push({...l}),s},{chartSeries:[],overviewSeries:[]});if(this.chartOpts={},this.sparkline)this.hideToolbarData=!0,this.hideOverviewData=!0,this.showOverview=!1,this.chartOpts={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 x.uPlot(this.chartOpts,this.data,document.getElementById(`chart${this.id}`));else{let s=Intl.DateTimeFormat().resolvedOptions().timeZone;this.timeZone&&this.timeZone!=="local"&&(s=this.timeZone),this.chartOpts={...this.getSize("chart"),...this.getScales(),...this.getAxes("chart"),plugins:[this.linesPlugin()],tzDate:a=>x.uPlot.tzDate(new Date(a*1e3),s),series:[{label:this.xAxisLabel,value:(a,l)=>this.xAxisFormatter(l)},...i],cursor:{drag:{x:!0,y:!1},sync:{key:"openc3"},bind:{mouseup:(a,l,o)=>n=>{this.state==="pause"&&a.select.width===0&&this.$emit("start"),o(n)}}},hooks:{setScale:[(a,l)=>{if(l==="x"&&!this.zoomOverview&&this.overview){this.zoomChart=!0;let o=Math.round(this.overview.valToPos(a.scales.x.min,"x")),n=Math.round(this.overview.valToPos(a.scales.x.max,"x"));this.overview.setSelect({left:o,width:n-o}),this.zoomChart=!1}}],setSelect:[a=>{this.state==="start"&&a.select.width>0&&this.$emit("pause")}],ready:[a=>{a.root.querySelector(".u-over").addEventListener("contextmenu",n=>{n.preventDefault(),this.itemMenu=!1,this.legendMenu=!1,this.editGraphMenuX=n.clientX,this.editGraphMenuY=n.clientY,this.editGraphMenu=!0});let o=a.root.querySelector(".u-legend");o.addEventListener("contextmenu",n=>{n.preventDefault(),this.editGraphMenu=!1,this.legendMenu=!1,this.itemMenuX=n.clientX,this.itemMenuY=n.clientY;let m=n.target.closest(".u-series"),p=Array.prototype.slice.call(o.childNodes[0].childNodes).indexOf(m),d=a.series[p];d.item?(this.selectedItem=d.item,this.itemMenu=!0):(this.itemMenu=!1,this.legendMenuX=n.clientX,this.legendMenuY=n.clientY,this.legendMenu=!0)}),o.querySelector("tbody").appendChild(this.$refs.info)}]}},this.graph=new x.uPlot(this.chartOpts,this.data,document.getElementById(`chart${this.id}`)),this.overviewOpts={...this.getSize("overview"),...this.getScales(),...this.getAxes("overview"),tzDate:a=>x.uPlot.tzDate(new Date(a*1e3),s),series:[...t],cursor:{y:!1,drag:{setScale:!1,x:!0,y:!1}},legend:{show:!1},hooks:{setSelect:[a=>{if(!this.zoomChart){this.state==="start"&&a.select.width>0&&this.$emit("pause"),this.zoomOverview=!0;let l=a.posToVal(a.select.left,"x"),o=a.posToVal(a.select.left+a.select.width,"x");this.graph.setScale("x",{min:l,max:o}),this.zoomOverview=!1}}]}},this.hideOverview||(this.overview=new x.uPlot(this.overviewOpts,this.data,document.getElementById(`overview${this.id}`))),this.moveLegend(this.legendPosition),window.addEventListener("resize",this.resize)}this.playbackMode!=="playback"?this.state!=="stop"&&this.startGraph():this.setupPlaybackMode()},beforeUnmount:function(){this.stopGraph(),this.cable.disconnect(),window.removeEventListener("resize",this.resize)},methods:{setupPlaybackMode:function(){this.stopGraph(),this.clearAllData();const i=this.itemSubscriptionKeys.map(t=>t.split("__").slice(2).join("__"));if(this.actualXAxisItem===T){const t=i[0].split("__").slice(0,2).join("__");i.unshift(`${t}__PACKET_TIMESECONDS__RAW`)}else this.xAxisIsAlsoGraphedItem||i.unshift(this.actualXAxisItem);this.api.get_tlm_available(i).then(t=>{this.graphItems=t,i.length!=t.length&&console.log("Error getting tlm available",i,this.graphItems)})},startGraph:function(){this.subscribe(),this.interval=setInterval(()=>{this.updateGraphData()},this.refreshIntervalMs)},stopGraph:function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null),this.interval&&(clearInterval(this.interval),this.interval=null)},updateGraphData:function(){if(this.state==="pause"||!this.dataChanged)return;this.graph.setData(this.data),this.overview&&this.overview.setData(this.data);const i=this.data[0];if(i&&i.length){let t=i.at(-1);const s=[i.at(0)];this.pointsGraphed<=i.length&&s.push(i.at(-this.pointsGraphed)),this.xAxisIsTime&&s.push(t-this.secondsGraphed);const a=Math.max(...s);a===t&&(t+=1),this.graph.setScale("x",{min:a,max:t})}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,a)=>{let l=s;(this.graphMinY||this.graphMinY===0)&&(l=this.graphMinY);let o=a;return(this.graphMaxY||this.graphMaxY===0)&&(o=this.graphMaxY),x.uPlot.rangeNum(l,o,i,!0)}},subscribe:function(){this.cable.createSubscription("StreamingChannel",window.openc3Scope,{received:i=>this.received(i),connected:()=>{const i=[...this.items];!this.xAxisIsDefault&&!this.xAxisIsAlsoGraphedItem&&i.push(this.actualXAxisItem),this.addItemsToSubscription(i)},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 a=0;(this.legendPosition==="right"||this.legendPosition==="left")&&(a=document.getElementsByClassName("u-legend")[0].clientWidth);const l=Math.max(document.documentElement.clientWidth,window.innerWidth||0)-t-a,o=Math.max(document.documentElement.clientHeight,window.innerHeight||0),n=document.getElementsByClassName("v-expansion-panel")[0];let m=100;i==="overview"?this.fullHeight&&!this.hideOverviewData?this.showOverview=!0:this.showOverview=!1:(m=o-n.clientHeight-m-250,this.fullHeight||(m=m/2+10));let p=l-70;return this.fullWidth||(p=p/2-12),{width:this.width||p,height:this.height||m}},getScales:function(){return{scales:{x:{range(i,t,s){return t==null?this.xAxisIsTime?[1566453600,1566497660]:[0,1]:[t,s]},time:this.xAxisIsTime},y:{range(i,t,s){return t==null?[-100,100]:x.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(a,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,a=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),m=i.valToPos(this.limitsValues[2],"y",!0),p=i.valToPos(this.limitsValues[3],"y",!0);if(this.lines.forEach(d=>{i.scales.y.min<=d.yValue&&d.yValue<=i.scales.y.max&&(t.save(),t.beginPath(),t.strokeStyle=d.color,t.lineWidth=2,t.moveTo(s.left,i.valToPos(d.yValue,"y",!0)),t.lineTo(s.left+s.width,i.valToPos(d.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 d=o<l?l:o;t.fillRect(s.left,o,s.width,a-d)}if(i.scales.y.max>this.limitsValues[3]){let d=a<p?a:p;t.fillRect(s.left,l,s.width,d-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 d=n<l?l:n;t.fillRect(s.left,d,s.width,o-d)}if(i.scales.y.max>this.limitsValues[2]&&i.scales.y.min<this.limitsValues[3]){let d=a<p?a:p,c=a<m?a:m;t.fillRect(s.left,d,s.width,c-d)}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 d=m<l?l:m,c=a<n?a:n;t.fillRect(s.left,d,s.width,c-d)}}else{const d=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=d<l?l:d;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=a<m?a:m,u=a<c?a:c;t.fillRect(s.left,v,s.width,u-v)}t.fillStyle="rgba(0,0,255,0.15)";let w=c<l?l:c,f=a<d?a:d;t.fillRect(s.left,w,s.width,f-w)}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 a=this.data.length;this.graph.addSeries(this.createSeriesConfig(s),a),this.overview&&this.overview.addSeries(this.createOverviewSeriesConfig(),a),this.data.splice(a,0,Array(this.data[0].length)),this.indexes[this.subscriptionKey(s)]=a}),this.updateColorIndex(i),this.xAxisIsDefault||i.push(this.actualXAxisItem),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);const s=i.map(a=>{if(typeof a=="object")return this.subscriptionKey(a);if(typeof a=="string")return a;throw new Error(`Invalid subscription item type for ${a}: ${typeof a}`)});this.subscription&&OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(a=>{a&&OpenC3Auth.setTokens(),this.subscription.perform("add",{scope:window.openc3Scope,token:localStorage.openc3Token,items:s,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){if(this.subscription){const t=i.map(s=>{if(typeof s=="object")return this.subscriptionKey(s);if(typeof s=="string")return s;throw new Error(`Invalid subscription item type for ${s}: ${typeof s}`)});this.subscription.perform("remove",{scope:window.openc3Scope,token:localStorage.openc3Token,items:t})}},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++){if(!i[t].hasOwnProperty(this.actualXAxisItem))continue;let s=this.xAxisConverter(i[t][this.actualXAxisItem]),a=this.data[0].length;if(a===0||s>this.data[0][a-1]){for(let l=0;l<this.data.length;l++)this.data[l].push(null);this.setDataAtIndex(this.data[0].length-1,s,i[t])}else{let l=x.bs(this.data[0],s,this.bsComparator);if(l>=0){if(!Number.isFinite(s))throw new RangeError(`Invalid x-axis value: ${s}`);for(;l>=0;)s-=1e-5,l=x.bs(this.data[0],s,this.bsComparator);const o=-l-1;for(let n=0;n<this.data.length;n++)this.data[n].splice(o,0,null);this.setDataAtIndex(o,s,i[t])}else{const o=-l-1;for(let n=0;n<this.data.length;n++)this.data[n].splice(o,0,null);this.setDataAtIndex(o,s,i[t])}}}if(this.pointsSaved>0&&this.data[0].length>this.pointsSaved+300){const t=this.data[0].length-this.pointsSaved;for(let s=0;s<this.data.length;s++)this.data[s].splice(0,t)}if(this.startTime==null&&this.data[0][0]){let t=this.data[0][0]*1e9;this.$emit("started",t)}this.dataChanged=!0},bsComparator:function(i,t){return i-t},setDataAtIndex:function(i,t,s){this.data[0][i]=t;for(const[a,l]of Object.entries(s)){if(a===this.actualXAxisItem&&!this.xAxisIsAlsoGraphedItem)continue;const o=this.indexes[a];if(o){let n=this.data[o];if(l!=null&&l.raw)n[i]=null;else if(typeof l=="string"){if(n[i]=null,!a.includes("__RAW")){for(let m of this.items)if(this.subscriptionKey(m)===a){this.selectedItem=m;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}}},J={id:"chart",ref:"chart",class:"pa-1"},Q=["id"],$=["id"],ee={key:5,ref:"info",class:"u-series"};function te(i,t,s,a,l,o){const n=e.resolveComponent("v-btn"),m=e.resolveComponent("v-spacer"),p=e.resolveComponent("v-toolbar"),d=e.resolveComponent("v-expand-transition"),c=e.resolveComponent("v-card"),w=e.resolveComponent("graph-edit-dialog"),f=e.resolveComponent("v-text-field"),v=e.resolveComponent("v-row"),u=e.resolveComponent("v-textarea"),C=e.resolveComponent("v-dialog"),g=e.resolveComponent("v-list-item-title"),y=e.resolveComponent("v-list-item"),N=e.resolveComponent("v-list"),b=e.resolveComponent("v-menu"),D=e.resolveComponent("graph-edit-item-dialog"),_=e.resolveComponent("v-list-subheader"),V=e.resolveComponent("v-icon"),A=e.resolveComponent("v-tooltip");return e.openBlock(),e.createElementBlock("div",{onClick:t[22]||(t[22]=e.withModifiers(h=>i.$emit("click"),["prevent"]))},[e.createVNode(c,null,{default:e.withCtx(()=>[e.withDirectives(e.createVNode(p,{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(m),e.createElementVNode("span",null,e.toDisplayString(l.title),1),e.createVNode(m),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(h=>i.$emit("close-graph"),["stop"]))})]),_:1},8,["class"]),[[e.vShow,!l.hideToolbarData]]),e.createVNode(d,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",J,[e.createElementVNode("div",{id:`chart${s.id}`},null,8,Q),t[23]||(t[23]=e.createElementVNode("div",{id:"betweenCharts"},null,-1)),e.withDirectives(e.createElementVNode("div",{id:`overview${s.id}`},null,8,$),[[e.vShow,l.showOverview]])],512),[[e.vShow,l.expand]])]),_:1})]),_:1}),l.editGraph?(e.openBlock(),e.createBlock(w,{key:0,modelValue:l.editGraph,"onUpdate:modelValue":t[3]||(t[3]=h=>l.editGraph=h),"x-axis-item":l.xAxisItem,"onUpdate:xAxisItem":t[4]||(t[4]=h=>l.xAxisItem=h),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,"x-axis-item-packet":o.allowableXAxisItemPacket,onRemove:t[5]||(t[5]=h=>o.removeItems([h])),onOk:o.editGraphClose,onCancel:t[6]||(t[6]=h=>l.editGraph=!1)},null,8,["modelValue","x-axis-item","title","legend-position","items","graph-min-y","graph-max-y","lines","colors","start-date-time","end-date-time","time-zone","x-axis-item-packet","onOk"])):e.createCommentVNode("",!0),e.createVNode(C,{modelValue:l.errorDialog,"onUpdate:modelValue":t[8]||(t[8]=h=>l.errorDialog=h),"max-width":"600"},{default:e.withCtx(()=>[e.createVNode(p,{height:"24"},{default:e.withCtx(()=>[e.createVNode(m),t[24]||(t[24]=e.createElementVNode("span",null," Errors ",-1)),e.createVNode(m)]),_:1}),e.createVNode(c,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(v,{dense:""},{default:e.withCtx(()=>[e.createVNode(f,{modelValue:l.title,"onUpdate:modelValue":t[7]||(t[7]=h=>l.title=h),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","model-value":o.error},null,8,["model-value"])]),_:1}),e.createVNode(v,null,{default:e.withCtx(()=>[e.createVNode(n,{block:"",onClick:o.clearErrors},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode(" Clear ",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"]),l.editGraphMenu?(e.openBlock(),e.createBlock(b,{key:1,modelValue:l.editGraphMenu,"onUpdate:modelValue":t[10]||(t[10]=h=>l.editGraphMenu=h),target:[l.editGraphMenuX,l.editGraphMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(N,null,{default:e.withCtx(()=>[e.createVNode(y,{onClick:t[9]||(t[9]=h=>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(D,{key:2,modelValue:l.editItem,"onUpdate:modelValue":t[11]||(t[11]=h=>l.editItem=h),colors:l.colors,item:l.selectedItem,onChangeColor:o.changeColor,onChangeLimits:o.changeLimits,onCancel:t[12]||(t[12]=h=>l.editItem=!1),onClose:o.closeEditItem},null,8,["modelValue","colors","item","onChangeColor","onChangeLimits","onClose"])):e.createCommentVNode("",!0),l.itemMenu?(e.openBlock(),e.createBlock(b,{key:3,modelValue:l.itemMenu,"onUpdate:modelValue":t[16]||(t[16]=h=>l.itemMenu=h),target:[l.itemMenuX,l.itemMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(N,{nav:"",density:"compact"},{default:e.withCtx(()=>[e.createVNode(_,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(y,{onClick:t[13]||(t[13]=h=>l.editItem=!0)},{prepend:e.withCtx(()=>[e.createVNode(V,{icon:"mdi-pencil"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[...t[26]||(t[26]=[e.createTextVNode(" Edit ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[14]||(t[14]=h=>o.clearData([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(V,{icon:"mdi-eraser"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Clear ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[15]||(t[15]=h=>o.removeItems([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(V,{icon:"mdi-delete"})]),default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[...t[28]||(t[28]=[e.createTextVNode(" Delete ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),l.legendMenu?(e.openBlock(),e.createBlock(b,{key:4,modelValue:l.legendMenu,"onUpdate:modelValue":t[21]||(t[21]=h=>l.legendMenu=h),target:[l.legendMenuX,l.legendMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(N,null,{default:e.withCtx(()=>[e.createVNode(y,{onClick:t[17]||(t[17]=h=>o.moveLegend("top"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[29]||(t[29]=[e.createTextVNode(" Legend Top ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[18]||(t[18]=h=>o.moveLegend("bottom"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[30]||(t[30]=[e.createTextVNode(" Legend Bottom ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[19]||(t[19]=h=>o.moveLegend("left"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[31]||(t[31]=[e.createTextVNode(" Legend Left ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[20]||(t[20]=h=>o.moveLegend("right"))},{default:e.withCtx(()=>[e.createVNode(g,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[32]||(t[32]=[e.createTextVNode(" Legend RIght ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),s.sparkline?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(A,{text:"Click item to toggle, Right click to edit",location:"top"},{activator:e.withCtx(({props:h})=>[e.createVNode(V,e.normalizeProps(e.guardReactiveProps(h)),{default:e.withCtx(()=>[...t[33]||(t[33]=[e.createTextVNode(" mdi-information-variant-circle ",-1)])]),_:1},16)]),_:1})],512))])}const ie=E._export_sfc(Z,[["render",te],["__scopeId","data-v-67dfc974"]]);exports.Graph=ie;exports.GraphEditDialog=P;exports.GraphEditItemDialog=G;
+//# sourceMappingURL=Graph-wDFY6Kd7.cjs.map