@openc3/vue-common 6.2.1 → 6.4.0

package/dist/plugins.js

@@ -1,8 +1,8 @@
-import { resolveComponent as d, createBlock as $, openBlock as h, withCtx as f, 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 "./CosmosRuxIcon.vue_vue_type_style_index_0_scoped_9af48e85_lang-CHgC5LLL.js";
-import { createStore as nt } from "vuex";
-import { createVuetify as ot } from "vuetify";
-import { AstroStatusColors as st, getStatusColorContrast as at, AstroIconVuetifySets as it } from "./icons.js";
+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: {
@@ -52,43 +52,46 @@ const rt = {
       this.params = t, this.show = !0, this.resolve = e, this.reject = n;
     },
     ok: function() {
-      this.params.validateText === this.validationText && (this.show = !1, this.resolve(!0));
+      (!this.params.validateText || this.params.validateText === this.validationText) && (this.show = !1, this.resolve(!0), this.refresh());
     },
     cancel: function() {
-      this.show = !1, this.reject(!0);
+      this.show = !1, this.reject(!0), this.refresh();
+    },
+    refresh: function() {
+      this.validationText = "";
     }
   }
-}, ct = ["innerHTML"], ut = { key: 2 }, dt = {
+}, ct = ["innerHTML"], ut = { key: 2 }, ft = {
   key: 3,
   class: "validate mt-4"
 };
-function ft(t, e, n, o, s, a) {
-  const i = d("v-spacer"), l = d("v-toolbar"), r = d("v-icon"), u = d("v-text-field"), m = d("v-card-text"), w = d("v-btn"), T = d("v-card-actions"), k = d("v-card"), b = d("v-dialog"), x = d("v-app");
+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: f(() => [
+    default: d(() => [
       c(b, {
         modelValue: t.show,
         "onUpdate:modelValue": e[1] || (e[1] = (g) => t.show = g),
         width: "600"
       }, {
-        default: f(() => [
+        default: d(() => [
           c(k, null, {
-            default: f(() => [
+            default: d(() => [
               c(l, { height: "24" }, {
-                default: f(() => [
+                default: d(() => [
                   c(i),
-                  E("span", null, p(t.params.title), 1),
+                  P("span", null, p(t.params.title), 1),
                   c(i)
                 ]),
                 _: 1
               }),
               c(m, { class: "mt-4 pa-3" }, {
-                default: f(() => [
+                default: d(() => [
                   t.params.validateText ? (h(), $(r, {
                     key: 0,
                     class: "mr-2"
                   }, {
-                    default: f(() => e[2] || (e[2] = [
+                    default: d(() => e[2] || (e[2] = [
                       y(" mdi-alert ")
                     ])),
                     _: 1
@@ -97,14 +100,14 @@ function ft(t, e, n, o, s, a) {
                     key: 1,
                     innerHTML: t.params.text
                   }, null, 8, ct)) : (h(), _("span", ut, p(t.params.text), 1)),
-                  t.params.validateText ? (h(), _("div", dt, [
+                  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"])
@@ -113,7 +116,7 @@ function ft(t, e, n, o, s, a) {
                 _: 1
               }),
               c(T, { class: "px-2" }, {
-                default: f(() => [
+                default: d(() => [
                   c(i),
                   t.params.cancelText ? (h(), $(w, {
                     key: 0,
@@ -121,7 +124,7 @@ function ft(t, e, n, o, s, a) {
                     "data-test": a.dataTestCancel,
                     onClick: a.cancel
                   }, {
-                    default: f(() => [
+                    default: d(() => [
                       y(p(t.params.cancelText), 1)
                     ]),
                     _: 1
@@ -132,7 +135,7 @@ function ft(t, e, n, o, s, a) {
                     "data-test": a.dataTestOk,
                     onClick: a.ok
                   }, {
-                    default: f(() => [
+                    default: d(() => [
                       y(p(t.params.okText), 1)
                     ]),
                     _: 1
@@ -150,7 +153,7 @@ function ft(t, e, n, o, s, a) {
     _: 1
   });
 }
-const mt = /* @__PURE__ */ H(lt, [["render", ft], ["__scopeId", "data-v-581c0293"]]);
+const mt = /* @__PURE__ */ E(lt, [["render", dt], ["__scopeId", "data-v-de532a0f"]]);
 class ht {
   constructor() {
     this.mounted = !1, this.$root = null;
@@ -158,7 +161,7 @@ class ht {
   mount() {
     if (this.mounted) return;
     const e = window.Vue.createApp(mt);
-    e.use(B);
+    e.use(W);
     const n = document.createElement("div");
     document.querySelector("#openc3-app-toolbar > div").appendChild(n), this.$root = e.mount(n), this.mounted = !0;
   }
@@ -210,7 +213,7 @@ class ht {
     });
   }
 }
-const Ht = {
+const jt = {
   install(t, e) {
     const n = new ht();
     t.provide("dialog", n), t.config.globalProperties.hasOwnProperty("$dialog") || (t.config.globalProperties.$dialog = n);
@@ -241,8 +244,8 @@ const Ht = {
     },
     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
       )};
       `;
@@ -282,24 +285,24 @@ const Ht = {
   class: "text-body-2 notification-text"
 };
 function _t(t, e, n, o, s, a) {
-  const i = d("v-icon"), l = d("v-spacer"), r = d("v-btn"), u = d("v-sheet"), m = d("v-slide-y-transition");
+  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: f(() => [
-      M(c(u, {
-        style: V(a.toastStyle),
+    default: d(() => [
+      L(c(u, {
+        style: D(a.toastStyle),
         class: "toast-notification",
         onClick: a.expand
       }, {
-        default: f(() => [
+        default: d(() => [
           c(i, { class: "mr-1 notification-text" }, {
-            default: f(() => [
+            default: d(() => [
               y(p(a.toastNotificationIcon), 1)
             ]),
             _: 1
           }),
-          E("div", {
+          P("div", {
             class: "toast-content",
-            style: V(a.contentStyle)
+            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),
@@ -308,10 +311,10 @@ function _t(t, e, n, o, s, a) {
           c(l),
           c(r, {
             variant: "text",
-            onClick: U(a.hide, ["stop"]),
+            onClick: M(a.hide, ["stop"]),
             class: "notification-text"
           }, {
-            default: f(() => e[0] || (e[0] = [
+            default: d(() => e[0] || (e[0] = [
               y(" Dismiss ")
             ])),
             _: 1
@@ -319,13 +322,13 @@ function _t(t, e, n, o, s, a) {
         ]),
         _: 1
       }, 8, ["style", "onClick"]), [
-        [q, t.showToast]
+        [U, t.showToast]
       ])
     ]),
     _: 1
   });
 }
-const wt = /* @__PURE__ */ H(pt, [["render", _t], ["__scopeId", "data-v-b0459ba8"]]);
+const wt = /* @__PURE__ */ E(pt, [["render", _t], ["__scopeId", "data-v-b0459ba8"]]);
 class Ct {
   /*
    * This gets called by the `install()` function below
@@ -340,8 +343,8 @@ class Ct {
    */
   mount() {
     if (this.mounted) return;
-    const e = z(wt);
-    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;
   }
@@ -504,7 +507,7 @@ class Ct {
     });
   }
 }
-const jt = {
+const Ft = {
   /*
    * This gets called by the Vue runtime when you have `app.use(Notify)` in that app's main .js file.
    */
@@ -512,7 +515,7 @@ const jt = {
     const n = new Ct(e);
     t.provide("notify", n), t.config.globalProperties.hasOwnProperty("$notify") || (t.config.globalProperties.$notify = n);
   }
-}, I = 100, Ft = nt({
+}, V = 100, Ht = et({
   state: {
     notifyHistory: [],
     namedWidgets: {}
@@ -522,7 +525,7 @@ const jt = {
   },
   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 = [];
@@ -536,14 +539,14 @@ const jt = {
   },
   modules: {}
 });
-function P(t) {
+function I(t) {
   let e;
   return t !== null && typeof t == "object" && ((e = Object.getPrototypeOf(t)) === Object.prototype || e === null);
 }
 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() {
@@ -553,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;
     }
@@ -573,7 +576,7 @@ function C() {
 }
 C.cache = /* @__PURE__ */ new Map();
 function kt(t) {
-  G(`Vuetify: ${t}`);
+  z(`Vuetify: ${t}`);
 }
 function F(t, e) {
   return (n) => Object.keys(t).reduce((o, s) => {
@@ -586,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 bt(t) {
-  let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : R("injectSelf");
+  let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : H("injectSelf");
   const {
     provides: n
   } = e;
@@ -601,31 +604,36 @@ function bt(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 xt(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";
+  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] : W();
-  const o = R("useDefaults");
+  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" && !xt(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;
@@ -637,7 +645,7 @@ function $t() {
   });
   function l() {
     const r = bt(O, o);
-    J(O, D(() => i.value ? j((r == null ? void 0 : r.value) ?? {}, i.value) : r == null ? void 0 : r.value));
+    Z(O, S(() => i.value ? j((r == null ? void 0 : r.value) ?? {}, i.value) : r == null ? void 0 : r.value));
   }
   return {
     props: a,
@@ -653,7 +661,7 @@ function A(t) {
     t.filterProps = function(o) {
       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,
@@ -666,7 +674,7 @@ function A(t) {
 }
 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 Nt = [String, Function, Object, Array], N = F({
   icon: {
@@ -674,7 +682,7 @@ const Nt = [String, Function, Object, Array], N = F({
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
-    type: String,
+    type: [String, Object, Function],
     required: !0
   }
 }, "icon");
@@ -704,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", {
@@ -741,13 +749,13 @@ const Ot = A({
       class: t.icon
     }, null);
   }
-}), St = {
+}), Dt = {
   // Not using mergeProps here, functional components merge props by default (?)
-  component: (t) => et(Ot, {
+  component: (t) => tt(Ot, {
     ...t,
     class: "mdi"
   })
-}, B = ot({
+}, W = nt({
   theme: {
     defaultTheme: "cosmosDark",
     themes: {
@@ -757,16 +765,17 @@ const Ot = A({
   icons: {
     defaultSet: "mdi",
     sets: {
-      mdi: St,
-      ...it
+      mdi: Dt,
+      ...it,
+      ...at
     }
   }
 });
 export {
-  Ht as Dialog,
-  jt as Notify,
+  jt as Dialog,
+  Ft as Notify,
   rt as cosmosThemeDark,
-  Ft as store,
-  B as vuetify
+  Ht as store,
+  W as vuetify
 };
 //# sourceMappingURL=plugins.js.map