@builder.io/sdk-vue 0.1.4 → 0.1.5

package/packages/_vue2/dist/{index.b2edb9b2.js → index.24f01638.js}

@@ -1,11 +1,11 @@
 const v = "vue2";
-function m() {
+function p() {
   return typeof window < "u" && typeof document < "u";
 }
 const R = {};
 function J(t, e) {
   let n = R[t];
-  if (n || (n = R[t] = []), n.push(e), m()) {
+  if (n || (n = R[t] = []), n.push(e), p()) {
     const o = {
       type: "builder.register",
       data: {
@@ -39,7 +39,7 @@ const X = () => {
 let T = !1;
 const Y = (t = {}) => {
   var e, n;
-  T || (T = !0, m() && ((e = window.parent) == null || e.postMessage(
+  T || (T = !0, p() && ((e = window.parent) == null || e.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
@@ -63,32 +63,32 @@ const Y = (t = {}) => {
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const i = o.data.text, c = o.data.arguments || [], a = o.data.id, d = new Function(i);
-          let u, h = null;
+          const a = o.data.text, i = o.data.arguments || [], l = o.data.id, c = new Function(a);
+          let d, m = null;
           try {
-            u = d.apply(null, c);
-          } catch (l) {
-            h = l;
+            d = c.apply(null, i);
+          } catch (u) {
+            m = u;
           }
-          h ? (s = window.parent) == null || s.postMessage(
+          m ? (s = window.parent) == null || s.postMessage(
             {
               type: "builder.evaluateError",
-              data: { id: a, error: h.message }
+              data: { id: l, error: m.message }
             },
             "*"
-          ) : u && typeof u.then == "function" ? u.then((l) => {
+          ) : d && typeof d.then == "function" ? d.then((u) => {
             var g;
             (g = window.parent) == null || g.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: a, result: l }
+                data: { id: l, result: u }
               },
               "*"
             );
           }).catch(console.error) : (r = window.parent) == null || r.postMessage(
             {
               type: "builder.evaluateResult",
-              data: { result: u, id: a }
+              data: { result: d, id: l }
             },
             "*"
           );
@@ -96,7 +96,63 @@ const Y = (t = {}) => {
         }
       }
   })));
-}, S = (t) => JSON.parse(JSON.stringify(t)), P = {
+}, Q = {
+  name: "builder-button",
+  props: ["attributes", "text", "link", "openLinkInNewTab"],
+  methods: {
+    filterAttrs: function(e = {}, n) {
+      const o = "v-on:", s = (i) => i.startsWith(o), r = (i) => !i.startsWith(o), a = (i) => i.replace(o, "");
+      return Object.keys(e).filter(n ? s : r).reduce(
+        (i, l) => ({
+          ...i,
+          [a(l)]: e[l]
+        }),
+        {}
+      );
+    }
+  }
+};
+function h(t, e, n, o, s, r, a, i) {
+  var l = typeof t == "function" ? t.options : t;
+  e && (l.render = e, l.staticRenderFns = n, l._compiled = !0), o && (l.functional = !0), r && (l._scopeId = "data-v-" + r);
+  var c;
+  if (a ? (c = 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);
+  }, l._ssrRegister = c) : s && (c = i ? function() {
+    s.call(
+      this,
+      (l.functional ? this.parent : this).$root.$options.shadowRoot
+    );
+  } : s), c)
+    if (l.functional) {
+      l._injectStyles = c;
+      var d = l.render;
+      l.render = function(g, I) {
+        return c.call(I), d(g, I);
+      };
+    } else {
+      var m = l.beforeCreate;
+      l.beforeCreate = m ? [].concat(m, c) : [c];
+    }
+  return {
+    exports: t,
+    options: l
+  };
+}
+var Z = function() {
+  var e = this, n = e._self._c;
+  return e.link ? n("a", e._g(e._b({ attrs: { role: "button", href: e.link, target: e.openLinkInNewTab ? "_blank" : void 0 } }, "a", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]) : n("button", e._g(e._b({ staticClass: "button-2fnk003dqad" }, "button", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._v(" " + e._s(e.text) + " ")]);
+}, ee = [], te = /* @__PURE__ */ h(
+  Q,
+  Z,
+  ee,
+  !1,
+  null,
+  "37bd4cbd",
+  null,
+  null
+);
+const ne = te.exports, S = (t) => JSON.parse(JSON.stringify(t)), B = {
   small: {
     min: 320,
     default: 321,
@@ -112,8 +168,8 @@ const Y = (t = {}) => {
     default: 991,
     max: 1200
   }
-}, wn = (t, e = P) => `@media (max-width: ${e[t].max}px)`, Q = ({ small: t, medium: e }) => {
-  const n = S(P);
+}, Rn = (t, e = B) => `@media (max-width: ${e[t].max}px)`, oe = ({ small: t, medium: e }) => {
+  const n = S(B);
   if (!t || !e)
     return n;
   const o = Math.floor(t / 2);
@@ -134,11 +190,11 @@ const Y = (t = {}) => {
     min: r,
     default: r + 1
   }, n;
-}, Z = (t) => t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), b = (t) => t != null, ee = (t) => Object.entries(t).map(([n, o]) => {
+}, se = (t) => t.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), b = (t) => t != null, re = (t) => Object.entries(t).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Z(n)}: ${o};`;
-}).filter(b), y = (t) => ee(t).join(`
-`), In = ({
+    return `${se(n)}: ${o};`;
+}).filter(b), y = (t) => re(t).join(`
+`), Tn = ({
   mediaQuery: t,
   className: e,
   styles: n
@@ -149,21 +205,21 @@ const Y = (t = {}) => {
   return t ? `${t} {
       ${o}
     }` : o;
-}, te = () => Promise.resolve().then(() => G).then((t) => t.default).catch((t) => {
+}, ie = () => Promise.resolve().then(() => U).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     t
   ), t;
-}), ne = () => import("./render-inlined-styles.734fe2c9.js").then((t) => t.default).catch((t) => {
+}), ae = () => import("./render-inlined-styles.e770caf6.js").then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
     t
   ), t;
-}), oe = {
+}), le = {
   name: "builder-columns",
   components: {
-    RenderInlinedStyles: ne,
-    RenderBlocks: te
+    RenderInlinedStyles: ae,
+    RenderBlocks: ie
   },
   props: [
     "space",
@@ -267,7 +323,7 @@ const Y = (t = {}) => {
       return (this.stackColumnsAt || "tablet") === "tablet" ? t : "inherit";
     },
     getWidthForBreakpointSize(t) {
-      return Q(
+      return oe(
         this.customBreakpoints || {}
       )[t].max;
     },
@@ -282,34 +338,7 @@ const Y = (t = {}) => {
     }
   }
 };
-function p(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,
-      (a.functional ? this.parent : this).$root.$options.shadowRoot
-    );
-  } : s), d)
-    if (a.functional) {
-      a._injectStyles = d;
-      var u = a.render;
-      a.render = function(g, I) {
-        return d.call(I), u(g, I);
-      };
-    } else {
-      var h = a.beforeCreate;
-      a.beforeCreate = h ? [].concat(h, d) : [d];
-    }
-  return {
-    exports: t,
-    options: a
-  };
-}
-var se = function() {
+var ce = function() {
   var e = this, n = e._self._c;
   return n("div", { class: e._classStringToObject(
     `builder-columns ${e.builderBlock.id}-breakpoints div-t9spj7joih`
@@ -326,25 +355,42 @@ var se = function() {
       flexGrow: "1"
     } } })], 1);
   })], 2);
-}, re = [], ie = /* @__PURE__ */ p(
-  oe,
-  se,
-  re,
+}, ue = [], de = /* @__PURE__ */ h(
+  le,
+  ce,
+  ue,
   !1,
   null,
   "72d9045b",
   null,
   null
 );
-const ae = ie.exports;
+const me = de.exports, pe = {
+  name: "builder-fragment-component",
+  props: []
+};
+var he = function() {
+  var e = this, n = e._self._c;
+  return n("span", [e._t("default")], 2);
+}, fe = [], ge = /* @__PURE__ */ h(
+  pe,
+  he,
+  fe,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const be = ge.exports;
 function $(t) {
   return t.replace(/http(s)?:/, "");
 }
-function ce(t = "", e, n) {
+function ye(t = "", e, n) {
   const o = new RegExp("([?&])" + e + "=.*?(&|$)", "i"), s = t.indexOf("?") !== -1 ? "&" : "?";
   return t.match(o) ? t.replace(o, "$1" + e + "=" + encodeURIComponent(n) + "$2") : t + s + e + "=" + encodeURIComponent(n);
 }
-function le(t, e) {
+function ve(t, e) {
   if (!t || !(t != null && t.match(/cdn\.shopify\.com/)) || !e)
     return t;
   if (e === "master")
@@ -365,11 +411,11 @@ function x(t) {
   if (t.match(/builder\.io/)) {
     let n = t;
     const o = Number(t.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), e.filter((s) => s !== o).map((s) => `${ce(t, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), e.filter((s) => s !== o).map((s) => `${ye(t, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return t.match(/cdn\.shopify\.com/) ? e.map((n) => [le(t, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([t]).join(", ") : t;
+  return t.match(/cdn\.shopify\.com/) ? e.map((n) => [ve(t, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([t]).join(", ") : t;
 }
-const de = {
+const _e = {
   name: "builder-image",
   props: [
     "image",
@@ -425,8 +471,8 @@ const de = {
     }
   }
 };
-var ue = function() {
-  var o, s, r, i;
+var xe = function() {
+  var o, s, r, a;
   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-1pl23ac79ld"
@@ -436,102 +482,24 @@ var ue = function() {
     ...e.aspectRatioCss
   }, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } })], 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-1pl23ac79ld", style: {
     paddingTop: e.aspectRatio * 100 + "%"
-  } })] : 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-1pl23ac79ld-2" }, [e._t("default")], 2)] : e._e()], 2);
-}, me = [], pe = /* @__PURE__ */ p(
-  de,
-  ue,
-  me,
-  !1,
-  null,
-  "d14c6f82",
-  null,
-  null
-);
-const he = pe.exports, fe = {
-  name: "builder-text",
-  props: ["text"]
-};
-var ge = function() {
-  var e = this, n = e._self._c;
-  return n("span", { staticClass: "builder-text", domProps: { innerHTML: e._s(e.text) } });
-}, be = [], ye = /* @__PURE__ */ p(
-  fe,
-  ge,
-  be,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const ve = ye.exports, _e = {
-  name: "builder-video",
-  props: [
-    "autoPlay",
-    "muted",
-    "controls",
-    "loop",
-    "playsInline",
-    "attributes",
-    "fit",
-    "position",
-    "video",
-    "posterImage"
-  ],
-  computed: {
-    videoProps() {
-      return {
-        ...this.autoPlay === !0 ? {
-          autoPlay: !0
-        } : {},
-        ...this.muted === !0 ? {
-          muted: !0
-        } : {},
-        ...this.controls === !0 ? {
-          controls: !0
-        } : {},
-        ...this.loop === !0 ? {
-          loop: !0
-        } : {},
-        ...this.playsInline === !0 ? {
-          playsInline: !0
-        } : {}
-      };
-    },
-    spreadProps() {
-      return {
-        ...this.attributes,
-        ...this.videoProps
-      };
-    }
-  }
-};
-var xe = function() {
-  var o;
-  var e = this, n = e._self._c;
-  return n("video", e._b({ style: {
-    width: "100%",
-    height: "100%",
-    ...(o = e.attributes) == null ? void 0 : o.style,
-    objectFit: e.fit,
-    objectPosition: e.position,
-    borderRadius: 1
-  }, attrs: { src: e.video || "no-src", poster: e.posterImage } }, "video", e.spreadProps, !1));
-}, Ce = [], ke = /* @__PURE__ */ p(
+  } })] : 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-1pl23ac79ld-2" }, [e._t("default")], 2)] : e._e()], 2);
+}, ke = [], Ce = /* @__PURE__ */ h(
   _e,
   xe,
-  Ce,
+  ke,
   !1,
   null,
-  null,
+  "d14c6f82",
   null,
   null
 );
-const Se = ke.exports, we = Symbol(), w = {
+const Se = Ce.exports, we = Symbol(), w = {
   Builder: {
     content: null,
     context: {},
     state: {},
+    setState() {
+    },
     apiKey: null,
     registeredComponents: {},
     inheritedStyles: {}
@@ -539,343 +507,99 @@ const Se = ke.exports, we = Symbol(), w = {
   key: we
 };
 function Ie() {
-  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
-}
-function Re() {
-  const t = Ie().fetch;
-  if (typeof t > "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 t;
+  return p() && window.self !== window.top;
 }
-const U = Re(), Te = (t) => {
-  if (t === "localhost" || t === "127.0.0.1")
-    return t;
-  const e = t.split(".");
-  return e.length > 2 ? e.slice(1).join(".") : t;
-}, V = async ({
-  name: t,
-  canTrack: e
-}) => {
-  var n;
-  try {
-    return e ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${t}=`))) == null ? void 0 : n.split("=")[1] : void 0;
-  } catch (o) {
-    console.debug("[COOKIE] GET error: ", o);
-    return;
-  }
-}, $e = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(b).join("; "), Ee = [
-  ["secure", ""],
-  ["SameSite", "None"]
-], Fe = ({
-  name: t,
-  value: e,
-  expires: n
-}) => {
-  const s = (m() ? location.protocol === "https:" : !0) ? Ee : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [
-    [t, e],
-    ...r,
-    ["path", "/"],
-    ["domain", Te(window.location.hostname)],
-    ...s
-  ];
-  return $e(i);
-}, W = async ({
-  name: t,
-  value: e,
-  expires: n,
-  canTrack: o
-}) => {
-  try {
-    if (!o)
-      return;
-    const s = Fe({ name: t, value: e, expires: n });
-    document.cookie = s;
-  } catch (s) {
-    console.warn("[COOKIE] SET error: ", s);
-  }
-}, je = "builderio.variations", L = (t) => `${je}.${t}`, Oe = ({
-  contentId: t,
-  canTrack: e
-}) => V({ name: L(t), canTrack: e }), Ae = ({
-  contentId: t,
-  canTrack: e,
-  value: n
-}) => W({ name: L(t), value: n, canTrack: e }), Be = (t) => b(t.id) && b(t.variations) && Object.keys(t.variations).length > 0, Pe = ({
-  id: t,
-  variations: e
-}) => {
-  var s;
-  let n = 0;
-  const o = Math.random();
-  for (const r in e)
-    if (n += (s = e[r]) == null ? void 0 : s.testRatio, o < n)
-      return r;
-  return t;
-}, E = ({
-  item: t,
-  testGroupId: e
-}) => {
-  const n = t.variations[e];
-  return e === t.id || !n ? {
-    testVariationId: t.id,
-    testVariationName: "Default"
-  } : {
-    data: n.data,
-    testVariationId: n.id,
-    testVariationName: n.name || (n.id === t.id ? "Default" : "")
-  };
-}, Ue = async ({
-  item: t,
-  canTrack: e
-}) => {
-  const n = await Oe({
-    canTrack: e,
-    contentId: t.id
-  }), o = n ? E({ item: t, testGroupId: n }) : void 0;
-  if (o)
-    return o;
-  {
-    const s = Pe({
-      variations: t.variations,
-      id: t.id
-    });
-    return Ae({
-      contentId: t.id,
-      value: s,
-      canTrack: e
-    }).catch((r) => {
-      console.error("could not store A/B test variation: ", r);
-    }), E({ item: t, testGroupId: s });
-  }
-}, Ve = async ({
-  item: t,
-  canTrack: e
-}) => {
-  if (!Be(t))
-    return;
-  const n = await Ue({ item: t, canTrack: e });
-  Object.assign(t, n);
-};
-function C(t, e = null, n = ".") {
-  return Object.keys(t).reduce((o, s) => {
-    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, ...C(r, i, n) } : { ...o, [i]: r };
-  }, {});
-}
-const F = "builder.", We = "options.", Le = (t) => {
-  const e = {};
-  return t.forEach((n, o) => {
-    e[o] = n;
-  }), e;
-}, Ne = (t) => {
-  if (!t)
-    return {};
-  const e = N(t), n = {};
-  return Object.keys(e).forEach((o) => {
-    if (o.startsWith(F)) {
-      const s = o.replace(F, "").replace(We, "");
-      n[s] = e[o];
-    }
-  }), n;
-}, Me = () => {
-  if (!m())
-    return {};
-  const t = new URLSearchParams(window.location.search);
-  return Ne(t);
-}, N = (t) => t instanceof URLSearchParams ? Le(t) : t, ze = (t) => {
-  const {
-    limit: e = 30,
-    userAttributes: n,
-    query: o,
-    noTraverse: s = !1,
-    model: r,
-    apiKey: i,
-    includeRefs: c = !0,
-    locale: a
-  } = t;
-  if (!i)
-    throw new Error("Missing API key");
-  const d = new URL(
-    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${i}&limit=${e}&noTraverse=${s}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
-  ), u = {
-    ...Me(),
-    ...N(t.options || {})
-  }, h = C(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 = C({ query: o });
-    for (const g in l)
-      d.searchParams.set(g, JSON.stringify(l[g]));
-  }
-  return d;
-};
-async function M(t) {
-  return (await Ke({ ...t, limit: 1 })).results[0] || null;
-}
-async function Ke(t) {
-  const e = ze(t), o = await (await U(e.href)).json(), s = t.canTrack !== !1;
-  if (s && Array.isArray(o.results))
-    for (const r of o.results)
-      await Ve({ item: r, canTrack: s });
-  return o;
+function f() {
+  return Ie() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const De = () => Promise.resolve().then(() => bn).then((t) => t.default).catch((t) => {
+const Re = () => import("./block-styles.cf0de18b.js").then((t) => t.default).catch((t) => {
   throw console.error(
-    "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
+    "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     t
   ), t;
-}), He = {
-  name: "builder-symbol",
-  components: { RenderContent: De },
-  props: ["attributes", "symbol", "dynamic"],
-  data() {
-    return { fetchedContent: null };
-  },
+}), Te = () => import("./render-block.a8683c91.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;
+}), $e = {
+  name: "render-blocks",
+  components: { RenderBlock: Te, BlockStyles: Re },
+  props: ["blocks", "parent", "path", "styleProp"],
   inject: {
     builderContext: w.key
   },
-  watch: {
-    onUpdateHook0: {
-      handler() {
-        var e;
-        const t = this.symbol;
-        t && !t.content && !this.fetchedContent && t.model && ((e = this.builderContext) == null ? void 0 : e.apiKey) && M({
-          model: t.model,
-          apiKey: this.builderContext.apiKey,
-          query: {
-            id: t.entry
-          }
-        }).then((n) => {
-          this.fetchedContent = n;
-        });
-      },
-      immediate: !0
-    }
-  },
   computed: {
     className() {
-      var t, e;
-      return [
-        ...Object.keys(this.attributes.class),
-        "builder-symbol",
-        (t = this.symbol) != null && t.inline ? "builder-inline-symbol" : void 0,
-        ((e = this.symbol) == null ? void 0 : e.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
-      ].filter(Boolean).join(" ");
-    },
-    contentToUse() {
       var t;
-      return ((t = this.symbol) == null ? void 0 : t.content) || this.fetchedContent;
-    },
-    onUpdateHook0() {
-      return {
-        0: this.symbol,
-        1: this.fetchedContent
-      };
+      return "builder-blocks" + ((t = this.blocks) != null && t.length ? "" : " no-blocks");
     }
   },
   methods: {
-    _classStringToObject(t) {
-      const e = {};
-      if (typeof t != "string")
-        return e;
-      const n = t.trim().split(/\s+/);
-      for (const o of n)
-        e[o] = !0;
-      return e;
-    }
-  }
-};
-var qe = 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,
-    ...(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);
-}, Ge = [], Je = /* @__PURE__ */ p(
-  He,
-  qe,
-  Ge,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const Xe = Je.exports, Ye = {
-  name: "builder-button",
-  props: ["attributes", "text", "link", "openLinkInNewTab"]
-};
-var Qe = 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) + " ")]);
-}, Ze = [], et = /* @__PURE__ */ p(
-  Ye,
-  Qe,
-  Ze,
-  !1,
-  null,
-  "1e816d57",
-  null,
-  null
-);
-const tt = et.exports, nt = {
-  name: "builder-section-component",
-  props: ["attributes", "maxWidth"]
-};
-var ot = function() {
-  var e = this, n = e._self._c;
-  return n("section", e._b({ style: {
-    width: "100%",
-    alignSelf: "stretch",
-    flexGrow: "1",
-    boxSizing: "border-box",
-    maxWidth: `${e.maxWidth && typeof e.maxWidth == "number" ? e.maxWidth : 1200}px`,
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "stretch",
-    marginLeft: "auto",
-    marginRight: "auto"
-  } }, "section", e.attributes, !1), [e._t("default")], 2);
-}, st = [], rt = /* @__PURE__ */ p(
-  nt,
-  ot,
-  st,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const it = rt.exports, at = {
-  name: "builder-fragment-component",
-  props: []
+    onClick() {
+      var t, e;
+      f() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
+        {
+          type: "builder.clickEmptyBlocks",
+          data: {
+            parentElementId: this.parent,
+            dataPath: this.path
+          }
+        },
+        "*"
+      ));
+    },
+    onMouseEnter() {
+      var t, e;
+      f() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
+        {
+          type: "builder.hoverEmptyBlocks",
+          data: {
+            parentElementId: this.parent,
+            dataPath: this.path
+          }
+        },
+        "*"
+      ));
+    },
+    _classStringToObject(t) {
+      const e = {};
+      if (typeof t != "string")
+        return e;
+      const n = t.trim().split(/\s+/);
+      for (const o of n)
+        e[o] = !0;
+      return e;
+    }
+  }
 };
-var ct = function() {
+var Ee = function() {
   var e = this, n = e._self._c;
-  return n("span", [e._t("default")], 2);
-}, lt = [], dt = /* @__PURE__ */ p(
-  at,
-  ct,
-  lt,
+  return n("div", { class: e._classStringToObject(e.className + " div-21azgz5avex"), style: e.styleProp, attrs: { "builder-path": e.path, "builder-parent-id": e.parent, dataSet: {
+    class: e.className
+  } }, on: { click: function(o) {
+    return e.onClick();
+  }, mouseenter: function(o) {
+    return e.onMouseEnter();
+  } } }, [e.blocks ? e._l(e.blocks, function(o, s) {
+    return n("render-block", { key: "render-block-" + o.id, attrs: { block: o, context: e.builderContext } });
+  }) : 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);
+}, Ae = [], Fe = /* @__PURE__ */ h(
+  $e,
+  Ee,
+  Ae,
   !1,
   null,
-  null,
+  "7d4553c5",
   null,
   null
 );
-const ut = dt.exports, mt = {
+const je = Fe.exports, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: je
+}, Symbol.toStringTag, { value: "Module" })), Pe = {
   name: "Core:Button",
   builtIn: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -915,7 +639,7 @@ const ut = dt.exports, mt = {
 }, _ = (t) => {
   const e = t.toString().trim();
   return `return (${!e.startsWith("function") && !e.startsWith("(") ? "function " : ""}${e}).apply(this, arguments)`;
-}, pt = {
+}, Oe = {
   name: "Columns",
   builtIn: !0,
   inputs: [
@@ -1114,7 +838,7 @@ const ut = dt.exports, mt = {
           (s) => s.get("width")
         ) && (!!n.find(
           (r) => !r.get("width")
-        ) || n.reduce((c, a) => c + a.get("width"), 0) !== 100) && e();
+        ) || n.reduce((i, l) => i + l.get("width"), 0) !== 100) && e();
       })
     },
     {
@@ -1140,14 +864,14 @@ const ut = dt.exports, mt = {
       advanced: !0
     }
   ]
-}, ht = {
+}, Be = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   builtIn: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, ft = {
+}, Ue = {
   name: "Image",
   static: !0,
   builtIn: !0,
@@ -1170,29 +894,29 @@ const ut = dt.exports, mt = {
       onChange: _(
         (t) => {
           t.delete("srcset"), t.delete("noWebp");
-          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 n(a, i = 6e4) {
+            return new Promise((l, c) => {
+              const d = document.createElement("img");
+              let m = !1;
+              d.onload = () => {
+                m = !0, l(d);
+              }, d.addEventListener("error", (u) => {
+                console.warn("Image load failed", u.error), c(u.error);
+              }), d.src = a, setTimeout(() => {
+                m || c(new Error("Image load timed out"));
+              }, i);
             });
           }
-          function o(i) {
-            return Math.round(i * 1e3) / 1e3;
+          function o(a) {
+            return Math.round(a * 1e3) / 1e3;
           }
           const s = t.get("image"), r = t.get("aspectRatio");
-          if (fetch(s).then((i) => i.blob()).then((i) => {
-            i.type.includes("svg") && t.set("noWebp", !0);
+          if (fetch(s).then((a) => a.blob()).then((a) => {
+            a.type.includes("svg") && t.set("noWebp", !0);
           }), s && (!r || r === 0.7041))
-            return n(s).then((i) => {
-              const c = t.get("aspectRatio");
-              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));
+            return n(s).then((a) => {
+              const i = t.get("aspectRatio");
+              t.get("image") === s && (!i || i === 0.7041) && a.width && a.height && (t.set("aspectRatio", o(a.height / a.width)), t.set("height", a.height), t.set("width", a.width));
             });
         }
       )
@@ -1275,7 +999,7 @@ const ut = dt.exports, mt = {
       defaultValue: 0.7041
     }
   ]
-}, gt = {
+}, We = {
   name: "Core:Section",
   static: !0,
   builtIn: !0,
@@ -1320,7 +1044,47 @@ const ut = dt.exports, mt = {
       }
     }
   ]
-}, bt = {
+}, Ve = {
+  name: "builder-section-component",
+  props: ["maxWidth", "attributes"],
+  methods: {
+    filterAttrs: function(e = {}, n) {
+      const o = "v-on:", s = (i) => i.startsWith(o), r = (i) => !i.startsWith(o), a = (i) => i.replace(o, "");
+      return Object.keys(e).filter(n ? s : r).reduce(
+        (i, l) => ({
+          ...i,
+          [a(l)]: e[l]
+        }),
+        {}
+      );
+    }
+  }
+};
+var Ne = function() {
+  var e = this, n = e._self._c;
+  return n("section", e._g(e._b({ style: {
+    width: "100%",
+    alignSelf: "stretch",
+    flexGrow: "1",
+    boxSizing: "border-box",
+    maxWidth: `${e.maxWidth && typeof e.maxWidth == "number" ? e.maxWidth : 1200}px`,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch",
+    marginLeft: "auto",
+    marginRight: "auto"
+  } }, "section", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [e._t("default")], 2);
+}, Le = [], Me = /* @__PURE__ */ h(
+  Ve,
+  Ne,
+  Le,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ze = Me.exports, Ke = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1338,28 +1102,314 @@ const ut = dt.exports, mt = {
       advanced: !0,
       hideFromUI: !0
     },
-    {
-      name: "inheritState",
-      helperText: "Inherit the parent component state and data",
-      type: "boolean",
-      defaultValue: !1,
-      advanced: !0
+    {
+      name: "inheritState",
+      helperText: "Inherit the parent component state and data",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0
+    },
+    {
+      name: "renderToLiquid",
+      helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
+      type: "boolean",
+      defaultValue: !1,
+      advanced: !0,
+      hideFromUI: !0
+    },
+    {
+      name: "useChildren",
+      hideFromUI: !0,
+      type: "boolean"
+    }
+  ]
+};
+function De() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
+}
+function He() {
+  const t = De().fetch;
+  if (typeof t > "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 t;
+}
+const W = He(), qe = (t) => {
+  if (t === "localhost" || t === "127.0.0.1")
+    return t;
+  const e = t.split(".");
+  return e.length > 2 ? e.slice(1).join(".") : t;
+}, V = async ({
+  name: t,
+  canTrack: e
+}) => {
+  var n;
+  try {
+    return e ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${t}=`))) == null ? void 0 : n.split("=")[1] : void 0;
+  } catch (o) {
+    console.debug("[COOKIE] GET error: ", o);
+    return;
+  }
+}, Ge = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).filter(b).join("; "), Je = [
+  ["secure", ""],
+  ["SameSite", "None"]
+], Xe = ({
+  name: t,
+  value: e,
+  expires: n
+}) => {
+  const s = (p() ? location.protocol === "https:" : !0) ? Je : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [
+    [t, e],
+    ...r,
+    ["path", "/"],
+    ["domain", qe(window.location.hostname)],
+    ...s
+  ];
+  return Ge(a);
+}, N = async ({
+  name: t,
+  value: e,
+  expires: n,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
+      return;
+    const s = Xe({ name: t, value: e, expires: n });
+    document.cookie = s;
+  } catch (s) {
+    console.warn("[COOKIE] SET error: ", s);
+  }
+}, Ye = "builderio.variations", L = (t) => `${Ye}.${t}`, Qe = ({
+  contentId: t,
+  canTrack: e
+}) => V({ name: L(t), canTrack: e }), Ze = ({
+  contentId: t,
+  canTrack: e,
+  value: n
+}) => N({ name: L(t), value: n, canTrack: e }), et = (t) => b(t.id) && b(t.variations) && Object.keys(t.variations).length > 0, tt = ({
+  id: t,
+  variations: e
+}) => {
+  var s;
+  let n = 0;
+  const o = Math.random();
+  for (const r in e)
+    if (n += (s = e[r]) == null ? void 0 : s.testRatio, o < n)
+      return r;
+  return t;
+}, E = ({
+  item: t,
+  testGroupId: e
+}) => {
+  const n = t.variations[e];
+  return e === t.id || !n ? {
+    testVariationId: t.id,
+    testVariationName: "Default"
+  } : {
+    data: n.data,
+    testVariationId: n.id,
+    testVariationName: n.name || (n.id === t.id ? "Default" : "")
+  };
+}, nt = async ({
+  item: t,
+  canTrack: e
+}) => {
+  const n = await Qe({
+    canTrack: e,
+    contentId: t.id
+  }), o = n ? E({ item: t, testGroupId: n }) : void 0;
+  if (o)
+    return o;
+  {
+    const s = tt({
+      variations: t.variations,
+      id: t.id
+    });
+    return Ze({
+      contentId: t.id,
+      value: s,
+      canTrack: e
+    }).catch((r) => {
+      console.error("could not store A/B test variation: ", r);
+    }), E({ item: t, testGroupId: s });
+  }
+}, ot = async ({
+  item: t,
+  canTrack: e
+}) => {
+  if (!et(t))
+    return;
+  const n = await nt({ item: t, canTrack: e });
+  Object.assign(t, n);
+};
+function k(t, e = null, n = ".") {
+  return Object.keys(t).reduce((o, s) => {
+    const r = t[s], a = [e, s].filter(Boolean).join(n);
+    return [
+      typeof r == "object",
+      r !== null,
+      !(Array.isArray(r) && r.length === 0)
+    ].every(Boolean) ? { ...o, ...k(r, a, n) } : { ...o, [a]: r };
+  }, {});
+}
+const A = "builder.", st = "options.", rt = (t) => {
+  const e = {};
+  return t.forEach((n, o) => {
+    e[o] = n;
+  }), e;
+}, it = (t) => {
+  if (!t)
+    return {};
+  const e = M(t), n = {};
+  return Object.keys(e).forEach((o) => {
+    if (o.startsWith(A)) {
+      const s = o.replace(A, "").replace(st, "");
+      n[s] = e[o];
+    }
+  }), n;
+}, at = () => {
+  if (!p())
+    return {};
+  const t = new URLSearchParams(window.location.search);
+  return it(t);
+}, M = (t) => t instanceof URLSearchParams ? rt(t) : t, lt = (t) => {
+  const {
+    limit: e = 30,
+    userAttributes: n,
+    query: o,
+    noTraverse: s = !1,
+    model: r,
+    apiKey: a,
+    includeRefs: i = !0,
+    locale: l
+  } = t;
+  if (!a)
+    throw new Error("Missing API key");
+  const c = new URL(
+    `https://cdn.builder.io/api/v2/content/${r}?apiKey=${a}&limit=${e}&noTraverse=${s}&includeRefs=${i}${l ? `&locale=${l}` : ""}`
+  ), d = {
+    ...at(),
+    ...M(t.options || {})
+  }, m = k(d);
+  for (const u in m)
+    c.searchParams.set(u, String(m[u]));
+  if (n && c.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const u = k({ query: o });
+    for (const g in u)
+      c.searchParams.set(g, JSON.stringify(u[g]));
+  }
+  return c;
+};
+async function z(t) {
+  return (await ct({ ...t, limit: 1 })).results[0] || null;
+}
+async function ct(t) {
+  const e = lt(t), o = await (await W(e.href)).json(), s = t.canTrack !== !1;
+  if (s && Array.isArray(o.results))
+    for (const r of o.results)
+      await ot({ item: r, canTrack: s });
+  return o;
+}
+const ut = () => Promise.resolve().then(() => In).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;
+}), dt = {
+  name: "builder-symbol",
+  components: { RenderContent: ut },
+  props: ["attributes", "symbol", "dynamic"],
+  data() {
+    return { fetchedContent: null };
+  },
+  inject: {
+    builderContext: w.key
+  },
+  watch: {
+    onUpdateHook0: {
+      handler() {
+        var e;
+        const t = this.symbol;
+        t && !t.content && !this.fetchedContent && t.model && ((e = this.builderContext) == null ? void 0 : e.apiKey) && z({
+          model: t.model,
+          apiKey: this.builderContext.apiKey,
+          query: {
+            id: t.entry
+          }
+        }).then((n) => {
+          this.fetchedContent = n;
+        });
+      },
+      immediate: !0
+    }
+  },
+  computed: {
+    className() {
+      var t, e;
+      return [
+        ...Object.keys(this.attributes.class),
+        "builder-symbol",
+        (t = this.symbol) != null && t.inline ? "builder-inline-symbol" : void 0,
+        ((e = this.symbol) == null ? void 0 : e.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
+      ].filter(Boolean).join(" ");
+    },
+    contentToUse() {
+      var t;
+      return ((t = this.symbol) == null ? void 0 : t.content) || this.fetchedContent;
     },
-    {
-      name: "renderToLiquid",
-      helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
-      type: "boolean",
-      defaultValue: !1,
-      advanced: !0,
-      hideFromUI: !0
+    onUpdateHook0() {
+      return {
+        0: this.symbol,
+        1: this.fetchedContent
+      };
+    }
+  },
+  methods: {
+    filterAttrs: function(e = {}, n) {
+      const o = "v-on:", s = (i) => i.startsWith(o), r = (i) => !i.startsWith(o), a = (i) => i.replace(o, "");
+      return Object.keys(e).filter(n ? s : r).reduce(
+        (i, l) => ({
+          ...i,
+          [a(l)]: e[l]
+        }),
+        {}
+      );
     },
-    {
-      name: "useChildren",
-      hideFromUI: !0,
-      type: "boolean"
+    _classStringToObject(t) {
+      const e = {};
+      if (typeof t != "string")
+        return e;
+      const n = t.trim().split(/\s+/);
+      for (const o of n)
+        e[o] = !0;
+      return e;
     }
-  ]
-}, yt = {
+  }
+};
+var mt = function() {
+  var o, s, r, a, i;
+  var e = this, n = e._self._c;
+  return n("div", e._g(e._b({ class: e._classStringToObject(e.className), attrs: { dataSet: {
+    class: e.className
+  } } }, "div", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)), [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
+  }, model: (i = e.symbol) == null ? void 0 : i.model, content: e.contentToUse } })], 1);
+}, pt = [], ht = /* @__PURE__ */ h(
+  dt,
+  mt,
+  pt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const ft = ht.exports, gt = {
   name: "Text",
   static: !0,
   builtIn: !0,
@@ -1379,7 +1429,24 @@ const ut = dt.exports, mt = {
     height: "auto",
     textAlign: "center"
   }
-}, vt = {
+}, bt = {
+  name: "builder-text",
+  props: ["text"]
+};
+var yt = function() {
+  var e = this, n = e._self._c;
+  return n("span", { staticClass: "builder-text", domProps: { innerHTML: e._s(e.text) } });
+}, vt = [], _t = /* @__PURE__ */ h(
+  bt,
+  yt,
+  vt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const xt = _t.exports, kt = {
   name: "Video",
   canHaveChildren: !0,
   builtIn: !0,
@@ -1481,7 +1548,70 @@ const ut = dt.exports, mt = {
       advanced: !0
     }
   ]
-}, _t = {
+}, Ct = {
+  name: "builder-video",
+  props: [
+    "autoPlay",
+    "muted",
+    "controls",
+    "loop",
+    "playsInline",
+    "attributes",
+    "fit",
+    "position",
+    "video",
+    "posterImage"
+  ],
+  computed: {
+    videoProps() {
+      return {
+        ...this.autoPlay === !0 ? {
+          autoPlay: !0
+        } : {},
+        ...this.muted === !0 ? {
+          muted: !0
+        } : {},
+        ...this.controls === !0 ? {
+          controls: !0
+        } : {},
+        ...this.loop === !0 ? {
+          loop: !0
+        } : {},
+        ...this.playsInline === !0 ? {
+          playsInline: !0
+        } : {}
+      };
+    },
+    spreadProps() {
+      return {
+        ...this.attributes,
+        ...this.videoProps
+      };
+    }
+  }
+};
+var St = function() {
+  var o;
+  var e = this, n = e._self._c;
+  return n("video", e._b({ style: {
+    width: "100%",
+    height: "100%",
+    ...(o = e.attributes) == null ? void 0 : o.style,
+    objectFit: e.fit,
+    objectPosition: e.position,
+    borderRadius: 1
+  }, attrs: { src: e.video || "no-src", poster: e.posterImage } }, "video", e.spreadProps, !1));
+}, wt = [], It = /* @__PURE__ */ h(
+  Ct,
+  St,
+  wt,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Rt = It.exports, Tt = {
   name: "Embed",
   static: !0,
   builtIn: !0,
@@ -1517,11 +1647,11 @@ const ut = dt.exports, mt = {
       hideFromUI: !0
     }
   ]
-}, xt = [
+}, $t = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], Ct = (t) => xt.includes(t.type), kt = {
+], Et = (t) => $t.includes(t.type), At = {
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1554,7 +1684,7 @@ const ut = dt.exports, mt = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (Ct(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Et(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1564,27 +1694,20 @@ const ut = dt.exports, mt = {
     }
   }
 };
-var St = function() {
+var Ft = function() {
   var e = this, n = e._self._c;
   return n("div", { ref: "elem", staticClass: "builder-embed", domProps: { innerHTML: e._s(e.content) } });
-}, wt = [], It = /* @__PURE__ */ p(
-  kt,
-  St,
-  wt,
+}, jt = [], Pt = /* @__PURE__ */ h(
+  At,
+  Ft,
+  jt,
   !1,
   null,
   null,
   null,
   null
 );
-const Rt = It.exports;
-function Tt() {
-  return m() && window.self !== window.top;
-}
-function f() {
-  return Tt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
-}
-const $t = {
+const Ot = Pt.exports, Bt = {
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1596,25 +1719,37 @@ const $t = {
   ],
   data() {
     return { isEditing: f };
+  },
+  methods: {
+    filterAttrs: function(e = {}, n) {
+      const o = "v-on:", s = (i) => i.startsWith(o), r = (i) => !i.startsWith(o), a = (i) => i.replace(o, "");
+      return Object.keys(e).filter(n ? s : r).reduce(
+        (i, l) => ({
+          ...i,
+          [a(l)]: e[l]
+        }),
+        {}
+      );
+    }
   }
 };
-var Et = function() {
+var Ut = function() {
   var e = this, n = e._self._c;
-  return n("img", e._b({ key: e.isEditing() && e.imgSrc || "default-key", style: {
+  return n("img", e._g(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));
-}, Ft = [], jt = /* @__PURE__ */ p(
-  $t,
-  Et,
-  Ft,
+  }, attrs: { alt: e.altText, src: e.imgSrc || e.image } }, "img", e.filterAttrs(e.attributes, !1), !1), e.filterAttrs(e.attributes, !0)));
+}, Wt = [], Vt = /* @__PURE__ */ h(
+  Bt,
+  Ut,
+  Wt,
   !1,
   null,
   null,
   null,
   null
 );
-const Ot = jt.exports, At = {
+const Nt = Vt.exports, Lt = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   builtIn: !0,
@@ -1630,7 +1765,7 @@ const Ot = jt.exports, At = {
   ],
   noWrap: !0,
   static: !0
-}, Bt = {
+}, Mt = {
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1678,22 +1813,22 @@ const Ot = jt.exports, At = {
     }
   }
 };
-var Pt = function() {
+var zt = 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) } });
-}, Ut = [], Vt = /* @__PURE__ */ p(
-  Bt,
-  Pt,
-  Ut,
+}, Kt = [], Dt = /* @__PURE__ */ h(
+  Mt,
+  zt,
+  Kt,
   !1,
   null,
   null,
   null,
   null
 );
-const Wt = Vt.exports, Lt = {
+const Ht = Dt.exports, qt = {
   name: "Custom Code",
   static: !0,
   builtIn: !0,
@@ -1720,20 +1855,20 @@ const Wt = Vt.exports, Lt = {
       advanced: !0
     }
   ]
-}, Nt = () => [
-  { component: ae, ...pt },
-  { component: he, ...ft },
-  { component: Ot, ...At },
-  { component: ve, ...yt },
-  { component: Se, ...vt },
-  { component: Xe, ...bt },
-  { component: tt, ...mt },
-  { component: it, ...gt },
-  { component: ut, ...ht },
-  { component: Rt, ..._t },
-  { component: Wt, ...Lt }
+}, Gt = () => [
+  { component: ne, ...Pe },
+  { component: me, ...Oe },
+  { component: Ht, ...qt },
+  { component: Ot, ...Tt },
+  { component: be, ...Be },
+  { component: Se, ...Ue },
+  { component: Nt, ...Lt },
+  { component: ze, ...We },
+  { component: ft, ...Ke },
+  { component: xt, ...gt },
+  { component: Rt, ...kt }
 ];
-function j({
+function F({
   code: t,
   context: e,
   state: n,
@@ -1746,9 +1881,9 @@ function j({
   }
   const r = {
     isEditing: f(),
-    isBrowser: m(),
-    isServer: !m()
-  }, c = s && !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
+    isBrowser: p(),
+    isServer: !p()
+  }, i = s && !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
   try {
     return new Function(
       "builder",
@@ -1756,36 +1891,36 @@ function j({
       "state",
       "context",
       "event",
-      c
+      i
     )(r, r, n, e, o);
-  } catch (a) {
+  } catch (l) {
     console.warn(
       `Builder custom code error: 
  While Evaluating: 
  `,
-      c,
+      i,
       `
 `,
-      a
+      l
     );
   }
 }
-function Mt() {
-  return !m() || f() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+function Jt() {
+  return !p() || f() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const z = [];
-function Rn(t, e) {
-  return z.push({ component: t, ...e }), console.warn(
+const K = [];
+function $n(t, e) {
+  return K.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 zt = ({
+const Xt = ({
   component: t,
   ...e
 }) => ({
   type: "builder.registerComponent",
-  data: Dt(e)
-}), Kt = (t) => typeof t == "function" ? _(t) : S(t), Dt = ({
+  data: Qt(e)
+}), Yt = (t) => typeof t == "function" ? _(t) : S(t), Qt = ({
   inputs: t,
   ...e
 }) => ({
@@ -1794,89 +1929,89 @@ const zt = ({
     (n) => Object.entries(n).reduce(
       (o, [s, r]) => ({
         ...o,
-        [s]: Kt(r)
+        [s]: Yt(r)
       }),
       {}
     )
   )
 });
-function Ht() {
+function Zt() {
   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 K() {
-  return Ht().replace(/-/g, "");
+function D() {
+  return Zt().replace(/-/g, "");
 }
-const D = "builderSessionId", qt = async ({
+const H = "builderSessionId", en = async ({
   canTrack: t
 }) => {
   if (!t)
     return;
   const e = await V({
-    name: D,
+    name: H,
     canTrack: t
   });
   if (b(e))
     return e;
   {
-    const n = Gt();
-    return Jt({ id: n, canTrack: t }), n;
+    const n = tn();
+    return nn({ id: n, canTrack: t }), n;
   }
-}, Gt = () => K(), Jt = ({
+}, tn = () => D(), nn = ({
   id: t,
   canTrack: e
-}) => W({ name: D, value: t, canTrack: e }), H = () => m() && typeof localStorage < "u" ? localStorage : void 0, Xt = ({
+}) => N({ name: H, value: t, canTrack: e }), q = () => p() && typeof localStorage < "u" ? localStorage : void 0, on = ({
   key: t,
   canTrack: e
 }) => {
   var n;
   try {
-    return e ? (n = H()) == null ? void 0 : n.getItem(t) : void 0;
+    return e ? (n = q()) == null ? void 0 : n.getItem(t) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Yt = ({
+}, sn = ({
   key: t,
   canTrack: e,
   value: n
 }) => {
   var o;
   try {
-    e && ((o = H()) == null || o.setItem(t, n));
+    e && ((o = q()) == null || o.setItem(t, n));
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, q = "builderVisitorId", Qt = ({ canTrack: t }) => {
+}, G = "builderVisitorId", rn = ({ canTrack: t }) => {
   if (!t)
     return;
-  const e = Xt({
-    key: q,
+  const e = on({
+    key: G,
     canTrack: t
   });
   if (b(e))
     return e;
   {
-    const n = Zt();
-    return en({ id: n, canTrack: t }), n;
+    const n = an();
+    return ln({ id: n, canTrack: t }), n;
   }
-}, Zt = () => K(), en = ({
+}, an = () => D(), ln = ({
   id: t,
   canTrack: e
-}) => Yt({
-  key: q,
+}) => sn({
+  key: G,
   value: t,
   canTrack: e
-}), tn = () => {
-  if (m()) {
+}), cn = () => {
+  if (p()) {
     const t = new URL(location.href);
     return t.pathname === "" && (t.pathname = "/"), t;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, nn = () => typeof navigator == "object" && navigator.userAgent || "", on = () => {
-  const t = nn(), e = {
+}, un = () => typeof navigator == "object" && navigator.userAgent || "", dn = () => {
+  const t = un(), e = {
     Android() {
       return t.match(/Android/i);
     },
@@ -1895,23 +2030,23 @@ const D = "builderSessionId", qt = async ({
     any() {
       return e.Android() || e.BlackBerry() || e.iOS() || e.Opera() || e.Windows() || v === "reactNative";
     }
-  }, n = t.match(/Tablet|iPad/i), o = tn();
+  }, n = t.match(/Tablet|iPad/i), o = cn();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : e.any() ? "mobile" : "desktop"
   };
-}, sn = async ({
+}, mn = async ({
   canTrack: t
 }) => {
   if (!t)
     return { visitorId: void 0, sessionId: void 0 };
-  const e = await qt({ canTrack: t }), n = Qt({ canTrack: t });
+  const e = await en({ canTrack: t }), n = rn({ canTrack: t });
   return {
     sessionId: e,
     visitorId: n
   };
-}, rn = async ({
+}, pn = async ({
   type: t,
   canTrack: e,
   apiKey: n,
@@ -1925,23 +2060,23 @@ const D = "builderSessionId", qt = async ({
       url: location.href,
       ...o
     },
-    ...await sn({ canTrack: e }),
-    userAttributes: on(),
+    ...await mn({ canTrack: e }),
+    userAttributes: dn(),
     ownerId: n
   }
 });
-async function k(t) {
+async function C(t) {
   if (!t.apiKey) {
     console.error(
       "[Builder.io]: Missing API key for track call. Please provide your API key."
     );
     return;
   }
-  if (!!t.canTrack && !f() && !!(m() || v === "reactNative"))
+  if (!!t.canTrack && !f() && !!(p() || v === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await rn(t)]
+        events: [await pn(t)]
       }),
       headers: {
         "content-type": "application/json"
@@ -1951,11 +2086,11 @@ async function k(t) {
       console.error("Failed to track: ", e);
     });
 }
-const Tn = (t) => k({ ...t, canTrack: !0 });
-function O(t) {
+const En = (t) => C({ ...t, canTrack: !0 });
+function j(t) {
   return Math.round(t * 1e3) / 1e3;
 }
-const an = (t, e, n = !0) => {
+const hn = (t, e, n = !0) => {
   if (!(t instanceof HTMLElement))
     return null;
   let o = n ? t : t.parentElement;
@@ -1966,52 +2101,79 @@ const an = (t, e, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, cn = (t) => an(t, (e) => {
+}, fn = (t) => hn(t, (e) => {
   const n = e.getAttribute("builder-id") || e.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), A = ({
+}), P = ({
   event: t,
   target: e
 }) => {
-  const n = e.getBoundingClientRect(), o = t.clientX - n.left, s = t.clientY - n.top, r = O(o / n.width), i = O(s / n.height);
+  const n = e.getBoundingClientRect(), o = t.clientX - n.left, s = t.clientY - n.top, r = j(o / n.width), a = j(s / n.height);
   return {
     x: r,
-    y: i
+    y: a
   };
-}, ln = (t) => {
-  const e = t.target, n = e && cn(e), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, gn = (t) => {
+  const e = t.target, n = e && fn(e), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: e ? A({ event: t, target: e }) : void 0,
-      builderTargetOffset: n ? A({ event: t, target: n }) : void 0,
+      targetOffset: e ? P({ event: t, target: e }) : void 0,
+      builderTargetOffset: n ? P({ event: t, target: n }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, dn = () => Promise.resolve().then(() => G).then((t) => t.default).catch((t) => {
+}, bn = ({
+  content: t,
+  data: e,
+  locale: n
+}) => {
+  var r, a, i;
+  const o = {};
+  (a = (r = t == null ? void 0 : t.data) == null ? void 0 : r.inputs) == null || a.forEach((l) => {
+    var c;
+    l.name && l.defaultValue !== void 0 && ((c = t == null ? void 0 : t.data) == null ? void 0 : c.state) && t.data.state[l.name] === void 0 && (o[l.name] = l.defaultValue);
+  });
+  const s = {
+    ...(i = t == null ? void 0 : t.data) == null ? void 0 : i.state,
+    ...e,
+    ...n ? { locale: n } : {}
+  };
+  return { ...o, ...s };
+}, yn = ({
+  content: t,
+  data: e
+}) => t ? {
+  ...t,
+  data: {
+    ...t == null ? void 0 : t.data,
+    ...e
+  },
+  meta: t == null ? void 0 : t.meta
+} : void 0, vn = () => Promise.resolve().then(() => U).then((t) => t.default).catch((t) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     t
   ), t;
-}), un = () => import("./render-styles.0b296b86.js").then((t) => t.default).catch((t) => {
+}), _n = () => import("./render-styles.239d91cf.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;
-}), mn = {
+}), xn = {
   name: "render-content",
   components: {
-    RenderContentStyles: un,
-    RenderBlocks: dn
+    RenderContentStyles: _n,
+    RenderBlocks: vn
   },
   props: [
     "content",
     "data",
     "canTrack",
     "locale",
-    "context",
     "customComponents",
     "model",
+    "context",
     "apiKey",
     "includeRefs"
   ],
@@ -2019,14 +2181,20 @@ const an = (t, e, n = !0) => {
     return {
       forceReRenderCount: 0,
       overrideContent: null,
+      useContent: yn({
+        content: this.content,
+        data: this.data
+      }),
       update: 0,
-      useBreakpoints: null,
       canTrackToUse: b(this.canTrack) ? this.canTrack : !0,
-      overrideState: {},
-      contextContext: this.context || {},
+      contentState: bn({
+        content: this.content,
+        data: this.data,
+        locale: this.locale
+      }),
       allRegisteredComponents: [
-        ...Nt(),
-        ...z,
+        ...Gt(),
+        ...K,
         ...this.customComponents || []
       ].reduce(
         (t, e) => ({
@@ -2045,7 +2213,8 @@ const an = (t, e, n = !0) => {
       [w.key]: {
         content: t.useContent,
         state: t.contentState,
-        context: t.contextContext,
+        setState: t.setContextState,
+        context: t.context || {},
         apiKey: t.apiKey,
         registeredComponents: t.allRegisteredComponents
       }
@@ -2055,7 +2224,7 @@ const an = (t, e, n = !0) => {
     var t, e;
     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."
-    ), m()) {
+    ), p()) {
       if (f() && (this.forceReRenderCount = this.forceReRenderCount + 1, X(), Y({
         ...this.locale ? {
           locale: this.locale
@@ -2066,7 +2235,7 @@ const an = (t, e, n = !0) => {
       }), Object.values(this.allRegisteredComponents).forEach(
         (n) => {
           var s;
-          const o = zt(n);
+          const o = Xt(n);
           (s = window.parent) == null || s.postMessage(o, "*");
         }
       ), window.addEventListener("message", this.processMessage), window.addEventListener(
@@ -2074,7 +2243,7 @@ const an = (t, e, n = !0) => {
         this.emitStateUpdate
       )), this.useContent) {
         const n = (t = this.useContent) == null ? void 0 : t.testVariationId, o = (e = this.useContent) == null ? void 0 : e.id;
-        k({
+        C({
           type: "impression",
           canTrack: this.canTrackToUse,
           contentId: o,
@@ -2082,13 +2251,13 @@ const an = (t, e, n = !0) => {
           variationId: n !== o ? n : void 0
         });
       }
-      if (Mt()) {
+      if (Jt()) {
         const n = new URL(location.href).searchParams, o = n.get("builder.preview"), s = n.get("apiKey") || n.get("builder.space");
-        o === this.model && s === this.apiKey && M({
+        o === this.model && s === this.apiKey && z({
           model: this.model,
           apiKey: this.apiKey
         }).then((r) => {
-          r && (this.overrideContent = r);
+          r && this.mergeNewContent(r);
         });
       }
       this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
@@ -2115,41 +2284,12 @@ const an = (t, e, n = !0) => {
     }
   },
   unmounted() {
-    m() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    p() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
   },
   computed: {
-    useContent() {
-      var t, e, n, o, s, r, i, c;
-      if (!(!this.content && !this.overrideContent))
-        return {
-          ...this.content,
-          ...this.overrideContent,
-          data: {
-            ...(t = this.content) == null ? void 0 : t.data,
-            ...this.data,
-            ...(e = this.overrideContent) == null ? void 0 : e.data
-          },
-          meta: {
-            ...(n = this.content) == null ? void 0 : n.meta,
-            ...(o = this.overrideContent) == null ? void 0 : o.meta,
-            breakpoints: this.useBreakpoints || ((r = (s = this.overrideContent) == null ? void 0 : s.meta) == null ? void 0 : r.breakpoints) || ((c = (i = this.content) == null ? void 0 : i.meta) == null ? void 0 : c.breakpoints)
-          }
-        };
-    },
-    contentState() {
-      var t, e;
-      return {
-        ...(e = (t = this.content) == null ? void 0 : t.data) == null ? void 0 : e.state,
-        ...this.data,
-        ...this.locale ? {
-          locale: this.locale
-        } : {},
-        ...this.overrideState
-      };
-    },
     shouldRenderContentStyles() {
       var t, e, n, o, s;
       return Boolean(
@@ -2176,6 +2316,35 @@ const an = (t, e, n = !0) => {
     }
   },
   methods: {
+    mergeNewContent(t) {
+      var e, n, o, s, r;
+      this.useContent = {
+        ...this.useContent,
+        ...t,
+        data: {
+          ...(e = this.useContent) == null ? void 0 : e.data,
+          ...t == null ? void 0 : t.data
+        },
+        meta: {
+          ...(n = this.useContent) == null ? void 0 : n.meta,
+          ...t == null ? void 0 : t.meta,
+          breakpoints: ((o = t == null ? void 0 : t.meta) == null ? void 0 : o.breakpoints) || ((r = (s = this.useContent) == null ? void 0 : s.meta) == null ? void 0 : r.breakpoints)
+        }
+      };
+    },
+    setBreakpoints(t) {
+      var e;
+      this.useContent = {
+        ...this.useContent,
+        meta: {
+          ...(e = this.useContent) == null ? void 0 : e.meta,
+          breakpoints: t
+        }
+      };
+    },
+    setContextState(t) {
+      this.contentState = t;
+    },
     processMessage(t) {
       var n;
       const { data: e } = t;
@@ -2185,12 +2354,12 @@ const an = (t, e, n = !0) => {
             const o = e.data, { breakpoints: s, contentId: r } = o;
             if (!r || r !== ((n = this.useContent) == null ? void 0 : n.id))
               return;
-            this.useBreakpoints = s, this.forceReRenderCount = this.forceReRenderCount + 1;
+            s && this.setBreakpoints(s), this.forceReRenderCount = this.forceReRenderCount + 1;
             break;
           }
           case "builder.contentUpdate": {
             const o = e.data, s = o.key || o.alias || o.entry || o.modelName, r = o.data;
-            s === this.model && (this.overrideContent = r, this.forceReRenderCount = this.forceReRenderCount + 1);
+            s === this.model && (this.mergeNewContent(r), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
@@ -2198,9 +2367,9 @@ const an = (t, e, n = !0) => {
     evaluateJsCode() {
       var e, n;
       const t = (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode;
-      t && j({
+      t && F({
         code: t,
-        context: this.contextContext,
+        context: this.context || {},
         state: this.contentState
       });
     },
@@ -2208,13 +2377,13 @@ const an = (t, e, n = !0) => {
       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;
-        k({
+        C({
           type: "click",
           canTrack: this.canTrackToUse,
           contentId: s,
           apiKey: this.apiKey,
           variationId: o !== s ? o : void 0,
-          ...ln(t),
+          ...gn(t),
           unique: !this.clicked
         });
       }
@@ -2223,20 +2392,20 @@ const an = (t, e, n = !0) => {
     evalExpression(t) {
       return t.replace(
         /{{([^}]+)}}/g,
-        (e, n) => j({
+        (e, n) => F({
           code: n,
-          context: this.contextContext,
+          context: this.context || {},
           state: this.contentState
         })
       );
     },
     handleRequest({ url: t, key: e }) {
-      U(t).then((n) => n.json()).then((n) => {
+      W(t).then((n) => n.json()).then((n) => {
         const o = {
-          ...this.overrideState,
+          ...this.contentState,
           [e]: n
         };
-        this.overrideState = o;
+        this.setContextState(o);
       }).catch((n) => {
         console.log("error fetching dynamic data", t, n);
       });
@@ -2246,9 +2415,9 @@ const an = (t, e, n = !0) => {
       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 i = this.evalExpression(r);
+          const a = this.evalExpression(r);
           this.handleRequest({
-            url: i,
+            url: a,
             key: s
           });
         }
@@ -2268,155 +2437,68 @@ const an = (t, e, n = !0) => {
     }
   }
 };
-var pn = 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(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();
-}, hn = [], fn = /* @__PURE__ */ p(
-  mn,
-  pn,
-  hn,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const gn = fn.exports, bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: gn
-}, Symbol.toStringTag, { value: "Module" })), yn = () => import("./block-styles.062b71eb.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;
-}), vn = () => import("./render-block.74bfd4ea.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;
-}), _n = {
-  name: "render-blocks",
-  components: { RenderBlock: vn, BlockStyles: yn },
-  props: ["blocks", "parent", "path", "styleProp"],
-  inject: {
-    builderContext: w.key
-  },
-  computed: {
-    className() {
-      var t;
-      return "builder-blocks" + ((t = this.blocks) != null && t.length ? "" : " no-blocks");
-    }
-  },
-  methods: {
-    onClick() {
-      var t, e;
-      f() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
-        {
-          type: "builder.clickEmptyBlocks",
-          data: {
-            parentElementId: this.parent,
-            dataPath: this.path
-          }
-        },
-        "*"
-      ));
-    },
-    onMouseEnter() {
-      var t, e;
-      f() && !((t = this.blocks) != null && t.length) && ((e = window.parent) == null || e.postMessage(
-        {
-          type: "builder.hoverEmptyBlocks",
-          data: {
-            parentElementId: this.parent,
-            dataPath: this.path
-          }
-        },
-        "*"
-      ));
-    },
-    _classStringToObject(t) {
-      const e = {};
-      if (typeof t != "string")
-        return e;
-      const n = t.trim().split(/\s+/);
-      for (const o of n)
-        e[o] = !0;
-      return e;
-    }
-  }
-};
-var xn = function() {
+var kn = function() {
+  var o, s, r, a, i, l, c, d;
   var e = this, n = e._self._c;
-  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();
-  }, mouseenter: function(o) {
-    return e.onMouseEnter();
-  } } }, [e.blocks ? e._l(e.blocks, function(o, s) {
-    return n("render-block", { key: "render-block-" + o.id, attrs: { block: o, context: e.builderContext } });
-  }) : 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);
-}, Cn = [], kn = /* @__PURE__ */ p(
-  _n,
+  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(m) {
+    return e.onClick(m);
+  } } }, [e.shouldRenderContentStyles ? [n("render-content-styles", { attrs: { contentId: (s = e.useContent) == null ? void 0 : s.id, cssCode: (a = (r = e.useContent) == null ? void 0 : r.data) == null ? void 0 : a.cssCode, customFonts: (l = (i = e.useContent) == null ? void 0 : i.data) == null ? void 0 : l.customFonts } })] : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (d = (c = e.useContent) == null ? void 0 : c.data) == null ? void 0 : d.blocks } })], 2) : e._e();
+}, Cn = [], Sn = /* @__PURE__ */ h(
   xn,
+  kn,
   Cn,
   !1,
   null,
-  "7c56f14d",
+  null,
   null,
   null
 );
-const Sn = kn.exports, G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wn = Sn.exports, In = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Sn
-}, Symbol.toStringTag, { value: "Module" })), B = {};
-function $n(t) {
-  if (m()) {
-    Object.assign(B, t);
+  default: wn
+}, Symbol.toStringTag, { value: "Module" })), O = {};
+function An(t) {
+  if (p()) {
+    Object.assign(O, t);
     const e = {
       type: "builder.settingsChange",
-      data: B
+      data: O
     };
     parent.postMessage(e, "*");
   }
 }
 export {
   w as B,
-  ae as C,
-  ut as F,
-  he as I,
-  Xe as S,
+  me as C,
+  be as F,
+  Se as I,
+  ze as S,
   v as T,
-  Se as V,
-  wn as a,
-  ee as b,
-  In as c,
-  ve as d,
-  j as e,
+  Rt as V,
+  Rn as a,
+  re as b,
+  Tn as c,
+  ne as d,
+  F as e,
   S as f,
-  Q as g,
-  tt as h,
-  it as i,
-  Sn as j,
+  oe as g,
+  wn as h,
+  ft as i,
+  xt as j,
   f as k,
-  Mt as l,
-  z as m,
-  p as n,
-  Rn as o,
-  zt as p,
+  Jt as l,
+  K as m,
+  h as n,
+  $n as o,
+  Xt as p,
   J as q,
-  gn as r,
-  $n as s,
-  Tn as t,
-  M as u,
-  Ke as v,
-  Le as w,
-  Ne as x,
-  Me as y,
-  N as z
+  je as r,
+  An as s,
+  En as t,
+  z as u,
+  ct as v,
+  rt as w,
+  it as x,
+  at as y,
+  M as z
 };