@openc3/vue-common 6.9.2 → 6.10.1

package/dist/{ArrayWidget-DUTccTH3.js → ArrayWidget-DQRQ7dPa.js}

@@ -1,9 +1,9 @@
-import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-ByJi6BSv.js";
+import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C3WTK6F-.js";
 import { resolveComponent as o, createElementBlock as d, openBlock as m, createVNode as i, normalizeStyle as w, normalizeClass as y, withCtx as l, Fragment as V, renderList as C, createBlock as k, withModifiers as D, createTextVNode as M, toDisplayString as S } from "vue";
 import { _ as x } from "./CustomIcon-DTfsnDJn.js";
-import { D as L } from "./DetailsDialog-Ji0jA6sd.js";
+import { D as L } from "./DetailsDialog-q9piPmHq.js";
 import "single-spa";
-import { V as R } from "./VWidget-D8c5Lci7.js";
+import { V as R } from "./VWidget-D06LY-Yc.js";
 const z = {
   components: {
     DetailsDialog: L
@@ -103,4 +103,4 @@ const I = /* @__PURE__ */ x(z, [["render", B], ["__scopeId", "data-v-62b9e9e1"]]
 export {
   I as default
 };
-//# sourceMappingURL=ArrayWidget-DUTccTH3.js.map
+//# sourceMappingURL=ArrayWidget-DQRQ7dPa.js.map

package/dist/{ArrayWidget-DUTccTH3.js.map → ArrayWidget-DQRQ7dPa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ArrayWidget-DUTccTH3.js","sources":["../src/widgets/ArrayWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2024, 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  <div class=\"array-widget-container\">\n    <v-textarea\n      variant=\"solo\"\n      density=\"compact\"\n      readonly\n      no-resize\n      auto-grow\n      rows=\"2\"\n      hide-details\n      :model-value=\"_value\"\n      :class=\"valueClass\"\n      :style=\"[computedStyle, aging]\"\n      data-test=\"array-widget\"\n      @contextmenu=\"showContextMenu\"\n    />\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\">\n      <v-list>\n        <v-list-item\n          v-for=\"(item, index) in contextMenuOptions\"\n          :key=\"index\"\n          @click.stop=\"item.action\"\n        >\n          <v-list-item-title>{{ item.title }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <details-dialog\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n      v-model=\"viewDetails\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport VWidget from './VWidget'\nimport 'sprintf-js'\n\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  data: function () {\n    return {\n      width: 200,\n      height: 100,\n      itemsPerRow: 4,\n      formatter: null,\n    }\n  },\n  mixins: [VWidget],\n  computed: {\n    aging() {\n      return {\n        '--aging': this.grayLevel,\n      }\n    },\n  },\n  created: function () {\n    this.width = this.setWidth(this.parameters[3], 'px', this.width)\n    this.height = this.setHeight(this.parameters[4], 'px', this.height)\n    if (this.parameters[5]) {\n      this.formatter = this.parameters[5]\n    }\n    if (this.parameters[6]) {\n      this.itemsPerRow = parseInt(this.parameters[6])\n    }\n  },\n  methods: {\n    getType: function () {\n      let type = 'CONVERTED'\n      if (this.parameters[7]) {\n        type = this.parameters[7]\n      }\n      return type\n    },\n    formatValue: function (data) {\n      let text = ''\n      let space = ' '\n      let newLine = '\\n'\n      let count = 0\n\n      if (Array.isArray(data)) {\n        for (const value of data) {\n          if (this.formatter && this.formatter?.toLowerCase() !== 'nil') {\n            text += sprintf(this.formatter, value)\n          } else {\n            text += value\n          }\n          count += 1\n          if (count % this.itemsPerRow === 0) {\n            count = 0\n            text += newLine\n          } else {\n            text += space\n          }\n        }\n        return text.trim()\n      } else {\n        return data\n      }\n    },\n  },\n}\n</script>\n\n<style scoped>\n.array-widget-container :deep(.v-input__slot) {\n  background: rgba(var(--aging), var(--aging), var(--aging), 1) !important;\n}\n.value :deep(div) {\n  min-height: 24px !important;\n  display: flex !important;\n  align-items: center !important;\n}\n.array-widget-container :deep(.v-field__loader) {\n  display: none !important;\n}\n.openc3-green :deep(input) {\n  color: rgb(0, 200, 0);\n}\n.openc3-yellow :deep(input) {\n  color: rgb(255, 220, 0);\n}\n.openc3-red :deep(input) {\n  color: rgb(255, 45, 45);\n}\n.openc3-blue :deep(input) {\n  color: rgb(0, 153, 255);\n}\n.openc3-purple :deep(input) {\n  color: rgb(200, 0, 200);\n}\n.openc3-black :deep(input) {\n  color: black;\n}\n.openc3-white :deep(input) {\n  color: white;\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","VWidget","type","data","text","space","newLine","count","value","_a","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_v_textarea","_ctx","_normalizeStyle","$options","_component_v_menu","$event","_component_v_list","_Fragment","_renderList","item","index","_createBlock","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":";;;;;;AAgEA,MAAKA,IAAU;AAAA,EACb,YAAY;AAAA,IACV,eAAAC;AAAA;EAEF,MAAM,WAAY;AAChB,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,QAAQ,CAACC,CAAO;AAAA,EAChB,UAAU;AAAA,IACR,QAAQ;AACN,aAAO;AAAA,QACL,WAAW,KAAK;AAAA,MAClB;AAAA,IACF;AAAA;EAEF,SAAS,WAAY;AACnB,SAAK,QAAQ,KAAK,SAAS,KAAK,WAAW,CAAC,GAAG,MAAM,KAAK,KAAK,GAC/D,KAAK,SAAS,KAAK,UAAU,KAAK,WAAW,CAAC,GAAG,MAAM,KAAK,MAAM,GAC9D,KAAK,WAAW,CAAC,MACnB,KAAK,YAAY,KAAK,WAAW,CAAC,IAEhC,KAAK,WAAW,CAAC,MACnB,KAAK,cAAc,SAAS,KAAK,WAAW,CAAC,CAAC;AAAA,EAElD;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAY;AACnB,UAAIC,IAAO;AACX,aAAI,KAAK,WAAW,CAAC,MACnBA,IAAO,KAAK,WAAW,CAAC,IAEnBA;AAAA,IACT;AAAA,IACA,aAAa,SAAUC,GAAM;;AAC3B,UAAIC,IAAO,IACPC,IAAQ,KACRC,IAAU;AAAA,GACVC,IAAQ;AAEZ,UAAI,MAAM,QAAQJ,CAAI,GAAG;AACvB,mBAAWK,KAASL;AAClB,UAAI,KAAK,eAAaM,IAAA,KAAK,cAAL,gBAAAA,EAAgB,mBAAkB,QACtDL,KAAQ,QAAQ,KAAK,WAAWI,CAAK,IAErCJ,KAAQI,GAEVD,KAAS,GACLA,IAAQ,KAAK,gBAAgB,KAC/BA,IAAQ,GACRH,KAAQE,KAERF,KAAQC;AAGZ,eAAOD,EAAK,KAAI;AAAA,MAClB;AACE,eAAOD;AAAA,IAEX;AAAA;AAEJ,GA1GOO,IAAA,EAAA,OAAM,yBAAwB;;;AAAnC,SAAAC,EAAA,GAAAC,EAiCM,OAjCNF,GAiCM;AAAA,IAhCJG,EAaEC,GAAA;AAAA,MAZA,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,UAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAK;AAAA,MACL,gBAAA;AAAA,MACC,eAAaC,EAAA;AAAA,MACb,SAAOA,EAAA,UAAU;AAAA,MACjB,OAAKC,EAAA,CAAGD,EAAA,eAAeE,EAAA,KAAK,CAAA;AAAA,MAC7B,aAAU;AAAA,MACT,eAAaF,EAAA;AAAA;IAEhBF,EAUSK,GAAA;AAAA,kBAVQH,EAAA;AAAA,oDAAAA,EAAA,mBAAgBI;AAAA,MAAG,QAAM,CAAGJ,EAAA,GAAGA,EAAA,CAAC;AAAA;iBAC/C,MAQS;AAAA,QARTF,EAQSO,GAAA,MAAA;AAAA,qBANL,MAA2C;AAAA,aAD7CT,EAAA,EAAA,GAAAC,EAMcS,GAAA,MAAAC,EALYP,EAAA,oBAAkB,CAAlCQ,GAAMC,YADhBC,EAMcC,GAAA;AAAA,cAJX,KAAKF;AAAA,cACL,SAAKG,EAAOJ,EAAK,QAAM,CAAA,MAAA,CAAA;AAAA;yBAExB,MAAuD;AAAA,gBAAvDV,EAAuDe,GAAA,MAAA;AAAA,6BAApC,MAAgB;AAAA,oBAAbC,EAAAC,EAAAP,EAAK,KAAK,GAAA,CAAA;AAAA;;;;;;;;;;;;IAKtCV,EAKEkB,GAAA;AAAA,MAJC,eAAahB,EAAA,WAAU,CAAA;AAAA,MACvB,eAAaA,EAAA,WAAU,CAAA;AAAA,MACvB,aAAWA,EAAA,WAAU,CAAA;AAAA,kBACbA,EAAA;AAAA,oDAAAA,EAAA,cAAWI;AAAA;;;;"}
+{"version":3,"file":"ArrayWidget-DQRQ7dPa.js","sources":["../src/widgets/ArrayWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2024, 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  <div class=\"array-widget-container\">\n    <v-textarea\n      variant=\"solo\"\n      density=\"compact\"\n      readonly\n      no-resize\n      auto-grow\n      rows=\"2\"\n      hide-details\n      :model-value=\"_value\"\n      :class=\"valueClass\"\n      :style=\"[computedStyle, aging]\"\n      data-test=\"array-widget\"\n      @contextmenu=\"showContextMenu\"\n    />\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\">\n      <v-list>\n        <v-list-item\n          v-for=\"(item, index) in contextMenuOptions\"\n          :key=\"index\"\n          @click.stop=\"item.action\"\n        >\n          <v-list-item-title>{{ item.title }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <details-dialog\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n      v-model=\"viewDetails\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport VWidget from './VWidget'\nimport 'sprintf-js'\n\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  data: function () {\n    return {\n      width: 200,\n      height: 100,\n      itemsPerRow: 4,\n      formatter: null,\n    }\n  },\n  mixins: [VWidget],\n  computed: {\n    aging() {\n      return {\n        '--aging': this.grayLevel,\n      }\n    },\n  },\n  created: function () {\n    this.width = this.setWidth(this.parameters[3], 'px', this.width)\n    this.height = this.setHeight(this.parameters[4], 'px', this.height)\n    if (this.parameters[5]) {\n      this.formatter = this.parameters[5]\n    }\n    if (this.parameters[6]) {\n      this.itemsPerRow = parseInt(this.parameters[6])\n    }\n  },\n  methods: {\n    getType: function () {\n      let type = 'CONVERTED'\n      if (this.parameters[7]) {\n        type = this.parameters[7]\n      }\n      return type\n    },\n    formatValue: function (data) {\n      let text = ''\n      let space = ' '\n      let newLine = '\\n'\n      let count = 0\n\n      if (Array.isArray(data)) {\n        for (const value of data) {\n          if (this.formatter && this.formatter?.toLowerCase() !== 'nil') {\n            text += sprintf(this.formatter, value)\n          } else {\n            text += value\n          }\n          count += 1\n          if (count % this.itemsPerRow === 0) {\n            count = 0\n            text += newLine\n          } else {\n            text += space\n          }\n        }\n        return text.trim()\n      } else {\n        return data\n      }\n    },\n  },\n}\n</script>\n\n<style scoped>\n.array-widget-container :deep(.v-input__slot) {\n  background: rgba(var(--aging), var(--aging), var(--aging), 1) !important;\n}\n.value :deep(div) {\n  min-height: 24px !important;\n  display: flex !important;\n  align-items: center !important;\n}\n.array-widget-container :deep(.v-field__loader) {\n  display: none !important;\n}\n.openc3-green :deep(input) {\n  color: rgb(0, 200, 0);\n}\n.openc3-yellow :deep(input) {\n  color: rgb(255, 220, 0);\n}\n.openc3-red :deep(input) {\n  color: rgb(255, 45, 45);\n}\n.openc3-blue :deep(input) {\n  color: rgb(0, 153, 255);\n}\n.openc3-purple :deep(input) {\n  color: rgb(200, 0, 200);\n}\n.openc3-black :deep(input) {\n  color: black;\n}\n.openc3-white :deep(input) {\n  color: white;\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","VWidget","type","data","text","space","newLine","count","value","_a","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_v_textarea","_ctx","_normalizeStyle","$options","_component_v_menu","$event","_component_v_list","_Fragment","_renderList","item","index","_createBlock","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":";;;;;;AAgEA,MAAKA,IAAU;AAAA,EACb,YAAY;AAAA,IACV,eAAAC;AAAA;EAEF,MAAM,WAAY;AAChB,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,QAAQ,CAACC,CAAO;AAAA,EAChB,UAAU;AAAA,IACR,QAAQ;AACN,aAAO;AAAA,QACL,WAAW,KAAK;AAAA,MAClB;AAAA,IACF;AAAA;EAEF,SAAS,WAAY;AACnB,SAAK,QAAQ,KAAK,SAAS,KAAK,WAAW,CAAC,GAAG,MAAM,KAAK,KAAK,GAC/D,KAAK,SAAS,KAAK,UAAU,KAAK,WAAW,CAAC,GAAG,MAAM,KAAK,MAAM,GAC9D,KAAK,WAAW,CAAC,MACnB,KAAK,YAAY,KAAK,WAAW,CAAC,IAEhC,KAAK,WAAW,CAAC,MACnB,KAAK,cAAc,SAAS,KAAK,WAAW,CAAC,CAAC;AAAA,EAElD;AAAA,EACA,SAAS;AAAA,IACP,SAAS,WAAY;AACnB,UAAIC,IAAO;AACX,aAAI,KAAK,WAAW,CAAC,MACnBA,IAAO,KAAK,WAAW,CAAC,IAEnBA;AAAA,IACT;AAAA,IACA,aAAa,SAAUC,GAAM;;AAC3B,UAAIC,IAAO,IACPC,IAAQ,KACRC,IAAU;AAAA,GACVC,IAAQ;AAEZ,UAAI,MAAM,QAAQJ,CAAI,GAAG;AACvB,mBAAWK,KAASL;AAClB,UAAI,KAAK,eAAaM,IAAA,KAAK,cAAL,gBAAAA,EAAgB,mBAAkB,QACtDL,KAAQ,QAAQ,KAAK,WAAWI,CAAK,IAErCJ,KAAQI,GAEVD,KAAS,GACLA,IAAQ,KAAK,gBAAgB,KAC/BA,IAAQ,GACRH,KAAQE,KAERF,KAAQC;AAGZ,eAAOD,EAAK,KAAI;AAAA,MAClB;AACE,eAAOD;AAAA,IAEX;AAAA;AAEJ,GA1GOO,IAAA,EAAA,OAAM,yBAAwB;;;AAAnC,SAAAC,EAAA,GAAAC,EAiCM,OAjCNF,GAiCM;AAAA,IAhCJG,EAaEC,GAAA;AAAA,MAZA,SAAQ;AAAA,MACR,SAAQ;AAAA,MACR,UAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAK;AAAA,MACL,gBAAA;AAAA,MACC,eAAaC,EAAA;AAAA,MACb,SAAOA,EAAA,UAAU;AAAA,MACjB,OAAKC,EAAA,CAAGD,EAAA,eAAeE,EAAA,KAAK,CAAA;AAAA,MAC7B,aAAU;AAAA,MACT,eAAaF,EAAA;AAAA;IAEhBF,EAUSK,GAAA;AAAA,kBAVQH,EAAA;AAAA,oDAAAA,EAAA,mBAAgBI;AAAA,MAAG,QAAM,CAAGJ,EAAA,GAAGA,EAAA,CAAC;AAAA;iBAC/C,MAQS;AAAA,QARTF,EAQSO,GAAA,MAAA;AAAA,qBANL,MAA2C;AAAA,aAD7CT,EAAA,EAAA,GAAAC,EAMcS,GAAA,MAAAC,EALYP,EAAA,oBAAkB,CAAlCQ,GAAMC,YADhBC,EAMcC,GAAA;AAAA,cAJX,KAAKF;AAAA,cACL,SAAKG,EAAOJ,EAAK,QAAM,CAAA,MAAA,CAAA;AAAA;yBAExB,MAAuD;AAAA,gBAAvDV,EAAuDe,GAAA,MAAA;AAAA,6BAApC,MAAgB;AAAA,oBAAbC,EAAAC,EAAAP,EAAK,KAAK,GAAA,CAAA;AAAA;;;;;;;;;;;;IAKtCV,EAKEkB,GAAA;AAAA,MAJC,eAAahB,EAAA,WAAU,CAAA;AAAA,MACvB,eAAaA,EAAA,WAAU,CAAA;AAAA,MACvB,aAAWA,EAAA,WAAU,CAAA;AAAA,kBACbA,EAAA;AAAA,oDAAAA,EAAA,cAAWI;AAAA;;;;"}

package/dist/{ArrayWidget-Barb7cCJ.cjs → ArrayWidget-DvCX-1Om.cjs}

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B-k6legU.cjs");const e=require("vue"),g=require("./CustomIcon-eie3rPKh.cjs"),f=require("./DetailsDialog-DbRPJzDG.cjs");require("single-spa");const v=require("./VWidget-B22Re761.cjs"),w={components:{DetailsDialog:f.DetailsDialog},data:function(){return{width:200,height:100,itemsPerRow:4,formatter:null}},mixins:[v.VWidget],computed:{aging(){return{"--aging":this.grayLevel}}},created:function(){this.width=this.setWidth(this.parameters[3],"px",this.width),this.height=this.setHeight(this.parameters[4],"px",this.height),this.parameters[5]&&(this.formatter=this.parameters[5]),this.parameters[6]&&(this.itemsPerRow=parseInt(this.parameters[6]))},methods:{getType:function(){let t="CONVERTED";return this.parameters[7]&&(t=this.parameters[7]),t},formatValue:function(t){var a;let o="",s=" ",l=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-RGlL9jUF.cjs");const e=require("vue"),g=require("./CustomIcon-eie3rPKh.cjs"),f=require("./DetailsDialog-Brv3nVs3.cjs");require("single-spa");const v=require("./VWidget-CTcOKw09.cjs"),w={components:{DetailsDialog:f.DetailsDialog},data:function(){return{width:200,height:100,itemsPerRow:4,formatter:null}},mixins:[v.VWidget],computed:{aging(){return{"--aging":this.grayLevel}}},created:function(){this.width=this.setWidth(this.parameters[3],"px",this.width),this.height=this.setHeight(this.parameters[4],"px",this.height),this.parameters[5]&&(this.formatter=this.parameters[5]),this.parameters[6]&&(this.itemsPerRow=parseInt(this.parameters[6]))},methods:{getType:function(){let t="CONVERTED";return this.parameters[7]&&(t=this.parameters[7]),t},formatValue:function(t){var a;let o="",s=" ",l=`
 `,r=0;if(Array.isArray(t)){for(const i of t)this.formatter&&((a=this.formatter)==null?void 0:a.toLowerCase())!=="nil"?o+=sprintf(this.formatter,i):o+=i,r+=1,r%this.itemsPerRow===0?(r=0,o+=l):o+=s;return o.trim()}else return t}}},C={class:"array-widget-container"};function _(t,o,s,l,r,a){const i=e.resolveComponent("v-textarea"),m=e.resolveComponent("v-list-item-title"),u=e.resolveComponent("v-list-item"),d=e.resolveComponent("v-list"),p=e.resolveComponent("v-menu"),c=e.resolveComponent("details-dialog");return e.openBlock(),e.createElementBlock("div",C,[e.createVNode(i,{variant:"solo",density:"compact",readonly:"","no-resize":"","auto-grow":"",rows:"2","hide-details":"","model-value":t._value,class:e.normalizeClass(t.valueClass),style:e.normalizeStyle([t.computedStyle,a.aging]),"data-test":"array-widget",onContextmenu:t.showContextMenu},null,8,["model-value","class","style","onContextmenu"]),e.createVNode(p,{modelValue:t.contextMenuShown,"onUpdate:modelValue":o[0]||(o[0]=n=>t.contextMenuShown=n),target:[t.x,t.y]},{default:e.withCtx(()=>[e.createVNode(d,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.contextMenuOptions,(n,h)=>(e.openBlock(),e.createBlock(u,{key:h,onClick:e.withModifiers(n.action,["stop"])},{default:e.withCtx(()=>[e.createVNode(m,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:1})]),_:1},8,["modelValue","target"]),e.createVNode(c,{"target-name":t.parameters[0],"packet-name":t.parameters[1],"item-name":t.parameters[2],modelValue:t.viewDetails,"onUpdate:modelValue":o[1]||(o[1]=n=>t.viewDetails=n)},null,8,["target-name","packet-name","item-name","modelValue"])])}const y=g._export_sfc(w,[["render",_],["__scopeId","data-v-62b9e9e1"]]);exports.default=y;
-//# sourceMappingURL=ArrayWidget-Barb7cCJ.cjs.map
+//# sourceMappingURL=ArrayWidget-DvCX-1Om.cjs.map

package/dist/{ArrayWidget-Barb7cCJ.cjs.map → ArrayWidget-DvCX-1Om.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ArrayWidget-Barb7cCJ.cjs","sources":["../src/widgets/ArrayWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2024, 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  <div class=\"array-widget-container\">\n    <v-textarea\n      variant=\"solo\"\n      density=\"compact\"\n      readonly\n      no-resize\n      auto-grow\n      rows=\"2\"\n      hide-details\n      :model-value=\"_value\"\n      :class=\"valueClass\"\n      :style=\"[computedStyle, aging]\"\n      data-test=\"array-widget\"\n      @contextmenu=\"showContextMenu\"\n    />\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\">\n      <v-list>\n        <v-list-item\n          v-for=\"(item, index) in contextMenuOptions\"\n          :key=\"index\"\n          @click.stop=\"item.action\"\n        >\n          <v-list-item-title>{{ item.title }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <details-dialog\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n      v-model=\"viewDetails\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport VWidget from './VWidget'\nimport 'sprintf-js'\n\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  data: function () {\n    return {\n      width: 200,\n      height: 100,\n      itemsPerRow: 4,\n      formatter: null,\n    }\n  },\n  mixins: [VWidget],\n  computed: {\n    aging() {\n      return {\n        '--aging': this.grayLevel,\n      }\n    },\n  },\n  created: function () {\n    this.width = this.setWidth(this.parameters[3], 'px', this.width)\n    this.height = this.setHeight(this.parameters[4], 'px', this.height)\n    if (this.parameters[5]) {\n      this.formatter = this.parameters[5]\n    }\n    if (this.parameters[6]) {\n      this.itemsPerRow = parseInt(this.parameters[6])\n    }\n  },\n  methods: {\n    getType: function () {\n      let type = 'CONVERTED'\n      if (this.parameters[7]) {\n        type = this.parameters[7]\n      }\n      return type\n    },\n    formatValue: function (data) {\n      let text = ''\n      let space = ' '\n      let newLine = '\\n'\n      let count = 0\n\n      if (Array.isArray(data)) {\n        for (const value of data) {\n          if (this.formatter && this.formatter?.toLowerCase() !== 'nil') {\n            text += sprintf(this.formatter, value)\n          } else {\n            text += value\n          }\n          count += 1\n          if (count % this.itemsPerRow === 0) {\n            count = 0\n            text += newLine\n          } else {\n            text += space\n          }\n        }\n        return text.trim()\n      } else {\n        return data\n      }\n    },\n  },\n}\n</script>\n\n<style scoped>\n.array-widget-container :deep(.v-input__slot) {\n  background: rgba(var(--aging), var(--aging), var(--aging), 1) !important;\n}\n.value :deep(div) {\n  min-height: 24px !important;\n  display: flex !important;\n  align-items: center !important;\n}\n.array-widget-container :deep(.v-field__loader) {\n  display: none !important;\n}\n.openc3-green :deep(input) {\n  color: rgb(0, 200, 0);\n}\n.openc3-yellow :deep(input) {\n  color: rgb(255, 220, 0);\n}\n.openc3-red :deep(input) {\n  color: rgb(255, 45, 45);\n}\n.openc3-blue :deep(input) {\n  color: rgb(0, 153, 255);\n}\n.openc3-purple :deep(input) {\n  color: rgb(200, 0, 200);\n}\n.openc3-black :deep(input) {\n  color: black;\n}\n.openc3-white :deep(input) {\n  color: white;\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","VWidget","type","data","text","space","newLine","count","value","_a","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_v_textarea","_ctx","_normalizeStyle","$options","_component_v_menu","$event","_component_v_list","_Fragment","_renderList","item","index","_createBlock","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"4VAgEKA,EAAU,CACb,WAAY,eACVC,EAAAA,eAEF,KAAM,UAAY,CAChB,MAAO,CACL,MAAO,IACP,OAAQ,IACR,YAAa,EACb,UAAW,IACb,CACF,EACA,OAAQ,CAACC,EAAAA,OAAO,EAChB,SAAU,CACR,OAAQ,CACN,MAAO,CACL,UAAW,KAAK,SAClB,CACF,GAEF,QAAS,UAAY,CACnB,KAAK,MAAQ,KAAK,SAAS,KAAK,WAAW,CAAC,EAAG,KAAM,KAAK,KAAK,EAC/D,KAAK,OAAS,KAAK,UAAU,KAAK,WAAW,CAAC,EAAG,KAAM,KAAK,MAAM,EAC9D,KAAK,WAAW,CAAC,IACnB,KAAK,UAAY,KAAK,WAAW,CAAC,GAEhC,KAAK,WAAW,CAAC,IACnB,KAAK,YAAc,SAAS,KAAK,WAAW,CAAC,CAAC,EAElD,EACA,QAAS,CACP,QAAS,UAAY,CACnB,IAAIC,EAAO,YACX,OAAI,KAAK,WAAW,CAAC,IACnBA,EAAO,KAAK,WAAW,CAAC,GAEnBA,CACT,EACA,YAAa,SAAUC,EAAM,OAC3B,IAAIC,EAAO,GACPC,EAAQ,IACRC,EAAU;AAAA,EACVC,EAAQ,EAEZ,GAAI,MAAM,QAAQJ,CAAI,EAAG,CACvB,UAAWK,KAASL,EACd,KAAK,aAAaM,EAAA,KAAK,YAAL,YAAAA,EAAgB,iBAAkB,MACtDL,GAAQ,QAAQ,KAAK,UAAWI,CAAK,EAErCJ,GAAQI,EAEVD,GAAS,EACLA,EAAQ,KAAK,cAAgB,GAC/BA,EAAQ,EACRH,GAAQE,GAERF,GAAQC,EAGZ,OAAOD,EAAK,KAAI,CAClB,KACE,QAAOD,CAEX,EAEJ,EA1GOO,EAAA,CAAA,MAAM,wBAAwB,sPAAnC,OAAAC,YAAA,EAAAC,qBAiCM,MAjCNF,EAiCM,CAhCJG,EAAAA,YAaEC,EAAA,CAZA,QAAQ,OACR,QAAQ,UACR,SAAA,GACA,YAAA,GACA,YAAA,GACA,KAAK,IACL,eAAA,GACC,cAAaC,EAAA,OACb,uBAAOA,EAAA,UAAU,EACjB,MAAKC,EAAAA,eAAA,CAAGD,EAAA,cAAeE,EAAA,KAAK,CAAA,EAC7B,YAAU,eACT,cAAaF,EAAA,yEAEhBF,EAAAA,YAUSK,EAAA,YAVQH,EAAA,sDAAAA,EAAA,iBAAgBI,GAAG,OAAM,CAAGJ,EAAA,EAAGA,EAAA,CAAC,sBAC/C,IAQS,CARTF,EAAAA,YAQSO,EAAA,KAAA,mBANL,IAA2C,EAD7CT,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAMcS,WAAA,KAAAC,EAAAA,WALYP,EAAA,mBAAkB,CAAlCQ,EAAMC,mBADhBC,EAAAA,YAMcC,EAAA,CAJX,IAAKF,EACL,QAAKG,EAAAA,cAAOJ,EAAK,OAAM,CAAA,MAAA,CAAA,sBAExB,IAAuD,CAAvDV,EAAAA,YAAuDe,EAAA,KAAA,mBAApC,IAAgB,CAAbC,EAAAA,gBAAAC,EAAAA,gBAAAP,EAAK,KAAK,EAAA,CAAA,0FAKtCV,EAAAA,YAKEkB,EAAA,CAJC,cAAahB,EAAA,WAAU,CAAA,EACvB,cAAaA,EAAA,WAAU,CAAA,EACvB,YAAWA,EAAA,WAAU,CAAA,aACbA,EAAA,iDAAAA,EAAA,YAAWI"}
+{"version":3,"file":"ArrayWidget-DvCX-1Om.cjs","sources":["../src/widgets/ArrayWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2024, 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  <div class=\"array-widget-container\">\n    <v-textarea\n      variant=\"solo\"\n      density=\"compact\"\n      readonly\n      no-resize\n      auto-grow\n      rows=\"2\"\n      hide-details\n      :model-value=\"_value\"\n      :class=\"valueClass\"\n      :style=\"[computedStyle, aging]\"\n      data-test=\"array-widget\"\n      @contextmenu=\"showContextMenu\"\n    />\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\">\n      <v-list>\n        <v-list-item\n          v-for=\"(item, index) in contextMenuOptions\"\n          :key=\"index\"\n          @click.stop=\"item.action\"\n        >\n          <v-list-item-title>{{ item.title }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <details-dialog\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n      v-model=\"viewDetails\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport VWidget from './VWidget'\nimport 'sprintf-js'\n\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  data: function () {\n    return {\n      width: 200,\n      height: 100,\n      itemsPerRow: 4,\n      formatter: null,\n    }\n  },\n  mixins: [VWidget],\n  computed: {\n    aging() {\n      return {\n        '--aging': this.grayLevel,\n      }\n    },\n  },\n  created: function () {\n    this.width = this.setWidth(this.parameters[3], 'px', this.width)\n    this.height = this.setHeight(this.parameters[4], 'px', this.height)\n    if (this.parameters[5]) {\n      this.formatter = this.parameters[5]\n    }\n    if (this.parameters[6]) {\n      this.itemsPerRow = parseInt(this.parameters[6])\n    }\n  },\n  methods: {\n    getType: function () {\n      let type = 'CONVERTED'\n      if (this.parameters[7]) {\n        type = this.parameters[7]\n      }\n      return type\n    },\n    formatValue: function (data) {\n      let text = ''\n      let space = ' '\n      let newLine = '\\n'\n      let count = 0\n\n      if (Array.isArray(data)) {\n        for (const value of data) {\n          if (this.formatter && this.formatter?.toLowerCase() !== 'nil') {\n            text += sprintf(this.formatter, value)\n          } else {\n            text += value\n          }\n          count += 1\n          if (count % this.itemsPerRow === 0) {\n            count = 0\n            text += newLine\n          } else {\n            text += space\n          }\n        }\n        return text.trim()\n      } else {\n        return data\n      }\n    },\n  },\n}\n</script>\n\n<style scoped>\n.array-widget-container :deep(.v-input__slot) {\n  background: rgba(var(--aging), var(--aging), var(--aging), 1) !important;\n}\n.value :deep(div) {\n  min-height: 24px !important;\n  display: flex !important;\n  align-items: center !important;\n}\n.array-widget-container :deep(.v-field__loader) {\n  display: none !important;\n}\n.openc3-green :deep(input) {\n  color: rgb(0, 200, 0);\n}\n.openc3-yellow :deep(input) {\n  color: rgb(255, 220, 0);\n}\n.openc3-red :deep(input) {\n  color: rgb(255, 45, 45);\n}\n.openc3-blue :deep(input) {\n  color: rgb(0, 153, 255);\n}\n.openc3-purple :deep(input) {\n  color: rgb(200, 0, 200);\n}\n.openc3-black :deep(input) {\n  color: black;\n}\n.openc3-white :deep(input) {\n  color: white;\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","VWidget","type","data","text","space","newLine","count","value","_a","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_v_textarea","_ctx","_normalizeStyle","$options","_component_v_menu","$event","_component_v_list","_Fragment","_renderList","item","index","_createBlock","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"4VAgEKA,EAAU,CACb,WAAY,eACVC,EAAAA,eAEF,KAAM,UAAY,CAChB,MAAO,CACL,MAAO,IACP,OAAQ,IACR,YAAa,EACb,UAAW,IACb,CACF,EACA,OAAQ,CAACC,EAAAA,OAAO,EAChB,SAAU,CACR,OAAQ,CACN,MAAO,CACL,UAAW,KAAK,SAClB,CACF,GAEF,QAAS,UAAY,CACnB,KAAK,MAAQ,KAAK,SAAS,KAAK,WAAW,CAAC,EAAG,KAAM,KAAK,KAAK,EAC/D,KAAK,OAAS,KAAK,UAAU,KAAK,WAAW,CAAC,EAAG,KAAM,KAAK,MAAM,EAC9D,KAAK,WAAW,CAAC,IACnB,KAAK,UAAY,KAAK,WAAW,CAAC,GAEhC,KAAK,WAAW,CAAC,IACnB,KAAK,YAAc,SAAS,KAAK,WAAW,CAAC,CAAC,EAElD,EACA,QAAS,CACP,QAAS,UAAY,CACnB,IAAIC,EAAO,YACX,OAAI,KAAK,WAAW,CAAC,IACnBA,EAAO,KAAK,WAAW,CAAC,GAEnBA,CACT,EACA,YAAa,SAAUC,EAAM,OAC3B,IAAIC,EAAO,GACPC,EAAQ,IACRC,EAAU;AAAA,EACVC,EAAQ,EAEZ,GAAI,MAAM,QAAQJ,CAAI,EAAG,CACvB,UAAWK,KAASL,EACd,KAAK,aAAaM,EAAA,KAAK,YAAL,YAAAA,EAAgB,iBAAkB,MACtDL,GAAQ,QAAQ,KAAK,UAAWI,CAAK,EAErCJ,GAAQI,EAEVD,GAAS,EACLA,EAAQ,KAAK,cAAgB,GAC/BA,EAAQ,EACRH,GAAQE,GAERF,GAAQC,EAGZ,OAAOD,EAAK,KAAI,CAClB,KACE,QAAOD,CAEX,EAEJ,EA1GOO,EAAA,CAAA,MAAM,wBAAwB,sPAAnC,OAAAC,YAAA,EAAAC,qBAiCM,MAjCNF,EAiCM,CAhCJG,EAAAA,YAaEC,EAAA,CAZA,QAAQ,OACR,QAAQ,UACR,SAAA,GACA,YAAA,GACA,YAAA,GACA,KAAK,IACL,eAAA,GACC,cAAaC,EAAA,OACb,uBAAOA,EAAA,UAAU,EACjB,MAAKC,EAAAA,eAAA,CAAGD,EAAA,cAAeE,EAAA,KAAK,CAAA,EAC7B,YAAU,eACT,cAAaF,EAAA,yEAEhBF,EAAAA,YAUSK,EAAA,YAVQH,EAAA,sDAAAA,EAAA,iBAAgBI,GAAG,OAAM,CAAGJ,EAAA,EAAGA,EAAA,CAAC,sBAC/C,IAQS,CARTF,EAAAA,YAQSO,EAAA,KAAA,mBANL,IAA2C,EAD7CT,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAMcS,WAAA,KAAAC,EAAAA,WALYP,EAAA,mBAAkB,CAAlCQ,EAAMC,mBADhBC,EAAAA,YAMcC,EAAA,CAJX,IAAKF,EACL,QAAKG,EAAAA,cAAOJ,EAAK,OAAM,CAAA,MAAA,CAAA,sBAExB,IAAuD,CAAvDV,EAAAA,YAAuDe,EAAA,KAAA,mBAApC,IAAgB,CAAbC,EAAAA,gBAAAC,EAAAA,gBAAAP,EAAK,KAAK,EAAA,CAAA,0FAKtCV,EAAAA,YAKEkB,EAAA,CAJC,cAAahB,EAAA,WAAU,CAAA,EACvB,cAAaA,EAAA,WAAU,CAAA,EACvB,YAAWA,EAAA,WAAU,CAAA,aACbA,EAAA,iDAAAA,EAAA,YAAWI"}

package/dist/{ArrayplotWidget-BeNF76NM.js → ArrayplotWidget-BeSfz3MR.js}

@@ -1,5 +1,5 @@
-import { u as c, m as d } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-ByJi6BSv.js";
-import { G as h } from "./GraphWidget-DGe0TweO.js";
+import { u as c, g as d } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C3WTK6F-.js";
+import { G as h } from "./GraphWidget-CAADBFV-.js";
 import { createElementBlock as l, openBlock as p } from "vue";
 import { _ as u } from "./CustomIcon-DTfsnDJn.js";
 const f = {
@@ -196,4 +196,4 @@ const y = /* @__PURE__ */ u(f, [["render", b]]);
 export {
   y as default
 };
-//# sourceMappingURL=ArrayplotWidget-BeNF76NM.js.map
+//# sourceMappingURL=ArrayplotWidget-BeSfz3MR.js.map

package/dist/{ArrayplotWidget-BeNF76NM.js.map → ArrayplotWidget-BeSfz3MR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ArrayplotWidget-BeNF76NM.js","sources":["../src/widgets/ArrayplotWidget.vue"],"sourcesContent":["<!--\n# Copyright 2025 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License 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  <div :id=\"`chart${id}`\" class=\"pa-1\"></div>\n</template>\n\n<script>\nimport uPlot from 'uplot'\nimport 'uplot/dist/uPlot.min.css'\nimport { Cable } from '@openc3/js-common/services'\nimport GraphWidget from './GraphWidget'\n\nexport default {\n  mixins: [GraphWidget],\n  data: function () {\n    return {\n      items: [],\n      indexes: {},\n      data: [[]],\n      cable: new Cable(),\n      subscription: null,\n      graph: null,\n      xAxis: null,\n      title: 'Array Plot',\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    dataOnly() {\n      return this.data[1] // Ignore the x axis data\n    },\n  },\n  watch: {\n    // This is always firing even when the data is the same\n    // Is it because we're setting the whole array data[1]?\n    dataOnly: function () {\n      if (this.graph) {\n        this.graph.setData(this.data)\n      }\n    },\n  },\n  created() {\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      item.color = this.colors[this.colorIndex]\n      this.colorIndex++\n    }\n\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'TITLE':\n          this.title = setting[1]\n          break\n        case 'X_AXIS':\n          this.xAxis = {\n            start: parseFloat(setting[1]),\n            step: parseFloat(setting[2]),\n          }\n          break\n      }\n    })\n  },\n  mounted() {\n    let chartSeries = []\n    this.items.forEach((item) => {\n      chartSeries.push({\n        label: this.itemName(item),\n        stroke: item.color,\n        width: 2,\n        value: (self, rawValue) => {\n          if (typeof rawValue === 'string' || isNaN(rawValue)) {\n            return 'NaN'\n          } else {\n            return rawValue == null ? '--' : rawValue.toFixed(3)\n          }\n        },\n      })\n    })\n\n    let chartOpts = {\n      title: this.title,\n      width: this.size.width,\n      height: this.size.height,\n      scales: {\n        x: {\n          time: false,\n        },\n        y: {\n          time: false,\n          range: (u, min, max) => [min, max],\n        },\n      },\n      axes: [\n        {\n          stroke: 'white',\n          grid: {\n            show: true,\n            stroke: 'rgba(255, 255, 255, .1)',\n            width: 2,\n          },\n        },\n        {\n          stroke: 'white',\n          grid: {\n            show: true,\n            stroke: 'rgba(255, 255, 255, .1)',\n            width: 2,\n          },\n        },\n      ],\n      series: [\n        {\n          label: 'X Value',\n        },\n        ...chartSeries,\n      ],\n    }\n    this.graph = new uPlot(\n      chartOpts,\n      this.data,\n      document.getElementById(`chart${this.id}`),\n    )\n    this.subscribe()\n  },\n  beforeUnmount: function () {\n    this.cable.disconnect()\n  },\n  methods: {\n    subscribe: function () {\n      this.cable\n        .createSubscription('StreamingChannel', window.openc3Scope, {\n          received: (data) => this.received(data),\n          connected: () => {\n            this.addItemsToSubscription(this.items)\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    received: function (data_array) {\n      for (let data of data_array) {\n        let xaxis = [] // Declare outside the loop so we can use it for the X axis values\n        for (const [key, value] of Object.entries(data)) {\n          // We support 2 different kind of data, a simple array of Y values\n          // or an array with both X and Y values, e.g. [[x1,x2,x3...], [y1,y2,y3...]]\n          if (key === '__time') {\n            // Explicitly setting the X axis values always wins\n            if (this.xAxis) {\n              xaxis = Array.from(\n                { length: this.data[1].length },\n                (_, i) => this.xAxis.start + i * this.xAxis.step,\n              )\n            } else if (xaxis.length === 0) {\n              // If we don't have an array of X values we generate them\n              xaxis = Array.from({ length: this.data[1].length }, (_, i) => i)\n            }\n            this.data[0] = xaxis\n          }\n          let key_index = this.indexes[key]\n          if (key_index) {\n            // Check for the array of arrays case\n            if (Array.isArray(value[0])) {\n              this.data[key_index] = value[1]\n              xaxis = value[0]\n            } else {\n              this.data[key_index] = value\n            }\n          }\n        }\n      }\n    },\n    addItemsToSubscription: function (itemArray = this.items) {\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: itemArray.map(this.subscriptionKey),\n              start_time: null,\n              end_time: null,\n            })\n          },\n        )\n      }\n    },\n    itemName: function (item) {\n      return `${item.targetName} ${item.packetName} ${item.itemName}`\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"],"names":["_sfc_main","GraphWidget","Cable","index","item","setting","chartSeries","self","rawValue","chartOpts","u","min","max","uPlot","data","subscription","data_array","xaxis","key","value","_","i","key_index","itemArray","refreshed","_createElementBlock","_ctx"],"mappings":"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"}
+{"version":3,"file":"ArrayplotWidget-BeSfz3MR.js","sources":["../src/widgets/ArrayplotWidget.vue"],"sourcesContent":["<!--\n# Copyright 2025 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License 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  <div :id=\"`chart${id}`\" class=\"pa-1\"></div>\n</template>\n\n<script>\nimport uPlot from 'uplot'\nimport 'uplot/dist/uPlot.min.css'\nimport { Cable } from '@openc3/js-common/services'\nimport GraphWidget from './GraphWidget'\n\nexport default {\n  mixins: [GraphWidget],\n  data: function () {\n    return {\n      items: [],\n      indexes: {},\n      data: [[]],\n      cable: new Cable(),\n      subscription: null,\n      graph: null,\n      xAxis: null,\n      title: 'Array Plot',\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    dataOnly() {\n      return this.data[1] // Ignore the x axis data\n    },\n  },\n  watch: {\n    // This is always firing even when the data is the same\n    // Is it because we're setting the whole array data[1]?\n    dataOnly: function () {\n      if (this.graph) {\n        this.graph.setData(this.data)\n      }\n    },\n  },\n  created() {\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      item.color = this.colors[this.colorIndex]\n      this.colorIndex++\n    }\n\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'TITLE':\n          this.title = setting[1]\n          break\n        case 'X_AXIS':\n          this.xAxis = {\n            start: parseFloat(setting[1]),\n            step: parseFloat(setting[2]),\n          }\n          break\n      }\n    })\n  },\n  mounted() {\n    let chartSeries = []\n    this.items.forEach((item) => {\n      chartSeries.push({\n        label: this.itemName(item),\n        stroke: item.color,\n        width: 2,\n        value: (self, rawValue) => {\n          if (typeof rawValue === 'string' || isNaN(rawValue)) {\n            return 'NaN'\n          } else {\n            return rawValue == null ? '--' : rawValue.toFixed(3)\n          }\n        },\n      })\n    })\n\n    let chartOpts = {\n      title: this.title,\n      width: this.size.width,\n      height: this.size.height,\n      scales: {\n        x: {\n          time: false,\n        },\n        y: {\n          time: false,\n          range: (u, min, max) => [min, max],\n        },\n      },\n      axes: [\n        {\n          stroke: 'white',\n          grid: {\n            show: true,\n            stroke: 'rgba(255, 255, 255, .1)',\n            width: 2,\n          },\n        },\n        {\n          stroke: 'white',\n          grid: {\n            show: true,\n            stroke: 'rgba(255, 255, 255, .1)',\n            width: 2,\n          },\n        },\n      ],\n      series: [\n        {\n          label: 'X Value',\n        },\n        ...chartSeries,\n      ],\n    }\n    this.graph = new uPlot(\n      chartOpts,\n      this.data,\n      document.getElementById(`chart${this.id}`),\n    )\n    this.subscribe()\n  },\n  beforeUnmount: function () {\n    this.cable.disconnect()\n  },\n  methods: {\n    subscribe: function () {\n      this.cable\n        .createSubscription('StreamingChannel', window.openc3Scope, {\n          received: (data) => this.received(data),\n          connected: () => {\n            this.addItemsToSubscription(this.items)\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    received: function (data_array) {\n      for (let data of data_array) {\n        let xaxis = [] // Declare outside the loop so we can use it for the X axis values\n        for (const [key, value] of Object.entries(data)) {\n          // We support 2 different kind of data, a simple array of Y values\n          // or an array with both X and Y values, e.g. [[x1,x2,x3...], [y1,y2,y3...]]\n          if (key === '__time') {\n            // Explicitly setting the X axis values always wins\n            if (this.xAxis) {\n              xaxis = Array.from(\n                { length: this.data[1].length },\n                (_, i) => this.xAxis.start + i * this.xAxis.step,\n              )\n            } else if (xaxis.length === 0) {\n              // If we don't have an array of X values we generate them\n              xaxis = Array.from({ length: this.data[1].length }, (_, i) => i)\n            }\n            this.data[0] = xaxis\n          }\n          let key_index = this.indexes[key]\n          if (key_index) {\n            // Check for the array of arrays case\n            if (Array.isArray(value[0])) {\n              this.data[key_index] = value[1]\n              xaxis = value[0]\n            } else {\n              this.data[key_index] = value\n            }\n          }\n        }\n      }\n    },\n    addItemsToSubscription: function (itemArray = this.items) {\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: itemArray.map(this.subscriptionKey),\n              start_time: null,\n              end_time: null,\n            })\n          },\n        )\n      }\n    },\n    itemName: function (item) {\n      return `${item.targetName} ${item.packetName} ${item.itemName}`\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"],"names":["_sfc_main","GraphWidget","Cable","index","item","setting","chartSeries","self","rawValue","chartOpts","u","min","max","uPlot","data","subscription","data_array","xaxis","key","value","_","i","key_index","itemArray","refreshed","_createElementBlock","_ctx"],"mappings":"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"}

package/dist/{ArrayplotWidget-CQRRIpFr.cjs → ArrayplotWidget-DA4SCxEg.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B-k6legU.cjs"),h=require("./GraphWidget-DD7SIV2k.cjs"),c=require("vue"),l=require("./CustomIcon-eie3rPKh.cjs"),u={mixins:[h.GraphWidget],data:function(){return{items:[],indexes:{},data:[[]],cable:new o.mi,subscription:null,graph:null,xAxis:null,title:"Array Plot",colorIndex:0,colors:["#00c7cb","#938bdb","#4dacff","lime","darkorange","red","gold","hotpink","tan","cyan","maroon","blue","teal","purple","green","brown","lightblue","white","black"]}},computed:{dataOnly(){return this.data[1]}},watch:{dataOnly:function(){this.graph&&this.graph.setData(this.data)}},created(){for(const[e,t]of this.items.entries())this.data.push([]),this.indexes[this.subscriptionKey(t)]=e+1,t.color=this.colors[this.colorIndex],this.colorIndex++;this.appliedSettings.forEach(e=>{switch(e[0]){case"TITLE":this.title=e[1];break;case"X_AXIS":this.xAxis={start:parseFloat(e[1]),step:parseFloat(e[2])};break}})},mounted(){let e=[];this.items.forEach(s=>{e.push({label:this.itemName(s),stroke:s.color,width:2,value:(n,i)=>typeof i=="string"||isNaN(i)?"NaN":i==null?"--":i.toFixed(3)})});let t={title:this.title,width:this.size.width,height:this.size.height,scales:{x:{time:!1},y:{time:!1,range:(s,n,i)=>[n,i]}},axes:[{stroke:"white",grid:{show:!0,stroke:"rgba(255, 255, 255, .1)",width:2}},{stroke:"white",grid:{show:!0,stroke:"rgba(255, 255, 255, .1)",width:2}}],series:[{label:"X Value"},...e]};this.graph=new o.uPlot(t,this.data,document.getElementById(`chart${this.id}`)),this.subscribe()},beforeUnmount:function(){this.cable.disconnect()},methods:{subscribe:function(){this.cable.createSubscription("StreamingChannel",window.openc3Scope,{received:e=>this.received(e),connected:()=>{this.addItemsToSubscription(this.items)},disconnected:e=>{e.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(e=>{this.subscription=e})},received:function(e){for(let t of e){let s=[];for(const[n,i]of Object.entries(t)){n==="__time"&&(this.xAxis?s=Array.from({length:this.data[1].length},(d,a)=>this.xAxis.start+a*this.xAxis.step):s.length===0&&(s=Array.from({length:this.data[1].length},(d,a)=>a)),this.data[0]=s);let r=this.indexes[n];r&&(Array.isArray(i[0])?(this.data[r]=i[1],s=i[0]):this.data[r]=i)}}},addItemsToSubscription:function(e=this.items){this.subscription&&OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(t=>{t&&OpenC3Auth.setTokens(),this.subscription.perform("add",{scope:window.openc3Scope,token:localStorage.openc3Token,items:e.map(this.subscriptionKey),start_time:null,end_time:null})})},itemName:function(e){return`${e.targetName} ${e.packetName} ${e.itemName}`},subscriptionKey:function(e){let t=`${e.reduced}__TLM__${e.targetName}__${e.packetName}__${e.itemName}__${e.valueType}`;return(e.reduced==="REDUCED_MINUTE"||e.reduced==="REDUCED_HOUR"||e.reduced==="REDUCED_DAY")&&(t+=`__${e.reducedType}`),t}}},p=["id"];function f(e,t,s,n,i,r){return c.openBlock(),c.createElementBlock("div",{id:`chart${e.id}`,class:"pa-1"},null,8,p)}const _=l._export_sfc(u,[["render",f]]);exports.default=_;
-//# sourceMappingURL=ArrayplotWidget-CQRRIpFr.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-RGlL9jUF.cjs"),h=require("./GraphWidget-B878ArE1.cjs"),c=require("vue"),l=require("./CustomIcon-eie3rPKh.cjs"),u={mixins:[h.GraphWidget],data:function(){return{items:[],indexes:{},data:[[]],cable:new o.gi,subscription:null,graph:null,xAxis:null,title:"Array Plot",colorIndex:0,colors:["#00c7cb","#938bdb","#4dacff","lime","darkorange","red","gold","hotpink","tan","cyan","maroon","blue","teal","purple","green","brown","lightblue","white","black"]}},computed:{dataOnly(){return this.data[1]}},watch:{dataOnly:function(){this.graph&&this.graph.setData(this.data)}},created(){for(const[e,t]of this.items.entries())this.data.push([]),this.indexes[this.subscriptionKey(t)]=e+1,t.color=this.colors[this.colorIndex],this.colorIndex++;this.appliedSettings.forEach(e=>{switch(e[0]){case"TITLE":this.title=e[1];break;case"X_AXIS":this.xAxis={start:parseFloat(e[1]),step:parseFloat(e[2])};break}})},mounted(){let e=[];this.items.forEach(s=>{e.push({label:this.itemName(s),stroke:s.color,width:2,value:(n,i)=>typeof i=="string"||isNaN(i)?"NaN":i==null?"--":i.toFixed(3)})});let t={title:this.title,width:this.size.width,height:this.size.height,scales:{x:{time:!1},y:{time:!1,range:(s,n,i)=>[n,i]}},axes:[{stroke:"white",grid:{show:!0,stroke:"rgba(255, 255, 255, .1)",width:2}},{stroke:"white",grid:{show:!0,stroke:"rgba(255, 255, 255, .1)",width:2}}],series:[{label:"X Value"},...e]};this.graph=new o.uPlot(t,this.data,document.getElementById(`chart${this.id}`)),this.subscribe()},beforeUnmount:function(){this.cable.disconnect()},methods:{subscribe:function(){this.cable.createSubscription("StreamingChannel",window.openc3Scope,{received:e=>this.received(e),connected:()=>{this.addItemsToSubscription(this.items)},disconnected:e=>{e.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(e=>{this.subscription=e})},received:function(e){for(let t of e){let s=[];for(const[n,i]of Object.entries(t)){n==="__time"&&(this.xAxis?s=Array.from({length:this.data[1].length},(d,a)=>this.xAxis.start+a*this.xAxis.step):s.length===0&&(s=Array.from({length:this.data[1].length},(d,a)=>a)),this.data[0]=s);let r=this.indexes[n];r&&(Array.isArray(i[0])?(this.data[r]=i[1],s=i[0]):this.data[r]=i)}}},addItemsToSubscription:function(e=this.items){this.subscription&&OpenC3Auth.updateToken(OpenC3Auth.defaultMinValidity).then(t=>{t&&OpenC3Auth.setTokens(),this.subscription.perform("add",{scope:window.openc3Scope,token:localStorage.openc3Token,items:e.map(this.subscriptionKey),start_time:null,end_time:null})})},itemName:function(e){return`${e.targetName} ${e.packetName} ${e.itemName}`},subscriptionKey:function(e){let t=`${e.reduced}__TLM__${e.targetName}__${e.packetName}__${e.itemName}__${e.valueType}`;return(e.reduced==="REDUCED_MINUTE"||e.reduced==="REDUCED_HOUR"||e.reduced==="REDUCED_DAY")&&(t+=`__${e.reducedType}`),t}}},p=["id"];function f(e,t,s,n,i,r){return c.openBlock(),c.createElementBlock("div",{id:`chart${e.id}`,class:"pa-1"},null,8,p)}const _=l._export_sfc(u,[["render",f]]);exports.default=_;
+//# sourceMappingURL=ArrayplotWidget-DA4SCxEg.cjs.map

package/dist/{ArrayplotWidget-CQRRIpFr.cjs.map → ArrayplotWidget-DA4SCxEg.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ArrayplotWidget-CQRRIpFr.cjs","sources":["../src/widgets/ArrayplotWidget.vue"],"sourcesContent":["<!--\n# Copyright 2025 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License 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  <div :id=\"`chart${id}`\" class=\"pa-1\"></div>\n</template>\n\n<script>\nimport uPlot from 'uplot'\nimport 'uplot/dist/uPlot.min.css'\nimport { Cable } from '@openc3/js-common/services'\nimport GraphWidget from './GraphWidget'\n\nexport default {\n  mixins: [GraphWidget],\n  data: function () {\n    return {\n      items: [],\n      indexes: {},\n      data: [[]],\n      cable: new Cable(),\n      subscription: null,\n      graph: null,\n      xAxis: null,\n      title: 'Array Plot',\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    dataOnly() {\n      return this.data[1] // Ignore the x axis data\n    },\n  },\n  watch: {\n    // This is always firing even when the data is the same\n    // Is it because we're setting the whole array data[1]?\n    dataOnly: function () {\n      if (this.graph) {\n        this.graph.setData(this.data)\n      }\n    },\n  },\n  created() {\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      item.color = this.colors[this.colorIndex]\n      this.colorIndex++\n    }\n\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'TITLE':\n          this.title = setting[1]\n          break\n        case 'X_AXIS':\n          this.xAxis = {\n            start: parseFloat(setting[1]),\n            step: parseFloat(setting[2]),\n          }\n          break\n      }\n    })\n  },\n  mounted() {\n    let chartSeries = []\n    this.items.forEach((item) => {\n      chartSeries.push({\n        label: this.itemName(item),\n        stroke: item.color,\n        width: 2,\n        value: (self, rawValue) => {\n          if (typeof rawValue === 'string' || isNaN(rawValue)) {\n            return 'NaN'\n          } else {\n            return rawValue == null ? '--' : rawValue.toFixed(3)\n          }\n        },\n      })\n    })\n\n    let chartOpts = {\n      title: this.title,\n      width: this.size.width,\n      height: this.size.height,\n      scales: {\n        x: {\n          time: false,\n        },\n        y: {\n          time: false,\n          range: (u, min, max) => [min, max],\n        },\n      },\n      axes: [\n        {\n          stroke: 'white',\n          grid: {\n            show: true,\n            stroke: 'rgba(255, 255, 255, .1)',\n            width: 2,\n          },\n        },\n        {\n          stroke: 'white',\n          grid: {\n            show: true,\n            stroke: 'rgba(255, 255, 255, .1)',\n            width: 2,\n          },\n        },\n      ],\n      series: [\n        {\n          label: 'X Value',\n        },\n        ...chartSeries,\n      ],\n    }\n    this.graph = new uPlot(\n      chartOpts,\n      this.data,\n      document.getElementById(`chart${this.id}`),\n    )\n    this.subscribe()\n  },\n  beforeUnmount: function () {\n    this.cable.disconnect()\n  },\n  methods: {\n    subscribe: function () {\n      this.cable\n        .createSubscription('StreamingChannel', window.openc3Scope, {\n          received: (data) => this.received(data),\n          connected: () => {\n            this.addItemsToSubscription(this.items)\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    received: function (data_array) {\n      for (let data of data_array) {\n        let xaxis = [] // Declare outside the loop so we can use it for the X axis values\n        for (const [key, value] of Object.entries(data)) {\n          // We support 2 different kind of data, a simple array of Y values\n          // or an array with both X and Y values, e.g. [[x1,x2,x3...], [y1,y2,y3...]]\n          if (key === '__time') {\n            // Explicitly setting the X axis values always wins\n            if (this.xAxis) {\n              xaxis = Array.from(\n                { length: this.data[1].length },\n                (_, i) => this.xAxis.start + i * this.xAxis.step,\n              )\n            } else if (xaxis.length === 0) {\n              // If we don't have an array of X values we generate them\n              xaxis = Array.from({ length: this.data[1].length }, (_, i) => i)\n            }\n            this.data[0] = xaxis\n          }\n          let key_index = this.indexes[key]\n          if (key_index) {\n            // Check for the array of arrays case\n            if (Array.isArray(value[0])) {\n              this.data[key_index] = value[1]\n              xaxis = value[0]\n            } else {\n              this.data[key_index] = value\n            }\n          }\n        }\n      }\n    },\n    addItemsToSubscription: function (itemArray = this.items) {\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: itemArray.map(this.subscriptionKey),\n              start_time: null,\n              end_time: null,\n            })\n          },\n        )\n      }\n    },\n    itemName: function (item) {\n      return `${item.targetName} ${item.packetName} ${item.itemName}`\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"],"names":["_sfc_main","GraphWidget","Cable","index","item","setting","chartSeries","self","rawValue","chartOpts","u","min","max","uPlot","data","subscription","data_array","xaxis","key","value","_","i","key_index","itemArray","refreshed","_createElementBlock","_ctx"],"mappings":"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"}
+{"version":3,"file":"ArrayplotWidget-DA4SCxEg.cjs","sources":["../src/widgets/ArrayplotWidget.vue"],"sourcesContent":["<!--\n# Copyright 2025 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License 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  <div :id=\"`chart${id}`\" class=\"pa-1\"></div>\n</template>\n\n<script>\nimport uPlot from 'uplot'\nimport 'uplot/dist/uPlot.min.css'\nimport { Cable } from '@openc3/js-common/services'\nimport GraphWidget from './GraphWidget'\n\nexport default {\n  mixins: [GraphWidget],\n  data: function () {\n    return {\n      items: [],\n      indexes: {},\n      data: [[]],\n      cable: new Cable(),\n      subscription: null,\n      graph: null,\n      xAxis: null,\n      title: 'Array Plot',\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    dataOnly() {\n      return this.data[1] // Ignore the x axis data\n    },\n  },\n  watch: {\n    // This is always firing even when the data is the same\n    // Is it because we're setting the whole array data[1]?\n    dataOnly: function () {\n      if (this.graph) {\n        this.graph.setData(this.data)\n      }\n    },\n  },\n  created() {\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      item.color = this.colors[this.colorIndex]\n      this.colorIndex++\n    }\n\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'TITLE':\n          this.title = setting[1]\n          break\n        case 'X_AXIS':\n          this.xAxis = {\n            start: parseFloat(setting[1]),\n            step: parseFloat(setting[2]),\n          }\n          break\n      }\n    })\n  },\n  mounted() {\n    let chartSeries = []\n    this.items.forEach((item) => {\n      chartSeries.push({\n        label: this.itemName(item),\n        stroke: item.color,\n        width: 2,\n        value: (self, rawValue) => {\n          if (typeof rawValue === 'string' || isNaN(rawValue)) {\n            return 'NaN'\n          } else {\n            return rawValue == null ? '--' : rawValue.toFixed(3)\n          }\n        },\n      })\n    })\n\n    let chartOpts = {\n      title: this.title,\n      width: this.size.width,\n      height: this.size.height,\n      scales: {\n        x: {\n          time: false,\n        },\n        y: {\n          time: false,\n          range: (u, min, max) => [min, max],\n        },\n      },\n      axes: [\n        {\n          stroke: 'white',\n          grid: {\n            show: true,\n            stroke: 'rgba(255, 255, 255, .1)',\n            width: 2,\n          },\n        },\n        {\n          stroke: 'white',\n          grid: {\n            show: true,\n            stroke: 'rgba(255, 255, 255, .1)',\n            width: 2,\n          },\n        },\n      ],\n      series: [\n        {\n          label: 'X Value',\n        },\n        ...chartSeries,\n      ],\n    }\n    this.graph = new uPlot(\n      chartOpts,\n      this.data,\n      document.getElementById(`chart${this.id}`),\n    )\n    this.subscribe()\n  },\n  beforeUnmount: function () {\n    this.cable.disconnect()\n  },\n  methods: {\n    subscribe: function () {\n      this.cable\n        .createSubscription('StreamingChannel', window.openc3Scope, {\n          received: (data) => this.received(data),\n          connected: () => {\n            this.addItemsToSubscription(this.items)\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    received: function (data_array) {\n      for (let data of data_array) {\n        let xaxis = [] // Declare outside the loop so we can use it for the X axis values\n        for (const [key, value] of Object.entries(data)) {\n          // We support 2 different kind of data, a simple array of Y values\n          // or an array with both X and Y values, e.g. [[x1,x2,x3...], [y1,y2,y3...]]\n          if (key === '__time') {\n            // Explicitly setting the X axis values always wins\n            if (this.xAxis) {\n              xaxis = Array.from(\n                { length: this.data[1].length },\n                (_, i) => this.xAxis.start + i * this.xAxis.step,\n              )\n            } else if (xaxis.length === 0) {\n              // If we don't have an array of X values we generate them\n              xaxis = Array.from({ length: this.data[1].length }, (_, i) => i)\n            }\n            this.data[0] = xaxis\n          }\n          let key_index = this.indexes[key]\n          if (key_index) {\n            // Check for the array of arrays case\n            if (Array.isArray(value[0])) {\n              this.data[key_index] = value[1]\n              xaxis = value[0]\n            } else {\n              this.data[key_index] = value\n            }\n          }\n        }\n      }\n    },\n    addItemsToSubscription: function (itemArray = this.items) {\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: itemArray.map(this.subscriptionKey),\n              start_time: null,\n              end_time: null,\n            })\n          },\n        )\n      }\n    },\n    itemName: function (item) {\n      return `${item.targetName} ${item.packetName} ${item.itemName}`\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"],"names":["_sfc_main","GraphWidget","Cable","index","item","setting","chartSeries","self","rawValue","chartOpts","u","min","max","uPlot","data","subscription","data_array","xaxis","key","value","_","i","key_index","itemArray","refreshed","_createElementBlock","_ctx"],"mappings":"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"}

package/dist/{BarColumn-Dn6MDJoo.js → BarColumn-BdIaQfOz.js}

@@ -1,5 +1,5 @@
-import { W as t } from "./Widget-DNBZcUQg.js";
-import { b as a } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-ByJi6BSv.js";
+import { W as t } from "./Widget-DXvVFSH5.js";
+import { y as a } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C3WTK6F-.js";
 const l = {
   mixins: [t],
   data() {
@@ -105,4 +105,4 @@ const l = {
 export {
   l as B
 };
-//# sourceMappingURL=BarColumn-Dn6MDJoo.js.map
+//# sourceMappingURL=BarColumn-BdIaQfOz.js.map

package/dist/{BarColumn-Dn6MDJoo.js.map → BarColumn-BdIaQfOz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BarColumn-Dn6MDJoo.js","sources":["../src/widgets/BarColumn.js"],"sourcesContent":["/*\n# Copyright 2024 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License 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 Widget from './Widget'\nimport { OpenC3Api } from '@openc3/js-common/services'\n\nexport default {\n  mixins: [Widget],\n  data() {\n    return {\n      minValue: null,\n      maxValue: null,\n      redLow: 0,\n      yellowLow: 0,\n      greenLow: 0,\n      greenHigh: 0,\n      yellowHigh: 0,\n      redHigh: 0,\n      blue: 0,\n      api: null,\n      limitsSettings: {\n        DEFAULT: [],\n      },\n      currentLimitsSet: 'DEFAULT',\n      currentSetRefreshInterval: null,\n    }\n  },\n  computed: {\n    cssProps: function () {\n      let value = this.screenValues[this.valueId][0]\n      let limits = this.modifyLimits(\n        this.limitsSettings[this.selectedLimitsSet],\n      )\n      this.calcLimits(limits)\n      return {\n        '--height': this.height + 'px',\n        '--width': this.width + 'px',\n        '--container-height': this.height - 5 + 'px',\n        '--position': this.calcPosition(value, limits) + '%',\n        '--redlow-width': this.redLow + '%',\n        '--redhigh-width': this.redHigh + '%',\n        '--yellowlow-width': this.yellowLow + '%',\n        '--yellowhigh-width': this.yellowHigh + '%',\n        '--greenlow-width': this.greenLow + '%',\n        '--greenhigh-width': this.greenHigh + '%',\n        '--blue-width': this.blue + '%',\n      }\n    },\n    selectedLimitsSet: function () {\n      return this.limitsSettings.hasOwnProperty(this.currentLimitsSet)\n        ? this.currentLimitsSet\n        : 'DEFAULT'\n    },\n  },\n  created() {\n    this.api = new OpenC3Api()\n    this.api\n      .get_limits(this.parameters[0], this.parameters[1], this.parameters[2])\n      .then((data) => {\n        this.limitsSettings = data\n      })\n    this.getCurrentLimitsSet()\n    this.currentSetRefreshInterval = setInterval(\n      this.getCurrentLimitsSet,\n      60 * 1000,\n    )\n\n    this.appliedSettings.forEach((setting) => {\n      if (setting[0] === 'MIN_VALUE') {\n        this.minValue = parseInt(setting[1])\n      }\n      if (setting[0] === 'MAX_VALUE') {\n        this.maxValue = parseInt(setting[1])\n      }\n    })\n    this.width = this.setWidth(this.parameters[4], 'px', this.width)\n    this.height = this.setHeight(this.parameters[5], 'px', this.height)\n    // Always pass CONVERTED so we can calculate the value against the limits (in converted units)\n    this.valueId = `${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__CONVERTED`\n\n    this.$emit('addItem', this.valueId)\n  },\n  destroyed() {\n    this.$emit('deleteItem', this.valueId)\n    clearInterval(this.currentSetRefreshInterval)\n  },\n  methods: {\n    modifyLimits(limitsSettings) {\n      if (!limitsSettings) {\n        return\n      }\n      // By default the red bars take 10% of the display\n      this.redLow = 10\n      this.redHigh = 10\n\n      // Modify values to respect the user defined minimum\n      if (this.minValue !== null) {\n        if (limitsSettings[0] <= this.minValue) {\n          limitsSettings[0] = this.minValue\n          // No red low will be displayed\n          this.redLow = 0\n        }\n        if (limitsSettings[1] <= this.minValue) {\n          limitsSettings[1] = this.minValue\n        }\n        if (limitsSettings[2] <= this.minValue) {\n          limitsSettings[2] = this.minValue\n        }\n        if (limitsSettings[3] <= this.minValue) {\n          limitsSettings[3] = this.minValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[4] <= this.minValue) {\n          limitsSettings[4] = this.minValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[5] <= this.minValue) {\n          limitsSettings[5] = this.minValue\n        }\n      }\n      if (this.maxValue !== null) {\n        if (limitsSettings[0] >= this.maxValue) {\n          limitsSettings[0] = this.maxValue\n        }\n        if (limitsSettings[1] >= this.maxValue) {\n          limitsSettings[1] = this.maxValue\n        }\n        if (limitsSettings[2] >= this.maxValue) {\n          limitsSettings[2] = this.maxValue\n        }\n        if (limitsSettings[3] >= this.maxValue) {\n          limitsSettings[3] = this.maxValue\n          // No red high will be displayed\n          this.redHigh = 0\n        }\n        if (limitsSettings.length > 4 && limitsSettings[4] >= this.maxValue) {\n          limitsSettings[4] = this.maxValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[5] >= this.maxValue) {\n          limitsSettings[5] = this.maxValue\n        }\n      }\n      // If the red low matches yellow low there is no yellow low\n      if (limitsSettings[0] == limitsSettings[1]) {\n        this.yellowLow = 0\n      }\n      // If the red high matches yellow high there is no yellow high\n      if (limitsSettings[2] == limitsSettings[3]) {\n        this.yellowHigh = 0\n      }\n\n      let divisor = 80\n      if (this.redLow == 0) {\n        divisor += 10\n      }\n      if (this.redHigh == 0) {\n        divisor += 10\n      }\n      this.scale = (limitsSettings[3] - limitsSettings[0]) / divisor\n\n      return limitsSettings\n    },\n    calcPosition(value, limitsSettings) {\n      if (!value || !limitsSettings) {\n        return\n      }\n      let lowValue = limitsSettings[0] - 10 * this.scale\n      if (this.minValue && this.minValue == limitsSettings[0]) {\n        lowValue = limitsSettings[0]\n      }\n      let highValue = limitsSettings[3] - 10 * this.scale\n      if (this.maxValue && this.maxValue == limitsSettings[3]) {\n        highValue = limitsSettings[3]\n      }\n\n      if (value.raw) {\n        if (value.raw === '-Infinity') {\n          return 0\n        } else {\n          // NaN and Infinity\n          return 100\n        }\n      }\n      if (value < this.min) {\n        return 0\n      } else if (value > this.max) {\n        return 100\n      } else {\n        const result = parseInt((value - lowValue) / this.scale)\n        if (result > 100) {\n          return 100\n        } else if (result < 0) {\n          return 0\n        } else {\n          return result\n        }\n      }\n    },\n    calcLimits(limitsSettings) {\n      if (!limitsSettings) {\n        return\n      }\n      this.yellowLow = Math.round(\n        (limitsSettings[1] - limitsSettings[0]) / this.scale,\n      )\n      this.yellowHigh = Math.round(\n        (limitsSettings[3] - limitsSettings[2]) / this.scale,\n      )\n      if (limitsSettings.length > 4) {\n        this.greenLow = Math.round(\n          (limitsSettings[4] - limitsSettings[1]) / this.scale,\n        )\n        this.greenHigh = Math.round(\n          (limitsSettings[2] - limitsSettings[5]) / this.scale,\n        )\n        this.blue = Math.round(\n          100 -\n            this.redLow -\n            this.yellowLow -\n            this.greenLow -\n            this.greenHigh -\n            this.yellowHigh -\n            this.redHigh,\n        )\n      } else {\n        this.greenLow = Math.round(\n          100 - this.redLow - this.yellowLow - this.yellowHigh - this.redHigh,\n        )\n        this.greenHigh = 0\n        this.blue = 0\n      }\n    },\n    getCurrentLimitsSet: function () {\n      this.api.get_limits_set().then((result) => {\n        this.currentLimitsSet = result\n      })\n    },\n  },\n}\n"],"names":["BarColumn","Widget","value","limits","OpenC3Api","data","setting","limitsSettings","divisor","lowValue","result"],"mappings":";;AAqBA,MAAAA,IAAe;AAAA,EACb,QAAQ,CAACC,CAAM;AAAA,EACf,OAAO;AACL,WAAO;AAAA,MACL,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,gBAAgB;AAAA,QACd,SAAS,CAAA;AAAA,MACjB;AAAA,MACM,kBAAkB;AAAA,MAClB,2BAA2B;AAAA,IACjC;AAAA,EACE;AAAA,EACA,UAAU;AAAA,IACR,UAAU,WAAY;AACpB,UAAIC,IAAQ,KAAK,aAAa,KAAK,OAAO,EAAE,CAAC,GACzCC,IAAS,KAAK;AAAA,QAChB,KAAK,eAAe,KAAK,iBAAiB;AAAA,MAClD;AACM,kBAAK,WAAWA,CAAM,GACf;AAAA,QACL,YAAY,KAAK,SAAS;AAAA,QAC1B,WAAW,KAAK,QAAQ;AAAA,QACxB,sBAAsB,KAAK,SAAS,IAAI;AAAA,QACxC,cAAc,KAAK,aAAaD,GAAOC,CAAM,IAAI;AAAA,QACjD,kBAAkB,KAAK,SAAS;AAAA,QAChC,mBAAmB,KAAK,UAAU;AAAA,QAClC,qBAAqB,KAAK,YAAY;AAAA,QACtC,sBAAsB,KAAK,aAAa;AAAA,QACxC,oBAAoB,KAAK,WAAW;AAAA,QACpC,qBAAqB,KAAK,YAAY;AAAA,QACtC,gBAAgB,KAAK,OAAO;AAAA,MACpC;AAAA,IACI;AAAA,IACA,mBAAmB,WAAY;AAC7B,aAAO,KAAK,eAAe,eAAe,KAAK,gBAAgB,IAC3D,KAAK,mBACL;AAAA,IACN;AAAA,EACJ;AAAA,EACE,UAAU;AACR,SAAK,MAAM,IAAIC,EAAS,GACxB,KAAK,IACF,WAAW,KAAK,WAAW,CAAC,GAAG,KAAK,WAAW,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,EACrE,KAAK,CAACC,MAAS;AACd,WAAK,iBAAiBA;AAAA,IACxB,CAAC,GACH,KAAK,oBAAmB,GACxB,KAAK,4BAA4B;AAAA,MAC/B,KAAK;AAAA,MACL,KAAK;AAAA,IACX,GAEI,KAAK,gBAAgB,QAAQ,CAACC,MAAY;AACxC,MAAIA,EAAQ,CAAC,MAAM,gBACjB,KAAK,WAAW,SAASA,EAAQ,CAAC,CAAC,IAEjCA,EAAQ,CAAC,MAAM,gBACjB,KAAK,WAAW,SAASA,EAAQ,CAAC,CAAC;AAAA,IAEvC,CAAC,GACD,KAAK,QAAQ,KAAK,SAAS,KAAK,WAAW,CAAC,GAAG,MAAM,KAAK,KAAK,GAC/D,KAAK,SAAS,KAAK,UAAU,KAAK,WAAW,CAAC,GAAG,MAAM,KAAK,MAAM,GAElE,KAAK,UAAU,GAAG,KAAK,WAAW,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,eAElF,KAAK,MAAM,WAAW,KAAK,OAAO;AAAA,EACpC;AAAA,EACA,YAAY;AACV,SAAK,MAAM,cAAc,KAAK,OAAO,GACrC,cAAc,KAAK,yBAAyB;AAAA,EAC9C;AAAA,EACA,SAAS;AAAA,IACP,aAAaC,GAAgB;AAC3B,UAAI,CAACA;AACH;AAGF,WAAK,SAAS,IACd,KAAK,UAAU,IAGX,KAAK,aAAa,SAChBA,EAAe,CAAC,KAAK,KAAK,aAC5BA,EAAe,CAAC,IAAI,KAAK,UAEzB,KAAK,SAAS,IAEZA,EAAe,CAAC,KAAK,KAAK,aAC5BA,EAAe,CAAC,IAAI,KAAK,WAEvBA,EAAe,CAAC,KAAK,KAAK,aAC5BA,EAAe,CAAC,IAAI,KAAK,WAEvBA,EAAe,CAAC,KAAK,KAAK,aAC5BA,EAAe,CAAC,IAAI,KAAK,WAEvBA,EAAe,SAAS,KAAKA,EAAe,CAAC,KAAK,KAAK,aACzDA,EAAe,CAAC,IAAI,KAAK,WAEvBA,EAAe,SAAS,KAAKA,EAAe,CAAC,KAAK,KAAK,aACzDA,EAAe,CAAC,IAAI,KAAK,YAGzB,KAAK,aAAa,SAChBA,EAAe,CAAC,KAAK,KAAK,aAC5BA,EAAe,CAAC,IAAI,KAAK,WAEvBA,EAAe,CAAC,KAAK,KAAK,aAC5BA,EAAe,CAAC,IAAI,KAAK,WAEvBA,EAAe,CAAC,KAAK,KAAK,aAC5BA,EAAe,CAAC,IAAI,KAAK,WAEvBA,EAAe,CAAC,KAAK,KAAK,aAC5BA,EAAe,CAAC,IAAI,KAAK,UAEzB,KAAK,UAAU,IAEbA,EAAe,SAAS,KAAKA,EAAe,CAAC,KAAK,KAAK,aACzDA,EAAe,CAAC,IAAI,KAAK,WAEvBA,EAAe,SAAS,KAAKA,EAAe,CAAC,KAAK,KAAK,aACzDA,EAAe,CAAC,IAAI,KAAK,YAIzBA,EAAe,CAAC,KAAKA,EAAe,CAAC,MACvC,KAAK,YAAY,IAGfA,EAAe,CAAC,KAAKA,EAAe,CAAC,MACvC,KAAK,aAAa;AAGpB,UAAIC,IAAU;AACd,aAAI,KAAK,UAAU,MACjBA,KAAW,KAET,KAAK,WAAW,MAClBA,KAAW,KAEb,KAAK,SAASD,EAAe,CAAC,IAAIA,EAAe,CAAC,KAAKC,GAEhDD;AAAA,IACT;AAAA,IACA,aAAaL,GAAOK,GAAgB;AAClC,UAAI,CAACL,KAAS,CAACK;AACb;AAEF,UAAIE,IAAWF,EAAe,CAAC,IAAI,KAAK,KAAK;AAS7C,UARI,KAAK,YAAY,KAAK,YAAYA,EAAe,CAAC,MACpDE,IAAWF,EAAe,CAAC,IAEbA,EAAe,CAAC,IAAI,KAAK,KAAK,OAC1C,KAAK,YAAY,KAAK,YAAYA,EAAe,CAAC,KACxCA,EAAe,CAAC,GAG1BL,EAAM;AACR,eAAIA,EAAM,QAAQ,cACT,IAGA;AAGX,UAAIA,IAAQ,KAAK;AACf,eAAO;AACF,UAAIA,IAAQ,KAAK;AACtB,eAAO;AACF;AACL,cAAMQ,IAAS,UAAUR,IAAQO,KAAY,KAAK,KAAK;AACvD,eAAIC,IAAS,MACJ,MACEA,IAAS,IACX,IAEAA;AAAA,MAEX;AAAA,IACF;AAAA,IACA,WAAWH,GAAgB;AACzB,MAAKA,MAGL,KAAK,YAAY,KAAK;AAAA,SACnBA,EAAe,CAAC,IAAIA,EAAe,CAAC,KAAK,KAAK;AAAA,MACvD,GACM,KAAK,aAAa,KAAK;AAAA,SACpBA,EAAe,CAAC,IAAIA,EAAe,CAAC,KAAK,KAAK;AAAA,MACvD,GACUA,EAAe,SAAS,KAC1B,KAAK,WAAW,KAAK;AAAA,SAClBA,EAAe,CAAC,IAAIA,EAAe,CAAC,KAAK,KAAK;AAAA,MACzD,GACQ,KAAK,YAAY,KAAK;AAAA,SACnBA,EAAe,CAAC,IAAIA,EAAe,CAAC,KAAK,KAAK;AAAA,MACzD,GACQ,KAAK,OAAO,KAAK;AAAA,QACf,MACE,KAAK,SACL,KAAK,YACL,KAAK,WACL,KAAK,YACL,KAAK,aACL,KAAK;AAAA,MACjB,MAEQ,KAAK,WAAW,KAAK;AAAA,QACnB,MAAM,KAAK,SAAS,KAAK,YAAY,KAAK,aAAa,KAAK;AAAA,MACtE,GACQ,KAAK,YAAY,GACjB,KAAK,OAAO;AAAA,IAEhB;AAAA,IACA,qBAAqB,WAAY;AAC/B,WAAK,IAAI,eAAc,EAAG,KAAK,CAACG,MAAW;AACzC,aAAK,mBAAmBA;AAAA,MAC1B,CAAC;AAAA,IACH;AAAA,EACJ;AACA;"}
+{"version":3,"file":"BarColumn-BdIaQfOz.js","sources":["../src/widgets/BarColumn.js"],"sourcesContent":["/*\n# Copyright 2024 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License 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 Widget from './Widget'\nimport { OpenC3Api } from '@openc3/js-common/services'\n\nexport default {\n  mixins: [Widget],\n  data() {\n    return {\n      minValue: null,\n      maxValue: null,\n      redLow: 0,\n      yellowLow: 0,\n      greenLow: 0,\n      greenHigh: 0,\n      yellowHigh: 0,\n      redHigh: 0,\n      blue: 0,\n      api: null,\n      limitsSettings: {\n        DEFAULT: [],\n      },\n      currentLimitsSet: 'DEFAULT',\n      currentSetRefreshInterval: null,\n    }\n  },\n  computed: {\n    cssProps: function () {\n      let value = this.screenValues[this.valueId][0]\n      let limits = this.modifyLimits(\n        this.limitsSettings[this.selectedLimitsSet],\n      )\n      this.calcLimits(limits)\n      return {\n        '--height': this.height + 'px',\n        '--width': this.width + 'px',\n        '--container-height': this.height - 5 + 'px',\n        '--position': this.calcPosition(value, limits) + '%',\n        '--redlow-width': this.redLow + '%',\n        '--redhigh-width': this.redHigh + '%',\n        '--yellowlow-width': this.yellowLow + '%',\n        '--yellowhigh-width': this.yellowHigh + '%',\n        '--greenlow-width': this.greenLow + '%',\n        '--greenhigh-width': this.greenHigh + '%',\n        '--blue-width': this.blue + '%',\n      }\n    },\n    selectedLimitsSet: function () {\n      return this.limitsSettings.hasOwnProperty(this.currentLimitsSet)\n        ? this.currentLimitsSet\n        : 'DEFAULT'\n    },\n  },\n  created() {\n    this.api = new OpenC3Api()\n    this.api\n      .get_limits(this.parameters[0], this.parameters[1], this.parameters[2])\n      .then((data) => {\n        this.limitsSettings = data\n      })\n    this.getCurrentLimitsSet()\n    this.currentSetRefreshInterval = setInterval(\n      this.getCurrentLimitsSet,\n      60 * 1000,\n    )\n\n    this.appliedSettings.forEach((setting) => {\n      if (setting[0] === 'MIN_VALUE') {\n        this.minValue = parseInt(setting[1])\n      }\n      if (setting[0] === 'MAX_VALUE') {\n        this.maxValue = parseInt(setting[1])\n      }\n    })\n    this.width = this.setWidth(this.parameters[4], 'px', this.width)\n    this.height = this.setHeight(this.parameters[5], 'px', this.height)\n    // Always pass CONVERTED so we can calculate the value against the limits (in converted units)\n    this.valueId = `${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__CONVERTED`\n\n    this.$emit('addItem', this.valueId)\n  },\n  destroyed() {\n    this.$emit('deleteItem', this.valueId)\n    clearInterval(this.currentSetRefreshInterval)\n  },\n  methods: {\n    modifyLimits(limitsSettings) {\n      if (!limitsSettings) {\n        return\n      }\n      // By default the red bars take 10% of the display\n      this.redLow = 10\n      this.redHigh = 10\n\n      // Modify values to respect the user defined minimum\n      if (this.minValue !== null) {\n        if (limitsSettings[0] <= this.minValue) {\n          limitsSettings[0] = this.minValue\n          // No red low will be displayed\n          this.redLow = 0\n        }\n        if (limitsSettings[1] <= this.minValue) {\n          limitsSettings[1] = this.minValue\n        }\n        if (limitsSettings[2] <= this.minValue) {\n          limitsSettings[2] = this.minValue\n        }\n        if (limitsSettings[3] <= this.minValue) {\n          limitsSettings[3] = this.minValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[4] <= this.minValue) {\n          limitsSettings[4] = this.minValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[5] <= this.minValue) {\n          limitsSettings[5] = this.minValue\n        }\n      }\n      if (this.maxValue !== null) {\n        if (limitsSettings[0] >= this.maxValue) {\n          limitsSettings[0] = this.maxValue\n        }\n        if (limitsSettings[1] >= this.maxValue) {\n          limitsSettings[1] = this.maxValue\n        }\n        if (limitsSettings[2] >= this.maxValue) {\n          limitsSettings[2] = this.maxValue\n        }\n        if (limitsSettings[3] >= this.maxValue) {\n          limitsSettings[3] = this.maxValue\n          // No red high will be displayed\n          this.redHigh = 0\n        }\n        if (limitsSettings.length > 4 && limitsSettings[4] >= this.maxValue) {\n          limitsSettings[4] = this.maxValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[5] >= this.maxValue) {\n          limitsSettings[5] = this.maxValue\n        }\n      }\n      // If the red low matches yellow low there is no yellow low\n      if (limitsSettings[0] == limitsSettings[1]) {\n        this.yellowLow = 0\n      }\n      // If the red high matches yellow high there is no yellow high\n      if (limitsSettings[2] == limitsSettings[3]) {\n        this.yellowHigh = 0\n      }\n\n      let divisor = 80\n      if (this.redLow == 0) {\n        divisor += 10\n      }\n      if (this.redHigh == 0) {\n        divisor += 10\n      }\n      this.scale = (limitsSettings[3] - limitsSettings[0]) / divisor\n\n      return limitsSettings\n    },\n    calcPosition(value, limitsSettings) {\n      if (!value || !limitsSettings) {\n        return\n      }\n      let lowValue = limitsSettings[0] - 10 * this.scale\n      if (this.minValue && this.minValue == limitsSettings[0]) {\n        lowValue = limitsSettings[0]\n      }\n      let highValue = limitsSettings[3] - 10 * this.scale\n      if (this.maxValue && this.maxValue == limitsSettings[3]) {\n        highValue = limitsSettings[3]\n      }\n\n      if (value.raw) {\n        if (value.raw === '-Infinity') {\n          return 0\n        } else {\n          // NaN and Infinity\n          return 100\n        }\n      }\n      if (value < this.min) {\n        return 0\n      } else if (value > this.max) {\n        return 100\n      } else {\n        const result = parseInt((value - lowValue) / this.scale)\n        if (result > 100) {\n          return 100\n        } else if (result < 0) {\n          return 0\n        } else {\n          return result\n        }\n      }\n    },\n    calcLimits(limitsSettings) {\n      if (!limitsSettings) {\n        return\n      }\n      this.yellowLow = Math.round(\n        (limitsSettings[1] - limitsSettings[0]) / this.scale,\n      )\n      this.yellowHigh = Math.round(\n        (limitsSettings[3] - limitsSettings[2]) / this.scale,\n      )\n      if (limitsSettings.length > 4) {\n        this.greenLow = Math.round(\n          (limitsSettings[4] - limitsSettings[1]) / this.scale,\n        )\n        this.greenHigh = Math.round(\n          (limitsSettings[2] - limitsSettings[5]) / this.scale,\n        )\n        this.blue = Math.round(\n          100 -\n            this.redLow -\n            this.yellowLow -\n            this.greenLow -\n            this.greenHigh -\n            this.yellowHigh -\n            this.redHigh,\n        )\n      } else {\n        this.greenLow = Math.round(\n          100 - this.redLow - this.yellowLow - this.yellowHigh - this.redHigh,\n        )\n        this.greenHigh = 0\n        this.blue = 0\n      }\n    },\n    getCurrentLimitsSet: function () {\n      this.api.get_limits_set().then((result) => {\n        this.currentLimitsSet = result\n      })\n    },\n  },\n}\n"],"names":["BarColumn","Widget","value","limits","OpenC3Api","data","setting","limitsSettings","divisor","lowValue","result"],"mappings":"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"}

package/dist/{BarColumn-ooUZaRUq.cjs → BarColumn-C5VfAEOx.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./Widget-DghDRiv6.cjs"),a=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B-k6legU.cjs"),s={mixins:[t.Widget],data(){return{minValue:null,maxValue:null,redLow:0,yellowLow:0,greenLow:0,greenHigh:0,yellowHigh:0,redHigh:0,blue:0,api:null,limitsSettings:{DEFAULT:[]},currentLimitsSet:"DEFAULT",currentSetRefreshInterval:null}},computed:{cssProps:function(){let e=this.screenValues[this.valueId][0],h=this.modifyLimits(this.limitsSettings[this.selectedLimitsSet]);return this.calcLimits(h),{"--height":this.height+"px","--width":this.width+"px","--container-height":this.height-5+"px","--position":this.calcPosition(e,h)+"%","--redlow-width":this.redLow+"%","--redhigh-width":this.redHigh+"%","--yellowlow-width":this.yellowLow+"%","--yellowhigh-width":this.yellowHigh+"%","--greenlow-width":this.greenLow+"%","--greenhigh-width":this.greenHigh+"%","--blue-width":this.blue+"%"}},selectedLimitsSet:function(){return this.limitsSettings.hasOwnProperty(this.currentLimitsSet)?this.currentLimitsSet:"DEFAULT"}},created(){this.api=new a.bi,this.api.get_limits(this.parameters[0],this.parameters[1],this.parameters[2]).then(e=>{this.limitsSettings=e}),this.getCurrentLimitsSet(),this.currentSetRefreshInterval=setInterval(this.getCurrentLimitsSet,60*1e3),this.appliedSettings.forEach(e=>{e[0]==="MIN_VALUE"&&(this.minValue=parseInt(e[1])),e[0]==="MAX_VALUE"&&(this.maxValue=parseInt(e[1]))}),this.width=this.setWidth(this.parameters[4],"px",this.width),this.height=this.setHeight(this.parameters[5],"px",this.height),this.valueId=`${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__CONVERTED`,this.$emit("addItem",this.valueId)},destroyed(){this.$emit("deleteItem",this.valueId),clearInterval(this.currentSetRefreshInterval)},methods:{modifyLimits(e){if(!e)return;this.redLow=10,this.redHigh=10,this.minValue!==null&&(e[0]<=this.minValue&&(e[0]=this.minValue,this.redLow=0),e[1]<=this.minValue&&(e[1]=this.minValue),e[2]<=this.minValue&&(e[2]=this.minValue),e[3]<=this.minValue&&(e[3]=this.minValue),e.length>4&&e[4]<=this.minValue&&(e[4]=this.minValue),e.length>4&&e[5]<=this.minValue&&(e[5]=this.minValue)),this.maxValue!==null&&(e[0]>=this.maxValue&&(e[0]=this.maxValue),e[1]>=this.maxValue&&(e[1]=this.maxValue),e[2]>=this.maxValue&&(e[2]=this.maxValue),e[3]>=this.maxValue&&(e[3]=this.maxValue,this.redHigh=0),e.length>4&&e[4]>=this.maxValue&&(e[4]=this.maxValue),e.length>4&&e[5]>=this.maxValue&&(e[5]=this.maxValue)),e[0]==e[1]&&(this.yellowLow=0),e[2]==e[3]&&(this.yellowHigh=0);let h=80;return this.redLow==0&&(h+=10),this.redHigh==0&&(h+=10),this.scale=(e[3]-e[0])/h,e},calcPosition(e,h){if(!e||!h)return;let r=h[0]-10*this.scale;if(this.minValue&&this.minValue==h[0]&&(r=h[0]),h[3]-10*this.scale,this.maxValue&&this.maxValue==h[3]&&h[3],e.raw)return e.raw==="-Infinity"?0:100;if(e<this.min)return 0;if(e>this.max)return 100;{const i=parseInt((e-r)/this.scale);return i>100?100:i<0?0:i}},calcLimits(e){e&&(this.yellowLow=Math.round((e[1]-e[0])/this.scale),this.yellowHigh=Math.round((e[3]-e[2])/this.scale),e.length>4?(this.greenLow=Math.round((e[4]-e[1])/this.scale),this.greenHigh=Math.round((e[2]-e[5])/this.scale),this.blue=Math.round(100-this.redLow-this.yellowLow-this.greenLow-this.greenHigh-this.yellowHigh-this.redHigh)):(this.greenLow=Math.round(100-this.redLow-this.yellowLow-this.yellowHigh-this.redHigh),this.greenHigh=0,this.blue=0))},getCurrentLimitsSet:function(){this.api.get_limits_set().then(e=>{this.currentLimitsSet=e})}}};exports.BarColumn=s;
-//# sourceMappingURL=BarColumn-ooUZaRUq.cjs.map
+"use strict";const t=require("./Widget-BwvnfXRa.cjs"),a=require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-RGlL9jUF.cjs"),s={mixins:[t.Widget],data(){return{minValue:null,maxValue:null,redLow:0,yellowLow:0,greenLow:0,greenHigh:0,yellowHigh:0,redHigh:0,blue:0,api:null,limitsSettings:{DEFAULT:[]},currentLimitsSet:"DEFAULT",currentSetRefreshInterval:null}},computed:{cssProps:function(){let e=this.screenValues[this.valueId][0],h=this.modifyLimits(this.limitsSettings[this.selectedLimitsSet]);return this.calcLimits(h),{"--height":this.height+"px","--width":this.width+"px","--container-height":this.height-5+"px","--position":this.calcPosition(e,h)+"%","--redlow-width":this.redLow+"%","--redhigh-width":this.redHigh+"%","--yellowlow-width":this.yellowLow+"%","--yellowhigh-width":this.yellowHigh+"%","--greenlow-width":this.greenLow+"%","--greenhigh-width":this.greenHigh+"%","--blue-width":this.blue+"%"}},selectedLimitsSet:function(){return this.limitsSettings.hasOwnProperty(this.currentLimitsSet)?this.currentLimitsSet:"DEFAULT"}},created(){this.api=new a.yi,this.api.get_limits(this.parameters[0],this.parameters[1],this.parameters[2]).then(e=>{this.limitsSettings=e}),this.getCurrentLimitsSet(),this.currentSetRefreshInterval=setInterval(this.getCurrentLimitsSet,60*1e3),this.appliedSettings.forEach(e=>{e[0]==="MIN_VALUE"&&(this.minValue=parseInt(e[1])),e[0]==="MAX_VALUE"&&(this.maxValue=parseInt(e[1]))}),this.width=this.setWidth(this.parameters[4],"px",this.width),this.height=this.setHeight(this.parameters[5],"px",this.height),this.valueId=`${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__CONVERTED`,this.$emit("addItem",this.valueId)},destroyed(){this.$emit("deleteItem",this.valueId),clearInterval(this.currentSetRefreshInterval)},methods:{modifyLimits(e){if(!e)return;this.redLow=10,this.redHigh=10,this.minValue!==null&&(e[0]<=this.minValue&&(e[0]=this.minValue,this.redLow=0),e[1]<=this.minValue&&(e[1]=this.minValue),e[2]<=this.minValue&&(e[2]=this.minValue),e[3]<=this.minValue&&(e[3]=this.minValue),e.length>4&&e[4]<=this.minValue&&(e[4]=this.minValue),e.length>4&&e[5]<=this.minValue&&(e[5]=this.minValue)),this.maxValue!==null&&(e[0]>=this.maxValue&&(e[0]=this.maxValue),e[1]>=this.maxValue&&(e[1]=this.maxValue),e[2]>=this.maxValue&&(e[2]=this.maxValue),e[3]>=this.maxValue&&(e[3]=this.maxValue,this.redHigh=0),e.length>4&&e[4]>=this.maxValue&&(e[4]=this.maxValue),e.length>4&&e[5]>=this.maxValue&&(e[5]=this.maxValue)),e[0]==e[1]&&(this.yellowLow=0),e[2]==e[3]&&(this.yellowHigh=0);let h=80;return this.redLow==0&&(h+=10),this.redHigh==0&&(h+=10),this.scale=(e[3]-e[0])/h,e},calcPosition(e,h){if(!e||!h)return;let r=h[0]-10*this.scale;if(this.minValue&&this.minValue==h[0]&&(r=h[0]),h[3]-10*this.scale,this.maxValue&&this.maxValue==h[3]&&h[3],e.raw)return e.raw==="-Infinity"?0:100;if(e<this.min)return 0;if(e>this.max)return 100;{const i=parseInt((e-r)/this.scale);return i>100?100:i<0?0:i}},calcLimits(e){e&&(this.yellowLow=Math.round((e[1]-e[0])/this.scale),this.yellowHigh=Math.round((e[3]-e[2])/this.scale),e.length>4?(this.greenLow=Math.round((e[4]-e[1])/this.scale),this.greenHigh=Math.round((e[2]-e[5])/this.scale),this.blue=Math.round(100-this.redLow-this.yellowLow-this.greenLow-this.greenHigh-this.yellowHigh-this.redHigh)):(this.greenLow=Math.round(100-this.redLow-this.yellowLow-this.yellowHigh-this.redHigh),this.greenHigh=0,this.blue=0))},getCurrentLimitsSet:function(){this.api.get_limits_set().then(e=>{this.currentLimitsSet=e})}}};exports.BarColumn=s;
+//# sourceMappingURL=BarColumn-C5VfAEOx.cjs.map

package/dist/{BarColumn-ooUZaRUq.cjs.map → BarColumn-C5VfAEOx.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"BarColumn-ooUZaRUq.cjs","sources":["../src/widgets/BarColumn.js"],"sourcesContent":["/*\n# Copyright 2024 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License 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 Widget from './Widget'\nimport { OpenC3Api } from '@openc3/js-common/services'\n\nexport default {\n  mixins: [Widget],\n  data() {\n    return {\n      minValue: null,\n      maxValue: null,\n      redLow: 0,\n      yellowLow: 0,\n      greenLow: 0,\n      greenHigh: 0,\n      yellowHigh: 0,\n      redHigh: 0,\n      blue: 0,\n      api: null,\n      limitsSettings: {\n        DEFAULT: [],\n      },\n      currentLimitsSet: 'DEFAULT',\n      currentSetRefreshInterval: null,\n    }\n  },\n  computed: {\n    cssProps: function () {\n      let value = this.screenValues[this.valueId][0]\n      let limits = this.modifyLimits(\n        this.limitsSettings[this.selectedLimitsSet],\n      )\n      this.calcLimits(limits)\n      return {\n        '--height': this.height + 'px',\n        '--width': this.width + 'px',\n        '--container-height': this.height - 5 + 'px',\n        '--position': this.calcPosition(value, limits) + '%',\n        '--redlow-width': this.redLow + '%',\n        '--redhigh-width': this.redHigh + '%',\n        '--yellowlow-width': this.yellowLow + '%',\n        '--yellowhigh-width': this.yellowHigh + '%',\n        '--greenlow-width': this.greenLow + '%',\n        '--greenhigh-width': this.greenHigh + '%',\n        '--blue-width': this.blue + '%',\n      }\n    },\n    selectedLimitsSet: function () {\n      return this.limitsSettings.hasOwnProperty(this.currentLimitsSet)\n        ? this.currentLimitsSet\n        : 'DEFAULT'\n    },\n  },\n  created() {\n    this.api = new OpenC3Api()\n    this.api\n      .get_limits(this.parameters[0], this.parameters[1], this.parameters[2])\n      .then((data) => {\n        this.limitsSettings = data\n      })\n    this.getCurrentLimitsSet()\n    this.currentSetRefreshInterval = setInterval(\n      this.getCurrentLimitsSet,\n      60 * 1000,\n    )\n\n    this.appliedSettings.forEach((setting) => {\n      if (setting[0] === 'MIN_VALUE') {\n        this.minValue = parseInt(setting[1])\n      }\n      if (setting[0] === 'MAX_VALUE') {\n        this.maxValue = parseInt(setting[1])\n      }\n    })\n    this.width = this.setWidth(this.parameters[4], 'px', this.width)\n    this.height = this.setHeight(this.parameters[5], 'px', this.height)\n    // Always pass CONVERTED so we can calculate the value against the limits (in converted units)\n    this.valueId = `${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__CONVERTED`\n\n    this.$emit('addItem', this.valueId)\n  },\n  destroyed() {\n    this.$emit('deleteItem', this.valueId)\n    clearInterval(this.currentSetRefreshInterval)\n  },\n  methods: {\n    modifyLimits(limitsSettings) {\n      if (!limitsSettings) {\n        return\n      }\n      // By default the red bars take 10% of the display\n      this.redLow = 10\n      this.redHigh = 10\n\n      // Modify values to respect the user defined minimum\n      if (this.minValue !== null) {\n        if (limitsSettings[0] <= this.minValue) {\n          limitsSettings[0] = this.minValue\n          // No red low will be displayed\n          this.redLow = 0\n        }\n        if (limitsSettings[1] <= this.minValue) {\n          limitsSettings[1] = this.minValue\n        }\n        if (limitsSettings[2] <= this.minValue) {\n          limitsSettings[2] = this.minValue\n        }\n        if (limitsSettings[3] <= this.minValue) {\n          limitsSettings[3] = this.minValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[4] <= this.minValue) {\n          limitsSettings[4] = this.minValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[5] <= this.minValue) {\n          limitsSettings[5] = this.minValue\n        }\n      }\n      if (this.maxValue !== null) {\n        if (limitsSettings[0] >= this.maxValue) {\n          limitsSettings[0] = this.maxValue\n        }\n        if (limitsSettings[1] >= this.maxValue) {\n          limitsSettings[1] = this.maxValue\n        }\n        if (limitsSettings[2] >= this.maxValue) {\n          limitsSettings[2] = this.maxValue\n        }\n        if (limitsSettings[3] >= this.maxValue) {\n          limitsSettings[3] = this.maxValue\n          // No red high will be displayed\n          this.redHigh = 0\n        }\n        if (limitsSettings.length > 4 && limitsSettings[4] >= this.maxValue) {\n          limitsSettings[4] = this.maxValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[5] >= this.maxValue) {\n          limitsSettings[5] = this.maxValue\n        }\n      }\n      // If the red low matches yellow low there is no yellow low\n      if (limitsSettings[0] == limitsSettings[1]) {\n        this.yellowLow = 0\n      }\n      // If the red high matches yellow high there is no yellow high\n      if (limitsSettings[2] == limitsSettings[3]) {\n        this.yellowHigh = 0\n      }\n\n      let divisor = 80\n      if (this.redLow == 0) {\n        divisor += 10\n      }\n      if (this.redHigh == 0) {\n        divisor += 10\n      }\n      this.scale = (limitsSettings[3] - limitsSettings[0]) / divisor\n\n      return limitsSettings\n    },\n    calcPosition(value, limitsSettings) {\n      if (!value || !limitsSettings) {\n        return\n      }\n      let lowValue = limitsSettings[0] - 10 * this.scale\n      if (this.minValue && this.minValue == limitsSettings[0]) {\n        lowValue = limitsSettings[0]\n      }\n      let highValue = limitsSettings[3] - 10 * this.scale\n      if (this.maxValue && this.maxValue == limitsSettings[3]) {\n        highValue = limitsSettings[3]\n      }\n\n      if (value.raw) {\n        if (value.raw === '-Infinity') {\n          return 0\n        } else {\n          // NaN and Infinity\n          return 100\n        }\n      }\n      if (value < this.min) {\n        return 0\n      } else if (value > this.max) {\n        return 100\n      } else {\n        const result = parseInt((value - lowValue) / this.scale)\n        if (result > 100) {\n          return 100\n        } else if (result < 0) {\n          return 0\n        } else {\n          return result\n        }\n      }\n    },\n    calcLimits(limitsSettings) {\n      if (!limitsSettings) {\n        return\n      }\n      this.yellowLow = Math.round(\n        (limitsSettings[1] - limitsSettings[0]) / this.scale,\n      )\n      this.yellowHigh = Math.round(\n        (limitsSettings[3] - limitsSettings[2]) / this.scale,\n      )\n      if (limitsSettings.length > 4) {\n        this.greenLow = Math.round(\n          (limitsSettings[4] - limitsSettings[1]) / this.scale,\n        )\n        this.greenHigh = Math.round(\n          (limitsSettings[2] - limitsSettings[5]) / this.scale,\n        )\n        this.blue = Math.round(\n          100 -\n            this.redLow -\n            this.yellowLow -\n            this.greenLow -\n            this.greenHigh -\n            this.yellowHigh -\n            this.redHigh,\n        )\n      } else {\n        this.greenLow = Math.round(\n          100 - this.redLow - this.yellowLow - this.yellowHigh - this.redHigh,\n        )\n        this.greenHigh = 0\n        this.blue = 0\n      }\n    },\n    getCurrentLimitsSet: function () {\n      this.api.get_limits_set().then((result) => {\n        this.currentLimitsSet = result\n      })\n    },\n  },\n}\n"],"names":["BarColumn","Widget","value","limits","OpenC3Api","data","setting","limitsSettings","divisor","lowValue","result"],"mappings":"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"}
+{"version":3,"file":"BarColumn-C5VfAEOx.cjs","sources":["../src/widgets/BarColumn.js"],"sourcesContent":["/*\n# Copyright 2024 OpenC3, Inc.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License 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 Widget from './Widget'\nimport { OpenC3Api } from '@openc3/js-common/services'\n\nexport default {\n  mixins: [Widget],\n  data() {\n    return {\n      minValue: null,\n      maxValue: null,\n      redLow: 0,\n      yellowLow: 0,\n      greenLow: 0,\n      greenHigh: 0,\n      yellowHigh: 0,\n      redHigh: 0,\n      blue: 0,\n      api: null,\n      limitsSettings: {\n        DEFAULT: [],\n      },\n      currentLimitsSet: 'DEFAULT',\n      currentSetRefreshInterval: null,\n    }\n  },\n  computed: {\n    cssProps: function () {\n      let value = this.screenValues[this.valueId][0]\n      let limits = this.modifyLimits(\n        this.limitsSettings[this.selectedLimitsSet],\n      )\n      this.calcLimits(limits)\n      return {\n        '--height': this.height + 'px',\n        '--width': this.width + 'px',\n        '--container-height': this.height - 5 + 'px',\n        '--position': this.calcPosition(value, limits) + '%',\n        '--redlow-width': this.redLow + '%',\n        '--redhigh-width': this.redHigh + '%',\n        '--yellowlow-width': this.yellowLow + '%',\n        '--yellowhigh-width': this.yellowHigh + '%',\n        '--greenlow-width': this.greenLow + '%',\n        '--greenhigh-width': this.greenHigh + '%',\n        '--blue-width': this.blue + '%',\n      }\n    },\n    selectedLimitsSet: function () {\n      return this.limitsSettings.hasOwnProperty(this.currentLimitsSet)\n        ? this.currentLimitsSet\n        : 'DEFAULT'\n    },\n  },\n  created() {\n    this.api = new OpenC3Api()\n    this.api\n      .get_limits(this.parameters[0], this.parameters[1], this.parameters[2])\n      .then((data) => {\n        this.limitsSettings = data\n      })\n    this.getCurrentLimitsSet()\n    this.currentSetRefreshInterval = setInterval(\n      this.getCurrentLimitsSet,\n      60 * 1000,\n    )\n\n    this.appliedSettings.forEach((setting) => {\n      if (setting[0] === 'MIN_VALUE') {\n        this.minValue = parseInt(setting[1])\n      }\n      if (setting[0] === 'MAX_VALUE') {\n        this.maxValue = parseInt(setting[1])\n      }\n    })\n    this.width = this.setWidth(this.parameters[4], 'px', this.width)\n    this.height = this.setHeight(this.parameters[5], 'px', this.height)\n    // Always pass CONVERTED so we can calculate the value against the limits (in converted units)\n    this.valueId = `${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__CONVERTED`\n\n    this.$emit('addItem', this.valueId)\n  },\n  destroyed() {\n    this.$emit('deleteItem', this.valueId)\n    clearInterval(this.currentSetRefreshInterval)\n  },\n  methods: {\n    modifyLimits(limitsSettings) {\n      if (!limitsSettings) {\n        return\n      }\n      // By default the red bars take 10% of the display\n      this.redLow = 10\n      this.redHigh = 10\n\n      // Modify values to respect the user defined minimum\n      if (this.minValue !== null) {\n        if (limitsSettings[0] <= this.minValue) {\n          limitsSettings[0] = this.minValue\n          // No red low will be displayed\n          this.redLow = 0\n        }\n        if (limitsSettings[1] <= this.minValue) {\n          limitsSettings[1] = this.minValue\n        }\n        if (limitsSettings[2] <= this.minValue) {\n          limitsSettings[2] = this.minValue\n        }\n        if (limitsSettings[3] <= this.minValue) {\n          limitsSettings[3] = this.minValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[4] <= this.minValue) {\n          limitsSettings[4] = this.minValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[5] <= this.minValue) {\n          limitsSettings[5] = this.minValue\n        }\n      }\n      if (this.maxValue !== null) {\n        if (limitsSettings[0] >= this.maxValue) {\n          limitsSettings[0] = this.maxValue\n        }\n        if (limitsSettings[1] >= this.maxValue) {\n          limitsSettings[1] = this.maxValue\n        }\n        if (limitsSettings[2] >= this.maxValue) {\n          limitsSettings[2] = this.maxValue\n        }\n        if (limitsSettings[3] >= this.maxValue) {\n          limitsSettings[3] = this.maxValue\n          // No red high will be displayed\n          this.redHigh = 0\n        }\n        if (limitsSettings.length > 4 && limitsSettings[4] >= this.maxValue) {\n          limitsSettings[4] = this.maxValue\n        }\n        if (limitsSettings.length > 4 && limitsSettings[5] >= this.maxValue) {\n          limitsSettings[5] = this.maxValue\n        }\n      }\n      // If the red low matches yellow low there is no yellow low\n      if (limitsSettings[0] == limitsSettings[1]) {\n        this.yellowLow = 0\n      }\n      // If the red high matches yellow high there is no yellow high\n      if (limitsSettings[2] == limitsSettings[3]) {\n        this.yellowHigh = 0\n      }\n\n      let divisor = 80\n      if (this.redLow == 0) {\n        divisor += 10\n      }\n      if (this.redHigh == 0) {\n        divisor += 10\n      }\n      this.scale = (limitsSettings[3] - limitsSettings[0]) / divisor\n\n      return limitsSettings\n    },\n    calcPosition(value, limitsSettings) {\n      if (!value || !limitsSettings) {\n        return\n      }\n      let lowValue = limitsSettings[0] - 10 * this.scale\n      if (this.minValue && this.minValue == limitsSettings[0]) {\n        lowValue = limitsSettings[0]\n      }\n      let highValue = limitsSettings[3] - 10 * this.scale\n      if (this.maxValue && this.maxValue == limitsSettings[3]) {\n        highValue = limitsSettings[3]\n      }\n\n      if (value.raw) {\n        if (value.raw === '-Infinity') {\n          return 0\n        } else {\n          // NaN and Infinity\n          return 100\n        }\n      }\n      if (value < this.min) {\n        return 0\n      } else if (value > this.max) {\n        return 100\n      } else {\n        const result = parseInt((value - lowValue) / this.scale)\n        if (result > 100) {\n          return 100\n        } else if (result < 0) {\n          return 0\n        } else {\n          return result\n        }\n      }\n    },\n    calcLimits(limitsSettings) {\n      if (!limitsSettings) {\n        return\n      }\n      this.yellowLow = Math.round(\n        (limitsSettings[1] - limitsSettings[0]) / this.scale,\n      )\n      this.yellowHigh = Math.round(\n        (limitsSettings[3] - limitsSettings[2]) / this.scale,\n      )\n      if (limitsSettings.length > 4) {\n        this.greenLow = Math.round(\n          (limitsSettings[4] - limitsSettings[1]) / this.scale,\n        )\n        this.greenHigh = Math.round(\n          (limitsSettings[2] - limitsSettings[5]) / this.scale,\n        )\n        this.blue = Math.round(\n          100 -\n            this.redLow -\n            this.yellowLow -\n            this.greenLow -\n            this.greenHigh -\n            this.yellowHigh -\n            this.redHigh,\n        )\n      } else {\n        this.greenLow = Math.round(\n          100 - this.redLow - this.yellowLow - this.yellowHigh - this.redHigh,\n        )\n        this.greenHigh = 0\n        this.blue = 0\n      }\n    },\n    getCurrentLimitsSet: function () {\n      this.api.get_limits_set().then((result) => {\n        this.currentLimitsSet = result\n      })\n    },\n  },\n}\n"],"names":["BarColumn","Widget","value","limits","OpenC3Api","data","setting","limitsSettings","divisor","lowValue","result"],"mappings":"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"}

package/dist/{BlockWidget-BDkZljH8.cjs → BlockWidget-C33RBqR2.cjs}

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-B-k6legU.cjs");const e=require("vue"),g=require("./CustomIcon-eie3rPKh.cjs"),f=require("./DetailsDialog-DbRPJzDG.cjs");require("single-spa");const w=require("./VWidget-B22Re761.cjs"),v={components:{DetailsDialog:f.DetailsDialog},data:function(){return{width:400,height:400,bytesPerWord:4,wordsPerRow:4,addrFormat:null,formatter:"%02X"}},mixins:[w.VWidget],computed:{aging(){return{"--aging":this.grayLevel}},rows:function(){return(this.height-16)/24}},created:function(){this.width=this.setWidth(this.parameters[3],"px",this.width),this.height=this.setHeight(this.parameters[4],"px",this.height),this.parameters[5]&&(this.formatter=this.parameters[5]),this.parameters[6]&&(this.bytesPerWord=parseInt(this.parameters[6])),this.parameters[7]&&(this.wordsPerRow=parseInt(this.parameters[7])),this.parameters[8]&&(this.addrFormat=this.parameters[8])},methods:{getType:function(){let t="RAW";return this.parameters[9]&&(t=this.parameters[9]),t},formatValue:function(t){let o="";if(t&&t.raw){let l=" ",d=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-RGlL9jUF.cjs");const e=require("vue"),g=require("./CustomIcon-eie3rPKh.cjs"),f=require("./DetailsDialog-Brv3nVs3.cjs");require("single-spa");const w=require("./VWidget-CTcOKw09.cjs"),v={components:{DetailsDialog:f.DetailsDialog},data:function(){return{width:400,height:400,bytesPerWord:4,wordsPerRow:4,addrFormat:null,formatter:"%02X"}},mixins:[w.VWidget],computed:{aging(){return{"--aging":this.grayLevel}},rows:function(){return(this.height-16)/24}},created:function(){this.width=this.setWidth(this.parameters[3],"px",this.width),this.height=this.setHeight(this.parameters[4],"px",this.height),this.parameters[5]&&(this.formatter=this.parameters[5]),this.parameters[6]&&(this.bytesPerWord=parseInt(this.parameters[6])),this.parameters[7]&&(this.wordsPerRow=parseInt(this.parameters[7])),this.parameters[8]&&(this.addrFormat=this.parameters[8])},methods:{getType:function(){let t="RAW";return this.parameters[9]&&(t=this.parameters[9]),t},formatValue:function(t){let o="";if(t&&t.raw){let l=" ",d=`
 `,r=0,i=0;const n=this.bytesPerWord*this.wordsPerRow;for(const a of t.raw)this.addrFormat&&r===0&&(o+=sprintf(this.addrFormat,i),i+=n),o+=sprintf(this.formatter,a),r+=1,r%n===0?(r=0,o+=d):r%this.bytesPerWord===0&&(o+=l)}else o=t;return o}}},y={class:"block-widget-container"};function C(t,o,l,d,r,i){const n=e.resolveComponent("v-textarea"),a=e.resolveComponent("v-list-item-title"),m=e.resolveComponent("v-list-item"),u=e.resolveComponent("v-list"),h=e.resolveComponent("v-menu"),p=e.resolveComponent("details-dialog");return e.openBlock(),e.createElementBlock("div",y,[e.createVNode(n,{variant:"solo",density:"compact",readonly:"","no-resize":"","hide-details":"",rows:i.rows,width:t.width,"model-value":t._value,class:e.normalizeClass(t.valueClass),style:e.normalizeStyle([t.computedStyle,i.aging]),"data-test":"valueText",onContextmenu:t.showContextMenu},null,8,["rows","width","model-value","class","style","onContextmenu"]),e.createVNode(h,{modelValue:t.contextMenuShown,"onUpdate:modelValue":o[0]||(o[0]=s=>t.contextMenuShown=s),target:[t.x,t.y]},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.contextMenuOptions,(s,c)=>(e.openBlock(),e.createBlock(m,{key:c,onClick:e.withModifiers(s.action,["stop"])},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.title),1)]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:1})]),_:1},8,["modelValue","target"]),e.createVNode(p,{"target-name":t.parameters[0],"packet-name":t.parameters[1],"item-name":t.parameters[2],modelValue:t.viewDetails,"onUpdate:modelValue":o[1]||(o[1]=s=>t.viewDetails=s)},null,8,["target-name","packet-name","item-name","modelValue"])])}const _=g._export_sfc(v,[["render",C],["__scopeId","data-v-4d4589c2"]]);exports.default=_;
-//# sourceMappingURL=BlockWidget-BDkZljH8.cjs.map
+//# sourceMappingURL=BlockWidget-C33RBqR2.cjs.map

package/dist/{BlockWidget-BDkZljH8.cjs.map → BlockWidget-C33RBqR2.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"BlockWidget-BDkZljH8.cjs","sources":["../src/widgets/BlockWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2024, 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  <div class=\"block-widget-container\">\n    <v-textarea\n      variant=\"solo\"\n      density=\"compact\"\n      readonly\n      no-resize\n      hide-details\n      :rows=\"rows\"\n      :width=\"width\"\n      :model-value=\"_value\"\n      :class=\"valueClass\"\n      :style=\"[computedStyle, aging]\"\n      data-test=\"valueText\"\n      @contextmenu=\"showContextMenu\"\n    />\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\">\n      <v-list>\n        <v-list-item\n          v-for=\"(item, index) in contextMenuOptions\"\n          :key=\"index\"\n          @click.stop=\"item.action\"\n        >\n          <v-list-item-title>{{ item.title }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <details-dialog\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n      v-model=\"viewDetails\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport VWidget from './VWidget'\nimport 'sprintf-js'\n\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  data: function () {\n    return {\n      width: 400,\n      height: 400,\n      bytesPerWord: 4,\n      wordsPerRow: 4,\n      addrFormat: null,\n      formatter: '%02X',\n    }\n  },\n  mixins: [VWidget],\n  computed: {\n    aging() {\n      return {\n        '--aging': this.grayLevel,\n      }\n    },\n    rows: function () {\n      // hack to set height since vuetify 3 removed the ability to set the\n      // <textarea>'s height by px and I can't get styling the element to work, either\n      const paddingHeight = 16 // px\n      const rowHeight = 24 // px\n      return (this.height - paddingHeight) / rowHeight\n    },\n  },\n  created: function () {\n    this.width = this.setWidth(this.parameters[3], 'px', this.width)\n    this.height = this.setHeight(this.parameters[4], 'px', this.height)\n    if (this.parameters[5]) {\n      this.formatter = this.parameters[5]\n    }\n    if (this.parameters[6]) {\n      this.bytesPerWord = parseInt(this.parameters[6])\n    }\n    if (this.parameters[7]) {\n      this.wordsPerRow = parseInt(this.parameters[7])\n    }\n    if (this.parameters[8]) {\n      this.addrFormat = this.parameters[8]\n    }\n    // parameter[9] is the type ... see getType()\n  },\n  methods: {\n    getType: function () {\n      let type = 'RAW'\n      if (this.parameters[9]) {\n        type = this.parameters[9]\n      }\n      return type\n    },\n    formatValue: function (data) {\n      let text = ''\n      if (data && data.raw) {\n        let space = ' '\n        let newLine = '\\n'\n\n        let byteCount = 0\n        let addr = 0\n        const bytesPerRow = this.bytesPerWord * this.wordsPerRow\n\n        for (const value of data.raw) {\n          if (this.addrFormat && byteCount === 0) {\n            text += sprintf(this.addrFormat, addr)\n            addr += bytesPerRow\n          }\n          text += sprintf(this.formatter, value)\n          byteCount += 1\n          if (byteCount % bytesPerRow === 0) {\n            byteCount = 0\n            text += newLine\n          } else if (byteCount % this.bytesPerWord === 0) {\n            text += space\n          }\n        }\n      } else {\n        text = data\n      }\n      return text\n    },\n  },\n}\n</script>\n\n<style scoped>\n.block-widget-container :deep(.v-input__slot) {\n  background: rgba(var(--aging), var(--aging), var(--aging), 1) !important;\n}\n.v-textarea :deep(textarea) {\n  font-family: 'Courier New', Courier, monospace;\n}\n.value :deep(div) {\n  min-height: 24px !important;\n  display: flex !important;\n  align-items: center !important;\n}\n.block-widget-container :deep(.v-field__loader) {\n  display: none !important;\n}\n.block-widget-container :deep(textarea) {\n  padding-right: 0 !important;\n  padding-left: 12px !important;\n}\n.openc3-green :deep(input) {\n  color: rgb(0, 200, 0);\n}\n.openc3-yellow :deep(input) {\n  color: rgb(255, 220, 0);\n}\n.openc3-red :deep(input) {\n  color: rgb(255, 45, 45);\n}\n.openc3-blue :deep(input) {\n  color: rgb(0, 153, 255);\n}\n.openc3-purple :deep(input) {\n  color: rgb(200, 0, 200);\n}\n.openc3-black :deep(input) {\n  color: black;\n}\n.openc3-white :deep(input) {\n  color: white;\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","VWidget","type","data","text","space","newLine","byteCount","addr","bytesPerRow","value","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_v_textarea","$options","_ctx","_normalizeStyle","_component_v_menu","$event","_component_v_list","_Fragment","_renderList","item","index","_createBlock","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"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"}
+{"version":3,"file":"BlockWidget-C33RBqR2.cjs","sources":["../src/widgets/BlockWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2024, 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  <div class=\"block-widget-container\">\n    <v-textarea\n      variant=\"solo\"\n      density=\"compact\"\n      readonly\n      no-resize\n      hide-details\n      :rows=\"rows\"\n      :width=\"width\"\n      :model-value=\"_value\"\n      :class=\"valueClass\"\n      :style=\"[computedStyle, aging]\"\n      data-test=\"valueText\"\n      @contextmenu=\"showContextMenu\"\n    />\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\">\n      <v-list>\n        <v-list-item\n          v-for=\"(item, index) in contextMenuOptions\"\n          :key=\"index\"\n          @click.stop=\"item.action\"\n        >\n          <v-list-item-title>{{ item.title }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <details-dialog\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n      v-model=\"viewDetails\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport VWidget from './VWidget'\nimport 'sprintf-js'\n\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  data: function () {\n    return {\n      width: 400,\n      height: 400,\n      bytesPerWord: 4,\n      wordsPerRow: 4,\n      addrFormat: null,\n      formatter: '%02X',\n    }\n  },\n  mixins: [VWidget],\n  computed: {\n    aging() {\n      return {\n        '--aging': this.grayLevel,\n      }\n    },\n    rows: function () {\n      // hack to set height since vuetify 3 removed the ability to set the\n      // <textarea>'s height by px and I can't get styling the element to work, either\n      const paddingHeight = 16 // px\n      const rowHeight = 24 // px\n      return (this.height - paddingHeight) / rowHeight\n    },\n  },\n  created: function () {\n    this.width = this.setWidth(this.parameters[3], 'px', this.width)\n    this.height = this.setHeight(this.parameters[4], 'px', this.height)\n    if (this.parameters[5]) {\n      this.formatter = this.parameters[5]\n    }\n    if (this.parameters[6]) {\n      this.bytesPerWord = parseInt(this.parameters[6])\n    }\n    if (this.parameters[7]) {\n      this.wordsPerRow = parseInt(this.parameters[7])\n    }\n    if (this.parameters[8]) {\n      this.addrFormat = this.parameters[8]\n    }\n    // parameter[9] is the type ... see getType()\n  },\n  methods: {\n    getType: function () {\n      let type = 'RAW'\n      if (this.parameters[9]) {\n        type = this.parameters[9]\n      }\n      return type\n    },\n    formatValue: function (data) {\n      let text = ''\n      if (data && data.raw) {\n        let space = ' '\n        let newLine = '\\n'\n\n        let byteCount = 0\n        let addr = 0\n        const bytesPerRow = this.bytesPerWord * this.wordsPerRow\n\n        for (const value of data.raw) {\n          if (this.addrFormat && byteCount === 0) {\n            text += sprintf(this.addrFormat, addr)\n            addr += bytesPerRow\n          }\n          text += sprintf(this.formatter, value)\n          byteCount += 1\n          if (byteCount % bytesPerRow === 0) {\n            byteCount = 0\n            text += newLine\n          } else if (byteCount % this.bytesPerWord === 0) {\n            text += space\n          }\n        }\n      } else {\n        text = data\n      }\n      return text\n    },\n  },\n}\n</script>\n\n<style scoped>\n.block-widget-container :deep(.v-input__slot) {\n  background: rgba(var(--aging), var(--aging), var(--aging), 1) !important;\n}\n.v-textarea :deep(textarea) {\n  font-family: 'Courier New', Courier, monospace;\n}\n.value :deep(div) {\n  min-height: 24px !important;\n  display: flex !important;\n  align-items: center !important;\n}\n.block-widget-container :deep(.v-field__loader) {\n  display: none !important;\n}\n.block-widget-container :deep(textarea) {\n  padding-right: 0 !important;\n  padding-left: 12px !important;\n}\n.openc3-green :deep(input) {\n  color: rgb(0, 200, 0);\n}\n.openc3-yellow :deep(input) {\n  color: rgb(255, 220, 0);\n}\n.openc3-red :deep(input) {\n  color: rgb(255, 45, 45);\n}\n.openc3-blue :deep(input) {\n  color: rgb(0, 153, 255);\n}\n.openc3-purple :deep(input) {\n  color: rgb(200, 0, 200);\n}\n.openc3-black :deep(input) {\n  color: black;\n}\n.openc3-white :deep(input) {\n  color: white;\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","VWidget","type","data","text","space","newLine","byteCount","addr","bytesPerRow","value","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_v_textarea","$options","_ctx","_normalizeStyle","_component_v_menu","$event","_component_v_list","_Fragment","_renderList","item","index","_createBlock","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"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"}

package/dist/{BlockWidget-BXQlPVQI.js → BlockWidget-DSFKrUxl.js}

@@ -1,9 +1,9 @@
-import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-ByJi6BSv.js";
+import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C3WTK6F-.js";
 import { resolveComponent as s, createElementBlock as u, openBlock as d, createVNode as a, normalizeStyle as _, normalizeClass as y, withCtx as l, Fragment as V, renderList as k, createBlock as C, withModifiers as P, createTextVNode as W, toDisplayString as b } from "vue";
 import { _ as D } from "./CustomIcon-DTfsnDJn.js";
-import { D as F } from "./DetailsDialog-Ji0jA6sd.js";
+import { D as F } from "./DetailsDialog-q9piPmHq.js";
 import "single-spa";
-import { V as H } from "./VWidget-D8c5Lci7.js";
+import { V as H } from "./VWidget-D06LY-Yc.js";
 const M = {
   components: {
     DetailsDialog: F
@@ -109,4 +109,4 @@ const N = /* @__PURE__ */ D(M, [["render", S], ["__scopeId", "data-v-4d4589c2"]]
 export {
   N as default
 };
-//# sourceMappingURL=BlockWidget-BXQlPVQI.js.map
+//# sourceMappingURL=BlockWidget-DSFKrUxl.js.map

package/dist/{BlockWidget-BXQlPVQI.js.map → BlockWidget-DSFKrUxl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BlockWidget-BXQlPVQI.js","sources":["../src/widgets/BlockWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2024, 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  <div class=\"block-widget-container\">\n    <v-textarea\n      variant=\"solo\"\n      density=\"compact\"\n      readonly\n      no-resize\n      hide-details\n      :rows=\"rows\"\n      :width=\"width\"\n      :model-value=\"_value\"\n      :class=\"valueClass\"\n      :style=\"[computedStyle, aging]\"\n      data-test=\"valueText\"\n      @contextmenu=\"showContextMenu\"\n    />\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\">\n      <v-list>\n        <v-list-item\n          v-for=\"(item, index) in contextMenuOptions\"\n          :key=\"index\"\n          @click.stop=\"item.action\"\n        >\n          <v-list-item-title>{{ item.title }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <details-dialog\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n      v-model=\"viewDetails\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport VWidget from './VWidget'\nimport 'sprintf-js'\n\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  data: function () {\n    return {\n      width: 400,\n      height: 400,\n      bytesPerWord: 4,\n      wordsPerRow: 4,\n      addrFormat: null,\n      formatter: '%02X',\n    }\n  },\n  mixins: [VWidget],\n  computed: {\n    aging() {\n      return {\n        '--aging': this.grayLevel,\n      }\n    },\n    rows: function () {\n      // hack to set height since vuetify 3 removed the ability to set the\n      // <textarea>'s height by px and I can't get styling the element to work, either\n      const paddingHeight = 16 // px\n      const rowHeight = 24 // px\n      return (this.height - paddingHeight) / rowHeight\n    },\n  },\n  created: function () {\n    this.width = this.setWidth(this.parameters[3], 'px', this.width)\n    this.height = this.setHeight(this.parameters[4], 'px', this.height)\n    if (this.parameters[5]) {\n      this.formatter = this.parameters[5]\n    }\n    if (this.parameters[6]) {\n      this.bytesPerWord = parseInt(this.parameters[6])\n    }\n    if (this.parameters[7]) {\n      this.wordsPerRow = parseInt(this.parameters[7])\n    }\n    if (this.parameters[8]) {\n      this.addrFormat = this.parameters[8]\n    }\n    // parameter[9] is the type ... see getType()\n  },\n  methods: {\n    getType: function () {\n      let type = 'RAW'\n      if (this.parameters[9]) {\n        type = this.parameters[9]\n      }\n      return type\n    },\n    formatValue: function (data) {\n      let text = ''\n      if (data && data.raw) {\n        let space = ' '\n        let newLine = '\\n'\n\n        let byteCount = 0\n        let addr = 0\n        const bytesPerRow = this.bytesPerWord * this.wordsPerRow\n\n        for (const value of data.raw) {\n          if (this.addrFormat && byteCount === 0) {\n            text += sprintf(this.addrFormat, addr)\n            addr += bytesPerRow\n          }\n          text += sprintf(this.formatter, value)\n          byteCount += 1\n          if (byteCount % bytesPerRow === 0) {\n            byteCount = 0\n            text += newLine\n          } else if (byteCount % this.bytesPerWord === 0) {\n            text += space\n          }\n        }\n      } else {\n        text = data\n      }\n      return text\n    },\n  },\n}\n</script>\n\n<style scoped>\n.block-widget-container :deep(.v-input__slot) {\n  background: rgba(var(--aging), var(--aging), var(--aging), 1) !important;\n}\n.v-textarea :deep(textarea) {\n  font-family: 'Courier New', Courier, monospace;\n}\n.value :deep(div) {\n  min-height: 24px !important;\n  display: flex !important;\n  align-items: center !important;\n}\n.block-widget-container :deep(.v-field__loader) {\n  display: none !important;\n}\n.block-widget-container :deep(textarea) {\n  padding-right: 0 !important;\n  padding-left: 12px !important;\n}\n.openc3-green :deep(input) {\n  color: rgb(0, 200, 0);\n}\n.openc3-yellow :deep(input) {\n  color: rgb(255, 220, 0);\n}\n.openc3-red :deep(input) {\n  color: rgb(255, 45, 45);\n}\n.openc3-blue :deep(input) {\n  color: rgb(0, 153, 255);\n}\n.openc3-purple :deep(input) {\n  color: rgb(200, 0, 200);\n}\n.openc3-black :deep(input) {\n  color: black;\n}\n.openc3-white :deep(input) {\n  color: white;\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","VWidget","type","data","text","space","newLine","byteCount","addr","bytesPerRow","value","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_v_textarea","$options","_ctx","_normalizeStyle","_component_v_menu","$event","_component_v_list","_Fragment","_renderList","item","index","_createBlock","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"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"}
+{"version":3,"file":"BlockWidget-DSFKrUxl.js","sources":["../src/widgets/BlockWidget.vue"],"sourcesContent":["<!--\n# Copyright 2022 Ball Aerospace & Technologies Corp.\n# All Rights Reserved.\n#\n# This program is free software; you can modify and/or redistribute it\n# under the terms of the GNU Affero General Public License\n# as published by the Free Software Foundation; version 3 with\n# attribution addendums as found in the LICENSE.txt\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.  See the\n# GNU Affero General Public License for more details.\n\n# Modified by OpenC3, Inc.\n# All changes Copyright 2024, 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  <div class=\"block-widget-container\">\n    <v-textarea\n      variant=\"solo\"\n      density=\"compact\"\n      readonly\n      no-resize\n      hide-details\n      :rows=\"rows\"\n      :width=\"width\"\n      :model-value=\"_value\"\n      :class=\"valueClass\"\n      :style=\"[computedStyle, aging]\"\n      data-test=\"valueText\"\n      @contextmenu=\"showContextMenu\"\n    />\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\">\n      <v-list>\n        <v-list-item\n          v-for=\"(item, index) in contextMenuOptions\"\n          :key=\"index\"\n          @click.stop=\"item.action\"\n        >\n          <v-list-item-title>{{ item.title }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n\n    <details-dialog\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n      v-model=\"viewDetails\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport VWidget from './VWidget'\nimport 'sprintf-js'\n\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  data: function () {\n    return {\n      width: 400,\n      height: 400,\n      bytesPerWord: 4,\n      wordsPerRow: 4,\n      addrFormat: null,\n      formatter: '%02X',\n    }\n  },\n  mixins: [VWidget],\n  computed: {\n    aging() {\n      return {\n        '--aging': this.grayLevel,\n      }\n    },\n    rows: function () {\n      // hack to set height since vuetify 3 removed the ability to set the\n      // <textarea>'s height by px and I can't get styling the element to work, either\n      const paddingHeight = 16 // px\n      const rowHeight = 24 // px\n      return (this.height - paddingHeight) / rowHeight\n    },\n  },\n  created: function () {\n    this.width = this.setWidth(this.parameters[3], 'px', this.width)\n    this.height = this.setHeight(this.parameters[4], 'px', this.height)\n    if (this.parameters[5]) {\n      this.formatter = this.parameters[5]\n    }\n    if (this.parameters[6]) {\n      this.bytesPerWord = parseInt(this.parameters[6])\n    }\n    if (this.parameters[7]) {\n      this.wordsPerRow = parseInt(this.parameters[7])\n    }\n    if (this.parameters[8]) {\n      this.addrFormat = this.parameters[8]\n    }\n    // parameter[9] is the type ... see getType()\n  },\n  methods: {\n    getType: function () {\n      let type = 'RAW'\n      if (this.parameters[9]) {\n        type = this.parameters[9]\n      }\n      return type\n    },\n    formatValue: function (data) {\n      let text = ''\n      if (data && data.raw) {\n        let space = ' '\n        let newLine = '\\n'\n\n        let byteCount = 0\n        let addr = 0\n        const bytesPerRow = this.bytesPerWord * this.wordsPerRow\n\n        for (const value of data.raw) {\n          if (this.addrFormat && byteCount === 0) {\n            text += sprintf(this.addrFormat, addr)\n            addr += bytesPerRow\n          }\n          text += sprintf(this.formatter, value)\n          byteCount += 1\n          if (byteCount % bytesPerRow === 0) {\n            byteCount = 0\n            text += newLine\n          } else if (byteCount % this.bytesPerWord === 0) {\n            text += space\n          }\n        }\n      } else {\n        text = data\n      }\n      return text\n    },\n  },\n}\n</script>\n\n<style scoped>\n.block-widget-container :deep(.v-input__slot) {\n  background: rgba(var(--aging), var(--aging), var(--aging), 1) !important;\n}\n.v-textarea :deep(textarea) {\n  font-family: 'Courier New', Courier, monospace;\n}\n.value :deep(div) {\n  min-height: 24px !important;\n  display: flex !important;\n  align-items: center !important;\n}\n.block-widget-container :deep(.v-field__loader) {\n  display: none !important;\n}\n.block-widget-container :deep(textarea) {\n  padding-right: 0 !important;\n  padding-left: 12px !important;\n}\n.openc3-green :deep(input) {\n  color: rgb(0, 200, 0);\n}\n.openc3-yellow :deep(input) {\n  color: rgb(255, 220, 0);\n}\n.openc3-red :deep(input) {\n  color: rgb(255, 45, 45);\n}\n.openc3-blue :deep(input) {\n  color: rgb(0, 153, 255);\n}\n.openc3-purple :deep(input) {\n  color: rgb(200, 0, 200);\n}\n.openc3-black :deep(input) {\n  color: black;\n}\n.openc3-white :deep(input) {\n  color: white;\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","VWidget","type","data","text","space","newLine","byteCount","addr","bytesPerRow","value","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_v_textarea","$options","_ctx","_normalizeStyle","_component_v_menu","$event","_component_v_list","_Fragment","_renderList","item","index","_createBlock","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"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"}