@builder.io/sdk-vue 0.0.1-73 → 0.0.1

package/dist/vue-2/{index.62438203.js → index.0622ae10.js}

@@ -2,11 +2,11 @@ const S = "vue2";
 function d() {
   return typeof window < "u" && typeof document < "u";
 }
-const $ = {};
-function ie(t, e) {
-  let n = $[t];
-  if (n || (n = $[t] = []), n.push(e), d()) {
-    const o = {
+const T = {};
+function le(t, e) {
+  let n = T[t];
+  if (n || (n = T[t] = []), n.push(e), d()) {
+    const r = {
       type: "builder.register",
       data: {
         type: t,
@@ -14,14 +14,14 @@ function ie(t, e) {
       }
     };
     try {
-      parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (r) {
-      console.debug("Could not postmessage", r);
+      parent.postMessage(r, "*"), parent !== window && window.postMessage(r, "*");
+    } catch (o) {
+      console.debug("Could not postmessage", o);
     }
   }
 }
-const le = () => {
-  ie("insertMenu", {
+const ce = () => {
+  le("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -35,7 +35,7 @@ const le = () => {
       { name: "Custom Code" }
     ]
   });
-}, ce = () => {
+}, ue = () => {
   var t;
   d() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
@@ -44,11 +44,11 @@ const le = () => {
       supportsPatchUpdates: !1
     }
   }, "*"), window.addEventListener("message", ({ data: e }) => {
-    var n, o;
+    var n, r;
     if (e)
       switch (e.type) {
         case "builder.evaluate": {
-          const r = e.data.text, i = e.data.arguments || [], a = e.data.id, l = new Function(r);
+          const o = e.data.text, i = e.data.arguments || [], a = e.data.id, l = new Function(o);
           let s, c = null;
           try {
             s = l.apply(null, i);
@@ -64,7 +64,7 @@ const le = () => {
               type: "builder.evaluateResult",
               data: { id: a, result: u }
             }, "*");
-          }).catch(console.error) : (o = window.parent) == null || o.postMessage({
+          }).catch(console.error) : (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateResult",
             data: { result: s, id: a }
           }, "*");
@@ -72,57 +72,30 @@ const le = () => {
         }
       }
   }));
-}, ue = () => Promise.resolve().then(() => se), de = {
-  name: "builder-columns",
-  components: { "render-blocks": ue },
-  props: ["space", "columns", "stackColumnsAt", "reverseColumnsWhenStacked", "builderBlock"],
-  computed: { columnsCssVars() {
-    const t = this.stackColumnsAt === "never" ? "inherit" : this.reverseColumnsWhenStacked ? "column-reverse" : "column";
-    return {
-      "--flex-dir": t,
-      "--flex-dir-tablet": this.maybeApplyForTablet(t)
-    };
-  }, columnCssVars() {
-    const t = "100%", e = "0";
-    return {
-      "--column-width": t,
-      "--column-margin-left": e,
-      "--column-width-tablet": this.maybeApplyForTablet(t),
-      "--column-margin-left-tablet": this.maybeApplyForTablet(e)
-    };
-  } },
-  methods: { getGutterSize() {
-    return typeof this.space == "number" ? this.space || 0 : 20;
-  }, getColumns() {
-    return this.columns || [];
-  }, getWidth(t) {
-    var n;
-    const e = this.getColumns();
-    return ((n = e[t]) == null ? void 0 : n.width) || 100 / e.length;
-  }, getColumnCssWidth(t) {
-    const e = this.getColumns(), o = this.getGutterSize() * (e.length - 1) / e.length;
-    return `calc(${this.getWidth(t)}% - ${o}px)`;
-  }, maybeApplyForTablet(t) {
-    return (this.stackColumnsAt || "tablet") === "tablet" ? t : "inherit";
-  } }
 };
-function m(t, e, n, o, r, i, a, l) {
+function k(t) {
+  return t;
+}
+function Bn(t) {
+  return t;
+}
+function m(t, e, n, r, o, i, a, l) {
   var s = typeof t == "function" ? t.options : t;
-  e && (s.render = e, s.staticRenderFns = n, s._compiled = !0), o && (s.functional = !0), i && (s._scopeId = "data-v-" + i);
+  e && (s.render = e, s.staticRenderFns = n, s._compiled = !0), r && (s.functional = !0), i && (s._scopeId = "data-v-" + i);
   var c;
   if (a ? (c = function(p) {
-    p = p || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !p && typeof __VUE_SSR_CONTEXT__ < "u" && (p = __VUE_SSR_CONTEXT__), r && r.call(this, p), p && p._registeredComponents && p._registeredComponents.add(a);
-  }, s._ssrRegister = c) : r && (c = l ? function() {
-    r.call(
+    p = p || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !p && typeof __VUE_SSR_CONTEXT__ < "u" && (p = __VUE_SSR_CONTEXT__), o && o.call(this, p), p && p._registeredComponents && p._registeredComponents.add(a);
+  }, s._ssrRegister = c) : o && (c = l ? function() {
+    o.call(
       this,
       (s.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : r), c)
+  } : o), c)
     if (s.functional) {
       s._injectStyles = c;
       var u = s.render;
-      s.render = function(ae, I) {
-        return c.call(I), u(ae, I);
+      s.render = function(ie, $) {
+        return c.call($), u(ie, $);
       };
     } else {
       var f = s.beforeCreate;
@@ -133,42 +106,92 @@ function m(t, e, n, o, r, i, a, l) {
     options: s
   };
 }
-var pe = function() {
+const de = () => Promise.resolve().then(() => ae).then((t) => t.default), pe = {
+  name: "builder-columns",
+  components: { "render-blocks": de },
+  props: [
+    "space",
+    "columns",
+    "stackColumnsAt",
+    "reverseColumnsWhenStacked",
+    "builderBlock"
+  ],
+  data: () => ({ markMutable: k }),
+  computed: {
+    columnsCssVars() {
+      const t = this.stackColumnsAt === "never" ? "inherit" : this.reverseColumnsWhenStacked ? "column-reverse" : "column";
+      return {
+        "--flex-dir": t,
+        "--flex-dir-tablet": this.maybeApplyForTablet(t)
+      };
+    },
+    columnCssVars() {
+      const t = "100%", e = "0";
+      return {
+        "--column-width": t,
+        "--column-margin-left": e,
+        "--column-width-tablet": this.maybeApplyForTablet(t),
+        "--column-margin-left-tablet": this.maybeApplyForTablet(e)
+      };
+    }
+  },
+  methods: {
+    getGutterSize() {
+      return typeof this.space == "number" ? this.space || 0 : 20;
+    },
+    getColumns() {
+      return this.columns || [];
+    },
+    getWidth(t) {
+      var n;
+      const e = this.getColumns();
+      return ((n = e[t]) == null ? void 0 : n.width) || 100 / e.length;
+    },
+    getColumnCssWidth(t) {
+      const e = this.getColumns(), r = this.getGutterSize() * (e.length - 1) / e.length;
+      return `calc(${this.getWidth(t)}% - ${r}px)`;
+    },
+    maybeApplyForTablet(t) {
+      return (this.stackColumnsAt || "tablet") === "tablet" ? t : "inherit";
+    }
+  }
+};
+var me = function() {
   var e = this, n = e._self._c;
-  return n("div", { staticClass: "builder-columns div-20351ewpue7", style: e.columnsCssVars }, e._l(e.columns, function(o, r) {
-    return n("div", { key: r, staticClass: "builder-column div-20351ewpue7-2", style: {
-      width: e.getColumnCssWidth(r),
-      marginLeft: `${r === 0 ? 0 : e.getGutterSize()}px`,
+  return n("div", { staticClass: "builder-columns div-20351ewpue7", style: e.columnsCssVars }, e._l(e.columns, function(r, o) {
+    return n("div", { key: o, staticClass: "builder-column div-20351ewpue7-2", style: {
+      width: e.getColumnCssWidth(o),
+      marginLeft: `${o === 0 ? 0 : e.getGutterSize()}px`,
       ...e.columnCssVars
-    } }, [n("render-blocks", { attrs: { blocks: o.blocks, path: `component.options.columns.${r}.blocks`, parent: e.builderBlock.id } })], 1);
+    } }, [n("render-blocks", { attrs: { blocks: e.markMutable(r.blocks), path: `component.options.columns.${o}.blocks`, parent: e.builderBlock.id } })], 1);
   }), 0);
-}, me = [], fe = /* @__PURE__ */ m(
-  de,
+}, fe = [], he = /* @__PURE__ */ m(
   pe,
   me,
+  fe,
   !1,
   null,
-  "ac7d439f",
+  "ef5ead4c",
   null,
   null
 );
-const he = fe.exports;
-function T(t) {
+const ge = he.exports;
+function R(t) {
   return t.replace(/http(s)?:/, "");
 }
 function be(t = "", e, n) {
-  const o = new RegExp("([?&])" + e + "=.*?(&|$)", "i"), r = t.indexOf("?") !== -1 ? "&" : "?";
-  return t.match(o) ? t.replace(o, "$1" + e + "=" + encodeURIComponent(n) + "$2") : t + r + e + "=" + encodeURIComponent(n);
+  const r = new RegExp("([?&])" + e + "=.*?(&|$)", "i"), o = t.indexOf("?") !== -1 ? "&" : "?";
+  return t.match(r) ? t.replace(r, "$1" + e + "=" + encodeURIComponent(n) + "$2") : t + o + e + "=" + encodeURIComponent(n);
 }
-function ge(t, e) {
+function _e(t, e) {
   if (!t || !(t != null && t.match(/cdn\.shopify\.com/)) || !e)
     return t;
   if (e === "master")
-    return T(t);
+    return R(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]), r = n[3], i = e.match("x") ? e : `${e}x`;
-    return T(`${o[0]}_${i}${r}`);
+    const r = t.split(n[0]), o = n[3], i = e.match("x") ? e : `${e}x`;
+    return R(`${r[0]}_${i}${o}`);
   }
   return null;
 }
@@ -178,200 +201,230 @@ function v(t) {
   const e = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (t.match(/builder\.io/)) {
     let n = t;
-    const o = Number(t.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), e.filter((r) => r !== o).map((r) => `${be(t, "width", r)} ${r}w`).concat([n]).join(", ");
+    const r = Number(t.split("?width=")[1]);
+    return isNaN(r) || (n = `${n} ${r}w`), e.filter((o) => o !== r).map((o) => `${be(t, "width", o)} ${o}w`).concat([n]).join(", ");
   }
-  return t.match(/cdn\.shopify\.com/) ? e.map((n) => [ge(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) => [_e(t, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, r]) => `${n} ${r}w`).concat([t]).join(", ") : t;
 }
-const _e = {
+const ve = {
   name: "builder-image",
-  props: ["image", "src", "srcset", "noWebp", "altText", "backgroundSize", "className", "sizes", "aspectRatio", "fitContent", "builderBlock"],
-  computed: { srcSetToUse() {
-    var n;
-    const e = this.image || this.src;
-    if (!e || !(e.match(/builder\.io/) || e.match(/cdn\.shopify\.com/)))
-      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);
-    } else if (this.image && !this.srcset)
+  props: [
+    "image",
+    "src",
+    "srcset",
+    "noWebp",
+    "altText",
+    "backgroundSize",
+    "className",
+    "sizes",
+    "aspectRatio",
+    "fitContent",
+    "builderBlock"
+  ],
+  computed: {
+    srcSetToUse() {
+      var n;
+      const e = this.image || this.src;
+      if (!e || !(e.match(/builder\.io/) || e.match(/cdn\.shopify\.com/)))
+        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);
+      } else if (this.image && !this.srcset)
+        return v(e);
       return v(e);
-    return v(e);
-  }, webpSrcSet() {
-    var t;
-    return ((t = this.srcSetToUse) == null ? void 0 : t.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
-  } },
-  methods: { _classStringToObject(t) {
-    const e = {};
-    if (typeof t != "string")
+    },
+    webpSrcSet() {
+      var t;
+      return ((t = this.srcSetToUse) == null ? void 0 : t.match(/builder\.io/)) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
+    }
+  },
+  methods: {
+    _classStringToObject(t) {
+      const e = {};
+      if (typeof t != "string")
+        return e;
+      const n = t.trim().split(/\s+/);
+      for (const r of n)
+        e[r] = !0;
       return e;
-    const n = t.trim().split(/\s+/);
-    for (const o of n)
-      e[o] = !0;
-    return e;
-  } }
+    }
+  }
 };
-var ve = function() {
-  var o, r;
+var ye = function() {
+  var r, o;
   var e = this, n = e._self._c;
-  return n("div", { staticClass: "div-2lx2rpb0jxo" }, [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-2lx2rpb0jxo"
+  return n("div", { staticClass: "div-cvp1sc2nsao" }, [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-cvp1sc2nsao"
   ), 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 } })]), e.aspectRatio && !(e.fitContent && ((r = (o = e.builderBlock) == null ? void 0 : o.children) == null ? void 0 : r.length)) ? n("div", { staticClass: "builder-image-sizer div-2lx2rpb0jxo-2", style: {
+  }, attrs: { loading: "lazy", alt: e.altText, role: e.altText ? "presentation" : void 0, src: e.image, srcset: e.srcSetToUse, sizes: e.sizes } }), n("source", { attrs: { srcset: e.srcSetToUse } })]), e.aspectRatio && !(e.fitContent && ((o = (r = e.builderBlock) == null ? void 0 : r.children) == null ? void 0 : o.length)) ? n("div", { staticClass: "builder-image-sizer div-cvp1sc2nsao-2", style: {
     paddingTop: e.aspectRatio * 100 + "%"
-  } }) : e._e(), e._t("default"), e.fitContent ? e._e() : n("div", { staticClass: "div-2lx2rpb0jxo-3" }, [e._t("default")], 2)], 2);
-}, ye = [], xe = /* @__PURE__ */ m(
-  _e,
+  } }) : e._e(), e._t("default"), e.fitContent ? e._e() : n("div", { staticClass: "div-cvp1sc2nsao-3" }, [e._t("default")], 2)], 2);
+}, xe = [], we = /* @__PURE__ */ m(
   ve,
   ye,
+  xe,
   !1,
   null,
-  "1074f5e3",
+  "269f9e87",
   null,
   null
 );
-const we = xe.exports, Ce = {
+const Ce = we.exports, Se = {
   name: "builder-text",
   props: ["text"]
 };
-var Se = function() {
+var ke = function() {
   var e = this, n = e._self._c;
   return n("div", { staticClass: "builder-text", domProps: { innerHTML: e._s(e.text) } });
-}, ke = [], Ie = /* @__PURE__ */ m(
-  Ce,
+}, Ie = [], $e = /* @__PURE__ */ m(
   Se,
   ke,
+  Ie,
   !1,
   null,
   null,
   null,
   null
 );
-const $e = Ie.exports, Te = {
+const Te = $e.exports, Re = {
   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
-      } : {}
-    };
-  } }
+  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
+        } : {}
+      };
+    }
+  }
 };
-var Re = function() {
-  var o;
+var Oe = function() {
+  var r;
   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,
+    ...(r = e.attributes) == null ? void 0 : r.style,
     objectFit: e.fit,
     objectPosition: e.position,
     borderRadius: 1
   }, attrs: { src: e.video || "no-src", poster: e.posterImage } }, "video", e.videoProps, !1));
-}, Oe = [], Pe = /* @__PURE__ */ m(
-  Te,
+}, Pe = [], je = /* @__PURE__ */ m(
   Re,
   Oe,
+  Pe,
   !1,
   null,
   null,
   null,
   null
 );
-const je = Pe.exports;
-var Ee = Object.defineProperty, Fe = Object.defineProperties, Ue = Object.getOwnPropertyDescriptors, R = Object.getOwnPropertySymbols, Ae = Object.prototype.hasOwnProperty, Ve = Object.prototype.propertyIsEnumerable, O = (t, e, n) => e in t ? Ee(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, y = (t, e) => {
+const Ee = je.exports;
+var Fe = Object.defineProperty, Ue = Object.defineProperties, Ve = Object.getOwnPropertyDescriptors, O = Object.getOwnPropertySymbols, Ae = Object.prototype.hasOwnProperty, We = Object.prototype.propertyIsEnumerable, P = (t, e, n) => e in t ? Fe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, y = (t, e) => {
   for (var n in e || (e = {}))
-    Ae.call(e, n) && O(t, n, e[n]);
-  if (R)
-    for (var n of R(e))
-      Ve.call(e, n) && O(t, n, e[n]);
+    Ae.call(e, n) && P(t, n, e[n]);
+  if (O)
+    for (var n of O(e))
+      We.call(e, n) && P(t, n, e[n]);
   return t;
-}, We = (t, e) => Fe(t, Ue(e));
+}, Le = (t, e) => Ue(t, Ve(e));
 function x(t, e = null, n = ".") {
-  return Object.keys(t).reduce((o, r) => {
-    const i = t[r], a = [e, r].filter(Boolean).join(n);
+  return Object.keys(t).reduce((r, o) => {
+    const i = t[o], a = [e, o].filter(Boolean).join(n);
     return [
       typeof i == "object",
       i !== null,
       !(Array.isArray(i) && i.length === 0)
-    ].every(Boolean) ? y(y({}, o), x(i, a, n)) : We(y({}, o), { [a]: i });
+    ].every(Boolean) ? y(y({}, r), x(i, a, n)) : Le(y({}, r), { [a]: i });
   }, {});
 }
-const P = "builder.", D = (t) => {
+const j = "builder.", z = (t) => {
   const e = {};
-  return t.forEach((n, o) => {
-    e[o] = n;
+  return t.forEach((n, r) => {
+    e[r] = n;
   }), e;
-}, Le = (t) => {
+}, Ne = (t) => {
   const e = {};
   return Object.keys(t).forEach((n) => {
-    if (n.startsWith(P)) {
-      const o = n.replace(P, "");
-      e[o] = t[n];
+    if (n.startsWith(j)) {
+      const r = n.replace(j, "");
+      e[r] = t[n];
     }
   }), e;
-}, Ne = () => {
+}, Me = () => {
   if (!d())
     return {};
   const t = new URLSearchParams(window.location.search);
-  return Le(D(t));
-}, Be = (t) => t instanceof URLSearchParams ? D(t) : t;
-function Me() {
+  return Ne(z(t));
+}, Be = (t) => t instanceof URLSearchParams ? z(t) : t;
+function De() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : null;
 }
-var De = (t, e, n) => new Promise((o, r) => {
+var ze = (t, e, n) => new Promise((r, o) => {
   var i = (s) => {
     try {
       l(n.next(s));
     } catch (c) {
-      r(c);
+      o(c);
     }
   }, a = (s) => {
     try {
       l(n.throw(s));
     } catch (c) {
-      r(c);
+      o(c);
     }
-  }, l = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(i, a);
+  }, l = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(i, a);
   l((n = n.apply(t, e)).next());
 });
-function z() {
-  return De(this, null, function* () {
-    const t = Me().fetch;
+function H() {
+  return ze(this, null, function* () {
+    const t = De().fetch;
     if (typeof t > "u" && typeof global < "u") {
-      const e = import("./index.3e132178.js").then((n) => n.default);
+      const e = import("node-fetch").then((n) => n.default);
       return e.default || e;
     }
     return t.default || t;
   });
 }
-const ze = (t, e) => {
+const He = (t, e) => {
   if (t.variations && Object.keys(t.variations).length) {
-    const n = t.id ? e[t.id] : void 0, o = n ? t.variations[n] : void 0;
-    if (n && o)
-      t.data = o.data, t.testVariationId = o.id, t.testVariationName = o.name;
+    const n = t.id ? e[t.id] : void 0, r = n ? t.variations[n] : void 0;
+    if (n && r)
+      t.data = r.data, t.testVariationId = r.id, t.testVariationName = r.name;
     else {
-      let r = 0;
+      let o = 0;
       const i = Math.random();
       let a = !1;
       for (const l in t.variations) {
         const s = t.variations[l];
-        if (r += s.testRatio, i < r) {
+        if (o += s.testRatio, i < o) {
           const u = s.name || (s.id === t.id ? "Default variation" : "");
           a = !0, Object.assign(t, {
             data: s.data,
@@ -387,67 +440,69 @@ const ze = (t, e) => {
     }
   }
 };
-var He = Object.defineProperty, qe = Object.defineProperties, Ke = Object.getOwnPropertyDescriptors, j = Object.getOwnPropertySymbols, Ge = Object.prototype.hasOwnProperty, Je = Object.prototype.propertyIsEnumerable, E = (t, e, n) => e in t ? He(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, w = (t, e) => {
+var qe = Object.defineProperty, Ke = Object.defineProperties, Ge = Object.getOwnPropertyDescriptors, E = Object.getOwnPropertySymbols, Je = Object.prototype.hasOwnProperty, Xe = Object.prototype.propertyIsEnumerable, F = (t, e, n) => e in t ? qe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, w = (t, e) => {
   for (var n in e || (e = {}))
-    Ge.call(e, n) && E(t, n, e[n]);
-  if (j)
-    for (var n of j(e))
-      Je.call(e, n) && E(t, n, e[n]);
+    Je.call(e, n) && F(t, n, e[n]);
+  if (E)
+    for (var n of E(e))
+      Xe.call(e, n) && F(t, n, e[n]);
   return t;
-}, Xe = (t, e) => qe(t, Ke(e)), H = (t, e, n) => new Promise((o, r) => {
+}, Ye = (t, e) => Ke(t, Ge(e)), q = (t, e, n) => new Promise((r, o) => {
   var i = (s) => {
     try {
       l(n.next(s));
     } catch (c) {
-      r(c);
+      o(c);
     }
   }, a = (s) => {
     try {
       l(n.throw(s));
     } catch (c) {
-      r(c);
+      o(c);
     }
-  }, l = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(i, a);
+  }, l = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(i, a);
   l((n = n.apply(t, e)).next());
 });
-const Ye = z();
-function q(t) {
-  return H(this, null, function* () {
-    return (yield Ze(Xe(w({}, t), { limit: 1 }))).results[0] || null;
+const Qe = H();
+function K(t) {
+  return q(this, null, function* () {
+    return (yield et(Ye(w({}, t), { limit: 1 }))).results[0] || null;
   });
 }
-const Qe = (t) => {
+const Ze = (t) => {
   const {
     limit: e = 30,
     userAttributes: n,
-    query: o,
-    noTraverse: r = !1,
+    query: r,
+    noTraverse: o = !1,
     model: i,
     apiKey: a
-  } = t, l = new URL(`https://cdn.builder.io/api/v2/content/${i}?apiKey=${a}&limit=${e}&noTraverse=${r}`), s = w(w({}, Ne()), Be(t.options || {})), c = x(s);
+  } = t, l = new URL(`https://cdn.builder.io/api/v2/content/${i}?apiKey=${a}&limit=${e}&noTraverse=${o}`), s = w(w({}, Me()), Be(t.options || {})), c = x(s);
   for (const u in c)
     l.searchParams.set(u, String(c[u]));
-  if (n && l.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const u = x({ query: o });
+  if (n && l.searchParams.set("userAttributes", JSON.stringify(n)), r) {
+    const u = x({ query: r });
     for (const f in u)
       l.searchParams.set(f, JSON.stringify(u[f]));
   }
   return l;
 };
-function Ze(t) {
-  return H(this, null, function* () {
-    const e = Qe(t), o = yield (yield Ye)(e.href).then((r) => r.json());
+function et(t) {
+  return q(this, null, function* () {
+    const e = Ze(t), r = yield (yield Qe)(e.href).then((o) => o.json());
     if (t.testGroups)
-      for (const r of o.results)
-        ze(r, t.testGroups);
-    return o;
+      for (const o of r.results)
+        He(o, t.testGroups);
+    return r;
   });
 }
-const et = () => Promise.resolve().then(() => En), tt = {
+const tt = () => Promise.resolve().then(() => Fn).then(
+  (t) => t.default
+), nt = {
   name: "builder-symbol",
-  components: { "render-content": et },
+  components: { "render-content": tt },
   props: ["symbol", "attributes"],
-  data: () => ({ className: "builder-symbol", content: null }),
+  data: () => ({ className: "builder-symbol", content: null, markMutable: k }),
   inject: {
     builderContext: "BuilderContext"
   },
@@ -458,7 +513,7 @@ const et = () => Promise.resolve().then(() => En), tt = {
   watch: {
     onUpdateHook0() {
       const t = this.symbol;
-      t && !t.content && !this.content && t.model && q({
+      t && !t.content && !this.content && t.model && K({
         model: t.model,
         apiKey: this.builderContext.apiKey,
         query: {
@@ -469,38 +524,39 @@ const et = () => Promise.resolve().then(() => En), tt = {
       });
     }
   },
-  computed: { onUpdateHook0() {
-    var t, e, n;
-    return {
-      0: (t = this.symbol) == null ? void 0 : t.content,
-      1: (e = this.symbol) == null ? void 0 : e.model,
-      2: (n = this.symbol) == null ? void 0 : n.entry,
-      3: this.content
-    };
-  } },
-  methods: { _classStringToObject(t) {
-    const e = {};
-    if (typeof t != "string")
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.symbol,
+        1: this.content
+      };
+    }
+  },
+  methods: {
+    _classStringToObject(t) {
+      const e = {};
+      if (typeof t != "string")
+        return e;
+      const n = t.trim().split(/\s+/);
+      for (const r of n)
+        e[r] = !0;
       return e;
-    const n = t.trim().split(/\s+/);
-    for (const o of n)
-      e[o] = !0;
-    return e;
-  } }
+    }
+  }
 };
-var nt = function() {
-  var o, r, i, a, l;
+var rt = function() {
+  var r, o, i, a, l;
   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,
+  } } }, "div", e.attributes, !1), [n("render-content", { attrs: { apiKey: e.builderContext.apiKey, context: e.builderContext.context, customComponents: e.markMutable(Object.values(e.builderContext.registeredComponents)), data: e.markMutable({
+    ...(r = e.symbol) == null ? void 0 : r.data,
     ...e.builderContext.state,
-    ...(a = (i = (r = e.symbol) == null ? void 0 : r.content) == null ? void 0 : i.data) == null ? void 0 : a.state
-  }, model: (l = e.symbol) == null ? void 0 : l.model, content: e.content } })], 1);
-}, ot = [], rt = /* @__PURE__ */ m(
-  tt,
+    ...(a = (i = (o = e.symbol) == null ? void 0 : o.content) == null ? void 0 : i.data) == null ? void 0 : a.state
+  }), model: (l = e.symbol) == null ? void 0 : l.model, content: e.markMutable(e.content) } })], 1);
+}, ot = [], st = /* @__PURE__ */ m(
   nt,
+  rt,
   ot,
   !1,
   null,
@@ -508,60 +564,61 @@ var nt = function() {
   null,
   null
 );
-const st = rt.exports, at = {
+const at = st.exports;
+const it = {
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"]
 };
-var it = function() {
+var lt = 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-1be3j8m9ewb" }, "button", e.attributes, !1), [e._v(" " + e._s(e.text) + " ")]);
-}, lt = [], ct = /* @__PURE__ */ m(
-  at,
+}, ct = [], ut = /* @__PURE__ */ m(
   it,
   lt,
+  ct,
   !1,
   null,
-  "a6274bf3",
+  "eaf78163",
   null,
   null
 );
-const ut = ct.exports, dt = {
+const dt = ut.exports, pt = {
   name: "builder-section-component",
   props: ["attributes", "maxWidth"]
 };
-var pt = function() {
+var mt = 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);
-}, mt = [], ft = /* @__PURE__ */ m(
-  dt,
+}, ft = [], ht = /* @__PURE__ */ m(
   pt,
   mt,
+  ft,
   !1,
   null,
   null,
   null,
   null
 );
-const ht = ft.exports, bt = {
+const gt = ht.exports, bt = {
   name: "builder-fragment-component",
   props: []
 };
-var gt = function() {
+var _t = function() {
   var e = this, n = e._self._c;
   return n("span", [e._t("default")], 2);
-}, _t = [], vt = /* @__PURE__ */ m(
+}, vt = [], yt = /* @__PURE__ */ m(
   bt,
-  gt,
   _t,
+  vt,
   !1,
   null,
   null,
   null,
   null
 );
-const yt = vt.exports, xt = {
+const xt = yt.exports, wt = {
   name: "Core:Button",
   builtIn: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
@@ -599,10 +656,10 @@ const yt = vt.exports, xt = {
   static: !0,
   noWrap: !0
 };
-function k(t) {
+function I(t) {
   return t.__qwik_serializable__ = !0, t;
 }
-const wt = {
+const Ct = {
   name: "Columns",
   builtIn: !0,
   inputs: [
@@ -790,14 +847,14 @@ const wt = {
           ]
         }
       ],
-      onChange: k((t) => {
+      onChange: I((t) => {
         function e() {
-          n.forEach((o) => {
-            o.delete("width");
+          n.forEach((r) => {
+            r.delete("width");
           });
         }
         const n = t.get("columns");
-        Array.isArray(n) && !!n.find((r) => r.get("width")) && (!!n.find((i) => !i.get("width")) || n.reduce((l, s) => l + s.get("width"), 0) !== 100) && e();
+        Array.isArray(n) && !!n.find((o) => o.get("width")) && (!!n.find((i) => !i.get("width")) || n.reduce((l, s) => l + s.get("width"), 0) !== 100) && e();
       })
     },
     {
@@ -823,14 +880,14 @@ const wt = {
       advanced: !0
     }
   ]
-}, Ct = {
+}, St = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   builtIn: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, St = {
+}, kt = {
   name: "Image",
   static: !0,
   builtIn: !0,
@@ -850,7 +907,7 @@ const wt = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange: k((t) => {
+      onChange: I((t) => {
         t.delete("srcset"), t.delete("noWebp");
         function n(a, l = 6e4) {
           return new Promise((s, c) => {
@@ -865,16 +922,16 @@ const wt = {
             }, l);
           });
         }
-        function o(a) {
+        function r(a) {
           return Math.round(a * 1e3) / 1e3;
         }
-        const r = t.get("image"), i = t.get("aspectRatio");
-        if (fetch(r).then((a) => a.blob()).then((a) => {
+        const o = t.get("image"), i = t.get("aspectRatio");
+        if (fetch(o).then((a) => a.blob()).then((a) => {
           a.type.includes("svg") && t.set("noWebp", !0);
-        }), r && (!i || i === 0.7041))
-          return n(r).then((a) => {
+        }), o && (!i || i === 0.7041))
+          return n(o).then((a) => {
             const l = t.get("aspectRatio");
-            t.get("image") === r && (!l || l === 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") === o && (!l || l === 0.7041) && a.width && a.height && (t.set("aspectRatio", r(a.height / a.width)), t.set("height", a.height), t.set("width", a.width));
           });
       })
     },
@@ -956,7 +1013,7 @@ const wt = {
       defaultValue: 0.7041
     }
   ]
-}, kt = {
+}, It = {
   name: "Core:Section",
   static: !0,
   builtIn: !0,
@@ -1001,7 +1058,7 @@ const wt = {
       }
     }
   ]
-}, It = {
+}, $t = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1040,7 +1097,7 @@ const wt = {
       type: "boolean"
     }
   ]
-}, $t = {
+}, Tt = {
   name: "Text",
   static: !0,
   builtIn: !0,
@@ -1060,7 +1117,7 @@ const wt = {
     height: "auto",
     textAlign: "center"
   }
-}, Tt = {
+}, Rt = {
   name: "Video",
   canHaveChildren: !0,
   builtIn: !0,
@@ -1162,7 +1219,7 @@ const wt = {
       advanced: !0
     }
   ]
-}, Rt = {
+}, Ot = {
   name: "Embed",
   static: !0,
   builtIn: !0,
@@ -1173,12 +1230,12 @@ const wt = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: k((t) => {
+      onChange: I((t) => {
         const e = t.get("url");
         if (e)
-          return t.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${e}&api_key=ae0e60e78201a3f2b0de4b`).then((o) => o.json()).then((o) => {
-            t.get("url") === e && (o.html ? t.set("content", o.html) : t.set("content", "Invalid url, please try another"));
-          }).catch((o) => {
+          return t.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${e}&api_key=ae0e60e78201a3f2b0de4b`).then((r) => r.json()).then((r) => {
+            t.get("url") === e && (r.html ? t.set("content", r.html) : t.set("content", "Invalid url, please try another"));
+          }).catch((r) => {
             t.set("content", "There was an error embedding this URL, please try again or another URL");
           });
         t.delete("content");
@@ -1191,11 +1248,11 @@ const wt = {
       hideFromUI: !0
     }
   ]
-}, Ot = [
+}, Pt = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], Pt = (t) => Ot.includes(t.type), jt = {
+], jt = (t) => Pt.includes(t.type), Et = {
   name: "builder-embed",
   props: ["content"],
   data: () => ({ scriptsInserted: [], scriptsRun: [], ranInitFn: !1 }),
@@ -1204,71 +1261,82 @@ const wt = {
       this.$refs.elem && !this.ranInitFn && (this.ranInitFn = !0, this.findAndRunScripts());
     }
   },
-  computed: { onUpdateHook0() {
-    return {
-      0: this.$refs.elem,
-      1: this.ranInitFn
-    };
-  } },
-  methods: { findAndRunScripts() {
-    const t = this.$refs.elem.getElementsByTagName("script");
-    for (let e = 0; e < t.length; e++) {
-      const n = t[e];
-      if (n.src && !this.scriptsInserted.includes(n.src)) {
-        this.scriptsInserted.push(n.src);
-        const o = document.createElement("script");
-        o.async = !0, o.src = n.src, document.head.appendChild(o);
-      } else if (Pt(n) && !this.scriptsRun.includes(n.innerText))
-        try {
-          this.scriptsRun.push(n.innerText), new Function(n.innerText)();
-        } catch (o) {
-          console.warn("`Embed`: Error running script:", o);
-        }
+  computed: {
+    onUpdateHook0() {
+      return {
+        0: this.$refs.elem,
+        1: this.ranInitFn
+      };
+    }
+  },
+  methods: {
+    findAndRunScripts() {
+      const t = this.$refs.elem.getElementsByTagName("script");
+      for (let e = 0; e < t.length; e++) {
+        const n = t[e];
+        if (n.src && !this.scriptsInserted.includes(n.src)) {
+          this.scriptsInserted.push(n.src);
+          const r = document.createElement("script");
+          r.async = !0, r.src = n.src, document.head.appendChild(r);
+        } else if (jt(n) && !this.scriptsRun.includes(n.innerText))
+          try {
+            this.scriptsRun.push(n.innerText), new Function(n.innerText)();
+          } catch (r) {
+            console.warn("`Embed`: Error running script:", r);
+          }
+      }
     }
-  } }
+  }
 };
-var Et = 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) } });
-}, Ft = [], Ut = /* @__PURE__ */ m(
-  jt,
+}, Ut = [], Vt = /* @__PURE__ */ m(
   Et,
   Ft,
+  Ut,
   !1,
   null,
   null,
   null,
   null
 );
-const At = Ut.exports;
-function Vt() {
+const At = Vt.exports;
+function Wt() {
   return d() && window.self !== window.top;
 }
-function b() {
-  return Vt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+function g() {
+  return Wt() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const Wt = {
+const Lt = {
   name: "builder-img-component",
-  props: ["backgroundSize", "backgroundPosition", "imgSrc", "altText", "image", "attributes"],
-  data: () => ({ isEditing: b })
+  props: [
+    "backgroundSize",
+    "backgroundPosition",
+    "imgSrc",
+    "altText",
+    "image",
+    "attributes"
+  ],
+  data: () => ({ isEditing: g })
 };
-var Lt = function() {
+var Nt = 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));
-}, Nt = [], Bt = /* @__PURE__ */ m(
-  Wt,
+}, Mt = [], Bt = /* @__PURE__ */ m(
   Lt,
   Nt,
+  Mt,
   !1,
   null,
   null,
   null,
   null
 );
-const Mt = Bt.exports, Dt = {
+const Dt = Bt.exports, zt = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   builtIn: !0,
@@ -1285,93 +1353,96 @@ const Mt = Bt.exports, Dt = {
   noWrap: !0,
   static: !0
 };
-var zt = Object.defineProperty, F = Object.getOwnPropertySymbols, Ht = Object.prototype.hasOwnProperty, qt = Object.prototype.propertyIsEnumerable, U = (t, e, n) => e in t ? zt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, h = (t, e) => {
+var Ht = Object.defineProperty, U = Object.getOwnPropertySymbols, qt = Object.prototype.hasOwnProperty, Kt = Object.prototype.propertyIsEnumerable, V = (t, e, n) => e in t ? Ht(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, h = (t, e) => {
   for (var n in e || (e = {}))
-    Ht.call(e, n) && U(t, n, e[n]);
-  if (F)
-    for (var n of F(e))
-      qt.call(e, n) && U(t, n, e[n]);
+    qt.call(e, n) && V(t, n, e[n]);
+  if (U)
+    for (var n of U(e))
+      Kt.call(e, n) && V(t, n, e[n]);
   return t;
 };
-const Kt = () => [
-  h({ component: he }, wt),
-  h({ component: we }, St),
-  h({ component: Mt }, Dt),
-  h({ component: $e }, $t),
-  h({ component: je }, Tt),
-  h({ component: st }, It),
-  h({ component: ut }, xt),
-  h({ component: ht }, kt),
-  h({ component: yt }, Ct),
-  h({ component: At }, Rt)
+const Gt = () => [
+  h({ component: ge }, Ct),
+  h({ component: Ce }, kt),
+  h({ component: Dt }, zt),
+  h({ component: Te }, Tt),
+  h({ component: Ee }, Rt),
+  h({ component: at }, $t),
+  h({ component: dt }, wt),
+  h({ component: gt }, It),
+  h({ component: xt }, St),
+  h({ component: At }, Ot)
 ];
 function A({
   code: t,
   context: e,
   state: n,
-  event: o
+  event: r
 }) {
   if (t === "") {
     console.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const r = {
-    isEditing: b(),
+  const o = {
+    isEditing: g(),
     isBrowser: d(),
     isServer: !d()
   }, a = !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
   try {
-    return new Function("builder", "Builder", "state", "context", "event", a)(r, r, n, e, o);
+    return new Function("builder", "Builder", "state", "context", "event", a)(o, o, n, e, r);
   } catch (l) {
-    console.warn("Builder custom code error: ", l);
+    console.warn(`Builder custom code error: 
+ While Evaluating: 
+ `, a, `
+`, l.message || l);
   }
 }
-function Gt() {
-  return !d() || b() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+function Jt() {
+  return !d() || g() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-var Jt = Object.defineProperty, Xt = Object.defineProperties, Yt = Object.getOwnPropertyDescriptors, g = Object.getOwnPropertySymbols, K = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable, V = (t, e, n) => e in t ? Jt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, C = (t, e) => {
+var Xt = Object.defineProperty, Yt = Object.defineProperties, Qt = Object.getOwnPropertyDescriptors, b = Object.getOwnPropertySymbols, G = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable, W = (t, e, n) => e in t ? Xt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, C = (t, e) => {
   for (var n in e || (e = {}))
-    K.call(e, n) && V(t, n, e[n]);
-  if (g)
-    for (var n of g(e))
-      G.call(e, n) && V(t, n, e[n]);
+    G.call(e, n) && W(t, n, e[n]);
+  if (b)
+    for (var n of b(e))
+      J.call(e, n) && W(t, n, e[n]);
   return t;
-}, W = (t, e) => Xt(t, Yt(e)), J = (t, e) => {
+}, L = (t, e) => Yt(t, Qt(e)), X = (t, e) => {
   var n = {};
-  for (var o in t)
-    K.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
-  if (t != null && g)
-    for (var o of g(t))
-      e.indexOf(o) < 0 && G.call(t, o) && (n[o] = t[o]);
+  for (var r in t)
+    G.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && b)
+    for (var r of b(t))
+      e.indexOf(r) < 0 && J.call(t, r) && (n[r] = t[r]);
   return n;
 };
-const X = [];
-function Bn(t, e) {
-  return X.push(C({ 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 Y = [];
+function Dn(t, e) {
+  return Y.push(C({ 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 Qt = (t) => {
-  var e = t, n = J(e, [
+const Zt = (t) => {
+  var e = t, n = X(e, [
     "component"
   ]);
   return {
     type: "builder.registerComponent",
-    data: tn(n)
+    data: nn(n)
   };
-}, Y = (t) => JSON.parse(JSON.stringify(t)), Zt = (t) => typeof t == "function" ? en(t) : Y(t), en = (t) => {
+}, Q = (t) => JSON.parse(JSON.stringify(t)), en = (t) => typeof t == "function" ? tn(t) : Q(t), tn = (t) => {
   const e = t.toString().trim();
   return `return (${!e.startsWith("function") && !e.startsWith("(") ? "function " : ""}${e}).apply(this, arguments)`;
-}, tn = (t) => {
+}, nn = (t) => {
   var e = t, {
     inputs: n
-  } = e, o = J(e, [
+  } = e, r = X(e, [
     "inputs"
   ]);
-  return W(C({}, Y(o)), {
-    inputs: n == null ? void 0 : n.map((r) => Object.entries(r).reduce((i, [a, l]) => W(C({}, i), {
-      [a]: Zt(l)
+  return L(C({}, Q(r)), {
+    inputs: n == null ? void 0 : n.map((o) => Object.entries(o).reduce((i, [a, l]) => L(C({}, i), {
+      [a]: en(l)
     }), {}))
   });
-}, nn = (t) => {
+}, rn = (t) => {
   const e = t.split(".");
   return e.length > 2 ? e.slice(1).join(".") : t;
 }, on = ({
@@ -1380,151 +1451,151 @@ const Qt = (t) => {
 }) => {
   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 ? (n = document.cookie.split("; ").find((r) => r.startsWith(`${t}=`))) == null ? void 0 : n.split("=")[1] : void 0;
+  } catch (r) {
+    console.debug("[COOKIE] GET error: ", r);
   }
-}, rn = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).join("; "), sn = [
+}, sn = (t) => t.map(([e, n]) => n ? `${e}=${n}` : e).join("; "), an = [
   ["secure", ""],
   ["SameSite", "None"]
-], an = ({
+], ln = ({
   name: t,
   value: e,
   expires: n
 }) => {
-  const r = (d() ? location.protocol === "https:" : !0) ? sn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], a = [
+  const o = (d() ? location.protocol === "https:" : !0) ? an : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], a = [
     [t, e],
     ...i,
     ["path", "/"],
-    ["domain", nn(window.location.hostname)],
-    ...r
+    ["domain", rn(window.location.hostname)],
+    ...o
   ];
-  return rn(a);
-}, ln = ({
+  return sn(a);
+}, cn = ({
   name: t,
   value: e,
   expires: n,
-  canTrack: o
+  canTrack: r
 }) => {
   try {
-    if (!o)
+    if (!r)
       return;
-    const r = an({ name: t, value: e, expires: n });
-    document.cookie = r;
-  } catch (r) {
-    console.warn("[COOKIE] SET error: ", r);
+    const o = ln({ name: t, value: e, expires: n });
+    document.cookie = o;
+  } catch (o) {
+    console.warn("[COOKIE] SET error: ", o);
   }
-}, Q = (t) => t != null;
-function cn() {
+}, Z = (t) => t != null;
+function un() {
   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 Z() {
-  return cn().replace(/-/g, "");
+function ee() {
+  return un().replace(/-/g, "");
 }
-const ee = "builderSessionId", un = ({ canTrack: t }) => {
+const te = "builderSessionId", dn = ({ canTrack: t }) => {
   if (!t)
     return;
-  const e = on({ name: ee, canTrack: t });
-  if (Q(e))
+  const e = on({ name: te, canTrack: t });
+  if (Z(e))
     return e;
   {
-    const n = dn();
-    pn({ id: n, canTrack: t });
+    const n = pn();
+    mn({ id: n, canTrack: t });
   }
-}, dn = () => Z(), pn = ({
+}, pn = () => ee(), mn = ({
   id: t,
   canTrack: e
-}) => ln({ name: ee, value: t, canTrack: e }), te = () => d() && typeof localStorage < "u" ? localStorage : void 0, mn = ({
+}) => cn({ name: te, value: t, canTrack: e }), ne = () => d() && typeof localStorage < "u" ? localStorage : void 0, fn = ({
   key: t,
   canTrack: e
 }) => {
   var n;
   try {
-    return e ? (n = te()) == null ? void 0 : n.getItem(t) : void 0;
-  } catch (o) {
-    console.debug("[LocalStorage] GET error: ", o);
+    return e ? (n = ne()) == null ? void 0 : n.getItem(t) : void 0;
+  } catch (r) {
+    console.debug("[LocalStorage] GET error: ", r);
   }
-}, fn = ({
+}, hn = ({
   key: t,
   canTrack: e,
   value: n
 }) => {
-  var o;
+  var r;
   try {
-    e && ((o = te()) == null || o.setItem(t, n));
-  } catch (r) {
-    console.debug("[LocalStorage] SET error: ", r);
+    e && ((r = ne()) == null || r.setItem(t, n));
+  } catch (o) {
+    console.debug("[LocalStorage] SET error: ", o);
   }
-}, ne = "builderVisitorId", hn = ({ canTrack: t }) => {
+}, re = "builderVisitorId", gn = ({ canTrack: t }) => {
   if (!t)
     return;
-  const e = mn({
-    key: ne,
+  const e = fn({
+    key: re,
     canTrack: t
   });
-  if (Q(e))
+  if (Z(e))
     return e;
   {
     const n = bn();
-    gn({ id: n, canTrack: t });
+    _n({ id: n, canTrack: t });
   }
-}, bn = () => Z(), gn = ({
+}, bn = () => ee(), _n = ({
   id: t,
   canTrack: e
-}) => fn({
-  key: ne,
+}) => hn({
+  key: re,
   value: t,
   canTrack: e
 });
-var _n = Object.defineProperty, vn = Object.defineProperties, yn = Object.getOwnPropertyDescriptors, _ = Object.getOwnPropertySymbols, oe = Object.prototype.hasOwnProperty, re = Object.prototype.propertyIsEnumerable, L = (t, e, n) => e in t ? _n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, N = (t, e) => {
+var vn = Object.defineProperty, yn = Object.defineProperties, xn = Object.getOwnPropertyDescriptors, _ = Object.getOwnPropertySymbols, oe = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable, N = (t, e, n) => e in t ? vn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, M = (t, e) => {
   for (var n in e || (e = {}))
-    oe.call(e, n) && L(t, n, e[n]);
+    oe.call(e, n) && N(t, n, e[n]);
   if (_)
     for (var n of _(e))
-      re.call(e, n) && L(t, n, e[n]);
+      se.call(e, n) && N(t, n, e[n]);
   return t;
-}, xn = (t, e) => vn(t, yn(e)), wn = (t, e) => {
+}, wn = (t, e) => yn(t, xn(e)), Cn = (t, e) => {
   var n = {};
-  for (var o in t)
-    oe.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
+  for (var r in t)
+    oe.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
   if (t != null && _)
-    for (var o of _(t))
-      e.indexOf(o) < 0 && re.call(t, o) && (n[o] = t[o]);
+    for (var r of _(t))
+      e.indexOf(r) < 0 && se.call(t, r) && (n[r] = t[r]);
   return n;
-}, Cn = (t, e, n) => new Promise((o, r) => {
+}, Sn = (t, e, n) => new Promise((r, o) => {
   var i = (s) => {
     try {
       l(n.next(s));
     } catch (c) {
-      r(c);
+      o(c);
     }
   }, a = (s) => {
     try {
       l(n.throw(s));
     } catch (c) {
-      r(c);
+      o(c);
     }
-  }, l = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(i, a);
+  }, l = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(i, a);
   l((n = n.apply(t, e)).next());
 });
-const Sn = ({ canTrack: t }) => {
+const kn = ({ canTrack: t }) => {
   if (!t)
     return { visitorId: void 0, sessionId: void 0 };
-  const e = un({ canTrack: t }), n = hn({ canTrack: t });
+  const e = dn({ canTrack: t }), n = gn({ canTrack: t });
   return {
     sessionId: e,
     visitorId: n
   };
-}, kn = (t) => {
+}, In = (t) => {
   var e = t, {
     type: n,
-    canTrack: o,
-    orgId: r,
+    canTrack: r,
+    orgId: o,
     contentId: i
-  } = e, a = wn(e, [
+  } = e, a = Cn(e, [
     "type",
     "canTrack",
     "orgId",
@@ -1532,19 +1603,19 @@ const Sn = ({ canTrack: t }) => {
   ]);
   return {
     type: n,
-    data: xn(N(N({}, a), Sn({ canTrack: o })), {
-      ownerId: r,
+    data: wn(M(M({}, a), kn({ canTrack: r })), {
+      ownerId: o,
       contentId: i
     })
   };
 };
 function B(t) {
-  return Cn(this, null, function* () {
-    if (!!t.canTrack && !b() && !!(d() || S === "reactNative"))
+  return Sn(this, null, function* () {
+    if (!!t.canTrack && !g() && !!(d() || S === "reactNative"))
       return fetch("https://builder.io/api/v1/track", {
         method: "POST",
         body: JSON.stringify({
-          events: [kn(t)]
+          events: [In(t)]
         }),
         headers: {
           "content-type": "application/json"
@@ -1555,43 +1626,71 @@ function B(t) {
       });
   });
 }
-const In = () => Promise.resolve().then(() => se), $n = () => import("./render-styles.9ef447c4.js"), Tn = {
+const $n = () => Promise.resolve().then(() => ae).then((t) => t.default), Tn = () => import("./render-styles.354823a4.js").then((t) => t.default), Rn = {
   name: "render-content",
-  components: { "render-content-styles": $n, "render-blocks": In },
-  props: ["content", "data", "canTrack", "context", "customComponents", "model", "apiKey"],
-  data: () => ({ forceReRenderCount: 0, overrideContent: null, update: 0, overrideState: {} }),
+  components: {
+    "render-content-styles": Tn,
+    "render-blocks": $n
+  },
+  props: [
+    "content",
+    "data",
+    "canTrack",
+    "context",
+    "customComponents",
+    "model",
+    "apiKey"
+  ],
+  data: () => ({
+    forceReRenderCount: 0,
+    overrideContent: null,
+    update: 0,
+    overrideState: {},
+    markMutable: k
+  }),
   provide() {
     const t = this;
     return {
-      BuilderContext: { get content() {
-        return t.useContent;
-      }, get state() {
-        return t.contentState;
-      }, get context() {
-        return t.contextContext;
-      }, get apiKey() {
-        return t.apiKey;
-      }, get registeredComponents() {
-        return t.allRegisteredComponents;
-      } }
+      BuilderContext: {
+        get content() {
+          return t.useContent;
+        },
+        get state() {
+          return t.contentState;
+        },
+        get context() {
+          return t.contextContext;
+        },
+        get apiKey() {
+          return t.apiKey;
+        },
+        get registeredComponents() {
+          return t.allRegisteredComponents;
+        }
+      }
     };
   },
   mounted() {
     if (d()) {
-      if (b() && (this.forceReRenderCount = this.forceReRenderCount + 1, le(), ce(), Object.values(this.allRegisteredComponents).forEach((t) => {
-        var n;
-        const e = Qt(t);
-        (n = window.parent) == null || n.postMessage(e, "*");
-      }), window.addEventListener("message", this.processMessage), window.addEventListener("builder:component:stateChangeListenerActivated", this.emitStateUpdate)), this.useContent && B({
+      if (g() && (this.forceReRenderCount = this.forceReRenderCount + 1, ce(), ue(), Object.values(this.allRegisteredComponents).forEach(
+        (t) => {
+          var n;
+          const e = Zt(t);
+          (n = window.parent) == null || n.postMessage(e, "*");
+        }
+      ), window.addEventListener("message", this.processMessage), window.addEventListener(
+        "builder:component:stateChangeListenerActivated",
+        this.emitStateUpdate
+      )), this.useContent && B({
         type: "impression",
         canTrack: this.canTrackToUse,
         contentId: this.useContent.id,
         orgId: this.apiKey
-      }), Gt()) {
+      }), Jt()) {
         const t = new URL(location.href).searchParams;
         if (this.model && t.get("builder.preview") === this.model) {
           const e = t.get("apiKey") || t.get("builder.space");
-          e && q({
+          e && K({
             model: this.model,
             apiKey: e
           }).then((n) => {
@@ -1614,247 +1713,284 @@ const In = () => Promise.resolve().then(() => se), $n = () => import("./render-s
     }
   },
   unmounted() {
-    d() && (window.removeEventListener("message", this.processMessage), window.removeEventListener("builder:component:stateChangeListenerActivated", this.emitStateUpdate));
+    d() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      this.emitStateUpdate
+    ));
   },
-  computed: { useContent() {
-    var e, n;
-    return {
-      ...this.content,
-      ...this.overrideContent,
-      data: {
-        ...(e = this.content) == null ? void 0 : e.data,
-        ...this.data,
-        ...(n = this.overrideContent) == null ? void 0 : n.data
-      }
-    };
-  }, canTrackToUse() {
-    return this.canTrack || !0;
-  }, contentState() {
-    var t, e;
-    return {
-      ...(e = (t = this.content) == null ? void 0 : t.data) == null ? void 0 : e.state,
-      ...this.data,
-      ...this.overrideState
-    };
-  }, contextContext() {
-    return this.context || {};
-  }, allRegisteredComponents() {
-    return [
-      ...Kt(),
-      ...X,
-      ...this.customComponents || []
-    ].reduce((n, o) => ({
-      ...n,
-      [o.name]: o
-    }), {});
-  }, httpReqsData() {
-    return {};
-  }, shouldRenderContentStyles() {
-    var t, e, n, o, r;
-    return Boolean((((e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.cssCode) || ((r = (o = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : o.customFonts) == null ? void 0 : r.length)) && S !== "reactNative");
-  }, onUpdateHook0() {
-    var t, e;
-    return {
-      0: (e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.jsCode
-    };
-  }, onUpdateHook1() {
-    var t, e;
-    return {
-      0: (e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.httpRequests
-    };
-  }, onUpdateHook2() {
-    return {
-      0: this.contentState
-    };
-  } },
-  methods: { processMessage(t) {
-    const {
-      data: e
-    } = t;
-    if (e)
-      switch (e.type) {
-        case "builder.contentUpdate": {
-          const n = e.data, o = n.key || n.alias || n.entry || n.modelName, r = n.data;
-          o === this.model && (this.overrideContent = r);
-          break;
+  computed: {
+    useContent() {
+      var e, n;
+      return {
+        ...this.content,
+        ...this.overrideContent,
+        data: {
+          ...(e = this.content) == null ? void 0 : e.data,
+          ...this.data,
+          ...(n = this.overrideContent) == null ? void 0 : n.data
         }
-      }
-  }, evaluateJsCode() {
-    var e, n;
-    const t = (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode;
-    t && A({
-      code: t,
-      context: this.contextContext,
-      state: this.contentState
-    });
-  }, onClick(t) {
-    this.useContent && B({
-      type: "click",
-      canTrack: this.canTrackToUse,
-      contentId: this.useContent.id,
-      orgId: this.apiKey
-    });
-  }, evalExpression(t) {
-    return t.replace(/{{([^}]+)}}/g, (e, n) => A({
-      code: n,
-      context: this.contextContext,
-      state: this.contentState
-    }));
-  }, handleRequest({
-    url: t,
-    key: e
-  }) {
-    (async () => {
-      const i = await (await (await z())(t)).json(), a = {
-        ...this.overrideState,
-        [e]: i
       };
-      this.overrideState = a;
-    })();
-  }, runHttpRequests() {
-    var e, n, o;
-    const t = (o = (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.httpRequests) != null ? o : {};
-    Object.entries(t).forEach(([r, i]) => {
-      if (i && (!this.httpReqsData[r] || b())) {
-        const a = this.evalExpression(i);
-        this.handleRequest({
-          url: a,
-          key: r
-        });
-      }
-    });
-  }, emitStateUpdate() {
-    b() && window.dispatchEvent(new CustomEvent("builder:component:stateChange", {
-      detail: {
-        state: this.contentState,
-        ref: {
-          name: this.model
+    },
+    canTrackToUse() {
+      return this.canTrack || !0;
+    },
+    contentState() {
+      var t, e;
+      return {
+        ...(e = (t = this.content) == null ? void 0 : t.data) == null ? void 0 : e.state,
+        ...this.data,
+        ...this.overrideState
+      };
+    },
+    contextContext() {
+      return this.context || {};
+    },
+    allRegisteredComponents() {
+      return [
+        ...Gt(),
+        ...Y,
+        ...this.customComponents || []
+      ].reduce(
+        (n, r) => ({ ...n, [r.name]: r }),
+        {}
+      );
+    },
+    httpReqsData() {
+      return {};
+    },
+    shouldRenderContentStyles() {
+      var t, e, n, r, o;
+      return Boolean(
+        (((e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.cssCode) || ((o = (r = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : r.customFonts) == null ? void 0 : o.length)) && S !== "reactNative"
+      );
+    },
+    onUpdateHook0() {
+      var t, e;
+      return {
+        0: (e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.jsCode
+      };
+    },
+    onUpdateHook1() {
+      var t, e;
+      return {
+        0: (e = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : e.httpRequests
+      };
+    },
+    onUpdateHook2() {
+      return {
+        0: this.contentState
+      };
+    }
+  },
+  methods: {
+    processMessage(t) {
+      const { data: e } = t;
+      if (e)
+        switch (e.type) {
+          case "builder.contentUpdate": {
+            const n = e.data, r = n.key || n.alias || n.entry || n.modelName, o = n.data;
+            r === this.model && (this.overrideContent = o, this.forceReRenderCount = this.forceReRenderCount + 1);
+            break;
+          }
         }
-      }
-    }));
-  } }
+    },
+    evaluateJsCode() {
+      var e, n;
+      const t = (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode;
+      t && A({
+        code: t,
+        context: this.contextContext,
+        state: this.contentState
+      });
+    },
+    onClick(t) {
+      this.useContent && B({
+        type: "click",
+        canTrack: this.canTrackToUse,
+        contentId: this.useContent.id,
+        orgId: this.apiKey
+      });
+    },
+    evalExpression(t) {
+      return t.replace(
+        /{{([^}]+)}}/g,
+        (e, n) => A({
+          code: n,
+          context: this.contextContext,
+          state: this.contentState
+        })
+      );
+    },
+    handleRequest({ url: t, key: e }) {
+      H().then((n) => n(t)).then((n) => n.json()).then((n) => {
+        const r = { ...this.overrideState, [e]: n };
+        this.overrideState = r;
+      }).catch((n) => {
+        console.log("error fetching dynamic data", t, n);
+      });
+    },
+    runHttpRequests() {
+      var e, n, r;
+      const t = (r = (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.httpRequests) != null ? r : {};
+      Object.entries(t).forEach(([o, i]) => {
+        if (i && (!this.httpReqsData[o] || g())) {
+          const a = this.evalExpression(i);
+          this.handleRequest({
+            url: a,
+            key: o
+          });
+        }
+      });
+    },
+    emitStateUpdate() {
+      g() && window.dispatchEvent(
+        new CustomEvent("builder:component:stateChange", {
+          detail: {
+            state: this.contentState,
+            ref: {
+              name: this.model
+            }
+          }
+        })
+      );
+    }
+  }
 };
-var Rn = function() {
-  var o, r, i, a, l, s, c;
+var On = function() {
+  var r, o, i, a, l, s, c;
   var e = this, n = e._self._c;
-  return e.useContent ? n("div", { ref: "elementRef", attrs: { "builder-content-id": (o = e.useContent) == null ? void 0 : o.id }, on: { click: function(u) {
+  return e.useContent ? n("div", { ref: "elementRef", attrs: { "builder-content-id": (r = e.useContent) == null ? void 0 : r.id }, on: { click: function(u) {
     return e.onClick(u);
-  } } }, [e.shouldRenderContentStyles ? n("render-content-styles", { attrs: { cssCode: (i = (r = e.useContent) == null ? void 0 : r.data) == null ? void 0 : i.cssCode, customFonts: (l = (a = e.useContent) == null ? void 0 : a.data) == null ? void 0 : l.customFonts } }) : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: (c = (s = e.useContent) == null ? void 0 : s.data) == null ? void 0 : c.blocks } })], 1) : e._e();
-}, On = [], Pn = /* @__PURE__ */ m(
-  Tn,
+  } } }, [e.shouldRenderContentStyles ? n("render-content-styles", { attrs: { cssCode: (i = (o = e.useContent) == null ? void 0 : o.data) == null ? void 0 : i.cssCode, customFonts: (l = (a = e.useContent) == null ? void 0 : a.data) == null ? void 0 : l.customFonts } }) : e._e(), n("render-blocks", { key: e.forceReRenderCount, attrs: { blocks: e.markMutable((c = (s = e.useContent) == null ? void 0 : s.data) == null ? void 0 : c.blocks) } })], 1) : e._e();
+}, Pn = [], jn = /* @__PURE__ */ m(
   Rn,
   On,
+  Pn,
   !1,
   null,
   null,
   null,
   null
 );
-const jn = Pn.exports, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const En = jn.exports, Fn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: jn
-}, Symbol.toStringTag, { value: "Module" })), Fn = () => import("./block-styles.4027f1b9.js"), Un = () => import("./render-block.1e8573eb.js"), An = {
+  default: En
+}, Symbol.toStringTag, { value: "Module" }));
+const Un = () => import("./block-styles.3f130795.js").then((t) => t.default), Vn = () => import("./render-block.bdaa8069.js").then((t) => t.default), An = {
   name: "render-blocks",
-  components: { "render-block": Un, "block-styles": Fn },
+  components: { "render-block": Vn, "block-styles": Un },
   props: ["blocks", "parent", "path"],
   inject: {
     builderContext: "BuilderContext"
   },
-  computed: { className() {
-    var t;
-    return "builder-blocks" + ((t = this.blocks) != null && t.length ? "" : " no-blocks");
-  } },
-  methods: { onClick() {
-    var t, e;
-    b() && !((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;
-    b() && !((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")
+  computed: {
+    className() {
+      var t;
+      return "builder-blocks" + ((t = this.blocks) != null && t.length ? "" : " no-blocks");
+    }
+  },
+  methods: {
+    onClick() {
+      var t, e;
+      g() && !((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;
+      g() && !((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 r of n)
+        e[r] = !0;
       return e;
-    const n = t.trim().split(/\s+/);
-    for (const o of n)
-      e[o] = !0;
-    return e;
-  } }
+    }
+  }
 };
-var Vn = function() {
+var Wn = function() {
   var e = this, n = e._self._c;
   return n("div", { class: e._classStringToObject(e.className + " div-23e8fqt91nf"), attrs: { "builder-path": e.path, "builder-parent-id": e.parent, dataSet: {
     class: e.className
-  } }, on: { click: function(o) {
+  } }, on: { click: function(r) {
     return e.onClick();
-  }, mouseenter: function(o) {
+  }, mouseenter: function(r) {
     return e.onMouseEnter();
-  } } }, [e._l(e.blocks, function(o, r) {
-    return e.blocks ? n("render-block", { key: "render-block-" + o.id, attrs: { block: o, context: e.builderContext } }) : e._e();
-  }), e._l(e.blocks, function(o, r) {
-    return e.blocks ? n("block-styles", { key: "block-style-" + o.id, attrs: { block: o, context: e.builderContext } }) : e._e();
+  } } }, [e._l(e.blocks, function(r, o) {
+    return e.blocks ? n("render-block", { key: "render-block-" + r.id, attrs: { block: r, context: e.builderContext } }) : e._e();
+  }), e._l(e.blocks, function(r, o) {
+    return e.blocks ? n("block-styles", { key: "block-style-" + r.id, attrs: { block: r, context: e.builderContext } }) : e._e();
   })], 2);
-}, Wn = [], Ln = /* @__PURE__ */ m(
+}, Ln = [], Nn = /* @__PURE__ */ m(
   An,
-  Vn,
   Wn,
+  Ln,
   !1,
   null,
-  "600183c5",
+  "1e73bac5",
   null,
   null
 );
-const Nn = Ln.exports, se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Mn = Nn.exports, ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Nn
-}, Symbol.toStringTag, { value: "Module" })), M = {};
-function Mn(t) {
+  default: Mn
+}, Symbol.toStringTag, { value: "Module" })), D = {};
+function zn(t) {
   if (d()) {
-    Object.assign(M, t);
+    Object.assign(D, t);
     const e = {
       type: "builder.settingsChange",
-      data: M
+      data: D
     };
     parent.postMessage(e, "*");
   }
 }
 export {
-  ut as B,
-  he as C,
-  yt as F,
-  we as I,
-  ht as S,
+  dt as B,
+  ge as C,
+  xt as F,
+  Ce as I,
+  gt as S,
   S as T,
-  je as V,
-  jn as a,
-  st as b,
-  $e as c,
-  Gt as d,
+  Ee as V,
+  En as a,
+  at as b,
+  Te as c,
+  Jt as d,
   A as e,
-  X as f,
-  Qt as g,
-  Bn as h,
-  b as i,
-  ie as j,
-  Qe as k,
-  Ze as l,
-  q as m,
+  Y as f,
+  Zt as g,
+  Dn as h,
+  g as i,
+  le as j,
+  Ze as k,
+  et as l,
+  Bn as m,
   m as n,
-  D as o,
-  Le as p,
+  K as o,
+  z as p,
   Ne as q,
-  Nn as r,
-  Mn as s,
-  Be as t
+  Mn as r,
+  zn as s,
+  Me as t,
+  Be as u
 };