@openc3/vue-common 6.10.1 → 6.10.3

package/dist/Layout-B_Hgw3gd.js

@@ -0,0 +1,36 @@
+import { W as g } from "./Widget-6-Nvewdp.js";
+const u = {
+  mixins: [g],
+  props: {
+    widgets: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    getTooltipText(s) {
+      var e;
+      const t = (e = s.settings) == null ? void 0 : e.find((i) => i[0] === "TOOLTIP");
+      return t ? t[1] : null;
+    },
+    getTooltipDelay(s) {
+      var e;
+      const t = (e = s.settings) == null ? void 0 : e.find((i) => i[0] === "TOOLTIP");
+      return t && t[2] ? parseInt(t[2]) : 600;
+    },
+    getTooltipActivatorProps(s) {
+      var i;
+      const t = (i = s.settings) == null ? void 0 : i.some(
+        (r) => {
+          var o, a, n, p;
+          return r[0] === "WIDTH" || ((a = (o = r[0]) == null ? void 0 : o.startsWith) == null ? void 0 : a.call(o, "RAW")) && ((p = (n = r[1]) == null ? void 0 : n.toUpperCase) == null ? void 0 : p.call(n).includes("WIDTH"));
+        }
+      ), e = s.type === "ValueWidget";
+      return t || e ? {} : { style: "flex: 1 1 auto" };
+    }
+  }
+};
+export {
+  u as L
+};
+//# sourceMappingURL=Layout-B_Hgw3gd.js.map

package/dist/Layout-B_Hgw3gd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout-B_Hgw3gd.js","sources":["../src/widgets/Layout.js"],"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\nimport Widget from './Widget'\nexport default {\n  mixins: [Widget],\n  props: {\n    widgets: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  methods: {\n    getTooltipText(widget) {\n      const setting = widget.settings?.find((s) => s[0] === 'TOOLTIP')\n      return setting ? setting[1] : null\n    },\n    getTooltipDelay(widget) {\n      const setting = widget.settings?.find((s) => s[0] === 'TOOLTIP')\n      return setting && setting[2] ? parseInt(setting[2]) : 600\n    },\n    getTooltipActivatorProps(widget) {\n      // Check if widget has explicit width set - if so, don't apply flex grow\n      const hasWidthSetting = widget.settings?.some(\n        (s) =>\n          s[0] === 'WIDTH' ||\n          (s[0]?.startsWith?.('RAW') &&\n            s[1]?.toUpperCase?.().includes('WIDTH')),\n      )\n      // VALUE widget always has a default width\n      const isValueWidget = widget.type === 'ValueWidget'\n      // Only apply flex: 1 1 auto if widget doesn't have explicit width\n      return hasWidthSetting || isValueWidget ? {} : { style: 'flex: 1 1 auto' }\n    },\n  },\n}\n"],"names":["Layout","Widget","widget","setting","_a","s","hasWidthSetting","_b","_d","_c","isValueWidget"],"mappings":";AAuBA,MAAAA,IAAe;AAAA,EACb,QAAQ,CAACC,CAAM;AAAA,EACf,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IACrB;AAAA,EACA;AAAA,EACE,SAAS;AAAA,IACP,eAAeC,GAAQ;;AACrB,YAAMC,KAAUC,IAAAF,EAAO,aAAP,gBAAAE,EAAiB,KAAK,CAACC,MAAMA,EAAE,CAAC,MAAM;AACtD,aAAOF,IAAUA,EAAQ,CAAC,IAAI;AAAA,IAChC;AAAA,IACA,gBAAgBD,GAAQ;;AACtB,YAAMC,KAAUC,IAAAF,EAAO,aAAP,gBAAAE,EAAiB,KAAK,CAACC,MAAMA,EAAE,CAAC,MAAM;AACtD,aAAOF,KAAWA,EAAQ,CAAC,IAAI,SAASA,EAAQ,CAAC,CAAC,IAAI;AAAA,IACxD;AAAA,IACA,yBAAyBD,GAAQ;;AAE/B,YAAMI,KAAkBF,IAAAF,EAAO,aAAP,gBAAAE,EAAiB;AAAA,QACvC,CAACC,MAAC;;AACA,iBAAAA,EAAE,CAAC,MAAM,aACRE,KAAAH,IAAAC,EAAE,CAAC,MAAH,gBAAAD,EAAM,eAAN,gBAAAG,EAAA,KAAAH,GAAmB,aAClBI,KAAAC,IAAAJ,EAAE,CAAC,MAAH,gBAAAI,EAAM,gBAAN,gBAAAD,EAAA,KAAAC,GAAsB,SAAS;AAAA;AAAA,SAG/BC,IAAgBR,EAAO,SAAS;AAEtC,aAAOI,KAAmBI,IAAgB,KAAK,EAAE,OAAO,iBAAgB;AAAA,IAC1E;AAAA,EACJ;AACA;"}

package/dist/Layout-CVGghwYm.cjs

@@ -0,0 +1,2 @@
+"use strict";const u=require("./Widget-DdxHKVWn.cjs"),l={mixins:[u.Widget],props:{widgets:{type:Array,default:()=>[]}},methods:{getTooltipText(s){var e;const t=(e=s.settings)==null?void 0:e.find(i=>i[0]==="TOOLTIP");return t?t[1]:null},getTooltipDelay(s){var e;const t=(e=s.settings)==null?void 0:e.find(i=>i[0]==="TOOLTIP");return t&&t[2]?parseInt(t[2]):600},getTooltipActivatorProps(s){var i;const t=(i=s.settings)==null?void 0:i.some(r=>{var n,a,o,g;return r[0]==="WIDTH"||((a=(n=r[0])==null?void 0:n.startsWith)==null?void 0:a.call(n,"RAW"))&&((g=(o=r[1])==null?void 0:o.toUpperCase)==null?void 0:g.call(o).includes("WIDTH"))}),e=s.type==="ValueWidget";return t||e?{}:{style:"flex: 1 1 auto"}}}};exports.Layout=l;
+//# sourceMappingURL=Layout-CVGghwYm.cjs.map

package/dist/Layout-CVGghwYm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout-CVGghwYm.cjs","sources":["../src/widgets/Layout.js"],"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\nimport Widget from './Widget'\nexport default {\n  mixins: [Widget],\n  props: {\n    widgets: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  methods: {\n    getTooltipText(widget) {\n      const setting = widget.settings?.find((s) => s[0] === 'TOOLTIP')\n      return setting ? setting[1] : null\n    },\n    getTooltipDelay(widget) {\n      const setting = widget.settings?.find((s) => s[0] === 'TOOLTIP')\n      return setting && setting[2] ? parseInt(setting[2]) : 600\n    },\n    getTooltipActivatorProps(widget) {\n      // Check if widget has explicit width set - if so, don't apply flex grow\n      const hasWidthSetting = widget.settings?.some(\n        (s) =>\n          s[0] === 'WIDTH' ||\n          (s[0]?.startsWith?.('RAW') &&\n            s[1]?.toUpperCase?.().includes('WIDTH')),\n      )\n      // VALUE widget always has a default width\n      const isValueWidget = widget.type === 'ValueWidget'\n      // Only apply flex: 1 1 auto if widget doesn't have explicit width\n      return hasWidthSetting || isValueWidget ? {} : { style: 'flex: 1 1 auto' }\n    },\n  },\n}\n"],"names":["Layout","Widget","widget","setting","_a","s","hasWidthSetting","_b","_d","_c","isValueWidget"],"mappings":"sDAuBAA,EAAe,CACb,OAAQ,CAACC,EAAAA,MAAM,EACf,MAAO,CACL,QAAS,CACP,KAAM,MACN,QAAS,IAAM,CAAA,CACrB,CACA,EACE,QAAS,CACP,eAAeC,EAAQ,OACrB,MAAMC,GAAUC,EAAAF,EAAO,WAAP,YAAAE,EAAiB,KAAMC,GAAMA,EAAE,CAAC,IAAM,WACtD,OAAOF,EAAUA,EAAQ,CAAC,EAAI,IAChC,EACA,gBAAgBD,EAAQ,OACtB,MAAMC,GAAUC,EAAAF,EAAO,WAAP,YAAAE,EAAiB,KAAMC,GAAMA,EAAE,CAAC,IAAM,WACtD,OAAOF,GAAWA,EAAQ,CAAC,EAAI,SAASA,EAAQ,CAAC,CAAC,EAAI,GACxD,EACA,yBAAyBD,EAAQ,OAE/B,MAAMI,GAAkBF,EAAAF,EAAO,WAAP,YAAAE,EAAiB,KACtCC,GAAC,aACA,OAAAA,EAAE,CAAC,IAAM,WACRE,GAAAH,EAAAC,EAAE,CAAC,IAAH,YAAAD,EAAM,aAAN,YAAAG,EAAA,KAAAH,EAAmB,WAClBI,GAAAC,EAAAJ,EAAE,CAAC,IAAH,YAAAI,EAAM,cAAN,YAAAD,EAAA,KAAAC,GAAsB,SAAS,YAG/BC,EAAgBR,EAAO,OAAS,cAEtC,OAAOI,GAAmBI,EAAgB,GAAK,CAAE,MAAO,gBAAgB,CAC1E,CACJ,CACA"}

package/dist/{LedWidget-Gi6GXtrW.js → LedWidget-CiAVs2tj.js}

@@ -1,14 +1,15 @@
-import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C3WTK6F-.js";
-import { resolveComponent as o, createElementBlock as p, openBlock as m, createVNode as l, withCtx as i, createElementVNode as u, toDisplayString as c, mergeProps as g, Fragment as x, renderList as I, createBlock as C, withModifiers as D, createTextVNode as S } from "vue";
-import { _ as k } from "./CustomIcon-DTfsnDJn.js";
-import { D as M } from "./DetailsDialog-q9piPmHq.js";
+import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-D9LFRi0t.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-p_vutijL.js";
 import "single-spa";
-import { W as V } from "./Widget-DXvVFSH5.js";
-const E = {
+import { W as E } from "./Widget-6-Nvewdp.js";
+const T = {
   components: {
-    DetailsDialog: M
+    DetailsDialog: V
   },
-  mixins: [V],
+  mixins: [E],
+  emits: ["addItem", "deleteItem"],
   data() {
     return {
       valueId: null,
@@ -83,43 +84,49 @@ const E = {
     }
   }
 };
-function y(e, t, N, T, n, a) {
-  const h = o("v-tooltip"), d = o("v-list-item-title"), _ = o("v-list-item"), f = o("v-list"), v = o("v-menu"), w = o("details-dialog");
-  return m(), p("div", null, [
-    l(h, {
+function N(e, t, L, R, o, n) {
+  const c = l("v-tooltip"), _ = l("v-list-item-title"), f = l("v-list-item"), v = l("v-list"), w = l("v-menu"), g = l("details-dialog");
+  return i(), p("div", null, [
+    e.tooltipText ? (i(), p("div", {
+      key: 1,
+      class: I(n.getClass),
+      style: C([n.cssProps, e.computedStyle]),
+      onContextmenu: t[1] || (t[1] = (...s) => n.showContextMenu && n.showContextMenu(...s))
+    }, null, 38)) : (i(), u(c, {
+      key: 0,
       "open-delay": 600,
       location: "top"
     }, {
-      activator: i(({ props: s }) => [
-        u("div", g({
-          class: a.getClass,
-          style: [a.cssProps, e.computedStyle]
+      activator: a(({ props: s }) => [
+        d("div", x({
+          class: n.getClass,
+          style: [n.cssProps, e.computedStyle]
         }, s, {
-          onContextmenu: t[0] || (t[0] = (...r) => a.showContextMenu && a.showContextMenu(...r))
+          onContextmenu: t[0] || (t[0] = (...m) => n.showContextMenu && n.showContextMenu(...m))
         }), null, 16)
       ]),
-      default: i(() => [
-        u("span", null, c(a.fullName), 1)
+      default: a(() => [
+        d("span", null, h(n.fullName), 1)
       ]),
       _: 1
-    }),
-    l(v, {
-      modelValue: n.contextMenuShown,
-      "onUpdate:modelValue": t[1] || (t[1] = (s) => n.contextMenuShown = s),
-      target: [n.x, n.y],
+    })),
+    r(w, {
+      modelValue: o.contextMenuShown,
+      "onUpdate:modelValue": t[2] || (t[2] = (s) => o.contextMenuShown = s),
+      target: [o.x, o.y],
       style: { "z-index": "3000" }
     }, {
-      default: i(() => [
-        l(f, null, {
-          default: i(() => [
-            (m(!0), p(x, null, I(n.contextMenuOptions, (s, r) => (m(), C(_, {
-              key: r,
-              onClick: D(s.action, ["stop"])
+      default: a(() => [
+        r(v, null, {
+          default: a(() => [
+            (i(!0), p(S, null, k(o.contextMenuOptions, (s, m) => (i(), u(f, {
+              key: m,
+              onClick: y(s.action, ["stop"])
             }, {
-              default: i(() => [
-                l(d, null, {
-                  default: i(() => [
-                    S(c(s.title), 1)
+              default: a(() => [
+                r(_, null, {
+                  default: a(() => [
+                    M(h(s.title), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -132,17 +139,17 @@ function y(e, t, N, T, n, a) {
       ]),
       _: 1
     }, 8, ["modelValue", "target"]),
-    l(w, {
-      modelValue: n.viewDetails,
-      "onUpdate:modelValue": t[2] || (t[2] = (s) => n.viewDetails = s),
+    r(g, {
+      modelValue: o.viewDetails,
+      "onUpdate:modelValue": t[3] || (t[3] = (s) => o.viewDetails = s),
       "target-name": e.parameters[0],
       "packet-name": e.parameters[1],
       "item-name": e.parameters[2]
     }, null, 8, ["modelValue", "target-name", "packet-name", "item-name"])
   ]);
 }
-const A = /* @__PURE__ */ k(E, [["render", y], ["__scopeId", "data-v-566f1a1f"]]);
+const A = /* @__PURE__ */ D(T, [["render", N], ["__scopeId", "data-v-2a39f3fe"]]);
 export {
   A as default
 };
-//# sourceMappingURL=LedWidget-Gi6GXtrW.js.map
+//# sourceMappingURL=LedWidget-CiAVs2tj.js.map

package/dist/LedWidget-CiAVs2tj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LedWidget-CiAVs2tj.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":";;;;;;AAkEA,MAAKA,IAAU;AAAA,EACb,YAAY;AAAA,IACV,eAAAC;AAAA;EAEF,QAAQ,CAACC,CAAM;AAAA,EACf,OAAO,CAAC,WAAW,YAAY;AAAA,EAC/B,OAAO;AACL,WAAO;AAAA,MACL,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA;MAET,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,oBAAoB;AAAA,QAClB;AAAA,UACE,OAAO;AAAA,UACP,QAAQ,MAAM;AACZ,iBAAK,mBAAmB,IACxB,KAAK,cAAc;AAAA,UACrB;AAAA;QAEF;AAAA,UACE,OAAO;AAAA,UACP,QAAQ,MAAM;AACZ,mBAAO;AAAA,cACL,uBACE,mBAAmB,KAAK,WAAW,CAAC,CAAC,IACrC,MACA,mBAAmB,KAAK,WAAW,CAAC,CAAC,IACrC,MACA,mBAAmB,KAAK,WAAW,CAAC,CAAC,IACrC;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA;;IAGN;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AACN,aAAO,KAAK,WAAW,CAAC,IAAI,SAAS,KAAK,WAAW,CAAC,CAAC,IAAI;AAAA,IAC7D;AAAA,IACA,SAAS;AACP,aAAO,KAAK,WAAW,CAAC,IAAI,SAAS,KAAK,WAAW,CAAC,CAAC,IAAI;AAAA,IAC7D;AAAA,IACA,WAAW;AACT,UAAIC,IAAQ,KAAK,aAAa,KAAK,OAAO,EAAE,CAAC,GACzCC,IAAQ,KAAK,OAAOD,CAAK;AAC7B,aAAKC,MACHA,IAAQ,KAAK,OAAO,MAEjBA,MACHA,IAAQ,iBAEH;AAAA,QACL,WAAWA;AAAA,MACb;AAAA,IACF;AAAA,IACA,WAAW;AACT,aACE,KAAK,WAAW,CAAC,IAAI,MAAM,KAAK,WAAW,CAAC,IAAI,MAAM,KAAK,WAAW,CAAC;AAAA,IAE3E;AAAA,IACA,WAAW;AACT,UAAIC,IAAS;AACb,aAAI,KAAK,aAAa,KAAK,OAAO,EAAE,CAAC,MAAM,YACzCA,KAAU,WAELA;AAAA,IACT;AAAA;;;;EAKF,UAAU;AACR,SAAK,gBAAgB,QAAQ,CAACC,MAAY;AACxC,cAAQA,EAAQ,CAAC,GAAC;AAAA,QAChB,KAAK;AACH,eAAK,OAAOA,EAAQ,CAAC,CAAC,IAAIA,EAAQ,CAAC;AACnC;AAAA,MACJ;AAAA,IACF,CAAC,GAGD,KAAK,gBAAgB,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,GAC/C,KAAK,gBAAgB,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC,GAE5C,KAAK,WAAW,CAAC,MACpB,KAAK,WAAW,CAAC,IAAI,cAEvB,KAAK,UAAU,GAAG,KAAK,WAAW,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,IACzG,KAAK,MAAM,WAAW,KAAK,OAAO;AAAA,EACpC;AAAA,EACA,YAAY;AACV,SAAK,MAAM,cAAc,KAAK,OAAO;AAAA,EACvC;AAAA,EACA,SAAS;AAAA,IACP,gBAAgB,GAAG;AACjB,QAAE,eAAc,GAChB,KAAK,mBAAmB,IACxB,KAAK,IAAI,EAAE,SACX,KAAK,IAAI,EAAE,SACX,KAAK,UAAU,MAAM;AACnB,aAAK,mBAAmB;AAAA,MAC1B,CAAC;AAAA,IACH;AAAA;AAEJ;;;cA3JEC,EAqCM,OAAA,MAAA;AAAA,IApCcC,EAAA,oBAWlBD,EAKO,OAAA;AAAA;MAHJ,SAAOE,EAAA,QAAQ;AAAA,MACf,OAAKC,EAAA,CAAGD,EAAA,UAAUD,EAAA,aAAa,CAAA;AAAA,MAC/B,yCAAaC,EAAA,mBAAAA,EAAA,gBAAA,GAAAE,CAAA;AAAA,0BAfhBC,EAUYC,GAAA;AAAA;MAVoB,cAAY;AAAA,MAAK,UAAS;AAAA;MAC7C,WAASC,EAClB,CAKO,EANe,OAAAC,QAAK;AAAA,QAC3BC,EAKO,OALPC,EAKO;AAAA,UAJJ,OAAOR,EAAA;AAAA,UACP,OAAK,CAAGA,EAAA,UAAUD,EAAA,aAAa;AAAA,WACxBO,GAAK;AAAA,UACZ,yCAAaN,EAAA,mBAAAA,EAAA,gBAAA,GAAAE,CAAA;AAAA;;iBAGlB,MAA2B;AAAA,QAA3BK,EAA2B,gBAAlBP,EAAA,QAAQ,GAAA,CAAA;AAAA;;;IASnBS,EAUSC,GAAA;AAAA,kBAVQC,EAAA;AAAA,oDAAAA,EAAA,mBAAgBC;AAAA,MAAG,QAAM,CAAGD,EAAA,GAAGA,EAAA,CAAC;AAAA,MAAG,OAAA,EAAA,WAAA,OAAA;AAAA;iBAClD,MAQS;AAAA,QARTF,EAQSI,GAAA,MAAA;AAAA,qBANL,MAA2C;AAAA,aAD7CC,EAAA,EAAA,GAAAhB,EAMciB,GAAA,MAAAC,EALYL,EAAA,oBAAkB,CAAlCM,GAAMC,YADhBf,EAMcgB,GAAA;AAAA,cAJX,KAAKD;AAAA,cACL,SAAKE,EAAOH,EAAK,QAAM,CAAA,MAAA,CAAA;AAAA;yBAExB,MAAuD;AAAA,gBAAvDR,EAAuDY,GAAA,MAAA;AAAA,6BAApC,MAAgB;AAAA,oBAAbC,EAAAC,EAAAN,EAAK,KAAK,GAAA,CAAA;AAAA;;;;;;;;;;;;IAKtCR,EAKEe,GAAA;AAAA,kBAJSb,EAAA;AAAA,oDAAAA,EAAA,cAAWC;AAAA,MACnB,eAAab,EAAA,WAAU,CAAA;AAAA,MACvB,eAAaA,EAAA,WAAU,CAAA;AAAA,MACvB,aAAWA,EAAA,WAAU,CAAA;AAAA;;;;"}

package/dist/LedWidget-Cmy47xfg.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-CX-SWpru.cjs");const e=require("vue"),d=require("./CustomIcon-CEc927h0.cjs"),h=require("./DetailsDialog-CLCCuoHV.cjs");require("single-spa");const v=require("./Widget-DdxHKVWn.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-Cmy47xfg.cjs.map

package/dist/LedWidget-Cmy47xfg.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LedWidget-Cmy47xfg.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/LimitsBar-DTtMywOw.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue");require("./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-CX-SWpru.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-DTtMywOw.cjs.map

package/dist/LimitsBar-DTtMywOw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitsBar-DTtMywOw.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-_UQG-M6e.js

@@ -0,0 +1,134 @@
+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-D9LFRi0t.js";
+import { _ as L } from "./CustomIcon-B9m73Gqm.js";
+const H = {
+  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
+    },
+    // Optional pre-computed style overrides (used by BarColumn for MIN_VALUE/MAX_VALUE support)
+    computedStyle: {
+      type: Object,
+      default: null
+    },
+    // Hide the built-in tooltip (used when parent provides a TOOLTIP setting)
+    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, i = 10, t = (this.redHigh - this.redLow) / 80, d = Math.round((this.yellowLow - this.redLow) / t), l = Math.round(
+        (this.redHigh - this.yellowHigh) / t
+      );
+      let s, r, h;
+      this.hasGreenLimits ? (s = Math.round((this.greenLow - this.yellowLow) / t), r = Math.round((this.yellowHigh - this.greenHigh) / t), h = Math.round(
+        100 - o - d - s - r - l - i
+      )) : (s = Math.round(
+        100 - o - d - l - i
+      ), r = 0, h = 0);
+      let a = 50;
+      if (this.value !== null && !isNaN(this.value)) {
+        const m = this.redLow - 10 * t;
+        a = Math.round((this.value - m) / t), 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": i + "%",
+        "--yellowlow-width": d + "%",
+        "--yellowhigh-width": l + "%",
+        "--greenlow-width": s + "%",
+        "--greenhigh-width": r + "%",
+        "--blue-width": h + "%",
+        "--position": a + "%"
+      };
+    }
+  }
+};
+function f(o, i, n, t, d, l) {
+  const s = v("v-tooltip");
+  return n.hideTooltip ? (u(), _("div", {
+    key: 1,
+    class: "limitsbar",
+    style: p(l.barStyle)
+  }, [...i[1] || (i[1] = [
+    b('<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)) : (u(), c(s, {
+    key: 0,
+    "open-delay": 600,
+    location: "top"
+  }, {
+    activator: w(({ props: r }) => [
+      e("div", y({
+        class: "limitsbar",
+        style: l.barStyle
+      }, r), [...i[0] || (i[0] = [
+        e("div", { class: "limitsbar__container" }, [
+          e("div", { class: "limitsbar__redlow" }),
+          e("div", { class: "limitsbar__redhigh" }),
+          e("div", { class: "limitsbar__yellowlow" }),
+          e("div", { class: "limitsbar__yellowhigh" }),
+          e("div", { class: "limitsbar__greenlow" }),
+          e("div", { class: "limitsbar__greenhigh" }),
+          e("div", { class: "limitsbar__blue" }),
+          e("div", { class: "limitsbar__line" }),
+          e("div", { class: "limitsbar__arrow" })
+        ], -1)
+      ])], 16)
+    ]),
+    default: w(() => [
+      e("span", null, g(l.limitsTooltip), 1)
+    ]),
+    _: 1
+  }));
+}
+const x = /* @__PURE__ */ L(H, [["render", f], ["__scopeId", "data-v-2e81a9e5"]]);
+export {
+  x as L
+};
+//# sourceMappingURL=LimitsBar-_UQG-M6e.js.map

package/dist/LimitsBar-_UQG-M6e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitsBar-_UQG-M6e.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-CIwcOhC8.js

@@ -0,0 +1,65 @@
+import { B as s } from "./BarColumn-ClLBRGll.js";
+import { L as l } from "./LimitsBar-_UQG-M6e.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 = {
+  components: {
+    LimitsBar: l
+  },
+  mixins: [s],
+  data() {
+    return {
+      width: 160,
+      // px
+      height: 22
+      // px
+    };
+  },
+  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 c(t, g, u, w, i, e) {
+  const r = m("LimitsBar");
+  return e.limits ? (n(), h(r, {
+    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: i.width,
+    height: i.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"])) : o("", !0);
+}
+const B = /* @__PURE__ */ a(d, [["render", c]]);
+export {
+  B as default
+};
+//# sourceMappingURL=LimitsbarWidget-CIwcOhC8.js.map

package/dist/LimitsbarWidget-CIwcOhC8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitsbarWidget-CIwcOhC8.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/LimitsbarWidget-CYm_f1FN.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./BarColumn-3fKM-em2.cjs"),m=require("./LimitsBar-DTtMywOw.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-CYm_f1FN.cjs.map

package/dist/LimitsbarWidget-CYm_f1FN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimitsbarWidget-CYm_f1FN.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/{LimitscolorWidget-CFnmvlrA.js → LimitscolorWidget-CGPfJwvT.js}

@@ -1,6 +1,6 @@
-import { V as i } from "./VWidget-D06LY-Yc.js";
-import { resolveComponent as o, createElementBlock as p, openBlock as r, normalizeStyle as s, createElementVNode as m, createBlock as d, createCommentVNode as n, normalizeClass as c } from "vue";
-import { _ as u } from "./CustomIcon-DTfsnDJn.js";
+import { V as i } from "./VWidget-rAFU-0vj.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 = {
   mixins: [i],
   data() {
@@ -10,9 +10,6 @@ const f = {
       displayLabel: !0
     };
   },
-  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));
-  },
   computed: {
     labelName() {
       return this.fullLabelDisplay ? [
@@ -26,9 +23,13 @@ const f = {
       };
     },
     myComputedStyle() {
-      return delete this.computedStyle.flex, this.computedStyle;
+      const e = { ...this.computedStyle };
+      return delete e.flex, e;
     }
   },
+  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 e = "CONVERTED";
@@ -36,7 +37,7 @@ const f = {
     }
   }
 };
-function h(e, y, b, _, a, t) {
+function h(e, y, b, g, a, t) {
   const l = o("label-widget");
   return r(), p("div", {
     ref: "container",
@@ -44,20 +45,20 @@ function h(e, y, b, _, a, t) {
     style: s(t.myComputedStyle)
   }, [
     m("div", {
-      class: c(`led align-self-center ${this.limitsColor}`),
+      class: c(`led align-self-center ${e.limitsColor}`),
       style: s(t.cssProps)
     }, null, 6),
-    a.displayLabel ? (r(), d(l, {
+    a.displayLabel ? (r(), n(l, {
       key: 0,
       parameters: t.labelName,
       settings: e.appliedSettings,
       style: s(e.computedStyle),
       "widget-index": 1
-    }, null, 8, ["parameters", "settings", "style"])) : n("", !0)
+    }, null, 8, ["parameters", "settings", "style"])) : d("", !0)
   ], 4);
 }
-const w = /* @__PURE__ */ u(f, [["render", h], ["__scopeId", "data-v-b106d59f"]]);
+const w = /* @__PURE__ */ u(f, [["render", h], ["__scopeId", "data-v-2908b131"]]);
 export {
   w as default
 };
-//# sourceMappingURL=LimitscolorWidget-CFnmvlrA.js.map
+//# sourceMappingURL=LimitscolorWidget-CGPfJwvT.js.map