@myop/vue 0.0.28 → 0.0.30

package/dist/index.js

@@ -1,42 +1,42 @@
-import { defineComponent as Q, useSlots as X, computed as y, createElementBlock as A, openBlock as b, normalizeStyle as W, renderSlot as M, unref as ge, ref as p, shallowRef as lt, watch as ae, onMounted as Re, onUnmounted as at, createElementVNode as $e, createBlock as ke, createCommentVNode as pe, withCtx as Ve, markRaw as Ie, useAttrs as ct, getCurrentInstance as ut, reactive as ft, watchEffect as pt, Fragment as dt, mergeProps as mt } from "vue";
-import { containerStyleObject as ht, loaderStyleObject as gt, getMyopLogoHtml as xe, fallbackStyleObject as yt, hostSDK as Te } from "@myop/sdk/host";
-import { CloudRepository as Z } from "@myop/sdk/helpers";
-const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
+import { defineComponent as Z, useSlots as ee, computed as y, createElementBlock as M, openBlock as S, normalizeStyle as B, renderSlot as H, unref as ye, ref as p, shallowRef as ft, watch as ce, onMounted as Te, onUnmounted as pt, createElementVNode as Me, createBlock as Fe, createCommentVNode as de, withCtx as $e, markRaw as Re, useAttrs as dt, getCurrentInstance as mt, reactive as ht, watchEffect as gt, Fragment as yt, mergeProps as _t } from "vue";
+import { containerStyleObject as Ct, loaderStyleObject as vt, getMyopLogoHtml as He, fallbackStyleObject as Et, hostSDK as ze } from "@myop/sdk/host";
+import { CloudRepository as te } from "@myop/sdk/helpers";
+const Nt = ["innerHTML"], bt = /* @__PURE__ */ Z({
   __name: "MyopLoader",
   props: {
     opacity: { default: 1 },
     fadeDuration: { default: 200 }
   },
   setup(e) {
-    const t = e, n = X(), o = (l) => !l || l.length === 0 ? !1 : l.some((c) => typeof c.children == "string" ? c.children.trim() !== "" : Array.isArray(c.children) ? o(c.children) : !!(c.type && typeof c.type != "symbol" || c.children)), s = y(() => {
+    const t = e, n = ee(), o = (l) => !l || l.length === 0 ? !1 : l.some((c) => typeof c.children == "string" ? c.children.trim() !== "" : Array.isArray(c.children) ? o(c.children) : !!(c.type && typeof c.type != "symbol" || c.children)), s = y(() => {
       const l = n.default;
       if (!l) return !1;
       const c = l();
       return o(c);
     }), r = y(() => ({
-      ...ht,
+      ...Ct,
       opacity: t.opacity,
       transition: `opacity ${t.fadeDuration}ms ease-out`
     })), i = y(() => ({
-      ...gt,
+      ...vt,
       opacity: t.opacity,
       transition: `opacity ${t.fadeDuration}ms ease-out`
-    })), a = xe();
-    return (l, c) => s.value ? (b(), A("div", {
+    })), a = He();
+    return (l, c) => s.value ? (S(), M("div", {
       key: 0,
-      style: W(r.value)
+      style: B(r.value)
     }, [
-      M(l.$slots, "default")
-    ], 4)) : (b(), A("div", {
+      H(l.$slots, "default")
+    ], 4)) : (S(), M("div", {
       key: 1,
-      style: W(i.value),
-      innerHTML: ge(a)
-    }, null, 12, _t));
+      style: B(i.value),
+      innerHTML: ye(a)
+    }, null, 12, Nt));
   }
-}), vt = ["innerHTML"], Et = /* @__PURE__ */ Q({
+}), St = ["innerHTML"], wt = /* @__PURE__ */ Z({
   __name: "MyopFallback",
   setup(e) {
-    const t = X(), n = (a) => !a || a.length === 0 ? !1 : a.some((l) => typeof l.children == "string" ? l.children.trim() !== "" : Array.isArray(l.children) ? n(l.children) : !!(l.type && typeof l.type != "symbol" || l.children)), o = y(() => {
+    const t = ee(), n = (a) => !a || a.length === 0 ? !1 : a.some((l) => typeof l.children == "string" ? l.children.trim() !== "" : Array.isArray(l.children) ? n(l.children) : !!(l.type && typeof l.type != "symbol" || l.children)), o = y(() => {
       const a = t.default;
       if (!a) return !1;
       const l = a();
@@ -48,20 +48,20 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
       right: "0",
       bottom: "0"
     }, r = {
-      ...yt
-    }, i = xe();
-    return (a, l) => o.value ? (b(), A("div", {
+      ...Et
+    }, i = He();
+    return (a, l) => o.value ? (S(), M("div", {
       key: 0,
       style: s
     }, [
-      M(a.$slots, "default")
-    ])) : (b(), A("div", {
+      H(a.$slots, "default")
+    ])) : (S(), M("div", {
       key: 1,
       style: r,
-      innerHTML: ge(i)
-    }, null, 8, vt));
+      innerHTML: ye(i)
+    }, null, 8, St));
   }
-}), En = /* @__PURE__ */ Q({
+}), kn = /* @__PURE__ */ Z({
   name: "MyopComponent",
   __name: "MyopComponent",
   props: {
@@ -69,14 +69,14 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
     componentConfig: {},
     data: {},
     fadeDuration: { default: 200 },
-    autoSize: { type: Boolean, default: !1 },
+    autoSize: { type: Boolean, default: !0 },
     environment: {},
     preview: { type: Boolean },
     on: {}
   },
   emits: ["load", "error", "sizeChange", "cta"],
   setup(e, { expose: t, emit: n }) {
-    const o = X(), s = (u) => !u || u.length === 0 ? !1 : u.some((f) => typeof f.children == "string" ? f.children.trim() !== "" : Array.isArray(f.children) ? s(f.children) : !!(f.type && typeof f.type != "symbol" || f.children)), r = y(() => {
+    const o = ee(), s = (u) => !u || u.length === 0 ? !1 : u.some((f) => typeof f.children == "string" ? f.children.trim() !== "" : Array.isArray(f.children) ? s(f.children) : !!(f.type && typeof f.type != "symbol" || f.children)), r = y(() => {
       const u = o.loader;
       if (!u) return !1;
       const f = u();
@@ -88,17 +88,17 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
       const f = u();
       return s(f);
     });
-    const i = e, a = n, l = p(null), c = lt(null), d = i.componentId ? yn(i.componentId) : !1, g = p(!d), V = p(1), E = p(!1), F = p(!1), I = p(void 0), oe = p(!1), P = p(null), re = p(!1);
-    let R = null;
-    const se = () => {
+    const i = e, a = n, l = p(null), c = ft(null), d = i.componentId ? En(i.componentId) : !1, g = p(!d), V = p(1), E = p(!1), I = p(!1), D = p(void 0), Se = p({ fillWidth: !1, fillHeight: !1 }), se = p(!1), L = p(null);
+    let $ = null;
+    const ie = () => {
       V.value = 0, setTimeout(() => {
         g.value = !1;
       }, i.fadeDuration);
-    }, ie = (u) => {
-      console.error("[MyopComponent] Error:", u), se(), E.value = !0, a("error", u);
-    }, le = async (u) => {
-      var N, L;
-      oe.value = !0;
+    }, le = (u) => {
+      console.error("[MyopComponent] Error:", u), ie(), E.value = !0, a("error", u);
+    }, ae = async (u) => {
+      var N, U, Oe;
+      se.value = !0;
       let f = !1;
       try {
         const m = JSON.parse(JSON.stringify({
@@ -109,147 +109,152 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
           autoSize: u.autoSize
         }));
         if (!m.componentId && !u.componentConfig) {
-          ie("No component configuration provided");
+          le("No component configuration provided");
           return;
         }
-        const rt = m.preview === !0 ? !0 : void 0, st = u.componentConfig ? JSON.parse(JSON.stringify(u.componentConfig)) : await gn().fetchComponentV2(
+        const at = m.preview === !0 ? !0 : void 0, ct = u.componentConfig ? JSON.parse(JSON.stringify(u.componentConfig)) : await vn().fetchComponentV2(
           m.componentId,
           m.environment,
-          rt
+          at
         );
         if (!l.value) {
-          ie("Container element not found");
+          le("Container element not found");
           return;
         }
-        const it = Ie({
+        const ut = Re({
           data: m.data,
           _environment: {
             props: m
           }
-        }), we = await Te.loadComponent(
-          st,
+        }), ke = await ze.loadComponent(
+          ct,
           l.value,
-          it
+          ut
         );
         if (f) {
-          we.dispose();
+          ke.dispose();
           return;
         }
-        if (c.value = Ie(we), await c.value.initiated(), f) {
+        if (c.value = Re(ke), await c.value.initiated(), f) {
           (N = c.value) == null || N.dispose();
           return;
         }
-        if (await new Promise((j) => requestAnimationFrame(j)), f || !c.value || c.value.markedForDisposed) {
+        if (await new Promise((J) => requestAnimationFrame(J)), f || !c.value || c.value.markedForDisposed) {
           c.value && !c.value.markedForDisposed && c.value.dispose();
           return;
         }
-        F.value = !0, i.autoSize || se(), (L = c.value) != null && L.props && (c.value.props.myop_cta_handler = (j, Oe) => {
-          i.on && i.on(j, Oe), a("cta", j, Oe);
+        I.value = !0;
+        const R = (U = c.value) == null ? void 0 : U.sizeMeta, Ve = (R == null ? void 0 : R.width) === "100%", Ie = (R == null ? void 0 : R.height) === "100%";
+        Se.value = { fillWidth: Ve, fillHeight: Ie }, (!(i.autoSize ?? !0) || Ve && Ie) && ie(), (Oe = c.value) != null && Oe.props && (c.value.props.myop_cta_handler = (J, De) => {
+          i.on && i.on(J, De), a("cta", J, De);
         }), a("load", c.value);
       } catch (m) {
-        f || ie((m == null ? void 0 : m.message) || "Unknown error");
+        f || le((m == null ? void 0 : m.message) || "Unknown error");
       } finally {
-        if (oe.value = !1, P.value !== null && !f) {
-          const m = P.value;
-          P.value = null, await le(m);
+        if (se.value = !1, L.value !== null && !f) {
+          const m = L.value;
+          L.value = null, await ae(m);
         }
       }
       return () => {
         f = !0;
       };
-    }, tt = () => {
+    }, st = () => {
       var f;
-      if (!F.value || !((f = c.value) != null && f.observeAutoSize))
+      if (!I.value || !((f = c.value) != null && f.observeAutoSize))
         return;
       let u = !0;
-      R = c.value.observeAutoSize({
+      $ = c.value.observeAutoSize({
+        // SDK resolves: host props → sizeMeta → defaults (width: "100%", height: auto-size)
         explicitWidth: void 0,
         explicitHeight: void 0,
-        forceAutoSize: i.autoSize,
+        forceAutoSize: i.autoSize ?? !0,
         loaderMinHeight: 50,
         onSizeChange: (N) => {
-          a("sizeChange", N), I.value = N, u && (u = !1, se());
+          a("sizeChange", N), D.value = N, u && (u = !1, ie());
         }
       });
     };
-    ae(
+    ce(
       () => i.componentId,
       async (u, f) => {
-        u !== f && (re.value = !1, F.value = !1, E.value = !1, g.value = !0, V.value = 1, c.value && (c.value.dispose(), c.value = null), R && (R(), R = null), oe.value ? P.value = { ...i } : await le(i));
+        u !== f && (I.value = !1, E.value = !1, g.value = !0, V.value = 1, c.value && (c.value.dispose(), c.value = null), $ && ($(), $ = null), se.value ? L.value = { ...i } : await ae(i));
       }
-    ), ae(
+    ), ce(
       () => i.data,
       (u) => {
         var f;
-        if (F.value && u !== void 0 && c.value) {
-          if (!re.value) {
-            re.value = !0;
-            return;
-          }
+        if (I.value && u !== void 0 && c.value) {
           const N = (f = c.value.props) == null ? void 0 : f.myop_init_interface;
           if (N) {
-            const L = JSON.parse(JSON.stringify(u));
-            N(L);
+            const U = JSON.parse(JSON.stringify(u));
+            N(U);
           }
         }
       },
       { deep: !0 }
-    ), ae(
-      () => F.value,
+    ), ce(
+      () => I.value,
       (u) => {
-        u && i.autoSize && tt();
+        u && st();
       }
-    ), Re(async () => {
-      (i.componentId || i.componentConfig) && await le(i);
-    }), at(() => {
-      R && R(), c.value && c.value.dispose();
+    ), Te(async () => {
+      (i.componentId || i.componentConfig) && await ae(i);
+    }), pt(() => {
+      $ && $(), c.value && c.value.dispose();
     });
-    const Se = y(
-      () => {
-        var u, f;
-        return ((u = I.value) == null ? void 0 : u.autoSizingWidth) || ((f = I.value) == null ? void 0 : f.autoSizingHeight);
-      }
-    ), be = y(() => g.value ? 50 : void 0), nt = y(() => {
+    const j = y(() => g.value ? 50 : void 0), we = y(
+      () => !(i.autoSize ?? !0) || !I.value || Se.value.fillHeight
+    ), it = y(() => {
       var u, f;
-      return {
+      return we.value ? {
         position: "relative",
-        width: (u = I.value) != null && u.autoSizingWidth ? `${I.value.width}px` : "100%",
-        height: (f = I.value) != null && f.autoSizingHeight ? `${I.value.height}px` : "100%",
-        minHeight: be.value ? `${be.value}px` : void 0,
-        overflow: Se.value ? "hidden" : "inherit"
+        width: "100%",
+        height: "100%",
+        minHeight: j.value ? `${j.value}px` : void 0
+      } : {
+        position: "relative",
+        width: (u = D.value) != null && u.autoSizingWidth ? `${D.value.width}px` : "100%",
+        height: (f = D.value) != null && f.height ? `${D.value.height}px` : void 0,
+        minHeight: j.value ? `${j.value}px` : void 0
       };
-    }), ot = y(() => ({
-      position: "absolute",
-      inset: "0",
-      overflow: Se.value ? "hidden" : void 0
-    }));
+    }), lt = y(() => {
+      var u;
+      return we.value ? {
+        position: "absolute",
+        inset: "0"
+      } : {
+        width: "100%",
+        height: (u = D.value) != null && u.height ? `${D.value.height}px` : void 0
+      };
+    });
     return t({
       myopComponent: c,
-      isLoaded: F
-    }), (u, f) => (b(), A("div", {
-      style: W(nt.value)
+      isLoaded: I
+    }), (u, f) => (S(), M("div", {
+      style: B(it.value)
     }, [
-      $e("div", {
+      Me("div", {
         ref_key: "myopContainer",
         ref: l,
-        style: W(ot.value)
+        style: B(lt.value)
       }, null, 4),
-      g.value && r.value ? (b(), ke(Ct, {
+      g.value && r.value ? (S(), Fe(bt, {
         key: 0,
         opacity: V.value,
         "fade-duration": e.fadeDuration
       }, {
-        default: Ve(() => [
-          M(u.$slots, "loader")
+        default: $e(() => [
+          H(u.$slots, "loader")
         ]),
         _: 3
-      }, 8, ["opacity", "fade-duration"])) : pe("", !0),
-      E.value ? (b(), ke(Et, { key: 1 }, {
-        default: Ve(() => [
-          M(u.$slots, "fallback")
+      }, 8, ["opacity", "fade-duration"])) : de("", !0),
+      E.value ? (S(), Fe(wt, { key: 1 }, {
+        default: $e(() => [
+          H(u.$slots, "fallback")
         ]),
         _: 3
-      })) : pe("", !0)
+      })) : de("", !0)
     ], 4));
   }
 });
@@ -258,51 +263,51 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-const Nt = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
+const Ot = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const Ae = () => {
-}, St = (e) => e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
-(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), ye = Object.assign, C = Array.isArray, _ = (e) => typeof e == "function", w = (e) => typeof e == "string", bt = (e) => typeof e == "symbol", H = (e) => e !== null && typeof e == "object", wt = (e) => (H(e) || _(e)) && _(e.then) && _(e.catch), Me = (e) => {
+const Pe = () => {
+}, kt = (e) => e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
+(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), _e = Object.assign, C = Array.isArray, _ = (e) => typeof e == "function", w = (e) => typeof e == "string", Vt = (e) => typeof e == "symbol", z = (e) => e !== null && typeof e == "object", It = (e) => (z(e) || _(e)) && _(e.then) && _(e.catch), Le = (e) => {
   const t = /* @__PURE__ */ Object.create(null);
   return ((n) => t[n] || (t[n] = e(n)));
-}, Ot = Me((e) => e.charAt(0).toUpperCase() + e.slice(1)), kt = Me(
-  (e) => e ? `on${Ot(e)}` : ""
+}, Dt = Le((e) => e.charAt(0).toUpperCase() + e.slice(1)), Ft = Le(
+  (e) => e ? `on${Dt(e)}` : ""
 );
-let De;
-const ee = () => De || (De = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
-function _e(e) {
+let xe;
+const ne = () => xe || (xe = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
+function Ce(e) {
   if (C(e)) {
     const t = {};
     for (let n = 0; n < e.length; n++) {
-      const o = e[n], s = w(o) ? Ft(o) : _e(o);
+      const o = e[n], s = w(o) ? At(o) : Ce(o);
       if (s)
         for (const r in s)
           t[r] = s[r];
     }
     return t;
-  } else if (w(e) || H(e))
+  } else if (w(e) || z(e))
     return e;
 }
-const Vt = /;(?![^(]*\))/g, It = /:([^]+)/, Dt = /\/\*[^]*?\*\//g;
-function Ft(e) {
+const $t = /;(?![^(]*\))/g, Rt = /:([^]+)/, xt = /\/\*[^]*?\*\//g;
+function At(e) {
   const t = {};
-  return e.replace(Dt, "").split(Vt).forEach((n) => {
+  return e.replace(xt, "").split($t).forEach((n) => {
     if (n) {
-      const o = n.split(It);
+      const o = n.split(Rt);
       o.length > 1 && (t[o[0].trim()] = o[1].trim());
     }
   }), t;
 }
-function Ce(e) {
+function ve(e) {
   let t = "";
   if (w(e))
     t = e;
   else if (C(e))
     for (let n = 0; n < e.length; n++) {
-      const o = Ce(e[n]);
+      const o = ve(e[n]);
       o && (t += o + " ");
     }
-  else if (H(e))
+  else if (z(e))
     for (const n in e)
       e[n] && (t += n + " ");
   return t.trim();
@@ -316,19 +321,19 @@ process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(bt)
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(Vt)
 );
 // @__NO_SIDE_EFFECTS__
-function de(e) {
+function me(e) {
   return e ? !!e.__v_raw : !1;
 }
 // @__NO_SIDE_EFFECTS__
-function q(e) {
+function K(e) {
   const t = e && e.__v_raw;
-  return t ? /* @__PURE__ */ q(t) : e;
+  return t ? /* @__PURE__ */ K(t) : e;
 }
 // @__NO_SIDE_EFFECTS__
-function He(e) {
+function je(e) {
   return e ? e.__v_isRef === !0 : !1;
 }
 /**
@@ -336,20 +341,20 @@ function He(e) {
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-const D = [];
-function Rt(e) {
-  D.push(e);
+const F = [];
+function Tt(e) {
+  F.push(e);
 }
-function $t() {
-  D.pop();
+function Mt() {
+  F.pop();
 }
-let ce = !1;
+let ue = !1;
 function O(e, ...t) {
-  if (ce) return;
-  ce = !0;
-  const n = D.length ? D[D.length - 1].component : null, o = n && n.appContext.config.warnHandler, s = xt();
+  if (ue) return;
+  ue = !0;
+  const n = F.length ? F[F.length - 1].component : null, o = n && n.appContext.config.warnHandler, s = Ht();
   if (o)
-    te(
+    oe(
       o,
       n,
       11,
@@ -361,7 +366,7 @@ function O(e, ...t) {
         }).join(""),
         n && n.proxy,
         s.map(
-          ({ vnode: r }) => `at <${Ze(n, r.type)}>`
+          ({ vnode: r }) => `at <${ot(n, r.type)}>`
         ).join(`
 `),
         s
@@ -370,12 +375,12 @@ function O(e, ...t) {
   else {
     const r = [`[Vue warn]: ${e}`, ...t];
     s.length && r.push(`
-`, ...Tt(s)), console.warn(...r);
+`, ...zt(s)), console.warn(...r);
   }
-  ce = !1;
+  ue = !1;
 }
-function xt() {
-  let e = D[D.length - 1];
+function Ht() {
+  let e = F[F.length - 1];
   if (!e)
     return [];
   const t = [];
@@ -390,31 +395,31 @@ function xt() {
   }
   return t;
 }
-function Tt(e) {
+function zt(e) {
   const t = [];
   return e.forEach((n, o) => {
     t.push(...o === 0 ? [] : [`
-`], ...At(n));
+`], ...Pt(n));
   }), t;
 }
-function At({ vnode: e, recurseCount: t }) {
-  const n = t > 0 ? `... (${t} recursive calls)` : "", o = e.component ? e.component.parent == null : !1, s = ` at <${Ze(
+function Pt({ vnode: e, recurseCount: t }) {
+  const n = t > 0 ? `... (${t} recursive calls)` : "", o = e.component ? e.component.parent == null : !1, s = ` at <${ot(
     e.component,
     e.type,
     o
   )}`, r = ">" + n;
-  return e.props ? [s, ...Mt(e.props), r] : [s + r];
+  return e.props ? [s, ...Lt(e.props), r] : [s + r];
 }
-function Mt(e) {
+function Lt(e) {
   const t = [], n = Object.keys(e);
   return n.slice(0, 3).forEach((o) => {
-    t.push(...ze(o, e[o]));
+    t.push(...Ue(o, e[o]));
   }), n.length > 3 && t.push(" ..."), t;
 }
-function ze(e, t, n) {
-  return w(t) ? (t = JSON.stringify(t), n ? t : [`${e}=${t}`]) : typeof t == "number" || typeof t == "boolean" || t == null ? n ? t : [`${e}=${t}`] : /* @__PURE__ */ He(t) ? (t = ze(e, /* @__PURE__ */ q(t.value), !0), n ? t : [`${e}=Ref<`, t, ">"]) : _(t) ? [`${e}=fn${t.name ? `<${t.name}>` : ""}`] : (t = /* @__PURE__ */ q(t), n ? t : [`${e}=`, t]);
+function Ue(e, t, n) {
+  return w(t) ? (t = JSON.stringify(t), n ? t : [`${e}=${t}`]) : typeof t == "number" || typeof t == "boolean" || t == null ? n ? t : [`${e}=${t}`] : /* @__PURE__ */ je(t) ? (t = Ue(e, /* @__PURE__ */ K(t.value), !0), n ? t : [`${e}=Ref<`, t, ">"]) : _(t) ? [`${e}=fn${t.name ? `<${t.name}>` : ""}`] : (t = /* @__PURE__ */ K(t), n ? t : [`${e}=`, t]);
 }
-const ve = {
+const Ee = {
   sp: "serverPrefetch hook",
   bc: "beforeCreate hook",
   c: "created hook",
@@ -447,34 +452,34 @@ const ve = {
   15: "component update",
   16: "app unmount cleanup function"
 };
-function te(e, t, n, o) {
+function oe(e, t, n, o) {
   try {
     return o ? e(...o) : e();
   } catch (s) {
-    Ee(s, t, n);
+    Ne(s, t, n);
   }
 }
-function Pe(e, t, n, o) {
+function Je(e, t, n, o) {
   if (_(e)) {
-    const s = te(e, t, n, o);
-    return s && wt(s) && s.catch((r) => {
-      Ee(r, t, n);
+    const s = oe(e, t, n, o);
+    return s && It(s) && s.catch((r) => {
+      Ne(r, t, n);
     }), s;
   }
   if (C(e)) {
     const s = [];
     for (let r = 0; r < e.length; r++)
-      s.push(Pe(e[r], t, n, o));
+      s.push(Je(e[r], t, n, o));
     return s;
   } else process.env.NODE_ENV !== "production" && O(
     `Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`
   );
 }
-function Ee(e, t, n, o = !0) {
-  const s = t ? t.vnode : null, { errorHandler: r, throwUnhandledErrorInProduction: i } = t && t.appContext.config || Nt;
+function Ne(e, t, n, o = !0) {
+  const s = t ? t.vnode : null, { errorHandler: r, throwUnhandledErrorInProduction: i } = t && t.appContext.config || Ot;
   if (t) {
     let a = t.parent;
-    const l = t.proxy, c = process.env.NODE_ENV !== "production" ? ve[n] : `https://vuejs.org/error-reference/#runtime-${n}`;
+    const l = t.proxy, c = process.env.NODE_ENV !== "production" ? Ee[n] : `https://vuejs.org/error-reference/#runtime-${n}`;
     for (; a; ) {
       const d = a.ec;
       if (d) {
@@ -485,7 +490,7 @@ function Ee(e, t, n, o = !0) {
       a = a.parent;
     }
     if (r) {
-      te(r, null, 10, [
+      oe(r, null, 10, [
         e,
         l,
         c
@@ -493,12 +498,12 @@ function Ee(e, t, n, o = !0) {
       return;
     }
   }
-  Ht(e, n, s, o, i);
+  jt(e, n, s, o, i);
 }
-function Ht(e, t, n, o = !0, s = !1) {
+function jt(e, t, n, o = !0, s = !1) {
   if (process.env.NODE_ENV !== "production") {
-    const r = ve[t];
-    if (n && Rt(n), O(`Unhandled error${r ? ` during execution of ${r}` : ""}`), n && $t(), o)
+    const r = Ee[t];
+    if (n && Tt(n), O(`Unhandled error${r ? ` during execution of ${r}` : ""}`), n && Mt(), o)
       throw e;
     console.error(e);
   } else {
@@ -510,58 +515,58 @@ function Ht(e, t, n, o = !0, s = !1) {
 const h = [];
 let v = -1;
 const T = [];
-let S = null, $ = 0;
-const zt = /* @__PURE__ */ Promise.resolve();
-let me = null;
-const Pt = 100;
-function Lt(e) {
+let b = null, x = 0;
+const Ut = /* @__PURE__ */ Promise.resolve();
+let he = null;
+const Jt = 100;
+function Wt(e) {
   let t = v + 1, n = h.length;
   for (; t < n; ) {
-    const o = t + n >>> 1, s = h[o], r = z(s);
+    const o = t + n >>> 1, s = h[o], r = P(s);
     r < e || r === e && s.flags & 2 ? t = o + 1 : n = o;
   }
   return t;
 }
-function jt(e) {
+function qt(e) {
   if (!(e.flags & 1)) {
-    const t = z(e), n = h[h.length - 1];
+    const t = P(e), n = h[h.length - 1];
     !n || // fast path when the job id is larger than the tail
-    !(e.flags & 2) && t >= z(n) ? h.push(e) : h.splice(Lt(t), 0, e), e.flags |= 1, Le();
+    !(e.flags & 2) && t >= P(n) ? h.push(e) : h.splice(Wt(t), 0, e), e.flags |= 1, We();
   }
 }
-function Le() {
-  me || (me = zt.then(je));
+function We() {
+  he || (he = Ut.then(qe));
 }
-function Ut(e) {
-  C(e) ? T.push(...e) : S && e.id === -1 ? S.splice($ + 1, 0, e) : e.flags & 1 || (T.push(e), e.flags |= 1), Le();
+function Bt(e) {
+  C(e) ? T.push(...e) : b && e.id === -1 ? b.splice(x + 1, 0, e) : e.flags & 1 || (T.push(e), e.flags |= 1), We();
 }
-function Jt(e) {
+function Kt(e) {
   if (T.length) {
     const t = [...new Set(T)].sort(
-      (n, o) => z(n) - z(o)
+      (n, o) => P(n) - P(o)
     );
-    if (T.length = 0, S) {
-      S.push(...t);
+    if (T.length = 0, b) {
+      b.push(...t);
       return;
     }
-    for (S = t, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), $ = 0; $ < S.length; $++) {
-      const n = S[$];
-      process.env.NODE_ENV !== "production" && Ue(e, n) || (n.flags & 4 && (n.flags &= -2), n.flags & 8 || n(), n.flags &= -2);
+    for (b = t, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), x = 0; x < b.length; x++) {
+      const n = b[x];
+      process.env.NODE_ENV !== "production" && Be(e, n) || (n.flags & 4 && (n.flags &= -2), n.flags & 8 || n(), n.flags &= -2);
     }
-    S = null, $ = 0;
+    b = null, x = 0;
   }
 }
-const z = (e) => e.id == null ? e.flags & 2 ? -1 : 1 / 0 : e.id;
-function je(e) {
+const P = (e) => e.id == null ? e.flags & 2 ? -1 : 1 / 0 : e.id;
+function qe(e) {
   process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map());
-  const t = process.env.NODE_ENV !== "production" ? (n) => Ue(e, n) : Ae;
+  const t = process.env.NODE_ENV !== "production" ? (n) => Be(e, n) : Pe;
   try {
     for (v = 0; v < h.length; v++) {
       const n = h[v];
       if (n && !(n.flags & 8)) {
         if (process.env.NODE_ENV !== "production" && t(n))
           continue;
-        n.flags & 4 && (n.flags &= -2), te(
+        n.flags & 4 && (n.flags &= -2), oe(
           n,
           n.i,
           n.i ? 15 : 14
@@ -573,14 +578,14 @@ function je(e) {
       const n = h[v];
       n && (n.flags &= -2);
     }
-    v = -1, h.length = 0, Jt(e), me = null, (h.length || T.length) && je(e);
+    v = -1, h.length = 0, Kt(e), he = null, (h.length || T.length) && qe(e);
   }
 }
-function Ue(e, t) {
+function Be(e, t) {
   const n = e.get(t) || 0;
-  if (n > Pt) {
-    const o = t.i, s = o && Xe(o.type);
-    return Ee(
+  if (n > Jt) {
+    const o = t.i, s = o && nt(o.type);
+    return Ne(
       `Maximum recursive updates exceeded${s ? ` in component <${s}>` : ""}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,
       null,
       10
@@ -588,52 +593,52 @@ function Ue(e, t) {
   }
   return e.set(t, n + 1), !1;
 }
-const ue = /* @__PURE__ */ new Map();
-process.env.NODE_ENV !== "production" && (ee().__VUE_HMR_RUNTIME__ = {
-  createRecord: fe(Wt),
-  rerender: fe(qt),
-  reload: fe(Bt)
+const fe = /* @__PURE__ */ new Map();
+process.env.NODE_ENV !== "production" && (ne().__VUE_HMR_RUNTIME__ = {
+  createRecord: pe(Yt),
+  rerender: pe(Gt),
+  reload: pe(Qt)
 });
-const B = /* @__PURE__ */ new Map();
-function Wt(e, t) {
-  return B.has(e) ? !1 : (B.set(e, {
-    initialDef: K(t),
+const Y = /* @__PURE__ */ new Map();
+function Yt(e, t) {
+  return Y.has(e) ? !1 : (Y.set(e, {
+    initialDef: G(t),
     instances: /* @__PURE__ */ new Set()
   }), !0);
 }
-function K(e) {
-  return et(e) ? e.__vccOpts : e;
+function G(e) {
+  return rt(e) ? e.__vccOpts : e;
 }
-function qt(e, t) {
-  const n = B.get(e);
+function Gt(e, t) {
+  const n = Y.get(e);
   n && (n.initialDef.render = t, [...n.instances].forEach((o) => {
-    t && (o.render = t, K(o.type).render = t), o.renderCache = [], o.job.flags & 8 || o.update();
+    t && (o.render = t, G(o.type).render = t), o.renderCache = [], o.job.flags & 8 || o.update();
   }));
 }
-function Bt(e, t) {
-  const n = B.get(e);
+function Qt(e, t) {
+  const n = Y.get(e);
   if (!n) return;
-  t = K(t), Fe(n.initialDef, t);
+  t = G(t), Ae(n.initialDef, t);
   const o = [...n.instances];
   for (let s = 0; s < o.length; s++) {
-    const r = o[s], i = K(r.type);
-    let a = ue.get(i);
-    a || (i !== n.initialDef && Fe(i, t), ue.set(i, a = /* @__PURE__ */ new Set())), a.add(r), r.appContext.propsCache.delete(r.type), r.appContext.emitsCache.delete(r.type), r.appContext.optionsCache.delete(r.type), r.ceReload ? (a.add(r), r.ceReload(t.styles), a.delete(r)) : r.parent ? jt(() => {
+    const r = o[s], i = G(r.type);
+    let a = fe.get(i);
+    a || (i !== n.initialDef && Ae(i, t), fe.set(i, a = /* @__PURE__ */ new Set())), a.add(r), r.appContext.propsCache.delete(r.type), r.appContext.emitsCache.delete(r.type), r.appContext.optionsCache.delete(r.type), r.ceReload ? (a.add(r), r.ceReload(t.styles), a.delete(r)) : r.parent ? qt(() => {
       r.job.flags & 8 || (r.parent.update(), a.delete(r));
     }) : r.appContext.reload ? r.appContext.reload() : typeof window < "u" ? window.location.reload() : console.warn(
       "[HMR] Root or manually mounted instance modified. Full reload required."
     ), r.root.ce && r !== r.root && r.root.ce._removeChildStyle(i);
   }
-  Ut(() => {
-    ue.clear();
+  Bt(() => {
+    fe.clear();
   });
 }
-function Fe(e, t) {
-  ye(e, t);
+function Ae(e, t) {
+  _e(e, t);
   for (const n in e)
     n !== "__file" && !(n in t) && delete e[n];
 }
-function fe(e) {
+function pe(e) {
   return (t, n) => {
     try {
       return e(t, n);
@@ -644,65 +649,65 @@ function fe(e) {
     }
   };
 }
-let x, U = [];
-function Je(e, t) {
+let A, W = [];
+function Ke(e, t) {
   var n, o;
-  x = e, x ? (x.enabled = !0, U.forEach(({ event: s, args: r }) => x.emit(s, ...r)), U = []) : /* handle late devtools injection - only do this if we are in an actual */ /* browser environment to avoid the timer handle stalling test runner exit */ /* (#4815) */ typeof window < "u" && // some envs mock window but not fully
+  A = e, A ? (A.enabled = !0, W.forEach(({ event: s, args: r }) => A.emit(s, ...r)), W = []) : /* handle late devtools injection - only do this if we are in an actual */ /* browser environment to avoid the timer handle stalling test runner exit */ /* (#4815) */ typeof window < "u" && // some envs mock window but not fully
   window.HTMLElement && // also exclude jsdom
   // eslint-disable-next-line no-restricted-syntax
   !((o = (n = window.navigator) == null ? void 0 : n.userAgent) != null && o.includes("jsdom")) ? ((t.__VUE_DEVTOOLS_HOOK_REPLAY__ = t.__VUE_DEVTOOLS_HOOK_REPLAY__ || []).push((r) => {
-    Je(r, t);
+    Ke(r, t);
   }), setTimeout(() => {
-    x || (t.__VUE_DEVTOOLS_HOOK_REPLAY__ = null, U = []);
-  }, 3e3)) : U = [];
+    A || (t.__VUE_DEVTOOLS_HOOK_REPLAY__ = null, W = []);
+  }, 3e3)) : W = [];
 }
-let Y = null, Kt = null;
-const Yt = (e) => e.__isTeleport;
-function We(e, t) {
-  e.shapeFlag & 6 && e.component ? (e.transition = t, We(e.component.subTree, t)) : e.shapeFlag & 128 ? (e.ssContent.transition = t.clone(e.ssContent), e.ssFallback.transition = t.clone(e.ssFallback)) : e.transition = t;
+let Q = null, Xt = null;
+const Zt = (e) => e.__isTeleport;
+function Ye(e, t) {
+  e.shapeFlag & 6 && e.component ? (e.transition = t, Ye(e.component.subTree, t)) : e.shapeFlag & 128 ? (e.ssContent.transition = t.clone(e.ssContent), e.ssFallback.transition = t.clone(e.ssFallback)) : e.transition = t;
 }
-ee().requestIdleCallback;
-ee().cancelIdleCallback;
-function Gt(e, t, n = ne, o = !1) {
+ne().requestIdleCallback;
+ne().cancelIdleCallback;
+function en(e, t, n = re, o = !1) {
   if (n) {
     const s = n[e] || (n[e] = []), r = t.__weh || (t.__weh = (...i) => {
-      const a = dn(n), l = Pe(t, n, e, i);
+      const a = yn(n), l = Je(t, n, e, i);
       return a(), l;
     });
     return o ? s.unshift(r) : s.push(r), r;
   } else if (process.env.NODE_ENV !== "production") {
-    const s = kt(ve[e].replace(/ hook$/, ""));
+    const s = Ft(Ee[e].replace(/ hook$/, ""));
     O(
       `${s} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.`
     );
   }
 }
-const Qt = (e) => (t, n = ne) => {
-  (!Qe || e === "sp") && Gt(e, (...o) => t(...o), n);
-}, Xt = Qt("u"), Zt = /* @__PURE__ */ Symbol.for("v-ndc"), en = {};
-process.env.NODE_ENV !== "production" && (en.ownKeys = (e) => (O(
+const tn = (e) => (t, n = re) => {
+  (!tt || e === "sp") && en(e, (...o) => t(...o), n);
+}, nn = tn("u"), on = /* @__PURE__ */ Symbol.for("v-ndc"), rn = {};
+process.env.NODE_ENV !== "production" && (rn.ownKeys = (e) => (O(
   "Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead."
 ), Reflect.ownKeys(e)));
-const tn = {}, qe = (e) => Object.getPrototypeOf(e) === tn, nn = (e) => e.__isSuspense, Be = /* @__PURE__ */ Symbol.for("v-fgt"), on = /* @__PURE__ */ Symbol.for("v-txt"), rn = /* @__PURE__ */ Symbol.for("v-cmt");
-function sn(e) {
+const sn = {}, Ge = (e) => Object.getPrototypeOf(e) === sn, ln = (e) => e.__isSuspense, Qe = /* @__PURE__ */ Symbol.for("v-fgt"), an = /* @__PURE__ */ Symbol.for("v-txt"), cn = /* @__PURE__ */ Symbol.for("v-cmt");
+function un(e) {
   return e ? e.__v_isVNode === !0 : !1;
 }
-const ln = (...e) => Ye(
+const fn = (...e) => Ze(
   ...e
-), Ke = ({ key: e }) => e ?? null, J = ({
+), Xe = ({ key: e }) => e ?? null, q = ({
   ref: e,
   ref_key: t,
   ref_for: n
-}) => (typeof e == "number" && (e = "" + e), e != null ? w(e) || /* @__PURE__ */ He(e) || _(e) ? { i: Y, r: e, k: t, f: !!n } : e : null);
-function an(e, t = null, n = null, o = 0, s = null, r = e === Be ? 0 : 1, i = !1, a = !1) {
+}) => (typeof e == "number" && (e = "" + e), e != null ? w(e) || /* @__PURE__ */ je(e) || _(e) ? { i: Q, r: e, k: t, f: !!n } : e : null);
+function pn(e, t = null, n = null, o = 0, s = null, r = e === Qe ? 0 : 1, i = !1, a = !1) {
   const l = {
     __v_isVNode: !0,
     __v_skip: !0,
     type: e,
     props: t,
-    key: t && Ke(t),
-    ref: t && J(t),
-    scopeId: Kt,
+    key: t && Xe(t),
+    ref: t && q(t),
+    scopeId: Xt,
     slotScopeIds: null,
     children: n,
     component: null,
@@ -722,33 +727,33 @@ function an(e, t = null, n = null, o = 0, s = null, r = e === Be ? 0 : 1, i = !1
     dynamicProps: s,
     dynamicChildren: null,
     appContext: null,
-    ctx: Y
+    ctx: Q
   };
-  return a ? (Ne(l, n), r & 128 && e.normalize(l)) : n && (l.shapeFlag |= w(n) ? 8 : 16), process.env.NODE_ENV !== "production" && l.key !== l.key && O("VNode created with invalid key (NaN). VNode type:", l.type), l;
+  return a ? (be(l, n), r & 128 && e.normalize(l)) : n && (l.shapeFlag |= w(n) ? 8 : 16), process.env.NODE_ENV !== "production" && l.key !== l.key && O("VNode created with invalid key (NaN). VNode type:", l.type), l;
 }
-const cn = process.env.NODE_ENV !== "production" ? ln : Ye;
-function Ye(e, t = null, n = null, o = 0, s = null, r = !1) {
-  if ((!e || e === Zt) && (process.env.NODE_ENV !== "production" && !e && O(`Invalid vnode type when creating vnode: ${e}.`), e = rn), sn(e)) {
-    const a = G(
+const dn = process.env.NODE_ENV !== "production" ? fn : Ze;
+function Ze(e, t = null, n = null, o = 0, s = null, r = !1) {
+  if ((!e || e === on) && (process.env.NODE_ENV !== "production" && !e && O(`Invalid vnode type when creating vnode: ${e}.`), e = cn), un(e)) {
+    const a = X(
       e,
       t,
       !0
       /* mergeRef: true */
     );
-    return n && Ne(a, n), a.patchFlag = -2, a;
+    return n && be(a, n), a.patchFlag = -2, a;
   }
-  if (et(e) && (e = e.__vccOpts), t) {
-    t = un(t);
+  if (rt(e) && (e = e.__vccOpts), t) {
+    t = mn(t);
     let { class: a, style: l } = t;
-    a && !w(a) && (t.class = Ce(a)), H(l) && (/* @__PURE__ */ de(l) && !C(l) && (l = ye({}, l)), t.style = _e(l));
+    a && !w(a) && (t.class = ve(a)), z(l) && (/* @__PURE__ */ me(l) && !C(l) && (l = _e({}, l)), t.style = Ce(l));
   }
-  const i = w(e) ? 1 : nn(e) ? 128 : Yt(e) ? 64 : H(e) ? 4 : _(e) ? 2 : 0;
-  return process.env.NODE_ENV !== "production" && i & 4 && /* @__PURE__ */ de(e) && (e = /* @__PURE__ */ q(e), O(
+  const i = w(e) ? 1 : ln(e) ? 128 : Zt(e) ? 64 : z(e) ? 4 : _(e) ? 2 : 0;
+  return process.env.NODE_ENV !== "production" && i & 4 && /* @__PURE__ */ me(e) && (e = /* @__PURE__ */ K(e), O(
     "Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.",
     `
 Component that was made reactive: `,
     e
-  )), an(
+  )), pn(
     e,
     t,
     n,
@@ -759,25 +764,25 @@ Component that was made reactive: `,
     !0
   );
 }
-function un(e) {
-  return e ? /* @__PURE__ */ de(e) || qe(e) ? ye({}, e) : e : null;
+function mn(e) {
+  return e ? /* @__PURE__ */ me(e) || Ge(e) ? _e({}, e) : e : null;
 }
-function G(e, t, n = !1, o = !1) {
-  const { props: s, ref: r, patchFlag: i, children: a, transition: l } = e, c = t ? pn(s || {}, t) : s, d = {
+function X(e, t, n = !1, o = !1) {
+  const { props: s, ref: r, patchFlag: i, children: a, transition: l } = e, c = t ? gn(s || {}, t) : s, d = {
     __v_isVNode: !0,
     __v_skip: !0,
     type: e.type,
     props: c,
-    key: c && Ke(c),
+    key: c && Xe(c),
     ref: t && t.ref ? (
       // #2078 in the case of <component :is="vnode" ref="extra"/>
       // if the vnode itself already has a ref, cloneVNode will need to merge
       // the refs so the single vnode can be set on multiple refs
-      n && r ? C(r) ? r.concat(J(t)) : [r, J(t)] : J(t)
+      n && r ? C(r) ? r.concat(q(t)) : [r, q(t)] : q(t)
     ) : r,
     scopeId: e.scopeId,
     slotScopeIds: e.slotScopeIds,
-    children: process.env.NODE_ENV !== "production" && i === -1 && C(a) ? a.map(Ge) : a,
+    children: process.env.NODE_ENV !== "production" && i === -1 && C(a) ? a.map(et) : a,
     target: e.target,
     targetStart: e.targetStart,
     targetAnchor: e.targetAnchor,
@@ -787,7 +792,7 @@ function G(e, t, n = !1, o = !1) {
     // existing patch flag to be reliable and need to add the FULL_PROPS flag.
     // note: preserve flag for fragments since they use the flag for children
     // fast paths only.
-    patchFlag: t && e.type !== Be ? i === -1 ? 16 : i | 16 : i,
+    patchFlag: t && e.type !== Qe ? i === -1 ? 16 : i | 16 : i,
     dynamicProps: e.dynamicProps,
     dynamicChildren: e.dynamicChildren,
     appContext: e.appContext,
@@ -799,27 +804,27 @@ function G(e, t, n = !1, o = !1) {
     // they will simply be overwritten.
     component: e.component,
     suspense: e.suspense,
-    ssContent: e.ssContent && G(e.ssContent),
-    ssFallback: e.ssFallback && G(e.ssFallback),
+    ssContent: e.ssContent && X(e.ssContent),
+    ssFallback: e.ssFallback && X(e.ssFallback),
     placeholder: e.placeholder,
     el: e.el,
     anchor: e.anchor,
     ctx: e.ctx,
     ce: e.ce
   };
-  return l && o && We(
+  return l && o && Ye(
     d,
     l.clone(d)
   ), d;
 }
-function Ge(e) {
-  const t = G(e);
-  return C(e.children) && (t.children = e.children.map(Ge)), t;
+function et(e) {
+  const t = X(e);
+  return C(e.children) && (t.children = e.children.map(et)), t;
 }
-function fn(e = " ", t = 0) {
-  return cn(on, null, e, t);
+function hn(e = " ", t = 0) {
+  return dn(an, null, e, t);
 }
-function Ne(e, t) {
+function be(e, t) {
   let n = 0;
   const { shapeFlag: o } = e;
   if (t == null)
@@ -829,59 +834,59 @@ function Ne(e, t) {
   else if (typeof t == "object")
     if (o & 65) {
       const s = t.default;
-      s && (s._c && (s._d = !1), Ne(e, s()), s._c && (s._d = !0));
+      s && (s._c && (s._d = !1), be(e, s()), s._c && (s._d = !0));
       return;
     } else
-      n = 32, !t._ && !qe(t) && (t._ctx = Y);
-  else _(t) ? (t = { default: t, _ctx: Y }, n = 32) : (t = String(t), o & 64 ? (n = 16, t = [fn(t)]) : n = 8);
+      n = 32, !t._ && !Ge(t) && (t._ctx = Q);
+  else _(t) ? (t = { default: t, _ctx: Q }, n = 32) : (t = String(t), o & 64 ? (n = 16, t = [hn(t)]) : n = 8);
   e.children = t, e.shapeFlag |= n;
 }
-function pn(...e) {
+function gn(...e) {
   const t = {};
   for (let n = 0; n < e.length; n++) {
     const o = e[n];
     for (const s in o)
       if (s === "class")
-        t.class !== o.class && (t.class = Ce([t.class, o.class]));
+        t.class !== o.class && (t.class = ve([t.class, o.class]));
       else if (s === "style")
-        t.style = _e([t.style, o.style]);
-      else if (St(s)) {
+        t.style = Ce([t.style, o.style]);
+      else if (kt(s)) {
         const r = t[s], i = o[s];
         i && r !== i && !(C(r) && r.includes(i)) && (t[s] = r ? [].concat(r, i) : i);
       } else s !== "" && (t[s] = o[s]);
   }
   return t;
 }
-let ne = null, he;
+let re = null, ge;
 {
-  const e = ee(), t = (n, o) => {
+  const e = ne(), t = (n, o) => {
     let s;
     return (s = e[n]) || (s = e[n] = []), s.push(o), (r) => {
       s.length > 1 ? s.forEach((i) => i(r)) : s[0](r);
     };
   };
-  he = t(
+  ge = t(
     "__VUE_INSTANCE_SETTERS__",
-    (n) => ne = n
+    (n) => re = n
   ), t(
     "__VUE_SSR_SETTERS__",
-    (n) => Qe = n
+    (n) => tt = n
   );
 }
-const dn = (e) => {
-  const t = ne;
-  return he(e), e.scope.on(), () => {
-    e.scope.off(), he(t);
+const yn = (e) => {
+  const t = re;
+  return ge(e), e.scope.on(), () => {
+    e.scope.off(), ge(t);
   };
 };
-let Qe = !1;
+let tt = !1;
 process.env.NODE_ENV;
-const mn = /(?:^|[-_])\w/g, hn = (e) => e.replace(mn, (t) => t.toUpperCase()).replace(/[-_]/g, "");
-function Xe(e, t = !0) {
+const _n = /(?:^|[-_])\w/g, Cn = (e) => e.replace(_n, (t) => t.toUpperCase()).replace(/[-_]/g, "");
+function nt(e, t = !0) {
   return _(e) ? e.displayName || e.name : e.name || t && e.__name;
 }
-function Ze(e, t, n = !1) {
-  let o = Xe(t);
+function ot(e, t, n = !1) {
+  let o = nt(t);
   if (!o && t.__file) {
     const s = t.__file.match(/([^/\\]+)\.\w+$/);
     s && (o = s[1]);
@@ -896,15 +901,15 @@ function Ze(e, t, n = !1) {
       e.parent.type.components
     ) || s(e.appContext.components);
   }
-  return o ? hn(o) : n ? "App" : "Anonymous";
+  return o ? Cn(o) : n ? "App" : "Anonymous";
 }
-function et(e) {
+function rt(e) {
   return _(e) && "__vccOpts" in e;
 }
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
-const Nn = /* @__PURE__ */ Q({
+const Vn = /* @__PURE__ */ Z({
   inheritAttrs: !0,
   __name: "MyopVueComponent",
   props: {
@@ -913,13 +918,13 @@ const Nn = /* @__PURE__ */ Q({
     onReady: { type: Function }
   },
   setup(e, { expose: t }) {
-    const n = e, o = ct(), s = X(), r = p(null), i = p(!0), a = p(null), l = p(null), c = ut(), d = p(null);
-    Xt(() => {
+    const n = e, o = dt(), s = ee(), r = p(null), i = p(!0), a = p(null), l = p(null), c = mt(), d = p(null);
+    nn(() => {
       l && l.value && l.value(o);
-    }), Re(async () => {
+    }), Te(async () => {
       if (r.value) {
-        const V = await Z.Main.fetchComponent(n.componentId, n.flowId);
-        a.value = await Te.loadComponent(
+        const V = await te.Main.fetchComponent(n.componentId, n.flowId);
+        a.value = await ze.loadComponent(
           V,
           r == null ? void 0 : r.value,
           {
@@ -942,41 +947,41 @@ const Nn = /* @__PURE__ */ Q({
         ), i.value = !1, n.onReady && n.onReady(a.value, d.value);
       }
     });
-    const g = ft({});
-    return t(g), pt(() => {
+    const g = ht({});
+    return t(g), gt(() => {
       Object.assign(g, d.value);
-    }), (V, E) => (b(), A(dt, null, [
-      $e("div", mt(ge(o), {
+    }), (V, E) => (S(), M(yt, null, [
+      Me("div", _t(ye(o), {
         ref_key: "myopContainer",
         ref: r
       }), null, 16),
-      i.value ? M(V.$slots, "loading", { key: 0 }) : pe("", !0)
+      i.value ? H(V.$slots, "loading", { key: 0 }) : de("", !0)
     ], 64));
   }
 });
-let k = Z.Main;
-const gn = () => k, yn = (e, t, n) => k.isPreloaded(e, t, n), Sn = (e) => k.getPreloadedParams(e), bn = () => {
-  k = new Z("http://localhost:9292");
-}, wn = (e) => {
-  k = new Z(e);
-}, On = (e) => {
+let k = te.Main;
+const vn = () => k, En = (e, t, n) => k.isPreloaded(e, t, n), In = (e) => k.getPreloadedParams(e), Dn = () => {
+  k = new te("http://localhost:9292");
+}, Fn = (e) => {
+  k = new te(e);
+}, $n = (e) => {
   k = e;
-}, kn = (e) => {
+}, Rn = (e) => {
   k.setEnvironment(e);
-}, Vn = async (e, t, n) => Promise.allSettled(
+}, xn = async (e, t, n) => Promise.allSettled(
   e.map((o) => k.fetchComponentV2(o, t, n))
 );
 export {
-  En as MyopComponent,
-  Nn as MyopContainer,
-  Et as MyopFallback,
-  Ct as MyopLoader,
-  bn as enableLocalDev,
-  gn as getCloudRepository,
-  Sn as getPreloadedParams,
-  yn as isPreloaded,
-  Vn as preloadComponents,
-  On as setCloudRepository,
-  wn as setCloudRepositoryUrl,
-  kn as setEnvironment
+  kn as MyopComponent,
+  Vn as MyopContainer,
+  wt as MyopFallback,
+  bt as MyopLoader,
+  Dn as enableLocalDev,
+  vn as getCloudRepository,
+  In as getPreloadedParams,
+  En as isPreloaded,
+  xn as preloadComponents,
+  $n as setCloudRepository,
+  Fn as setCloudRepositoryUrl,
+  Rn as setEnvironment
 };