@builder.io/sdk-vue 0.0.5 → 0.0.6

package/packages/_vue2/dist/{index.7a7ff238.js → index.53f5b352.js}

@@ -1,11 +1,11 @@
-const x = "vue2";
-function m() {
+const C = "vue2";
+function p() {
   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), m()) {
+const k = {};
+function K(t, e) {
+  let n = k[t];
+  if (n || (n = k[t] = []), n.push(e), p()) {
     const o = {
       type: "builder.register",
       data: {
@@ -20,8 +20,8 @@ function z(t, e) {
     }
   }
 }
-const K = () => {
-  z("insertMenu", {
+const q = () => {
+  K("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -36,51 +36,59 @@ const K = () => {
     ]
   });
 };
-let k = !1;
-const q = () => {
-  var t;
-  k || (k = !0, m() && ((t = window.parent) == null || t.postMessage(
+let S = !1;
+const z = (t = {}) => {
+  var e, n;
+  S || (S = !0, p() && ((e = window.parent) == null || e.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
-        target: x,
+        target: C,
         supportsPatchUpdates: !1,
         supportsAddBlockScoping: !0,
         supportsCustomBreakpoints: !0
       }
     },
     "*"
-  ), window.addEventListener("message", ({ data: e }) => {
-    var n, o;
-    if (!!(e != null && e.type))
-      switch (e.type) {
+  ), (n = window.parent) == null || n.postMessage(
+    {
+      type: "builder.updateContent",
+      data: {
+        options: t
+      }
+    },
+    "*"
+  ), window.addEventListener("message", ({ data: o }) => {
+    var s, r;
+    if (!!(o != null && o.type))
+      switch (o.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;
+          const i = o.data.text, c = o.data.arguments || [], a = o.data.id, d = new Function(i);
+          let u, h = null;
           try {
-            i = c.apply(null, r);
-          } catch (d) {
-            l = d;
+            u = d.apply(null, c);
+          } catch (l) {
+            h = l;
           }
-          l ? (n = window.parent) == null || n.postMessage(
+          h ? (s = window.parent) == null || s.postMessage(
             {
               type: "builder.evaluateError",
-              data: { id: a, error: l.message }
+              data: { id: a, error: h.message }
             },
             "*"
-          ) : i && typeof i.then == "function" ? i.then((d) => {
-            var p;
-            (p = window.parent) == null || p.postMessage(
+          ) : u && typeof u.then == "function" ? u.then((l) => {
+            var g;
+            (g = window.parent) == null || g.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: a, result: d }
+                data: { id: a, result: l }
               },
               "*"
             );
-          }).catch(console.error) : (o = window.parent) == null || o.postMessage(
+          }).catch(console.error) : (r = window.parent) == null || r.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: i, id: a }
+              data: { result: u, id: a }
             },
             "*"
           );
@@ -88,7 +96,7 @@ const q = () => {
         }
       }
   })));
-}, D = () => Promise.resolve().then(() => M).then((t) => t.default).catch((t) => {
+}, D = () => Promise.resolve().then(() => H).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     t
@@ -142,37 +150,37 @@ const q = () => {
     }
   }
 };
-function h(t, e, n, o, s, r, a, c) {
-  var i = typeof t == "function" ? t.options : t;
-  e && (i.render = e, i.staticRenderFns = n, i._compiled = !0), o && (i.functional = !0), r && (i._scopeId = "data-v-" + r);
-  var l;
-  if (a ? (l = function(u) {
-    u = u || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !u && typeof __VUE_SSR_CONTEXT__ < "u" && (u = __VUE_SSR_CONTEXT__), s && s.call(this, u), u && u._registeredComponents && u._registeredComponents.add(a);
-  }, i._ssrRegister = l) : s && (l = c ? function() {
+function m(t, e, n, o, s, r, i, c) {
+  var a = typeof t == "function" ? t.options : t;
+  e && (a.render = e, a.staticRenderFns = n, a._compiled = !0), o && (a.functional = !0), r && (a._scopeId = "data-v-" + r);
+  var d;
+  if (i ? (d = function(l) {
+    l = l || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !l && typeof __VUE_SSR_CONTEXT__ < "u" && (l = __VUE_SSR_CONTEXT__), s && s.call(this, l), l && l._registeredComponents && l._registeredComponents.add(i);
+  }, a._ssrRegister = d) : s && (d = c ? function() {
     s.call(
       this,
-      (i.functional ? this.parent : this).$root.$options.shadowRoot
+      (a.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : s), l)
-    if (i.functional) {
-      i._injectStyles = l;
-      var d = i.render;
-      i.render = function(H, C) {
-        return l.call(C), d(H, C);
+  } : s), d)
+    if (a.functional) {
+      a._injectStyles = d;
+      var u = a.render;
+      a.render = function(g, w) {
+        return d.call(w), u(g, w);
       };
     } else {
-      var p = i.beforeCreate;
-      i.beforeCreate = p ? [].concat(p, l) : [l];
+      var h = a.beforeCreate;
+      a.beforeCreate = h ? [].concat(h, d) : [d];
     }
   return {
     exports: t,
-    options: i
+    options: a
   };
 }
 var G = function() {
   var e = this, n = e._self._c;
-  return n("div", { staticClass: "builder-columns div-t9spj7joih", style: e.columnsCssVars }, e._l(e.columns, function(o, s) {
-    return n("div", { key: s, staticClass: "builder-column div-t9spj7joih-2", style: {
+  return n("div", { staticClass: "builder-columns div-2flfunvabst", style: e.columnsCssVars }, e._l(e.columns, function(o, s) {
+    return n("div", { key: s, staticClass: "builder-column div-2flfunvabst-2", style: {
       width: e.getColumnCssWidth(s),
       marginLeft: `${s === 0 ? 0 : e.getGutterSize()}px`,
       ...e.columnCssVars
@@ -180,18 +188,18 @@ var G = function() {
       flexGrow: "1"
     } } })], 1);
   }), 0);
-}, X = [], Y = /* @__PURE__ */ h(
+}, X = [], Y = /* @__PURE__ */ m(
   J,
   G,
   X,
   !1,
   null,
-  "e789ada8",
+  "badfc4c5",
   null,
   null
 );
 const Q = Y.exports;
-function S(t) {
+function I(t) {
   return t.replace(/http(s)?:/, "");
 }
 function Z(t = "", e, n) {
@@ -202,17 +210,17 @@ function ee(t, e) {
   if (!t || !(t != null && t.match(/cdn\.shopify\.com/)) || !e)
     return t;
   if (e === "master")
-    return S(t);
+    return I(t);
   const n = t.match(
     /(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i
   );
   if (n) {
     const o = t.split(n[0]), s = n[3], r = e.match("x") ? e : `${e}x`;
-    return S(`${o[0]}_${r}${s}`);
+    return I(`${o[0]}_${r}${s}`);
   }
   return null;
 }
-function v(t) {
+function y(t) {
   if (!t)
     return t;
   const e = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -230,11 +238,12 @@ const te = {
     "src",
     "srcset",
     "noWebp",
+    "aspectRatio",
     "altText",
+    "backgroundPosition",
     "backgroundSize",
     "className",
     "sizes",
-    "aspectRatio",
     "builderBlock",
     "fitContent"
   ],
@@ -246,14 +255,24 @@ const te = {
         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"), v(e);
+          return console.debug("Removed given srcset"), y(e);
       } else if (this.image && !this.srcset)
-        return v(e);
-      return v(e);
+        return y(e);
+      return y(e);
     },
     webpSrcSet() {
       var t;
       return ((t = this.srcSetToUse) == null ? void 0 : t.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
+    },
+    aspectRatioCss() {
+      const t = {
+        position: "absolute",
+        height: "100%",
+        width: "100%",
+        left: "0px",
+        top: "0px"
+      };
+      return this.aspectRatio ? t : void 0;
     }
   },
   methods: {
@@ -269,36 +288,37 @@ const te = {
   }
 };
 var ne = function() {
-  var o, s, r, a;
+  var o, s, r, i;
   var e = this, n = e._self._c;
   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-29wpyomtntv"
+    "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 && !(((s = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : s.length) && e.fitContent) ? [n("div", { staticClass: "builder-image-sizer div-29wpyomtntv", style: {
+    objectPosition: e.backgroundPosition || "center",
+    objectFit: e.backgroundSize || "cover",
+    ...e.aspectRatioCss
+  }, 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.children ? [n("div", { staticClass: "div-29wpyomtntv-2" }, [e._t("default")], 2)] : e._e()], 2);
-}, oe = [], se = /* @__PURE__ */ h(
+  } })] : e._e(), ((i = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : i.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__ */ m(
   te,
   ne,
   oe,
   !1,
   null,
-  "8acd6c79",
+  "1e1c2091",
   null,
   null
 );
-const re = se.exports, ae = {
+const re = se.exports, ie = {
   name: "builder-text",
   props: ["text"]
 };
-var ie = function() {
+var ae = function() {
   var e = this, n = e._self._c;
   return n("span", { staticClass: "builder-text", domProps: { innerHTML: e._s(e.text) } });
-}, ce = [], le = /* @__PURE__ */ h(
-  ae,
+}, ce = [], le = /* @__PURE__ */ m(
   ie,
+  ae,
   ce,
   !1,
   null,
@@ -359,7 +379,7 @@ var pe = function() {
     objectPosition: e.position,
     borderRadius: 1
   }, attrs: { src: e.video || "no-src", poster: e.posterImage } }, "video", e.spreadProps, !1));
-}, me = [], he = /* @__PURE__ */ h(
+}, me = [], he = /* @__PURE__ */ m(
   ue,
   pe,
   me,
@@ -370,52 +390,52 @@ var pe = function() {
   null
 );
 const fe = he.exports;
-function y(t, e = null, n = ".") {
+function _(t, e = null, n = ".") {
   return Object.keys(t).reduce((o, s) => {
-    const r = t[s], a = [e, s].filter(Boolean).join(n);
+    const r = t[s], i = [e, s].filter(Boolean).join(n);
     return [
       typeof r == "object",
       r !== null,
       !(Array.isArray(r) && r.length === 0)
-    ].every(Boolean) ? { ...o, ...y(r, a, n) } : { ...o, [a]: r };
+    ].every(Boolean) ? { ...o, ..._(r, i, n) } : { ...o, [i]: r };
   }, {});
 }
-const I = "builder.", ge = (t) => {
+const R = "builder.", ge = "options.", be = (t) => {
   const e = {};
   return t.forEach((n, o) => {
     e[o] = n;
   }), e;
-}, be = (t) => {
+}, ve = (t) => {
   if (!t)
     return {};
-  const e = E(t), n = {};
+  const e = F(t), n = {};
   return Object.keys(e).forEach((o) => {
-    if (o.startsWith(I)) {
-      const s = o.replace(I, "");
+    if (o.startsWith(R)) {
+      const s = o.replace(R, "").replace(ge, "");
       n[s] = e[o];
     }
   }), n;
-}, ve = () => {
-  if (!m())
+}, ye = () => {
+  if (!p())
     return {};
   const t = new URLSearchParams(window.location.search);
-  return be(t);
-}, E = (t) => t instanceof URLSearchParams ? ge(t) : t;
-function ye() {
+  return ve(t);
+}, F = (t) => t instanceof URLSearchParams ? be(t) : t;
+function _e() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
 }
-async function F() {
-  const t = ye().fetch;
+async function j() {
+  const t = _e().fetch;
   if (typeof t > "u" && typeof global < "u") {
     const e = import("node-fetch").then((n) => n.default);
     return e.default || e;
   }
   return t.default || t;
 }
-const _e = (t) => {
+const xe = (t) => {
   const e = t.split(".");
   return e.length > 2 ? e.slice(1).join(".") : t;
-}, j = async ({
+}, U = async ({
   name: t,
   canTrack: e
 }) => {
@@ -425,23 +445,23 @@ const _e = (t) => {
   } catch (o) {
     console.debug("[COOKIE] GET error: ", o);
   }
-}, xe = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).join("; "), Ce = [
+}, Ce = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).join("; "), we = [
   ["secure", ""],
   ["SameSite", "None"]
-], we = ({
+], ke = ({
   name: t,
   value: e,
   expires: n
 }) => {
-  const s = (m() ? location.protocol === "https:" : !0) ? Ce : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [
+  const s = (p() ? location.protocol === "https:" : !0) ? we : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [
     [t, e],
     ...r,
     ["path", "/"],
-    ["domain", _e(window.location.hostname)],
+    ["domain", xe(window.location.hostname)],
     ...s
   ];
-  return xe(a);
-}, U = async ({
+  return Ce(i);
+}, P = async ({
   name: t,
   value: e,
   expires: n,
@@ -450,19 +470,19 @@ const _e = (t) => {
   try {
     if (!o)
       return;
-    const s = we({ name: t, value: e, expires: n });
+    const s = ke({ name: t, value: e, expires: n });
     document.cookie = s;
   } catch (s) {
     console.warn("[COOKIE] SET error: ", s);
   }
-}, ke = "builderio.variations", V = (t) => `${ke}.${t}`, Se = ({
+}, Se = "builderio.variations", A = (t) => `${Se}.${t}`, Ie = ({
   contentId: t,
   canTrack: e
-}) => j({ name: V(t), canTrack: e }), Ie = ({
+}) => U({ name: A(t), canTrack: e }), Re = ({
   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 = ({
+}) => P({ name: A(t), value: n, canTrack: e }), b = (t) => t != null, Te = (t) => b(t.id) && b(t.variations) && Object.keys(t.variations).length > 0, $e = ({
   id: t,
   variations: e
 }) => {
@@ -486,22 +506,22 @@ const _e = (t) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === t.id ? "Default" : "")
   };
-}, $e = async ({
+}, Ee = async ({
   item: t,
   canTrack: e
 }) => {
-  const n = await Se({
+  const n = await Ie({
     canTrack: e,
     contentId: t.id
   }), o = n ? T({ item: t, testGroupId: n }) : void 0;
   if (o)
     return o;
   {
-    const s = Re({
+    const s = $e({
       variations: t.variations,
       id: t.id
     });
-    return Ie({
+    return Re({
       contentId: t.id,
       value: s,
       canTrack: e
@@ -509,62 +529,63 @@ const _e = (t) => {
       console.error("could not store A/B test variation: ", r);
     }), T({ item: t, testGroupId: s });
   }
-}, Ee = async ({
+}, Fe = async ({
   item: t,
   canTrack: e
 }) => {
   if (!Te(t))
     return;
-  const n = await $e({ item: t, canTrack: e });
+  const n = await Ee({ item: t, canTrack: e });
   Object.assign(t, n);
 };
-async function A(t) {
-  return (await je({ ...t, limit: 1 })).results[0] || null;
+async function O(t) {
+  return (await Ue({ ...t, limit: 1 })).results[0] || null;
 }
-const Fe = (t) => {
+const je = (t) => {
   const {
     limit: e = 30,
     userAttributes: n,
     query: o,
     noTraverse: s = !1,
     model: r,
-    apiKey: a,
-    includeRefs: c = !0
+    apiKey: i,
+    includeRefs: c = !0,
+    locale: a
   } = t;
-  if (!a)
+  if (!i)
     throw new Error("Missing API key");
-  const i = new URL(
-    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${a}&limit=${e}&noTraverse=${s}&includeRefs=${c}`
-  ), l = {
-    ...ve(),
-    ...E(t.options || {})
-  }, d = y(l);
-  for (const p in d)
-    i.searchParams.set(p, String(d[p]));
-  if (n && i.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const p = y({ query: o });
-    for (const u in p)
-      i.searchParams.set(u, JSON.stringify(p[u]));
+  const d = new URL(
+    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${i}&limit=${e}&noTraverse=${s}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
+  ), u = {
+    ...ye(),
+    ...F(t.options || {})
+  }, h = _(u);
+  for (const l in h)
+    d.searchParams.set(l, String(h[l]));
+  if (n && d.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const l = _({ query: o });
+    for (const g in l)
+      d.searchParams.set(g, JSON.stringify(l[g]));
   }
-  return i;
+  return d;
 };
-async function je(t) {
-  const e = Fe(t), o = await (await F())(e.href).then(
+async function Ue(t) {
+  const e = je(t), o = await (await j())(e.href).then(
     (r) => r.json()
   ), s = t.canTrack !== !1;
-  if (s)
+  if (s && Array.isArray(o.results))
     for (const r of o.results)
-      await Ee({ item: r, canTrack: s });
+      await Fe({ item: r, canTrack: s });
   return o;
 }
-const Ue = () => Promise.resolve().then(() => Qt).then((t) => t.default).catch((t) => {
+const Pe = () => Promise.resolve().then(() => Zt).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
     t
   ), t;
-}), Ve = {
+}), Ae = {
   name: "builder-symbol",
-  components: { RenderContent: Ue },
+  components: { RenderContent: Pe },
   props: ["symbol", "attributes"],
   data: () => ({ className: "builder-symbol", fetchedContent: null }),
   inject: {
@@ -573,7 +594,7 @@ const Ue = () => Promise.resolve().then(() => Qt).then((t) => t.default).catch((
   watch: {
     onUpdateHook0() {
       const t = this.symbol;
-      t && !t.content && !this.fetchedContent && t.model && A({
+      t && !t.content && !this.fetchedContent && t.model && O({
         model: t.model,
         apiKey: this.builderContext.apiKey,
         query: {
@@ -608,80 +629,80 @@ const Ue = () => Promise.resolve().then(() => Qt).then((t) => t.default).catch((
     }
   }
 };
-var Ae = function() {
-  var o, s, r, a, c;
+var Oe = function() {
+  var o, s, r, i, c;
   var e = this, n = e._self._c;
   return n("div", e._b({ class: e._classStringToObject(e.className), attrs: { dataSet: {
     class: e.className
   } } }, "div", e.attributes, !1), [n("render-content", { attrs: { apiKey: e.builderContext.apiKey, context: e.builderContext.context, customComponents: Object.values(e.builderContext.registeredComponents), data: {
     ...(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
+    ...(i = (r = (s = e.symbol) == null ? void 0 : s.content) == null ? void 0 : r.data) == null ? void 0 : i.state
   }, model: (c = e.symbol) == null ? void 0 : c.model, content: e.contentToUse } })], 1);
-}, Oe = [], Pe = /* @__PURE__ */ h(
-  Ve,
+}, Ve = [], Be = /* @__PURE__ */ m(
   Ae,
   Oe,
+  Ve,
   !1,
   null,
   null,
   null,
   null
 );
-const We = Pe.exports, Be = {
+const We = Be.exports, Le = {
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"]
 };
-var Le = function() {
+var Ne = 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-2fnk003dqad" }, "button", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]);
-}, Ne = [], Me = /* @__PURE__ */ h(
-  Be,
+  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-2brhoa1k8gd" }, "button", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]);
+}, Me = [], He = /* @__PURE__ */ m(
   Le,
   Ne,
+  Me,
   !1,
   null,
-  "b5c6b7e4",
+  "1a3d5b35",
   null,
   null
 );
-const He = Me.exports, ze = {
+const Ke = He.exports, qe = {
   name: "builder-section-component",
   props: ["attributes", "maxWidth"]
 };
-var Ke = function() {
+var ze = function() {
   var e = this, n = e._self._c;
   return n("section", e._b({ style: e.maxWidth && typeof e.maxWidth == "number" ? {
     maxWidth: e.maxWidth
   } : void 0 }, "section", e.attributes, !1), [e._t("default")], 2);
-}, qe = [], De = /* @__PURE__ */ h(
-  ze,
-  Ke,
+}, De = [], Je = /* @__PURE__ */ m(
   qe,
+  ze,
+  De,
   !1,
   null,
   null,
   null,
   null
 );
-const Je = De.exports, Ge = {
+const Ge = Je.exports, Xe = {
   name: "builder-fragment-component",
   props: []
 };
-var Xe = function() {
+var Ye = function() {
   var e = this, n = e._self._c;
   return n("span", [e._t("default")], 2);
-}, Ye = [], Qe = /* @__PURE__ */ h(
-  Ge,
+}, Qe = [], Ze = /* @__PURE__ */ m(
   Xe,
   Ye,
+  Qe,
   !1,
   null,
   null,
   null,
   null
 );
-const Ze = Qe.exports, et = {
+const et = Ze.exports, tt = {
   name: "Core:Button",
   builtIn: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -718,10 +739,10 @@ const Ze = Qe.exports, et = {
   ],
   static: !0,
   noWrap: !0
-}, b = (t) => {
+}, v = (t) => {
   const e = t.toString().trim();
   return `return (${!e.startsWith("function") && !e.startsWith("(") ? "function " : ""}${e}).apply(this, arguments)`;
-}, tt = {
+}, nt = {
   name: "Columns",
   builtIn: !0,
   inputs: [
@@ -909,7 +930,7 @@ const Ze = Qe.exports, et = {
           ]
         }
       ],
-      onChange: b((t) => {
+      onChange: v((t) => {
         function e() {
           n.forEach((o) => {
             o.delete("width");
@@ -920,7 +941,7 @@ const Ze = Qe.exports, et = {
           (s) => s.get("width")
         ) && (!!n.find(
           (r) => !r.get("width")
-        ) || n.reduce((c, i) => c + i.get("width"), 0) !== 100) && e();
+        ) || n.reduce((c, a) => c + a.get("width"), 0) !== 100) && e();
       })
     },
     {
@@ -946,14 +967,14 @@ const Ze = Qe.exports, et = {
       advanced: !0
     }
   ]
-}, nt = {
+}, ot = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   builtIn: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, ot = {
+}, st = {
   name: "Image",
   static: !0,
   builtIn: !0,
@@ -973,31 +994,31 @@ const Ze = Qe.exports, et = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: b((t) => {
+      onChange: v((t) => {
         t.delete("srcset"), t.delete("noWebp");
-        function n(a, c = 6e4) {
-          return new Promise((i, l) => {
-            const d = document.createElement("img");
-            let p = !1;
-            d.onload = () => {
-              p = !0, i(d);
-            }, d.addEventListener("error", (u) => {
-              console.warn("Image load failed", u.error), l(u.error);
-            }), d.src = a, setTimeout(() => {
-              p || l(new Error("Image load timed out"));
+        function n(i, c = 6e4) {
+          return new Promise((a, d) => {
+            const u = document.createElement("img");
+            let h = !1;
+            u.onload = () => {
+              h = !0, a(u);
+            }, u.addEventListener("error", (l) => {
+              console.warn("Image load failed", l.error), d(l.error);
+            }), u.src = i, setTimeout(() => {
+              h || d(new Error("Image load timed out"));
             }, c);
           });
         }
-        function o(a) {
-          return Math.round(a * 1e3) / 1e3;
+        function o(i) {
+          return Math.round(i * 1e3) / 1e3;
         }
         const s = t.get("image"), r = t.get("aspectRatio");
-        if (fetch(s).then((a) => a.blob()).then((a) => {
-          a.type.includes("svg") && t.set("noWebp", !0);
+        if (fetch(s).then((i) => i.blob()).then((i) => {
+          i.type.includes("svg") && t.set("noWebp", !0);
         }), s && (!r || r === 0.7041))
-          return n(s).then((a) => {
+          return n(s).then((i) => {
             const c = t.get("aspectRatio");
-            t.get("image") === s && (!c || c === 0.7041) && a.width && a.height && (t.set("aspectRatio", o(a.height / a.width)), t.set("height", a.height), t.set("width", a.width));
+            t.get("image") === s && (!c || c === 0.7041) && i.width && i.height && (t.set("aspectRatio", o(i.height / i.width)), t.set("height", i.height), t.set("width", i.width));
           });
       })
     },
@@ -1079,7 +1100,7 @@ const Ze = Qe.exports, et = {
       defaultValue: 0.7041
     }
   ]
-}, st = {
+}, rt = {
   name: "Core:Section",
   static: !0,
   builtIn: !0,
@@ -1124,7 +1145,7 @@ const Ze = Qe.exports, et = {
       }
     }
   ]
-}, rt = {
+}, it = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1183,7 +1204,7 @@ const Ze = Qe.exports, et = {
     height: "auto",
     textAlign: "center"
   }
-}, it = {
+}, ct = {
   name: "Video",
   canHaveChildren: !0,
   builtIn: !0,
@@ -1285,7 +1306,7 @@ const Ze = Qe.exports, et = {
       advanced: !0
     }
   ]
-}, ct = {
+}, lt = {
   name: "Embed",
   static: !0,
   builtIn: !0,
@@ -1296,7 +1317,7 @@ const Ze = Qe.exports, et = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: b((t) => {
+      onChange: v((t) => {
         const e = t.get("url");
         if (e)
           return t.set("content", "Loading..."), fetch(
@@ -1319,11 +1340,11 @@ const Ze = Qe.exports, et = {
       hideFromUI: !0
     }
   ]
-}, lt = [
+}, dt = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], dt = (t) => lt.includes(t.type), ut = {
+], ut = (t) => dt.includes(t.type), pt = {
   name: "builder-embed",
   props: ["content"],
   data: () => ({ scriptsInserted: [], scriptsRun: [], ranInitFn: !1 }),
@@ -1351,7 +1372,7 @@ const Ze = Qe.exports, et = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (dt(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (ut(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1361,27 +1382,27 @@ const Ze = Qe.exports, et = {
     }
   }
 };
-var pt = function() {
+var mt = function() {
   var e = this, n = e._self._c;
   return n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: e._s(e.content) } });
-}, mt = [], ht = /* @__PURE__ */ h(
-  ut,
+}, ht = [], ft = /* @__PURE__ */ m(
   pt,
   mt,
+  ht,
   !1,
   null,
   null,
   null,
   null
 );
-const ft = ht.exports;
-function gt() {
-  return m() && window.self !== window.top;
+const gt = ft.exports;
+function bt() {
+  return p() && window.self !== window.top;
 }
 function f() {
-  return gt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return bt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const bt = {
+const vt = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1393,23 +1414,23 @@ const bt = {
   ],
   data: () => ({ isEditing: f })
 };
-var vt = function() {
+var yt = function() {
   var e = this, n = e._self._c;
   return n("img", e._b({ key: e.isEditing() && e.imgSrc || "default-key", style: {
     objectFit: e.backgroundSize || "cover",
     objectPosition: e.backgroundPosition || "center"
   }, attrs: { alt: e.altText, src: e.imgSrc || e.image } }, "img", e.attributes, !1));
-}, yt = [], _t = /* @__PURE__ */ h(
-  bt,
+}, _t = [], xt = /* @__PURE__ */ m(
   vt,
   yt,
+  _t,
   !1,
   null,
   null,
   null,
   null
 );
-const xt = _t.exports, Ct = {
+const Ct = xt.exports, wt = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   builtIn: !0,
@@ -1425,7 +1446,7 @@ const xt = _t.exports, Ct = {
   ],
   noWrap: !0,
   static: !0
-}, wt = {
+}, kt = {
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data: () => ({ scriptsInserted: [], scriptsRun: [] }),
@@ -1471,22 +1492,22 @@ const xt = _t.exports, Ct = {
     }
   }
 };
-var kt = function() {
+var St = function() {
   var e = this, n = e._self._c;
   return n("div", { ref: "elem", class: e._classStringToObject(
     "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
   ), domProps: { innerHTML: e._s(e.code) } });
-}, St = [], It = /* @__PURE__ */ h(
-  wt,
+}, It = [], Rt = /* @__PURE__ */ m(
   kt,
   St,
+  It,
   !1,
   null,
   null,
   null,
   null
 );
-const Tt = It.exports, Rt = {
+const Tt = Rt.exports, $t = {
   name: "Custom Code",
   static: !0,
   builtIn: !0,
@@ -1513,34 +1534,35 @@ const Tt = It.exports, Rt = {
       advanced: !0
     }
   ]
-}, $t = () => [
-  { component: Q, ...tt },
-  { component: re, ...ot },
-  { component: xt, ...Ct },
+}, Et = () => [
+  { component: Q, ...nt },
+  { component: re, ...st },
+  { component: Ct, ...wt },
   { component: de, ...at },
-  { component: fe, ...it },
-  { component: We, ...rt },
-  { component: He, ...et },
-  { component: Je, ...st },
-  { component: Ze, ...nt },
-  { component: ft, ...ct },
-  { component: Tt, ...Rt }
+  { component: fe, ...ct },
+  { component: We, ...it },
+  { component: Ke, ...tt },
+  { component: Ge, ...rt },
+  { component: et, ...ot },
+  { component: gt, ...lt },
+  { component: Tt, ...$t }
 ];
-function R({
+function $({
   code: t,
   context: e,
   state: n,
-  event: o
+  event: o,
+  isExpression: s = !0
 }) {
   if (t === "") {
     console.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const s = {
+  const r = {
     isEditing: f(),
-    isBrowser: m(),
-    isServer: !m()
-  }, a = !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
+    isBrowser: p(),
+    isServer: !p()
+  }, c = s && !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
   try {
     return new Function(
       "builder",
@@ -1548,127 +1570,127 @@ function R({
       "state",
       "context",
       "event",
-      a
-    )(s, s, n, e, o);
-  } catch (c) {
+      c
+    )(r, r, n, e, o);
+  } catch (a) {
     console.warn(
       `Builder custom code error: 
  While Evaluating: 
  `,
-      a,
+      c,
       `
 `,
-      c.message || c
+      a
     );
   }
 }
-function Et() {
-  return !m() || f() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+function Ft() {
+  return !p() || f() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const O = (t) => JSON.parse(JSON.stringify(t)), P = [];
-function an(t, e) {
-  return P.push({ component: t, ...e }), console.warn(
+const V = (t) => JSON.parse(JSON.stringify(t)), B = [];
+function cn(t, e) {
+  return B.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;
 }
-const Ft = ({
+const jt = ({
   component: t,
   ...e
 }) => ({
   type: "builder.registerComponent",
-  data: Ut(e)
-}), jt = (t) => typeof t == "function" ? b(t) : O(t), Ut = ({
+  data: Pt(e)
+}), Ut = (t) => typeof t == "function" ? v(t) : V(t), Pt = ({
   inputs: t,
   ...e
 }) => ({
-  ...O(e),
+  ...V(e),
   inputs: t == null ? void 0 : t.map(
     (n) => Object.entries(n).reduce(
       (o, [s, r]) => ({
         ...o,
-        [s]: jt(r)
+        [s]: Ut(r)
       }),
       {}
     )
   )
 });
-function Vt() {
+function At() {
   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 Vt().replace(/-/g, "");
+  return At().replace(/-/g, "");
 }
-const B = "builderSessionId", At = async ({ canTrack: t }) => {
+const L = "builderSessionId", Ot = async ({ canTrack: t }) => {
   if (!t)
     return;
-  const e = await j({
-    name: B,
+  const e = await U({
+    name: L,
     canTrack: t
   });
-  if (g(e))
+  if (b(e))
     return e;
   {
-    const n = Ot();
-    Pt({ id: n, canTrack: t });
+    const n = Vt();
+    Bt({ id: n, canTrack: t });
   }
-}, Ot = () => W(), Pt = ({
+}, Vt = () => W(), Bt = ({
   id: t,
   canTrack: e
-}) => U({ name: B, value: t, canTrack: e }), L = () => m() && typeof localStorage < "u" ? localStorage : void 0, Wt = ({
+}) => P({ name: L, value: t, canTrack: e }), N = () => p() && typeof localStorage < "u" ? localStorage : void 0, Wt = ({
   key: t,
   canTrack: e
 }) => {
   var n;
   try {
-    return e ? (n = L()) == null ? void 0 : n.getItem(t) : void 0;
+    return e ? (n = N()) == null ? void 0 : n.getItem(t) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
   }
-}, Bt = ({
+}, Lt = ({
   key: t,
   canTrack: e,
   value: n
 }) => {
   var o;
   try {
-    e && ((o = L()) == null || o.setItem(t, n));
+    e && ((o = N()) == null || o.setItem(t, n));
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, N = "builderVisitorId", Lt = ({ canTrack: t }) => {
+}, M = "builderVisitorId", Nt = ({ canTrack: t }) => {
   if (!t)
     return;
   const e = Wt({
-    key: N,
+    key: M,
     canTrack: t
   });
-  if (g(e))
+  if (b(e))
     return e;
   {
-    const n = Nt();
-    Mt({ id: n, canTrack: t });
+    const n = Mt();
+    Ht({ id: n, canTrack: t });
   }
-}, Nt = () => W(), Mt = ({
+}, Mt = () => W(), Ht = ({
   id: t,
   canTrack: e
-}) => Bt({
-  key: N,
+}) => Lt({
+  key: M,
   value: t,
   canTrack: e
-}), Ht = async ({
+}), Kt = async ({
   canTrack: t
 }) => {
   if (!t)
     return { visitorId: void 0, sessionId: void 0 };
-  const e = await At({ canTrack: t }), n = Lt({ canTrack: t });
+  const e = await Ot({ canTrack: t }), n = Nt({ canTrack: t });
   return {
     sessionId: e,
     visitorId: n
   };
-}, zt = async ({
+}, qt = async ({
   type: t,
   canTrack: e,
   apiKey: n,
@@ -1679,16 +1701,22 @@ const B = "builderSessionId", At = async ({ canTrack: t }) => {
   data: {
     ...s,
     metadata: JSON.stringify(o),
-    ...await Ht({ canTrack: e }),
+    ...await Kt({ canTrack: e }),
     ownerId: n
   }
 });
-async function _(t) {
-  if (!!t.canTrack && !f() && !!(m() || x === "reactNative"))
+async function x(t) {
+  if (!t.apiKey) {
+    console.error(
+      "[Builder.io]: Missing API key for track call. Please provide your API key."
+    );
+    return;
+  }
+  if (!!t.canTrack && !f() && !!(p() || C === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await zt(t)]
+        events: [await qt(t)]
       }),
       headers: {
         "content-type": "application/json"
@@ -1698,30 +1726,32 @@ async function _(t) {
       console.error("Failed to track: ", e);
     });
 }
-const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then(() => M).then((t) => t.default).catch((t) => {
+const ln = (t) => x({ ...t, canTrack: !0 }), zt = () => Promise.resolve().then(() => H).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     t
   ), t;
-}), qt = () => import("./render-styles.0fcd6636.js").then((t) => t.default).catch((t) => {
+}), Dt = () => import("./render-styles.230dc75f.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;
-}), Dt = {
+}), Jt = {
   name: "render-content",
   components: {
-    RenderContentStyles: qt,
-    RenderBlocks: Kt
+    RenderContentStyles: Dt,
+    RenderBlocks: zt
   },
   props: [
     "content",
     "data",
     "canTrack",
+    "locale",
     "context",
     "customComponents",
     "model",
-    "apiKey"
+    "apiKey",
+    "includeRefs"
   ],
   data: () => ({
     forceReRenderCount: 0,
@@ -1753,11 +1783,20 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
   },
   mounted() {
     var t, e;
-    if (m()) {
-      if (f() && (this.forceReRenderCount = this.forceReRenderCount + 1, K(), q(), Object.values(this.allRegisteredComponents).forEach(
+    if (this.apiKey || console.error(
+      "[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    ), p()) {
+      if (f() && (this.forceReRenderCount = this.forceReRenderCount + 1, q(), z({
+        ...this.locale ? {
+          locale: this.locale
+        } : {},
+        ...this.includeRefs ? {
+          includeRefs: this.includeRefs
+        } : {}
+      }), Object.values(this.allRegisteredComponents).forEach(
         (n) => {
           var s;
-          const o = Ft(n);
+          const o = jt(n);
           (s = window.parent) == null || s.postMessage(o, "*");
         }
       ), window.addEventListener("message", this.processMessage), window.addEventListener(
@@ -1765,7 +1804,7 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
         this.emitStateUpdate
       )), this.useContent) {
         const n = (t = this.useContent) == null ? void 0 : t.testVariationId, o = (e = this.useContent) == null ? void 0 : e.id;
-        _({
+        x({
           type: "impression",
           canTrack: this.canTrackToUse,
           contentId: o,
@@ -1773,11 +1812,11 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
           variationId: n !== o ? n : void 0
         });
       }
-      if (Et()) {
+      if (Ft()) {
         const n = new URL(location.href).searchParams;
         if (this.model && n.get("builder.preview") === this.model) {
           const o = n.get("apiKey") || n.get("builder.space");
-          o && A({
+          o && O({
             model: this.model,
             apiKey: o
           }).then((s) => {
@@ -1800,7 +1839,7 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
     }
   },
   unmounted() {
-    m() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    p() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -1826,6 +1865,9 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
       return {
         ...(e = (t = this.content) == null ? void 0 : t.data) == null ? void 0 : e.state,
         ...this.data,
+        ...this.locale ? {
+          locale: this.locale
+        } : {},
         ...this.overrideState
       };
     },
@@ -1834,8 +1876,8 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
     },
     allRegisteredComponents() {
       return [
-        ...$t(),
-        ...P,
+        ...Et(),
+        ...B,
         ...this.customComponents || []
       ].reduce(
         (n, o) => ({
@@ -1851,13 +1893,14 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
     shouldRenderContentStyles() {
       var t, e, n, o, s;
       return Boolean(
-        (((e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.cssCode) || ((s = (o = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : o.customFonts) == null ? void 0 : s.length)) && x !== "reactNative"
+        (((e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.cssCode) || ((s = (o = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : o.customFonts) == null ? void 0 : s.length)) && C !== "reactNative"
       );
     },
     onUpdateHook0() {
       var t, e;
       return {
-        0: (e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.jsCode
+        0: (e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.jsCode,
+        1: this.contentState
       };
     },
     onUpdateHook1() {
@@ -1887,7 +1930,7 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
     evaluateJsCode() {
       var e, n;
       const t = (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode;
-      t && R({
+      t && $({
         code: t,
         context: this.contextContext,
         state: this.contentState
@@ -1897,7 +1940,7 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
       var e, n;
       if (this.useContent) {
         const o = (e = this.useContent) == null ? void 0 : e.testVariationId, s = (n = this.useContent) == null ? void 0 : n.id;
-        _({
+        x({
           type: "click",
           canTrack: this.canTrackToUse,
           contentId: s,
@@ -1909,7 +1952,7 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
     evalExpression(t) {
       return t.replace(
         /{{([^}]+)}}/g,
-        (e, n) => R({
+        (e, n) => $({
           code: n,
           context: this.contextContext,
           state: this.contentState
@@ -1917,7 +1960,7 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
       );
     },
     handleRequest({ url: t, key: e }) {
-      F().then((n) => n(t)).then((n) => n.json()).then((n) => {
+      j().then((n) => n(t)).then((n) => n.json()).then((n) => {
         const o = {
           ...this.overrideState,
           [e]: n
@@ -1932,9 +1975,9 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
       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] || f())) {
-          const a = this.evalExpression(r);
+          const i = this.evalExpression(r);
           this.handleRequest({
-            url: a,
+            url: i,
             key: s
           });
         }
@@ -1954,38 +1997,38 @@ const cn = (t) => _({ ...t, canTrack: !0 }), Kt = () => Promise.resolve().then((
     }
   }
 };
-var Jt = function() {
-  var o, s, r, a, c, i, l;
+var Gt = function() {
+  var o, s, r, i, c, a, d;
   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, "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: (l = (i = e.useContent) == null ? void 0 : i.data) == null ? void 0 : l.blocks } })], 2) : e._e();
-}, Gt = [], Xt = /* @__PURE__ */ h(
-  Dt,
+  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(u) {
+    return e.onClick(u);
+  } } }, [e.shouldRenderContentStyles ? [n("render-content-styles", { attrs: { cssCode: (r = (s = e.useContent) == null ? void 0 : s.data) == null ? void 0 : r.cssCode, customFonts: (c = (i = e.useContent) == null ? void 0 : i.data) == null ? void 0 : c.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (d = (a = e.useContent) == null ? void 0 : a.data) == null ? void 0 : d.blocks } })], 2) : e._e();
+}, Xt = [], Yt = /* @__PURE__ */ m(
   Jt,
   Gt,
+  Xt,
   !1,
   null,
   null,
   null,
   null
 );
-const Yt = Xt.exports, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Qt = Yt.exports, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Yt
-}, Symbol.toStringTag, { value: "Module" })), Zt = () => import("./block-styles.19a877d5.js").then((t) => t.default).catch((t) => {
+  default: Qt
+}, Symbol.toStringTag, { value: "Module" })), en = () => import("./block-styles.446ece03.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;
-}), en = () => import("./render-block.7635a885.js").then((t) => t.default).catch((t) => {
+}), tn = () => import("./render-block.678a49f8.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;
-}), tn = {
+}), nn = {
   name: "render-blocks",
-  components: { RenderBlock: en, BlockStyles: Zt },
+  components: { RenderBlock: tn, BlockStyles: en },
   props: ["blocks", "parent", "path", "styleProp"],
   inject: {
     builderContext: "BuilderContext"
@@ -2034,9 +2077,9 @@ const Yt = Xt.exports, Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
     }
   }
 };
-var nn = function() {
+var on = function() {
   var e = this, n = e._self._c;
-  return n("div", { class: e._classStringToObject(e.className + " div-21azgz5avex"), style: e.styleProp, 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();
@@ -2047,58 +2090,58 @@ var nn = function() {
   }) : e._e(), e.blocks ? e._l(e.blocks, function(o, s) {
     return n("block-styles", { key: "block-style-" + o.id, attrs: { block: o, context: e.builderContext } });
   }) : e._e()], 2);
-}, on = [], sn = /* @__PURE__ */ h(
-  tn,
+}, sn = [], rn = /* @__PURE__ */ m(
   nn,
   on,
+  sn,
   !1,
   null,
-  "0a33c796",
+  "713efc9e",
   null,
   null
 );
-const rn = sn.exports, M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const an = rn.exports, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: rn
-}, Symbol.toStringTag, { value: "Module" })), $ = {};
-function ln(t) {
-  if (m()) {
-    Object.assign($, t);
+  default: an
+}, Symbol.toStringTag, { value: "Module" })), E = {};
+function dn(t) {
+  if (p()) {
+    Object.assign(E, t);
     const e = {
       type: "builder.settingsChange",
-      data: $
+      data: E
     };
     parent.postMessage(e, "*");
   }
 }
 export {
-  He as B,
+  Ke as B,
   Q as C,
-  Ze as F,
+  et as F,
   re as I,
   We as S,
-  x as T,
+  C as T,
   fe as V,
   de as a,
-  Je as b,
-  rn as c,
-  Et as d,
-  R as e,
-  O as f,
-  P as g,
-  an as h,
+  Ge as b,
+  an as c,
+  Ft as d,
+  $ as e,
+  V as f,
+  B as g,
+  cn as h,
   f as i,
-  Ft as j,
-  z as k,
-  A as l,
-  Fe as m,
-  h as n,
-  je as o,
-  ge as p,
-  be as q,
-  Yt as r,
-  ln as s,
-  cn as t,
-  ve as u,
-  E as v
+  jt as j,
+  K as k,
+  O as l,
+  je as m,
+  m as n,
+  Ue as o,
+  be as p,
+  ve as q,
+  Qt as r,
+  dn as s,
+  ln as t,
+  ye as u,
+  F as v
 };