openc3-cosmos-tool-cmdtlmserver 6.9.2 → 6.10.0

data/tools/cmdtlmserver/Graph-CjEE2WxX-bb7f5ba3af37177d131e.js

@@ -1 +0,0 @@
-System.register(["./main-851cb6e931fb7e4e1ea8.js","vue"],function(ne,Ve){"use strict";var E,R,J,X,W,_,ee,B,H,q,o,C,f,s,N,k,n,te,v,V,K,$,Z,M,T,P,ie,ae,z,se;return{setters:[m=>{E=m.d,R=m.B,J=m.F,X=m.R,W=m.a,_=m.f,ee=m.P,B=m.l,H=m.$,q=m.c},m=>{o=m.resolveComponent,C=m.createElementBlock,f=m.openBlock,s=m.createVNode,N=m.createBlock,k=m.createCommentVNode,n=m.withCtx,te=m.createSlots,v=m.createTextVNode,V=m.toDisplayString,K=m.normalizeClass,$=m.Fragment,Z=m.withModifiers,M=m.withDirectives,T=m.createElementVNode,P=m.vShow,ie=m.normalizeProps,ae=m.guardReactiveProps,z=m.withKeys,se=m.renderList}],execute:function(){const m={props:{allowAll:{type:Boolean,default:!1},allowAllTargets:{type:Boolean,default:!1},allowAllArrayIndex:{type:Boolean,default:!1},buttonText:{type:String,default:null},chooseItem:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},initialTargetName:{type:String,default:""},initialPacketName:{type:String,default:""},initialItemName:{type:String,default:""},selectTypes:{type:Boolean,default:!1},showLatest:{type:Boolean,default:!1},mode:{type:String,default:"tlm",validator:t=>["cmd","tlm"].includes(t)},unknown:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},hidden:{type:Boolean,default:!1},lockTarget:{type:Boolean,default:!1},lockPacket:{type:Boolean,default:!1},showQueueSelect:{type:Boolean,default:!0}},emits:["on-set","addItem"],data(){var t,e,i;return{targetNames:[],selectedTargetName:(t=this.initialTargetName)==null?void 0:t.toUpperCase(),packetNames:[],selectedPacketName:(e=this.initialPacketName)==null?void 0:e.toUpperCase(),queueNames:[{label:"None",value:null}],selectedQueueName:null,itemNames:[],selectedItemName:(i=this.initialItemName)==null?void 0:i.toUpperCase(),valueTypes:["CONVERTED","RAW"],selectedValueType:"CONVERTED",reductionModes:[{title:"NONE",value:"DECOM"},{title:"REDUCED_MINUTE",value:"REDUCED_MINUTE"},{title:"REDUCED_HOUR",value:"REDUCED_HOUR"},{title:"REDUCED_DAY",value:"REDUCED_DAY"}],selectedArrayIndex:null,selectedReduced:"DECOM",reducedTypes:["MIN","MAX","AVG","STDDEV"],selectedReducedType:"AVG",description:"",hazardous:!1,internalDisabled:!1,packetsDisabled:!1,itemsDisabled:!1,api:null,ALL:{label:"[ ALL ]",value:"ALL",description:"ALL"},UNKNOWN:{label:"[ UNKNOWN ]",value:"UNKNOWN",description:"UNKNOWN"}}},computed:{actualButtonText:function(){return this.selectedPacketName==="ALL"?"Add Target":this.selectedItemName==="ALL"?"Add Packet":this.buttonText},autocompleteDisabled:function(){return this.disabled||this.internalDisabled},buttonDisabled:function(){return this.disabled||this.internalDisabled||this.selectedTargetName===null||this.selectedPacketName===null||this.selectedItemNameWIndex===null},colSize:function(){return this.vertical?12:!1},selectedItemNameWIndex:function(){return this.itemIsArray&&this.selectedArrayIndex!==null&&this.selectedArrayIndex!==this.ALL.label?`${this.selectedItemName}[${this.selectedArrayIndex}]`:this.selectedItemName},includeLatestPacketInDropdown:function(){return this.showLatest&&this.mode==="tlm"},arrayIndexes:function(){let t=this.itemNames.findIndex(i=>i.value===this.selectedItemName),e=[...Array(this.itemNames[t].array).keys()];return(this.allowAll||this.allowAllArrayIndex)&&e.unshift(this.ALL.label),e},itemIsArray:function(){let t=this.itemNames.findIndex(e=>e.value===this.selectedItemName);return!(t===-1||isNaN(this.itemNames[t].array))}},watch:{initialTargetName:function(t){t&&(this.selectedTargetName=t.toUpperCase())},initialPacketName:function(t){t&&(this.selectedPacketName=t.toUpperCase())},initialItemName:function(t){t&&(this.selectedItemName=t.toUpperCase())},mode:function(t,e){this.selectedPacketName=null,this.selectedItemName=null,this.targetNameChanged(this.selectedTargetName)},chooseItem:function(t,e){t?this.updateItems():this.itemNames=[]},itemIsArray:function(t){t?this.selectedArrayIndex||(this.selectedArrayIndex=0):this.selectedArrayIndex=null}},created(){this.internalDisabled=!0,this.api=new R,this.mode==="cmd"&&J.get("/openc3-api/queues").then(t=>{this.queueNames=[{label:"None",value:null}],t.data&&Array.isArray(t.data)&&t.data.forEach(e=>{this.queueNames.push({label:e.name,value:e.name})})}).catch(t=>{console.error("Error fetching queues:",t)}),this.api.get_target_names().then(t=>{this.targetNames=t.flatMap(e=>e=="UNKNOWN"?[]:{label:e,value:e}),this.allowAllTargets&&this.targetNames.unshift(this.ALL),this.selectedTargetName?this.updatePackets():(this.selectedTargetName=this.targetNames[0].value,this.targetNameChanged(this.selectedTargetName)),this.unknown&&this.targetNames.push(this.UNKNOWN)})},methods:{updatePackets:function(){if(this.selectedTargetName==="UNKNOWN"){this.packetNames=[this.UNKNOWN],this.selectedPacketName=this.packetNames[0].value,this.updatePacketDetails(this.UNKNOWN.value),this.description="UNKNOWN";return}if(this.selectedTargetName==="ALL"){this.packetNames=[this.ALL],this.selectedPacketName=this.packetNames[0].value,this.updatePacketDetails(this.ALL.value),this.description="ALL";return}this.internalDisabled=!0;const t=this.mode==="tlm"?"get_all_tlm_names":"get_all_cmd_names";this.api[t](this.selectedTargetName,this.hidden).then(e=>{this.packetNames=e.map(i=>({label:i,value:i})),this.allowAll&&this.packetNames.unshift(this.ALL),this.selectedPacketName||(this.packetNames.length===0?this.selectedPacketName=null:this.selectedPacketName=this.packetNames[0].value),this.updatePacketDetails(this.selectedPacketName),this.packetNames.find(i=>i.value===this.selectedPacketName)&&this.chooseItem&&this.updateItems(),this.internalDisabled=!1})},updateItems:function(){if(this.selectedPacketName!=="ALL")if(this.internalDisabled=!0,this.selectedPacketName==="LATEST")this.api.get_all_tlm_item_names(this.selectedTargetName).then(t=>{this.itemNames=t.map(e=>({label:e,value:e,description:`LATEST ${e}`})),this.finishUpdateItems()});else{const t=this.mode==="tlm"?"get_tlm":"get_cmd";this.api[t](this.selectedTargetName,this.selectedPacketName).then(e=>{this.itemNames=e.items.map(i=>{let d=i.name;return i.data_type=="DERIVED"&&(d+=" *"),{label:d,value:i.name,description:i.description,array:i.array_size/i.bit_size}}),this.itemNames.sort((i,d)=>i.label>d.label?1:-1),this.finishUpdateItems()})}},finishUpdateItems:function(){this.allowAll&&this.itemNames.unshift(this.ALL),this.selectedItemName||(this.selectedItemName=this.itemNames[0].value),this.description=this.itemNames[0].description,this.$emit("on-set",{targetName:this.selectedTargetName,packetName:this.selectedPacketName,itemName:this.selectedItemNameWIndex,valueType:this.selectedValueType,reduced:this.selectedReduced,reducedType:this.selectedReducedType,queueName:this.selectedQueueName}),this.internalDisabled=!1},targetNameChanged:function(t){this.selectedTargetName=t,this.selectedPacketName="",this.selectedItemName="",t!==null&&this.updatePackets()},packetNameChanged:function(t){this.selectedItemName="",t!==null&&this.updatePacketDetails(t)},queueNameChanged:function(t){this.selectedQueueName=t,this.$emit("on-set",{targetName:this.selectedTargetName,packetName:this.selectedPacketName,itemName:this.selectedItemNameWIndex,valueType:this.selectedValueType,reduced:this.selectedReduced,reducedType:this.selectedReducedType,queueName:this.selectedQueueName})},updatePacketDetails:function(t){if(t==="ALL")this.itemsDisabled=!0,this.internalDisabled=!1;else if(t==="LATEST")this.itemsDisabled=!1,this.selectedPacketName="LATEST";else{this.itemsDisabled=!1;const e=this.packetNames.find(i=>t===i.value);if(e){this.selectedPacketName=e.value;const i=this.mode==="tlm"?"get_tlm":"get_cmd";this.api[i](this.selectedTargetName,this.selectedPacketName).then(d=>{this.description=d.description,this.hazardous=d.hazardous})}}this.chooseItem?this.updateItems():this.$emit("on-set",{targetName:this.selectedTargetName,packetName:this.selectedPacketName,itemName:this.selectedItemNameWIndex,valueType:this.selectedValueType,reduced:this.selectedReduced,reducedType:this.selectedReducedType,queueName:this.selectedQueueName})},itemNameChanged:function(t){const e=this.itemNames.find(i=>t===i.value);e&&(this.selectedItemName=e.value,this.description=e.description,this.$emit("on-set",{targetName:this.selectedTargetName,packetName:this.selectedPacketName,itemName:this.selectedItemNameWIndex,valueType:this.selectedValueType,reduced:this.selectedReduced,reducedType:this.selectedReducedType,queueName:this.selectedQueueName}))},indexChanged:function(t){this.$emit("on-set",{targetName:this.selectedTargetName,packetName:this.selectedPacketName,itemName:this.selectedItemNameWIndex,valueType:this.selectedValueType,reduced:this.selectedReduced,reducedType:this.selectedReducedType,queueName:this.selectedQueueName})},buttonPressed:function(){this.selectedPacketName==="ALL"?this.allTargetPacketItems():this.selectedItemName==="ALL"?this.allPacketItems():this.chooseItem?this.$emit("addItem",{targetName:this.selectedTargetName,packetName:this.selectedPacketName,itemName:this.selectedItemNameWIndex,valueType:this.selectedValueType,reduced:this.selectedReduced,reducedType:this.selectedReducedType}):this.$emit("addItem",{targetName:this.selectedTargetName,packetName:this.selectedPacketName,valueType:this.selectedValueType,reduced:this.selectedReduced,reducedType:this.selectedReducedType})},allTargetPacketItems:function(){this.packetNames.forEach(t=>{if(t===this.ALL)return;const e=this.mode==="tlm"?"get_tlm":"get_cmd";this.api[e](this.selectedTargetName,t.value).then(i=>{i.items.forEach(d=>{this.$emit("addItem",{targetName:this.selectedTargetName,packetName:t.value,itemName:d.name,valueType:this.selectedValueType,reduced:this.selectedReduced,reducedType:this.selectedReducedType})})})})},allPacketItems:function(){this.itemNames.forEach(t=>{t!==this.ALL&&this.$emit("addItem",{targetName:this.selectedTargetName,packetName:this.selectedPacketName,itemName:t.value,valueType:this.selectedValueType,reduced:this.selectedReduced,reducedType:this.selectedReducedType})})}}},de={class:"pt-4 pb-4"};function re(t,e,i,d,a,l){const r=o("v-autocomplete"),h=o("v-col"),b=o("v-list-item"),g=o("v-divider"),x=o("v-combobox"),D=o("v-btn"),I=o("v-row");return f(),C("div",de,[s(I,{class:"align-center","no-gutters":!i.vertical},{default:n(()=>[s(h,{cols:l.colSize,class:"tpic-select pr-4","data-test":"select-target"},{default:n(()=>[s(r,{modelValue:a.selectedTargetName,"onUpdate:modelValue":[e[0]||(e[0]=c=>a.selectedTargetName=c),l.targetNameChanged],label:"Select Target","hide-details":"",density:"compact",variant:"outlined",disabled:l.autocompleteDisabled||i.lockTarget,items:a.targetNames,"item-title":"label","item-value":"value"},null,8,["modelValue","disabled","items","onUpdate:modelValue"])]),_:1},8,["cols"]),s(h,{cols:l.colSize,class:"tpic-select pr-4","data-test":"select-packet"},{default:n(()=>[s(r,{modelValue:a.selectedPacketName,"onUpdate:modelValue":[e[2]||(e[2]=c=>a.selectedPacketName=c),l.packetNameChanged],label:"Select Packet","hide-details":"",density:"compact",variant:"outlined",disabled:a.packetsDisabled||l.autocompleteDisabled||i.lockPacket,items:a.packetNames,"item-title":"label","item-value":"value"},te({_:2},[l.includeLatestPacketInDropdown?{name:"prepend-item",fn:n(()=>[s(b,{title:"LATEST",onClick:e[1]||(e[1]=c=>l.packetNameChanged("LATEST"))}),s(g)]),key:"0"}:void 0]),1032,["modelValue","disabled","items","onUpdate:modelValue"])]),_:1},8,["cols"]),i.mode==="cmd"&&i.showQueueSelect?(f(),N(h,{key:0,cols:l.colSize,class:"tpic-select pr-4","data-test":"select-queue"},{default:n(()=>[s(r,{modelValue:a.selectedQueueName,"onUpdate:modelValue":[e[3]||(e[3]=c=>a.selectedQueueName=c),l.queueNameChanged],label:"Select Queue","hide-details":"",density:"compact",variant:"outlined",disabled:l.autocompleteDisabled||a.queueNames.length===1,items:a.queueNames,"item-title":"label","item-value":"value"},null,8,["modelValue","disabled","items","onUpdate:modelValue"])]),_:1},8,["cols"])):k("",!0),i.chooseItem?(f(),N(h,{key:1,cols:l.colSize,class:"tpic-select pr-4","data-test":"select-item"},{default:n(()=>[s(r,{modelValue:a.selectedItemName,"onUpdate:modelValue":[e[4]||(e[4]=c=>a.selectedItemName=c),e[5]||(e[5]=c=>l.itemNameChanged(c))],label:"Select Item","hide-details":"",density:"compact",variant:"outlined",disabled:a.itemsDisabled||l.autocompleteDisabled,items:a.itemNames,"item-title":"label","item-value":"value"},null,8,["modelValue","disabled","items"])]),_:1},8,["cols"])):k("",!0),i.chooseItem&&l.itemIsArray?(f(),N(h,{key:2,cols:"1",class:"tpic-select pr-4","data-test":"array-index",style:{"min-width":"105px"}},{default:n(()=>[s(x,{modelValue:a.selectedArrayIndex,"onUpdate:modelValue":[e[6]||(e[6]=c=>a.selectedArrayIndex=c),e[7]||(e[7]=c=>l.indexChanged(c))],label:"Index","hide-details":"",density:"compact",variant:"outlined",disabled:a.itemsDisabled||l.autocompleteDisabled,items:l.arrayIndexes,"item-title":"label","item-value":"value"},null,8,["modelValue","disabled","items"])]),_:1})):k("",!0),i.buttonText?(f(),N(h,{key:3,cols:l.colSize,style:{"max-width":"140px"}},{default:n(()=>[s(D,{disabled:l.buttonDisabled,color:"primary","data-test":"select-send",onClick:l.buttonPressed},{default:n(()=>[v(V(l.actualButtonText),1)]),_:1},8,["disabled","onClick"])]),_:1},8,["cols"])):k("",!0)]),_:1},8,["no-gutters"]),i.selectTypes?(f(),N(I,{key:0,class:"pt-6 align-center","no-gutters":""},{default:n(()=>[s(h,{cols:l.colSize,class:"tpic-select pr-4","data-test":"data-type"},{default:n(()=>[s(r,{modelValue:a.selectedValueType,"onUpdate:modelValue":e[8]||(e[8]=c=>a.selectedValueType=c),label:"Value Type","hide-details":"",density:"compact",variant:"outlined",items:a.valueTypes},null,8,["modelValue","items"])]),_:1},8,["cols"]),s(h,{cols:l.colSize,class:"tpic-select pr-4","data-test":"reduced"},{default:n(()=>[s(r,{modelValue:a.selectedReduced,"onUpdate:modelValue":e[9]||(e[9]=c=>a.selectedReduced=c),label:"Reduced","hide-details":"",density:"compact",variant:"outlined",items:a.reductionModes},null,8,["modelValue","items"])]),_:1},8,["cols"]),s(h,{cols:l.colSize,class:"tpic-select pr-4","data-test":"reduced-type"},{default:n(()=>[s(r,{modelValue:a.selectedReducedType,"onUpdate:modelValue":e[10]||(e[10]=c=>a.selectedReducedType=c),label:"Reduced Type","hide-details":"",density:"compact",variant:"outlined",disabled:a.selectedReduced==="DECOM",items:a.reducedTypes},null,8,["modelValue","disabled","items"])]),_:1},8,["cols"]),s(h,{cols:l.colSize,style:{"max-width":"140px"}},null,8,["cols"])]),_:1})):k("",!0),s(I,{"no-gutters":"",class:"pt-3 px-3 align-center"},{default:n(()=>[s(h,{cols:l.colSize,class:K({"openc3-yellow":a.hazardous})},{default:n(()=>[v(" Description: "+V(a.description)+" ",1),a.hazardous?(f(),C($,{key:0},[v(" (HAZARDOUS) ")],64)):k("",!0)]),_:1},8,["cols","class"])]),_:1})])}const oe={components:{TargetPacketItemChooser:E(m,[["render",re],["__scopeId","data-v-58e9e0c1"]])},mixins:[X],props:{modelValue:Boolean,title:{type:String,required:!0},legendPosition:{type:String,required:!0},items:{type:Array,required:!0},graphMinY:{type:Number},graphMaxY:{type:Number},lines:{type:Array,required:!0},colors:{type:Array,required:!0},startDateTime:{type:Number},endDateTime:{type:Number},timeZone:{type:String,required:!0},xAxisItemPacket:{type:Object,default:void 0},xAxisItem:{type:String,default:"__time"}},emits:["cancel","ok","remove","update:modelValue","update:xAxisItem"],data:function(){return{tab:0,graph:{},customXAxisEnabled:!1,selectedXAxisItem:null,pendingXAxisSelection:null,legendPositions:["top","bottom","left","right"],startDate:null,startTime:null,endDate:null,endTime:null,lineHeaders:[{title:"Y Value",value:"yValue"},{title:"Color",value:"color"},{title:"Actions",value:"actions",sortable:!1}],itemHeaders:[{title:"Target Name",value:"targetName"},{title:"Packet Name",value:"packetName"},{title:"Item Name",value:"itemName"},{title:"Actions",value:"actions",sortable:!1}],rules:{date:t=>{if(!t)return!0;try{return H(q(t,"yyyy-MM-dd",new Date))||"Invalid date (YYYY-MM-DD)"}catch{return"Invalid date (YYYY-MM-DD)"}},time:t=>{if(!t)return!0;try{return H(q(t,"HH:mm:ss",new Date))||"Invalid time (HH:MM:SS)"}catch{return"Invalid time (HH:MM:SS)"}}}}},computed:{show:{get(){return this.modelValue},set(t){this.$emit("update:modelValue",t)}},editItems:function(){if(!this.items)return[];let t=0;return this.items.map(e=>(t+=1,{...e,itemId:t}))},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 t=B(this.startDateTime/1e6);this.startDate=this.formatDate(t,this.timeZone),this.startTime=this.formatTimeHMS(t,this.timeZone)}else{let t=new Date-36e5;this.startDate=this.formatDate(t,this.timeZone),this.startTime=this.formatTimeHMS(t,this.timeZone)}if(this.endDateTime){let t=B(this.endDateTime/1e6);this.endDate=this.formatDate(t,this.timeZone),this.endTime=this.formatTimeHMS(t,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(t){let e=this.graph.lines.indexOf(t);this.graph.lines.splice(e,1)},customXAxisToggled(t){t||(this.selectedXAxisItem="__time",this.$emit("update:xAxisItem","__time"))},xAxisItemChanged(t){this.pendingXAxisSelection=t},xAxisItemSelected(t){if(t.targetName&&t.packetName&&t.itemName){const e=`DECOM__TLM__${t.targetName}__${t.packetName}__${t.itemName}__CONVERTED`;this.selectedXAxisItem=e,this.$emit("update:xAxisItem",e)}}}},he={class:"edit-box"},ce={class:"edit-box"},ue={class:"edit-box"},me={class:"edit-box"},pe={class:"edit-box"};function fe(t,e,i,d,a,l){const r=o("v-spacer"),h=o("v-toolbar"),b=o("v-tab"),g=o("v-tabs"),x=o("v-text-field"),D=o("v-card-text"),I=o("v-col"),c=o("v-select"),y=o("v-row"),L=o("v-tabs-window-item"),w=o("v-btn"),A=o("v-list-item"),O=o("v-list"),U=o("v-checkbox"),j=o("target-packet-item-chooser"),F=o("v-data-table"),S=o("v-tabs-window"),Q=o("v-card-actions"),p=o("v-card"),_e=o("v-dialog");return f(),N(_e,{modelValue:l.show,"onUpdate:modelValue":e[13]||(e[13]=u=>l.show=u),persistent:"","max-width":"700",onKeydown:e[14]||(e[14]=z(u=>t.$emit("cancel"),["esc"]))},{default:n(()=>[s(h,{height:"24"},{default:n(()=>[s(r),e[15]||(e[15]=T("span",null," Edit Graph ",-1)),s(r)]),_:1}),s(p,{class:"pa-3"},{default:n(()=>[s(g,{modelValue:t.tab,"onUpdate:modelValue":e[0]||(e[0]=u=>t.tab=u),class:"ml-3"},{default:n(()=>[s(b,{value:"0"},{default:n(()=>[...e[16]||(e[16]=[v(" Settings ",-1)])]),_:1}),s(b,{value:"1"},{default:n(()=>[...e[17]||(e[17]=[v(" Scale / Lines ",-1)])]),_:1}),s(b,{value:"2"},{default:n(()=>[...e[18]||(e[18]=[v(" Items ",-1)])]),_:1})]),_:1},8,["modelValue"]),s(S,{modelValue:t.tab,"onUpdate:modelValue":e[11]||(e[11]=u=>t.tab=u)},{default:n(()=>[s(L,{value:"0",eager:""},{default:n(()=>[T("div",he,[s(y,null,{default:n(()=>[s(I,null,{default:n(()=>[s(D,{class:"pa-0"},{default:n(()=>[s(x,{modelValue:t.graph.title,"onUpdate:modelValue":e[1]||(e[1]=u=>t.graph.title=u),class:"pb-2",label:"Title","hide-details":""},null,8,["modelValue"])]),_:1})]),_:1}),s(I,null,{default:n(()=>[s(c,{modelValue:t.graph.legendPosition,"onUpdate:modelValue":e[2]||(e[2]=u=>t.graph.legendPosition=u),label:"Legend Position","hide-details":"",items:t.legendPositions,style:{"max-width":"280px"}},null,8,["modelValue","items"])]),_:1})]),_:1})]),T("div",ce,[s(D,{class:"pa-0"},{default:n(()=>[...e[19]||(e[19]=[v(" Select a start date/time for the graph. Leave blank for start now. ",-1)])]),_:1}),s(y,null,{default:n(()=>[s(I,null,{default:n(()=>[s(x,{modelValue:t.startDate,"onUpdate:modelValue":e[3]||(e[3]=u=>t.startDate=u),label:"Start Date",name:`date${Date.now()}`,rules:[t.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),s(I,null,{default:n(()=>[s(x,{modelValue:t.startTime,"onUpdate:modelValue":e[4]||(e[4]=u=>t.startTime=u),label:"Start Time",name:`time${Date.now()}`,rules:[t.rules.time],type:"time",step:"1"},null,8,["modelValue","name","rules"])]),_:1})]),_:1}),s(D,{class:"pa-0"},{default:n(()=>[...e[20]||(e[20]=[v(" Select a end date/time for the graph. Leave blank for continuous real-time graphing. ",-1)])]),_:1}),s(y,null,{default:n(()=>[s(I,null,{default:n(()=>[s(x,{modelValue:t.endDate,"onUpdate:modelValue":e[5]||(e[5]=u=>t.endDate=u),label:"End Date",name:`date${Date.now()}`,rules:[t.rules.date],type:"date"},null,8,["modelValue","name","rules"])]),_:1}),s(I,null,{default:n(()=>[s(x,{modelValue:t.endTime,"onUpdate:modelValue":e[6]||(e[6]=u=>t.endTime=u),label:"End Time",name:`time${Date.now()}`,rules:[t.rules.time],type:"time",step:"1"},null,8,["modelValue","name","rules"])]),_:1})]),_:1})])]),_:1}),s(L,{value:"1",eager:""},{default:n(()=>[T("div",ue,[s(D,{class:"pa-0"},{default:n(()=>[...e[21]||(e[21]=[v(" Set a min or max Y value to override automatic scaling ",-1)])]),_:1}),s(y,{dense:""},{default:n(()=>[s(I,{class:"px-2"},{default:n(()=>[s(x,{modelValue:t.graph.graphMinY,"onUpdate:modelValue":e[7]||(e[7]=u=>t.graph.graphMinY=u),"hide-details":"",label:"Min Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1}),s(I,{class:"px-2"},{default:n(()=>[s(x,{modelValue:t.graph.graphMaxY,"onUpdate:modelValue":e[8]||(e[8]=u=>t.graph.graphMaxY=u),"hide-details":"",label:"Max Y Axis (Optional)",type:"number"},null,8,["modelValue"])]),_:1})]),_:1})]),T("div",me,[s(O,{density:"compact",class:"horizontal-lines"},{default:n(()=>[s(A,null,{default:n(()=>[e[23]||(e[23]=T("span",{style:{"padding-top":"5px"}}," Add horizontal lines to the graph ",-1)),s(r),s(w,{onClick:e[9]||(e[9]=u=>l.addLine())},{default:n(()=>[...e[22]||(e[22]=[v(" New Line ",-1)])]),_:1})]),_:1}),(f(!0),C($,null,se(t.graph.lines,(u,le)=>(f(),N(A,{key:le,value:u,color:"primary"},{default:n(()=>[s(y,null,{default:n(()=>[s(I,null,{default:n(()=>[s(x,{modelValue:u.yValue,"onUpdate:modelValue":G=>u.yValue=G,label:"Y Value"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),s(I,null,{default:n(()=>[s(c,{modelValue:u.color,"onUpdate:modelValue":G=>u.color=G,label:"Color","hide-details":"",items:i.colors},null,8,["modelValue","onUpdate:modelValue","items"])]),_:2},1024),s(I,null,{default:n(()=>[s(w,{style:{padding:"30px"},icon:"mdi-delete",variant:"text","aria-label":"Remove Line",onClick:G=>l.removeLine(u)},null,8,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),T("div",pe,[s(D,{class:"pa-0 text-medium-emphasis"},{default:n(()=>[...e[24]||(e[24]=[v(" 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),T("br",null,null,-1),T("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}),s(U,{modelValue:t.customXAxisEnabled,"onUpdate:modelValue":[e[10]||(e[10]=u=>t.customXAxisEnabled=u),l.customXAxisToggled],disabled:!i.xAxisItemPacket,label:"Custom X axis item",density:"compact","hide-details":""},null,8,["modelValue","disabled","onUpdate:modelValue"]),i.xAxisItemPacket?k("",!0):(f(),N(D,{key:0,class:"pa-0 text-medium-emphasis"},{default:n(()=>[...e[25]||(e[25]=[v(" All items on the graph must be in the same packet to enable this feature. ",-1)])]),_:1})),t.customXAxisEnabled&&i.xAxisItemPacket?(f(),N(j,{key:1,"initial-target-name":i.xAxisItemPacket.targetName,"initial-packet-name":i.xAxisItemPacket.packetName,"initial-item-name":l.initialXAxisItem,"choose-item":"","lock-target":"","lock-packet":"","button-text":"Set",onOnSet:l.xAxisItemChanged,onAddItem:l.xAxisItemSelected},null,8,["initial-target-name","initial-packet-name","initial-item-name","onOnSet","onAddItem"])):k("",!0)])]),_:1}),s(L,{value:"2",eager:""},{default:n(()=>[s(F,{"item-key":"itemId",class:"elevation-1 my-2","data-test":"edit-graph-items",headers:t.itemHeaders,items:l.editItems,"items-per-page":5,"footer-props":{"items-per-page-options":[5]}},{"item.actions":n(({item:u})=>[s(w,{icon:"mdi-delete",variant:"text","aria-label":"Remove Item",onClick:le=>t.$emit("remove",u)},null,8,["onClick"])]),"no-data":n(()=>[...e[26]||(e[26]=[T("span",null," Currently no items on this graph ",-1)])]),_:1},8,["headers","items"])]),_:1})]),_:1},8,["modelValue"]),s(Q,{class:"px-2"},{default:n(()=>[s(r),s(w,{variant:"outlined",onClick:e[12]||(e[12]=u=>t.$emit("cancel"))},{default:n(()=>[...e[27]||(e[27]=[v(" Cancel ",-1)])]),_:1}),s(w,{variant:"flat",onClick:l.closeOk},{default:n(()=>[...e[28]||(e[28]=[v(" Ok ",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"])}const ge=E(oe,[["render",fe]]),ve={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(t){this.$emit("update:modelValue",t)}},limitsNames(){return Object.keys(this.limits)}},async created(){this.editItem={...this.item},new R().get_item(this.item.targetName,this.item.packetName,this.item.itemName).then(t=>{for(const[e,i]of Object.entries(t.limits))Object.keys(i).includes("red_low")&&(this.limits[e]=Object.values(i));this.limitsName=Object.keys(this.limits).find(e=>this.limits[e]+""==this.editItem.limits+"")})}},ye={key:0},xe={class:"pa-3"};function Ne(t,e,i,d,a,l){const r=o("v-card-title"),h=o("v-select"),b=o("v-card-text"),g=o("v-spacer"),x=o("v-btn"),D=o("v-card-actions"),I=o("v-card"),c=o("v-dialog");return f(),N(c,{modelValue:l.show,"onUpdate:modelValue":e[9]||(e[9]=y=>l.show=y),persistent:"",width:"400",onKeydown:[e[10]||(e[10]=z(y=>t.success(),["enter"])),e[11]||(e[11]=z(y=>t.$emit("cancel"),["esc"]))]},{default:n(()=>[s(I,null,{default:n(()=>[s(r,{class:"mb-2"},{default:n(()=>[...e[12]||(e[12]=[v("Edit Item",-1)])]),_:1}),s(b,null,{default:n(()=>[s(h,{modelValue:t.editItem.valueType,"onUpdate:modelValue":e[0]||(e[0]=y=>t.editItem.valueType=y),variant:"outlined","hide-details":"",label:"Value Type",items:t.valueTypes,class:"mb-2"},null,8,["modelValue","items"]),s(h,{modelValue:t.editItem.reduced,"onUpdate:modelValue":e[1]||(e[1]=y=>t.editItem.reduced=y),variant:"outlined","hide-details":"",label:"Reduction",items:t.reduction,class:"mb-2"},null,8,["modelValue","items"]),s(h,{modelValue:t.editItem.reducedType,"onUpdate:modelValue":e[2]||(e[2]=y=>t.editItem.reducedType=y),variant:"outlined","hide-details":"",label:"Reduced Type",items:t.reducedTypes,disabled:t.editItem.reduced==="DECOM",class:"mb-2"},null,8,["modelValue","items","disabled"]),s(h,{modelValue:t.editItem.color,"onUpdate:modelValue":[e[3]||(e[3]=y=>t.editItem.color=y),e[4]||(e[4]=y=>t.$emit("changeColor",y))],variant:"outlined","hide-details":"",label:"Color",items:i.colors,class:"mb-2"},null,8,["modelValue","items"]),l.limitsNames.length>1?(f(),C("div",ye,[s(h,{modelValue:t.limitsName,"onUpdate:modelValue":[e[5]||(e[5]=y=>t.limitsName=y),e[6]||(e[6]=y=>t.$emit("changeLimits",t.limits[t.limitsName]))],variant:"outlined","hide-details":"",label:"Display Limits",items:l.limitsNames},null,8,["modelValue","items"]),T("div",xe,V(t.limitsName)+": "+V(t.limits[t.limitsName]),1)])):k("",!0)]),_:1}),s(D,{class:"px-2"},{default:n(()=>[s(g),s(x,{variant:"outlined",onClick:e[7]||(e[7]=y=>t.$emit("cancel"))},{default:n(()=>[...e[13]||(e[13]=[v(" Cancel ",-1)])]),_:1}),s(x,{variant:"flat",onClick:e[8]||(e[8]=y=>t.$emit("close",t.editItem))},{default:n(()=>[...e[14]||(e[14]=[v(" Ok ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])}const be=E(ve,[["render",Ne]]),Y="__time",Ie={components:{GraphEditDialog:ge,GraphEditItemDialog:be},mixins:[X],props:{id:{type:Number,required:!0},selectedGraphId:{type:Number,default:null},state:{type:String,required:!0},startTime:{type:Number,default:null},secondsGraphed:{type:Number,required:!0},pointsSaved:{type:Number,required:!0},pointsGraphed:{type:Number,required:!0},refreshIntervalMs:{type:Number,default:200},hideToolbar:{type:Boolean,default:!1},hideOverview:{type:Boolean,default:!1},sparkline:{type:Boolean,default:!1},initialItems:{type:Array,default:()=>[]},initialXAxisItem:{type:String,default:Y},height:{type:Number,default:null},width:{type:Number,default:null},timeZone:{type:String,default:"local"}},emits:["click","close-graph","edit","min-max-graph","pause","resize","start","started"],data(){return{api:null,lines:[],active:!0,expand:!0,fullWidth:!0,fullHeight:!0,graph:null,editGraph:!1,editGraphMenu:!1,editGraphMenuX:0,editGraphMenuY:0,editItem:!1,itemMenu:!1,itemMenuX:0,itemMenuY:0,legendMenu:!1,legendMenuX:0,legendMenuY:0,legendPosition:"bottom",selectedItem:null,hideToolbarData:this.hideToolbar,showOverview:!this.hideOverview,hideOverviewData:this.hideOverview,title:"",overview:null,data:[[]],dataChanged:!1,interval:null,graphMinY:null,graphMaxY:null,graphStartDateTime:null,graphEndDateTime:null,xAxisItem:this.initialXAxisItem,indexes:{},items:this.initialItems,graphItems:[],lastPlaybackDateTime:null,limitsValues:[],drawInterval:null,zoomChart:!1,zoomOverview:!1,cable:new ee,subscription:null,needToUpdate:!1,errorDialog:!1,errors:[],colorIndex:0,colors:["#00c7cb","#938bdb","#4dacff","lime","darkorange","red","gold","hotpink","tan","cyan","maroon","blue","teal","purple","green","brown","lightblue","white","black"]}},computed:{calcFullSize:function(){return this.fullWidth||this.fullHeight},error:function(){return this.errorDialog&&this.errors.length>0?JSON.stringify(this.errors,null,4):null},itemSubscriptionKeys:function(){return this.items.map(this.subscriptionKey)},allowableXAxisItemPacket:function(){if(!this.canUseCustomXAxisItem||this.items.length===0)return;const{targetName:t,packetName:e}=this.items[0];return{targetName:t,packetName:e}},canUseCustomXAxisItem:function(){if(this.items.length===0)return!0;const{targetName:t,packetName:e}=this.items[0];return this.items.every(i=>i.targetName===t&&i.packetName===e)},actualXAxisItem:function(){return this.canUseCustomXAxisItem&&this.xAxisItem?this.xAxisItem:Y},xAxisConverter:function(){return this.xAxisIsDefault?t=>t/1e9:t=>t},xAxisFormatter:function(){return t=>t==null?"--":this.xAxisIsTime?this.formatSeconds(t,this.timeZone):t},xAxisLabel:function(){return this.xAxisIsTime?"Time":this.actualXAxisItem.split("__").at(-2)},xAxisIsDefault:function(){return this.actualXAxisItem===Y},xAxisIsTime:function(){const t=["PACKET_TIMESECONDS","RECEIVED_TIMESECONDS"];return this.xAxisIsDefault||t.includes(this.actualXAxisItem.split("__").at(4))},xAxisIsAlsoGraphedItem:function(){return this.itemSubscriptionKeys.includes(this.actualXAxisItem)},playbackMode:function(){return this.$store.state.playback.playbackMode},playbackDateTime:function(){return this.$store.state.playback.playbackDateTime},playbackStep:function(){return this.$store.state.playback.playbackStep}},watch:{state:function(t,e){switch(t){case"start":e==="stop"&&this.startGraph();break;case"stop":this.stopGraph();break}},playbackMode:function(t,e){this.playbackMode==="playback"?this.setupPlaybackMode():(this.lastPlaybackDateTime=null,this.clearAllData(),this.startGraph())},playbackDateTime:function(t,e){this.playbackMode==="playback"&&(this.lastPlaybackDateTime===null||this.lastPlaybackDateTime>this.playbackDateTime?this.clearAllData():this.api.get_tlm_values(this.graphItems,30,null,this.lastPlaybackDateTime,this.playbackDateTime).then(i=>{if(i.length>0){if(Array.isArray(i[0])&&Array.isArray(i[0][0]))for(let d=0;d<i.length;d++)for(let a=0;a<i[d].length;a++)if(a===0){let l=i[d][a][0],r=new Date(l);this.data[0].push(r.getTime()/1e3)}else this.data[a].push(i[d][a][0]);else if(Array.isArray(i)&&i.length>=2)for(let d=0;d<i.length;d++)if(d===0){let a=i[d][0],l=new Date(a);this.data[0].push(l.getTime()/1e3)}else this.data[d].push(i[d][0])}this.dataChanged=!0,this.updateGraphData()}),this.lastPlaybackDateTime=this.playbackDateTime)},data:function(t,e){this.dataChanged=!0},graphMinY:function(t,e){let i=parseFloat(t);isNaN(i)||(this.graphMinY=i),this.setGraphRange()},graphMaxY:function(t,e){let i=parseFloat(t);isNaN(i)||(this.graphMaxY=i),this.setGraphRange()},graphStartDateTime:function(t,e){t&&typeof t=="string"?(this.graphStartDateTime=this.parseDateTime(this.graphStartDateTime,this.timeZone)*1e6,this.graphStartDateTime!==e&&(this.needToUpdate=!0)):t===null&&e&&(this.graphStartDateTime=null,this.needToUpdate=!0)},graphEndDateTime:function(t,e){t&&typeof t=="string"?(this.graphEndDateTime=this.parseDateTime(this.graphEndDateTime,this.timeZone)*1e6,this.graphEndDateTime!==e&&(this.needToUpdate=!0)):t===null&&e&&(this.graphEndDateTime=null,this.needToUpdate=!0)},actualXAxisItem:function(t,e){let i=JSON.parse(JSON.stringify(this.items));this.removeItems(i),this.graph.destroy(),this.chartOpts.series[0].label=this.xAxisLabel,this.chartOpts.scales.x.time=this.xAxisIsTime,this.graph=new _(this.chartOpts,this.data,document.getElementById(`chart${this.id}`)),this.hideOverview||(this.overview.destroy(),this.overviewOpts.scales.x.time=this.xAxisIsTime,this.overview=new _(this.overviewOpts,this.data,document.getElementById(`overview${this.id}`))),this.addItems(i)},refreshIntervalMs:function(t){this.interval&&(clearInterval(this.interval),this.interval=setInterval(()=>{this.updateGraphData()},t))}},created(){this.api=new R,this.title=`Graph ${this.id}`;for(const[t,e]of this.items.entries())this.data.push([]),this.indexes[this.subscriptionKey(e)]=t+1,e.color===void 0&&(e.color=this.colors[this.colorIndex]),this.colorIndex++,this.colorIndex===this.colors.length&&(this.colorIndex=0)},mounted(){const{chartSeries:t,overviewSeries:e}=this.items.reduce((i,d)=>{const a={spanGaps:!0};return i.chartSeries.push({...a,item:d,label:this.formatLabel(d),stroke:(l,r)=>this.items[r-1].color,width:2,value:(l,r)=>typeof r=="string"||isNaN(r)?"NaN":r==null?"--":r.toFixed(3)}),i.overviewSeries.push({...a}),i},{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 _(this.chartOpts,this.data,document.getElementById(`chart${this.id}`));else{let i=Intl.DateTimeFormat().resolvedOptions().timeZone;this.timeZone&&this.timeZone!=="local"&&(i=this.timeZone),this.chartOpts={...this.getSize("chart"),...this.getScales(),...this.getAxes("chart"),plugins:[this.linesPlugin()],tzDate:d=>_.tzDate(new Date(d*1e3),i),series:[{label:this.xAxisLabel,value:(d,a)=>this.xAxisFormatter(a)},...t],cursor:{drag:{x:!0,y:!1},sync:{key:"openc3"},bind:{mouseup:(d,a,l)=>r=>{this.state==="pause"&&d.select.width===0&&this.$emit("start"),l(r)}}},hooks:{setScale:[(d,a)=>{if(a==="x"&&!this.zoomOverview&&this.overview){this.zoomChart=!0;let l=Math.round(this.overview.valToPos(d.scales.x.min,"x")),r=Math.round(this.overview.valToPos(d.scales.x.max,"x"));this.overview.setSelect({left:l,width:r-l}),this.zoomChart=!1}}],setSelect:[d=>{this.state==="start"&&d.select.width>0&&this.$emit("pause")}],ready:[d=>{d.root.querySelector(".u-over").addEventListener("contextmenu",l=>{l.preventDefault(),this.itemMenu=!1,this.legendMenu=!1,this.editGraphMenuX=l.clientX,this.editGraphMenuY=l.clientY,this.editGraphMenu=!0});let a=d.root.querySelector(".u-legend");a.addEventListener("contextmenu",l=>{l.preventDefault(),this.editGraphMenu=!1,this.legendMenu=!1,this.itemMenuX=l.clientX,this.itemMenuY=l.clientY;let r=l.target.closest(".u-series"),h=Array.prototype.slice.call(a.childNodes[0].childNodes).indexOf(r),b=d.series[h];b.item?(this.selectedItem=b.item,this.itemMenu=!0):(this.itemMenu=!1,this.legendMenuX=l.clientX,this.legendMenuY=l.clientY,this.legendMenu=!0)}),a.querySelector("tbody").appendChild(this.$refs.info)}]}},this.graph=new _(this.chartOpts,this.data,document.getElementById(`chart${this.id}`)),this.overviewOpts={...this.getSize("overview"),...this.getScales(),...this.getAxes("overview"),tzDate:d=>_.tzDate(new Date(d*1e3),i),series:[...e],cursor:{y:!1,drag:{setScale:!1,x:!0,y:!1}},legend:{show:!1},hooks:{setSelect:[d=>{if(!this.zoomChart){this.state==="start"&&d.select.width>0&&this.$emit("pause"),this.zoomOverview=!0;let a=d.posToVal(d.select.left,"x"),l=d.posToVal(d.select.left+d.select.width,"x");this.graph.setScale("x",{min:a,max:l}),this.zoomOverview=!1}}]}},this.hideOverview||(this.overview=new _(this.overviewOpts,this.data,document.getElementById(`overview${this.id}`))),this.moveLegend(this.legendPosition),window.addEventListener("resize",this.resize)}this.playbackMode!=="playback"?this.state!=="stop"&&this.startGraph():this.setupPlaybackMode()},beforeUnmount:function(){this.stopGraph(),this.cable.disconnect(),window.removeEventListener("resize",this.resize)},methods:{setupPlaybackMode:function(){this.stopGraph(),this.clearAllData();const t=this.itemSubscriptionKeys.map(e=>e.split("__").slice(2).join("__"));if(this.actualXAxisItem===Y){const e=t[0].split("__").slice(0,2).join("__");t.unshift(`${e}__PACKET_TIMESECONDS__RAW`)}else this.xAxisIsAlsoGraphedItem||t.unshift(this.actualXAxisItem);this.api.get_tlm_available(t).then(e=>{this.graphItems=e,t.length!=e.length&&console.log("Error getting tlm available",t,this.graphItems)})},startGraph:function(){this.subscribe(),this.interval=setInterval(()=>{this.updateGraphData()},this.refreshIntervalMs)},stopGraph:function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null),this.interval&&(clearInterval(this.interval),this.interval=null)},updateGraphData:function(){if(this.state==="pause"||!this.dataChanged)return;this.graph.setData(this.data),this.overview&&this.overview.setData(this.data);const t=this.data[0];if(t&&t.length){let e=t.at(-1);const i=[t.at(0)];this.pointsGraphed<=t.length&&i.push(t.at(-this.pointsGraphed)),this.xAxisIsTime&&i.push(e-this.secondsGraphed);const d=Math.max(...i);d===e&&(e+=1),this.graph.setScale("x",{min:d,max:e})}this.dataChanged=!1},formatLabel(t){if(t.valueType==="CONVERTED"&&t.reduced==="DECOM")return t.itemName;{let e="";return t.valueType!=="CONVERTED"&&(e+=t.valueType),t.reduced!=="DECOM"&&(e!==""&&(e+=" "),e+=`${t.reduced.split("_")[1]} ${t.reducedType}`),`${t.itemName} (${e})`}},moveLegend:function(t){switch(t){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=t,this.resize()},clearErrors:function(){this.errors=[]},editGraphClose:function(t){this.editGraph=!1,this.title=t.title,this.legendPosition=t.legendPosition,this.graphMinY=t.graphMinY,this.graphMaxY=t.graphMaxY,this.lines=[...t.lines],this.graphStartDateTime=t.startDateTime,this.graphEndDateTime=t.endDateTime,this.$nextTick(()=>{if(this.needToUpdate){if(this.subscription==null)this.startGraph();else{let e=JSON.parse(JSON.stringify(this.items));this.removeItems(e),setTimeout(()=>{this.addItems(e)},0)}this.needToUpdate=!1}}),this.moveLegend(this.legendPosition),this.$emit("edit")},resize:function(){this.graph.setSize(this.getSize("chart")),this.overview&&this.overview.setSize(this.getSize("overview")),this.$emit("resize",this.id)},expandAll:function(){this.fullWidth=!0,this.fullHeight=!0,this.resize()},collapseAll:function(){this.fullWidth=!1,this.fullHeight=!1,this.resize()},expandWidth:function(){this.fullWidth=!0,this.resize()},collapseWidth:function(){this.fullWidth=!1,this.resize()},expandHeight:function(){this.fullHeight=!0,this.resize()},collapseHeight:function(){this.fullHeight=!1,this.resize()},minMaxTransition:function(){this.expand=!this.expand,this.$emit("min-max-graph",this.id)},setGraphRange:function(){let t=.1;(this.graphMinY||this.graphMinY===0||this.graphMaxY||this.graphMaxY===0)&&(t=0),this.graph.scales.y.range=(e,i,d)=>{let a=i;(this.graphMinY||this.graphMinY===0)&&(a=this.graphMinY);let l=d;return(this.graphMaxY||this.graphMaxY===0)&&(l=this.graphMaxY),_.rangeNum(a,l,t,!0)}},subscribe:function(){this.cable.createSubscription("StreamingChannel",window.openc3Scope,{received:t=>this.received(t),connected:()=>{const t=[...this.items];!this.xAxisIsDefault&&!this.xAxisIsAlsoGraphedItem&&t.push(this.actualXAxisItem),this.addItemsToSubscription(t)},disconnected:t=>{t.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(t=>{this.subscription=t})},getSize:function(t){let e=0;const i=document.getElementById("openc3-nav-drawer");i&&(e=i.classList.contains("v-navigation-drawer--active")?i.clientWidth:0);let d=0;(this.legendPosition==="right"||this.legendPosition==="left")&&(d=document.getElementsByClassName("u-legend")[0].clientWidth);const a=Math.max(document.documentElement.clientWidth,window.innerWidth||0)-e-d,l=Math.max(document.documentElement.clientHeight,window.innerHeight||0),r=document.getElementsByClassName("v-expansion-panel")[0];let h=100;t==="overview"?this.fullHeight&&!this.hideOverviewData?this.showOverview=!0:this.showOverview=!1:(h=l-r.clientHeight-h-250,this.fullHeight||(h=h/2+10));let b=a-70;return this.fullWidth||(b=b/2-12),{width:this.width||b,height:this.height||h}},getScales:function(){return{scales:{x:{range(t,e,i){return e==null?this.xAxisIsTime?[1566453600,1566497660]:[0,1]:[e,i]},time:this.xAxisIsTime},y:{range(t,e,i){return e==null?[-100,100]:_.rangeNum(e,i,.1,!0)}}}}},getAxes:function(t){let e="rgba(255, 255, 255, .1)",i="white";return{axes:[{stroke:i,grid:{show:!0,stroke:e,width:2}},{size:80,stroke:i,grid:{show:t!=="overview",stroke:e,width:2},values(d,a){return(a.some(l=>l>=1e7)||a.every(l=>l<.01))&&(a=a.map(l=>l.toExponential(3))),a}}]}},closeEditItem:function(t){this.editItem=!1,(this.graphEndDateTime!==null&&this.selectedItem!==t||this.selectedItem.valueType!==t.valueType||this.selectedItem.reduced!==t.reduced||this.selectedItem.reducedType!==t.reducedType)&&this.changeItem(t)},changeColor:function(t){let e=this.subscriptionKey(this.selectedItem),i=this.indexes[e];this.items[i-1].color=t,this.selectedItem.color=t,this.graph.root.querySelectorAll(".u-marker")[i].style.borderColor=t},changeLimits:function(t){let e=this.subscriptionKey(this.selectedItem),i=this.indexes[e];this.items[i-1].limits=t,this.selectedItem.limits=t,this.limitsValues=t},linesPlugin:function(){return{hooks:{draw:t=>{const{ctx:e,bbox:i}=t,d=t.valToPos(t.scales.y.min,"y",!0),a=t.valToPos(t.scales.y.max,"y",!0),l=t.valToPos(this.limitsValues[0],"y",!0),r=t.valToPos(this.limitsValues[1],"y",!0),h=t.valToPos(this.limitsValues[2],"y",!0),b=t.valToPos(this.limitsValues[3],"y",!0);if(this.lines.forEach(g=>{t.scales.y.min<=g.yValue&&g.yValue<=t.scales.y.max&&(e.save(),e.beginPath(),e.strokeStyle=g.color,e.lineWidth=2,e.moveTo(i.left,t.valToPos(g.yValue,"y",!0)),e.lineTo(i.left+i.width,t.valToPos(g.yValue,"y",!0)),e.stroke(),e.restore())}),e.save(),e.beginPath(),e.fillStyle="rgba(255,0,0,0.15)",t.scales.y.min<this.limitsValues[0]){let g=l<a?a:l;e.fillRect(i.left,l,i.width,d-g)}if(t.scales.y.max>this.limitsValues[3]){let g=d<b?d:b;e.fillRect(i.left,a,i.width,g-a)}if(e.fillStyle="rgba(255,255,0,0.15)",t.scales.y.min<this.limitsValues[1]&&t.scales.y.max>this.limitsValues[0]){let g=r<a?a:r;e.fillRect(i.left,g,i.width,l-g)}if(t.scales.y.max>this.limitsValues[2]&&t.scales.y.min<this.limitsValues[3]){let g=d<b?d:b,x=d<h?d:h;e.fillRect(i.left,g,i.width,x-g)}if(e.fillStyle="rgba(0,255,0,0.15)",this.limitsValues.length===4){if(t.scales.y.min<this.limitsValues[2]&&t.scales.y.max>this.limitsValues[1]){let g=h<a?a:h,x=d<r?d:r;e.fillRect(i.left,g,i.width,x-g)}}else{const g=t.valToPos(this.limitsValues[4],"y",!0),x=t.valToPos(this.limitsValues[5],"y",!0);if(t.scales.y.min<this.limitsValues[4]&&t.scales.y.max>this.limitsValues[1]){let c=g<a?a:g;e.fillRect(i.left,c,i.width,r-c)}if(t.scales.y.max>this.limitsValues[5]&&t.scales.y.min<this.limitsValues[2]){let c=d<h?d:h,y=d<x?d:x;e.fillRect(i.left,c,i.width,y-c)}e.fillStyle="rgba(0,0,255,0.15)";let D=x<a?a:x,I=d<g?d:g;e.fillRect(i.left,D,i.width,I-D)}e.stroke(),e.restore()}}}},changeItem:function(t){this.removeItems([this.selectedItem]),this.selectedItem.valueType=t.valueType,this.selectedItem.reduced=t.reduced,this.selectedItem.reducedType=t.reducedType,setTimeout(()=>{this.addItems([this.selectedItem])},0)},addItems:function(t,e="CONVERTED"){t.forEach(i=>{i.valueType||(i.valueType=e),i.color||(i.color=this.colors[this.colorIndex]),i.limits||(i.limits=[]),i.limits.length>0&&(this.limitsValues=i.limits),this.colorIndex=(this.colorIndex+1)%this.colors.length,this.items.push(i);const d=this.data.length;this.graph.addSeries(this.createSeriesConfig(i),d),this.overview&&this.overview.addSeries(this.createOverviewSeriesConfig(),d),this.data.splice(d,0,Array(this.data[0].length)),this.indexes[this.subscriptionKey(i)]=d}),this.updateColorIndex(t),this.xAxisIsDefault||t.push(this.actualXAxisItem),this.addItemsToSubscription(t),this.$emit("resize"),this.$emit("edit")},createSeriesConfig:function(t){return{spanGaps:!0,item:t,label:this.formatLabel(t),stroke:(e,i)=>this.items[i-1].color,width:2,value:(e,i)=>typeof i=="string"||isNaN(i)?"NaN":i==null?"--":Math.abs(i)<.01&&i!==0||Math.abs(i)>=1e7?i.toExponential(6):i.toFixed(6)}},createOverviewSeriesConfig:function(){return{spanGaps:!0,stroke:(t,e)=>this.items[e-1].color}},updateColorIndex:function(t){const e=t[t.length-1];if(e){const i=this.colors.indexOf(e.color);i!==-1&&(this.colorIndex=(i+1)%this.colors.length)}},addItemsToSubscription:function(t=this.items){let e=this.startTime;this.graphStartDateTime&&(e=this.graphStartDateTime);const i=t.map(d=>{if(typeof d=="object")return this.subscriptionKey(d);if(typeof d=="string")return d;throw new Error(`Invalid subscription item type for ${d}: ${typeof d}`)});this.subscription&&OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(d=>{d&&OpenC3Auth.setTokens(),this.subscription.perform("add",{scope:window.openc3Scope,token:localStorage.openc3Token,items:i,start_time:e,end_time:this.graphEndDateTime})})},clearAllData:function(){this.data[0]=[],this.clearData(this.items)},clearData:function(t){for(const e of t.map(this.subscriptionKey)){let i=this.indexes[e];this.data[i]=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(t){this.removeItemsFromSubscription(t);for(const e of t.map(this.subscriptionKey)){const i=this.reorderIndexes(e);this.items.splice(i-1,1),this.data.splice(i,1),this.graph.delSeries(i),this.graph.setData(this.data),this.overview&&(this.overview.delSeries(i),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(t=this.items){if(this.subscription){const e=t.map(i=>{if(typeof i=="object")return this.subscriptionKey(i);if(typeof i=="string")return i;throw new Error(`Invalid subscription item type for ${i}: ${typeof i}`)});this.subscription.perform("remove",{scope:window.openc3Scope,token:localStorage.openc3Token,items:e})}},reorderIndexes:function(t){let e=this.indexes[t];delete this.indexes[t];for(let i in this.indexes)this.indexes[i]>e&&(this.indexes[i]-=1);return e},received:function(t){this.cable.recordPing();for(let e=0;e<t.length;e++){if(!t[e].hasOwnProperty(this.actualXAxisItem))continue;let i=this.xAxisConverter(t[e][this.actualXAxisItem]),d=this.data[0].length;if(d===0||i>this.data[0][d-1]){for(let a=0;a<this.data.length;a++)this.data[a].push(null);this.setDataAtIndex(this.data[0].length-1,i,t[e])}else{let a=W(this.data[0],i,this.bsComparator);if(a>=0){if(!Number.isFinite(i))throw new RangeError(`Invalid x-axis value: ${i}`);for(;a>=0;)i-=1e-5,a=W(this.data[0],i,this.bsComparator);const l=-a-1;for(let r=0;r<this.data.length;r++)this.data[r].splice(l,0,null);this.setDataAtIndex(l,i,t[e])}else{const l=-a-1;for(let r=0;r<this.data.length;r++)this.data[r].splice(l,0,null);this.setDataAtIndex(l,i,t[e])}}}if(this.pointsSaved>0&&this.data[0].length>this.pointsSaved+300){const e=this.data[0].length-this.pointsSaved;for(let i=0;i<this.data.length;i++)this.data[i].splice(0,e)}if(this.startTime==null&&this.data[0][0]){let e=this.data[0][0]*1e9;this.$emit("started",e)}this.dataChanged=!0},bsComparator:function(t,e){return t-e},setDataAtIndex:function(t,e,i){this.data[0][t]=e;for(const[d,a]of Object.entries(i)){if(d===this.actualXAxisItem&&!this.xAxisIsAlsoGraphedItem)continue;const l=this.indexes[d];if(l){let r=this.data[l];if(a!=null&&a.raw)r[t]=null;else if(typeof a=="string"){if(r[t]=null,!d.includes("__RAW")){for(let h of this.items)if(this.subscriptionKey(h)===d){this.selectedItem=h;break}this.changeItem({valueType:"RAW",reduced:this.selectedItem.reduced,reducedType:this.selectedItem.reducedType})}}else r[t]=a}}},subscriptionKey:function(t){let e=`${t.reduced}__TLM__${t.targetName}__${t.packetName}__${t.itemName}__${t.valueType}`;return(t.reduced==="REDUCED_MINUTE"||t.reduced==="REDUCED_HOUR"||t.reduced==="REDUCED_DAY")&&(e+=`__${t.reducedType}`),e}}},Te={id:"chart",ref:"chart",class:"pa-1"},ke=["id"],De=["id"],we={key:5,ref:"info",class:"u-series"};function Ae(t,e,i,d,a,l){const r=o("v-btn"),h=o("v-spacer"),b=o("v-toolbar"),g=o("v-expand-transition"),x=o("v-card"),D=o("graph-edit-dialog"),I=o("v-text-field"),c=o("v-row"),y=o("v-textarea"),L=o("v-dialog"),w=o("v-list-item-title"),A=o("v-list-item"),O=o("v-list"),U=o("v-menu"),j=o("graph-edit-item-dialog"),F=o("v-list-subheader"),S=o("v-icon"),Q=o("v-tooltip");return f(),C("div",{onClick:e[22]||(e[22]=Z(p=>t.$emit("click"),["prevent"]))},[s(x,null,{default:n(()=>[M(s(b,{height:"24",class:K(["pl-2 pr-2",i.selectedGraphId===i.id?"active":""])},{default:n(()=>[M(s(r,{class:"mx-2",icon:"mdi-alert",density:"compact",variant:"text","aria-label":"Show Errors",onClick:e[0]||(e[0]=()=>{a.errorDialog=!0})},null,512),[[P,a.errors.length!==0]]),s(r,{icon:"mdi-pencil",variant:"text",density:"compact","data-test":"edit-graph-icon","aria-label":"Edit Graph",onClick:e[1]||(e[1]=()=>{a.editGraph=!0})}),s(h),T("span",null,V(a.title),1),s(h),a.expand?(f(),C($,{key:0},[l.calcFullSize?(f(),N(r,{key:0,icon:"mdi-arrow-collapse",variant:"text",density:"compact","data-test":"collapse-all",onClick:l.collapseAll},null,8,["onClick"])):(f(),N(r,{key:1,icon:"mdi-arrow-expand",variant:"text",density:"compact","data-test":"expand-all",onClick:l.expandAll},null,8,["onClick"])),a.fullWidth?(f(),N(r,{key:2,icon:"mdi-arrow-collapse-horizontal",variant:"text",density:"compact","data-test":"collapse-width",onClick:l.collapseWidth},null,8,["onClick"])):(f(),N(r,{key:3,icon:"mdi-arrow-expand-horizontal",variant:"text",density:"compact","data-test":"expand-width",onClick:l.expandWidth},null,8,["onClick"])),a.fullHeight?(f(),N(r,{key:4,icon:"mdi-arrow-collapse-vertical",variant:"text",density:"compact","data-test":"collapse-height",onClick:l.collapseHeight},null,8,["onClick"])):(f(),N(r,{key:5,icon:"mdi-arrow-expand-vertical",variant:"text",density:"compact","data-test":"expand-height",onClick:l.expandHeight},null,8,["onClick"]))],64)):k("",!0),a.expand?(f(),N(r,{key:1,icon:"mdi-window-minimize",variant:"text",density:"compact","data-test":"minimize-screen-icon",onClick:l.minMaxTransition},null,8,["onClick"])):(f(),N(r,{key:2,icon:"mdi-window-maximize",variant:"text",density:"compact","data-test":"maximize-screen-icon",onClick:l.minMaxTransition},null,8,["onClick"])),s(r,{icon:"mdi-close-box",variant:"text",density:"compact","data-test":"close-graph-icon",onClick:e[2]||(e[2]=Z(p=>t.$emit("close-graph"),["stop"]))})]),_:1},8,["class"]),[[P,!a.hideToolbarData]]),s(g,null,{default:n(()=>[M(T("div",Te,[T("div",{id:`chart${i.id}`},null,8,ke),e[23]||(e[23]=T("div",{id:"betweenCharts"},null,-1)),M(T("div",{id:`overview${i.id}`},null,8,De),[[P,a.showOverview]])],512),[[P,a.expand]])]),_:1})]),_:1}),a.editGraph?(f(),N(D,{key:0,modelValue:a.editGraph,"onUpdate:modelValue":e[3]||(e[3]=p=>a.editGraph=p),"x-axis-item":a.xAxisItem,"onUpdate:xAxisItem":e[4]||(e[4]=p=>a.xAxisItem=p),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":i.timeZone,"x-axis-item-packet":l.allowableXAxisItemPacket,onRemove:e[5]||(e[5]=p=>l.removeItems([p])),onOk:l.editGraphClose,onCancel:e[6]||(e[6]=p=>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"])):k("",!0),s(L,{modelValue:a.errorDialog,"onUpdate:modelValue":e[8]||(e[8]=p=>a.errorDialog=p),"max-width":"600"},{default:n(()=>[s(b,{height:"24"},{default:n(()=>[s(h),e[24]||(e[24]=T("span",null," Errors ",-1)),s(h)]),_:1}),s(x,{class:"pa-3"},{default:n(()=>[s(c,{dense:""},{default:n(()=>[s(I,{modelValue:a.title,"onUpdate:modelValue":e[7]||(e[7]=p=>a.title=p),readonly:"","hide-details":"",class:"pb-2",label:"Graph Title"},null,8,["modelValue"])]),_:1}),s(c,{class:"my-3"},{default:n(()=>[s(y,{readonly:"",rows:"8","model-value":l.error},null,8,["model-value"])]),_:1}),s(c,null,{default:n(()=>[s(r,{block:"",onClick:l.clearErrors},{default:n(()=>[...e[25]||(e[25]=[v(" Clear ",-1)])]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"]),a.editGraphMenu?(f(),N(U,{key:1,modelValue:a.editGraphMenu,"onUpdate:modelValue":e[10]||(e[10]=p=>a.editGraphMenu=p),target:[a.editGraphMenuX,a.editGraphMenuY],absolute:""},{default:n(()=>[s(O,null,{default:n(()=>[s(A,{onClick:e[9]||(e[9]=p=>a.editGraph=!0)},{default:n(()=>[s(w,{style:{cursor:"pointer"}},{default:n(()=>[v(" Edit "+V(a.title),1)]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):k("",!0),a.editItem?(f(),N(j,{key:2,modelValue:a.editItem,"onUpdate:modelValue":e[11]||(e[11]=p=>a.editItem=p),colors:a.colors,item:a.selectedItem,onChangeColor:l.changeColor,onChangeLimits:l.changeLimits,onCancel:e[12]||(e[12]=p=>a.editItem=!1),onClose:l.closeEditItem},null,8,["modelValue","colors","item","onChangeColor","onChangeLimits","onClose"])):k("",!0),a.itemMenu?(f(),N(U,{key:3,modelValue:a.itemMenu,"onUpdate:modelValue":e[16]||(e[16]=p=>a.itemMenu=p),target:[a.itemMenuX,a.itemMenuY],absolute:""},{default:n(()=>[s(O,{nav:"",density:"compact"},{default:n(()=>[s(F,null,{default:n(()=>[v(V(a.selectedItem.targetName)+" "+V(a.selectedItem.packetName)+" "+V(a.selectedItem.itemName),1)]),_:1}),s(A,{onClick:e[13]||(e[13]=p=>a.editItem=!0)},{prepend:n(()=>[s(S,{icon:"mdi-pencil"})]),default:n(()=>[s(w,null,{default:n(()=>[...e[26]||(e[26]=[v(" Edit ",-1)])]),_:1})]),_:1}),s(A,{onClick:e[14]||(e[14]=p=>l.clearData([a.selectedItem]))},{prepend:n(()=>[s(S,{icon:"mdi-eraser"})]),default:n(()=>[s(w,null,{default:n(()=>[...e[27]||(e[27]=[v(" Clear ",-1)])]),_:1})]),_:1}),s(A,{onClick:e[15]||(e[15]=p=>l.removeItems([a.selectedItem]))},{prepend:n(()=>[s(S,{icon:"mdi-delete"})]),default:n(()=>[s(w,null,{default:n(()=>[...e[28]||(e[28]=[v(" Delete ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):k("",!0),a.legendMenu?(f(),N(U,{key:4,modelValue:a.legendMenu,"onUpdate:modelValue":e[21]||(e[21]=p=>a.legendMenu=p),target:[a.legendMenuX,a.legendMenuY],absolute:""},{default:n(()=>[s(O,null,{default:n(()=>[s(A,{onClick:e[17]||(e[17]=p=>l.moveLegend("top"))},{default:n(()=>[s(w,{style:{cursor:"pointer"}},{default:n(()=>[...e[29]||(e[29]=[v(" Legend Top ",-1)])]),_:1})]),_:1}),s(A,{onClick:e[18]||(e[18]=p=>l.moveLegend("bottom"))},{default:n(()=>[s(w,{style:{cursor:"pointer"}},{default:n(()=>[...e[30]||(e[30]=[v(" Legend Bottom ",-1)])]),_:1})]),_:1}),s(A,{onClick:e[19]||(e[19]=p=>l.moveLegend("left"))},{default:n(()=>[s(w,{style:{cursor:"pointer"}},{default:n(()=>[...e[31]||(e[31]=[v(" Legend Left ",-1)])]),_:1})]),_:1}),s(A,{onClick:e[20]||(e[20]=p=>l.moveLegend("right"))},{default:n(()=>[s(w,{style:{cursor:"pointer"}},{default:n(()=>[...e[32]||(e[32]=[v(" Legend RIght ",-1)])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue","target"])):k("",!0),i.sparkline?k("",!0):(f(),C("div",we,[s(Q,{text:"Click item to toggle, Right click to edit",location:"top"},{activator:n(({props:p})=>[s(S,ie(ae(p)),{default:n(()=>[...e[33]||(e[33]=[v(" mdi-information-variant-circle ",-1)])]),_:1},16)]),_:1})],512))])}const Se=ne("M",E(Ie,[["render",Ae],["__scopeId","data-v-67dfc974"]]))}}});