@builder.io/sdk-vue 0.2.2 → 0.3.1

package/packages/_vue3/dist/{index.45ab85e5.js → index.d8d44f06.js}

@@ -1,54 +1,54 @@
-import { openBlock as d, createElementBlock as m, mergeProps as _, toHandlers as I, toDisplayString as $, defineAsyncComponent as x, resolveComponent as k, normalizeClass as j, normalizeStyle as T, createBlock as R, createCommentVNode as y, Fragment as A, renderList as U, createVNode as Z, renderSlot as V, createElementVNode as H } from "vue";
-const he = {
+import { defineComponent as h, openBlock as d, createElementBlock as p, mergeProps as I, toHandlers as T, toDisplayString as H, defineAsyncComponent as S, resolveComponent as w, normalizeClass as V, normalizeStyle as R, createBlock as E, createCommentVNode as v, Fragment as A, renderList as U, createVNode as ee, renderSlot as j, createElementVNode as K } from "vue";
+const fe = h({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   methods: {
-    filterAttrs: function(n = {}, t) {
+    filterAttrs: function(t = {}, n) {
       const o = "v-on:";
-      return Object.keys(n).filter((i) => {
-        if (!n[i])
+      return Object.keys(t).filter((s) => {
+        if (!t[s])
           return !1;
-        const r = i.startsWith(o);
-        return t ? r : !r;
+        const r = s.startsWith(o);
+        return n ? r : !r;
       }).reduce(
-        (i, r) => ({
-          ...i,
-          [r.replace(o, "")]: n[r]
+        (s, r) => ({
+          ...s,
+          [r.replace(o, "")]: t[r]
         }),
         {}
       );
     },
     _classStringToObject(e) {
-      const n = {};
+      const t = {};
       if (typeof e != "string")
-        return n;
-      const t = e.trim().split(/\s+/);
-      for (const o of t)
-        n[o] = !0;
-      return n;
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
     }
   }
-};
-const h = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [o, i] of n)
-    t[o] = i;
-  return t;
-}, fe = ["href", "target"];
-function ge(e, n, t, o, i, r) {
-  return t.link ? (d(), m("a", _({
+});
+const f = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, s] of t)
+    n[o] = s;
+  return n;
+}, ge = ["href", "target"];
+function be(e, t, n, o, s, r) {
+  return e.link ? (d(), p("a", I({
     key: 0,
     role: "button",
-    href: t.link,
-    target: t.openLinkInNewTab ? "_blank" : void 0
-  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), $(t.text), 17, fe)) : (d(), m("button", _({
+    href: e.link,
+    target: e.openLinkInNewTab ? "_blank" : void 0
+  }, e.filterAttrs(e.attributes, !1), T(e.filterAttrs(e.attributes, !0), !0)), H(e.text), 17, ge)) : (d(), p("button", I({
     key: 1,
-    class: r._classStringToObject(
-      t.attributes.class + " button-1yj9n7yt24z"
+    class: e._classStringToObject(
+      e.attributes.class + " button-1yj9n7yt24z"
     )
-  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), $(t.text), 17));
+  }, e.filterAttrs(e.attributes, !1), T(e.filterAttrs(e.attributes, !0), !0)), H(e.text), 17));
 }
-const be = /* @__PURE__ */ h(he, [["render", ge], ["__scopeId", "data-v-fa5dea7e"]]), L = (e) => JSON.parse(JSON.stringify(e)), ee = {
+const ye = /* @__PURE__ */ f(fe, [["render", be], ["__scopeId", "data-v-3b72112d"]]), L = (e) => JSON.parse(JSON.stringify(e)), te = {
   small: {
     min: 320,
     default: 321,
@@ -64,56 +64,57 @@ const be = /* @__PURE__ */ h(he, [["render", ge], ["__scopeId", "data-v-fa5dea7e
     default: 991,
     max: 1200
   }
-}, jn = (e, n = ee) => `@media (max-width: ${n[e].max}px)`, ye = ({ small: e, medium: n }) => {
-  const t = L(ee);
-  if (!e || !n)
-    return t;
+}, On = (e, t = te) => `@media (max-width: ${t[e].max}px)`, ve = ({ small: e, medium: t }) => {
+  const n = L(te);
+  if (!e || !t)
+    return n;
   const o = Math.floor(e / 2);
-  t.small = {
+  n.small = {
     max: e,
     min: o,
     default: o + 1
   };
-  const i = t.small.max + 1;
-  t.medium = {
-    max: n,
-    min: i,
-    default: i + 1
+  const s = n.small.max + 1;
+  n.medium = {
+    max: t,
+    min: s,
+    default: s + 1
   };
-  const r = t.medium.max + 1;
-  return t.large = {
+  const r = n.medium.max + 1;
+  return n.large = {
     max: 2e3,
     min: r,
     default: r + 1
-  }, t;
-}, E = "vue3", ve = Symbol(), P = {
+  }, n;
+}, _ = "vue3", ke = Symbol(), P = {
   Builder: {
     content: null,
     context: {},
-    state: {},
-    setState() {
+    localState: void 0,
+    rootSetState() {
     },
+    rootState: {},
     apiKey: null,
     apiVersion: void 0,
     registeredComponents: {},
     inheritedStyles: {}
   },
-  key: ve
-}, xe = () => Promise.resolve().then(() => te).then((e) => e.default).catch((e) => {
+  key: ke
+}, Se = () => Promise.resolve().then(() => ne).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../../components/render-blocks.vue",
     e
   ), e;
-}), ke = () => import("./render-inlined-styles.952d2fff.js").then((e) => e.default).catch((e) => {
+}), we = () => import("./render-inlined-styles.0b6cafc4.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../../components/render-inlined-styles.vue",
     e
   ), e;
-}), Se = {
+}), Ce = h({
   name: "builder-columns",
   components: {
-    RenderInlinedStyles: x(ke),
-    RenderBlocks: x(xe)
+    RenderInlinedStyles: S(we),
+    RenderBlocks: S(Se)
   },
   props: [
     "space",
@@ -128,7 +129,7 @@ const be = /* @__PURE__ */ h(he, [["render", ge], ["__scopeId", "data-v-fa5dea7e
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: E
+      TARGET: _
     };
   },
   inject: {
@@ -146,123 +147,122 @@ const be = /* @__PURE__ */ h(he, [["render", ge], ["__scopeId", "data-v-fa5dea7e
     },
     columnsStyles() {
       return `
-      @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
-        .${this.builderBlock.id}-breakpoints {
-          flex-direction: var(--flex-dir-tablet);
-          align-items: stretch;
-        }
+        @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
+          .${this.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
 
-        .${this.builderBlock.id}-breakpoints > .builder-column {
-          width: var(--column-width-tablet) !important;
-          margin-left: var(--column-margin-left-tablet) !important;
+          .${this.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
         }
-      }
 
-      @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
-        .${this.builderBlock.id}-breakpoints {
-          flex-direction: var(--flex-dir);
-          align-items: stretch;
-        }
+        @media (max-width: ${this.getWidthForBreakpointSize("small")}px) {
+          .${this.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
 
-        .${this.builderBlock.id}-breakpoints > .builder-column {
-          width: var(--column-width-mobile) !important;
-          margin-left: var(--column-margin-left-mobile) !important;
-        }
-      },
-    `;
+          .${this.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
     }
   },
   methods: {
     getWidth(e) {
-      var n;
-      return ((n = this.cols[e]) == null ? void 0 : n.width) || 100 / this.cols.length;
+      var t;
+      return ((t = this.cols[e]) == null ? void 0 : t.width) || 100 / this.cols.length;
     },
     getColumnCssWidth(e) {
-      const n = this.gutterSize * (this.cols.length - 1) / this.cols.length;
-      return `calc(${this.getWidth(e)}% - ${n}px)`;
+      const t = this.gutterSize * (this.cols.length - 1) / this.cols.length;
+      return `calc(${this.getWidth(e)}% - ${t}px)`;
     },
     getTabletStyle({
       stackedStyle: e,
-      desktopStyle: n
+      desktopStyle: t
     }) {
-      return this.stackAt === "tablet" ? e : n;
+      return this.stackAt === "tablet" ? e : t;
     },
     getMobileStyle({
       stackedStyle: e,
-      desktopStyle: n
+      desktopStyle: t
     }) {
-      return this.stackAt === "never" ? n : e;
+      return this.stackAt === "never" ? t : e;
     },
     columnCssVars(e) {
-      e === 0 || this.gutterSize;
-      const n = this.getColumnCssWidth(e), t = `${this.gutterSize}px`, o = "100%", i = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, s = "100%", r = 0;
       return {
         width: n,
-        "margin-left": t,
+        "margin-left": o,
         "--column-width-mobile": this.getMobileStyle({
-          stackedStyle: o,
+          stackedStyle: s,
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: i,
-          desktopStyle: t
+          stackedStyle: r,
+          desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
-          stackedStyle: o,
+          stackedStyle: s,
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: i,
-          desktopStyle: t
+          stackedStyle: r,
+          desktopStyle: o
         })
       };
     },
     getWidthForBreakpointSize(e) {
-      var t, o;
-      return ye(
-        ((o = (t = this.builderContext.content) == null ? void 0 : t.meta) == null ? void 0 : o.breakpoints) || {}
+      var n, o;
+      return ve(
+        ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
     _classStringToObject(e) {
-      const n = {};
+      const t = {};
       if (typeof e != "string")
-        return n;
-      const t = e.trim().split(/\s+/);
-      for (const o of t)
-        n[o] = !0;
-      return n;
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
     }
   }
-};
-function _e(e, n, t, o, i, r) {
-  const s = k("render-inlined-styles"), c = k("render-blocks");
-  return d(), m("div", {
-    class: j(
-      r._classStringToObject(
-        `builder-columns ${t.builderBlock.id}-breakpoints div-2btisl9m7v3`
+});
+function Ie(e, t, n, o, s, r) {
+  const i = w("render-inlined-styles"), l = w("render-blocks");
+  return d(), p("div", {
+    class: V(
+      e._classStringToObject(
+        `builder-columns ${e.builderBlock.id}-breakpoints div-361b1o6wv2k`
       )
     ),
-    style: T(r.columnsCssVars),
+    style: R(e.columnsCssVars),
     dataSet: {
       "builder-block-name": "builder-columns"
     }
   }, [
-    i.TARGET !== "reactNative" ? (d(), R(s, {
+    e.TARGET !== "reactNative" ? (d(), E(i, {
       key: 0,
-      styles: r.columnsStyles
-    }, null, 8, ["styles"])) : y("", !0),
-    (d(!0), m(A, null, U(t.columns, (a, l) => (d(), m("div", {
-      key: l,
-      class: "builder-column div-2btisl9m7v3-2",
-      style: T(r.columnCssVars(l)),
+      styles: e.columnsStyles
+    }, null, 8, ["styles"])) : v("", !0),
+    (d(!0), p(A, null, U(e.columns, (a, c) => (d(), p("div", {
+      key: c,
+      class: "builder-column div-361b1o6wv2k-2",
+      style: R(e.columnCssVars(c)),
       dataSet: {
         "builder-block-name": "builder-column"
       }
     }, [
-      Z(c, {
+      ee(l, {
         blocks: a.blocks,
-        path: `component.options.columns.${l}.blocks`,
-        parent: t.builderBlock.id,
+        path: `component.options.columns.${c}.blocks`,
+        parent: e.builderBlock.id,
         styleProp: {
           flexGrow: "1"
         }
@@ -270,49 +270,49 @@ function _e(e, n, t, o, i, r) {
     ], 4))), 128))
   ], 6);
 }
-const we = /* @__PURE__ */ h(Se, [["render", _e], ["__scopeId", "data-v-4459bc28"]]), Ce = {
+const xe = /* @__PURE__ */ f(Ce, [["render", Ie], ["__scopeId", "data-v-fae985f2"]]), $e = h({
   name: "builder-fragment-component",
   props: []
-};
-function Ie(e, n, t, o, i, r) {
-  return d(), m("span", null, [
-    V(e.$slots, "default")
+});
+function Te(e, t, n, o, s, r) {
+  return d(), p("span", null, [
+    j(e.$slots, "default")
   ]);
 }
-const Te = /* @__PURE__ */ h(Ce, [["render", Ie]]);
+const Re = /* @__PURE__ */ f($e, [["render", Te]]);
 function z(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Re(e = "", n, t) {
-  const o = new RegExp("([?&])" + n + "=.*?(&|$)", "i"), i = e.indexOf("?") !== -1 ? "&" : "?";
-  return e.match(o) ? e.replace(o, "$1" + n + "=" + encodeURIComponent(t) + "$2") : e + i + n + "=" + encodeURIComponent(t);
+function Ee(e = "", t, n) {
+  const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
+  return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + s + t + "=" + encodeURIComponent(n);
 }
-function Ee(e, n) {
-  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !n)
+function _e(e, t) {
+  if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
-  if (n === "master")
+  if (t === "master")
     return z(e);
-  const t = e.match(
+  const n = e.match(
     /(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i
   );
-  if (t) {
-    const o = e.split(t[0]), i = t[3], r = n.match("x") ? n : `${n}x`;
-    return z(`${o[0]}_${r}${i}`);
+  if (n) {
+    const o = e.split(n[0]), s = n[3], r = t.match("x") ? t : `${t}x`;
+    return z(`${o[0]}_${r}${s}`);
   }
   return null;
 }
-function F(e) {
+function B(e) {
   if (!e)
     return e;
-  const n = [100, 200, 400, 800, 1200, 1600, 2e3];
+  const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
-    let t = e;
+    let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (t = `${t} ${o}w`), n.filter((i) => i !== o).map((i) => `${Re(e, "width", i)} ${i}w`).concat([t]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${Ee(e, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? n.map((t) => [Ee(e, `${t}x${t}`), t]).filter(([t]) => !!t).map(([t, o]) => `${t} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [_e(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Ae = {
+const Ae = h({
   name: "builder-image",
   props: [
     "image",
@@ -330,16 +330,16 @@ const Ae = {
   ],
   computed: {
     srcSetToUse() {
-      var t;
-      const n = this.image || this.src;
-      if (!n || !(n.match(/builder\.io/) || n.match(/cdn\.shopify\.com/)))
+      var n;
+      const t = this.image || this.src;
+      if (!t || !(t.match(/builder\.io/) || t.match(/cdn\.shopify\.com/)))
         return this.srcset;
-      if (this.srcset && ((t = this.image) == null ? void 0 : t.includes("builder.io/api/v1/image"))) {
+      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"), F(n);
+          return console.debug("Removed given srcset"), B(t);
       } else if (this.image && !this.srcset)
-        return F(n);
-      return F(n);
+        return B(t);
+      return B(t);
     },
     webpSrcSet() {
       var e;
@@ -358,86 +358,86 @@ const Ae = {
   },
   methods: {
     _classStringToObject(e) {
-      const n = {};
+      const t = {};
       if (typeof e != "string")
-        return n;
-      const t = e.trim().split(/\s+/);
-      for (const o of t)
-        n[o] = !0;
-      return n;
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
     }
   }
-};
-const Ve = ["srcset"], je = ["alt", "role", "src", "srcset", "sizes"], Pe = {
+});
+const je = ["srcset"], Ve = ["alt", "role", "src", "srcset", "sizes"], Pe = {
   key: 2,
-  class: "div-20vehov4ay6-2"
+  class: "div-7jvpanrlkn-2"
 };
-function Be(e, n, t, o, i, r) {
-  var s, c, a, l;
-  return d(), m(A, null, [
-    H("picture", null, [
-      r.webpSrcSet ? (d(), m("source", {
+function Oe(e, t, n, o, s, r) {
+  var i, l, a, c;
+  return d(), p(A, null, [
+    K("picture", null, [
+      e.webpSrcSet ? (d(), p("source", {
         key: 0,
         type: "image/webp",
-        srcset: r.webpSrcSet
-      }, null, 8, Ve)) : y("", !0),
-      H("img", {
+        srcset: e.webpSrcSet
+      }, null, 8, je)) : v("", !0),
+      K("img", {
         loading: "lazy",
-        alt: t.altText,
-        role: t.altText ? "presentation" : void 0,
-        style: T({
-          objectPosition: t.backgroundPosition || "center",
-          objectFit: t.backgroundSize || "cover",
-          ...r.aspectRatioCss
+        alt: e.altText,
+        role: e.altText ? "presentation" : void 0,
+        style: R({
+          objectPosition: e.backgroundPosition || "center",
+          objectFit: e.backgroundSize || "cover",
+          ...e.aspectRatioCss
         }),
-        class: j(
-          r._classStringToObject(
-            "builder-image" + (t.className ? " " + t.className : "") + " img-20vehov4ay6"
+        class: V(
+          e._classStringToObject(
+            "builder-image" + (e.className ? " " + e.className : "") + " img-7jvpanrlkn"
           )
         ),
-        src: t.image,
-        srcset: r.srcSetToUse,
-        sizes: t.sizes
-      }, null, 14, je)
+        src: e.image,
+        srcset: e.srcSetToUse,
+        sizes: e.sizes
+      }, null, 14, Ve)
     ]),
-    t.aspectRatio && !(((c = (s = t.builderBlock) == null ? void 0 : s.children) == null ? void 0 : c.length) && t.fitContent) ? (d(), m("div", {
+    e.aspectRatio && !(((l = (i = e.builderBlock) == null ? void 0 : i.children) == null ? void 0 : l.length) && e.fitContent) ? (d(), p("div", {
       key: 0,
-      class: "builder-image-sizer div-20vehov4ay6",
-      style: T({
-        paddingTop: t.aspectRatio * 100 + "%"
+      class: "builder-image-sizer div-7jvpanrlkn",
+      style: R({
+        paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : y("", !0),
-    ((l = (a = t.builderBlock) == null ? void 0 : a.children) == null ? void 0 : l.length) && t.fitContent ? V(e.$slots, "default", { key: 1 }, void 0, !0) : y("", !0),
-    !t.fitContent && e.children ? (d(), m("div", Pe, [
-      V(e.$slots, "default", {}, void 0, !0)
-    ])) : y("", !0)
+    }, null, 4)) : v("", !0),
+    ((c = (a = e.builderBlock) == null ? void 0 : a.children) == null ? void 0 : c.length) && e.fitContent ? j(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
+    !e.fitContent && e.children ? (d(), p("div", Pe, [
+      j(e.$slots, "default", {}, void 0, !0)
+    ])) : v("", !0)
   ], 64);
 }
-const Fe = /* @__PURE__ */ h(Ae, [["render", Be], ["__scopeId", "data-v-b99a9c06"]]);
-function p() {
+const Be = /* @__PURE__ */ f(Ae, [["render", Oe], ["__scopeId", "data-v-034e3c7d"]]);
+function m() {
   return typeof window < "u" && typeof document < "u";
 }
-function Oe() {
-  return p() && window.self !== window.top;
+function Fe() {
+  return m() && window.self !== window.top;
 }
-function v() {
-  return Oe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+function k() {
+  return Fe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-const Ue = () => import("./block-styles.6bd36a5a.js").then((e) => e.default).catch((e) => {
+const Ue = () => import("./block-styles.ae0db517.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./render-block/block-styles.vue",
     e
   ), e;
-}), We = () => import("./render-block.ec4c1913.js").then((e) => e.r).then((e) => e.default).catch((e) => {
+}), We = () => import("./render-block.c70eab34.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlock at ./render-block/render-block.vue",
     e
   ), e;
-}), Me = {
+}), Me = h({
   name: "render-blocks",
   components: {
-    RenderBlock: x(We),
-    BlockStyles: x(Ue)
+    RenderBlock: S(We),
+    BlockStyles: S(Ue)
   },
   props: ["blocks", "parent", "path", "styleProp"],
   inject: {
@@ -451,8 +451,8 @@ const Ue = () => import("./block-styles.6bd36a5a.js").then((e) => e.default).cat
   },
   methods: {
     onClick() {
-      var e, n;
-      v() && !((e = this.blocks) != null && e.length) && ((n = window.parent) == null || n.postMessage(
+      var e, t;
+      k() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -464,8 +464,8 @@ const Ue = () => import("./block-styles.6bd36a5a.js").then((e) => e.default).cat
       ));
     },
     onMouseEnter() {
-      var e, n;
-      v() && !((e = this.blocks) != null && e.length) && ((n = window.parent) == null || n.postMessage(
+      var e, t;
+      k() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -477,46 +477,46 @@ const Ue = () => import("./block-styles.6bd36a5a.js").then((e) => e.default).cat
       ));
     },
     _classStringToObject(e) {
-      const n = {};
+      const t = {};
       if (typeof e != "string")
-        return n;
-      const t = e.trim().split(/\s+/);
-      for (const o of t)
-        n[o] = !0;
-      return n;
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
     }
   }
-};
+});
 const Le = ["builder-path", "builder-parent-id", "dataSet"];
-function Ne(e, n, t, o, i, r) {
-  const s = k("render-block"), c = k("block-styles");
-  return d(), m("div", {
-    class: j(r._classStringToObject(r.className + " div-7fq9d0i380")),
-    "builder-path": t.path,
-    "builder-parent-id": t.parent,
+function Ne(e, t, n, o, s, r) {
+  const i = w("render-block"), l = w("block-styles");
+  return d(), p("div", {
+    class: V(e._classStringToObject(e.className + " div-7fq9d0i380")),
+    "builder-path": e.path,
+    "builder-parent-id": e.parent,
     dataSet: {
-      class: r.className
+      class: e.className
     },
-    style: T(t.styleProp),
-    onClick: n[0] || (n[0] = (a) => r.onClick()),
-    onMouseenter: n[1] || (n[1] = (a) => r.onMouseEnter())
+    style: R(e.styleProp),
+    onClick: t[0] || (t[0] = (a) => e.onClick()),
+    onMouseenter: t[1] || (t[1] = (a) => e.onMouseEnter())
   }, [
-    t.blocks ? (d(!0), m(A, { key: 0 }, U(t.blocks, (a, l) => (d(), R(s, {
+    e.blocks ? (d(!0), p(A, { key: 0 }, U(e.blocks, (a, c) => (d(), E(i, {
       key: "render-block-" + a.id,
       block: a,
-      context: r.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : y("", !0),
-    t.blocks ? (d(!0), m(A, { key: 1 }, U(t.blocks, (a, l) => (d(), R(c, {
+      context: e.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : v("", !0),
+    e.blocks ? (d(!0), p(A, { key: 1 }, U(e.blocks, (a, c) => (d(), E(l, {
       key: "block-style-" + a.id,
       block: a,
-      context: r.builderContext
-    }, null, 8, ["block", "context"]))), 128)) : y("", !0)
+      context: e.builderContext
+    }, null, 8, ["block", "context"]))), 128)) : v("", !0)
   ], 46, Le);
 }
-const $e = /* @__PURE__ */ h(Me, [["render", Ne], ["__scopeId", "data-v-81bad369"]]), te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const He = /* @__PURE__ */ f(Me, [["render", Ne], ["__scopeId", "data-v-ff3cb99b"]]), ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $e
-}, Symbol.toStringTag, { value: "Module" })), He = {
+  default: He
+}, Symbol.toStringTag, { value: "Module" })), Ke = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -552,9 +552,9 @@ const $e = /* @__PURE__ */ h(Me, [["render", Ne], ["__scopeId", "data-v-81bad369
   ],
   static: !0,
   noWrap: !0
-}, B = (e) => {
-  const n = e.toString().trim();
-  return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
+}, O = (e) => {
+  const t = e.toString().trim();
+  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
 }, ze = {
   name: "Columns",
   inputs: [
@@ -742,18 +742,18 @@ const $e = /* @__PURE__ */ h(Me, [["render", Ne], ["__scopeId", "data-v-81bad369
           ]
         }
       ],
-      onChange: B((e) => {
-        function n() {
-          t.forEach((o) => {
+      onChange: O((e) => {
+        function t() {
+          n.forEach((o) => {
             o.delete("width");
           });
         }
-        const t = e.get("columns");
-        Array.isArray(t) && !!t.find(
-          (i) => i.get("width")
-        ) && (!!t.find(
+        const n = e.get("columns");
+        Array.isArray(n) && !!n.find(
+          (s) => s.get("width")
+        ) && (!!n.find(
           (r) => !r.get("width")
-        ) || t.reduce((c, a) => c + a.get("width"), 0) !== 100) && n();
+        ) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
       })
     },
     {
@@ -779,13 +779,13 @@ const $e = /* @__PURE__ */ h(Me, [["render", Ne], ["__scopeId", "data-v-81bad369
       advanced: !0
     }
   ]
-}, Ke = {
+}, De = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, De = {
+}, qe = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -804,32 +804,32 @@ const $e = /* @__PURE__ */ h(Me, [["render", Ne], ["__scopeId", "data-v-81bad369
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: !0,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
-      onChange: B(
+      onChange: O(
         (e) => {
           e.delete("srcset"), e.delete("noWebp");
-          function t(s, c = 6e4) {
-            return new Promise((a, l) => {
+          function n(i, l = 6e4) {
+            return new Promise((a, c) => {
               const u = document.createElement("img");
-              let g = !1;
+              let b = !1;
               u.onload = () => {
-                g = !0, a(u);
-              }, u.addEventListener("error", (f) => {
-                console.warn("Image load failed", f.error), l(f.error);
-              }), u.src = s, setTimeout(() => {
-                g || l(new Error("Image load timed out"));
-              }, c);
+                b = !0, a(u);
+              }, u.addEventListener("error", (g) => {
+                console.warn("Image load failed", g.error), c(g.error);
+              }), u.src = i, setTimeout(() => {
+                b || c(new Error("Image load timed out"));
+              }, l);
             });
           }
-          function o(s) {
-            return Math.round(s * 1e3) / 1e3;
+          function o(i) {
+            return Math.round(i * 1e3) / 1e3;
           }
-          const i = e.get("image"), r = e.get("aspectRatio");
-          if (fetch(i).then((s) => s.blob()).then((s) => {
-            s.type.includes("svg") && e.set("noWebp", !0);
-          }), i && (!r || r === 0.7041))
-            return t(i).then((s) => {
-              const c = e.get("aspectRatio");
-              e.get("image") === i && (!c || c === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
+          const s = e.get("image"), r = e.get("aspectRatio");
+          if (fetch(s).then((i) => i.blob()).then((i) => {
+            i.type.includes("svg") && e.set("noWebp", !0);
+          }), s && (!r || r === 0.7041))
+            return n(s).then((i) => {
+              const l = e.get("aspectRatio");
+              e.get("image") === s && (!l || l === 0.7041) && i.width && i.height && (e.set("aspectRatio", o(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
             });
         }
       )
@@ -912,7 +912,7 @@ const $e = /* @__PURE__ */ h(Me, [["render", Ne], ["__scopeId", "data-v-81bad369
       defaultValue: 0.7041
     }
   ]
-}, qe = {
+}, Ge = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -956,46 +956,46 @@ const $e = /* @__PURE__ */ h(Me, [["render", Ne], ["__scopeId", "data-v-81bad369
       }
     }
   ]
-}, Ge = {
+}, Je = h({
   name: "builder-section-component",
   props: ["maxWidth", "attributes"],
   methods: {
-    filterAttrs: function(n = {}, t) {
+    filterAttrs: function(t = {}, n) {
       const o = "v-on:";
-      return Object.keys(n).filter((i) => {
-        if (!n[i])
+      return Object.keys(t).filter((s) => {
+        if (!t[s])
           return !1;
-        const r = i.startsWith(o);
-        return t ? r : !r;
+        const r = s.startsWith(o);
+        return n ? r : !r;
       }).reduce(
-        (i, r) => ({
-          ...i,
-          [r.replace(o, "")]: n[r]
+        (s, r) => ({
+          ...s,
+          [r.replace(o, "")]: t[r]
         }),
         {}
       );
     }
   }
-};
-function Je(e, n, t, o, i, r) {
-  return d(), m("section", _({
+});
+function Xe(e, t, n, o, s, r) {
+  return d(), p("section", I({
     style: {
       width: "100%",
       alignSelf: "stretch",
       flexGrow: 1,
       boxSizing: "border-box",
-      maxWidth: t.maxWidth || 1200,
+      maxWidth: e.maxWidth || 1200,
       display: "flex",
       flexDirection: "column",
       alignItems: "stretch",
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), [
-    V(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, !1), T(e.filterAttrs(e.attributes, !0), !0)), [
+    j(e.$slots, "default")
   ], 16);
 }
-const Xe = /* @__PURE__ */ h(Ge, [["render", Je]]), Ye = {
+const Ye = /* @__PURE__ */ f(Je, [["render", Xe]]), Qe = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1033,16 +1033,16 @@ const Xe = /* @__PURE__ */ h(Ge, [["render", Je]]), Ye = {
       type: "boolean"
     }
   ]
-}, O = "[Builder.io]: ", S = {
-  log: (...e) => console.log(O, ...e),
-  error: (...e) => console.error(O, ...e),
-  warn: (...e) => console.warn(O, ...e)
+}, F = "[Builder.io]: ", C = {
+  log: (...e) => console.log(F, ...e),
+  error: (...e) => console.error(F, ...e),
+  warn: (...e) => console.warn(F, ...e)
 };
-function Qe() {
+function Ze() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Ze() {
-  const e = Qe().fetch;
+function et() {
+  const e = Ze().fetch;
   if (typeof e > "u")
     throw console.warn(
       `Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
@@ -1050,221 +1050,221 @@ function Ze() {
     ), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const ne = Ze(), w = (e) => e != null, et = (e) => {
+const oe = et(), x = (e) => e != null, tt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
-  const n = e.split(".");
-  return n.length > 2 ? n.slice(1).join(".") : e;
-}, oe = async ({
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, se = async ({
   name: e,
-  canTrack: n
+  canTrack: t
 }) => {
-  var t;
+  var n;
   try {
-    return n ? (t = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : t.split("=")[1] : void 0;
+    return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
     console.debug("[COOKIE] GET error: ", o);
     return;
   }
-}, tt = (e) => e.map(([n, t]) => t ? `${n}=${t}` : n).filter(w).join("; "), nt = [
+}, nt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(x).join("; "), ot = [
   ["secure", ""],
   ["SameSite", "None"]
-], ot = ({
+], st = ({
   name: e,
-  value: n,
-  expires: t
+  value: t,
+  expires: n
 }) => {
-  const i = (p() ? location.protocol === "https:" : !0) ? nt : [[]], r = t ? [["expires", t.toUTCString()]] : [[]], s = [
-    [e, n],
+  const s = (m() ? location.protocol === "https:" : !0) ? ot : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [
+    [e, t],
     ...r,
     ["path", "/"],
-    ["domain", et(window.location.hostname)],
-    ...i
+    ["domain", tt(window.location.hostname)],
+    ...s
   ];
-  return tt(s);
-}, ie = async ({
+  return nt(i);
+}, re = async ({
   name: e,
-  value: n,
-  expires: t,
+  value: t,
+  expires: n,
   canTrack: o
 }) => {
   try {
     if (!o)
       return;
-    const i = ot({ name: e, value: n, expires: t });
-    document.cookie = i;
-  } catch (i) {
-    console.warn("[COOKIE] SET error: ", i);
+    const s = st({ name: e, value: t, expires: n });
+    document.cookie = s;
+  } catch (s) {
+    console.warn("[COOKIE] SET error: ", s);
   }
-}, it = "builderio.variations", re = (e) => `${it}.${e}`, rt = ({
+}, rt = "builderio.variations", ie = (e) => `${rt}.${e}`, it = ({
   contentId: e,
-  canTrack: n
-}) => oe({ name: re(e), canTrack: n }), st = ({
+  canTrack: t
+}) => se({ name: ie(e), canTrack: t }), at = ({
   contentId: e,
-  canTrack: n,
-  value: t
-}) => ie({ name: re(e), value: t, canTrack: n }), at = (e) => w(e.id) && w(e.variations) && Object.keys(e.variations).length > 0, ct = ({
+  canTrack: t,
+  value: n
+}) => re({ name: ie(e), value: n, canTrack: t }), lt = (e) => x(e.id) && x(e.variations) && Object.keys(e.variations).length > 0, ct = ({
   id: e,
-  variations: n
+  variations: t
 }) => {
-  var i;
-  let t = 0;
+  var s;
+  let n = 0;
   const o = Math.random();
-  for (const r in n) {
-    const s = (i = n[r]) == null ? void 0 : i.testRatio;
-    if (t += s, o < t)
+  for (const r in t) {
+    const i = (s = t[r]) == null ? void 0 : s.testRatio;
+    if (n += i, o < n)
       return r;
   }
   return e;
-}, K = ({
+}, D = ({
   item: e,
-  testGroupId: n
+  testGroupId: t
 }) => {
-  const t = e.variations[n];
-  return n === e.id || !t ? {
+  const n = e.variations[t];
+  return t === e.id || !n ? {
     testVariationId: e.id,
     testVariationName: "Default"
   } : {
-    data: t.data,
-    testVariationId: t.id,
-    testVariationName: t.name || (t.id === e.id ? "Default" : "")
+    data: n.data,
+    testVariationId: n.id,
+    testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, lt = async ({
+}, dt = async ({
   item: e,
-  canTrack: n
+  canTrack: t
 }) => {
-  const t = await rt({
-    canTrack: n,
+  const n = await it({
+    canTrack: t,
     contentId: e.id
-  }), o = t ? K({ item: e, testGroupId: t }) : void 0;
+  }), o = n ? D({ item: e, testGroupId: n }) : void 0;
   if (o)
     return o;
   {
-    const i = ct({
+    const s = ct({
       variations: e.variations,
       id: e.id
     });
-    return st({
+    return at({
       contentId: e.id,
-      value: i,
-      canTrack: n
+      value: s,
+      canTrack: t
     }).catch((r) => {
       console.error("could not store A/B test variation: ", r);
-    }), K({ item: e, testGroupId: i });
+    }), D({ item: e, testGroupId: s });
   }
-}, dt = async ({
+}, ut = async ({
   item: e,
-  canTrack: n
+  canTrack: t
 }) => {
-  if (!at(e))
+  if (!lt(e))
     return;
-  const t = await lt({ item: e, canTrack: n });
-  Object.assign(e, t);
+  const n = await dt({ item: e, canTrack: t });
+  Object.assign(e, n);
 };
-function W(e, n = null, t = ".") {
-  return Object.keys(e).reduce((o, i) => {
-    const r = e[i], s = [n, i].filter(Boolean).join(t);
+function W(e, t = null, n = ".") {
+  return Object.keys(e).reduce((o, s) => {
+    const r = e[s], i = [t, s].filter(Boolean).join(n);
     return [
       typeof r == "object",
       r !== null,
       !(Array.isArray(r) && r.length === 0)
-    ].every(Boolean) ? { ...o, ...W(r, s, t) } : { ...o, [s]: r };
+    ].every(Boolean) ? { ...o, ...W(r, i, n) } : { ...o, [i]: r };
   }, {});
 }
-const D = "builder.", ut = "options.", mt = (e) => {
-  const n = {};
-  return e.forEach((t, o) => {
-    n[o] = t;
-  }), n;
-}, pt = (e) => {
+const q = "builder.", pt = "options.", mt = (e) => {
+  const t = {};
+  return e.forEach((n, o) => {
+    t[o] = n;
+  }), t;
+}, ht = (e) => {
   if (!e)
     return {};
-  const n = se(e), t = {};
-  return Object.keys(n).forEach((o) => {
-    if (o.startsWith(D)) {
-      const i = o.replace(D, "").replace(ut, "");
-      t[i] = n[o];
+  const t = ae(e), n = {};
+  return Object.keys(t).forEach((o) => {
+    if (o.startsWith(q)) {
+      const s = o.replace(q, "").replace(pt, "");
+      n[s] = t[o];
     }
-  }), t;
-}, ht = () => {
-  if (!p())
+  }), n;
+}, ft = () => {
+  if (!m())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return pt(e);
-}, se = (e) => e instanceof URLSearchParams ? mt(e) : e, ft = "v3", gt = (e) => {
+  return ht(e);
+}, ae = (e) => e instanceof URLSearchParams ? mt(e) : e, gt = "v3", bt = (e) => {
   const {
-    limit: n = 30,
-    userAttributes: t,
+    limit: t = 30,
+    userAttributes: n,
     query: o,
-    noTraverse: i = !1,
+    noTraverse: s = !1,
     model: r,
-    apiKey: s,
-    includeRefs: c = !0,
+    apiKey: i,
+    includeRefs: l = !0,
     locale: a,
-    apiVersion: l = ft
+    apiVersion: c = gt
   } = e;
-  if (!s)
+  if (!i)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(l))
+  if (!["v2", "v3"].includes(c))
     throw new Error(
-      `Invalid apiVersion: expected 'v2' or 'v3', received '${l}'`
+      `Invalid apiVersion: expected 'v2' or 'v3', received '${c}'`
     );
   const u = new URL(
-    `https://cdn.builder.io/api/${l}/content/${r}?apiKey=${s}&limit=${n}&noTraverse=${i}&includeRefs=${c}${a ? `&locale=${a}` : ""}`
-  ), g = {
-    ...ht(),
-    ...se(e.options || {})
-  }, f = W(g);
-  for (const b in f)
-    u.searchParams.set(b, String(f[b]));
-  if (t && u.searchParams.set("userAttributes", JSON.stringify(t)), o) {
-    const b = W({ query: o });
-    for (const C in b)
-      u.searchParams.set(C, JSON.stringify(b[C]));
+    `https://cdn.builder.io/api/${c}/content/${r}?apiKey=${i}&limit=${t}&noTraverse=${s}&includeRefs=${l}${a ? `&locale=${a}` : ""}`
+  ), b = {
+    ...ft(),
+    ...ae(e.options || {})
+  }, g = W(b);
+  for (const y in g)
+    u.searchParams.set(y, String(g[y]));
+  if (n && u.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const y = W({ query: o });
+    for (const $ in y)
+      u.searchParams.set($, JSON.stringify(y[$]));
   }
   return u;
 };
-async function ae(e) {
-  const n = await bt({ ...e, limit: 1 });
-  return n && "results" in n && (n == null ? void 0 : n.results[0]) || null;
+async function le(e) {
+  const t = await yt({ ...e, limit: 1 });
+  return t && "results" in t && (t == null ? void 0 : t.results[0]) || null;
 }
-async function bt(e) {
+async function yt(e) {
   try {
-    const n = gt(e), o = await (await ne(n.href)).json();
+    const t = bt(e), o = await (await oe(t.href)).json();
     if ("status" in o && !("results" in o))
-      return S.error("Error fetching data. ", o, e), o;
-    const i = e.canTrack !== !1;
+      return C.error("Error fetching data. ", { url: t, content: o, options: e }), o;
+    const s = e.canTrack !== !1;
     try {
-      if (i && Array.isArray(o.results))
+      if (s && Array.isArray(o.results))
         for (const r of o.results)
-          await dt({ item: r, canTrack: i });
+          await ut({ item: r, canTrack: s });
     } catch (r) {
-      S.error("Could not setup A/B testing. ", r);
+      C.error("Could not setup A/B testing. ", r);
     }
     return o;
-  } catch (n) {
-    return S.error("Error fetching data. ", n), null;
+  } catch (t) {
+    return C.error("Error fetching data. ", t), null;
   }
 }
-const yt = () => Promise.resolve().then(() => An).then((e) => e.default).catch((e) => {
+const vt = () => Promise.resolve().then(() => Vn).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContent at ../../components/render-content/render-content.vue",
     e
   ), e;
-}), vt = {
+}), kt = h({
   name: "builder-symbol",
-  components: { RenderContent: x(yt) },
+  components: { RenderContent: S(vt) },
   props: ["attributes", "symbol", "dynamic"],
   data() {
-    var e, n, t;
+    var e, t, n;
     return {
       className: [
         ...Object.keys(this.attributes.class),
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
-        ((n = this.symbol) == null ? void 0 : n.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
+        ((t = this.symbol) == null ? void 0 : t.dynamic) || this.dynamic ? "builder-dynamic-symbol" : void 0
       ].filter(Boolean).join(" "),
-      contentToUse: (t = this.symbol) == null ? void 0 : t.content
+      contentToUse: (n = this.symbol) == null ? void 0 : n.content
     };
   },
   inject: {
@@ -1290,71 +1290,71 @@ const yt = () => Promise.resolve().then(() => An).then((e) => e.default).catch((
   },
   methods: {
     fetchContent() {
-      var e, n;
-      !this.contentToUse && ((e = this.symbol) == null ? void 0 : e.model) && ((n = this.builderContext) == null ? void 0 : n.apiKey) && ae({
+      var e, t;
+      !this.contentToUse && ((e = this.symbol) == null ? void 0 : e.model) && ((t = this.builderContext) == null ? void 0 : t.apiKey) && le({
         model: this.symbol.model,
         apiKey: this.builderContext.apiKey,
         apiVersion: this.builderContext.apiVersion,
         query: {
           id: this.symbol.entry
         }
-      }).then((t) => {
-        t && (this.contentToUse = t);
-      }).catch((t) => {
-        S.error("Could not fetch symbol content: ", t);
+      }).then((n) => {
+        n && (this.contentToUse = n);
+      }).catch((n) => {
+        C.error("Could not fetch symbol content: ", n);
       });
     },
-    filterAttrs: function(n = {}, t) {
+    filterAttrs: function(t = {}, n) {
       const o = "v-on:";
-      return Object.keys(n).filter((i) => {
-        if (!n[i])
+      return Object.keys(t).filter((s) => {
+        if (!t[s])
           return !1;
-        const r = i.startsWith(o);
-        return t ? r : !r;
+        const r = s.startsWith(o);
+        return n ? r : !r;
       }).reduce(
-        (i, r) => ({
-          ...i,
-          [r.replace(o, "")]: n[r]
+        (s, r) => ({
+          ...s,
+          [r.replace(o, "")]: t[r]
         }),
         {}
       );
     },
     _classStringToObject(e) {
-      const n = {};
+      const t = {};
       if (typeof e != "string")
-        return n;
-      const t = e.trim().split(/\s+/);
-      for (const o of t)
-        n[o] = !0;
-      return n;
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
     }
   }
-}, xt = ["dataSet"];
-function kt(e, n, t, o, i, r) {
-  var c, a, l, u;
-  const s = k("render-content");
-  return d(), m("div", _({
+}), St = ["dataSet"];
+function wt(e, t, n, o, s, r) {
+  var l, a, c, u;
+  const i = w("render-content");
+  return d(), p("div", I({
     dataSet: {
-      class: i.className
-    },
-    class: r._classStringToObject(i.className)
-  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), [
-    Z(s, {
-      apiVersion: r.builderContext.apiVersion,
-      apiKey: r.builderContext.apiKey,
-      context: r.builderContext.context,
-      customComponents: Object.values(r.builderContext.registeredComponents),
+      class: e.className
+    },
+    class: e._classStringToObject(e.className)
+  }, e.filterAttrs(e.attributes, !1), T(e.filterAttrs(e.attributes, !0), !0)), [
+    ee(i, {
+      apiVersion: e.builderContext.apiVersion,
+      apiKey: e.builderContext.apiKey,
+      context: e.builderContext.context,
+      customComponents: Object.values(e.builderContext.registeredComponents),
       data: {
-        ...(c = t.symbol) == null ? void 0 : c.data,
-        ...r.builderContext.state,
-        ...(l = (a = i.contentToUse) == null ? void 0 : a.data) == null ? void 0 : l.state
+        ...(l = e.symbol) == null ? void 0 : l.data,
+        ...e.builderContext.localState,
+        ...(c = (a = e.contentToUse) == null ? void 0 : a.data) == null ? void 0 : c.state
       },
-      model: (u = t.symbol) == null ? void 0 : u.model,
-      content: i.contentToUse
+      model: (u = e.symbol) == null ? void 0 : u.model,
+      content: e.contentToUse
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
-  ], 16, xt);
+  ], 16, St);
 }
-const St = /* @__PURE__ */ h(vt, [["render", kt]]), _t = {
+const Ct = /* @__PURE__ */ f(kt, [["render", wt]]), It = {
   name: "Text",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
@@ -1373,20 +1373,20 @@ const St = /* @__PURE__ */ h(vt, [["render", kt]]), _t = {
     height: "auto",
     textAlign: "center"
   }
-}, wt = {
+}, xt = h({
   name: "builder-text",
   props: ["text"]
-}, Ct = ["innerHTML"];
-function It(e, n, t, o, i, r) {
-  return d(), m("span", {
+}), $t = ["innerHTML"];
+function Tt(e, t, n, o, s, r) {
+  return d(), p("span", {
     class: "builder-text",
-    innerHTML: t.text,
+    innerHTML: e.text,
     style: {
       outline: "none"
     }
-  }, null, 8, Ct);
+  }, null, 8, $t);
 }
-const Tt = /* @__PURE__ */ h(wt, [["render", It]]), Rt = {
+const Rt = /* @__PURE__ */ f(xt, [["render", Tt]]), Et = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1487,7 +1487,7 @@ const Tt = /* @__PURE__ */ h(wt, [["render", It]]), Rt = {
       advanced: !0
     }
   ]
-}, Et = {
+}, _t = h({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1528,23 +1528,23 @@ const Tt = /* @__PURE__ */ h(wt, [["render", It]]), Rt = {
       };
     }
   }
-}, At = ["src", "poster"];
-function Vt(e, n, t, o, i, r) {
-  var s;
-  return d(), m("video", _({
+}), At = ["src", "poster"];
+function jt(e, t, n, o, s, r) {
+  var i;
+  return d(), p("video", I({
     style: {
       width: "100%",
       height: "100%",
-      ...(s = t.attributes) == null ? void 0 : s.style,
-      objectFit: t.fit,
-      objectPosition: t.position,
+      ...(i = e.attributes) == null ? void 0 : i.style,
+      objectFit: e.fit,
+      objectPosition: e.position,
       borderRadius: 1
     },
-    src: t.video || "no-src",
-    poster: t.posterImage
-  }, r.spreadProps), null, 16, At);
+    src: e.video || "no-src",
+    poster: e.posterImage
+  }, e.spreadProps), null, 16, At);
 }
-const jt = /* @__PURE__ */ h(Et, [["render", Vt]]), Pt = {
+const Vt = /* @__PURE__ */ f(_t, [["render", jt]]), Pt = {
   name: "Embed",
   static: !0,
   inputs: [
@@ -1554,14 +1554,14 @@ const jt = /* @__PURE__ */ h(Et, [["render", Vt]]), Pt = {
       required: !0,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange: B(
+      onChange: O(
         (e) => {
-          const n = e.get("url");
-          if (n)
+          const t = e.get("url");
+          if (t)
             return e.set("content", "Loading..."), fetch(
-              `https://iframe.ly/api/iframely?url=${n}&api_key=ae0e60e78201a3f2b0de4b`
+              `https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`
             ).then((o) => o.json()).then((o) => {
-              e.get("url") === n && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
+              e.get("url") === t && (o.html ? e.set("content", o.html) : e.set("content", "Invalid url, please try another"));
             }).catch((o) => {
               e.set(
                 "content",
@@ -1579,11 +1579,11 @@ const jt = /* @__PURE__ */ h(Et, [["render", Vt]]), Pt = {
       hideFromUI: !0
     }
   ]
-}, Bt = [
+}, Ot = [
   "text/javascript",
   "application/javascript",
   "application/ecmascript"
-], Ft = (e) => Bt.includes(e.type), Ot = {
+], Bt = (e) => Ot.includes(e.type), Ft = h({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1610,30 +1610,30 @@ const jt = /* @__PURE__ */ h(Et, [["render", Vt]]), Pt = {
       if (!this.$refs.elem || !this.$refs.elem.getElementsByTagName)
         return;
       const e = this.$refs.elem.getElementsByTagName("script");
-      for (let n = 0; n < e.length; n++) {
-        const t = e[n];
-        if (t.src && !this.scriptsInserted.includes(t.src)) {
-          this.scriptsInserted.push(t.src);
+      for (let t = 0; t < e.length; t++) {
+        const n = e[t];
+        if (n.src && !this.scriptsInserted.includes(n.src)) {
+          this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
-          o.async = !0, o.src = t.src, document.head.appendChild(o);
-        } else if (Ft(t) && !this.scriptsRun.includes(t.innerText))
+          o.async = !0, o.src = n.src, document.head.appendChild(o);
+        } else if (Bt(n) && !this.scriptsRun.includes(n.innerText))
           try {
-            this.scriptsRun.push(t.innerText), new Function(t.innerText)();
+            this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
             console.warn("`Embed`: Error running script:", o);
           }
       }
     }
   }
-}, Ut = ["innerHTML"];
-function Wt(e, n, t, o, i, r) {
-  return d(), m("div", {
+}), Ut = ["innerHTML"];
+function Wt(e, t, n, o, s, r) {
+  return d(), p("div", {
     class: "builder-embed",
     ref: "elem",
-    innerHTML: t.content
+    innerHTML: e.content
   }, null, 8, Ut);
 }
-const Mt = /* @__PURE__ */ h(Ot, [["render", Wt]]), Lt = {
+const Mt = /* @__PURE__ */ f(Ft, [["render", Wt]]), Lt = h({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1644,38 +1644,38 @@ const Mt = /* @__PURE__ */ h(Ot, [["render", Wt]]), Lt = {
     "attributes"
   ],
   data() {
-    return { isEditing: v };
+    return { isEditing: k };
   },
   methods: {
-    filterAttrs: function(n = {}, t) {
+    filterAttrs: function(t = {}, n) {
       const o = "v-on:";
-      return Object.keys(n).filter((i) => {
-        if (!n[i])
+      return Object.keys(t).filter((s) => {
+        if (!t[s])
           return !1;
-        const r = i.startsWith(o);
-        return t ? r : !r;
+        const r = s.startsWith(o);
+        return n ? r : !r;
       }).reduce(
-        (i, r) => ({
-          ...i,
-          [r.replace(o, "")]: n[r]
+        (s, r) => ({
+          ...s,
+          [r.replace(o, "")]: t[r]
         }),
         {}
       );
     }
   }
-}, Nt = ["alt", "src"];
-function $t(e, n, t, o, i, r) {
-  return d(), m("img", _({
+}), Nt = ["alt", "src"];
+function Ht(e, t, n, o, s, r) {
+  return d(), p("img", I({
     style: {
-      objectFit: t.backgroundSize || "cover",
-      objectPosition: t.backgroundPosition || "center"
+      objectFit: e.backgroundSize || "cover",
+      objectPosition: e.backgroundPosition || "center"
     },
-    key: i.isEditing() && t.imgSrc || "default-key",
-    alt: t.altText,
-    src: t.imgSrc || t.image
-  }, r.filterAttrs(t.attributes, !1), I(r.filterAttrs(t.attributes, !0), !0)), null, 16, Nt);
+    key: e.isEditing() && e.imgSrc || "default-key",
+    alt: e.altText,
+    src: e.imgSrc || e.image
+  }, e.filterAttrs(e.attributes, !1), T(e.filterAttrs(e.attributes, !0), !0)), null, 16, Nt);
 }
-const Ht = /* @__PURE__ */ h(Lt, [["render", $t]]), zt = {
+const Kt = /* @__PURE__ */ f(Lt, [["render", Ht]]), zt = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1690,7 +1690,7 @@ const Ht = /* @__PURE__ */ h(Lt, [["render", $t]]), zt = {
   ],
   noWrap: !0,
   static: !0
-}, Kt = {
+}, Dt = h({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1703,23 +1703,23 @@ const Ht = /* @__PURE__ */ h(Lt, [["render", $t]]), zt = {
     findAndRunScripts() {
       if (this.$refs.elem && this.$refs.elem.getElementsByTagName && typeof window < "u") {
         const e = this.$refs.elem.getElementsByTagName("script");
-        for (let n = 0; n < e.length; n++) {
-          const t = e[n];
-          if (t.src) {
-            if (this.scriptsInserted.includes(t.src))
+        for (let t = 0; t < e.length; t++) {
+          const n = e[t];
+          if (n.src) {
+            if (this.scriptsInserted.includes(n.src))
               continue;
-            this.scriptsInserted.push(t.src);
+            this.scriptsInserted.push(n.src);
             const o = document.createElement("script");
-            o.async = !0, o.src = t.src, document.head.appendChild(o);
-          } else if (!t.type || [
+            o.async = !0, o.src = n.src, document.head.appendChild(o);
+          } else if (!n.type || [
             "text/javascript",
             "application/javascript",
             "application/ecmascript"
-          ].includes(t.type)) {
-            if (this.scriptsRun.includes(t.innerText))
+          ].includes(n.type)) {
+            if (this.scriptsRun.includes(n.innerText))
               continue;
             try {
-              this.scriptsRun.push(t.innerText), new Function(t.innerText)();
+              this.scriptsRun.push(n.innerText), new Function(n.innerText)();
             } catch (o) {
               console.warn("`CustomCode`: Error running script:", o);
             }
@@ -1728,28 +1728,28 @@ const Ht = /* @__PURE__ */ h(Lt, [["render", $t]]), zt = {
       }
     },
     _classStringToObject(e) {
-      const n = {};
+      const t = {};
       if (typeof e != "string")
-        return n;
-      const t = e.trim().split(/\s+/);
-      for (const o of t)
-        n[o] = !0;
-      return n;
+        return t;
+      const n = e.trim().split(/\s+/);
+      for (const o of n)
+        t[o] = !0;
+      return t;
     }
   }
-}, Dt = ["innerHTML"];
-function qt(e, n, t, o, i, r) {
-  return d(), m("div", {
+}), qt = ["innerHTML"];
+function Gt(e, t, n, o, s, r) {
+  return d(), p("div", {
     ref: "elem",
-    class: j(
-      r._classStringToObject(
-        "builder-custom-code" + (t.replaceNodes ? " replace-nodes" : "")
+    class: V(
+      e._classStringToObject(
+        "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
       )
     ),
-    innerHTML: t.code
-  }, null, 10, Dt);
+    innerHTML: e.code
+  }, null, 10, qt);
 }
-const Gt = /* @__PURE__ */ h(Kt, [["render", qt]]), Jt = {
+const Jt = /* @__PURE__ */ f(Dt, [["render", Gt]]), Xt = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1775,34 +1775,36 @@ const Gt = /* @__PURE__ */ h(Kt, [["render", qt]]), Jt = {
       advanced: !0
     }
   ]
-}, Xt = () => [
-  { component: be, ...He },
-  { component: we, ...ze },
-  { component: Gt, ...Jt },
+}, Yt = () => [
+  { component: ye, ...Ke },
+  { component: xe, ...ze },
+  { component: Jt, ...Xt },
   { component: Mt, ...Pt },
-  { component: Te, ...Ke },
-  { component: Fe, ...De },
-  { component: Ht, ...zt },
-  { component: Xe, ...qe },
-  { component: St, ...Ye },
-  { component: Tt, ..._t },
-  { component: jt, ...Rt }
+  { component: Re, ...De },
+  { component: Be, ...qe },
+  { component: Kt, ...zt },
+  { component: Ye, ...Ge },
+  { component: Ct, ...Qe },
+  { component: Rt, ...It },
+  { component: Vt, ...Et }
 ];
-function q({
+function G({
   code: e,
-  context: n,
-  state: t,
-  event: o,
+  context: t,
+  localState: n,
+  rootState: o,
+  rootSetState: s,
+  event: r,
   isExpression: i = !0
 }) {
   if (e === "") {
     console.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const r = {
-    isEditing: v(),
-    isBrowser: p(),
-    isServer: !p()
+  const l = {
+    isEditing: k(),
+    isBrowser: m(),
+    isServer: !m()
   }, c = i && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
   try {
     return new Function(
@@ -1812,8 +1814,14 @@ function q({
       "context",
       "event",
       c
-    )(r, r, t, n, o);
-  } catch (a) {
+    )(
+      l,
+      l,
+      Qt(o, n, s),
+      t,
+      r
+    );
+  } catch (u) {
     console.warn(
       `Builder custom code error: 
  While Evaluating: 
@@ -1821,117 +1829,131 @@ function q({
       c,
       `
 `,
-      a
+      u
     );
   }
 }
-function Yt() {
-  return !p() || v() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+function Qt(e, t, n) {
+  if (e === t)
+    throw new Error("rootState === localState");
+  return new Proxy(e, {
+    get: (o, s) => t && s in t ? t[s] : e[s],
+    set: (o, s, r) => {
+      if (t && s in t)
+        throw new Error(
+          "Writing to local state is not allowed as it is read-only."
+        );
+      return e[s] = r, n == null || n(e), !0;
+    }
+  });
+}
+function Zt() {
+  return !m() || k() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
 const ce = [];
-function Pn(e, n) {
-  return ce.push({ component: e, ...n }), console.warn(
+function Bn(e, t) {
+  return ce.push({ component: e, ...t }), console.warn(
     "registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK."
   ), e;
 }
-const Qt = ({
+const en = ({
   component: e,
-  ...n
+  ...t
 }) => ({
   type: "builder.registerComponent",
-  data: en(n)
-}), Zt = (e) => typeof e == "function" ? B(e) : L(e), en = ({
+  data: nn(t)
+}), tn = (e) => typeof e == "function" ? O(e) : L(e), nn = ({
   inputs: e,
-  ...n
+  ...t
 }) => ({
-  ...L(n),
+  ...L(t),
   inputs: e == null ? void 0 : e.map(
-    (t) => Object.entries(t).reduce(
-      (o, [i, r]) => ({
+    (n) => Object.entries(n).reduce(
+      (o, [s, r]) => ({
         ...o,
-        [i]: Zt(r)
+        [s]: tn(r)
       }),
       {}
     )
   )
 });
-function tn() {
+function on() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
-    const n = Math.random() * 16 | 0;
-    return (e == "x" ? n : n & 3 | 8).toString(16);
+    const t = Math.random() * 16 | 0;
+    return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function le() {
-  return tn().replace(/-/g, "");
+function de() {
+  return on().replace(/-/g, "");
 }
-const de = "builderSessionId", nn = async ({
+const ue = "builderSessionId", sn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const n = await oe({
-    name: de,
+  const t = await se({
+    name: ue,
     canTrack: e
   });
-  if (w(n))
-    return n;
+  if (x(t))
+    return t;
   {
-    const t = on();
-    return rn({ id: t, canTrack: e }), t;
+    const n = rn();
+    return an({ id: n, canTrack: e }), n;
   }
-}, on = () => le(), rn = ({
+}, rn = () => de(), an = ({
   id: e,
-  canTrack: n
-}) => ie({ name: de, value: e, canTrack: n }), ue = () => p() && typeof localStorage < "u" ? localStorage : void 0, sn = ({
+  canTrack: t
+}) => re({ name: ue, value: e, canTrack: t }), pe = () => m() && typeof localStorage < "u" ? localStorage : void 0, ln = ({
   key: e,
-  canTrack: n
+  canTrack: t
 }) => {
-  var t;
+  var n;
   try {
-    return n ? (t = ue()) == null ? void 0 : t.getItem(e) : void 0;
+    return t ? (n = pe()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, an = ({
+}, cn = ({
   key: e,
-  canTrack: n,
-  value: t
+  canTrack: t,
+  value: n
 }) => {
   var o;
   try {
-    n && ((o = ue()) == null || o.setItem(e, t));
-  } catch (i) {
-    console.debug("[LocalStorage] SET error: ", i);
+    t && ((o = pe()) == null || o.setItem(e, n));
+  } catch (s) {
+    console.debug("[LocalStorage] SET error: ", s);
   }
-}, me = "builderVisitorId", cn = ({ canTrack: e }) => {
+}, me = "builderVisitorId", dn = ({ canTrack: e }) => {
   if (!e)
     return;
-  const n = sn({
+  const t = ln({
     key: me,
     canTrack: e
   });
-  if (w(n))
-    return n;
+  if (x(t))
+    return t;
   {
-    const t = ln();
-    return dn({ id: t, canTrack: e }), t;
+    const n = un();
+    return pn({ id: n, canTrack: e }), n;
   }
-}, ln = () => le(), dn = ({
+}, un = () => de(), pn = ({
   id: e,
-  canTrack: n
-}) => an({
+  canTrack: t
+}) => cn({
   key: me,
   value: e,
-  canTrack: n
-}), un = () => {
-  if (p()) {
+  canTrack: t
+}), mn = () => {
+  if (m()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, mn = () => typeof navigator == "object" && navigator.userAgent || "", pn = () => {
-  const e = mn(), n = {
+}, hn = () => typeof navigator == "object" && navigator.userAgent || "", fn = () => {
+  const e = hn(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -1948,84 +1970,84 @@ const de = "builderSessionId", nn = async ({
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return n.Android() || n.BlackBerry() || n.iOS() || n.Opera() || n.Windows() || E === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || _ === "reactNative";
     }
-  }, t = e.match(/Tablet|iPad/i), o = un();
+  }, n = e.match(/Tablet|iPad/i), o = mn();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
-    device: t ? "tablet" : n.any() ? "mobile" : "desktop"
+    device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, hn = async ({
+}, gn = async ({
   canTrack: e
 }) => {
   if (!e)
     return { visitorId: void 0, sessionId: void 0 };
-  const n = await nn({ canTrack: e }), t = cn({ canTrack: e });
+  const t = await sn({ canTrack: e }), n = dn({ canTrack: e });
   return {
-    sessionId: n,
-    visitorId: t
+    sessionId: t,
+    visitorId: n
   };
-}, fn = async ({
+}, bn = async ({
   type: e,
-  canTrack: n,
-  apiKey: t,
+  canTrack: t,
+  apiKey: n,
   metadata: o,
-  ...i
+  ...s
 }) => ({
   type: e,
   data: {
-    ...i,
+    ...s,
     metadata: {
       url: location.href,
       ...o
     },
-    ...await hn({ canTrack: n }),
-    userAttributes: pn(),
-    ownerId: t
+    ...await gn({ canTrack: t }),
+    userAttributes: fn(),
+    ownerId: n
   }
 });
 async function M(e) {
   if (!e.apiKey) {
-    S.error(
+    C.error(
       "Missing API key for track call. Please provide your API key."
     );
     return;
   }
-  if (!!e.canTrack && !v() && !!(p() || E === "reactNative"))
+  if (!!e.canTrack && !k() && !!(m() || _ === "reactNative"))
     return fetch("https://builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await fn(e)]
+        events: [await bn(e)]
       }),
       headers: {
         "content-type": "application/json"
       },
       mode: "cors"
-    }).catch((n) => {
-      console.error("Failed to track: ", n);
+    }).catch((t) => {
+      console.error("Failed to track: ", t);
     });
 }
-const Bn = (e) => M({ ...e, canTrack: !0 }), G = {};
-function gn(e, n) {
-  let t = G[e];
-  if (t || (t = G[e] = []), t.push(n), p()) {
+const Fn = (e) => M({ ...e, canTrack: !0 }), yn = "0.3.1", J = {};
+function vn(e, t) {
+  let n = J[e];
+  if (n || (n = J[e] = []), n.push(t), m()) {
     const o = {
       type: "builder.register",
       data: {
         type: e,
-        info: n
+        info: t
       }
     };
     try {
       parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (i) {
-      console.debug("Could not postmessage", i);
+    } catch (s) {
+      console.debug("Could not postmessage", s);
     }
   }
 }
-const bn = () => {
-  gn("insertMenu", {
+const kn = () => {
+  vn("insertMenu", {
     name: "_default",
     default: !0,
     items: [
@@ -2040,21 +2062,22 @@ const bn = () => {
     ]
   });
 };
-let J = !1;
-const yn = (e = {}) => {
-  var n, t;
-  J || (J = !0, p() && ((n = window.parent) == null || n.postMessage(
+let X = !1;
+const Sn = (e = {}) => {
+  var t, n;
+  X || (X = !0, m() && ((t = window.parent) == null || t.postMessage(
     {
       type: "builder.sdkInfo",
       data: {
-        target: E,
+        target: _,
+        version: yn,
         supportsPatchUpdates: !1,
         supportsAddBlockScoping: !0,
         supportsCustomBreakpoints: !0
       }
     },
     "*"
-  ), (t = window.parent) == null || t.postMessage(
+  ), (n = window.parent) == null || n.postMessage(
     {
       type: "builder.updateContent",
       data: {
@@ -2063,29 +2086,29 @@ const yn = (e = {}) => {
     },
     "*"
   ), window.addEventListener("message", ({ data: o }) => {
-    var i, r;
+    var s, r;
     if (!!(o != null && o.type))
       switch (o.type) {
         case "builder.evaluate": {
-          const s = o.data.text, c = o.data.arguments || [], a = o.data.id, l = new Function(s);
-          let u, g = null;
+          const i = o.data.text, l = o.data.arguments || [], a = o.data.id, c = new Function(i);
+          let u, b = null;
           try {
-            u = l.apply(null, c);
-          } catch (f) {
-            g = f;
+            u = c.apply(null, l);
+          } catch (g) {
+            b = g;
           }
-          g ? (i = window.parent) == null || i.postMessage(
+          b ? (s = window.parent) == null || s.postMessage(
             {
               type: "builder.evaluateError",
-              data: { id: a, error: g.message }
+              data: { id: a, error: b.message }
             },
             "*"
-          ) : u && typeof u.then == "function" ? u.then((f) => {
-            var b;
-            (b = window.parent) == null || b.postMessage(
+          ) : u && typeof u.then == "function" ? u.then((g) => {
+            var y;
+            (y = window.parent) == null || y.postMessage(
               {
                 type: "builder.evaluateResult",
-                data: { id: a, result: f }
+                data: { id: a, result: g }
               },
               "*"
             );
@@ -2101,84 +2124,84 @@ const yn = (e = {}) => {
       }
   })));
 };
-function X(e) {
+function Y(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const vn = (e, n, t = !0) => {
+const wn = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
-  let o = t ? e : e.parentElement;
+  let o = n ? e : e.parentElement;
   do {
     if (!o)
       return null;
-    if (n(o))
+    if (t(o))
       return o;
   } while (o = o.parentElement);
   return null;
-}, xn = (e) => vn(e, (n) => {
-  const t = n.getAttribute("builder-id") || n.id;
-  return Boolean((t == null ? void 0 : t.indexOf("builder-")) === 0);
-}), Y = ({
+}, Cn = (e) => wn(e, (t) => {
+  const n = t.getAttribute("builder-id") || t.id;
+  return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
+}), Q = ({
   event: e,
-  target: n
+  target: t
 }) => {
-  const t = n.getBoundingClientRect(), o = e.clientX - t.left, i = e.clientY - t.top, r = X(o / t.width), s = X(i / t.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = Y(o / n.width), i = Y(s / n.height);
   return {
     x: r,
-    y: s
+    y: i
   };
-}, kn = (e) => {
-  const n = e.target, t = n && xn(n), o = (t == null ? void 0 : t.getAttribute("builder-id")) || (t == null ? void 0 : t.id);
+}, In = (e) => {
+  const t = e.target, n = t && Cn(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: n ? Y({ event: e, target: n }) : void 0,
-      builderTargetOffset: t ? Y({ event: e, target: t }) : void 0,
-      builderElementIndex: t && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(t) : void 0
+      targetOffset: t ? Q({ event: e, target: t }) : void 0,
+      builderTargetOffset: n ? Q({ event: e, target: n }) : void 0,
+      builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Sn = ({
+}, xn = ({
   content: e,
-  data: n,
-  locale: t
+  data: t,
+  locale: n
 }) => {
-  var r, s, c;
+  var r, i, l;
   const o = {};
-  (s = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || s.forEach((a) => {
-    var l;
-    a.name && a.defaultValue !== void 0 && ((l = e == null ? void 0 : e.data) == null ? void 0 : l.state) && e.data.state[a.name] === void 0 && (o[a.name] = a.defaultValue);
+  (i = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || i.forEach((a) => {
+    var c;
+    a.name && a.defaultValue !== void 0 && ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) && e.data.state[a.name] === void 0 && (o[a.name] = a.defaultValue);
   });
-  const i = {
-    ...(c = e == null ? void 0 : e.data) == null ? void 0 : c.state,
-    ...n,
-    ...t ? { locale: t } : {}
+  const s = {
+    ...(l = e == null ? void 0 : e.data) == null ? void 0 : l.state,
+    ...t,
+    ...n ? { locale: n } : {}
   };
-  return { ...o, ...i };
-}, _n = ({
+  return { ...o, ...s };
+}, $n = ({
   content: e,
-  data: n
+  data: t
 }) => e ? {
   ...e,
   data: {
     ...e == null ? void 0 : e.data,
-    ...n
+    ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, wn = () => Promise.resolve().then(() => te).then((e) => e.default).catch((e) => {
+} : void 0, Tn = () => Promise.resolve().then(() => ne).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderBlocks at ../render-blocks.vue",
     e
   ), e;
-}), Cn = () => import("./render-styles.cf6faa29.js").then((e) => e.default).catch((e) => {
+}), Rn = () => import("./render-styles.f8cb298d.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderContentStyles at ./components/render-styles.vue",
     e
   ), e;
-}), In = {
+}), En = h({
   name: "render-content",
   components: {
-    RenderContentStyles: x(Cn),
-    RenderBlocks: x(wn)
+    RenderContentStyles: S(Rn),
+    RenderBlocks: S(Tn)
   },
   props: [
     "content",
@@ -2196,31 +2219,31 @@ const vn = (e, n, t = !0) => {
     return {
       forceReRenderCount: 0,
       overrideContent: null,
-      useContent: _n({
+      useContent: $n({
         content: this.content,
         data: this.data
       }),
       update: 0,
-      canTrackToUse: w(this.canTrack) ? this.canTrack : !0,
-      contentState: Sn({
+      canTrackToUse: x(this.canTrack) ? this.canTrack : !0,
+      contentState: xn({
         content: this.content,
         data: this.data,
         locale: this.locale
       }),
       allRegisteredComponents: [
-        ...Xt(),
+        ...Yt(),
         ...ce,
         ...this.customComponents || []
       ].reduce(
-        (e, n) => ({
+        (e, t) => ({
           ...e,
-          [n.name]: n
+          [t.name]: t
         }),
         {}
       ),
       httpReqsData: {},
       clicked: !1,
-      TARGET: E
+      TARGET: _
     };
   },
   provide() {
@@ -2228,21 +2251,23 @@ const vn = (e, n, t = !0) => {
     return {
       [P.key]: {
         content: e.useContent,
-        state: e.contentState,
-        setState: e.setContextState,
+        localState: void 0,
+        rootState: e.contentState,
+        rootSetState: e.contentSetState,
         context: e.context || {},
         apiKey: e.apiKey,
         apiVersion: e.apiVersion,
-        registeredComponents: e.allRegisteredComponents
+        registeredComponents: e.allRegisteredComponents,
+        inheritedStyles: {}
       }
     };
   },
   mounted() {
-    var e, n;
-    if (this.apiKey || S.error(
+    var e, t;
+    if (this.apiKey || C.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), p()) {
-      if (v() && (this.forceReRenderCount = this.forceReRenderCount + 1, bn(), yn({
+    ), m()) {
+      if (k() && (this.forceReRenderCount = this.forceReRenderCount + 1, kn(), Sn({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2251,33 +2276,33 @@ const vn = (e, n, t = !0) => {
         } : {}
       }), Object.values(
         this.allRegisteredComponents
-      ).forEach((t) => {
-        var i;
-        const o = Qt(t);
-        (i = window.parent) == null || i.postMessage(o, "*");
+      ).forEach((n) => {
+        var s;
+        const o = en(n);
+        (s = window.parent) == null || s.postMessage(o, "*");
       }), window.addEventListener("message", this.processMessage), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
       )), this.useContent) {
-        const t = (e = this.useContent) == null ? void 0 : e.testVariationId, o = (n = this.useContent) == null ? void 0 : n.id;
+        const n = (e = this.useContent) == null ? void 0 : e.testVariationId, o = (t = this.useContent) == null ? void 0 : t.id;
         M({
           type: "impression",
           canTrack: this.canTrackToUse,
           contentId: o,
           apiKey: this.apiKey,
-          variationId: t !== o ? t : void 0
+          variationId: n !== o ? n : void 0
         });
       }
-      if (Yt()) {
-        const t = new URL(location.href).searchParams, o = t.get("builder.preview"), i = t.get(
+      if (Zt()) {
+        const n = new URL(location.href).searchParams, o = n.get("builder.preview"), s = n.get(
           `builder.preview.${o}`
-        ), r = t.get("apiKey") || t.get("builder.space");
-        o === this.model && r === this.apiKey && (!this.content || i === this.content.id) && ae({
+        ), r = n.get("apiKey") || n.get("builder.space");
+        o === this.model && r === this.apiKey && (!this.content || s === this.content.id) && le({
           model: this.model,
           apiKey: this.apiKey,
           apiVersion: this.apiVersion
-        }).then((s) => {
-          s && this.mergeNewContent(s);
+        }).then((i) => {
+          i && this.mergeNewContent(i);
         });
       }
       this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
@@ -2310,7 +2335,7 @@ const vn = (e, n, t = !0) => {
     }
   },
   unmounted() {
-    p() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    m() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -2322,16 +2347,16 @@ const vn = (e, n, t = !0) => {
       };
     },
     onUpdateHook1() {
-      var e, n;
+      var e, t;
       return {
-        0: (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.jsCode,
+        0: (t = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : t.jsCode,
         1: this.contentState
       };
     },
     onUpdateHook2() {
-      var e, n;
+      var e, t;
       return {
-        0: (n = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : n.httpRequests
+        0: (t = (e = this.useContent) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests
       };
     },
     onUpdateHook3() {
@@ -2342,73 +2367,75 @@ const vn = (e, n, t = !0) => {
   },
   methods: {
     mergeNewContent(e) {
-      var n, t, o, i, r;
+      var t, n, o, s, r;
       this.useContent = {
         ...this.useContent,
         ...e,
         data: {
-          ...(n = this.useContent) == null ? void 0 : n.data,
+          ...(t = this.useContent) == null ? void 0 : t.data,
           ...e == null ? void 0 : e.data
         },
         meta: {
-          ...(t = this.useContent) == null ? void 0 : t.meta,
+          ...(n = this.useContent) == null ? void 0 : n.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((o = e == null ? void 0 : e.meta) == null ? void 0 : o.breakpoints) || ((r = (i = this.useContent) == null ? void 0 : i.meta) == null ? void 0 : r.breakpoints)
+          breakpoints: ((o = e == null ? void 0 : e.meta) == null ? void 0 : o.breakpoints) || ((r = (s = this.useContent) == null ? void 0 : s.meta) == null ? void 0 : r.breakpoints)
         }
       };
     },
     setBreakpoints(e) {
-      var n;
+      var t;
       this.useContent = {
         ...this.useContent,
         meta: {
-          ...(n = this.useContent) == null ? void 0 : n.meta,
+          ...(t = this.useContent) == null ? void 0 : t.meta,
           breakpoints: e
         }
       };
     },
-    setContextState(e) {
+    contentSetState(e) {
       this.contentState = e;
     },
     processMessage(e) {
-      var t;
-      const { data: n } = e;
-      if (n)
-        switch (n.type) {
+      var n;
+      const { data: t } = e;
+      if (t)
+        switch (t.type) {
           case "builder.configureSdk": {
-            const o = n.data, { breakpoints: i, contentId: r } = o;
-            if (!r || r !== ((t = this.useContent) == null ? void 0 : t.id))
+            const o = t.data, { breakpoints: s, contentId: r } = o;
+            if (!r || r !== ((n = this.useContent) == null ? void 0 : n.id))
               return;
-            i && this.setBreakpoints(i), this.forceReRenderCount = this.forceReRenderCount + 1;
+            s && this.setBreakpoints(s), this.forceReRenderCount = this.forceReRenderCount + 1;
             break;
           }
           case "builder.contentUpdate": {
-            const o = n.data, i = o.key || o.alias || o.entry || o.modelName, r = o.data;
-            i === this.model && (this.mergeNewContent(r), this.forceReRenderCount = this.forceReRenderCount + 1);
+            const o = t.data, s = o.key || o.alias || o.entry || o.modelName, r = o.data;
+            s === this.model && (this.mergeNewContent(r), this.forceReRenderCount = this.forceReRenderCount + 1);
             break;
           }
         }
     },
     evaluateJsCode() {
-      var n, t;
-      const e = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.jsCode;
-      e && q({
+      var t, n;
+      const e = (n = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
+      e && G({
         code: e,
         context: this.context || {},
-        state: this.contentState
+        localState: void 0,
+        rootState: this.contentState,
+        rootSetState: this.contentSetState
       });
     },
     onClick(e) {
-      var n, t;
+      var t, n;
       if (this.useContent) {
-        const o = (n = this.useContent) == null ? void 0 : n.testVariationId, i = (t = this.useContent) == null ? void 0 : t.id;
+        const o = (t = this.useContent) == null ? void 0 : t.testVariationId, s = (n = this.useContent) == null ? void 0 : n.id;
         M({
           type: "click",
           canTrack: this.canTrackToUse,
-          contentId: i,
+          contentId: s,
           apiKey: this.apiKey,
-          variationId: o !== i ? o : void 0,
-          ...kn(e),
+          variationId: o !== s ? o : void 0,
+          ...In(e),
           unique: !this.clicked
         });
       }
@@ -2417,39 +2444,41 @@ const vn = (e, n, t = !0) => {
     evalExpression(e) {
       return e.replace(
         /{{([^}]+)}}/g,
-        (n, t) => q({
-          code: t,
+        (t, n) => G({
+          code: n,
           context: this.context || {},
-          state: this.contentState
+          localState: void 0,
+          rootState: this.contentState,
+          rootSetState: this.contentSetState
         })
       );
     },
-    handleRequest({ url: e, key: n }) {
-      ne(e).then((t) => t.json()).then((t) => {
+    handleRequest({ url: e, key: t }) {
+      oe(e).then((n) => n.json()).then((n) => {
         const o = {
           ...this.contentState,
-          [n]: t
+          [t]: n
         };
-        this.setContextState(o);
-      }).catch((t) => {
-        console.error("error fetching dynamic data", e, t);
+        this.contentSetState(o);
+      }).catch((n) => {
+        console.error("error fetching dynamic data", e, n);
       });
     },
     runHttpRequests() {
-      var n, t, o;
-      const e = (o = (t = (n = this.useContent) == null ? void 0 : n.data) == null ? void 0 : t.httpRequests) != null ? o : {};
-      Object.entries(e).forEach(([i, r]) => {
-        if (r && (!this.httpReqsData[i] || v())) {
-          const s = this.evalExpression(r);
+      var t, n, o;
+      const e = (o = (n = (t = this.useContent) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) != null ? o : {};
+      Object.entries(e).forEach(([s, r]) => {
+        if (r && (!this.httpReqsData[s] || k())) {
+          const i = this.evalExpression(r);
           this.handleRequest({
-            url: s,
-            key: i
+            url: i,
+            key: s
           });
         }
       });
     },
     emitStateUpdate() {
-      v() && window.dispatchEvent(
+      k() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -2464,74 +2493,74 @@ const vn = (e, n, t = !0) => {
       );
     }
   }
-}, Tn = ["builder-content-id", "builder-model"];
-function Rn(e, n, t, o, i, r) {
-  var a, l, u, g, f, b, C, N;
-  const s = k("render-content-styles"), c = k("render-blocks");
-  return i.useContent ? (d(), m("div", {
+}), _n = ["builder-content-id", "builder-model"];
+function An(e, t, n, o, s, r) {
+  var a, c, u, b, g, y, $, N;
+  const i = w("render-content-styles"), l = w("render-blocks");
+  return e.useContent ? (d(), p("div", {
     key: 0,
     ref: "elementRef",
-    onClick: n[0] || (n[0] = (pe) => r.onClick(pe)),
-    "builder-content-id": (a = i.useContent) == null ? void 0 : a.id,
-    "builder-model": t.model
+    onClick: t[0] || (t[0] = (he) => e.onClick(he)),
+    "builder-content-id": (a = e.useContent) == null ? void 0 : a.id,
+    "builder-model": e.model
   }, [
-    i.TARGET !== "reactNative" ? (d(), R(s, {
+    e.TARGET !== "reactNative" ? (d(), E(i, {
       key: 0,
-      contentId: (l = i.useContent) == null ? void 0 : l.id,
-      cssCode: (g = (u = i.useContent) == null ? void 0 : u.data) == null ? void 0 : g.cssCode,
-      customFonts: (b = (f = i.useContent) == null ? void 0 : f.data) == null ? void 0 : b.customFonts
-    }, null, 8, ["contentId", "cssCode", "customFonts"])) : y("", !0),
-    (d(), R(c, {
-      blocks: (N = (C = i.useContent) == null ? void 0 : C.data) == null ? void 0 : N.blocks,
-      key: i.forceReRenderCount
+      contentId: (c = e.useContent) == null ? void 0 : c.id,
+      cssCode: (b = (u = e.useContent) == null ? void 0 : u.data) == null ? void 0 : b.cssCode,
+      customFonts: (y = (g = e.useContent) == null ? void 0 : g.data) == null ? void 0 : y.customFonts
+    }, null, 8, ["contentId", "cssCode", "customFonts"])) : v("", !0),
+    (d(), E(l, {
+      blocks: (N = ($ = e.useContent) == null ? void 0 : $.data) == null ? void 0 : N.blocks,
+      key: e.forceReRenderCount
     }, null, 8, ["blocks"]))
-  ], 8, Tn)) : y("", !0);
+  ], 8, _n)) : v("", !0);
 }
-const En = /* @__PURE__ */ h(In, [["render", Rn]]), An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const jn = /* @__PURE__ */ f(En, [["render", An]]), Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: En
-}, Symbol.toStringTag, { value: "Module" })), Q = {};
-function Fn(e) {
-  if (p()) {
-    Object.assign(Q, e);
-    const n = {
+  default: jn
+}, Symbol.toStringTag, { value: "Module" })), Z = {};
+function Un(e) {
+  if (m()) {
+    Object.assign(Z, e);
+    const t = {
       type: "builder.settingsChange",
-      data: Q
+      data: Z
     };
-    parent.postMessage(n, "*");
+    parent.postMessage(t, "*");
   }
 }
 export {
   P as B,
-  we as C,
-  Te as F,
-  Fe as I,
-  Xe as S,
-  E as T,
-  jt as V,
-  h as _,
-  jn as a,
-  be as b,
-  w as c,
-  En as d,
-  q as e,
+  xe as C,
+  Re as F,
+  Be as I,
+  Ye as S,
+  _ as T,
+  Vt as V,
+  f as _,
+  On as a,
+  ye as b,
+  x as c,
+  jn as d,
+  G as e,
   L as f,
-  ye as g,
-  St as h,
-  Tt as i,
-  v as j,
-  Yt as k,
+  ve as g,
+  Ct as h,
+  Rt as i,
+  k as j,
+  Zt as k,
   ce as l,
-  Pn as m,
-  Qt as n,
-  gn as o,
-  ae as p,
-  bt as q,
-  $e as r,
-  Fn as s,
-  Bn as t,
+  Bn as m,
+  en as n,
+  vn as o,
+  le as p,
+  yt as q,
+  He as r,
+  Un as s,
+  Fn as t,
   mt as u,
-  pt as v,
-  ht as w,
-  se as x
+  ht as v,
+  ft as w,
+  ae as x
 };