@openc3/vue-common 6.8.1 → 6.9.1

package/dist/plugins.js

@@ -1,9 +1,10 @@
-import { resolveComponent as f, createBlock as N, openBlock as m, withCtx as d, createVNode as c, createElementVNode as _, toDisplayString as p, createCommentVNode as k, createElementBlock as y, createTextVNode as g, withDirectives as M, normalizeStyle as S, Fragment as V, withModifiers as U, vShow as q, createApp as z, warn as G, getCurrentInstance as K, inject as Y, computed as I, shallowRef as X, watchEffect as Z, provide as J, defineComponent as Q, mergeProps as tt, normalizeClass as et, h as nt } from "vue";
+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 ot } from "vuex";
-import { createVuetify as at } from "vuetify";
-import { AstroStatusColors as st, getStatusColorContrast as it, CustomIconSet as rt, AstroIconVuetifySets as lt } from "./icons.js";
-const ct = {
+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 = {
   dark: !0,
   colors: {
     primary: "#005A8F",
@@ -17,7 +18,7 @@ const ct = {
     "openc3-black": "#ffffff",
     "openc3-white": "#ffffff"
   }
-}, ut = {
+}, ft = {
   data: function() {
     return {
       show: !1,
@@ -45,6 +46,9 @@ const ct = {
     },
     dataTestCancel: function() {
       return `confirm-dialog-${this.params.cancelText.toLowerCase()}`;
+    },
+    sanitizedText: function() {
+      return M.sanitize(this.params.text);
     }
   },
   methods: {
@@ -61,12 +65,12 @@ const ct = {
       this.validationText = "";
     }
   }
-}, ft = ["innerHTML"], dt = { key: 2 }, mt = {
+}, dt = ["innerHTML"], mt = { key: 2 }, ht = {
   key: 3,
   class: "validate mt-4"
 };
-function ht(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"), w = f("v-btn"), T = f("v-card-actions"), b = f("v-card"), x = f("v-dialog"), $ = f("v-app");
+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");
   return m(), N($, null, {
     default: d(() => [
       c(x, {
@@ -95,12 +99,12 @@ function ht(t, e, n, o, a, s) {
                       g(" mdi-alert ", -1)
                     ])]),
                     _: 1
-                  })) : k("", !0),
+                  })) : T("", !0),
                   t.params.html ? (m(), y("span", {
                     key: 1,
-                    innerHTML: t.params.text
-                  }, null, 8, ft)) : (m(), y("span", dt, p(t.params.text), 1)),
-                  t.params.validateText ? (m(), y("div", mt, [
+                    innerHTML: s.sanitizedText
+                  }, null, 8, dt)) : (m(), y("span", mt, p(s.sanitizedText), 1)),
+                  t.params.validateText ? (m(), y("div", ht, [
                     g(" Enter " + p(t.params.validateText) + " to confirm! ", 1),
                     c(u, {
                       modelValue: t.validationText,
@@ -111,14 +115,14 @@ function ht(t, e, n, o, a, s) {
                       rules: [t.rules.required, t.rules.match],
                       "data-test": "confirm-dialog-validate"
                     }, null, 8, ["modelValue", "rules"])
-                  ])) : k("", !0)
+                  ])) : T("", !0)
                 ]),
                 _: 1
               }),
-              c(T, { class: "px-2" }, {
+              c(C, { class: "px-2" }, {
                 default: d(() => [
                   c(i),
-                  t.params.cancelText ? (m(), N(w, {
+                  t.params.cancelText ? (m(), N(k, {
                     key: 0,
                     variant: "outlined",
                     "data-test": s.dataTestCancel,
@@ -128,8 +132,8 @@ function ht(t, e, n, o, a, s) {
                       g(p(t.params.cancelText), 1)
                     ]),
                     _: 1
-                  }, 8, ["data-test", "onClick"])) : k("", !0),
-                  c(w, {
+                  }, 8, ["data-test", "onClick"])) : T("", !0),
+                  c(k, {
                     variant: "flat",
                     color: t.params.okClass,
                     "data-test": s.dataTestOk,
@@ -153,14 +157,14 @@ function ht(t, e, n, o, a, s) {
     _: 1
   });
 }
-const pt = /* @__PURE__ */ E(ut, [["render", ht], ["__scopeId", "data-v-de532a0f"]]);
-class yt {
+const yt = /* @__PURE__ */ E(ft, [["render", pt], ["__scopeId", "data-v-36e9f721"]]);
+class gt {
   constructor() {
     this.mounted = !1, this.$root = null;
   }
   mount() {
     if (this.mounted) return;
-    const e = window.Vue.createApp(pt);
+    const e = window.Vue.createApp(yt);
     e.use(B);
     const n = document.createElement("div");
     document.querySelector("#openc3-app-toolbar > div").appendChild(n), this.$root = e.mount(n), this.mounted = !0;
@@ -213,12 +217,12 @@ class yt {
     });
   }
 }
-const Ht = {
+const Wt = {
   install(t, e) {
-    const n = new yt();
+    const n = new gt();
     t.provide("dialog", n), t.config.globalProperties.hasOwnProperty("$dialog") || (t.config.globalProperties.$dialog = n);
   }
-}, gt = {
+}, vt = {
   data: function() {
     return {
       showToast: !1,
@@ -244,8 +248,8 @@ const Ht = {
     },
     toastStyle: function() {
       return `
-        --toast-bg-color:${st[this.toastNotification.level]};
-        --toast-fg-color:${it(
+        --toast-bg-color:${it[this.toastNotification.level]};
+        --toast-fg-color:${rt(
         this.toastNotification.level
       )};
       `;
@@ -274,10 +278,10 @@ const Ht = {
       this.cancelAutohide(), this.expanded = !0;
     }
   }
-}, vt = {
+}, _t = {
   key: 0,
   class: "text-subtitle-1 mr-1 notification-text"
-}, _t = {
+}, Tt = {
   key: 1,
   class: "text-body-2 notification-text"
 }, kt = {
@@ -288,7 +292,7 @@ function wt(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(() => [
-      M(c(u, {
+      z(c(u, {
         style: S(s.toastStyle),
         class: "toast-notification",
         onClick: s.expand
@@ -304,15 +308,15 @@ function wt(t, e, n, o, a, s) {
             class: "toast-content",
             style: S(s.contentStyle)
           }, [
-            t.toastNotification.title ? (m(), y("span", vt, [
+            t.toastNotification.title ? (m(), y("span", _t, [
               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))
-            ])) : k("", !0),
-            t.toastNotification.body ? (m(), y("span", _t, p(t.toastNotification.body), 1)) : k("", !0),
-            t.toastNotification.message ? (m(), y("span", kt, p(t.toastNotification.message), 1)) : k("", !0)
+            ])) : 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)
           ], 4),
           c(l),
           c(r, {
@@ -334,8 +338,8 @@ function wt(t, e, n, o, a, s) {
     _: 1
   });
 }
-const Ct = /* @__PURE__ */ E(gt, [["render", wt], ["__scopeId", "data-v-84833581"]]);
-class Tt {
+const Ct = /* @__PURE__ */ E(vt, [["render", wt], ["__scopeId", "data-v-84833581"]]);
+class bt {
   /*
    * This gets called by the `install()` function below
    */
@@ -349,7 +353,7 @@ class Tt {
    */
   mount() {
     if (this.mounted) return;
-    const e = z(Ct);
+    const e = G(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;
@@ -513,15 +517,15 @@ class Tt {
     });
   }
 }
-const Rt = {
+const Bt = {
   /*
    * 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 bt(e);
     t.provide("notify", n), t.config.globalProperties.hasOwnProperty("$notify") || (t.config.globalProperties.$notify = n);
   }
-}, P = 100, Wt = ot({
+}, P = 100, Lt = at({
   state() {
     return {
       notifyHistory: [],
@@ -556,7 +560,7 @@ function j(t) {
   let e;
   return t !== null && typeof t == "object" && ((e = Object.getPrototypeOf(t)) === Object.prototype || e === null);
 }
-function bt(t, e) {
+function xt(t, e) {
   const n = {};
   for (const o of e)
     Object.prototype.hasOwnProperty.call(t, o) && (n[o] = t[o]);
@@ -581,15 +585,15 @@ function F() {
   }
   return o;
 }
-function C() {
+function w() {
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (C.cache.has(t)) return C.cache.get(t);
+  if (w.cache.has(t)) return w.cache.get(t);
   const e = t.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-  return C.cache.set(t, e), e;
+  return w.cache.set(t, e), e;
 }
-C.cache = /* @__PURE__ */ new Map();
-function xt(t) {
-  G(`Vuetify: ${t}`);
+w.cache = /* @__PURE__ */ new Map();
+function $t(t) {
+  K(`Vuetify: ${t}`);
 }
 function H(t, e) {
   return (n) => Object.keys(t).reduce((o, a) => {
@@ -603,12 +607,12 @@ function H(t, e) {
   }, {});
 }
 function R(t, e) {
-  const n = K();
+  const n = Y();
   if (!n)
     throw new Error(`[Vuetify] ${t} must be called from inside a setup function`);
   return n;
 }
-function $t(t) {
+function Nt(t) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : R("injectSelf");
   const {
     provides: n
@@ -618,14 +622,14 @@ function $t(t) {
 }
 const D = Symbol.for("vuetify:defaults");
 function W() {
-  const t = Y(D);
+  const t = X(D);
   if (!t) throw new Error("[Vuetify] Could not find defaults instance");
   return t;
 }
-function Nt(t, e) {
-  return t.props && (typeof t.props[e] < "u" || typeof t.props[C(e)] < "u");
+function Ot(t, e) {
+  return t.props && (typeof t.props[e] < "u" || typeof t.props[w(e)] < "u");
 }
-function Ot() {
+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)
@@ -639,14 +643,14 @@ function Ot() {
       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 (Nt(o.vnode, u)) return h;
-      const w = (x = a.value) == null ? void 0 : x[u];
-      if (w !== void 0) return w;
-      const T = (v = ($ = n.value) == null ? void 0 : $.global) == null ? void 0 : v[u];
-      return T !== void 0 ? T : h;
+      if (Ot(o.vnode, u)) return h;
+      const k = (x = a.value) == null ? void 0 : x[u];
+      if (k !== void 0) return k;
+      const C = (v = ($ = n.value) == null ? void 0 : $.global) == null ? void 0 : v[u];
+      return C !== void 0 ? C : h;
     }
-  }), i = X();
-  Z(() => {
+  }), i = Z();
+  J(() => {
     if (a.value) {
       const r = Object.entries(a.value).filter((u) => {
         let [h] = u;
@@ -657,8 +661,8 @@ function Ot() {
       i.value = void 0;
   });
   function l() {
-    const r = $t(D, o);
-    J(D, I(() => i.value ? F((r == null ? void 0 : r.value) ?? {}, i.value) : r == null ? void 0 : r.value));
+    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));
   }
   return {
     props: s,
@@ -667,31 +671,31 @@ function Ot() {
 }
 function O(t) {
   if (t._setup = t._setup ?? t.setup, !t.name)
-    return xt("The component is missing an explicit name, unable to generate default prop value"), t;
+    return $t("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 bt(o, e);
+      return xt(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
-      } = Ot(o, o._as ?? t.name, s), r = t._setup(i, a);
+      } = At(o, o._as ?? t.name, s), r = t._setup(i, a);
       return l(), r;
     };
   }
   return t;
 }
-function At() {
+function Dt() {
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0;
-  return (e) => (t ? O : Q)(e);
+  return (e) => (t ? O : tt)(e);
 }
-const Dt = [String, Function, Object, Array], A = H({
+const St = [String, Function, Object, Array], A = H({
   icon: {
-    type: Dt
+    type: St
   },
   // Could not remove this and use makeTagProps, types complained because it is not required
   tag: {
@@ -699,7 +703,7 @@ const Dt = [String, Function, Object, Array], A = H({
     required: !0
   }
 }, "icon");
-At()({
+Dt()({
   name: "VComponentIcon",
   props: A(),
   setup(t, e) {
@@ -725,7 +729,7 @@ O({
     let {
       attrs: n
     } = e;
-    return () => c(t.tag, tt(n, {
+    return () => c(t.tag, et(n, {
       style: null
     }), {
       default: () => [_("svg", {
@@ -754,41 +758,41 @@ O({
     });
   }
 });
-const St = O({
+const Vt = O({
   name: "VClassIcon",
   props: A(),
   setup(t) {
     return () => c(t.tag, {
-      class: et(t.icon)
+      class: nt(t.icon)
     }, null);
   }
-}), Vt = {
+}), It = {
   // Not using mergeProps here, functional components merge props by default (?)
-  component: (t) => nt(St, {
+  component: (t) => ot(Vt, {
     ...t,
     class: "mdi"
   })
-}, B = at({
+}, B = st({
   theme: {
     defaultTheme: "cosmosDark",
     themes: {
-      cosmosDark: ct
+      cosmosDark: ut
     }
   },
   icons: {
     defaultSet: "mdi",
     sets: {
-      mdi: Vt,
-      ...lt,
-      ...rt
+      mdi: It,
+      ...ct,
+      ...lt
     }
   }
 });
 export {
-  Ht as Dialog,
-  Rt as Notify,
-  ct as cosmosThemeDark,
-  Wt as store,
+  Wt as Dialog,
+  Bt as Notify,
+  ut as cosmosThemeDark,
+  Lt as store,
   B as vuetify
 };
 //# sourceMappingURL=plugins.js.map