@myop/vue 0.0.28 → 0.0.29

package/dist/index.js

@@ -1,7 +1,7 @@
-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 { defineComponent as Q, useSlots as X, computed as y, createElementBlock as A, openBlock as b, normalizeStyle as W, renderSlot as M, unref as he, ref as d, shallowRef as it, watch as le, onMounted as Fe, onUnmounted as lt, createElementVNode as Re, createBlock as Oe, createCommentVNode as fe, withCtx as ke, markRaw as Ve, useAttrs as at, getCurrentInstance as ct, reactive as ut, watchEffect as ft, Fragment as pt, mergeProps as dt } from "vue";
+import { containerStyleObject as mt, loaderStyleObject as ht, getMyopLogoHtml as $e, fallbackStyleObject as gt, hostSDK as xe } from "@myop/sdk/host";
 import { CloudRepository as Z } from "@myop/sdk/helpers";
-const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
+const yt = ["innerHTML"], _t = /* @__PURE__ */ Q({
   __name: "MyopLoader",
   props: {
     opacity: { default: 1 },
@@ -14,14 +14,14 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
       const c = l();
       return o(c);
     }), r = y(() => ({
-      ...ht,
+      ...mt,
       opacity: t.opacity,
       transition: `opacity ${t.fadeDuration}ms ease-out`
     })), i = y(() => ({
-      ...gt,
+      ...ht,
       opacity: t.opacity,
       transition: `opacity ${t.fadeDuration}ms ease-out`
-    })), a = xe();
+    })), a = $e();
     return (l, c) => s.value ? (b(), A("div", {
       key: 0,
       style: W(r.value)
@@ -30,10 +30,10 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
     ], 4)) : (b(), A("div", {
       key: 1,
       style: W(i.value),
-      innerHTML: ge(a)
-    }, null, 12, _t));
+      innerHTML: he(a)
+    }, null, 12, yt));
   }
-}), vt = ["innerHTML"], Et = /* @__PURE__ */ Q({
+}), Ct = ["innerHTML"], Et = /* @__PURE__ */ Q({
   __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(() => {
@@ -48,8 +48,8 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
       right: "0",
       bottom: "0"
     }, r = {
-      ...yt
-    }, i = xe();
+      ...gt
+    }, i = $e();
     return (a, l) => o.value ? (b(), A("div", {
       key: 0,
       style: s
@@ -58,8 +58,8 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
     ])) : (b(), A("div", {
       key: 1,
       style: r,
-      innerHTML: ge(i)
-    }, null, 8, vt));
+      innerHTML: he(i)
+    }, null, 8, Ct));
   }
 }), En = /* @__PURE__ */ Q({
   name: "MyopComponent",
@@ -88,15 +88,15 @@ 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);
+    const i = e, a = n, l = d(null), c = it(null), p = i.componentId ? gn(i.componentId) : !1, g = d(!p), V = d(1), v = d(!1), F = d(!1), I = d(void 0), oe = d(!1), P = d(null);
     let R = null;
-    const se = () => {
+    const re = () => {
       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) => {
+    }, se = (u) => {
+      console.error("[MyopComponent] Error:", u), re(), v.value = !0, a("error", u);
+    }, ie = async (u) => {
       var N, L;
       oe.value = !0;
       let f = !1;
@@ -109,33 +109,33 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
           autoSize: u.autoSize
         }));
         if (!m.componentId && !u.componentConfig) {
-          ie("No component configuration provided");
+          se("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 ot = m.preview === !0 ? !0 : void 0, rt = u.componentConfig ? JSON.parse(JSON.stringify(u.componentConfig)) : await hn().fetchComponentV2(
           m.componentId,
           m.environment,
-          rt
+          ot
         );
         if (!l.value) {
-          ie("Container element not found");
+          se("Container element not found");
           return;
         }
-        const it = Ie({
+        const st = Ve({
           data: m.data,
           _environment: {
             props: m
           }
-        }), we = await Te.loadComponent(
-          st,
+        }), be = await xe.loadComponent(
+          rt,
           l.value,
-          it
+          st
         );
         if (f) {
-          we.dispose();
+          be.dispose();
           return;
         }
-        if (c.value = Ie(we), await c.value.initiated(), f) {
+        if (c.value = Ve(be), await c.value.initiated(), f) {
           (N = c.value) == null || N.dispose();
           return;
         }
@@ -143,21 +143,21 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
           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);
+        F.value = !0, i.autoSize || re(), (L = c.value) != null && L.props && (c.value.props.myop_cta_handler = (j, we) => {
+          i.on && i.on(j, we), a("cta", j, we);
         }), a("load", c.value);
       } catch (m) {
-        f || ie((m == null ? void 0 : m.message) || "Unknown error");
+        f || se((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);
+          P.value = null, await ie(m);
         }
       }
       return () => {
         f = !0;
       };
-    }, tt = () => {
+    }, et = () => {
       var f;
       if (!F.value || !((f = c.value) != null && f.observeAutoSize))
         return;
@@ -168,24 +168,20 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
         forceAutoSize: i.autoSize,
         loaderMinHeight: 50,
         onSizeChange: (N) => {
-          a("sizeChange", N), I.value = N, u && (u = !1, se());
+          a("sizeChange", N), I.value = N, u && (u = !1, re());
         }
       });
     };
-    ae(
+    le(
       () => 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 && (F.value = !1, v.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 ie(i));
       }
-    ), ae(
+    ), le(
       () => i.data,
       (u) => {
         var f;
         if (F.value && u !== void 0 && c.value) {
-          if (!re.value) {
-            re.value = !0;
-            return;
-          }
           const N = (f = c.value.props) == null ? void 0 : f.myop_init_interface;
           if (N) {
             const L = JSON.parse(JSON.stringify(u));
@@ -194,62 +190,62 @@ const _t = ["innerHTML"], Ct = /* @__PURE__ */ Q({
         }
       },
       { deep: !0 }
-    ), ae(
+    ), le(
       () => F.value,
       (u) => {
-        u && i.autoSize && tt();
+        u && i.autoSize && et();
       }
-    ), Re(async () => {
-      (i.componentId || i.componentConfig) && await le(i);
-    }), at(() => {
+    ), Fe(async () => {
+      (i.componentId || i.componentConfig) && await ie(i);
+    }), lt(() => {
       R && R(), c.value && c.value.dispose();
     });
-    const Se = y(
+    const Ne = 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(() => {
+    ), Se = y(() => g.value ? 50 : void 0), tt = y(() => {
       var u, f;
       return {
         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"
+        minHeight: Se.value ? `${Se.value}px` : void 0,
+        overflow: Ne.value ? "hidden" : "inherit"
       };
-    }), ot = y(() => ({
+    }), nt = y(() => ({
       position: "absolute",
       inset: "0",
-      overflow: Se.value ? "hidden" : void 0
+      overflow: Ne.value ? "hidden" : void 0
     }));
     return t({
       myopComponent: c,
       isLoaded: F
     }), (u, f) => (b(), A("div", {
-      style: W(nt.value)
+      style: W(tt.value)
     }, [
-      $e("div", {
+      Re("div", {
         ref_key: "myopContainer",
         ref: l,
-        style: W(ot.value)
+        style: W(nt.value)
       }, null, 4),
-      g.value && r.value ? (b(), ke(Ct, {
+      g.value && r.value ? (b(), Oe(_t, {
         key: 0,
         opacity: V.value,
         "fade-duration": e.fadeDuration
       }, {
-        default: Ve(() => [
+        default: ke(() => [
           M(u.$slots, "loader")
         ]),
         _: 3
-      }, 8, ["opacity", "fade-duration"])) : pe("", !0),
-      E.value ? (b(), ke(Et, { key: 1 }, {
-        default: Ve(() => [
+      }, 8, ["opacity", "fade-duration"])) : fe("", !0),
+      v.value ? (b(), Oe(Et, { key: 1 }, {
+        default: ke(() => [
           M(u.$slots, "fallback")
         ]),
         _: 3
-      })) : pe("", !0)
+      })) : fe("", !0)
     ], 4));
   }
 });
@@ -258,23 +254,23 @@ 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 vt = 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 Te = () => {
+}, Nt = (e) => e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
+(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), ge = Object.assign, C = Array.isArray, _ = (e) => typeof e == "function", w = (e) => typeof e == "string", St = (e) => typeof e == "symbol", H = (e) => e !== null && typeof e == "object", bt = (e) => (H(e) || _(e)) && _(e.then) && _(e.catch), Ae = (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)}` : ""
+}, wt = Ae((e) => e.charAt(0).toUpperCase() + e.slice(1)), Ot = Ae(
+  (e) => e ? `on${wt(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 Ie;
+const ee = () => Ie || (Ie = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
+function ye(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) ? Dt(o) : ye(o);
       if (s)
         for (const r in s)
           t[r] = s[r];
@@ -283,23 +279,23 @@ function _e(e) {
   } else if (w(e) || H(e))
     return e;
 }
-const Vt = /;(?![^(]*\))/g, It = /:([^]+)/, Dt = /\/\*[^]*?\*\//g;
-function Ft(e) {
+const kt = /;(?![^(]*\))/g, Vt = /:([^]+)/, It = /\/\*[^]*?\*\//g;
+function Dt(e) {
   const t = {};
-  return e.replace(Dt, "").split(Vt).forEach((n) => {
+  return e.replace(It, "").split(kt).forEach((n) => {
     if (n) {
-      const o = n.split(It);
+      const o = n.split(Vt);
       o.length > 1 && (t[o[0].trim()] = o[1].trim());
     }
   }), t;
 }
-function Ce(e) {
+function _e(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 = _e(e[n]);
       o && (t += o + " ");
     }
   else if (H(e))
@@ -316,10 +312,10 @@ 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(St)
 );
 // @__NO_SIDE_EFFECTS__
-function de(e) {
+function pe(e) {
   return e ? !!e.__v_raw : !1;
 }
 // @__NO_SIDE_EFFECTS__
@@ -328,7 +324,7 @@ function q(e) {
   return t ? /* @__PURE__ */ q(t) : e;
 }
 // @__NO_SIDE_EFFECTS__
-function He(e) {
+function Me(e) {
   return e ? e.__v_isRef === !0 : !1;
 }
 /**
@@ -337,17 +333,17 @@ function He(e) {
 * @license MIT
 **/
 const D = [];
-function Rt(e) {
+function Ft(e) {
   D.push(e);
 }
-function $t() {
+function Rt() {
   D.pop();
 }
-let ce = !1;
+let ae = !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 (ae) return;
+  ae = !0;
+  const n = D.length ? D[D.length - 1].component : null, o = n && n.appContext.config.warnHandler, s = $t();
   if (o)
     te(
       o,
@@ -361,7 +357,7 @@ function O(e, ...t) {
         }).join(""),
         n && n.proxy,
         s.map(
-          ({ vnode: r }) => `at <${Ze(n, r.type)}>`
+          ({ vnode: r }) => `at <${Xe(n, r.type)}>`
         ).join(`
 `),
         s
@@ -370,11 +366,11 @@ function O(e, ...t) {
   else {
     const r = [`[Vue warn]: ${e}`, ...t];
     s.length && r.push(`
-`, ...Tt(s)), console.warn(...r);
+`, ...xt(s)), console.warn(...r);
   }
-  ce = !1;
+  ae = !1;
 }
-function xt() {
+function $t() {
   let e = D[D.length - 1];
   if (!e)
     return [];
@@ -390,31 +386,31 @@ function xt() {
   }
   return t;
 }
-function Tt(e) {
+function xt(e) {
   const t = [];
   return e.forEach((n, o) => {
     t.push(...o === 0 ? [] : [`
-`], ...At(n));
+`], ...Tt(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 Tt({ vnode: e, recurseCount: t }) {
+  const n = t > 0 ? `... (${t} recursive calls)` : "", o = e.component ? e.component.parent == null : !1, s = ` at <${Xe(
     e.component,
     e.type,
     o
   )}`, r = ">" + n;
-  return e.props ? [s, ...Mt(e.props), r] : [s + r];
+  return e.props ? [s, ...At(e.props), r] : [s + r];
 }
-function Mt(e) {
+function At(e) {
   const t = [], n = Object.keys(e);
   return n.slice(0, 3).forEach((o) => {
-    t.push(...ze(o, e[o]));
+    t.push(...He(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 He(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__ */ Me(t) ? (t = He(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]);
 }
-const ve = {
+const Ce = {
   sp: "serverPrefetch hook",
   bc: "beforeCreate hook",
   c: "created hook",
@@ -454,32 +450,32 @@ function te(e, t, n, o) {
     Ee(s, t, n);
   }
 }
-function Pe(e, t, n, o) {
+function ze(e, t, n, o) {
   if (_(e)) {
     const s = te(e, t, n, o);
-    return s && wt(s) && s.catch((r) => {
+    return s && bt(s) && s.catch((r) => {
       Ee(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(ze(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;
+  const s = t ? t.vnode : null, { errorHandler: r, throwUnhandledErrorInProduction: i } = t && t.appContext.config || vt;
   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" ? Ce[n] : `https://vuejs.org/error-reference/#runtime-${n}`;
     for (; a; ) {
-      const d = a.ec;
-      if (d) {
-        for (let g = 0; g < d.length; g++)
-          if (d[g](e, l, c) === !1)
+      const p = a.ec;
+      if (p) {
+        for (let g = 0; g < p.length; g++)
+          if (p[g](e, l, c) === !1)
             return;
       }
       a = a.parent;
@@ -493,12 +489,12 @@ function Ee(e, t, n, o = !0) {
       return;
     }
   }
-  Ht(e, n, s, o, i);
+  Mt(e, n, s, o, i);
 }
-function Ht(e, t, n, o = !0, s = !1) {
+function Mt(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 = Ce[t];
+    if (n && Ft(n), O(`Unhandled error${r ? ` during execution of ${r}` : ""}`), n && Rt(), o)
       throw e;
     console.error(e);
   } else {
@@ -508,34 +504,34 @@ function Ht(e, t, n, o = !0, s = !1) {
   }
 }
 const h = [];
-let v = -1;
+let E = -1;
 const T = [];
 let S = null, $ = 0;
-const zt = /* @__PURE__ */ Promise.resolve();
-let me = null;
-const Pt = 100;
-function Lt(e) {
-  let t = v + 1, n = h.length;
+const Ht = /* @__PURE__ */ Promise.resolve();
+let de = null;
+const zt = 100;
+function Pt(e) {
+  let t = E + 1, n = h.length;
   for (; t < n; ) {
     const o = t + n >>> 1, s = h[o], r = z(s);
     r < e || r === e && s.flags & 2 ? t = o + 1 : n = o;
   }
   return t;
 }
-function jt(e) {
+function Lt(e) {
   if (!(e.flags & 1)) {
     const t = z(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 >= z(n) ? h.push(e) : h.splice(Pt(t), 0, e), e.flags |= 1, Pe();
   }
 }
-function Le() {
-  me || (me = zt.then(je));
+function Pe() {
+  de || (de = Ht.then(Le));
 }
-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 jt(e) {
+  C(e) ? T.push(...e) : S && e.id === -1 ? S.splice($ + 1, 0, e) : e.flags & 1 || (T.push(e), e.flags |= 1), Pe();
 }
-function Jt(e) {
+function Ut(e) {
   if (T.length) {
     const t = [...new Set(T)].sort(
       (n, o) => z(n) - z(o)
@@ -546,18 +542,18 @@ function Jt(e) {
     }
     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);
+      process.env.NODE_ENV !== "production" && je(e, n) || (n.flags & 4 && (n.flags &= -2), n.flags & 8 || n(), n.flags &= -2);
     }
     S = null, $ = 0;
   }
 }
 const z = (e) => e.id == null ? e.flags & 2 ? -1 : 1 / 0 : e.id;
-function je(e) {
+function Le(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) => je(e, n) : Te;
   try {
-    for (v = 0; v < h.length; v++) {
-      const n = h[v];
+    for (E = 0; E < h.length; E++) {
+      const n = h[E];
       if (n && !(n.flags & 8)) {
         if (process.env.NODE_ENV !== "production" && t(n))
           continue;
@@ -569,17 +565,17 @@ function je(e) {
       }
     }
   } finally {
-    for (; v < h.length; v++) {
-      const n = h[v];
+    for (; E < h.length; E++) {
+      const n = h[E];
       n && (n.flags &= -2);
     }
-    v = -1, h.length = 0, Jt(e), me = null, (h.length || T.length) && je(e);
+    E = -1, h.length = 0, Ut(e), de = null, (h.length || T.length) && Le(e);
   }
 }
-function Ue(e, t) {
+function je(e, t) {
   const n = e.get(t) || 0;
-  if (n > Pt) {
-    const o = t.i, s = o && Xe(o.type);
+  if (n > zt) {
+    const o = t.i, s = o && Qe(o.type);
     return Ee(
       `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,
@@ -588,52 +584,52 @@ function Ue(e, t) {
   }
   return e.set(t, n + 1), !1;
 }
-const ue = /* @__PURE__ */ new Map();
+const ce = /* @__PURE__ */ new Map();
 process.env.NODE_ENV !== "production" && (ee().__VUE_HMR_RUNTIME__ = {
-  createRecord: fe(Wt),
-  rerender: fe(qt),
-  reload: fe(Bt)
+  createRecord: ue(Jt),
+  rerender: ue(Wt),
+  reload: ue(qt)
 });
 const B = /* @__PURE__ */ new Map();
-function Wt(e, t) {
+function Jt(e, t) {
   return B.has(e) ? !1 : (B.set(e, {
     initialDef: K(t),
     instances: /* @__PURE__ */ new Set()
   }), !0);
 }
 function K(e) {
-  return et(e) ? e.__vccOpts : e;
+  return Ze(e) ? e.__vccOpts : e;
 }
-function qt(e, t) {
+function Wt(e, t) {
   const n = B.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();
   }));
 }
-function Bt(e, t) {
+function qt(e, t) {
   const n = B.get(e);
   if (!n) return;
-  t = K(t), Fe(n.initialDef, t);
+  t = K(t), De(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(() => {
+    let a = ce.get(i);
+    a || (i !== n.initialDef && De(i, t), ce.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 ? Lt(() => {
       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();
+  jt(() => {
+    ce.clear();
   });
 }
-function Fe(e, t) {
-  ye(e, t);
+function De(e, t) {
+  ge(e, t);
   for (const n in e)
     n !== "__file" && !(n in t) && delete e[n];
 }
-function fe(e) {
+function ue(e) {
   return (t, n) => {
     try {
       return e(t, n);
@@ -645,64 +641,64 @@ function fe(e) {
   };
 }
 let x, U = [];
-function Je(e, t) {
+function Ue(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
   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);
+    Ue(r, t);
   }), setTimeout(() => {
     x || (t.__VUE_DEVTOOLS_HOOK_REPLAY__ = null, U = []);
   }, 3e3)) : U = [];
 }
-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 Y = null, Bt = null;
+const Kt = (e) => e.__isTeleport;
+function Je(e, t) {
+  e.shapeFlag & 6 && e.component ? (e.transition = t, Je(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) {
+function Yt(e, t, n = ne, 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 = pn(n), l = ze(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 = Ot(Ce[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 Gt = (e) => (t, n = ne) => {
+  (!Ge || e === "sp") && Yt(e, (...o) => t(...o), n);
+}, Qt = Gt("u"), Xt = /* @__PURE__ */ Symbol.for("v-ndc"), Zt = {};
+process.env.NODE_ENV !== "production" && (Zt.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 en = {}, We = (e) => Object.getPrototypeOf(e) === en, tn = (e) => e.__isSuspense, qe = /* @__PURE__ */ Symbol.for("v-fgt"), nn = /* @__PURE__ */ Symbol.for("v-txt"), on = /* @__PURE__ */ Symbol.for("v-cmt");
+function rn(e) {
   return e ? e.__v_isVNode === !0 : !1;
 }
-const ln = (...e) => Ye(
+const sn = (...e) => Ke(
   ...e
-), Ke = ({ key: e }) => e ?? null, J = ({
+), Be = ({ key: e }) => e ?? null, J = ({
   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__ */ Me(e) || _(e) ? { i: Y, r: e, k: t, f: !!n } : e : null);
+function ln(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),
+    key: t && Be(t),
     ref: t && J(t),
-    scopeId: Kt,
+    scopeId: Bt,
     slotScopeIds: null,
     children: n,
     component: null,
@@ -724,31 +720,31 @@ function an(e, t = null, n = null, o = 0, s = null, r = e === Be ? 0 : 1, i = !1
     appContext: null,
     ctx: Y
   };
-  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 ? (ve(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 an = process.env.NODE_ENV !== "production" ? sn : Ke;
+function Ke(e, t = null, n = null, o = 0, s = null, r = !1) {
+  if ((!e || e === Xt) && (process.env.NODE_ENV !== "production" && !e && O(`Invalid vnode type when creating vnode: ${e}.`), e = on), rn(e)) {
     const a = G(
       e,
       t,
       !0
       /* mergeRef: true */
     );
-    return n && Ne(a, n), a.patchFlag = -2, a;
+    return n && ve(a, n), a.patchFlag = -2, a;
   }
-  if (et(e) && (e = e.__vccOpts), t) {
-    t = un(t);
+  if (Ze(e) && (e = e.__vccOpts), t) {
+    t = cn(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 = _e(a)), H(l) && (/* @__PURE__ */ pe(l) && !C(l) && (l = ge({}, l)), t.style = ye(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 : tn(e) ? 128 : Kt(e) ? 64 : H(e) ? 4 : _(e) ? 2 : 0;
+  return process.env.NODE_ENV !== "production" && i & 4 && /* @__PURE__ */ pe(e) && (e = /* @__PURE__ */ q(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(
+  )), ln(
     e,
     t,
     n,
@@ -759,16 +755,16 @@ Component that was made reactive: `,
     !0
   );
 }
-function un(e) {
-  return e ? /* @__PURE__ */ de(e) || qe(e) ? ye({}, e) : e : null;
+function cn(e) {
+  return e ? /* @__PURE__ */ pe(e) || We(e) ? ge({}, 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 = {
+  const { props: s, ref: r, patchFlag: i, children: a, transition: l } = e, c = t ? fn(s || {}, t) : s, p = {
     __v_isVNode: !0,
     __v_skip: !0,
     type: e.type,
     props: c,
-    key: c && Ke(c),
+    key: c && Be(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
@@ -777,7 +773,7 @@ function G(e, t, n = !1, o = !1) {
     ) : 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(Ye) : a,
     target: e.target,
     targetStart: e.targetStart,
     targetAnchor: e.targetAnchor,
@@ -787,7 +783,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,
@@ -807,19 +803,19 @@ function G(e, t, n = !1, o = !1) {
     ctx: e.ctx,
     ce: e.ce
   };
-  return l && o && We(
-    d,
-    l.clone(d)
-  ), d;
+  return l && o && Je(
+    p,
+    l.clone(p)
+  ), p;
 }
-function Ge(e) {
+function Ye(e) {
   const t = G(e);
-  return C(e.children) && (t.children = e.children.map(Ge)), t;
+  return C(e.children) && (t.children = e.children.map(Ye)), t;
 }
-function fn(e = " ", t = 0) {
-  return cn(on, null, e, t);
+function un(e = " ", t = 0) {
+  return an(nn, null, e, t);
 }
-function Ne(e, t) {
+function ve(e, t) {
   let n = 0;
   const { shapeFlag: o } = e;
   if (t == null)
@@ -829,30 +825,30 @@ 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), ve(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._ && !We(t) && (t._ctx = Y);
+  else _(t) ? (t = { default: t, _ctx: Y }, n = 32) : (t = String(t), o & 64 ? (n = 16, t = [un(t)]) : n = 8);
   e.children = t, e.shapeFlag |= n;
 }
-function pn(...e) {
+function fn(...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 = _e([t.class, o.class]));
       else if (s === "style")
-        t.style = _e([t.style, o.style]);
-      else if (St(s)) {
+        t.style = ye([t.style, o.style]);
+      else if (Nt(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 ne = null, me;
 {
   const e = ee(), t = (n, o) => {
     let s;
@@ -860,28 +856,28 @@ let ne = null, he;
       s.length > 1 ? s.forEach((i) => i(r)) : s[0](r);
     };
   };
-  he = t(
+  me = t(
     "__VUE_INSTANCE_SETTERS__",
     (n) => ne = n
   ), t(
     "__VUE_SSR_SETTERS__",
-    (n) => Qe = n
+    (n) => Ge = n
   );
 }
-const dn = (e) => {
+const pn = (e) => {
   const t = ne;
-  return he(e), e.scope.on(), () => {
-    e.scope.off(), he(t);
+  return me(e), e.scope.on(), () => {
+    e.scope.off(), me(t);
   };
 };
-let Qe = !1;
+let Ge = !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 dn = /(?:^|[-_])\w/g, mn = (e) => e.replace(dn, (t) => t.toUpperCase()).replace(/[-_]/g, "");
+function Qe(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 Xe(e, t, n = !1) {
+  let o = Qe(t);
   if (!o && t.__file) {
     const s = t.__file.match(/([^/\\]+)\.\w+$/);
     s && (o = s[1]);
@@ -896,15 +892,15 @@ function Ze(e, t, n = !1) {
       e.parent.type.components
     ) || s(e.appContext.components);
   }
-  return o ? hn(o) : n ? "App" : "Anonymous";
+  return o ? mn(o) : n ? "App" : "Anonymous";
 }
-function et(e) {
+function Ze(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__ */ Q({
   inheritAttrs: !0,
   __name: "MyopVueComponent",
   props: {
@@ -913,13 +909,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 = at(), s = X(), r = d(null), i = d(!0), a = d(null), l = d(null), c = ct(), p = d(null);
+    Qt(() => {
       l && l.value && l.value(o);
-    }), Re(async () => {
+    }), Fe(async () => {
       if (r.value) {
         const V = await Z.Main.fetchComponent(n.componentId, n.flowId);
-        a.value = await Te.loadComponent(
+        a.value = await xe.loadComponent(
           V,
           r == null ? void 0 : r.value,
           {
@@ -930,53 +926,53 @@ const Nn = /* @__PURE__ */ Q({
               context: c == null ? void 0 : c.appContext,
               vueContainerRef: r,
               //@ts-ignore
-              defineUpdater: (E) => {
-                l.value = E;
+              defineUpdater: (v) => {
+                l.value = v;
               },
               //@ts-ignore
-              defineInnerVueComponentRef: (E) => {
-                d.value = E.value;
+              defineInnerVueComponentRef: (v) => {
+                p.value = v.value;
               }
             }
           }
-        ), i.value = !1, n.onReady && n.onReady(a.value, d.value);
+        ), i.value = !1, n.onReady && n.onReady(a.value, p.value);
       }
     });
-    const g = ft({});
-    return t(g), pt(() => {
-      Object.assign(g, d.value);
-    }), (V, E) => (b(), A(dt, null, [
-      $e("div", mt(ge(o), {
+    const g = ut({});
+    return t(g), ft(() => {
+      Object.assign(g, p.value);
+    }), (V, v) => (b(), A(pt, null, [
+      Re("div", dt(he(o), {
         ref_key: "myopContainer",
         ref: r
       }), null, 16),
-      i.value ? M(V.$slots, "loading", { key: 0 }) : pe("", !0)
+      i.value ? M(V.$slots, "loading", { key: 0 }) : fe("", !0)
     ], 64));
   }
 });
 let k = Z.Main;
-const gn = () => k, yn = (e, t, n) => k.isPreloaded(e, t, n), Sn = (e) => k.getPreloadedParams(e), bn = () => {
+const hn = () => k, gn = (e, t, n) => k.isPreloaded(e, t, n), Nn = (e) => k.getPreloadedParams(e), Sn = () => {
   k = new Z("http://localhost:9292");
-}, wn = (e) => {
+}, bn = (e) => {
   k = new Z(e);
-}, On = (e) => {
+}, wn = (e) => {
   k = e;
-}, kn = (e) => {
+}, On = (e) => {
   k.setEnvironment(e);
-}, Vn = async (e, t, n) => Promise.allSettled(
+}, kn = async (e, t, n) => Promise.allSettled(
   e.map((o) => k.fetchComponentV2(o, t, n))
 );
 export {
   En as MyopComponent,
-  Nn as MyopContainer,
+  vn 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
+  _t as MyopLoader,
+  Sn as enableLocalDev,
+  hn as getCloudRepository,
+  Nn as getPreloadedParams,
+  gn as isPreloaded,
+  kn as preloadComponents,
+  wn as setCloudRepository,
+  bn as setCloudRepositoryUrl,
+  On as setEnvironment
 };

package/dist/index.umd.cjs

@@ -1,17 +1,17 @@
-(function(d,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue"),require("@myop/sdk/host"),require("@myop/sdk/helpers")):typeof define=="function"&&define.amd?define(["exports","vue","@myop/sdk/host","@myop/sdk/helpers"],l):(d=typeof globalThis<"u"?globalThis:d||self,l(d["@myop/vue"]={},d.Vue,d.host,d.helpers))})(this,(function(d,l,V,P){"use strict";const Be=["innerHTML"],he=l.defineComponent({__name:"MyopLoader",props:{opacity:{default:1},fadeDuration:{default:200}},setup(e){const t=e,n=l.useSlots(),o=a=>!a||a.length===0?!1:a.some(u=>typeof u.children=="string"?u.children.trim()!=="":Array.isArray(u.children)?o(u.children):!!(u.type&&typeof u.type!="symbol"||u.children)),s=l.computed(()=>{const a=n.default;if(!a)return!1;const u=a();return o(u)}),r=l.computed(()=>({...V.containerStyleObject,opacity:t.opacity,transition:`opacity ${t.fadeDuration}ms ease-out`})),i=l.computed(()=>({...V.loaderStyleObject,opacity:t.opacity,transition:`opacity ${t.fadeDuration}ms ease-out`})),c=V.getMyopLogoHtml();return(a,u)=>s.value?(l.openBlock(),l.createElementBlock("div",{key:0,style:l.normalizeStyle(r.value)},[l.renderSlot(a.$slots,"default")],4)):(l.openBlock(),l.createElementBlock("div",{key:1,style:l.normalizeStyle(i.value),innerHTML:l.unref(c)},null,12,Be))}}),Je=["innerHTML"],ye=l.defineComponent({__name:"MyopFallback",setup(e){const t=l.useSlots(),n=c=>!c||c.length===0?!1:c.some(a=>typeof a.children=="string"?a.children.trim()!=="":Array.isArray(a.children)?n(a.children):!!(a.type&&typeof a.type!="symbol"||a.children)),o=l.computed(()=>{const c=t.default;if(!c)return!1;const a=c();return n(a)}),s={position:"absolute",top:"0",left:"0",right:"0",bottom:"0"},r={...V.fallbackStyleObject},i=V.getMyopLogoHtml();return(c,a)=>o.value?(l.openBlock(),l.createElementBlock("div",{key:0,style:s},[l.renderSlot(c.$slots,"default")])):(l.openBlock(),l.createElementBlock("div",{key:1,style:r,innerHTML:l.unref(i)},null,8,Je))}}),We=l.defineComponent({name:"MyopComponent",__name:"MyopComponent",props:{componentId:{},componentConfig:{},data:{},fadeDuration:{default:200},autoSize:{type:Boolean,default:!1},environment:{},preview:{type:Boolean},on:{}},emits:["load","error","sizeChange","cta"],setup(e,{expose:t,emit:n}){const o=l.useSlots(),s=f=>!f||f.length===0?!1:f.some(p=>typeof p.children=="string"?p.children.trim()!=="":Array.isArray(p.children)?s(p.children):!!(p.type&&typeof p.type!="symbol"||p.children)),r=l.computed(()=>{const f=o.loader;if(!f)return!1;const p=f();return s(p)});l.computed(()=>{const f=o.fallback;if(!f)return!1;const p=f();return s(p)});const i=e,c=n,a=l.ref(null),u=l.shallowRef(null),m=i.componentId?xe(i.componentId):!1,g=l.ref(!m),R=l.ref(1),b=l.ref(!1),A=l.ref(!1),D=l.ref(void 0),ue=l.ref(!1),Y=l.ref(null),fe=l.ref(!1);let M=null;const pe=()=>{R.value=0,setTimeout(()=>{g.value=!1},i.fadeDuration)},de=f=>{console.error("[MyopComponent] Error:",f),pe(),b.value=!0,c("error",f)},me=async f=>{var O,G;ue.value=!0;let p=!1;try{const y=JSON.parse(JSON.stringify({componentId:f.componentId,data:f.data,environment:f.environment,preview:f.preview,autoSize:f.autoSize}));if(!y.componentId&&!f.componentConfig){de("No component configuration provided");return}const Yt=y.preview===!0?!0:void 0,Gt=f.componentConfig?JSON.parse(JSON.stringify(f.componentConfig)):await Pe().fetchComponentV2(y.componentId,y.environment,Yt);if(!a.value){de("Container element not found");return}const Qt=l.markRaw({data:y.data,_environment:{props:y}}),Ue=await V.hostSDK.loadComponent(Gt,a.value,Qt);if(p){Ue.dispose();return}if(u.value=l.markRaw(Ue),await u.value.initiated(),p){(O=u.value)==null||O.dispose();return}if(await new Promise(Q=>requestAnimationFrame(Q)),p||!u.value||u.value.markedForDisposed){u.value&&!u.value.markedForDisposed&&u.value.dispose();return}A.value=!0,i.autoSize||pe(),(G=u.value)!=null&&G.props&&(u.value.props.myop_cta_handler=(Q,ve)=>{i.on&&i.on(Q,ve),c("cta",Q,ve)}),c("load",u.value)}catch(y){p||de((y==null?void 0:y.message)||"Unknown error")}finally{if(ue.value=!1,Y.value!==null&&!p){const y=Y.value;Y.value=null,await me(y)}}return()=>{p=!0}},Wt=()=>{var p;if(!A.value||!((p=u.value)!=null&&p.observeAutoSize))return;let f=!0;M=u.value.observeAutoSize({explicitWidth:void 0,explicitHeight:void 0,forceAutoSize:i.autoSize,loaderMinHeight:50,onSizeChange:O=>{c("sizeChange",O),D.value=O,f&&(f=!1,pe())}})};l.watch(()=>i.componentId,async(f,p)=>{f!==p&&(fe.value=!1,A.value=!1,b.value=!1,g.value=!0,R.value=1,u.value&&(u.value.dispose(),u.value=null),M&&(M(),M=null),ue.value?Y.value={...i}:await me(i))}),l.watch(()=>i.data,f=>{var p;if(A.value&&f!==void 0&&u.value){if(!fe.value){fe.value=!0;return}const O=(p=u.value.props)==null?void 0:p.myop_init_interface;if(O){const G=JSON.parse(JSON.stringify(f));O(G)}}},{deep:!0}),l.watch(()=>A.value,f=>{f&&i.autoSize&&Wt()}),l.onMounted(async()=>{(i.componentId||i.componentConfig)&&await me(i)}),l.onUnmounted(()=>{M&&M(),u.value&&u.value.dispose()});const Le=l.computed(()=>{var f,p;return((f=D.value)==null?void 0:f.autoSizingWidth)||((p=D.value)==null?void 0:p.autoSizingHeight)}),je=l.computed(()=>g.value?50:void 0),qt=l.computed(()=>{var f,p;return{position:"relative",width:(f=D.value)!=null&&f.autoSizingWidth?`${D.value.width}px`:"100%",height:(p=D.value)!=null&&p.autoSizingHeight?`${D.value.height}px`:"100%",minHeight:je.value?`${je.value}px`:void 0,overflow:Le.value?"hidden":"inherit"}}),Kt=l.computed(()=>({position:"absolute",inset:"0",overflow:Le.value?"hidden":void 0}));return t({myopComponent:u,isLoaded:A}),(f,p)=>(l.openBlock(),l.createElementBlock("div",{style:l.normalizeStyle(qt.value)},[l.createElementVNode("div",{ref_key:"myopContainer",ref:a,style:l.normalizeStyle(Kt.value)},null,4),g.value&&r.value?(l.openBlock(),l.createBlock(he,{key:0,opacity:R.value,"fade-duration":e.fadeDuration},{default:l.withCtx(()=>[l.renderSlot(f.$slots,"loader")]),_:3},8,["opacity","fade-duration"])):l.createCommentVNode("",!0),b.value?(l.openBlock(),l.createBlock(ye,{key:1},{default:l.withCtx(()=>[l.renderSlot(f.$slots,"fallback")]),_:3})):l.createCommentVNode("",!0)],4))}});/**
+(function(d,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("@myop/sdk/host"),require("@myop/sdk/helpers")):typeof define=="function"&&define.amd?define(["exports","vue","@myop/sdk/host","@myop/sdk/helpers"],i):(d=typeof globalThis<"u"?globalThis:d||self,i(d["@myop/vue"]={},d.Vue,d.host,d.helpers))})(this,(function(d,i,V,P){"use strict";const Be=["innerHTML"],me=i.defineComponent({__name:"MyopLoader",props:{opacity:{default:1},fadeDuration:{default:200}},setup(e){const t=e,n=i.useSlots(),o=a=>!a||a.length===0?!1:a.some(u=>typeof u.children=="string"?u.children.trim()!=="":Array.isArray(u.children)?o(u.children):!!(u.type&&typeof u.type!="symbol"||u.children)),s=i.computed(()=>{const a=n.default;if(!a)return!1;const u=a();return o(u)}),r=i.computed(()=>({...V.containerStyleObject,opacity:t.opacity,transition:`opacity ${t.fadeDuration}ms ease-out`})),l=i.computed(()=>({...V.loaderStyleObject,opacity:t.opacity,transition:`opacity ${t.fadeDuration}ms ease-out`})),c=V.getMyopLogoHtml();return(a,u)=>s.value?(i.openBlock(),i.createElementBlock("div",{key:0,style:i.normalizeStyle(r.value)},[i.renderSlot(a.$slots,"default")],4)):(i.openBlock(),i.createElementBlock("div",{key:1,style:i.normalizeStyle(l.value),innerHTML:i.unref(c)},null,12,Be))}}),ve=["innerHTML"],he=i.defineComponent({__name:"MyopFallback",setup(e){const t=i.useSlots(),n=c=>!c||c.length===0?!1:c.some(a=>typeof a.children=="string"?a.children.trim()!=="":Array.isArray(a.children)?n(a.children):!!(a.type&&typeof a.type!="symbol"||a.children)),o=i.computed(()=>{const c=t.default;if(!c)return!1;const a=c();return n(a)}),s={position:"absolute",top:"0",left:"0",right:"0",bottom:"0"},r={...V.fallbackStyleObject},l=V.getMyopLogoHtml();return(c,a)=>o.value?(i.openBlock(),i.createElementBlock("div",{key:0,style:s},[i.renderSlot(c.$slots,"default")])):(i.openBlock(),i.createElementBlock("div",{key:1,style:r,innerHTML:i.unref(l)},null,8,ve))}}),Je=i.defineComponent({name:"MyopComponent",__name:"MyopComponent",props:{componentId:{},componentConfig:{},data:{},fadeDuration:{default:200},autoSize:{type:Boolean,default:!1},environment:{},preview:{type:Boolean},on:{}},emits:["load","error","sizeChange","cta"],setup(e,{expose:t,emit:n}){const o=i.useSlots(),s=f=>!f||f.length===0?!1:f.some(p=>typeof p.children=="string"?p.children.trim()!=="":Array.isArray(p.children)?s(p.children):!!(p.type&&typeof p.type!="symbol"||p.children)),r=i.computed(()=>{const f=o.loader;if(!f)return!1;const p=f();return s(p)});i.computed(()=>{const f=o.fallback;if(!f)return!1;const p=f();return s(p)});const l=e,c=n,a=i.ref(null),u=i.shallowRef(null),m=l.componentId?Pe(l.componentId):!1,g=i.ref(!m),R=i.ref(1),b=i.ref(!1),A=i.ref(!1),D=i.ref(void 0),ue=i.ref(!1),Y=i.ref(null);let M=null;const fe=()=>{R.value=0,setTimeout(()=>{g.value=!1},l.fadeDuration)},pe=f=>{console.error("[MyopComponent] Error:",f),fe(),b.value=!0,c("error",f)},de=async f=>{var O,G;ue.value=!0;let p=!1;try{const y=JSON.parse(JSON.stringify({componentId:f.componentId,data:f.data,environment:f.environment,preview:f.preview,autoSize:f.autoSize}));if(!y.componentId&&!f.componentConfig){pe("No component configuration provided");return}const Kt=y.preview===!0?!0:void 0,Yt=f.componentConfig?JSON.parse(JSON.stringify(f.componentConfig)):await ze().fetchComponentV2(y.componentId,y.environment,Kt);if(!a.value){pe("Container element not found");return}const Gt=i.markRaw({data:y.data,_environment:{props:y}}),je=await V.hostSDK.loadComponent(Yt,a.value,Gt);if(p){je.dispose();return}if(u.value=i.markRaw(je),await u.value.initiated(),p){(O=u.value)==null||O.dispose();return}if(await new Promise(Q=>requestAnimationFrame(Q)),p||!u.value||u.value.markedForDisposed){u.value&&!u.value.markedForDisposed&&u.value.dispose();return}A.value=!0,l.autoSize||fe(),(G=u.value)!=null&&G.props&&(u.value.props.myop_cta_handler=(Q,Ue)=>{l.on&&l.on(Q,Ue),c("cta",Q,Ue)}),c("load",u.value)}catch(y){p||pe((y==null?void 0:y.message)||"Unknown error")}finally{if(ue.value=!1,Y.value!==null&&!p){const y=Y.value;Y.value=null,await de(y)}}return()=>{p=!0}},Jt=()=>{var p;if(!A.value||!((p=u.value)!=null&&p.observeAutoSize))return;let f=!0;M=u.value.observeAutoSize({explicitWidth:void 0,explicitHeight:void 0,forceAutoSize:l.autoSize,loaderMinHeight:50,onSizeChange:O=>{c("sizeChange",O),D.value=O,f&&(f=!1,fe())}})};i.watch(()=>l.componentId,async(f,p)=>{f!==p&&(A.value=!1,b.value=!1,g.value=!0,R.value=1,u.value&&(u.value.dispose(),u.value=null),M&&(M(),M=null),ue.value?Y.value={...l}:await de(l))}),i.watch(()=>l.data,f=>{var p;if(A.value&&f!==void 0&&u.value){const O=(p=u.value.props)==null?void 0:p.myop_init_interface;if(O){const G=JSON.parse(JSON.stringify(f));O(G)}}},{deep:!0}),i.watch(()=>A.value,f=>{f&&l.autoSize&&Jt()}),i.onMounted(async()=>{(l.componentId||l.componentConfig)&&await de(l)}),i.onUnmounted(()=>{M&&M(),u.value&&u.value.dispose()});const xe=i.computed(()=>{var f,p;return((f=D.value)==null?void 0:f.autoSizingWidth)||((p=D.value)==null?void 0:p.autoSizingHeight)}),Le=i.computed(()=>g.value?50:void 0),Wt=i.computed(()=>{var f,p;return{position:"relative",width:(f=D.value)!=null&&f.autoSizingWidth?`${D.value.width}px`:"100%",height:(p=D.value)!=null&&p.autoSizingHeight?`${D.value.height}px`:"100%",minHeight:Le.value?`${Le.value}px`:void 0,overflow:xe.value?"hidden":"inherit"}}),qt=i.computed(()=>({position:"absolute",inset:"0",overflow:xe.value?"hidden":void 0}));return t({myopComponent:u,isLoaded:A}),(f,p)=>(i.openBlock(),i.createElementBlock("div",{style:i.normalizeStyle(Wt.value)},[i.createElementVNode("div",{ref_key:"myopContainer",ref:a,style:i.normalizeStyle(qt.value)},null,4),g.value&&r.value?(i.openBlock(),i.createBlock(me,{key:0,opacity:R.value,"fade-duration":e.fadeDuration},{default:i.withCtx(()=>[i.renderSlot(f.$slots,"loader")]),_:3},8,["opacity","fade-duration"])):i.createCommentVNode("",!0),b.value?(i.openBlock(),i.createBlock(he,{key:1},{default:i.withCtx(()=>[i.renderSlot(f.$slots,"fallback")]),_:3})):i.createCommentVNode("",!0)],4))}});/**
 * @vue/shared v3.5.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
-**/const qe=process.env.NODE_ENV!=="production"?Object.freeze({}):{};process.env.NODE_ENV!=="production"&&Object.freeze([]);const ge=()=>{},Ke=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),X=Object.assign,_=Array.isArray,C=e=>typeof e=="function",S=e=>typeof e=="string",Ye=e=>typeof e=="symbol",H=e=>e!==null&&typeof e=="object",Ge=e=>(H(e)||C(e))&&C(e.then)&&C(e.catch),_e=e=>{const t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))},Qe=_e(e=>e.charAt(0).toUpperCase()+e.slice(1)),Xe=_e(e=>e?`on${Qe(e)}`:"");let Ce;const x=()=>Ce||(Ce=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Z(e){if(_(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],s=S(o)?nt(o):Z(o);if(s)for(const r in s)t[r]=s[r]}return t}else if(S(e)||H(e))return e}const Ze=/;(?![^(]*\))/g,et=/:([^]+)/,tt=/\/\*[^]*?\*\//g;function nt(e){const t={};return e.replace(tt,"").split(Ze).forEach(n=>{if(n){const o=n.split(et);o.length>1&&(t[o[0].trim()]=o[1].trim())}}),t}function ee(e){let t="";if(S(e))t=e;else if(_(e))for(let n=0;n<e.length;n++){const o=ee(e[n]);o&&(t+=o+" ")}else if(H(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}/**
+**/const We=process.env.NODE_ENV!=="production"?Object.freeze({}):{};process.env.NODE_ENV!=="production"&&Object.freeze([]);const ye=()=>{},qe=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),X=Object.assign,_=Array.isArray,C=e=>typeof e=="function",S=e=>typeof e=="string",Ke=e=>typeof e=="symbol",H=e=>e!==null&&typeof e=="object",Ye=e=>(H(e)||C(e))&&C(e.then)&&C(e.catch),ge=e=>{const t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))},Ge=ge(e=>e.charAt(0).toUpperCase()+e.slice(1)),Qe=ge(e=>e?`on${Ge(e)}`:"");let _e;const x=()=>_e||(_e=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Z(e){if(_(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],s=S(o)?tt(o):Z(o);if(s)for(const r in s)t[r]=s[r]}return t}else if(S(e)||H(e))return e}const Xe=/;(?![^(]*\))/g,Ze=/:([^]+)/,et=/\/\*[^]*?\*\//g;function tt(e){const t={};return e.replace(et,"").split(Xe).forEach(n=>{if(n){const o=n.split(Ze);o.length>1&&(t[o[0].trim()]=o[1].trim())}}),t}function ee(e){let t="";if(S(e))t=e;else if(_(e))for(let n=0;n<e.length;n++){const o=ee(e[n]);o&&(t+=o+" ")}else if(H(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}/**
 * @vue/reactivity v3.5.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
-**/process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Ye));function te(e){return e?!!e.__v_raw:!1}function L(e){const t=e&&e.__v_raw;return t?L(t):e}function Ee(e){return e?e.__v_isRef===!0:!1}/**
+**/process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV,new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Ke));function te(e){return e?!!e.__v_raw:!1}function L(e){const t=e&&e.__v_raw;return t?L(t):e}function Ce(e){return e?e.__v_isRef===!0:!1}/**
 * @vue/runtime-core v3.5.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
-**/const I=[];function ot(e){I.push(e)}function rt(){I.pop()}let ne=!1;function N(e,...t){if(ne)return;ne=!0;const n=I.length?I[I.length-1].component:null,o=n&&n.appContext.config.warnHandler,s=st();if(o)j(o,n,11,[e+t.map(r=>{var i,c;return(c=(i=r.toString)==null?void 0:i.call(r))!=null?c:JSON.stringify(r)}).join(""),n&&n.proxy,s.map(({vnode:r})=>`at <${He(n,r.type)}>`).join(`
+**/const I=[];function nt(e){I.push(e)}function ot(){I.pop()}let ne=!1;function N(e,...t){if(ne)return;ne=!0;const n=I.length?I[I.length-1].component:null,o=n&&n.appContext.config.warnHandler,s=rt();if(o)j(o,n,11,[e+t.map(r=>{var l,c;return(c=(l=r.toString)==null?void 0:l.call(r))!=null?c:JSON.stringify(r)}).join(""),n&&n.proxy,s.map(({vnode:r})=>`at <${Me(n,r.type)}>`).join(`
 `),s]);else{const r=[`[Vue warn]: ${e}`,...t];s.length&&r.push(`
-`,...lt(s)),console.warn(...r)}ne=!1}function st(){let e=I[I.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}function lt(e){const t=[];return e.forEach((n,o)=>{t.push(...o===0?[]:[`
-`],...it(n))}),t}function it({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=e.component?e.component.parent==null:!1,s=` at <${He(e.component,e.type,o)}`,r=">"+n;return e.props?[s,...at(e.props),r]:[s+r]}function at(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach(o=>{t.push(...Se(o,e[o]))}),n.length>3&&t.push(" ..."),t}function Se(e,t,n){return S(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):typeof t=="number"||typeof t=="boolean"||t==null?n?t:[`${e}=${t}`]:Ee(t)?(t=Se(e,L(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):C(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=L(t),n?t:[`${e}=`,t])}const oe={sp:"serverPrefetch hook",bc:"beforeCreate hook",c:"created hook",bm:"beforeMount hook",m:"mounted hook",bu:"beforeUpdate hook",u:"updated",bum:"beforeUnmount hook",um:"unmounted hook",a:"activated hook",da:"deactivated hook",ec:"errorCaptured hook",rtc:"renderTracked hook",rtg:"renderTriggered hook",0:"setup function",1:"render function",2:"watcher getter",3:"watcher callback",4:"watcher cleanup function",5:"native event handler",6:"component event handler",7:"vnode hook",8:"directive hook",9:"transition hook",10:"app errorHandler",11:"app warnHandler",12:"ref function",13:"async component loader",14:"scheduler flush",15:"component update",16:"app unmount cleanup function"};function j(e,t,n,o){try{return o?e(...o):e()}catch(s){re(s,t,n)}}function Ne(e,t,n,o){if(C(e)){const s=j(e,t,n,o);return s&&Ge(s)&&s.catch(r=>{re(r,t,n)}),s}if(_(e)){const s=[];for(let r=0;r<e.length;r++)s.push(Ne(e[r],t,n,o));return s}else process.env.NODE_ENV!=="production"&&N(`Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`)}function re(e,t,n,o=!0){const s=t?t.vnode:null,{errorHandler:r,throwUnhandledErrorInProduction:i}=t&&t.appContext.config||qe;if(t){let c=t.parent;const a=t.proxy,u=process.env.NODE_ENV!=="production"?oe[n]:`https://vuejs.org/error-reference/#runtime-${n}`;for(;c;){const m=c.ec;if(m){for(let g=0;g<m.length;g++)if(m[g](e,a,u)===!1)return}c=c.parent}if(r){j(r,null,10,[e,a,u]);return}}ct(e,n,s,o,i)}function ct(e,t,n,o=!0,s=!1){if(process.env.NODE_ENV!=="production"){const r=oe[t];if(n&&ot(n),N(`Unhandled error${r?` during execution of ${r}`:""}`),n&&rt(),o)throw e;console.error(e)}else{if(s)throw e;console.error(e)}}const h=[];let E=-1;const F=[];let w=null,T=0;const ut=Promise.resolve();let se=null;const ft=100;function pt(e){let t=E+1,n=h.length;for(;t<n;){const o=t+n>>>1,s=h[o],r=z(s);r<e||r===e&&s.flags&2?t=o+1:n=o}return t}function dt(e){if(!(e.flags&1)){const t=z(e),n=h[h.length-1];!n||!(e.flags&2)&&t>=z(n)?h.push(e):h.splice(pt(t),0,e),e.flags|=1,we()}}function we(){se||(se=ut.then(ke))}function mt(e){_(e)?F.push(...e):w&&e.id===-1?w.splice(T+1,0,e):e.flags&1||(F.push(e),e.flags|=1),we()}function ht(e){if(F.length){const t=[...new Set(F)].sort((n,o)=>z(n)-z(o));if(F.length=0,w){w.push(...t);return}for(w=t,process.env.NODE_ENV!=="production"&&(e=e||new Map),T=0;T<w.length;T++){const n=w[T];process.env.NODE_ENV!=="production"&&be(e,n)||(n.flags&4&&(n.flags&=-2),n.flags&8||n(),n.flags&=-2)}w=null,T=0}}const z=e=>e.id==null?e.flags&2?-1:1/0:e.id;function ke(e){process.env.NODE_ENV!=="production"&&(e=e||new Map);const t=process.env.NODE_ENV!=="production"?n=>be(e,n):ge;try{for(E=0;E<h.length;E++){const n=h[E];if(n&&!(n.flags&8)){if(process.env.NODE_ENV!=="production"&&t(n))continue;n.flags&4&&(n.flags&=-2),j(n,n.i,n.i?15:14),n.flags&4||(n.flags&=-2)}}}finally{for(;E<h.length;E++){const n=h[E];n&&(n.flags&=-2)}E=-1,h.length=0,ht(e),se=null,(h.length||F.length)&&ke(e)}}function be(e,t){const n=e.get(t)||0;if(n>ft){const o=t.i,s=o&&Me(o.type);return re(`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),!0}return e.set(t,n+1),!1}const le=new Map;process.env.NODE_ENV!=="production"&&(x().__VUE_HMR_RUNTIME__={createRecord:ie(yt),rerender:ie(gt),reload:ie(_t)});const U=new Map;function yt(e,t){return U.has(e)?!1:(U.set(e,{initialDef:v(t),instances:new Set}),!0)}function v(e){return ze(e)?e.__vccOpts:e}function gt(e,t){const n=U.get(e);n&&(n.initialDef.render=t,[...n.instances].forEach(o=>{t&&(o.render=t,v(o.type).render=t),o.renderCache=[],o.job.flags&8||o.update()}))}function _t(e,t){const n=U.get(e);if(!n)return;t=v(t),Oe(n.initialDef,t);const o=[...n.instances];for(let s=0;s<o.length;s++){const r=o[s],i=v(r.type);let c=le.get(i);c||(i!==n.initialDef&&Oe(i,t),le.set(i,c=new Set)),c.add(r),r.appContext.propsCache.delete(r.type),r.appContext.emitsCache.delete(r.type),r.appContext.optionsCache.delete(r.type),r.ceReload?(c.add(r),r.ceReload(t.styles),c.delete(r)):r.parent?dt(()=>{r.job.flags&8||(r.parent.update(),c.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)}mt(()=>{le.clear()})}function Oe(e,t){X(e,t);for(const n in e)n!=="__file"&&!(n in t)&&delete e[n]}function ie(e){return(t,n)=>{try{return e(t,n)}catch(o){console.error(o),console.warn("[HMR] Something went wrong during Vue component hot-reload. Full reload required.")}}}let $,B=[];function Ve(e,t){var n,o;$=e,$?($.enabled=!0,B.forEach(({event:s,args:r})=>$.emit(s,...r)),B=[]):typeof window<"u"&&window.HTMLElement&&!((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=>{Ve(r,t)}),setTimeout(()=>{$||(t.__VUE_DEVTOOLS_HOOK_REPLAY__=null,B=[])},3e3)):B=[]}let J=null,Ct=null;const Et=e=>e.__isTeleport;function Ie(e,t){e.shapeFlag&6&&e.component?(e.transition=t,Ie(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}x().requestIdleCallback,x().cancelIdleCallback;function St(e,t,n=K,o=!1){if(n){const s=n[e]||(n[e]=[]),r=t.__weh||(t.__weh=(...i)=>{const c=Ht(n),a=Ne(t,n,e,i);return c(),a});return o?s.unshift(r):s.push(r),r}else if(process.env.NODE_ENV!=="production"){const s=Xe(oe[e].replace(/ hook$/,""));N(`${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 Nt=(e=>(t,n=K)=>{(!Ae||e==="sp")&&St(e,(...o)=>t(...o),n)})("u"),wt=Symbol.for("v-ndc"),kt={};process.env.NODE_ENV!=="production"&&(kt.ownKeys=e=>(N("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 bt={},Re=e=>Object.getPrototypeOf(e)===bt,Ot=e=>e.__isSuspense,De=Symbol.for("v-fgt"),Vt=Symbol.for("v-txt"),It=Symbol.for("v-cmt");function Rt(e){return e?e.__v_isVNode===!0:!1}const Dt=(...e)=>Te(...e),Fe=({key:e})=>e??null,W=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?S(e)||Ee(e)||C(e)?{i:J,r:e,k:t,f:!!n}:e:null);function Ft(e,t=null,n=null,o=0,s=null,r=e===De?0:1,i=!1,c=!1){const a={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Fe(t),ref:t&&W(t),scopeId:Ct,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:r,patchFlag:o,dynamicProps:s,dynamicChildren:null,appContext:null,ctx:J};return c?(ae(a,n),r&128&&e.normalize(a)):n&&(a.shapeFlag|=S(n)?8:16),process.env.NODE_ENV!=="production"&&a.key!==a.key&&N("VNode created with invalid key (NaN). VNode type:",a.type),a}const Tt=process.env.NODE_ENV!=="production"?Dt:Te;function Te(e,t=null,n=null,o=0,s=null,r=!1){if((!e||e===wt)&&(process.env.NODE_ENV!=="production"&&!e&&N(`Invalid vnode type when creating vnode: ${e}.`),e=It),Rt(e)){const c=q(e,t,!0);return n&&ae(c,n),c.patchFlag=-2,c}if(ze(e)&&(e=e.__vccOpts),t){t=$t(t);let{class:c,style:a}=t;c&&!S(c)&&(t.class=ee(c)),H(a)&&(te(a)&&!_(a)&&(a=X({},a)),t.style=Z(a))}const i=S(e)?1:Ot(e)?128:Et(e)?64:H(e)?4:C(e)?2:0;return process.env.NODE_ENV!=="production"&&i&4&&te(e)&&(e=L(e),N("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)),Ft(e,t,n,o,s,i,r,!0)}function $t(e){return e?te(e)||Re(e)?X({},e):e:null}function q(e,t,n=!1,o=!1){const{props:s,ref:r,patchFlag:i,children:c,transition:a}=e,u=t?Mt(s||{},t):s,m={__v_isVNode:!0,__v_skip:!0,type:e.type,props:u,key:u&&Fe(u),ref:t&&t.ref?n&&r?_(r)?r.concat(W(t)):[r,W(t)]:W(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:process.env.NODE_ENV!=="production"&&i===-1&&_(c)?c.map($e):c,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==De?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:a,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&q(e.ssContent),ssFallback:e.ssFallback&&q(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return a&&o&&Ie(m,a.clone(m)),m}function $e(e){const t=q(e);return _(e.children)&&(t.children=e.children.map($e)),t}function At(e=" ",t=0){return Tt(Vt,null,e,t)}function ae(e,t){let n=0;const{shapeFlag:o}=e;if(t==null)t=null;else if(_(t))n=16;else if(typeof t=="object")if(o&65){const s=t.default;s&&(s._c&&(s._d=!1),ae(e,s()),s._c&&(s._d=!0));return}else n=32,!t._&&!Re(t)&&(t._ctx=J);else C(t)?(t={default:t,_ctx:J},n=32):(t=String(t),o&64?(n=16,t=[At(t)]):n=8);e.children=t,e.shapeFlag|=n}function Mt(...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=ee([t.class,o.class]));else if(s==="style")t.style=Z([t.style,o.style]);else if(Ke(s)){const r=t[s],i=o[s];i&&r!==i&&!(_(r)&&r.includes(i))&&(t[s]=r?[].concat(r,i):i)}else s!==""&&(t[s]=o[s])}return t}let K=null,ce;{const e=x(),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)}};ce=t("__VUE_INSTANCE_SETTERS__",n=>K=n),t("__VUE_SSR_SETTERS__",n=>Ae=n)}const Ht=e=>{const t=K;return ce(e),e.scope.on(),()=>{e.scope.off(),ce(t)}};let Ae=!1;process.env.NODE_ENV;const zt=/(?:^|[-_])\w/g,Pt=e=>e.replace(zt,t=>t.toUpperCase()).replace(/[-_]/g,"");function Me(e,t=!0){return C(e)?e.displayName||e.name:e.name||t&&e.__name}function He(e,t,n=!1){let o=Me(t);if(!o&&t.__file){const s=t.__file.match(/([^/\\]+)\.\w+$/);s&&(o=s[1])}if(!o&&e){const s=r=>{for(const i in r)if(r[i]===t)return i};o=s(e.components)||e.parent&&s(e.parent.type.components)||s(e.appContext.components)}return o?Pt(o):n?"App":"Anonymous"}function ze(e){return C(e)&&"__vccOpts"in e}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;const xt=l.defineComponent({inheritAttrs:!0,__name:"MyopVueComponent",props:{flowId:{},componentId:{},onReady:{type:Function}},setup(e,{expose:t}){const n=e,o=l.useAttrs(),s=l.useSlots(),r=l.ref(null),i=l.ref(!0),c=l.ref(null),a=l.ref(null),u=l.getCurrentInstance(),m=l.ref(null);Nt(()=>{a&&a.value&&a.value(o)}),l.onMounted(async()=>{if(r.value){const R=await P.CloudRepository.Main.fetchComponent(n.componentId,n.flowId);c.value=await V.hostSDK.loadComponent(R,r==null?void 0:r.value,{_environment:{props:o,slots:s,context:u==null?void 0:u.appContext,vueContainerRef:r,defineUpdater:b=>{a.value=b},defineInnerVueComponentRef:b=>{m.value=b.value}}}),i.value=!1,n.onReady&&n.onReady(c.value,m.value)}});const g=l.reactive({});return t(g),l.watchEffect(()=>{Object.assign(g,m.value)}),(R,b)=>(l.openBlock(),l.createElementBlock(l.Fragment,null,[l.createElementVNode("div",l.mergeProps(l.unref(o),{ref_key:"myopContainer",ref:r}),null,16),i.value?l.renderSlot(R.$slots,"loading",{key:0}):l.createCommentVNode("",!0)],64))}});let k=P.CloudRepository.Main;const Pe=()=>k,xe=(e,t,n)=>k.isPreloaded(e,t,n),Lt=e=>k.getPreloadedParams(e),jt=()=>{k=new P.CloudRepository("http://localhost:9292")},Ut=e=>{k=new P.CloudRepository(e)},vt=e=>{k=e},Bt=e=>{k.setEnvironment(e)},Jt=async(e,t,n)=>Promise.allSettled(e.map(o=>k.fetchComponentV2(o,t,n)));d.MyopComponent=We,d.MyopContainer=xt,d.MyopFallback=ye,d.MyopLoader=he,d.enableLocalDev=jt,d.getCloudRepository=Pe,d.getPreloadedParams=Lt,d.isPreloaded=xe,d.preloadComponents=Jt,d.setCloudRepository=vt,d.setCloudRepositoryUrl=Ut,d.setEnvironment=Bt,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
+`,...st(s)),console.warn(...r)}ne=!1}function rt(){let e=I[I.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}function st(e){const t=[];return e.forEach((n,o)=>{t.push(...o===0?[]:[`
+`],...it(n))}),t}function it({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=e.component?e.component.parent==null:!1,s=` at <${Me(e.component,e.type,o)}`,r=">"+n;return e.props?[s,...lt(e.props),r]:[s+r]}function lt(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach(o=>{t.push(...Ee(o,e[o]))}),n.length>3&&t.push(" ..."),t}function Ee(e,t,n){return S(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):typeof t=="number"||typeof t=="boolean"||t==null?n?t:[`${e}=${t}`]:Ce(t)?(t=Ee(e,L(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):C(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=L(t),n?t:[`${e}=`,t])}const oe={sp:"serverPrefetch hook",bc:"beforeCreate hook",c:"created hook",bm:"beforeMount hook",m:"mounted hook",bu:"beforeUpdate hook",u:"updated",bum:"beforeUnmount hook",um:"unmounted hook",a:"activated hook",da:"deactivated hook",ec:"errorCaptured hook",rtc:"renderTracked hook",rtg:"renderTriggered hook",0:"setup function",1:"render function",2:"watcher getter",3:"watcher callback",4:"watcher cleanup function",5:"native event handler",6:"component event handler",7:"vnode hook",8:"directive hook",9:"transition hook",10:"app errorHandler",11:"app warnHandler",12:"ref function",13:"async component loader",14:"scheduler flush",15:"component update",16:"app unmount cleanup function"};function j(e,t,n,o){try{return o?e(...o):e()}catch(s){re(s,t,n)}}function Se(e,t,n,o){if(C(e)){const s=j(e,t,n,o);return s&&Ye(s)&&s.catch(r=>{re(r,t,n)}),s}if(_(e)){const s=[];for(let r=0;r<e.length;r++)s.push(Se(e[r],t,n,o));return s}else process.env.NODE_ENV!=="production"&&N(`Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`)}function re(e,t,n,o=!0){const s=t?t.vnode:null,{errorHandler:r,throwUnhandledErrorInProduction:l}=t&&t.appContext.config||We;if(t){let c=t.parent;const a=t.proxy,u=process.env.NODE_ENV!=="production"?oe[n]:`https://vuejs.org/error-reference/#runtime-${n}`;for(;c;){const m=c.ec;if(m){for(let g=0;g<m.length;g++)if(m[g](e,a,u)===!1)return}c=c.parent}if(r){j(r,null,10,[e,a,u]);return}}at(e,n,s,o,l)}function at(e,t,n,o=!0,s=!1){if(process.env.NODE_ENV!=="production"){const r=oe[t];if(n&&nt(n),N(`Unhandled error${r?` during execution of ${r}`:""}`),n&&ot(),o)throw e;console.error(e)}else{if(s)throw e;console.error(e)}}const h=[];let E=-1;const F=[];let w=null,T=0;const ct=Promise.resolve();let se=null;const ut=100;function ft(e){let t=E+1,n=h.length;for(;t<n;){const o=t+n>>>1,s=h[o],r=z(s);r<e||r===e&&s.flags&2?t=o+1:n=o}return t}function pt(e){if(!(e.flags&1)){const t=z(e),n=h[h.length-1];!n||!(e.flags&2)&&t>=z(n)?h.push(e):h.splice(ft(t),0,e),e.flags|=1,Ne()}}function Ne(){se||(se=ct.then(we))}function dt(e){_(e)?F.push(...e):w&&e.id===-1?w.splice(T+1,0,e):e.flags&1||(F.push(e),e.flags|=1),Ne()}function mt(e){if(F.length){const t=[...new Set(F)].sort((n,o)=>z(n)-z(o));if(F.length=0,w){w.push(...t);return}for(w=t,process.env.NODE_ENV!=="production"&&(e=e||new Map),T=0;T<w.length;T++){const n=w[T];process.env.NODE_ENV!=="production"&&ke(e,n)||(n.flags&4&&(n.flags&=-2),n.flags&8||n(),n.flags&=-2)}w=null,T=0}}const z=e=>e.id==null?e.flags&2?-1:1/0:e.id;function we(e){process.env.NODE_ENV!=="production"&&(e=e||new Map);const t=process.env.NODE_ENV!=="production"?n=>ke(e,n):ye;try{for(E=0;E<h.length;E++){const n=h[E];if(n&&!(n.flags&8)){if(process.env.NODE_ENV!=="production"&&t(n))continue;n.flags&4&&(n.flags&=-2),j(n,n.i,n.i?15:14),n.flags&4||(n.flags&=-2)}}}finally{for(;E<h.length;E++){const n=h[E];n&&(n.flags&=-2)}E=-1,h.length=0,mt(e),se=null,(h.length||F.length)&&we(e)}}function ke(e,t){const n=e.get(t)||0;if(n>ut){const o=t.i,s=o&&Ae(o.type);return re(`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),!0}return e.set(t,n+1),!1}const ie=new Map;process.env.NODE_ENV!=="production"&&(x().__VUE_HMR_RUNTIME__={createRecord:le(ht),rerender:le(yt),reload:le(gt)});const U=new Map;function ht(e,t){return U.has(e)?!1:(U.set(e,{initialDef:B(t),instances:new Set}),!0)}function B(e){return He(e)?e.__vccOpts:e}function yt(e,t){const n=U.get(e);n&&(n.initialDef.render=t,[...n.instances].forEach(o=>{t&&(o.render=t,B(o.type).render=t),o.renderCache=[],o.job.flags&8||o.update()}))}function gt(e,t){const n=U.get(e);if(!n)return;t=B(t),be(n.initialDef,t);const o=[...n.instances];for(let s=0;s<o.length;s++){const r=o[s],l=B(r.type);let c=ie.get(l);c||(l!==n.initialDef&&be(l,t),ie.set(l,c=new Set)),c.add(r),r.appContext.propsCache.delete(r.type),r.appContext.emitsCache.delete(r.type),r.appContext.optionsCache.delete(r.type),r.ceReload?(c.add(r),r.ceReload(t.styles),c.delete(r)):r.parent?pt(()=>{r.job.flags&8||(r.parent.update(),c.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(l)}dt(()=>{ie.clear()})}function be(e,t){X(e,t);for(const n in e)n!=="__file"&&!(n in t)&&delete e[n]}function le(e){return(t,n)=>{try{return e(t,n)}catch(o){console.error(o),console.warn("[HMR] Something went wrong during Vue component hot-reload. Full reload required.")}}}let $,v=[];function Oe(e,t){var n,o;$=e,$?($.enabled=!0,v.forEach(({event:s,args:r})=>$.emit(s,...r)),v=[]):typeof window<"u"&&window.HTMLElement&&!((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=>{Oe(r,t)}),setTimeout(()=>{$||(t.__VUE_DEVTOOLS_HOOK_REPLAY__=null,v=[])},3e3)):v=[]}let J=null,_t=null;const Ct=e=>e.__isTeleport;function Ve(e,t){e.shapeFlag&6&&e.component?(e.transition=t,Ve(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}x().requestIdleCallback,x().cancelIdleCallback;function Et(e,t,n=K,o=!1){if(n){const s=n[e]||(n[e]=[]),r=t.__weh||(t.__weh=(...l)=>{const c=Mt(n),a=Se(t,n,e,l);return c(),a});return o?s.unshift(r):s.push(r),r}else if(process.env.NODE_ENV!=="production"){const s=Qe(oe[e].replace(/ hook$/,""));N(`${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 St=(e=>(t,n=K)=>{(!$e||e==="sp")&&Et(e,(...o)=>t(...o),n)})("u"),Nt=Symbol.for("v-ndc"),wt={};process.env.NODE_ENV!=="production"&&(wt.ownKeys=e=>(N("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 kt={},Ie=e=>Object.getPrototypeOf(e)===kt,bt=e=>e.__isSuspense,Re=Symbol.for("v-fgt"),Ot=Symbol.for("v-txt"),Vt=Symbol.for("v-cmt");function It(e){return e?e.__v_isVNode===!0:!1}const Rt=(...e)=>Fe(...e),De=({key:e})=>e??null,W=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?S(e)||Ce(e)||C(e)?{i:J,r:e,k:t,f:!!n}:e:null);function Dt(e,t=null,n=null,o=0,s=null,r=e===Re?0:1,l=!1,c=!1){const a={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&De(t),ref:t&&W(t),scopeId:_t,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:r,patchFlag:o,dynamicProps:s,dynamicChildren:null,appContext:null,ctx:J};return c?(ae(a,n),r&128&&e.normalize(a)):n&&(a.shapeFlag|=S(n)?8:16),process.env.NODE_ENV!=="production"&&a.key!==a.key&&N("VNode created with invalid key (NaN). VNode type:",a.type),a}const Ft=process.env.NODE_ENV!=="production"?Rt:Fe;function Fe(e,t=null,n=null,o=0,s=null,r=!1){if((!e||e===Nt)&&(process.env.NODE_ENV!=="production"&&!e&&N(`Invalid vnode type when creating vnode: ${e}.`),e=Vt),It(e)){const c=q(e,t,!0);return n&&ae(c,n),c.patchFlag=-2,c}if(He(e)&&(e=e.__vccOpts),t){t=Tt(t);let{class:c,style:a}=t;c&&!S(c)&&(t.class=ee(c)),H(a)&&(te(a)&&!_(a)&&(a=X({},a)),t.style=Z(a))}const l=S(e)?1:bt(e)?128:Ct(e)?64:H(e)?4:C(e)?2:0;return process.env.NODE_ENV!=="production"&&l&4&&te(e)&&(e=L(e),N("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)),Dt(e,t,n,o,s,l,r,!0)}function Tt(e){return e?te(e)||Ie(e)?X({},e):e:null}function q(e,t,n=!1,o=!1){const{props:s,ref:r,patchFlag:l,children:c,transition:a}=e,u=t?At(s||{},t):s,m={__v_isVNode:!0,__v_skip:!0,type:e.type,props:u,key:u&&De(u),ref:t&&t.ref?n&&r?_(r)?r.concat(W(t)):[r,W(t)]:W(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:process.env.NODE_ENV!=="production"&&l===-1&&_(c)?c.map(Te):c,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Re?l===-1?16:l|16:l,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:a,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&q(e.ssContent),ssFallback:e.ssFallback&&q(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return a&&o&&Ve(m,a.clone(m)),m}function Te(e){const t=q(e);return _(e.children)&&(t.children=e.children.map(Te)),t}function $t(e=" ",t=0){return Ft(Ot,null,e,t)}function ae(e,t){let n=0;const{shapeFlag:o}=e;if(t==null)t=null;else if(_(t))n=16;else if(typeof t=="object")if(o&65){const s=t.default;s&&(s._c&&(s._d=!1),ae(e,s()),s._c&&(s._d=!0));return}else n=32,!t._&&!Ie(t)&&(t._ctx=J);else C(t)?(t={default:t,_ctx:J},n=32):(t=String(t),o&64?(n=16,t=[$t(t)]):n=8);e.children=t,e.shapeFlag|=n}function At(...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=ee([t.class,o.class]));else if(s==="style")t.style=Z([t.style,o.style]);else if(qe(s)){const r=t[s],l=o[s];l&&r!==l&&!(_(r)&&r.includes(l))&&(t[s]=r?[].concat(r,l):l)}else s!==""&&(t[s]=o[s])}return t}let K=null,ce;{const e=x(),t=(n,o)=>{let s;return(s=e[n])||(s=e[n]=[]),s.push(o),r=>{s.length>1?s.forEach(l=>l(r)):s[0](r)}};ce=t("__VUE_INSTANCE_SETTERS__",n=>K=n),t("__VUE_SSR_SETTERS__",n=>$e=n)}const Mt=e=>{const t=K;return ce(e),e.scope.on(),()=>{e.scope.off(),ce(t)}};let $e=!1;process.env.NODE_ENV;const Ht=/(?:^|[-_])\w/g,zt=e=>e.replace(Ht,t=>t.toUpperCase()).replace(/[-_]/g,"");function Ae(e,t=!0){return C(e)?e.displayName||e.name:e.name||t&&e.__name}function Me(e,t,n=!1){let o=Ae(t);if(!o&&t.__file){const s=t.__file.match(/([^/\\]+)\.\w+$/);s&&(o=s[1])}if(!o&&e){const s=r=>{for(const l in r)if(r[l]===t)return l};o=s(e.components)||e.parent&&s(e.parent.type.components)||s(e.appContext.components)}return o?zt(o):n?"App":"Anonymous"}function He(e){return C(e)&&"__vccOpts"in e}process.env.NODE_ENV,process.env.NODE_ENV,process.env.NODE_ENV;const Pt=i.defineComponent({inheritAttrs:!0,__name:"MyopVueComponent",props:{flowId:{},componentId:{},onReady:{type:Function}},setup(e,{expose:t}){const n=e,o=i.useAttrs(),s=i.useSlots(),r=i.ref(null),l=i.ref(!0),c=i.ref(null),a=i.ref(null),u=i.getCurrentInstance(),m=i.ref(null);St(()=>{a&&a.value&&a.value(o)}),i.onMounted(async()=>{if(r.value){const R=await P.CloudRepository.Main.fetchComponent(n.componentId,n.flowId);c.value=await V.hostSDK.loadComponent(R,r==null?void 0:r.value,{_environment:{props:o,slots:s,context:u==null?void 0:u.appContext,vueContainerRef:r,defineUpdater:b=>{a.value=b},defineInnerVueComponentRef:b=>{m.value=b.value}}}),l.value=!1,n.onReady&&n.onReady(c.value,m.value)}});const g=i.reactive({});return t(g),i.watchEffect(()=>{Object.assign(g,m.value)}),(R,b)=>(i.openBlock(),i.createElementBlock(i.Fragment,null,[i.createElementVNode("div",i.mergeProps(i.unref(o),{ref_key:"myopContainer",ref:r}),null,16),l.value?i.renderSlot(R.$slots,"loading",{key:0}):i.createCommentVNode("",!0)],64))}});let k=P.CloudRepository.Main;const ze=()=>k,Pe=(e,t,n)=>k.isPreloaded(e,t,n),xt=e=>k.getPreloadedParams(e),Lt=()=>{k=new P.CloudRepository("http://localhost:9292")},jt=e=>{k=new P.CloudRepository(e)},Ut=e=>{k=e},Bt=e=>{k.setEnvironment(e)},vt=async(e,t,n)=>Promise.allSettled(e.map(o=>k.fetchComponentV2(o,t,n)));d.MyopComponent=Je,d.MyopContainer=Pt,d.MyopFallback=he,d.MyopLoader=me,d.enableLocalDev=Lt,d.getCloudRepository=ze,d.getPreloadedParams=xt,d.isPreloaded=Pe,d.preloadComponents=vt,d.setCloudRepository=Ut,d.setCloudRepositoryUrl=jt,d.setEnvironment=Bt,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myop/vue",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",