@openc3/vue-common 6.4.1 → 6.5.0

package/dist/components.js

@@ -1,21 +1,21 @@
-import { A as Ie, O as xe } from "./OutputDialog-CqD5uI0m.js";
-import { A as De, T as Ae } from "./TopBar-AjYGyx8W.js";
-import { E as Re, a as Le, F as Se, O as Ee, S as Ue } from "./Openc3Screen-DFYYhHt7.js";
-import { p as k, d as O } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-BOiUmW4q.js";
-import { D as Oe, e as Be } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-BOiUmW4q.js";
+import { A as Ie, O as xe } from "./OutputDialog-B6i5yvkr.js";
+import { A as De, T as Ae } from "./TopBar-h_jaZ23r.js";
+import { E as Re, a as Le, F as Se, O as Ee, S as Ue } from "./Openc3Screen-CPknMmN8.js";
+import { p as k, d as O } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-Vn0OLZcG.js";
+import { D as Oe, e as Be } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-Vn0OLZcG.js";
 import { resolveComponent as o, createBlock as b, openBlock as _, withKeys as E, withCtx as n, createVNode as l, createElementVNode as f, withModifiers as D, withDirectives as U, toDisplayString as w, vShow as P, createTextVNode as g, normalizeStyle as B, createCommentVNode as I, createElementBlock as V, createSlots as K, normalizeClass as W, Fragment as M } from "vue";
 import { _ as C } from "./CustomIcon-h5X7369N.js";
-import { C as We } from "./CriticalCmdDialog-D4-eoA3P.js";
-import { D as ze } from "./DetailsDialog-OMd7LWdZ.js";
-import { E as Ge, S as He } from "./ScriptChooser-DBkFAc6E.js";
-import { G as qe, a as Je, b as Ze } from "./Graph-vUcIyyTp.js";
+import { C as We } from "./CriticalCmdDialog-D5m3w1fr.js";
+import { D as ze } from "./DetailsDialog-DEjAO6yp.js";
+import { E as Ge, S as He } from "./ScriptChooser-CA2eMEE2.js";
+import { G as qe, a as Je, b as Ze } from "./Graph-hzxapkW-.js";
 import { UnknownToAstroStatus as R, AstroStatusColors as L } from "./icons.js";
 import { T as z } from "./timeFilters-BKnCM4rv.js";
 import { f as F } from "./format-CVeawcIv.js";
 import { getMountedApps as G } from "single-spa";
-import { S as Xe } from "./SimpleTextDialog-plHG7LGh.js";
+import { S as Xe } from "./SimpleTextDialog-BqVdFj1n.js";
 import { T as $e } from "./TextBoxDialog-C60jmnyN.js";
-import { U as tt } from "./UpgradeToEnterpriseDialog-CMVEjihv.js";
+import { U as tt } from "./UpgradeToEnterpriseDialog-DE2DoA0l.js";
 const Ne = {
   data: {
     configKey: "",
@@ -776,6 +776,10 @@ const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
       type: Boolean,
       default: !1
     },
+    allowAllArrayIndex: {
+      type: Boolean,
+      default: !1
+    },
     buttonText: {
       type: String,
       default: null
@@ -827,6 +831,7 @@ const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
       default: !1
     }
   },
+  emits: ["on-set", "addItem"],
   data() {
     var t, e, i;
     return {
@@ -868,11 +873,6 @@ const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
       }
     };
   },
-  created() {
-    this.internalDisabled = !0, this.api = new k(), 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);
-    });
-  },
   computed: {
     actualButtonText: function() {
       return this.selectedPacketName === "ALL" ? "Add Target" : this.selectedItemName === "ALL" ? "Add Packet" : this.buttonText;
@@ -887,10 +887,22 @@ const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
       return this.vertical ? 12 : !1;
     },
     selectedItemNameWIndex: function() {
-      return this.itemIsArray() && this.selectedArrayIndex !== null && this.selectedArrayIndex !== this.ALL.label ? `${this.selectedItemName}[${this.selectedArrayIndex}]` : this.selectedItemName;
+      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 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;
+    },
+    itemIsArray: function() {
+      let t = this.itemNames.findIndex(
+        (e) => e.value === this.selectedItemName
+      );
+      return !(t === -1 || isNaN(this.itemNames[t].array));
     }
   },
   watch: {
@@ -908,8 +920,16 @@ const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
     },
     chooseItem: function(t, e) {
       t ? this.updateItems() : this.itemNames = [];
+    },
+    itemIsArray: function(t) {
+      t ? this.selectedArrayIndex || (this.selectedArrayIndex = 0) : this.selectedArrayIndex = null;
     }
   },
+  created() {
+    this.internalDisabled = !0, this.api = new k(), 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);
+    });
+  },
   methods: {
     updatePackets: function() {
       if (this.selectedTargetName === "UNKNOWN") {
@@ -958,7 +978,7 @@ const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
         }
     },
     finishUpdateItems: function() {
-      this.allowAll && this.itemNames.unshift(this.ALL), this.selectedItemName || (this.selectedItemName = this.itemNames[0].value), this.description = this.itemNames[0].description, this.itemIsArray(), this.$emit("on-set", {
+      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,
@@ -967,18 +987,6 @@ const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
         reducedType: this.selectedReducedType
       }), this.internalDisabled = !1;
     },
-    itemIsArray: function() {
-      let t = this.itemNames.findIndex(
-        (e) => e.value === this.selectedItemName
-      );
-      return t === -1 ? (this.selectedArrayIndex = null, !1) : isNaN(this.itemNames[t].array) ? (this.selectedArrayIndex = null, !1) : (this.selectedArrayIndex === null && (this.selectedArrayIndex = 0), !0);
-    },
-    arrayIndexes: function() {
-      let t = this.itemNames.findIndex(
-        (i) => i.value === this.selectedItemName
-      ), e = [...Array(this.itemNames[t].array).keys()];
-      return this.allowAll && e.unshift(this.ALL.label), e;
-    },
     targetNameChanged: function(t) {
       this.selectedTargetName = t, this.selectedPacketName = "", this.selectedItemName = "", t !== null && this.updatePackets();
     },
@@ -1014,7 +1022,7 @@ const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
     },
     itemNameChanged: function(t) {
       const e = this.itemNames.find((i) => t === i.value);
-      e && (this.itemIsArray(), this.selectedItemName = e.value, this.description = e.description, this.$emit("on-set", {
+      e && (this.selectedItemName = e.value, this.description = e.description, this.$emit("on-set", {
         targetName: this.selectedTargetName,
         packetName: this.selectedPacketName,
         itemName: this.selectedItemNameWIndex,
@@ -1097,19 +1105,19 @@ function de(t, e, i, c, s, a) {
         }, {
           default: n(() => [
             l(u, {
+              modelValue: s.selectedTargetName,
+              "onUpdate:modelValue": [
+                e[0] || (e[0] = (d) => s.selectedTargetName = d),
+                a.targetNameChanged
+              ],
               label: "Select Target",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              "onUpdate:modelValue": [
-                a.targetNameChanged,
-                e[0] || (e[0] = (d) => s.selectedTargetName = d)
-              ],
               items: s.targetNames,
               "item-title": "label",
-              "item-value": "value",
-              modelValue: s.selectedTargetName
-            }, null, 8, ["onUpdate:modelValue", "items", "modelValue"])
+              "item-value": "value"
+            }, null, 8, ["modelValue", "items", "onUpdate:modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
@@ -1120,19 +1128,19 @@ function de(t, e, i, c, s, a) {
         }, {
           default: n(() => [
             l(u, {
+              modelValue: s.selectedPacketName,
+              "onUpdate:modelValue": [
+                e[2] || (e[2] = (d) => s.selectedPacketName = d),
+                a.packetNameChanged
+              ],
               label: "Select Packet",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              "onUpdate:modelValue": [
-                a.packetNameChanged,
-                e[2] || (e[2] = (d) => s.selectedPacketName = d)
-              ],
               disabled: s.packetsDisabled || a.autocompleteDisabled,
               items: s.packetNames,
               "item-title": "label",
-              "item-value": "value",
-              modelValue: s.selectedPacketName
+              "item-value": "value"
             }, K({ _: 2 }, [
               a.includeLatestPacketInDropdown ? {
                 name: "prepend-item",
@@ -1145,7 +1153,7 @@ function de(t, e, i, c, s, a) {
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["onUpdate:modelValue", "disabled", "items", "modelValue"])
+            ]), 1032, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
@@ -1157,24 +1165,24 @@ function de(t, e, i, c, s, a) {
         }, {
           default: n(() => [
             l(u, {
+              modelValue: s.selectedItemName,
+              "onUpdate:modelValue": [
+                e[3] || (e[3] = (d) => s.selectedItemName = d),
+                e[4] || (e[4] = (d) => a.itemNameChanged(d))
+              ],
               label: "Select Item",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              "onUpdate:modelValue": [
-                e[3] || (e[3] = (d) => a.itemNameChanged(d)),
-                e[4] || (e[4] = (d) => s.selectedItemName = d)
-              ],
               disabled: s.itemsDisabled || a.autocompleteDisabled,
               items: s.itemNames,
               "item-title": "label",
-              "item-value": "value",
-              modelValue: s.selectedItemName
-            }, null, 8, ["disabled", "items", "modelValue"])
+              "item-value": "value"
+            }, null, 8, ["modelValue", "disabled", "items"])
           ]),
           _: 1
         }, 8, ["cols"])) : I("", !0),
-        i.chooseItem && a.itemIsArray() ? (_(), b(m, {
+        i.chooseItem && a.itemIsArray ? (_(), b(m, {
           key: 1,
           cols: "1",
           class: "tpic-select pr-4",
@@ -1183,20 +1191,20 @@ function de(t, e, i, c, s, a) {
         }, {
           default: n(() => [
             l(p, {
+              modelValue: s.selectedArrayIndex,
+              "onUpdate:modelValue": [
+                e[5] || (e[5] = (d) => s.selectedArrayIndex = d),
+                e[6] || (e[6] = (d) => a.indexChanged(d))
+              ],
               label: "Index",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              "onUpdate:modelValue": [
-                e[5] || (e[5] = (d) => a.indexChanged(d)),
-                e[6] || (e[6] = (d) => s.selectedArrayIndex = d)
-              ],
               disabled: s.itemsDisabled || a.autocompleteDisabled,
-              items: a.arrayIndexes(),
+              items: a.arrayIndexes,
               "item-title": "label",
-              "item-value": "value",
-              modelValue: s.selectedArrayIndex
-            }, null, 8, ["disabled", "items", "modelValue"])
+              "item-value": "value"
+            }, null, 8, ["modelValue", "disabled", "items"])
           ]),
           _: 1
         })) : I("", !0),
@@ -1225,8 +1233,8 @@ function de(t, e, i, c, s, a) {
     }, 8, ["no-gutters"]),
     i.selectTypes ? (_(), b(y, {
       key: 0,
-      "no-gutters": "",
-      class: "pt-6"
+      class: "pt-6",
+      "no-gutters": ""
     }, {
       default: n(() => [
         l(m, {
@@ -1236,14 +1244,14 @@ function de(t, e, i, c, s, a) {
         }, {
           default: n(() => [
             l(u, {
+              modelValue: s.selectedValueType,
+              "onUpdate:modelValue": e[7] || (e[7] = (d) => s.selectedValueType = d),
               label: "Value Type",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              items: s.valueTypes,
-              modelValue: s.selectedValueType,
-              "onUpdate:modelValue": e[7] || (e[7] = (d) => s.selectedValueType = d)
-            }, null, 8, ["items", "modelValue"])
+              items: s.valueTypes
+            }, null, 8, ["modelValue", "items"])
           ]),
           _: 1
         }, 8, ["cols"]),
@@ -1254,14 +1262,14 @@ function de(t, e, i, c, s, a) {
         }, {
           default: n(() => [
             l(u, {
+              modelValue: s.selectedReduced,
+              "onUpdate:modelValue": e[8] || (e[8] = (d) => s.selectedReduced = d),
               label: "Reduced",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              items: s.reductionModes,
-              modelValue: s.selectedReduced,
-              "onUpdate:modelValue": e[8] || (e[8] = (d) => s.selectedReduced = d)
-            }, null, 8, ["items", "modelValue"])
+              items: s.reductionModes
+            }, null, 8, ["modelValue", "items"])
           ]),
           _: 1
         }, 8, ["cols"]),
@@ -1272,15 +1280,15 @@ function de(t, e, i, c, s, a) {
         }, {
           default: n(() => [
             l(u, {
+              modelValue: s.selectedReducedType,
+              "onUpdate:modelValue": e[9] || (e[9] = (d) => s.selectedReducedType = d),
               label: "Reduced Type",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               disabled: s.selectedReduced === "DECOM",
-              items: s.reducedTypes,
-              modelValue: s.selectedReducedType,
-              "onUpdate:modelValue": e[9] || (e[9] = (d) => s.selectedReducedType = d)
-            }, null, 8, ["disabled", "items", "modelValue"])
+              items: s.reducedTypes
+            }, null, 8, ["modelValue", "disabled", "items"])
           ]),
           _: 1
         }, 8, ["cols"]),
@@ -1313,7 +1321,7 @@ function de(t, e, i, c, s, a) {
     })
   ]);
 }
-const we = /* @__PURE__ */ C(oe, [["render", de], ["__scopeId", "data-v-17a5870b"]]);
+const we = /* @__PURE__ */ C(oe, [["render", de], ["__scopeId", "data-v-75f74b75"]]);
 export {
   Ie as AceEditorModes,
   De as AceEditorUtils,