@openc3/vue-common 6.9.0 → 6.9.2

package/dist/plugins.js

@@ -1,10 +1,10 @@
-import { p as M } from "./purify.es-eYFoHPwR.js";
-import { resolveComponent as f, createBlock as N, openBlock as m, withCtx as d, createVNode as c, createElementVNode as _, toDisplayString as p, createCommentVNode as T, createElementBlock as y, createTextVNode as g, withDirectives as z, normalizeStyle as S, Fragment as V, withModifiers as U, vShow as q, createApp as G, warn as K, getCurrentInstance as Y, inject as X, computed as I, shallowRef as Z, watchEffect as J, provide as Q, defineComponent as tt, mergeProps as et, normalizeClass as nt, h as ot } from "vue";
-import { _ as E } from "./CustomIcon-h5X7369N.js";
-import { createStore as at } from "vuex";
-import { createVuetify as st } from "vuetify";
-import { AstroStatusColors as it, getStatusColorContrast as rt, CustomIconSet as lt, AstroIconVuetifySets as ct } from "./icons.js";
-const ut = {
+import { p as M } from "./purify.es-BuxjWxA2.js";
+import { resolveComponent as f, createBlock as N, openBlock as m, withCtx as d, createVNode as c, withKeys as z, createElementVNode as _, toDisplayString as p, createCommentVNode as w, createElementBlock as y, createTextVNode as g, withDirectives as U, normalizeStyle as S, Fragment as V, withModifiers as q, vShow as K, createApp as G, warn as Y, getCurrentInstance as X, inject as Z, computed as I, shallowRef as J, watchEffect as Q, provide as tt, defineComponent as et, mergeProps as nt, normalizeClass as ot, h as at } from "vue";
+import { _ as E } from "./CustomIcon-DTfsnDJn.js";
+import { createStore as st } from "vuex";
+import { createVuetify as it } from "vuetify";
+import { AstroStatusColors as rt, getStatusColorContrast as lt, CustomIconSet as ct, AstroIconVuetifySets as ut } from "./icons.js";
+const ft = {
   dark: !0,
   colors: {
     primary: "#005A8F",
@@ -18,7 +18,7 @@ const ut = {
     "openc3-black": "#ffffff",
     "openc3-white": "#ffffff"
   }
-}, ft = {
+}, dt = {
   data: function() {
     return {
       show: !1,
@@ -65,18 +65,20 @@ const ut = {
       this.validationText = "";
     }
   }
-}, dt = ["innerHTML"], mt = { key: 2 }, ht = {
+}, mt = ["innerHTML"], ht = { key: 2 }, pt = {
   key: 3,
   class: "validate mt-4"
 };
-function pt(t, e, n, o, a, s) {
-  const i = f("v-spacer"), l = f("v-toolbar"), r = f("v-icon"), u = f("v-text-field"), h = f("v-card-text"), k = f("v-btn"), C = f("v-card-actions"), b = f("v-card"), x = f("v-dialog"), $ = f("v-app");
+function yt(t, e, n, o, a, s) {
+  const i = f("v-spacer"), l = f("v-toolbar"), r = f("v-icon"), u = f("v-text-field"), h = f("v-card-text"), T = f("v-btn"), C = f("v-card-actions"), b = f("v-card"), x = f("v-dialog"), $ = f("v-app");
   return m(), N($, null, {
     default: d(() => [
       c(x, {
         modelValue: t.show,
         "onUpdate:modelValue": e[1] || (e[1] = (v) => t.show = v),
-        width: "600"
+        persistent: "",
+        width: "600",
+        onKeydown: z(s.cancel, ["esc"])
       }, {
         default: d(() => [
           c(b, null, {
@@ -99,12 +101,12 @@ function pt(t, e, n, o, a, s) {
                       g(" mdi-alert ", -1)
                     ])]),
                     _: 1
-                  })) : T("", !0),
+                  })) : w("", !0),
                   t.params.html ? (m(), y("span", {
                     key: 1,
                     innerHTML: s.sanitizedText
-                  }, null, 8, dt)) : (m(), y("span", mt, p(s.sanitizedText), 1)),
-                  t.params.validateText ? (m(), y("div", ht, [
+                  }, null, 8, mt)) : (m(), y("span", ht, p(s.sanitizedText), 1)),
+                  t.params.validateText ? (m(), y("div", pt, [
                     g(" Enter " + p(t.params.validateText) + " to confirm! ", 1),
                     c(u, {
                       modelValue: t.validationText,
@@ -115,14 +117,14 @@ function pt(t, e, n, o, a, s) {
                       rules: [t.rules.required, t.rules.match],
                       "data-test": "confirm-dialog-validate"
                     }, null, 8, ["modelValue", "rules"])
-                  ])) : T("", !0)
+                  ])) : w("", !0)
                 ]),
                 _: 1
               }),
               c(C, { class: "px-2" }, {
                 default: d(() => [
                   c(i),
-                  t.params.cancelText ? (m(), N(k, {
+                  t.params.cancelText ? (m(), N(T, {
                     key: 0,
                     variant: "outlined",
                     "data-test": s.dataTestCancel,
@@ -132,8 +134,8 @@ function pt(t, e, n, o, a, s) {
                       g(p(t.params.cancelText), 1)
                     ]),
                     _: 1
-                  }, 8, ["data-test", "onClick"])) : T("", !0),
-                  c(k, {
+                  }, 8, ["data-test", "onClick"])) : w("", !0),
+                  c(T, {
                     variant: "flat",
                     color: t.params.okClass,
                     "data-test": s.dataTestOk,
@@ -152,19 +154,19 @@ function pt(t, e, n, o, a, s) {
           })
         ]),
         _: 1
-      }, 8, ["modelValue"])
+      }, 8, ["modelValue", "onKeydown"])
     ]),
     _: 1
   });
 }
-const yt = /* @__PURE__ */ E(ft, [["render", pt], ["__scopeId", "data-v-36e9f721"]]);
-class gt {
+const gt = /* @__PURE__ */ E(dt, [["render", yt], ["__scopeId", "data-v-016d2acf"]]);
+class vt {
   constructor() {
     this.mounted = !1, this.$root = null;
   }
   mount() {
     if (this.mounted) return;
-    const e = window.Vue.createApp(yt);
+    const e = window.Vue.createApp(gt);
     e.use(B);
     const n = document.createElement("div");
     document.querySelector("#openc3-app-toolbar > div").appendChild(n), this.$root = e.mount(n), this.mounted = !0;
@@ -217,12 +219,12 @@ class gt {
     });
   }
 }
-const Wt = {
+const Bt = {
   install(t, e) {
-    const n = new gt();
+    const n = new vt();
     t.provide("dialog", n), t.config.globalProperties.hasOwnProperty("$dialog") || (t.config.globalProperties.$dialog = n);
   }
-}, vt = {
+}, _t = {
   data: function() {
     return {
       showToast: !1,
@@ -248,8 +250,8 @@ const Wt = {
     },
     toastStyle: function() {
       return `
-        --toast-bg-color:${it[this.toastNotification.level]};
-        --toast-fg-color:${rt(
+        --toast-bg-color:${rt[this.toastNotification.level]};
+        --toast-fg-color:${lt(
         this.toastNotification.level
       )};
       `;
@@ -278,7 +280,7 @@ const Wt = {
       this.cancelAutohide(), this.expanded = !0;
     }
   }
-}, _t = {
+}, wt = {
   key: 0,
   class: "text-subtitle-1 mr-1 notification-text"
 }, Tt = {
@@ -288,11 +290,11 @@ const Wt = {
   key: 2,
   class: "text-body-2 notification-text"
 };
-function wt(t, e, n, o, a, s) {
+function Ct(t, e, n, o, a, s) {
   const i = f("v-icon"), l = f("v-spacer"), r = f("v-btn"), u = f("v-sheet"), h = f("v-slide-y-transition");
   return m(), N(h, null, {
     default: d(() => [
-      z(c(u, {
+      U(c(u, {
         style: S(s.toastStyle),
         class: "toast-notification",
         onClick: s.expand
@@ -308,21 +310,21 @@ function wt(t, e, n, o, a, s) {
             class: "toast-content",
             style: S(s.contentStyle)
           }, [
-            t.toastNotification.title ? (m(), y("span", _t, [
+            t.toastNotification.title ? (m(), y("span", wt, [
               t.toastNotification.body || t.toastNotification.message ? (m(), y(V, { key: 0 }, [
                 g(p(t.toastNotification.title) + ": ", 1)
               ], 64)) : (m(), y(V, { key: 1 }, [
                 g(p(t.toastNotification.title), 1)
               ], 64))
-            ])) : T("", !0),
-            t.toastNotification.body ? (m(), y("span", Tt, p(t.toastNotification.body), 1)) : T("", !0),
-            t.toastNotification.message ? (m(), y("span", kt, p(t.toastNotification.message), 1)) : T("", !0)
+            ])) : w("", !0),
+            t.toastNotification.body ? (m(), y("span", Tt, p(t.toastNotification.body), 1)) : w("", !0),
+            t.toastNotification.message ? (m(), y("span", kt, p(t.toastNotification.message), 1)) : w("", !0)
           ], 4),
           c(l),
           c(r, {
             variant: "text",
             class: "notification-text",
-            onClick: U(s.hide, ["stop"])
+            onClick: q(s.hide, ["stop"])
           }, {
             default: d(() => [...e[0] || (e[0] = [
               g(" Dismiss ", -1)
@@ -332,14 +334,14 @@ function wt(t, e, n, o, a, s) {
         ]),
         _: 1
       }, 8, ["style", "onClick"]), [
-        [q, t.showToast]
+        [K, t.showToast]
       ])
     ]),
     _: 1
   });
 }
-const Ct = /* @__PURE__ */ E(vt, [["render", wt], ["__scopeId", "data-v-84833581"]]);
-class bt {
+const bt = /* @__PURE__ */ E(_t, [["render", Ct], ["__scopeId", "data-v-84833581"]]);
+class xt {
   /*
    * This gets called by the `install()` function below
    */
@@ -353,7 +355,7 @@ class bt {
    */
   mount() {
     if (this.mounted) return;
-    const e = G(Ct);
+    const e = G(bt);
     e.use(B);
     const n = document.createElement("div");
     document.querySelector("#openc3-app-toolbar > div").appendChild(n), this.$root = e.mount(n), this.mounted = !0;
@@ -517,15 +519,15 @@ class bt {
     });
   }
 }
-const Bt = {
+const Lt = {
   /*
    * This gets called by the Vue runtime when you have `app.use(Notify)` in that app's main .js file.
    */
   install(t, e) {
-    const n = new bt(e);
+    const n = new xt(e);
     t.provide("notify", n), t.config.globalProperties.hasOwnProperty("$notify") || (t.config.globalProperties.$notify = n);
   }
-}, P = 100, Lt = at({
+}, P = 100, Mt = st({
   state() {
     return {
       notifyHistory: [],
@@ -560,7 +562,7 @@ function j(t) {
   let e;
   return t !== null && typeof t == "object" && ((e = Object.getPrototypeOf(t)) === Object.prototype || e === null);
 }
-function xt(t, e) {
+function $t(t, e) {
   const n = {};
   for (const o of e)
     Object.prototype.hasOwnProperty.call(t, o) && (n[o] = t[o]);
@@ -585,15 +587,15 @@ function F() {
   }
   return o;
 }
-function w() {
+function k() {
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (w.cache.has(t)) return w.cache.get(t);
+  if (k.cache.has(t)) return k.cache.get(t);
   const e = t.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-  return w.cache.set(t, e), e;
+  return k.cache.set(t, e), e;
 }
-w.cache = /* @__PURE__ */ new Map();
-function $t(t) {
-  K(`Vuetify: ${t}`);
+k.cache = /* @__PURE__ */ new Map();
+function Nt(t) {
+  Y(`Vuetify: ${t}`);
 }
 function H(t, e) {
   return (n) => Object.keys(t).reduce((o, a) => {
@@ -607,12 +609,12 @@ function H(t, e) {
   }, {});
 }
 function R(t, e) {
-  const n = Y();
+  const n = X();
   if (!n)
     throw new Error(`[Vuetify] ${t} must be called from inside a setup function`);
   return n;
 }
-function Nt(t) {
+function Ot(t) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : R("injectSelf");
   const {
     provides: n
@@ -622,14 +624,14 @@ function Nt(t) {
 }
 const D = Symbol.for("vuetify:defaults");
 function W() {
-  const t = X(D);
+  const t = Z(D);
   if (!t) throw new Error("[Vuetify] Could not find defaults instance");
   return t;
 }
-function Ot(t, e) {
-  return t.props && (typeof t.props[e] < "u" || typeof t.props[w(e)] < "u");
+function At(t, e) {
+  return t.props && (typeof t.props[e] < "u" || typeof t.props[k(e)] < "u");
 }
-function At() {
+function Dt() {
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, e = arguments.length > 1 ? arguments[1] : void 0, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : W();
   const o = R("useDefaults");
   if (e = e ?? o.type.name ?? o.type.__name, !e)
@@ -643,14 +645,14 @@ function At() {
       const h = Reflect.get(r, u);
       if (u === "class" || u === "style")
         return [(b = a.value) == null ? void 0 : b[u], h].filter((L) => L != null);
-      if (Ot(o.vnode, u)) return h;
-      const k = (x = a.value) == null ? void 0 : x[u];
-      if (k !== void 0) return k;
+      if (At(o.vnode, u)) return h;
+      const T = (x = a.value) == null ? void 0 : x[u];
+      if (T !== void 0) return T;
       const C = (v = ($ = n.value) == null ? void 0 : $.global) == null ? void 0 : v[u];
       return C !== void 0 ? C : h;
     }
-  }), i = Z();
-  J(() => {
+  }), i = J();
+  Q(() => {
     if (a.value) {
       const r = Object.entries(a.value).filter((u) => {
         let [h] = u;
@@ -661,8 +663,8 @@ function At() {
       i.value = void 0;
   });
   function l() {
-    const r = Nt(D, o);
-    Q(D, I(() => i.value ? F((r == null ? void 0 : r.value) ?? {}, i.value) : r == null ? void 0 : r.value));
+    const r = Ot(D, o);
+    tt(D, I(() => i.value ? F((r == null ? void 0 : r.value) ?? {}, i.value) : r == null ? void 0 : r.value));
   }
   return {
     props: s,
@@ -671,31 +673,31 @@ function At() {
 }
 function O(t) {
   if (t._setup = t._setup ?? t.setup, !t.name)
-    return $t("The component is missing an explicit name, unable to generate default prop value"), t;
+    return Nt("The component is missing an explicit name, unable to generate default prop value"), t;
   if (t._setup) {
     t.props = H(t.props ?? {}, t.name)();
     const e = Object.keys(t.props).filter((n) => n !== "class" && n !== "style");
     t.filterProps = function(o) {
-      return xt(o, e);
+      return $t(o, e);
     }, t.props._as = String, t.setup = function(o, a) {
       const s = W();
       if (!s.value) return t._setup(o, a);
       const {
         props: i,
         provideSubDefaults: l
-      } = At(o, o._as ?? t.name, s), r = t._setup(i, a);
+      } = Dt(o, o._as ?? t.name, s), r = t._setup(i, a);
       return l(), r;
     };
   }
   return t;
 }
-function Dt() {
+function St() {
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (e) => (t ? O : tt)(e);
+  return (e) => (t ? O : et)(e);
 }
-const St = [String, Function, Object, Array], A = H({
+const Vt = [String, Function, Object, Array], A = H({
   icon: {
-    type: St
+    type: Vt
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
@@ -703,7 +705,7 @@ const St = [String, Function, Object, Array], A = H({
     required: !0
   }
 }, "icon");
-Dt()({
+St()({
   name: "VComponentIcon",
   props: A(),
   setup(t, e) {
@@ -729,7 +731,7 @@ O({
     let {
       attrs: n
     } = e;
-    return () => c(t.tag, et(n, {
+    return () => c(t.tag, nt(n, {
       style: null
     }), {
       default: () => [_("svg", {
@@ -758,41 +760,41 @@ O({
     });
   }
 });
-const Vt = O({
+const It = O({
   name: "VClassIcon",
   props: A(),
   setup(t) {
     return () => c(t.tag, {
-      class: nt(t.icon)
+      class: ot(t.icon)
     }, null);
   }
-}), It = {
+}), Pt = {
   // Not using mergeProps here, functional components merge props by default (?)
-  component: (t) => ot(Vt, {
+  component: (t) => at(It, {
     ...t,
     class: "mdi"
   })
-}, B = st({
+}, B = it({
   theme: {
     defaultTheme: "cosmosDark",
     themes: {
-      cosmosDark: ut
+      cosmosDark: ft
     }
   },
   icons: {
     defaultSet: "mdi",
     sets: {
-      mdi: It,
-      ...ct,
-      ...lt
+      mdi: Pt,
+      ...ut,
+      ...ct
     }
   }
 });
 export {
-  Wt as Dialog,
-  Bt as Notify,
-  ut as cosmosThemeDark,
-  Lt as store,
+  Bt as Dialog,
+  Lt as Notify,
+  ft as cosmosThemeDark,
+  Mt as store,
   B as vuetify
 };
 //# sourceMappingURL=plugins.js.map