@builder.io/sdk-vue 0.6.4 → 0.7.1-0

package/vue3/lib/{browser/index.67caa0a0.js → node/index.1a21f267.js}

@@ -1,5 +1,6 @@
-import { defineComponent as b, openBlock as d, createElementBlock as m, mergeProps as $, toHandlers as U, toDisplayString as oe, h as ge, resolveComponent as y, createBlock as v, createCommentVNode as S, defineAsyncComponent as N, Fragment as T, renderList as j, withCtx as Z, createVNode as V, normalizeProps as se, guardReactiveProps as He, renderSlot as P, createElementVNode as re, normalizeStyle as ie, normalizeClass as ye, markRaw as ze } from "vue";
-function K(e = {}, t, n) {
+import { defineComponent as y, openBlock as d, createElementBlock as h, mergeProps as I, toHandlers as F, toDisplayString as ae, h as Ce, resolveComponent as v, createBlock as C, createCommentVNode as w, defineAsyncComponent as W, Fragment as R, renderList as B, withCtx as ne, createVNode as V, normalizeProps as ce, guardReactiveProps as nt, renderSlot as U, createElementVNode as le, normalizeStyle as de, normalizeClass as we, markRaw as ot } from "vue";
+import { createRequire as st } from "node:module";
+function q(e = {}, t, n) {
   const o = {};
   for (const s in e) {
     if (!e[s] || n && !s.startsWith(t))
@@ -9,11 +10,11 @@ function K(e = {}, t, n) {
   }
   return o;
 }
-const De = b({
+const rt = y({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
-    return { filterAttrs: K };
+    return { filterAttrs: q };
   },
   methods: {
     _classStringToObject(e) {
@@ -27,25 +28,25 @@ const De = b({
     }
   }
 });
-const g = (e, t) => {
+const k = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, s] of t)
     n[o] = s;
   return n;
-}, qe = ["href", "target"];
-function Ge(e, t, n, o, s, r) {
-  return e.link ? (d(), m("a", $({
+}, it = ["href", "target"];
+function at(e, t, n, o, s, r) {
+  return e.link ? (d(), h("a", I({
     key: 0,
     role: "button",
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), oe(e.text), 17, qe)) : (d(), m("button", $({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ae(e.text), 17, it)) : (d(), h("button", I({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), oe(e.text), 17));
+  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ae(e.text), 17));
 }
-const Je = /* @__PURE__ */ g(De, [["render", Ge], ["__scopeId", "data-v-becdf225"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), O = (e) => JSON.parse(JSON.stringify(e)), ke = {
+const ct = /* @__PURE__ */ k(rt, [["render", at], ["__scopeId", "data-v-becdf225"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/button/button.vue"]]), N = (e) => JSON.parse(JSON.stringify(e)), $e = {
   small: {
     min: 320,
     default: 321,
@@ -61,11 +62,11 @@ const Je = /* @__PURE__ */ g(De, [["render", Ge], ["__scopeId", "data-v-becdf225
     default: 991,
     max: 1200
   }
-}, ae = (e, t = ke) => `@media (max-width: ${t[e].max}px)`, ve = ({
+}, ue = (e, t = $e) => `@media (max-width: ${t[e].max}px)`, Te = ({
   small: e,
   medium: t
 }) => {
-  const n = O(ke);
+  const n = N($e);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -86,29 +87,29 @@ const Je = /* @__PURE__ */ g(De, [["render", Ge], ["__scopeId", "data-v-becdf225
     min: r,
     default: r + 1
   }, n;
-}, A = "vue3", F = "[Builder.io]: ", x = {
-  log: (...e) => console.log(F, ...e),
-  error: (...e) => console.error(F, ...e),
-  warn: (...e) => console.warn(F, ...e),
-  debug: (...e) => console.debug(F, ...e)
+}, j = "vue3", L = "[Builder.io]: ", x = {
+  log: (...e) => console.log(L, ...e),
+  error: (...e) => console.error(L, ...e),
+  warn: (...e) => console.warn(L, ...e),
+  debug: (...e) => console.debug(L, ...e)
 };
-function C() {
+function $() {
   return typeof window < "u" && typeof document < "u";
 }
-function Ye() {
-  return C() && window.self !== window.top;
+function lt() {
+  return $() && window.self !== window.top;
 }
 function _() {
-  return Ye() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return lt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const Xe = () => {
-  if (C()) {
+const dt = () => {
+  if ($()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Qe = () => typeof navigator == "object" && navigator.userAgent || "", Se = () => {
-  const e = Qe(), t = {
+}, ut = () => typeof navigator == "object" && navigator.userAgent || "", Ie = () => {
+  const e = ut(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -125,15 +126,15 @@ const Xe = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || A === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || j === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = Xe();
+  }, n = e.match(/Tablet|iPad/i), o = dt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, Ze = ({
+}, Re = ({
   builder: e,
   context: t,
   event: n,
@@ -144,7 +145,14 @@ const Xe = () => {
   builder: e,
   context: t,
   event: n
-}), et = ({
+}), pt = () => ({
+  isEditing: _(),
+  isBrowser: $(),
+  isServer: !$(),
+  getUserAttributes: () => Ie()
+}), mt = (e, {
+  isExpression: t = !0
+}) => t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ht = ({
   code: e,
   builder: t,
   context: n,
@@ -153,15 +161,15 @@ const Xe = () => {
   rootSetState: r,
   rootState: i
 }) => {
-  const a = Ze({
+  const a = Re({
     builder: t,
     context: n,
     event: o,
-    state: tt(i, s, r)
+    state: ft(i, s, r)
   });
-  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
+  return new Function(...a.map(([c]) => c), e)(...a.map(([, c]) => c));
 };
-function tt(e, t, n) {
+function ft(e, t, n) {
   if (e === t)
     throw new Error("rootState === localState");
   return new Proxy(e, {
@@ -173,7 +181,107 @@ function tt(e, t, n) {
     }
   });
 }
-function M({
+const bt = () => null;
+let xe = bt;
+try {
+  xe = st(import.meta.url);
+} catch {
+}
+const Ee = (e, t, n) => {
+  if (Object(e) !== e)
+    return e;
+  const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
+  return o.slice(0, -1).reduce((s, r, i) => Object(s[r]) === s[r] ? s[r] : s[r] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+}, Q = xe("isolated-vm"), _e = (e) => `bldr_${e}_sync`, Ae = "BUILDER_SET_STATE", je = "BUILDER_IVM", gt = `
+var refToProxy = (obj) => {
+  if (typeof obj !== 'object' || obj === null) {
+    return obj;
+  }
+  return new Proxy({}, {
+    get(target, key) {
+        if (key === 'copySync') {
+          return () => obj.copySync();
+        }
+        const val = obj.getSync(key);
+        if (typeof val?.getSync === 'function') {
+            return refToProxy(val);
+        }
+        return val;
+    },
+    set(target, key, value) {
+        const v = typeof value === 'object' ? new ${je}.Reference(value) : value;
+        obj.setSync(key, v);
+        ${Ae}(key, value)
+    },
+    deleteProperty(target, key) {
+        obj.deleteSync(key);
+    }
+  })
+}
+`, yt = ({
+  code: e,
+  args: t
+}) => {
+  const n = t.map(([o]) => `var ${o} = refToProxy(${_e(o)}); `).join("");
+  return `
+${gt}
+${n}
+function theFunction() {
+  ${e}
+}
+
+let output = theFunction()
+
+if (typeof output === 'object' && output !== null) {
+  output = JSON.stringify(output.copySync ? output.copySync() : output);
+}
+
+output;
+`;
+}, kt = () => new Q.Isolate({
+  memoryLimit: 128
+}).createContextSync(), vt = ({
+  code: e,
+  builder: t,
+  context: n,
+  event: o,
+  localState: s,
+  rootSetState: r,
+  rootState: i
+}) => {
+  const a = N({
+    ...i,
+    ...s
+  }), c = Re({
+    builder: t,
+    context: n,
+    event: o,
+    state: a
+  }), l = kt(), u = l.global;
+  u.setSync("global", u.derefInto()), u.setSync("log", function(...p) {
+    console.log(...p);
+  }), u.setSync(Ae, function(p, b) {
+    Ee(i, p, b), r == null || r(i);
+  }), c.forEach(([p, b]) => {
+    const S = typeof b == "object" ? new Q.Reference(
+      p === "builder" ? {
+        ...b,
+        getUserAttributes: () => b.getUserAttributes()
+      } : b
+    ) : null;
+    u.setSync(_e(p), S);
+  }), u.setSync(je, Q);
+  const f = yt({
+    code: e,
+    args: c
+  }), m = l.evalSync(f);
+  try {
+    return JSON.parse(m);
+  } catch {
+    return m;
+  }
+}, St = (e) => $() ? ht(e) : vt(e);
+function z({
   code: e,
   context: t,
   localState: n,
@@ -187,13 +295,10 @@ function M({
     return;
   }
   const a = {
-    isEditing: _(),
-    isBrowser: C(),
-    isServer: !C(),
-    getUserAttributes: () => Se()
-  }, u = {
-    code: i && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e,
-    builder: a,
+    code: mt(e, {
+      isExpression: i
+    }),
+    builder: pt(),
     context: t,
     event: r,
     rootSetState: s,
@@ -201,21 +306,15 @@ function M({
     localState: n
   };
   try {
-    return et(u);
-  } catch (p) {
-    x.error("Failed code evaluation: " + p.message, {
+    return St(a);
+  } catch (c) {
+    x.error("Failed code evaluation: " + c.message, {
       code: e
     });
     return;
   }
 }
-const nt = (e, t, n) => {
-  if (Object(e) !== e)
-    return e;
-  const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((s, r, i) => Object(s[r]) === s[r] ? s[r] : s[r] = Math.abs(Number(o[i + 1])) >> 0 === +o[i + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
-};
-const ot = ({
+const Ct = ({
   block: e,
   context: t,
   localState: n,
@@ -224,7 +323,7 @@ const ot = ({
 }) => {
   if (!e.bindings)
     return e;
-  const r = O(e), i = {
+  const r = N(e), i = {
     ...r,
     properties: {
       ...r.properties
@@ -234,18 +333,18 @@ const ot = ({
     }
   };
   for (const a in e.bindings) {
-    const l = e.bindings[a], c = M({
-      code: l,
+    const c = e.bindings[a], l = z({
+      code: c,
       localState: n,
       rootState: o,
       rootSetState: s,
       context: t
     });
-    nt(i, a, c);
+    Ee(i, a, l);
   }
   return i;
 };
-function L({
+function D({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -254,7 +353,7 @@ function L({
   rootSetState: r
 }) {
   const i = e;
-  return n ? ot({
+  return n ? Ct({
     block: i,
     localState: o,
     rootState: s,
@@ -262,37 +361,37 @@ function L({
     context: t
   }) : i;
 }
-const st = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), E = (e) => e != null, rt = (e) => Object.entries(e).map(([n, o]) => {
+const wt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), A = (e) => e != null, $t = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${st(n)}: ${o};`;
-}).filter(E), it = (e) => rt(e).join(`
-`), D = ({
+    return `${wt(n)}: ${o};`;
+}).filter(A), Tt = (e) => $t(e).join(`
+`), Y = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${it(n)}
+    ${Tt(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
-}, at = b({
+}, It = y({
   render() {
-    return ge("style", { id: this.id, innerHTML: this.styles });
+    return Ce("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), H = /* @__PURE__ */ g(at, [["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), lt = b({
+}), G = /* @__PURE__ */ k(It, [["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/inlined-styles.vue"]]), Rt = y({
   name: "block-styles",
-  components: { InlinedStyles: H },
+  components: { InlinedStyles: G },
   props: ["block", "context"],
   data() {
-    return { TARGET: A };
+    return { TARGET: j };
   },
   computed: {
     canShowBlock() {
-      const e = L({
+      const e = D({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -300,56 +399,56 @@ const st = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
         context: this.context.context,
         shouldEvaluateBindings: !0
       });
-      return E(e.hide) ? !e.hide : E(e.show) ? e.show : !0;
+      return A(e.hide) ? !e.hide : A(e.show) ? e.show : !0;
     },
     css() {
-      var p;
-      const e = L({
+      var f;
+      const e = D({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
         rootSetState: this.context.rootSetState,
         context: this.context.context,
         shouldEvaluateBindings: !0
-      }), t = e.responsiveStyles, n = this.context.content, o = ve(
-        ((p = n == null ? void 0 : n.meta) == null ? void 0 : p.breakpoints) || {}
+      }), t = e.responsiveStyles, n = this.context.content, o = Te(
+        ((f = n == null ? void 0 : n.meta) == null ? void 0 : f.breakpoints) || {}
       ), s = t == null ? void 0 : t.large, r = t == null ? void 0 : t.medium, i = t == null ? void 0 : t.small, a = e.id;
       if (!a)
         return "";
-      const l = s ? D({
+      const c = s ? Y({
         className: a,
         styles: s
-      }) : "", c = r ? D({
+      }) : "", l = r ? Y({
         className: a,
         styles: r,
-        mediaQuery: ae(
+        mediaQuery: ue(
           "medium",
           o
         )
-      }) : "", u = i ? D({
+      }) : "", u = i ? Y({
         className: a,
         styles: i,
-        mediaQuery: ae(
+        mediaQuery: ue(
           "small",
           o
         )
       }) : "";
-      return [l, c, u].join(" ");
+      return [c, l, u].join(" ");
     }
   }
 });
-function ct(e, t, n, o, s, r) {
-  const i = y("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), v(i, {
+function xt(e, t, n, o, s, r) {
+  const i = v("inlined-styles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), C(i, {
     key: 0,
     styles: e.css
-  }, null, 8, ["styles"])) : S("v-if", !0);
+  }, null, 8, ["styles"])) : w("v-if", !0);
 }
-const Ce = /* @__PURE__ */ g(lt, [["render", ct], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Pe = /* @__PURE__ */ k(Rt, [["render", xt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/components/block-styles.vue"]]), Et = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ce
+  default: Pe
 }, Symbol.toStringTag, { value: "Module" }));
-function ut(e) {
+function _t(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -357,13 +456,13 @@ function ut(e) {
     builderBlock: e
   };
 }
-const pt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], mt = (e) => typeof e == "string" && pt.includes(e.toLowerCase()), ht = ({
+const At = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], jt = (e) => typeof e == "string" && At.includes(e.toLowerCase()), Pt = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
   var r;
-  const o = (r = L({
+  const o = (r = D({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -379,7 +478,7 @@ const pt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, ft = ({
+}, Bt = ({
   block: e,
   context: t
 }) => {
@@ -389,7 +488,7 @@ const pt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   } = e;
   if (!(n != null && n.collection))
     return;
-  const s = M({
+  const s = z({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -399,67 +498,67 @@ const pt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   if (!Array.isArray(s))
     return;
   const r = n.collection.split(".").pop(), i = n.itemName || (r ? r + "Item" : "item");
-  return s.map((l, c) => ({
+  return s.map((c, l) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: c,
-        $item: l,
-        [i]: l,
-        [`$${i}Index`]: c
+        $index: l,
+        $item: c,
+        [i]: c,
+        [`$${i}Index`]: l
       }
     },
     block: o
   }));
-}, bt = () => Promise.resolve().then(() => dt).then((e) => e.default).catch((e) => {
+}, Vt = () => Promise.resolve().then(() => Et).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), gt = () => import("./repeated-block.ab5e93b5.js").then((e) => e.default).catch((e) => {
+}), Ut = () => import("./repeated-block.04f4039b.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), yt = () => import("./component-ref.104f0d16.js").then((e) => e.default).catch((e) => {
+}), Nt = () => import("./component-ref.3c9a0fb1.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), kt = () => import("./block-wrapper.d71006fa.js").then((e) => e.default).catch((e) => {
+}), Ot = () => import("./block-wrapper.529d85d5.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), vt = b({
+}), Ft = y({
   name: "block",
   components: {
-    ComponentRef: N(yt),
-    BlockWrapper: N(kt),
-    RepeatedBlock: N(gt),
-    BlockStyles: N(bt)
+    ComponentRef: W(Nt),
+    BlockWrapper: W(Ot),
+    RepeatedBlock: W(Ut),
+    BlockStyles: W(Vt)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
-    return { childrenContext: this.context, isEmptyHtmlElement: mt };
+    return { childrenContext: this.context, isEmptyHtmlElement: jt };
   },
   computed: {
     blockComponent() {
-      return ht({
+      return Pt({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return ft({
+      return Bt({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
-      return this.repeatItem ? this.block : L({
+      return this.repeatItem ? this.block : D({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -484,7 +583,7 @@ const pt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
         componentOptions: {
-          ...ut(this.processedBlock),
+          ..._t(this.processedBlock),
           builderContext: this.context,
           ...((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" ? {
             builderComponents: this.registeredComponents
@@ -499,54 +598,54 @@ const pt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     }
   }
 });
-function St(e, t, n, o, s, r) {
-  var p;
-  const i = y("block-wrapper"), a = y("repeated-block"), l = y("component-ref"), c = y("block", !0), u = y("block-styles");
-  return e.canShowBlock ? (d(), m(T, { key: 0 }, [
-    (p = e.blockComponent) != null && p.noWrap ? (d(), v(l, se($({ key: 1 }, e.componentRefProps)), null, 16)) : (d(), m(T, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (d(), v(i, {
+function Mt(e, t, n, o, s, r) {
+  var f;
+  const i = v("block-wrapper"), a = v("repeated-block"), c = v("component-ref"), l = v("block", !0), u = v("block-styles");
+  return e.canShowBlock ? (d(), h(R, { key: 0 }, [
+    (f = e.blockComponent) != null && f.noWrap ? (d(), C(c, ce(I({ key: 1 }, e.componentRefProps)), null, 16)) : (d(), h(R, { key: 0 }, [
+      e.isEmptyHtmlElement(e.Tag) ? (d(), C(i, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
-      }, null, 8, ["Wrapper", "block", "context"])) : S("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), m(T, { key: 1 }, j(e.repeatItem, (h, f) => (d(), v(a, {
-        key: f,
-        repeatContext: h.context,
-        block: h.block,
+      }, null, 8, ["Wrapper", "block", "context"])) : w("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), h(R, { key: 1 }, B(e.repeatItem, (m, p) => (d(), C(a, {
+        key: p,
+        repeatContext: m.context,
+        block: m.block,
         registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : S("v-if", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), v(i, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : w("v-if", !0),
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), C(i, {
         key: 2,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !0
       }, {
-        default: Z(() => [
-          V(l, se(He(e.componentRefProps)), null, 16),
-          (d(!0), m(T, null, j(e.childrenWithoutParentComponent, (h, f) => (d(), v(c, {
-            key: "block-" + h.id,
-            block: h,
+        default: ne(() => [
+          V(c, ce(nt(e.componentRefProps)), null, 16),
+          (d(!0), h(R, null, B(e.childrenWithoutParentComponent, (m, p) => (d(), C(l, {
+            key: "block-" + m.id,
+            block: m,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
           }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (d(!0), m(T, null, j(e.childrenWithoutParentComponent, (h, f) => (d(), v(u, {
-            key: "block-style-" + h.id,
-            block: h,
+          (d(!0), h(R, null, B(e.childrenWithoutParentComponent, (m, p) => (d(), C(u, {
+            key: "block-style-" + m.id,
+            block: m,
             context: e.childrenContext
           }, null, 8, ["block", "context"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"])) : S("v-if", !0)
+      }, 8, ["Wrapper", "block", "context"])) : w("v-if", !0)
     ], 64))
-  ], 64)) : S("v-if", !0);
+  ], 64)) : w("v-if", !0);
 }
-const we = /* @__PURE__ */ g(vt, [["render", St], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), qo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Be = /* @__PURE__ */ k(Ft, [["render", Mt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/block/block.vue"]]), ms = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: we
-}, Symbol.toStringTag, { value: "Module" })), Ct = b({
+  default: Be
+}, Symbol.toStringTag, { value: "Module" })), Wt = y({
   name: "builder-blocks-wrapper",
   props: ["blocks", "parent", "path", "styleProp"],
   computed: {
@@ -593,10 +692,10 @@ const we = /* @__PURE__ */ g(vt, [["render", St], ["__file", "/Users/samijaber/c
     }
   }
 });
-const wt = ["builder-path", "builder-parent-id"];
-function $t(e, t, n, o, s, r) {
-  return d(), m("div", $({
-    class: e._classStringToObject(e.className + " div-2flfunvabst"),
+const Lt = ["builder-path", "builder-parent-id"];
+function Kt(e, t, n, o, s, r) {
+  return d(), h("div", I({
+    class: e._classStringToObject(e.className + " div-178o76acnws"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
@@ -604,10 +703,10 @@ function $t(e, t, n, o, s, r) {
     onMouseenter: t[1] || (t[1] = (i) => e.onMouseEnter()),
     onKeypress: t[2] || (t[2] = (i) => e.onClick())
   }, {}), [
-    P(e.$slots, "default", {}, void 0, !0)
-  ], 16, wt);
+    U(e.$slots, "default", {}, void 0, !0)
+  ], 16, Lt);
 }
-const Tt = /* @__PURE__ */ g(Ct, [["render", $t], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), It = Symbol(), G = {
+const Ht = /* @__PURE__ */ k(Wt, [["render", Kt], ["__scopeId", "data-v-1f8aab9f"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks-wrapper.vue"]]), zt = Symbol(), Z = {
   Builder: {
     content: null,
     context: {},
@@ -620,16 +719,16 @@ const Tt = /* @__PURE__ */ g(Ct, [["render", $t], ["__scopeId", "data-v-1f8aab9f
     componentInfos: {},
     inheritedStyles: {}
   },
-  key: It
-}, xt = Symbol(), $e = {
+  key: zt
+}, Dt = Symbol(), Ve = {
   Components: { registeredComponents: {} },
-  key: xt
-}, Rt = b({
+  key: Dt
+}, qt = y({
   name: "builder-blocks",
   components: {
-    BlocksWrapper: Tt,
-    Block: we,
-    BlockStyles: Ce
+    BlocksWrapper: Ht,
+    Block: Be,
+    BlockStyles: Pe
   },
   props: [
     "blocks",
@@ -640,37 +739,37 @@ const Tt = /* @__PURE__ */ g(Ct, [["render", $t], ["__scopeId", "data-v-1f8aab9f
     "registeredComponents"
   ],
   inject: {
-    builderContext: G.key,
-    componentsContext: $e.key
+    builderContext: Z.key,
+    componentsContext: Ve.key
   }
 });
-function Et(e, t, n, o, s, r) {
-  const i = y("block"), a = y("block-styles"), l = y("blocks-wrapper");
-  return d(), v(l, {
+function Gt(e, t, n, o, s, r) {
+  const i = v("block"), a = v("block-styles"), c = v("blocks-wrapper");
+  return d(), C(c, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp
   }, {
-    default: Z(() => [
-      e.blocks ? (d(!0), m(T, { key: 0 }, j(e.blocks, (c, u) => (d(), v(i, {
-        key: "render-block-" + c.id,
-        block: c,
+    default: ne(() => [
+      e.blocks ? (d(!0), h(R, { key: 0 }, B(e.blocks, (l, u) => (d(), C(i, {
+        key: "render-block-" + l.id,
+        block: l,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : S("v-if", !0),
-      e.blocks ? (d(!0), m(T, { key: 1 }, j(e.blocks, (c, u) => (d(), v(a, {
-        key: "block-style-" + c.id,
-        block: c,
+      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : w("v-if", !0),
+      e.blocks ? (d(!0), h(R, { key: 1 }, B(e.blocks, (l, u) => (d(), C(a, {
+        key: "block-style-" + l.id,
+        block: l,
         context: e.context || e.builderContext
-      }, null, 8, ["block", "context"]))), 128)) : S("v-if", !0)
+      }, null, 8, ["block", "context"]))), 128)) : w("v-if", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp"]);
 }
-const ee = /* @__PURE__ */ g(Rt, [["render", Et], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), _t = b({
+const oe = /* @__PURE__ */ k(qt, [["render", Gt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/blocks/blocks.vue"]]), Jt = y({
   name: "builder-columns",
-  components: { InlinedStyles: H, Blocks: ee },
+  components: { InlinedStyles: G, Blocks: oe },
   props: [
     "js",
     "space",
@@ -687,7 +786,7 @@ const ee = /* @__PURE__ */ g(Rt, [["render", Et], ["__file", "/Users/samijaber/c
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: A
+      TARGET: j
     };
   },
   computed: {
@@ -774,7 +873,7 @@ const ee = /* @__PURE__ */ g(Rt, [["render", Et], ["__file", "/Users/samijaber/c
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return ve(
+      return Te(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -789,77 +888,77 @@ const ee = /* @__PURE__ */ g(Rt, [["render", Et], ["__file", "/Users/samijaber/c
     }
   }
 });
-function At(e, t, n, o, s, r) {
-  const i = y("inlined-styles"), a = y("blocks");
-  return d(), m("div", $({
+function Yt(e, t, n, o, s, r) {
+  const i = v("inlined-styles"), a = v("blocks");
+  return d(), h("div", I({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), v(i, {
+    e.TARGET !== "reactNative" ? (d(), C(i, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : S("v-if", !0),
-    (d(!0), m(T, null, j(e.columns, (l, c) => (d(), m("div", $({
-      key: c,
+    }, null, 8, ["styles"])) : w("v-if", !0),
+    (d(!0), h(R, null, B(e.columns, (c, l) => (d(), h("div", I({
+      key: l,
       class: "builder-column div-16nol0lwi20-2",
-      style: e.columnCssVars(c)
+      style: e.columnCssVars(l)
     }, {}), [
       V(a, {
-        path: `component.options.columns.${c}.blocks`,
+        path: `component.options.columns.${l}.blocks`,
         parent: e.builderBlock.id,
         styleProp: {
           flexGrow: "1"
         },
         context: e.builderContext,
         registeredComponents: e.builderComponents,
-        blocks: l.blocks
+        blocks: c.blocks
       }, null, 8, ["path", "parent", "context", "registeredComponents", "blocks"])
     ], 16))), 128))
   ], 16);
 }
-const jt = /* @__PURE__ */ g(_t, [["render", At], ["__scopeId", "data-v-7be099dc"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Vt = b({
+const Xt = /* @__PURE__ */ k(Jt, [["render", Yt], ["__scopeId", "data-v-7be099dc"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/columns/columns.vue"]]), Qt = y({
   name: "builder-fragment-component",
   props: []
 });
-function Bt(e, t, n, o, s, r) {
-  return d(), m("span", null, [
-    P(e.$slots, "default")
+function Zt(e, t, n, o, s, r) {
+  return d(), h("span", null, [
+    U(e.$slots, "default")
   ]);
 }
-const Pt = /* @__PURE__ */ g(Vt, [["render", Bt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
-function le(e) {
+const en = /* @__PURE__ */ k(Qt, [["render", Zt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/fragment/fragment.vue"]]);
+function pe(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Ut(e = "", t, n) {
+function tn(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + s + t + "=" + encodeURIComponent(n);
 }
-function Ot(e, t) {
+function nn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return le(e);
+    return pe(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const o = e.split(n[0]), s = n[3], r = t.match("x") ? t : `${t}x`;
-    return le(`${o[0]}_${r}${s}`);
+    return pe(`${o[0]}_${r}${s}`);
   }
   return null;
 }
-function q(e) {
+function X(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${Ut(e, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${tn(e, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ot(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [nn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Nt = b({
+const on = y({
   name: "builder-image",
   props: [
     "image",
@@ -883,10 +982,10 @@ const Nt = b({
         return this.srcset;
       if (this.srcset && ((n = this.image) == null ? void 0 : n.includes("builder.io/api/v1/image"))) {
         if (!this.srcset.includes(this.image.split("?")[0]))
-          return console.debug("Removed given srcset"), q(t);
+          return console.debug("Removed given srcset"), X(t);
       } else if (this.image && !this.srcset)
-        return q(t);
-      return q(t);
+        return X(t);
+      return X(t);
     },
     webpSrcSet() {
       var e;
@@ -915,29 +1014,29 @@ const Nt = b({
     }
   }
 });
-const Ft = ["srcset"], Wt = ["alt", "role", "src", "srcset", "sizes"], Mt = {
+const sn = ["srcset"], rn = ["alt", "role", "src", "srcset", "sizes"], an = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function Lt(e, t, n, o, s, r) {
-  var i, a, l, c;
-  return d(), m(T, null, [
-    re("picture", null, [
-      e.webpSrcSet ? (d(), m("source", {
+function cn(e, t, n, o, s, r) {
+  var i, a, c, l;
+  return d(), h(R, null, [
+    le("picture", null, [
+      e.webpSrcSet ? (d(), h("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Ft)) : S("v-if", !0),
-      re("img", {
+      }, null, 8, sn)) : w("v-if", !0),
+      le("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: ie({
+        style: de({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: ye(
+        class: we(
           e._classStringToObject(
             "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
           )
@@ -945,30 +1044,30 @@ function Lt(e, t, n, o, s, r) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, Wt)
+      }, null, 14, rn)
     ]),
-    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), m("div", {
+    e.aspectRatio && !(((a = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), h("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
-      style: ie({
+      style: de({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : S("v-if", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : S("v-if", !0),
-    !e.fitContent && e.$slots.default ? (d(), m("div", Mt, [
-      P(e.$slots, "default", {}, void 0, !0)
-    ])) : S("v-if", !0)
+    }, null, 4)) : w("v-if", !0),
+    ((l = (c = e.builderBlock) == null ? void 0 : c.children) == null ? void 0 : l.length) && e.fitContent ? U(e.$slots, "default", { key: 1 }, void 0, !0) : w("v-if", !0),
+    !e.fitContent && e.$slots.default ? (d(), h("div", an, [
+      U(e.$slots, "default", {}, void 0, !0)
+    ])) : w("v-if", !0)
   ], 64);
 }
-const Kt = /* @__PURE__ */ g(Nt, [["render", Lt], ["__scopeId", "data-v-58ca75d1"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), Ht = b({
+const ln = /* @__PURE__ */ k(on, [["render", cn], ["__scopeId", "data-v-58ca75d1"], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/image/image.vue"]]), dn = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: K };
+    return { filterAttrs: q };
   }
 });
-function zt(e, t, n, o, s, r) {
-  return d(), m("section", $({
+function un(e, t, n, o, s, r) {
+  return d(), h("section", I({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -981,51 +1080,51 @@ function zt(e, t, n, o, s, r) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    P(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    U(e.$slots, "default")
   ], 16);
 }
-const Dt = /* @__PURE__ */ g(Ht, [["render", zt], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+const pn = /* @__PURE__ */ k(dn, [["render", un], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/section/section.vue"]]), K = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), qt = ({
+})), mn = ({
   canTrack: e,
   content: t
-}) => !(!(W(t).length > 0) || !e);
-function Gt(e, t, n) {
+}) => !(!(K(t).length > 0) || !e);
+function hn(e, t, n) {
   var i;
   function o() {
-    function a(k, w, R) {
-      let B = "";
-      if (R) {
-        const I = new Date();
-        I.setTime(I.getTime() + R * 24 * 60 * 60 * 1e3), B = "; expires=" + I.toUTCString();
+    function a(b, S, T) {
+      let E = "";
+      if (T) {
+        const g = new Date();
+        g.setTime(g.getTime() + T * 24 * 60 * 60 * 1e3), E = "; expires=" + g.toUTCString();
       }
-      document.cookie = k + "=" + (w || "") + B + "; path=/; Secure; SameSite=None";
+      document.cookie = b + "=" + (S || "") + E + "; path=/; Secure; SameSite=None";
     }
-    function l(k) {
-      const w = k + "=", R = document.cookie.split(";");
-      for (let B = 0; B < R.length; B++) {
-        let I = R[B];
-        for (; I.charAt(0) === " "; )
-          I = I.substring(1, I.length);
-        if (I.indexOf(w) === 0)
-          return I.substring(w.length, I.length);
+    function c(b) {
+      const S = b + "=", T = document.cookie.split(";");
+      for (let E = 0; E < T.length; E++) {
+        let g = T[E];
+        for (; g.charAt(0) === " "; )
+          g = g.substring(1, g.length);
+        if (g.indexOf(S) === 0)
+          return g.substring(S.length, g.length);
       }
       return null;
     }
-    const c = `builder.tests.${e}`, u = l(c), p = t.map((k) => k.id).concat(e);
-    if (u && p.includes(u))
+    const l = `builder.tests.${e}`, u = c(l), f = t.map((b) => b.id).concat(e);
+    if (u && f.includes(u))
       return u;
-    let h = 0;
-    const f = Math.random();
-    for (let k = 0; k < t.length; k++) {
-      const w = t[k], R = w.testRatio;
-      if (h += R, f < h)
-        return a(c, w.id), w.id;
+    let m = 0;
+    const p = Math.random();
+    for (let b = 0; b < t.length; b++) {
+      const S = t[b], T = S.testRatio;
+      if (m += T, p < m)
+        return a(l, S.id), S.id;
     }
-    return a(c, e), e;
+    return a(l, e), e;
   }
   const s = o(), r = (i = document.currentScript) == null ? void 0 : i.previousElementSibling;
   if (n) {
@@ -1035,27 +1134,27 @@ function Gt(e, t, n) {
   } else {
     const a = t.concat({
       id: e
-    }).filter((l) => l.id !== s).map((l) => `.variant-${l.id} {  display: none; }
+    }).filter((c) => c.id !== s).map((c) => `.variant-${c.id} {  display: none; }
         `).join("");
     r.innerHTML = a;
   }
 }
-function Jt(e, t, n) {
-  var l;
+function fn(e, t, n) {
+  var c;
   if (!navigator.cookieEnabled)
     return;
-  function o(c) {
-    const u = c + "=", p = document.cookie.split(";");
-    for (let h = 0; h < p.length; h++) {
-      let f = p[h];
-      for (; f.charAt(0) === " "; )
-        f = f.substring(1, f.length);
-      if (f.indexOf(u) === 0)
-        return f.substring(u.length, f.length);
+  function o(l) {
+    const u = l + "=", f = document.cookie.split(";");
+    for (let m = 0; m < f.length; m++) {
+      let p = f[m];
+      for (; p.charAt(0) === " "; )
+        p = p.substring(1, p.length);
+      if (p.indexOf(u) === 0)
+        return p.substring(u.length, p.length);
     }
     return null;
   }
-  const s = `builder.tests.${t}`, r = o(s), i = (l = document.currentScript) == null ? void 0 : l.parentElement, a = e === t;
+  const s = `builder.tests.${t}`, r = o(s), i = (c = document.currentScript) == null ? void 0 : c.parentElement, a = e === t;
   if (r === e) {
     if (a)
       return;
@@ -1065,18 +1164,18 @@ function Jt(e, t, n) {
     return;
   }
 }
-const Yt = (e) => e === "react" || e === "reactNative", Te = Yt(A), Ie = "builderIoAbTest", xe = "builderIoRenderContent", Xt = () => {
-  const e = Gt.toString().replace(/\s+/g, " "), t = Jt.toString().replace(/\s+/g, " ");
+const bn = (e) => e === "react" || e === "reactNative", Ue = bn(j), Ne = "builderIoAbTest", Oe = "builderIoRenderContent", gn = () => {
+  const e = hn.toString().replace(/\s+/g, " "), t = fn.toString().replace(/\s+/g, " ");
   return `
-  window.${Ie} = ${e}
-  window.${xe} = ${t}
+  window.${Ne} = ${e}
+  window.${Oe} = ${t}
   `;
-}, Qt = (e, t) => `
-  window.${Ie}("${t}",${JSON.stringify(e)}, ${Te})`, Zt = ({
+}, yn = (e, t) => `
+  window.${Ne}("${t}",${JSON.stringify(e)}, ${Ue})`, kn = ({
   contentId: e,
   variationId: t
 }) => `
-  window.${xe}("${t}", "${e}", ${Te})`, en = {
+  window.${Oe}("${t}", "${e}", ${Ue})`, vn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1108,7 +1207,7 @@ const Yt = (e) => e === "react" || e === "reactNative", Te = Yt(A), Ie = "builde
   }],
   static: !0,
   noWrap: !0
-}, tn = {
+}, Sn = {
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1286,7 +1385,7 @@ const Yt = (e) => e === "react" || e === "reactNative", Te = Yt(A), Ie = "builde
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && !!n.find((s) => s.get("width")) && (!!n.find((r) => !r.get("width")) || n.reduce((a, l) => a + l.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && !!n.find((s) => s.get("width")) && (!!n.find((r) => !r.get("width")) || n.reduce((a, c) => a + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -1308,13 +1407,13 @@ const Yt = (e) => e === "react" || e === "reactNative", Te = Yt(A), Ie = "builde
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, nn = {
+}, Cn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, on = {
+}, wn = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1335,15 +1434,15 @@ const Yt = (e) => e === "react" || e === "reactNative", Te = Yt(A), Ie = "builde
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(i, a = 6e4) {
-        return new Promise((l, c) => {
+        return new Promise((c, l) => {
           const u = document.createElement("img");
-          let p = !1;
+          let f = !1;
           u.onload = () => {
-            p = !0, l(u);
-          }, u.addEventListener("error", (h) => {
-            console.warn("Image load failed", h.error), c(h.error);
+            f = !0, c(u);
+          }, u.addEventListener("error", (m) => {
+            console.warn("Image load failed", m.error), l(m.error);
           }), u.src = i, setTimeout(() => {
-            p || c(new Error("Image load timed out"));
+            f || l(new Error("Image load timed out"));
           }, a);
         });
       }
@@ -1414,7 +1513,7 @@ const Yt = (e) => e === "react" || e === "reactNative", Te = Yt(A), Ie = "builde
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, sn = {
+}, $n = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1453,7 +1552,7 @@ const Yt = (e) => e === "react" || e === "reactNative", Te = Yt(A), Ie = "builde
       }
     }
   }]
-}, rn = {
+}, Tn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1486,7 +1585,7 @@ const Yt = (e) => e === "react" || e === "reactNative", Te = Yt(A), Ie = "builde
     hideFromUI: !0,
     type: "boolean"
   }]
-}, an = {
+}, In = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1504,21 +1603,21 @@ const Yt = (e) => e === "react" || e === "reactNative", Te = Yt(A), Ie = "builde
     height: "auto",
     textAlign: "center"
   }
-}, ln = b({
+}, Rn = y({
   name: "builder-text",
   props: ["text"]
-}), cn = ["innerHTML"];
-function dn(e, t, n, o, s, r) {
+}), xn = ["innerHTML"];
+function En(e, t, n, o, s, r) {
   var i;
-  return d(), m("div", {
+  return d(), h("div", {
     class: "builder-text",
     innerHTML: ((i = e.text) == null ? void 0 : i.toString()) || "",
     style: {
       outline: "none"
     }
-  }, null, 8, cn);
+  }, null, 8, xn);
 }
-const un = /* @__PURE__ */ g(ln, [["render", dn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), pn = {
+const _n = /* @__PURE__ */ k(Rn, [["render", En], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/text/text.vue"]]), An = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1599,7 +1698,7 @@ const un = /* @__PURE__ */ g(ln, [["render", dn], ["__file", "/Users/samijaber/c
     defaultValue: !0,
     advanced: !0
   }]
-}, mn = b({
+}, jn = y({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1641,10 +1740,10 @@ const un = /* @__PURE__ */ g(ln, [["render", dn], ["__file", "/Users/samijaber/c
       };
     }
   }
-}), hn = ["preload", "src", "poster"];
-function fn(e, t, n, o, s, r) {
+}), Pn = ["preload", "src", "poster"];
+function Bn(e, t, n, o, s, r) {
   var i;
-  return d(), m("video", $({
+  return d(), h("video", I({
     preload: e.preload || "metadata",
     style: {
       width: "100%",
@@ -1656,9 +1755,9 @@ function fn(e, t, n, o, s, r) {
     },
     src: e.video || "no-src",
     poster: e.posterImage
-  }, e.spreadProps), null, 16, hn);
+  }, e.spreadProps), null, 16, Pn);
 }
-const bn = /* @__PURE__ */ g(mn, [["render", fn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), gn = {
+const Vn = /* @__PURE__ */ k(jn, [["render", Bn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/video/video.vue"]]), Un = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1683,7 +1782,7 @@ const bn = /* @__PURE__ */ g(mn, [["render", fn], ["__file", "/Users/samijaber/c
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, yn = ["text/javascript", "application/javascript", "application/ecmascript"], kn = (e) => yn.includes(e.type), vn = b({
+}, Nn = ["text/javascript", "application/javascript", "application/ecmascript"], On = (e) => Nn.includes(e.type), Fn = y({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1716,7 +1815,7 @@ const bn = /* @__PURE__ */ g(mn, [["render", fn], ["__file", "/Users/samijaber/c
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (kn(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (On(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1725,15 +1824,15 @@ const bn = /* @__PURE__ */ g(mn, [["render", fn], ["__file", "/Users/samijaber/c
       }
     }
   }
-}), Sn = ["innerHTML"];
-function Cn(e, t, n, o, s, r) {
-  return d(), m("div", {
+}), Mn = ["innerHTML"];
+function Wn(e, t, n, o, s, r) {
+  return d(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Sn);
+  }, null, 8, Mn);
 }
-const wn = /* @__PURE__ */ g(vn, [["render", Cn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), $n = b({
+const Ln = /* @__PURE__ */ k(Fn, [["render", Wn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/embed/embed.vue"]]), Kn = y({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1744,11 +1843,11 @@ const wn = /* @__PURE__ */ g(vn, [["render", Cn], ["__file", "/Users/samijaber/c
     "attributes"
   ],
   data() {
-    return { isEditing: _, filterAttrs: K };
+    return { isEditing: _, filterAttrs: q };
   }
-}), Tn = ["alt", "src"];
-function In(e, t, n, o, s, r) {
-  return d(), m("img", $({
+}), Hn = ["alt", "src"];
+function zn(e, t, n, o, s, r) {
+  return d(), h("img", I({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -1756,9 +1855,9 @@ function In(e, t, n, o, s, r) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Tn);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Hn);
 }
-const xn = /* @__PURE__ */ g($n, [["render", In], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), Rn = {
+const Dn = /* @__PURE__ */ k(Kn, [["render", zn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/img/img.vue"]]), qn = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1771,43 +1870,41 @@ const xn = /* @__PURE__ */ g($n, [["render", In], ["__file", "/Users/samijaber/c
   }],
   noWrap: !0,
   static: !0
-}, En = b({
+}, Gn = y({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
     return { scriptsInserted: [], scriptsRun: [] };
   },
   mounted() {
-    this.findAndRunScripts();
-  },
-  methods: {
-    findAndRunScripts() {
-      if (this.$refs.elem && this.$refs.elem.getElementsByTagName && typeof window < "u") {
-        const e = this.$refs.elem.getElementsByTagName("script");
-        for (let t = 0; t < e.length; t++) {
-          const n = e[t];
-          if (n.src) {
-            if (this.scriptsInserted.includes(n.src))
-              continue;
-            this.scriptsInserted.push(n.src);
-            const o = document.createElement("script");
-            o.async = !0, o.src = n.src, document.head.appendChild(o);
-          } else if (!n.type || [
-            "text/javascript",
-            "application/javascript",
-            "application/ecmascript"
-          ].includes(n.type)) {
-            if (this.scriptsRun.includes(n.innerText))
-              continue;
-            try {
-              this.scriptsRun.push(n.innerText), new Function(n.innerText)();
-            } catch (o) {
-              console.warn("`CustomCode`: Error running script:", o);
-            }
-          }
+    var t;
+    if (!((t = this.$refs.elementRef) != null && t.getElementsByTagName) || typeof window > "u")
+      return;
+    const e = this.$refs.elementRef.getElementsByTagName("script");
+    for (let n = 0; n < e.length; n++) {
+      const o = e[n];
+      if (o.src) {
+        if (this.scriptsInserted.includes(o.src))
+          continue;
+        this.scriptsInserted.push(o.src);
+        const s = document.createElement("script");
+        s.async = !0, s.src = o.src, document.head.appendChild(s);
+      } else if (!o.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(o.type)) {
+        if (this.scriptsRun.includes(o.innerText))
+          continue;
+        try {
+          this.scriptsRun.push(o.innerText), new Function(o.innerText)();
+        } catch (s) {
+          console.warn("`CustomCode`: Error running script:", s);
         }
       }
-    },
+    }
+  },
+  methods: {
     _classStringToObject(e) {
       const t = {};
       if (typeof e != "string")
@@ -1818,19 +1915,19 @@ const xn = /* @__PURE__ */ g($n, [["render", In], ["__file", "/Users/samijaber/c
       return t;
     }
   }
-}), _n = ["innerHTML"];
-function An(e, t, n, o, s, r) {
-  return d(), m("div", {
-    ref: "elem",
-    class: ye(
+}), Jn = ["innerHTML"];
+function Yn(e, t, n, o, s, r) {
+  return d(), h("div", {
+    ref: "elementRef",
+    class: we(
       e._classStringToObject(
         "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
       )
     ),
     innerHTML: e.code
-  }, null, 10, _n);
+  }, null, 10, Jn);
 }
-const jn = /* @__PURE__ */ g(En, [["render", An], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), Vn = {
+const Xn = /* @__PURE__ */ k(Gn, [["render", Yn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/custom-code/custom-code.vue"]]), Qn = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1852,55 +1949,55 @@ const jn = /* @__PURE__ */ g(En, [["render", An], ["__file", "/Users/samijaber/c
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, ce = () => [{
-  component: Je,
-  ...en
+}, me = () => [{
+  component: ct,
+  ...vn
 }, {
-  component: jt,
-  ...tn
+  component: Xt,
+  ...Sn
 }, {
-  component: jn,
-  ...Vn
+  component: Xn,
+  ...Qn
 }, {
-  component: wn,
-  ...gn
+  component: Ln,
+  ...Un
 }, {
-  component: Pt,
-  ...nn
+  component: en,
+  ...Cn
 }, {
-  component: Kt,
-  ...on
+  component: ln,
+  ...wn
 }, {
-  component: xn,
-  ...Rn
+  component: Dn,
+  ...qn
 }, {
-  component: Dt,
-  ...sn
+  component: pn,
+  ...$n
 }, {
-  component: zo,
-  ...rn
+  component: ds,
+  ...Tn
 }, {
-  component: un,
-  ...an
+  component: _n,
+  ...In
 }, {
-  component: bn,
-  ...pn
-}], de = [], Bn = (e) => ({
+  component: Vn,
+  ...An
+}], he = [], Zn = (e) => ({
   type: "builder.registerComponent",
-  data: J(e)
-}), Pn = (e) => {
+  data: ee(e)
+}), eo = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Un = (e) => typeof e == "function" ? Pn(e) : O(e), J = ({
+}, to = (e) => typeof e == "function" ? eo(e) : N(e), ee = ({
   inputs: e,
   ...t
 }) => ({
-  ...O(t),
+  ...N(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
     ...o,
-    [s]: Un(r)
+    [s]: to(r)
   }), {}))
-}), On = (e) => {
+}), no = (e) => {
   var r, i;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (i = e.fileUrl) != null ? i : (r = e == null ? void 0 : e.files) == null ? void 0 : r.regular;
   let s = "";
@@ -1915,37 +2012,37 @@ font-weight: 400;
     for (const a in e.files) {
       if (!(String(Number(a)) === a))
         continue;
-      const c = e.files[a];
-      c && c !== o && (s += `
+      const l = e.files[a];
+      l && l !== o && (s += `
 @font-face {
 font-family: "${t}";
-src: url('${c}') format('woff2');
+src: url('${l}') format('woff2');
 font-display: fallback;
 font-weight: ${a};
 }
         `.trim());
     }
   return s;
-}, Nn = ({
+}, oo = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => On(n))) == null ? void 0 : t.join(" ")) || "";
-}, Fn = ({
+  return ((t = e == null ? void 0 : e.map((n) => no(n))) == null ? void 0 : t.join(" ")) || "";
+}, so = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Wn = b({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ro = y({
   name: "content-styles",
-  components: { InlinedStyles: H },
+  components: { InlinedStyles: G },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${Fn({
+${so({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Nn({
+${oo({
         customFonts: this.customFonts
       })}
 
@@ -1965,20 +2062,20 @@ ${Nn({
     };
   }
 });
-function Mn(e, t, n, o, s, r) {
-  const i = y("inlined-styles");
-  return d(), v(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
+function io(e, t, n, o, s, r) {
+  const i = v("inlined-styles");
+  return d(), C(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Ln = /* @__PURE__ */ g(Wn, [["render", Mn], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), Kn = ({
+const ao = /* @__PURE__ */ k(ro, [["render", io], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/components/styles.vue"]]), co = ({
   content: e,
   data: t,
   locale: n
 }) => {
   var r, i, a;
   const o = {};
-  (i = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || i.forEach((l) => {
-    var c;
-    l.name && l.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[l.name] === void 0 && (o[l.name] = l.defaultValue);
+  (i = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || i.forEach((c) => {
+    var l;
+    c.name && c.defaultValue !== void 0 && ((l = e == null ? void 0 : e.data) == null ? void 0 : l.state) && e.data.state[c.name] === void 0 && (o[c.name] = c.defaultValue);
   });
   const s = {
     ...(a = e == null ? void 0 : e.data) == null ? void 0 : a.state,
@@ -1991,7 +2088,7 @@ const Ln = /* @__PURE__ */ g(Wn, [["render", Mn], ["__file", "/Users/samijaber/c
     ...o,
     ...s
   };
-}, Hn = ({
+}, lo = ({
   content: e,
   data: t
 }) => e ? {
@@ -2002,22 +2099,22 @@ const Ln = /* @__PURE__ */ g(Wn, [["render", Mn], ["__file", "/Users/samijaber/c
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function zn() {
+function uo() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Dn() {
-  const e = zn().fetch;
+function po() {
+  const e = uo().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const Re = Dn(), qn = (e) => {
+const Fe = po(), mo = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Ee = ({
+}, Me = ({
   name: e,
   canTrack: t
 }) => {
@@ -2028,14 +2125,14 @@ const Re = Dn(), qn = (e) => {
     x.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, _e = async (e) => Ee(e), Gn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(E).join("; "), Jn = [["secure", ""], ["SameSite", "None"]], Yn = ({
+}, We = async (e) => Me(e), ho = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(A).join("; "), fo = [["secure", ""], ["SameSite", "None"]], bo = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const s = (C() ? location.protocol === "https:" : !0) ? Jn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", qn(window.location.hostname)], ...s];
-  return Gn(i);
-}, Ae = async ({
+  const s = ($() ? location.protocol === "https:" : !0) ? fo : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", mo(window.location.hostname)], ...s];
+  return ho(i);
+}, Le = async ({
   name: e,
   value: t,
   expires: n,
@@ -2044,7 +2141,7 @@ const Re = Dn(), qn = (e) => {
   try {
     if (!o)
       return;
-    const s = Yn({
+    const s = bo({
       name: e,
       value: t,
       expires: n
@@ -2054,88 +2151,88 @@ const Re = Dn(), qn = (e) => {
     x.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
   }
 };
-function Xn() {
+function go() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function je() {
-  return Xn().replace(/-/g, "");
+function Ke() {
+  return go().replace(/-/g, "");
 }
-const Ve = "builderSessionId", Qn = async ({
+const He = "builderSessionId", yo = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await _e({
-    name: Ve,
+  const t = await We({
+    name: He,
     canTrack: e
   });
-  if (E(t))
+  if (A(t))
     return t;
   {
-    const n = Zn();
-    return eo({
+    const n = ko();
+    return vo({
       id: n,
       canTrack: e
     }), n;
   }
-}, Zn = () => je(), eo = ({
+}, ko = () => Ke(), vo = ({
   id: e,
   canTrack: t
-}) => Ae({
-  name: Ve,
+}) => Le({
+  name: He,
   value: e,
   canTrack: t
-}), Be = () => C() && typeof localStorage < "u" ? localStorage : void 0, to = ({
+}), ze = () => $() && typeof localStorage < "u" ? localStorage : void 0, So = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Be()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = ze()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, no = ({
+}, Co = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = Be()) == null || o.setItem(e, n));
+    t && ((o = ze()) == null || o.setItem(e, n));
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, Pe = "builderVisitorId", oo = ({
+}, De = "builderVisitorId", wo = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = to({
-    key: Pe,
+  const t = So({
+    key: De,
     canTrack: e
   });
-  if (E(t))
+  if (A(t))
     return t;
   {
-    const n = so();
-    return ro({
+    const n = $o();
+    return To({
       id: n,
       canTrack: e
     }), n;
   }
-}, so = () => je(), ro = ({
+}, $o = () => Ke(), To = ({
   id: e,
   canTrack: t
-}) => no({
-  key: Pe,
+}) => Co({
+  key: De,
   value: e,
   canTrack: t
-}), io = async ({
+}), Io = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2143,16 +2240,16 @@ const Ve = "builderSessionId", Qn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Qn({
+  const t = await yo({
     canTrack: e
-  }), n = oo({
+  }), n = wo({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, ao = async ({
+}, Ro = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -2166,23 +2263,23 @@ const Ve = "builderSessionId", Qn = async ({
       url: location.href,
       ...o
     },
-    ...await io({
+    ...await Io({
       canTrack: t
     }),
-    userAttributes: Se(),
+    userAttributes: Ie(),
     ownerId: n
   }
 });
-async function Y(e) {
+async function te(e) {
   if (!e.apiKey) {
     x.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !_() && !!(C() || A === "reactNative"))
+  if (!!e.canTrack && !_() && !!($() || j === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await ao(e)]
+        events: [await Ro(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2192,13 +2289,13 @@ async function Y(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Go = (e) => Y({
+const hs = (e) => te({
   ...e,
   canTrack: !0
-}), lo = "0.6.4", ue = {};
-function co(e, t) {
-  let n = ue[e];
-  if (n || (n = ue[e] = []), n.push(t), C()) {
+}), xo = "0.7.1-0", fe = {};
+function Eo(e, t) {
+  let n = fe[e];
+  if (n || (n = fe[e] = []), n.push(t), $()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2213,8 +2310,8 @@ function co(e, t) {
     }
   }
 }
-const uo = () => {
-  co("insertMenu", {
+const _o = () => {
+  Eo("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2236,14 +2333,14 @@ const uo = () => {
     }]
   });
 };
-let pe = !1;
-const po = (e = {}) => {
+let be = !1;
+const Ao = (e = {}) => {
   var t, n;
-  pe || (pe = !0, C() && ((t = window.parent) == null || t.postMessage({
+  be || (be = !0, $() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: A,
-      version: lo,
+      target: j,
+      version: xo,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
@@ -2260,33 +2357,33 @@ const po = (e = {}) => {
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const i = o.data.text, a = o.data.arguments || [], l = o.data.id, c = new Function(i);
-          let u, p = null;
+          const i = o.data.text, a = o.data.arguments || [], c = o.data.id, l = new Function(i);
+          let u, f = null;
           try {
-            u = c.apply(null, a);
-          } catch (h) {
-            p = h;
+            u = l.apply(null, a);
+          } catch (m) {
+            f = m;
           }
-          p ? (s = window.parent) == null || s.postMessage({
+          f ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: l,
-              error: p.message
+              id: c,
+              error: f.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((h) => {
-            var f;
-            (f = window.parent) == null || f.postMessage({
+          }, "*") : u && typeof u.then == "function" ? u.then((m) => {
+            var p;
+            (p = window.parent) == null || p.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: l,
-                result: h
+                id: c,
+                result: m
               }
             }, "*");
           }).catch(console.error) : (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: u,
-              id: l
+              id: c
             }
           }, "*");
           break;
@@ -2294,10 +2391,10 @@ const po = (e = {}) => {
       }
   })));
 };
-function me(e) {
+function ge(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const mo = (e, t, n = !0) => {
+const jo = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2308,52 +2405,52 @@ const mo = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, ho = (e) => mo(e, (t) => {
+}, Po = (e) => jo(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), he = ({
+}), ye = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = me(o / n.width), i = me(s / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = ge(o / n.width), i = ge(s / n.height);
   return {
     x: r,
     y: i
   };
-}, fo = (e) => {
-  const t = e.target, n = t && ho(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Bo = (e) => {
+  const t = e.target, n = t && Po(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? he({
+      targetOffset: t ? ye({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? he({
+      builderTargetOffset: n ? ye({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, bo = "builder.tests", te = (e) => `${bo}.${e}`, go = ({
+}, Vo = "builder.tests", se = (e) => `${Vo}.${e}`, Uo = ({
   contentId: e
-}) => _e({
-  name: te(e),
+}) => We({
+  name: se(e),
   canTrack: !0
-}), yo = ({
+}), No = ({
   contentId: e
-}) => Ee({
-  name: te(e),
+}) => Me({
+  name: se(e),
   canTrack: !0
-}), ko = ({
+}), Oo = ({
   contentId: e,
   value: t
-}) => Ae({
-  name: te(e),
+}) => Le({
+  name: se(e),
   value: t,
   canTrack: !0
-}), Ue = (e) => E(e.id) && E(e.variations) && Object.keys(e.variations).length > 0, vo = ({
+}), qe = (e) => A(e.id) && A(e.variations) && Object.keys(e.variations).length > 0, Fo = ({
   id: e,
   variations: t
 }) => {
@@ -2366,15 +2463,15 @@ const mo = (e, t, n = !0) => {
       return r;
   }
   return e;
-}, Oe = (e) => {
-  const t = vo(e);
-  return ko({
+}, Ge = (e) => {
+  const t = Fo(e);
+  return Oo({
     contentId: e.id,
     value: t
   }).catch((n) => {
     x.error("could not store A/B test variation: ", n);
   }), t;
-}, Ne = ({
+}, Je = ({
   item: e,
   testGroupId: t
 }) => {
@@ -2387,7 +2484,7 @@ const mo = (e, t, n = !0) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, So = ({
+}, Mo = ({
   item: e,
   canTrack: t
 }) => {
@@ -2395,14 +2492,14 @@ const mo = (e, t, n = !0) => {
     return e;
   if (!e)
     return;
-  if (!Ue(e))
+  if (!qe(e))
     return e;
-  const n = yo({
+  const n = No({
     contentId: e.id
-  }) || Oe({
+  }) || Ge({
     variations: e.variations,
     id: e.id
-  }), o = Ne({
+  }), o = Je({
     item: e,
     testGroupId: n
   });
@@ -2410,18 +2507,18 @@ const mo = (e, t, n = !0) => {
     ...e,
     ...o
   };
-}, Co = async ({
+}, Wo = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Ue(e))
+  if (!t || !qe(e))
     return e;
-  const o = await go({
+  const o = await Uo({
     contentId: e.id
-  }) || Oe({
+  }) || Ge({
     variations: e.variations,
     id: e.id
-  }), s = Ne({
+  }), s = Je({
     item: e,
     testGroupId: o
   });
@@ -2429,89 +2526,107 @@ const mo = (e, t, n = !0) => {
     ...e,
     ...s
   };
-}, X = (e) => E(e) ? e : !0;
-function Q(e, t = null, n = ".") {
+}, M = (e) => A(e) ? e : !0;
+function H(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, s) => {
     const r = e[s], i = [t, s].filter(Boolean).join(n);
     return [typeof r == "object", r !== null, !(Array.isArray(r) && r.length === 0)].every(Boolean) ? {
       ...o,
-      ...Q(r, i, n)
+      ...H(r, i, n)
     } : {
       ...o,
       [i]: r
     };
   }, {});
 }
-const fe = "builder.", wo = "options.", $o = (e) => {
+const ke = "builder.", Lo = "options.", Ko = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Fe = (e) => {
+}, Ye = (e) => {
   if (!e)
     return {};
-  const t = We(e), n = {};
+  const t = Xe(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(fe)) {
-      const s = o.replace(fe, "").replace(wo, "");
+    if (o.startsWith(ke)) {
+      const s = o.replace(ke, "").replace(Lo, "");
       n[s] = t[o];
     }
   }), n;
-}, To = () => {
-  if (!C())
+}, Ho = () => {
+  if (!$())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Fe(e);
-}, We = (e) => e instanceof URLSearchParams ? $o(e) : e, Io = "v3", ne = (e) => {
+  return Ye(e);
+}, Xe = (e) => e instanceof URLSearchParams ? Ko(e) : e, zo = "v3", ve = (e) => typeof e == "number" && !isNaN(e) && e >= 0, re = (e) => {
+  let {
+    noTraverse: t = !1
+  } = e;
   const {
-    limit: t = 30,
-    userAttributes: n,
-    query: o,
-    noTraverse: s = !1,
+    limit: n = 30,
+    userAttributes: o,
+    query: s,
     model: r,
     apiKey: i,
     includeRefs: a = !0,
-    enrich: l,
-    locale: c,
-    apiVersion: u = Io
+    enrich: c,
+    locale: l,
+    apiVersion: u = zo,
+    fields: f,
+    omit: m,
+    offset: p,
+    cacheSeconds: b,
+    staleCacheSeconds: S,
+    sort: T,
+    includeUnpublished: E
   } = e;
   if (!i)
     throw new Error("Missing API key");
   if (!["v2", "v3"].includes(u))
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
-  const p = new URL(`https://cdn.builder.io/api/${u}/content/${r}?apiKey=${i}&limit=${t}&noTraverse=${s}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`), h = {
-    ...To(),
-    ...We(e.options || {})
-  }, f = Q(h);
-  for (const k in f)
-    p.searchParams.set(k, String(f[k]));
-  if (n && p.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const k = Q({
-      query: o
+  (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
+  const g = new URL(`https://cdn.builder.io/api/${u}/content/${r}?apiKey=${i}&limit=${n}&noTraverse=${t}&includeRefs=${a}${l ? `&locale=${l}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (g.searchParams.set("omit", m || "meta.componentsUsed"), f && g.searchParams.set("fields", f), Number.isFinite(p) && p > -1 && g.searchParams.set("offset", String(Math.floor(p))), typeof E == "boolean" && g.searchParams.set("includeUnpublished", String(E)), b && ve(b) && g.searchParams.set("cacheSeconds", String(b)), S && ve(S) && g.searchParams.set("staleCacheSeconds", String(S)), T) {
+    const P = H({
+      sort: T
     });
-    for (const w in k)
-      p.searchParams.set(w, JSON.stringify(k[w]));
+    for (const O in P)
+      g.searchParams.set(O, JSON.stringify(P[O]));
   }
-  return p;
-}, xo = (e) => "results" in e;
-async function z(e) {
-  const t = await Me({
+  const tt = {
+    ...Ho(),
+    ...Xe(e.options || {})
+  }, ie = H(tt);
+  for (const P in ie)
+    g.searchParams.set(P, String(ie[P]));
+  if (o && g.searchParams.set("userAttributes", JSON.stringify(o)), s) {
+    const P = H({
+      query: s
+    });
+    for (const O in P)
+      g.searchParams.set(O, JSON.stringify(P[O]));
+  }
+  return g;
+}, Do = (e) => "results" in e;
+async function J(e) {
+  const t = await Qe({
     ...e,
     limit: 1
   });
   return t && t.results[0] || null;
 }
-const Jo = z, Ro = async (e) => {
-  const t = ne(e);
-  return await (await Re(t.href)).json();
-}, Eo = async (e, t, n = ne(e)) => {
-  const o = X(e.canTrack);
-  if (n.search.includes("preview="), !o || !(C() || A === "reactNative"))
+const fs = J, qo = async (e) => {
+  const t = re(e);
+  return await (await Fe(t.href)).json();
+}, Go = async (e, t, n = re(e)) => {
+  const o = M(e.canTrack);
+  if (n.search.includes("preview="), !o || !($() || j === "reactNative"))
     return t;
   try {
     const s = [];
     for (const r of t.results)
-      s.push(await Co({
+      s.push(await Wo({
         item: r,
         canTrack: o
       }));
@@ -2521,10 +2636,10 @@ const Jo = z, Ro = async (e) => {
   }
   return t;
 };
-async function Me(e) {
+async function Qe(e) {
   try {
-    const t = ne(e), n = await Ro(e);
-    return xo(n) ? Eo(e, n) : (x.error("Error fetching data. ", {
+    const t = re(e), n = await qo(e);
+    return Do(n) ? Go(e, n) : (x.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -2533,90 +2648,66 @@ async function Me(e) {
     return x.error("Error fetching data. ", t), null;
   }
 }
-const Yo = Me;
-function _o() {
-  return !C() || _() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+const bs = Qe;
+function Jo() {
+  return !$() || _() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const Ao = b({
+const Yo = y({
   name: "enable-editor",
   props: [
-    "canTrack",
     "builderContextSignal",
     "model",
     "context",
+    "canTrack",
     "apiKey",
-    "showContent",
-    "classNameProp",
-    "content",
     "locale",
     "includeRefs",
-    "enrich"
+    "enrich",
+    "content",
+    "showContent",
+    "classNameProp"
   ],
   data() {
     return {
-      canTrackToUse: E(this.canTrack) ? this.canTrack : !0,
       forceReRenderCount: 0,
       lastUpdated: 0,
       shouldSendResetCookie: !1,
       httpReqsData: {},
       clicked: !1,
-      builderContext: G
+      builderContext: Z
     };
   },
   provide() {
     const e = this;
     return {
-      [G.key]: e.builderContextSignal
+      [Z.key]: e.builderContextSignal
     };
   },
   mounted() {
-    var e, t;
-    if (this.apiKey || x.error(
-      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), C()) {
-      if (_() && (this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), uo(), po({
-        ...this.locale ? {
-          locale: this.locale
-        } : {},
-        ...this.includeRefs ? {
-          includeRefs: this.includeRefs
-        } : {},
-        ...this.enrich ? {
-          enrich: this.enrich
-        } : {}
-      }), Object.values(
-        this.builderContextSignal.componentInfos
-      ).forEach((n) => {
-        var s;
-        const o = Bn(n);
-        (s = window.parent) == null || s.postMessage(o, "*");
-      }), window.addEventListener(
-        "builder:component:stateChangeListenerActivated",
-        this.emitStateUpdate
-      )), this.builderContextSignal.content) {
-        const n = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, o = (t = this.builderContextSignal.content) == null ? void 0 : t.id;
-        Y({
-          type: "impression",
-          canTrack: this.canTrackToUse,
-          contentId: o,
-          apiKey: this.apiKey,
-          variationId: n !== o ? n : void 0
-        });
-      }
-      if (_o()) {
-        const n = new URL(location.href).searchParams, o = n.get("builder.preview"), s = n.get(
-          `builder.preview.${o}`
-        ), r = n.get("apiKey") || n.get("builder.space");
-        o === this.model && r === this.apiKey && (!this.content || s === this.content.id) && z({
-          model: this.model,
-          apiKey: this.apiKey,
-          apiVersion: this.builderContextSignal.apiVersion
-        }).then((i) => {
-          i && this.mergeNewContent(i);
-        });
+    (() => {
+      var n, o;
+      if ($()) {
+        if (_() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+          new CustomEvent("initeditingbldr")
+        ), this.builderContextSignal.content && M(this.canTrack)) {
+          const r = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, a = this.apiKey;
+          te({
+            type: "impression",
+            canTrack: !0,
+            contentId: i,
+            apiKey: a,
+            variationId: r !== i ? r : void 0
+          });
+        }
+        Jo() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+          new CustomEvent("initpreviewingbldr")
+        );
       }
-      this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
-    }
+    })(), (() => {
+      this.apiKey || x.error(
+        "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+      ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
+    })();
   },
   watch: {
     onUpdateHook0: {
@@ -2647,7 +2738,7 @@ const Ao = b({
     }
   },
   unmounted() {
-    C() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    $() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -2726,7 +2817,7 @@ const Ao = b({
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && M({
+      e && z({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -2738,13 +2829,13 @@ const Ao = b({
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, s = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        Y({
+        te({
           type: "click",
-          canTrack: this.canTrackToUse,
+          canTrack: M(this.canTrack),
           contentId: s,
           apiKey: this.apiKey,
           variationId: o !== s ? o : void 0,
-          ...fo(e),
+          ...Bo(e),
           unique: !this.clicked
         });
       }
@@ -2753,7 +2844,7 @@ const Ao = b({
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (t, n) => M({
+        (t, n) => z({
           code: n,
           context: this.context || {},
           localState: void 0,
@@ -2763,7 +2854,7 @@ const Ao = b({
       );
     },
     handleRequest({ url: e, key: t }) {
-      Re(e).then((n) => n.json()).then((n) => {
+      Fe(e).then((n) => n.json()).then((n) => {
         var s, r;
         const o = {
           ...this.builderContextSignal.rootState,
@@ -2793,7 +2884,7 @@ const Ao = b({
           "builder:component:stateChange",
           {
             detail: {
-              state: O(this.builderContextSignal.rootState),
+              state: N(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -2802,6 +2893,40 @@ const Ao = b({
         )
       );
     },
+    elementRef_onIniteditingbldr(e) {
+      this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), _o(), Ao({
+        ...this.locale ? {
+          locale: this.locale
+        } : {},
+        ...this.includeRefs ? {
+          includeRefs: this.includeRefs
+        } : {},
+        ...this.enrich ? {
+          enrich: this.enrich
+        } : {}
+      }), Object.values(
+        this.builderContextSignal.componentInfos
+      ).forEach((t) => {
+        var o;
+        const n = Zn(t);
+        (o = window.parent) == null || o.postMessage(n, "*");
+      }), window.addEventListener(
+        "builder:component:stateChangeListenerActivated",
+        this.emitStateUpdate
+      );
+    },
+    elementRef_onInitpreviewingbldr(e) {
+      const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
+        `builder.preview.${n}`
+      ), s = t.get("apiKey") || t.get("builder.space");
+      n === this.model && s === this.apiKey && (!this.content || o === this.content.id) && J({
+        model: this.model,
+        apiKey: this.apiKey,
+        apiVersion: this.builderContextSignal.apiVersion
+      }).then((r) => {
+        r && this.mergeNewContent(r);
+      });
+    },
     _classStringToObject(e) {
       const t = {};
       if (typeof e != "string")
@@ -2812,38 +2937,40 @@ const Ao = b({
       return t;
     }
   }
-}), jo = ["builder-content-id", "builder-model"];
-function Vo(e, t, n, o, s, r) {
+}), Xo = ["builder-content-id", "builder-model"];
+function Qo(e, t, n, o, s, r) {
   var i;
-  return e.builderContextSignal.content ? (d(), m("div", $({
+  return e.builderContextSignal.content ? (d(), h("div", I({
     key: e.forceReRenderCount,
     ref: "elementRef",
     onClick: t[0] || (t[0] = (a) => e.onClick(a)),
     "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
-    class: e._classStringToObject(e.classNameProp)
+    class: e._classStringToObject(e.classNameProp),
+    onIniteditingbldr: t[1] || (t[1] = (a) => e.elementRef_onIniteditingbldr(a)),
+    onInitpreviewingbldr: t[2] || (t[2] = (a) => e.elementRef_onInitpreviewingbldr(a))
   }, {
     ...e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     }
   }), [
-    P(e.$slots, "default")
-  ], 16, jo)) : S("v-if", !0);
+    U(e.$slots, "default")
+  ], 16, Xo)) : w("v-if", !0);
 }
-const Bo = /* @__PURE__ */ g(Ao, [["render", Vo], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), Po = b({
+const Zo = /* @__PURE__ */ k(Yo, [["render", Qo], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/components/enable-editor.vue"]]), es = y({
   render() {
-    return ge("script", { id: this.id, innerHTML: this.scriptStr });
+    return Ce("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), Le = /* @__PURE__ */ g(Po, [["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]), Uo = ze, Oo = b({
+}), Ze = /* @__PURE__ */ k(es, [["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/inlined-script.vue"]]), ts = ot, ns = y({
   name: "content-component",
   components: {
-    EnableEditor: Bo,
-    InlinedScript: Le,
-    ContentStyles: Ln,
-    Blocks: ee
+    EnableEditor: Zo,
+    InlinedScript: Ze,
+    ContentStyles: ao,
+    Blocks: oe
   },
   props: [
     "content",
@@ -2864,31 +2991,31 @@ const Bo = /* @__PURE__ */ g(Ao, [["render", Vo], ["__file", "/Users/samijaber/c
   data() {
     var e, t;
     return {
-      scriptStr: Zt({
+      scriptStr: kn({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...ce(),
-        ...de,
+        ...me(),
+        ...he,
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...s }) => ({
           ...n,
           [s.name]: {
-            component: Uo(o),
-            ...J(s)
+            component: ts(o),
+            ...ee(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Hn({
+        content: lo({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Kn({
+        rootState: co({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -2898,25 +3025,25 @@ const Bo = /* @__PURE__ */ g(Ao, [["render", Vo], ["__file", "/Users/samijaber/c
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...ce(),
-          ...de,
+          ...me(),
+          ...he,
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...s }) => ({
             ...n,
-            [s.name]: J(s)
+            [s.name]: ee(s)
           }),
           {}
         ),
         inheritedStyles: {}
       },
-      TARGET: A
+      TARGET: j
     };
   },
   provide() {
     const e = this;
     return {
-      [$e.key]: {
+      [Ve.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -2927,9 +3054,9 @@ const Bo = /* @__PURE__ */ g(Ao, [["render", Vo], ["__file", "/Users/samijaber/c
     }
   }
 });
-function No(e, t, n, o, s, r) {
-  const i = y("inlined-script"), a = y("content-styles"), l = y("blocks"), c = y("enable-editor");
-  return d(), v(c, $({
+function os(e, t, n, o, s, r) {
+  const i = v("inlined-script"), a = v("content-styles"), c = v("blocks"), l = v("enable-editor");
+  return d(), C(l, I({
     content: e.content,
     model: e.model,
     context: e.context,
@@ -2942,21 +3069,21 @@ function No(e, t, n, o, s, r) {
     showContent: e.showContent,
     builderContextSignal: e.builderContextSignal
   }, {}), {
-    default: Z(() => {
-      var u, p, h, f, k, w, R;
+    default: ne(() => {
+      var u, f, m, p, b, S, T;
       return [
-        e.isSsrAbTest ? (d(), v(i, {
+        e.isSsrAbTest ? (d(), C(i, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : S("v-if", !0),
-        e.TARGET !== "reactNative" ? (d(), v(a, {
+        }, null, 8, ["scriptStr"])) : w("v-if", !0),
+        e.TARGET !== "reactNative" ? (d(), C(a, {
           key: 1,
           contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
-          cssCode: (h = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : h.cssCode,
-          customFonts: (k = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : k.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : S("v-if", !0),
-        V(l, {
-          blocks: (R = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : R.blocks,
+          cssCode: (m = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : m.cssCode,
+          customFonts: (b = (p = e.builderContextSignal.content) == null ? void 0 : p.data) == null ? void 0 : b.customFonts
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : w("v-if", !0),
+        V(c, {
+          blocks: (T = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : T.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents
         }, null, 8, ["blocks", "context", "registeredComponents"])
@@ -2965,12 +3092,12 @@ function No(e, t, n, o, s, r) {
     _: 1
   }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "classNameProp", "showContent", "builderContextSignal"]);
 }
-const Fo = /* @__PURE__ */ g(Oo, [["render", No], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), Wo = b({
+const ss = /* @__PURE__ */ k(ns, [["render", os], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content/content.vue"]]), rs = y({
   name: "content-variants",
   components: {
-    InlinedScript: Le,
-    InlinedStyles: H,
-    ContentComponent: Fo
+    InlinedScript: Ze,
+    InlinedStyles: G,
+    ContentComponent: ss
   },
   props: [
     "canTrack",
@@ -2988,13 +3115,13 @@ const Fo = /* @__PURE__ */ g(Oo, [["render", No], ["__file", "/Users/samijaber/c
   ],
   data() {
     return {
-      shouldRenderVariants: qt({
-        canTrack: X(this.canTrack),
+      shouldRenderVariants: mn({
+        canTrack: M(this.canTrack),
         content: this.content
       }),
-      getScriptString: Xt,
-      getVariants: W,
-      TARGET: A
+      getScriptString: gn,
+      getVariants: K,
+      TARGET: j
     };
   },
   mounted() {
@@ -3003,8 +3130,8 @@ const Fo = /* @__PURE__ */ g(Oo, [["render", No], ["__file", "/Users/samijaber/c
   computed: {
     variantScriptStr() {
       var e;
-      return Qt(
-        W(this.content).map((t) => ({
+      return yn(
+        K(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -3012,37 +3139,37 @@ const Fo = /* @__PURE__ */ g(Oo, [["render", No], ["__file", "/Users/samijaber/c
       );
     },
     hideVariantsStyleString() {
-      return W(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return K(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : So({
+      } : Mo({
         item: this.content,
-        canTrack: X(this.canTrack)
+        canTrack: M(this.canTrack)
       });
     }
   }
 });
-function Mo(e, t, n, o, s, r) {
-  var c, u;
-  const i = y("inlined-script"), a = y("inlined-styles"), l = y("content-component");
-  return d(), m(T, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), v(i, {
+function is(e, t, n, o, s, r) {
+  var l, u;
+  const i = v("inlined-script"), a = v("inlined-styles"), c = v("content-component");
+  return d(), h(R, null, [
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), C(i, {
       key: 0,
       scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : S("v-if", !0),
-    e.shouldRenderVariants ? (d(), m(T, { key: 1 }, [
+    }, null, 8, ["scriptStr"])) : w("v-if", !0),
+    e.shouldRenderVariants ? (d(), h(R, { key: 1 }, [
       V(a, {
-        id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
+        id: `variants-styles-${(l = e.content) == null ? void 0 : l.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
       V(i, { scriptStr: e.variantScriptStr }, null, 8, ["scriptStr"]),
-      (d(!0), m(T, null, j(e.getVariants(e.content), (p, h) => (d(), v(l, {
-        key: p.testVariationId,
-        content: p,
+      (d(!0), h(R, null, B(e.getVariants(e.content), (f, m) => (d(), C(c, {
+        key: f.testVariationId,
+        content: f,
         showContent: !1,
         classNameProp: void 0,
         model: e.model,
@@ -3057,8 +3184,8 @@ function Mo(e, t, n, o, s, r) {
         enrich: e.enrich,
         isSsrAbTest: e.shouldRenderVariants
       }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"]))), 128))
-    ], 64)) : S("v-if", !0),
-    V(l, $({
+    ], 64)) : w("v-if", !0),
+    V(c, I({
       content: e.defaultContent,
       classNameProp: `variant-${(u = e.content) == null ? void 0 : u.id}`,
       showContent: !0,
@@ -3078,12 +3205,12 @@ function Mo(e, t, n, o, s, r) {
     }), null, 16, ["content", "classNameProp", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
   ], 64);
 }
-const Ke = /* @__PURE__ */ g(Wo, [["render", Mo], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), Lo = async ({
+const et = /* @__PURE__ */ k(rs, [["render", is], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/components/content-variants/content-variants.vue"]]), as = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if ((t == null ? void 0 : t.model) && (e == null ? void 0 : e.apiKey))
-    return z({
+    return J({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -3095,9 +3222,9 @@ const Ke = /* @__PURE__ */ g(Wo, [["render", Mo], ["__file", "/Users/samijaber/c
     }).catch((n) => {
       x.error("Could not fetch symbol content: ", n);
     });
-}, Ko = b({
+}, cs = y({
   name: "builder-symbol",
-  components: { ContentVariants: Ke },
+  components: { ContentVariants: et },
   props: [
     "js",
     "attributes",
@@ -3108,7 +3235,7 @@ const Ke = /* @__PURE__ */ g(Wo, [["render", Mo], ["__file", "/Users/samijaber/c
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: K };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: q };
   },
   mounted() {
     this.setContent();
@@ -3139,7 +3266,7 @@ const Ke = /* @__PURE__ */ g(Wo, [["render", Mo], ["__file", "/Users/samijaber/c
   },
   methods: {
     setContent() {
-      this.contentToUse || Lo({
+      this.contentToUse || as({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3157,12 +3284,12 @@ const Ke = /* @__PURE__ */ g(Wo, [["render", Mo], ["__file", "/Users/samijaber/c
     }
   }
 });
-function Ho(e, t, n, o, s, r) {
-  var a, l, c, u;
-  const i = y("content-variants");
-  return d(), m("div", $({
+function ls(e, t, n, o, s, r) {
+  var a, c, l, u;
+  const i = v("content-variants");
+  return d(), h("div", I({
     class: e._classStringToObject(e.className)
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, F(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     V(i, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -3172,25 +3299,25 @@ function Ho(e, t, n, o, s, r) {
       data: {
         ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
-        ...(c = (l = e.contentToUse) == null ? void 0 : l.data) == null ? void 0 : c.state
+        ...(l = (c = e.contentToUse) == null ? void 0 : c.data) == null ? void 0 : l.state
       },
       model: (u = e.symbol) == null ? void 0 : u.model,
       content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const zo = /* @__PURE__ */ g(Ko, [["render", Ho], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), Xo = ee, Qo = Ke, be = {};
-function Zo(e) {
-  if (C()) {
-    Object.assign(be, e);
+const ds = /* @__PURE__ */ k(cs, [["render", ls], ["__file", "/Users/samijaber/code/work/builder/packages/sdks/output/vue/vue3/src/blocks/symbol/symbol.vue"]]), gs = oe, ys = et, Se = {};
+function ks(e) {
+  if ($()) {
+    Object.assign(Se, e);
     const t = {
       type: "builder.settingsChange",
-      data: be
+      data: Se
     };
     parent.postMessage(t, "*");
   }
 }
-const es = async (e) => {
+const vs = async (e) => {
   var o, s, r;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((s = e.userAttributes) == null ? void 0 : s.urlPath), n = {
     ...e,
@@ -3202,47 +3329,47 @@ const es = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Fe(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
+    options: Ye(e.searchParams || ((r = e.url) == null ? void 0 : r.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await z(n)
+    content: await J(n)
   };
 };
 export {
-  G as B,
-  Ke as C,
-  Pt as F,
-  Kt as I,
-  Xo as R,
-  Dt as S,
-  A as T,
-  bn as V,
-  g as _,
-  we as a,
-  Ce as b,
-  rt as c,
-  ee as d,
-  M as e,
-  Qo as f,
-  Je as g,
-  jt as h,
-  zo as i,
-  un as j,
+  Z as B,
+  et as C,
+  en as F,
+  ln as I,
+  gs as R,
+  pn as S,
+  j as T,
+  Vn as V,
+  k as _,
+  Be as a,
+  Pe as b,
+  $t as c,
+  oe as d,
+  z as e,
+  ys as f,
+  ct as g,
+  Xt as h,
+  ds as i,
+  _n as j,
   _ as k,
-  _o as l,
-  Bn as m,
-  Me as n,
-  z as o,
-  Yo as p,
-  Jo as q,
-  co as r,
-  Zo as s,
-  Eo as t,
-  Fe as u,
-  Go as v,
-  Uo as w,
-  es as x,
-  qo as y
+  Jo as l,
+  Zn as m,
+  Qe as n,
+  J as o,
+  bs as p,
+  fs as q,
+  Eo as r,
+  ks as s,
+  Go as t,
+  Ye as u,
+  hs as v,
+  ts as w,
+  vs as x,
+  ms as y
 };