@openc3/vue-common 6.10.5 → 6.10.6

package/dist/{LedWidget-D_mYilLS.cjs → LedWidget-DQDy7HkU.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-COA1HwFc.cjs");const e=require("vue"),d=require("./CustomIcon-CEc927h0.cjs"),h=require("./DetailsDialog-DW8hRSS6.cjs");require("single-spa");const v=require("./Widget-BUhqs-wN.cjs"),C={components:{DetailsDialog:h.DetailsDialog},mixins:[v.Widget],emits:["addItem","deleteItem"],data(){return{valueId:null,colors:{TRUE:"openc3-green",FALSE:"openc3-red"},viewDetails:!1,contextMenuShown:!1,x:0,y:0,contextMenuOptions:[{title:"Details",action:()=>{this.contextMenuShown=!1,this.viewDetails=!0}},{title:"Graph",action:()=>{window.open("/tools/tlmgrapher/"+encodeURIComponent(this.parameters[0])+"/"+encodeURIComponent(this.parameters[1])+"/"+encodeURIComponent(this.parameters[2])+"/","_blank")}}]}},computed:{width(){return this.parameters[4]?parseInt(this.parameters[4]):20},height(){return this.parameters[5]?parseInt(this.parameters[5]):20},cssProps(){let t=this.screenValues[this.valueId][0],o=this.colors[t];return o||(o=this.colors.ANY),o||(o="openc3-black"),{"--color":o}},fullName(){return this.parameters[0]+" "+this.parameters[1]+" "+this.parameters[2]},getClass(){let t="ledwidget mt-2";return this.screenValues[this.valueId][1]==="STALE"&&(t+=" stale"),t}},created(){this.appliedSettings.forEach(t=>{switch(t[0]){case"LED_COLOR":this.colors[t[1]]=t[2];break}}),this.appliedSettings.push(["WIDTH",this.width]),this.appliedSettings.push(["HEIGHT",this.height]),this.parameters[3]||(this.parameters[3]="CONVERTED"),this.valueId=`${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__${this.parameters[3]}`,this.$emit("addItem",this.valueId)},unmounted(){this.$emit("deleteItem",this.valueId)},methods:{showContextMenu(t){t.preventDefault(),this.contextMenuShown=!1,this.x=t.clientX,this.y=t.clientY,this.$nextTick(()=>{this.contextMenuShown=!0})}}};function _(t,o,g,f,l,s){const r=e.resolveComponent("v-tooltip"),a=e.resolveComponent("v-list-item-title"),m=e.resolveComponent("v-list-item"),u=e.resolveComponent("v-list"),c=e.resolveComponent("v-menu"),p=e.resolveComponent("details-dialog");return e.openBlock(),e.createElementBlock("div",null,[t.tooltipText?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(s.getClass),style:e.normalizeStyle([s.cssProps,t.computedStyle]),onContextmenu:o[1]||(o[1]=(...n)=>s.showContextMenu&&s.showContextMenu(...n))},null,38)):(e.openBlock(),e.createBlock(r,{key:0,"open-delay":600,location:"top"},{activator:e.withCtx(({props:n})=>[e.createElementVNode("div",e.mergeProps({class:s.getClass,style:[s.cssProps,t.computedStyle]},n,{onContextmenu:o[0]||(o[0]=(...i)=>s.showContextMenu&&s.showContextMenu(...i))}),null,16)]),default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(s.fullName),1)]),_:1})),e.createVNode(c,{modelValue:l.contextMenuShown,"onUpdate:modelValue":o[2]||(o[2]=n=>l.contextMenuShown=n),target:[l.x,l.y],style:{"z-index":"3000"}},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.contextMenuOptions,(n,i)=>(e.openBlock(),e.createBlock(m,{key:i,onClick:e.withModifiers(n.action,["stop"])},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:1})]),_:1},8,["modelValue","target"]),e.createVNode(p,{modelValue:l.viewDetails,"onUpdate:modelValue":o[3]||(o[3]=n=>l.viewDetails=n),"target-name":t.parameters[0],"packet-name":t.parameters[1],"item-name":t.parameters[2]},null,8,["modelValue","target-name","packet-name","item-name"])])}const w=d._export_sfc(C,[["render",_],["__scopeId","data-v-2a39f3fe"]]);exports.default=w;
-//# sourceMappingURL=LedWidget-D_mYilLS.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-DMwcaglo.cjs");const e=require("vue"),d=require("./CustomIcon-CEc927h0.cjs"),h=require("./DetailsDialog-CsJHiTI3.cjs");require("single-spa");const v=require("./Widget-BKmR1shJ.cjs"),C={components:{DetailsDialog:h.DetailsDialog},mixins:[v.Widget],emits:["addItem","deleteItem"],data(){return{valueId:null,colors:{TRUE:"openc3-green",FALSE:"openc3-red"},viewDetails:!1,contextMenuShown:!1,x:0,y:0,contextMenuOptions:[{title:"Details",action:()=>{this.contextMenuShown=!1,this.viewDetails=!0}},{title:"Graph",action:()=>{window.open("/tools/tlmgrapher/"+encodeURIComponent(this.parameters[0])+"/"+encodeURIComponent(this.parameters[1])+"/"+encodeURIComponent(this.parameters[2])+"/","_blank")}}]}},computed:{width(){return this.parameters[4]?parseInt(this.parameters[4]):20},height(){return this.parameters[5]?parseInt(this.parameters[5]):20},cssProps(){let t=this.screenValues[this.valueId][0],o=this.colors[t];return o||(o=this.colors.ANY),o||(o="openc3-black"),{"--color":o}},fullName(){return this.parameters[0]+" "+this.parameters[1]+" "+this.parameters[2]},getClass(){let t="ledwidget mt-2";return this.screenValues[this.valueId][1]==="STALE"&&(t+=" stale"),t}},created(){this.appliedSettings.forEach(t=>{switch(t[0]){case"LED_COLOR":this.colors[t[1]]=t[2];break}}),this.appliedSettings.push(["WIDTH",this.width]),this.appliedSettings.push(["HEIGHT",this.height]),this.parameters[3]||(this.parameters[3]="CONVERTED"),this.valueId=`${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__${this.parameters[3]}`,this.$emit("addItem",this.valueId)},unmounted(){this.$emit("deleteItem",this.valueId)},methods:{showContextMenu(t){t.preventDefault(),this.contextMenuShown=!1,this.x=t.clientX,this.y=t.clientY,this.$nextTick(()=>{this.contextMenuShown=!0})}}};function _(t,o,g,f,l,s){const r=e.resolveComponent("v-tooltip"),a=e.resolveComponent("v-list-item-title"),m=e.resolveComponent("v-list-item"),u=e.resolveComponent("v-list"),c=e.resolveComponent("v-menu"),p=e.resolveComponent("details-dialog");return e.openBlock(),e.createElementBlock("div",null,[t.tooltipText?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(s.getClass),style:e.normalizeStyle([s.cssProps,t.computedStyle]),onContextmenu:o[1]||(o[1]=(...n)=>s.showContextMenu&&s.showContextMenu(...n))},null,38)):(e.openBlock(),e.createBlock(r,{key:0,"open-delay":600,location:"top"},{activator:e.withCtx(({props:n})=>[e.createElementVNode("div",e.mergeProps({class:s.getClass,style:[s.cssProps,t.computedStyle]},n,{onContextmenu:o[0]||(o[0]=(...i)=>s.showContextMenu&&s.showContextMenu(...i))}),null,16)]),default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(s.fullName),1)]),_:1})),e.createVNode(c,{modelValue:l.contextMenuShown,"onUpdate:modelValue":o[2]||(o[2]=n=>l.contextMenuShown=n),target:[l.x,l.y],style:{"z-index":"3000"}},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.contextMenuOptions,(n,i)=>(e.openBlock(),e.createBlock(m,{key:i,onClick:e.withModifiers(n.action,["stop"])},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.title),1)]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:1})]),_:1},8,["modelValue","target"]),e.createVNode(p,{modelValue:l.viewDetails,"onUpdate:modelValue":o[3]||(o[3]=n=>l.viewDetails=n),"target-name":t.parameters[0],"packet-name":t.parameters[1],"item-name":t.parameters[2]},null,8,["modelValue","target-name","packet-name","item-name"])])}const w=d._export_sfc(C,[["render",_],["__scopeId","data-v-2a39f3fe"]]);exports.default=w;
+//# sourceMappingURL=LedWidget-DQDy7HkU.cjs.map

package/dist/{LedWidget-D_mYilLS.cjs.map → LedWidget-DQDy7HkU.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"LedWidget-D_mYilLS.cjs","sources":["../src/widgets/LedWidget.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 2025, 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>\n    <v-tooltip v-if=\"!tooltipText\" :open-delay=\"600\" location=\"top\">\n      <template #activator=\"{ props }\">\n        <div\n          :class=\"getClass\"\n          :style=\"[cssProps, computedStyle]\"\n          v-bind=\"props\"\n          @contextmenu=\"showContextMenu\"\n        ></div>\n      </template>\n      <span>{{ fullName }}</span>\n    </v-tooltip>\n    <div\n      v-else\n      :class=\"getClass\"\n      :style=\"[cssProps, computedStyle]\"\n      @contextmenu=\"showContextMenu\"\n    ></div>\n\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\" style=\"z-index: 3000\">\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      v-model=\"viewDetails\"\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport Widget from './Widget'\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  mixins: [Widget],\n  emits: ['addItem', 'deleteItem'],\n  data() {\n    return {\n      valueId: null,\n      colors: {\n        TRUE: 'openc3-green',\n        FALSE: 'openc3-red',\n      },\n      viewDetails: false,\n      contextMenuShown: false,\n      x: 0,\n      y: 0,\n      contextMenuOptions: [\n        {\n          title: 'Details',\n          action: () => {\n            this.contextMenuShown = false\n            this.viewDetails = true\n          },\n        },\n        {\n          title: 'Graph',\n          action: () => {\n            window.open(\n              '/tools/tlmgrapher/' +\n                encodeURIComponent(this.parameters[0]) +\n                '/' +\n                encodeURIComponent(this.parameters[1]) +\n                '/' +\n                encodeURIComponent(this.parameters[2]) +\n                '/',\n              '_blank',\n            )\n          },\n        },\n      ],\n    }\n  },\n  computed: {\n    width() {\n      return this.parameters[4] ? parseInt(this.parameters[4]) : 20\n    },\n    height() {\n      return this.parameters[5] ? parseInt(this.parameters[5]) : 20\n    },\n    cssProps() {\n      let value = this.screenValues[this.valueId][0]\n      let color = this.colors[value]\n      if (!color) {\n        color = this.colors.ANY\n      }\n      if (!color) {\n        color = 'openc3-black'\n      }\n      return {\n        '--color': color,\n      }\n    },\n    fullName() {\n      return (\n        this.parameters[0] + ' ' + this.parameters[1] + ' ' + this.parameters[2]\n      )\n    },\n    getClass() {\n      let result = 'ledwidget mt-2'\n      if (this.screenValues[this.valueId][1] === 'STALE') {\n        result += ' stale'\n      }\n      return result\n    },\n  },\n  // Note Vuejs still treats this synchronously, but this allows us to dispatch\n  // the store mutation and return the array index.\n  // What this means practically is that future lifecycle hooks may not have valueId set.\n  created() {\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'LED_COLOR':\n          this.colors[setting[1]] = setting[2]\n          break\n      }\n    })\n    // Throw width and height into the appliedSettings so they are set\n    // and we don't get the default flex value\n    this.appliedSettings.push(['WIDTH', this.width])\n    this.appliedSettings.push(['HEIGHT', this.height])\n\n    if (!this.parameters[3]) {\n      this.parameters[3] = 'CONVERTED'\n    }\n    this.valueId = `${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__${this.parameters[3]}`\n    this.$emit('addItem', this.valueId)\n  },\n  unmounted() {\n    this.$emit('deleteItem', this.valueId)\n  },\n  methods: {\n    showContextMenu(e) {\n      e.preventDefault()\n      this.contextMenuShown = false\n      this.x = e.clientX\n      this.y = e.clientY\n      this.$nextTick(() => {\n        this.contextMenuShown = true\n      })\n    },\n  },\n}\n</script>\n\n<style scoped>\n.ledwidget {\n  background-color: var(--color);\n  border-radius: 50%;\n}\n.stale {\n  filter: blur(2px) brightness(0.6);\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","Widget","value","color","result","setting","e","_createElementBlock","_ctx","$options","_normalizeStyle","args","_createBlock","_component_v_tooltip","_withCtx","props","_createElementVNode","_mergeProps","_createVNode","_component_v_menu","$data","$event","_component_v_list","_openBlock","_Fragment","_renderList","item","index","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"2VAkEKA,EAAU,CACb,WAAY,eACVC,EAAAA,eAEF,OAAQ,CAACC,EAAAA,MAAM,EACf,MAAO,CAAC,UAAW,YAAY,EAC/B,MAAO,CACL,MAAO,CACL,QAAS,KACT,OAAQ,CACN,KAAM,eACN,MAAO,cAET,YAAa,GACb,iBAAkB,GAClB,EAAG,EACH,EAAG,EACH,mBAAoB,CAClB,CACE,MAAO,UACP,OAAQ,IAAM,CACZ,KAAK,iBAAmB,GACxB,KAAK,YAAc,EACrB,GAEF,CACE,MAAO,QACP,OAAQ,IAAM,CACZ,OAAO,KACL,qBACE,mBAAmB,KAAK,WAAW,CAAC,CAAC,EACrC,IACA,mBAAmB,KAAK,WAAW,CAAC,CAAC,EACrC,IACA,mBAAmB,KAAK,WAAW,CAAC,CAAC,EACrC,IACF,QACF,CACF,GAGN,CACF,EACA,SAAU,CACR,OAAQ,CACN,OAAO,KAAK,WAAW,CAAC,EAAI,SAAS,KAAK,WAAW,CAAC,CAAC,EAAI,EAC7D,EACA,QAAS,CACP,OAAO,KAAK,WAAW,CAAC,EAAI,SAAS,KAAK,WAAW,CAAC,CAAC,EAAI,EAC7D,EACA,UAAW,CACT,IAAIC,EAAQ,KAAK,aAAa,KAAK,OAAO,EAAE,CAAC,EACzCC,EAAQ,KAAK,OAAOD,CAAK,EAC7B,OAAKC,IACHA,EAAQ,KAAK,OAAO,KAEjBA,IACHA,EAAQ,gBAEH,CACL,UAAWA,CACb,CACF,EACA,UAAW,CACT,OACE,KAAK,WAAW,CAAC,EAAI,IAAM,KAAK,WAAW,CAAC,EAAI,IAAM,KAAK,WAAW,CAAC,CAE3E,EACA,UAAW,CACT,IAAIC,EAAS,iBACb,OAAI,KAAK,aAAa,KAAK,OAAO,EAAE,CAAC,IAAM,UACzCA,GAAU,UAELA,CACT,GAKF,SAAU,CACR,KAAK,gBAAgB,QAASC,GAAY,CACxC,OAAQA,EAAQ,CAAC,EAAC,CAChB,IAAK,YACH,KAAK,OAAOA,EAAQ,CAAC,CAAC,EAAIA,EAAQ,CAAC,EACnC,KACJ,CACF,CAAC,EAGD,KAAK,gBAAgB,KAAK,CAAC,QAAS,KAAK,KAAK,CAAC,EAC/C,KAAK,gBAAgB,KAAK,CAAC,SAAU,KAAK,MAAM,CAAC,EAE5C,KAAK,WAAW,CAAC,IACpB,KAAK,WAAW,CAAC,EAAI,aAEvB,KAAK,QAAU,GAAG,KAAK,WAAW,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,GACzG,KAAK,MAAM,UAAW,KAAK,OAAO,CACpC,EACA,WAAY,CACV,KAAK,MAAM,aAAc,KAAK,OAAO,CACvC,EACA,QAAS,CACP,gBAAgBC,EAAG,CACjBA,EAAE,eAAc,EAChB,KAAK,iBAAmB,GACxB,KAAK,EAAIA,EAAE,QACX,KAAK,EAAIA,EAAE,QACX,KAAK,UAAU,IAAM,CACnB,KAAK,iBAAmB,EAC1B,CAAC,CACH,EAEJ,0QA3JEC,qBAqCM,MAAA,KAAA,CApCcC,EAAA,2BAWlBD,EAAAA,mBAKO,MAAA,OAHJ,uBAAOE,EAAA,QAAQ,EACf,MAAKC,EAAAA,eAAA,CAAGD,EAAA,SAAUD,EAAA,aAAa,CAAA,EAC/B,kCAAaC,EAAA,iBAAAA,EAAA,gBAAA,GAAAE,CAAA,6BAfhBC,EAAAA,YAUYC,EAAA,OAVoB,aAAY,IAAK,SAAS,QAC7C,UAASC,EAAAA,QAClB,CAKO,CANe,MAAAC,KAAK,CAC3BC,EAAAA,mBAKO,MALPC,aAKO,CAJJ,MAAOR,EAAA,SACP,MAAK,CAAGA,EAAA,SAAUD,EAAA,aAAa,GACxBO,EAAK,CACZ,kCAAaN,EAAA,iBAAAA,EAAA,gBAAA,GAAAE,CAAA,kCAGlB,IAA2B,CAA3BK,EAAAA,mBAA2B,8BAAlBP,EAAA,QAAQ,EAAA,CAAA,WASnBS,EAAAA,YAUSC,EAAA,YAVQC,EAAA,sDAAAA,EAAA,iBAAgBC,GAAG,OAAM,CAAGD,EAAA,EAAGA,EAAA,CAAC,EAAG,MAAA,CAAA,UAAA,MAAA,sBAClD,IAQS,CARTF,EAAAA,YAQSI,EAAA,KAAA,mBANL,IAA2C,EAD7CC,EAAAA,UAAA,EAAA,EAAAhB,EAAAA,mBAMciB,WAAA,KAAAC,EAAAA,WALYL,EAAA,mBAAkB,CAAlCM,EAAMC,mBADhBf,EAAAA,YAMcgB,EAAA,CAJX,IAAKD,EACL,QAAKE,EAAAA,cAAOH,EAAK,OAAM,CAAA,MAAA,CAAA,sBAExB,IAAuD,CAAvDR,EAAAA,YAAuDY,EAAA,KAAA,mBAApC,IAAgB,CAAbC,EAAAA,gBAAAC,EAAAA,gBAAAN,EAAK,KAAK,EAAA,CAAA,0FAKtCR,EAAAA,YAKEe,EAAA,YAJSb,EAAA,iDAAAA,EAAA,YAAWC,GACnB,cAAab,EAAA,WAAU,CAAA,EACvB,cAAaA,EAAA,WAAU,CAAA,EACvB,YAAWA,EAAA,WAAU,CAAA"}
+{"version":3,"file":"LedWidget-DQDy7HkU.cjs","sources":["../src/widgets/LedWidget.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 2025, 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>\n    <v-tooltip v-if=\"!tooltipText\" :open-delay=\"600\" location=\"top\">\n      <template #activator=\"{ props }\">\n        <div\n          :class=\"getClass\"\n          :style=\"[cssProps, computedStyle]\"\n          v-bind=\"props\"\n          @contextmenu=\"showContextMenu\"\n        ></div>\n      </template>\n      <span>{{ fullName }}</span>\n    </v-tooltip>\n    <div\n      v-else\n      :class=\"getClass\"\n      :style=\"[cssProps, computedStyle]\"\n      @contextmenu=\"showContextMenu\"\n    ></div>\n\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\" style=\"z-index: 3000\">\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      v-model=\"viewDetails\"\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport Widget from './Widget'\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  mixins: [Widget],\n  emits: ['addItem', 'deleteItem'],\n  data() {\n    return {\n      valueId: null,\n      colors: {\n        TRUE: 'openc3-green',\n        FALSE: 'openc3-red',\n      },\n      viewDetails: false,\n      contextMenuShown: false,\n      x: 0,\n      y: 0,\n      contextMenuOptions: [\n        {\n          title: 'Details',\n          action: () => {\n            this.contextMenuShown = false\n            this.viewDetails = true\n          },\n        },\n        {\n          title: 'Graph',\n          action: () => {\n            window.open(\n              '/tools/tlmgrapher/' +\n                encodeURIComponent(this.parameters[0]) +\n                '/' +\n                encodeURIComponent(this.parameters[1]) +\n                '/' +\n                encodeURIComponent(this.parameters[2]) +\n                '/',\n              '_blank',\n            )\n          },\n        },\n      ],\n    }\n  },\n  computed: {\n    width() {\n      return this.parameters[4] ? parseInt(this.parameters[4]) : 20\n    },\n    height() {\n      return this.parameters[5] ? parseInt(this.parameters[5]) : 20\n    },\n    cssProps() {\n      let value = this.screenValues[this.valueId][0]\n      let color = this.colors[value]\n      if (!color) {\n        color = this.colors.ANY\n      }\n      if (!color) {\n        color = 'openc3-black'\n      }\n      return {\n        '--color': color,\n      }\n    },\n    fullName() {\n      return (\n        this.parameters[0] + ' ' + this.parameters[1] + ' ' + this.parameters[2]\n      )\n    },\n    getClass() {\n      let result = 'ledwidget mt-2'\n      if (this.screenValues[this.valueId][1] === 'STALE') {\n        result += ' stale'\n      }\n      return result\n    },\n  },\n  // Note Vuejs still treats this synchronously, but this allows us to dispatch\n  // the store mutation and return the array index.\n  // What this means practically is that future lifecycle hooks may not have valueId set.\n  created() {\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'LED_COLOR':\n          this.colors[setting[1]] = setting[2]\n          break\n      }\n    })\n    // Throw width and height into the appliedSettings so they are set\n    // and we don't get the default flex value\n    this.appliedSettings.push(['WIDTH', this.width])\n    this.appliedSettings.push(['HEIGHT', this.height])\n\n    if (!this.parameters[3]) {\n      this.parameters[3] = 'CONVERTED'\n    }\n    this.valueId = `${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__${this.parameters[3]}`\n    this.$emit('addItem', this.valueId)\n  },\n  unmounted() {\n    this.$emit('deleteItem', this.valueId)\n  },\n  methods: {\n    showContextMenu(e) {\n      e.preventDefault()\n      this.contextMenuShown = false\n      this.x = e.clientX\n      this.y = e.clientY\n      this.$nextTick(() => {\n        this.contextMenuShown = true\n      })\n    },\n  },\n}\n</script>\n\n<style scoped>\n.ledwidget {\n  background-color: var(--color);\n  border-radius: 50%;\n}\n.stale {\n  filter: blur(2px) brightness(0.6);\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","Widget","value","color","result","setting","e","_createElementBlock","_ctx","$options","_normalizeStyle","args","_createBlock","_component_v_tooltip","_withCtx","props","_createElementVNode","_mergeProps","_createVNode","_component_v_menu","$data","$event","_component_v_list","_openBlock","_Fragment","_renderList","item","index","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"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"}

package/dist/{LedWidget-BbBMEqh6.js → LedWidget-DcN4UWc9.js}

@@ -1,9 +1,9 @@
-import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-8uBNo_8r.js";
+import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-gWC4BUC8.js";
 import { resolveComponent as l, createElementBlock as p, openBlock as i, createBlock as u, createVNode as r, withCtx as a, createElementVNode as d, toDisplayString as h, mergeProps as x, normalizeStyle as C, normalizeClass as I, Fragment as S, renderList as k, withModifiers as y, createTextVNode as M } from "vue";
 import { _ as D } from "./CustomIcon-B9m73Gqm.js";
-import { D as V } from "./DetailsDialog-Bnj0flUv.js";
+import { D as V } from "./DetailsDialog-B9IRpYsU.js";
 import "single-spa";
-import { W as E } from "./Widget-E_9ky7hf.js";
+import { W as E } from "./Widget-DsHcvxJg.js";
 const T = {
   components: {
     DetailsDialog: V
@@ -152,4 +152,4 @@ const A = /* @__PURE__ */ D(T, [["render", N], ["__scopeId", "data-v-2a39f3fe"]]
 export {
   A as default
 };
-//# sourceMappingURL=LedWidget-BbBMEqh6.js.map
+//# sourceMappingURL=LedWidget-DcN4UWc9.js.map

package/dist/{LedWidget-BbBMEqh6.js.map → LedWidget-DcN4UWc9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LedWidget-BbBMEqh6.js","sources":["../src/widgets/LedWidget.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 2025, 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>\n    <v-tooltip v-if=\"!tooltipText\" :open-delay=\"600\" location=\"top\">\n      <template #activator=\"{ props }\">\n        <div\n          :class=\"getClass\"\n          :style=\"[cssProps, computedStyle]\"\n          v-bind=\"props\"\n          @contextmenu=\"showContextMenu\"\n        ></div>\n      </template>\n      <span>{{ fullName }}</span>\n    </v-tooltip>\n    <div\n      v-else\n      :class=\"getClass\"\n      :style=\"[cssProps, computedStyle]\"\n      @contextmenu=\"showContextMenu\"\n    ></div>\n\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\" style=\"z-index: 3000\">\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      v-model=\"viewDetails\"\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport Widget from './Widget'\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  mixins: [Widget],\n  emits: ['addItem', 'deleteItem'],\n  data() {\n    return {\n      valueId: null,\n      colors: {\n        TRUE: 'openc3-green',\n        FALSE: 'openc3-red',\n      },\n      viewDetails: false,\n      contextMenuShown: false,\n      x: 0,\n      y: 0,\n      contextMenuOptions: [\n        {\n          title: 'Details',\n          action: () => {\n            this.contextMenuShown = false\n            this.viewDetails = true\n          },\n        },\n        {\n          title: 'Graph',\n          action: () => {\n            window.open(\n              '/tools/tlmgrapher/' +\n                encodeURIComponent(this.parameters[0]) +\n                '/' +\n                encodeURIComponent(this.parameters[1]) +\n                '/' +\n                encodeURIComponent(this.parameters[2]) +\n                '/',\n              '_blank',\n            )\n          },\n        },\n      ],\n    }\n  },\n  computed: {\n    width() {\n      return this.parameters[4] ? parseInt(this.parameters[4]) : 20\n    },\n    height() {\n      return this.parameters[5] ? parseInt(this.parameters[5]) : 20\n    },\n    cssProps() {\n      let value = this.screenValues[this.valueId][0]\n      let color = this.colors[value]\n      if (!color) {\n        color = this.colors.ANY\n      }\n      if (!color) {\n        color = 'openc3-black'\n      }\n      return {\n        '--color': color,\n      }\n    },\n    fullName() {\n      return (\n        this.parameters[0] + ' ' + this.parameters[1] + ' ' + this.parameters[2]\n      )\n    },\n    getClass() {\n      let result = 'ledwidget mt-2'\n      if (this.screenValues[this.valueId][1] === 'STALE') {\n        result += ' stale'\n      }\n      return result\n    },\n  },\n  // Note Vuejs still treats this synchronously, but this allows us to dispatch\n  // the store mutation and return the array index.\n  // What this means practically is that future lifecycle hooks may not have valueId set.\n  created() {\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'LED_COLOR':\n          this.colors[setting[1]] = setting[2]\n          break\n      }\n    })\n    // Throw width and height into the appliedSettings so they are set\n    // and we don't get the default flex value\n    this.appliedSettings.push(['WIDTH', this.width])\n    this.appliedSettings.push(['HEIGHT', this.height])\n\n    if (!this.parameters[3]) {\n      this.parameters[3] = 'CONVERTED'\n    }\n    this.valueId = `${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__${this.parameters[3]}`\n    this.$emit('addItem', this.valueId)\n  },\n  unmounted() {\n    this.$emit('deleteItem', this.valueId)\n  },\n  methods: {\n    showContextMenu(e) {\n      e.preventDefault()\n      this.contextMenuShown = false\n      this.x = e.clientX\n      this.y = e.clientY\n      this.$nextTick(() => {\n        this.contextMenuShown = true\n      })\n    },\n  },\n}\n</script>\n\n<style scoped>\n.ledwidget {\n  background-color: var(--color);\n  border-radius: 50%;\n}\n.stale {\n  filter: blur(2px) brightness(0.6);\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","Widget","value","color","result","setting","_createElementBlock","_ctx","$options","_normalizeStyle","args","_createBlock","_component_v_tooltip","_withCtx","props","_createElementVNode","_mergeProps","_createVNode","_component_v_menu","$data","$event","_component_v_list","_openBlock","_Fragment","_renderList","item","index","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"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"}
+{"version":3,"file":"LedWidget-DcN4UWc9.js","sources":["../src/widgets/LedWidget.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 2025, 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>\n    <v-tooltip v-if=\"!tooltipText\" :open-delay=\"600\" location=\"top\">\n      <template #activator=\"{ props }\">\n        <div\n          :class=\"getClass\"\n          :style=\"[cssProps, computedStyle]\"\n          v-bind=\"props\"\n          @contextmenu=\"showContextMenu\"\n        ></div>\n      </template>\n      <span>{{ fullName }}</span>\n    </v-tooltip>\n    <div\n      v-else\n      :class=\"getClass\"\n      :style=\"[cssProps, computedStyle]\"\n      @contextmenu=\"showContextMenu\"\n    ></div>\n\n    <v-menu v-model=\"contextMenuShown\" :target=\"[x, y]\" style=\"z-index: 3000\">\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      v-model=\"viewDetails\"\n      :target-name=\"parameters[0]\"\n      :packet-name=\"parameters[1]\"\n      :item-name=\"parameters[2]\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DetailsDialog } from '@/components'\nimport Widget from './Widget'\nexport default {\n  components: {\n    DetailsDialog,\n  },\n  mixins: [Widget],\n  emits: ['addItem', 'deleteItem'],\n  data() {\n    return {\n      valueId: null,\n      colors: {\n        TRUE: 'openc3-green',\n        FALSE: 'openc3-red',\n      },\n      viewDetails: false,\n      contextMenuShown: false,\n      x: 0,\n      y: 0,\n      contextMenuOptions: [\n        {\n          title: 'Details',\n          action: () => {\n            this.contextMenuShown = false\n            this.viewDetails = true\n          },\n        },\n        {\n          title: 'Graph',\n          action: () => {\n            window.open(\n              '/tools/tlmgrapher/' +\n                encodeURIComponent(this.parameters[0]) +\n                '/' +\n                encodeURIComponent(this.parameters[1]) +\n                '/' +\n                encodeURIComponent(this.parameters[2]) +\n                '/',\n              '_blank',\n            )\n          },\n        },\n      ],\n    }\n  },\n  computed: {\n    width() {\n      return this.parameters[4] ? parseInt(this.parameters[4]) : 20\n    },\n    height() {\n      return this.parameters[5] ? parseInt(this.parameters[5]) : 20\n    },\n    cssProps() {\n      let value = this.screenValues[this.valueId][0]\n      let color = this.colors[value]\n      if (!color) {\n        color = this.colors.ANY\n      }\n      if (!color) {\n        color = 'openc3-black'\n      }\n      return {\n        '--color': color,\n      }\n    },\n    fullName() {\n      return (\n        this.parameters[0] + ' ' + this.parameters[1] + ' ' + this.parameters[2]\n      )\n    },\n    getClass() {\n      let result = 'ledwidget mt-2'\n      if (this.screenValues[this.valueId][1] === 'STALE') {\n        result += ' stale'\n      }\n      return result\n    },\n  },\n  // Note Vuejs still treats this synchronously, but this allows us to dispatch\n  // the store mutation and return the array index.\n  // What this means practically is that future lifecycle hooks may not have valueId set.\n  created() {\n    this.appliedSettings.forEach((setting) => {\n      switch (setting[0]) {\n        case 'LED_COLOR':\n          this.colors[setting[1]] = setting[2]\n          break\n      }\n    })\n    // Throw width and height into the appliedSettings so they are set\n    // and we don't get the default flex value\n    this.appliedSettings.push(['WIDTH', this.width])\n    this.appliedSettings.push(['HEIGHT', this.height])\n\n    if (!this.parameters[3]) {\n      this.parameters[3] = 'CONVERTED'\n    }\n    this.valueId = `${this.parameters[0]}__${this.parameters[1]}__${this.parameters[2]}__${this.parameters[3]}`\n    this.$emit('addItem', this.valueId)\n  },\n  unmounted() {\n    this.$emit('deleteItem', this.valueId)\n  },\n  methods: {\n    showContextMenu(e) {\n      e.preventDefault()\n      this.contextMenuShown = false\n      this.x = e.clientX\n      this.y = e.clientY\n      this.$nextTick(() => {\n        this.contextMenuShown = true\n      })\n    },\n  },\n}\n</script>\n\n<style scoped>\n.ledwidget {\n  background-color: var(--color);\n  border-radius: 50%;\n}\n.stale {\n  filter: blur(2px) brightness(0.6);\n}\n</style>\n"],"names":["_sfc_main","DetailsDialog","Widget","value","color","result","setting","_createElementBlock","_ctx","$options","_normalizeStyle","args","_createBlock","_component_v_tooltip","_withCtx","props","_createElementVNode","_mergeProps","_createVNode","_component_v_menu","$data","$event","_component_v_list","_openBlock","_Fragment","_renderList","item","index","_component_v_list_item","_withModifiers","_component_v_list_item_title","_createTextVNode","_toDisplayString","_component_details_dialog"],"mappings":"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"}

package/dist/{LimitsBar-Cfi6zz4T.cjs → LimitsBar-B1P8gnfK.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-COA1HwFc.cjs");const u=require("./CustomIcon-CEc927h0.cjs"),m={props:{redLow:{type:Number,required:!0},yellowLow:{type:Number,required:!0},yellowHigh:{type:Number,required:!0},redHigh:{type:Number,required:!0},greenLow:{type:Number,default:null},greenHigh:{type:Number,default:null},value:{type:Number,default:null},width:{type:Number,default:160},height:{type:Number,default:22},computedStyle:{type:Object,default:null},hideTooltip:{type:Boolean,default:!1}},computed:{hasGreenLimits(){return this.greenLow!==null&&this.greenHigh!==null},limitsTooltip(){return this.hasGreenLimits?`RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh} GL/${this.greenLow} GH/${this.greenHigh}`:`RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh}`},barStyle(){if(this.computedStyle)return this.computedStyle;const o=10,t=10,i=(this.redHigh-this.redLow)/80,d=Math.round((this.yellowLow-this.redLow)/i),l=Math.round((this.redHigh-this.yellowHigh)/i);let r,s,h;this.hasGreenLimits?(r=Math.round((this.greenLow-this.yellowLow)/i),s=Math.round((this.yellowHigh-this.greenHigh)/i),h=Math.round(100-o-d-r-s-l-t)):(r=Math.round(100-o-d-l-t),s=0,h=0);let a=50;if(this.value!==null&&!isNaN(this.value)){const c=this.redLow-10*i;a=Math.round((this.value-c)/i),a>100&&(a=100),a<0&&(a=0)}return{"--width":this.width+"px","--height":this.height+"px","--container-height":this.height-5+"px","--redlow-width":o+"%","--redhigh-width":t+"%","--yellowlow-width":d+"%","--yellowhigh-width":l+"%","--greenlow-width":r+"%","--greenhigh-width":s+"%","--blue-width":h+"%","--position":a+"%"}}}};function w(o,t,n,i,d,l){const r=e.resolveComponent("v-tooltip");return n.hideTooltip?(e.openBlock(),e.createElementBlock("div",{key:1,class:"limitsbar",style:e.normalizeStyle(l.barStyle)},[...t[1]||(t[1]=[e.createStaticVNode('<div class="limitsbar__container" data-v-2e81a9e5><div class="limitsbar__redlow" data-v-2e81a9e5></div><div class="limitsbar__redhigh" data-v-2e81a9e5></div><div class="limitsbar__yellowlow" data-v-2e81a9e5></div><div class="limitsbar__yellowhigh" data-v-2e81a9e5></div><div class="limitsbar__greenlow" data-v-2e81a9e5></div><div class="limitsbar__greenhigh" data-v-2e81a9e5></div><div class="limitsbar__blue" data-v-2e81a9e5></div><div class="limitsbar__line" data-v-2e81a9e5></div><div class="limitsbar__arrow" data-v-2e81a9e5></div></div>',1)])],4)):(e.openBlock(),e.createBlock(r,{key:0,"open-delay":600,location:"top"},{activator:e.withCtx(({props:s})=>[e.createElementVNode("div",e.mergeProps({class:"limitsbar",style:l.barStyle},s),[...t[0]||(t[0]=[e.createElementVNode("div",{class:"limitsbar__container"},[e.createElementVNode("div",{class:"limitsbar__redlow"}),e.createElementVNode("div",{class:"limitsbar__redhigh"}),e.createElementVNode("div",{class:"limitsbar__yellowlow"}),e.createElementVNode("div",{class:"limitsbar__yellowhigh"}),e.createElementVNode("div",{class:"limitsbar__greenlow"}),e.createElementVNode("div",{class:"limitsbar__greenhigh"}),e.createElementVNode("div",{class:"limitsbar__blue"}),e.createElementVNode("div",{class:"limitsbar__line"}),e.createElementVNode("div",{class:"limitsbar__arrow"})],-1)])],16)]),default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(l.limitsTooltip),1)]),_:1}))}const v=u._export_sfc(m,[["render",w],["__scopeId","data-v-2e81a9e5"]]);exports.LimitsBar=v;
-//# sourceMappingURL=LimitsBar-Cfi6zz4T.cjs.map
+"use strict";const e=require("vue");require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-DMwcaglo.cjs");const u=require("./CustomIcon-CEc927h0.cjs"),m={props:{redLow:{type:Number,required:!0},yellowLow:{type:Number,required:!0},yellowHigh:{type:Number,required:!0},redHigh:{type:Number,required:!0},greenLow:{type:Number,default:null},greenHigh:{type:Number,default:null},value:{type:Number,default:null},width:{type:Number,default:160},height:{type:Number,default:22},computedStyle:{type:Object,default:null},hideTooltip:{type:Boolean,default:!1}},computed:{hasGreenLimits(){return this.greenLow!==null&&this.greenHigh!==null},limitsTooltip(){return this.hasGreenLimits?`RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh} GL/${this.greenLow} GH/${this.greenHigh}`:`RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh}`},barStyle(){if(this.computedStyle)return this.computedStyle;const o=10,t=10,i=(this.redHigh-this.redLow)/80,d=Math.round((this.yellowLow-this.redLow)/i),l=Math.round((this.redHigh-this.yellowHigh)/i);let r,s,h;this.hasGreenLimits?(r=Math.round((this.greenLow-this.yellowLow)/i),s=Math.round((this.yellowHigh-this.greenHigh)/i),h=Math.round(100-o-d-r-s-l-t)):(r=Math.round(100-o-d-l-t),s=0,h=0);let a=50;if(this.value!==null&&!isNaN(this.value)){const c=this.redLow-10*i;a=Math.round((this.value-c)/i),a>100&&(a=100),a<0&&(a=0)}return{"--width":this.width+"px","--height":this.height+"px","--container-height":this.height-5+"px","--redlow-width":o+"%","--redhigh-width":t+"%","--yellowlow-width":d+"%","--yellowhigh-width":l+"%","--greenlow-width":r+"%","--greenhigh-width":s+"%","--blue-width":h+"%","--position":a+"%"}}}};function w(o,t,n,i,d,l){const r=e.resolveComponent("v-tooltip");return n.hideTooltip?(e.openBlock(),e.createElementBlock("div",{key:1,class:"limitsbar",style:e.normalizeStyle(l.barStyle)},[...t[1]||(t[1]=[e.createStaticVNode('<div class="limitsbar__container" data-v-2e81a9e5><div class="limitsbar__redlow" data-v-2e81a9e5></div><div class="limitsbar__redhigh" data-v-2e81a9e5></div><div class="limitsbar__yellowlow" data-v-2e81a9e5></div><div class="limitsbar__yellowhigh" data-v-2e81a9e5></div><div class="limitsbar__greenlow" data-v-2e81a9e5></div><div class="limitsbar__greenhigh" data-v-2e81a9e5></div><div class="limitsbar__blue" data-v-2e81a9e5></div><div class="limitsbar__line" data-v-2e81a9e5></div><div class="limitsbar__arrow" data-v-2e81a9e5></div></div>',1)])],4)):(e.openBlock(),e.createBlock(r,{key:0,"open-delay":600,location:"top"},{activator:e.withCtx(({props:s})=>[e.createElementVNode("div",e.mergeProps({class:"limitsbar",style:l.barStyle},s),[...t[0]||(t[0]=[e.createElementVNode("div",{class:"limitsbar__container"},[e.createElementVNode("div",{class:"limitsbar__redlow"}),e.createElementVNode("div",{class:"limitsbar__redhigh"}),e.createElementVNode("div",{class:"limitsbar__yellowlow"}),e.createElementVNode("div",{class:"limitsbar__yellowhigh"}),e.createElementVNode("div",{class:"limitsbar__greenlow"}),e.createElementVNode("div",{class:"limitsbar__greenhigh"}),e.createElementVNode("div",{class:"limitsbar__blue"}),e.createElementVNode("div",{class:"limitsbar__line"}),e.createElementVNode("div",{class:"limitsbar__arrow"})],-1)])],16)]),default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(l.limitsTooltip),1)]),_:1}))}const v=u._export_sfc(m,[["render",w],["__scopeId","data-v-2e81a9e5"]]);exports.LimitsBar=v;
+//# sourceMappingURL=LimitsBar-B1P8gnfK.cjs.map

package/dist/{LimitsBar-Cfi6zz4T.cjs.map → LimitsBar-B1P8gnfK.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"LimitsBar-Cfi6zz4T.cjs","sources":["../src/components/LimitsBar.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  <v-tooltip v-if=\"!hideTooltip\" :open-delay=\"600\" location=\"top\">\n    <template #activator=\"{ props }\">\n      <div class=\"limitsbar\" :style=\"barStyle\" v-bind=\"props\">\n        <div class=\"limitsbar__container\">\n          <div class=\"limitsbar__redlow\" />\n          <div class=\"limitsbar__redhigh\" />\n          <div class=\"limitsbar__yellowlow\" />\n          <div class=\"limitsbar__yellowhigh\" />\n          <div class=\"limitsbar__greenlow\" />\n          <div class=\"limitsbar__greenhigh\" />\n          <div class=\"limitsbar__blue\" />\n          <div class=\"limitsbar__line\" />\n          <div class=\"limitsbar__arrow\" />\n        </div>\n      </div>\n    </template>\n    <span>{{ limitsTooltip }}</span>\n  </v-tooltip>\n  <div v-else class=\"limitsbar\" :style=\"barStyle\">\n    <div class=\"limitsbar__container\">\n      <div class=\"limitsbar__redlow\" />\n      <div class=\"limitsbar__redhigh\" />\n      <div class=\"limitsbar__yellowlow\" />\n      <div class=\"limitsbar__yellowhigh\" />\n      <div class=\"limitsbar__greenlow\" />\n      <div class=\"limitsbar__greenhigh\" />\n      <div class=\"limitsbar__blue\" />\n      <div class=\"limitsbar__line\" />\n      <div class=\"limitsbar__arrow\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    redLow: {\n      type: Number,\n      required: true,\n    },\n    yellowLow: {\n      type: Number,\n      required: true,\n    },\n    yellowHigh: {\n      type: Number,\n      required: true,\n    },\n    redHigh: {\n      type: Number,\n      required: true,\n    },\n    greenLow: {\n      type: Number,\n      default: null,\n    },\n    greenHigh: {\n      type: Number,\n      default: null,\n    },\n    value: {\n      type: Number,\n      default: null,\n    },\n    width: {\n      type: Number,\n      default: 160,\n    },\n    height: {\n      type: Number,\n      default: 22,\n    },\n    // Optional pre-computed style overrides (used by BarColumn for MIN_VALUE/MAX_VALUE support)\n    computedStyle: {\n      type: Object,\n      default: null,\n    },\n    // Hide the built-in tooltip (used when parent provides a TOOLTIP setting)\n    hideTooltip: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    hasGreenLimits() {\n      return this.greenLow !== null && this.greenHigh !== null\n    },\n    limitsTooltip() {\n      if (this.hasGreenLimits) {\n        return `RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh} GL/${this.greenLow} GH/${this.greenHigh}`\n      } else {\n        return `RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh}`\n      }\n    },\n    barStyle() {\n      // If pre-computed style is provided, use it (for BarColumn MIN_VALUE/MAX_VALUE support)\n      if (this.computedStyle) {\n        return this.computedStyle\n      }\n\n      // Red zones take 10% each by default\n      const redLowWidth = 10\n      const redHighWidth = 10\n      const divisor = 80 // 100 - 10 - 10\n      const scale = (this.redHigh - this.redLow) / divisor\n\n      const yellowLowWidth = Math.round((this.yellowLow - this.redLow) / scale)\n      const yellowHighWidth = Math.round(\n        (this.redHigh - this.yellowHigh) / scale,\n      )\n\n      let greenLowWidth, greenHighWidth, blueWidth\n      if (this.hasGreenLimits) {\n        greenLowWidth = Math.round((this.greenLow - this.yellowLow) / scale)\n        greenHighWidth = Math.round((this.yellowHigh - this.greenHigh) / scale)\n        blueWidth = Math.round(\n          100 -\n            redLowWidth -\n            yellowLowWidth -\n            greenLowWidth -\n            greenHighWidth -\n            yellowHighWidth -\n            redHighWidth,\n        )\n      } else {\n        greenLowWidth = Math.round(\n          100 - redLowWidth - yellowLowWidth - yellowHighWidth - redHighWidth,\n        )\n        greenHighWidth = 0\n        blueWidth = 0\n      }\n\n      // Calculate position for current value\n      let position = 50 // default to middle\n      if (this.value !== null && !isNaN(this.value)) {\n        const lowValue = this.redLow - 10 * scale\n        position = Math.round((this.value - lowValue) / scale)\n        if (position > 100) position = 100\n        if (position < 0) position = 0\n      }\n\n      return {\n        '--width': this.width + 'px',\n        '--height': this.height + 'px',\n        '--container-height': this.height - 5 + 'px',\n        '--redlow-width': redLowWidth + '%',\n        '--redhigh-width': redHighWidth + '%',\n        '--yellowlow-width': yellowLowWidth + '%',\n        '--yellowhigh-width': yellowHighWidth + '%',\n        '--greenlow-width': greenLowWidth + '%',\n        '--greenhigh-width': greenHighWidth + '%',\n        '--blue-width': blueWidth + '%',\n        '--position': position + '%',\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.limitsbar {\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 6px;\n  padding: 5px;\n  width: var(--width);\n}\n.limitsbar__container {\n  position: relative;\n  flex: 1;\n  height: var(--container-height);\n  border: 1px solid black;\n  background-color: white;\n}\n/* The background-colors match the values in LimitscolorWidget.vue */\n.limitsbar__redlow {\n  position: absolute;\n  top: -1px;\n  left: 0px;\n  width: var(--redlow-width);\n  height: var(--container-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__redhigh {\n  position: absolute;\n  top: -1px;\n  right: 0px;\n  width: var(--redhigh-width);\n  height: var(--container-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__yellowlow {\n  position: absolute;\n  top: -1px;\n  left: var(--redlow-width);\n  width: var(--yellowlow-width);\n  height: var(--container-height);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__yellowhigh {\n  position: absolute;\n  top: -1px;\n  right: var(--redhigh-width);\n  width: var(--yellowhigh-width);\n  height: var(--container-height);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__greenlow {\n  position: absolute;\n  top: -1px;\n  left: calc(var(--redlow-width) + var(--yellowlow-width));\n  width: var(--greenlow-width);\n  height: var(--container-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__greenhigh {\n  position: absolute;\n  top: -1px;\n  right: calc(var(--redhigh-width) + var(--yellowhigh-width));\n  width: var(--greenhigh-width);\n  height: var(--container-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__blue {\n  position: absolute;\n  top: -1px;\n  left: calc(\n    var(--redlow-width) + var(--yellowlow-width) + var(--greenlow-width)\n  );\n  width: var(--blue-width);\n  height: var(--container-height);\n  background-color: rgb(0, 153, 255);\n}\n.limitsbar__line {\n  position: absolute;\n  left: var(--position);\n  width: 1px;\n  height: var(--container-height);\n  background-color: rgb(128, 128, 128);\n}\n$arrow-size: 5px;\n.limitsbar__arrow {\n  position: absolute;\n  top: -$arrow-size;\n  left: var(--position);\n  width: 0;\n  height: 0;\n  transform: translateX(-$arrow-size); // Transform so it sits over the line\n  border-left: $arrow-size solid transparent;\n  border-right: $arrow-size solid transparent;\n  border-top: $arrow-size solid rgb(128, 128, 128);\n}\n</style>\n"],"names":["_sfc_main","redLowWidth","redHighWidth","scale","yellowLowWidth","yellowHighWidth","greenLowWidth","greenHighWidth","blueWidth","position","lowValue","$props","_createElementBlock","$options","_createBlock","_component_v_tooltip","_withCtx","props","_createElementVNode","_mergeProps","_cache"],"mappings":"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"}
+{"version":3,"file":"LimitsBar-B1P8gnfK.cjs","sources":["../src/components/LimitsBar.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  <v-tooltip v-if=\"!hideTooltip\" :open-delay=\"600\" location=\"top\">\n    <template #activator=\"{ props }\">\n      <div class=\"limitsbar\" :style=\"barStyle\" v-bind=\"props\">\n        <div class=\"limitsbar__container\">\n          <div class=\"limitsbar__redlow\" />\n          <div class=\"limitsbar__redhigh\" />\n          <div class=\"limitsbar__yellowlow\" />\n          <div class=\"limitsbar__yellowhigh\" />\n          <div class=\"limitsbar__greenlow\" />\n          <div class=\"limitsbar__greenhigh\" />\n          <div class=\"limitsbar__blue\" />\n          <div class=\"limitsbar__line\" />\n          <div class=\"limitsbar__arrow\" />\n        </div>\n      </div>\n    </template>\n    <span>{{ limitsTooltip }}</span>\n  </v-tooltip>\n  <div v-else class=\"limitsbar\" :style=\"barStyle\">\n    <div class=\"limitsbar__container\">\n      <div class=\"limitsbar__redlow\" />\n      <div class=\"limitsbar__redhigh\" />\n      <div class=\"limitsbar__yellowlow\" />\n      <div class=\"limitsbar__yellowhigh\" />\n      <div class=\"limitsbar__greenlow\" />\n      <div class=\"limitsbar__greenhigh\" />\n      <div class=\"limitsbar__blue\" />\n      <div class=\"limitsbar__line\" />\n      <div class=\"limitsbar__arrow\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    redLow: {\n      type: Number,\n      required: true,\n    },\n    yellowLow: {\n      type: Number,\n      required: true,\n    },\n    yellowHigh: {\n      type: Number,\n      required: true,\n    },\n    redHigh: {\n      type: Number,\n      required: true,\n    },\n    greenLow: {\n      type: Number,\n      default: null,\n    },\n    greenHigh: {\n      type: Number,\n      default: null,\n    },\n    value: {\n      type: Number,\n      default: null,\n    },\n    width: {\n      type: Number,\n      default: 160,\n    },\n    height: {\n      type: Number,\n      default: 22,\n    },\n    // Optional pre-computed style overrides (used by BarColumn for MIN_VALUE/MAX_VALUE support)\n    computedStyle: {\n      type: Object,\n      default: null,\n    },\n    // Hide the built-in tooltip (used when parent provides a TOOLTIP setting)\n    hideTooltip: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    hasGreenLimits() {\n      return this.greenLow !== null && this.greenHigh !== null\n    },\n    limitsTooltip() {\n      if (this.hasGreenLimits) {\n        return `RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh} GL/${this.greenLow} GH/${this.greenHigh}`\n      } else {\n        return `RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh}`\n      }\n    },\n    barStyle() {\n      // If pre-computed style is provided, use it (for BarColumn MIN_VALUE/MAX_VALUE support)\n      if (this.computedStyle) {\n        return this.computedStyle\n      }\n\n      // Red zones take 10% each by default\n      const redLowWidth = 10\n      const redHighWidth = 10\n      const divisor = 80 // 100 - 10 - 10\n      const scale = (this.redHigh - this.redLow) / divisor\n\n      const yellowLowWidth = Math.round((this.yellowLow - this.redLow) / scale)\n      const yellowHighWidth = Math.round(\n        (this.redHigh - this.yellowHigh) / scale,\n      )\n\n      let greenLowWidth, greenHighWidth, blueWidth\n      if (this.hasGreenLimits) {\n        greenLowWidth = Math.round((this.greenLow - this.yellowLow) / scale)\n        greenHighWidth = Math.round((this.yellowHigh - this.greenHigh) / scale)\n        blueWidth = Math.round(\n          100 -\n            redLowWidth -\n            yellowLowWidth -\n            greenLowWidth -\n            greenHighWidth -\n            yellowHighWidth -\n            redHighWidth,\n        )\n      } else {\n        greenLowWidth = Math.round(\n          100 - redLowWidth - yellowLowWidth - yellowHighWidth - redHighWidth,\n        )\n        greenHighWidth = 0\n        blueWidth = 0\n      }\n\n      // Calculate position for current value\n      let position = 50 // default to middle\n      if (this.value !== null && !isNaN(this.value)) {\n        const lowValue = this.redLow - 10 * scale\n        position = Math.round((this.value - lowValue) / scale)\n        if (position > 100) position = 100\n        if (position < 0) position = 0\n      }\n\n      return {\n        '--width': this.width + 'px',\n        '--height': this.height + 'px',\n        '--container-height': this.height - 5 + 'px',\n        '--redlow-width': redLowWidth + '%',\n        '--redhigh-width': redHighWidth + '%',\n        '--yellowlow-width': yellowLowWidth + '%',\n        '--yellowhigh-width': yellowHighWidth + '%',\n        '--greenlow-width': greenLowWidth + '%',\n        '--greenhigh-width': greenHighWidth + '%',\n        '--blue-width': blueWidth + '%',\n        '--position': position + '%',\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.limitsbar {\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 6px;\n  padding: 5px;\n  width: var(--width);\n}\n.limitsbar__container {\n  position: relative;\n  flex: 1;\n  height: var(--container-height);\n  border: 1px solid black;\n  background-color: white;\n}\n/* The background-colors match the values in LimitscolorWidget.vue */\n.limitsbar__redlow {\n  position: absolute;\n  top: -1px;\n  left: 0px;\n  width: var(--redlow-width);\n  height: var(--container-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__redhigh {\n  position: absolute;\n  top: -1px;\n  right: 0px;\n  width: var(--redhigh-width);\n  height: var(--container-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__yellowlow {\n  position: absolute;\n  top: -1px;\n  left: var(--redlow-width);\n  width: var(--yellowlow-width);\n  height: var(--container-height);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__yellowhigh {\n  position: absolute;\n  top: -1px;\n  right: var(--redhigh-width);\n  width: var(--yellowhigh-width);\n  height: var(--container-height);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__greenlow {\n  position: absolute;\n  top: -1px;\n  left: calc(var(--redlow-width) + var(--yellowlow-width));\n  width: var(--greenlow-width);\n  height: var(--container-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__greenhigh {\n  position: absolute;\n  top: -1px;\n  right: calc(var(--redhigh-width) + var(--yellowhigh-width));\n  width: var(--greenhigh-width);\n  height: var(--container-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__blue {\n  position: absolute;\n  top: -1px;\n  left: calc(\n    var(--redlow-width) + var(--yellowlow-width) + var(--greenlow-width)\n  );\n  width: var(--blue-width);\n  height: var(--container-height);\n  background-color: rgb(0, 153, 255);\n}\n.limitsbar__line {\n  position: absolute;\n  left: var(--position);\n  width: 1px;\n  height: var(--container-height);\n  background-color: rgb(128, 128, 128);\n}\n$arrow-size: 5px;\n.limitsbar__arrow {\n  position: absolute;\n  top: -$arrow-size;\n  left: var(--position);\n  width: 0;\n  height: 0;\n  transform: translateX(-$arrow-size); // Transform so it sits over the line\n  border-left: $arrow-size solid transparent;\n  border-right: $arrow-size solid transparent;\n  border-top: $arrow-size solid rgb(128, 128, 128);\n}\n</style>\n"],"names":["_sfc_main","redLowWidth","redHighWidth","scale","yellowLowWidth","yellowHighWidth","greenLowWidth","greenHighWidth","blueWidth","position","lowValue","$props","_createElementBlock","$options","_createBlock","_component_v_tooltip","_withCtx","props","_createElementVNode","_mergeProps","_cache"],"mappings":"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"}

package/dist/{LimitsBar-CRNf8kCM.js → LimitsBar-CewifD-8.js}

@@ -1,5 +1,5 @@
 import { resolveComponent as v, createBlock as c, createElementBlock as _, openBlock as u, withCtx as w, createElementVNode as e, toDisplayString as g, mergeProps as y, normalizeStyle as p, createStaticVNode as b } from "vue";
-import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-8uBNo_8r.js";
+import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-gWC4BUC8.js";
 import { _ as L } from "./CustomIcon-B9m73Gqm.js";
 const H = {
   props: {
@@ -131,4 +131,4 @@ const x = /* @__PURE__ */ L(H, [["render", f], ["__scopeId", "data-v-2e81a9e5"]]
 export {
   x as L
 };
-//# sourceMappingURL=LimitsBar-CRNf8kCM.js.map
+//# sourceMappingURL=LimitsBar-CewifD-8.js.map

package/dist/{LimitsBar-CRNf8kCM.js.map → LimitsBar-CewifD-8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LimitsBar-CRNf8kCM.js","sources":["../src/components/LimitsBar.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  <v-tooltip v-if=\"!hideTooltip\" :open-delay=\"600\" location=\"top\">\n    <template #activator=\"{ props }\">\n      <div class=\"limitsbar\" :style=\"barStyle\" v-bind=\"props\">\n        <div class=\"limitsbar__container\">\n          <div class=\"limitsbar__redlow\" />\n          <div class=\"limitsbar__redhigh\" />\n          <div class=\"limitsbar__yellowlow\" />\n          <div class=\"limitsbar__yellowhigh\" />\n          <div class=\"limitsbar__greenlow\" />\n          <div class=\"limitsbar__greenhigh\" />\n          <div class=\"limitsbar__blue\" />\n          <div class=\"limitsbar__line\" />\n          <div class=\"limitsbar__arrow\" />\n        </div>\n      </div>\n    </template>\n    <span>{{ limitsTooltip }}</span>\n  </v-tooltip>\n  <div v-else class=\"limitsbar\" :style=\"barStyle\">\n    <div class=\"limitsbar__container\">\n      <div class=\"limitsbar__redlow\" />\n      <div class=\"limitsbar__redhigh\" />\n      <div class=\"limitsbar__yellowlow\" />\n      <div class=\"limitsbar__yellowhigh\" />\n      <div class=\"limitsbar__greenlow\" />\n      <div class=\"limitsbar__greenhigh\" />\n      <div class=\"limitsbar__blue\" />\n      <div class=\"limitsbar__line\" />\n      <div class=\"limitsbar__arrow\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    redLow: {\n      type: Number,\n      required: true,\n    },\n    yellowLow: {\n      type: Number,\n      required: true,\n    },\n    yellowHigh: {\n      type: Number,\n      required: true,\n    },\n    redHigh: {\n      type: Number,\n      required: true,\n    },\n    greenLow: {\n      type: Number,\n      default: null,\n    },\n    greenHigh: {\n      type: Number,\n      default: null,\n    },\n    value: {\n      type: Number,\n      default: null,\n    },\n    width: {\n      type: Number,\n      default: 160,\n    },\n    height: {\n      type: Number,\n      default: 22,\n    },\n    // Optional pre-computed style overrides (used by BarColumn for MIN_VALUE/MAX_VALUE support)\n    computedStyle: {\n      type: Object,\n      default: null,\n    },\n    // Hide the built-in tooltip (used when parent provides a TOOLTIP setting)\n    hideTooltip: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    hasGreenLimits() {\n      return this.greenLow !== null && this.greenHigh !== null\n    },\n    limitsTooltip() {\n      if (this.hasGreenLimits) {\n        return `RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh} GL/${this.greenLow} GH/${this.greenHigh}`\n      } else {\n        return `RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh}`\n      }\n    },\n    barStyle() {\n      // If pre-computed style is provided, use it (for BarColumn MIN_VALUE/MAX_VALUE support)\n      if (this.computedStyle) {\n        return this.computedStyle\n      }\n\n      // Red zones take 10% each by default\n      const redLowWidth = 10\n      const redHighWidth = 10\n      const divisor = 80 // 100 - 10 - 10\n      const scale = (this.redHigh - this.redLow) / divisor\n\n      const yellowLowWidth = Math.round((this.yellowLow - this.redLow) / scale)\n      const yellowHighWidth = Math.round(\n        (this.redHigh - this.yellowHigh) / scale,\n      )\n\n      let greenLowWidth, greenHighWidth, blueWidth\n      if (this.hasGreenLimits) {\n        greenLowWidth = Math.round((this.greenLow - this.yellowLow) / scale)\n        greenHighWidth = Math.round((this.yellowHigh - this.greenHigh) / scale)\n        blueWidth = Math.round(\n          100 -\n            redLowWidth -\n            yellowLowWidth -\n            greenLowWidth -\n            greenHighWidth -\n            yellowHighWidth -\n            redHighWidth,\n        )\n      } else {\n        greenLowWidth = Math.round(\n          100 - redLowWidth - yellowLowWidth - yellowHighWidth - redHighWidth,\n        )\n        greenHighWidth = 0\n        blueWidth = 0\n      }\n\n      // Calculate position for current value\n      let position = 50 // default to middle\n      if (this.value !== null && !isNaN(this.value)) {\n        const lowValue = this.redLow - 10 * scale\n        position = Math.round((this.value - lowValue) / scale)\n        if (position > 100) position = 100\n        if (position < 0) position = 0\n      }\n\n      return {\n        '--width': this.width + 'px',\n        '--height': this.height + 'px',\n        '--container-height': this.height - 5 + 'px',\n        '--redlow-width': redLowWidth + '%',\n        '--redhigh-width': redHighWidth + '%',\n        '--yellowlow-width': yellowLowWidth + '%',\n        '--yellowhigh-width': yellowHighWidth + '%',\n        '--greenlow-width': greenLowWidth + '%',\n        '--greenhigh-width': greenHighWidth + '%',\n        '--blue-width': blueWidth + '%',\n        '--position': position + '%',\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.limitsbar {\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 6px;\n  padding: 5px;\n  width: var(--width);\n}\n.limitsbar__container {\n  position: relative;\n  flex: 1;\n  height: var(--container-height);\n  border: 1px solid black;\n  background-color: white;\n}\n/* The background-colors match the values in LimitscolorWidget.vue */\n.limitsbar__redlow {\n  position: absolute;\n  top: -1px;\n  left: 0px;\n  width: var(--redlow-width);\n  height: var(--container-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__redhigh {\n  position: absolute;\n  top: -1px;\n  right: 0px;\n  width: var(--redhigh-width);\n  height: var(--container-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__yellowlow {\n  position: absolute;\n  top: -1px;\n  left: var(--redlow-width);\n  width: var(--yellowlow-width);\n  height: var(--container-height);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__yellowhigh {\n  position: absolute;\n  top: -1px;\n  right: var(--redhigh-width);\n  width: var(--yellowhigh-width);\n  height: var(--container-height);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__greenlow {\n  position: absolute;\n  top: -1px;\n  left: calc(var(--redlow-width) + var(--yellowlow-width));\n  width: var(--greenlow-width);\n  height: var(--container-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__greenhigh {\n  position: absolute;\n  top: -1px;\n  right: calc(var(--redhigh-width) + var(--yellowhigh-width));\n  width: var(--greenhigh-width);\n  height: var(--container-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__blue {\n  position: absolute;\n  top: -1px;\n  left: calc(\n    var(--redlow-width) + var(--yellowlow-width) + var(--greenlow-width)\n  );\n  width: var(--blue-width);\n  height: var(--container-height);\n  background-color: rgb(0, 153, 255);\n}\n.limitsbar__line {\n  position: absolute;\n  left: var(--position);\n  width: 1px;\n  height: var(--container-height);\n  background-color: rgb(128, 128, 128);\n}\n$arrow-size: 5px;\n.limitsbar__arrow {\n  position: absolute;\n  top: -$arrow-size;\n  left: var(--position);\n  width: 0;\n  height: 0;\n  transform: translateX(-$arrow-size); // Transform so it sits over the line\n  border-left: $arrow-size solid transparent;\n  border-right: $arrow-size solid transparent;\n  border-top: $arrow-size solid rgb(128, 128, 128);\n}\n</style>\n"],"names":["_sfc_main","redLowWidth","redHighWidth","scale","yellowLowWidth","yellowHighWidth","greenLowWidth","greenHighWidth","blueWidth","position","lowValue","$props","_createElementBlock","$options","_createBlock","_component_v_tooltip","_withCtx","props","_createElementVNode","_mergeProps","_cache"],"mappings":";;;AAqDA,MAAKA,IAAU;AAAA,EACb,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA;IAEZ,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;IAEZ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA;IAEZ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA;IAEZ,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;;IAGX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;IAGX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;EAGb,UAAU;AAAA,IACR,iBAAiB;AACf,aAAO,KAAK,aAAa,QAAQ,KAAK,cAAc;AAAA,IACtD;AAAA,IACA,gBAAgB;AACd,aAAI,KAAK,iBACA,MAAM,KAAK,MAAM,OAAO,KAAK,SAAS,OAAO,KAAK,UAAU,OAAO,KAAK,OAAO,OAAO,KAAK,QAAQ,OAAO,KAAK,SAAS,KAExH,MAAM,KAAK,MAAM,OAAO,KAAK,SAAS,OAAO,KAAK,UAAU,OAAO,KAAK,OAAO;AAAA,IAE1F;AAAA,IACA,WAAW;AAET,UAAI,KAAK;AACP,eAAO,KAAK;AAId,YAAMC,IAAc,IACdC,IAAe,IAEfC,KAAS,KAAK,UAAU,KAAK,UADnB,IAGVC,IAAiB,KAAK,OAAO,KAAK,YAAY,KAAK,UAAUD,CAAK,GAClEE,IAAkB,KAAK;AAAA,SAC1B,KAAK,UAAU,KAAK,cAAcF;AAAA,MACrC;AAEA,UAAIG,GAAeC,GAAgBC;AACnC,MAAI,KAAK,kBACPF,IAAgB,KAAK,OAAO,KAAK,WAAW,KAAK,aAAaH,CAAK,GACnEI,IAAiB,KAAK,OAAO,KAAK,aAAa,KAAK,aAAaJ,CAAK,GACtEK,IAAY,KAAK;AAAA,QACf,MACEP,IACAG,IACAE,IACAC,IACAF,IACAH;AAAA,MACJ,MAEAI,IAAgB,KAAK;AAAA,QACnB,MAAML,IAAcG,IAAiBC,IAAkBH;AAAA,MACzD,GACAK,IAAiB,GACjBC,IAAY;AAId,UAAIC,IAAW;AACf,UAAI,KAAK,UAAU,QAAQ,CAAC,MAAM,KAAK,KAAK,GAAG;AAC7C,cAAMC,IAAW,KAAK,SAAS,KAAKP;AACpC,QAAAM,IAAW,KAAK,OAAO,KAAK,QAAQC,KAAYP,CAAK,GACjDM,IAAW,QAAKA,IAAW,MAC3BA,IAAW,MAAGA,IAAW;AAAA,MAC/B;AAEA,aAAO;AAAA,QACL,WAAW,KAAK,QAAQ;AAAA,QACxB,YAAY,KAAK,SAAS;AAAA,QAC1B,sBAAsB,KAAK,SAAS,IAAI;AAAA,QACxC,kBAAkBR,IAAc;AAAA,QAChC,mBAAmBC,IAAe;AAAA,QAClC,qBAAqBE,IAAiB;AAAA,QACtC,sBAAsBC,IAAkB;AAAA,QACxC,oBAAoBC,IAAgB;AAAA,QACpC,qBAAqBC,IAAiB;AAAA,QACtC,gBAAgBC,IAAY;AAAA,QAC5B,cAAcC,IAAW;AAAA,MAC3B;AAAA,IACF;AAAA;AAEJ;;;SA5JoBE,EAAA,oBAkBlBC,EAYM,OAAA;AAAA;IAZM,OAAM;AAAA,IAAa,SAAOC,EAAA,QAAQ;AAAA;;mBAlB9CC,EAiBYC,GAAA;AAAA;IAjBoB,cAAY;AAAA,IAAK,UAAS;AAAA;IAC7C,WAASC,EAClB,CAYM,EAbgB,OAAAC,QAAK;AAAA,MAC3BC,EAYM,OAZNC,EAYM;AAAA,QAZD,OAAM;AAAA,QAAa,OAAON,EAAA;AAAA,SAAkBI,CAAK,GAAA,CAAA,GAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,QACpDF,EAUM,OAAA,EAVD,OAAM,uBAAsB,GAAA;AAAA,UAC/BA,EAAiC,OAAA,EAA5B,OAAM,oBAAmB,CAAA;AAAA,UAC9BA,EAAkC,OAAA,EAA7B,OAAM,qBAAoB,CAAA;AAAA,UAC/BA,EAAoC,OAAA,EAA/B,OAAM,uBAAsB,CAAA;AAAA,UACjCA,EAAqC,OAAA,EAAhC,OAAM,wBAAuB,CAAA;AAAA,UAClCA,EAAmC,OAAA,EAA9B,OAAM,sBAAqB,CAAA;AAAA,UAChCA,EAAoC,OAAA,EAA/B,OAAM,uBAAsB,CAAA;AAAA,UACjCA,EAA+B,OAAA,EAA1B,OAAM,kBAAiB,CAAA;AAAA,UAC5BA,EAA+B,OAAA,EAA1B,OAAM,kBAAiB,CAAA;AAAA,UAC5BA,EAAgC,OAAA,EAA3B,OAAM,mBAAkB,CAAA;AAAA;;;eAInC,MAAgC;AAAA,MAAhCA,EAAgC,gBAAvBL,EAAA,aAAa,GAAA,CAAA;AAAA;;;;;"}
+{"version":3,"file":"LimitsBar-CewifD-8.js","sources":["../src/components/LimitsBar.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  <v-tooltip v-if=\"!hideTooltip\" :open-delay=\"600\" location=\"top\">\n    <template #activator=\"{ props }\">\n      <div class=\"limitsbar\" :style=\"barStyle\" v-bind=\"props\">\n        <div class=\"limitsbar__container\">\n          <div class=\"limitsbar__redlow\" />\n          <div class=\"limitsbar__redhigh\" />\n          <div class=\"limitsbar__yellowlow\" />\n          <div class=\"limitsbar__yellowhigh\" />\n          <div class=\"limitsbar__greenlow\" />\n          <div class=\"limitsbar__greenhigh\" />\n          <div class=\"limitsbar__blue\" />\n          <div class=\"limitsbar__line\" />\n          <div class=\"limitsbar__arrow\" />\n        </div>\n      </div>\n    </template>\n    <span>{{ limitsTooltip }}</span>\n  </v-tooltip>\n  <div v-else class=\"limitsbar\" :style=\"barStyle\">\n    <div class=\"limitsbar__container\">\n      <div class=\"limitsbar__redlow\" />\n      <div class=\"limitsbar__redhigh\" />\n      <div class=\"limitsbar__yellowlow\" />\n      <div class=\"limitsbar__yellowhigh\" />\n      <div class=\"limitsbar__greenlow\" />\n      <div class=\"limitsbar__greenhigh\" />\n      <div class=\"limitsbar__blue\" />\n      <div class=\"limitsbar__line\" />\n      <div class=\"limitsbar__arrow\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    redLow: {\n      type: Number,\n      required: true,\n    },\n    yellowLow: {\n      type: Number,\n      required: true,\n    },\n    yellowHigh: {\n      type: Number,\n      required: true,\n    },\n    redHigh: {\n      type: Number,\n      required: true,\n    },\n    greenLow: {\n      type: Number,\n      default: null,\n    },\n    greenHigh: {\n      type: Number,\n      default: null,\n    },\n    value: {\n      type: Number,\n      default: null,\n    },\n    width: {\n      type: Number,\n      default: 160,\n    },\n    height: {\n      type: Number,\n      default: 22,\n    },\n    // Optional pre-computed style overrides (used by BarColumn for MIN_VALUE/MAX_VALUE support)\n    computedStyle: {\n      type: Object,\n      default: null,\n    },\n    // Hide the built-in tooltip (used when parent provides a TOOLTIP setting)\n    hideTooltip: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    hasGreenLimits() {\n      return this.greenLow !== null && this.greenHigh !== null\n    },\n    limitsTooltip() {\n      if (this.hasGreenLimits) {\n        return `RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh} GL/${this.greenLow} GH/${this.greenHigh}`\n      } else {\n        return `RL/${this.redLow} YL/${this.yellowLow} YH/${this.yellowHigh} RH/${this.redHigh}`\n      }\n    },\n    barStyle() {\n      // If pre-computed style is provided, use it (for BarColumn MIN_VALUE/MAX_VALUE support)\n      if (this.computedStyle) {\n        return this.computedStyle\n      }\n\n      // Red zones take 10% each by default\n      const redLowWidth = 10\n      const redHighWidth = 10\n      const divisor = 80 // 100 - 10 - 10\n      const scale = (this.redHigh - this.redLow) / divisor\n\n      const yellowLowWidth = Math.round((this.yellowLow - this.redLow) / scale)\n      const yellowHighWidth = Math.round(\n        (this.redHigh - this.yellowHigh) / scale,\n      )\n\n      let greenLowWidth, greenHighWidth, blueWidth\n      if (this.hasGreenLimits) {\n        greenLowWidth = Math.round((this.greenLow - this.yellowLow) / scale)\n        greenHighWidth = Math.round((this.yellowHigh - this.greenHigh) / scale)\n        blueWidth = Math.round(\n          100 -\n            redLowWidth -\n            yellowLowWidth -\n            greenLowWidth -\n            greenHighWidth -\n            yellowHighWidth -\n            redHighWidth,\n        )\n      } else {\n        greenLowWidth = Math.round(\n          100 - redLowWidth - yellowLowWidth - yellowHighWidth - redHighWidth,\n        )\n        greenHighWidth = 0\n        blueWidth = 0\n      }\n\n      // Calculate position for current value\n      let position = 50 // default to middle\n      if (this.value !== null && !isNaN(this.value)) {\n        const lowValue = this.redLow - 10 * scale\n        position = Math.round((this.value - lowValue) / scale)\n        if (position > 100) position = 100\n        if (position < 0) position = 0\n      }\n\n      return {\n        '--width': this.width + 'px',\n        '--height': this.height + 'px',\n        '--container-height': this.height - 5 + 'px',\n        '--redlow-width': redLowWidth + '%',\n        '--redhigh-width': redHighWidth + '%',\n        '--yellowlow-width': yellowLowWidth + '%',\n        '--yellowhigh-width': yellowHighWidth + '%',\n        '--greenlow-width': greenLowWidth + '%',\n        '--greenhigh-width': greenHighWidth + '%',\n        '--blue-width': blueWidth + '%',\n        '--position': position + '%',\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.limitsbar {\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-top: 6px;\n  padding: 5px;\n  width: var(--width);\n}\n.limitsbar__container {\n  position: relative;\n  flex: 1;\n  height: var(--container-height);\n  border: 1px solid black;\n  background-color: white;\n}\n/* The background-colors match the values in LimitscolorWidget.vue */\n.limitsbar__redlow {\n  position: absolute;\n  top: -1px;\n  left: 0px;\n  width: var(--redlow-width);\n  height: var(--container-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__redhigh {\n  position: absolute;\n  top: -1px;\n  right: 0px;\n  width: var(--redhigh-width);\n  height: var(--container-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__yellowlow {\n  position: absolute;\n  top: -1px;\n  left: var(--redlow-width);\n  width: var(--yellowlow-width);\n  height: var(--container-height);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__yellowhigh {\n  position: absolute;\n  top: -1px;\n  right: var(--redhigh-width);\n  width: var(--yellowhigh-width);\n  height: var(--container-height);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__greenlow {\n  position: absolute;\n  top: -1px;\n  left: calc(var(--redlow-width) + var(--yellowlow-width));\n  width: var(--greenlow-width);\n  height: var(--container-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__greenhigh {\n  position: absolute;\n  top: -1px;\n  right: calc(var(--redhigh-width) + var(--yellowhigh-width));\n  width: var(--greenhigh-width);\n  height: var(--container-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__blue {\n  position: absolute;\n  top: -1px;\n  left: calc(\n    var(--redlow-width) + var(--yellowlow-width) + var(--greenlow-width)\n  );\n  width: var(--blue-width);\n  height: var(--container-height);\n  background-color: rgb(0, 153, 255);\n}\n.limitsbar__line {\n  position: absolute;\n  left: var(--position);\n  width: 1px;\n  height: var(--container-height);\n  background-color: rgb(128, 128, 128);\n}\n$arrow-size: 5px;\n.limitsbar__arrow {\n  position: absolute;\n  top: -$arrow-size;\n  left: var(--position);\n  width: 0;\n  height: 0;\n  transform: translateX(-$arrow-size); // Transform so it sits over the line\n  border-left: $arrow-size solid transparent;\n  border-right: $arrow-size solid transparent;\n  border-top: $arrow-size solid rgb(128, 128, 128);\n}\n</style>\n"],"names":["_sfc_main","redLowWidth","redHighWidth","scale","yellowLowWidth","yellowHighWidth","greenLowWidth","greenHighWidth","blueWidth","position","lowValue","$props","_createElementBlock","$options","_createBlock","_component_v_tooltip","_withCtx","props","_createElementVNode","_mergeProps","_cache"],"mappings":"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"}

package/dist/{LimitsbarWidget-Bw_M1QY6.cjs → LimitsbarWidget-DXTfZFKF.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./BarColumn-3M4oLg_y.cjs"),m=require("./LimitsBar-Cfi6zz4T.cjs"),i=require("vue"),o=require("./CustomIcon-CEc927h0.cjs"),h={components:{LimitsBar:m.LimitsBar},mixins:[l.BarColumn],data(){return{width:160,height:22}},computed:{limits(){let t=this.limitsSettings[this.selectedLimitsSet];if(t)return t;throw{line:this.line,lineNumber:this.lineNumber,keyword:"LIMITSBAR",parameters:this.parameters,message:"Item has no limits settings",usage:"Only items with limits"}},mergedStyle(){return{...this.cssProps,...this.computedStyle}}},created(){this.verifyNumParams("LIMITSBAR",3,6,"LIMITSBAR <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>")}};function n(t,u,a,d,r,e){const s=i.resolveComponent("LimitsBar");return e.limits?(i.openBlock(),i.createBlock(s,{key:0,"red-low":e.limits[0],"yellow-low":e.limits[1],"yellow-high":e.limits[2],"red-high":e.limits[3],"green-low":e.limits[4],"green-high":e.limits[5],width:r.width,height:r.height,"computed-style":e.mergedStyle,"hide-tooltip":!!t.tooltipText},null,8,["red-low","yellow-low","yellow-high","red-high","green-low","green-high","width","height","computed-style","hide-tooltip"])):i.createCommentVNode("",!0)}const c=o._export_sfc(h,[["render",n]]);exports.default=c;
-//# sourceMappingURL=LimitsbarWidget-Bw_M1QY6.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./BarColumn-BLzB9nJI.cjs"),m=require("./LimitsBar-B1P8gnfK.cjs"),i=require("vue"),o=require("./CustomIcon-CEc927h0.cjs"),h={components:{LimitsBar:m.LimitsBar},mixins:[l.BarColumn],data(){return{width:160,height:22}},computed:{limits(){let t=this.limitsSettings[this.selectedLimitsSet];if(t)return t;throw{line:this.line,lineNumber:this.lineNumber,keyword:"LIMITSBAR",parameters:this.parameters,message:"Item has no limits settings",usage:"Only items with limits"}},mergedStyle(){return{...this.cssProps,...this.computedStyle}}},created(){this.verifyNumParams("LIMITSBAR",3,6,"LIMITSBAR <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>")}};function n(t,u,a,d,r,e){const s=i.resolveComponent("LimitsBar");return e.limits?(i.openBlock(),i.createBlock(s,{key:0,"red-low":e.limits[0],"yellow-low":e.limits[1],"yellow-high":e.limits[2],"red-high":e.limits[3],"green-low":e.limits[4],"green-high":e.limits[5],width:r.width,height:r.height,"computed-style":e.mergedStyle,"hide-tooltip":!!t.tooltipText},null,8,["red-low","yellow-low","yellow-high","red-high","green-low","green-high","width","height","computed-style","hide-tooltip"])):i.createCommentVNode("",!0)}const c=o._export_sfc(h,[["render",n]]);exports.default=c;
+//# sourceMappingURL=LimitsbarWidget-DXTfZFKF.cjs.map

package/dist/{LimitsbarWidget-Bw_M1QY6.cjs.map → LimitsbarWidget-DXTfZFKF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"LimitsbarWidget-Bw_M1QY6.cjs","sources":["../src/widgets/LimitsbarWidget.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  <LimitsBar\n    v-if=\"limits\"\n    :red-low=\"limits[0]\"\n    :yellow-low=\"limits[1]\"\n    :yellow-high=\"limits[2]\"\n    :red-high=\"limits[3]\"\n    :green-low=\"limits[4]\"\n    :green-high=\"limits[5]\"\n    :width=\"width\"\n    :height=\"height\"\n    :computed-style=\"mergedStyle\"\n    :hide-tooltip=\"!!tooltipText\"\n  />\n</template>\n\n<script>\nimport BarColumn from './BarColumn'\nimport LimitsBar from '../components/LimitsBar.vue'\n\nexport default {\n  components: {\n    LimitsBar,\n  },\n  mixins: [BarColumn],\n  data() {\n    return {\n      width: 160, // px\n      height: 22, // px\n    }\n  },\n  computed: {\n    limits() {\n      let values = this.limitsSettings[this.selectedLimitsSet]\n      if (values) {\n        return values\n      } else {\n        // See errorCaptured in Openc3Screen.vue for how this is parsed\n        throw {\n          line: this.line,\n          lineNumber: this.lineNumber,\n          keyword: 'LIMITSBAR',\n          parameters: this.parameters,\n          message: 'Item has no limits settings',\n          usage: 'Only items with limits',\n        }\n      }\n    },\n    mergedStyle() {\n      // Merge cssProps from BarColumn with computedStyle from Widget\n      return { ...this.cssProps, ...this.computedStyle }\n    },\n  },\n  created() {\n    this.verifyNumParams(\n      'LIMITSBAR',\n      3,\n      6,\n      'LIMITSBAR <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>',\n    )\n  },\n}\n</script>\n"],"names":["_sfc_main","LimitsBar","BarColumn","values","$options","_createBlock","_component_LimitsBar","$data","_ctx"],"mappings":"0NAsCKA,EAAU,CACb,WAAY,CACV,UAAAC,EAAAA,WAEF,OAAQ,CAACC,EAAAA,SAAS,EAClB,MAAO,CACL,MAAO,CACL,MAAO,IACP,OAAQ,EACV,CACF,EACA,SAAU,CACR,QAAS,CACP,IAAIC,EAAS,KAAK,eAAe,KAAK,iBAAiB,EACvD,GAAIA,EACF,OAAOA,EAGP,KAAM,CACJ,KAAM,KAAK,KACX,WAAY,KAAK,WACjB,QAAS,YACT,WAAY,KAAK,WACjB,QAAS,8BACT,MAAO,wBACT,CAEJ,EACA,aAAc,CAEZ,MAAO,CAAE,GAAG,KAAK,SAAU,GAAG,KAAK,aAAY,CACjD,GAEF,SAAU,CACR,KAAK,gBACH,YACA,EACA,EACA,4DACF,CACF,CACF,yEA3DUC,EAAA,sBADRC,EAAAA,YAYEC,EAAA,OAVC,UAASF,EAAA,OAAM,CAAA,EACf,aAAYA,EAAA,OAAM,CAAA,EAClB,cAAaA,EAAA,OAAM,CAAA,EACnB,WAAUA,EAAA,OAAM,CAAA,EAChB,YAAWA,EAAA,OAAM,CAAA,EACjB,aAAYA,EAAA,OAAM,CAAA,EAClB,MAAOG,EAAA,MACP,OAAQA,EAAA,OACR,iBAAgBH,EAAA,YAChB,iBAAgBI,EAAA"}
+{"version":3,"file":"LimitsbarWidget-DXTfZFKF.cjs","sources":["../src/widgets/LimitsbarWidget.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  <LimitsBar\n    v-if=\"limits\"\n    :red-low=\"limits[0]\"\n    :yellow-low=\"limits[1]\"\n    :yellow-high=\"limits[2]\"\n    :red-high=\"limits[3]\"\n    :green-low=\"limits[4]\"\n    :green-high=\"limits[5]\"\n    :width=\"width\"\n    :height=\"height\"\n    :computed-style=\"mergedStyle\"\n    :hide-tooltip=\"!!tooltipText\"\n  />\n</template>\n\n<script>\nimport BarColumn from './BarColumn'\nimport LimitsBar from '../components/LimitsBar.vue'\n\nexport default {\n  components: {\n    LimitsBar,\n  },\n  mixins: [BarColumn],\n  data() {\n    return {\n      width: 160, // px\n      height: 22, // px\n    }\n  },\n  computed: {\n    limits() {\n      let values = this.limitsSettings[this.selectedLimitsSet]\n      if (values) {\n        return values\n      } else {\n        // See errorCaptured in Openc3Screen.vue for how this is parsed\n        throw {\n          line: this.line,\n          lineNumber: this.lineNumber,\n          keyword: 'LIMITSBAR',\n          parameters: this.parameters,\n          message: 'Item has no limits settings',\n          usage: 'Only items with limits',\n        }\n      }\n    },\n    mergedStyle() {\n      // Merge cssProps from BarColumn with computedStyle from Widget\n      return { ...this.cssProps, ...this.computedStyle }\n    },\n  },\n  created() {\n    this.verifyNumParams(\n      'LIMITSBAR',\n      3,\n      6,\n      'LIMITSBAR <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>',\n    )\n  },\n}\n</script>\n"],"names":["_sfc_main","LimitsBar","BarColumn","values","$options","_createBlock","_component_LimitsBar","$data","_ctx"],"mappings":"0NAsCKA,EAAU,CACb,WAAY,CACV,UAAAC,EAAAA,WAEF,OAAQ,CAACC,EAAAA,SAAS,EAClB,MAAO,CACL,MAAO,CACL,MAAO,IACP,OAAQ,EACV,CACF,EACA,SAAU,CACR,QAAS,CACP,IAAIC,EAAS,KAAK,eAAe,KAAK,iBAAiB,EACvD,GAAIA,EACF,OAAOA,EAGP,KAAM,CACJ,KAAM,KAAK,KACX,WAAY,KAAK,WACjB,QAAS,YACT,WAAY,KAAK,WACjB,QAAS,8BACT,MAAO,wBACT,CAEJ,EACA,aAAc,CAEZ,MAAO,CAAE,GAAG,KAAK,SAAU,GAAG,KAAK,aAAY,CACjD,GAEF,SAAU,CACR,KAAK,gBACH,YACA,EACA,EACA,4DACF,CACF,CACF,yEA3DUC,EAAA,sBADRC,EAAAA,YAYEC,EAAA,OAVC,UAASF,EAAA,OAAM,CAAA,EACf,aAAYA,EAAA,OAAM,CAAA,EAClB,cAAaA,EAAA,OAAM,CAAA,EACnB,WAAUA,EAAA,OAAM,CAAA,EAChB,YAAWA,EAAA,OAAM,CAAA,EACjB,aAAYA,EAAA,OAAM,CAAA,EAClB,MAAOG,EAAA,MACP,OAAQA,EAAA,OACR,iBAAgBH,EAAA,YAChB,iBAAgBI,EAAA"}

package/dist/{LimitsbarWidget-BID8h8Fz.js → LimitsbarWidget-Dy-IqgZj.js}

@@ -1,5 +1,5 @@
-import { B as s } from "./BarColumn-BN5j9sPr.js";
-import { L as l } from "./LimitsBar-CRNf8kCM.js";
+import { B as s } from "./BarColumn-Dl9qcKah.js";
+import { L as l } from "./LimitsBar-CewifD-8.js";
 import { resolveComponent as m, createBlock as h, createCommentVNode as o, openBlock as n } from "vue";
 import { _ as a } from "./CustomIcon-B9m73Gqm.js";
 const d = {
@@ -62,4 +62,4 @@ const B = /* @__PURE__ */ a(d, [["render", c]]);
 export {
   B as default
 };
-//# sourceMappingURL=LimitsbarWidget-BID8h8Fz.js.map
+//# sourceMappingURL=LimitsbarWidget-Dy-IqgZj.js.map

package/dist/{LimitsbarWidget-BID8h8Fz.js.map → LimitsbarWidget-Dy-IqgZj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LimitsbarWidget-BID8h8Fz.js","sources":["../src/widgets/LimitsbarWidget.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  <LimitsBar\n    v-if=\"limits\"\n    :red-low=\"limits[0]\"\n    :yellow-low=\"limits[1]\"\n    :yellow-high=\"limits[2]\"\n    :red-high=\"limits[3]\"\n    :green-low=\"limits[4]\"\n    :green-high=\"limits[5]\"\n    :width=\"width\"\n    :height=\"height\"\n    :computed-style=\"mergedStyle\"\n    :hide-tooltip=\"!!tooltipText\"\n  />\n</template>\n\n<script>\nimport BarColumn from './BarColumn'\nimport LimitsBar from '../components/LimitsBar.vue'\n\nexport default {\n  components: {\n    LimitsBar,\n  },\n  mixins: [BarColumn],\n  data() {\n    return {\n      width: 160, // px\n      height: 22, // px\n    }\n  },\n  computed: {\n    limits() {\n      let values = this.limitsSettings[this.selectedLimitsSet]\n      if (values) {\n        return values\n      } else {\n        // See errorCaptured in Openc3Screen.vue for how this is parsed\n        throw {\n          line: this.line,\n          lineNumber: this.lineNumber,\n          keyword: 'LIMITSBAR',\n          parameters: this.parameters,\n          message: 'Item has no limits settings',\n          usage: 'Only items with limits',\n        }\n      }\n    },\n    mergedStyle() {\n      // Merge cssProps from BarColumn with computedStyle from Widget\n      return { ...this.cssProps, ...this.computedStyle }\n    },\n  },\n  created() {\n    this.verifyNumParams(\n      'LIMITSBAR',\n      3,\n      6,\n      'LIMITSBAR <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>',\n    )\n  },\n}\n</script>\n"],"names":["_sfc_main","LimitsBar","BarColumn","values","$options","_createBlock","_component_LimitsBar","$data","_ctx"],"mappings":";;;;AAsCA,MAAKA,IAAU;AAAA,EACb,YAAY;AAAA,IACV,WAAAC;AAAA;EAEF,QAAQ,CAACC,CAAS;AAAA,EAClB,OAAO;AACL,WAAO;AAAA,MACL,OAAO;AAAA;AAAA,MACP,QAAQ;AAAA;AAAA,IACV;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AACP,UAAIC,IAAS,KAAK,eAAe,KAAK,iBAAiB;AACvD,UAAIA;AACF,eAAOA;AAGP,YAAM;AAAA,QACJ,MAAM,KAAK;AAAA,QACX,YAAY,KAAK;AAAA,QACjB,SAAS;AAAA,QACT,YAAY,KAAK;AAAA,QACjB,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IAEJ;AAAA,IACA,cAAc;AAEZ,aAAO,EAAE,GAAG,KAAK,UAAU,GAAG,KAAK,cAAY;AAAA,IACjD;AAAA;EAEF,UAAU;AACR,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;;;SA3DUC,EAAA,eADRC,EAYEC,GAAA;AAAA;IAVC,WAASF,EAAA,OAAM,CAAA;AAAA,IACf,cAAYA,EAAA,OAAM,CAAA;AAAA,IAClB,eAAaA,EAAA,OAAM,CAAA;AAAA,IACnB,YAAUA,EAAA,OAAM,CAAA;AAAA,IAChB,aAAWA,EAAA,OAAM,CAAA;AAAA,IACjB,cAAYA,EAAA,OAAM,CAAA;AAAA,IAClB,OAAOG,EAAA;AAAA,IACP,QAAQA,EAAA;AAAA,IACR,kBAAgBH,EAAA;AAAA,IAChB,kBAAgBI,EAAA;AAAA;;;"}
+{"version":3,"file":"LimitsbarWidget-Dy-IqgZj.js","sources":["../src/widgets/LimitsbarWidget.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  <LimitsBar\n    v-if=\"limits\"\n    :red-low=\"limits[0]\"\n    :yellow-low=\"limits[1]\"\n    :yellow-high=\"limits[2]\"\n    :red-high=\"limits[3]\"\n    :green-low=\"limits[4]\"\n    :green-high=\"limits[5]\"\n    :width=\"width\"\n    :height=\"height\"\n    :computed-style=\"mergedStyle\"\n    :hide-tooltip=\"!!tooltipText\"\n  />\n</template>\n\n<script>\nimport BarColumn from './BarColumn'\nimport LimitsBar from '../components/LimitsBar.vue'\n\nexport default {\n  components: {\n    LimitsBar,\n  },\n  mixins: [BarColumn],\n  data() {\n    return {\n      width: 160, // px\n      height: 22, // px\n    }\n  },\n  computed: {\n    limits() {\n      let values = this.limitsSettings[this.selectedLimitsSet]\n      if (values) {\n        return values\n      } else {\n        // See errorCaptured in Openc3Screen.vue for how this is parsed\n        throw {\n          line: this.line,\n          lineNumber: this.lineNumber,\n          keyword: 'LIMITSBAR',\n          parameters: this.parameters,\n          message: 'Item has no limits settings',\n          usage: 'Only items with limits',\n        }\n      }\n    },\n    mergedStyle() {\n      // Merge cssProps from BarColumn with computedStyle from Widget\n      return { ...this.cssProps, ...this.computedStyle }\n    },\n  },\n  created() {\n    this.verifyNumParams(\n      'LIMITSBAR',\n      3,\n      6,\n      'LIMITSBAR <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>',\n    )\n  },\n}\n</script>\n"],"names":["_sfc_main","LimitsBar","BarColumn","values","$options","_createBlock","_component_LimitsBar","$data","_ctx"],"mappings":";;;;AAsCA,MAAKA,IAAU;AAAA,EACb,YAAY;AAAA,IACV,WAAAC;AAAA;EAEF,QAAQ,CAACC,CAAS;AAAA,EAClB,OAAO;AACL,WAAO;AAAA,MACL,OAAO;AAAA;AAAA,MACP,QAAQ;AAAA;AAAA,IACV;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AACP,UAAIC,IAAS,KAAK,eAAe,KAAK,iBAAiB;AACvD,UAAIA;AACF,eAAOA;AAGP,YAAM;AAAA,QACJ,MAAM,KAAK;AAAA,QACX,YAAY,KAAK;AAAA,QACjB,SAAS;AAAA,QACT,YAAY,KAAK;AAAA,QACjB,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IAEJ;AAAA,IACA,cAAc;AAEZ,aAAO,EAAE,GAAG,KAAK,UAAU,GAAG,KAAK,cAAY;AAAA,IACjD;AAAA;EAEF,UAAU;AACR,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;;;SA3DUC,EAAA,eADRC,EAYEC,GAAA;AAAA;IAVC,WAASF,EAAA,OAAM,CAAA;AAAA,IACf,cAAYA,EAAA,OAAM,CAAA;AAAA,IAClB,eAAaA,EAAA,OAAM,CAAA;AAAA,IACnB,YAAUA,EAAA,OAAM,CAAA;AAAA,IAChB,aAAWA,EAAA,OAAM,CAAA;AAAA,IACjB,cAAYA,EAAA,OAAM,CAAA;AAAA,IAClB,OAAOG,EAAA;AAAA,IACP,QAAQA,EAAA;AAAA,IACR,kBAAgBH,EAAA;AAAA,IAChB,kBAAgBI,EAAA;AAAA;;;"}

package/dist/{LimitscolorWidget-Bm660cL9.js → LimitscolorWidget-2eLprLL7.js}

@@ -1,4 +1,4 @@
-import { V as i } from "./VWidget-B8DTwMbX.js";
+import { V as i } from "./VWidget-DaN-EoJP.js";
 import { resolveComponent as o, createElementBlock as p, openBlock as r, normalizeStyle as s, createElementVNode as m, createBlock as n, createCommentVNode as d, normalizeClass as c } from "vue";
 import { _ as u } from "./CustomIcon-B9m73Gqm.js";
 const f = {
@@ -61,4 +61,4 @@ const w = /* @__PURE__ */ u(f, [["render", h], ["__scopeId", "data-v-2908b131"]]
 export {
   w as default
 };
-//# sourceMappingURL=LimitscolorWidget-Bm660cL9.js.map
+//# sourceMappingURL=LimitscolorWidget-2eLprLL7.js.map

package/dist/{LimitscolorWidget-Bm660cL9.js.map → LimitscolorWidget-2eLprLL7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LimitscolorWidget-Bm660cL9.js","sources":["../src/widgets/LimitscolorWidget.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 2025, 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 ref=\"container\" class=\"d-flex flex-row\" :style=\"myComputedStyle\">\n    <div\n      :class=\"`led align-self-center ${limitsColor}`\"\n      :style=\"cssProps\"\n    ></div>\n    <label-widget\n      v-if=\"displayLabel\"\n      :parameters=\"labelName\"\n      :settings=\"appliedSettings\"\n      :style=\"computedStyle\"\n      :widget-index=\"1\"\n    />\n  </div>\n</template>\n\n<script>\nimport VWidget from './VWidget'\nexport default {\n  mixins: [VWidget],\n  data() {\n    return {\n      radius: 15,\n      fullLabelDisplay: false,\n      displayLabel: true,\n    }\n  },\n  computed: {\n    labelName() {\n      // LabelWidget uses index 0 from the parameters prop\n      // so create an array with the label text in the first position\n      if (this.fullLabelDisplay) {\n        return [\n          this.parameters[0] +\n            ' ' +\n            this.parameters[1] +\n            ' ' +\n            this.parameters[2],\n        ]\n      } else {\n        return [this.parameters[2]]\n      }\n    },\n    cssProps() {\n      return {\n        '--height': this.radius + 'px',\n        '--width': this.radius + 'px',\n      }\n    },\n    myComputedStyle() {\n      // Remove the flex property from the computedStyle object\n      // because if they choose not to display the label\n      // the flex property makes it difficult to line up a custom LABEL widget\n      const style = { ...this.computedStyle }\n      delete style.flex\n      return style\n    },\n  },\n  created() {\n    if (this.parameters[4]) {\n      this.radius = parseInt(this.parameters[4])\n    }\n    if (this.parameters[5]) {\n      if (this.parameters[5].toLowerCase() === 'true') {\n        this.fullLabelDisplay = true\n      } else if (this.parameters[5].toLowerCase() === 'nil') {\n        this.displayLabel = false\n      } else if (this.parameters[5].toLowerCase() === 'none') {\n        this.displayLabel = false\n      }\n    }\n  },\n  methods: {\n    getType() {\n      let type = 'CONVERTED'\n      if (this.parameters[3]) {\n        type = this.parameters[3]\n      }\n      return type\n    },\n  },\n}\n</script>\n\n<style scoped>\n.led {\n  height: var(--height);\n  width: var(--width);\n  background-color: var(--color);\n  border-radius: 50%;\n}\n/* The background-colors match the values in LimitsbarWidget.vue */\n.red {\n  background-color: rgb(255, 45, 45);\n}\n.yellow {\n  background-color: rgb(255, 220, 0);\n}\n.green {\n  background-color: rgb(0, 200, 0);\n}\n.blue {\n  background-color: rgb(0, 153, 255);\n}\n</style>\n"],"names":["_sfc_main","VWidget","style","type","_createElementBlock","$options","_createElementVNode","_ctx","$data","_createBlock","_component_label_widget"],"mappings":";;;AAwCA,MAAKA,IAAU;AAAA,EACb,QAAQ,CAACC,CAAO;AAAA,EAChB,OAAO;AACL,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAGV,aAAI,KAAK,mBACA;AAAA,QACL,KAAK,WAAW,CAAC,IACf,MACA,KAAK,WAAW,CAAC,IACjB,MACA,KAAK,WAAW,CAAC;AAAA,MACrB,IAEO,CAAC,KAAK,WAAW,CAAC,CAAC;AAAA,IAE9B;AAAA,IACA,WAAW;AACT,aAAO;AAAA,QACL,YAAY,KAAK,SAAS;AAAA,QAC1B,WAAW,KAAK,SAAS;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,kBAAkB;AAIhB,YAAMC,IAAQ,EAAE,GAAG,KAAK,cAAY;AACpC,oBAAOA,EAAM,MACNA;AAAA,IACT;AAAA;EAEF,UAAU;AACR,IAAI,KAAK,WAAW,CAAC,MACnB,KAAK,SAAS,SAAS,KAAK,WAAW,CAAC,CAAC,IAEvC,KAAK,WAAW,CAAC,MACf,KAAK,WAAW,CAAC,EAAE,YAAW,MAAO,SACvC,KAAK,mBAAmB,KACf,KAAK,WAAW,CAAC,EAAE,YAAW,MAAO,QAC9C,KAAK,eAAe,KACX,KAAK,WAAW,CAAC,EAAE,YAAW,MAAO,WAC9C,KAAK,eAAe;AAAA,EAG1B;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AACR,UAAIC,IAAO;AACX,aAAI,KAAK,WAAW,CAAC,MACnBA,IAAO,KAAK,WAAW,CAAC,IAEnBA;AAAA,IACT;AAAA;AAEJ;;;cAhFEC,EAYM,OAAA;AAAA,IAZD,KAAI;AAAA,IAAY,OAAM;AAAA,IAAmB,SAAOC,EAAA,eAAe;AAAA;IAClEC,EAGO,OAAA;AAAA,MAFJ,kCAAgCC,EAAA,WAAW,EAAA;AAAA,MAC3C,SAAOF,EAAA,QAAQ;AAAA;IAGVG,EAAA,qBADRC,EAMEC,GAAA;AAAA;MAJC,YAAYL,EAAA;AAAA,MACZ,UAAUE,EAAA;AAAA,MACV,SAAOA,EAAA,aAAa;AAAA,MACpB,gBAAc;AAAA;;;;"}
+{"version":3,"file":"LimitscolorWidget-2eLprLL7.js","sources":["../src/widgets/LimitscolorWidget.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 2025, 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 ref=\"container\" class=\"d-flex flex-row\" :style=\"myComputedStyle\">\n    <div\n      :class=\"`led align-self-center ${limitsColor}`\"\n      :style=\"cssProps\"\n    ></div>\n    <label-widget\n      v-if=\"displayLabel\"\n      :parameters=\"labelName\"\n      :settings=\"appliedSettings\"\n      :style=\"computedStyle\"\n      :widget-index=\"1\"\n    />\n  </div>\n</template>\n\n<script>\nimport VWidget from './VWidget'\nexport default {\n  mixins: [VWidget],\n  data() {\n    return {\n      radius: 15,\n      fullLabelDisplay: false,\n      displayLabel: true,\n    }\n  },\n  computed: {\n    labelName() {\n      // LabelWidget uses index 0 from the parameters prop\n      // so create an array with the label text in the first position\n      if (this.fullLabelDisplay) {\n        return [\n          this.parameters[0] +\n            ' ' +\n            this.parameters[1] +\n            ' ' +\n            this.parameters[2],\n        ]\n      } else {\n        return [this.parameters[2]]\n      }\n    },\n    cssProps() {\n      return {\n        '--height': this.radius + 'px',\n        '--width': this.radius + 'px',\n      }\n    },\n    myComputedStyle() {\n      // Remove the flex property from the computedStyle object\n      // because if they choose not to display the label\n      // the flex property makes it difficult to line up a custom LABEL widget\n      const style = { ...this.computedStyle }\n      delete style.flex\n      return style\n    },\n  },\n  created() {\n    if (this.parameters[4]) {\n      this.radius = parseInt(this.parameters[4])\n    }\n    if (this.parameters[5]) {\n      if (this.parameters[5].toLowerCase() === 'true') {\n        this.fullLabelDisplay = true\n      } else if (this.parameters[5].toLowerCase() === 'nil') {\n        this.displayLabel = false\n      } else if (this.parameters[5].toLowerCase() === 'none') {\n        this.displayLabel = false\n      }\n    }\n  },\n  methods: {\n    getType() {\n      let type = 'CONVERTED'\n      if (this.parameters[3]) {\n        type = this.parameters[3]\n      }\n      return type\n    },\n  },\n}\n</script>\n\n<style scoped>\n.led {\n  height: var(--height);\n  width: var(--width);\n  background-color: var(--color);\n  border-radius: 50%;\n}\n/* The background-colors match the values in LimitsbarWidget.vue */\n.red {\n  background-color: rgb(255, 45, 45);\n}\n.yellow {\n  background-color: rgb(255, 220, 0);\n}\n.green {\n  background-color: rgb(0, 200, 0);\n}\n.blue {\n  background-color: rgb(0, 153, 255);\n}\n</style>\n"],"names":["_sfc_main","VWidget","style","type","_createElementBlock","$options","_createElementVNode","_ctx","$data","_createBlock","_component_label_widget"],"mappings":";;;AAwCA,MAAKA,IAAU;AAAA,EACb,QAAQ,CAACC,CAAO;AAAA,EAChB,OAAO;AACL,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAGV,aAAI,KAAK,mBACA;AAAA,QACL,KAAK,WAAW,CAAC,IACf,MACA,KAAK,WAAW,CAAC,IACjB,MACA,KAAK,WAAW,CAAC;AAAA,MACrB,IAEO,CAAC,KAAK,WAAW,CAAC,CAAC;AAAA,IAE9B;AAAA,IACA,WAAW;AACT,aAAO;AAAA,QACL,YAAY,KAAK,SAAS;AAAA,QAC1B,WAAW,KAAK,SAAS;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,kBAAkB;AAIhB,YAAMC,IAAQ,EAAE,GAAG,KAAK,cAAY;AACpC,oBAAOA,EAAM,MACNA;AAAA,IACT;AAAA;EAEF,UAAU;AACR,IAAI,KAAK,WAAW,CAAC,MACnB,KAAK,SAAS,SAAS,KAAK,WAAW,CAAC,CAAC,IAEvC,KAAK,WAAW,CAAC,MACf,KAAK,WAAW,CAAC,EAAE,YAAW,MAAO,SACvC,KAAK,mBAAmB,KACf,KAAK,WAAW,CAAC,EAAE,YAAW,MAAO,QAC9C,KAAK,eAAe,KACX,KAAK,WAAW,CAAC,EAAE,YAAW,MAAO,WAC9C,KAAK,eAAe;AAAA,EAG1B;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AACR,UAAIC,IAAO;AACX,aAAI,KAAK,WAAW,CAAC,MACnBA,IAAO,KAAK,WAAW,CAAC,IAEnBA;AAAA,IACT;AAAA;AAEJ;;;cAhFEC,EAYM,OAAA;AAAA,IAZD,KAAI;AAAA,IAAY,OAAM;AAAA,IAAmB,SAAOC,EAAA,eAAe;AAAA;IAClEC,EAGO,OAAA;AAAA,MAFJ,kCAAgCC,EAAA,WAAW,EAAA;AAAA,MAC3C,SAAOF,EAAA,QAAQ;AAAA;IAGVG,EAAA,qBADRC,EAMEC,GAAA;AAAA;MAJC,YAAYL,EAAA;AAAA,MACZ,UAAUE,EAAA;AAAA,MACV,SAAOA,EAAA,aAAa;AAAA,MACpB,gBAAc;AAAA;;;;"}

package/dist/{LimitscolorWidget-CuiubDPH.cjs → LimitscolorWidget-C0f7Qud4.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./VWidget-od6gU6UT.cjs"),e=require("vue"),i=require("./CustomIcon-CEc927h0.cjs"),o={mixins:[l.VWidget],data(){return{radius:15,fullLabelDisplay:!1,displayLabel:!0}},computed:{labelName(){return this.fullLabelDisplay?[this.parameters[0]+" "+this.parameters[1]+" "+this.parameters[2]]:[this.parameters[2]]},cssProps(){return{"--height":this.radius+"px","--width":this.radius+"px"}},myComputedStyle(){const t={...this.computedStyle};return delete t.flex,t}},created(){this.parameters[4]&&(this.radius=parseInt(this.parameters[4])),this.parameters[5]&&(this.parameters[5].toLowerCase()==="true"?this.fullLabelDisplay=!0:this.parameters[5].toLowerCase()==="nil"?this.displayLabel=!1:this.parameters[5].toLowerCase()==="none"&&(this.displayLabel=!1))},methods:{getType(){let t="CONVERTED";return this.parameters[3]&&(t=this.parameters[3]),t}}};function n(t,m,d,u,r,s){const a=e.resolveComponent("label-widget");return e.openBlock(),e.createElementBlock("div",{ref:"container",class:"d-flex flex-row",style:e.normalizeStyle(s.myComputedStyle)},[e.createElementVNode("div",{class:e.normalizeClass(`led align-self-center ${t.limitsColor}`),style:e.normalizeStyle(s.cssProps)},null,6),r.displayLabel?(e.openBlock(),e.createBlock(a,{key:0,parameters:s.labelName,settings:t.appliedSettings,style:e.normalizeStyle(t.computedStyle),"widget-index":1},null,8,["parameters","settings","style"])):e.createCommentVNode("",!0)],4)}const p=i._export_sfc(o,[["render",n],["__scopeId","data-v-2908b131"]]);exports.default=p;
-//# sourceMappingURL=LimitscolorWidget-CuiubDPH.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./VWidget-ZNfIJ3jY.cjs"),e=require("vue"),i=require("./CustomIcon-CEc927h0.cjs"),o={mixins:[l.VWidget],data(){return{radius:15,fullLabelDisplay:!1,displayLabel:!0}},computed:{labelName(){return this.fullLabelDisplay?[this.parameters[0]+" "+this.parameters[1]+" "+this.parameters[2]]:[this.parameters[2]]},cssProps(){return{"--height":this.radius+"px","--width":this.radius+"px"}},myComputedStyle(){const t={...this.computedStyle};return delete t.flex,t}},created(){this.parameters[4]&&(this.radius=parseInt(this.parameters[4])),this.parameters[5]&&(this.parameters[5].toLowerCase()==="true"?this.fullLabelDisplay=!0:this.parameters[5].toLowerCase()==="nil"?this.displayLabel=!1:this.parameters[5].toLowerCase()==="none"&&(this.displayLabel=!1))},methods:{getType(){let t="CONVERTED";return this.parameters[3]&&(t=this.parameters[3]),t}}};function n(t,m,d,u,r,s){const a=e.resolveComponent("label-widget");return e.openBlock(),e.createElementBlock("div",{ref:"container",class:"d-flex flex-row",style:e.normalizeStyle(s.myComputedStyle)},[e.createElementVNode("div",{class:e.normalizeClass(`led align-self-center ${t.limitsColor}`),style:e.normalizeStyle(s.cssProps)},null,6),r.displayLabel?(e.openBlock(),e.createBlock(a,{key:0,parameters:s.labelName,settings:t.appliedSettings,style:e.normalizeStyle(t.computedStyle),"widget-index":1},null,8,["parameters","settings","style"])):e.createCommentVNode("",!0)],4)}const p=i._export_sfc(o,[["render",n],["__scopeId","data-v-2908b131"]]);exports.default=p;
+//# sourceMappingURL=LimitscolorWidget-C0f7Qud4.cjs.map

package/dist/{LimitscolorWidget-CuiubDPH.cjs.map → LimitscolorWidget-C0f7Qud4.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"LimitscolorWidget-CuiubDPH.cjs","sources":["../src/widgets/LimitscolorWidget.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 2025, 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 ref=\"container\" class=\"d-flex flex-row\" :style=\"myComputedStyle\">\n    <div\n      :class=\"`led align-self-center ${limitsColor}`\"\n      :style=\"cssProps\"\n    ></div>\n    <label-widget\n      v-if=\"displayLabel\"\n      :parameters=\"labelName\"\n      :settings=\"appliedSettings\"\n      :style=\"computedStyle\"\n      :widget-index=\"1\"\n    />\n  </div>\n</template>\n\n<script>\nimport VWidget from './VWidget'\nexport default {\n  mixins: [VWidget],\n  data() {\n    return {\n      radius: 15,\n      fullLabelDisplay: false,\n      displayLabel: true,\n    }\n  },\n  computed: {\n    labelName() {\n      // LabelWidget uses index 0 from the parameters prop\n      // so create an array with the label text in the first position\n      if (this.fullLabelDisplay) {\n        return [\n          this.parameters[0] +\n            ' ' +\n            this.parameters[1] +\n            ' ' +\n            this.parameters[2],\n        ]\n      } else {\n        return [this.parameters[2]]\n      }\n    },\n    cssProps() {\n      return {\n        '--height': this.radius + 'px',\n        '--width': this.radius + 'px',\n      }\n    },\n    myComputedStyle() {\n      // Remove the flex property from the computedStyle object\n      // because if they choose not to display the label\n      // the flex property makes it difficult to line up a custom LABEL widget\n      const style = { ...this.computedStyle }\n      delete style.flex\n      return style\n    },\n  },\n  created() {\n    if (this.parameters[4]) {\n      this.radius = parseInt(this.parameters[4])\n    }\n    if (this.parameters[5]) {\n      if (this.parameters[5].toLowerCase() === 'true') {\n        this.fullLabelDisplay = true\n      } else if (this.parameters[5].toLowerCase() === 'nil') {\n        this.displayLabel = false\n      } else if (this.parameters[5].toLowerCase() === 'none') {\n        this.displayLabel = false\n      }\n    }\n  },\n  methods: {\n    getType() {\n      let type = 'CONVERTED'\n      if (this.parameters[3]) {\n        type = this.parameters[3]\n      }\n      return type\n    },\n  },\n}\n</script>\n\n<style scoped>\n.led {\n  height: var(--height);\n  width: var(--width);\n  background-color: var(--color);\n  border-radius: 50%;\n}\n/* The background-colors match the values in LimitsbarWidget.vue */\n.red {\n  background-color: rgb(255, 45, 45);\n}\n.yellow {\n  background-color: rgb(255, 220, 0);\n}\n.green {\n  background-color: rgb(0, 200, 0);\n}\n.blue {\n  background-color: rgb(0, 153, 255);\n}\n</style>\n"],"names":["_sfc_main","VWidget","style","type","_createElementBlock","$options","_createElementVNode","_ctx","$data","_createBlock","_component_label_widget"],"mappings":"kLAwCKA,EAAU,CACb,OAAQ,CAACC,EAAAA,OAAO,EAChB,MAAO,CACL,MAAO,CACL,OAAQ,GACR,iBAAkB,GAClB,aAAc,EAChB,CACF,EACA,SAAU,CACR,WAAY,CAGV,OAAI,KAAK,iBACA,CACL,KAAK,WAAW,CAAC,EACf,IACA,KAAK,WAAW,CAAC,EACjB,IACA,KAAK,WAAW,CAAC,CACrB,EAEO,CAAC,KAAK,WAAW,CAAC,CAAC,CAE9B,EACA,UAAW,CACT,MAAO,CACL,WAAY,KAAK,OAAS,KAC1B,UAAW,KAAK,OAAS,IAC3B,CACF,EACA,iBAAkB,CAIhB,MAAMC,EAAQ,CAAE,GAAG,KAAK,aAAY,EACpC,cAAOA,EAAM,KACNA,CACT,GAEF,SAAU,CACJ,KAAK,WAAW,CAAC,IACnB,KAAK,OAAS,SAAS,KAAK,WAAW,CAAC,CAAC,GAEvC,KAAK,WAAW,CAAC,IACf,KAAK,WAAW,CAAC,EAAE,YAAW,IAAO,OACvC,KAAK,iBAAmB,GACf,KAAK,WAAW,CAAC,EAAE,YAAW,IAAO,MAC9C,KAAK,aAAe,GACX,KAAK,WAAW,CAAC,EAAE,YAAW,IAAO,SAC9C,KAAK,aAAe,IAG1B,EACA,QAAS,CACP,SAAU,CACR,IAAIC,EAAO,YACX,OAAI,KAAK,WAAW,CAAC,IACnBA,EAAO,KAAK,WAAW,CAAC,GAEnBA,CACT,EAEJ,0FAhFEC,EAAAA,mBAYM,MAAA,CAZD,IAAI,YAAY,MAAM,kBAAmB,uBAAOC,EAAA,eAAe,IAClEC,EAAAA,mBAGO,MAAA,CAFJ,gDAAgCC,EAAA,WAAW,EAAA,EAC3C,uBAAOF,EAAA,QAAQ,WAGVG,EAAA,4BADRC,EAAAA,YAMEC,EAAA,OAJC,WAAYL,EAAA,UACZ,SAAUE,EAAA,gBACV,uBAAOA,EAAA,aAAa,EACpB,eAAc"}
+{"version":3,"file":"LimitscolorWidget-C0f7Qud4.cjs","sources":["../src/widgets/LimitscolorWidget.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 2025, 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 ref=\"container\" class=\"d-flex flex-row\" :style=\"myComputedStyle\">\n    <div\n      :class=\"`led align-self-center ${limitsColor}`\"\n      :style=\"cssProps\"\n    ></div>\n    <label-widget\n      v-if=\"displayLabel\"\n      :parameters=\"labelName\"\n      :settings=\"appliedSettings\"\n      :style=\"computedStyle\"\n      :widget-index=\"1\"\n    />\n  </div>\n</template>\n\n<script>\nimport VWidget from './VWidget'\nexport default {\n  mixins: [VWidget],\n  data() {\n    return {\n      radius: 15,\n      fullLabelDisplay: false,\n      displayLabel: true,\n    }\n  },\n  computed: {\n    labelName() {\n      // LabelWidget uses index 0 from the parameters prop\n      // so create an array with the label text in the first position\n      if (this.fullLabelDisplay) {\n        return [\n          this.parameters[0] +\n            ' ' +\n            this.parameters[1] +\n            ' ' +\n            this.parameters[2],\n        ]\n      } else {\n        return [this.parameters[2]]\n      }\n    },\n    cssProps() {\n      return {\n        '--height': this.radius + 'px',\n        '--width': this.radius + 'px',\n      }\n    },\n    myComputedStyle() {\n      // Remove the flex property from the computedStyle object\n      // because if they choose not to display the label\n      // the flex property makes it difficult to line up a custom LABEL widget\n      const style = { ...this.computedStyle }\n      delete style.flex\n      return style\n    },\n  },\n  created() {\n    if (this.parameters[4]) {\n      this.radius = parseInt(this.parameters[4])\n    }\n    if (this.parameters[5]) {\n      if (this.parameters[5].toLowerCase() === 'true') {\n        this.fullLabelDisplay = true\n      } else if (this.parameters[5].toLowerCase() === 'nil') {\n        this.displayLabel = false\n      } else if (this.parameters[5].toLowerCase() === 'none') {\n        this.displayLabel = false\n      }\n    }\n  },\n  methods: {\n    getType() {\n      let type = 'CONVERTED'\n      if (this.parameters[3]) {\n        type = this.parameters[3]\n      }\n      return type\n    },\n  },\n}\n</script>\n\n<style scoped>\n.led {\n  height: var(--height);\n  width: var(--width);\n  background-color: var(--color);\n  border-radius: 50%;\n}\n/* The background-colors match the values in LimitsbarWidget.vue */\n.red {\n  background-color: rgb(255, 45, 45);\n}\n.yellow {\n  background-color: rgb(255, 220, 0);\n}\n.green {\n  background-color: rgb(0, 200, 0);\n}\n.blue {\n  background-color: rgb(0, 153, 255);\n}\n</style>\n"],"names":["_sfc_main","VWidget","style","type","_createElementBlock","$options","_createElementVNode","_ctx","$data","_createBlock","_component_label_widget"],"mappings":"kLAwCKA,EAAU,CACb,OAAQ,CAACC,EAAAA,OAAO,EAChB,MAAO,CACL,MAAO,CACL,OAAQ,GACR,iBAAkB,GAClB,aAAc,EAChB,CACF,EACA,SAAU,CACR,WAAY,CAGV,OAAI,KAAK,iBACA,CACL,KAAK,WAAW,CAAC,EACf,IACA,KAAK,WAAW,CAAC,EACjB,IACA,KAAK,WAAW,CAAC,CACrB,EAEO,CAAC,KAAK,WAAW,CAAC,CAAC,CAE9B,EACA,UAAW,CACT,MAAO,CACL,WAAY,KAAK,OAAS,KAC1B,UAAW,KAAK,OAAS,IAC3B,CACF,EACA,iBAAkB,CAIhB,MAAMC,EAAQ,CAAE,GAAG,KAAK,aAAY,EACpC,cAAOA,EAAM,KACNA,CACT,GAEF,SAAU,CACJ,KAAK,WAAW,CAAC,IACnB,KAAK,OAAS,SAAS,KAAK,WAAW,CAAC,CAAC,GAEvC,KAAK,WAAW,CAAC,IACf,KAAK,WAAW,CAAC,EAAE,YAAW,IAAO,OACvC,KAAK,iBAAmB,GACf,KAAK,WAAW,CAAC,EAAE,YAAW,IAAO,MAC9C,KAAK,aAAe,GACX,KAAK,WAAW,CAAC,EAAE,YAAW,IAAO,SAC9C,KAAK,aAAe,IAG1B,EACA,QAAS,CACP,SAAU,CACR,IAAIC,EAAO,YACX,OAAI,KAAK,WAAW,CAAC,IACnBA,EAAO,KAAK,WAAW,CAAC,GAEnBA,CACT,EAEJ,0FAhFEC,EAAAA,mBAYM,MAAA,CAZD,IAAI,YAAY,MAAM,kBAAmB,uBAAOC,EAAA,eAAe,IAClEC,EAAAA,mBAGO,MAAA,CAFJ,gDAAgCC,EAAA,WAAW,EAAA,EAC3C,uBAAOF,EAAA,QAAQ,WAGVG,EAAA,4BADRC,EAAAA,YAMEC,EAAA,OAJC,WAAYL,EAAA,UACZ,SAAUE,EAAA,gBACV,uBAAOA,EAAA,aAAa,EACpB,eAAc"}

package/dist/{LimitscolumnWidget-C_jzHXdC.js → LimitscolumnWidget-DlPcKW-r.js}

@@ -1,4 +1,4 @@
-import { B as e } from "./BarColumn-BN5j9sPr.js";
+import { B as e } from "./BarColumn-Dl9qcKah.js";
 import { createElementBlock as s, openBlock as l, normalizeStyle as r, createStaticVNode as h } from "vue";
 import { _ as d } from "./CustomIcon-B9m73Gqm.js";
 const o = {
@@ -63,4 +63,4 @@ const w = /* @__PURE__ */ d(o, [["render", m], ["__scopeId", "data-v-a4a8f4ab"]]
 export {
   w as default
 };
-//# sourceMappingURL=LimitscolumnWidget-C_jzHXdC.js.map
+//# sourceMappingURL=LimitscolumnWidget-DlPcKW-r.js.map

package/dist/{LimitscolumnWidget-C_jzHXdC.js.map → LimitscolumnWidget-DlPcKW-r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LimitscolumnWidget-C_jzHXdC.js","sources":["../src/widgets/LimitscolumnWidget.vue"],"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\n<template>\n  <div class=\"limitsbar\" :style=\"[cssProps, computedStyle]\">\n    <div class=\"limitsbar__container\">\n      <div class=\"limitsbar__redlow\" />\n      <div class=\"limitsbar__redhigh\" />\n      <div class=\"limitsbar__yellowlow\" />\n      <div class=\"limitsbar__yellowhigh\" />\n      <div class=\"limitsbar__greenlow\" />\n      <div class=\"limitsbar__greenhigh\" />\n      <div class=\"limitsbar__blue\" />\n\n      <div class=\"limitsbar__line\" />\n      <div class=\"limitsbar__arrow\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport BarColumn from './BarColumn'\n\nexport default {\n  mixins: [BarColumn],\n  data() {\n    return {\n      width: 22, // px\n      height: 120, // users will override with px\n    }\n  },\n  computed: {\n    // TODO: Not sure why we have to reimplement this from BarColumn\n    // strangely enough LimitsbarWidget.vue works fine without it\n    cssProps: function () {\n      let value = this.screenValues[this.valueId][0]\n      let limits = this.modifyLimits(\n        this.limitsSettings[this.selectedLimitsSet],\n      )\n      if (limits) {\n        this.calcLimits(limits)\n        return {\n          '--height': this.height + 'px',\n          '--width': this.width + 'px',\n          '--container-width': this.width - 5 + 'px',\n          '--position': this.calcPosition(value, limits) + '%',\n          '--redlow-height': this.redLow + '%',\n          '--redhigh-height': this.redHigh + '%',\n          '--yellowlow-height': this.yellowLow + '%',\n          '--yellowhigh-height': this.yellowHigh + '%',\n          '--greenlow-height': this.greenLow + '%',\n          '--greenhigh-height': this.greenHigh + '%',\n          '--blue-height': this.blue + '%',\n        }\n      } else {\n        // See errorCaptured in Openc3Screen.vue for how this is parsed\n        throw {\n          line: this.line,\n          lineNumber: this.lineNumber,\n          keyword: 'LIMITSCOLUMN',\n          parameters: this.parameters,\n          message: 'Item has no limits settings',\n          usage: 'Only items with limits',\n        }\n      }\n    },\n  },\n  created() {\n    this.verifyNumParams(\n      'LIMITSCOLUMN',\n      3,\n      6,\n      'LIMITSCOLUMN <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>',\n    )\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.limitsbar {\n  cursor: default;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  height: var(--height);\n  margin-right: 5px;\n}\n.limitsbar__container {\n  position: relative;\n  flex: 1 1 100%;\n  width: var(--container-width);\n  border: 1px solid black;\n  background-color: white;\n}\n.limitsbar__redlow {\n  position: absolute;\n  bottom: 0px;\n  width: var(--container-width);\n  height: var(--redlow-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__redhigh {\n  position: absolute;\n  top: 0px;\n  width: var(--container-width);\n  height: var(--redhigh-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__yellowlow {\n  position: absolute;\n  bottom: var(--redlow-height);\n  height: var(--yellowlow-height);\n  width: var(--container-width);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__yellowhigh {\n  position: absolute;\n  top: var(--redhigh-height);\n  height: var(--yellowhigh-height);\n  width: var(--container-width);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__greenlow {\n  position: absolute;\n  bottom: calc(var(--redlow-height) + var(--yellowlow-height));\n  width: var(--container-width);\n  height: var(--greenlow-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__greenhigh {\n  position: absolute;\n  top: calc(var(--redhigh-height) + var(--yellowhigh-height));\n  width: var(--container-width);\n  height: var(--greenhigh-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__blue {\n  position: absolute;\n  bottom: calc(\n    var(--redlow-height) + var(--yellowlow-height) + var(--greenlow-height)\n  );\n  width: var(--container-width);\n  height: var(--blue-height);\n  background-color: rgb(0, 153, 255);\n}\n.limitsbar__line {\n  position: absolute;\n  bottom: var(--position);\n  width: var(--container-width);\n  height: 1px;\n  background-color: rgb(128, 128, 128);\n}\n$arrow-size: 5px;\n.limitsbar__arrow {\n  position: absolute;\n  bottom: var(--position);\n  left: var(--container-width);\n  width: 0;\n  height: 0;\n  transform: translateY($arrow-size); // Transform so it sits over the line\n  border-top: $arrow-size solid transparent;\n  border-bottom: $arrow-size solid transparent;\n  border-right: $arrow-size solid rgb(128, 128, 128);\n}\n</style>\n"],"names":["_sfc_main","BarColumn","value","limits","_createElementBlock","_normalizeStyle","$options","_ctx"],"mappings":";;;AAsCA,MAAKA,IAAU;AAAA,EACb,QAAQ,CAACC,CAAS;AAAA,EAClB,OAAO;AACL,WAAO;AAAA,MACL,OAAO;AAAA;AAAA,MACP,QAAQ;AAAA;AAAA,IACV;AAAA,EACF;AAAA,EACA,UAAU;AAAA;AAAA;AAAA,IAGR,UAAU,WAAY;AACpB,UAAIC,IAAQ,KAAK,aAAa,KAAK,OAAO,EAAE,CAAC,GACzCC,IAAS,KAAK;AAAA,QAChB,KAAK,eAAe,KAAK,iBAAiB;AAAA,MAC5C;AACA,UAAIA;AACF,oBAAK,WAAWA,CAAM,GACf;AAAA,UACL,YAAY,KAAK,SAAS;AAAA,UAC1B,WAAW,KAAK,QAAQ;AAAA,UACxB,qBAAqB,KAAK,QAAQ,IAAI;AAAA,UACtC,cAAc,KAAK,aAAaD,GAAOC,CAAM,IAAI;AAAA,UACjD,mBAAmB,KAAK,SAAS;AAAA,UACjC,oBAAoB,KAAK,UAAU;AAAA,UACnC,sBAAsB,KAAK,YAAY;AAAA,UACvC,uBAAuB,KAAK,aAAa;AAAA,UACzC,qBAAqB,KAAK,WAAW;AAAA,UACrC,sBAAsB,KAAK,YAAY;AAAA,UACvC,iBAAiB,KAAK,OAAO;AAAA,QAC/B;AAGA,YAAM;AAAA,QACJ,MAAM,KAAK;AAAA,QACX,YAAY,KAAK;AAAA,QACjB,SAAS;AAAA,QACT,YAAY,KAAK;AAAA,QACjB,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IAEJ;AAAA;EAEF,UAAU;AACR,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;;cAvEEC,EAaM,OAAA;AAAA,IAbD,OAAM;AAAA,IAAa,OAAKC,EAAA,CAAGC,EAAA,UAAUC,EAAA,aAAa,CAAA;AAAA;;;;;"}
+{"version":3,"file":"LimitscolumnWidget-DlPcKW-r.js","sources":["../src/widgets/LimitscolumnWidget.vue"],"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\n<template>\n  <div class=\"limitsbar\" :style=\"[cssProps, computedStyle]\">\n    <div class=\"limitsbar__container\">\n      <div class=\"limitsbar__redlow\" />\n      <div class=\"limitsbar__redhigh\" />\n      <div class=\"limitsbar__yellowlow\" />\n      <div class=\"limitsbar__yellowhigh\" />\n      <div class=\"limitsbar__greenlow\" />\n      <div class=\"limitsbar__greenhigh\" />\n      <div class=\"limitsbar__blue\" />\n\n      <div class=\"limitsbar__line\" />\n      <div class=\"limitsbar__arrow\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport BarColumn from './BarColumn'\n\nexport default {\n  mixins: [BarColumn],\n  data() {\n    return {\n      width: 22, // px\n      height: 120, // users will override with px\n    }\n  },\n  computed: {\n    // TODO: Not sure why we have to reimplement this from BarColumn\n    // strangely enough LimitsbarWidget.vue works fine without it\n    cssProps: function () {\n      let value = this.screenValues[this.valueId][0]\n      let limits = this.modifyLimits(\n        this.limitsSettings[this.selectedLimitsSet],\n      )\n      if (limits) {\n        this.calcLimits(limits)\n        return {\n          '--height': this.height + 'px',\n          '--width': this.width + 'px',\n          '--container-width': this.width - 5 + 'px',\n          '--position': this.calcPosition(value, limits) + '%',\n          '--redlow-height': this.redLow + '%',\n          '--redhigh-height': this.redHigh + '%',\n          '--yellowlow-height': this.yellowLow + '%',\n          '--yellowhigh-height': this.yellowHigh + '%',\n          '--greenlow-height': this.greenLow + '%',\n          '--greenhigh-height': this.greenHigh + '%',\n          '--blue-height': this.blue + '%',\n        }\n      } else {\n        // See errorCaptured in Openc3Screen.vue for how this is parsed\n        throw {\n          line: this.line,\n          lineNumber: this.lineNumber,\n          keyword: 'LIMITSCOLUMN',\n          parameters: this.parameters,\n          message: 'Item has no limits settings',\n          usage: 'Only items with limits',\n        }\n      }\n    },\n  },\n  created() {\n    this.verifyNumParams(\n      'LIMITSCOLUMN',\n      3,\n      6,\n      'LIMITSCOLUMN <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>',\n    )\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.limitsbar {\n  cursor: default;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  height: var(--height);\n  margin-right: 5px;\n}\n.limitsbar__container {\n  position: relative;\n  flex: 1 1 100%;\n  width: var(--container-width);\n  border: 1px solid black;\n  background-color: white;\n}\n.limitsbar__redlow {\n  position: absolute;\n  bottom: 0px;\n  width: var(--container-width);\n  height: var(--redlow-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__redhigh {\n  position: absolute;\n  top: 0px;\n  width: var(--container-width);\n  height: var(--redhigh-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__yellowlow {\n  position: absolute;\n  bottom: var(--redlow-height);\n  height: var(--yellowlow-height);\n  width: var(--container-width);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__yellowhigh {\n  position: absolute;\n  top: var(--redhigh-height);\n  height: var(--yellowhigh-height);\n  width: var(--container-width);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__greenlow {\n  position: absolute;\n  bottom: calc(var(--redlow-height) + var(--yellowlow-height));\n  width: var(--container-width);\n  height: var(--greenlow-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__greenhigh {\n  position: absolute;\n  top: calc(var(--redhigh-height) + var(--yellowhigh-height));\n  width: var(--container-width);\n  height: var(--greenhigh-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__blue {\n  position: absolute;\n  bottom: calc(\n    var(--redlow-height) + var(--yellowlow-height) + var(--greenlow-height)\n  );\n  width: var(--container-width);\n  height: var(--blue-height);\n  background-color: rgb(0, 153, 255);\n}\n.limitsbar__line {\n  position: absolute;\n  bottom: var(--position);\n  width: var(--container-width);\n  height: 1px;\n  background-color: rgb(128, 128, 128);\n}\n$arrow-size: 5px;\n.limitsbar__arrow {\n  position: absolute;\n  bottom: var(--position);\n  left: var(--container-width);\n  width: 0;\n  height: 0;\n  transform: translateY($arrow-size); // Transform so it sits over the line\n  border-top: $arrow-size solid transparent;\n  border-bottom: $arrow-size solid transparent;\n  border-right: $arrow-size solid rgb(128, 128, 128);\n}\n</style>\n"],"names":["_sfc_main","BarColumn","value","limits","_createElementBlock","_normalizeStyle","$options","_ctx"],"mappings":";;;AAsCA,MAAKA,IAAU;AAAA,EACb,QAAQ,CAACC,CAAS;AAAA,EAClB,OAAO;AACL,WAAO;AAAA,MACL,OAAO;AAAA;AAAA,MACP,QAAQ;AAAA;AAAA,IACV;AAAA,EACF;AAAA,EACA,UAAU;AAAA;AAAA;AAAA,IAGR,UAAU,WAAY;AACpB,UAAIC,IAAQ,KAAK,aAAa,KAAK,OAAO,EAAE,CAAC,GACzCC,IAAS,KAAK;AAAA,QAChB,KAAK,eAAe,KAAK,iBAAiB;AAAA,MAC5C;AACA,UAAIA;AACF,oBAAK,WAAWA,CAAM,GACf;AAAA,UACL,YAAY,KAAK,SAAS;AAAA,UAC1B,WAAW,KAAK,QAAQ;AAAA,UACxB,qBAAqB,KAAK,QAAQ,IAAI;AAAA,UACtC,cAAc,KAAK,aAAaD,GAAOC,CAAM,IAAI;AAAA,UACjD,mBAAmB,KAAK,SAAS;AAAA,UACjC,oBAAoB,KAAK,UAAU;AAAA,UACnC,sBAAsB,KAAK,YAAY;AAAA,UACvC,uBAAuB,KAAK,aAAa;AAAA,UACzC,qBAAqB,KAAK,WAAW;AAAA,UACrC,sBAAsB,KAAK,YAAY;AAAA,UACvC,iBAAiB,KAAK,OAAO;AAAA,QAC/B;AAGA,YAAM;AAAA,QACJ,MAAM,KAAK;AAAA,QACX,YAAY,KAAK;AAAA,QACjB,SAAS;AAAA,QACT,YAAY,KAAK;AAAA,QACjB,SAAS;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IAEJ;AAAA;EAEF,UAAU;AACR,SAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;;cAvEEC,EAaM,OAAA;AAAA,IAbD,OAAM;AAAA,IAAa,OAAKC,EAAA,CAAGC,EAAA,UAAUC,EAAA,aAAa,CAAA;AAAA;;;;;"}

package/dist/{LimitscolumnWidget-BuwnurP3.cjs → LimitscolumnWidget-DxaM5RDH.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./BarColumn-3M4oLg_y.cjs"),t=require("vue"),l=require("./CustomIcon-CEc927h0.cjs"),r={mixins:[s.BarColumn],data(){return{width:22,height:120}},computed:{cssProps:function(){let e=this.screenValues[this.valueId][0],i=this.modifyLimits(this.limitsSettings[this.selectedLimitsSet]);if(i)return this.calcLimits(i),{"--height":this.height+"px","--width":this.width+"px","--container-width":this.width-5+"px","--position":this.calcPosition(e,i)+"%","--redlow-height":this.redLow+"%","--redhigh-height":this.redHigh+"%","--yellowlow-height":this.yellowLow+"%","--yellowhigh-height":this.yellowHigh+"%","--greenlow-height":this.greenLow+"%","--greenhigh-height":this.greenHigh+"%","--blue-height":this.blue+"%"};throw{line:this.line,lineNumber:this.lineNumber,keyword:"LIMITSCOLUMN",parameters:this.parameters,message:"Item has no limits settings",usage:"Only items with limits"}}},created(){this.verifyNumParams("LIMITSCOLUMN",3,6,"LIMITSCOLUMN <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>")}};function h(e,i,o,n,c,a){return t.openBlock(),t.createElementBlock("div",{class:"limitsbar",style:t.normalizeStyle([a.cssProps,e.computedStyle])},[...i[0]||(i[0]=[t.createStaticVNode('<div class="limitsbar__container" data-v-a4a8f4ab><div class="limitsbar__redlow" data-v-a4a8f4ab></div><div class="limitsbar__redhigh" data-v-a4a8f4ab></div><div class="limitsbar__yellowlow" data-v-a4a8f4ab></div><div class="limitsbar__yellowhigh" data-v-a4a8f4ab></div><div class="limitsbar__greenlow" data-v-a4a8f4ab></div><div class="limitsbar__greenhigh" data-v-a4a8f4ab></div><div class="limitsbar__blue" data-v-a4a8f4ab></div><div class="limitsbar__line" data-v-a4a8f4ab></div><div class="limitsbar__arrow" data-v-a4a8f4ab></div></div>',1)])],4)}const d=l._export_sfc(r,[["render",h],["__scopeId","data-v-a4a8f4ab"]]);exports.default=d;
-//# sourceMappingURL=LimitscolumnWidget-BuwnurP3.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./BarColumn-BLzB9nJI.cjs"),t=require("vue"),l=require("./CustomIcon-CEc927h0.cjs"),r={mixins:[s.BarColumn],data(){return{width:22,height:120}},computed:{cssProps:function(){let e=this.screenValues[this.valueId][0],i=this.modifyLimits(this.limitsSettings[this.selectedLimitsSet]);if(i)return this.calcLimits(i),{"--height":this.height+"px","--width":this.width+"px","--container-width":this.width-5+"px","--position":this.calcPosition(e,i)+"%","--redlow-height":this.redLow+"%","--redhigh-height":this.redHigh+"%","--yellowlow-height":this.yellowLow+"%","--yellowhigh-height":this.yellowHigh+"%","--greenlow-height":this.greenLow+"%","--greenhigh-height":this.greenHigh+"%","--blue-height":this.blue+"%"};throw{line:this.line,lineNumber:this.lineNumber,keyword:"LIMITSCOLUMN",parameters:this.parameters,message:"Item has no limits settings",usage:"Only items with limits"}}},created(){this.verifyNumParams("LIMITSCOLUMN",3,6,"LIMITSCOLUMN <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>")}};function h(e,i,o,n,c,a){return t.openBlock(),t.createElementBlock("div",{class:"limitsbar",style:t.normalizeStyle([a.cssProps,e.computedStyle])},[...i[0]||(i[0]=[t.createStaticVNode('<div class="limitsbar__container" data-v-a4a8f4ab><div class="limitsbar__redlow" data-v-a4a8f4ab></div><div class="limitsbar__redhigh" data-v-a4a8f4ab></div><div class="limitsbar__yellowlow" data-v-a4a8f4ab></div><div class="limitsbar__yellowhigh" data-v-a4a8f4ab></div><div class="limitsbar__greenlow" data-v-a4a8f4ab></div><div class="limitsbar__greenhigh" data-v-a4a8f4ab></div><div class="limitsbar__blue" data-v-a4a8f4ab></div><div class="limitsbar__line" data-v-a4a8f4ab></div><div class="limitsbar__arrow" data-v-a4a8f4ab></div></div>',1)])],4)}const d=l._export_sfc(r,[["render",h],["__scopeId","data-v-a4a8f4ab"]]);exports.default=d;
+//# sourceMappingURL=LimitscolumnWidget-DxaM5RDH.cjs.map

package/dist/{LimitscolumnWidget-BuwnurP3.cjs.map → LimitscolumnWidget-DxaM5RDH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"LimitscolumnWidget-BuwnurP3.cjs","sources":["../src/widgets/LimitscolumnWidget.vue"],"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\n<template>\n  <div class=\"limitsbar\" :style=\"[cssProps, computedStyle]\">\n    <div class=\"limitsbar__container\">\n      <div class=\"limitsbar__redlow\" />\n      <div class=\"limitsbar__redhigh\" />\n      <div class=\"limitsbar__yellowlow\" />\n      <div class=\"limitsbar__yellowhigh\" />\n      <div class=\"limitsbar__greenlow\" />\n      <div class=\"limitsbar__greenhigh\" />\n      <div class=\"limitsbar__blue\" />\n\n      <div class=\"limitsbar__line\" />\n      <div class=\"limitsbar__arrow\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport BarColumn from './BarColumn'\n\nexport default {\n  mixins: [BarColumn],\n  data() {\n    return {\n      width: 22, // px\n      height: 120, // users will override with px\n    }\n  },\n  computed: {\n    // TODO: Not sure why we have to reimplement this from BarColumn\n    // strangely enough LimitsbarWidget.vue works fine without it\n    cssProps: function () {\n      let value = this.screenValues[this.valueId][0]\n      let limits = this.modifyLimits(\n        this.limitsSettings[this.selectedLimitsSet],\n      )\n      if (limits) {\n        this.calcLimits(limits)\n        return {\n          '--height': this.height + 'px',\n          '--width': this.width + 'px',\n          '--container-width': this.width - 5 + 'px',\n          '--position': this.calcPosition(value, limits) + '%',\n          '--redlow-height': this.redLow + '%',\n          '--redhigh-height': this.redHigh + '%',\n          '--yellowlow-height': this.yellowLow + '%',\n          '--yellowhigh-height': this.yellowHigh + '%',\n          '--greenlow-height': this.greenLow + '%',\n          '--greenhigh-height': this.greenHigh + '%',\n          '--blue-height': this.blue + '%',\n        }\n      } else {\n        // See errorCaptured in Openc3Screen.vue for how this is parsed\n        throw {\n          line: this.line,\n          lineNumber: this.lineNumber,\n          keyword: 'LIMITSCOLUMN',\n          parameters: this.parameters,\n          message: 'Item has no limits settings',\n          usage: 'Only items with limits',\n        }\n      }\n    },\n  },\n  created() {\n    this.verifyNumParams(\n      'LIMITSCOLUMN',\n      3,\n      6,\n      'LIMITSCOLUMN <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>',\n    )\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.limitsbar {\n  cursor: default;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  height: var(--height);\n  margin-right: 5px;\n}\n.limitsbar__container {\n  position: relative;\n  flex: 1 1 100%;\n  width: var(--container-width);\n  border: 1px solid black;\n  background-color: white;\n}\n.limitsbar__redlow {\n  position: absolute;\n  bottom: 0px;\n  width: var(--container-width);\n  height: var(--redlow-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__redhigh {\n  position: absolute;\n  top: 0px;\n  width: var(--container-width);\n  height: var(--redhigh-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__yellowlow {\n  position: absolute;\n  bottom: var(--redlow-height);\n  height: var(--yellowlow-height);\n  width: var(--container-width);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__yellowhigh {\n  position: absolute;\n  top: var(--redhigh-height);\n  height: var(--yellowhigh-height);\n  width: var(--container-width);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__greenlow {\n  position: absolute;\n  bottom: calc(var(--redlow-height) + var(--yellowlow-height));\n  width: var(--container-width);\n  height: var(--greenlow-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__greenhigh {\n  position: absolute;\n  top: calc(var(--redhigh-height) + var(--yellowhigh-height));\n  width: var(--container-width);\n  height: var(--greenhigh-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__blue {\n  position: absolute;\n  bottom: calc(\n    var(--redlow-height) + var(--yellowlow-height) + var(--greenlow-height)\n  );\n  width: var(--container-width);\n  height: var(--blue-height);\n  background-color: rgb(0, 153, 255);\n}\n.limitsbar__line {\n  position: absolute;\n  bottom: var(--position);\n  width: var(--container-width);\n  height: 1px;\n  background-color: rgb(128, 128, 128);\n}\n$arrow-size: 5px;\n.limitsbar__arrow {\n  position: absolute;\n  bottom: var(--position);\n  left: var(--container-width);\n  width: 0;\n  height: 0;\n  transform: translateY($arrow-size); // Transform so it sits over the line\n  border-top: $arrow-size solid transparent;\n  border-bottom: $arrow-size solid transparent;\n  border-right: $arrow-size solid rgb(128, 128, 128);\n}\n</style>\n"],"names":["_sfc_main","BarColumn","value","limits","_createElementBlock","_normalizeStyle","$options","_ctx"],"mappings":"oLAsCKA,EAAU,CACb,OAAQ,CAACC,EAAAA,SAAS,EAClB,MAAO,CACL,MAAO,CACL,MAAO,GACP,OAAQ,GACV,CACF,EACA,SAAU,CAGR,SAAU,UAAY,CACpB,IAAIC,EAAQ,KAAK,aAAa,KAAK,OAAO,EAAE,CAAC,EACzCC,EAAS,KAAK,aAChB,KAAK,eAAe,KAAK,iBAAiB,CAC5C,EACA,GAAIA,EACF,YAAK,WAAWA,CAAM,EACf,CACL,WAAY,KAAK,OAAS,KAC1B,UAAW,KAAK,MAAQ,KACxB,oBAAqB,KAAK,MAAQ,EAAI,KACtC,aAAc,KAAK,aAAaD,EAAOC,CAAM,EAAI,IACjD,kBAAmB,KAAK,OAAS,IACjC,mBAAoB,KAAK,QAAU,IACnC,qBAAsB,KAAK,UAAY,IACvC,sBAAuB,KAAK,WAAa,IACzC,oBAAqB,KAAK,SAAW,IACrC,qBAAsB,KAAK,UAAY,IACvC,gBAAiB,KAAK,KAAO,GAC/B,EAGA,KAAM,CACJ,KAAM,KAAK,KACX,WAAY,KAAK,WACjB,QAAS,eACT,WAAY,KAAK,WACjB,QAAS,8BACT,MAAO,wBACT,CAEJ,GAEF,SAAU,CACR,KAAK,gBACH,eACA,EACA,EACA,+DACF,CACF,CACF,+CAvEEC,EAAAA,mBAaM,MAAA,CAbD,MAAM,YAAa,MAAKC,EAAAA,eAAA,CAAGC,EAAA,SAAUC,EAAA,aAAa,CAAA"}
+{"version":3,"file":"LimitscolumnWidget-DxaM5RDH.cjs","sources":["../src/widgets/LimitscolumnWidget.vue"],"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\n<template>\n  <div class=\"limitsbar\" :style=\"[cssProps, computedStyle]\">\n    <div class=\"limitsbar__container\">\n      <div class=\"limitsbar__redlow\" />\n      <div class=\"limitsbar__redhigh\" />\n      <div class=\"limitsbar__yellowlow\" />\n      <div class=\"limitsbar__yellowhigh\" />\n      <div class=\"limitsbar__greenlow\" />\n      <div class=\"limitsbar__greenhigh\" />\n      <div class=\"limitsbar__blue\" />\n\n      <div class=\"limitsbar__line\" />\n      <div class=\"limitsbar__arrow\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport BarColumn from './BarColumn'\n\nexport default {\n  mixins: [BarColumn],\n  data() {\n    return {\n      width: 22, // px\n      height: 120, // users will override with px\n    }\n  },\n  computed: {\n    // TODO: Not sure why we have to reimplement this from BarColumn\n    // strangely enough LimitsbarWidget.vue works fine without it\n    cssProps: function () {\n      let value = this.screenValues[this.valueId][0]\n      let limits = this.modifyLimits(\n        this.limitsSettings[this.selectedLimitsSet],\n      )\n      if (limits) {\n        this.calcLimits(limits)\n        return {\n          '--height': this.height + 'px',\n          '--width': this.width + 'px',\n          '--container-width': this.width - 5 + 'px',\n          '--position': this.calcPosition(value, limits) + '%',\n          '--redlow-height': this.redLow + '%',\n          '--redhigh-height': this.redHigh + '%',\n          '--yellowlow-height': this.yellowLow + '%',\n          '--yellowhigh-height': this.yellowHigh + '%',\n          '--greenlow-height': this.greenLow + '%',\n          '--greenhigh-height': this.greenHigh + '%',\n          '--blue-height': this.blue + '%',\n        }\n      } else {\n        // See errorCaptured in Openc3Screen.vue for how this is parsed\n        throw {\n          line: this.line,\n          lineNumber: this.lineNumber,\n          keyword: 'LIMITSCOLUMN',\n          parameters: this.parameters,\n          message: 'Item has no limits settings',\n          usage: 'Only items with limits',\n        }\n      }\n    },\n  },\n  created() {\n    this.verifyNumParams(\n      'LIMITSCOLUMN',\n      3,\n      6,\n      'LIMITSCOLUMN <TARGET> <PACKET> <ITEM> <TYPE> <WIDTH> <HEIGHT>',\n    )\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.limitsbar {\n  cursor: default;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  height: var(--height);\n  margin-right: 5px;\n}\n.limitsbar__container {\n  position: relative;\n  flex: 1 1 100%;\n  width: var(--container-width);\n  border: 1px solid black;\n  background-color: white;\n}\n.limitsbar__redlow {\n  position: absolute;\n  bottom: 0px;\n  width: var(--container-width);\n  height: var(--redlow-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__redhigh {\n  position: absolute;\n  top: 0px;\n  width: var(--container-width);\n  height: var(--redhigh-height);\n  background-color: rgb(255, 45, 45);\n}\n.limitsbar__yellowlow {\n  position: absolute;\n  bottom: var(--redlow-height);\n  height: var(--yellowlow-height);\n  width: var(--container-width);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__yellowhigh {\n  position: absolute;\n  top: var(--redhigh-height);\n  height: var(--yellowhigh-height);\n  width: var(--container-width);\n  background-color: rgb(255, 220, 0);\n}\n.limitsbar__greenlow {\n  position: absolute;\n  bottom: calc(var(--redlow-height) + var(--yellowlow-height));\n  width: var(--container-width);\n  height: var(--greenlow-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__greenhigh {\n  position: absolute;\n  top: calc(var(--redhigh-height) + var(--yellowhigh-height));\n  width: var(--container-width);\n  height: var(--greenhigh-height);\n  background-color: rgb(0, 200, 0);\n}\n.limitsbar__blue {\n  position: absolute;\n  bottom: calc(\n    var(--redlow-height) + var(--yellowlow-height) + var(--greenlow-height)\n  );\n  width: var(--container-width);\n  height: var(--blue-height);\n  background-color: rgb(0, 153, 255);\n}\n.limitsbar__line {\n  position: absolute;\n  bottom: var(--position);\n  width: var(--container-width);\n  height: 1px;\n  background-color: rgb(128, 128, 128);\n}\n$arrow-size: 5px;\n.limitsbar__arrow {\n  position: absolute;\n  bottom: var(--position);\n  left: var(--container-width);\n  width: 0;\n  height: 0;\n  transform: translateY($arrow-size); // Transform so it sits over the line\n  border-top: $arrow-size solid transparent;\n  border-bottom: $arrow-size solid transparent;\n  border-right: $arrow-size solid rgb(128, 128, 128);\n}\n</style>\n"],"names":["_sfc_main","BarColumn","value","limits","_createElementBlock","_normalizeStyle","$options","_ctx"],"mappings":"oLAsCKA,EAAU,CACb,OAAQ,CAACC,EAAAA,SAAS,EAClB,MAAO,CACL,MAAO,CACL,MAAO,GACP,OAAQ,GACV,CACF,EACA,SAAU,CAGR,SAAU,UAAY,CACpB,IAAIC,EAAQ,KAAK,aAAa,KAAK,OAAO,EAAE,CAAC,EACzCC,EAAS,KAAK,aAChB,KAAK,eAAe,KAAK,iBAAiB,CAC5C,EACA,GAAIA,EACF,YAAK,WAAWA,CAAM,EACf,CACL,WAAY,KAAK,OAAS,KAC1B,UAAW,KAAK,MAAQ,KACxB,oBAAqB,KAAK,MAAQ,EAAI,KACtC,aAAc,KAAK,aAAaD,EAAOC,CAAM,EAAI,IACjD,kBAAmB,KAAK,OAAS,IACjC,mBAAoB,KAAK,QAAU,IACnC,qBAAsB,KAAK,UAAY,IACvC,sBAAuB,KAAK,WAAa,IACzC,oBAAqB,KAAK,SAAW,IACrC,qBAAsB,KAAK,UAAY,IACvC,gBAAiB,KAAK,KAAO,GAC/B,EAGA,KAAM,CACJ,KAAM,KAAK,KACX,WAAY,KAAK,WACjB,QAAS,eACT,WAAY,KAAK,WACjB,QAAS,8BACT,MAAO,wBACT,CAEJ,GAEF,SAAU,CACR,KAAK,gBACH,eACA,EACA,EACA,+DACF,CACF,CACF,+CAvEEC,EAAAA,mBAaM,MAAA,CAbD,MAAM,YAAa,MAAKC,EAAAA,eAAA,CAAGC,EAAA,SAAUC,EAAA,aAAa,CAAA"}

package/dist/{LinegraphWidget-Cgd3gSk8.cjs → LinegraphWidget-8TvRUoqu.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./GraphWidget-BuLKrARk.cjs");require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-COA1HwFc.cjs");const i=require("vue"),o=require("./CustomIcon-CEc927h0.cjs"),n=require("./Graph-BT7YHaLU.cjs");require("single-spa");const a={components:{Graph:n.Graph},mixins:[r.GraphWidget]};function d(e,t,h,l,u,g){const s=i.resolveComponent("graph");return i.openBlock(),i.createBlock(s,{id:e.id,ref:"graph"+e.id,state:e.state,"selected-graph-id":e.id,"start-time":e.startTime,"seconds-graphed":e.secondsGraphed,"points-saved":e.pointsSaved,"points-graphed":e.pointsGraphed,"initial-items":e.items,height:e.size.height,width:e.size.width,style:i.normalizeStyle(e.computedStyle),"time-zone":e.screenTimeZone,"hide-toolbar":"","hide-overview":"",onPause:t[0]||(t[0]=()=>e.state="pause"),onStart:t[1]||(t[1]=()=>e.state="start")},null,8,["id","state","selected-graph-id","start-time","seconds-graphed","points-saved","points-graphed","initial-items","height","width","style","time-zone"])}const p=o._export_sfc(a,[["render",d]]);exports.default=p;
-//# sourceMappingURL=LinegraphWidget-Cgd3gSk8.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./GraphWidget-DT8M_V6q.cjs");require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-DMwcaglo.cjs");const i=require("vue"),o=require("./CustomIcon-CEc927h0.cjs"),n=require("./Graph-Du90yHUZ.cjs");require("single-spa");const a={components:{Graph:n.Graph},mixins:[r.GraphWidget]};function d(e,t,h,l,u,g){const s=i.resolveComponent("graph");return i.openBlock(),i.createBlock(s,{id:e.id,ref:"graph"+e.id,state:e.state,"selected-graph-id":e.id,"start-time":e.startTime,"seconds-graphed":e.secondsGraphed,"points-saved":e.pointsSaved,"points-graphed":e.pointsGraphed,"initial-items":e.items,height:e.size.height,width:e.size.width,style:i.normalizeStyle(e.computedStyle),"time-zone":e.screenTimeZone,"hide-toolbar":"","hide-overview":"",onPause:t[0]||(t[0]=()=>e.state="pause"),onStart:t[1]||(t[1]=()=>e.state="start")},null,8,["id","state","selected-graph-id","start-time","seconds-graphed","points-saved","points-graphed","initial-items","height","width","style","time-zone"])}const p=o._export_sfc(a,[["render",d]]);exports.default=p;
+//# sourceMappingURL=LinegraphWidget-8TvRUoqu.cjs.map