@openc3/vue-common 6.8.0 → 6.9.0

package/dist/TargetPacketItemChooser-CAl-fNql.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TargetPacketItemChooser-CAl-fNql.cjs","sources":["../src/components/TargetPacketItemChooser.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# A portion of this file was funded by Blue Origin Enterprises, L.P.\n# See https://github.com/OpenC3/cosmos/pull/1957\n-->\n\n<template>\n  <div class=\"pt-4 pb-4\">\n    <v-row :no-gutters=\"!vertical\">\n      <v-col :cols=\"colSize\" class=\"tpic-select pr-4\" data-test=\"select-target\">\n        <v-autocomplete\n          v-model=\"selectedTargetName\"\n          label=\"Select Target\"\n          hide-details\n          density=\"compact\"\n          variant=\"outlined\"\n          :disabled=\"autocompleteDisabled || lockTarget\"\n          :items=\"targetNames\"\n          item-title=\"label\"\n          item-value=\"value\"\n          @update:model-value=\"targetNameChanged\"\n        />\n      </v-col>\n      <v-col :cols=\"colSize\" class=\"tpic-select pr-4\" data-test=\"select-packet\">\n        <v-autocomplete\n          v-model=\"selectedPacketName\"\n          label=\"Select Packet\"\n          hide-details\n          density=\"compact\"\n          variant=\"outlined\"\n          :disabled=\"packetsDisabled || autocompleteDisabled || lockPacket\"\n          :items=\"packetNames\"\n          item-title=\"label\"\n          item-value=\"value\"\n          @update:model-value=\"packetNameChanged\"\n        >\n          <template v-if=\"includeLatestPacketInDropdown\" #prepend-item>\n            <v-list-item title=\"LATEST\" @click=\"packetNameChanged('LATEST')\" />\n            <v-divider />\n          </template>\n        </v-autocomplete>\n      </v-col>\n      <v-col\n        v-if=\"chooseItem\"\n        :cols=\"colSize\"\n        class=\"tpic-select pr-4\"\n        data-test=\"select-item\"\n      >\n        <v-autocomplete\n          v-model=\"selectedItemName\"\n          label=\"Select Item\"\n          hide-details\n          density=\"compact\"\n          variant=\"outlined\"\n          :disabled=\"itemsDisabled || autocompleteDisabled\"\n          :items=\"itemNames\"\n          item-title=\"label\"\n          item-value=\"value\"\n          @update:model-value=\"itemNameChanged($event)\"\n        />\n      </v-col>\n      <!-- min-width: 105px is enough to display a 2 digit index -->\n      <v-col\n        v-if=\"chooseItem && itemIsArray\"\n        cols=\"1\"\n        class=\"tpic-select pr-4\"\n        data-test=\"array-index\"\n        style=\"min-width: 105px\"\n      >\n        <v-combobox\n          v-model=\"selectedArrayIndex\"\n          label=\"Index\"\n          hide-details\n          density=\"compact\"\n          variant=\"outlined\"\n          :disabled=\"itemsDisabled || autocompleteDisabled\"\n          :items=\"arrayIndexes\"\n          item-title=\"label\"\n          item-value=\"value\"\n          @update:model-value=\"indexChanged($event)\"\n        />\n      </v-col>\n      <v-col v-if=\"buttonText\" :cols=\"colSize\" style=\"max-width: 140px\">\n        <v-btn\n          :disabled=\"buttonDisabled\"\n          color=\"primary\"\n          data-test=\"select-send\"\n          @click=\"buttonPressed\"\n        >\n          {{ actualButtonText }}\n        </v-btn>\n      </v-col>\n    </v-row>\n    <v-row v-if=\"selectTypes\" class=\"pt-6\" no-gutters>\n      <v-col :cols=\"colSize\" class=\"tpic-select pr-4\" data-test=\"data-type\">\n        <v-autocomplete\n          v-model=\"selectedValueType\"\n          label=\"Value Type\"\n          hide-details\n          density=\"compact\"\n          variant=\"outlined\"\n          :items=\"valueTypes\"\n        />\n      </v-col>\n      <v-col :cols=\"colSize\" class=\"tpic-select pr-4\" data-test=\"reduced\">\n        <v-autocomplete\n          v-model=\"selectedReduced\"\n          label=\"Reduced\"\n          hide-details\n          density=\"compact\"\n          variant=\"outlined\"\n          :items=\"reductionModes\"\n        />\n      </v-col>\n      <v-col :cols=\"colSize\" class=\"tpic-select pr-4\" data-test=\"reduced-type\">\n        <v-autocomplete\n          v-model=\"selectedReducedType\"\n          label=\"Reduced Type\"\n          hide-details\n          density=\"compact\"\n          variant=\"outlined\"\n          :disabled=\"selectedReduced === 'DECOM'\"\n          :items=\"reducedTypes\"\n        />\n      </v-col>\n      <v-col :cols=\"colSize\" style=\"max-width: 140px\"> </v-col>\n    </v-row>\n    <v-row no-gutters class=\"pa-3\">\n      <v-col :cols=\"colSize\" :class=\"{ 'openc3-yellow': hazardous }\">\n        Description: {{ description }}\n        <template v-if=\"hazardous\"> (HAZARDOUS) </template>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n\n<script>\nimport { OpenC3Api } from '@openc3/js-common/services'\n\nexport default {\n  props: {\n    allowAll: {\n      type: Boolean,\n      default: false,\n    },\n    allowAllTargets: {\n      type: Boolean,\n      default: false,\n    },\n    allowAllArrayIndex: {\n      type: Boolean,\n      default: false,\n    },\n    buttonText: {\n      type: String,\n      default: null,\n    },\n    chooseItem: {\n      type: Boolean,\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    initialTargetName: {\n      type: String,\n      default: '',\n    },\n    initialPacketName: {\n      type: String,\n      default: '',\n    },\n    initialItemName: {\n      type: String,\n      default: '',\n    },\n    selectTypes: {\n      type: Boolean,\n      default: false,\n    },\n    showLatest: {\n      type: Boolean,\n      default: false,\n    },\n    mode: {\n      type: String,\n      default: 'tlm',\n      // TODO: add validators throughout\n      validator: (propValue) => {\n        return ['cmd', 'tlm'].includes(propValue)\n      },\n    },\n    unknown: {\n      type: Boolean,\n      default: false,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    hidden: {\n      type: Boolean,\n      default: false,\n    },\n    lockTarget: {\n      type: Boolean,\n      default: false,\n    },\n    lockPacket: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['on-set', 'addItem'],\n  data() {\n    return {\n      targetNames: [],\n      selectedTargetName: this.initialTargetName?.toUpperCase(),\n      packetNames: [],\n      selectedPacketName: this.initialPacketName?.toUpperCase(),\n      itemNames: [],\n      selectedItemName: this.initialItemName?.toUpperCase(),\n      valueTypes: ['CONVERTED', 'RAW'],\n      selectedValueType: 'CONVERTED',\n      reductionModes: [\n        // Map NONE to DECOM for clarity\n        { title: 'NONE', value: 'DECOM' },\n        { title: 'REDUCED_MINUTE', value: 'REDUCED_MINUTE' },\n        { title: 'REDUCED_HOUR', value: 'REDUCED_HOUR' },\n        { title: 'REDUCED_DAY', value: 'REDUCED_DAY' },\n      ],\n      selectedArrayIndex: null,\n      selectedReduced: 'DECOM',\n      reducedTypes: ['MIN', 'MAX', 'AVG', 'STDDEV'],\n      selectedReducedType: 'AVG',\n      description: '',\n      hazardous: false,\n      internalDisabled: false,\n      packetsDisabled: false,\n      itemsDisabled: false,\n      api: null,\n      ALL: {\n        label: '[ ALL ]',\n        value: 'ALL',\n        description: 'ALL',\n      }, // Constant to indicate all packets or items\n      UNKNOWN: {\n        label: '[ UNKNOWN ]',\n        value: 'UNKNOWN',\n        description: 'UNKNOWN',\n      },\n    }\n  },\n  computed: {\n    actualButtonText: function () {\n      if (this.selectedPacketName === 'ALL') {\n        return 'Add Target'\n      }\n      if (this.selectedItemName === 'ALL') {\n        return 'Add Packet'\n      }\n      return this.buttonText\n    },\n    autocompleteDisabled: function () {\n      return this.disabled || this.internalDisabled\n    },\n    buttonDisabled: function () {\n      return (\n        this.disabled ||\n        this.internalDisabled ||\n        this.selectedTargetName === null ||\n        this.selectedPacketName === null ||\n        this.selectedItemNameWIndex === null\n      )\n    },\n    colSize: function () {\n      return this.vertical ? 12 : false\n    },\n    selectedItemNameWIndex: function () {\n      if (\n        this.itemIsArray &&\n        this.selectedArrayIndex !== null &&\n        this.selectedArrayIndex !== this.ALL.label\n      ) {\n        return `${this.selectedItemName}[${this.selectedArrayIndex}]`\n      } else {\n        return this.selectedItemName\n      }\n    },\n    includeLatestPacketInDropdown: function () {\n      return this.showLatest && this.mode === 'tlm' // because LATEST cmd doesn't have much use and thus isn't currently implemented\n    },\n    arrayIndexes: function () {\n      let i = this.itemNames.findIndex(\n        (item) => item.value === this.selectedItemName,\n      )\n      let indexes = [...Array(this.itemNames[i].array).keys()]\n      if (this.allowAll || this.allowAllArrayIndex) {\n        indexes.unshift(this.ALL.label)\n      }\n      return indexes\n    },\n    itemIsArray: function () {\n      let i = this.itemNames.findIndex(\n        (item) => item.value === this.selectedItemName,\n      )\n      if (i === -1 || isNaN(this.itemNames[i].array)) {\n        return false\n      } else {\n        return true\n      }\n    },\n  },\n  watch: {\n    initialTargetName: function (val) {\n      // These three \"initial\" watchers are here in case the parent component doesn't figure out its initial values\n      // until after this component has already been created. All this logic incl. the \"on-set\" events could be\n      // simplified with a refactor to use named v-models, but that's probably a significant breaking change.\n      if (val) {\n        this.selectedTargetName = val.toUpperCase()\n      }\n    },\n    initialPacketName: function (val) {\n      if (val) {\n        this.selectedPacketName = val.toUpperCase()\n      }\n    },\n    initialItemName: function (val) {\n      if (val) {\n        this.selectedItemName = val.toUpperCase()\n      }\n    },\n    mode: function (newVal, oldVal) {\n      this.selectedPacketName = null\n      this.selectedItemName = null\n      // This also updates packets and items as needed\n      this.targetNameChanged(this.selectedTargetName)\n    },\n    chooseItem: function (newVal, oldVal) {\n      if (newVal) {\n        this.updateItems()\n      } else {\n        this.itemNames = []\n      }\n    },\n    itemIsArray: function (val) {\n      if (val) {\n        this.selectedArrayIndex ||= 0\n      } else {\n        this.selectedArrayIndex = null\n      }\n    },\n  },\n  created() {\n    this.internalDisabled = true\n    this.api = new OpenC3Api()\n    this.api.get_target_names().then((result) => {\n      this.targetNames = result.flatMap((target) => {\n        // Ignore the UNKNOWN target as it doesn't make sense to select this\n        if (target == 'UNKNOWN') {\n          return []\n        }\n        return { label: target, value: target }\n      })\n      // TODO: This is a nice enhancement but results in logs of API calls for many targets\n      // See if we can reduce this to a single API call\n      // Filter out any targets without packets\n      // for (let i = this.targetNames.length - 1; i >= 0; i--) {\n      //   const cmd =\n      //     this.mode === 'tlm' ? 'get_all_tlm_names' : 'get_all_cmd_names'\n      //   await this.api[cmd](this.targetNames[i].value).then((names) => {\n      //     if (names.length === 0) {\n      //       this.targetNames.splice(i, 1)\n      //     }\n      //   })\n      // }\n      if (this.allowAllTargets) {\n        this.targetNames.unshift(this.ALL)\n      }\n      // If the initial target name is not set, default to the first target\n      // which also updates packets and items as needed\n      if (!this.selectedTargetName) {\n        this.selectedTargetName = this.targetNames[0].value\n        this.targetNameChanged(this.selectedTargetName)\n      } else {\n        // Selected target name was set but we still have to update packets\n        this.updatePackets()\n      }\n      if (this.unknown) {\n        this.targetNames.push(this.UNKNOWN)\n      }\n    })\n  },\n  methods: {\n    updatePackets: function () {\n      if (this.selectedTargetName === 'UNKNOWN') {\n        this.packetNames = [this.UNKNOWN]\n        this.selectedPacketName = this.packetNames[0].value\n        this.updatePacketDetails(this.UNKNOWN.value)\n        this.description = 'UNKNOWN'\n        return\n      }\n      if (this.selectedTargetName === 'ALL') {\n        this.packetNames = [this.ALL]\n        this.selectedPacketName = this.packetNames[0].value\n        this.updatePacketDetails(this.ALL.value)\n        this.description = 'ALL'\n        return\n      }\n      this.internalDisabled = true\n      const cmd =\n        this.mode === 'tlm' ? 'get_all_tlm_names' : 'get_all_cmd_names'\n      this.api[cmd](this.selectedTargetName, this.hidden).then((names) => {\n        this.packetNames = names.map((name) => {\n          return {\n            label: name,\n            value: name,\n          }\n        })\n        if (this.allowAll) {\n          this.packetNames.unshift(this.ALL)\n        }\n        if (!this.selectedPacketName) {\n          if (this.packetNames.length === 0) {\n            this.selectedPacketName = null\n          } else {\n            this.selectedPacketName = this.packetNames[0].value\n          }\n        }\n        this.updatePacketDetails(this.selectedPacketName)\n        const item = this.packetNames.find((packet) => {\n          return packet.value === this.selectedPacketName\n        })\n        if (item && this.chooseItem) {\n          this.updateItems()\n        }\n        this.internalDisabled = false\n      })\n    },\n\n    updateItems: function () {\n      if (this.selectedPacketName === 'ALL') {\n        return\n      }\n      this.internalDisabled = true\n\n      if (this.selectedPacketName === 'LATEST') {\n        this.api\n          .get_all_tlm_item_names(this.selectedTargetName)\n          .then((items) => {\n            this.itemNames = items.map((item) => {\n              return {\n                label: item,\n                value: item,\n                description: `LATEST ${item}`,\n                // Don't handle array for LATEST\n              }\n            })\n            this.finishUpdateItems()\n          })\n      } else {\n        const cmd = this.mode === 'tlm' ? 'get_tlm' : 'get_cmd'\n        this.api[cmd](this.selectedTargetName, this.selectedPacketName).then(\n          (packet) => {\n            this.itemNames = packet.items.map((item) => {\n              let label = item.name\n              if (item.data_type == 'DERIVED') {\n                label += ' *'\n              }\n              return {\n                label: label,\n                value: item.name,\n                description: item.description,\n                array: item.array_size / item.bit_size,\n              }\n            })\n            this.itemNames.sort((a, b) => (a.label > b.label ? 1 : -1))\n            this.finishUpdateItems()\n          },\n        )\n      }\n    },\n    finishUpdateItems: function () {\n      if (this.allowAll) {\n        this.itemNames.unshift(this.ALL)\n      }\n      if (!this.selectedItemName) {\n        this.selectedItemName = this.itemNames[0].value\n      }\n      this.description = this.itemNames[0].description\n      this.$emit('on-set', {\n        targetName: this.selectedTargetName,\n        packetName: this.selectedPacketName,\n        itemName: this.selectedItemNameWIndex,\n        valueType: this.selectedValueType,\n        reduced: this.selectedReduced,\n        reducedType: this.selectedReducedType,\n      })\n      this.internalDisabled = false\n    },\n\n    targetNameChanged: function (value) {\n      this.selectedTargetName = value\n      this.selectedPacketName = ''\n      this.selectedItemName = ''\n      // When the target name is completed deleted in the v-autocomplete\n      // the @change handler is fired but the value is null\n      // In this case we don't want to update packets\n      if (value !== null) {\n        this.updatePackets()\n      }\n    },\n\n    packetNameChanged: function (value) {\n      this.selectedItemName = ''\n      // When the packet name is completed deleted in the v-autocomplete\n      // the @change handler is fired but the value is null\n      // In this case we don't want to update packet details\n      if (value !== null) {\n        this.updatePacketDetails(value)\n      }\n    },\n\n    updatePacketDetails: function (value) {\n      if (value === 'ALL') {\n        this.itemsDisabled = true\n        this.internalDisabled = false\n      } else if (value === 'LATEST') {\n        this.itemsDisabled = false\n        this.selectedPacketName = 'LATEST'\n      } else {\n        this.itemsDisabled = false\n        const packet = this.packetNames.find((packet) => {\n          return value === packet.value\n        })\n        if (packet) {\n          this.selectedPacketName = packet.value\n          const cmd = this.mode === 'tlm' ? 'get_tlm' : 'get_cmd'\n          this.api[cmd](this.selectedTargetName, this.selectedPacketName).then(\n            (packet) => {\n              this.description = packet.description\n              this.hazardous = packet.hazardous\n            },\n          )\n        }\n      }\n      if (this.chooseItem) {\n        this.updateItems()\n      } else {\n        this.$emit('on-set', {\n          targetName: this.selectedTargetName,\n          packetName: this.selectedPacketName,\n          itemName: this.selectedItemNameWIndex,\n          valueType: this.selectedValueType,\n          reduced: this.selectedReduced,\n          reducedType: this.selectedReducedType,\n        })\n      }\n    },\n\n    itemNameChanged: function (value) {\n      const item = this.itemNames.find((item) => {\n        return value === item.value\n      })\n      if (item) {\n        this.selectedItemName = item.value\n        this.description = item.description\n        this.$emit('on-set', {\n          targetName: this.selectedTargetName,\n          packetName: this.selectedPacketName,\n          itemName: this.selectedItemNameWIndex,\n          valueType: this.selectedValueType,\n          reduced: this.selectedReduced,\n          reducedType: this.selectedReducedType,\n        })\n      }\n    },\n\n    indexChanged: function (value) {\n      this.$emit('on-set', {\n        targetName: this.selectedTargetName,\n        packetName: this.selectedPacketName,\n        itemName: this.selectedItemNameWIndex,\n        valueType: this.selectedValueType,\n        reduced: this.selectedReduced,\n        reducedType: this.selectedReducedType,\n      })\n    },\n\n    buttonPressed: function () {\n      if (this.selectedPacketName === 'ALL') {\n        this.allTargetPacketItems()\n      } else if (this.selectedItemName === 'ALL') {\n        this.allPacketItems()\n      } else if (this.chooseItem) {\n        this.$emit('addItem', {\n          targetName: this.selectedTargetName,\n          packetName: this.selectedPacketName,\n          itemName: this.selectedItemNameWIndex,\n          valueType: this.selectedValueType,\n          reduced: this.selectedReduced,\n          reducedType: this.selectedReducedType,\n        })\n      } else {\n        this.$emit('addItem', {\n          targetName: this.selectedTargetName,\n          packetName: this.selectedPacketName,\n          valueType: this.selectedValueType,\n          reduced: this.selectedReduced,\n          reducedType: this.selectedReducedType,\n        })\n      }\n    },\n\n    allTargetPacketItems: function () {\n      this.packetNames.forEach((packetName) => {\n        if (packetName === this.ALL) return\n        const cmd = this.mode === 'tlm' ? 'get_tlm' : 'get_cmd'\n        this.api[cmd](this.selectedTargetName, packetName.value).then(\n          (packet) => {\n            packet.items.forEach((item) => {\n              this.$emit('addItem', {\n                targetName: this.selectedTargetName,\n                packetName: packetName.value,\n                itemName: item['name'],\n                valueType: this.selectedValueType,\n                reduced: this.selectedReduced,\n                reducedType: this.selectedReducedType,\n              })\n            })\n          },\n        )\n      })\n    },\n\n    allPacketItems: function () {\n      this.itemNames.forEach((item) => {\n        if (item === this.ALL) return\n        this.$emit('addItem', {\n          targetName: this.selectedTargetName,\n          packetName: this.selectedPacketName,\n          itemName: item.value,\n          valueType: this.selectedValueType,\n          reduced: this.selectedReduced,\n          reducedType: this.selectedReducedType,\n        })\n      })\n    },\n  },\n}\n</script>\n<style scoped>\n.button {\n  padding: 4px;\n}\n.tpic-select {\n  max-width: 400px;\n}\n.v-autocomplete .v-select__selections {\n  word-break: break-all;\n}\n</style>\n"],"names":["_sfc_main","propValue","_a","_b","_c","i","item","indexes","val","newVal","oldVal","OpenC3Api","result","target","cmd","names","name","packet","items","label","a","b","value","packetName","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_v_row","$props","_component_v_col","$options","_component_v_autocomplete","$data","$event","_component_v_list_item","_component_v_divider","_createBlock","_cache","_component_v_combobox","_component_v_btn","_toDisplayString","_Fragment"],"mappings":"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"}

package/dist/TargetPacketItemChooser-CXpSx-eA.js

@@ -0,0 +1,572 @@
+import { g as v } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-JEZNdnan.js";
+import { resolveComponent as u, createElementBlock as y, openBlock as o, createVNode as i, createBlock as N, createCommentVNode as h, withCtx as m, createSlots as A, createTextVNode as f, toDisplayString as T, normalizeClass as D, Fragment as _ } from "vue";
+import { _ as P } from "./CustomIcon-h5X7369N.js";
+const L = {
+  props: {
+    allowAll: {
+      type: Boolean,
+      default: !1
+    },
+    allowAllTargets: {
+      type: Boolean,
+      default: !1
+    },
+    allowAllArrayIndex: {
+      type: Boolean,
+      default: !1
+    },
+    buttonText: {
+      type: String,
+      default: null
+    },
+    chooseItem: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    initialTargetName: {
+      type: String,
+      default: ""
+    },
+    initialPacketName: {
+      type: String,
+      default: ""
+    },
+    initialItemName: {
+      type: String,
+      default: ""
+    },
+    selectTypes: {
+      type: Boolean,
+      default: !1
+    },
+    showLatest: {
+      type: Boolean,
+      default: !1
+    },
+    mode: {
+      type: String,
+      default: "tlm",
+      // TODO: add validators throughout
+      validator: (e) => ["cmd", "tlm"].includes(e)
+    },
+    unknown: {
+      type: Boolean,
+      default: !1
+    },
+    vertical: {
+      type: Boolean,
+      default: !1
+    },
+    hidden: {
+      type: Boolean,
+      default: !1
+    },
+    lockTarget: {
+      type: Boolean,
+      default: !1
+    },
+    lockPacket: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["on-set", "addItem"],
+  data() {
+    var e, t, a;
+    return {
+      targetNames: [],
+      selectedTargetName: (e = this.initialTargetName) == null ? void 0 : e.toUpperCase(),
+      packetNames: [],
+      selectedPacketName: (t = this.initialPacketName) == null ? void 0 : t.toUpperCase(),
+      itemNames: [],
+      selectedItemName: (a = this.initialItemName) == null ? void 0 : a.toUpperCase(),
+      valueTypes: ["CONVERTED", "RAW"],
+      selectedValueType: "CONVERTED",
+      reductionModes: [
+        // Map NONE to DECOM for clarity
+        { title: "NONE", value: "DECOM" },
+        { title: "REDUCED_MINUTE", value: "REDUCED_MINUTE" },
+        { title: "REDUCED_HOUR", value: "REDUCED_HOUR" },
+        { title: "REDUCED_DAY", value: "REDUCED_DAY" }
+      ],
+      selectedArrayIndex: null,
+      selectedReduced: "DECOM",
+      reducedTypes: ["MIN", "MAX", "AVG", "STDDEV"],
+      selectedReducedType: "AVG",
+      description: "",
+      hazardous: !1,
+      internalDisabled: !1,
+      packetsDisabled: !1,
+      itemsDisabled: !1,
+      api: null,
+      ALL: {
+        label: "[ ALL ]",
+        value: "ALL",
+        description: "ALL"
+      },
+      // Constant to indicate all packets or items
+      UNKNOWN: {
+        label: "[ UNKNOWN ]",
+        value: "UNKNOWN",
+        description: "UNKNOWN"
+      }
+    };
+  },
+  computed: {
+    actualButtonText: function() {
+      return this.selectedPacketName === "ALL" ? "Add Target" : this.selectedItemName === "ALL" ? "Add Packet" : this.buttonText;
+    },
+    autocompleteDisabled: function() {
+      return this.disabled || this.internalDisabled;
+    },
+    buttonDisabled: function() {
+      return this.disabled || this.internalDisabled || this.selectedTargetName === null || this.selectedPacketName === null || this.selectedItemNameWIndex === null;
+    },
+    colSize: function() {
+      return this.vertical ? 12 : !1;
+    },
+    selectedItemNameWIndex: function() {
+      return this.itemIsArray && this.selectedArrayIndex !== null && this.selectedArrayIndex !== this.ALL.label ? `${this.selectedItemName}[${this.selectedArrayIndex}]` : this.selectedItemName;
+    },
+    includeLatestPacketInDropdown: function() {
+      return this.showLatest && this.mode === "tlm";
+    },
+    arrayIndexes: function() {
+      let e = this.itemNames.findIndex(
+        (a) => a.value === this.selectedItemName
+      ), t = [...Array(this.itemNames[e].array).keys()];
+      return (this.allowAll || this.allowAllArrayIndex) && t.unshift(this.ALL.label), t;
+    },
+    itemIsArray: function() {
+      let e = this.itemNames.findIndex(
+        (t) => t.value === this.selectedItemName
+      );
+      return !(e === -1 || isNaN(this.itemNames[e].array));
+    }
+  },
+  watch: {
+    initialTargetName: function(e) {
+      e && (this.selectedTargetName = e.toUpperCase());
+    },
+    initialPacketName: function(e) {
+      e && (this.selectedPacketName = e.toUpperCase());
+    },
+    initialItemName: function(e) {
+      e && (this.selectedItemName = e.toUpperCase());
+    },
+    mode: function(e, t) {
+      this.selectedPacketName = null, this.selectedItemName = null, this.targetNameChanged(this.selectedTargetName);
+    },
+    chooseItem: function(e, t) {
+      e ? this.updateItems() : this.itemNames = [];
+    },
+    itemIsArray: function(e) {
+      e ? this.selectedArrayIndex || (this.selectedArrayIndex = 0) : this.selectedArrayIndex = null;
+    }
+  },
+  created() {
+    this.internalDisabled = !0, this.api = new v(), this.api.get_target_names().then((e) => {
+      this.targetNames = e.flatMap((t) => t == "UNKNOWN" ? [] : { label: t, value: t }), this.allowAllTargets && this.targetNames.unshift(this.ALL), this.selectedTargetName ? this.updatePackets() : (this.selectedTargetName = this.targetNames[0].value, this.targetNameChanged(this.selectedTargetName)), this.unknown && this.targetNames.push(this.UNKNOWN);
+    });
+  },
+  methods: {
+    updatePackets: function() {
+      if (this.selectedTargetName === "UNKNOWN") {
+        this.packetNames = [this.UNKNOWN], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.UNKNOWN.value), this.description = "UNKNOWN";
+        return;
+      }
+      if (this.selectedTargetName === "ALL") {
+        this.packetNames = [this.ALL], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.ALL.value), this.description = "ALL";
+        return;
+      }
+      this.internalDisabled = !0;
+      const e = this.mode === "tlm" ? "get_all_tlm_names" : "get_all_cmd_names";
+      this.api[e](this.selectedTargetName, this.hidden).then((t) => {
+        this.packetNames = t.map((c) => ({
+          label: c,
+          value: c
+        })), this.allowAll && this.packetNames.unshift(this.ALL), this.selectedPacketName || (this.packetNames.length === 0 ? this.selectedPacketName = null : this.selectedPacketName = this.packetNames[0].value), this.updatePacketDetails(this.selectedPacketName), this.packetNames.find((c) => c.value === this.selectedPacketName) && this.chooseItem && this.updateItems(), this.internalDisabled = !1;
+      });
+    },
+    updateItems: function() {
+      if (this.selectedPacketName !== "ALL")
+        if (this.internalDisabled = !0, this.selectedPacketName === "LATEST")
+          this.api.get_all_tlm_item_names(this.selectedTargetName).then((e) => {
+            this.itemNames = e.map((t) => ({
+              label: t,
+              value: t,
+              description: `LATEST ${t}`
+              // Don't handle array for LATEST
+            })), this.finishUpdateItems();
+          });
+        else {
+          const e = this.mode === "tlm" ? "get_tlm" : "get_cmd";
+          this.api[e](this.selectedTargetName, this.selectedPacketName).then(
+            (t) => {
+              this.itemNames = t.items.map((a) => {
+                let c = a.name;
+                return a.data_type == "DERIVED" && (c += " *"), {
+                  label: c,
+                  value: a.name,
+                  description: a.description,
+                  array: a.array_size / a.bit_size
+                };
+              }), this.itemNames.sort((a, c) => a.label > c.label ? 1 : -1), this.finishUpdateItems();
+            }
+          );
+        }
+    },
+    finishUpdateItems: function() {
+      this.allowAll && this.itemNames.unshift(this.ALL), this.selectedItemName || (this.selectedItemName = this.itemNames[0].value), this.description = this.itemNames[0].description, this.$emit("on-set", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        itemName: this.selectedItemNameWIndex,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      }), this.internalDisabled = !1;
+    },
+    targetNameChanged: function(e) {
+      this.selectedTargetName = e, this.selectedPacketName = "", this.selectedItemName = "", e !== null && this.updatePackets();
+    },
+    packetNameChanged: function(e) {
+      this.selectedItemName = "", e !== null && this.updatePacketDetails(e);
+    },
+    updatePacketDetails: function(e) {
+      if (e === "ALL")
+        this.itemsDisabled = !0, this.internalDisabled = !1;
+      else if (e === "LATEST")
+        this.itemsDisabled = !1, this.selectedPacketName = "LATEST";
+      else {
+        this.itemsDisabled = !1;
+        const t = this.packetNames.find((a) => e === a.value);
+        if (t) {
+          this.selectedPacketName = t.value;
+          const a = this.mode === "tlm" ? "get_tlm" : "get_cmd";
+          this.api[a](this.selectedTargetName, this.selectedPacketName).then(
+            (c) => {
+              this.description = c.description, this.hazardous = c.hazardous;
+            }
+          );
+        }
+      }
+      this.chooseItem ? this.updateItems() : this.$emit("on-set", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        itemName: this.selectedItemNameWIndex,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      });
+    },
+    itemNameChanged: function(e) {
+      const t = this.itemNames.find((a) => e === a.value);
+      t && (this.selectedItemName = t.value, this.description = t.description, this.$emit("on-set", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        itemName: this.selectedItemNameWIndex,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      }));
+    },
+    indexChanged: function(e) {
+      this.$emit("on-set", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        itemName: this.selectedItemNameWIndex,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      });
+    },
+    buttonPressed: function() {
+      this.selectedPacketName === "ALL" ? this.allTargetPacketItems() : this.selectedItemName === "ALL" ? this.allPacketItems() : this.chooseItem ? this.$emit("addItem", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        itemName: this.selectedItemNameWIndex,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      }) : this.$emit("addItem", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      });
+    },
+    allTargetPacketItems: function() {
+      this.packetNames.forEach((e) => {
+        if (e === this.ALL) return;
+        const t = this.mode === "tlm" ? "get_tlm" : "get_cmd";
+        this.api[t](this.selectedTargetName, e.value).then(
+          (a) => {
+            a.items.forEach((c) => {
+              this.$emit("addItem", {
+                targetName: this.selectedTargetName,
+                packetName: e.value,
+                itemName: c.name,
+                valueType: this.selectedValueType,
+                reduced: this.selectedReduced,
+                reducedType: this.selectedReducedType
+              });
+            });
+          }
+        );
+      });
+    },
+    allPacketItems: function() {
+      this.itemNames.forEach((e) => {
+        e !== this.ALL && this.$emit("addItem", {
+          targetName: this.selectedTargetName,
+          packetName: this.selectedPacketName,
+          itemName: e.value,
+          valueType: this.selectedValueType,
+          reduced: this.selectedReduced,
+          reducedType: this.selectedReducedType
+        });
+      });
+    }
+  }
+}, V = { class: "pt-4 pb-4" };
+function x(e, t, a, c, s, l) {
+  const r = u("v-autocomplete"), n = u("v-col"), k = u("v-list-item"), g = u("v-divider"), I = u("v-combobox"), b = u("v-btn"), p = u("v-row");
+  return o(), y("div", V, [
+    i(p, {
+      "no-gutters": !a.vertical
+    }, {
+      default: m(() => [
+        i(n, {
+          cols: l.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "select-target"
+        }, {
+          default: m(() => [
+            i(r, {
+              modelValue: s.selectedTargetName,
+              "onUpdate:modelValue": [
+                t[0] || (t[0] = (d) => s.selectedTargetName = d),
+                l.targetNameChanged
+              ],
+              label: "Select Target",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              disabled: l.autocompleteDisabled || a.lockTarget,
+              items: s.targetNames,
+              "item-title": "label",
+              "item-value": "value"
+            }, null, 8, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        i(n, {
+          cols: l.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "select-packet"
+        }, {
+          default: m(() => [
+            i(r, {
+              modelValue: s.selectedPacketName,
+              "onUpdate:modelValue": [
+                t[2] || (t[2] = (d) => s.selectedPacketName = d),
+                l.packetNameChanged
+              ],
+              label: "Select Packet",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              disabled: s.packetsDisabled || l.autocompleteDisabled || a.lockPacket,
+              items: s.packetNames,
+              "item-title": "label",
+              "item-value": "value"
+            }, A({ _: 2 }, [
+              l.includeLatestPacketInDropdown ? {
+                name: "prepend-item",
+                fn: m(() => [
+                  i(k, {
+                    title: "LATEST",
+                    onClick: t[1] || (t[1] = (d) => l.packetNameChanged("LATEST"))
+                  }),
+                  i(g)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        a.chooseItem ? (o(), N(n, {
+          key: 0,
+          cols: l.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "select-item"
+        }, {
+          default: m(() => [
+            i(r, {
+              modelValue: s.selectedItemName,
+              "onUpdate:modelValue": [
+                t[3] || (t[3] = (d) => s.selectedItemName = d),
+                t[4] || (t[4] = (d) => l.itemNameChanged(d))
+              ],
+              label: "Select Item",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              disabled: s.itemsDisabled || l.autocompleteDisabled,
+              items: s.itemNames,
+              "item-title": "label",
+              "item-value": "value"
+            }, null, 8, ["modelValue", "disabled", "items"])
+          ]),
+          _: 1
+        }, 8, ["cols"])) : h("", !0),
+        a.chooseItem && l.itemIsArray ? (o(), N(n, {
+          key: 1,
+          cols: "1",
+          class: "tpic-select pr-4",
+          "data-test": "array-index",
+          style: { "min-width": "105px" }
+        }, {
+          default: m(() => [
+            i(I, {
+              modelValue: s.selectedArrayIndex,
+              "onUpdate:modelValue": [
+                t[5] || (t[5] = (d) => s.selectedArrayIndex = d),
+                t[6] || (t[6] = (d) => l.indexChanged(d))
+              ],
+              label: "Index",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              disabled: s.itemsDisabled || l.autocompleteDisabled,
+              items: l.arrayIndexes,
+              "item-title": "label",
+              "item-value": "value"
+            }, null, 8, ["modelValue", "disabled", "items"])
+          ]),
+          _: 1
+        })) : h("", !0),
+        a.buttonText ? (o(), N(n, {
+          key: 2,
+          cols: l.colSize,
+          style: { "max-width": "140px" }
+        }, {
+          default: m(() => [
+            i(b, {
+              disabled: l.buttonDisabled,
+              color: "primary",
+              "data-test": "select-send",
+              onClick: l.buttonPressed
+            }, {
+              default: m(() => [
+                f(T(l.actualButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"])
+          ]),
+          _: 1
+        }, 8, ["cols"])) : h("", !0)
+      ]),
+      _: 1
+    }, 8, ["no-gutters"]),
+    a.selectTypes ? (o(), N(p, {
+      key: 0,
+      class: "pt-6",
+      "no-gutters": ""
+    }, {
+      default: m(() => [
+        i(n, {
+          cols: l.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "data-type"
+        }, {
+          default: m(() => [
+            i(r, {
+              modelValue: s.selectedValueType,
+              "onUpdate:modelValue": t[7] || (t[7] = (d) => s.selectedValueType = d),
+              label: "Value Type",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              items: s.valueTypes
+            }, null, 8, ["modelValue", "items"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        i(n, {
+          cols: l.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "reduced"
+        }, {
+          default: m(() => [
+            i(r, {
+              modelValue: s.selectedReduced,
+              "onUpdate:modelValue": t[8] || (t[8] = (d) => s.selectedReduced = d),
+              label: "Reduced",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              items: s.reductionModes
+            }, null, 8, ["modelValue", "items"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        i(n, {
+          cols: l.colSize,
+          class: "tpic-select pr-4",
+          "data-test": "reduced-type"
+        }, {
+          default: m(() => [
+            i(r, {
+              modelValue: s.selectedReducedType,
+              "onUpdate:modelValue": t[9] || (t[9] = (d) => s.selectedReducedType = d),
+              label: "Reduced Type",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              disabled: s.selectedReduced === "DECOM",
+              items: s.reducedTypes
+            }, null, 8, ["modelValue", "disabled", "items"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        i(n, {
+          cols: l.colSize,
+          style: { "max-width": "140px" }
+        }, null, 8, ["cols"])
+      ]),
+      _: 1
+    })) : h("", !0),
+    i(p, {
+      "no-gutters": "",
+      class: "pa-3"
+    }, {
+      default: m(() => [
+        i(n, {
+          cols: l.colSize,
+          class: D({ "openc3-yellow": s.hazardous })
+        }, {
+          default: m(() => [
+            f(" Description: " + T(s.description) + " ", 1),
+            s.hazardous ? (o(), y(_, { key: 0 }, [
+              f(" (HAZARDOUS) ")
+            ], 64)) : h("", !0)
+          ]),
+          _: 1
+        }, 8, ["cols", "class"])
+      ]),
+      _: 1
+    })
+  ]);
+}
+const E = /* @__PURE__ */ P(L, [["render", x], ["__scopeId", "data-v-404c7763"]]);
+export {
+  E as T
+};
+//# sourceMappingURL=TargetPacketItemChooser-CXpSx-eA.js.map