@openc3/vue-common 6.3.0 → 6.4.1

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 E, toDisplayString as p, createCommentVNode as v, createElementBlock as _, createTextVNode as y, withDirectives as M, normalizeStyle as V, withModifiers as U, vShow as q, createApp as z, warn as G, getCurrentInstance as K, inject as Y, computed as D, shallowRef as X, watchEffect as Z, provide as J, defineComponent as Q, mergeProps as tt, h as et } from "vue";
-import { _ as H } 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 = {
+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 = {
   dark: !0,
   colors: {
     primary: "#005A8F",
@@ -17,7 +17,7 @@ const lt = {
     "openc3-black": "#ffffff",
     "openc3-white": "#ffffff"
   }
-}, ct = {
+}, lt = {
   data: function() {
     return {
       show: !1,
@@ -61,11 +61,11 @@ const lt = {
       this.validationText = "";
     }
   }
-}, ut = ["innerHTML"], ft = { key: 2 }, dt = {
+}, ct = ["innerHTML"], ut = { key: 2 }, ft = {
   key: 3,
   class: "validate mt-4"
 };
-function mt(t, e, n, o, s, a) {
+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, {
     default: d(() => [
@@ -80,7 +80,7 @@ function mt(t, e, n, o, s, a) {
               c(l, { height: "24" }, {
                 default: d(() => [
                   c(i),
-                  E("span", null, p(t.params.title), 1),
+                  P("span", null, p(t.params.title), 1),
                   c(i)
                 ]),
                 _: 1
@@ -99,15 +99,15 @@ function mt(t, e, n, o, s, a) {
                   t.params.html ? (h(), _("span", {
                     key: 1,
                     innerHTML: t.params.text
-                  }, null, 8, ut)) : (h(), _("span", ft, p(t.params.text), 1)),
-                  t.params.validateText ? (h(), _("div", dt, [
+                  }, null, 8, ct)) : (h(), _("span", ut, p(t.params.text), 1)),
+                  t.params.validateText ? (h(), _("div", ft, [
                     y(" Enter " + p(t.params.validateText) + " to confirm! ", 1),
                     c(u, {
+                      modelValue: t.validationText,
+                      "onUpdate:modelValue": e[0] || (e[0] = (g) => t.validationText = g),
                       variant: "solo",
                       density: "compact",
                       "single-line": "",
-                      modelValue: t.validationText,
-                      "onUpdate:modelValue": e[0] || (e[0] = (g) => t.validationText = g),
                       rules: [t.rules.required, t.rules.match],
                       "data-test": "confirm-dialog-validate"
                     }, null, 8, ["modelValue", "rules"])
@@ -153,15 +153,15 @@ function mt(t, e, n, o, s, a) {
     _: 1
   });
 }
-const ht = /* @__PURE__ */ H(ct, [["render", mt], ["__scopeId", "data-v-f10fb7f4"]]);
-class pt {
+const mt = /* @__PURE__ */ E(lt, [["render", dt], ["__scopeId", "data-v-de532a0f"]]);
+class ht {
   constructor() {
     this.mounted = !1, this.$root = null;
   }
   mount() {
     if (this.mounted) return;
-    const e = window.Vue.createApp(ht);
-    e.use(B);
+    const e = window.Vue.createApp(mt);
+    e.use(W);
     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 pt {
 }
 const jt = {
   install(t, e) {
-    const n = new pt();
+    const n = new ht();
     t.provide("dialog", n), t.config.globalProperties.hasOwnProperty("$dialog") || (t.config.globalProperties.$dialog = n);
   }
-}, gt = {
+}, pt = {
   data: function() {
     return {
       showToast: !1,
@@ -244,8 +244,8 @@ const jt = {
     },
     toastStyle: function() {
       return `
-        --toast-bg-color:${st[this.toastNotification.level]};
-        --toast-fg-color:${at(
+        --toast-bg-color:${ot[this.toastNotification.level]};
+        --toast-fg-color:${st(
         this.toastNotification.level
       )};
       `;
@@ -274,22 +274,22 @@ const jt = {
       this.cancelAutohide(), this.expanded = !0;
     }
   }
-}, yt = {
+}, gt = {
   key: 0,
   class: "text-subtitle-1 mr-1 notification-text"
-}, vt = {
+}, yt = {
   key: 1,
   class: "text-body-2 notification-text"
-}, _t = {
+}, vt = {
   key: 2,
   class: "text-body-2 notification-text"
 };
-function wt(t, e, n, o, s, a) {
+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, {
     default: d(() => [
-      M(c(u, {
-        style: V(a.toastStyle),
+      L(c(u, {
+        style: D(a.toastStyle),
         class: "toast-notification",
         onClick: a.expand
       }, {
@@ -300,18 +300,18 @@ function wt(t, e, n, o, s, a) {
             ]),
             _: 1
           }),
-          E("div", {
+          P("div", {
             class: "toast-content",
-            style: V(a.contentStyle)
+            style: D(a.contentStyle)
           }, [
-            t.toastNotification.title ? (h(), _("span", yt, p(t.toastNotification.title) + ": ", 1)) : v("", !0),
-            t.toastNotification.body ? (h(), _("span", vt, p(t.toastNotification.body), 1)) : v("", !0),
-            t.toastNotification.message ? (h(), _("span", _t, p(t.toastNotification.message), 1)) : v("", !0)
+            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)
           ], 4),
           c(l),
           c(r, {
             variant: "text",
-            onClick: U(a.hide, ["stop"]),
+            onClick: M(a.hide, ["stop"]),
             class: "notification-text"
           }, {
             default: d(() => e[0] || (e[0] = [
@@ -322,14 +322,14 @@ function wt(t, e, n, o, s, a) {
         ]),
         _: 1
       }, 8, ["style", "onClick"]), [
-        [q, t.showToast]
+        [U, t.showToast]
       ])
     ]),
     _: 1
   });
 }
-const Ct = /* @__PURE__ */ H(gt, [["render", wt], ["__scopeId", "data-v-b0459ba8"]]);
-class Tt {
+const wt = /* @__PURE__ */ E(pt, [["render", _t], ["__scopeId", "data-v-b0459ba8"]]);
+class Ct {
   /*
    * This gets called by the `install()` function below
    */
@@ -343,8 +343,8 @@ class Tt {
    */
   mount() {
     if (this.mounted) return;
-    const e = z(Ct);
-    e.use(B);
+    const e = q(wt);
+    e.use(W);
     const n = document.createElement("div");
     document.querySelector("#openc3-app-toolbar > div").appendChild(n), this.$root = e.mount(n), this.mounted = !0;
   }
@@ -512,10 +512,10 @@ const Ft = {
    * 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 Tt(e);
+    const n = new Ct(e);
     t.provide("notify", n), t.config.globalProperties.hasOwnProperty("$notify") || (t.config.globalProperties.$notify = n);
   }
-}, I = 100, Rt = nt({
+}, V = 100, Ht = et({
   state: {
     notifyHistory: [],
     namedWidgets: {}
@@ -525,7 +525,7 @@ const Ft = {
   },
   mutations: {
     notifyAddHistory: (t, e) => {
-      t.notifyHistory.length >= I && (t.notifyHistory.length = I - 1), t.notifyHistory.unshift(e);
+      t.notifyHistory.length >= V && (t.notifyHistory.length = V - 1), t.notifyHistory.unshift(e);
     },
     notifyClearHistory: (t) => {
       t.notifyHistory = [];
@@ -539,14 +539,14 @@ const Ft = {
   },
   modules: {}
 });
-function P(t) {
+function I(t) {
   let e;
   return t !== null && typeof t == "object" && ((e = Object.getPrototypeOf(t)) === Object.prototype || e === null);
 }
-function kt(t, e) {
+function Tt(t, e) {
   const n = {};
   for (const o of e)
-    Object.hasOwn(t, o) && (n[o] = t[o]);
+    Object.prototype.hasOwnProperty.call(t, o) && (n[o] = t[o]);
   return n;
 }
 function j() {
@@ -556,7 +556,7 @@ function j() {
     o[s] = t[s];
   for (const s in e) {
     const a = t[s], i = e[s];
-    if (P(a) && P(i)) {
+    if (I(a) && I(i)) {
       o[s] = j(a, i, n);
       continue;
     }
@@ -575,8 +575,8 @@ function C() {
   return C.cache.set(t, e), e;
 }
 C.cache = /* @__PURE__ */ new Map();
-function bt(t) {
-  G(`Vuetify: ${t}`);
+function kt(t) {
+  z(`Vuetify: ${t}`);
 }
 function F(t, e) {
   return (n) => Object.keys(t).reduce((o, s) => {
@@ -589,14 +589,14 @@ function F(t, e) {
     } : o[s] = i, e && !o[s].source && (o[s].source = e), o;
   }, {});
 }
-function R(t, e) {
-  const n = K();
+function H(t, e) {
+  const n = G();
   if (!n)
     throw new Error(`[Vuetify] ${t} must be called from inside a setup function`);
   return n;
 }
-function xt(t) {
-  let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : R("injectSelf");
+function bt(t) {
+  let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : H("injectSelf");
   const {
     provides: n
   } = e;
@@ -604,31 +604,36 @@ function xt(t) {
     return n[t];
 }
 const O = Symbol.for("vuetify:defaults");
-function W() {
-  const t = Y(O);
+function R() {
+  const t = K(O);
   if (!t) throw new Error("[Vuetify] Could not find defaults instance");
   return t;
 }
-function $t(t, e) {
-  var n, o;
-  return typeof ((n = t.props) == null ? void 0 : n[e]) < "u" || typeof ((o = t.props) == null ? void 0 : o[C(e)]) < "u";
+function xt(t, e) {
+  return t.props && (typeof t.props[e] < "u" || typeof t.props[C(e)] < "u");
 }
-function At() {
-  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");
+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");
   if (e = e ?? o.type.name ?? o.type.__name, !e)
     throw new Error("[Vuetify] Could not determine component name");
-  const s = D(() => {
+  const s = S(() => {
     var r;
     return (r = n.value) == null ? void 0 : r[t._as ?? e];
   }), a = new Proxy(t, {
     get(r, u) {
-      var w, T, k, b, x, g, S;
+      var k, b, x, g;
       const m = Reflect.get(r, u);
-      return u === "class" || u === "style" ? [(w = s.value) == null ? void 0 : w[u], m].filter((L) => L != null) : typeof u == "string" && !$t(o.vnode, u) ? ((T = s.value) == null ? void 0 : T[u]) !== void 0 ? (k = s.value) == null ? void 0 : k[u] : ((x = (b = n.value) == null ? void 0 : b.global) == null ? void 0 : x[u]) !== void 0 ? (S = (g = n.value) == null ? void 0 : g.global) == null ? void 0 : S[u] : m : m;
+      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;
+      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;
     }
-  }), i = X();
-  Z(() => {
+  }), i = Y();
+  X(() => {
     if (s.value) {
       const r = Object.entries(s.value).filter((u) => {
         let [m] = u;
@@ -639,8 +644,8 @@ function At() {
       i.value = void 0;
   });
   function l() {
-    const r = xt(O, o);
-    J(O, D(() => i.value ? j((r == null ? void 0 : r.value) ?? {}, i.value) : r == null ? void 0 : r.value));
+    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));
   }
   return {
     props: a,
@@ -649,39 +654,39 @@ function At() {
 }
 function A(t) {
   if (t._setup = t._setup ?? t.setup, !t.name)
-    return bt("The component is missing an explicit name, unable to generate default prop value"), t;
+    return kt("The component is missing an explicit name, unable to generate default prop value"), t;
   if (t._setup) {
     t.props = F(t.props ?? {}, t.name)();
     const e = Object.keys(t.props).filter((n) => n !== "class" && n !== "style");
     t.filterProps = function(o) {
-      return kt(o, e);
+      return Tt(o, e);
     }, t.props._as = String, t.setup = function(o, s) {
-      const a = W();
+      const a = R();
       if (!a.value) return t._setup(o, s);
       const {
         props: i,
         provideSubDefaults: l
-      } = At(o, o._as ?? t.name, a), r = t._setup(i, s);
+      } = $t(o, o._as ?? t.name, a), r = t._setup(i, s);
       return l(), r;
     };
   }
   return t;
 }
-function Nt() {
+function At() {
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (e) => (t ? A : Q)(e);
+  return (e) => (t ? A : J)(e);
 }
-const Ot = [String, Function, Object, Array], N = F({
+const Nt = [String, Function, Object, Array], N = F({
   icon: {
-    type: Ot
+    type: Nt
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
-    type: String,
+    type: [String, Object, Function],
     required: !0
   }
 }, "icon");
-Nt()({
+At()({
   name: "VComponentIcon",
   props: N(),
   setup(t, e) {
@@ -707,7 +712,7 @@ A({
     let {
       attrs: n
     } = e;
-    return () => c(t.tag, tt(n, {
+    return () => c(t.tag, Q(n, {
       style: null
     }), {
       default: () => [c("svg", {
@@ -736,7 +741,7 @@ A({
     });
   }
 });
-const St = A({
+const Ot = A({
   name: "VClassIcon",
   props: N(),
   setup(t) {
@@ -744,33 +749,33 @@ const St = A({
       class: t.icon
     }, null);
   }
-}), Vt = {
+}), Dt = {
   // Not using mergeProps here, functional components merge props by default (?)
-  component: (t) => et(St, {
+  component: (t) => tt(Ot, {
     ...t,
     class: "mdi"
   })
-}, B = ot({
+}, W = nt({
   theme: {
     defaultTheme: "cosmosDark",
     themes: {
-      cosmosDark: lt
+      cosmosDark: rt
     }
   },
   icons: {
     defaultSet: "mdi",
     sets: {
-      mdi: Vt,
-      ...rt,
-      ...it
+      mdi: Dt,
+      ...it,
+      ...at
     }
   }
 });
 export {
   jt as Dialog,
   Ft as Notify,
-  lt as cosmosThemeDark,
-  Rt as store,
-  B as vuetify
+  rt as cosmosThemeDark,
+  Ht as store,
+  W as vuetify
 };
 //# sourceMappingURL=plugins.js.map