@openc3/vue-common 7.0.0 → 7.0.1

package/dist/{Graph-Cy2LrwoK.cjs → Graph-qxF4224c.cjs}

@@ -1,2 +1,2 @@
-"use strict";const P=require("./timeFilters-CRNRsUsb.cjs"),R=require("./OpenC3TimePicker-bbdbKTv_.cjs"),Y=require("./TargetPacketItemChooser-BvXBVNLj.cjs"),e=require("vue"),v=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_c790a82f_lang-MfH160rD.cjs"),E=require("./CustomIcon-8F08upeg.cjs"),T=require("./format-DOZQNf-X.cjs"),O=require("./parse-DgZTYocC.cjs"),U=require("./store-CiS35N-w.cjs"),z={components:{OpenC3TimePicker:R.OpenC3TimePicker,TargetPacketItemChooser:Y.TargetPacketItemChooser},mixins:[P.TimeFilters],props:{modelValue:Boolean,title:{type:String,required:!0},legendPosition:{type:String,required:!0},items:{type:Array,required:!0},graphMinY:{type:Number,required:!0},graphMaxY:{type:Number,required:!0},lines:{type:Array,required:!0},colors:{type:Array,required:!0},startDateTime:{type:Number,default:null},endDateTime:{type:Number,default:null},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 T.isValid(O.parse(i,"yyyy-MM-dd",new Date))||"Invalid date (YYYY-MM-DD)"}catch{return"Invalid date (YYYY-MM-DD)"}},time:i=>{if(!i)return!0;try{return T.isValid(O.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=T.toDate(this.startDateTime/1e6);this.startDate=this.formatDate(i,this.timeZone),this.startTime=this.formatTimeHMS(i,this.timeZone)}else{let i=new Date-36e5;this.startDate=this.formatDate(i,this.timeZone),this.startTime=this.formatTimeHMS(i,this.timeZone)}if(this.endDateTime){let i=T.toDate(this.endDateTime/1e6);this.endDate=this.formatDate(i,this.timeZone),this.endTime=this.formatTimeHMS(i,this.timeZone)}},methods:{closeOk(){this.startDate&&this.startTime?this.graph.startDateTime=this.startDate+" "+this.startTime:this.graph.startDateTime=null,this.endDate&&this.endTime?this.graph.endDateTime=this.endDate+" "+this.endTime:this.graph.endDateTime=null,this.$emit("ok",this.graph)},addLine(){this.graph.lines.push({yValue:0,color:"white"})},removeLine(i){let t=this.graph.lines.indexOf(i);this.graph.lines.splice(t,1)},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)}}}},X={class:"edit-box"},H={class:"edit-box"},q={class:"edit-box"},F={class:"edit-box"},W={class:"edit-box"};function K(i,t,s,a,l,o){const n=e.resolveComponent("v-spacer"),m=e.resolveComponent("v-toolbar"),p=e.resolveComponent("v-tab"),r=e.resolveComponent("v-tabs"),c=e.resolveComponent("v-text-field"),g=e.resolveComponent("v-card-text"),f=e.resolveComponent("v-col"),x=e.resolveComponent("v-select"),u=e.resolveComponent("v-row"),C=e.resolveComponent("OpenC3TimePicker"),N=e.resolveComponent("v-tabs-window-item"),V=e.resolveComponent("v-btn"),y=e.resolveComponent("v-list-item"),w=e.resolveComponent("v-list"),b=e.resolveComponent("v-checkbox"),k=e.resolveComponent("target-packet-item-chooser"),_=e.resolveComponent("v-data-table"),A=e.resolveComponent("v-tabs-window"),S=e.resolveComponent("v-card-actions"),d=e.resolveComponent("v-card"),G=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(G,{modelValue:o.show,"onUpdate:modelValue":t[13]||(t[13]=h=>o.show=h),persistent:"","max-width":"700",onKeydown:t[14]||(t[14]=e.withKeys(h=>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(d,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(r,{modelValue:i.tab,"onUpdate:modelValue":t[0]||(t[0]=h=>i.tab=h),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(A,{modelValue:i.tab,"onUpdate:modelValue":t[11]||(t[11]=h=>i.tab=h)},{default:e.withCtx(()=>[e.createVNode(N,{value:"0",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(g,{class:"pa-0"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.title,"onUpdate:modelValue":t[1]||(t[1]=h=>i.graph.title=h),class:"pb-2",label:"Title","hide-details":""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(x,{modelValue:i.graph.legendPosition,"onUpdate:modelValue":t[2]||(t[2]=h=>i.graph.legendPosition=h),label:"Legend Position","hide-details":"",items:i.legendPositions,style:{"max-width":"280px"}},null,8,["modelValue","items"])]),_:1})]),_:1})]),e.createElementVNode("div",H,[e.createVNode(g,{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]=h=>i.startDate=h),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]=h=>i.startTime=h),label:"Start Time",rules:[i.rules.time]},null,8,["modelValue","rules"])]),_:1})]),_:1}),e.createVNode(g,{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]=h=>i.endDate=h),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]=h=>i.endTime=h),label:"End Time",rules:[i.rules.time]},null,8,["modelValue","rules"])]),_:1})]),_:1})])]),_:1}),e.createVNode(N,{value:"1",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",q,[e.createVNode(g,{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]=h=>i.graph.graphMinY=h),"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]=h=>i.graph.graphMaxY=h),"hide-details":"",label:"Max Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1})]),_:1})]),e.createElementVNode("div",F,[e.createVNode(w,{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(V,{onClick:t[9]||(t[9]=h=>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,(h,M)=>(e.openBlock(),e.createBlock(y,{key:M,value:h,color:"primary"},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:h.yValue,"onUpdate:modelValue":I=>h.yValue=I,label:"Y Value"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(x,{modelValue:h.color,"onUpdate:modelValue":I=>h.color=I,label:"Color","hide-details":"",items:s.colors},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(V,{style:{padding:"30px"},icon:"mdi-delete",variant:"text","aria-label":"Remove Line",onClick:I=>o.removeLine(h)},null,8,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),e.createElementVNode("div",W,[e.createVNode(g,{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]=h=>i.customXAxisEnabled=h),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(g,{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(k,{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(N,{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:h})=>[e.createVNode(V,{icon:"mdi-delete",variant:"text","aria-label":"Remove Item",onClick:M=>i.$emit("remove",h)},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(S,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(n),e.createVNode(V,{variant:"outlined",onClick:t[12]||(t[12]=h=>i.$emit("cancel"))},{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(V,{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 L=E._export_sfc(z,[["render",K]]),j={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 v.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+"")})}},Z={key:0},J={class:"pa-3"};function Q(i,t,s,a,l,o){const n=e.resolveComponent("v-card-title"),m=e.resolveComponent("v-select"),p=e.resolveComponent("v-card-text"),r=e.resolveComponent("v-spacer"),c=e.resolveComponent("v-btn"),g=e.resolveComponent("v-card-actions"),f=e.resolveComponent("v-card"),x=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(x,{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",Z,[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(g,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(r),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 B=E._export_sfc(j,[["render",Q]]),D="__time",$=10,ee={components:{GraphEditDialog:L,GraphEditItemDialog:B},mixins:[P.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},hideLegend:{type:Boolean,default:!1},sparkline:{type:Boolean,default:!1},initialItems:{type:Array,default:()=>[]},initialXAxisItem:{type:String,default:D},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","hide-legend"],setup(){return{store:U.useStore()}},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,legendHidden:this.hideLegend,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 v.bi,subscription:null,needToUpdate:!1,pendingData:[],processingRAF:null,lastRenderTime:0,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:D},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===D},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.playback.playbackMode},playbackDateTime:function(){return this.store.playback.playbackDateTime},playbackStep:function(){return this.store.playback.playbackStep}},watch:{hideLegend:function(i){this.legendHidden=i},legendHidden:function(i){this.applyHideLegend(i)},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.store.updatePlayback({playbackLoading:this.store.playback.playbackLoading+1}),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()}).catch(s=>{console.error("Error fetching playback telemetry:",s)}).finally(()=>{this.store.updatePlayback({playbackLoading:Math.max(0,this.store.playback.playbackLoading-1)})})),this.lastPlaybackDateTime=this.playbackDateTime)},data:function(i,t){this.dataChanged=!0},graphMinY:function(i,t){let s=Number.parseFloat(i);Number.isFinite(s)&&(this.graphMinY=s),this.setGraphRange()},graphMaxY:function(i,t){let s=Number.parseFloat(i);Number.isFinite(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 v.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 v.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 v.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"||Number.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 v.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=>v.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),r=a.series[p];r.item?(this.selectedItem=r.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 v.uPlot(this.chartOpts,this.data,document.getElementById(`chart${this.id}`)),this.overviewOpts={...this.getSize("overview"),...this.getScales(),...this.getAxes("overview"),tzDate:a=>v.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 v.uPlot(this.overviewOpts,this.data,document.getElementById(`overview${this.id}`))),this.moveLegend(this.legendPosition),this.applyHideLegend(this.legendHidden),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===D){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.processingRAF!==null&&(cancelAnimationFrame(this.processingRAF),this.processingRAF=null),this.pendingData=[],this.subscription&&(this.subscription.unsubscribe(),this.subscription=null),this.interval&&(clearInterval(this.interval),this.interval=null)},updateGraphData:function(){if(this.state==="pause"||!this.dataChanged||(this.pendingData.length>0||this.processingRAF!==null)&&performance.now()-this.lastRenderTime<1e3)return;this.graph.setData(this.data),this.overview&&this.overview.setData(this.data),this.lastRenderTime=performance.now();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})`}},applyHideLegend:function(i){if(!this.graph)return;const t=this.graph.root.querySelector(".u-legend");t&&(t.style.display=i?"none":""),this.resize()},legendHide:function(){this.legendHidden=!0,this.$emit("hide-legend")},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&&(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),v.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]:v.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(r=>{i.scales.y.min<=r.yValue&&r.yValue<=i.scales.y.max&&(t.save(),t.beginPath(),t.strokeStyle=r.color,t.lineWidth=2,t.moveTo(s.left,i.valToPos(r.yValue,"y",!0)),t.lineTo(s.left+s.width,i.valToPos(r.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 r=o<l?l:o;t.fillRect(s.left,o,s.width,a-r)}if(i.scales.y.max>this.limitsValues[3]){let r=a<p?a:p;t.fillRect(s.left,l,s.width,r-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 r=n<l?l:n;t.fillRect(s.left,r,s.width,o-r)}if(i.scales.y.max>this.limitsValues[2]&&i.scales.y.min<this.limitsValues[3]){let r=a<p?a:p,c=a<m?a:m;t.fillRect(s.left,r,s.width,c-r)}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 r=m<l?l:m,c=a<n?a:n;t.fillRect(s.left,r,s.width,c-r)}}else{const r=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 x=r<l?l:r;t.fillRect(s.left,x,s.width,n-x)}if(i.scales.y.max>this.limitsValues[5]&&i.scales.y.min<this.limitsValues[2]){let x=a<m?a:m,u=a<c?a:c;t.fillRect(s.left,x,s.width,u-x)}t.fillStyle="rgba(0,0,255,0.15)";let g=c<l?l:c,f=a<r?a:r;t.fillRect(s.left,g,s.width,f-g)}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||=t,s.color||=this.colors[this.colorIndex],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"||Number.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(),this.pendingData.push(i),this.processingRAF===null&&(this.processingRAF=requestAnimationFrame(()=>this.processReceivedData()))},processReceivedData:function(){this.processingRAF=null;const i=performance.now();for(;this.pendingData.length>0;){const t=this.pendingData.shift();if(this.processDataBatch(t),performance.now()-i>$&&this.pendingData.length>0){this.processingRAF=requestAnimationFrame(()=>this.processReceivedData());break}}},processDataBatch:function(i){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 if(s===this.data[0][a-1])this.setDataAtIndex(a-1,s,i[t]);else{let l=v.bs(this.data[0],s,this.bsComparator);if(l>=0)this.setDataAtIndex(l,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?.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}}},te={id:"chart",ref:"chart",class:"pa-1"},ie=["id"],se=["id"],le={key:5,ref:"info",class:"u-series"};function ae(i,t,s,a,l,o){const n=e.resolveComponent("v-btn"),m=e.resolveComponent("v-icon"),p=e.resolveComponent("v-tooltip"),r=e.resolveComponent("v-spacer"),c=e.resolveComponent("v-toolbar"),g=e.resolveComponent("v-expand-transition"),f=e.resolveComponent("v-card"),x=e.resolveComponent("graph-edit-dialog"),u=e.resolveComponent("v-text-field"),C=e.resolveComponent("v-row"),N=e.resolveComponent("v-textarea"),V=e.resolveComponent("v-dialog"),y=e.resolveComponent("v-list-item-title"),w=e.resolveComponent("v-list-item"),b=e.resolveComponent("v-list"),k=e.resolveComponent("v-menu"),_=e.resolveComponent("graph-edit-item-dialog"),A=e.resolveComponent("v-list-subheader"),S=e.resolveComponent("v-divider");return e.openBlock(),e.createElementBlock("div",{onClick:t[22]||(t[22]=e.withModifiers(d=>i.$emit("click"),["prevent"]))},[e.createVNode(f,null,{default:e.withCtx(()=>[e.withDirectives(e.createVNode(c,{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})}),l.legendHidden?(e.openBlock(),e.createBlock(p,{key:0,text:"Legend hidden. Restore via Graph > Settings dialog.",location:"bottom"},{activator:e.withCtx(({props:d})=>[e.createVNode(m,e.mergeProps(d,{size:"small",class:"mx-1"}),{default:e.withCtx(()=>[...t[23]||(t[23]=[e.createTextVNode(" mdi-information-outline ",-1)])]),_:1},16)]),_:1})):e.createCommentVNode("",!0),e.createVNode(r),e.createElementVNode("span",null,e.toDisplayString(l.title),1),e.createVNode(r),l.expand?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[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:2,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:3,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(d=>i.$emit("close-graph"),["stop"]))})]),_:1},8,["class"]),[[e.vShow,!l.hideToolbarData]]),e.createVNode(g,{onAfterEnter:o.resize},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",te,[e.createElementVNode("div",{id:`chart${s.id}`},null,8,ie),t[24]||(t[24]=e.createElementVNode("div",{id:"betweenCharts"},null,-1)),e.withDirectives(e.createElementVNode("div",{id:`overview${s.id}`},null,8,se),[[e.vShow,l.showOverview]])],512),[[e.vShow,l.expand]])]),_:1},8,["onAfterEnter"])]),_:1}),l.editGraph?(e.openBlock(),e.createBlock(x,{key:0,modelValue:l.editGraph,"onUpdate:modelValue":t[3]||(t[3]=d=>l.editGraph=d),"x-axis-item":l.xAxisItem,"onUpdate:xAxisItem":t[4]||(t[4]=d=>l.xAxisItem=d),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]=d=>o.removeItems([d])),onOk:o.editGraphClose,onCancel:t[6]||(t[6]=d=>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(V,{modelValue:l.errorDialog,"onUpdate:modelValue":t[8]||(t[8]=d=>l.errorDialog=d),"max-width":"600"},{default:e.withCtx(()=>[e.createVNode(c,{height:"24"},{default:e.withCtx(()=>[e.createVNode(r),t[25]||(t[25]=e.createElementVNode("span",null," Errors ",-1)),e.createVNode(r)]),_:1}),e.createVNode(f,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(C,{dense:""},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:l.title,"onUpdate:modelValue":t[7]||(t[7]=d=>l.title=d),readonly:"","hide-details":"",class:"pb-2",label:"Graph Title"},null,8,["modelValue"])]),_:1}),e.createVNode(C,{class:"my-3"},{default:e.withCtx(()=>[e.createVNode(N,{readonly:"",rows:"8","model-value":o.error},null,8,["model-value"])]),_:1}),e.createVNode(C,null,{default:e.withCtx(()=>[e.createVNode(n,{block:"",onClick:o.clearErrors},{default:e.withCtx(()=>[...t[26]||(t[26]=[e.createTextVNode(" Clear ",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"]),l.editGraphMenu?(e.openBlock(),e.createBlock(k,{key:1,modelValue:l.editGraphMenu,"onUpdate:modelValue":t[10]||(t[10]=d=>l.editGraphMenu=d),target:[l.editGraphMenuX,l.editGraphMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(b,null,{default:e.withCtx(()=>[e.createVNode(w,{onClick:t[9]||(t[9]=d=>l.editGraph=!0)},{default:e.withCtx(()=>[e.createVNode(y,{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(_,{key:2,modelValue:l.editItem,"onUpdate:modelValue":t[11]||(t[11]=d=>l.editItem=d),colors:l.colors,item:l.selectedItem,onChangeColor:o.changeColor,onChangeLimits:o.changeLimits,onCancel:t[12]||(t[12]=d=>l.editItem=!1),onClose:o.closeEditItem},null,8,["modelValue","colors","item","onChangeColor","onChangeLimits","onClose"])):e.createCommentVNode("",!0),l.itemMenu?(e.openBlock(),e.createBlock(k,{key:3,modelValue:l.itemMenu,"onUpdate:modelValue":t[16]||(t[16]=d=>l.itemMenu=d),target:[l.itemMenuX,l.itemMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(b,{nav:"",density:"compact"},{default:e.withCtx(()=>[e.createVNode(A,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(w,{onClick:t[13]||(t[13]=d=>l.editItem=!0)},{prepend:e.withCtx(()=>[e.createVNode(m,{icon:"mdi-pencil"})]),default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Edit ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[14]||(t[14]=d=>o.clearData([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(m,{icon:"mdi-eraser"})]),default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[...t[28]||(t[28]=[e.createTextVNode(" Clear ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[15]||(t[15]=d=>o.removeItems([l.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(m,{icon:"mdi-delete"})]),default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[...t[29]||(t[29]=[e.createTextVNode(" Delete ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),l.legendMenu?(e.openBlock(),e.createBlock(k,{key:4,modelValue:l.legendMenu,"onUpdate:modelValue":t[21]||(t[21]=d=>l.legendMenu=d),target:[l.legendMenuX,l.legendMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(b,null,{default:e.withCtx(()=>[e.createVNode(w,{onClick:t[17]||(t[17]=d=>o.moveLegend("top"))},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[30]||(t[30]=[e.createTextVNode(" Legend Top ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[18]||(t[18]=d=>o.moveLegend("bottom"))},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[31]||(t[31]=[e.createTextVNode(" Legend Bottom ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[19]||(t[19]=d=>o.moveLegend("left"))},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[32]||(t[32]=[e.createTextVNode(" Legend Left ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[20]||(t[20]=d=>o.moveLegend("right"))},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[33]||(t[33]=[e.createTextVNode(" Legend Right ",-1)])]),_:1})]),_:1}),e.createVNode(S),e.createVNode(w,{onClick:o.legendHide},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[34]||(t[34]=[e.createTextVNode(" Hide Legend ",-1)])]),_:1})]),_:1},8,["onClick"])]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),s.sparkline?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(p,{text:"Click item to toggle, Right click to edit",location:"top"},{activator:e.withCtx(({props:d})=>[e.createVNode(m,e.normalizeProps(e.guardReactiveProps(d)),{default:e.withCtx(()=>[...t[35]||(t[35]=[e.createTextVNode(" mdi-information-variant-circle ",-1)])]),_:1},16)]),_:1})],512))])}const oe=E._export_sfc(ee,[["render",ae],["__scopeId","data-v-9a6fea0f"]]);exports.Graph=oe;exports.GraphEditDialog=L;exports.GraphEditItemDialog=B;
-//# sourceMappingURL=Graph-Cy2LrwoK.cjs.map
+"use strict";const P=require("./timeFilters-CRNRsUsb.cjs"),R=require("./OpenC3TimePicker-Yl1jVi7p.cjs"),Y=require("./TargetPacketItemChooser-C0Z90rss.cjs"),e=require("vue"),v=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_c790a82f_lang-eKtA_EtD.cjs"),E=require("./CustomIcon-8F08upeg.cjs"),I=require("./format-DOZQNf-X.cjs"),O=require("./parse-DgZTYocC.cjs"),U=require("./store-CiS35N-w.cjs"),z={components:{OpenC3TimePicker:R.OpenC3TimePicker,TargetPacketItemChooser:Y.TargetPacketItemChooser},mixins:[P.TimeFilters],props:{modelValue:Boolean,title:{type:String,required:!0},legendPosition:{type:String,required:!0},items:{type:Array,required:!0},graphMinY:{type:Number,required:!0},graphMaxY:{type:Number,required:!0},lines:{type:Array,required:!0},colors:{type:Array,required:!0},startDateTime:{type:Number,default:null},endDateTime:{type:Number,default:null},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(O.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(O.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)}}}},X={class:"edit-box"},H={class:"edit-box"},q={class:"edit-box"},F={class:"edit-box"},W={class:"edit-box"};function K(i,t,s,l,a,o){const n=e.resolveComponent("v-spacer"),m=e.resolveComponent("v-toolbar"),p=e.resolveComponent("v-tab"),r=e.resolveComponent("v-tabs"),c=e.resolveComponent("v-text-field"),g=e.resolveComponent("v-card-text"),f=e.resolveComponent("v-col"),x=e.resolveComponent("v-select"),u=e.resolveComponent("v-row"),C=e.resolveComponent("OpenC3TimePicker"),N=e.resolveComponent("v-tabs-window-item"),V=e.resolveComponent("v-btn"),y=e.resolveComponent("v-list-item"),w=e.resolveComponent("v-list"),b=e.resolveComponent("v-checkbox"),k=e.resolveComponent("target-packet-item-chooser"),_=e.resolveComponent("v-data-table"),A=e.resolveComponent("v-tabs-window"),S=e.resolveComponent("v-card-actions"),d=e.resolveComponent("v-card"),G=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(G,{modelValue:o.show,"onUpdate:modelValue":t[13]||(t[13]=h=>o.show=h),persistent:"","max-width":"700",onKeydown:t[14]||(t[14]=e.withKeys(h=>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(d,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(r,{modelValue:i.tab,"onUpdate:modelValue":t[0]||(t[0]=h=>i.tab=h),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(A,{modelValue:i.tab,"onUpdate:modelValue":t[11]||(t[11]=h=>i.tab=h)},{default:e.withCtx(()=>[e.createVNode(N,{value:"0",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",X,[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(g,{class:"pa-0"},{default:e.withCtx(()=>[e.createVNode(c,{modelValue:i.graph.title,"onUpdate:modelValue":t[1]||(t[1]=h=>i.graph.title=h),class:"pb-2",label:"Title","hide-details":""},null,8,["modelValue"])]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(x,{modelValue:i.graph.legendPosition,"onUpdate:modelValue":t[2]||(t[2]=h=>i.graph.legendPosition=h),label:"Legend Position","hide-details":"",items:i.legendPositions,style:{"max-width":"280px"}},null,8,["modelValue","items"])]),_:1})]),_:1})]),e.createElementVNode("div",H,[e.createVNode(g,{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]=h=>i.startDate=h),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]=h=>i.startTime=h),label:"Start Time",rules:[i.rules.time]},null,8,["modelValue","rules"])]),_:1})]),_:1}),e.createVNode(g,{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]=h=>i.endDate=h),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]=h=>i.endTime=h),label:"End Time",rules:[i.rules.time]},null,8,["modelValue","rules"])]),_:1})]),_:1})])]),_:1}),e.createVNode(N,{value:"1",eager:""},{default:e.withCtx(()=>[e.createElementVNode("div",q,[e.createVNode(g,{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]=h=>i.graph.graphMinY=h),"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]=h=>i.graph.graphMaxY=h),"hide-details":"",label:"Max Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1})]),_:1})]),e.createElementVNode("div",F,[e.createVNode(w,{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(V,{onClick:t[9]||(t[9]=h=>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,(h,M)=>(e.openBlock(),e.createBlock(y,{key:M,value:h,color:"primary"},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(c,{modelValue:h.yValue,"onUpdate:modelValue":T=>h.yValue=T,label:"Y Value"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(x,{modelValue:h.color,"onUpdate:modelValue":T=>h.color=T,label:"Color","hide-details":"",items:s.colors},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024),e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(V,{style:{padding:"30px"},icon:"mdi-delete",variant:"text","aria-label":"Remove Line",onClick:T=>o.removeLine(h)},null,8,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),e.createElementVNode("div",W,[e.createVNode(g,{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]=h=>i.customXAxisEnabled=h),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(g,{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(k,{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(N,{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:h})=>[e.createVNode(V,{icon:"mdi-delete",variant:"text","aria-label":"Remove Item",onClick:M=>i.$emit("remove",h)},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(S,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(n),e.createVNode(V,{variant:"outlined",onClick:t[12]||(t[12]=h=>i.$emit("cancel"))},{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Cancel ",-1)])]),_:1}),e.createVNode(V,{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 L=E._export_sfc(z,[["render",K]]),j={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 v.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+"")})}},Z={key:0},J={class:"pa-3"};function Q(i,t,s,l,a,o){const n=e.resolveComponent("v-card-title"),m=e.resolveComponent("v-select"),p=e.resolveComponent("v-card-text"),r=e.resolveComponent("v-spacer"),c=e.resolveComponent("v-btn"),g=e.resolveComponent("v-card-actions"),f=e.resolveComponent("v-card"),x=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(x,{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",Z,[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(g,{class:"px-2"},{default:e.withCtx(()=>[e.createVNode(r),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 B=E._export_sfc(j,[["render",Q]]),D="__time",$=10,ee={components:{GraphEditDialog:L,GraphEditItemDialog:B},mixins:[P.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},hideLegend:{type:Boolean,default:!1},sparkline:{type:Boolean,default:!1},initialItems:{type:Array,default:()=>[]},initialXAxisItem:{type:String,default:D},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","hide-legend"],setup(){return{store:U.useStore()}},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,legendHidden:this.hideLegend,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 v.bi,subscription:null,needToUpdate:!1,pendingData:[],processingRAF:null,lastRenderTime:0,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:D},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===D},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.playback.playbackMode},playbackDateTime:function(){return this.store.playback.playbackDateTime},playbackStep:function(){return this.store.playback.playbackStep}},watch:{hideLegend:function(i){this.legendHidden=i},legendHidden:function(i){this.applyHideLegend(i)},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.store.updatePlayback({playbackLoading:this.store.playback.playbackLoading+1}),this.api.get_tlm_values(this.graphItems,30,null,this.lastPlaybackDateTime,this.playbackDateTime).then(s=>{if(s.length>0){const l=Array.isArray(s[0])&&Array.isArray(s[0][0])?s:[s];for(const a of l)for(let o=0;o<a.length;o++)this.data[o].push(a[o][0])}this.dataChanged=!0,this.updateGraphData()}).catch(s=>{console.error("Error fetching playback telemetry:",s)}).finally(()=>{this.store.updatePlayback({playbackLoading:Math.max(0,this.store.playback.playbackLoading-1)})})),this.lastPlaybackDateTime=this.playbackDateTime)},data:function(i,t){this.dataChanged=!0},graphMinY:function(i,t){let s=Number.parseFloat(i);Number.isFinite(s)&&(this.graphMinY=s),this.setGraphRange()},graphMaxY:function(i,t){let s=Number.parseFloat(i);Number.isFinite(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 v.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 v.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 v.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,l)=>{const a={spanGaps:!0};return s.chartSeries.push({...a,item:l,label:this.formatLabel(l),stroke:(o,n)=>this.items[n-1].color,width:2,value:(o,n)=>typeof n=="string"||Number.isNaN(n)?"NaN":n==null?"--":n.toFixed(3)}),s.overviewSeries.push({...a}),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 v.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:l=>v.uPlot.tzDate(new Date(l*1e3),s),series:[{label:this.xAxisLabel,value:(l,a)=>this.xAxisFormatter(a)},...i],cursor:{drag:{x:!0,y:!1},sync:{key:"openc3"},bind:{mouseup:(l,a,o)=>n=>{this.state==="pause"&&l.select.width===0&&this.$emit("start"),o(n)}}},hooks:{setScale:[(l,a)=>{if(a==="x"&&!this.zoomOverview&&this.overview){this.zoomChart=!0;let o=Math.round(this.overview.valToPos(l.scales.x.min,"x")),n=Math.round(this.overview.valToPos(l.scales.x.max,"x"));this.overview.setSelect({left:o,width:n-o}),this.zoomChart=!1}}],setSelect:[l=>{this.state==="start"&&l.select.width>0&&this.$emit("pause")}],ready:[l=>{l.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=l.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),r=l.series[p];r.item?(this.selectedItem=r.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 v.uPlot(this.chartOpts,this.data,document.getElementById(`chart${this.id}`)),this.overviewOpts={...this.getSize("overview"),...this.getScales(),...this.getAxes("overview"),tzDate:l=>v.uPlot.tzDate(new Date(l*1e3),s),series:[...t],cursor:{y:!1,drag:{setScale:!1,x:!0,y:!1}},legend:{show:!1},hooks:{setSelect:[l=>{if(!this.zoomChart){this.state==="start"&&l.select.width>0&&this.$emit("pause"),this.zoomOverview=!0;let a=l.posToVal(l.select.left,"x"),o=l.posToVal(l.select.left+l.select.width,"x");this.graph.setScale("x",{min:a,max:o}),this.zoomOverview=!1}}]}},this.hideOverview||(this.overview=new v.uPlot(this.overviewOpts,this.data,document.getElementById(`overview${this.id}`))),this.moveLegend(this.legendPosition),this.applyHideLegend(this.legendHidden),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===D){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.processingRAF!==null&&(cancelAnimationFrame(this.processingRAF),this.processingRAF=null),this.pendingData=[],this.subscription&&(this.subscription.unsubscribe(),this.subscription=null),this.interval&&(clearInterval(this.interval),this.interval=null)},updateGraphData:function(){if(this.state==="pause"||!this.dataChanged||(this.pendingData.length>0||this.processingRAF!==null)&&performance.now()-this.lastRenderTime<1e3)return;this.graph.setData(this.data),this.overview&&this.overview.setData(this.data),this.lastRenderTime=performance.now();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 l=Math.max(...s);l===t&&(t+=1),this.graph.setScale("x",{min:l,max:t})}else if(this.graphStartDateTime){const t=this.graphStartDateTime/1e9,s=this.graphEndDateTime?this.graphEndDateTime/1e9:Date.now()/1e3;this.graph.setScale("x",{min:t,max:s}),this.$notify.caution({title:"Empty graph data",body:"No data was returned for the selected time range."})}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})`}},applyHideLegend:function(i){if(!this.graph)return;const t=this.graph.root.querySelector(".u-legend");t&&(t.style.display=i?"none":""),this.resize()},legendHide:function(){this.legendHidden=!0,this.$emit("hide-legend")},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&&(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,l)=>{let a=s;(this.graphMinY||this.graphMinY===0)&&(a=this.graphMinY);let o=l;return(this.graphMaxY||this.graphMaxY===0)&&(o=this.graphMaxY),v.uPlot.rangeNum(a,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 l=0;(this.legendPosition==="right"||this.legendPosition==="left")&&(l=document.getElementsByClassName("u-legend")[0].clientWidth);const a=Math.max(document.documentElement.clientWidth,window.innerWidth||0)-t-l,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=a-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)=>{if(t==null){if(this.graphStartDateTime){const l=this.graphEndDateTime?this.graphEndDateTime/1e9:Date.now()/1e3;return[this.graphStartDateTime/1e9,l]}if(this.xAxisIsTime){const l=Date.now()/1e3;return[l-3600,l]}return[0,1]}return[t,s]},time:this.xAxisIsTime},y:{range:(i,t,s)=>t==null?[-100,100]:v.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(l,a){return(a.some(o=>o>=1e7)||a.every(o=>o<.01))&&(a=a.map(o=>o.toExponential(3))),a}}]}},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,l=i.valToPos(i.scales.y.min,"y",!0),a=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(r=>{i.scales.y.min<=r.yValue&&r.yValue<=i.scales.y.max&&(t.save(),t.beginPath(),t.strokeStyle=r.color,t.lineWidth=2,t.moveTo(s.left,i.valToPos(r.yValue,"y",!0)),t.lineTo(s.left+s.width,i.valToPos(r.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 r=o<a?a:o;t.fillRect(s.left,o,s.width,l-r)}if(i.scales.y.max>this.limitsValues[3]){let r=l<p?l:p;t.fillRect(s.left,a,s.width,r-a)}if(t.fillStyle="rgba(255,255,0,0.15)",i.scales.y.min<this.limitsValues[1]&&i.scales.y.max>this.limitsValues[0]){let r=n<a?a:n;t.fillRect(s.left,r,s.width,o-r)}if(i.scales.y.max>this.limitsValues[2]&&i.scales.y.min<this.limitsValues[3]){let r=l<p?l:p,c=l<m?l:m;t.fillRect(s.left,r,s.width,c-r)}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 r=m<a?a:m,c=l<n?l:n;t.fillRect(s.left,r,s.width,c-r)}}else{const r=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 x=r<a?a:r;t.fillRect(s.left,x,s.width,n-x)}if(i.scales.y.max>this.limitsValues[5]&&i.scales.y.min<this.limitsValues[2]){let x=l<m?l:m,u=l<c?l:c;t.fillRect(s.left,x,s.width,u-x)}t.fillStyle="rgba(0,0,255,0.15)";let g=c<a?a:c,f=l<r?l:r;t.fillRect(s.left,g,s.width,f-g)}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||=t,s.color||=this.colors[this.colorIndex],s.limits||=[],s.limits.length>0&&(this.limitsValues=s.limits),this.colorIndex=(this.colorIndex+1)%this.colors.length,this.items.push(s);const l=this.data.length;this.graph.addSeries(this.createSeriesConfig(s),l),this.overview&&this.overview.addSeries(this.createOverviewSeriesConfig(),l),this.data.splice(l,0,Array(this.data[0].length)),this.indexes[this.subscriptionKey(s)]=l}),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"||Number.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(l=>{if(typeof l=="object")return this.subscriptionKey(l);if(typeof l=="string")return l;throw new Error(`Invalid subscription item type for ${l}: ${typeof l}`)});this.subscription&&OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(l=>{l&&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(),this.pendingData.push(i),this.processingRAF===null&&(this.processingRAF=requestAnimationFrame(()=>this.processReceivedData()))},processReceivedData:function(){this.processingRAF=null;const i=performance.now();for(;this.pendingData.length>0;){const t=this.pendingData.shift();if(this.processDataBatch(t),performance.now()-i>$&&this.pendingData.length>0){this.processingRAF=requestAnimationFrame(()=>this.processReceivedData());break}}},processDataBatch:function(i){for(let t=0;t<i.length;t++){if(!i[t].hasOwnProperty(this.actualXAxisItem))continue;let s=this.xAxisConverter(i[t][this.actualXAxisItem]),l=this.data[0].length;if(l===0||s>this.data[0][l-1]){for(let a=0;a<this.data.length;a++)this.data[a].push(null);this.setDataAtIndex(this.data[0].length-1,s,i[t])}else if(s===this.data[0][l-1])this.setDataAtIndex(l-1,s,i[t]);else{let a=v.bs(this.data[0],s,this.bsComparator);if(a>=0)this.setDataAtIndex(a,s,i[t]);else{const o=-a-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[l,a]of Object.entries(s)){if(l===this.actualXAxisItem&&!this.xAxisIsAlsoGraphedItem)continue;const o=this.indexes[l];if(o){let n=this.data[o];if(a?.raw)n[i]=null;else if(typeof a=="string"){if(n[i]=null,!l.includes("__RAW")){for(let m of this.items)if(this.subscriptionKey(m)===l){this.selectedItem=m;break}this.changeItem({valueType:"RAW",reduced:this.selectedItem.reduced,reducedType:this.selectedItem.reducedType})}}else n[i]=a}}},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}}},te={id:"chart",ref:"chart",class:"pa-1"},ie=["id"],se=["id"],ae={key:5,ref:"info",class:"u-series"};function le(i,t,s,l,a,o){const n=e.resolveComponent("v-btn"),m=e.resolveComponent("v-icon"),p=e.resolveComponent("v-tooltip"),r=e.resolveComponent("v-spacer"),c=e.resolveComponent("v-toolbar"),g=e.resolveComponent("v-expand-transition"),f=e.resolveComponent("v-card"),x=e.resolveComponent("graph-edit-dialog"),u=e.resolveComponent("v-text-field"),C=e.resolveComponent("v-row"),N=e.resolveComponent("v-textarea"),V=e.resolveComponent("v-dialog"),y=e.resolveComponent("v-list-item-title"),w=e.resolveComponent("v-list-item"),b=e.resolveComponent("v-list"),k=e.resolveComponent("v-menu"),_=e.resolveComponent("graph-edit-item-dialog"),A=e.resolveComponent("v-list-subheader"),S=e.resolveComponent("v-divider");return e.openBlock(),e.createElementBlock("div",{onClick:t[22]||(t[22]=e.withModifiers(d=>i.$emit("click"),["prevent"]))},[e.createVNode(f,null,{default:e.withCtx(()=>[e.withDirectives(e.createVNode(c,{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]=()=>{a.errorDialog=!0})},null,512),[[e.vShow,a.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]=()=>{a.editGraph=!0})}),a.legendHidden?(e.openBlock(),e.createBlock(p,{key:0,text:"Legend hidden. Restore via Graph > Settings dialog.",location:"bottom"},{activator:e.withCtx(({props:d})=>[e.createVNode(m,e.mergeProps(d,{size:"small",class:"mx-1"}),{default:e.withCtx(()=>[...t[23]||(t[23]=[e.createTextVNode(" mdi-information-outline ",-1)])]),_:1},16)]),_:1})):e.createCommentVNode("",!0),e.createVNode(r),e.createElementVNode("span",null,e.toDisplayString(a.title),1),e.createVNode(r),a.expand?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[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"])),a.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"])),a.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),a.expand?(e.openBlock(),e.createBlock(n,{key:2,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:3,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(d=>i.$emit("close-graph"),["stop"]))})]),_:1},8,["class"]),[[e.vShow,!a.hideToolbarData]]),e.createVNode(g,{onAfterEnter:o.resize},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",te,[e.createElementVNode("div",{id:`chart${s.id}`},null,8,ie),t[24]||(t[24]=e.createElementVNode("div",{id:"betweenCharts"},null,-1)),e.withDirectives(e.createElementVNode("div",{id:`overview${s.id}`},null,8,se),[[e.vShow,a.showOverview]])],512),[[e.vShow,a.expand]])]),_:1},8,["onAfterEnter"])]),_:1}),a.editGraph?(e.openBlock(),e.createBlock(x,{key:0,modelValue:a.editGraph,"onUpdate:modelValue":t[3]||(t[3]=d=>a.editGraph=d),"x-axis-item":a.xAxisItem,"onUpdate:xAxisItem":t[4]||(t[4]=d=>a.xAxisItem=d),title:a.title,"legend-position":a.legendPosition,items:a.items,"graph-min-y":a.graphMinY,"graph-max-y":a.graphMaxY,lines:a.lines,colors:a.colors,"start-date-time":a.graphStartDateTime,"end-date-time":a.graphEndDateTime,"time-zone":s.timeZone,"x-axis-item-packet":o.allowableXAxisItemPacket,onRemove:t[5]||(t[5]=d=>o.removeItems([d])),onOk:o.editGraphClose,onCancel:t[6]||(t[6]=d=>a.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(V,{modelValue:a.errorDialog,"onUpdate:modelValue":t[8]||(t[8]=d=>a.errorDialog=d),"max-width":"600"},{default:e.withCtx(()=>[e.createVNode(c,{height:"24"},{default:e.withCtx(()=>[e.createVNode(r),t[25]||(t[25]=e.createElementVNode("span",null," Errors ",-1)),e.createVNode(r)]),_:1}),e.createVNode(f,{class:"pa-3"},{default:e.withCtx(()=>[e.createVNode(C,{dense:""},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:a.title,"onUpdate:modelValue":t[7]||(t[7]=d=>a.title=d),readonly:"","hide-details":"",class:"pb-2",label:"Graph Title"},null,8,["modelValue"])]),_:1}),e.createVNode(C,{class:"my-3"},{default:e.withCtx(()=>[e.createVNode(N,{readonly:"",rows:"8","model-value":o.error},null,8,["model-value"])]),_:1}),e.createVNode(C,null,{default:e.withCtx(()=>[e.createVNode(n,{block:"",onClick:o.clearErrors},{default:e.withCtx(()=>[...t[26]||(t[26]=[e.createTextVNode(" Clear ",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"]),a.editGraphMenu?(e.openBlock(),e.createBlock(k,{key:1,modelValue:a.editGraphMenu,"onUpdate:modelValue":t[10]||(t[10]=d=>a.editGraphMenu=d),target:[a.editGraphMenuX,a.editGraphMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(b,null,{default:e.withCtx(()=>[e.createVNode(w,{onClick:t[9]||(t[9]=d=>a.editGraph=!0)},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[e.createTextVNode(" Edit "+e.toDisplayString(a.title),1)]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),a.editItem?(e.openBlock(),e.createBlock(_,{key:2,modelValue:a.editItem,"onUpdate:modelValue":t[11]||(t[11]=d=>a.editItem=d),colors:a.colors,item:a.selectedItem,onChangeColor:o.changeColor,onChangeLimits:o.changeLimits,onCancel:t[12]||(t[12]=d=>a.editItem=!1),onClose:o.closeEditItem},null,8,["modelValue","colors","item","onChangeColor","onChangeLimits","onClose"])):e.createCommentVNode("",!0),a.itemMenu?(e.openBlock(),e.createBlock(k,{key:3,modelValue:a.itemMenu,"onUpdate:modelValue":t[16]||(t[16]=d=>a.itemMenu=d),target:[a.itemMenuX,a.itemMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(b,{nav:"",density:"compact"},{default:e.withCtx(()=>[e.createVNode(A,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.selectedItem.targetName)+" "+e.toDisplayString(a.selectedItem.packetName)+" "+e.toDisplayString(a.selectedItem.itemName),1)]),_:1}),e.createVNode(w,{onClick:t[13]||(t[13]=d=>a.editItem=!0)},{prepend:e.withCtx(()=>[e.createVNode(m,{icon:"mdi-pencil"})]),default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Edit ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[14]||(t[14]=d=>o.clearData([a.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(m,{icon:"mdi-eraser"})]),default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[...t[28]||(t[28]=[e.createTextVNode(" Clear ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[15]||(t[15]=d=>o.removeItems([a.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(m,{icon:"mdi-delete"})]),default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[...t[29]||(t[29]=[e.createTextVNode(" Delete ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),a.legendMenu?(e.openBlock(),e.createBlock(k,{key:4,modelValue:a.legendMenu,"onUpdate:modelValue":t[21]||(t[21]=d=>a.legendMenu=d),target:[a.legendMenuX,a.legendMenuY],absolute:""},{default:e.withCtx(()=>[e.createVNode(b,null,{default:e.withCtx(()=>[e.createVNode(w,{onClick:t[17]||(t[17]=d=>o.moveLegend("top"))},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[30]||(t[30]=[e.createTextVNode(" Legend Top ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[18]||(t[18]=d=>o.moveLegend("bottom"))},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[31]||(t[31]=[e.createTextVNode(" Legend Bottom ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[19]||(t[19]=d=>o.moveLegend("left"))},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[32]||(t[32]=[e.createTextVNode(" Legend Left ",-1)])]),_:1})]),_:1}),e.createVNode(w,{onClick:t[20]||(t[20]=d=>o.moveLegend("right"))},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[33]||(t[33]=[e.createTextVNode(" Legend Right ",-1)])]),_:1})]),_:1}),e.createVNode(S),e.createVNode(w,{onClick:o.legendHide},{default:e.withCtx(()=>[e.createVNode(y,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[34]||(t[34]=[e.createTextVNode(" Hide Legend ",-1)])]),_:1})]),_:1},8,["onClick"])]),_:1})]),_:1},8,["modelValue","target"])):e.createCommentVNode("",!0),s.sparkline?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ae,[e.createVNode(p,{text:"Click item to toggle, Right click to edit",location:"top"},{activator:e.withCtx(({props:d})=>[e.createVNode(m,e.normalizeProps(e.guardReactiveProps(d)),{default:e.withCtx(()=>[...t[35]||(t[35]=[e.createTextVNode(" mdi-information-variant-circle ",-1)])]),_:1},16)]),_:1})],512))])}const oe=E._export_sfc(ee,[["render",le],["__scopeId","data-v-ad552f57"]]);exports.Graph=oe;exports.GraphEditDialog=L;exports.GraphEditItemDialog=B;
+//# sourceMappingURL=Graph-qxF4224c.cjs.map