@openc3/vue-common 6.2.1 → 6.3.0

package/dist/plugins.js

@@ -1,9 +1,9 @@
-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 { 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, AstroIconVuetifySets as it } from "./icons.js";
-const rt = {
+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,
@@ -52,30 +52,33 @@ 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 = {
+}, ut = ["innerHTML"], ft = { key: 2 }, dt = {
   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 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"), 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),
                   c(i)
@@ -83,12 +86,12 @@ function ft(t, e, n, o, s, a) {
                 _: 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
@@ -96,7 +99,7 @@ function ft(t, e, n, o, s, a) {
                   t.params.html ? (h(), _("span", {
                     key: 1,
                     innerHTML: t.params.text
-                  }, null, 8, ct)) : (h(), _("span", ut, p(t.params.text), 1)),
+                  }, null, 8, ut)) : (h(), _("span", ft, p(t.params.text), 1)),
                   t.params.validateText ? (h(), _("div", dt, [
                     y(" Enter " + p(t.params.validateText) + " to confirm! ", 1),
                     c(u, {
@@ -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,14 +153,14 @@ function ft(t, e, n, o, s, a) {
     _: 1
   });
 }
-const mt = /* @__PURE__ */ H(lt, [["render", ft], ["__scopeId", "data-v-581c0293"]]);
-class ht {
+const ht = /* @__PURE__ */ H(ct, [["render", mt], ["__scopeId", "data-v-f10fb7f4"]]);
+class pt {
   constructor() {
     this.mounted = !1, this.$root = null;
   }
   mount() {
     if (this.mounted) return;
-    const e = window.Vue.createApp(mt);
+    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;
@@ -210,12 +213,12 @@ class ht {
     });
   }
 }
-const 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,
@@ -271,28 +274,28 @@ const Ht = {
       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 = d("v-icon"), l = d("v-spacer"), r = d("v-btn"), u = d("v-sheet"), m = d("v-slide-y-transition");
+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"), m = f("v-slide-y-transition");
   return h(), $(m, null, {
-    default: f(() => [
+    default: d(() => [
       M(c(u, {
         style: V(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
@@ -301,9 +304,9 @@ function _t(t, e, n, o, s, a) {
             class: "toast-content",
             style: V(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 ? (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)
           ], 4),
           c(l),
           c(r, {
@@ -311,7 +314,7 @@ function _t(t, e, n, o, s, a) {
             onClick: U(a.hide, ["stop"]),
             class: "notification-text"
           }, {
-            default: f(() => e[0] || (e[0] = [
+            default: d(() => e[0] || (e[0] = [
               y(" Dismiss ")
             ])),
             _: 1
@@ -325,8 +328,8 @@ function _t(t, e, n, o, s, a) {
     _: 1
   });
 }
-const wt = /* @__PURE__ */ H(pt, [["render", _t], ["__scopeId", "data-v-b0459ba8"]]);
-class Ct {
+const Ct = /* @__PURE__ */ H(gt, [["render", wt], ["__scopeId", "data-v-b0459ba8"]]);
+class Tt {
   /*
    * This gets called by the `install()` function below
    */
@@ -340,7 +343,7 @@ class Ct {
    */
   mount() {
     if (this.mounted) return;
-    const e = z(wt);
+    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;
@@ -504,15 +507,15 @@ 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.
    */
   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);
   }
-}, I = 100, Ft = nt({
+}, I = 100, Rt = nt({
   state: {
     notifyHistory: [],
     namedWidgets: {}
@@ -540,7 +543,7 @@ 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.hasOwn(t, o) && (n[o] = t[o]);
@@ -572,7 +575,7 @@ function C() {
   return C.cache.set(t, e), e;
 }
 C.cache = /* @__PURE__ */ new Map();
-function kt(t) {
+function bt(t) {
   G(`Vuetify: ${t}`);
 }
 function F(t, e) {
@@ -592,7 +595,7 @@ function R(t, e) {
     throw new Error(`[Vuetify] ${t} must be called from inside a setup function`);
   return n;
 }
-function bt(t) {
+function xt(t) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : R("injectSelf");
   const {
     provides: n
@@ -606,11 +609,11 @@ function W() {
   if (!t) throw new Error("[Vuetify] Could not find defaults instance");
   return t;
 }
-function xt(t, e) {
+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 $t() {
+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");
   if (e = e ?? o.type.name ?? o.type.__name, !e)
@@ -622,7 +625,7 @@ function $t() {
     get(r, u) {
       var w, T, k, b, x, g, S;
       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;
+      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;
     }
   }), i = X();
   Z(() => {
@@ -636,7 +639,7 @@ function $t() {
       i.value = void 0;
   });
   function l() {
-    const r = bt(O, o);
+    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));
   }
   return {
@@ -646,31 +649,31 @@ function $t() {
 }
 function A(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)();
     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 = 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);
+      } = At(o, o._as ?? t.name, a), r = t._setup(i, s);
       return l(), r;
     };
   }
   return t;
 }
-function At() {
+function Nt() {
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
   return (e) => (t ? A : Q)(e);
 }
-const Nt = [String, Function, Object, Array], N = F({
+const Ot = [String, Function, Object, Array], N = F({
   icon: {
-    type: Nt
+    type: Ot
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
@@ -678,7 +681,7 @@ const Nt = [String, Function, Object, Array], N = F({
     required: !0
   }
 }, "icon");
-At()({
+Nt()({
   name: "VComponentIcon",
   props: N(),
   setup(t, e) {
@@ -733,7 +736,7 @@ A({
     });
   }
 });
-const Ot = A({
+const St = A({
   name: "VClassIcon",
   props: N(),
   setup(t) {
@@ -741,9 +744,9 @@ const Ot = A({
       class: t.icon
     }, null);
   }
-}), St = {
+}), Vt = {
   // Not using mergeProps here, functional components merge props by default (?)
-  component: (t) => et(Ot, {
+  component: (t) => et(St, {
     ...t,
     class: "mdi"
   })
@@ -751,22 +754,23 @@ const Ot = A({
   theme: {
     defaultTheme: "cosmosDark",
     themes: {
-      cosmosDark: rt
+      cosmosDark: lt
     }
   },
   icons: {
     defaultSet: "mdi",
     sets: {
-      mdi: St,
+      mdi: Vt,
+      ...rt,
       ...it
     }
   }
 });
 export {
-  Ht as Dialog,
-  jt as Notify,
-  rt as cosmosThemeDark,
-  Ft as store,
+  jt as Dialog,
+  Ft as Notify,
+  lt as cosmosThemeDark,
+  Rt as store,
   B as vuetify
 };
 //# sourceMappingURL=plugins.js.map