@openc3/vue-common 6.4.1 → 6.4.2

package/dist/plugins.js

@@ -1,9 +1,9 @@
-import { resolveComponent as f, createBlock as $, openBlock as h, withCtx as d, createVNode as c, createElementVNode as P, toDisplayString as p, createCommentVNode as v, createElementBlock as _, createTextVNode as y, withDirectives as L, normalizeStyle as D, withModifiers as M, vShow as U, createApp as q, warn as z, getCurrentInstance as G, inject as K, computed as S, shallowRef as Y, watchEffect as X, provide as Z, defineComponent as J, mergeProps as Q, h as tt } from "vue";
-import { _ as E } from "./CustomIcon-h5X7369N.js";
-import { createStore as et } from "vuex";
-import { createVuetify as nt } from "vuetify";
-import { AstroStatusColors as ot, getStatusColorContrast as st, CustomIconSet as at, AstroIconVuetifySets as it } from "./icons.js";
-const rt = {
+import { resolveComponent as f, createBlock as $, openBlock as m, withCtx as d, createVNode as c, createElementVNode as E, toDisplayString as p, createCommentVNode as _, createElementBlock as g, createTextVNode as y, withDirectives as M, normalizeStyle as D, Fragment as S, withModifiers as U, vShow as q, createApp as z, warn as G, getCurrentInstance as K, inject as Y, computed as V, shallowRef as X, watchEffect as Z, provide as J, defineComponent as Q, mergeProps as tt, h as et } from "vue";
+import { _ as F } from "./CustomIcon-h5X7369N.js";
+import { createStore as nt } from "vuex";
+import { createVuetify as ot } from "vuetify";
+import { AstroStatusColors as st, getStatusColorContrast as at, CustomIconSet as it, AstroIconVuetifySets as rt } from "./icons.js";
+const lt = {
   dark: !0,
   colors: {
     primary: "#005A8F",
@@ -17,7 +17,7 @@ const rt = {
     "openc3-black": "#ffffff",
     "openc3-white": "#ffffff"
   }
-}, lt = {
+}, ct = {
   data: function() {
     return {
       show: !1,
@@ -61,17 +61,17 @@ const rt = {
       this.validationText = "";
     }
   }
-}, ct = ["innerHTML"], ut = { key: 2 }, ft = {
+}, ut = ["innerHTML"], ft = { key: 2 }, dt = {
   key: 3,
   class: "validate mt-4"
 };
-function dt(t, e, n, o, s, a) {
-  const i = f("v-spacer"), l = f("v-toolbar"), r = f("v-icon"), u = f("v-text-field"), m = f("v-card-text"), w = f("v-btn"), T = f("v-card-actions"), k = f("v-card"), b = f("v-dialog"), x = f("v-app");
-  return h(), $(x, null, {
+function mt(t, e, n, o, s, a) {
+  const i = f("v-spacer"), l = f("v-toolbar"), r = f("v-icon"), u = f("v-text-field"), h = f("v-card-text"), w = f("v-btn"), T = f("v-card-actions"), k = f("v-card"), b = f("v-dialog"), x = f("v-app");
+  return m(), $(x, null, {
     default: d(() => [
       c(b, {
         modelValue: t.show,
-        "onUpdate:modelValue": e[1] || (e[1] = (g) => t.show = g),
+        "onUpdate:modelValue": e[1] || (e[1] = (v) => t.show = v),
         width: "600"
       }, {
         default: d(() => [
@@ -80,14 +80,14 @@ function dt(t, e, n, o, s, a) {
               c(l, { height: "24" }, {
                 default: d(() => [
                   c(i),
-                  P("span", null, p(t.params.title), 1),
+                  E("span", null, p(t.params.title), 1),
                   c(i)
                 ]),
                 _: 1
               }),
-              c(m, { class: "mt-4 pa-3" }, {
+              c(h, { class: "mt-4 pa-3" }, {
                 default: d(() => [
-                  t.params.validateText ? (h(), $(r, {
+                  t.params.validateText ? (m(), $(r, {
                     key: 0,
                     class: "mr-2"
                   }, {
@@ -95,30 +95,30 @@ function dt(t, e, n, o, s, a) {
                       y(" mdi-alert ")
                     ])),
                     _: 1
-                  })) : v("", !0),
-                  t.params.html ? (h(), _("span", {
+                  })) : _("", !0),
+                  t.params.html ? (m(), g("span", {
                     key: 1,
                     innerHTML: t.params.text
-                  }, null, 8, ct)) : (h(), _("span", ut, p(t.params.text), 1)),
-                  t.params.validateText ? (h(), _("div", ft, [
+                  }, null, 8, ut)) : (m(), g("span", ft, p(t.params.text), 1)),
+                  t.params.validateText ? (m(), g("div", dt, [
                     y(" Enter " + p(t.params.validateText) + " to confirm! ", 1),
                     c(u, {
                       modelValue: t.validationText,
-                      "onUpdate:modelValue": e[0] || (e[0] = (g) => t.validationText = g),
+                      "onUpdate:modelValue": e[0] || (e[0] = (v) => t.validationText = v),
                       variant: "solo",
                       density: "compact",
                       "single-line": "",
                       rules: [t.rules.required, t.rules.match],
                       "data-test": "confirm-dialog-validate"
                     }, null, 8, ["modelValue", "rules"])
-                  ])) : v("", !0)
+                  ])) : _("", !0)
                 ]),
                 _: 1
               }),
               c(T, { class: "px-2" }, {
                 default: d(() => [
                   c(i),
-                  t.params.cancelText ? (h(), $(w, {
+                  t.params.cancelText ? (m(), $(w, {
                     key: 0,
                     variant: "outlined",
                     "data-test": a.dataTestCancel,
@@ -128,7 +128,7 @@ function dt(t, e, n, o, s, a) {
                       y(p(t.params.cancelText), 1)
                     ]),
                     _: 1
-                  }, 8, ["data-test", "onClick"])) : v("", !0),
+                  }, 8, ["data-test", "onClick"])) : _("", !0),
                   c(w, {
                     variant: "flat",
                     color: t.params.okClass,
@@ -153,15 +153,15 @@ function dt(t, e, n, o, s, a) {
     _: 1
   });
 }
-const mt = /* @__PURE__ */ E(lt, [["render", dt], ["__scopeId", "data-v-de532a0f"]]);
-class ht {
+const ht = /* @__PURE__ */ F(ct, [["render", mt], ["__scopeId", "data-v-de532a0f"]]);
+class pt {
   constructor() {
     this.mounted = !1, this.$root = null;
   }
   mount() {
     if (this.mounted) return;
-    const e = window.Vue.createApp(mt);
-    e.use(W);
+    const e = window.Vue.createApp(ht);
+    e.use(B);
     const n = document.createElement("div");
     document.querySelector("#openc3-app-toolbar > div").appendChild(n), this.$root = e.mount(n), this.mounted = !0;
   }
@@ -215,10 +215,10 @@ class ht {
 }
 const jt = {
   install(t, e) {
-    const n = new ht();
+    const n = new pt();
     t.provide("dialog", n), t.config.globalProperties.hasOwnProperty("$dialog") || (t.config.globalProperties.$dialog = n);
   }
-}, pt = {
+}, gt = {
   data: function() {
     return {
       showToast: !1,
@@ -244,8 +244,8 @@ const jt = {
     },
     toastStyle: function() {
       return `
-        --toast-bg-color:${ot[this.toastNotification.level]};
-        --toast-fg-color:${st(
+        --toast-bg-color:${st[this.toastNotification.level]};
+        --toast-fg-color:${at(
         this.toastNotification.level
       )};
       `;
@@ -274,21 +274,21 @@ const jt = {
       this.cancelAutohide(), this.expanded = !0;
     }
   }
-}, gt = {
+}, yt = {
   key: 0,
   class: "text-subtitle-1 mr-1 notification-text"
-}, yt = {
+}, vt = {
   key: 1,
   class: "text-body-2 notification-text"
-}, vt = {
+}, _t = {
   key: 2,
   class: "text-body-2 notification-text"
 };
-function _t(t, e, n, o, s, a) {
-  const i = f("v-icon"), l = f("v-spacer"), r = f("v-btn"), u = f("v-sheet"), m = f("v-slide-y-transition");
-  return h(), $(m, null, {
+function wt(t, e, n, o, s, a) {
+  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(), $(h, null, {
     default: d(() => [
-      L(c(u, {
+      M(c(u, {
         style: D(a.toastStyle),
         class: "toast-notification",
         onClick: a.expand
@@ -300,19 +300,25 @@ function _t(t, e, n, o, s, a) {
             ]),
             _: 1
           }),
-          P("div", {
+          E("div", {
             class: "toast-content",
             style: D(a.contentStyle)
           }, [
-            t.toastNotification.title ? (h(), _("span", gt, p(t.toastNotification.title) + ": ", 1)) : v("", !0),
-            t.toastNotification.body ? (h(), _("span", yt, p(t.toastNotification.body), 1)) : v("", !0),
-            t.toastNotification.message ? (h(), _("span", vt, p(t.toastNotification.message), 1)) : v("", !0)
+            t.toastNotification.title ? (m(), g("span", yt, [
+              t.toastNotification.body || t.toastNotification.message ? (m(), g(S, { key: 0 }, [
+                y(p(t.toastNotification.title) + ": ", 1)
+              ], 64)) : (m(), g(S, { key: 1 }, [
+                y(p(t.toastNotification.title), 1)
+              ], 64))
+            ])) : _("", !0),
+            t.toastNotification.body ? (m(), g("span", vt, p(t.toastNotification.body), 1)) : _("", !0),
+            t.toastNotification.message ? (m(), g("span", _t, p(t.toastNotification.message), 1)) : _("", !0)
           ], 4),
           c(l),
           c(r, {
             variant: "text",
-            onClick: M(a.hide, ["stop"]),
-            class: "notification-text"
+            class: "notification-text",
+            onClick: U(a.hide, ["stop"])
           }, {
             default: d(() => e[0] || (e[0] = [
               y(" Dismiss ")
@@ -322,14 +328,14 @@ function _t(t, e, n, o, s, a) {
         ]),
         _: 1
       }, 8, ["style", "onClick"]), [
-        [U, t.showToast]
+        [q, t.showToast]
       ])
     ]),
     _: 1
   });
 }
-const wt = /* @__PURE__ */ E(pt, [["render", _t], ["__scopeId", "data-v-b0459ba8"]]);
-class Ct {
+const Ct = /* @__PURE__ */ F(gt, [["render", wt], ["__scopeId", "data-v-84833581"]]);
+class Tt {
   /*
    * This gets called by the `install()` function below
    */
@@ -343,8 +349,8 @@ class Ct {
    */
   mount() {
     if (this.mounted) return;
-    const e = q(wt);
-    e.use(W);
+    const e = z(Ct);
+    e.use(B);
     const n = document.createElement("div");
     document.querySelector("#openc3-app-toolbar > div").appendChild(n), this.$root = e.mount(n), this.mounted = !0;
   }
@@ -507,15 +513,15 @@ class Ct {
     });
   }
 }
-const Ft = {
+const Ht = {
   /*
    * 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 Ct(e);
+    const n = new Tt(e);
     t.provide("notify", n), t.config.globalProperties.hasOwnProperty("$notify") || (t.config.globalProperties.$notify = n);
   }
-}, V = 100, Ht = et({
+}, I = 100, Rt = nt({
   state: {
     notifyHistory: [],
     namedWidgets: {}
@@ -525,7 +531,7 @@ const Ft = {
   },
   mutations: {
     notifyAddHistory: (t, e) => {
-      t.notifyHistory.length >= V && (t.notifyHistory.length = V - 1), t.notifyHistory.unshift(e);
+      t.notifyHistory.length >= I && (t.notifyHistory.length = I - 1), t.notifyHistory.unshift(e);
     },
     notifyClearHistory: (t) => {
       t.notifyHistory = [];
@@ -539,11 +545,11 @@ const Ft = {
   },
   modules: {}
 });
-function I(t) {
+function P(t) {
   let e;
   return t !== null && typeof t == "object" && ((e = Object.getPrototypeOf(t)) === Object.prototype || e === null);
 }
-function Tt(t, e) {
+function kt(t, e) {
   const n = {};
   for (const o of e)
     Object.prototype.hasOwnProperty.call(t, o) && (n[o] = t[o]);
@@ -556,7 +562,7 @@ function j() {
     o[s] = t[s];
   for (const s in e) {
     const a = t[s], i = e[s];
-    if (I(a) && I(i)) {
+    if (P(a) && P(i)) {
       o[s] = j(a, i, n);
       continue;
     }
@@ -575,10 +581,10 @@ function C() {
   return C.cache.set(t, e), e;
 }
 C.cache = /* @__PURE__ */ new Map();
-function kt(t) {
-  z(`Vuetify: ${t}`);
+function bt(t) {
+  G(`Vuetify: ${t}`);
 }
-function F(t, e) {
+function H(t, e) {
   return (n) => Object.keys(t).reduce((o, s) => {
     const i = typeof t[s] == "object" && t[s] != null && !Array.isArray(t[s]) ? t[s] : {
       type: t[s]
@@ -589,14 +595,14 @@ function F(t, e) {
     } : o[s] = i, e && !o[s].source && (o[s].source = e), o;
   }, {});
 }
-function H(t, e) {
-  const n = G();
+function R(t, e) {
+  const n = K();
   if (!n)
     throw new Error(`[Vuetify] ${t} must be called from inside a setup function`);
   return n;
 }
-function bt(t) {
-  let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : H("injectSelf");
+function xt(t) {
+  let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : R("injectSelf");
   const {
     provides: n
   } = e;
@@ -604,69 +610,69 @@ function bt(t) {
     return n[t];
 }
 const O = Symbol.for("vuetify:defaults");
-function R() {
-  const t = K(O);
+function W() {
+  const t = Y(O);
   if (!t) throw new Error("[Vuetify] Could not find defaults instance");
   return t;
 }
-function xt(t, e) {
+function $t(t, e) {
   return t.props && (typeof t.props[e] < "u" || typeof t.props[C(e)] < "u");
 }
-function $t() {
-  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] : R();
-  const o = H("useDefaults");
+function Nt() {
+  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)
     throw new Error("[Vuetify] Could not determine component name");
-  const s = S(() => {
+  const s = V(() => {
     var r;
     return (r = n.value) == null ? void 0 : r[t._as ?? e];
   }), a = new Proxy(t, {
     get(r, u) {
-      var k, b, x, g;
-      const m = Reflect.get(r, u);
+      var k, b, x, v;
+      const h = Reflect.get(r, u);
       if (u === "class" || u === "style")
-        return [(k = s.value) == null ? void 0 : k[u], m].filter((B) => B != null);
-      if (xt(o.vnode, u)) return m;
+        return [(k = s.value) == null ? void 0 : k[u], h].filter((L) => L != null);
+      if ($t(o.vnode, u)) return h;
       const w = (b = s.value) == null ? void 0 : b[u];
       if (w !== void 0) return w;
-      const T = (g = (x = n.value) == null ? void 0 : x.global) == null ? void 0 : g[u];
-      return T !== void 0 ? T : m;
+      const T = (v = (x = n.value) == null ? void 0 : x.global) == null ? void 0 : v[u];
+      return T !== void 0 ? T : h;
     }
-  }), i = Y();
-  X(() => {
+  }), i = X();
+  Z(() => {
     if (s.value) {
       const r = Object.entries(s.value).filter((u) => {
-        let [m] = u;
-        return m.startsWith(m[0].toUpperCase());
+        let [h] = u;
+        return h.startsWith(h[0].toUpperCase());
       });
       i.value = r.length ? Object.fromEntries(r) : void 0;
     } else
       i.value = void 0;
   });
   function l() {
-    const r = bt(O, o);
-    Z(O, S(() => i.value ? j((r == null ? void 0 : r.value) ?? {}, i.value) : r == null ? void 0 : r.value));
+    const r = xt(O, o);
+    J(O, V(() => i.value ? j((r == null ? void 0 : r.value) ?? {}, i.value) : r == null ? void 0 : r.value));
   }
   return {
     props: a,
     provideSubDefaults: l
   };
 }
-function A(t) {
+function N(t) {
   if (t._setup = t._setup ?? t.setup, !t.name)
-    return kt("The component is missing an explicit name, unable to generate default prop value"), t;
+    return bt("The component is missing an explicit name, unable to generate default prop value"), t;
   if (t._setup) {
-    t.props = F(t.props ?? {}, t.name)();
+    t.props = H(t.props ?? {}, t.name)();
     const e = Object.keys(t.props).filter((n) => n !== "class" && n !== "style");
     t.filterProps = function(o) {
-      return Tt(o, e);
+      return kt(o, e);
     }, t.props._as = String, t.setup = function(o, s) {
-      const a = R();
+      const a = W();
       if (!a.value) return t._setup(o, s);
       const {
         props: i,
         provideSubDefaults: l
-      } = $t(o, o._as ?? t.name, a), r = t._setup(i, s);
+      } = Nt(o, o._as ?? t.name, a), r = t._setup(i, s);
       return l(), r;
     };
   }
@@ -674,11 +680,11 @@ function A(t) {
 }
 function At() {
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (e) => (t ? A : J)(e);
+  return (e) => (t ? N : Q)(e);
 }
-const Nt = [String, Function, Object, Array], N = F({
+const Ot = [String, Function, Object, Array], A = H({
   icon: {
-    type: Nt
+    type: Ot
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
@@ -688,7 +694,7 @@ const Nt = [String, Function, Object, Array], N = F({
 }, "icon");
 At()({
   name: "VComponentIcon",
-  props: N(),
+  props: A(),
   setup(t, e) {
     let {
       slots: n
@@ -704,15 +710,15 @@ At()({
     };
   }
 });
-A({
+N({
   name: "VSvgIcon",
   inheritAttrs: !1,
-  props: N(),
+  props: A(),
   setup(t, e) {
     let {
       attrs: n
     } = e;
-    return () => c(t.tag, Q(n, {
+    return () => c(t.tag, tt(n, {
       style: null
     }), {
       default: () => [c("svg", {
@@ -732,50 +738,50 @@ A({
     });
   }
 });
-A({
+N({
   name: "VLigatureIcon",
-  props: N(),
+  props: A(),
   setup(t) {
     return () => c(t.tag, null, {
       default: () => [t.icon]
     });
   }
 });
-const Ot = A({
+const Dt = N({
   name: "VClassIcon",
-  props: N(),
+  props: A(),
   setup(t) {
     return () => c(t.tag, {
       class: t.icon
     }, null);
   }
-}), Dt = {
+}), St = {
   // Not using mergeProps here, functional components merge props by default (?)
-  component: (t) => tt(Ot, {
+  component: (t) => et(Dt, {
     ...t,
     class: "mdi"
   })
-}, W = nt({
+}, B = ot({
   theme: {
     defaultTheme: "cosmosDark",
     themes: {
-      cosmosDark: rt
+      cosmosDark: lt
     }
   },
   icons: {
     defaultSet: "mdi",
     sets: {
-      mdi: Dt,
-      ...it,
-      ...at
+      mdi: St,
+      ...rt,
+      ...it
     }
   }
 });
 export {
   jt as Dialog,
-  Ft as Notify,
-  rt as cosmosThemeDark,
-  Ht as store,
-  W as vuetify
+  Ht as Notify,
+  lt as cosmosThemeDark,
+  Rt as store,
+  B as vuetify
 };
 //# sourceMappingURL=plugins.js.map