@openc3/vue-common 6.10.4 → 6.10.6

package/dist/OpenC3TimePicker-DM8EnTy5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenC3TimePicker-DM8EnTy5.cjs","sources":["../src/components/OpenC3TimePicker.vue"],"sourcesContent":["<!--\n# Copyright 2026 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-text-field\n    v-model=\"inputValue\"\n    :label=\"label\"\n    :rules=\"computedRules\"\n    :hide-details=\"hideDetails\"\n    :variant=\"variant\"\n    :density=\"density\"\n    :style=\"computedStyle\"\n    :class=\"textFieldClass\"\n    :disabled=\"disabled\"\n    :data-test=\"dataTest\"\n    @blur=\"handleBlur\"\n    @keydown.enter=\"handleBlur\"\n  >\n    <template #prepend-inner>\n      <v-menu\n        v-model=\"menu\"\n        :close-on-content-click=\"false\"\n        transition=\"scale-transition\"\n        offset=\"16\"\n      >\n        <template #activator=\"{ props: menuProps }\">\n          <v-icon v-bind=\"menuProps\" class=\"cursor-pointer\">\n            mdi-clock-outline\n          </v-icon>\n        </template>\n        <v-card class=\"time-picker-card\">\n          <v-time-picker\n            v-model=\"tempTime\"\n            :format=\"timeFormat\"\n            scrollable\n            use-seconds\n            hide-header\n          />\n          <v-card-actions>\n            <v-spacer />\n            <v-btn variant=\"text\" @click=\"cancel\">Cancel</v-btn>\n            <v-btn color=\"primary\" variant=\"text\" @click=\"save\">OK</v-btn>\n          </v-card-actions>\n        </v-card>\n      </v-menu>\n    </template>\n  </v-text-field>\n</template>\n\n<script>\nimport { OpenC3Api } from '@openc3/js-common/services'\n\nexport default {\n  inheritAttrs: false,\n  props: {\n    modelValue: {\n      type: String,\n      default: '',\n    },\n    label: {\n      type: String,\n      default: 'Time',\n    },\n    rules: {\n      type: Array,\n      default: () => [],\n    },\n    hideDetails: {\n      type: [Boolean, String],\n      default: false,\n    },\n    variant: {\n      type: String,\n      default: 'filled',\n    },\n    density: {\n      type: String,\n      default: 'default',\n    },\n    style: {\n      type: [String, Object],\n      default: '',\n    },\n    textFieldClass: {\n      type: String,\n      default: '',\n    },\n    dataTest: {\n      type: String,\n      default: '',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['update:modelValue'],\n  data() {\n    return {\n      menu: false,\n      timeFormat: 'ampm',\n      tempTime: null,\n      inputValue: '',\n    }\n  },\n  computed: {\n    computedStyle() {\n      if (typeof this.style === 'string') {\n        return this.style\n      }\n      return this.style\n    },\n    computedRules() {\n      // Wrap the passed rules to validate against the 24-hour modelValue\n      return this.rules.map((rule) => {\n        return () => {\n          return rule(this.modelValue)\n        }\n      })\n    },\n  },\n  watch: {\n    modelValue: {\n      immediate: true,\n      handler(newVal) {\n        // Update input display when modelValue changes externally\n        if (!this.menu) {\n          this.inputValue = this.formatForDisplay(newVal)\n        }\n      },\n    },\n    inputValue(newVal) {\n      // Immediately emit empty value when input is cleared for instant validation\n      if (newVal === '' && this.modelValue !== '') {\n        this.$emit('update:modelValue', '')\n      }\n    },\n    menu(newVal) {\n      if (newVal) {\n        // When menu opens, initialize tempTime with current value\n        // Normalize to HH:mm:ss format (v-time-picker doesn't handle milliseconds)\n        this.tempTime = this.normalizeTime(this.modelValue) || '00:00:00'\n      }\n    },\n    tempTime(newVal) {\n      // Update input display in real-time when using the time picker\n      if (this.menu && newVal) {\n        this.inputValue = this.formatForDisplay(newVal)\n      }\n    },\n  },\n  async created() {\n    // Capture current display before async call\n    const previousDisplay = this.inputValue\n    await this.loadTimeFormat()\n    // Only update display if it hasn't been changed externally during the await\n    if (this.inputValue === previousDisplay) {\n      this.inputValue = this.formatForDisplay(this.modelValue)\n    }\n  },\n  methods: {\n    async loadTimeFormat() {\n      try {\n        const api = new OpenC3Api()\n        const response = await api.get_setting('time_format')\n        if (response) {\n          this.timeFormat = response\n        }\n      } catch (error) {\n        // Default to 'ampm' if setting is not found\n        this.timeFormat = 'ampm'\n      }\n    },\n    formatForDisplay(time24) {\n      if (!time24) return ''\n      if (this.timeFormat === '24hr') {\n        return time24\n      }\n      return this.convertTo12Hour(time24)\n    },\n    handleBlur() {\n      // Parse input and update modelValue\n      const parsed = this.parseTimeInput(this.inputValue)\n      if (parsed) {\n        this.$emit('update:modelValue', parsed)\n        this.inputValue = this.formatForDisplay(parsed)\n      } else if (this.inputValue === '') {\n        this.$emit('update:modelValue', '')\n      } else {\n        // Invalid input, revert to current modelValue display\n        this.inputValue = this.formatForDisplay(this.modelValue)\n      }\n    },\n    parseTimeInput(input) {\n      if (!input || input.trim() === '') return ''\n\n      // Try to parse 24-hour format: HH:mm:ss or HH:mm\n      const time24Match = input.match(/^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?$/)\n      if (time24Match) {\n        const hours = parseInt(time24Match[1], 10)\n        const minutes = parseInt(time24Match[2], 10)\n        const seconds = time24Match[3] ? parseInt(time24Match[3], 10) : 0\n        if (\n          hours >= 0 &&\n          hours <= 23 &&\n          minutes >= 0 &&\n          minutes <= 59 &&\n          seconds >= 0 &&\n          seconds <= 59\n        ) {\n          return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`\n        }\n      }\n\n      // Try to parse 12-hour format: HH:mm:ss AM/PM or HH:mm AM/PM\n      const time12Match = input.match(\n        /^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?\\s*(AM|PM|am|pm)$/i,\n      )\n      if (time12Match) {\n        let hours = parseInt(time12Match[1], 10)\n        const minutes = parseInt(time12Match[2], 10)\n        const seconds = time12Match[3] ? parseInt(time12Match[3], 10) : 0\n        const period = time12Match[4].toUpperCase()\n\n        if (\n          hours >= 1 &&\n          hours <= 12 &&\n          minutes >= 0 &&\n          minutes <= 59 &&\n          seconds >= 0 &&\n          seconds <= 59\n        ) {\n          // Convert to 24-hour format\n          if (period === 'AM') {\n            if (hours === 12) hours = 0\n          } else {\n            if (hours !== 12) hours += 12\n          }\n          return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`\n        }\n      }\n\n      return null // Invalid format\n    },\n    save() {\n      this.$emit('update:modelValue', this.tempTime)\n      this.inputValue = this.formatForDisplay(this.tempTime)\n      this.menu = false\n    },\n    cancel() {\n      this.tempTime = this.normalizeTime(this.modelValue) || '00:00:00'\n      this.menu = false\n    },\n    // Normalize time to HH:mm:ss format (strips milliseconds if present)\n    normalizeTime(time) {\n      if (!time) return ''\n      const parts = time.split(':')\n      if (parts.length < 2) return time\n      const hours = Number.parseInt(parts[0], 10)\n      const minutes = Number.parseInt(parts[1], 10)\n      // Strip milliseconds from seconds (e.g., \"45.123\" -> 45)\n      const seconds = parts.length > 2 ? Number.parseInt(parts[2], 10) : 0\n      if (Number.isNaN(hours) || Number.isNaN(minutes) || Number.isNaN(seconds)) {\n        return ''\n      }\n      return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`\n    },\n    convertTo12Hour(time24) {\n      if (!time24) return ''\n      const parts = time24.split(':')\n      if (parts.length < 2) return time24\n      let hours = Number.parseInt(parts[0], 10)\n      const minutes = Number.parseInt(parts[1], 10)\n      // Strip milliseconds from seconds (e.g., \"45.123\" -> 45)\n      const seconds = parts.length > 2 ? Number.parseInt(parts[2], 10) : 0\n      // Validate all parts are valid numbers\n      if (Number.isNaN(hours) || Number.isNaN(minutes) || Number.isNaN(seconds)) {\n        return time24 // Return original if parsing fails\n      }\n      const ampm = hours >= 12 ? 'PM' : 'AM'\n      hours = hours % 12\n      hours = hours ? hours : 12 // 0 should be 12\n      const paddedHours = hours.toString().padStart(2, '0')\n      const paddedMinutes = minutes.toString().padStart(2, '0')\n      const paddedSeconds = seconds.toString().padStart(2, '0')\n      return `${paddedHours}:${paddedMinutes}:${paddedSeconds} ${ampm}`\n    },\n  },\n}\n</script>\n\n<style scoped>\n.time-picker-card {\n  background-color: var(--color-background-surface-default);\n}\n.time-picker-card :deep(.v-time-picker) {\n  background-color: var(--color-background-surface-default);\n}\n.time-picker-card :deep(.v-time-picker-clock__container) {\n  background-color: var(--color-background-surface-default);\n}\n.time-picker-card :deep(.v-time-picker-clock) {\n  background-color: var(--color-background-base-default);\n}\n.time-picker-card :deep(.v-picker__header) {\n  background-color: var(--color-background-surface-header);\n}\n.time-picker-card :deep(.v-picker-title) {\n  background-color: var(--color-background-surface-header);\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n</style>\n"],"names":["_sfc_main","rule","newVal","previousDisplay","response","OpenC3Api","time24","parsed","input","time24Match","hours","minutes","seconds","time12Match","period","time","parts","ampm","paddedHours","paddedMinutes","paddedSeconds","_createBlock","_component_v_text_field","$data","$event","$props","$options","_createVNode","_component_v_menu","_withCtx","menuProps","_component_v_icon","_mergeProps","_cache","_component_v_card","_component_v_time_picker","_component_v_card_actions","_component_v_spacer","_component_v_btn"],"mappings":"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"}

package/dist/{Openc3Screen-DYJHNotN.js → Openc3Screen-DG98sMaI.js}

@@ -1,8 +1,8 @@
-import { f as V, y as q, a as M, W as Z, e as X, l as H } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-NXWdTcR2.js";
-import { resolveComponent as d, createElementBlock as E, openBlock as f, createVNode as o, withCtx as r, createTextVNode as T, createElementVNode as _, withModifiers as O, normalizeStyle as B, toDisplayString as k, createBlock as x, withKeys as N, Fragment as L, renderList as P, ref as $, computed as Y, watch as K, createCommentVNode as I, withDirectives as F, vShow as z, normalizeProps as R, guardReactiveProps as U } from "vue";
+import { E as V, O as q, a as M, W as Z, A as X, l as H } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_dda5adfc_lang-gWC4BUC8.js";
+import { resolveComponent as d, createElementBlock as I, openBlock as f, createVNode as o, withCtx as r, createTextVNode as T, createElementVNode as _, withModifiers as O, normalizeStyle as B, toDisplayString as k, createBlock as x, withKeys as N, Fragment as R, renderList as P, ref as $, computed as Y, watch as K, createCommentVNode as E, withDirectives as F, vShow as z, normalizeProps as L, guardReactiveProps as U } from "vue";
 import { _ as A } from "./CustomIcon-B9m73Gqm.js";
 import { f as J } from "./fileIcon-DqRHb1_Z.js";
-import { A as j } from "./TopBar-DzxJ69Tt.js";
+import { A as j } from "./TopBar-Cp-eD08M.js";
 class Q {
   constructor() {
     V.get("/openc3-api/autocomplete/data/screen").then((t) => {
@@ -204,7 +204,7 @@ const ee = {
 }, te = { class: "screen-editor-container" };
 function ne(e, t, n, s, i, l) {
   const c = d("v-btn"), v = d("v-file-input"), h = d("v-spacer"), m = d("v-row"), y = d("v-list-item-title"), S = d("v-list-item"), w = d("v-divider"), u = d("v-list"), a = d("v-menu");
-  return f(), E("div", te, [
+  return f(), I("div", te, [
     o(m, {
       "no-gutters": "",
       align: "center",
@@ -417,7 +417,7 @@ function oe(e, t, n, s, i, l) {
               }, null, 8, ["modelValue", "keywords", "filename"]),
               o(y, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
                 default: r(() => [
-                  (f(!0), E(L, null, P(l.editErrors, (a, g) => (f(), E("div", { key: g }, [
+                  (f(!0), I(R, null, P(l.editErrors, (a, g) => (f(), I("div", { key: g }, [
                     _("span", {
                       class: "text-red",
                       textContent: k(a)
@@ -753,7 +753,7 @@ function me(e, t, n, s, i, l) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const Le = /* @__PURE__ */ A(ue, [["render", me]]), fe = { class: "tree-node" }, pe = { class: "content-wrapper" }, ge = ["tabindex"], ve = { key: 1 }, ye = {
+const Re = /* @__PURE__ */ A(ue, [["render", me]]), fe = { class: "tree-node" }, pe = { class: "content-wrapper" }, ge = ["tabindex"], ve = { key: 1 }, ye = {
   key: 2,
   class: "children"
 }, _e = {
@@ -814,7 +814,7 @@ const Le = /* @__PURE__ */ A(ue, [["render", me]]), fe = { class: "tree-node" },
     };
     return (u, a) => {
       const g = d("v-tooltip"), p = d("v-icon"), b = d("v-btn"), C = d("tree-node", !0);
-      return f(), E(L, null, [
+      return f(), I(R, null, [
         o(g, {
           modelValue: c.value.show,
           "onUpdate:modelValue": a[0] || (a[0] = (D) => c.value.show = D),
@@ -823,7 +823,7 @@ const Le = /* @__PURE__ */ A(ue, [["render", me]]), fe = { class: "tree-node" },
           style: B(`position: fixed; left: ${c.value.x}px; top: ${c.value.y}px; pointer-events: none;`)
         }, null, 8, ["modelValue", "text", "style"]),
         _("div", fe, [
-          i.value ? (f(), E("div", {
+          i.value ? (f(), I("div", {
             key: 0,
             class: "node-content",
             onClick: a[4] || (a[4] = (D) => m(e.node))
@@ -838,7 +838,7 @@ const Le = /* @__PURE__ */ A(ue, [["render", me]]), fe = { class: "tree-node" },
                   T(k(e.node.isOpen ? "mdi-menu-down" : "mdi-menu-right"), 1)
                 ]),
                 _: 1
-              })) : I("", !0),
+              })) : E("", !0),
               e.node.children ? (f(), x(p, {
                 key: 1,
                 size: "small",
@@ -890,11 +890,11 @@ const Le = /* @__PURE__ */ A(ue, [["render", me]]), fe = { class: "tree-node" },
                 style: { "margin-left": "auto" },
                 "aria-label": "Delete",
                 onClick: a[3] || (a[3] = (D) => l("delete"))
-              })) : I("", !0)
+              })) : E("", !0)
             ])
-          ])) : (f(), E("div", ve)),
-          e.node.children && e.node.isOpen ? (f(), E("div", ye, [
-            (f(!0), E(L, null, P(e.node.children, (D) => (f(), x(C, {
+          ])) : (f(), I("div", ve)),
+          e.node.children && e.node.isOpen ? (f(), I("div", ye, [
+            (f(!0), I(R, null, P(e.node.children, (D) => (f(), x(C, {
               key: D.id,
               node: D,
               search: e.search,
@@ -902,7 +902,7 @@ const Le = /* @__PURE__ */ A(ue, [["render", me]]), fe = { class: "tree-node" },
               onNodeToggled: S,
               onRequest: w
             }, null, 8, ["node", "search", "type"]))), 128))
-          ])) : I("", !0)
+          ])) : E("", !0)
         ])
       ], 64);
     };
@@ -1182,7 +1182,7 @@ function Se(e, t, n, s, i, l) {
                     _: 1
                   }),
                   _("div", ke, [
-                    (f(!0), E(L, null, P(i.items, (b) => (f(), x(w, {
+                    (f(!0), I(R, null, P(i.items, (b) => (f(), x(w, {
                       key: `${b.id}`,
                       node: b,
                       search: i.search,
@@ -1234,6 +1234,7 @@ function Se(e, t, n, s, i, l) {
                         ref: "submitBtn",
                         type: "submit",
                         color: "primary",
+                        variant: "elevated",
                         class: "mx-2",
                         "data-test": "file-open-save-submit-btn",
                         disabled: i.disableButtons || !!l.error,
@@ -1259,7 +1260,7 @@ function Se(e, t, n, s, i, l) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const Re = /* @__PURE__ */ A(xe, [["render", Se]]), W = 20, Te = {
+const Le = /* @__PURE__ */ A(xe, [["render", Se]]), W = 20, Te = {
   components: {
     EditScreenDialog: re
   },
@@ -1725,7 +1726,9 @@ const Re = /* @__PURE__ */ A(xe, [["render", Se]]), W = 20, Te = {
         this.cacheTimeout,
         e
       ).then((t) => {
-        t && t.length > 0 && this.updateValues(t);
+        t && t.length > 0 && (this.updateValues(t), this.errors = this.errors.filter(
+          (n) => n.type !== "error" || !n.message.includes("Request error")
+        ));
       }).catch((t) => {
         let n = JSON.stringify(t, null, 2);
         this.errors.find((s) => s.message === n) || this.errors.length < W && this.errors.push({
@@ -1802,13 +1805,13 @@ const Re = /* @__PURE__ */ A(xe, [["render", Se]]), W = 20, Te = {
   class: "pa-1",
   style: { position: "relative" }
 };
-function Ie(e, t, n, s, i, l) {
+function Ee(e, t, n, s, i, l) {
   const c = d("v-btn"), v = d("v-tooltip"), h = d("v-spacer"), m = d("v-toolbar"), y = d("v-overlay"), S = d("vertical-widget"), w = d("v-expand-transition"), u = d("v-card"), a = d("edit-screen-dialog"), g = d("v-textarea"), p = d("v-card-actions"), b = d("v-dialog");
-  return f(), E("div", {
+  return f(), I("div", {
     ref: "bar",
     style: B(l.computedStyle)
   }, [
-    n.inline ? I("", !0) : (f(), x(u, {
+    n.inline ? E("", !0) : (f(), x(u, {
       key: 0,
       "min-height": i.height,
       "min-width": i.width,
@@ -1837,13 +1840,13 @@ function Ie(e, t, n, s, i, l) {
               "aria-label": "Edit Screen",
               onClick: l.openEdit
             }, null, 8, ["onClick"]),
-            n.fixFloated ? I("", !0) : (f(), x(v, {
+            n.fixFloated ? E("", !0) : (f(), x(v, {
               key: 0,
               "open-delay": 600,
               location: "top"
             }, {
               activator: r(({ props: C }) => [
-                _("div", R(U(C)), [
+                _("div", L(U(C)), [
                   o(c, {
                     icon: i.floated ? "mdi-balloon" : "mdi-view-grid-outline",
                     variant: "text",
@@ -1865,7 +1868,7 @@ function Ie(e, t, n, s, i, l) {
               location: "top"
             }, {
               activator: r(({ props: C }) => [
-                _("div", R(U(C)), [
+                _("div", L(U(C)), [
                   o(c, {
                     icon: "mdi-arrow-up",
                     variant: "text",
@@ -1880,14 +1883,14 @@ function Ie(e, t, n, s, i, l) {
                 t[6] || (t[6] = _("span", null, " Move Screen Up ", -1))
               ]),
               _: 1
-            })) : I("", !0),
+            })) : E("", !0),
             i.floated && i.zIndex > n.minZ ? (f(), x(v, {
               key: 2,
               "open-delay": 600,
               location: "top"
             }, {
               activator: r(({ props: C }) => [
-                _("div", R(U(C)), [
+                _("div", L(U(C)), [
                   o(c, {
                     icon: "mdi-arrow-down",
                     variant: "text",
@@ -1902,7 +1905,7 @@ function Ie(e, t, n, s, i, l) {
                 t[7] || (t[7] = _("span", null, " Move Screen Down ", -1))
               ]),
               _: 1
-            })) : I("", !0),
+            })) : E("", !0),
             o(h),
             _("span", null, k(n.target) + " " + k(n.screen), 1),
             o(h),
@@ -1931,19 +1934,18 @@ function Ie(e, t, n, s, i, l) {
               "data-test": "close-screen-icon",
               "aria-label": "Close Screen",
               onClick: t[1] || (t[1] = (C) => e.$emit("close-screen"))
-            })) : I("", !0)
+            })) : E("", !0)
           ]),
           _: 1
         }),
-        i.editDialog ? I("", !0) : (f(), x(w, { key: 0 }, {
+        i.editDialog ? E("", !0) : (f(), x(w, { key: 0 }, {
           default: r(() => [
             F(_("div", Ce, [
               o(y, {
                 style: { "pointer-events": "none" },
                 "model-value": i.errors.length !== 0,
                 opacity: "0.8",
-                absolute: "",
-                attach: "",
+                contained: "",
                 "scroll-strategy": "none"
               }, null, 8, ["model-value"]),
               (f(), x(S, {
@@ -1966,13 +1968,12 @@ function Ie(e, t, n, s, i, l) {
       ]),
       _: 1
     }, 8, ["min-height", "min-width"])),
-    n.inline ? (f(), E("div", Ve, [
+    n.inline ? (f(), I("div", Ve, [
       o(y, {
         style: { "pointer-events": "none" },
         "model-value": i.errors.length !== 0,
         opacity: "0.8",
-        absolute: "",
-        attach: "",
+        contained: "",
         "scroll-strategy": "none"
       }, null, 8, ["model-value"]),
       F(o(c, {
@@ -1998,7 +1999,7 @@ function Ie(e, t, n, s, i, l) {
         onClose: l.close,
         onCloseAll: l.closeAll
       }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
-    ])) : I("", !0),
+    ])) : E("", !0),
     i.editDialog ? (f(), x(a, {
       key: 2,
       modelValue: i.editDialog,
@@ -2011,7 +2012,7 @@ function Ie(e, t, n, s, i, l) {
       onSave: l.saveEdit,
       onCancel: l.cancelEdit,
       onDelete: l.deleteScreen
-    }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors", "onSave", "onCancel", "onDelete"])) : I("", !0),
+    }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors", "onSave", "onCancel", "onDelete"])) : E("", !0),
     o(b, {
       modelValue: i.errorDialog,
       "onUpdate:modelValue": t[5] || (t[5] = (C) => i.errorDialog = C),
@@ -2068,17 +2069,17 @@ function Ie(e, t, n, s, i, l) {
     }, 8, ["modelValue"])
   ], 4);
 }
-const Ue = /* @__PURE__ */ A(Te, [["render", Ie], ["__scopeId", "data-v-5ff10871"]]);
+const Ue = /* @__PURE__ */ A(Te, [["render", Ee], ["__scopeId", "data-v-c69254c7"]]);
 export {
   ze as C,
   re as E,
-  Re as F,
+  Le as F,
   Ue as O,
   Q as S,
   Ne as T,
   ie as a,
-  Le as b,
+  Re as b,
   Fe as c,
   ae as g
 };
-//# sourceMappingURL=Openc3Screen-DYJHNotN.js.map
+//# sourceMappingURL=Openc3Screen-DG98sMaI.js.map