npm - @myop/vue - Versions diffs - 0.0.23 → 0.0.24 - Mend

@myop/vue 0.0.23 → 0.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

@@ -1,25 +1,25 @@
-import { defineComponent as Ut, useAttrs as qt, useSlots as Wt, ref as K, getCurrentInstance as jt, onMounted as Gt, reactive as Jt, watchEffect as Yt, createElementBlock as Xt, openBlock as Qt, Fragment as Zt, createElementVNode as es, renderSlot as ts, createCommentVNode as ss, mergeProps as ns, unref as is } from "vue";
-var os = Object.defineProperty, rs = (e, t, s) => t in e ? os(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, p = (e, t, s) => rs(e, typeof t != "symbol" ? t + "" : t, s), z = (e, t, s) => new Promise((n, i) => {
-  var o = (l) => {
+import { defineComponent as Gt, useAttrs as Jt, useSlots as Yt, ref as K, getCurrentInstance as Xt, onMounted as Qt, reactive as Zt, watchEffect as es, createElementBlock as ts, openBlock as ss, Fragment as ns, createElementVNode as is, renderSlot as os, createCommentVNode as rs, mergeProps as as, unref as ls } from "vue";
+var cs = Object.defineProperty, ds = (e, t, s) => t in e ? cs(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, p = (e, t, s) => ds(e, typeof t != "symbol" ? t + "" : t, s), U = (e, t, s) => new Promise((n, i) => {
+  var o = (c) => {
     try {
-      c(s.next(l));
+      l(s.next(c));
     } catch (d) {
       i(d);
     }
-  }, r = (l) => {
+  }, r = (c) => {
     try {
-      c(s.throw(l));
+      l(s.throw(c));
     } catch (d) {
       i(d);
     }
-  }, c = (l) => l.done ? n(l.value) : Promise.resolve(l.value).then(o, r);
-  c((s = s.apply(e, t)).next());
-}), k = () => "10000000-1000-4000-8000-100000000000".replace(
+  }, l = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(o, r);
+  l((s = s.apply(e, t)).next());
+}), D = () => "10000000-1000-4000-8000-100000000000".replace(
   /[018]/g,
   (e) => (+e ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +e / 4).toString(16)
-), as = class {
+), us = class {
   constructor() {
-    p(this, "id", k()), p(this, "myop", !0), p(this, "content"), p(this, "source"), p(this, "destination"), p(this, "route"), p(this, "ref"), p(this, "direction"), p(this, "cleanable", !1);
+    p(this, "id", D()), p(this, "myop", !0), p(this, "content"), p(this, "source"), p(this, "destination"), p(this, "route"), p(this, "ref"), p(this, "direction"), p(this, "cleanable", !1);
   }
   static create(...t) {
     return new this(...t);
@@ -27,36 +27,36 @@ var os = Object.defineProperty, rs = (e, t, s) => t in e ? os(e, t, { enumerable
   isTypeof(t) {
     return t.messageType === this.messageType;
   }
-}, cs = class extends as {
+}, hs = class extends us {
   constructor(t) {
-    super(), this.handler = t, p(this, "handlerUniqueId", k());
+    super(), this.handler = t, p(this, "handlerUniqueId", D());
   }
-}, ls = "ExecuteScriptReplyMessage", ds = /(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/, us = /\(\s*[^)]+\s*\)\s*=>\s*(.+)/, hs = (e) => {
-  let t = e.match(ds);
+}, ps = "ExecuteScriptReplyMessage", fs = /(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/, ms = /\(\s*[^)]+\s*\)\s*=>\s*(.+)/, gs = (e) => {
+  let t = e.match(fs);
   if (t)
     return t[1] || t[3];
   {
-    let s = e.match(us);
+    let s = e.match(ms);
     if (s)
       return s[1].trim();
   }
-}, Ke = class extends cs {
+}, qe = class extends hs {
   constructor(t, s = () => {
   }, n) {
-    super(s), this.scriptInputs = n, p(this, "replyMessageKey", ls), p(this, "messageType", "ExecuteScriptMessage"), p(this, "script", ""), this.script = t.toString(), this.content = t.toString(), this.content = hs(this.content);
+    super(s), this.scriptInputs = n, p(this, "replyMessageKey", ps), p(this, "messageType", "ExecuteScriptMessage"), p(this, "script", ""), this.script = t.toString(), this.content = t.toString(), this.content = gs(this.content);
   }
 };
-p(Ke, "replierKey", "send");
-p(Ke, "completeStreamKey", "completeStream");
-var Ne = class {
+p(qe, "replierKey", "send");
+p(qe, "completeStreamKey", "completeStream");
+var Pe = class {
   constructor() {
-    p(this, "_runTimeInstanceId", "runtime-instance-id-" + k()), p(this, "_runTimeId", "runtime-id-" + k()), p(this, "_runTimeName", "runtime-name-" + k()), p(this, "id", this._runTimeId), p(this, "name", this._runTimeName), p(this, "description", ""), p(this, "loader", null), p(this, "withLoader", (t) => (this.loader = t, this)), p(this, "withHTMLLoader", (t) => (t.type = "HTMLLoader", this.loader = t, this)), p(this, "build", () => this);
+    p(this, "_runTimeInstanceId", "runtime-instance-id-" + D()), p(this, "_runTimeId", "runtime-id-" + D()), p(this, "_runTimeName", "runtime-name-" + D()), p(this, "id", this._runTimeId), p(this, "name", this._runTimeName), p(this, "description", ""), p(this, "loader", null), p(this, "withLoader", (t) => (this.loader = t, this)), p(this, "withHTMLLoader", (t) => (t.type = "HTMLLoader", this.loader = t, this)), p(this, "build", () => this);
   }
 };
-p(Ne, "create", () => new Ne());
-var $e = class {
+p(Pe, "create", () => new Pe());
+var Le = class {
   constructor() {
-    p(this, "_runTimeInstanceId", "runtime-instance-id-" + k()), p(this, "_runTimeId", "runtime-id-" + k()), p(this, "_runTimeName", "runtime-name-" + k()), p(this, "instance", {
+    p(this, "_runTimeInstanceId", "runtime-instance-id-" + D()), p(this, "_runTimeId", "runtime-id-" + D()), p(this, "_runTimeName", "runtime-name-" + D()), p(this, "instance", {
       id: this._runTimeInstanceId,
       componentId: this._runTimeId,
       componentName: this._runTimeName,
@@ -89,21 +89,21 @@ var $e = class {
     }), p(this, "build", () => JSON.parse(JSON.stringify(this)));
   }
 };
-p($e, "create", () => new $e());
+p(Le, "create", () => new Le());
 var pe = class {
   // private components: Record<string, Promise<IUserFlow>> = {};
   constructor(t = "https://cloud.myop.dev") {
     this._baseUrl = t, p(this, "userFlows", {});
   }
   fetchComponent(t, s) {
-    return z(this, null, function* () {
+    return U(this, null, function* () {
       return s ? (yield this.fetchFlow(s)).components.find((i) => i.type.id === t) : (yield this.fetchAutoFlow(t)).components[0];
     });
   }
   fetchAutoFlow(t) {
-    return z(this, null, function* () {
+    return U(this, null, function* () {
       return this.userFlows[t] || (this.userFlows[t] = new Promise(
-        (s, n) => z(this, null, function* () {
+        (s, n) => U(this, null, function* () {
           try {
             const o = yield (yield fetch(
               `${this._baseUrl}/flow?id=${t}&auto=true`
@@ -117,9 +117,9 @@ var pe = class {
     });
   }
   fetchFlow(t) {
-    return z(this, null, function* () {
+    return U(this, null, function* () {
       return this.userFlows[t] || (this.userFlows[t] = new Promise(
-        (s, n) => z(this, null, function* () {
+        (s, n) => U(this, null, function* () {
           try {
             const o = yield (yield fetch(
               `${this._baseUrl}/flow?id=${t}&resolve=components`
@@ -134,34 +134,34 @@ var pe = class {
   }
 };
 p(pe, "Main", new pe());
-var ps = pe, ze = Object.defineProperty, fs = Object.defineProperties, ms = Object.getOwnPropertyDescriptors, Pe = Object.getOwnPropertySymbols, gs = Object.prototype.hasOwnProperty, ys = Object.prototype.propertyIsEnumerable, fe = (e, t, s) => t in e ? ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, g = (e, t) => {
+var ys = pe, je = Object.defineProperty, vs = Object.defineProperties, ws = Object.getOwnPropertyDescriptors, Ae = Object.getOwnPropertySymbols, Ms = Object.prototype.hasOwnProperty, _s = Object.prototype.propertyIsEnumerable, fe = (e, t, s) => t in e ? je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, v = (e, t) => {
   for (var s in t || (t = {}))
-    gs.call(t, s) && fe(e, s, t[s]);
-  if (Pe)
-    for (var s of Pe(t))
-      ys.call(t, s) && fe(e, s, t[s]);
+    Ms.call(t, s) && fe(e, s, t[s]);
+  if (Ae)
+    for (var s of Ae(t))
+      _s.call(t, s) && fe(e, s, t[s]);
   return e;
-}, G = (e, t) => fs(e, ms(t)), vs = (e, t) => {
+}, G = (e, t) => vs(e, ws(t)), Es = (e, t) => {
   for (var s in t)
-    ze(e, s, { get: t[s], enumerable: !0 });
-}, a = (e, t, s) => fe(e, typeof t != "symbol" ? t + "" : t, s), y = (e, t, s) => new Promise((n, i) => {
-  var o = (l) => {
+    je(e, s, { get: t[s], enumerable: !0 });
+}, a = (e, t, s) => fe(e, typeof t != "symbol" ? t + "" : t, s), m = (e, t, s) => new Promise((n, i) => {
+  var o = (c) => {
     try {
-      c(s.next(l));
+      l(s.next(c));
     } catch (d) {
       i(d);
     }
-  }, r = (l) => {
+  }, r = (c) => {
     try {
-      c(s.throw(l));
+      l(s.throw(c));
     } catch (d) {
       i(d);
     }
-  }, c = (l) => l.done ? n(l.value) : Promise.resolve(l.value).then(o, r);
-  c((s = s.apply(e, t)).next());
-}), J = "__federation__", Le = "onLoad", Ue = (e, t) => {
-  window[J] && window[J][e] && window[J][e][Le] && window[J][e][Le]({ [e]: t });
-}, f = {
+  }, l = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(o, r);
+  l((s = s.apply(e, t)).next());
+}), J = "__federation__", Be = "onLoad", We = (e, t) => {
+  window[J] && window[J][e] && window[J][e][Be] && window[J][e][Be]({ [e]: t });
+}, g = {
   //host to component
   InitRequest: "InitRequest",
   InitResponse: "InitResponse",
@@ -186,55 +186,76 @@ var ps = pe, ze = Object.defineProperty, fs = Object.defineProperties, ms = Obje
     ResizeObserverMessage: "ResizeObserverMessage"
   }
 }, me = {};
-vs(me, {
-  AddEventListenerMessage: () => Ss,
-  BaseMyopMessage: () => v,
-  BindClickMessage: () => _s,
-  ChangeTextMessage: () => Es,
-  CleanupMessage: () => dt,
-  CleanupReplayMessage: () => ut,
-  ClickReplayMessage: () => je,
-  CreateRefComponentMessage: () => it,
+Es(me, {
+  AddEventListenerMessage: () => Ds,
+  BaseMyopMessage: () => w,
+  BindClickMessage: () => xs,
+  ChangeTextMessage: () => Rs,
+  CleanupMessage: () => pt,
+  CleanupReplayMessage: () => ft,
+  ClickReplayMessage: () => Ye,
+  CreateRefComponentMessage: () => at,
   CustomRefMessage: () => ge,
-  DetectMyopRefsMessage: () => Rs,
-  DetectedMyopRefsMessage: () => at,
-  DisposeMessage: () => ht,
-  ElementValueReplayMessage: () => et,
-  EnvelopedMessage: () => ot,
-  EventListenerCallbackMessage: () => Qe,
-  ExecuteComponentMethod: () => x,
+  DetectMyopRefsMessage: () => Fs,
+  DetectedMyopRefsMessage: () => dt,
+  DisposeMessage: () => mt,
+  ElementValueReplayMessage: () => nt,
+  EnvelopedMessage: () => lt,
+  EventListenerCallbackMessage: () => tt,
+  ExecuteComponentMethod: () => R,
   ExecuteScriptMessage: () => H,
-  ExecuteScriptReplyMessage: () => Ye,
-  GetAttributeMessage: () => Hs,
-  GetAttributeReplayMessage: () => ks,
-  GetElementValueMessage: () => Ts,
-  InitMessage: () => be,
-  InitRequest: () => st,
-  InitResponse: () => tt,
-  MessageDirection: () => E,
-  MutationObserverMessage: () => Os,
-  MyopBindMessage: () => I,
-  MyopBindReplayMessage: () => S,
-  MyopElementMessage: () => Ms,
-  Ref: () => U,
+  ExecuteScriptReplyMessage: () => Ze,
+  GetAttributeMessage: () => Ps,
+  GetAttributeReplayMessage: () => Ls,
+  GetElementValueMessage: () => $s,
+  InitMessage: () => Ce,
+  InitRequest: () => ot,
+  InitResponse: () => it,
+  MessageDirection: () => b,
+  MutationObserverMessage: () => Bs,
+  MyopBindMessage: () => T,
+  MyopBindReplayMessage: () => I,
+  MyopElementMessage: () => Ts,
+  Ref: () => z,
   RefComponentCreatedMessage: () => ye,
-  ResizeObserverMessage: () => $s,
-  SetAttributeMessage: () => Is,
-  SetInnerHtml: () => xs,
-  SetMutationObserverMessage: () => Ds,
-  SetResizeObserverMessage: () => Ns,
-  stripFunction: () => Je
+  ResizeObserverMessage: () => Ks,
+  SetAttributeMessage: () => Os,
+  SetInnerHtml: () => Ns,
+  SetMutationObserverMessage: () => As,
+  SetResizeObserverMessage: () => Vs,
+  stripFunction: () => Qe
 });
-var A = () => "10000000-1000-4000-8000-100000000000".replace(
+var B = () => "10000000-1000-4000-8000-100000000000".replace(
   /[018]/g,
   (e) => (+e ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +e / 4).toString(16)
-), ws = (e) => new Promise((t) => setTimeout(t, e)), E = class {
+), bs = (e) => {
+  const t = [...e].map((s) => s.toString(16).padStart(2, "0")).join("");
+  return [
+    t.slice(0, 8),
+    t.slice(8, 12),
+    t.slice(12, 16),
+    t.slice(16, 20),
+    t.slice(20)
+  ].join("-");
+}, Cs = (e) => {
+  let t = e.replace(/-/g, "+").replace(/_/g, "/");
+  for (; t.length % 4; ) t += "=";
+  const s = atob(t);
+  return Uint8Array.from(s, (n) => n.charCodeAt(0));
+}, Ss = (e) => {
+  const t = Cs(e);
+  if (t.length % 16 !== 0) throw new Error("Invalid input length");
+  const s = [];
+  for (let n = 0; n < t.length; n += 16)
+    s.push(bs(t.slice(n, n + 16)));
+  return s;
+}, Is = (e) => new Promise((t) => setTimeout(t, e)), b = class {
 };
-a(E, "down", "down");
-a(E, "up", "up");
-var v = class {
+a(b, "down", "down");
+a(b, "up", "up");
+var w = class {
   constructor() {
-    a(this, "id", A()), a(this, "myop", !0), a(this, "content"), a(this, "source"), a(this, "destination"), a(this, "route"), a(this, "ref"), a(this, "direction"), a(this, "cleanable", !1);
+    a(this, "id", B()), a(this, "myop", !0), a(this, "content"), a(this, "source"), a(this, "destination"), a(this, "route"), a(this, "ref"), a(this, "direction"), a(this, "cleanable", !1);
   }
   static create(...e) {
     return new this(...e);
@@ -242,21 +263,21 @@ var v = class {
   isTypeof(e) {
     return e.messageType === this.messageType;
   }
-}, Ms = class extends v {
+}, Ts = class extends w {
   constructor(e) {
     super(), this.ref = e;
   }
-}, S = class extends v {
+}, I = class extends w {
   constructor(e) {
     super(), this.replayToHandler = e;
   }
-}, I = class extends v {
+}, T = class extends w {
   constructor(e) {
-    super(), this.handler = e, a(this, "handlerUniqueId", A());
+    super(), this.handler = e, a(this, "handlerUniqueId", B());
   }
-}, U = class qe {
+}, z = class Ge {
   constructor(t, s) {
-    this.refConfig = t, this.component = s, a(this, "myop", !0), a(this, "__nonProxied"), this.__nonProxied = G(g({}, this), {
+    this.refConfig = t, this.component = s, a(this, "myop", !0), a(this, "__nonProxied"), this.__nonProxied = G(v({}, this), {
       component: null
       // in order to be serializable
     });
@@ -272,163 +293,163 @@ var v = class {
       behavior: {
         type: "code"
       }
-    }), new qe(i, n);
+    }), new Ge(i, n);
   }
-}, We = "ClickReplayMessage", _s = class extends I {
+}, Je = "ClickReplayMessage", xs = class extends T {
   constructor(e, t) {
-    super(t), this.ref = e, a(this, "replyMessageKey", We), a(this, "messageType", "BindClickMessage"), a(this, "cleanable", !0);
+    super(t), this.ref = e, a(this, "replyMessageKey", Je), a(this, "messageType", "BindClickMessage"), a(this, "cleanable", !0);
   }
-}, je = class extends S {
+}, Ye = class extends I {
   constructor() {
-    super(...arguments), a(this, "messageType", We);
+    super(...arguments), a(this, "messageType", Je);
   }
-}, Es = class extends v {
+}, Rs = class extends w {
   constructor(e, t) {
     super(), this.ref = e, a(this, "messageType", "ChangeTextMessage"), this.content = t;
   }
-}, Ge = "ExecuteScriptReplyMessage", bs = /(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/, Cs = /\(\s*[^)]+\s*\)\s*=>\s*(.+)/, Je = (e) => {
-  let t = e.match(bs);
+}, Xe = "ExecuteScriptReplyMessage", ks = /(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/, Hs = /\(\s*[^)]+\s*\)\s*=>\s*(.+)/, Qe = (e) => {
+  let t = e.match(ks);
   if (t)
     return t[1] || t[3];
   {
-    let s = e.match(Cs);
+    let s = e.match(Hs);
     if (s)
       return s[1].trim();
   }
-}, H = class extends I {
+}, H = class extends T {
   constructor(e, t = () => {
   }, s) {
-    super(t), this.scriptInputs = s, a(this, "replyMessageKey", Ge), a(this, "messageType", "ExecuteScriptMessage"), a(this, "script", ""), this.script = e.toString(), this.content = e.toString(), this.content = Je(this.content);
+    super(t), this.scriptInputs = s, a(this, "replyMessageKey", Xe), a(this, "messageType", "ExecuteScriptMessage"), a(this, "script", ""), this.script = e.toString(), this.content = e.toString(), this.content = Qe(this.content);
   }
 };
 a(H, "replierKey", "send");
 a(H, "completeStreamKey", "completeStream");
-var Ye = class extends S {
+var Ze = class extends I {
   constructor(e, t) {
-    super(e), this.replayToHandler = e, this.content = t, a(this, "messageType", Ge);
+    super(e), this.replayToHandler = e, this.content = t, a(this, "messageType", Xe);
   }
 }, ge = class extends H {
   constructor(e, t, s = () => {
   }) {
     super(({ rootRef: n, elementId: i, _script: o, __scriptInputs: r }) => {
-      const c = (n.shadowRoot || n.container).querySelectorAll(`[myop-id='${i}']`);
-      return c.length ? (r.ref = c[0], new Function(`return (${o})(...arguments)`)(r)) : null;
-    }, s), this.scriptInputs = t, this.scriptInputs = G(g({}, t), {
+      const l = (n.shadowRoot || n.container).querySelectorAll(`[myop-id='${i}']`);
+      return l.length ? (r.ref = l[0], new Function(`return (${o})(...arguments)`)(r)) : null;
+    }, s), this.scriptInputs = t, this.scriptInputs = G(v({}, t), {
       //_script: stripFunction(script.toString()),
       _script: e.toString()
     });
   }
-}, Xe = "EventListenerCallbackMessage", Ss = class extends I {
+}, et = "EventListenerCallbackMessage", Ds = class extends T {
   // {} // empty
   constructor(e, t, s) {
-    super(s), this.ref = e, this.type = t, this.handler = s, a(this, "replyMessageKey", Xe), a(this, "messageType", "AddEventListenerMessage"), a(this, "cleanable", !0), a(this, "serializableSkeleton", !1);
+    super(s), this.ref = e, this.type = t, this.handler = s, a(this, "replyMessageKey", et), a(this, "messageType", "AddEventListenerMessage"), a(this, "cleanable", !0), a(this, "serializableSkeleton", !1);
   }
   withSerializableSkeleton(e) {
     return this.serializableSkeleton = e, this;
   }
-}, Qe = class extends S {
+}, tt = class extends I {
   constructor(e, t) {
-    super(e), this.replayToHandler = e, this.e = t, a(this, "messageType", Xe), this.content = {
+    super(e), this.replayToHandler = e, this.e = t, a(this, "messageType", et), this.content = {
       e: t
     };
   }
-}, Is = class extends v {
+}, Os = class extends w {
   constructor(e, t, s) {
     super(), this.ref = e, this.name = t, this.value = s, a(this, "messageType", "SetAttributeMessage");
   }
-}, Ze = "ElementValueReplayMessage", Ts = class extends I {
+}, st = "ElementValueReplayMessage", $s = class extends T {
   constructor(e, t) {
-    super(t), this.ref = e, a(this, "replyMessageKey", Ze), a(this, "messageType", "GetElementValueMessage");
+    super(t), this.ref = e, a(this, "replyMessageKey", st), a(this, "messageType", "GetElementValueMessage");
   }
-}, et = class extends S {
+}, nt = class extends I {
   constructor(e) {
-    super(), this.content = e, a(this, "messageType", Ze);
+    super(), this.content = e, a(this, "messageType", st);
   }
-}, xs = class extends v {
+}, Ns = class extends w {
   constructor(e, t) {
     super(), this.ref = e, a(this, "messageType", "SetInnerHtml"), this.content = t;
   }
-}, be = class extends v {
+}, Ce = class extends w {
   constructor(e) {
     super(), a(this, "messageType", "InitMessage"), this.content = { id: e };
   }
   isTypeof(e) {
     return e.messageType === this.messageType;
   }
-}, tt = class extends be {
+}, it = class extends Ce {
   constructor() {
     super(...arguments), a(this, "messageType", "InitResponse");
   }
-}, st = class extends v {
+}, ot = class extends w {
   constructor() {
     super(...arguments), a(this, "messageType", "InitRequest");
   }
-}, nt = "RefComponentCreatedMessage", it = class extends I {
+}, rt = "RefComponentCreatedMessage", at = class extends T {
   constructor(e, t, s, n) {
-    super(n), this.refConfig = e, this.nestedComponentConfig = t, this.options = s, a(this, "replyMessageKey", nt), a(this, "messageType", "CreateRefComponentMessage");
+    super(n), this.refConfig = e, this.nestedComponentConfig = t, this.options = s, a(this, "replyMessageKey", rt), a(this, "messageType", "CreateRefComponentMessage");
   }
-}, ye = class extends S {
+}, ye = class extends I {
   constructor(e, t, s) {
-    super(e), this.replayToHandler = e, this.nestedRefs = t, this.failed = s, a(this, "messageType", nt);
+    super(e), this.replayToHandler = e, this.nestedRefs = t, this.failed = s, a(this, "messageType", rt);
   }
-}, ot = class extends v {
+}, lt = class extends w {
   constructor(e, t) {
     super(), this.destination = e, this.message = t, a(this, "messageType", "EnvelopedMessage");
     const s = t;
     this.route = [e, ...s.route ? s.route : []];
   }
-}, rt = "DetectedMyopRefsMessage", Rs = class extends I {
+}, ct = "DetectedMyopRefsMessage", Fs = class extends T {
   constructor() {
-    super(...arguments), a(this, "messageType", "DetectMyopRefsMessage"), a(this, "replyMessageKey", rt);
+    super(...arguments), a(this, "messageType", "DetectMyopRefsMessage"), a(this, "replyMessageKey", ct);
   }
-}, at = class extends S {
+}, dt = class extends I {
   constructor(e, t) {
-    super(e), this.replayToHandler = e, a(this, "messageType", rt), this.content = t;
+    super(e), this.replayToHandler = e, a(this, "messageType", ct), this.content = t;
   }
   isTypeof(e) {
     return e.messageType === this.messageType;
   }
-}, ct = "GetAttributeReplayMessage", Hs = class extends I {
+}, ut = "GetAttributeReplayMessage", Ps = class extends T {
   constructor(e, t, s) {
-    super(s), this.ref = e, this.name = t, a(this, "replyMessageKey", ct), a(this, "messageType", "GetAttributeMessage");
+    super(s), this.ref = e, this.name = t, a(this, "replyMessageKey", ut), a(this, "messageType", "GetAttributeMessage");
   }
-}, ks = class extends S {
+}, Ls = class extends I {
   constructor(e) {
-    super(), this.content = e, a(this, "messageType", ct);
+    super(), this.content = e, a(this, "messageType", ut);
   }
-}, x = class extends v {
+}, R = class extends w {
   constructor(e) {
     super(), this.method = e, a(this, "messageType", "ExecuteComponentMethod");
   }
-}, Ds = class extends v {
+}, As = class extends w {
   constructor() {
     super(...arguments), a(this, "messageType", "SetMutationObserverMessage");
   }
-}, Os = class extends v {
+}, Bs = class extends w {
   constructor() {
     super(...arguments), a(this, "messageType", "MutationObserverMessage");
   }
-}, lt = "CleanupReplayMessage", dt = class extends I {
+}, ht = "CleanupReplayMessage", pt = class extends T {
   constructor(e, t) {
-    super(t), this.cleanupForMessageId = e, a(this, "replyMessageKey", lt), a(this, "messageType", "CleanupMessage");
+    super(t), this.cleanupForMessageId = e, a(this, "replyMessageKey", ht), a(this, "messageType", "CleanupMessage");
   }
-}, ut = class extends S {
+}, ft = class extends I {
   constructor(e) {
-    super(), this.customCleanup = e, a(this, "messageType", lt);
+    super(), this.customCleanup = e, a(this, "messageType", ht);
   }
-}, ht = class extends v {
+}, mt = class extends w {
   constructor() {
     super(...arguments), a(this, "messageType", "DisposeMessage");
   }
-}, Ns = class extends v {
+}, Vs = class extends w {
   constructor() {
     super(...arguments), a(this, "cleanable", !0), a(this, "messageType", "SetResizeObserverMessage");
   }
-}, $s = class extends v {
+}, Ks = class extends w {
   constructor() {
     super(...arguments), a(this, "messageType", "ResizeObserverMessage");
   }
-}, Ce = class {
+}, Se = class {
   constructor(e, t, s) {
     this.componentDefinition = e, this.container = t, a(this, "id", ""), a(this, "messageHandlers", {}), a(this, "element"), a(this, "_markedForDisposed", !1), a(this, "bind", (i, o) => {
       this.messageHandlers[i] || (this.messageHandlers[i] = []), this.messageHandlers[i].includes(o) || this.messageHandlers[i].push(o);
@@ -436,16 +457,16 @@ var Ye = class extends S {
       if (!r)
         throw new Error("can't use component.bindWhen without an handler");
       this.messageHandlers[i] || (this.messageHandlers[i] = []);
-      const c = this.messageHandlers[i], l = (d) => o(d) ? (r(d), !0) : !1;
-      return c.push(l), () => {
-        const d = c.indexOf(l);
-        d > -1 && c.splice(d, 1);
+      const l = this.messageHandlers[i], c = (d) => o(d) ? (r(d), !0) : !1;
+      return l.push(c), () => {
+        const d = l.indexOf(c);
+        d > -1 && l.splice(d, 1);
       };
     }), a(this, "setInitiated", () => {
       this.isInitiated = !0, this._whenInitiatedResolve && this._whenInitiatedResolve();
     }), a(this, "isInitiated", !1), a(this, "_whenInitiatedResolve"), a(this, "_whenInitiatedReject"), a(this, "_whenInitiated", new Promise((i, o) => {
       this._whenInitiatedResolve = i, this._whenInitiatedReject = o;
-    })), a(this, "initiated", () => this._whenInitiated), a(this, "props", {}), a(this, "refs", {}), this.id = (s == null ? void 0 : s.id) || ie.Instance().assignId(e);
+    })), a(this, "initiated", () => this._whenInitiated), a(this, "props", {}), a(this, "refs", {}), this.id = (s == null ? void 0 : s.id) || oe.Instance().assignId(e);
     const n = s != null && s.timeout ? s == null ? void 0 : s.timeout : 5 * 1e3;
     setTimeout(() => {
       !this.isInitiated && this._whenInitiatedReject && !this._markedForDisposed && this._whenInitiatedReject(`timeout_${n} ${this.id}`);
@@ -462,7 +483,7 @@ var Ye = class extends S {
     this._markedForDisposed = e;
   }
   onMessageReceived(e) {
-    if (e.messageType === f.ExecuteComponentMethod) {
+    if (e.messageType === g.ExecuteComponentMethod) {
       const s = e;
       return this[s.method] ? this[s.method](s.content) : console.log(`method not found ${s.method} on component`, this), !0;
     }
@@ -476,21 +497,21 @@ var Ye = class extends S {
     return !1;
   }
   sendCleanupMessage(e) {
-    e.source = this.id, e.destination = this.id, e.direction = E.down;
+    e.source = this.id, e.destination = this.id, e.direction = b.down;
     const t = this.bindWhen(e.replyMessageKey, (n) => n.replayToHandler === e.handlerUniqueId, (n) => {
       e.handler(n), t();
     }), s = e.handler;
     delete e.handler, this.send(e), e.handler = s;
   }
   send(e) {
-    e.source || (e.source = this.id), e.destination || (e.destination = this.id), e.direction = E.down;
+    e.source || (e.source = this.id), e.destination || (e.destination = this.id), e.direction = b.down;
     let t;
     if (e.handler) {
       const s = e;
       t = this.bindWhen(s.replyMessageKey, (n) => n.replayToHandler === s.handlerUniqueId, s.handler), delete e.handler;
     }
     return e.ref && (e.ref = e.ref.__nonProxied || e.ref), e.cleanable ? () => {
-      this.sendCleanupMessage(new dt(e.id, (s) => {
+      this.sendCleanupMessage(new pt(e.id, (s) => {
       })), t && t();
     } : () => {
     };
@@ -498,39 +519,39 @@ var Ye = class extends S {
   dispose() {
     if (this.markedForDisposed = !0, !this.isInitiated)
       return;
-    console.log("disposing component", this.id), this.send(new ht());
+    console.log("disposing component", this.id), this.send(new mt());
     const e = this.messageHandlers.onDispose;
     e && e.forEach((t) => {
       t(null);
     }), this.messageHandlers = {}, this.id += "_disposed", this.isInitiated = !1;
   }
-}, Ps = class {
+}, Us = class {
   constructor(e, t, s, n, i) {
     this.myopId = e, this.htmlTagName = t, this.BoundingRect = s, this.offsetTop = n, this.offsetLeft = i, a(this, "type", "MyopElementRef");
   }
-}, Ls = (e) => y(void 0, null, function* () {
+}, zs = (e) => m(void 0, null, function* () {
   if (typeof e == "function")
     e();
   else if (e instanceof Promise) {
     const t = yield e;
     typeof t == "function" && t();
   }
-}), Fs = class {
+}), qs = class {
   //TODO : add dispose method
   constructor(e) {
     this.messageToHost = e;
   }
-}, As = class extends Fs {
+}, js = class extends qs {
   constructor(e, t) {
     super(e), this.messageToHost = e, this.context = t;
   }
-}, Vs = class {
+}, Ws = class {
   //onMessageReceived: (msg: IMyopMessage) => void;
   constructor(e, t) {
     this.id = e, this.context = t, a(this, "send", (s) => {
     });
   }
-}, Bs = class {
+}, Gs = class {
   constructor() {
     a(this, "messageToHandleAfterInit", []), a(this, "components", {}), a(this, "alwaysPassEnvelopesToHost", !1), a(this, "messageCleanupCache", {});
   }
@@ -538,28 +559,28 @@ var Ye = class extends S {
     const t = e.data ? e.data : e.detail;
     if (!(!t || !t.myop)) {
       let s = t;
-      if (s.direction !== E.down)
+      if (s.direction !== b.down)
         return;
-      if (s.messageType === f.DisposeMessage) {
+      if (s.messageType === g.DisposeMessage) {
         s.destination && delete this.components[s.destination];
         return;
       }
-      if (s.messageType === f.InitMessage) {
+      if (s.messageType === g.InitMessage) {
         const n = s.content.id;
         if (this.components[n])
           return;
-        this.components[n] = new Vs(n), this.messageToHost(new tt(n));
+        this.components[n] = new Ws(n), this.messageToHost(new it(n));
         return;
       }
-      if (s.messageType === f.EnvelopedMessage) {
+      if (s.messageType === g.EnvelopedMessage) {
         const n = s, i = n.message;
         if (s = i, this.alwaysPassEnvelopesToHost || this.components[s.destination]) {
-          const o = myop.hostSDK.components.find((c) => c.id === i.destination);
+          const o = myop.hostSDK.components.find((l) => l.id === i.destination);
           if (o) {
             o.send(i);
             return;
           }
-          const r = myop.hostSDK.components.find((c) => c.id === n.destination);
+          const r = myop.hostSDK.components.find((l) => l.id === n.destination);
           if (r) {
             r.send(i);
             return;
@@ -568,9 +589,9 @@ var Ye = class extends S {
           return;
       }
       if (s.messageType) {
-        if (s.messageType === f.CleanupMessage) {
-          const n = s, i = this.messageCleanupCache[n.cleanupForMessageId], o = new ut(!!i);
-          o.destination = s.destination, i ? (delete this.messageCleanupCache[n.cleanupForMessageId], Ls(i).then(() => {
+        if (s.messageType === g.CleanupMessage) {
+          const n = s, i = this.messageCleanupCache[n.cleanupForMessageId], o = new ft(!!i);
+          o.destination = s.destination, i ? (delete this.messageCleanupCache[n.cleanupForMessageId], zs(i).then(() => {
             this.messageToHost(o, n);
           }).catch(() => {
           })) : this.messageToHost(o, n);
@@ -597,7 +618,7 @@ To ensure cleanup properly set 'cleanable' true at message definition and return
         console.log("unsupported message type");
     }
   }
-}, Se = {
+}, Ie = {
   IframeLoader: "IframeLoader",
   WebComponentLoader: "WebComponentLoader",
   HTMLLoader: "HTMLLoader"
@@ -605,28 +626,37 @@ To ensure cleanup properly set 'cleanable' true at message definition and return
   open: "open",
   none: "none",
   localFrame: "localFrame"
-}, Ie = class {
+}, Te = class {
 };
-a(Ie, "code", "code");
-a(Ie, "component", "component");
-var ce = {
+a(Te, "code", "code");
+a(Te, "component", "component");
+var Q = {
   Segmented: "Segmented",
-  Dedicated: "Dedicated"
-}, Ks = {
-  Segment: "Segment"
-}, zs = class {
+  Dedicated: "Dedicated",
+  /**
+   * This Selector Type is not yet supported but will be added in a future release.
+   * Please check the documentation for updates.
+   *
+   * @type {string}
+   */
+  Default: "Default"
+}, gt = {
+  Segment: "Segment",
+  Promo: "Promo",
+  AB: "AB"
+}, Js = class {
   constructor(e, t) {
     this.container = e, this.shadowRoot = t, a(this, "getRootDiv", () => (this.shadowRoot || this.container).querySelector("div")), a(this, "getRoot", () => this.shadowRoot || this.container);
   }
-}, we = (e) => e !== Object(e), Us = (e) => typeof e == "function", pt = (e) => {
+}, we = (e) => e !== Object(e), Ys = (e) => typeof e == "function", yt = (e) => {
   if (we(e))
     return !0;
-  if (Us(e) || Object.getPrototypeOf(e))
+  if (Ys(e) || Object.getPrototypeOf(e))
     return !1;
   for (const t in e) {
     const s = e[t];
     if (typeof s == "object") {
-      if (!pt(s))
+      if (!yt(s))
         return !1;
     } else {
       if (we(s))
@@ -661,7 +691,7 @@ var ce = {
     return i;
   }
   return {};
-}, qs = {
+}, Xs = {
   notSerializableRefCall: (e, t) => {
     throw new Error(`
 The input provided to '${e.toString()}' is not serializable. Serialization is required to ensure that the data can be safely transferred to the skin implementation.
@@ -695,59 +725,59 @@ For more details on serialization and Myop message examples, refer to https://do
 `);
   }
-}, Fe = class extends Ce {
+}, Ve = class extends Se {
   constructor(e, t, s) {
     super(e, t.container, s), this.componentDefinition = e, this.parent = t, a(this, "send", (n) => {
       const i = n.handler, o = super.send(n);
-      return this.parent.send(new ot(this.id, n)), n.handler = i, o;
+      return this.parent.send(new lt(this.id, n)), n.handler = i, o;
     }), a(this, "dispose", () => {
-      this.isInitiated && this.send(new x("dispose")), super.dispose();
+      this.isInitiated && this.send(new R("dispose")), super.dispose();
     });
   }
   hide() {
-    this.send(new x("hide"));
+    this.send(new R("hide"));
   }
   show() {
-    this.send(new x("show"));
+    this.send(new R("show"));
   }
   inspect() {
-    return this.send(new x("inspect"));
+    return this.send(new R("inspect"));
   }
   setHeightBasedOnDocumentElement() {
-    this.send(new x("setHeightBasedOnDocumentElement"));
+    this.send(new R("setHeightBasedOnDocumentElement"));
   }
   setHeightBasedOnScrollHeight() {
-    this.send(new x("setHeightBasedOnScrollHeight"));
+    this.send(new R("setHeightBasedOnScrollHeight"));
   }
   onMessageReceived(e) {
     return super.onMessageReceived(e);
   }
-}, Ws = (e, t, s) => {
+}, Qs = (e, t, s) => {
   const n = document.createElement("a");
   return n.textContent = e, n.style.position = "relative", n.style.padding = "0 5px", n.style.fontSize = "14px", n.style.top = "0", n.style.top = `${t}px`, n.style.transform = "translateX(-50%)", n.target = "_blank", n.href = `https://dashboard.myop.dev/dashboard/component/${s.id}`, n;
-}, ft = (e, t, s, n, i, o) => {
-  const r = Ws(`${o.name} : ${t}`, s, o);
+}, vt = (e, t, s, n, i, o) => {
+  const r = Qs(`${o.name} : ${t}`, s, o);
   return n.insertBefore(r, i), i.style.border = "1px solid #007BFF", i.style.display = "block", () => {
     i.style.border = "unset", n.removeChild(r);
   };
-}, js = (e, t) => {
-  const s = t.reduce((i, o) => G(g({}, i), {
-    [o.name]: g({}, o)
+}, Zs = (e, t) => {
+  const s = t.reduce((i, o) => G(v({}, i), {
+    [o.name]: v({}, o)
   }), {}), n = {
     get: (i, o) => {
       const r = s[o];
-      return r.mode === "output" ? new Promise((c) => {
-        const l = [];
-        r.behavior.ref && l.push(U.create(r.behavior.ref)), l.push((u) => {
-          c(u);
-        }), r.behavior.params && l.push(...r.behavior.params);
+      return r.mode === "output" ? new Promise((l) => {
+        const c = [];
+        r.behavior.ref && c.push(z.create(r.behavior.ref)), c.push((u) => {
+          l(u);
+        }), r.behavior.params && c.push(...r.behavior.params);
         const d = me[r.behavior.message];
-        e.send(new d(...l));
+        e.send(new d(...c));
       }) : null;
     },
     set: (i, o, r) => {
-      const c = s[o];
-      if (!c)
+      const l = s[o];
+      if (!l)
         throw new Error(
           `Error: Undefined Prop
@@ -759,12 +789,12 @@ Component: ${e.componentDefinition.name}, ID: ${e.componentDefinition.id}
 For more information, refer to the component page https://dashboard.myop.dev/dashboard/component/${e.componentDefinition.id} or consult the developer guide.`
         );
-      if (c.mode === "input")
-        if (c.behavior.type === "message") {
-          const l = [];
-          c.behavior.ref && l.push(U.create(c.behavior.ref)), l.push(r), c.behavior.params && l.push(...c.behavior.params);
-          const d = me[c.behavior.message];
-          return e.send(new d(...l)), !0;
+      if (l.mode === "input")
+        if (l.behavior.type === "message") {
+          const c = [];
+          l.behavior.ref && c.push(z.create(l.behavior.ref)), c.push(r), l.behavior.params && c.push(...l.behavior.params);
+          const d = me[l.behavior.message];
+          return e.send(new d(...c)), !0;
         } else
           throw new Error(
             `Error: Unsupported Behavior
@@ -773,7 +803,7 @@ The 'behavior' field provided is not supported.
 Component: ${e.componentDefinition.name}, ID: ${e.componentDefinition.id}
 Prop Name: ${o}
-Behavior Field: ${c.behavior.type}
+Behavior Field: ${l.behavior.type}
 Check the documentation for valid behavior options.`
           );
@@ -781,16 +811,16 @@ Check the documentation for valid behavior options.`
     }
   };
   return e.props = {}, e.props = new Proxy(e.props, n), e;
-}, Gs = (e, t) => new Proxy(e, {
+}, en = (e, t) => new Proxy(e, {
   get(s, n) {
     return s[n] ? s[n] : (...o) => new Promise((r) => {
-      o.forEach((c) => {
-        pt(c) || qs.notSerializableRefCall(n, c);
+      o.forEach((l) => {
+        yt(l) || Xs.notSerializableRefCall(n, l);
       }), t.send(new ge(
-        ({ ref: c, propName: l, functionArgs: d, makeSerializable: u }) => {
-          if (c) {
-            const h = c[l];
-            return u(typeof h == "function" ? c[l](...d) : h, !0);
+        ({ ref: l, propName: c, functionArgs: d, makeSerializable: u }) => {
+          if (l) {
+            const h = l[c];
+            return u(typeof h == "function" ? l[c](...d) : h, !0);
           }
           return null;
         },
@@ -800,16 +830,16 @@ Check the documentation for valid behavior options.`
           propName: n,
           functionArgs: o
         },
-        (c) => {
-          r(c.content);
+        (l) => {
+          r(l.content);
         }
       ));
     });
   },
   set(s, n, i) {
     return t.send(new ge(
-      ({ ref: o, propName: r, propValue: c }) => {
-        o && (o[r] = c);
+      ({ ref: o, propName: r, propValue: l }) => {
+        o && (o[r] = l);
       },
       {
         //TODO : fix that
@@ -821,71 +851,71 @@ Check the documentation for valid behavior options.`
       }
     )), !0;
   }
-}), mt = (e, t, s, n) => y(void 0, null, function* () {
+}), wt = (e, t, s, n) => m(void 0, null, function* () {
   const i = e.component;
   if (!i)
     throw new Error("cant createRefComponent with detached ref");
-  return new Promise((o, r) => y(void 0, null, function* () {
-    const c = new Fe(t.type, i, n);
-    s.push(c), yield i.initiated();
-    const l = setTimeout(() => {
+  return new Promise((o, r) => m(void 0, null, function* () {
+    const l = new Ve(t.type, i, n);
+    s.push(l), yield i.initiated();
+    const c = setTimeout(() => {
       r("timeout");
     }, 5e3);
-    i.send(new it(
+    i.send(new at(
       e.refConfig,
       t,
-      G(g({}, n || {}), {
-        id: c.id,
+      G(v({}, n || {}), {
+        id: l.id,
         _hasParent: !0
       }),
-      (d) => y(void 0, null, function* () {
-        if (clearTimeout(l), d.failed) {
+      (d) => m(void 0, null, function* () {
+        if (clearTimeout(c), d.failed) {
           r("CreateRefComponentMessage failed");
           return;
         }
-        const u = s.find((h) => h.id == c.id);
-        if (u !== c) {
+        const u = s.find((h) => h.id == l.id);
+        if (u !== l) {
           i.refs[e.refConfig.name] = u, o(u);
           return;
         } else
-          c.setInitiated(), i.refs[e.refConfig.name] = c;
+          l.setInitiated(), i.refs[e.refConfig.name] = l;
         d.nestedRefs.forEach((h) => {
-          const m = t.instance.resolvedNestedComponents.find((B) => B.type.id === h.componentDefinitionId).type, w = new Fe(m, c);
-          w.setInitiated(), c.refs[h.refName] = w, s.push(w);
+          const f = t.instance.resolvedNestedComponents.find((M) => M.type.id === h.componentDefinitionId).type, y = new Ve(f, l);
+          y.setInitiated(), l.refs[h.refName] = y, s.push(y);
         });
         try {
-          yield gt(c, t, s, !0), i.setHeightBasedOnScrollHeight && i.setHeightBasedOnScrollHeight(), o(c);
+          yield Mt(l, t, s, !0), i.setHeightBasedOnScrollHeight && i.setHeightBasedOnScrollHeight(), o(l);
         } catch (h) {
           r(h);
         }
       })
     ));
   }));
-}), gt = (e, t, s, n = !1) => y(void 0, null, function* () {
+}), Mt = (e, t, s, n = !1) => m(void 0, null, function* () {
   e.refs || (e.refs = {});
-  const i = Object.values(e.componentDefinition.refs).map((o) => new Promise((r, c) => y(void 0, null, function* () {
-    var l;
-    if (o.behavior.type == Ie.component) {
+  const i = Object.values(e.componentDefinition.refs).map((o) => new Promise((r, l) => m(void 0, null, function* () {
+    var c;
+    if (o.behavior.type == Te.component) {
       if (n) {
         r();
         return;
       }
       let d = o.behavior.componentId;
       d || (d = o.behavior.instance.componentId);
-      const u = (l = t.instance.resolvedNestedComponents) == null ? void 0 : l.find((m) => m.type.id === d);
+      const u = (c = t.instance.resolvedNestedComponents) == null ? void 0 : c.find((f) => f.type.id === d);
       if (!u)
         throw new Error("componentConfig provided without nestedComponentConfig check the config object");
-      const h = U.create("", o, e);
+      const h = z.create("", o, e);
       try {
-        const m = yield mt(h, u, s);
-        e.refs[o.name] = m, r();
-      } catch (m) {
-        c(m);
+        const f = yield wt(h, u, s);
+        e.refs[o.name] = f, r();
+      } catch (f) {
+        l(f);
       }
     } else
       try {
-        const d = U.create("", o, e);
-        e.refs[o.name] = Gs(d, e), r();
+        const d = z.create("", o, e);
+        e.refs[o.name] = en(d, e), r();
       } catch {
       }
   })));
@@ -894,7 +924,7 @@ Check the documentation for valid behavior options.`
   } catch (o) {
     throw o;
   }
-}), yt = class extends Ce {
+}), _t = class extends Se {
   constructor(e, t, s, n, i) {
     super(e, s, i), this.componentConfig = e, this.container = s, this.IframeElement = n, a(this, "cleanupInspect"), a(this, "setHeightBasedOnDocumentElement", () => {
       const o = this.send(new H(() => window.document.documentElement.scrollHeight, (r) => {
@@ -902,43 +932,43 @@ Check the documentation for valid behavior options.`
       }));
     }), a(this, "observeSizeBasedOnDocumentElement", () => {
       this.send(new H(({ send: o }) => {
-        const { height: r, width: c } = document.documentElement.getBoundingClientRect(), l = new ResizeObserver(() => {
+        const { height: r, width: l } = document.documentElement.getBoundingClientRect(), c = new ResizeObserver(() => {
           const { height: d, width: u } = document.documentElement.getBoundingClientRect();
           o({ height: d, width: u });
         });
-        return l.observe(document.documentElement), l.observe(document.body), { height: r, width: c };
+        return c.observe(document.documentElement), c.observe(document.body), { height: r, width: l };
       }, (o) => {
         this.IframeElement.style.width = `${o.content.width}px`, this.IframeElement.style.height = `${o.content.height}px`;
       }));
     }), a(this, "setSizeBasedOnDocumentElement", () => {
       const o = this.send(new H(() => {
-        const { height: r, width: c } = document.documentElement.getBoundingClientRect();
-        return { height: r, width: c };
+        const { height: r, width: l } = document.documentElement.getBoundingClientRect();
+        return { height: r, width: l };
       }, (r) => {
         this.IframeElement.style.width = `${r.content.width}px`, this.IframeElement.style.height = `${r.content.height}px`, o();
       }));
     }), a(this, "setHeightBasedOnScrollHeight", () => {
       const o = this.send(new H(() => {
-        let c = 0;
-        return c++, c--, Math.max(
+        let l = 0;
+        return l++, l--, Math.max(
           Math.max(
             window.document.body.clientHeight,
             window.document.body.scrollHeight
           ),
           window.document.body.offsetHeight
-        ) + c + "px";
+        ) + l + "px";
       }, (r) => {
         this.IframeElement.style.height = r.content, o();
       }));
     }), a(this, "send", (o) => {
-      var r, c;
-      let l = g({}, o);
-      if (l.messageType === f.ExecuteComponentMethod)
-        return this[l.method](), () => {
+      var r, l;
+      let c = v({}, o);
+      if (c.messageType === g.ExecuteComponentMethod)
+        return this[c.method](), () => {
         };
-      l.direction = E.down;
-      const d = super.send(l);
-      return (c = (r = this.IframeElement) == null ? void 0 : r.contentWindow) == null || c.postMessage(l, "*"), d;
+      c.direction = b.down;
+      const d = super.send(c);
+      return (l = (r = this.IframeElement) == null ? void 0 : r.contentWindow) == null || l.postMessage(c, "*"), d;
     }), a(this, "dispose", () => {
       this.cleanupInspect && this.cleanupInspect(), super.dispose(), this.IframeElement.parentNode.removeChild(this.IframeElement);
     }), t.loader.autoHeight && this.initiated().then(() => {
@@ -946,7 +976,7 @@ Check the documentation for valid behavior options.`
     }), this.element = this.IframeElement;
   }
   inspect() {
-    return this.cleanupInspect ? this.cleanupInspect : (this.cleanupInspect = ft(this.id, "MyopIframeComponent", 10, this.container, this.IframeElement, this.componentDefinition), () => {
+    return this.cleanupInspect ? this.cleanupInspect : (this.cleanupInspect = vt(this.id, "MyopIframeComponent", 10, this.container, this.IframeElement, this.componentDefinition), () => {
       this.cleanupInspect(), this.cleanupInspect = void 0;
     });
   }
@@ -957,9 +987,9 @@ Check the documentation for valid behavior options.`
     this.IframeElement.style.opacity = "1", this.IframeElement.style.position = "unset", this.IframeElement.style.pointerEvents = "all", this.IframeElement.style.visibility = "visible";
   }
   onMessageReceived(e) {
-    return e.messageType === f.In.MutationObserverMessage || e.messageType === f.In.ResizeObserverMessage ? (this.setHeightBasedOnScrollHeight(), !0) : super.onMessageReceived(e);
+    return e.messageType === g.In.MutationObserverMessage || e.messageType === g.In.ResizeObserverMessage ? (this.setHeightBasedOnScrollHeight(), !0) : super.onMessageReceived(e);
   }
-}, Te = class {
+}, xe = class {
   constructor() {
     a(this, "appendChild", (e, t, s) => {
       var n;
@@ -974,24 +1004,24 @@ Check the documentation for valid behavior options.`
         return e.appendChild(t);
     });
   }
-}, Js = (e, t, s) => {
+}, tn = (e, t, s) => {
   const n = new URL(e);
   return n.searchParams.append(t, s), n.toString();
-}, Ys = class extends Te {
+}, sn = class extends xe {
   constructor() {
-    super(...arguments), a(this, "type", Se.IframeLoader), a(this, "load", (e, t, s, n) => y(this, null, function* () {
+    super(...arguments), a(this, "type", Ie.IframeLoader), a(this, "load", (e, t, s, n) => m(this, null, function* () {
       let i;
       const o = t.loader;
       if ((s == null ? void 0 : s.nodeName) === "IFRAME")
         console.log("needs to load into an exsisting Iframe...", o.url, s), i = s, i.src = o.url;
       else {
-        const r = A(), c = `myop-comp-${r}`;
+        const r = B(), l = `myop-comp-${r}`;
         i = document.createElement("iframe"), s.querySelector('[id^="myop-comp-"]') || (s.innerHTML = ""), n != null && n.hidden && (i.style.visibility = "hidden"), i = this.appendChild(s, i, n);
-        let l = t.loader.url;
-        n != null && n._hasParent && (l = Js(l, "_myop-comp", r));
+        let c = t.loader.url;
+        n != null && n._hasParent && (c = tn(c, "_myop-comp", r));
         let d = "";
         n != null && n.elementAttributes && (d = Object.entries(n == null ? void 0 : n.elementAttributes).map(([u, h]) => h === "" || h === null || h === void 0 ? u : `${u}="${String(h)}"`).join(" ")), i.outerHTML = `<iframe
-               id="${c}"
+               id="${l}"
                style="
                    padding: 0;
                    margin: 0;
@@ -1003,21 +1033,21 @@ Check the documentation for valid behavior options.`
                    position: ${n != null && n.hidden ? "absolute" : "static"};
                    pointer-events: ${n != null && n.hidden ? "none" : "all"};
                "
-            src="${l}"
+            src="${c}"
             ${d}
-            ></iframe>`, i = s.querySelector(`#${c}`);
+            ></iframe>`, i = s.querySelector(`#${l}`);
       }
-      return new yt(e, t, s, i, n);
+      return new _t(e, t, s, i, n);
     }));
   }
-}, vt = {
+}, Et = {
   webcomponent_message_key: "myop_webcomponent_message"
-}, wt = class extends Ce {
+}, bt = class extends Se {
   constructor(e, t, s, n, i) {
     super(e, s, i), this.container = s, this.customElement = n, a(this, "cleanupInspect", () => {
     }), a(this, "send", (o) => {
-      let r = g({}, o);
-      const c = super.send(r), l = new CustomEvent(vt.webcomponent_message_key, {
+      let r = v({}, o);
+      const l = super.send(r), c = new CustomEvent(Et.webcomponent_message_key, {
         // @ts-ignore
         detail: r
         // bubbles: true,
@@ -1025,18 +1055,18 @@ Check the documentation for valid behavior options.`
         // composed: true
       });
       try {
-        this.customElement.dispatchEvent(l);
+        this.customElement.dispatchEvent(c);
       } catch (d) {
         console.log("error while trying to dispatchEvent", d);
       }
-      return c;
+      return l;
     }), a(this, "dispose", () => {
       var o;
       super.dispose(), (o = this.customElement.parentNode) == null || o.removeChild(this.customElement);
     }), this.element = n;
   }
   inspect() {
-    return this.cleanupInspect = ft(this.id, "MyopWebComponent", 0, this.container, this.customElement, this.componentDefinition), this.cleanupInspect;
+    return this.cleanupInspect = vt(this.id, "MyopWebComponent", 0, this.container, this.customElement, this.componentDefinition), this.cleanupInspect;
   }
   hide() {
     this.customElement.style.opacity = "0", this.customElement.style.position = "absolute", this.customElement.style.pointerEvents = "none", this.customElement.style.visibility = "hidden", this.customElement.style.height = "0", this.customElement.style.width = "0";
@@ -1044,31 +1074,31 @@ Check the documentation for valid behavior options.`
   show() {
     this.customElement.style.opacity = "1", this.customElement.style.position = "unset", this.customElement.style.pointerEvents = "all", this.customElement.style.visibility = "visible", this.customElement.style.height = "", this.customElement.style.width = "";
   }
-}, le = {}, Xs = class extends Te {
+}, ce = {}, nn = class extends xe {
   constructor() {
-    super(...arguments), a(this, "type", Se.WebComponentLoader), a(this, "load", (e, t, s, n) => y(this, null, function* () {
+    super(...arguments), a(this, "type", Ie.WebComponentLoader), a(this, "load", (e, t, s, n) => m(this, null, function* () {
       const i = t.loader;
-      le[i.url] ? console.log("Module alreday loaded or in loading process") : le[i.url] = new Promise((c, l) => {
+      ce[i.url] ? console.log("Module alreday loaded or in loading process") : ce[i.url] = new Promise((l, c) => {
         const d = i.url, u = document.createElement("script");
         u.type = "module", u.src = d, u.onload = () => {
-          c();
-        }, u.onerror = () => {
           l();
+        }, u.onerror = () => {
+          c();
         }, document.head.appendChild(u);
-      }), yield le[i.url], yield ws(1);
-      let o = `myop-comp-${A()}`;
+      }), yield ce[i.url], yield Is(1);
+      let o = `myop-comp-${B()}`;
       const r = document.createElement(i.tag);
-      return s.querySelector('[id^="myop-comp-"]') || (s.innerHTML = ""), r.id = o, n != null && n.hidden && (r.style.opacity = "0", r.style.position = "absolute", r.style.height = "0", r.style.width = "0", r.style.pointerEvents = "none", r.style.visibility = "hidden"), n != null && n._environment && (r._myopEnvironment = n == null ? void 0 : n._environment), this.appendChild(s, r, n), new wt(e, t, s, r, n);
+      return s.querySelector('[id^="myop-comp-"]') || (s.innerHTML = ""), r.id = o, n != null && n.hidden && (r.style.opacity = "0", r.style.position = "absolute", r.style.height = "0", r.style.width = "0", r.style.pointerEvents = "none", r.style.visibility = "hidden"), n != null && n._environment && (r._myopEnvironment = n == null ? void 0 : n._environment), this.appendChild(s, r, n), new bt(e, t, s, r, n);
     }));
   }
-}, Qs = "0.1.36", T = class extends As {
+}, on = "0.1.42", x = class extends js {
   constructor(e, t) {
     super(e), this.context = t, a(this, "executor", (s) => {
       if (s.destination) {
         const n = s.destination;
         if (this.context[n].context) {
           const i = (o, r) => {
-            this.messageToHost(G(g({}, o), {
+            this.messageToHost(G(v({}, o), {
               source: s.destination ? s.destination : s.source,
               destination: s.source ? s.source : s.destination
             }), r);
@@ -1082,13 +1112,13 @@ Check the documentation for valid behavior options.`
   }
 }, q = {
   id: "myop-id"
-}, V = (e, t) => t.querySelectorAll(`[${q.id}='${e.refConfig.selector}']`), Zs = class extends T {
+}, V = (e, t) => t.querySelectorAll(`[${q.id}='${e.refConfig.selector}']`), rn = class extends x {
   constructor() {
-    super(...arguments), a(this, "messageType", f.BindClickMessage), a(this, "innerExecutor", (e, t, s) => {
+    super(...arguments), a(this, "messageType", g.BindClickMessage), a(this, "innerExecutor", (e, t, s) => {
       const n = V(e.ref, t.shadowRoot), i = [];
       return n.forEach((o) => {
         const r = () => {
-          s(new je(e.handlerUniqueId));
+          s(new Ye(e.handlerUniqueId));
         };
         o.addEventListener("click", r), i.push(() => {
           o.removeEventListener("click", r);
@@ -1098,44 +1128,44 @@ Check the documentation for valid behavior options.`
       };
     });
   }
-}, en = class extends T {
+}, an = class extends x {
   constructor() {
-    super(...arguments), a(this, "messageType", f.ChangeTextMessage), a(this, "innerExecutor", (e, t) => {
+    super(...arguments), a(this, "messageType", g.ChangeTextMessage), a(this, "innerExecutor", (e, t) => {
       V(e.ref, t.shadowRoot).forEach((n) => {
         n.textContent = e.content;
       });
     });
   }
-}, tn = class extends zs {
+}, ln = class extends Js {
   constructor(e, t) {
     super(e, t), this.container = e, this.shadowRoot = t;
   }
-}, sn = class extends T {
+}, cn = class extends x {
   constructor() {
     super(...arguments), a(this, "innerExecutor", (e, t) => {
       const s = t.shadowRoot.querySelectorAll(`[${q.id}]`);
       let n = [];
       s.forEach((i) => {
         const o = i.getAttribute(q.id);
-        o && n.push(new Ps(o, i.tagName, i.getBoundingClientRect(), i.offsetTop, i.offsetLeft));
-      }), this.messageToHost(new at(e.handlerUniqueId, n));
-    }), a(this, "messageType", f.DetectMyopRefsMessage);
+        o && n.push(new Us(o, i.tagName, i.getBoundingClientRect(), i.offsetTop, i.offsetLeft));
+      }), this.messageToHost(new dt(e.handlerUniqueId, n));
+    }), a(this, "messageType", g.DetectMyopRefsMessage);
   }
-}, nn = class extends T {
+}, dn = class extends x {
   constructor() {
-    super(...arguments), a(this, "messageType", f.SetAttributeMessage), a(this, "innerExecutor", (e, t) => {
+    super(...arguments), a(this, "messageType", g.SetAttributeMessage), a(this, "innerExecutor", (e, t) => {
       V(e.ref, t.shadowRoot).forEach((n) => {
         n.setAttribute(e.name, e.value);
       });
     });
   }
-}, on = class extends T {
+}, un = class extends x {
   constructor() {
-    super(...arguments), a(this, "messageType", f.AddEventListenerMessage), a(this, "innerExecutor", (e, t, s) => {
+    super(...arguments), a(this, "messageType", g.AddEventListenerMessage), a(this, "innerExecutor", (e, t, s) => {
       const n = V(e.ref, t.shadowRoot), i = [];
       return n.forEach((o) => {
-        const r = (c) => {
-          s(new Qe(e.handlerUniqueId, L(c, e.serializableSkeleton)));
+        const r = (l) => {
+          s(new tt(e.handlerUniqueId, L(l, e.serializableSkeleton)));
         };
         o.addEventListener(e.type, r), i.push(() => {
           o.removeEventListener(e.type, r);
@@ -1145,23 +1175,23 @@ Check the documentation for valid behavior options.`
       };
     });
   }
-}, rn = class extends T {
+}, hn = class extends x {
   constructor() {
-    super(...arguments), a(this, "messageType", f.CreateRefComponentMessage), a(this, "innerExecutor", (e, t, s) => {
-      y(this, null, function* () {
+    super(...arguments), a(this, "messageType", g.CreateRefComponentMessage), a(this, "innerExecutor", (e, t, s) => {
+      m(this, null, function* () {
         const i = t.shadowRoot.querySelectorAll(`[${q.id}='${e.refConfig.selector}']`);
         if (i.length === 1) {
-          const o = ie.Instance(), r = o.components.find((u) => u.id === e.options.id);
+          const o = oe.Instance(), r = o.components.find((u) => u.id === e.options.id);
           r && r.dispose();
-          const c = o.components.indexOf(r);
-          c !== -1 && o.components.splice(c, 1);
-          const l = yield o.loadComponent(
+          const l = o.components.indexOf(r);
+          l !== -1 && o.components.splice(l, 1);
+          const c = yield o.loadComponent(
             e.nestedComponentConfig,
             i.item(0),
             e.options
           ), d = [];
-          Object.keys(l.refs).forEach((u) => {
-            let h = l.refs[u];
+          Object.keys(c.refs).forEach((u) => {
+            let h = c.refs[u];
             h = h.__nonProxied || h, h.componentDefinition && d.push({
               refName: u,
               componentDefinitionId: h.componentDefinition.id
@@ -1174,20 +1204,20 @@ Check the documentation for valid behavior options.`
       }).then();
     });
   }
-}, an = (e, t, s) => {
+}, pn = (e, t, s) => {
   const n = e.scriptInputs ? e.scriptInputs : {};
   n.makeSerializable = L, n.send = t, n.rootRef = s, n.__scriptInputs = n;
   const o = new Function(`return (${e.script})(...arguments)`)(n);
   t(o);
-}, cn = class extends T {
+}, fn = class extends x {
   constructor() {
-    super(...arguments), a(this, "messageType", f.ExecuteScriptMessage), a(this, "innerExecutor", (e, t, s) => {
-      an(e, (i) => {
-        s(new Ye(e.handlerUniqueId, i));
+    super(...arguments), a(this, "messageType", g.ExecuteScriptMessage), a(this, "innerExecutor", (e, t, s) => {
+      pn(e, (i) => {
+        s(new Ze(e.handlerUniqueId, i));
       }, t);
     });
   }
-}, Mt = (e) => {
+}, Ct = (e) => {
   if (!e) return null;
   if (e.tagName === "FORM") {
     new FormData(e);
@@ -1202,7 +1232,7 @@ Check the documentation for valid behavior options.`
         const r = {
           id: n.id,
           name: o,
-          value: Mt(n),
+          value: Ct(n),
           required: n.required,
           validity: L(n.validity, !0),
           myopId: i
@@ -1212,82 +1242,82 @@ Check the documentation for valid behavior options.`
     }), t;
   }
   return e.type === "checkbox" || e.type === "radio" ? e.checked ? e.value : null : e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT" ? e.value : e.isContentEditable ? e.innerText || e.textContent : null;
-}, ln = class extends T {
+}, mn = class extends x {
   constructor() {
-    super(...arguments), a(this, "messageType", f.GetElementValueMessage), a(this, "innerExecutor", (e, t, s) => {
+    super(...arguments), a(this, "messageType", g.GetElementValueMessage), a(this, "innerExecutor", (e, t, s) => {
       V(e.ref, t.shadowRoot).forEach((i) => {
-        s(new et(Mt(i)), e);
+        s(new nt(Ct(i)), e);
       });
     });
   }
-}, dn = class extends T {
+}, gn = class extends x {
   constructor() {
-    super(...arguments), a(this, "messageType", f.SetInnerHtml), a(this, "innerExecutor", (e, t) => {
+    super(...arguments), a(this, "messageType", g.SetInnerHtml), a(this, "innerExecutor", (e, t) => {
       V(e.ref, t.shadowRoot).forEach((n) => {
         n.innerHTML = e.content;
       });
     });
   }
-}, _t = class extends Bs {
+}, St = class extends Gs {
   constructor() {
     super(...arguments), a(this, "alwaysPassEnvelopesToHost", !0), a(this, "connectedCallback", (e, t) => {
-      e.addEventListener(vt.webcomponent_message_key, (s) => {
+      e.addEventListener(Et.webcomponent_message_key, (s) => {
         const n = s.data ? s.data : s.detail;
         if (!n || !n.myop) {
           debugger;
           throw new Error("recvied webcomponent_message with wrong type");
         } else {
           const i = n;
-          if (this.handleIncomeMessages(s), i.messageType === f.InitMessage) {
+          if (this.handleIncomeMessages(s), i.messageType === g.InitMessage) {
             const o = i.content.id;
-            this.components[o].context = new tn(e, t);
+            this.components[o].context = new ln(e, t);
           }
         }
       }), setTimeout(() => {
-        this.messageToHost(new st());
+        this.messageToHost(new ot());
       }, 1);
     }), a(this, "messageToHost", (e, t) => {
-      e.direction = E.up, !e.replayToHandler && (t != null && t.handlerUniqueId) && (e.replayToHandler = t.handlerUniqueId), window.myop.hostSDK.send(e);
+      e.direction = b.up, !e.replayToHandler && (t != null && t.handlerUniqueId) && (e.replayToHandler = t.handlerUniqueId), window.myop.hostSDK.send(e);
     }), a(this, "supportedHandlers", [
-      new en(this.messageToHost, this.components),
-      new dn(this.messageToHost, this.components),
-      new Zs(this.messageToHost, this.components),
-      new sn(this.messageToHost, this.components),
-      new nn(this.messageToHost, this.components),
-      new on(this.messageToHost, this.components),
+      new an(this.messageToHost, this.components),
+      new gn(this.messageToHost, this.components),
+      new rn(this.messageToHost, this.components),
       new cn(this.messageToHost, this.components),
-      new ln(this.messageToHost, this.components),
+      new dn(this.messageToHost, this.components),
+      new un(this.messageToHost, this.components),
+      new fn(this.messageToHost, this.components),
+      new mn(this.messageToHost, this.components),
       //
-      new rn(this.messageToHost, this.components)
+      new hn(this.messageToHost, this.components)
     ]), a(this, "init", () => {
     });
   }
 };
-Ue("WebComponentSDK", _t);
-var Ae = [], Y, Et = () => y(void 0, null, function* () {
-  return Y || (Y = new _t(), Y.init()), Y;
+We("WebComponentSDK", St);
+var Ke = [], Y, It = () => m(void 0, null, function* () {
+  return Y || (Y = new St(), Y.init()), Y;
 });
-function un(e, t) {
+function yn(e, t) {
   return class extends HTMLElement {
     connectedCallback() {
       const s = t === ve.open ? "open" : "closed", n = this.attachShadow({ mode: s });
-      Et().then((i) => {
+      It().then((i) => {
         i.connectedCallback(this, n), n.innerHTML = e;
       });
     }
   };
 }
-var hn = (e, t, s) => {
-  customElements.define(e, un(t, s)), console.log(`define('${e}') was called, web component ready to use`);
-}, pn = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/(\d+)/g, "-$1").toLowerCase(), fn = (e) => (e = pn(e), e.replace(/_/g, "-")), mn = class extends Te {
+var vn = (e, t, s) => {
+  customElements.define(e, yn(t, s)), console.log(`define('${e}') was called, web component ready to use`);
+}, wn = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/(\d+)/g, "-$1").toLowerCase(), Mn = (e) => (e = wn(e), e.replace(/_/g, "-")), _n = class extends xe {
   constructor() {
-    super(...arguments), a(this, "type", Se.HTMLLoader), a(this, "load", (e, t, s, n) => y(this, null, function* () {
+    super(...arguments), a(this, "type", Ie.HTMLLoader), a(this, "load", (e, t, s, n) => m(this, null, function* () {
       const i = t.loader;
-      let o = `myop-comp-${A()}`, r;
+      let o = `myop-comp-${B()}`, r;
       if (i.shadowRootMode === ve.localFrame) {
-        const l = `myop-comp-${A()}`;
+        const c = `myop-comp-${B()}`;
         let d = document.createElement("iframe");
-        s.querySelector('[id^="myop-comp-"]') || (s.innerHTML = ""), n != null && n.hidden && (d.style.visibility = "hidden"), d = this.appendChild(s, d, n), d.id = l, d.setAttribute("style", `
+        s.querySelector('[id^="myop-comp-"]') || (s.innerHTML = ""), n != null && n.hidden && (d.style.visibility = "hidden"), d = this.appendChild(s, d, n), d.id = c, d.setAttribute("style", `
                    padding: 0;
                    margin: 0;
                    overflow: hidden;
@@ -1299,7 +1329,20 @@ var hn = (e, t, s) => {
                    pointer-events: ${n != null && n.hidden ? "none" : "all"};
                `), s.appendChild(d);
         const u = d.contentDocument || d.contentWindow.document;
-        u.open(), u.writeln(i.HTML), u.writeln(`<script src="${window.myop.__ROOT_SDK_PUBLIC_URL__}"><\/script>
+        u.open();
+        let h = i.HTML;
+        if (n != null && n._inspection) {
+          const M = new DOMParser().parseFromString(i.HTML, "text/html"), Ne = M.implementation.createHTMLDocument();
+          Ne.body.innerHTML = `<script>
+                        const beforeKeysWindow = new Set(Object.keys(window));
+                        window.myopState = {
+                            beforeKeysWindow,
+                        };
+                <\/script>`;
+          const Fe = Ne.body.firstChild;
+          Fe && M.head && M.head.insertBefore(M.importNode(Fe, !0), M.head.firstChild), h = M.documentElement.outerHTML;
+        }
+        u.writeln(h), u.writeln(`<script src="${window.myop.__ROOT_SDK_PUBLIC_URL__}"><\/script>
                     <script>
                     window.__federation__ =
                     { ...window.__federation__,
@@ -1318,41 +1361,102 @@ var hn = (e, t, s) => {
                         }
                         init().then();
               <\/script>`), u.close();
-        const h = new yt(e, t, s, d, n);
+        const f = new _t(e, t, s, d, n);
         return d.onload = () => {
-          h.observeSizeBasedOnDocumentElement();
-        }, h;
+          f.observeSizeBasedOnDocumentElement();
+        }, f;
       }
       if (i.shadowRootMode === ve.none) {
-        const c = document.createElement("template");
-        c.innerHTML = i.HTML, r = c.content.firstElementChild, Et().then((l) => {
-          l.connectedCallback(r, r);
+        const l = document.createElement("template");
+        l.innerHTML = i.HTML, r = l.content.firstElementChild, It().then((c) => {
+          c.connectedCallback(r, r);
         });
       } else {
-        const c = fn(e.name + t.id);
-        Ae.includes(c) || (hn(c, i.HTML, i.shadowRootMode), Ae.push(c)), r = document.createElement(c);
+        const l = Mn(e.name + t.id);
+        Ke.includes(l) || (vn(l, i.HTML, i.shadowRootMode), Ke.push(l)), r = document.createElement(l);
       }
-      return s.querySelector('[id^="myop-comp-"]') || (s.innerHTML = ""), r.id = o, n != null && n.hidden && (r.style.opacity = "0", r.style.position = "absolute", r.style.height = "0", r.style.width = "0", r.style.pointerEvents = "none", r.style.visibility = "hidden"), this.appendChild(s, r, n), new wt(e, t, s, r, n);
+      return s.querySelector('[id^="myop-comp-"]') || (s.innerHTML = ""), r.id = o, n != null && n.hidden && (r.style.opacity = "0", r.style.position = "absolute", r.style.height = "0", r.style.width = "0", r.style.pointerEvents = "none", r.style.visibility = "hidden"), this.appendChild(s, r, n), new bt(e, t, s, r, n);
     }));
   }
-}, bt = "https://cdn.myop.dev/sdk/next/myop_sdk.min.js", ie = class {
+}, Me = class {
+  // private components: Record<string, Promise<IUserFlow>> = {};
+  constructor(t = "https://cloud.myop.dev") {
+    this._baseUrl = t, a(this, "userFlows", {});
+  }
+  fetchComponent(t, s) {
+    return m(this, null, function* () {
+      return s ? (yield this.fetchFlow(s)).components.find((i) => i.type.id === t) : (yield this.fetchAutoFlow(t)).components[0];
+    });
+  }
+  fetchAutoFlow(t) {
+    return m(this, null, function* () {
+      return this.userFlows[t] || (this.userFlows[t] = new Promise(
+        (s, n) => m(this, null, function* () {
+          try {
+            const o = yield (yield fetch(
+              `${this._baseUrl}/flow?id=${t}&auto=true`
+            )).json();
+            s(o.item);
+          } catch (i) {
+            n(i);
+          }
+        })
+      )), yield this.userFlows[t];
+    });
+  }
+  fetchFlow(t) {
+    return m(this, null, function* () {
+      return this.userFlows[t] || (this.userFlows[t] = new Promise(
+        (s, n) => m(this, null, function* () {
+          try {
+            const o = yield (yield fetch(
+              `${this._baseUrl}/flow?id=${t}&resolve=components`
+            )).json();
+            s(o.item);
+          } catch (i) {
+            n(i);
+          }
+        })
+      )), yield this.userFlows[t];
+    });
+  }
+};
+a(Me, "Main", new Me());
+var En = Me, bn = (e) => m(void 0, null, function* () {
+  try {
+    const t = new URL(window.location.href), n = new URLSearchParams(t.search).get("myopOverride");
+    if (n) {
+      const [i, o] = Ss(n), l = (yield En.Main.fetchFlow(i)).components.find((c) => c.type.id === e.type.id);
+      if (l && l.instance.skinSelector.type === Q.Segmented && l.instance.resolvedExperiences) {
+        const c = l.instance.resolvedExperiences.find((d) => d.id === o);
+        if ((c == null ? void 0 : c.type) === gt.Segment) {
+          const d = c, h = l.instance.skinSelector.segments.find((f) => f.segmentId === d.segment.id);
+          if (h)
+            return l.instance.skinSelector = h == null ? void 0 : h.skinSelector, l;
+        }
+      }
+    }
+  } catch {
+    return null;
+  }
+}), Tt = "https://cdn.myop.dev/sdk/next/myop_sdk.min.js", oe = class {
   constructor() {
-    a(this, "components2init", []), a(this, "components", []), a(this, "componentsLoaders", []), a(this, "initiated", !1), a(this, "version", Qs), a(this, "type2InstanceCount", {}), a(this, "assignId", (e) => (this.type2InstanceCount[e.id] || (this.type2InstanceCount[e.id] = 0), `${e.id}_${++this.type2InstanceCount[e.id]}`)), a(this, "inspected", !1), a(this, "inspect", () => {
+    a(this, "components2init", []), a(this, "components", []), a(this, "componentsLoaders", []), a(this, "initiated", !1), a(this, "version", on), a(this, "type2InstanceCount", {}), a(this, "assignId", (e) => (this.type2InstanceCount[e.id] || (this.type2InstanceCount[e.id] = 0), `${e.id}_${++this.type2InstanceCount[e.id]}`)), a(this, "inspected", !1), a(this, "inspect", () => {
       this.inspected || (this.inspected = !0, this.components.forEach((e) => {
         e.inspect && e.inspect();
       }));
     }), a(this, "incomingMessageHandler", (e) => {
       if (e.origin, document.location.origin, e.data.myop) {
-        if (e.data.direction !== E.up && e.data.messageType !== f.EnvelopedMessage)
+        if (e.data.direction !== b.up && e.data.messageType !== g.EnvelopedMessage)
           return;
         const t = e.data;
-        if (t.messageType === f.InitRequest) {
+        if (t.messageType === g.InitRequest) {
           this.components2init.forEach((n) => {
-            n.send(new be(n.id));
+            n.send(new Ce(n.id));
           });
           return;
         }
-        if (t.messageType === f.InitResponse) {
+        if (t.messageType === g.InitResponse) {
           this.components2init = this.components2init.filter((i) => i.id !== t.content.id);
           const n = this.components.find((i) => {
             var o;
@@ -1361,11 +1465,11 @@ var hn = (e, t, s) => {
           n == null || n.setInitiated();
           return;
         }
-        if (t.messageType === f.EnvelopedMessage) {
+        if (t.messageType === g.EnvelopedMessage) {
           const n = t, i = this.components.find((o) => o.id === n.destination);
           if (i) {
-            if (n.direction === E.down) {
-              n.message.messageType === x.name ? i.onMessageReceived(n.message) : (n.message.route = n.route, i.send(n.message));
+            if (n.direction === b.down) {
+              n.message.messageType === R.name ? i.onMessageReceived(n.message) : (n.message.route = n.route, i.send(n.message));
               return;
             }
           } else {
@@ -1395,9 +1499,9 @@ var hn = (e, t, s) => {
       if (this.initiated)
         throw new Error("hostSDK already initiated");
       const t = [
-        new Ys(),
-        new Xs(),
-        new mn()
+        new sn(),
+        new nn(),
+        new _n()
       ];
       if (this.componentsLoaders = [
         ...t
@@ -1415,32 +1519,34 @@ var hn = (e, t, s) => {
         this.incomingMessageHandler,
         !1
       ), console.log("myop hostSDK initiated", document.location.href), this.initiated = !0;
-    }), a(this, "_getSkinIdBySkinSelector", (e, ...t) => y(this, [e, ...t], function* (s, n = [], i) {
+    }), a(this, "_getSkinIdBySkinSelector", (e, ...t) => m(this, [e, ...t], function* (s, n = [], i) {
       var o;
-      function r(c, l) {
-        return y(this, null, function* () {
-          for (const d of c)
-            if (yield l(d))
+      function r(l, c) {
+        return m(this, null, function* () {
+          for (const d of l)
+            if (yield c(d))
               return d;
         });
       }
       switch (s.type) {
+        // @ts-ignore
         case "DedicatedSkin":
-        case ce.Dedicated:
+        //backward compatibility
+        case Q.Dedicated:
           return ((o = s.skin) == null ? void 0 : o.id) || s.skins[0].id;
-        case ce.Segmented:
+        case Q.Segmented:
           {
-            const l = yield r(s.segments, (d) => y(this, null, function* () {
+            const c = yield r(s.segments, (d) => m(this, null, function* () {
               if (d.segmentId === "Default")
                 return !0;
-              const u = n.find((B) => B.type === Ks.Segment ? B.segment.id === d.segmentId : !1);
+              const u = n.find((M) => M.type === gt.Segment ? M.segment.id === d.segmentId : !1);
               if (!u)
                 throw new Error("experience not found");
-              const m = u.segment, w = (i || {})[m.function];
-              return w ? yield w() : (console.warn(`segmentId:${d.segmentId}, ${m.function} function not provided !`), !1);
+              const f = u.segment, y = (i || {})[f.function];
+              return y ? yield y() : (console.warn(`segmentId:${d.segmentId}, ${f.function} function not provided !`), !1);
             }));
-            if (l)
-              return this._getSkinIdBySkinSelector(l.skinSelector, n);
+            if (c)
+              return this._getSkinIdBySkinSelector(c.skinSelector, n);
             debugger;
           }
           break;
@@ -1448,60 +1554,62 @@ var hn = (e, t, s) => {
           debugger;
       }
       return "";
-    })), a(this, "runSkinSelector", (e, t) => y(this, null, function* () {
+    })), a(this, "runSkinSelector", (e, t) => m(this, null, function* () {
       const s = yield this._getSkinIdBySkinSelector(e.instance.skinSelector, e.instance.resolvedExperiences, t);
       return e.type.skins.find((n) => n.id === s);
-    })), a(this, "loaderHooks"), a(this, "loadComponent", (e, t, s) => y(this, null, function* () {
+    })), a(this, "loaderHooks"), a(this, "loadComponent", (e, t, s) => m(this, null, function* () {
       var n, i, o, r;
       if (!t) {
         debugger;
         throw new Error("no container was found for this component");
       }
+      const l = yield bn(e);
+      l && (e = l);
       const c = t;
       if (c.myop)
         if (c.component) {
-          e = g({}, e), e.instance = g({}, e.instance);
-          const h = g(g({}, (n = this.loaderHooks) != null ? n : {}), (i = s == null ? void 0 : s.hooks) != null ? i : {});
-          let m = yield this.runSkinSelector(e, h);
-          if (!m)
+          e = v({}, e), e.instance = v({}, e.instance);
+          const f = v(v({}, (n = this.loaderHooks) != null ? n : {}), (i = s == null ? void 0 : s.hooks) != null ? i : {});
+          let y = yield this.runSkinSelector(e, f);
+          if (!y)
             throw new Error("runSkinSelector failed to choose skin, check the provided config");
-          return (o = s == null ? void 0 : s.hooks) != null && o.afterSkinSelected && (m = yield s.hooks.afterSkinSelected(g({}, m))), e.instance.skinSelector = {
-            type: ce.Dedicated,
-            skin: m
+          return (o = s == null ? void 0 : s.hooks) != null && o.afterSkinSelected && (y = yield s.hooks.afterSkinSelected(v({}, y))), e.instance.skinSelector = {
+            type: Q.Dedicated,
+            skin: y
             //  skins: [selectedSkin]
-          }, s && (s = g({}, s), delete s.hooks), yield mt(c, e, this.components, s);
+          }, s && (s = v({}, s), delete s.hooks), yield wt(c, e, this.components, s);
         } else
           throw new Error("load component got a detached ref.");
       t = t;
-      let l = yield this.runSkinSelector(e, s == null ? void 0 : s.hooks);
-      if (!l)
+      let d = yield this.runSkinSelector(e, s == null ? void 0 : s.hooks);
+      if (!d)
         throw new Error("runSkinSelector failed to choose skin, check the provided config");
-      (r = s == null ? void 0 : s.hooks) != null && r.afterSkinSelected && (l = yield s.hooks.afterSkinSelected(g({}, l)));
-      const d = this.componentsLoaders.find((h) => h.type === l.loader.type);
-      if (!d) {
+      (r = s == null ? void 0 : s.hooks) != null && r.afterSkinSelected && (d = yield s.hooks.afterSkinSelected(v({}, d)));
+      const u = this.componentsLoaders.find((f) => f.type === d.loader.type);
+      if (!u) {
         debugger;
-        throw new Error(`no loader "${l.loader.type}" was found for component`);
+        throw new Error(`no loader "${d.loader.type}" was found for component`);
       }
-      let u = yield d.load(e.type, l, t, s);
-      u.isInitiated || this.components2init.push(u), u.bind("onDispose", () => (this.components = this.components.filter((h) => h !== u), this.components2init = this.components2init.filter((h) => h !== u), !0)), this.components.push(u), s != null && s.connectProps && (u = js(u, e.type.props));
+      let h = yield u.load(e.type, d, t, s);
+      h.isInitiated || this.components2init.push(h), h.bind("onDispose", () => (this.components = this.components.filter((f) => f !== h), this.components2init = this.components2init.filter((f) => f !== h), !0)), this.components.push(h), s != null && s.connectProps && (h = Zs(h, e.type.props));
       try {
-        yield gt(u, e, this.components);
-      } catch (h) {
-        throw h;
+        yield Mt(h, e, this.components);
+      } catch (f) {
+        throw f;
       }
-      return s != null && s.skipInit || (yield u.initiated()), u;
-    })), a(this, "navigate", (e, t, s) => y(this, null, function* () {
+      return s != null && s.skipInit || (yield h.initiated()), h;
+    })), a(this, "navigate", (e, t, s) => m(this, null, function* () {
       if (e.parent)
         throw new Error("Navigating on remote ref components is not implemented yet");
       if (s != null && s.staged) {
-        let n = yield this.loadComponent(t, e.container, g({
+        let n = yield this.loadComponent(t, e.container, v({
           hidden: !0,
           relative: { direction: "after", child: e.element }
         }, s));
         return s.init && (yield s.init(n)), n.show(), e.dispose(), n;
       } else {
         const n = e.element.nextSibling;
-        return e.dispose(), this.loadComponent(t, e.container, g({
+        return e.dispose(), this.loadComponent(t, e.container, v({
           relative: {
             direction: "before",
             child: n
@@ -1511,68 +1619,68 @@ var hn = (e, t, s) => {
     }));
   }
 };
-a(ie, "Instance", () => window.myop.hostSDK);
+a(oe, "Instance", () => window.myop.hostSDK);
 window.myop || (window.myop = {
-  __ROOT_SDK_PUBLIC_URL__: bt
+  __ROOT_SDK_PUBLIC_URL__: Tt
 });
 if (!window.myop.hostSDK) {
-  const e = new ie();
+  const e = new oe();
   e.init(), window.myop || (window.myop = {
-    __ROOT_SDK_PUBLIC_URL__: bt
+    __ROOT_SDK_PUBLIC_URL__: Tt
   }), window.myop.hostSDK = e;
 }
-var Ct = window.myop.hostSDK;
-Ue("hostSDK", Ct);
+var xt = window.myop.hostSDK;
+We("hostSDK", xt);
 /**
 * @vue/shared v3.5.17
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-const gn = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
+const Cn = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const St = () => {
-}, yn = (e) => e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
-(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), xe = Object.assign, b = Array.isArray, _ = (e) => typeof e == "function", D = (e) => typeof e == "string", vn = (e) => typeof e == "symbol", W = (e) => e !== null && typeof e == "object", wn = (e) => (W(e) || _(e)) && _(e.then) && _(e.catch), It = (e) => {
+const Rt = () => {
+}, Sn = (e) => e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
+(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), Re = Object.assign, C = Array.isArray, E = (e) => typeof e == "function", O = (e) => typeof e == "string", In = (e) => typeof e == "symbol", j = (e) => e !== null && typeof e == "object", Tn = (e) => (j(e) || E(e)) && E(e.then) && E(e.catch), kt = (e) => {
   const t = /* @__PURE__ */ Object.create(null);
   return (s) => t[s] || (t[s] = e(s));
-}, Mn = It((e) => e.charAt(0).toUpperCase() + e.slice(1)), _n = It(
-  (e) => e ? `on${Mn(e)}` : ""
+}, xn = kt((e) => e.charAt(0).toUpperCase() + e.slice(1)), Rn = kt(
+  (e) => e ? `on${xn(e)}` : ""
 );
-let Ve;
-const oe = () => Ve || (Ve = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
-function Re(e) {
-  if (b(e)) {
+let Ue;
+const re = () => Ue || (Ue = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
+function ke(e) {
+  if (C(e)) {
     const t = {};
     for (let s = 0; s < e.length; s++) {
-      const n = e[s], i = D(n) ? Sn(n) : Re(n);
+      const n = e[s], i = O(n) ? On(n) : ke(n);
       if (i)
         for (const o in i)
           t[o] = i[o];
     }
     return t;
-  } else if (D(e) || W(e))
+  } else if (O(e) || j(e))
     return e;
 }
-const En = /;(?![^(]*\))/g, bn = /:([^]+)/, Cn = /\/\*[^]*?\*\//g;
-function Sn(e) {
+const kn = /;(?![^(]*\))/g, Hn = /:([^]+)/, Dn = /\/\*[^]*?\*\//g;
+function On(e) {
   const t = {};
-  return e.replace(Cn, "").split(En).forEach((s) => {
+  return e.replace(Dn, "").split(kn).forEach((s) => {
     if (s) {
-      const n = s.split(bn);
+      const n = s.split(Hn);
       n.length > 1 && (t[n[0].trim()] = n[1].trim());
     }
   }), t;
 }
 function He(e) {
   let t = "";
-  if (D(e))
+  if (O(e))
     t = e;
-  else if (b(e))
+  else if (C(e))
     for (let s = 0; s < e.length; s++) {
       const n = He(e[s]);
       n && (t += n + " ");
     }
-  else if (W(e))
+  else if (j(e))
     for (const s in e)
       e[s] && (t += s + " ");
   return t.trim();
@@ -1592,16 +1700,16 @@ Symbol(
   process.env.NODE_ENV !== "production" ? "Array iterate" : ""
 );
 new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(vn)
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(In)
 );
-function Me(e) {
+function _e(e) {
   return e ? !!e.__v_raw : !1;
 }
-function Z(e) {
+function ee(e) {
   const t = e && e.__v_raw;
-  return t ? Z(t) : e;
+  return t ? ee(t) : e;
 }
-function Tt(e) {
+function Ht(e) {
   return e ? e.__v_isRef === !0 : !1;
 }
 /**
@@ -1610,31 +1718,31 @@ function Tt(e) {
 * @license MIT
 **/
 const N = [];
-function In(e) {
+function $n(e) {
   N.push(e);
 }
-function Tn() {
+function Nn() {
   N.pop();
 }
 let de = !1;
-function O(e, ...t) {
+function $(e, ...t) {
   if (de) return;
   de = !0;
-  const s = N.length ? N[N.length - 1].component : null, n = s && s.appContext.config.warnHandler, i = xn();
+  const s = N.length ? N[N.length - 1].component : null, n = s && s.appContext.config.warnHandler, i = Fn();
   if (n)
-    re(
+    ae(
       n,
       s,
       11,
       [
         // eslint-disable-next-line no-restricted-syntax
         e + t.map((o) => {
-          var r, c;
-          return (c = (r = o.toString) == null ? void 0 : r.call(o)) != null ? c : JSON.stringify(o);
+          var r, l;
+          return (l = (r = o.toString) == null ? void 0 : r.call(o)) != null ? l : JSON.stringify(o);
         }).join(""),
         s && s.proxy,
         i.map(
-          ({ vnode: o }) => `at <${Kt(s, o.type)}>`
+          ({ vnode: o }) => `at <${jt(s, o.type)}>`
         ).join(`
 `),
         i
@@ -1643,11 +1751,11 @@ function O(e, ...t) {
   else {
     const o = [`[Vue warn]: ${e}`, ...t];
     i.length && o.push(`
-`, ...Rn(i)), console.warn(...o);
+`, ...Pn(i)), console.warn(...o);
   }
   de = !1;
 }
-function xn() {
+function Fn() {
   let e = N[N.length - 1];
   if (!e)
     return [];
@@ -1663,31 +1771,31 @@ function xn() {
   }
   return t;
 }
-function Rn(e) {
+function Pn(e) {
   const t = [];
   return e.forEach((s, n) => {
     t.push(...n === 0 ? [] : [`
-`], ...Hn(s));
+`], ...Ln(s));
   }), t;
 }
-function Hn({ vnode: e, recurseCount: t }) {
-  const s = t > 0 ? `... (${t} recursive calls)` : "", n = e.component ? e.component.parent == null : !1, i = ` at <${Kt(
+function Ln({ vnode: e, recurseCount: t }) {
+  const s = t > 0 ? `... (${t} recursive calls)` : "", n = e.component ? e.component.parent == null : !1, i = ` at <${jt(
     e.component,
     e.type,
     n
   )}`, o = ">" + s;
-  return e.props ? [i, ...kn(e.props), o] : [i + o];
+  return e.props ? [i, ...An(e.props), o] : [i + o];
 }
-function kn(e) {
+function An(e) {
   const t = [], s = Object.keys(e);
   return s.slice(0, 3).forEach((n) => {
-    t.push(...xt(n, e[n]));
+    t.push(...Dt(n, e[n]));
   }), s.length > 3 && t.push(" ..."), t;
 }
-function xt(e, t, s) {
-  return D(t) ? (t = JSON.stringify(t), s ? t : [`${e}=${t}`]) : typeof t == "number" || typeof t == "boolean" || t == null ? s ? t : [`${e}=${t}`] : Tt(t) ? (t = xt(e, Z(t.value), !0), s ? t : [`${e}=Ref<`, t, ">"]) : _(t) ? [`${e}=fn${t.name ? `<${t.name}>` : ""}`] : (t = Z(t), s ? t : [`${e}=`, t]);
+function Dt(e, t, s) {
+  return O(t) ? (t = JSON.stringify(t), s ? t : [`${e}=${t}`]) : typeof t == "number" || typeof t == "boolean" || t == null ? s ? t : [`${e}=${t}`] : Ht(t) ? (t = Dt(e, ee(t.value), !0), s ? t : [`${e}=Ref<`, t, ">"]) : E(t) ? [`${e}=fn${t.name ? `<${t.name}>` : ""}`] : (t = ee(t), s ? t : [`${e}=`, t]);
 }
-const ke = {
+const De = {
   sp: "serverPrefetch hook",
   bc: "beforeCreate hook",
   c: "created hook",
@@ -1720,58 +1828,58 @@ const ke = {
   15: "component update",
   16: "app unmount cleanup function"
 };
-function re(e, t, s, n) {
+function ae(e, t, s, n) {
   try {
     return n ? e(...n) : e();
   } catch (i) {
-    De(i, t, s);
+    Oe(i, t, s);
   }
 }
-function Rt(e, t, s, n) {
-  if (_(e)) {
-    const i = re(e, t, s, n);
-    return i && wn(i) && i.catch((o) => {
-      De(o, t, s);
+function Ot(e, t, s, n) {
+  if (E(e)) {
+    const i = ae(e, t, s, n);
+    return i && Tn(i) && i.catch((o) => {
+      Oe(o, t, s);
     }), i;
   }
-  if (b(e)) {
+  if (C(e)) {
     const i = [];
     for (let o = 0; o < e.length; o++)
-      i.push(Rt(e[o], t, s, n));
+      i.push(Ot(e[o], t, s, n));
     return i;
-  } else process.env.NODE_ENV !== "production" && O(
+  } else process.env.NODE_ENV !== "production" && $(
     `Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`
   );
 }
-function De(e, t, s, n = !0) {
-  const i = t ? t.vnode : null, { errorHandler: o, throwUnhandledErrorInProduction: r } = t && t.appContext.config || gn;
+function Oe(e, t, s, n = !0) {
+  const i = t ? t.vnode : null, { errorHandler: o, throwUnhandledErrorInProduction: r } = t && t.appContext.config || Cn;
   if (t) {
-    let c = t.parent;
-    const l = t.proxy, d = process.env.NODE_ENV !== "production" ? ke[s] : `https://vuejs.org/error-reference/#runtime-${s}`;
-    for (; c; ) {
-      const u = c.ec;
+    let l = t.parent;
+    const c = t.proxy, d = process.env.NODE_ENV !== "production" ? De[s] : `https://vuejs.org/error-reference/#runtime-${s}`;
+    for (; l; ) {
+      const u = l.ec;
       if (u) {
         for (let h = 0; h < u.length; h++)
-          if (u[h](e, l, d) === !1)
+          if (u[h](e, c, d) === !1)
             return;
       }
-      c = c.parent;
+      l = l.parent;
     }
     if (o) {
-      re(o, null, 10, [
+      ae(o, null, 10, [
         e,
-        l,
+        c,
         d
       ]);
       return;
     }
   }
-  Dn(e, s, i, n, r);
+  Bn(e, s, i, n, r);
 }
-function Dn(e, t, s, n = !0, i = !1) {
+function Bn(e, t, s, n = !0, i = !1) {
   if (process.env.NODE_ENV !== "production") {
-    const o = ke[t];
-    if (s && In(s), O(`Unhandled error${o ? ` during execution of ${o}` : ""}`), s && Tn(), n)
+    const o = De[t];
+    if (s && $n(s), $(`Unhandled error${o ? ` during execution of ${o}` : ""}`), s && Nn(), n)
       throw e;
     console.error(e);
   } else {
@@ -1780,61 +1888,61 @@ function Dn(e, t, s, n = !0, i = !1) {
     console.error(e);
   }
 }
-const M = [];
-let C = -1;
-const F = [];
-let R = null, $ = 0;
-const On = /* @__PURE__ */ Promise.resolve();
-let _e = null;
-const Nn = 100;
-function $n(e) {
-  let t = C + 1, s = M.length;
+const _ = [];
+let S = -1;
+const A = [];
+let k = null, F = 0;
+const Vn = /* @__PURE__ */ Promise.resolve();
+let Ee = null;
+const Kn = 100;
+function Un(e) {
+  let t = S + 1, s = _.length;
   for (; t < s; ) {
-    const n = t + s >>> 1, i = M[n], o = j(i);
+    const n = t + s >>> 1, i = _[n], o = W(i);
     o < e || o === e && i.flags & 2 ? t = n + 1 : s = n;
   }
   return t;
 }
-function Pn(e) {
+function zn(e) {
   if (!(e.flags & 1)) {
-    const t = j(e), s = M[M.length - 1];
+    const t = W(e), s = _[_.length - 1];
     !s || // fast path when the job id is larger than the tail
-    !(e.flags & 2) && t >= j(s) ? M.push(e) : M.splice($n(t), 0, e), e.flags |= 1, Ht();
+    !(e.flags & 2) && t >= W(s) ? _.push(e) : _.splice(Un(t), 0, e), e.flags |= 1, $t();
   }
 }
-function Ht() {
-  _e || (_e = On.then(kt));
+function $t() {
+  Ee || (Ee = Vn.then(Nt));
 }
-function Ln(e) {
-  b(e) ? F.push(...e) : R && e.id === -1 ? R.splice($ + 1, 0, e) : e.flags & 1 || (F.push(e), e.flags |= 1), Ht();
+function qn(e) {
+  C(e) ? A.push(...e) : k && e.id === -1 ? k.splice(F + 1, 0, e) : e.flags & 1 || (A.push(e), e.flags |= 1), $t();
 }
-function Fn(e) {
-  if (F.length) {
-    const t = [...new Set(F)].sort(
-      (s, n) => j(s) - j(n)
+function jn(e) {
+  if (A.length) {
+    const t = [...new Set(A)].sort(
+      (s, n) => W(s) - W(n)
     );
-    if (F.length = 0, R) {
-      R.push(...t);
+    if (A.length = 0, k) {
+      k.push(...t);
       return;
     }
-    for (R = t, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), $ = 0; $ < R.length; $++) {
-      const s = R[$];
-      process.env.NODE_ENV !== "production" && Dt(e, s) || (s.flags & 4 && (s.flags &= -2), s.flags & 8 || s(), s.flags &= -2);
+    for (k = t, process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map()), F = 0; F < k.length; F++) {
+      const s = k[F];
+      process.env.NODE_ENV !== "production" && Ft(e, s) || (s.flags & 4 && (s.flags &= -2), s.flags & 8 || s(), s.flags &= -2);
     }
-    R = null, $ = 0;
+    k = null, F = 0;
   }
 }
-const j = (e) => e.id == null ? e.flags & 2 ? -1 : 1 / 0 : e.id;
-function kt(e) {
+const W = (e) => e.id == null ? e.flags & 2 ? -1 : 1 / 0 : e.id;
+function Nt(e) {
   process.env.NODE_ENV !== "production" && (e = e || /* @__PURE__ */ new Map());
-  const t = process.env.NODE_ENV !== "production" ? (s) => Dt(e, s) : St;
+  const t = process.env.NODE_ENV !== "production" ? (s) => Ft(e, s) : Rt;
   try {
-    for (C = 0; C < M.length; C++) {
-      const s = M[C];
+    for (S = 0; S < _.length; S++) {
+      const s = _[S];
       if (s && !(s.flags & 8)) {
         if (process.env.NODE_ENV !== "production" && t(s))
           continue;
-        s.flags & 4 && (s.flags &= -2), re(
+        s.flags & 4 && (s.flags &= -2), ae(
           s,
           s.i,
           s.i ? 15 : 14
@@ -1842,18 +1950,18 @@ function kt(e) {
       }
     }
   } finally {
-    for (; C < M.length; C++) {
-      const s = M[C];
+    for (; S < _.length; S++) {
+      const s = _[S];
       s && (s.flags &= -2);
     }
-    C = -1, M.length = 0, Fn(e), _e = null, (M.length || F.length) && kt(e);
+    S = -1, _.length = 0, jn(e), Ee = null, (_.length || A.length) && Nt(e);
   }
 }
-function Dt(e, t) {
+function Ft(e, t) {
   const s = e.get(t) || 0;
-  if (s > Nn) {
-    const n = t.i, i = n && Bt(n.type);
-    return De(
+  if (s > Kn) {
+    const n = t.i, i = n && qt(n.type);
+    return Oe(
       `Maximum recursive updates exceeded${i ? ` in component <${i}>` : ""}. 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
@@ -1862,47 +1970,47 @@ function Dt(e, t) {
   return e.set(t, s + 1), !1;
 }
 const ue = /* @__PURE__ */ new Map();
-process.env.NODE_ENV !== "production" && (oe().__VUE_HMR_RUNTIME__ = {
-  createRecord: he(An),
-  rerender: he(Vn),
-  reload: he(Bn)
+process.env.NODE_ENV !== "production" && (re().__VUE_HMR_RUNTIME__ = {
+  createRecord: he(Wn),
+  rerender: he(Gn),
+  reload: he(Jn)
 });
-const ee = /* @__PURE__ */ new Map();
-function An(e, t) {
-  return ee.has(e) ? !1 : (ee.set(e, {
-    initialDef: te(t),
+const te = /* @__PURE__ */ new Map();
+function Wn(e, t) {
+  return te.has(e) ? !1 : (te.set(e, {
+    initialDef: se(t),
     instances: /* @__PURE__ */ new Set()
   }), !0);
 }
-function te(e) {
-  return zt(e) ? e.__vccOpts : e;
+function se(e) {
+  return Wt(e) ? e.__vccOpts : e;
 }
-function Vn(e, t) {
-  const s = ee.get(e);
+function Gn(e, t) {
+  const s = te.get(e);
   s && (s.initialDef.render = t, [...s.instances].forEach((n) => {
-    t && (n.render = t, te(n.type).render = t), n.renderCache = [], n.update();
+    t && (n.render = t, se(n.type).render = t), n.renderCache = [], n.update();
   }));
 }
-function Bn(e, t) {
-  const s = ee.get(e);
+function Jn(e, t) {
+  const s = te.get(e);
   if (!s) return;
-  t = te(t), Be(s.initialDef, t);
+  t = se(t), ze(s.initialDef, t);
   const n = [...s.instances];
   for (let i = 0; i < n.length; i++) {
-    const o = n[i], r = te(o.type);
-    let c = ue.get(r);
-    c || (r !== s.initialDef && Be(r, t), ue.set(r, c = /* @__PURE__ */ new Set())), c.add(o), o.appContext.propsCache.delete(o.type), o.appContext.emitsCache.delete(o.type), o.appContext.optionsCache.delete(o.type), o.ceReload ? (c.add(o), o.ceReload(t.styles), c.delete(o)) : o.parent ? Pn(() => {
-      o.parent.update(), c.delete(o);
+    const o = n[i], r = se(o.type);
+    let l = ue.get(r);
+    l || (r !== s.initialDef && ze(r, t), ue.set(r, l = /* @__PURE__ */ new Set())), l.add(o), o.appContext.propsCache.delete(o.type), o.appContext.emitsCache.delete(o.type), o.appContext.optionsCache.delete(o.type), o.ceReload ? (l.add(o), o.ceReload(t.styles), l.delete(o)) : o.parent ? zn(() => {
+      o.parent.update(), l.delete(o);
     }) : o.appContext.reload ? o.appContext.reload() : typeof window < "u" ? window.location.reload() : console.warn(
       "[HMR] Root or manually mounted instance modified. Full reload required."
     ), o.root.ce && o !== o.root && o.root.ce._removeChildStyle(r);
   }
-  Ln(() => {
+  qn(() => {
     ue.clear();
   });
 }
-function Be(e, t) {
-  xe(e, t);
+function ze(e, t) {
+  Re(e, t);
   for (const s in e)
     s !== "__file" && !(s in t) && delete e[s];
 }
@@ -1918,64 +2026,64 @@ function he(e) {
   };
 }
 let P, X = [];
-function Ot(e, t) {
+function Pt(e, t) {
   var s, n;
   P = e, P ? (P.enabled = !0, X.forEach(({ event: i, args: o }) => P.emit(i, ...o)), X = []) : /* 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
   !((n = (s = window.navigator) == null ? void 0 : s.userAgent) != null && n.includes("jsdom")) ? ((t.__VUE_DEVTOOLS_HOOK_REPLAY__ = t.__VUE_DEVTOOLS_HOOK_REPLAY__ || []).push((o) => {
-    Ot(o, t);
+    Pt(o, t);
   }), setTimeout(() => {
     P || (t.__VUE_DEVTOOLS_HOOK_REPLAY__ = null, X = []);
   }, 3e3)) : X = [];
 }
-let se = null, Kn = null;
-const zn = (e) => e.__isTeleport;
-function Nt(e, t) {
-  e.shapeFlag & 6 && e.component ? (e.transition = t, Nt(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 ne = null, Yn = null;
+const Xn = (e) => e.__isTeleport;
+function Lt(e, t) {
+  e.shapeFlag & 6 && e.component ? (e.transition = t, Lt(e.component.subTree, t)) : e.shapeFlag & 128 ? (e.ssContent.transition = t.clone(e.ssContent), e.ssFallback.transition = t.clone(e.ssFallback)) : e.transition = t;
 }
-oe().requestIdleCallback;
-oe().cancelIdleCallback;
-function Un(e, t, s = ae, n = !1) {
+re().requestIdleCallback;
+re().cancelIdleCallback;
+function Qn(e, t, s = le, n = !1) {
   if (s) {
     const i = s[e] || (s[e] = []), o = t.__weh || (t.__weh = (...r) => {
-      const c = ri(s), l = Rt(t, s, e, r);
-      return c(), l;
+      const l = fi(s), c = Ot(t, s, e, r);
+      return l(), c;
     });
     return n ? i.unshift(o) : i.push(o), o;
   } else if (process.env.NODE_ENV !== "production") {
-    const i = _n(ke[e].replace(/ hook$/, ""));
-    O(
+    const i = Rn(De[e].replace(/ hook$/, ""));
+    $(
       `${i} 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 qn = (e) => (t, s = ae) => {
-  (!Vt || e === "sp") && Un(e, (...n) => t(...n), s);
-}, Wn = qn("u"), jn = Symbol.for("v-ndc"), Gn = {};
-process.env.NODE_ENV !== "production" && (Gn.ownKeys = (e) => (O(
+const Zn = (e) => (t, s = le) => {
+  (!zt || e === "sp") && Qn(e, (...n) => t(...n), s);
+}, ei = Zn("u"), ti = Symbol.for("v-ndc"), si = {};
+process.env.NODE_ENV !== "production" && (si.ownKeys = (e) => ($(
   "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 Jn = {}, $t = (e) => Object.getPrototypeOf(e) === Jn, Yn = (e) => e.__isSuspense, Pt = Symbol.for("v-fgt"), Xn = Symbol.for("v-txt"), Qn = Symbol.for("v-cmt");
-function Zn(e) {
+const ni = {}, At = (e) => Object.getPrototypeOf(e) === ni, ii = (e) => e.__isSuspense, Bt = Symbol.for("v-fgt"), oi = Symbol.for("v-txt"), ri = Symbol.for("v-cmt");
+function ai(e) {
   return e ? e.__v_isVNode === !0 : !1;
 }
-const ei = (...e) => Ft(
+const li = (...e) => Kt(
   ...e
-), Lt = ({ key: e }) => e ?? null, Q = ({
+), Vt = ({ key: e }) => e ?? null, Z = ({
   ref: e,
   ref_key: t,
   ref_for: s
-}) => (typeof e == "number" && (e = "" + e), e != null ? D(e) || Tt(e) || _(e) ? { i: se, r: e, k: t, f: !!s } : e : null);
-function ti(e, t = null, s = null, n = 0, i = null, o = e === Pt ? 0 : 1, r = !1, c = !1) {
-  const l = {
+}) => (typeof e == "number" && (e = "" + e), e != null ? O(e) || Ht(e) || E(e) ? { i: ne, r: e, k: t, f: !!s } : e : null);
+function ci(e, t = null, s = null, n = 0, i = null, o = e === Bt ? 0 : 1, r = !1, l = !1) {
+  const c = {
     __v_isVNode: !0,
     __v_skip: !0,
     type: e,
     props: t,
-    key: t && Lt(t),
-    ref: t && Q(t),
-    scopeId: Kn,
+    key: t && Vt(t),
+    ref: t && Z(t),
+    scopeId: Yn,
     slotScopeIds: null,
     children: s,
     component: null,
@@ -1995,33 +2103,33 @@ function ti(e, t = null, s = null, n = 0, i = null, o = e === Pt ? 0 : 1, r = !1
     dynamicProps: i,
     dynamicChildren: null,
     appContext: null,
-    ctx: se
+    ctx: ne
   };
-  return c ? (Oe(l, s), o & 128 && e.normalize(l)) : s && (l.shapeFlag |= D(s) ? 8 : 16), process.env.NODE_ENV !== "production" && l.key !== l.key && O("VNode created with invalid key (NaN). VNode type:", l.type), l;
+  return l ? ($e(c, s), o & 128 && e.normalize(c)) : s && (c.shapeFlag |= O(s) ? 8 : 16), process.env.NODE_ENV !== "production" && c.key !== c.key && $("VNode created with invalid key (NaN). VNode type:", c.type), c;
 }
-const si = process.env.NODE_ENV !== "production" ? ei : Ft;
-function Ft(e, t = null, s = null, n = 0, i = null, o = !1) {
-  if ((!e || e === jn) && (process.env.NODE_ENV !== "production" && !e && O(`Invalid vnode type when creating vnode: ${e}.`), e = Qn), Zn(e)) {
-    const c = ne(
+const di = process.env.NODE_ENV !== "production" ? li : Kt;
+function Kt(e, t = null, s = null, n = 0, i = null, o = !1) {
+  if ((!e || e === ti) && (process.env.NODE_ENV !== "production" && !e && $(`Invalid vnode type when creating vnode: ${e}.`), e = ri), ai(e)) {
+    const l = ie(
       e,
       t,
       !0
       /* mergeRef: true */
     );
-    return s && Oe(c, s), c.patchFlag = -2, c;
+    return s && $e(l, s), l.patchFlag = -2, l;
   }
-  if (zt(e) && (e = e.__vccOpts), t) {
-    t = ni(t);
-    let { class: c, style: l } = t;
-    c && !D(c) && (t.class = He(c)), W(l) && (Me(l) && !b(l) && (l = xe({}, l)), t.style = Re(l));
+  if (Wt(e) && (e = e.__vccOpts), t) {
+    t = ui(t);
+    let { class: l, style: c } = t;
+    l && !O(l) && (t.class = He(l)), j(c) && (_e(c) && !C(c) && (c = Re({}, c)), t.style = ke(c));
   }
-  const r = D(e) ? 1 : Yn(e) ? 128 : zn(e) ? 64 : W(e) ? 4 : _(e) ? 2 : 0;
-  return process.env.NODE_ENV !== "production" && r & 4 && Me(e) && (e = Z(e), O(
+  const r = O(e) ? 1 : ii(e) ? 128 : Xn(e) ? 64 : j(e) ? 4 : E(e) ? 2 : 0;
+  return process.env.NODE_ENV !== "production" && r & 4 && _e(e) && (e = ee(e), $(
     "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
-  )), ti(
+  )), ci(
     e,
     t,
     s,
@@ -2032,25 +2140,25 @@ Component that was made reactive: `,
     !0
   );
 }
-function ni(e) {
-  return e ? Me(e) || $t(e) ? xe({}, e) : e : null;
+function ui(e) {
+  return e ? _e(e) || At(e) ? Re({}, e) : e : null;
 }
-function ne(e, t, s = !1, n = !1) {
-  const { props: i, ref: o, patchFlag: r, children: c, transition: l } = e, d = t ? oi(i || {}, t) : i, u = {
+function ie(e, t, s = !1, n = !1) {
+  const { props: i, ref: o, patchFlag: r, children: l, transition: c } = e, d = t ? pi(i || {}, t) : i, u = {
     __v_isVNode: !0,
     __v_skip: !0,
     type: e.type,
     props: d,
-    key: d && Lt(d),
+    key: d && Vt(d),
     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
-      s && o ? b(o) ? o.concat(Q(t)) : [o, Q(t)] : Q(t)
+      s && o ? C(o) ? o.concat(Z(t)) : [o, Z(t)] : Z(t)
     ) : o,
     scopeId: e.scopeId,
     slotScopeIds: e.slotScopeIds,
-    children: process.env.NODE_ENV !== "production" && r === -1 && b(c) ? c.map(At) : c,
+    children: process.env.NODE_ENV !== "production" && r === -1 && C(l) ? l.map(Ut) : l,
     target: e.target,
     targetStart: e.targetStart,
     targetAnchor: e.targetAnchor,
@@ -2060,55 +2168,55 @@ function ne(e, t, s = !1, n = !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 !== Pt ? r === -1 ? 16 : r | 16 : r,
+    patchFlag: t && e.type !== Bt ? r === -1 ? 16 : r | 16 : r,
     dynamicProps: e.dynamicProps,
     dynamicChildren: e.dynamicChildren,
     appContext: e.appContext,
     dirs: e.dirs,
-    transition: l,
+    transition: c,
     // These should technically only be non-null on mounted VNodes. However,
     // they *should* be copied for kept-alive vnodes. So we just always copy
     // them since them being non-null during a mount doesn't affect the logic as
     // they will simply be overwritten.
     component: e.component,
     suspense: e.suspense,
-    ssContent: e.ssContent && ne(e.ssContent),
-    ssFallback: e.ssFallback && ne(e.ssFallback),
+    ssContent: e.ssContent && ie(e.ssContent),
+    ssFallback: e.ssFallback && ie(e.ssFallback),
     el: e.el,
     anchor: e.anchor,
     ctx: e.ctx,
     ce: e.ce
   };
-  return l && n && Nt(
+  return c && n && Lt(
     u,
-    l.clone(u)
+    c.clone(u)
   ), u;
 }
-function At(e) {
-  const t = ne(e);
-  return b(e.children) && (t.children = e.children.map(At)), t;
+function Ut(e) {
+  const t = ie(e);
+  return C(e.children) && (t.children = e.children.map(Ut)), t;
 }
-function ii(e = " ", t = 0) {
-  return si(Xn, null, e, t);
+function hi(e = " ", t = 0) {
+  return di(oi, null, e, t);
 }
-function Oe(e, t) {
+function $e(e, t) {
   let s = 0;
   const { shapeFlag: n } = e;
   if (t == null)
     t = null;
-  else if (b(t))
+  else if (C(t))
     s = 16;
   else if (typeof t == "object")
     if (n & 65) {
       const i = t.default;
-      i && (i._c && (i._d = !1), Oe(e, i()), i._c && (i._d = !0));
+      i && (i._c && (i._d = !1), $e(e, i()), i._c && (i._d = !0));
       return;
     } else
-      s = 32, !t._ && !$t(t) && (t._ctx = se);
-  else _(t) ? (t = { default: t, _ctx: se }, s = 32) : (t = String(t), n & 64 ? (s = 16, t = [ii(t)]) : s = 8);
+      s = 32, !t._ && !At(t) && (t._ctx = ne);
+  else E(t) ? (t = { default: t, _ctx: ne }, s = 32) : (t = String(t), n & 64 ? (s = 16, t = [hi(t)]) : s = 8);
   e.children = t, e.shapeFlag |= s;
 }
-function oi(...e) {
+function pi(...e) {
   const t = {};
   for (let s = 0; s < e.length; s++) {
     const n = e[s];
@@ -2116,44 +2224,44 @@ function oi(...e) {
       if (i === "class")
         t.class !== n.class && (t.class = He([t.class, n.class]));
       else if (i === "style")
-        t.style = Re([t.style, n.style]);
-      else if (yn(i)) {
+        t.style = ke([t.style, n.style]);
+      else if (Sn(i)) {
         const o = t[i], r = n[i];
-        r && o !== r && !(b(o) && o.includes(r)) && (t[i] = o ? [].concat(o, r) : r);
+        r && o !== r && !(C(o) && o.includes(r)) && (t[i] = o ? [].concat(o, r) : r);
       } else i !== "" && (t[i] = n[i]);
   }
   return t;
 }
-let ae = null, Ee;
+let le = null, be;
 {
-  const e = oe(), t = (s, n) => {
+  const e = re(), t = (s, n) => {
     let i;
     return (i = e[s]) || (i = e[s] = []), i.push(n), (o) => {
       i.length > 1 ? i.forEach((r) => r(o)) : i[0](o);
     };
   };
-  Ee = t(
+  be = t(
     "__VUE_INSTANCE_SETTERS__",
-    (s) => ae = s
+    (s) => le = s
   ), t(
     "__VUE_SSR_SETTERS__",
-    (s) => Vt = s
+    (s) => zt = s
   );
 }
-const ri = (e) => {
-  const t = ae;
-  return Ee(e), e.scope.on(), () => {
-    e.scope.off(), Ee(t);
+const fi = (e) => {
+  const t = le;
+  return be(e), e.scope.on(), () => {
+    e.scope.off(), be(t);
   };
 };
-let Vt = !1;
+let zt = !1;
 process.env.NODE_ENV;
-const ai = /(?:^|[-_])(\w)/g, ci = (e) => e.replace(ai, (t) => t.toUpperCase()).replace(/[-_]/g, "");
-function Bt(e, t = !0) {
-  return _(e) ? e.displayName || e.name : e.name || t && e.__name;
+const mi = /(?:^|[-_])(\w)/g, gi = (e) => e.replace(mi, (t) => t.toUpperCase()).replace(/[-_]/g, "");
+function qt(e, t = !0) {
+  return E(e) ? e.displayName || e.name : e.name || t && e.__name;
 }
-function Kt(e, t, s = !1) {
-  let n = Bt(t);
+function jt(e, t, s = !1) {
+  let n = qt(t);
   if (!n && t.__file) {
     const i = t.__file.match(/([^/\\]+)\.\w+$/);
     i && (n = i[1]);
@@ -2168,15 +2276,15 @@ function Kt(e, t, s = !1) {
       e.components || e.parent.type.components
     ) || i(e.appContext.components);
   }
-  return n ? ci(n) : s ? "App" : "Anonymous";
+  return n ? gi(n) : s ? "App" : "Anonymous";
 }
-function zt(e) {
-  return _(e) && "__vccOpts" in e;
+function Wt(e) {
+  return E(e) && "__vccOpts" in e;
 }
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
-const gi = /* @__PURE__ */ Ut({
+const Si = /* @__PURE__ */ Gt({
   inheritAttrs: !0,
   __name: "MyopVueComponent",
   props: {
@@ -2185,14 +2293,14 @@ const gi = /* @__PURE__ */ Ut({
     onReady: { type: Function }
   },
   setup(e, { expose: t }) {
-    const s = e, n = qt(), i = Wt(), o = K(null), r = K(!0), c = K(null), l = K(null), d = jt(), u = K(null);
-    Wn(() => {
-      l && l.value && l.value(n);
-    }), Gt(async () => {
+    const s = e, n = Jt(), i = Yt(), o = K(null), r = K(!0), l = K(null), c = K(null), d = Xt(), u = K(null);
+    ei(() => {
+      c && c.value && c.value(n);
+    }), Qt(async () => {
       if (o.value) {
-        const m = await ps.Main.fetchComponent(s.componentId, s.flowId);
-        c.value = await Ct.loadComponent(
-          m,
+        const f = await ys.Main.fetchComponent(s.componentId, s.flowId);
+        l.value = await xt.loadComponent(
+          f,
           o == null ? void 0 : o.value,
           {
             _environment: {
@@ -2202,30 +2310,30 @@ const gi = /* @__PURE__ */ Ut({
               context: d == null ? void 0 : d.appContext,
               vueContainerRef: o,
               //@ts-ignore
-              defineUpdater: (w) => {
-                l.value = w;
+              defineUpdater: (y) => {
+                c.value = y;
               },
               //@ts-ignore
-              defineInnerVueComponentRef: (w) => {
-                u.value = w.value;
+              defineInnerVueComponentRef: (y) => {
+                u.value = y.value;
               }
             }
           }
-        ), r.value = !1, s.onReady && s.onReady(c.value, u.value);
+        ), r.value = !1, s.onReady && s.onReady(l.value, u.value);
       }
     });
-    const h = Jt({});
-    return t(h), Yt(() => {
+    const h = Zt({});
+    return t(h), es(() => {
       Object.assign(h, u.value);
-    }), (m, w) => (Qt(), Xt(Zt, null, [
-      es("div", ns(is(n), {
+    }), (f, y) => (ss(), ts(ns, null, [
+      is("div", as(ls(n), {
         ref_key: "myopContainer",
         ref: o
       }), null, 16),
-      r.value ? ts(m.$slots, "loading", { key: 0 }) : ss("", !0)
+      r.value ? os(f.$slots, "loading", { key: 0 }) : rs("", !0)
     ], 64));
   }
 });
 export {
-  gi as MyopContainer
+  Si as MyopContainer
 };