@builder.io/sdk-vue 0.0.2 → 0.0.3-0

package/packages/_vue2/dist/{index.93374a52.js → index.a5e0b693.js}

@@ -1,11 +1,11 @@
 const _ = "vue2";
-function d() {
+function u() {
   return typeof window < "u" && typeof document < "u";
 }
 const w = {};
 function z(t, e) {
   let n = w[t];
-  if (n || (n = w[t] = []), n.push(e), d()) {
+  if (n || (n = w[t] = []), n.push(e), u()) {
     const o = {
       type: "builder.register",
       data: {
@@ -37,26 +37,27 @@ const q = () => {
   });
 }, D = () => {
   var t;
-  d() && ((t = window.parent) == null || t.postMessage(
+  u() && ((t = window.parent) == null || t.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
         target: _,
-        supportsPatchUpdates: !1
+        supportsPatchUpdates: !1,
+        supportsAddBlockScoping: !0
       }
     },
     "*"
   ), window.addEventListener("message", ({ data: e }) => {
     var n, o;
-    if (e)
+    if (!!(e != null && e.type))
       switch (e.type) {
         case "builder.evaluate": {
           const s = e.data.text, r = e.data.arguments || [], a = e.data.id, c = new Function(s);
           let i, l = null;
           try {
             i = c.apply(null, r);
-          } catch (u) {
-            l = u;
+          } catch (d) {
+            l = d;
           }
           l ? (n = window.parent) == null || n.postMessage(
             {
@@ -64,12 +65,12 @@ const q = () => {
               data: { id: a, error: l.message }
             },
             "*"
-          ) : i && typeof i.then == "function" ? i.then((u) => {
-            var f;
-            (f = window.parent) == null || f.postMessage(
+          ) : i && typeof i.then == "function" ? i.then((d) => {
+            var h;
+            (h = window.parent) == null || h.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: a, result: u }
+                data: { id: a, result: d }
               },
               "*"
             );
@@ -96,9 +97,9 @@ const K = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t)
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     t
   ), t;
-}), J = {
+}), G = {
   name: "builder-columns",
-  components: { "render-blocks": K },
+  components: { RenderBlocks: K },
   props: [
     "space",
     "columns",
@@ -160,35 +161,37 @@ function p(t, e, n, o, s, r, a, c) {
   } : s), l)
     if (i.functional) {
       i._injectStyles = l;
-      var u = i.render;
+      var d = i.render;
       i.render = function(H, C) {
-        return l.call(C), u(H, C);
+        return l.call(C), d(H, C);
       };
     } else {
-      var f = i.beforeCreate;
-      i.beforeCreate = f ? [].concat(f, l) : [l];
+      var h = i.beforeCreate;
+      i.beforeCreate = h ? [].concat(h, l) : [l];
     }
   return {
     exports: t,
     options: i
   };
 }
-var G = function() {
+var J = function() {
   var e = this, n = e._self._c;
-  return n("div", { staticClass: "builder-columns div-20351ewpue7", style: e.columnsCssVars }, e._l(e.columns, function(o, s) {
-    return n("div", { key: s, staticClass: "builder-column div-20351ewpue7-2", style: {
+  return n("div", { staticClass: "builder-columns div-29wpyomtntv", style: e.columnsCssVars }, e._l(e.columns, function(o, s) {
+    return n("div", { key: s, staticClass: "builder-column div-29wpyomtntv-2", style: {
       width: e.getColumnCssWidth(s),
       marginLeft: `${s === 0 ? 0 : e.getGutterSize()}px`,
       ...e.columnCssVars
-    } }, [n("render-blocks", { attrs: { blocks: e.markMutable(o.blocks), path: `component.options.columns.${s}.blocks`, parent: e.builderBlock.id } })], 1);
+    } }, [n("render-blocks", { attrs: { blocks: e.markMutable(o.blocks), path: `component.options.columns.${s}.blocks`, parent: e.builderBlock.id, styleProp: {
+      flexGrow: "1"
+    } } })], 1);
   }), 0);
 }, X = [], Y = /* @__PURE__ */ p(
-  J,
   G,
+  J,
   X,
   !1,
   null,
-  "074f8045",
+  "28f66c93",
   null,
   null
 );
@@ -237,8 +240,8 @@ const te = {
     "className",
     "sizes",
     "aspectRatio",
-    "fitContent",
-    "builderBlock"
+    "builderBlock",
+    "fitContent"
   ],
   computed: {
     srcSetToUse() {
@@ -273,21 +276,21 @@ const te = {
 var ne = function() {
   var o, s, r, a;
   var e = this, n = e._self._c;
-  return n("div", { staticClass: "div-1ifnufbde19" }, [n("picture", [e.webpSrcSet ? [n("source", { attrs: { type: "image/webp", srcset: e.webpSrcSet } })] : e._e(), n("img", { class: e._classStringToObject(
-    "builder-image" + (e.className ? " " + e.className : "") + " img-1ifnufbde19"
+  return n("div", [n("picture", [e.webpSrcSet ? [n("source", { attrs: { type: "image/webp", srcset: e.webpSrcSet } })] : e._e(), n("img", { class: e._classStringToObject(
+    "builder-image" + (e.className ? " " + e.className : "") + " img-1j57pcfa436"
   ), style: {
     objectPosition: e.backgroundSize || "center",
     objectFit: e.backgroundSize || "cover"
-  }, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } }), n("source", { attrs: { srcset: e.srcSetToUse } })], 2), e.aspectRatio && !(e.fitContent && ((s = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : s.length)) ? [n("div", { staticClass: "builder-image-sizer div-1ifnufbde19-2", style: {
+  }, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } }), n("source", { attrs: { srcset: e.srcSetToUse } })], 2), e.aspectRatio && !(((s = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : s.length) && e.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-1j57pcfa436", style: {
     paddingTop: e.aspectRatio * 100 + "%"
-  } })] : e._e(), ((a = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : a.length) && e.fitContent ? [e._t("default")] : e._e(), e.fitContent ? e._e() : [n("div", { staticClass: "div-1ifnufbde19-3" }, [e._t("default")], 2)]], 2);
+  } })] : e._e(), ((a = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : a.length) && e.fitContent ? [e._t("default")] : e._e(), !e.fitContent && e.children ? [n("div", { staticClass: "div-1j57pcfa436-2" }, [e._t("default")], 2)] : e._e()], 2);
 }, oe = [], se = /* @__PURE__ */ p(
   te,
   ne,
   oe,
   !1,
   null,
-  "9208289b",
+  "c75d9535",
   null,
   null
 );
@@ -308,7 +311,7 @@ var ie = function() {
   null,
   null
 );
-const ue = le.exports, de = {
+const de = le.exports, ue = {
   name: "builder-video",
   props: [
     "autoPlay",
@@ -341,6 +344,12 @@ const ue = le.exports, de = {
           playsInline: !0
         } : {}
       };
+    },
+    spreadProps() {
+      return {
+        ...this.attributes,
+        ...this.videoProps
+      };
     }
   }
 };
@@ -354,9 +363,9 @@ var pe = function() {
     objectFit: e.fit,
     objectPosition: e.position,
     borderRadius: 1
-  }, attrs: { src: e.video || "no-src", poster: e.posterImage } }, "video", e.videoProps, !1));
-}, me = [], fe = /* @__PURE__ */ p(
-  de,
+  }, attrs: { src: e.video || "no-src", poster: e.posterImage } }, "video", e.spreadProps, !1));
+}, me = [], he = /* @__PURE__ */ p(
+  ue,
   pe,
   me,
   !1,
@@ -365,7 +374,7 @@ var pe = function() {
   null,
   null
 );
-const he = fe.exports;
+const fe = he.exports;
 function v(t, e = null, n = ".") {
   return Object.keys(t).reduce((o, s) => {
     const r = t[s], a = [e, s].filter(Boolean).join(n);
@@ -392,7 +401,7 @@ const S = "builder.", ge = (t) => {
     }
   }), n;
 }, ve = () => {
-  if (!d())
+  if (!u())
     return {};
   const t = new URLSearchParams(window.location.search);
   return be(t);
@@ -429,7 +438,7 @@ const ye = (t) => {
   value: e,
   expires: n
 }) => {
-  const s = (d() ? location.protocol === "https:" : !0) ? Ce : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [
+  const s = (u() ? location.protocol === "https:" : !0) ? Ce : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [
     [t, e],
     ...r,
     ["path", "/"],
@@ -451,14 +460,14 @@ const ye = (t) => {
   } catch (s) {
     console.warn("[COOKIE] SET error: ", s);
   }
-}, ke = "builderio.variations", V = (t) => `${ke}.${t}`, Se = ({
+}, ke = "builderio.variations", A = (t) => `${ke}.${t}`, Se = ({
   contentId: t,
   canTrack: e
-}) => j({ name: V(t), canTrack: e }), Ie = ({
+}) => j({ name: A(t), canTrack: e }), Ie = ({
   contentId: t,
   canTrack: e,
   value: n
-}) => U({ name: V(t), value: n, canTrack: e }), g = (t) => t != null, Te = (t) => g(t.id) && g(t.variations) && Object.keys(t.variations).length > 0, Re = ({
+}) => U({ name: A(t), value: n, canTrack: e }), g = (t) => t != null, Te = (t) => g(t.id) && g(t.variations) && Object.keys(t.variations).length > 0, Re = ({
   id: t,
   variations: e
 }) => {
@@ -514,7 +523,7 @@ const ye = (t) => {
   const n = await $e({ item: t, canTrack: e });
   Object.assign(t, n);
 };
-async function A(t) {
+async function V(t) {
   return (await je({ ...t, limit: 1 })).results[0] || null;
 }
 const Fe = (t) => {
@@ -531,12 +540,12 @@ const Fe = (t) => {
     ...ve(),
     ...E(t.options || {})
   }, l = v(i);
-  for (const u in l)
-    c.searchParams.set(u, String(l[u]));
+  for (const d in l)
+    c.searchParams.set(d, String(l[d]));
   if (n && c.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const u = v({ query: o });
-    for (const f in u)
-      c.searchParams.set(f, JSON.stringify(u[f]));
+    const d = v({ query: o });
+    for (const h in d)
+      c.searchParams.set(h, JSON.stringify(d[h]));
   }
   return c;
 };
@@ -554,37 +563,41 @@ const Ue = () => Promise.resolve().then(() => Zt).then((t) => t.default).catch((
     "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
     t
   ), t;
-}), Ve = {
+}), Ae = {
   name: "builder-symbol",
-  components: { "render-content": Ue },
+  components: { RenderContent: Ue },
   props: ["symbol", "attributes"],
-  data: () => ({ className: "builder-symbol", content: null, markMutable: y }),
+  data: () => ({
+    className: "builder-symbol",
+    fetchedContent: null,
+    markMutable: y
+  }),
   inject: {
     builderContext: "BuilderContext"
   },
-  mounted() {
-    var t;
-    this.content = (t = this.symbol) == null ? void 0 : t.content;
-  },
   watch: {
     onUpdateHook0() {
       const t = this.symbol;
-      t && !t.content && !this.content && t.model && A({
+      t && !t.content && !this.fetchedContent && t.model && V({
         model: t.model,
         apiKey: this.builderContext.apiKey,
         query: {
           id: t.entry
         }
       }).then((e) => {
-        this.content = e;
+        this.fetchedContent = e;
       });
     }
   },
   computed: {
+    contentToUse() {
+      var t;
+      return ((t = this.symbol) == null ? void 0 : t.content) || this.fetchedContent;
+    },
     onUpdateHook0() {
       return {
         0: this.symbol,
-        1: this.content
+        1: this.fetchedContent
       };
     }
   },
@@ -600,7 +613,7 @@ const Ue = () => Promise.resolve().then(() => Zt).then((t) => t.default).catch((
     }
   }
 };
-var Ae = function() {
+var Ve = function() {
   var o, s, r, a, c;
   var e = this, n = e._self._c;
   return n("div", e._b({ class: e._classStringToObject(e.className), attrs: { dataSet: {
@@ -609,10 +622,10 @@ var Ae = function() {
     ...(o = e.symbol) == null ? void 0 : o.data,
     ...e.builderContext.state,
     ...(a = (r = (s = e.symbol) == null ? void 0 : s.content) == null ? void 0 : r.data) == null ? void 0 : a.state
-  }), model: (c = e.symbol) == null ? void 0 : c.model, content: e.markMutable(e.content) } })], 1);
+  }), model: (c = e.symbol) == null ? void 0 : c.model, content: e.markMutable(e.contentToUse) } })], 1);
 }, Oe = [], Pe = /* @__PURE__ */ p(
-  Ve,
   Ae,
+  Ve,
   Oe,
   !1,
   null,
@@ -626,14 +639,14 @@ const We = Pe.exports, Be = {
 };
 var Le = function() {
   var e = this, n = e._self._c;
-  return e.link ? n("a", e._b({ attrs: { role: "button", href: e.link, target: e.openLinkInNewTab ? "_blank" : void 0 } }, "a", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]) : n("button", e._b({ staticClass: "button-4wbls88y960" }, "button", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]);
+  return e.link ? n("a", e._b({ attrs: { role: "button", href: e.link, target: e.openLinkInNewTab ? "_blank" : void 0 } }, "a", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]) : n("button", e._b({ staticClass: "button-1pl23ac79ld" }, "button", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]);
 }, Me = [], Ne = /* @__PURE__ */ p(
   Be,
   Le,
   Me,
   !1,
   null,
-  "e55cf307",
+  "3eed583a",
   null,
   null
 );
@@ -656,7 +669,7 @@ var qe = function() {
   null,
   null
 );
-const Je = Ke.exports, Ge = {
+const Ge = Ke.exports, Je = {
   name: "builder-fragment-component",
   props: []
 };
@@ -664,7 +677,7 @@ var Xe = function() {
   var e = this, n = e._self._c;
   return n("span", [e._t("default")], 2);
 }, Ye = [], Qe = /* @__PURE__ */ p(
-  Ge,
+  Je,
   Xe,
   Ye,
   !1,
@@ -970,14 +983,14 @@ const tt = {
         t.delete("srcset"), t.delete("noWebp");
         function n(a, c = 6e4) {
           return new Promise((i, l) => {
-            const u = document.createElement("img");
-            let f = !1;
-            u.onload = () => {
-              f = !0, i(u);
-            }, u.addEventListener("error", (m) => {
+            const d = document.createElement("img");
+            let h = !1;
+            d.onload = () => {
+              h = !0, i(d);
+            }, d.addEventListener("error", (m) => {
               console.warn("Image load failed", m.error), l(m.error);
-            }), u.src = a, setTimeout(() => {
-              f || l(new Error("Image load timed out"));
+            }), d.src = a, setTimeout(() => {
+              h || l(new Error("Image load timed out"));
             }, c);
           });
         }
@@ -1316,7 +1329,7 @@ const tt = {
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], ut = (t) => lt.includes(t.type), dt = {
+], dt = (t) => lt.includes(t.type), ut = {
   name: "builder-embed",
   props: ["content"],
   data: () => ({ scriptsInserted: [], scriptsRun: [], ranInitFn: !1 }),
@@ -1344,7 +1357,7 @@ const tt = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (ut(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (dt(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1357,8 +1370,8 @@ const tt = {
 var pt = function() {
   var e = this, n = e._self._c;
   return n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: e._s(e.content) } });
-}, mt = [], ft = /* @__PURE__ */ p(
-  dt,
+}, mt = [], ht = /* @__PURE__ */ p(
+  ut,
   pt,
   mt,
   !1,
@@ -1367,11 +1380,11 @@ var pt = function() {
   null,
   null
 );
-const ht = ft.exports;
+const ft = ht.exports;
 function gt() {
-  return d() && window.self !== window.top;
+  return u() && window.self !== window.top;
 }
-function h() {
+function f() {
   return gt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 const bt = {
@@ -1384,7 +1397,7 @@ const bt = {
     "image",
     "attributes"
   ],
-  data: () => ({ isEditing: h })
+  data: () => ({ isEditing: f })
 };
 var vt = function() {
   var e = this, n = e._self._c;
@@ -1510,13 +1523,13 @@ const Tt = It.exports, Rt = {
   { component: Q, ...tt },
   { component: re, ...ot },
   { component: xt, ...Ct },
-  { component: ue, ...at },
-  { component: he, ...it },
+  { component: de, ...at },
+  { component: fe, ...it },
   { component: We, ...rt },
   { component: He, ...et },
-  { component: Je, ...st },
+  { component: Ge, ...st },
   { component: Ze, ...nt },
-  { component: ht, ...ct },
+  { component: ft, ...ct },
   { component: Tt, ...Rt }
 ];
 function T({
@@ -1530,9 +1543,9 @@ function T({
     return;
   }
   const s = {
-    isEditing: h(),
-    isBrowser: d(),
-    isServer: !d()
+    isEditing: f(),
+    isBrowser: u(),
+    isServer: !u()
   }, a = !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
   try {
     return new Function(
@@ -1556,11 +1569,11 @@ function T({
   }
 }
 function Et() {
-  return !d() || h() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+  return !u() || f() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const O = [];
+const O = (t) => JSON.parse(JSON.stringify(t)), P = [];
 function ln(t, e) {
-  return O.push({ component: t, ...e }), console.warn(
+  return P.push({ component: t, ...e }), console.warn(
     "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
   ), t;
 }
@@ -1569,15 +1582,15 @@ const Ft = ({
   ...e
 }) => ({
   type: "builder.registerComponent",
-  data: Vt(e)
-}), P = (t) => JSON.parse(JSON.stringify(t)), jt = (t) => typeof t == "function" ? Ut(t) : P(t), Ut = (t) => {
+  data: At(e)
+}), jt = (t) => typeof t == "function" ? Ut(t) : O(t), Ut = (t) => {
   const e = t.toString().trim();
   return `return (${!e.startsWith("function") && !e.startsWith("(") ? "function " : ""}${e}).apply(this, arguments)`;
-}, Vt = ({
+}, At = ({
   inputs: t,
   ...e
 }) => ({
-  ...P(e),
+  ...O(e),
   inputs: t == null ? void 0 : t.map(
     (n) => Object.entries(n).reduce(
       (o, [s, r]) => ({
@@ -1588,14 +1601,14 @@ const Ft = ({
     )
   )
 });
-function At() {
+function Vt() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
     const e = Math.random() * 16 | 0;
     return (t == "x" ? e : e & 3 | 8).toString(16);
   });
 }
 function W() {
-  return At().replace(/-/g, "");
+  return Vt().replace(/-/g, "");
 }
 const B = "builderSessionId", Ot = async ({ canTrack: t }) => {
   if (!t)
@@ -1613,7 +1626,7 @@ const B = "builderSessionId", Ot = async ({ canTrack: t }) => {
 }, Pt = () => W(), Wt = ({
   id: t,
   canTrack: e
-}) => U({ name: B, value: t, canTrack: e }), L = () => d() && typeof localStorage < "u" ? localStorage : void 0, Bt = ({
+}) => U({ name: B, value: t, canTrack: e }), L = () => u() && typeof localStorage < "u" ? localStorage : void 0, Bt = ({
   key: t,
   canTrack: e
 }) => {
@@ -1680,7 +1693,7 @@ const B = "builderSessionId", Ot = async ({ canTrack: t }) => {
   }
 });
 async function R(t) {
-  if (!!t.canTrack && !h() && !!(d() || _ === "reactNative"))
+  if (!!t.canTrack && !f() && !!(u() || _ === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
@@ -1699,16 +1712,16 @@ const Dt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     t
   ), t;
-}), Kt = () => import("./render-styles.cd30abd1.js").then((t) => t.default).catch((t) => {
+}), Kt = () => import("./render-styles.67a8bb35.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     t
   ), t;
-}), Jt = {
+}), Gt = {
   name: "render-content",
   components: {
-    "render-content-styles": Kt,
-    "render-blocks": Dt
+    RenderContentStyles: Kt,
+    RenderBlocks: Dt
   },
   props: [
     "content",
@@ -1750,8 +1763,8 @@ const Dt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t
   },
   mounted() {
     var t;
-    if (d()) {
-      if (h() && (this.forceReRenderCount = this.forceReRenderCount + 1, q(), D(), Object.values(this.allRegisteredComponents).forEach(
+    if (u()) {
+      if (f() && (this.forceReRenderCount = this.forceReRenderCount + 1, q(), D(), Object.values(this.allRegisteredComponents).forEach(
         (e) => {
           var o;
           const n = Ft(e);
@@ -1769,7 +1782,7 @@ const Dt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t
         const e = new URL(location.href).searchParams;
         if (this.model && e.get("builder.preview") === this.model) {
           const n = e.get("apiKey") || e.get("builder.space");
-          n && A({
+          n && V({
             model: this.model,
             apiKey: n
           }).then((o) => {
@@ -1792,7 +1805,7 @@ const Dt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t
     }
   },
   unmounted() {
-    d() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    u() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -1827,10 +1840,13 @@ const Dt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t
     allRegisteredComponents() {
       return [
         ...$t(),
-        ...O,
+        ...P,
         ...this.customComponents || []
       ].reduce(
-        (n, o) => ({ ...n, [o.name]: o }),
+        (n, o) => ({
+          ...n,
+          [o.name]: o
+        }),
         {}
       );
     },
@@ -1903,7 +1919,10 @@ const Dt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t
     },
     handleRequest({ url: t, key: e }) {
       F().then((n) => n(t)).then((n) => n.json()).then((n) => {
-        const o = { ...this.overrideState, [e]: n };
+        const o = {
+          ...this.overrideState,
+          [e]: n
+        };
         this.overrideState = o;
       }).catch((n) => {
         console.log("error fetching dynamic data", t, n);
@@ -1913,7 +1932,7 @@ const Dt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t
       var e, n, o;
       const t = (o = (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.httpRequests) != null ? o : {};
       Object.entries(t).forEach(([s, r]) => {
-        if (r && (!this.httpReqsData[s] || h())) {
+        if (r && (!this.httpReqsData[s] || f())) {
           const a = this.evalExpression(r);
           this.handleRequest({
             url: a,
@@ -1923,7 +1942,7 @@ const Dt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t
       });
     },
     emitStateUpdate() {
-      h() && window.dispatchEvent(
+      f() && window.dispatchEvent(
         new CustomEvent("builder:component:stateChange", {
           detail: {
             state: this.contentState,
@@ -1936,15 +1955,15 @@ const Dt = () => Promise.resolve().then(() => N).then((t) => t.default).catch((t
     }
   }
 };
-var Gt = function() {
+var Jt = function() {
   var o, s, r, a, c, i, l;
   var e = this, n = e._self._c;
-  return e.useContent ? n("div", { ref: "elementRef", attrs: { "builder-content-id": (o = e.useContent) == null ? void 0 : o.id }, on: { click: function(u) {
-    return e.onClick(u);
+  return e.useContent ? n("div", { ref: "elementRef", attrs: { "builder-content-id": (o = e.useContent) == null ? void 0 : o.id, "builder-model": e.model }, on: { click: function(d) {
+    return e.onClick(d);
   } } }, [e.shouldRenderContentStyles ? [n("render-content-styles", { attrs: { cssCode: (r = (s = e.useContent) == null ? void 0 : s.data) == null ? void 0 : r.cssCode, customFonts: (c = (a = e.useContent) == null ? void 0 : a.data) == null ? void 0 : c.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: e.markMutable((l = (i = e.useContent) == null ? void 0 : i.data) == null ? void 0 : l.blocks) } })], 2) : e._e();
 }, Xt = [], Yt = /* @__PURE__ */ p(
-  Jt,
   Gt,
+  Jt,
   Xt,
   !1,
   null,
@@ -1955,20 +1974,20 @@ var Gt = function() {
 const Qt = Yt.exports, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Qt
-}, Symbol.toStringTag, { value: "Module" })), en = () => import("./block-styles.a3384cd8.js").then((t) => t.default).catch((t) => {
+}, Symbol.toStringTag, { value: "Module" })), en = () => import("./block-styles.f1cd7e30.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     t
   ), t;
-}), tn = () => import("./render-block.f95552ec.js").then((t) => t.default).catch((t) => {
+}), tn = () => import("./render-block.7c0c9395.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
     t
   ), t;
 }), nn = {
   name: "render-blocks",
-  components: { "render-block": tn, "block-styles": en },
-  props: ["blocks", "parent", "path"],
+  components: { RenderBlock: tn, BlockStyles: en },
+  props: ["blocks", "parent", "path", "styleProp"],
   inject: {
     builderContext: "BuilderContext"
   },
@@ -1981,7 +2000,7 @@ const Qt = Yt.exports, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   methods: {
     onClick() {
       var t, e;
-      h() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
+      f() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -1994,7 +2013,7 @@ const Qt = Yt.exports, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
     },
     onMouseEnter() {
       var t, e;
-      h() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
+      f() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -2018,7 +2037,7 @@ const Qt = Yt.exports, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
 };
 var on = function() {
   var e = this, n = e._self._c;
-  return n("div", { class: e._classStringToObject(e.className + " div-23e8fqt91nf"), attrs: { "builder-path": e.path, "builder-parent-id": e.parent, dataSet: {
+  return n("div", { class: e._classStringToObject(e.className + " div-23e8fqt91nf"), style: e.styleProp, attrs: { "builder-path": e.path, "builder-parent-id": e.parent, dataSet: {
     class: e.className
   } }, on: { click: function(o) {
     return e.onClick();
@@ -2035,7 +2054,7 @@ var on = function() {
   sn,
   !1,
   null,
-  "69abb8b2",
+  "713efc9e",
   null,
   null
 );
@@ -2043,8 +2062,8 @@ const an = rn.exports, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   __proto__: null,
   default: an
 }, Symbol.toStringTag, { value: "Module" })), $ = {};
-function un(t) {
-  if (d()) {
+function dn(t) {
+  if (u()) {
     Object.assign($, t);
     const e = {
       type: "builder.settingsChange",
@@ -2060,26 +2079,27 @@ export {
   re as I,
   We as S,
   _ as T,
-  he as V,
-  ue as a,
-  Je as b,
+  fe as V,
+  de as a,
+  Ge as b,
   an as c,
   Et as d,
   T as e,
   O as f,
-  ln as g,
-  Ft as h,
-  h as i,
-  z as j,
-  A as k,
-  Fe as l,
+  P as g,
+  ln as h,
+  f as i,
+  Ft as j,
+  z as k,
+  V as l,
   cn as m,
   p as n,
-  je as o,
-  ge as p,
-  be as q,
+  Fe as o,
+  je as p,
+  ge as q,
   Qt as r,
-  un as s,
-  ve as t,
-  E as u
+  dn as s,
+  be as t,
+  ve as u,
+  E as v
 };