@openc3/vue-common 7.0.1 → 7.1.0

package/dist/{TargetPacketItemChooser-BoBqvs3T.js → TargetPacketItemChooser-BOdVLVbe.js}

@@ -1,7 +1,8 @@
-import { y as v, F as I } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_c790a82f_lang-BJxLUZhh.js";
-import { resolveComponent as h, openBlock as n, createElementBlock as y, createVNode as c, withCtx as u, createBlock as N, createCommentVNode as o, createTextVNode as p, toDisplayString as T, normalizeClass as A, Fragment as D } from "vue";
+import { R as A, B as v } from "./format-D2pYLAIF.js";
+import { resolveComponent as h, openBlock as n, createElementBlock as y, createVNode as c, withCtx as m, createBlock as o, resolveDynamicComponent as T, createCommentVNode as r, createTextVNode as p, toDisplayString as k, normalizeClass as P, Fragment as D } from "vue";
+import "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_c790a82f_lang-DskbVSHX.js";
 import { _ as L } from "./CustomIcon-DTR361si.js";
-const P = {
+const x = {
   props: {
     allowAll: {
       type: Boolean,
@@ -51,7 +52,7 @@ const P = {
       type: String,
       default: "tlm",
       // TODO: add validators throughout
-      validator: (t) => ["cmd", "tlm"].includes(t)
+      validator: (e) => ["cmd", "tlm"].includes(e)
     },
     unknown: {
       type: Boolean,
@@ -80,6 +81,10 @@ const P = {
     parameterHazardous: {
       type: Boolean,
       default: !1
+    },
+    allowGlob: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["on-set", "addItem"],
@@ -151,59 +156,70 @@ const P = {
       return this.showLatest && this.mode === "tlm";
     },
     arrayIndexes: function() {
-      let t = this.itemNames.findIndex(
-        (i) => i.value === this.selectedItemName
-      ), e = [...Array(this.itemNames[t].array).keys()];
-      return (this.allowAll || this.allowAllArrayIndex) && e.unshift(this.ALL.label), e;
+      let e = this.itemNames.findIndex(
+        (l) => l.value === this.selectedItemName
+      ), t = [...new Array(this.itemNames[e].array).keys()];
+      return (this.allowAll || this.allowAllArrayIndex) && t.unshift(this.ALL.label), t;
     },
     itemIsArray: function() {
-      let t = this.itemNames.findIndex(
-        (e) => e.value === this.selectedItemName
+      let e = this.itemNames.findIndex(
+        (t) => t.value === this.selectedItemName
       );
-      return !(t === -1 || this.itemNames[t].array === void 0 || Number.isNaN(this.itemNames[t].array));
+      return e !== -1 && this.itemNames[e].array !== void 0 && !Number.isNaN(this.itemNames[e].array);
     },
     isHazardous: function() {
       return this.hazardous || this.parameterHazardous;
+    },
+    // Glob mode is only safe for telemetry — command packets carry hazardous
+    // metadata that requires the per-packet API call in updatePacketDetails.
+    globEnabled: function() {
+      return this.allowGlob && this.mode === "tlm";
     }
   },
   watch: {
-    initialTargetName: function(t) {
-      t && (this.selectedTargetName = t.toUpperCase());
+    initialTargetName: function(e) {
+      e && (this.selectedTargetName = e.toUpperCase());
+    },
+    initialPacketName: function(e) {
+      e && (this.selectedPacketName = e.toUpperCase());
     },
-    initialPacketName: function(t) {
-      t && (this.selectedPacketName = t.toUpperCase());
+    initialItemName: function(e) {
+      e && (this.selectedItemName = e.toUpperCase());
     },
-    initialItemName: function(t) {
-      t && (this.selectedItemName = t.toUpperCase());
+    globEnabled: function(e) {
+      if (!e) {
+        const t = /[*?]|\[(?!\d+\])/;
+        typeof this.selectedPacketName == "string" && t.test(this.selectedPacketName) && (this.selectedPacketName = null, this.selectedItemName = null), typeof this.selectedItemName == "string" && t.test(this.selectedItemName) && (this.selectedItemName = null);
+      }
     },
-    mode: function(t, e) {
+    mode: function(e, t) {
       this.selectedPacketName = null, this.selectedItemName = null, this.targetNameChanged(this.selectedTargetName);
     },
-    chooseItem: function(t, e) {
-      t ? this.updateItems() : this.itemNames = [];
+    chooseItem: function(e, t) {
+      e ? this.updateItems() : this.itemNames = [];
     },
-    itemIsArray: function(t) {
-      t ? this.selectedArrayIndex ||= 0 : this.selectedArrayIndex = null;
+    itemIsArray: function(e) {
+      e ? this.selectedArrayIndex ||= 0 : this.selectedArrayIndex = null;
     }
   },
   created() {
-    this.internalDisabled = !0, this.api = new v(), this.mode === "cmd" && I.get("/openc3-api/queues").then((t) => {
-      this.queueNames = [{ label: "None", value: null }], t.data && Array.isArray(t.data) && t.data.forEach((e) => {
-        this.queueNames.push({ label: e.name, value: e.name });
+    this.internalDisabled = !0, this.api = new A(), this.mode === "cmd" && v.get("/openc3-api/queues").then((e) => {
+      this.queueNames = [{ label: "None", value: null }], e.data && Array.isArray(e.data) && e.data.forEach((t) => {
+        this.queueNames.push({ label: t.name, value: t.name });
       });
-    }).catch((t) => {
-      console.error("Error fetching queues:", t);
-    }), this.api.get_target_names().then((t) => {
-      this.targetNames = t.flatMap((e) => e == "UNKNOWN" ? [] : { label: e, value: e }), this.allowAllTargets && this.targetNames.unshift(this.ALL), this.selectedTargetName ? this.updatePackets() : (this.selectedTargetName = this.targetNames[0].value, this.targetNameChanged(this.selectedTargetName)), this.unknown && this.targetNames.push(this.UNKNOWN);
+    }).catch((e) => {
+      console.error("Error fetching queues:", e);
+    }), 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: {
-    selectOnFocus: function(t) {
+    selectOnFocus: function(e) {
       this.$nextTick(() => {
-        const e = this.$refs[t];
-        if (e) {
-          const i = e.$el.querySelector("input");
-          i && i.select();
+        const t = this.$refs[e];
+        if (t) {
+          const l = t.$el.querySelector("input");
+          l && l.select();
         }
       });
     },
@@ -217,33 +233,39 @@ const P = {
         return;
       }
       this.internalDisabled = !0;
-      const t = this.mode === "tlm" ? "get_all_tlm_names" : "get_all_cmd_names";
-      this.api[t](this.selectedTargetName, this.hidden).then((e) => {
-        this.packetNames = e.map((d) => ({
+      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((d) => ({
           label: d,
           value: d
         })), this.includeLatestPacketInDropdown && this.packetNames.unshift(this.LATEST), this.allowAll && this.packetNames.unshift(this.ALL), this.selectedPacketName || (this.packetNames.length === 0 ? this.selectedPacketName = null : (this.selectedPacketName = this.packetNames[0].value, this.selectedPacketName === "LATEST" && this.packetNames.length > 1 && (this.selectedPacketName = this.packetNames[1].value))), this.updatePacketDetails(this.selectedPacketName), this.packetNames.find((d) => d.value === this.selectedPacketName) && this.chooseItem && this.updateItems(), this.internalDisabled = !1;
       });
     },
     updateItems: function() {
-      if (this.selectedPacketName !== "ALL")
+      if (this.selectedPacketName !== "ALL") {
+        if (this.globEnabled && typeof this.selectedPacketName == "string" && !this.packetNames.find(
+          (t) => this.selectedPacketName === t.value
+        ) && this.selectedPacketName !== "LATEST") {
+          this.internalDisabled = !1;
+          return;
+        }
         if (this.internalDisabled = !0, this.selectedPacketName === "LATEST")
-          this.api.get_all_tlm_item_names(this.selectedTargetName).then((t) => {
-            this.itemNames = t.map((e) => ({
-              label: e,
-              value: e,
-              description: `LATEST ${e}`
+          this.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 t = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-          this.api[t](this.selectedTargetName, this.selectedPacketName).then(
-            (e) => {
-              let i = [];
-              e.items.forEach((d) => {
-                d.hidden || i.push(d);
-              }), this.itemNames = i.map((d) => {
+          const e = this.mode === "tlm" ? "get_tlm" : "get_cmd";
+          this.api[e](this.selectedTargetName, this.selectedPacketName).then(
+            (t) => {
+              let l = [];
+              t.items.forEach((d) => {
+                d.hidden || l.push(d);
+              }), this.itemNames = l.map((d) => {
                 let a = d.name;
                 return d.data_type == "DERIVED" && (a += " *"), {
                   label: a,
@@ -255,6 +277,7 @@ const P = {
             }
           );
         }
+      }
     },
     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", {
@@ -267,14 +290,14 @@ const P = {
         queueName: this.selectedQueueName
       }), this.internalDisabled = !1;
     },
-    targetNameChanged: function(t) {
-      this.selectedTargetName = t, this.selectedPacketName = "", this.selectedItemName = "", t !== null && this.updatePackets();
+    targetNameChanged: function(e) {
+      this.selectedTargetName = e, this.selectedPacketName = "", this.selectedItemName = "", e !== null && this.updatePackets();
     },
-    packetNameChanged: function(t) {
-      this.selectedItemName = "", t !== null && this.updatePacketDetails(t);
+    packetNameChanged: function(e) {
+      this.selectedItemName = "", e !== null && typeof e == "object" && e.value && (e = e.value, this.selectedPacketName = e), e !== null && (this.globEnabled && typeof e == "string" ? this.packetNames.find((l) => e === l.value) ? this.updatePacketDetails(e) : (this.itemsDisabled = !1, this.internalDisabled = !1) : this.updatePacketDetails(e));
     },
-    queueNameChanged: function(t) {
-      this.selectedQueueName = t, this.$emit("on-set", {
+    queueNameChanged: function(e) {
+      this.selectedQueueName = e, this.$emit("on-set", {
         targetName: this.selectedTargetName,
         packetName: this.selectedPacketName,
         itemName: this.selectedItemNameWIndex,
@@ -284,18 +307,18 @@ const P = {
         queueName: this.selectedQueueName
       });
     },
-    updatePacketDetails: function(t) {
-      if (t === "ALL")
+    updatePacketDetails: function(e) {
+      if (e === "ALL")
         this.itemsDisabled = !0, this.internalDisabled = !1;
-      else if (t === "LATEST")
+      else if (e === "LATEST")
         this.itemsDisabled = !1, this.selectedPacketName = "LATEST", this.description = "Latest values from all packets", this.hazardous = !1;
       else {
         this.itemsDisabled = !1;
-        const e = this.packetNames.find((i) => t === i.value);
-        if (e) {
-          this.selectedPacketName = e.value;
-          const i = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-          this.api[i](this.selectedTargetName, this.selectedPacketName).then(
+        const t = this.packetNames.find((l) => e === l.value);
+        if (t) {
+          this.selectedPacketName = t.value;
+          const l = this.mode === "tlm" ? "get_tlm" : "get_cmd";
+          this.api[l](this.selectedTargetName, this.selectedPacketName).then(
             (d) => {
               this.description = d.description, this.hazardous = d.hazardous;
             }
@@ -312,9 +335,10 @@ const P = {
         queueName: this.selectedQueueName
       });
     },
-    itemNameChanged: function(t) {
-      const e = this.itemNames.find((i) => t === i.value);
-      e && (this.selectedItemName = e.value, this.description = e.description, this.$emit("on-set", {
+    itemNameChanged: function(e) {
+      e !== null && typeof e == "object" && e.value && (e = e.value, this.selectedItemName = e);
+      const t = this.itemNames.find((l) => e === l.value);
+      t ? (this.selectedItemName = t.value, this.description = t.description, this.$emit("on-set", {
         targetName: this.selectedTargetName,
         packetName: this.selectedPacketName,
         itemName: this.selectedItemNameWIndex,
@@ -322,9 +346,9 @@ const P = {
         reduced: this.selectedReduced,
         reducedType: this.selectedReducedType,
         queueName: this.selectedQueueName
-      }));
+      })) : this.globEnabled && typeof e == "string" && /[*?]|\[(?!\d+\])/.test(e) && (this.selectedItemName = e.toUpperCase());
     },
-    indexChanged: function(t) {
+    indexChanged: function(e) {
       this.$emit("on-set", {
         targetName: this.selectedTargetName,
         packetName: this.selectedPacketName,
@@ -352,15 +376,15 @@ const P = {
       });
     },
     allTargetPacketItems: function() {
-      this.packetNames.forEach((t) => {
-        if (t === this.ALL) return;
-        const e = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-        this.api[e](this.selectedTargetName, t.value).then(
-          (i) => {
-            i.items.forEach((d) => {
+      this.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(
+          (l) => {
+            l.items.forEach((d) => {
               d.hidden || this.$emit("addItem", {
                 targetName: this.selectedTargetName,
-                packetName: t.value,
+                packetName: e.value,
                 itemName: d.name,
                 valueType: this.selectedValueType,
                 reduced: this.selectedReduced,
@@ -372,11 +396,11 @@ const P = {
       });
     },
     allPacketItems: function() {
-      this.itemNames.forEach((t) => {
-        t !== this.ALL && this.$emit("addItem", {
+      this.itemNames.forEach((e) => {
+        e !== this.ALL && this.$emit("addItem", {
           targetName: this.selectedTargetName,
           packetName: this.selectedPacketName,
-          itemName: t.value,
+          itemName: e.value,
           valueType: this.selectedValueType,
           reduced: this.selectedReduced,
           reducedType: this.selectedReducedType
@@ -385,25 +409,25 @@ const P = {
     }
   }
 }, V = { class: "pt-4 pb-4" };
-function x(t, e, i, d, a, s) {
-  const r = h("v-autocomplete"), m = h("v-col"), k = h("v-combobox"), g = h("v-btn"), f = h("v-row"), b = h("v-icon");
+function E(e, t, l, d, a, s) {
+  const N = h("v-autocomplete"), u = h("v-col"), b = h("v-combobox"), g = h("v-btn"), f = h("v-row"), I = h("v-icon");
   return n(), y("div", V, [
     c(f, {
       class: "align-center",
-      "no-gutters": !i.vertical
+      "no-gutters": !l.vertical
     }, {
-      default: u(() => [
-        c(m, {
+      default: m(() => [
+        c(u, {
           cols: s.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-target"
         }, {
-          default: u(() => [
-            c(r, {
+          default: m(() => [
+            c(N, {
               ref: "targetAutocomplete",
               modelValue: a.selectedTargetName,
               "onUpdate:modelValue": [
-                e[0] || (e[0] = (l) => a.selectedTargetName = l),
+                t[0] || (t[0] = (i) => a.selectedTargetName = i),
                 s.targetNameChanged
               ],
               label: "Select Target",
@@ -411,26 +435,26 @@ function x(t, e, i, d, a, s) {
               "auto-select-first": "",
               density: "compact",
               variant: "outlined",
-              disabled: s.autocompleteDisabled || i.lockTarget,
+              disabled: s.autocompleteDisabled || l.lockTarget,
               items: a.targetNames,
               "item-title": "label",
               "item-value": "value",
-              onFocus: e[1] || (e[1] = (l) => s.selectOnFocus("targetAutocomplete"))
+              onFocus: t[1] || (t[1] = (i) => s.selectOnFocus("targetAutocomplete"))
             }, null, 8, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        c(m, {
+        c(u, {
           cols: s.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-packet"
         }, {
-          default: u(() => [
-            c(r, {
+          default: m(() => [
+            (n(), o(T(s.globEnabled ? "v-combobox" : "v-autocomplete"), {
               ref: "packetAutocomplete",
               modelValue: a.selectedPacketName,
               "onUpdate:modelValue": [
-                e[2] || (e[2] = (l) => a.selectedPacketName = l),
+                t[2] || (t[2] = (i) => a.selectedPacketName = i),
                 s.packetNameChanged
               ],
               label: "Select Packet",
@@ -438,27 +462,27 @@ function x(t, e, i, d, a, s) {
               "auto-select-first": "",
               density: "compact",
               variant: "outlined",
-              disabled: a.packetsDisabled || s.autocompleteDisabled || i.lockPacket,
+              disabled: a.packetsDisabled || s.autocompleteDisabled || l.lockPacket,
               items: a.packetNames,
               "item-title": "label",
               "item-value": "value",
-              onFocus: e[3] || (e[3] = (l) => s.selectOnFocus("packetAutocomplete"))
-            }, null, 8, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
+              onFocus: t[3] || (t[3] = (i) => s.selectOnFocus("packetAutocomplete"))
+            }, null, 40, ["modelValue", "disabled", "items", "onUpdate:modelValue"]))
           ]),
           _: 1
         }, 8, ["cols"]),
-        i.mode === "cmd" && i.showQueueSelect ? (n(), N(m, {
+        l.mode === "cmd" && l.showQueueSelect ? (n(), o(u, {
           key: 0,
           cols: s.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-queue"
         }, {
-          default: u(() => [
-            c(r, {
+          default: m(() => [
+            c(N, {
               ref: "queueAutocomplete",
               modelValue: a.selectedQueueName,
               "onUpdate:modelValue": [
-                e[4] || (e[4] = (l) => a.selectedQueueName = l),
+                t[4] || (t[4] = (i) => a.selectedQueueName = i),
                 s.queueNameChanged
               ],
               label: "Select Queue",
@@ -470,24 +494,24 @@ function x(t, e, i, d, a, s) {
               items: a.queueNames,
               "item-title": "label",
               "item-value": "value",
-              onFocus: e[5] || (e[5] = (l) => s.selectOnFocus("queueAutocomplete"))
+              onFocus: t[5] || (t[5] = (i) => s.selectOnFocus("queueAutocomplete"))
             }, null, 8, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
           ]),
           _: 1
-        }, 8, ["cols"])) : o("", !0),
-        i.chooseItem ? (n(), N(m, {
+        }, 8, ["cols"])) : r("", !0),
+        l.chooseItem ? (n(), o(u, {
           key: 1,
           cols: s.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-item"
         }, {
-          default: u(() => [
-            c(r, {
+          default: m(() => [
+            (n(), o(T(s.globEnabled ? "v-combobox" : "v-autocomplete"), {
               ref: "itemAutocomplete",
               modelValue: a.selectedItemName,
               "onUpdate:modelValue": [
-                e[6] || (e[6] = (l) => a.selectedItemName = l),
-                e[7] || (e[7] = (l) => s.itemNameChanged(l))
+                t[6] || (t[6] = (i) => a.selectedItemName = i),
+                t[7] || (t[7] = (i) => s.itemNameChanged(i))
               ],
               label: "Select Item",
               "hide-details": "",
@@ -498,25 +522,25 @@ function x(t, e, i, d, a, s) {
               items: a.itemNames,
               "item-title": "label",
               "item-value": "value",
-              onFocus: e[8] || (e[8] = (l) => s.selectOnFocus("itemAutocomplete"))
-            }, null, 8, ["modelValue", "disabled", "items"])
+              onFocus: t[8] || (t[8] = (i) => s.selectOnFocus("itemAutocomplete"))
+            }, null, 40, ["modelValue", "disabled", "items"]))
           ]),
           _: 1
-        }, 8, ["cols"])) : o("", !0),
-        i.chooseItem && s.itemIsArray ? (n(), N(m, {
+        }, 8, ["cols"])) : r("", !0),
+        l.chooseItem && s.itemIsArray ? (n(), o(u, {
           key: 2,
           cols: "1",
           class: "tpic-select pr-4",
           "data-test": "array-index",
           style: { "min-width": "105px" }
         }, {
-          default: u(() => [
-            c(k, {
+          default: m(() => [
+            c(b, {
               ref: "indexCombobox",
               modelValue: a.selectedArrayIndex,
               "onUpdate:modelValue": [
-                e[9] || (e[9] = (l) => a.selectedArrayIndex = l),
-                e[10] || (e[10] = (l) => s.indexChanged(l))
+                t[9] || (t[9] = (i) => a.selectedArrayIndex = i),
+                t[10] || (t[10] = (i) => s.indexChanged(i))
               ],
               label: "Index",
               "hide-details": "",
@@ -527,92 +551,92 @@ function x(t, e, i, d, a, s) {
               items: s.arrayIndexes,
               "item-title": "label",
               "item-value": "value",
-              onFocus: e[11] || (e[11] = (l) => s.selectOnFocus("indexCombobox"))
+              onFocus: t[11] || (t[11] = (i) => s.selectOnFocus("indexCombobox"))
             }, null, 8, ["modelValue", "disabled", "items"])
           ]),
           _: 1
-        })) : o("", !0),
-        i.buttonText ? (n(), N(m, {
+        })) : r("", !0),
+        l.buttonText ? (n(), o(u, {
           key: 3,
           cols: s.colSize,
           style: { "max-width": "140px" }
         }, {
-          default: u(() => [
+          default: m(() => [
             c(g, {
               disabled: s.buttonDisabled,
               color: "primary",
               "data-test": "select-send",
               onClick: s.buttonPressed
             }, {
-              default: u(() => [
-                p(T(s.actualButtonText), 1)
+              default: m(() => [
+                p(k(s.actualButtonText), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
           ]),
           _: 1
-        }, 8, ["cols"])) : o("", !0)
+        }, 8, ["cols"])) : r("", !0)
       ]),
       _: 1
     }, 8, ["no-gutters"]),
-    i.selectTypes ? (n(), N(f, {
+    l.selectTypes ? (n(), o(f, {
       key: 0,
       class: "pt-6 align-center",
       "no-gutters": ""
     }, {
-      default: u(() => [
-        c(m, {
+      default: m(() => [
+        c(u, {
           cols: s.colSize,
           class: "tpic-select pr-4",
           "data-test": "data-type"
         }, {
-          default: u(() => [
-            c(r, {
+          default: m(() => [
+            c(N, {
               ref: "valueTypeAutocomplete",
               modelValue: a.selectedValueType,
-              "onUpdate:modelValue": e[12] || (e[12] = (l) => a.selectedValueType = l),
+              "onUpdate:modelValue": t[12] || (t[12] = (i) => a.selectedValueType = i),
               label: "Value Type",
               "hide-details": "",
               "auto-select-first": "",
               density: "compact",
               variant: "outlined",
               items: a.valueTypes,
-              onFocus: e[13] || (e[13] = (l) => s.selectOnFocus("valueTypeAutocomplete"))
+              onFocus: t[13] || (t[13] = (i) => s.selectOnFocus("valueTypeAutocomplete"))
             }, null, 8, ["modelValue", "items"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        c(m, {
+        c(u, {
           cols: s.colSize,
           class: "tpic-select pr-4",
           "data-test": "reduced"
         }, {
-          default: u(() => [
-            c(r, {
+          default: m(() => [
+            c(N, {
               ref: "reducedAutocomplete",
               modelValue: a.selectedReduced,
-              "onUpdate:modelValue": e[14] || (e[14] = (l) => a.selectedReduced = l),
+              "onUpdate:modelValue": t[14] || (t[14] = (i) => a.selectedReduced = i),
               label: "Reduced",
               "hide-details": "",
               "auto-select-first": "",
               density: "compact",
               variant: "outlined",
               items: a.reductionModes,
-              onFocus: e[15] || (e[15] = (l) => s.selectOnFocus("reducedAutocomplete"))
+              onFocus: t[15] || (t[15] = (i) => s.selectOnFocus("reducedAutocomplete"))
             }, null, 8, ["modelValue", "items"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        c(m, {
+        c(u, {
           cols: s.colSize,
           class: "tpic-select pr-4",
           "data-test": "reduced-type"
         }, {
-          default: u(() => [
-            c(r, {
+          default: m(() => [
+            c(N, {
               ref: "reducedTypeAutocomplete",
               modelValue: a.selectedReducedType,
-              "onUpdate:modelValue": e[16] || (e[16] = (l) => a.selectedReducedType = l),
+              "onUpdate:modelValue": t[16] || (t[16] = (i) => a.selectedReducedType = i),
               label: "Reduced Type",
               "hide-details": "",
               "auto-select-first": "",
@@ -620,41 +644,41 @@ function x(t, e, i, d, a, s) {
               variant: "outlined",
               disabled: a.selectedReduced === "DECOM",
               items: a.reducedTypes,
-              onFocus: e[17] || (e[17] = (l) => s.selectOnFocus("reducedTypeAutocomplete"))
+              onFocus: t[17] || (t[17] = (i) => s.selectOnFocus("reducedTypeAutocomplete"))
             }, null, 8, ["modelValue", "disabled", "items"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        c(m, {
+        c(u, {
           cols: s.colSize,
           style: { "max-width": "140px" }
         }, null, 8, ["cols"])
       ]),
       _: 1
-    })) : o("", !0),
+    })) : r("", !0),
     c(f, {
       "no-gutters": "",
       class: "pt-3 px-3 align-center"
     }, {
-      default: u(() => [
-        c(m, {
+      default: m(() => [
+        c(u, {
           cols: s.colSize,
-          class: A({ "openc3-yellow": s.isHazardous })
+          class: P({ "openc3-yellow": s.isHazardous })
         }, {
-          default: u(() => [
-            s.isHazardous ? (n(), N(b, {
+          default: m(() => [
+            s.isHazardous ? (n(), o(I, {
               key: 0,
               class: "mr-1"
             }, {
-              default: u(() => [...e[18] || (e[18] = [
+              default: m(() => [...t[18] || (t[18] = [
                 p("mdi-alert", -1)
               ])]),
               _: 1
-            })) : o("", !0),
-            p(" Description: " + T(a.description) + " ", 1),
+            })) : r("", !0),
+            p(" Description: " + k(a.description) + " ", 1),
             s.isHazardous ? (n(), y(D, { key: 1 }, [
               p(" (HAZARDOUS) ")
-            ], 64)) : o("", !0)
+            ], 64)) : r("", !0)
           ]),
           _: 1
         }, 8, ["cols", "class"])
@@ -663,8 +687,8 @@ function x(t, e, i, d, a, s) {
     })
   ]);
 }
-const C = /* @__PURE__ */ L(P, [["render", x], ["__scopeId", "data-v-7842c92d"]]);
+const _ = /* @__PURE__ */ L(x, [["render", E], ["__scopeId", "data-v-96671320"]]);
 export {
-  C as T
+  _ as T
 };
-//# sourceMappingURL=TargetPacketItemChooser-BoBqvs3T.js.map
+//# sourceMappingURL=TargetPacketItemChooser-BOdVLVbe.js.map