@openc3/vue-common 7.0.1 → 7.1.0

package/dist/Graph-BUqdz6gu.cjs

@@ -0,0 +1,2 @@
+"use strict";const P=require("./timeFilters-BtN2a5-O.cjs"),C=require("./format-qjtPogBb.cjs"),R=require("./OpenC3TimePicker-CVUV2cK4.cjs"),Y=require("./TargetPacketItemChooser-xoRA3b9K.cjs"),e=require("vue"),w=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_c790a82f_lang-CTNR19Zt.cjs"),S=require("./CustomIcon-8F08upeg.cjs"),O=require("./parse-D8syXcjd.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 C.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 C.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=C.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=C.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"),v=e.resolveComponent("v-select"),u=e.resolveComponent("v-row"),N=e.resolveComponent("OpenC3TimePicker"),b=e.resolveComponent("v-tabs-window-item"),V=e.resolveComponent("v-btn"),x=e.resolveComponent("v-list-item"),y=e.resolveComponent("v-list"),k=e.resolveComponent("v-checkbox"),T=e.resolveComponent("target-packet-item-chooser"),_=e.resolveComponent("v-data-table"),A=e.resolveComponent("v-tabs-window"),E=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(b,{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(v,{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(N,{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(N,{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(b,{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(y,{density:"compact",class:"horizontal-lines"},{default:e.withCtx(()=>[e.createVNode(x,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(x,{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(v,{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(k,{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(T,{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(b,{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(E,{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=S._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 C.Ri().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"),v=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(v,{modelValue:o.show,"onUpdate:modelValue":t[9]||(t[9]=u=>o.show=u),persistent:"",width:"400",onKeydown:[t[10]||(t[10]=e.withKeys(u=>i.success(),["enter"])),t[11]||(t[11]=e.withKeys(u=>i.$emit("cancel"),["esc"]))]},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(n,{class:"mb-2"},{default:e.withCtx(()=>[...t[12]||(t[12]=[e.createTextVNode("Edit Item",-1)])]),_:1}),e.createVNode(p,null,{default:e.withCtx(()=>[e.createVNode(m,{modelValue:i.editItem.valueType,"onUpdate:modelValue":t[0]||(t[0]=u=>i.editItem.valueType=u),variant:"outlined","hide-details":"",label:"Value Type",items:i.valueTypes,class:"mb-2"},null,8,["modelValue","items"]),e.createVNode(m,{modelValue:i.editItem.reduced,"onUpdate:modelValue":t[1]||(t[1]=u=>i.editItem.reduced=u),variant:"outlined","hide-details":"",label:"Reduction",items:i.reduction,class:"mb-2"},null,8,["modelValue","items"]),e.createVNode(m,{modelValue:i.editItem.reducedType,"onUpdate:modelValue":t[2]||(t[2]=u=>i.editItem.reducedType=u),variant:"outlined","hide-details":"",label:"Reduced Type",items:i.reducedTypes,disabled:i.editItem.reduced==="DECOM",class:"mb-2"},null,8,["modelValue","items","disabled"]),e.createVNode(m,{modelValue:i.editItem.color,"onUpdate:modelValue":[t[3]||(t[3]=u=>i.editItem.color=u),t[4]||(t[4]=u=>i.$emit("changeColor",u))],variant:"outlined","hide-details":"",label:"Color",items:s.colors,class:"mb-2"},null,8,["modelValue","items"]),o.limitsNames.length>1?(e.openBlock(),e.createElementBlock("div",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=S._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 C.Ei,subscription:null,needToUpdate:!1,pendingData:[],processingRAF:null,lastRenderTime:0,notifyNonNumeric:!1,errorDialog:!1,errors:[],colorIndex:0,colors:["#00c7cb","#938bdb","#4dacff","lime","darkorange","red","gold","hotpink","tan","cyan","maroon","blue","teal","purple","green","brown","lightblue","white","black"]}},computed:{calcFullSize:function(){return this.fullWidth||this.fullHeight},error:function(){return this.errorDialog&&this.errors.length>0?JSON.stringify(this.errors,null,4):null},itemSubscriptionKeys:function(){return this.items.map(this.subscriptionKey)},allowableXAxisItemPacket:function(){if(!this.canUseCustomXAxisItem||this.items.length===0)return;const{targetName:i,packetName:t}=this.items[0];return{targetName:i,packetName:t}},canUseCustomXAxisItem:function(){if(this.items.length===0)return!0;const{targetName:i,packetName:t}=this.items[0];return this.items.every(s=>s.targetName===i&&s.packetName===t)},actualXAxisItem:function(){return this.canUseCustomXAxisItem&&this.xAxisItem?this.xAxisItem: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)},notifyNonNumeric:function(){this.$notify.caution({title:"Non-numeric item",body:"Received ungraphable data."})},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 w.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 w.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 C.Ri,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 w.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=>w.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 w.uPlot(this.chartOpts,this.data,document.getElementById(`chart${this.id}`)),this.overviewOpts={...this.getSize("overview"),...this.getScales(),...this.getAxes("overview"),tzDate:l=>w.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 w.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),w.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]:w.uPlot.rangeNum(t,s,.1,!0)}}}},getAxes:function(i){let t="rgba(255, 255, 255, .1)",s="white";return{axes:[{stroke:s,grid:{show:!0,stroke:t,width:2}},{size:80,stroke:s,grid:{show:i!=="overview",stroke:t,width:2},values(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 v=r<a?a:r;t.fillRect(s.left,v,s.width,n-v)}if(i.scales.y.max>this.limitsValues[5]&&i.scales.y.min<this.limitsValues[2]){let v=l<m?l:m,u=l<c?l:c;t.fillRect(s.left,v,s.width,u-v)}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=w.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!="number"){if(n[i]=null,this.notifyNonNumeric=!0,!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"),v=e.resolveComponent("graph-edit-dialog"),u=e.resolveComponent("v-text-field"),N=e.resolveComponent("v-row"),b=e.resolveComponent("v-textarea"),V=e.resolveComponent("v-dialog"),x=e.resolveComponent("v-list-item-title"),y=e.resolveComponent("v-list-item"),k=e.resolveComponent("v-list"),T=e.resolveComponent("v-menu"),_=e.resolveComponent("graph-edit-item-dialog"),A=e.resolveComponent("v-list-subheader"),E=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(v,{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(N,{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(N,{class:"my-3"},{default:e.withCtx(()=>[e.createVNode(b,{readonly:"",rows:"8","model-value":o.error},null,8,["model-value"])]),_:1}),e.createVNode(N,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(T,{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(k,null,{default:e.withCtx(()=>[e.createVNode(y,{onClick:t[9]||(t[9]=d=>a.editGraph=!0)},{default:e.withCtx(()=>[e.createVNode(x,{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(T,{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(k,{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(y,{onClick:t[13]||(t[13]=d=>a.editItem=!0)},{prepend:e.withCtx(()=>[e.createVNode(m,{icon:"mdi-pencil"})]),default:e.withCtx(()=>[e.createVNode(x,null,{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Edit ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[14]||(t[14]=d=>o.clearData([a.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(m,{icon:"mdi-eraser"})]),default:e.withCtx(()=>[e.createVNode(x,null,{default:e.withCtx(()=>[...t[28]||(t[28]=[e.createTextVNode(" Clear ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[15]||(t[15]=d=>o.removeItems([a.selectedItem]))},{prepend:e.withCtx(()=>[e.createVNode(m,{icon:"mdi-delete"})]),default:e.withCtx(()=>[e.createVNode(x,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(T,{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(k,null,{default:e.withCtx(()=>[e.createVNode(y,{onClick:t[17]||(t[17]=d=>o.moveLegend("top"))},{default:e.withCtx(()=>[e.createVNode(x,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[30]||(t[30]=[e.createTextVNode(" Legend Top ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[18]||(t[18]=d=>o.moveLegend("bottom"))},{default:e.withCtx(()=>[e.createVNode(x,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[31]||(t[31]=[e.createTextVNode(" Legend Bottom ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[19]||(t[19]=d=>o.moveLegend("left"))},{default:e.withCtx(()=>[e.createVNode(x,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[32]||(t[32]=[e.createTextVNode(" Legend Left ",-1)])]),_:1})]),_:1}),e.createVNode(y,{onClick:t[20]||(t[20]=d=>o.moveLegend("right"))},{default:e.withCtx(()=>[e.createVNode(x,{style:{cursor:"pointer"}},{default:e.withCtx(()=>[...t[33]||(t[33]=[e.createTextVNode(" Legend Right ",-1)])]),_:1})]),_:1}),e.createVNode(E),e.createVNode(y,{onClick:o.legendHide},{default:e.withCtx(()=>[e.createVNode(x,{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=S._export_sfc(ee,[["render",le],["__scopeId","data-v-781b8f25"]]);exports.Graph=oe;exports.GraphEditDialog=L;exports.GraphEditItemDialog=B;
+//# sourceMappingURL=Graph-BUqdz6gu.cjs.map

package/dist/Graph-BUqdz6gu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Graph-BUqdz6gu.cjs","sources":["../src/components/GraphEditDialog.vue","../src/components/GraphEditItemDialog.vue","../src/components/Graph.vue"],"sourcesContent":["<!--\n# Copyright 2026 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\n# See LICENSE.md for more details.\n\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n-->\n\n<template>\n  <!-- Edit Item dialog -->\n  <v-dialog\n    v-model=\"show\"\n    persistent\n    max-width=\"700\"\n    @keydown.esc=\"$emit('cancel')\"\n  >\n    <v-toolbar height=\"24\">\n      <v-spacer />\n      <span> Edit Graph </span>\n      <v-spacer />\n    </v-toolbar>\n    <v-card class=\"pa-3\">\n      <v-tabs v-model=\"tab\" class=\"ml-3\">\n        <v-tab value=\"0\"> Settings </v-tab>\n        <v-tab value=\"1\"> Scale / Lines </v-tab>\n        <v-tab value=\"2\"> Items </v-tab>\n      </v-tabs>\n      <v-tabs-window v-model=\"tab\">\n        <v-tabs-window-item value=\"0\" eager>\n          <div class=\"edit-box\">\n            <v-row>\n              <v-col>\n                <v-card-text class=\"pa-0\">\n                  <v-text-field\n                    v-model=\"graph.title\"\n                    class=\"pb-2\"\n                    label=\"Title\"\n                    hide-details\n                  />\n                </v-card-text>\n              </v-col>\n              <v-col>\n                <v-select\n                  v-model=\"graph.legendPosition\"\n                  label=\"Legend Position\"\n                  hide-details\n                  :items=\"legendPositions\"\n                  style=\"max-width: 280px\"\n                />\n              </v-col>\n            </v-row>\n          </div>\n          <div class=\"edit-box\">\n            <v-card-text class=\"pa-0\">\n              Select a start date/time for the graph. Leave blank for start now.\n            </v-card-text>\n            <v-row>\n              <v-col>\n                <v-text-field\n                  v-model=\"startDate\"\n                  label=\"Start Date\"\n                  :name=\"`date${Date.now()}`\"\n                  :rules=\"[rules.date]\"\n                  type=\"date\"\n                />\n              </v-col>\n              <v-col>\n                <OpenC3TimePicker\n                  v-model=\"startTime\"\n                  label=\"Start Time\"\n                  :rules=\"[rules.time]\"\n                />\n              </v-col>\n            </v-row>\n            <v-card-text class=\"pa-0\">\n              Select a end date/time for the graph. Leave blank for continuous\n              real-time graphing.\n            </v-card-text>\n            <v-row>\n              <v-col>\n                <v-text-field\n                  v-model=\"endDate\"\n                  label=\"End Date\"\n                  :name=\"`date${Date.now()}`\"\n                  :rules=\"[rules.date]\"\n                  type=\"date\"\n                />\n              </v-col>\n              <v-col>\n                <OpenC3TimePicker\n                  v-model=\"endTime\"\n                  label=\"End Time\"\n                  :rules=\"[rules.time]\"\n                />\n              </v-col>\n            </v-row>\n          </div>\n        </v-tabs-window-item>\n        <v-tabs-window-item value=\"1\" eager>\n          <div class=\"edit-box\">\n            <v-card-text class=\"pa-0\">\n              Set a min or max Y value to override automatic scaling\n            </v-card-text>\n            <v-row dense>\n              <v-col class=\"px-2\">\n                <v-text-field\n                  v-model=\"graph.graphMinY\"\n                  hide-details\n                  label=\"Min Y Axis (Optional)\"\n                  type=\"number\"\n                />\n              </v-col>\n              <v-col class=\"px-2\">\n                <v-text-field\n                  v-model=\"graph.graphMaxY\"\n                  hide-details\n                  label=\"Max Y Axis (Optional)\"\n                  type=\"number\"\n                />\n              </v-col>\n            </v-row>\n          </div>\n          <div class=\"edit-box\">\n            <v-list density=\"compact\" class=\"horizontal-lines\">\n              <v-list-item>\n                <span style=\"padding-top: 5px\">\n                  Add horizontal lines to the graph\n                </span>\n                <v-spacer />\n                <v-btn @click=\"addLine()\"> New Line </v-btn>\n              </v-list-item>\n              <v-list-item\n                v-for=\"(item, i) in graph.lines\"\n                :key=\"i\"\n                :value=\"item\"\n                color=\"primary\"\n              >\n                <v-row>\n                  <v-col>\n                    <v-text-field v-model=\"item.yValue\" label=\"Y Value\" />\n                  </v-col>\n                  <v-col>\n                    <v-select\n                      v-model=\"item.color\"\n                      label=\"Color\"\n                      hide-details\n                      :items=\"colors\"\n                    />\n                  </v-col>\n                  <v-col>\n                    <v-btn\n                      style=\"padding: 30px\"\n                      icon=\"mdi-delete\"\n                      variant=\"text\"\n                      aria-label=\"Remove Line\"\n                      @click=\"removeLine(item)\"\n                    />\n                  </v-col>\n                </v-row>\n              </v-list-item>\n            </v-list>\n          </div>\n          <div class=\"edit-box\">\n            <v-card-text class=\"pa-0 text-medium-emphasis\">\n              Choose a different item to use for the graph's X axis. If\n              unchecked, the graph will use the packet's PACKET_TIMESECONDS item\n              if it exists, otherwise it will use RECEIVED_TIMESECONDS.\n              <br />\n              <span class=\"font-italic\">\n                Note that the graph may not work correctly if you choose an item\n                that does not strictly increase in value. It is recommended to\n                use a counter or timestamp.\n              </span>\n            </v-card-text>\n            <v-checkbox\n              v-model=\"customXAxisEnabled\"\n              :disabled=\"!xAxisItemPacket\"\n              label=\"Custom X axis item\"\n              density=\"compact\"\n              hide-details\n              @update:model-value=\"customXAxisToggled\"\n            />\n            <v-card-text\n              v-if=\"!xAxisItemPacket\"\n              class=\"pa-0 text-medium-emphasis\"\n            >\n              All items on the graph must be in the same packet to enable this\n              feature.\n            </v-card-text>\n            <target-packet-item-chooser\n              v-if=\"customXAxisEnabled && xAxisItemPacket\"\n              :initial-target-name=\"xAxisItemPacket.targetName\"\n              :initial-packet-name=\"xAxisItemPacket.packetName\"\n              :initial-item-name=\"initialXAxisItem\"\n              choose-item\n              lock-target\n              lock-packet\n              button-text=\"Set\"\n              @on-set=\"xAxisItemChanged\"\n              @add-item=\"xAxisItemSelected\"\n            />\n          </div>\n        </v-tabs-window-item>\n        <v-tabs-window-item value=\"2\" eager>\n          <v-data-table\n            item-key=\"itemId\"\n            class=\"elevation-1 my-2\"\n            data-test=\"edit-graph-items\"\n            :headers=\"itemHeaders\"\n            :items=\"editItems\"\n            :items-per-page=\"5\"\n            :footer-props=\"{\n              'items-per-page-options': [5],\n            }\"\n          >\n            <template #item.actions=\"{ item }\">\n              <v-btn\n                icon=\"mdi-delete\"\n                variant=\"text\"\n                aria-label=\"Remove Item\"\n                @click=\"$emit('remove', item)\"\n              />\n            </template>\n            <template #no-data>\n              <span> Currently no items on this graph </span>\n            </template>\n          </v-data-table>\n        </v-tabs-window-item>\n      </v-tabs-window>\n      <v-card-actions class=\"px-2\">\n        <v-spacer />\n        <v-btn variant=\"outlined\" @click=\"$emit('cancel')\"> Cancel </v-btn>\n        <v-btn variant=\"flat\" @click=\"closeOk\"> Ok </v-btn>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport { TimeFilters } from '@/util'\nimport OpenC3TimePicker from './OpenC3TimePicker.vue'\nimport TargetPacketItemChooser from './TargetPacketItemChooser.vue'\nimport { isValid, parse, toDate } from 'date-fns'\nexport default {\n  components: {\n    OpenC3TimePicker,\n    TargetPacketItemChooser,\n  },\n  mixins: [TimeFilters],\n  props: {\n    modelValue: Boolean, // modelValue is the default prop when using v-model\n    title: {\n      type: String,\n      required: true,\n    },\n    legendPosition: {\n      type: String,\n      required: true,\n    },\n    items: {\n      type: Array,\n      required: true,\n    },\n    graphMinY: {\n      type: Number,\n      required: true,\n    },\n    graphMaxY: {\n      type: Number,\n      required: true,\n    },\n    lines: {\n      type: Array,\n      required: true,\n    },\n    colors: {\n      type: Array,\n      required: true,\n    },\n    startDateTime: {\n      type: Number,\n      default: null,\n    },\n    endDateTime: {\n      type: Number,\n      default: null,\n    },\n    timeZone: {\n      type: String,\n      required: true,\n    },\n    xAxisItemPacket: {\n      type: Object,\n      default: undefined,\n    },\n    xAxisItem: {\n      type: String,\n      default: '__time',\n    },\n  },\n  emits: ['cancel', 'ok', 'remove', 'update:modelValue', 'update:xAxisItem'],\n  data: function () {\n    return {\n      tab: 0,\n      graph: {},\n      customXAxisEnabled: false,\n      selectedXAxisItem: null,\n      pendingXAxisSelection: null,\n      legendPositions: ['top', 'bottom', 'left', 'right'],\n      startDate: null,\n      startTime: null,\n      endDate: null,\n      endTime: null,\n      lineHeaders: [\n        { title: 'Y Value', value: 'yValue' },\n        { title: 'Color', value: 'color' },\n        { title: 'Actions', value: 'actions', sortable: false },\n      ],\n      itemHeaders: [\n        { title: 'Target Name', value: 'targetName' },\n        { title: 'Packet Name', value: 'packetName' },\n        { title: 'Item Name', value: 'itemName' },\n        { title: 'Actions', value: 'actions', sortable: false },\n      ],\n      rules: {\n        date: (value) => {\n          if (!value) return true\n          try {\n            return (\n              isValid(parse(value, 'yyyy-MM-dd', new Date())) ||\n              'Invalid date (YYYY-MM-DD)'\n            )\n          } catch (e) {\n            return 'Invalid date (YYYY-MM-DD)'\n          }\n        },\n        time: (value) => {\n          if (!value) return true\n          try {\n            return (\n              isValid(parse(value, 'HH:mm:ss', new Date())) ||\n              'Invalid time (HH:MM:SS)'\n            )\n          } catch (e) {\n            return 'Invalid time (HH:MM:SS)'\n          }\n        },\n      },\n    }\n  },\n  computed: {\n    show: {\n      get() {\n        return this.modelValue\n      },\n      set(value) {\n        this.$emit('update:modelValue', value) // update is the default event when using v-model\n      },\n    },\n    editItems: function () {\n      if (!this.items) return []\n      let itemId = 0\n      return this.items.map((item) => {\n        itemId += 1\n        return { ...item, itemId }\n      })\n    },\n    initialXAxisItem: function () {\n      // Just for TargetPacketItemChooser\n      if (this.xAxisItem === '__time') {\n        return\n      }\n      return this.xAxisItem.split('__').at(4)\n    },\n  },\n  created() {\n    this.graph = {\n      title: this.title,\n      legendPosition: this.legendPosition,\n      items: this.items,\n      graphMinY: this.graphMinY,\n      graphMaxY: this.graphMaxY,\n      lines: [...this.lines],\n    }\n    this.customXAxisEnabled = this.xAxisItem && this.xAxisItem !== '__time'\n    this.selectedXAxisItem = this.xAxisItem\n    // Set the date and time if they pass a dateTime or set a default\n    // Start needs a default because if the timeZone is UTC the time will still be local time\n    if (this.startDateTime) {\n      // Use the passed dateTime as is\n      let date = toDate(this.startDateTime / 1000000)\n      this.startDate = this.formatDate(date, this.timeZone)\n      this.startTime = this.formatTimeHMS(date, this.timeZone)\n    } else {\n      // Create a new date 1 hr in the past as a default\n      let date = new Date() - 3600000\n      this.startDate = this.formatDate(date, this.timeZone)\n      this.startTime = this.formatTimeHMS(date, this.timeZone)\n    }\n    // Only set end date / time if it is explicitly passed\n    if (this.endDateTime) {\n      let date = toDate(this.endDateTime / 1000000)\n      this.endDate = this.formatDate(date, this.timeZone)\n      this.endTime = this.formatTimeHMS(date, this.timeZone)\n    }\n  },\n  methods: {\n    closeOk() {\n      if (!!this.startDate && !!this.startTime) {\n        this.graph.startDateTime = this.startDate + ' ' + this.startTime\n      } else {\n        this.graph.startDateTime = null\n      }\n      if (!!this.endDate && !!this.endTime) {\n        this.graph.endDateTime = this.endDate + ' ' + this.endTime\n      } else {\n        this.graph.endDateTime = null\n      }\n      this.$emit('ok', this.graph)\n    },\n    addLine() {\n      this.graph.lines.push({ yValue: 0, color: 'white' })\n    },\n    removeLine(dline) {\n      let i = this.graph.lines.indexOf(dline)\n      this.graph.lines.splice(i, 1)\n    },\n    customXAxisToggled(enabled) {\n      if (!enabled) {\n        this.selectedXAxisItem = '__time'\n        this.$emit('update:xAxisItem', '__time')\n      }\n    },\n    xAxisItemChanged(selection) {\n      this.pendingXAxisSelection = selection\n    },\n    xAxisItemSelected(selection) {\n      if (selection.targetName && selection.packetName && selection.itemName) {\n        const xAxisItemKey = `DECOM__TLM__${selection.targetName}__${selection.packetName}__${selection.itemName}__CONVERTED`\n        this.selectedXAxisItem = xAxisItemKey\n        this.$emit('update:xAxisItem', xAxisItemKey)\n      }\n    },\n  },\n}\n</script>\n\n<style>\n.edit-box {\n  color: hsla(0, 0%, 100%, 0.7);\n  background-color: var(--color-background-surface-default);\n  padding: 10px;\n  margin-top: 10px;\n}\n\n/* For the Y Axis item editor within the Edit Dialog */\n.v-small-dialog__content {\n  background-color: var(--color-background-surface-selected);\n  padding: 5px 5px;\n}\n\n.horizontal-lines {\n  background-color: var(--color-background-surface-default);\n}\n</style>\n","<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\n# See LICENSE.md for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2023, OpenC3, Inc.\n# All Rights Reserved\n#\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n-->\n\n<template>\n  <!-- Edit Item dialog -->\n  <v-dialog\n    v-model=\"show\"\n    persistent\n    width=\"400\"\n    @keydown.enter=\"success()\"\n    @keydown.esc=\"$emit('cancel')\"\n  >\n    <v-card>\n      <v-card-title class=\"mb-2\">Edit Item</v-card-title>\n      <v-card-text>\n        <v-select\n          v-model=\"editItem.valueType\"\n          variant=\"outlined\"\n          hide-details\n          label=\"Value Type\"\n          :items=\"valueTypes\"\n          class=\"mb-2\"\n        />\n        <v-select\n          v-model=\"editItem.reduced\"\n          variant=\"outlined\"\n          hide-details\n          label=\"Reduction\"\n          :items=\"reduction\"\n          class=\"mb-2\"\n        />\n        <v-select\n          v-model=\"editItem.reducedType\"\n          variant=\"outlined\"\n          hide-details\n          label=\"Reduced Type\"\n          :items=\"reducedTypes\"\n          :disabled=\"editItem.reduced === 'DECOM'\"\n          class=\"mb-2\"\n        />\n        <v-select\n          v-model=\"editItem.color\"\n          variant=\"outlined\"\n          hide-details\n          label=\"Color\"\n          :items=\"colors\"\n          class=\"mb-2\"\n          @update:model-value=\"$emit('changeColor', $event)\"\n        />\n        <div v-if=\"limitsNames.length > 1\">\n          <v-select\n            v-model=\"limitsName\"\n            variant=\"outlined\"\n            hide-details\n            label=\"Display Limits\"\n            :items=\"limitsNames\"\n            @update:model-value=\"$emit('changeLimits', limits[limitsName])\"\n          />\n          <div class=\"pa-3\">{{ limitsName }}: {{ limits[limitsName] }}</div>\n        </div>\n      </v-card-text>\n      <v-card-actions class=\"px-2\">\n        <v-spacer />\n        <v-btn variant=\"outlined\" @click=\"$emit('cancel')\"> Cancel </v-btn>\n        <v-btn variant=\"flat\" @click=\"$emit('close', editItem)\"> Ok </v-btn>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport { OpenC3Api } from '@openc3/js-common/services'\nexport default {\n  props: {\n    modelValue: Boolean,\n    item: {\n      type: Object,\n      required: true,\n    },\n    colors: {\n      type: Array,\n      required: true,\n    },\n  },\n  emits: [\n    'cancel',\n    'changeColor',\n    'changeLimits',\n    'close',\n    'update:modelValue',\n  ],\n  data: function () {\n    return {\n      editItem: null,\n      limitsName: 'NONE',\n      // NONE: [] matches the default limits assigned in Graph addItems\n      limits: { NONE: [] },\n      valueTypes: ['CONVERTED', 'RAW'],\n      reduction: [\n        // Map NONE to DECOM for clarity\n        { title: 'NONE', value: 'DECOM' },\n        { title: 'REDUCED_MINUTE', value: 'REDUCED_MINUTE' },\n        { title: 'REDUCED_HOUR', value: 'REDUCED_HOUR' },\n        { title: 'REDUCED_DAY', value: 'REDUCED_DAY' },\n      ],\n      reducedTypes: ['MIN', 'MAX', 'AVG', 'STDDEV'],\n    }\n  },\n  computed: {\n    show: {\n      get() {\n        return this.modelValue\n      },\n      set(value) {\n        this.$emit('update:modelValue', value)\n      },\n    },\n    limitsNames() {\n      return Object.keys(this.limits)\n    },\n  },\n  async created() {\n    this.editItem = { ...this.item }\n    new OpenC3Api()\n      .get_item(this.item.targetName, this.item.packetName, this.item.itemName)\n      .then((details) => {\n        for (const [key, value] of Object.entries(details.limits)) {\n          if (Object.keys(value).includes('red_low')) {\n            this.limits[key] = Object.values(value)\n          }\n        }\n        // Locate the key for the value array that we pass in\n        this.limitsName = Object.keys(this.limits).find(\n          // Little hack to compare arrays you convert them to strings\n          (key) => this.limits[key] + '' === this.editItem.limits + '',\n        )\n      })\n  },\n}\n</script>\n","<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\n# See LICENSE.md for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2026, OpenC3, Inc.\n# All Rights Reserved\n#\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n#\n# A portion of this file was funded by Blue Origin Enterprises, L.P.\n# See https://github.com/OpenC3/cosmos/pull/1957\n-->\n\n<template>\n  <div @click.prevent=\"$emit('click')\">\n    <v-card>\n      <v-toolbar\n        v-show=\"!hideToolbarData\"\n        height=\"24\"\n        class=\"pl-2 pr-2\"\n        :class=\"selectedGraphId === id ? 'active' : ''\"\n      >\n        <v-btn\n          v-show=\"errors.length !== 0\"\n          class=\"mx-2\"\n          icon=\"mdi-alert\"\n          density=\"compact\"\n          variant=\"text\"\n          aria-label=\"Show Errors\"\n          @click=\"\n            () => {\n              errorDialog = true\n            }\n          \"\n        />\n\n        <v-btn\n          icon=\"mdi-pencil\"\n          variant=\"text\"\n          density=\"compact\"\n          data-test=\"edit-graph-icon\"\n          aria-label=\"Edit Graph\"\n          @click=\"\n            () => {\n              editGraph = true\n            }\n          \"\n        />\n\n        <v-tooltip\n          v-if=\"legendHidden\"\n          text=\"Legend hidden. Restore via Graph > Settings dialog.\"\n          location=\"bottom\"\n        >\n          <template #activator=\"{ props }\">\n            <v-icon v-bind=\"props\" size=\"small\" class=\"mx-1\">\n              mdi-information-outline\n            </v-icon>\n          </template>\n        </v-tooltip>\n\n        <v-spacer />\n        <span> {{ title }} </span>\n        <v-spacer />\n\n        <template v-if=\"expand\">\n          <v-btn\n            v-if=\"calcFullSize\"\n            icon=\"mdi-arrow-collapse\"\n            variant=\"text\"\n            density=\"compact\"\n            data-test=\"collapse-all\"\n            @click=\"collapseAll\"\n          />\n          <v-btn\n            v-else\n            icon=\"mdi-arrow-expand\"\n            variant=\"text\"\n            density=\"compact\"\n            data-test=\"expand-all\"\n            @click=\"expandAll\"\n          />\n\n          <v-btn\n            v-if=\"fullWidth\"\n            icon=\"mdi-arrow-collapse-horizontal\"\n            variant=\"text\"\n            density=\"compact\"\n            data-test=\"collapse-width\"\n            @click=\"collapseWidth\"\n          />\n          <v-btn\n            v-else\n            icon=\"mdi-arrow-expand-horizontal\"\n            variant=\"text\"\n            density=\"compact\"\n            data-test=\"expand-width\"\n            @click=\"expandWidth\"\n          />\n\n          <v-btn\n            v-if=\"fullHeight\"\n            icon=\"mdi-arrow-collapse-vertical\"\n            variant=\"text\"\n            density=\"compact\"\n            data-test=\"collapse-height\"\n            @click=\"collapseHeight\"\n          />\n          <v-btn\n            v-else\n            icon=\"mdi-arrow-expand-vertical\"\n            variant=\"text\"\n            density=\"compact\"\n            data-test=\"expand-height\"\n            @click=\"expandHeight\"\n          />\n        </template>\n\n        <v-btn\n          v-if=\"expand\"\n          icon=\"mdi-window-minimize\"\n          variant=\"text\"\n          density=\"compact\"\n          data-test=\"minimize-screen-icon\"\n          @click=\"minMaxTransition\"\n        />\n        <v-btn\n          v-else\n          icon=\"mdi-window-maximize\"\n          variant=\"text\"\n          density=\"compact\"\n          data-test=\"maximize-screen-icon\"\n          @click=\"minMaxTransition\"\n        />\n\n        <v-btn\n          icon=\"mdi-close-box\"\n          variant=\"text\"\n          density=\"compact\"\n          data-test=\"close-graph-icon\"\n          @click.stop=\"$emit('close-graph')\"\n        />\n      </v-toolbar>\n\n      <v-expand-transition @after-enter=\"resize\">\n        <div v-show=\"expand\" id=\"chart\" ref=\"chart\" class=\"pa-1\">\n          <div :id=\"`chart${id}`\"></div>\n          <div id=\"betweenCharts\"></div>\n          <div v-show=\"showOverview\" :id=\"`overview${id}`\"></div>\n        </div>\n      </v-expand-transition>\n    </v-card>\n\n    <!-- Edit graph dialog -->\n    <graph-edit-dialog\n      v-if=\"editGraph\"\n      v-model=\"editGraph\"\n      v-model:x-axis-item=\"xAxisItem\"\n      :title=\"title\"\n      :legend-position=\"legendPosition\"\n      :items=\"items\"\n      :graph-min-y=\"graphMinY\"\n      :graph-max-y=\"graphMaxY\"\n      :lines=\"lines\"\n      :colors=\"colors\"\n      :start-date-time=\"graphStartDateTime\"\n      :end-date-time=\"graphEndDateTime\"\n      :time-zone=\"timeZone\"\n      :x-axis-item-packet=\"allowableXAxisItemPacket\"\n      @remove=\"removeItems([$event])\"\n      @ok=\"editGraphClose\"\n      @cancel=\"editGraph = false\"\n    />\n\n    <!-- Error dialog -->\n    <v-dialog v-model=\"errorDialog\" max-width=\"600\">\n      <v-toolbar height=\"24\">\n        <v-spacer />\n        <span> Errors </span>\n        <v-spacer />\n      </v-toolbar>\n      <v-card class=\"pa-3\">\n        <v-row dense>\n          <v-text-field\n            v-model=\"title\"\n            readonly\n            hide-details\n            class=\"pb-2\"\n            label=\"Graph Title\"\n          />\n        </v-row>\n        <v-row class=\"my-3\">\n          <v-textarea readonly rows=\"8\" :model-value=\"error\" />\n        </v-row>\n        <v-row>\n          <v-btn block @click=\"clearErrors\"> Clear </v-btn>\n        </v-row>\n      </v-card>\n    </v-dialog>\n\n    <!-- Edit right click context menu -->\n    <v-menu\n      v-if=\"editGraphMenu\"\n      v-model=\"editGraphMenu\"\n      :target=\"[editGraphMenuX, editGraphMenuY]\"\n      absolute\n    >\n      <v-list>\n        <v-list-item @click=\"editGraph = true\">\n          <v-list-item-title style=\"cursor: pointer\">\n            Edit {{ title }}\n          </v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <graph-edit-item-dialog\n      v-if=\"editItem\"\n      v-model=\"editItem\"\n      :colors=\"colors\"\n      :item=\"selectedItem\"\n      @change-color=\"changeColor\"\n      @change-limits=\"changeLimits\"\n      @cancel=\"editItem = false\"\n      @close=\"closeEditItem\"\n    />\n\n    <!-- Edit Item right click context menu -->\n    <v-menu\n      v-if=\"itemMenu\"\n      v-model=\"itemMenu\"\n      :target=\"[itemMenuX, itemMenuY]\"\n      absolute\n    >\n      <v-list nav density=\"compact\">\n        <v-list-subheader>\n          {{ selectedItem.targetName }}\n          {{ selectedItem.packetName }}\n          {{ selectedItem.itemName }}\n        </v-list-subheader>\n        <v-list-item @click=\"editItem = true\">\n          <template #prepend>\n            <v-icon icon=\"mdi-pencil\" />\n          </template>\n          <v-list-item-title> Edit </v-list-item-title>\n        </v-list-item>\n        <v-list-item @click=\"clearData([selectedItem])\">\n          <template #prepend>\n            <v-icon icon=\"mdi-eraser\" />\n          </template>\n          <v-list-item-title> Clear </v-list-item-title>\n        </v-list-item>\n        <v-list-item @click=\"removeItems([selectedItem])\">\n          <template #prepend>\n            <v-icon icon=\"mdi-delete\" />\n          </template>\n          <v-list-item-title> Delete </v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <!-- Edit Legend right click context menu -->\n    <v-menu\n      v-if=\"legendMenu\"\n      v-model=\"legendMenu\"\n      :target=\"[legendMenuX, legendMenuY]\"\n      absolute\n    >\n      <v-list>\n        <v-list-item @click=\"moveLegend('top')\">\n          <v-list-item-title style=\"cursor: pointer\">\n            Legend Top\n          </v-list-item-title>\n        </v-list-item>\n        <v-list-item @click=\"moveLegend('bottom')\">\n          <v-list-item-title style=\"cursor: pointer\">\n            Legend Bottom\n          </v-list-item-title>\n        </v-list-item>\n        <v-list-item @click=\"moveLegend('left')\">\n          <v-list-item-title style=\"cursor: pointer\">\n            Legend Left\n          </v-list-item-title>\n        </v-list-item>\n        <v-list-item @click=\"moveLegend('right')\">\n          <v-list-item-title style=\"cursor: pointer\">\n            Legend Right\n          </v-list-item-title>\n        </v-list-item>\n        <v-divider />\n        <v-list-item @click=\"legendHide\">\n          <v-list-item-title style=\"cursor: pointer\">\n            Hide Legend\n          </v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <div v-if=\"!sparkline\" ref=\"info\" class=\"u-series\">\n      <v-tooltip\n        text=\"Click item to toggle, Right click to edit\"\n        location=\"top\"\n      >\n        <template #activator=\"{ props }\">\n          <v-icon v-bind=\"props\"> mdi-information-variant-circle </v-icon>\n        </template>\n      </v-tooltip>\n    </div>\n  </div>\n</template>\n\n<script>\nimport GraphEditDialog from './GraphEditDialog.vue'\nimport GraphEditItemDialog from './GraphEditItemDialog.vue'\nimport uPlot from 'uplot'\nimport bs from 'binary-search'\nimport { OpenC3Api, Cable } from '@openc3/js-common/services'\nimport { useStore } from '@/plugins/store'\nimport { TimeFilters } from '@/util'\nimport 'uplot/dist/uPlot.min.css'\n\nconst DEFAULT_X_AXIS_ITEM = '__time'\n// Max milliseconds to spend processing buffered data per animation frame\n// before yielding back to the browser for rendering\n// We're calling requestAnimationFrame which is typically 60Hz or every 16.667ms\n// A good rule of thumb is to stay within roughly half the frame budget, so 8–10ms.\n// This leaves the other ~7–8ms for the browser to do layout, paint, compositing, and GC.\nconst MAX_PROCESSING_MS = 10\n\nexport default {\n  components: {\n    GraphEditDialog,\n    GraphEditItemDialog,\n  },\n  mixins: [TimeFilters],\n  props: {\n    id: {\n      type: Number,\n      required: true,\n    },\n    selectedGraphId: {\n      type: Number,\n      default: null,\n    },\n    state: {\n      type: String,\n      required: true,\n    },\n    // start time in nanoseconds to start the graph\n    // this allows multiple graphs to be synchronized\n    startTime: {\n      type: Number,\n      default: null,\n    },\n    secondsGraphed: {\n      type: Number,\n      required: true,\n    },\n    pointsSaved: {\n      type: Number,\n      required: true,\n    },\n    pointsGraphed: {\n      type: Number,\n      required: true,\n    },\n    refreshIntervalMs: {\n      type: Number,\n      default: 200,\n    },\n    hideToolbar: {\n      type: Boolean,\n      default: false,\n    },\n    hideOverview: {\n      type: Boolean,\n      default: false,\n    },\n    hideLegend: {\n      type: Boolean,\n      default: false,\n    },\n    sparkline: {\n      type: Boolean,\n      default: false,\n    },\n    initialItems: {\n      type: Array,\n      default: () => [],\n    },\n    initialXAxisItem: {\n      type: String,\n      default: DEFAULT_X_AXIS_ITEM,\n    },\n    // These allow the parent to force a specific height and/or width\n    height: {\n      type: Number,\n      default: null,\n    },\n    width: {\n      type: Number,\n      default: null,\n    },\n    timeZone: {\n      type: String,\n      default: 'local',\n    },\n  },\n  emits: [\n    'click',\n    'close-graph',\n    'edit',\n    'min-max-graph',\n    'pause',\n    'resize',\n    'start',\n    'started',\n    'hide-legend',\n  ],\n  setup() {\n    const store = useStore()\n    return { store }\n  },\n  data() {\n    return {\n      api: null,\n      lines: [],\n      active: true,\n      expand: true,\n      fullWidth: true,\n      fullHeight: true,\n      graph: null,\n      editGraph: false,\n      editGraphMenu: false,\n      editGraphMenuX: 0,\n      editGraphMenuY: 0,\n      editItem: false,\n      itemMenu: false,\n      itemMenuX: 0,\n      itemMenuY: 0,\n      legendMenu: false,\n      legendMenuX: 0,\n      legendMenuY: 0,\n      legendHidden: this.hideLegend,\n      legendPosition: 'bottom',\n      selectedItem: null,\n      hideToolbarData: this.hideToolbar,\n      showOverview: !this.hideOverview,\n      hideOverviewData: this.hideOverview,\n      title: '',\n      overview: null,\n      data: [[]],\n      dataChanged: false,\n      interval: null,\n      graphMinY: null,\n      graphMaxY: null,\n      graphStartDateTime: null,\n      graphEndDateTime: null,\n      xAxisItem: this.initialXAxisItem, // '__time' or something like 'DECOM__TLM__INST__ADCS__RECEIVED_COUNT__CONVERTED'\n      indexes: {},\n      items: this.initialItems,\n      graphItems: [],\n      lastPlaybackDateTime: null,\n      limitsValues: [],\n      drawInterval: null,\n      zoomChart: false,\n      zoomOverview: false,\n      cable: new Cable(),\n      subscription: null,\n      needToUpdate: false,\n      pendingData: [],\n      processingRAF: null,\n      lastRenderTime: 0,\n      notifyNonNumeric: false,\n      errorDialog: false,\n      errors: [],\n      colorIndex: 0,\n      colors: [\n        // The first 3 are taken from the Astro css definitions for\n        // --color-data-visualization-1 through 3\n        '#00c7cb',\n        '#938bdb',\n        '#4dacff',\n        'lime',\n        'darkorange',\n        'red',\n        'gold',\n        'hotpink',\n        'tan',\n        'cyan',\n        'maroon',\n        'blue',\n        'teal',\n        'purple',\n        'green',\n        'brown',\n        'lightblue',\n        'white',\n        'black',\n      ],\n    }\n  },\n  computed: {\n    calcFullSize: function () {\n      return this.fullWidth || this.fullHeight\n    },\n    error: function () {\n      if (this.errorDialog && this.errors.length > 0) {\n        return JSON.stringify(this.errors, null, 4)\n      }\n      return null\n    },\n    itemSubscriptionKeys: function () {\n      return this.items.map(this.subscriptionKey)\n    },\n    allowableXAxisItemPacket: function () {\n      if (!this.canUseCustomXAxisItem || this.items.length === 0) {\n        return undefined\n      }\n      const { targetName, packetName } = this.items[0]\n      return { targetName, packetName }\n    },\n    canUseCustomXAxisItem: function () {\n      // Make sure we're not mixing packets, because items from different packets will be received at different times.\n      // If it was mixed, e.g. `xAxisItem` is 'INST__ADCS__RECEIVED_COUNT' and you were graphing\n      // 'INST__HEALTH_STATUS__TEMP1', then the `received` handler wouldn't know which x-axis values to apply to the\n      // received TEMP1 data points.\n      if (this.items.length === 0) {\n        return true\n      }\n      const { targetName, packetName } = this.items[0]\n      return this.items.every(\n        (item) =>\n          item.targetName === targetName && item.packetName === packetName,\n      )\n    },\n    actualXAxisItem: function () {\n      if (this.canUseCustomXAxisItem && this.xAxisItem) {\n        return this.xAxisItem\n      } else {\n        return DEFAULT_X_AXIS_ITEM\n      }\n    },\n    xAxisConverter: function () {\n      if (this.xAxisIsDefault) {\n        return (val) => val / 1_000_000_000.0 // nsec to sec\n      }\n      return (val) => val\n    },\n    xAxisFormatter: function () {\n      return (val) => {\n        if (val == null) {\n          return '--'\n        } else if (this.xAxisIsTime) {\n          // Convert the unix timestamp into a formatted date / time\n          return this.formatSeconds(val, this.timeZone)\n        }\n        return val\n      }\n    },\n    xAxisLabel: function () {\n      return this.xAxisIsTime ? 'Time' : this.actualXAxisItem.split('__').at(-2)\n    },\n    xAxisIsDefault: function () {\n      return this.actualXAxisItem === DEFAULT_X_AXIS_ITEM\n    },\n    xAxisIsTime: function () {\n      const timeItems = ['PACKET_TIMESECONDS', 'RECEIVED_TIMESECONDS']\n      return (\n        this.xAxisIsDefault ||\n        timeItems.includes(this.actualXAxisItem.split('__').at(4))\n      )\n    },\n    xAxisIsAlsoGraphedItem: function () {\n      return this.itemSubscriptionKeys.includes(this.actualXAxisItem)\n    },\n    playbackMode: function () {\n      return this.store.playback.playbackMode\n    },\n    playbackDateTime: function () {\n      return this.store.playback.playbackDateTime\n    },\n    playbackStep: function () {\n      return this.store.playback.playbackStep\n    },\n  },\n  watch: {\n    hideLegend: function (newVal) {\n      this.legendHidden = newVal\n    },\n    legendHidden: function (newVal) {\n      this.applyHideLegend(newVal)\n    },\n    notifyNonNumeric: function () {\n      // This is a watcher on a boolean so that it only happens once per graph.\n      // Otherwise, we spam the $notify function while receiving e.g. an array item.\n      this.$notify.caution({\n        title: 'Non-numeric item',\n        body: 'Received ungraphable data.',\n      })\n    },\n    state: function (newState, oldState) {\n      switch (newState) {\n        case 'start':\n          // Only subscribe if we were previously stopped\n          // If we were paused we do nothing ... see the data function\n          if (oldState === 'stop') {\n            this.startGraph()\n          }\n          break\n        // case 'pause': Nothing to do ... see the data function\n        case 'stop':\n          this.stopGraph()\n          break\n      }\n    },\n    playbackMode: function (_newState, _oldState) {\n      if (this.playbackMode === 'playback') {\n        this.setupPlaybackMode()\n      } else {\n        // realtime\n        this.lastPlaybackDateTime = null\n        this.clearAllData()\n        this.startGraph()\n      }\n    },\n    playbackDateTime: function (_newState, _oldState) {\n      if (this.playbackMode === 'playback') {\n        if (\n          this.lastPlaybackDateTime === null ||\n          this.lastPlaybackDateTime > this.playbackDateTime\n        ) {\n          // If we are going backwards in time we need to clear the data\n          this.clearAllData()\n        } else {\n          // Track that we're waiting for playback data\n          // Increment store counter so skip buttons are disabled until all graphs finish loading\n          this.store.updatePlayback({\n            playbackLoading: this.store.playback.playbackLoading + 1,\n          })\n          this.api\n            .get_tlm_values(\n              this.graphItems,\n              30, // stale timeout\n              null, // no cache timeout\n              this.lastPlaybackDateTime, // start time\n              this.playbackDateTime, // end time\n            )\n            .then((data) => {\n              if (data.length > 0) {\n                // Normalize single-row response to match multi-row format\n                // Multi-row: [[row0col0, row0col1, ...], [row1col0, ...]]\n                // Single-row: [col0, col1, ...] — wrap in an array\n                const rows =\n                  Array.isArray(data[0]) && Array.isArray(data[0][0])\n                    ? data\n                    : [data]\n                for (const row of rows) {\n                  for (let j = 0; j < row.length; j++) {\n                    this.data[j].push(row[j][0])\n                  }\n                }\n              }\n              this.dataChanged = true\n              this.updateGraphData()\n            })\n            .catch((error) => {\n              // eslint-disable-next-line no-console\n              console.error('Error fetching playback telemetry:', error)\n            })\n            .finally(() => {\n              // Decrement store counter now that playback request has completed\n              this.store.updatePlayback({\n                playbackLoading: Math.max(\n                  0,\n                  this.store.playback.playbackLoading - 1,\n                ),\n              })\n            })\n        }\n        this.lastPlaybackDateTime = this.playbackDateTime\n      }\n    },\n    data: function (newData, oldData) {\n      this.dataChanged = true\n    },\n    graphMinY: function (newVal, oldVal) {\n      let val = Number.parseFloat(newVal)\n      if (Number.isFinite(val)) {\n        this.graphMinY = val\n      }\n      this.setGraphRange()\n    },\n    graphMaxY: function (newVal, oldVal) {\n      let val = Number.parseFloat(newVal)\n      if (Number.isFinite(val)) {\n        this.graphMaxY = val\n      }\n      this.setGraphRange()\n    },\n    graphStartDateTime: function (newVal, oldVal) {\n      if (newVal && typeof newVal === 'string') {\n        this.graphStartDateTime =\n          this.parseDateTime(this.graphStartDateTime, this.timeZone) * 1000000\n        if (this.graphStartDateTime !== oldVal) {\n          this.needToUpdate = true\n        }\n      } else if (newVal === null && oldVal) {\n        // If they clear the start date time we need to update\n        this.graphStartDateTime = null\n        this.needToUpdate = true\n      }\n    },\n    graphEndDateTime: function (newVal, oldVal) {\n      if (newVal && typeof newVal === 'string') {\n        this.graphEndDateTime =\n          this.parseDateTime(this.graphEndDateTime, this.timeZone) * 1000000\n        if (this.graphEndDateTime !== oldVal) {\n          this.needToUpdate = true\n        }\n      } else if (newVal === null && oldVal) {\n        // If they clear the end date time we need to update\n        this.graphEndDateTime = null\n        this.needToUpdate = true\n      }\n    },\n    actualXAxisItem: function (newVal, oldVal) {\n      let clonedItems = JSON.parse(JSON.stringify(this.items))\n      this.removeItems(clonedItems)\n      this.graph.destroy()\n      this.chartOpts.series[0].label = this.xAxisLabel\n      this.chartOpts.scales.x.time = this.xAxisIsTime\n      this.graph = new uPlot(\n        this.chartOpts,\n        this.data,\n        document.getElementById(`chart${this.id}`),\n      )\n      if (!this.hideOverview) {\n        this.overview.destroy()\n        this.overviewOpts.scales.x.time = this.xAxisIsTime\n        this.overview = new uPlot(\n          this.overviewOpts,\n          this.data,\n          document.getElementById(`overview${this.id}`),\n        )\n      }\n      this.addItems(clonedItems)\n      // Don't need to $emit('edit') because addItems() does that\n    },\n    refreshIntervalMs: function (val) {\n      if (this.interval) {\n        clearInterval(this.interval)\n        this.interval = setInterval(() => {\n          this.updateGraphData()\n        }, val)\n      }\n    },\n  },\n  created() {\n    this.api = new OpenC3Api()\n    this.title = `Graph ${this.id}`\n    for (const [index, item] of this.items.entries()) {\n      this.data.push([]) // initialize the empty data arrays\n      this.indexes[this.subscriptionKey(item)] = index + 1\n      if (item.color === undefined) {\n        item.color = this.colors[this.colorIndex]\n      }\n      this.colorIndex++\n      if (this.colorIndex === this.colors.length) {\n        this.colorIndex = 0\n      }\n    }\n  },\n  mounted() {\n    // This code allows for temporary pulling in a patched uPlot\n    // Also note you need to add 'async' before the mounted method for await\n    // const plugin = document.createElement('script')\n    // plugin.setAttribute(\n    //   'src',\n    //   'https://leeoniya.github.io/uPlot/dist/uPlot.iife.min.js'\n    // )\n    // plugin.async = true\n    // document.head.appendChild(plugin)\n    // await new Promise(r => setTimeout(r, 500)) // Allow the js to load\n\n    // TODO: This is demo / performance code of multiple items with many data points\n    // 10 items at 500,000 each renders immediately and uses 180MB in Chrome\n    // Refresh still works, chrome is sluggish but once you pause it is very performant\n    // 500,000 pts at 1Hz is 138.9hrs .. almost 6 days\n    //\n    // 10 items at 100,000 each is very performant ... 1,000,000 pts is Qt TlmGrapher default\n    // 100,000 pts at 1Hz is 27.8hrs\n    //\n    // 100,000 takes 40ms, Chrome uses 160MB\n    // this.data = []\n    // const dataPoints = 100000\n    // const items = 10\n    // let pts = new Array(dataPoints)\n    // let times = new Array(dataPoints)\n    // let time = 1589398007\n    // let series = [{}]\n    // for (let i = 0; i < dataPoints; i++) {\n    //   times[i] = time\n    //   pts[i] = i\n    //   time += 1\n    // }\n    // this.data.push(times)\n    // for (let i = 0; i < items; i++) {\n    //   this.data.push(pts.map(x => x + i))\n    //   series.push({\n    //     label: 'Item' + i,\n    //     stroke: this.colors[i]\n    //   })\n    // }\n\n    // NOTE: These are just initial settings ... actual series are added by this.graph.addSeries\n    const { chartSeries, overviewSeries } = this.items.reduce(\n      (seriesObj, item) => {\n        const commonProps = {\n          spanGaps: true,\n        }\n        seriesObj.chartSeries.push({\n          ...commonProps,\n          item: item,\n          label: this.formatLabel(item),\n          stroke: (u, seriesIdx) => {\n            return this.items[seriesIdx - 1].color\n          },\n          width: 2,\n          value: (self, rawValue) => {\n            if (typeof rawValue === 'string' || Number.isNaN(rawValue)) {\n              return 'NaN'\n            } else {\n              return rawValue == null ? '--' : rawValue.toFixed(3)\n            }\n          },\n        })\n        seriesObj.overviewSeries.push({\n          ...commonProps,\n        })\n        return seriesObj\n      },\n      { chartSeries: [], overviewSeries: [] },\n    )\n\n    this.chartOpts = {}\n    if (this.sparkline) {\n      this.hideToolbarData = true\n      this.hideOverviewData = true\n      this.showOverview = false\n      this.chartOpts = {\n        width: this.width,\n        height: this.height,\n        pxAlign: false,\n        cursor: {\n          show: false,\n        },\n        select: {\n          show: false,\n        },\n        legend: {\n          show: false,\n        },\n        scales: {\n          x: {\n            time: false,\n          },\n        },\n        axes: [\n          {\n            show: false,\n          },\n          {\n            show: false,\n          },\n        ],\n        series: [\n          {},\n          {\n            stroke: 'white', // TODO: Light / dark theme\n          },\n        ],\n      }\n      this.graph = new uPlot(\n        this.chartOpts,\n        this.data,\n        document.getElementById(`chart${this.id}`),\n      )\n    } else {\n      // Uplot wants the real timezone name ('local' doesn't work)\n      let timeZoneName = Intl.DateTimeFormat().resolvedOptions().timeZone\n      if (this.timeZone && this.timeZone !== 'local') {\n        timeZoneName = this.timeZone\n      }\n      this.chartOpts = {\n        ...this.getSize('chart'),\n        ...this.getScales(),\n        ...this.getAxes('chart'),\n        // series: series, // TODO: Uncomment with the performance code\n        plugins: [this.linesPlugin()],\n        tzDate: (ts) => uPlot.tzDate(new Date(ts * 1e3), timeZoneName),\n        series: [\n          {\n            label: this.xAxisLabel,\n            value: (u, v) => this.xAxisFormatter(v),\n          },\n          ...chartSeries,\n        ],\n        cursor: {\n          drag: {\n            x: true,\n            y: false,\n          },\n          // Sync the cursor across graphs so mouseovers are synced\n          sync: {\n            key: 'openc3',\n            // setSeries links graphs so clicking an item to hide it also hides the other graph item\n            // setSeries: true,\n          },\n          bind: {\n            mouseup: (self, targ, handler) => {\n              return (e) => {\n                // Single click while paused will resume the graph\n                // This makes it possible to resume in TlmViewer widgets\n                if (this.state === 'pause' && self.select.width === 0) {\n                  this.$emit('start')\n                }\n                handler(e)\n              }\n            },\n          },\n        },\n        hooks: {\n          setScale: [\n            (chart, key) => {\n              if (key === 'x' && !this.zoomOverview && this.overview) {\n                this.zoomChart = true\n                let left = Math.round(\n                  this.overview.valToPos(chart.scales.x.min, 'x'),\n                )\n                let right = Math.round(\n                  this.overview.valToPos(chart.scales.x.max, 'x'),\n                )\n                this.overview.setSelect({ left, width: right - left })\n                this.zoomChart = false\n              }\n            },\n          ],\n          setSelect: [\n            (chart) => {\n              // Pause the graph while selecting a range to zoom\n              if (this.state === 'start' && chart.select.width > 0) {\n                this.$emit('pause')\n              }\n            },\n          ],\n          ready: [\n            (u) => {\n              let canvas = u.root.querySelector('.u-over')\n              canvas.addEventListener('contextmenu', (e) => {\n                e.preventDefault()\n                this.itemMenu = false\n                this.legendMenu = false\n                this.editGraphMenuX = e.clientX\n                this.editGraphMenuY = e.clientY\n                this.editGraphMenu = true\n              })\n              let legend = u.root.querySelector('.u-legend')\n              legend.addEventListener('contextmenu', (e) => {\n                e.preventDefault()\n                this.editGraphMenu = false\n                this.legendMenu = false\n                this.itemMenuX = e.clientX\n                this.itemMenuY = e.clientY\n                // Grab the closest series and then figure out which index it is\n                let seriesEl = e.target.closest('.u-series')\n                let seriesIdx = Array.prototype.slice\n                  .call(legend.childNodes[0].childNodes)\n                  .indexOf(seriesEl)\n                let series = u.series[seriesIdx]\n                if (series.item) {\n                  this.selectedItem = series.item\n                  this.itemMenu = true\n                } else {\n                  this.itemMenu = false\n                  this.legendMenuX = e.clientX\n                  this.legendMenuY = e.clientY\n                  this.legendMenu = true\n                }\n              })\n              // Append the info to the legend\n              legend.querySelector('tbody').appendChild(this.$refs.info)\n            },\n          ],\n        },\n      }\n      this.graph = new uPlot(\n        this.chartOpts,\n        this.data,\n        document.getElementById(`chart${this.id}`),\n      )\n\n      this.overviewOpts = {\n        ...this.getSize('overview'),\n        ...this.getScales(),\n        ...this.getAxes('overview'),\n        // series: series, // TODO: Uncomment with the performance code\n        tzDate: (ts) => uPlot.tzDate(new Date(ts * 1e3), timeZoneName),\n        series: [...overviewSeries],\n        cursor: {\n          y: false,\n          drag: {\n            setScale: false,\n            x: true,\n            y: false,\n          },\n        },\n        legend: {\n          show: false,\n        },\n        hooks: {\n          setSelect: [\n            (chart) => {\n              if (!this.zoomChart) {\n                // Pause the graph while selecting an overview range to zoom\n                if (this.state === 'start' && chart.select.width > 0) {\n                  this.$emit('pause')\n                }\n                this.zoomOverview = true\n                let min = chart.posToVal(chart.select.left, 'x')\n                let max = chart.posToVal(\n                  chart.select.left + chart.select.width,\n                  'x',\n                )\n                this.graph.setScale('x', { min, max })\n                this.zoomOverview = false\n              }\n            },\n          ],\n        },\n      }\n      if (!this.hideOverview) {\n        this.overview = new uPlot(\n          this.overviewOpts,\n          this.data,\n          document.getElementById(`overview${this.id}`),\n        )\n      }\n      this.moveLegend(this.legendPosition)\n      this.applyHideLegend(this.legendHidden)\n\n      // Allow the charts to dynamically resize when the window resizes\n      window.addEventListener('resize', this.resize)\n    }\n\n    if (this.playbackMode !== 'playback') {\n      if (this.state !== 'stop') {\n        this.startGraph()\n      }\n    } else {\n      this.setupPlaybackMode()\n    }\n  },\n  beforeUnmount: function () {\n    this.stopGraph()\n    this.cable.disconnect()\n    window.removeEventListener('resize', this.resize)\n  },\n  methods: {\n    setupPlaybackMode: function () {\n      this.stopGraph()\n      this.clearAllData()\n      const screenItems = this.itemSubscriptionKeys.map((key) => {\n        return key.split('__').slice(2).join('__')\n      })\n      if (this.actualXAxisItem === DEFAULT_X_AXIS_ITEM) {\n        // When in playback we don't have the DEFAULT_X_AXIS_ITEM '__time' available from the stream\n        // So parse the first item and add the PACKET_TIMESECONDS from that target / packet\n        const tgtpkt = screenItems[0].split('__').slice(0, 2).join('__')\n        screenItems.unshift(`${tgtpkt}__PACKET_TIMESECONDS__RAW`)\n      } else if (!this.xAxisIsAlsoGraphedItem) {\n        // We need to add the x-axis item if it isn't already being graphed\n        screenItems.unshift(this.actualXAxisItem)\n      }\n      this.api.get_tlm_available(screenItems).then((data) => {\n        this.graphItems = data\n        // This must be the same or we're going to have problems\n        // because the data comes back in an ordered array\n        if (screenItems.length != data.length) {\n          // eslint-disable-next-line no-console\n          console.log(\n            'Error getting tlm available',\n            screenItems,\n            this.graphItems,\n          )\n        }\n      })\n    },\n    startGraph: function () {\n      this.subscribe()\n      this.interval = setInterval(() => {\n        this.updateGraphData()\n      }, this.refreshIntervalMs)\n    },\n    stopGraph: function () {\n      if (this.processingRAF !== null) {\n        cancelAnimationFrame(this.processingRAF)\n        this.processingRAF = null\n      }\n      this.pendingData = []\n      if (this.subscription) {\n        this.subscription.unsubscribe()\n        this.subscription = null\n      }\n      if (this.interval) {\n        clearInterval(this.interval)\n        this.interval = null\n      }\n    },\n    updateGraphData: function () {\n      // Ignore changes to the data while we're paused\n      if (this.state === 'pause' || !this.dataChanged) {\n        return\n      }\n      // Throttle renders while still receiving/processing burst data\n      // to avoid expensive re-renders every 200ms during historical data floods\n      if (this.pendingData.length > 0 || this.processingRAF !== null) {\n        if (performance.now() - this.lastRenderTime < 1000) {\n          return\n        }\n      }\n      this.graph.setData(this.data)\n      if (this.overview) {\n        this.overview.setData(this.data)\n      }\n      this.lastRenderTime = performance.now()\n\n      const xAxisData = this.data[0]\n      if (xAxisData && xAxisData.length) {\n        let max = xAxisData.at(-1)\n        const possibleMinValues = [xAxisData.at(0)]\n        if (this.pointsGraphed <= xAxisData.length) {\n          possibleMinValues.push(xAxisData.at(-this.pointsGraphed))\n        }\n        if (this.xAxisIsTime) {\n          possibleMinValues.push(max - this.secondsGraphed)\n        }\n        const min = Math.max(...possibleMinValues)\n        if (min === max) {\n          max += 1\n        }\n        this.graph.setScale('x', { min, max })\n      } else if (this.graphStartDateTime) {\n        const min = this.graphStartDateTime / 1_000_000_000\n        const max = this.graphEndDateTime\n          ? this.graphEndDateTime / 1_000_000_000\n          : Date.now() / 1000\n        this.graph.setScale('x', { min, max })\n        this.$notify.caution({\n          title: 'Empty graph data',\n          body: 'No data was returned for the selected time range.',\n        })\n      }\n\n      this.dataChanged = false\n    },\n    formatLabel(item) {\n      if (item.valueType === 'CONVERTED' && item.reduced === 'DECOM') {\n        return item.itemName\n      } else {\n        let description = ''\n        // Only display valueType if we're not CONVERTED\n        if (item.valueType !== 'CONVERTED') {\n          description += item.valueType\n        }\n        // Only display reduced if we're not DECOM\n        if (item.reduced !== 'DECOM') {\n          // If we already have the valueType add a space\n          if (description !== '') {\n            description += ' '\n          }\n          description += `${item.reduced.split('_')[1]} ${item.reducedType}`\n        }\n        return `${item.itemName} (${description})`\n      }\n    },\n    applyHideLegend: function (hide) {\n      if (!this.graph) return\n      const legend = this.graph.root.querySelector('.u-legend')\n      if (legend) {\n        legend.style.display = hide ? 'none' : ''\n      }\n      this.resize()\n    },\n    legendHide: function () {\n      this.legendHidden = true\n      this.$emit('hide-legend')\n    },\n    moveLegend: function (desired) {\n      switch (desired) {\n        case 'bottom':\n          this.graph.root.classList.remove('side-legend')\n          this.graph.root.classList.remove('left-legend')\n          this.graph.root.classList.remove('top-legend')\n          break\n        case 'top':\n          this.graph.root.classList.remove('side-legend')\n          this.graph.root.classList.remove('left-legend')\n          this.graph.root.classList.add('top-legend')\n          break\n        case 'left':\n          this.graph.root.classList.remove('top-legend')\n          this.graph.root.classList.add('side-legend')\n          this.graph.root.classList.add('left-legend')\n          break\n        case 'right':\n          this.graph.root.classList.remove('top-legend')\n          this.graph.root.classList.remove('left-legend')\n          this.graph.root.classList.add('side-legend')\n          break\n      }\n      this.legendPosition = desired\n      this.resize()\n    },\n    clearErrors: function () {\n      this.errors = []\n    },\n    editGraphClose: function (graph) {\n      this.editGraph = false\n      this.title = graph.title\n      // Don't need to copy items because we don't modify them\n      this.legendPosition = graph.legendPosition\n      this.graphMinY = graph.graphMinY\n      this.graphMaxY = graph.graphMaxY\n      this.lines = [...graph.lines]\n      this.graphStartDateTime = graph.startDateTime\n      this.graphEndDateTime = graph.endDateTime\n      // Allow the watch to update needToUpdate\n      this.$nextTick(() => {\n        if (this.needToUpdate) {\n          if (this.subscription == null) {\n            this.startGraph()\n          } else {\n            // NOTE: removing and adding back to back broke the streaming_api\n            // because the messages got out of order (add before remove)\n            // Code in openc3-cosmos-cmd-tlm-api/app/channels/application_cable/channel.rb\n            // fixed the issue to enforce ordering.\n            // Clone the items first because removeItems modifies this.items\n            let clonedItems = JSON.parse(JSON.stringify(this.items))\n            this.removeItems(clonedItems)\n            setTimeout(() => {\n              this.addItems(clonedItems)\n            }, 0)\n          }\n          this.needToUpdate = false\n        }\n      })\n      this.moveLegend(this.legendPosition)\n      this.$emit('edit')\n    },\n    resize: function () {\n      if (!this.graph) return\n      this.graph.setSize(this.getSize('chart'))\n      if (this.overview) {\n        this.overview.setSize(this.getSize('overview'))\n      }\n      this.$emit('resize', this.id)\n    },\n    expandAll: function () {\n      this.fullWidth = true\n      this.fullHeight = true\n      this.resize()\n    },\n    collapseAll: function () {\n      this.fullWidth = false\n      this.fullHeight = false\n      this.resize()\n    },\n    expandWidth: function () {\n      this.fullWidth = true\n      this.resize()\n    },\n    collapseWidth: function () {\n      this.fullWidth = false\n      this.resize()\n    },\n    expandHeight: function () {\n      this.fullHeight = true\n      this.resize()\n    },\n    collapseHeight: function () {\n      this.fullHeight = false\n      this.resize()\n    },\n    minMaxTransition: function () {\n      this.expand = !this.expand\n      this.$emit('min-max-graph', this.id)\n    },\n    setGraphRange: function () {\n      let pad = 0.1\n      if (\n        this.graphMinY ||\n        this.graphMinY === 0 ||\n        this.graphMaxY ||\n        this.graphMaxY === 0\n      ) {\n        pad = 0\n      }\n      this.graph.scales.y.range = (u, dataMin, dataMax) => {\n        let min = dataMin\n        if (this.graphMinY || this.graphMinY === 0) {\n          min = this.graphMinY\n        }\n        let max = dataMax\n        if (this.graphMaxY || this.graphMaxY === 0) {\n          max = this.graphMaxY\n        }\n        return uPlot.rangeNum(min, max, pad, true)\n      }\n    },\n    subscribe: function () {\n      this.cable\n        .createSubscription('StreamingChannel', window.openc3Scope, {\n          received: (data) => this.received(data),\n          connected: () => {\n            const itemsToAdd = [...this.items]\n            if (!this.xAxisIsDefault && !this.xAxisIsAlsoGraphedItem) {\n              itemsToAdd.push(this.actualXAxisItem)\n            }\n            this.addItemsToSubscription(itemsToAdd)\n          },\n          disconnected: (data) => {\n            // If allowReconnect is true it means we got a disconnect due to connection lost or server disconnect\n            // If allowReconnect is false this is a normal server close or client close\n            if (data.allowReconnect) {\n              this.errors.push({\n                type: 'disconnected',\n                message: 'OpenC3 backend connection disconnected',\n                time: new Date().getTime(),\n              })\n            }\n          },\n          rejected: () => {\n            this.errors.push({\n              type: 'rejected',\n              message: 'OpenC3 backend connection rejected',\n              time: new Date().getTime(),\n            })\n          },\n        })\n        .then((subscription) => {\n          this.subscription = subscription\n        })\n    },\n    // throttle(cb, limit) {\n    //   let wait = false\n    //   return () => {\n    //     if (!wait) {\n    //       requestAnimationFrame(cb)\n    //       wait = true\n    //       setTimeout(() => {\n    //         wait = false\n    //       }, limit)\n    //     }\n    //   }\n    // },\n    getSize: function (type) {\n      let navDrawerWidth = 0\n      const navDrawer = document.getElementById('openc3-nav-drawer')\n      if (navDrawer) {\n        navDrawerWidth = navDrawer.classList.contains(\n          'v-navigation-drawer--active',\n        )\n          ? navDrawer.clientWidth\n          : 0\n      }\n      let legendWidth = 0\n      if (this.legendPosition === 'right' || this.legendPosition === 'left') {\n        const legend = document.getElementsByClassName('u-legend')[0]\n        legendWidth = legend.clientWidth\n      }\n      const viewWidth =\n        Math.max(document.documentElement.clientWidth, window.innerWidth || 0) -\n        navDrawerWidth -\n        legendWidth\n      const viewHeight = Math.max(\n        document.documentElement.clientHeight,\n        window.innerHeight || 0,\n      )\n\n      const panel = document.getElementsByClassName('v-expansion-panel')[0]\n      let height = 100\n      if (type === 'overview') {\n        // Show overview if we're full height and we're not explicitly hiding it\n        if (this.fullHeight && !this.hideOverviewData) {\n          this.showOverview = true\n        } else {\n          this.showOverview = false\n        }\n      } else {\n        // Height of chart is viewportSize - expansion-panel - overview - fudge factor (primarily padding)\n        height = viewHeight - panel.clientHeight - height - 250\n        if (!this.fullHeight) {\n          height = height / 2.0 + 10 // 5px padding top and bottom\n        }\n      }\n      // subtract off some arbitrary padding left and right to make the layout work\n      let width = viewWidth - 70\n      if (!this.fullWidth) {\n        // 6px padding left and right defined in TlmGrapher.vue .item-content\n        width = width / 2.0 - 12\n      }\n      return {\n        width: this.width || width,\n        height: this.height || height,\n      }\n    },\n    getScales: function () {\n      return {\n        scales: {\n          x: {\n            range: (u, dataMin, dataMax) => {\n              if (dataMin == null) {\n                if (this.graphStartDateTime) {\n                  const max = this.graphEndDateTime\n                    ? this.graphEndDateTime / 1_000_000_000\n                    : Date.now() / 1000\n                  return [this.graphStartDateTime / 1_000_000_000, max]\n                }\n                if (this.xAxisIsTime) {\n                  const now = Date.now() / 1000\n                  return [now - 3600, now] // 1hr\n                }\n                return [0, 1]\n              }\n              return [dataMin, dataMax]\n            },\n            time: this.xAxisIsTime,\n          },\n          y: {\n            range: (u, dataMin, dataMax) => {\n              if (dataMin == null) return [-100, 100]\n              return uPlot.rangeNum(dataMin, dataMax, 0.1, true)\n            },\n          },\n        },\n      }\n    },\n    getAxes: function (type) {\n      let strokeColor = 'rgba(255, 255, 255, .1)'\n      let axisColor = 'white'\n      return {\n        axes: [\n          {\n            stroke: axisColor,\n            grid: {\n              show: true,\n              stroke: strokeColor,\n              width: 2,\n            },\n          },\n          {\n            size: 80, // This size supports values up to 8 digits plus sign\n            stroke: axisColor,\n            grid: {\n              show: type === 'overview' ? false : true,\n              stroke: strokeColor,\n              width: 2,\n            },\n            // Forces the axis values to be formatted correctly\n            // especially with really small or large values\n            values(u, splits) {\n              if (\n                splits.some((el) => el >= 10000000) ||\n                splits.every((el) => el < 0.01)\n              ) {\n                splits = splits.map((split) => split.toExponential(3))\n              }\n              return splits\n            },\n          },\n        ],\n      }\n    },\n    closeEditItem: function (event) {\n      this.editItem = false\n      if (\n        // If we have an end time and anything was changed we basically regraph\n        (this.graphEndDateTime !== null && this.selectedItem !== event) ||\n        // If we're live graphing we just regraph if the types change\n        this.selectedItem.valueType !== event.valueType ||\n        this.selectedItem.reduced !== event.reduced ||\n        this.selectedItem.reducedType !== event.reducedType\n      ) {\n        this.changeItem(event)\n      }\n    },\n    changeColor: function (event) {\n      let key = this.subscriptionKey(this.selectedItem)\n      let index = this.indexes[key]\n      this.items[index - 1].color = event\n      this.selectedItem.color = event\n      this.graph.root.querySelectorAll('.u-marker')[index].style.borderColor =\n        event\n    },\n    changeLimits: function (limits) {\n      let key = this.subscriptionKey(this.selectedItem)\n      let index = this.indexes[key]\n      this.items[index - 1].limits = limits\n      this.selectedItem.limits = limits\n      this.limitsValues = limits\n    },\n    linesPlugin: function () {\n      return {\n        hooks: {\n          draw: (u) => {\n            const { ctx, bbox } = u\n            // These are all in canvas units\n            const yMin = u.valToPos(u.scales.y.min, 'y', true)\n            const yMax = u.valToPos(u.scales.y.max, 'y', true)\n            const redLow = u.valToPos(this.limitsValues[0], 'y', true)\n            const yellowLow = u.valToPos(this.limitsValues[1], 'y', true)\n            const yellowHigh = u.valToPos(this.limitsValues[2], 'y', true)\n            const redHigh = u.valToPos(this.limitsValues[3], 'y', true)\n\n            // NOTE: These comparisons are tricky because the canvas\n            // starts in the upper left with 0,0. Thus it grows downward\n            // and to the right with increasing values. The comparisons\n            // of scale and limitsValues use graph coordinates but the\n            // fillRect calculations use the canvas coordinates.\n\n            // Draw Y axis lines\n            this.lines.forEach((line) => {\n              if (\n                u.scales.y.min <= line.yValue &&\n                line.yValue <= u.scales.y.max\n              ) {\n                ctx.save()\n                ctx.beginPath()\n                ctx.strokeStyle = line.color\n                ctx.lineWidth = 2\n                ctx.moveTo(bbox.left, u.valToPos(line.yValue, 'y', true))\n                ctx.lineTo(\n                  bbox.left + bbox.width,\n                  u.valToPos(line.yValue, 'y', true),\n                )\n                ctx.stroke()\n                ctx.restore()\n              }\n            })\n\n            ctx.save()\n            ctx.beginPath()\n\n            // Draw red limits\n            ctx.fillStyle = 'rgba(255,0,0,0.15)'\n            if (u.scales.y.min < this.limitsValues[0]) {\n              let start = redLow < yMax ? yMax : redLow\n              ctx.fillRect(bbox.left, redLow, bbox.width, yMin - start)\n            }\n            if (u.scales.y.max > this.limitsValues[3]) {\n              let end = yMin < redHigh ? yMin : redHigh\n              ctx.fillRect(bbox.left, yMax, bbox.width, end - yMax)\n            }\n\n            // Draw yellow limits\n            ctx.fillStyle = 'rgba(255,255,0,0.15)'\n            if (\n              u.scales.y.min < this.limitsValues[1] && // yellowLow\n              u.scales.y.max > this.limitsValues[0] // redLow\n            ) {\n              let start = yellowLow < yMax ? yMax : yellowLow\n              ctx.fillRect(bbox.left, start, bbox.width, redLow - start)\n            }\n            if (\n              u.scales.y.max > this.limitsValues[2] && // yellowHigh\n              u.scales.y.min < this.limitsValues[3] // redHigh\n            ) {\n              let start = yMin < redHigh ? yMin : redHigh\n              let end = yMin < yellowHigh ? yMin : yellowHigh\n              ctx.fillRect(bbox.left, start, bbox.width, end - start)\n            }\n\n            // Draw green limits & operational limits\n            ctx.fillStyle = 'rgba(0,255,0,0.15)'\n            // If there are no operational limits the interior is all green\n            if (this.limitsValues.length === 4) {\n              // Determine if we show any green\n              if (\n                u.scales.y.min < this.limitsValues[2] && // yellowHigh\n                u.scales.y.max > this.limitsValues[1] // yellowLow\n              ) {\n                let start = yellowHigh < yMax ? yMax : yellowHigh\n                let end = yMin < yellowLow ? yMin : yellowLow\n                ctx.fillRect(bbox.left, start, bbox.width, end - start)\n              }\n            } else {\n              // Operational limits\n              const greenLow = u.valToPos(this.limitsValues[4], 'y', true)\n              const greenHigh = u.valToPos(this.limitsValues[5], 'y', true)\n              if (\n                u.scales.y.min < this.limitsValues[4] && // greenLow\n                u.scales.y.max > this.limitsValues[1] // yellowLow\n              ) {\n                let start = greenLow < yMax ? yMax : greenLow\n                ctx.fillRect(bbox.left, start, bbox.width, yellowLow - start)\n              }\n              if (\n                u.scales.y.max > this.limitsValues[5] && // greenHigh\n                u.scales.y.min < this.limitsValues[2] // yellowHigh\n              ) {\n                let start = yMin < yellowHigh ? yMin : yellowHigh\n                let end = yMin < greenHigh ? yMin : greenHigh\n                ctx.fillRect(bbox.left, start, bbox.width, end - start)\n              }\n              ctx.fillStyle = 'rgba(0,0,255,0.15)'\n              let start = greenHigh < yMax ? yMax : greenHigh\n              let end = yMin < greenLow ? yMin : greenLow\n              ctx.fillRect(bbox.left, start, bbox.width, end - start)\n            }\n            ctx.stroke()\n            ctx.restore()\n          },\n        },\n      }\n    },\n    changeItem: function (event) {\n      // NOTE: removing and adding items back to back broke the streaming_api\n      // because the messages got out of order (add before remove)\n      // Code in openc3-cosmos-cmd-tlm-api/app/channels/application_cable/channel.rb\n      // fixed the issue to enforce ordering.\n      this.removeItems([this.selectedItem])\n      this.selectedItem.valueType = event.valueType\n      this.selectedItem.reduced = event.reduced\n      this.selectedItem.reducedType = event.reducedType\n      setTimeout(() => {\n        this.addItems([this.selectedItem])\n      }, 0)\n    },\n    addItems: function (itemArray, type = 'CONVERTED') {\n      itemArray.forEach((item) => {\n        item.valueType ||= type // set the default type\n        item.color ||= this.colors[this.colorIndex]\n        item.limits ||= []\n\n        if (item.limits.length > 0) {\n          this.limitsValues = item.limits\n        }\n\n        this.colorIndex = (this.colorIndex + 1) % this.colors.length\n        this.items.push(item)\n\n        const index = this.data.length\n        this.graph.addSeries(this.createSeriesConfig(item), index)\n\n        if (this.overview) {\n          this.overview.addSeries(this.createOverviewSeriesConfig(), index)\n        }\n\n        this.data.splice(index, 0, Array(this.data[0].length))\n        this.indexes[this.subscriptionKey(item)] = index\n      })\n\n      this.updateColorIndex(itemArray)\n      if (!this.xAxisIsDefault) {\n        itemArray.push(this.actualXAxisItem)\n      }\n      this.addItemsToSubscription(itemArray)\n      this.$emit('resize')\n      this.$emit('edit')\n    },\n    createSeriesConfig: function (item) {\n      return {\n        spanGaps: true,\n        item: item,\n        label: this.formatLabel(item),\n        stroke: (u, seriesIdx) => this.items[seriesIdx - 1].color,\n        width: 2,\n        value: (self, rawValue) => {\n          if (typeof rawValue === 'string' || Number.isNaN(rawValue)) {\n            return 'NaN'\n          } else if (rawValue == null) {\n            return '--'\n          } else if (\n            (Math.abs(rawValue) < 0.01 && rawValue !== 0) ||\n            Math.abs(rawValue) >= 10000000\n          ) {\n            return rawValue.toExponential(6)\n          } else {\n            return rawValue.toFixed(6)\n          }\n        },\n      }\n    },\n    createOverviewSeriesConfig: function () {\n      return {\n        spanGaps: true,\n        stroke: (u, seriesIdx) => this.items[seriesIdx - 1].color,\n      }\n    },\n    updateColorIndex: function (itemArray) {\n      const lastItem = itemArray[itemArray.length - 1]\n      if (lastItem) {\n        const index = this.colors.indexOf(lastItem.color)\n        if (index !== -1) {\n          this.colorIndex = (index + 1) % this.colors.length\n        }\n      }\n    },\n    addItemsToSubscription: function (itemArray = this.items) {\n      let theStartTime = this.startTime\n      if (this.graphStartDateTime) {\n        theStartTime = this.graphStartDateTime\n      }\n      const items = itemArray.map((item) => {\n        if (typeof item === 'object') {\n          return this.subscriptionKey(item)\n        } else if (typeof item === 'string') {\n          return item\n        } else {\n          throw new Error(\n            `Invalid subscription item type for ${item}: ${typeof item}`,\n          )\n        }\n      })\n      if (this.subscription) {\n        OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(\n          (refreshed) => {\n            if (refreshed) {\n              OpenC3Auth.setTokens()\n            }\n            this.subscription.perform('add', {\n              scope: window.openc3Scope,\n              token: localStorage.openc3Token,\n              items: items,\n              start_time: theStartTime,\n              end_time: this.graphEndDateTime,\n            })\n          },\n        )\n      }\n    },\n    clearAllData: function () {\n      // Clear all data so delete the time data as well\n      this.data[0] = []\n      this.clearData(this.items)\n    },\n    clearData: function (itemArray) {\n      for (const key of itemArray.map(this.subscriptionKey)) {\n        let index = this.indexes[key]\n        this.data[index] = Array(this.data[0].length).fill(null)\n        this.graph.setData(this.data)\n        if (this.overview) {\n          this.overview.setData(this.data)\n        }\n      }\n      // data.length of 2 means we only have 1 item\n      // so delete all the time (data[0]) to start fresh\n      if (this.data.length === 2) {\n        this.data[0] = []\n        this.graph.setData(this.data)\n        if (this.overview) {\n          this.overview.setData(this.data)\n        }\n      }\n    },\n    removeItems: function (itemArray) {\n      this.removeItemsFromSubscription(itemArray)\n\n      for (const key of itemArray.map(this.subscriptionKey)) {\n        const index = this.reorderIndexes(key)\n        this.items.splice(index - 1, 1)\n        this.data.splice(index, 1)\n        this.graph.delSeries(index)\n        this.graph.setData(this.data)\n        if (this.overview) {\n          this.overview.delSeries(index)\n          this.overview.setData(this.data)\n        }\n      }\n      // data.length of 1 means we've deleted all our items\n      // so delete all the time (data[0]) to start fresh\n      if (this.data.length === 1) {\n        this.data[0] = []\n        this.graph.setData(this.data)\n        if (this.overview) {\n          this.overview.setData(this.data)\n        }\n      }\n      this.$emit('resize')\n      this.$emit('edit')\n    },\n    removeItemsFromSubscription: function (itemArray = this.items) {\n      if (this.subscription) {\n        const items = itemArray.map((item) => {\n          if (typeof item === 'object') {\n            return this.subscriptionKey(item)\n          } else if (typeof item === 'string') {\n            return item\n          } else {\n            throw new Error(\n              `Invalid subscription item type for ${item}: ${typeof item}`,\n            )\n          }\n        })\n        this.subscription.perform('remove', {\n          scope: window.openc3Scope,\n          token: localStorage.openc3Token,\n          items: items,\n        })\n      }\n    },\n    reorderIndexes: function (key) {\n      let index = this.indexes[key]\n      delete this.indexes[key]\n      for (let i in this.indexes) {\n        if (this.indexes[i] > index) {\n          this.indexes[i] -= 1\n        }\n      }\n      return index\n    },\n    received: function (data) {\n      this.cable.recordPing()\n      // Buffer incoming data and schedule processing via requestAnimationFrame\n      // to prevent blocking the main thread during historical data floods\n      this.pendingData.push(data)\n      if (this.processingRAF === null) {\n        this.processingRAF = requestAnimationFrame(() =>\n          this.processReceivedData(),\n        )\n      }\n    },\n    // Drains the pendingData buffer in a time-boxed loop. Each call is\n    // triggered by a single requestAnimationFrame scheduled in received().\n    // When processing exceeds MAX_PROCESSING_MS we schedule another frame\n    // so the browser can paint and handle user input between batches.\n    processReceivedData: function () {\n      // The rAF that invoked us has already fired, so clear the handle\n      this.processingRAF = null\n      const startTime = performance.now()\n      while (this.pendingData.length > 0) {\n        const batch = this.pendingData.shift()\n        this.processDataBatch(batch)\n        // Yield to the browser if processing is taking too long\n        if (\n          performance.now() - startTime > MAX_PROCESSING_MS &&\n          this.pendingData.length > 0\n        ) {\n          this.processingRAF = requestAnimationFrame(() =>\n            this.processReceivedData(),\n          )\n          break\n        }\n      }\n    },\n    processDataBatch: function (data) {\n      for (let i = 0; i < data.length; i++) {\n        if (!data[i].hasOwnProperty(this.actualXAxisItem)) {\n          // This happens if the streaming thread was already sending something when we switched xAxisItems.\n          // Nothing we can do but throw away the point. It'll come back when the graph is reset anyway.\n          continue\n        }\n        let xAxisVal = this.xAxisConverter(data[i][this.actualXAxisItem])\n        let length = this.data[0].length\n        if (length === 0 || xAxisVal > this.data[0][length - 1]) {\n          // Nominal case - append new data to end\n          for (let j = 0; j < this.data.length; j++) {\n            this.data[j].push(null)\n          }\n          this.setDataAtIndex(this.data[0].length - 1, xAxisVal, data[i])\n        } else if (xAxisVal === this.data[0][length - 1]) {\n          // Same timestamp as last point - merge data into existing slot\n          this.setDataAtIndex(length - 1, xAxisVal, data[i])\n        } else {\n          let index = bs(this.data[0], xAxisVal, this.bsComparator)\n          if (index >= 0) {\n            // Found a slot with the exact same time value - merge data into it\n            this.setDataAtIndex(index, xAxisVal, data[i])\n          } else {\n            // Insert a new null slot at the ideal index for a new out-of-order timestamp\n            const idealIndex = -index - 1\n            for (let j = 0; j < this.data.length; j++) {\n              this.data[j].splice(idealIndex, 0, null)\n            }\n            this.setDataAtIndex(idealIndex, xAxisVal, data[i])\n          }\n        }\n      }\n\n      // Enforce pointsSaved limit - remove oldest data points if exceeded\n      // Add 300 point buffer to avoid removing points too often\n      if (\n        this.pointsSaved > 0 &&\n        this.data[0].length > this.pointsSaved + 300\n      ) {\n        const pointsToRemove = this.data[0].length - this.pointsSaved\n        for (let j = 0; j < this.data.length; j++) {\n          this.data[j].splice(0, pointsToRemove)\n        }\n      }\n\n      // If we weren't passed a startTime notify grapher of our start\n      if (this.startTime == null && this.data[0][0]) {\n        let newStartTime = this.data[0][0] * 1_000_000_000\n        this.$emit('started', newStartTime)\n      }\n      this.dataChanged = true\n    },\n    bsComparator: function (element, needle) {\n      return element - needle\n    },\n    setDataAtIndex: function (index, xAxisVal, newData) {\n      this.data[0][index] = xAxisVal\n      for (const [key, value] of Object.entries(newData)) {\n        if (key === this.actualXAxisItem && !this.xAxisIsAlsoGraphedItem) {\n          continue\n        }\n        const keyIndex = this.indexes[key]\n        if (keyIndex) {\n          let array = this.data[keyIndex]\n          // NaN and Infinite values are sent as objects with raw attribute set\n          // to 'NaN', '-Infinity', or 'Infinity', just set data to null\n          if (value?.raw) {\n            array[index] = null\n          } else if (typeof value !== 'number') {\n            // Can only graph numbers so just set to null\n            array[index] = null\n            this.notifyNonNumeric = true\n            // If it's not already RAW, change the type to RAW\n            // NOTE: Some items are RAW strings so they won't ever work\n            if (!key.includes('__RAW')) {\n              for (let item of this.items) {\n                if (this.subscriptionKey(item) === key) {\n                  this.selectedItem = item\n                  break\n                }\n              }\n              this.changeItem({\n                valueType: 'RAW',\n                reduced: this.selectedItem.reduced,\n                reducedType: this.selectedItem.reducedType,\n              })\n            }\n          } else {\n            array[index] = value\n          }\n        }\n      }\n    },\n    subscriptionKey: function (item) {\n      let key = `${item.reduced}__TLM__${item.targetName}__${item.packetName}__${item.itemName}__${item.valueType}`\n      if (\n        item.reduced === 'REDUCED_MINUTE' ||\n        item.reduced === 'REDUCED_HOUR' ||\n        item.reduced === 'REDUCED_DAY'\n      ) {\n        key += `__${item.reducedType}`\n      }\n      return key\n    },\n  },\n}\n</script>\n\n<style>\n.v-window-item {\n  background-color: var(--color-background-surface-default);\n}\n\n/* left right stacked legend */\n.uplot.side-legend {\n  display: flex;\n  width: auto;\n}\n\n.uplot.side-legend .u-wrap {\n  flex: none;\n}\n\n.uplot.side-legend .u-legend {\n  text-align: left;\n  margin-left: 0;\n  width: 220px;\n}\n\n.uplot.side-legend .u-legend,\n.uplot.side-legend .u-legend tr,\n.uplot.side-legend .u-legend th,\n.uplot.side-legend .u-legend td {\n  display: revert;\n}\n\n/* left side we need to order the legend before the plot */\n.uplot.left-legend .u-legend {\n  order: -1;\n}\n\n/* top legend */\n.uplot.top-legend {\n  display: flex;\n  flex-direction: column;\n}\n\n.uplot.top-legend .u-legend {\n  order: -1;\n}\n\n/* This value is large enough to support negative scientific notation\n   that we use on the value with rawValue.toExponential(6) */\n.u-legend.u-inline .u-series .u-value {\n  width: 105px;\n}\n\n/* This value is large enough to support our date format: YYYY-MM-DD HH:MM:SS.sss */\n.u-legend.u-inline .u-series:first-child .u-value {\n  width: 185px;\n}\n\n.u-select {\n  background-color: rgba(255, 255, 255, 0.07);\n}\n</style>\n<style scoped>\n.active {\n  background-color: var(--color-background-surface-selected) !important;\n}\n</style>\n"],"names":["_sfc_main","OpenC3TimePicker","TargetPacketItemChooser","TimeFilters","value","isValid","parse","itemId","item","date","toDate","dline","i","enabled","selection","xAxisItemKey","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_createBlock","_component_v_dialog","$options","$event","_ctx","_createVNode","_component_v_toolbar","_component_v_spacer","_cache","_createElementVNode","_component_v_card","_component_v_tabs","_component_v_tab","_component_v_tabs_window","_component_v_tabs_window_item","_component_v_row","_component_v_col","_component_v_card_text","_component_v_text_field","_component_v_select","_component_OpenC3TimePicker","_component_v_list","_component_v_list_item","_component_v_btn","_openBlock","_createElementBlock","_Fragment","$props","_component_v_checkbox","_component_target_packet_item_chooser","_component_v_data_table","_withCtx","_component_v_card_actions","OpenC3Api","details","key","_component_v_card_title","_toDisplayString","DEFAULT_X_AXIS_ITEM","MAX_PROCESSING_MS","GraphEditDialog","GraphEditItemDialog","useStore","Cable","targetName","packetName","val","timeItems","newVal","newState","oldState","_newState","_oldState","data","rows","row","j","error","newData","oldData","oldVal","clonedItems","uPlot","index","chartSeries","overviewSeries","seriesObj","commonProps","u","seriesIdx","self","rawValue","timeZoneName","ts","v","targ","handler","e","chart","left","right","legend","seriesEl","series","min","max","screenItems","tgtpkt","xAxisData","possibleMinValues","description","hide","desired","graph","pad","dataMin","dataMax","itemsToAdd","subscription","type","navDrawerWidth","navDrawer","legendWidth","viewWidth","viewHeight","panel","height","width","now","strokeColor","axisColor","splits","el","split","event","limits","ctx","bbox","yMin","yMax","redLow","yellowLow","yellowHigh","redHigh","line","start","end","greenLow","greenHigh","itemArray","lastItem","theStartTime","items","refreshed","startTime","batch","xAxisVal","length","bs","idealIndex","pointsToRemove","newStartTime","element","needle","keyIndex","array","_normalizeClass","$data","_vShow","_component_v_tooltip","props","_component_v_icon","_mergeProps","_component_v_expand_transition","_withDirectives","_component_graph_edit_dialog","_component_v_textarea","_component_v_menu","_component_v_list_item_title","_createTextVNode","_component_graph_edit_item_dialog","_component_v_list_subheader","_component_v_divider"],"mappings":"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"}

package/dist/GraphWidget-BdP0xM_P.cjs

@@ -0,0 +1,2 @@
+"use strict";const T=require("./Widget-Ddu_kuTL.cjs"),b=require("./format-qjtPogBb.cjs"),n=require("./parse-D8syXcjd.cjs"),y=require("./addMonths-Ds2ObZwt.cjs");function S(e,a,s){return n.addDays(e,-a,s)}function k(e,a,s){return y.addMonths(e,-a,s)}function I(e,a,s){const{years:r=0,months:t=0,weeks:i=0,days:h=0,hours:o=0,minutes:d=0,seconds:c=0}=a,u=k(e,t+r*12,s),m=S(u,h+i*7,s),p=d+o*60,l=(c+p*60)*1e3;return b.constructFrom(e,+m-l)}const f={mixins:[T.Widget],data:function(){return{id:Math.floor(Math.random()*1e11),state:"start",items:[{targetName:this.parameters[0],packetName:this.parameters[1],itemName:this.parameters[2],valueType:this.parameters[3]||"CONVERTED",reduced:this.parameters[4]||"DECOM",reducedType:this.parameters[5]||null}],startTime:null,secondsGraphed:3600,pointsSaved:3600,pointsGraphed:3600,size:{height:300,width:400}}},created:function(){this.appliedSettings.forEach(e=>{switch(e[0]){case"ITEM":this.items.push({targetName:e[1],packetName:e[2],itemName:e[3],valueType:e[4]||"CONVERTED",reduced:e[5]||"DECOM",reducedType:e[6]||null});break;case"STARTTIME":let a=n.parse(e[1],"yyyy/MM/dd HH:mm:ss",new Date);this.startTime=a.getTime()*1e6;break;case"HISTORY":let s=parseInt(e[1].slice(0,e[1].length-1)),r=null,t=1;switch(e[1][e[1].length-1]){case"d":r="days",t=3600*24;break;case"h":r="hours",t=3600;break;case"m":r="minutes",t=60;break;case"s":r="seconds";break;default:throw new Error(`Unknown time suffix: ${e[1]}!`)}let i={};i[r]=s,this.startTime=I(new Date,i).getTime()*1e6,s*t>this.secondsGraphed&&(this.secondsGraphed=s*t),s*t>this.pointsSaved&&(this.pointsSaved=s*t),s*t>this.pointsGraphed&&(this.pointsGraphed=s*t);break;case"SECONDSGRAPHED":this.secondsGraphed=parseInt(e[1]);break;case"POINTSSAVED":this.pointsSaved=parseInt(e[1]);break;case"POINTSGRAPHED":this.pointsGraphed=parseInt(e[1]);break;case"SIZE":this.size.width=parseInt(e[1]),this.size.height=parseInt(e[2]);break}}),this.items=this.items.map(e=>{const a=this.parseItemName(e.itemName);return a.arrayIndex!==null?this.arrayIndex=a.arrayIndex:e.itemName=a.name,e})}};exports.GraphWidget=f;
+//# sourceMappingURL=GraphWidget-BdP0xM_P.cjs.map

package/dist/{GraphWidget-BvCQHVxQ.cjs.map → GraphWidget-BdP0xM_P.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"GraphWidget-BvCQHVxQ.cjs","sources":["../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subDays.js","../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subMonths.js","../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/sub.js","../src/widgets/GraphWidget.js"],"sourcesContent":["import { addDays } from \"./addDays.js\";\n\n/**\n * The {@link subDays} function options.\n */\n\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of days to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the days subtracted\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nexport function subDays(date, amount, options) {\n  return addDays(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subDays;\n","import { addMonths } from \"./addMonths.js\";\n\n/**\n * The subMonths function options.\n */\n\n/**\n * @name subMonths\n * @category Month Helpers\n * @summary Subtract the specified number of months from the given date.\n *\n * @description\n * Subtract the specified number of months from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of months to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the months subtracted\n *\n * @example\n * // Subtract 5 months from 1 February 2015:\n * const result = subMonths(new Date(2015, 1, 1), 5)\n * //=> Mon Sep 01 2014 00:00:00\n */\nexport function subMonths(date, amount, options) {\n  return addMonths(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subMonths;\n","import { constructFrom } from \"./constructFrom.js\";\nimport { subDays } from \"./subDays.js\";\nimport { subMonths } from \"./subMonths.js\";\n\n/**\n * The {@link sub} function options.\n */\n\n/**\n * @name sub\n * @category Common Helpers\n * @summary Subtract the specified years, months, weeks, days, hours, minutes and seconds from the given date.\n *\n * @description\n * Subtract the specified years, months, weeks, days, hours, minutes and seconds from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param duration - The object with years, months, weeks, days, hours, minutes and seconds to be subtracted\n * @param options - An object with options\n *\n * | Key     | Description                        |\n * |---------|------------------------------------|\n * | years   | Amount of years to be subtracted   |\n * | months  | Amount of months to be subtracted  |\n * | weeks   | Amount of weeks to be subtracted   |\n * | days    | Amount of days to be subtracted    |\n * | hours   | Amount of hours to be subtracted   |\n * | minutes | Amount of minutes to be subtracted |\n * | seconds | Amount of seconds to be subtracted |\n *\n * All values default to 0\n *\n * @returns The new date with the seconds subtracted\n *\n * @example\n * // Subtract the following duration from 15 June 2017 15:29:20\n * const result = sub(new Date(2017, 5, 15, 15, 29, 20), {\n *   years: 2,\n *   months: 9,\n *   weeks: 1,\n *   days: 7,\n *   hours: 5,\n *   minutes: 9,\n *   seconds: 30\n * })\n * //=> Mon Sep 1 2014 10:19:50\n */\nexport function sub(date, duration, options) {\n  const {\n    years = 0,\n    months = 0,\n    weeks = 0,\n    days = 0,\n    hours = 0,\n    minutes = 0,\n    seconds = 0,\n  } = duration;\n\n  const withoutMonths = subMonths(date, months + years * 12, options);\n  const withoutDays = subDays(withoutMonths, days + weeks * 7, options);\n\n  const minutesToSub = minutes + hours * 60;\n  const secondsToSub = seconds + minutesToSub * 60;\n  const msToSub = secondsToSub * 1000;\n\n  return constructFrom(options?.in || date, +withoutDays - msToSub);\n}\n\n// Fallback for modularized imports:\nexport default sub;\n","/*\n# Copyright 2025 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\n# See LICENSE.md for more details.\n\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n*/\n\nimport { sub, parse } from 'date-fns'\nimport Widget from './Widget'\n\nexport default {\n  mixins: [Widget],\n  data: function () {\n    return {\n      id: Math.floor(Math.random() * 100000000000), // Unique-ish\n      state: 'start',\n      items: [\n        {\n          targetName: this.parameters[0],\n          packetName: this.parameters[1],\n          itemName: this.parameters[2],\n          valueType: this.parameters[3] || 'CONVERTED',\n          reduced: this.parameters[4] || 'DECOM',\n          reducedType: this.parameters[5] || null,\n        },\n      ],\n      startTime: null,\n      // 1hr of data by default\n      secondsGraphed: 3600,\n      pointsSaved: 3600,\n      pointsGraphed: 3600,\n      // Make it a decently sized graph\n      size: {\n        height: 300,\n        width: 400,\n      },\n    }\n  },\n  created: function () {\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'ITEM':\n          this.items.push({\n            targetName: setting[1],\n            packetName: setting[2],\n            itemName: setting[3],\n            valueType: setting[4] || 'CONVERTED',\n            reduced: setting[5] || 'DECOM',\n            reducedType: setting[6] || null,\n          })\n          break\n        case 'STARTTIME':\n          let date = parse(setting[1], 'yyyy/MM/dd HH:mm:ss', new Date())\n          this.startTime = date.getTime() * 1000000 // nanoseconds\n          break\n        case 'HISTORY':\n          let amount = parseInt(setting[1].slice(0, setting[1].length - 1))\n          let key = null\n          let multiplier = 1\n          switch (setting[1][setting[1].length - 1]) {\n            case 'd':\n              key = 'days'\n              multiplier = 3600 * 24\n              break\n            case 'h':\n              key = 'hours'\n              multiplier = 3600\n              break\n            case 'm':\n              key = 'minutes'\n              multiplier = 60\n              break\n            case 's':\n              key = 'seconds'\n              break\n            default:\n              throw new Error(`Unknown time suffix: ${setting[1]}!`)\n          }\n          let obj = {}\n          obj[key] = amount\n          this.startTime = sub(new Date(), obj).getTime() * 1000000\n          if (amount * multiplier > this.secondsGraphed) {\n            this.secondsGraphed = amount * multiplier\n          }\n          if (amount * multiplier > this.pointsSaved) {\n            this.pointsSaved = amount * multiplier\n          }\n          if (amount * multiplier > this.pointsGraphed) {\n            this.pointsGraphed = amount * multiplier\n          }\n          break\n        case 'SECONDSGRAPHED':\n          this.secondsGraphed = parseInt(setting[1])\n          break\n        case 'POINTSSAVED':\n          this.pointsSaved = parseInt(setting[1])\n          break\n        case 'POINTSGRAPHED':\n          this.pointsGraphed = parseInt(setting[1])\n          break\n        case 'SIZE':\n          this.size.width = parseInt(setting[1])\n          this.size.height = parseInt(setting[2])\n          break\n      }\n    })\n    this.items = this.items.map((item) => {\n      let itemName = item.itemName\n      // Remove double bracket escaping. This means they actually have an item\n      // with a bracket in the name, not an array index.\n      if (item.itemName.includes('[[')) {\n        // Change the actual item and the the name we're passing to the screen\n        item.itemName = item.itemName.replace('[[', '[').replace(']]', ']')\n        itemName = item.itemName\n      } else if (item.itemName.includes('[')) {\n        // Brackets mean array indexes (normally, but see above)\n        let match = item.itemName.match(/\\[(\\d+)\\]/)\n        this.arrayIndex = parseInt(match[1])\n        // Here we keep the original item name with the brackets but change\n        // the item we're passing to the screen to the non-bracket item\n        itemName = item.itemName.replace(match[0], '')\n      }\n      // We don't emit 'addItem' because graphWidgets use streams in realtime\n      // and manage their own playback requests\n\n      // Return the mapped values since we may have removed bracket escaping\n      return item\n    })\n  },\n}\n"],"names":["subDays","date","amount","options","addDays","subMonths","addMonths","sub","duration","years","months","weeks","days","hours","minutes","seconds","withoutMonths","withoutDays","minutesToSub","msToSub","constructFrom","GraphWidget","Widget","setting","parse","key","multiplier","obj","item","match"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"GraphWidget-BdP0xM_P.cjs","sources":["../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subDays.js","../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/subMonths.js","../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/sub.js","../src/widgets/GraphWidget.js"],"sourcesContent":["import { addDays } from \"./addDays.js\";\n\n/**\n * The {@link subDays} function options.\n */\n\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of days to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the days subtracted\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nexport function subDays(date, amount, options) {\n  return addDays(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subDays;\n","import { addMonths } from \"./addMonths.js\";\n\n/**\n * The subMonths function options.\n */\n\n/**\n * @name subMonths\n * @category Month Helpers\n * @summary Subtract the specified number of months from the given date.\n *\n * @description\n * Subtract the specified number of months from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of months to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the months subtracted\n *\n * @example\n * // Subtract 5 months from 1 February 2015:\n * const result = subMonths(new Date(2015, 1, 1), 5)\n * //=> Mon Sep 01 2014 00:00:00\n */\nexport function subMonths(date, amount, options) {\n  return addMonths(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subMonths;\n","import { constructFrom } from \"./constructFrom.js\";\nimport { subDays } from \"./subDays.js\";\nimport { subMonths } from \"./subMonths.js\";\n\n/**\n * The {@link sub} function options.\n */\n\n/**\n * @name sub\n * @category Common Helpers\n * @summary Subtract the specified years, months, weeks, days, hours, minutes and seconds from the given date.\n *\n * @description\n * Subtract the specified years, months, weeks, days, hours, minutes and seconds from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param duration - The object with years, months, weeks, days, hours, minutes and seconds to be subtracted\n * @param options - An object with options\n *\n * | Key     | Description                        |\n * |---------|------------------------------------|\n * | years   | Amount of years to be subtracted   |\n * | months  | Amount of months to be subtracted  |\n * | weeks   | Amount of weeks to be subtracted   |\n * | days    | Amount of days to be subtracted    |\n * | hours   | Amount of hours to be subtracted   |\n * | minutes | Amount of minutes to be subtracted |\n * | seconds | Amount of seconds to be subtracted |\n *\n * All values default to 0\n *\n * @returns The new date with the seconds subtracted\n *\n * @example\n * // Subtract the following duration from 15 June 2017 15:29:20\n * const result = sub(new Date(2017, 5, 15, 15, 29, 20), {\n *   years: 2,\n *   months: 9,\n *   weeks: 1,\n *   days: 7,\n *   hours: 5,\n *   minutes: 9,\n *   seconds: 30\n * })\n * //=> Mon Sep 1 2014 10:19:50\n */\nexport function sub(date, duration, options) {\n  const {\n    years = 0,\n    months = 0,\n    weeks = 0,\n    days = 0,\n    hours = 0,\n    minutes = 0,\n    seconds = 0,\n  } = duration;\n\n  const withoutMonths = subMonths(date, months + years * 12, options);\n  const withoutDays = subDays(withoutMonths, days + weeks * 7, options);\n\n  const minutesToSub = minutes + hours * 60;\n  const secondsToSub = seconds + minutesToSub * 60;\n  const msToSub = secondsToSub * 1000;\n\n  return constructFrom(options?.in || date, +withoutDays - msToSub);\n}\n\n// Fallback for modularized imports:\nexport default sub;\n","/*\n# Copyright 2026 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is distributed in the hope that it will be useful,\n# but WITHOUT ANY WARRANTY; without even the implied warranty of\n# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\n# See LICENSE.md for more details.\n\n# This file may also be used under the terms of a commercial license\n# if purchased from OpenC3, Inc.\n*/\n\nimport { sub, parse } from 'date-fns'\nimport Widget from './Widget'\n\nexport default {\n  mixins: [Widget],\n  data: function () {\n    return {\n      id: Math.floor(Math.random() * 100000000000), // Unique-ish\n      state: 'start',\n      items: [\n        {\n          targetName: this.parameters[0],\n          packetName: this.parameters[1],\n          itemName: this.parameters[2],\n          valueType: this.parameters[3] || 'CONVERTED',\n          reduced: this.parameters[4] || 'DECOM',\n          reducedType: this.parameters[5] || null,\n        },\n      ],\n      startTime: null,\n      // 1hr of data by default\n      secondsGraphed: 3600,\n      pointsSaved: 3600,\n      pointsGraphed: 3600,\n      // Make it a decently sized graph\n      size: {\n        height: 300,\n        width: 400,\n      },\n    }\n  },\n  created: function () {\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'ITEM':\n          this.items.push({\n            targetName: setting[1],\n            packetName: setting[2],\n            itemName: setting[3],\n            valueType: setting[4] || 'CONVERTED',\n            reduced: setting[5] || 'DECOM',\n            reducedType: setting[6] || null,\n          })\n          break\n        case 'STARTTIME':\n          let date = parse(setting[1], 'yyyy/MM/dd HH:mm:ss', new Date())\n          this.startTime = date.getTime() * 1000000 // nanoseconds\n          break\n        case 'HISTORY':\n          let amount = parseInt(setting[1].slice(0, setting[1].length - 1))\n          let key = null\n          let multiplier = 1\n          switch (setting[1][setting[1].length - 1]) {\n            case 'd':\n              key = 'days'\n              multiplier = 3600 * 24\n              break\n            case 'h':\n              key = 'hours'\n              multiplier = 3600\n              break\n            case 'm':\n              key = 'minutes'\n              multiplier = 60\n              break\n            case 's':\n              key = 'seconds'\n              break\n            default:\n              throw new Error(`Unknown time suffix: ${setting[1]}!`)\n          }\n          let obj = {}\n          obj[key] = amount\n          this.startTime = sub(new Date(), obj).getTime() * 1000000\n          if (amount * multiplier > this.secondsGraphed) {\n            this.secondsGraphed = amount * multiplier\n          }\n          if (amount * multiplier > this.pointsSaved) {\n            this.pointsSaved = amount * multiplier\n          }\n          if (amount * multiplier > this.pointsGraphed) {\n            this.pointsGraphed = amount * multiplier\n          }\n          break\n        case 'SECONDSGRAPHED':\n          this.secondsGraphed = parseInt(setting[1])\n          break\n        case 'POINTSSAVED':\n          this.pointsSaved = parseInt(setting[1])\n          break\n        case 'POINTSGRAPHED':\n          this.pointsGraphed = parseInt(setting[1])\n          break\n        case 'SIZE':\n          this.size.width = parseInt(setting[1])\n          this.size.height = parseInt(setting[2])\n          break\n      }\n    })\n    this.items = this.items.map((item) => {\n      const parsed = this.parseItemName(item.itemName)\n      if (parsed.arrayIndex !== null) {\n        // Keep the original bracketed name on the item; record the index so\n        // downstream consumers can pick the element.\n        this.arrayIndex = parsed.arrayIndex\n      } else {\n        // Un-escape [[...]] for real items whose names contain brackets;\n        // a no-op for plain names.\n        item.itemName = parsed.name\n      }\n      // We don't emit 'addItem' because graphWidgets use streams in realtime\n      // and manage their own playback requests\n      return item\n    })\n  },\n}\n"],"names":["subDays","date","amount","options","addDays","subMonths","addMonths","sub","duration","years","months","weeks","days","hours","minutes","seconds","withoutMonths","withoutDays","minutesToSub","msToSub","constructFrom","GraphWidget","Widget","setting","parse","key","multiplier","obj","item","parsed"],"mappings":"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","x_google_ignoreList":[0,1,2]}