@builder.io/sdk-vue 1.0.12 → 1.0.13

package/lib/browser/{index-IiLTuw5y.js → index-E4WWVJ79.js}

@@ -1,8 +1,8 @@
 var it = Object.defineProperty;
 var at = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Z = (e, t, n) => (at(e, typeof t != "symbol" ? t + "" : t, n), n);
+var _ = (e, t, n) => (at(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as g, resolveDynamicComponent as H, mergeProps as w, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as lt, toDisplayString as X, defineAsyncComponent as q, createVNode as A, renderList as L, createCommentVNode as v, h as Re, createElementVNode as te, normalizeStyle as ne, normalizeClass as Ee, markRaw as ct } from "vue";
+import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as g, resolveDynamicComponent as H, mergeProps as w, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as lt, toDisplayString as X, defineAsyncComponent as q, createVNode as x, renderList as L, createCommentVNode as v, h as Re, createElementVNode as te, normalizeStyle as ne, normalizeClass as Ee, markRaw as ct } from "vue";
 const dt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ut = (e) => typeof e == "string" && dt.has(e.toLowerCase());
 function U(e = {}, t, n) {
   const o = {};
@@ -41,7 +41,7 @@ function mt(e, t, n, o, s, r) {
     }, 16))
   ], 64));
 }
-const ie = /* @__PURE__ */ y(pt, [["render", mt]]), Qs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ie = /* @__PURE__ */ y(pt, [["render", mt]]), Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ie
 }, Symbol.toStringTag, { value: "Module" })), V = "vue", ae = () => {
@@ -138,12 +138,12 @@ const St = (e) => {
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Ve = (e) => e instanceof URLSearchParams ? St(e) : e, xe = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+}, Ve = (e) => e instanceof URLSearchParams ? St(e) : e, Ae = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
 function vt() {
   return I() && window.self !== window.top;
 }
 function R(e) {
-  return vt() && xe(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+  return vt() && Ae(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
 const Ct = () => {
   if (I()) {
@@ -151,7 +151,7 @@ const Ct = () => {
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, wt = () => typeof navigator == "object" && navigator.userAgent || "", Ae = () => {
+}, wt = () => typeof navigator == "object" && navigator.userAgent || "", xe = () => {
   const e = wt(), t = {
     Android() {
       return e.match(/Android/i);
@@ -193,7 +193,7 @@ const Ct = () => {
   isEditing: R(),
   isBrowser: I(),
   isServer: !I(),
-  getUserAttributes: () => Ae()
+  getUserAttributes: () => xe()
 }), Tt = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, ge = ({
@@ -253,7 +253,7 @@ const Et = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
   return e && t && !n ? (T.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, Pt = (e) => (I() || Et(), ge(e)), x = class x {
+}, Pt = (e) => (I() || Et(), ge(e)), A = class A {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -263,16 +263,16 @@ const Et = () => {
     });
   }
   static getCachedValue(t) {
-    return x.cache.get(t);
+    return A.cache.get(t);
   }
   static setCachedValue(t, n) {
-    x.cache.size > 20 && x.cache.delete(x.cache.keys().next().value), x.cache.set(t, {
+    A.cache.size > 20 && A.cache.delete(A.cache.keys().next().value), A.cache.set(t, {
       value: n
     });
   }
 };
-Z(x, "cacheLimit", 20), Z(x, "cache", /* @__PURE__ */ new Map());
-let M = x;
+_(A, "cacheLimit", 20), _(A, "cache", /* @__PURE__ */ new Map());
+let M = A;
 function Q({
   code: e,
   context: t,
@@ -371,7 +371,7 @@ function Ne({
     context: t
   }) : i;
 }
-function xt(e, t, n = {}) {
+function At(e, t, n = {}) {
   let o, s, r, i = null, a = 0;
   const l = function() {
     a = n.leading === !1 ? 0 : Date.now(), i = null, r = e.apply(o, s), i || (o = s = null);
@@ -394,7 +394,7 @@ function O(e, ...t) {
   return n;
 }
 const le = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function At(e) {
+function xt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
@@ -474,7 +474,7 @@ function Nt(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !s && !a(n) && (o = !1, O(n.style, e.steps[0].styles));
     }
-    const i = xt(r, 200, {
+    const i = At(r, 200, {
       leading: !1
     });
     function a(m) {
@@ -497,7 +497,7 @@ const Ft = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
   if (typeof o == "string")
     return `${Ft(n)}: ${o};`;
 }).filter(F), Ut = (e) => Ue(e).join(`
-`), Xs = ({
+`), _s = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -514,7 +514,7 @@ function Ot({
 }) {
   return e;
 }
-const _s = ({
+const er = ({
   block: e,
   context: t
 }) => Oe(Ot({
@@ -591,22 +591,22 @@ const Lt = ({
     },
     block: o
   }));
-}, Dt = () => import("./block-styles-xasGILBF.js").then((e) => e.default).catch((e) => {
+}, Dt = () => import("./block-styles-w1M0LXrx.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Ht = () => import("./block-wrapper-N_9kN83W.js").then((e) => e.default).catch((e) => {
+}), Ht = () => import("./block-wrapper-QNIz6Vdv.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;
-}), jt = () => import("./component-ref-NZYFpLyY.js").then((e) => e.default).catch((e) => {
+}), jt = () => import("./component-ref-MbPl2CHV.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("./repeated-block-2uW65br0.js").then((e) => e.default).catch((e) => {
+}), Kt = () => import("./repeated-block-QB5g7Ust.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -622,7 +622,7 @@ const Lt = ({
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && At(
+    t && e && xt(
       t.filter((n) => n.trigger !== "hover").map((n) => ({
         ...n,
         elementId: e
@@ -698,7 +698,7 @@ function qt(e, t, n, o, s, r) {
   var d;
   const i = k("block-styles"), a = k("component-ref"), l = k("block", !0), c = k("block-wrapper"), m = k("repeated-block");
   return e.canShowBlock ? (u(), h($, { key: 0 }, [
-    A(i, {
+    x(i, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
@@ -728,7 +728,7 @@ function qt(e, t, n, o, s, r) {
         linkComponent: e.linkComponent
       }, {
         default: B(() => [
-          A(a, {
+          x(a, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -752,7 +752,7 @@ function qt(e, t, n, o, s, r) {
     ], 64))
   ], 64)) : v("", !0);
 }
-const ue = /* @__PURE__ */ y(zt, [["render", qt]]), Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ue = /* @__PURE__ */ y(zt, [["render", qt]]), tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ue
 }, Symbol.toStringTag, { value: "Module" })), Jt = f({
@@ -856,7 +856,7 @@ function Xt(e, t, n, o, s, r) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const _ = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
+const Z = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
   render() {
     return Re("style", { id: this.id, innerHTML: this.styles });
   },
@@ -878,7 +878,7 @@ const _ = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
     default: 991,
     max: 1200
   }
-}, er = (e, t = Le) => `@media (max-width: ${t[e].max}px)`, _t = ({
+}, nr = (e, t = Le) => `@media (max-width: ${t[e].max}px)`, Zt = ({
   small: e,
   medium: t
 }) => {
@@ -904,12 +904,12 @@ const _ = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
     min: r,
     default: r + 1
   }, n;
-}, Zt = f({
+}, _t = f({
   name: "builder-columns",
   components: {
     InlinedStyles: pe,
     DynamicRenderer: ie,
-    Blocks: _
+    Blocks: Z
   },
   props: [
     "space",
@@ -1021,7 +1021,7 @@ const _ = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return _t(
+      return Zt(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     }
@@ -1050,7 +1050,7 @@ function en(e, t, n, o, s, r) {
       }
     }, {
       default: B(() => [
-        A(a, {
+        x(a, {
           path: `component.options.columns.${m}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
@@ -1066,7 +1066,7 @@ function en(e, t, n, o, s, r) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const tn = /* @__PURE__ */ y(Zt, [["render", en], ["__scopeId", "data-v-d0d8b675"]]), nn = f({
+const tn = /* @__PURE__ */ y(_t, [["render", en], ["__scopeId", "data-v-d0d8b675"]]), nn = f({
   name: "builder-fragment-component",
   props: []
 });
@@ -1595,7 +1595,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, xn = {
+}, An = {
   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",
@@ -1695,7 +1695,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, An = {
+}, xn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1749,7 +1749,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   }]
 }, Wn = f({
   name: "builder-slot",
-  components: { Blocks: _ },
+  components: { Blocks: Z },
   props: ["js", "builderContext", "name"]
 });
 function Nn(e, t, n, o, s, r) {
@@ -1763,7 +1763,7 @@ function Nn(e, t, n, o, s, r) {
       "builder-slot": e.name
     }
   ), [
-    A(i, {
+    x(i, {
       parent: (l = e.builderContext.context) == null ? void 0 : l.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
@@ -1967,15 +1967,15 @@ const Jn = /* @__PURE__ */ y(Kn, [["render", qn]]), Gn = {
       }
     }
   }
-}), _n = ["innerHTML"];
-function Zn(e, t, n, o, s, r) {
+}), Zn = ["innerHTML"];
+function _n(e, t, n, o, s, r) {
   return u(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, _n);
+  }, null, 8, Zn);
 }
-const eo = /* @__PURE__ */ y(Xn, [["render", Zn]]), to = {
+const eo = /* @__PURE__ */ y(Xn, [["render", _n]]), to = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2214,7 +2214,7 @@ const eo = /* @__PURE__ */ y(Xn, [["render", Zn]]), to = {
   return o === void 0 || o === e ? n : o;
 }, ro = f({
   name: "builder-form-component",
-  components: { Block: ue, Blocks: _ },
+  components: { Block: ue, Blocks: Z },
   props: [
     "js",
     "builderContext",
@@ -2630,7 +2630,7 @@ function Po(e, t, n, o, s, r) {
     src: e.imgSrc || e.image
   }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Eo);
 }
-const Vo = /* @__PURE__ */ y(Ro, [["render", Po]]), xo = {
+const Vo = /* @__PURE__ */ y(Ro, [["render", Po]]), Ao = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2711,7 +2711,7 @@ const Vo = /* @__PURE__ */ y(Ro, [["render", Po]]), xo = {
     defaultValue: !0,
     advanced: !0
   }]
-}, Ao = f({
+}, xo = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -2825,7 +2825,7 @@ function Oo(e, t, n, o, s, r) {
     ])) : v("", !0)
   ]);
 }
-const Lo = /* @__PURE__ */ y(Ao, [["render", Oo]]), Mo = () => [{
+const Lo = /* @__PURE__ */ y(xo, [["render", Oo]]), Mo = () => [{
   component: Jn,
   ...jn
 }, {
@@ -2848,7 +2848,7 @@ const Lo = /* @__PURE__ */ y(Ao, [["render", Oo]]), Mo = () => [{
   ...To
 }, {
   component: Lo,
-  ...xo
+  ...Ao
 }], ke = () => [{
   component: bt,
   ...En
@@ -2860,15 +2860,15 @@ const Lo = /* @__PURE__ */ y(Ao, [["render", Oo]]), Mo = () => [{
   ...Vn
 }, {
   component: mn,
-  ...xn
+  ...An
 }, {
   component: bn,
-  ...An
+  ...xn
 }, {
   component: Fn,
   ...Bn
 }, {
-  component: qs,
+  component: Gs,
   ...Un
 }, {
   component: Hn,
@@ -3006,14 +3006,14 @@ const Lo = /* @__PURE__ */ y(Ao, [["render", Oo]]), Mo = () => [{
 function Xo() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function _o() {
+function Zo() {
   const e = Xo().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 Qe = _o();
+const Qe = Zo();
 function Y(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, s) => {
     const r = e[s], i = [t, s].filter(Boolean).join(n);
@@ -3026,7 +3026,7 @@ function Y(e, t = null, n = ".") {
     };
   }, {});
 }
-const Zo = "v3", Se = "builder.", es = "options.", Xe = (e) => {
+const _o = "v3", Se = "builder.", es = "options.", Xe = (e) => {
   if (!e)
     return {};
   const t = Ve(e), n = {};
@@ -3050,7 +3050,7 @@ const Zo = "v3", Se = "builder.", es = "options.", Xe = (e) => {
     apiKey: r,
     enrich: i,
     locale: a,
-    apiVersion: l = Zo,
+    apiVersion: l = _o,
     fields: c,
     omit: m,
     offset: d,
@@ -3128,7 +3128,7 @@ async function rs(e) {
 function is(e) {
   if (!I())
     return !1;
-  const t = xe(e || window.location.search);
+  const t = Ae(e || window.location.search);
   return R(t) ? !1 : t.indexOf("builder.preview=") !== -1;
 }
 function as() {
@@ -3137,16 +3137,16 @@ function as() {
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function _e() {
+function Ze() {
   return as().replace(/-/g, "");
 }
-const Ze = "builderSessionId", ls = async ({
+const _e = "builderSessionId", ls = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
   const t = await De({
-    name: Ze,
+    name: _e,
     canTrack: e
   });
   if (F(t))
@@ -3158,11 +3158,11 @@ const Ze = "builderSessionId", ls = async ({
       canTrack: e
     }), n;
   }
-}, cs = () => _e(), ds = ({
+}, cs = () => Ze(), ds = ({
   id: e,
   canTrack: t
 }) => He({
-  name: Ze,
+  name: _e,
   value: e,
   canTrack: t
 }), et = () => I() && typeof localStorage < "u" ? localStorage : void 0, us = ({
@@ -3205,7 +3205,7 @@ const Ze = "builderSessionId", ls = async ({
       canTrack: e
     }), n;
   }
-}, hs = () => _e(), fs = ({
+}, hs = () => Ze(), fs = ({
   id: e,
   canTrack: t
 }) => ps({
@@ -3246,7 +3246,7 @@ const Ze = "builderSessionId", ls = async ({
     ...await bs({
       canTrack: t
     }),
-    userAttributes: Ae(),
+    userAttributes: xe(),
     ownerId: n
   }
 });
@@ -3269,7 +3269,7 @@ async function re(e) {
       console.error("Failed to track: ", t);
     });
 }
-const tr = (e) => re({
+const or = (e) => re({
   ...e,
   canTrack: !0
 });
@@ -3320,7 +3320,7 @@ function nt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || vs).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
 }
-const Cs = "1.0.12", Ie = {};
+const Cs = "1.0.13", Ie = {};
 function ws(e, t) {
   let n = Ie[e];
   if (n || (n = Ie[e] = []), n.push(t), I()) {
@@ -3449,7 +3449,7 @@ const ot = (e = {}) => {
         break;
       }
     }
-}, nr = (e, t, n) => {
+}, sr = (e, t, n) => {
   if (!I)
     return T.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
@@ -3845,21 +3845,7 @@ font-weight: ${i};
 }, Vs = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", xs = f({
-  name: "content-styles",
-  components: { InlinedStyles: pe },
-  props: ["cssCode", "contentId", "customFonts"],
-  data() {
-    return {
-      injectedStyles: `
-${Vs({
-        cssCode: this.cssCode,
-        contentId: this.contentId
-      })}
-${Ps({
-        customFonts: this.customFonts
-      })}
-
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", As = `
 .builder-button {
   all: unset;
 }
@@ -3876,15 +3862,30 @@ ${Ps({
   text-align: inherit;
   font-family: inherit;
 }
+`, xs = (e) => e ? "" : As, Bs = f({
+  name: "content-styles",
+  components: { InlinedStyles: pe },
+  props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
+  data() {
+    return {
+      injectedStyles: `
+${Vs({
+        cssCode: this.cssCode,
+        contentId: this.contentId
+      })}
+${Ps({
+        customFonts: this.customFonts
+      })}
+${xs(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function As(e, t, n, o, s, r) {
+function Ws(e, t, n, o, s, r) {
   const i = k("inlined-styles");
   return u(), g(i, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Bs = /* @__PURE__ */ y(xs, [["render", As]]), Ws = ({
+const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
   content: e,
   data: t,
   locale: n
@@ -3901,7 +3902,7 @@ const Bs = /* @__PURE__ */ y(xs, [["render", As]]), Ws = ({
       locale: n
     } : {}
   };
-}, Ns = ({
+}, Us = ({
   content: e,
   data: t
 }) => e ? {
@@ -3911,13 +3912,13 @@ const Bs = /* @__PURE__ */ y(xs, [["render", As]]), Ws = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Fs = ct, Us = f({
+} : void 0, Os = ct, Ls = f({
   name: "content-component",
   components: {
     EnableEditor: Rs,
     InlinedScript: Ye,
-    ContentStyles: Bs,
-    Blocks: _
+    ContentStyles: Ns,
+    Blocks: Z
   },
   props: [
     "content",
@@ -3937,7 +3938,8 @@ const Bs = /* @__PURE__ */ y(xs, [["render", As]]), Ws = ({
     "contentWrapperProps",
     "linkComponent",
     "trustedHosts",
-    "isSsrAbTest"
+    "isSsrAbTest",
+    "isNestedRender"
   ],
   data() {
     var e, t;
@@ -3955,19 +3957,19 @@ const Bs = /* @__PURE__ */ y(xs, [["render", As]]), Ws = ({
         (n, { component: o, ...s }) => ({
           ...n,
           [s.name]: {
-            component: Fs(o),
+            component: Os(o),
             ...se(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Ns({
+        content: Us({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Ws({
+        rootState: Fs({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4007,7 +4009,7 @@ const Bs = /* @__PURE__ */ y(xs, [["render", As]]), Ws = ({
     }
   }
 });
-function Os(e, t, n, o, s, r) {
+function Ms(e, t, n, o, s, r) {
   const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
   return u(), g(c, w({
     content: e.content,
@@ -4034,11 +4036,12 @@ function Os(e, t, n, o, s, r) {
         }, null, 8, ["scriptStr"])) : v("", !0),
         e.TARGET !== "reactNative" ? (u(), g(a, {
           key: 1,
+          isNestedRender: e.isNestedRender,
           contentId: (m = e.builderContextSignal.content) == null ? void 0 : m.id,
           cssCode: (p = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : p.cssCode,
           customFonts: (b = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : b.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : v("", !0),
-        A(l, {
+        }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
+        x(l, {
           blocks: (z = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : z.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
@@ -4049,17 +4052,17 @@ function Os(e, t, n, o, s, r) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
-const Ls = /* @__PURE__ */ y(Us, [["render", Os]]), Ms = f({
+const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), Hs = f({
   name: "content-variants",
   components: {
     InlinedScript: Ye,
     InlinedStyles: pe,
-    ContentComponent: Ls
+    ContentComponent: Ds
   },
   props: [
     "canTrack",
     "content",
-    "__isNestedRender",
+    "isNestedRender",
     "model",
     "data",
     "context",
@@ -4115,22 +4118,23 @@ const Ls = /* @__PURE__ */ y(Us, [["render", Os]]), Ms = f({
     }
   }
 });
-function Ds(e, t, n, o, s, r) {
+function js(e, t, n, o, s, r) {
   var c;
   const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
   return u(), h($, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (u(), g(i, {
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (u(), g(i, {
       key: 0,
       scriptStr: e.getScriptString()
     }, null, 8, ["scriptStr"])) : v("", !0),
     e.shouldRenderVariants ? (u(), h($, { key: 1 }, [
-      A(a, {
+      x(a, {
         id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
-      A(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
+      x(i, { scriptStr: e.updateCookieAndStylesScriptStr }, null, 8, ["scriptStr"]),
       (u(!0), h($, null, L(e.getVariants(e.content), (m, d) => (u(), g(l, {
         key: m.testVariationId,
+        isNestedRender: e.isNestedRender,
         content: m,
         showContent: !1,
         model: e.model,
@@ -4149,9 +4153,10 @@ function Ds(e, t, n, o, s, r) {
         contentWrapper: e.contentWrapper,
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
-      }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
+      }, null, 8, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : v("", !0),
-    A(l, w({
+    x(l, w({
+      isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
       model: e.model,
@@ -4172,10 +4177,10 @@ function Ds(e, t, n, o, s, r) {
       trustedHosts: e.trustedHosts
     }, {
       key: e.shouldRenderVariants.toString()
-    }), null, 16, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
+    }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Hs = /* @__PURE__ */ y(Ms, [["render", Ds]]), js = async ({
+const Ks = /* @__PURE__ */ y(Hs, [["render", js]]), zs = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4193,9 +4198,9 @@ const Hs = /* @__PURE__ */ y(Ms, [["render", Ds]]), js = async ({
     }).catch((n) => {
       T.error("Could not fetch symbol content: ", n);
     });
-}, Ks = f({
+}, qs = f({
   name: "builder-symbol",
-  components: { ContentVariants: Hs },
+  components: { ContentVariants: Ks },
   props: [
     "attributes",
     "symbol",
@@ -4238,7 +4243,7 @@ const Hs = /* @__PURE__ */ y(Ms, [["render", Ds]]), js = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || js({
+      this.contentToUse || zs({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4247,12 +4252,12 @@ const Hs = /* @__PURE__ */ y(Ms, [["render", Ds]]), js = async ({
     }
   }
 });
-function zs(e, t, n, o, s, r) {
+function Js(e, t, n, o, s, r) {
   var a, l, c, m, d;
   const i = k("content-variants");
   return u(), h("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    A(i, {
-      __isNestedRender: !0,
+    x(i, {
+      isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
       context: {
@@ -4273,8 +4278,8 @@ function zs(e, t, n, o, s, r) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])
   ], 16);
 }
-const qs = /* @__PURE__ */ y(Ks, [["render", zs]]), Te = {};
-function or(e) {
+const Gs = /* @__PURE__ */ y(qs, [["render", Js]]), Te = {};
+function rr(e) {
   if (I()) {
     Object.assign(Te, e);
     const t = {
@@ -4284,7 +4289,7 @@ function or(e) {
     parent.postMessage(t, "*");
   }
 }
-const sr = async (e) => {
+const ir = 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,
@@ -4309,38 +4314,38 @@ export {
   ue as B,
   tn as C,
   fe as D,
-  Qs as E,
+  Zs as E,
   sn as F,
-  Zs as G,
+  tr as G,
   mn as I,
   bn as S,
   V as T,
   Lo as V,
   pe as _,
-  _t as a,
-  Xs as b,
+  Zt as a,
+  _s as b,
   F as c,
-  er as d,
+  nr as d,
   y as e,
   Q as f,
   Ne as g,
-  _s as h,
+  er as h,
   ae as i,
   oe as j,
   bt as k,
-  qs as l,
+  Gs as l,
   Hn as m,
-  _ as n,
-  Hs as o,
+  Z as n,
+  Ks as o,
   R as p,
   is as q,
   Do as r,
   ws as s,
-  or as t,
+  rr as t,
   Xe as u,
-  tr as v,
-  Fs as w,
-  nr as x,
-  sr as y,
+  or as v,
+  Os as w,
+  sr as x,
+  ir as y,
   ss as z
 };