@builder.io/sdk-vue 2.0.17 → 2.0.21

package/lib/node/{index-3yXRUxo9.js → index-owOkjqS8.js}

@@ -1,24 +1,24 @@
-var lt = Object.defineProperty;
-var ct = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ne = (e, t, n) => (ct(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as f, openBlock as c, createElementBlock as m, Fragment as T, createBlock as g, resolveDynamicComponent as K, mergeProps as S, toHandlers as B, withCtx as N, renderSlot as E, resolveComponent as y, createTextVNode as dt, toDisplayString as te, defineAsyncComponent as j, createVNode as I, renderList as V, createCommentVNode as C, h as Pe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ut } from "vue";
-import { T as x, g as pt, i as $, s as mt, r as ht, p as ft, a as bt, l as P, b as xe, f as pe, c as gt, n as Ve, d as L, e as R, h as yt } from "./should-force-browser-runtime-in-node-Hy3G5eB4.js";
-const kt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), vt = (e) => typeof e == "string" && kt.has(e.toLowerCase());
+var st = Object.defineProperty;
+var at = (e, t, n) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ne = (e, t, n) => (at(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { defineComponent as f, openBlock as c, createElementBlock as m, Fragment as T, createBlock as g, resolveDynamicComponent as K, mergeProps as C, toHandlers as B, withCtx as N, renderSlot as E, resolveComponent as y, createTextVNode as lt, toDisplayString as te, defineAsyncComponent as H, createVNode as I, renderList as V, createCommentVNode as S, h as Pe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ct } from "vue";
+import { T as x, g as dt, f as ut, i as $, s as pt, r as mt, p as ht, a as ft, l as P, b as xe, c as pe, d as bt, n as Ve, e as L, h as R, j as gt } from "./should-force-browser-runtime-in-node-o45oecPI.js";
+const yt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), kt = (e) => typeof e == "string" && yt.has(e.toLowerCase());
 function A(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
       continue;
-    const i = n ? r.replace(t, "") : r;
-    o[i] = e[r];
+    const s = n ? r.replace(t, "") : r;
+    o[s] = e[r];
   }
   return o;
 }
-const Ct = f({
+const vt = f({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: vt };
+    return { isEmptyElement: kt };
   }
 }), b = (e, t) => {
   const n = e.__vccOpts || e;
@@ -26,14 +26,14 @@ const Ct = f({
     n[o] = r;
   return n;
 };
-function St(e, t, n, o, r, i) {
-  return e.isEmptyElement(e.TagName) ? (c(), g(K(e.TagName), S({ key: 1 }, e.attributes, B(e.actionAttributes)), null, 16)) : (c(), m(T, { key: 0 }, [
-    typeof e.TagName == "string" ? (c(), g(K(e.TagName), S({ key: 0 }, e.attributes, B(e.actionAttributes)), {
+function St(e, t, n, o, r, s) {
+  return e.isEmptyElement(e.TagName) ? (c(), g(K(e.TagName), C({ key: 1 }, e.attributes, B(e.actionAttributes)), null, 16)) : (c(), m(T, { key: 0 }, [
+    typeof e.TagName == "string" ? (c(), g(K(e.TagName), C({ key: 0 }, e.attributes, B(e.actionAttributes)), {
       default: N(() => [
         E(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (c(), g(K(e.TagName), S({ key: 1 }, e.attributes, B(e.actionAttributes)), {
+    }, 16)) : (c(), g(K(e.TagName), C({ key: 1 }, e.attributes, B(e.actionAttributes)), {
       default: N(() => [
         E(e.$slots, "default")
       ]),
@@ -41,7 +41,7 @@ function St(e, t, n, o, r, i) {
     }, 16))
   ], 64));
 }
-const me = /* @__PURE__ */ b(Ct, [["render", St]]), Bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const me = /* @__PURE__ */ b(vt, [["render", St]]), Bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: me
 }, Symbol.toStringTag, { value: "Module" })), _ = () => {
@@ -57,7 +57,7 @@ const me = /* @__PURE__ */ b(Ct, [["render", St]]), Bi = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, Tt = f({
+}, Ct = f({
   name: "builder-button",
   components: { DynamicRenderer: me },
   props: [
@@ -86,20 +86,20 @@ const me = /* @__PURE__ */ b(Ct, [["render", St]]), Bi = /* @__PURE__ */ Object.
     }
   }
 });
-function wt(e, t, n, o, r, i) {
-  const s = y("DynamicRenderer");
-  return c(), g(s, {
+function Tt(e, t, n, o, r, s) {
+  const i = y("DynamicRenderer");
+  return c(), g(i, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: N(() => [
-      dt(te(e.text), 1)
+      lt(te(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const It = /* @__PURE__ */ b(Tt, [["render", wt]]), $t = Symbol(), le = {
+const wt = /* @__PURE__ */ b(Ct, [["render", Tt]]), It = Symbol(), le = {
   Builder: {
     content: null,
     context: {},
@@ -115,73 +115,47 @@ const It = /* @__PURE__ */ b(Tt, [["render", wt]]), $t = Symbol(), le = {
     BlocksWrapperProps: {},
     nonce: ""
   },
-  key: $t
-}, Rt = Symbol(), Ae = {
+  key: It
+}, $t = Symbol(), Ae = {
   Components: { registeredComponents: {} },
-  key: Rt
+  key: $t
 };
-function Bt(e) {
+function Rt(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-function Et(e, ...t) {
+function Bt(e, ...t) {
   const n = Object.assign({}, e);
   for (const o of t)
     delete n[o];
   return n;
 }
-const Pt = ({
+const Et = ({
   code: e,
   builder: t,
   context: n,
   event: o,
   localState: r,
-  rootSetState: i,
-  rootState: s
+  rootSetState: s,
+  rootState: i
 }) => {
-  const l = pt({
+  const l = dt({
     builder: t,
     context: n,
     event: o,
-    state: We({
-      rootState: s,
+    state: ut({
+      rootState: i,
       localState: r,
-      rootSetState: i
+      rootSetState: s
     })
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
-};
-function We({
-  rootState: e,
-  localState: t,
-  rootSetState: n
-}) {
-  return new Proxy(e, {
-    get: (o, r) => {
-      if (t && r in t)
-        return t[r];
-      const i = o[r];
-      return typeof i == "object" && i !== null ? We({
-        rootState: i,
-        localState: void 0,
-        rootSetState: n ? (s) => {
-          o[r] = s, n(o);
-        } : void 0
-      }) : i;
-    },
-    set: (o, r, i) => {
-      if (t && r in t)
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      return o[r] = i, n == null || n(o), !0;
-    }
-  });
-}
-const xt = (e) => $() || mt({
+}, Pt = (e) => $() || pt({
   shouldLogWarning: !0
-}) ? Pt(e) : ht(e), Vt = !0, W = class W {
+}) ? Et(e) : mt(e), xt = !0, W = class W {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -201,36 +175,36 @@ const xt = (e) => $() || mt({
 };
 ne(W, "cacheLimit", 20), ne(W, "cache", /* @__PURE__ */ new Map());
 let U = W;
-function G({
+function Y({
   code: e,
   context: t,
   localState: n,
   rootState: o,
   rootSetState: r,
-  event: i,
-  isExpression: s = !0,
+  event: s,
+  isExpression: i = !0,
   enableCache: l
 }) {
   if (e === "")
     return;
   const a = {
-    code: ft(e, {
-      isExpression: s
+    code: ht(e, {
+      isExpression: i
     }),
-    builder: bt(),
+    builder: ft(),
     context: t,
-    event: i,
+    event: s,
     rootSetState: r,
     rootState: o,
     localState: n
   };
-  if (l && !Vt) {
+  if (l && !xt) {
     const u = U.getCacheKey(a), h = U.getCachedValue(u);
     if (h)
       return h.value;
   }
   try {
-    const u = xt(a);
+    const u = Pt(a);
     if (l) {
       const h = U.getCacheKey(a);
       U.setCachedValue(h, u);
@@ -255,8 +229,8 @@ function ce(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ce(e[n]));
   return t;
 }
-const At = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), Wt = (e) => {
-  if (At) {
+const Vt = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), At = (e) => {
+  if (Vt) {
     const t = pe(e);
     return {
       ...t,
@@ -268,7 +242,7 @@ const At = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), Wt = (e) =
       }
     };
   } else {
-    const t = ce(Et(e, "children", "meta"));
+    const t = ce(Bt(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -281,7 +255,7 @@ const At = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), Wt = (e) =
       meta: e.meta
     };
   }
-}, Nt = ({
+}, Wt = ({
   block: e,
   context: t,
   localState: n,
@@ -290,9 +264,9 @@ const At = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), Wt = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const i = Wt(e);
-  for (const s in e.bindings) {
-    const l = e.bindings[s], a = G({
+  const s = At(e);
+  for (const i in e.bindings) {
+    const l = e.bindings[i], a = Y({
       code: l,
       localState: n,
       rootState: o,
@@ -300,46 +274,46 @@ const At = ["svelte", "vue", "angular", "qwik", "solid"].includes(x), Wt = (e) =
       context: t,
       enableCache: !0
     });
-    xe(i, s, a);
+    xe(s, i, a);
   }
-  return i;
+  return s;
 };
-function Ft({
+function Nt({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
   localState: o,
   rootState: r,
-  rootSetState: i
+  rootSetState: s
 }) {
-  const s = e;
-  return n ? Nt({
-    block: s,
+  const i = e;
+  return n ? Wt({
+    block: i,
     localState: o,
     rootState: r,
-    rootSetState: i,
+    rootSetState: s,
     context: t
-  }) : s;
+  }) : i;
 }
-function Ot(e) {
+function Ft(e) {
   const t = e || ($() ? window.location.search : void 0);
-  return t ? gt(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? bt(t).indexOf("builder.preview=") !== -1 : !1;
 }
-const Dt = (e) => ({
+const Ot = (e) => ({
   type: "builder.registerComponent",
   data: ee(e)
-}), Lt = (e) => {
+}), Dt = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
 };
 function ee(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? Lt(n) : n));
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? Dt(n) : n));
 }
-const Ce = {};
-function Ut(e, t) {
+const Se = {};
+function Lt(e, t) {
   e === "plugin" && (t = ee(t));
-  let n = Ce[e];
-  if (n || (n = Ce[e] = []), n.push(t), $()) {
+  let n = Se[e];
+  if (n || (n = Se[e] = []), n.push(t), $()) {
     const o = {
       type: "builder.register",
       data: {
@@ -354,38 +328,38 @@ function Ut(e, t) {
     }
   }
 }
-const Se = {};
+const Ce = {};
 function Ei(e) {
   if ($()) {
-    Object.assign(Se, e);
+    Object.assign(Ce, e);
     const t = {
       type: "builder.settingsChange",
-      data: Se
+      data: Ce
     };
     parent.postMessage(t, "*");
   }
 }
-const Te = "builder.", Mt = "options.", Ne = (e) => {
+const Te = "builder.", Ut = "options.", We = (e) => {
   if (!e)
     return {};
   const t = Ve(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(Te)) {
-      const r = o.replace(Te, "").replace(Mt, "");
+      const r = o.replace(Te, "").replace(Ut, "");
       n[r] = t[o];
     }
   }), n;
-}, Ht = () => {
+}, Mt = () => {
   if (!$())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Ne(e);
+  return We(e);
 }, jt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Fe = ({
+}, Ne = ({
   name: e,
   canTrack: t
 }) => {
@@ -396,14 +370,14 @@ const Te = "builder.", Mt = "options.", Ne = (e) => {
     P.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Oe = async (e) => Fe(e), Kt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(L).join("; "), qt = [["secure", ""], ["SameSite", "None"]], zt = ({
+}, Fe = async (e) => Ne(e), Ht = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(L).join("; "), Kt = [["secure", ""], ["SameSite", "None"]], qt = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = ($() ? location.protocol === "https:" : !0) ? qt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", jt(window.location.hostname)], ...r];
-  return Kt(s);
-}, De = async ({
+  const r = ($() ? location.protocol === "https:" : !0) ? Kt : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", jt(window.location.hostname)], ...r];
+  return Ht(i);
+}, Oe = async ({
   name: e,
   value: t,
   expires: n,
@@ -412,7 +386,7 @@ const Te = "builder.", Mt = "options.", Ne = (e) => {
   try {
     if (!o)
       return;
-    const r = zt({
+    const r = qt({
       name: e,
       value: t,
       expires: n
@@ -422,88 +396,88 @@ const Te = "builder.", Mt = "options.", Ne = (e) => {
     P.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
-function Jt() {
+function zt() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Le() {
-  return Jt().replace(/-/g, "");
+function De() {
+  return zt().replace(/-/g, "");
 }
-const Ue = "builderSessionId", Gt = async ({
+const Le = "builderSessionId", Jt = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Oe({
-    name: Ue,
+  const t = await Fe({
+    name: Le,
     canTrack: e
   });
   if (L(t))
     return t;
   {
-    const n = Yt();
-    return Qt({
+    const n = Gt();
+    return Yt({
       id: n,
       canTrack: e
     }), n;
   }
-}, Yt = () => Le(), Qt = ({
+}, Gt = () => De(), Yt = ({
   id: e,
   canTrack: t
-}) => De({
-  name: Ue,
+}) => Oe({
+  name: Le,
   value: e,
   canTrack: t
-}), Me = () => $() && typeof localStorage < "u" ? localStorage : void 0, Xt = ({
+}), Ue = () => $() && typeof localStorage < "u" ? localStorage : void 0, Qt = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = Me()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Ue()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Zt = ({
+}, Xt = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = Me()) == null || o.setItem(e, n));
+    t && ((o = Ue()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, He = "builderVisitorId", _t = ({
+}, Me = "builderVisitorId", Zt = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Xt({
-    key: He,
+  const t = Qt({
+    key: Me,
     canTrack: e
   });
   if (L(t))
     return t;
   {
-    const n = en();
-    return tn({
+    const n = _t();
+    return en({
       id: n,
       canTrack: e
     }), n;
   }
-}, en = () => Le(), tn = ({
+}, _t = () => De(), en = ({
   id: e,
   canTrack: t
-}) => Zt({
-  key: He,
+}) => Xt({
+  key: Me,
   value: e,
   canTrack: t
-}), nn = async ({
+}), tn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -511,16 +485,16 @@ const Ue = "builderSessionId", Gt = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Gt({
+  const t = await Jt({
     canTrack: e
-  }), n = _t({
+  }), n = Zt({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, on = async ({
+}, nn = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -534,10 +508,10 @@ const Ue = "builderSessionId", Gt = async ({
       url: location.href,
       ...o
     },
-    ...await nn({
+    ...await tn({
       canTrack: t
     }),
-    userAttributes: yt(),
+    userAttributes: gt(),
     ownerId: n
   }
 });
@@ -550,7 +524,7 @@ async function de(e) {
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await on(e)]
+        events: [await nn(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -563,15 +537,15 @@ async function de(e) {
 const Pi = (e) => de({
   ...e,
   canTrack: !0
-}), rn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}), on = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function je(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
-  return (e || rn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || on).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const sn = "2.0.17", an = () => {
-  Ut("insertMenu", {
+const rn = "2.0.21", sn = () => {
+  Lt("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -594,13 +568,13 @@ const sn = "2.0.17", an = () => {
   });
 };
 let we = !1;
-const Ke = (e = {}) => {
+const He = (e = {}) => {
   var t, n;
   we || (we = !0, $() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: x,
-      version: sn,
+      version: rn,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -613,7 +587,7 @@ const Ke = (e = {}) => {
       options: e
     }
   }, "*"), window.addEventListener("message", (o) => {
-    var i, s;
+    var s, i;
     if (!je(e.trustedHosts, o))
       return;
     const {
@@ -629,7 +603,7 @@ const Ke = (e = {}) => {
           } catch (k) {
             p = k;
           }
-          p ? (i = window.parent) == null || i.postMessage({
+          p ? (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateError",
             data: {
               id: u,
@@ -644,7 +618,7 @@ const Ke = (e = {}) => {
                 result: k
               }
             }, "*");
-          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
+          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
               result: d,
@@ -655,7 +629,7 @@ const Ke = (e = {}) => {
         }
       }
   })));
-}, qe = ({
+}, Ke = ({
   model: e,
   trustedHosts: t,
   callbacks: n
@@ -676,8 +650,8 @@ const Ke = (e = {}) => {
         break;
       }
       case "builder.contentUpdate": {
-        const i = r.data, s = i.key || i.alias || i.entry || i.modelName, l = i.data;
-        s === e && n.contentUpdate(l);
+        const s = r.data, i = s.key || s.alias || s.entry || s.modelName, l = s.data;
+        i === e && n.contentUpdate(l);
         break;
       }
     }
@@ -685,8 +659,8 @@ const Ke = (e = {}) => {
   if (!$)
     return P.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  Ke();
-  const o = qe({
+  He();
+  const o = Ke({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -700,45 +674,45 @@ const Ke = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, ln = "builder.tests", he = (e) => `${ln}.${e}`, cn = ({
+}, an = "builder.tests", he = (e) => `${an}.${e}`, ln = ({
   contentId: e
-}) => Oe({
+}) => Fe({
   name: he(e),
   canTrack: !0
-}), dn = ({
+}), cn = ({
   contentId: e
-}) => Fe({
+}) => Ne({
   name: he(e),
   canTrack: !0
-}), un = ({
+}), dn = ({
   contentId: e,
   value: t
-}) => De({
+}) => Oe({
   name: he(e),
   value: t,
   canTrack: !0
-}), ze = (e) => L(e.id) && L(e.variations) && Object.keys(e.variations).length > 0, pn = ({
+}), qe = (e) => L(e.id) && L(e.variations) && Object.keys(e.variations).length > 0, un = ({
   id: e,
   variations: t
 }) => {
   var r;
   let n = 0;
   const o = Math.random();
-  for (const i in t) {
-    const s = (r = t[i]) == null ? void 0 : r.testRatio;
-    if (n += s, o < n)
-      return i;
+  for (const s in t) {
+    const i = (r = t[s]) == null ? void 0 : r.testRatio;
+    if (n += i, o < n)
+      return s;
   }
   return e;
-}, Je = (e) => {
-  const t = pn(e);
-  return un({
+}, ze = (e) => {
+  const t = un(e);
+  return dn({
     contentId: e.id,
     value: t
   }).catch((n) => {
     P.error("could not store A/B test variation: ", n);
   }), t;
-}, Ge = ({
+}, Je = ({
   item: e,
   testGroupId: t
 }) => {
@@ -752,7 +726,7 @@ const Ke = (e = {}) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, mn = ({
+}, pn = ({
   item: e,
   canTrack: t
 }) => {
@@ -760,14 +734,14 @@ const Ke = (e = {}) => {
     return e;
   if (!e)
     return;
-  if (!ze(e))
+  if (!qe(e))
     return e;
-  const n = dn({
+  const n = cn({
     contentId: e.id
-  }) || Je({
+  }) || ze({
     variations: e.variations,
     id: e.id
-  }), o = Ge({
+  }), o = Je({
     item: e,
     testGroupId: n
   });
@@ -775,18 +749,18 @@ const Ke = (e = {}) => {
     ...e,
     ...o
   };
-}, hn = async ({
+}, mn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !ze(e))
+  if (!t || !qe(e))
     return e;
-  const o = await cn({
+  const o = await ln({
     contentId: e.id
-  }) || Je({
+  }) || ze({
     variations: e.variations,
     id: e.id
-  }), r = Ge({
+  }), r = Je({
     item: e,
     testGroupId: o
   });
@@ -794,34 +768,34 @@ const Ke = (e = {}) => {
     ...e,
     ...r
   };
-}, Y = (e) => L(e) ? e : !0;
-function fn() {
+}, G = (e) => L(e) ? e : !0;
+function hn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function bn() {
-  const e = fn().fetch;
+function fn() {
+  const e = hn().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. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const Ye = bn();
+const bn = fn();
 function ue(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
-    const i = e[r], s = [t, r].filter(Boolean).join(n);
-    return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
+    const s = e[r], i = [t, r].filter(Boolean).join(n);
+    return [typeof s == "object", s !== null, !(Array.isArray(s) && s.length === 0)].every(Boolean) ? {
       ...o,
-      ...ue(i, s, n)
+      ...ue(s, i, n)
     } : {
       ...o,
-      [s]: i
+      [i]: s
     };
   }, {});
 }
-function Qe(e, t, n = {}) {
+function Ge(e, t, n = {}) {
   for (const o in e) {
-    const r = e[o], i = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? Qe(r, i, n) : n[i] = r;
+    const r = e[o], s = t ? t + "." + o : o;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((i) => i.startsWith("$")) ? Ge(r, s, n) : n[s] = r;
   }
   return n;
 }
@@ -831,8 +805,8 @@ const gn = "v3", Ie = (e) => typeof e == "number" && !isNaN(e) && e >= 0, fe = (
     userAttributes: n,
     query: o,
     model: r,
-    apiKey: i,
-    enrich: s,
+    apiKey: s,
+    enrich: i,
     locale: l,
     apiVersion: a = gn,
     fields: u,
@@ -843,35 +817,35 @@ const gn = "v3", Ie = (e) => typeof e == "number" && !isNaN(e) && e >= 0, fe = (
     sort: v,
     includeUnpublished: F
   } = e;
-  if (!i)
+  if (!s)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
   const X = t !== 1, w = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
-  if (w.searchParams.set("apiKey", i), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(X)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), s && w.searchParams.set("enrich", String(s)), w.searchParams.set("omit", h || "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(d) && d > -1 && w.searchParams.set("offset", String(Math.floor(d))), typeof F == "boolean" && w.searchParams.set("includeUnpublished", String(F)), p && Ie(p) && w.searchParams.set("cacheSeconds", String(p)), k && Ie(k) && w.searchParams.set("staleCacheSeconds", String(k)), v) {
+  if (w.searchParams.set("apiKey", s), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(X)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), i && w.searchParams.set("enrich", String(i)), w.searchParams.set("omit", h || "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(d) && d > -1 && w.searchParams.set("offset", String(Math.floor(d))), typeof F == "boolean" && w.searchParams.set("includeUnpublished", String(F)), p && Ie(p) && w.searchParams.set("cacheSeconds", String(p)), k && Ie(k) && w.searchParams.set("staleCacheSeconds", String(k)), v) {
     const O = ue({
       sort: v
     });
-    for (const H in O)
-      w.searchParams.set(H, JSON.stringify(O[H]));
+    for (const j in O)
+      w.searchParams.set(j, JSON.stringify(O[j]));
   }
-  const at = {
-    ...Ht(),
+  const it = {
+    ...Mt(),
     ...Ve(e.options || {})
-  }, ve = ue(at);
+  }, ve = ue(it);
   for (const O in ve)
     w.searchParams.set(O, String(ve[O]));
   if (n && w.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const O = Qe({
+    const O = Ge({
       query: o
     });
-    for (const H in O)
-      w.searchParams.set(H, JSON.stringify(O[H]));
+    for (const j in O)
+      w.searchParams.set(j, JSON.stringify(O[j]));
   }
   return w;
 }, yn = (e) => "results" in e;
 async function be(e) {
-  const t = await Cn({
+  const t = await Sn({
     ...e,
     limit: 1
   });
@@ -879,16 +853,16 @@ async function be(e) {
 }
 const kn = async (e) => {
   const t = fe(e);
-  return await (await (e.fetch ?? Ye)(t.href, e.fetchOptions)).json();
+  return await (await (e.fetch ?? bn)(t.href, e.fetchOptions)).json();
 }, vn = async (e, t, n = fe(e)) => {
-  const o = Y(e.canTrack);
+  const o = G(e.canTrack);
   if (n.search.includes("preview="), !o || !($() || x === "reactNative"))
     return t.results;
   try {
     const r = [];
-    for (const i of t.results)
-      r.push(await hn({
-        item: i,
+    for (const s of t.results)
+      r.push(await mn({
+        item: s,
         canTrack: o
       }));
     t.results = r;
@@ -897,7 +871,7 @@ const kn = async (e) => {
   }
   return t.results;
 };
-async function Cn(e) {
+async function Sn(e) {
   try {
     const t = fe(e), n = await kn(e);
     return yn(n) ? vn(e, n) : (P.error("Error fetching data. ", {
@@ -910,7 +884,7 @@ async function Cn(e) {
   }
 }
 const Vi = async (e) => {
-  var o, r, i;
+  var o, r, s;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
     apiKey: e.apiKey,
@@ -921,7 +895,7 @@ const Vi = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Ne(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: We(e.searchParams || ((s = e.url) == null ? void 0 : s.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -929,16 +903,16 @@ const Vi = async (e) => {
     content: await be(n)
   };
 }, ge = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function Sn(e, t, n = {}) {
-  let o, r, i, s = null, l = 0;
+function Cn(e, t, n = {}) {
+  let o, r, s, i = null, l = 0;
   const a = function() {
-    l = n.leading === !1 ? 0 : Date.now(), s = null, i = e.apply(o, r), s || (o = r = null);
+    l = n.leading === !1 ? 0 : Date.now(), i = null, s = e.apply(o, r), i || (o = r = null);
   };
   return function() {
     const u = Date.now();
     !l && n.leading === !1 && (l = u);
     const h = t - (u - l);
-    return o = this, r = arguments, h <= 0 || h > t ? (s && (clearTimeout(s), s = null), l = u, i = e.apply(o, r), s || (o = r = null)) : !s && n.trailing !== !1 && (s = setTimeout(a, h)), i;
+    return o = this, r = arguments, h <= 0 || h > t ? (i && (clearTimeout(i), i = null), l = u, s = e.apply(o, r), i || (o = r = null)) : !i && n.trailing !== !1 && (i = setTimeout(a, h)), s;
   };
 }
 function q(e, ...t) {
@@ -946,8 +920,8 @@ function q(e, ...t) {
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
     if (r != null)
-      for (const i in r)
-        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
+      for (const s in r)
+        Object.prototype.hasOwnProperty.call(r, s) && (n[s] = r[s]);
   }
   return n;
 }
@@ -955,19 +929,19 @@ function Tn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        _e(t);
+        Xe(t);
         break;
       case "scrollInView":
         In(t);
         break;
     }
 }
-function Xe(e) {
+function Ye(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function Ze(e, t) {
-  const n = wn(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
-  for (const l of s)
+function Qe(e, t) {
+  const n = wn(e), o = getComputedStyle(t), r = e.steps[0].styles, s = e.steps[e.steps.length - 1].styles, i = [r, s];
+  for (const l of i)
     for (const a of n)
       a in l || (l[a] = o[a]);
 }
@@ -978,14 +952,14 @@ function wn(e) {
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function _e(e) {
+function Xe(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Xe(e.elementId || e.id || "");
+    Ye(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ze(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
+    Qe(e, n), n.style.transition = "none", n.style.transitionDelay = "0", q(n.style, e.steps[0].styles), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${ge(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
@@ -995,20 +969,20 @@ function _e(e) {
 function In(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Xe(e.elementId || e.id || "");
+    Ye(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ze(e, n);
+    Qe(e, n);
     let o = !1, r = !1;
-    function i() {
+    function s() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
-        q(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
+        q(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
           r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !r && !l(n) && (o = !1, q(n.style, e.steps[0].styles));
     }
-    const s = Sn(i, 200, {
+    const i = Cn(s, 200, {
       leading: !1
     });
     function l(h) {
@@ -1021,16 +995,16 @@ function In(e) {
     }
     u(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${ge(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
-    }), document.addEventListener("scroll", s, {
+    }), document.addEventListener("scroll", i, {
       capture: !0,
       passive: !0
-    }), i();
+    }), s();
   });
 }
-const et = (e) => Object.entries(e).map(([n, o]) => {
+const Ze = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${ge(n)}: ${o};`;
-}).filter(L), $n = (e) => et(e).join(`
+}).filter(L), $n = (e) => Ze(e).join(`
 `), Ai = ({
   mediaQuery: e,
   className: t,
@@ -1051,18 +1025,18 @@ function Rn({
 const Wi = ({
   block: e,
   context: t
-}) => tt(Rn({
+}) => _e(Rn({
   style: e.style || {},
   context: t,
   block: e
 }));
-function tt(e) {
+function _e(e) {
   switch (x) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return et(e).join(" ");
+      return Ze(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -1094,7 +1068,7 @@ const Bn = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = G({
+  const r = Y({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -1104,7 +1078,7 @@ const Bn = ({
   });
   if (!Array.isArray(r))
     return;
-  const i = n.collection.split(".").pop(), s = n.itemName || (i ? i + "Item" : "item");
+  const s = n.collection.split(".").pop(), i = n.itemName || (s ? s + "Item" : "item");
   return r.map((a, u) => ({
     context: {
       ...t,
@@ -1112,8 +1086,8 @@ const Bn = ({
         ...t.localState,
         $index: u,
         $item: a,
-        [s]: a,
-        [`$${s}Index`]: u
+        [i]: a,
+        [`$${i}Index`]: u
       }
     },
     block: o
@@ -1143,22 +1117,22 @@ const Bn = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Nn = () => import("./block-styles-vHF5sPG1.js").then((e) => e.default).catch((e) => {
+}), Nn = () => import("./block-styles-y32fRgui.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Fn = () => import("./block-wrapper-IDLu_rNS.js").then((e) => e.default).catch((e) => {
+}), Fn = () => import("./block-wrapper-Gb1-_hO0.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), On = () => import("./component-ref-UXGJDqnl.js").then((e) => e.default).catch((e) => {
+}), On = () => import("./component-ref-9ri0cWhO.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), Dn = () => import("./repeated-block-e-lz3FXu.js").then((e) => e.default).catch((e) => {
+}), Dn = () => import("./repeated-block-xs28_Dw4.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -1166,11 +1140,11 @@ const Bn = ({
 }), Ln = f({
   name: "block",
   components: {
-    BlockStyles: j(Nn),
-    RepeatedBlock: j(Dn),
-    ComponentRef: j(On),
-    BlockWrapper: j(Fn),
-    DynamicDiv: j(Wn)
+    BlockStyles: H(Nn),
+    RepeatedBlock: H(Dn),
+    ComponentRef: H(On),
+    BlockWrapper: H(Fn),
+    DynamicDiv: H(Wn)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1201,7 +1175,7 @@ const Bn = ({
     },
     processedBlock() {
       var t;
-      return (t = this.block.repeat) != null && t.collection ? this.block : Ft({
+      return (t = this.block.repeat) != null && t.collection ? this.block : Nt({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -1237,7 +1211,7 @@ const Bn = ({
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...Bt(this.processedBlock),
+          ...Rt(this.processedBlock),
           ...Vn(this.blockComponent, this.processedBlock),
           ...An(this.blockComponent, this.context),
           ...Pn(this.blockComponent, this.linkComponent),
@@ -1256,11 +1230,11 @@ const Bn = ({
     }
   }
 });
-function Un(e, t, n, o, r, i) {
+function Un(e, t, n, o, r, s) {
   var d;
-  const s = y("BlockStyles"), l = y("ComponentRef"), a = y("Block", !0), u = y("BlockWrapper"), h = y("RepeatedBlock");
+  const i = y("BlockStyles"), l = y("ComponentRef"), a = y("Block", !0), u = y("BlockWrapper"), h = y("RepeatedBlock");
   return e.canShowBlock ? (c(), m(T, { key: 0 }, [
-    I(s, {
+    I(i, {
       block: e.processedBlock,
       context: e.context
     }, null, 8, ["block", "context"]),
@@ -1319,7 +1293,7 @@ function Un(e, t, n, o, r, i) {
         _: 1
       }, 8, ["Wrapper", "block", "context"]))
     ], 64))
-  ], 64)) : C("", !0);
+  ], 64)) : S("", !0);
 }
 const ye = /* @__PURE__ */ b(Ln, [["render", Un]]), Ni = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -1371,16 +1345,16 @@ const ye = /* @__PURE__ */ b(Ln, [["render", Un]]), Ni = /* @__PURE__ */ Object.
     }
   }
 });
-function Hn(e, t, n, o, r, i) {
-  return c(), g(K(e.BlocksWrapper), S({
+function jn(e, t, n, o, r, s) {
+  return c(), g(K(e.BlocksWrapper), C({
     ref: "blocksWrapperRef",
-    class: e.className + " component-178o76acnws",
+    class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
     style: e.styleProp,
-    onClick: (s) => e.onClick(),
-    onMouseEnter: (s) => e.onMouseEnter(),
-    onKeyPress: (s) => e.onClick()
+    onClick: (i) => e.onClick(),
+    onMouseEnter: (i) => e.onMouseEnter(),
+    onKeyPress: (i) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
     default: N(() => [
       E(e.$slots, "default", {}, void 0, !0)
@@ -1388,9 +1362,9 @@ function Hn(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const jn = /* @__PURE__ */ b(Mn, [["render", Hn], ["__scopeId", "data-v-824f09a8"]]), Kn = f({
+const Hn = /* @__PURE__ */ b(Mn, [["render", jn], ["__scopeId", "data-v-162df12b"]]), Kn = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: jn, Block: ye },
+  components: { BlocksWrapper: Hn, Block: ye },
   props: [
     "blocks",
     "parent",
@@ -1405,9 +1379,9 @@ const jn = /* @__PURE__ */ b(Mn, [["render", Hn], ["__scopeId", "data-v-824f09a8
     componentsContext: Ae.key
   }
 });
-function qn(e, t, n, o, r, i) {
+function qn(e, t, n, o, r, s) {
   var a, u;
-  const s = y("Block"), l = y("BlocksWrapper");
+  const i = y("Block"), l = y("BlocksWrapper");
   return c(), g(l, {
     blocks: e.blocks,
     parent: e.parent,
@@ -1417,13 +1391,13 @@ function qn(e, t, n, o, r, i) {
     BlocksWrapperProps: ((u = e.context) == null ? void 0 : u.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
   }, {
     default: N(() => [
-      e.blocks ? (c(!0), m(T, { key: 0 }, V(e.blocks, (h, d) => (c(), g(s, {
+      e.blocks ? (c(!0), m(T, { key: 0 }, V(e.blocks, (h, d) => (c(), g(i, {
         key: h.id,
         block: h,
         linkComponent: e.linkComponent,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : C("", !0)
+      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : S("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
@@ -1432,7 +1406,7 @@ const M = /* @__PURE__ */ b(Kn, [["render", qn]]), zn = f({
   name: "dynamic-div",
   props: []
 });
-function Jn(e, t, n, o, r, i) {
+function Jn(e, t, n, o, r, s) {
   return c(), m("div", null, [
     E(e.$slots, "default")
   ]);
@@ -1450,7 +1424,7 @@ const Q = /* @__PURE__ */ b(zn, [["render", Jn]]), Gn = /* @__PURE__ */ Object.f
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), nt = {
+}), et = {
   small: {
     min: 320,
     default: 321,
@@ -1466,11 +1440,11 @@ const Q = /* @__PURE__ */ b(zn, [["render", Jn]]), Gn = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, Fi = (e, t = nt) => `@media (max-width: ${t[e].max}px)`, Yn = ({
+}, Fi = (e, t = et) => `@media (max-width: ${t[e].max}px)`, Yn = ({
   small: e,
   medium: t
 }) => {
-  const n = pe(nt);
+  const n = pe(et);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -1485,12 +1459,12 @@ const Q = /* @__PURE__ */ b(zn, [["render", Jn]]), Gn = /* @__PURE__ */ Object.f
     min: r,
     default: r + 1
   };
-  const i = n.medium.max + 1;
+  const s = n.medium.max + 1;
   return n.large = {
     max: 2e3,
     // TODO: decide upper limit
-    min: i,
-    default: i + 1
+    min: s,
+    default: s + 1
   }, n;
 }, Qn = (e) => `builder-columns ${e}-breakpoints`, Xn = f({
   name: "builder-columns",
@@ -1554,7 +1528,7 @@ const Q = /* @__PURE__ */ b(zn, [["render", Jn]]), Gn = /* @__PURE__ */ Object.f
       };
     },
     columnCssVars(e) {
-      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", i = 0;
+      const t = e === 0 ? 0 : this.gutterSize, n = this.getColumnCssWidth(e), o = `${t}px`, r = "100%", s = 0;
       return {
         ...{
           display: "flex",
@@ -1568,7 +1542,7 @@ const Q = /* @__PURE__ */ b(zn, [["render", Jn]]), Gn = /* @__PURE__ */ Object.f
           desktopStyle: n
         }),
         "--column-margin-left-mobile": this.getMobileStyle({
-          stackedStyle: i,
+          stackedStyle: s,
           desktopStyle: o
         }),
         "--column-width-tablet": this.getTabletStyle({
@@ -1576,7 +1550,7 @@ const Q = /* @__PURE__ */ b(zn, [["render", Jn]]), Gn = /* @__PURE__ */ Object.f
           desktopStyle: n
         }),
         "--column-margin-left-tablet": this.getTabletStyle({
-          stackedStyle: i,
+          stackedStyle: s,
           desktopStyle: o
         })
       };
@@ -1621,24 +1595,24 @@ const Q = /* @__PURE__ */ b(zn, [["render", Jn]]), Gn = /* @__PURE__ */ Object.f
           href: e.link
         } : {},
         [_()]: "builder-column",
-        style: tt(this.columnCssVars(t))
+        style: _e(this.columnCssVars(t))
       };
     }
   }
 });
-function Zn(e, t, n, o, r, i) {
+function Zn(e, t, n, o, r, s) {
   var u;
-  const s = y("InlinedStyles"), l = y("Blocks"), a = y("DynamicRenderer");
-  return c(), m("div", S({
-    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-2brhoa1k8gd",
+  const i = y("InlinedStyles"), l = y("Blocks"), a = y("DynamicRenderer");
+  return c(), m("div", C({
+    class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-4wbls88y960",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (c(), g(s, {
+    e.TARGET !== "reactNative" ? (c(), g(i, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
-    }, null, 8, ["styles", "nonce"])) : C("", !0),
+    }, null, 8, ["styles", "nonce"])) : S("", !0),
     (c(!0), m(T, null, V(e.columns, (h, d) => (c(), g(a, {
       key: d,
       TagName: e.getTagName(h),
@@ -1662,11 +1636,11 @@ function Zn(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const _n = /* @__PURE__ */ b(Xn, [["render", Zn], ["__scopeId", "data-v-52366f16"]]), eo = f({
+const _n = /* @__PURE__ */ b(Xn, [["render", Zn], ["__scopeId", "data-v-adc066fc"]]), eo = f({
   name: "builder-fragment-component",
   props: []
 });
-function to(e, t, n, o, r, i) {
+function to(e, t, n, o, r, s) {
   return c(), m("span", null, [
     E(e.$slots, "default")
   ]);
@@ -1686,8 +1660,8 @@ function ro(e, t) {
     return $e(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
-    const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
-    return $e(`${o[0]}_${i}${r}`);
+    const o = e.split(n[0]), r = n[3], s = t.match("x") ? t : `${t}x`;
+    return $e(`${o[0]}_${s}${r}`);
   }
   return null;
 }
@@ -1755,17 +1729,17 @@ const io = f({
   }
 }), so = ["srcset"], ao = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], lo = {
   key: 2,
-  class: "div-1pl23ac79ld-2"
+  class: "div-29wpyomtntv-2"
 };
-function co(e, t, n, o, r, i) {
-  var s, l, a, u, h, d;
+function co(e, t, n, o, r, s) {
+  var i, l, a, u, h, d;
   return c(), m(T, null, [
     z("picture", null, [
       e.webpSrcSet ? (c(), m("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, so)) : C("", !0),
+      }, null, 8, so)) : S("", !0),
       z("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
@@ -1777,35 +1751,35 @@ function co(e, t, n, o, r, i) {
           ...e.aspectRatioCss
         }),
         class: J(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-1pl23ac79ld"
+          "builder-image" + (e.className ? " " + e.className : "") + " img-29wpyomtntv"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
       }, null, 14, ao)
     ]),
-    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (c(), m("div", {
+    e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (c(), m("div", {
       key: 0,
-      class: "builder-image-sizer div-1pl23ac79ld",
+      class: "builder-image-sizer div-29wpyomtntv",
       style: D({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : C("", !0),
-    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? E(e.$slots, "default", { key: 1 }, void 0, !0) : C("", !0),
+    }, null, 4)) : S("", !0),
+    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? E(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
     !e.fitContent && ((d = (h = e.builderBlock) == null ? void 0 : h.children) != null && d.length) ? (c(), m("div", lo, [
       E(e.$slots, "default", {}, void 0, !0)
-    ])) : C("", !0)
+    ])) : S("", !0)
   ], 64);
 }
-const uo = /* @__PURE__ */ b(io, [["render", co], ["__scopeId", "data-v-b1147753"]]), po = f({
+const uo = /* @__PURE__ */ b(io, [["render", co], ["__scopeId", "data-v-77f8a6c4"]]), po = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: A };
   }
 });
-function mo(e, t, n, o, r, i) {
-  return c(), m("section", S({
+function mo(e, t, n, o, r, s) {
+  return c(), m("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1999,18 +1973,18 @@ const ho = /* @__PURE__ */ b(po, [["render", mo]]), re = {
           `.builder-accordion-title[data-index="${n}"]`
         );
         if (e = n, r) {
-          let i = r.getBoundingClientRect();
+          let s = r.getBoundingClientRect();
           for (; r = r && r.nextElementSibling; )
             if (r) {
               if (r.classList.contains("builder-accordion-detail"))
                 continue;
-              const s = r.getBoundingClientRect();
-              if (s.left > i.left) {
+              const i = r.getBoundingClientRect();
+              if (i.left > s.left) {
                 const l = parseInt(
                   r.getAttribute("data-index") || "",
                   10
                 );
-                isNaN(l) || (i = s, e = l);
+                isNaN(l) || (s = i, e = l);
               } else
                 break;
             }
@@ -2042,8 +2016,8 @@ const ho = /* @__PURE__ */ b(po, [["render", mo]]), re = {
     }
   }
 }), yo = ["data-index", "onClick"];
-function ko(e, t, n, o, r, i) {
-  const s = y("Blocks");
+function ko(e, t, n, o, r, s) {
+  const i = y("Blocks");
   return c(), m("div", {
     class: "builder-accordion",
     style: D(e.accordionStyles)
@@ -2059,7 +2033,7 @@ function ko(e, t, n, o, r, i) {
         "data-index": a,
         onClick: (u) => e.onClick(a)
       }, [
-        I(s, {
+        I(i, {
           blocks: l.title,
           path: `items.${a}.title`,
           parent: e.builderBlock.id,
@@ -2073,7 +2047,7 @@ function ko(e, t, n, o, r, i) {
         class: J(e.getAccordionDetailClassName(a)),
         style: D(e.accordionDetailStyles)
       }, [
-        I(s, {
+        I(i, {
           blocks: l.detail,
           path: `items.${a}.detail`,
           parent: e.builderBlock.id,
@@ -2081,11 +2055,11 @@ function ko(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 6)) : C("", !0)
+      ], 6)) : S("", !0)
     ], 64))), 128))
   ], 4);
 }
-const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
+const vo = /* @__PURE__ */ b(go, [["render", ko]]), So = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2121,7 +2095,7 @@ const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, So = {
+}, Co = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2300,7 +2274,7 @@ const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((i) => !i.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((s) => !s.get("width")) || n.reduce((l, a) => l + a.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -2354,7 +2328,7 @@ const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(s, l = 6e4) {
+      function n(i, l = 6e4) {
         return new Promise((a, u) => {
           const h = document.createElement("img");
           let d = !1;
@@ -2362,21 +2336,21 @@ const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
             d = !0, a(h);
           }, h.addEventListener("error", (p) => {
             console.warn("Image load failed", p.error), u(p.error);
-          }), h.src = s, setTimeout(() => {
+          }), h.src = i, setTimeout(() => {
             d || u(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 r = e.get("image"), i = e.get("aspectRatio");
-      if (fetch(r).then((s) => s.blob()).then((s) => {
-        s.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!i || i === 0.7041))
-        return n(r).then((s) => {
+      const r = e.get("image"), s = e.get("aspectRatio");
+      if (fetch(r).then((i) => i.blob()).then((i) => {
+        i.type.includes("svg") && e.set("noWebp", !0);
+      }), r && (!s || s === 0.7041))
+        return n(r).then((i) => {
           const l = e.get("aspectRatio");
-          e.get("image") === r && (!l || l === 0.7041) && s.width && s.height && (e.set("aspectRatio", o(s.height / s.width)), e.set("height", s.height), e.set("width", s.width));
+          e.get("image") === r && (!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));
         });
     }
   }, {
@@ -2503,10 +2477,10 @@ const vo = /* @__PURE__ */ b(go, [["render", ko]]), Co = {
   components: { Blocks: M },
   props: ["builderContext", "name", "builderComponents"]
 });
-function Bo(e, t, n, o, r, i) {
+function Bo(e, t, n, o, r, s) {
   var l, a, u;
-  const s = y("Blocks");
-  return c(), m("div", S(
+  const i = y("Blocks");
+  return c(), m("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -2514,7 +2488,7 @@ function Bo(e, t, n, o, r, i) {
       "builder-slot": e.name
     }
   ), [
-    I(s, {
+    I(i, {
       parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
@@ -2729,8 +2703,8 @@ const Eo = /* @__PURE__ */ b(Ro, [["render", Bo]]), Po = {
     }
   }
 }), Ao = ["onClick"], Wo = { key: 0 };
-function No(e, t, n, o, r, i) {
-  const s = y("Blocks");
+function No(e, t, n, o, r, s) {
+  const i = y("Blocks");
   return c(), m("div", null, [
     z("div", {
       class: "builder-tabs-wrap",
@@ -2749,7 +2723,7 @@ function No(e, t, n, o, r, i) {
         }),
         onClick: (u) => e.onClick(a)
       }, [
-        I(s, {
+        I(i, {
           parent: e.builderBlock.id,
           path: `component.options.tabs.${a}.label`,
           blocks: l.label,
@@ -2760,7 +2734,7 @@ function No(e, t, n, o, r, i) {
       ], 14, Ao))), 128))
     ], 4),
     e.activeTabContent(e.activeTab) ? (c(), m("div", Wo, [
-      I(s, {
+      I(i, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
@@ -2768,7 +2742,7 @@ function No(e, t, n, o, r, i) {
         registeredComponents: e.builderComponents,
         linkComponent: e.builderLinkComponent
       }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-    ])) : C("", !0)
+    ])) : S("", !0)
   ]);
 }
 const Fo = /* @__PURE__ */ b(Vo, [["render", No]]), Oo = {
@@ -2798,16 +2772,16 @@ const Fo = /* @__PURE__ */ b(Vo, [["render", No]]), Oo = {
   props: ["builderContext", "text"],
   computed: {
     processedText() {
-      var i;
+      var s;
       const e = this.builderContext, {
         context: t,
         localState: n,
         rootState: o,
         rootSetState: r
       } = e;
-      return String(((i = this.text) == null ? void 0 : i.toString()) || "").replace(
+      return String(((s = this.text) == null ? void 0 : s.toString()) || "").replace(
         /{{([^}]+)}}/g,
-        (s, l) => G({
+        (i, l) => Y({
           code: l,
           context: t,
           localState: n,
@@ -2819,7 +2793,7 @@ const Fo = /* @__PURE__ */ b(Vo, [["render", No]]), Oo = {
     }
   }
 }), Lo = ["innerHTML"];
-function Uo(e, t, n, o, r, i) {
+function Uo(e, t, n, o, r, s) {
   return c(), m("div", {
     class: "builder-text",
     innerHTML: e.processedText,
@@ -2828,7 +2802,7 @@ function Uo(e, t, n, o, r, i) {
     }
   }, null, 8, Lo);
 }
-const Mo = /* @__PURE__ */ b(Do, [["render", Uo]]), Ho = {
+const Mo = /* @__PURE__ */ b(Do, [["render", Uo]]), jo = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2850,7 +2824,7 @@ const Mo = /* @__PURE__ */ b(Do, [["render", Uo]]), Ho = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, jo = f({
+}, Ho = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -2885,14 +2859,14 @@ const Mo = /* @__PURE__ */ b(Do, [["render", Uo]]), Ho = {
     }
   }
 }), Ko = ["innerHTML"];
-function qo(e, t, n, o, r, i) {
+function qo(e, t, n, o, r, s) {
   return c(), m("div", {
     ref: "elementRef",
     class: J("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
   }, null, 10, Ko);
 }
-const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
+const zo = /* @__PURE__ */ b(Ho, [["render", qo]]), Jo = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2950,7 +2924,7 @@ const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
     }
   }
 }), Xo = ["innerHTML"];
-function Zo(e, t, n, o, r, i) {
+function Zo(e, t, n, o, r, s) {
   return c(), m("div", {
     class: "builder-embed",
     ref: "elem",
@@ -3198,7 +3172,7 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
   const e = process.env.NODE_ENV || "production";
   return tr.includes(e) ? e : "production";
 }, or = (e, t, n) => {
-  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, i) => r != null ? r[i] : r, e);
+  const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, s) => r != null ? r[s] : r, e);
   return o === void 0 || o === e ? n : o;
 }, rr = f({
   name: "builder-form-component",
@@ -3258,8 +3232,8 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
         }
         e.preventDefault();
         const o = e.currentTarget || e.target, r = this.customHeaders || {};
-        let i;
-        const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((d) => !!d.name).map((d) => {
+        let s;
+        const i = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((d) => !!d.name).map((d) => {
           let p;
           const k = d.name;
           if (d instanceof HTMLInputElement)
@@ -3287,17 +3261,17 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
         if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: d }) => {
           (d instanceof File || Array.isArray(d) && d[0] instanceof File || d instanceof FileList) && (a = "multipart/form-data");
         }), a !== "application/json")
-          i = s;
+          s = i;
         else {
           const d = {};
           Array.from(l).forEach(({ value: p, key: k }) => {
             xe(d, k, p);
-          }), i = JSON.stringify(d);
+          }), s = JSON.stringify(d);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
         const u = new CustomEvent("presubmit", {
           detail: {
-            body: i
+            body: s
           }
         });
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
@@ -3309,7 +3283,7 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
         fetch(
           this.sendSubmissionsTo === "email" ? h : this.action,
           {
-            body: i,
+            body: s,
             headers: r,
             method: this.method || "post"
           }
@@ -3361,12 +3335,12 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
   }
 }), ir = ["validate", "action", "method", "name"], sr = {
   key: 3,
-  class: "builder-form-error-text pre-3i4ezorcfhi"
+  class: "builder-form-error-text pre-3q96myty4lk"
 };
-function ar(e, t, n, o, r, i) {
+function ar(e, t, n, o, r, s) {
   var a;
-  const s = y("Block"), l = y("Blocks");
-  return c(), m("form", S({
+  const i = y("Block"), l = y("Blocks");
+  return c(), m("form", C({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
@@ -3374,35 +3348,35 @@ function ar(e, t, n, o, r, i) {
     name: e.name,
     onSubmit: t[0] || (t[0] = (u) => e.onSubmit(u))
   }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (c(!0), m(T, { key: 0 }, V((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (c(), g(s, {
+    e.builderBlock && e.builderBlock.children ? (c(!0), m(T, { key: 0 }, V((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (c(), g(i, {
       key: `form-block-${e.idx}`,
       block: u,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
-    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : C("", !0),
+    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : S("", !0),
     e.submissionState() === "error" ? (c(), g(l, {
       key: 1,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : C("", !0),
+    }, null, 8, ["blocks", "context"])) : S("", !0),
     e.submissionState() === "sending" ? (c(), g(l, {
       key: 2,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : C("", !0),
-    e.submissionState() === "error" && e.responseData ? (c(), m("pre", sr, te(JSON.stringify(e.responseData, null, 2)), 1)) : C("", !0),
+    }, null, 8, ["blocks", "context"])) : S("", !0),
+    e.submissionState() === "error" && e.responseData ? (c(), m("pre", sr, te(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
     e.submissionState() === "success" ? (c(), g(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : C("", !0)
+    }, null, 8, ["blocks", "context"])) : S("", !0)
   ], 16, ir);
 }
-const lr = /* @__PURE__ */ b(rr, [["render", ar], ["__scopeId", "data-v-489330f7"]]), cr = {
+const lr = /* @__PURE__ */ b(rr, [["render", ar], ["__scopeId", "data-v-6e18f21b"]]), cr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3468,8 +3442,8 @@ const lr = /* @__PURE__ */ b(rr, [["render", ar], ["__scopeId", "data-v-489330f7
     return { isEditing: R, filterAttrs: A };
   }
 }), ur = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function pr(e, t, n, o, r, i) {
-  return c(), m("input", S({
+function pr(e, t, n, o, r, s) {
+  return c(), m("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -3528,18 +3502,18 @@ const mr = /* @__PURE__ */ b(dr, [["render", pr]]), hr = {
     return { isEditing: R, filterAttrs: A };
   }
 }), br = ["value", "defaultValue", "name", "required"], gr = ["value"];
-function yr(e, t, n, o, r, i) {
-  return c(), m("select", S({
+function yr(e, t, n, o, r, s) {
+  return c(), m("select", C({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name,
     required: e.required
   }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (c(!0), m(T, null, V(e.options, (s, l) => (c(), m("option", {
-      key: `${s.name}-${l}`,
-      value: s.value
-    }, te(s.name || s.value), 9, gr))), 128))
+    (c(!0), m(T, null, V(e.options, (i, l) => (c(), m("option", {
+      key: `${i.name}-${l}`,
+      value: i.value
+    }, te(i.name || i.value), 9, gr))), 128))
   ], 16, br);
 }
 const kr = /* @__PURE__ */ b(fr, [["render", yr]]), vr = {
@@ -3567,17 +3541,17 @@ const kr = /* @__PURE__ */ b(fr, [["render", yr]]), vr = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Cr = f({
+}, Sr = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: A };
   }
 });
-function Sr(e, t, n, o, r, i) {
-  return c(), m("button", S({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), te(e.text), 17);
+function Cr(e, t, n, o, r, s) {
+  return c(), m("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), te(e.text), 17);
 }
-const Tr = /* @__PURE__ */ b(Cr, [["render", Sr]]), wr = {
+const Tr = /* @__PURE__ */ b(Sr, [["render", Cr]]), wr = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3627,8 +3601,8 @@ const Tr = /* @__PURE__ */ b(Cr, [["render", Sr]]), wr = {
     return { filterAttrs: A };
   }
 }), $r = ["placeholder", "name", "value", "defaultValue", "required"];
-function Rr(e, t, n, o, r, i) {
-  return c(), m("textarea", S({
+function Rr(e, t, n, o, r, s) {
+  return c(), m("textarea", C({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
@@ -3664,8 +3638,8 @@ const Br = /* @__PURE__ */ b(Ir, [["render", Rr]]), Er = {
     return { isEditing: R, filterAttrs: A };
   }
 }), xr = ["alt", "src"];
-function Vr(e, t, n, o, r, i) {
-  return c(), m("img", S({
+function Vr(e, t, n, o, r, s) {
+  return c(), m("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3827,16 +3801,16 @@ const Ar = /* @__PURE__ */ b(Pr, [["render", Vr]]), Wr = {
     height: "100%"
   }
 };
-function Mr(e, t, n, o, r, i) {
-  var s, l, a, u, h, d, p;
+function Mr(e, t, n, o, r, s) {
+  var i, l, a, u, h, d, p;
   return c(), m("div", Fr, [
-    z("video", S({
+    z("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
         width: "100%",
         height: "100%",
-        ...(s = e.attributes) == null ? void 0 : s.style,
+        ...(i = e.attributes) == null ? void 0 : i.style,
         objectFit: e.fit,
         objectPosition: e.position,
         // Hack to get object fit to work as expected and
@@ -3850,7 +3824,7 @@ function Mr(e, t, n, o, r, i) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? C("", !0) : (c(), m("source", {
+      e.lazyLoad ? S("", !0) : (c(), m("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
@@ -3864,18 +3838,18 @@ function Mr(e, t, n, o, r, i) {
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : C("", !0),
+    }, null, 4)) : S("", !0),
     (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), m("div", Lr, [
       E(e.$slots, "default")
-    ])) : C("", !0),
+    ])) : S("", !0),
     (p = (d = e.builderBlock) == null ? void 0 : d.children) != null && p.length && !e.fitContent ? (c(), m("div", Ur, [
       E(e.$slots, "default")
-    ])) : C("", !0)
+    ])) : S("", !0)
   ]);
 }
-const Hr = /* @__PURE__ */ b(Nr, [["render", Mr]]), jr = () => [{
+const jr = /* @__PURE__ */ b(Nr, [["render", Mr]]), Hr = () => [{
   component: zo,
-  ...Ho
+  ...jo
 }, {
   component: _o,
   ...Jo
@@ -3898,14 +3872,14 @@ const Hr = /* @__PURE__ */ b(Nr, [["render", Mr]]), jr = () => [{
   component: Ar,
   ...Er
 }, {
-  component: Hr,
+  component: jr,
   ...Wr
 }], Re = () => [{
-  component: It,
-  ...Co
+  component: wt,
+  ...So
 }, {
   component: _n,
-  ...So
+  ...Co
 }, {
   component: no,
   ...To
@@ -3930,7 +3904,7 @@ const Hr = /* @__PURE__ */ b(Nr, [["render", Mr]]), jr = () => [{
 }, {
   component: vo,
   ...fo
-}, ...jr()], Kr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, ...Hr()], Kr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4020,25 +3994,25 @@ const Hr = /* @__PURE__ */ b(Nr, [["render", Mr]]), jr = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, ot = "builderIoAbTest", rt = "builderIoRenderContent", Z = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, tt = "builderIoAbTest", nt = "builderIoRenderContent", Z = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), zr = ({
   canTrack: e,
   content: t
-}) => !(!(Z(t).length > 0) || !e), Jr = (e) => e === "react" || e === "reactNative", it = Jr(x), Gr = () => `
-  window.${ot} = ${Kr}
-  window.${rt} = ${qr}
+}) => !(!(Z(t).length > 0) || !e), Jr = (e) => e === "react" || e === "reactNative", ot = Jr(x), Gr = () => `
+  window.${tt} = ${Kr}
+  window.${nt} = ${qr}
   `, Yr = (e, t) => `
-  window.${ot}(
-    "${t}",${JSON.stringify(e)}, ${it}
+  window.${tt}(
+    "${t}",${JSON.stringify(e)}, ${ot}
   )`, Qr = ({
   contentId: e,
   variationId: t
-}) => `window.${rt}(
-    "${t}", "${e}", ${it}
-  )`, st = f({
+}) => `window.${nt}(
+    "${t}", "${e}", ${ot}
+  )`, rt = f({
   render() {
     return Pe("script", {
       innerHTML: this.scriptStr,
@@ -4070,10 +4044,10 @@ const Xr = (e, t, n = !0) => {
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Be(o / n.width), s = Be(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, s = Be(o / n.width), i = Be(r / n.height);
   return {
-    x: i,
-    y: s
+    x: s,
+    y: i
   };
 }, _r = (e) => {
   const t = e.target, n = t && Zr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
@@ -4092,8 +4066,8 @@ const Xr = (e, t, n = !0) => {
     }
   };
 }, ei = (e) => {
-  var i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
+  var s;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((s = e == null ? void 0 : e.files) == null ? void 0 : s.regular);
   let r = "";
   if (o && t && n && (r += `
 @font-face {
@@ -4103,16 +4077,16 @@ font-display: fallback;
 font-weight: 400;
 }
       `.trim()), e.files)
-    for (const s in e.files) {
-      if (!(String(Number(s)) === s))
+    for (const i in e.files) {
+      if (!(String(Number(i)) === i))
         continue;
-      const a = e.files[s];
+      const a = e.files[i];
       a && a !== o && (r += `
 @font-face {
 font-family: "${t}";
 src: url('${a}') format('woff2');
 font-display: fallback;
-font-weight: ${s};
+font-weight: ${i};
 }
         `.trim());
     }
@@ -4176,31 +4150,28 @@ font-weight: ${s};
       [le.key]: e.builderContextSignal
     };
   },
+  created() {
+    this.runHttpRequests(), this.emitStateUpdate();
+  },
   mounted() {
-    (() => {
-      var n, o;
-      if ($()) {
-        if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
-          new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && Y(this.canTrack)) {
-          const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
-          de({
-            type: "impression",
-            canTrack: !0,
-            contentId: s,
-            apiKey: l,
-            variationId: i !== s ? i : void 0
-          });
-        }
-        Ot() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
-          new CustomEvent("initpreviewingbldr")
-        );
+    var e, t;
+    if ($()) {
+      if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        new CustomEvent("initeditingbldr")
+      ), this.builderContextSignal.content && G(this.canTrack)) {
+        const o = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, r = (t = this.builderContextSignal.content) == null ? void 0 : t.id, s = this.apiKey;
+        de({
+          type: "impression",
+          canTrack: !0,
+          contentId: r,
+          apiKey: s,
+          variationId: o !== r ? o : void 0
+        });
       }
-    })(), (() => {
-      this.apiKey || P.error(
-        "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-      ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
-    })();
+      Ft() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        new CustomEvent("initpreviewingbldr")
+      );
+    }
   },
   watch: {
     onUpdateHook0: {
@@ -4210,30 +4181,18 @@ font-weight: ${s};
       immediate: !0
     },
     onUpdateHook1: {
-      handler() {
-        this.evaluateJsCode();
-      },
-      immediate: !0
-    },
-    onUpdateHook2: {
-      handler() {
-        this.runHttpRequests();
-      },
-      immediate: !0
-    },
-    onUpdateHook3: {
       handler() {
         this.emitStateUpdate();
       },
       immediate: !0
     },
-    onUpdateHook4: {
+    onUpdateHook2: {
       handler() {
         this.data && this.mergeNewRootState(this.data);
       },
       immediate: !0
     },
-    onUpdateHook5: {
+    onUpdateHook3: {
       handler() {
         this.locale && this.mergeNewRootState({
           locale: this.locale
@@ -4261,28 +4220,16 @@ font-weight: ${s};
       };
     },
     onUpdateHook1() {
-      var e, t;
-      return {
-        0: (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.jsCode
-      };
-    },
-    onUpdateHook2() {
-      var e, t;
-      return {
-        0: (t = (e = this.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : t.httpRequests
-      };
-    },
-    onUpdateHook3() {
       return {
         0: this.builderContextSignal.rootState
       };
     },
-    onUpdateHook4() {
+    onUpdateHook2() {
       return {
         0: this.data
       };
     },
-    onUpdateHook5() {
+    onUpdateHook3() {
       return {
         0: this.locale
       };
@@ -4298,7 +4245,7 @@ font-weight: ${s};
       this.builderContextSignal.rootSetState ? (o = (n = this.builderContextSignal).rootSetState) == null || o.call(n, t) : this.builderContextSignal.rootState = t;
     },
     mergeNewContent(e) {
-      var n, o, r, i, s;
+      var n, o, r, s, i;
       const t = {
         ...this.builderContextSignal.content,
         ...e,
@@ -4309,13 +4256,13 @@ font-weight: ${s};
         meta: {
           ...(o = this.builderContextSignal.content) == null ? void 0 : o.meta,
           ...e == null ? void 0 : e.meta,
-          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((s = (i = this.builderContextSignal.content) == null ? void 0 : i.meta) == null ? void 0 : s.breakpoints)
+          breakpoints: ((r = e == null ? void 0 : e.meta) == null ? void 0 : r.breakpoints) || ((i = (s = this.builderContextSignal.content) == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints)
         }
       };
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return qe({
+      return Ke({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4329,7 +4276,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            _e(t);
+            Xe(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -4337,28 +4284,13 @@ font-weight: ${s};
         }
       })(e);
     },
-    evaluateJsCode() {
-      var t, n;
-      const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && G({
-        code: e,
-        context: this.context || {},
-        localState: void 0,
-        rootState: this.builderContextSignal.rootState,
-        rootSetState: this.builderContextSignal.rootSetState,
-        /**
-         * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-         */
-        enableCache: !1
-      });
-    },
     onClick(e) {
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
         de({
           type: "click",
-          canTrack: Y(this.canTrack),
+          canTrack: G(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
@@ -4375,10 +4307,10 @@ font-weight: ${s};
         if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !R())
           return;
         this.httpReqsPending[o] = !0;
-        const i = r.replace(
+        const s = r.replace(
           /{{([^}]+)}}/g,
-          (s, l) => String(
-            G({
+          (i, l) => String(
+            Y({
               code: l,
               context: this.context || {},
               localState: void 0,
@@ -4388,12 +4320,12 @@ font-weight: ${s};
             })
           )
         );
-        Ye(i).then((s) => s.json()).then((s) => {
+        fetch(s).then((i) => i.json()).then((i) => {
           this.mergeNewRootState({
-            [o]: s
+            [o]: i
           }), this.httpReqsData[o] = !0;
-        }).catch((s) => {
-          console.error("error fetching dynamic data", r, s);
+        }).catch((i) => {
+          console.error("error fetching dynamic data", r, i);
         }).finally(() => {
           this.httpReqsPending[o] = !1;
         });
@@ -4415,7 +4347,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), an(), Ke({
+      window.addEventListener("message", this.processMessage), sn(), He({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4429,7 +4361,7 @@ font-weight: ${s};
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Dt(t);
+        const n = Ot(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -4444,21 +4376,21 @@ font-weight: ${s};
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
-      }).then((i) => {
-        i && this.mergeNewContent(i);
+      }).then((s) => {
+        s && this.mergeNewContent(s);
       });
     }
   }
 });
-function ai(e, t, n, o, r, i) {
-  var s, l, a;
-  return e.builderContextSignal.content ? (c(), g(K(e.ContentWrapper), S({
+function ai(e, t, n, o, r, s) {
+  var i, l, a;
+  return e.builderContextSignal.content ? (c(), g(K(e.ContentWrapper), C({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
-    "builder-content-id": (s = e.builderContextSignal.content) == null ? void 0 : s.id,
+    "builder-content-id": (i = e.builderContextSignal.content) == null ? void 0 : i.id,
     "builder-model": e.model,
-    class: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
+    className: e.getWrapperClassName(((l = e.content) == null ? void 0 : l.testVariationId) || ((a = e.content) == null ? void 0 : a.id)),
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
@@ -4466,7 +4398,7 @@ function ai(e, t, n, o, r, i) {
       E(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : C("", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
 const li = /* @__PURE__ */ b(si, [["render", ai]]), ci = f({
   name: "content-styles",
@@ -4487,9 +4419,9 @@ ${ri(this.isNestedRender)}
     };
   }
 });
-function di(e, t, n, o, r, i) {
-  const s = y("InlinedStyles");
-  return c(), g(s, {
+function di(e, t, n, o, r, s) {
+  const i = y("InlinedStyles");
+  return c(), g(i, {
     id: "builderio-content",
     styles: e.injectedStyles,
     nonce: e.nonce
@@ -4500,9 +4432,9 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
   data: t,
   locale: n
 }) => {
-  var i, s, l;
-  const o = {}, r = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.state) || {};
-  return (l = (s = e == null ? void 0 : e.data) == null ? void 0 : s.inputs) == null || l.forEach((a) => {
+  var s, i, l;
+  const o = {}, r = ((s = e == null ? void 0 : e.data) == null ? void 0 : s.state) || {};
+  return (l = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || l.forEach((a) => {
     a.name && a.defaultValue !== void 0 && (o[a.name] = a.defaultValue);
   }), {
     ...o,
@@ -4522,24 +4454,24 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, hi = ut, fi = f({
+} : void 0, hi = ct, fi = f({
   name: "content-component",
   components: {
     EnableEditor: li,
-    InlinedScript: st,
+    InlinedScript: rt,
     ContentStyles: ui,
     Blocks: M,
     DynamicDiv: Q
   },
   props: [
+    "apiKey",
+    "context",
     "content",
     "customComponents",
     "model",
     "data",
     "locale",
-    "context",
     "canTrack",
-    "apiKey",
     "apiVersion",
     "blocksWrapper",
     "blocksWrapperProps",
@@ -4566,11 +4498,11 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
         ...Re(),
         ...((n = this.customComponents) == null ? void 0 : n.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
       ].reduce(
-        (r, { component: i, ...s }) => ({
+        (r, { component: s, ...i }) => ({
           ...r,
-          [s.name]: {
-            component: hi(i),
-            ...ee(s)
+          [i.name]: {
+            component: hi(s),
+            ...ee(i)
           }
         }),
         {}
@@ -4595,9 +4527,9 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
           ...Re(),
           ...((o = this.customComponents) == null ? void 0 : o.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
         ].reduce(
-          (r, { component: i, ...s }) => ({
+          (r, { component: s, ...i }) => ({
             ...r,
-            [s.name]: ee(s)
+            [i.name]: ee(i)
           }),
           {}
         ),
@@ -4617,15 +4549,36 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
       }
     };
   },
+  created() {
+    var t, n;
+    this.apiKey || P.error(
+      "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    );
+    const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
+    e && Y({
+      code: e,
+      context: this.context || {},
+      localState: void 0,
+      rootState: this.builderContextSignal.rootState,
+      rootSetState: (o) => {
+        this.builderContextSignal.rootState = o;
+      },
+      isExpression: !1,
+      /**
+       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+       */
+      enableCache: !1
+    });
+  },
   methods: {
     contentSetState(e) {
       this.builderContextSignal.rootState = e;
     }
   }
 });
-function bi(e, t, n, o, r, i) {
-  const s = y("InlinedScript"), l = y("ContentStyles"), a = y("Blocks"), u = y("EnableEditor");
-  return c(), g(u, S({
+function bi(e, t, n, o, r, s) {
+  const i = y("InlinedScript"), l = y("ContentStyles"), a = y("Blocks"), u = y("EnableEditor");
+  return c(), g(u, C({
     nonce: e.nonce,
     content: e.content,
     data: e.data,
@@ -4644,12 +4597,12 @@ function bi(e, t, n, o, r, i) {
     default: N(() => {
       var h, d, p, k, v, F, X;
       return [
-        e.isSsrAbTest ? (c(), g(s, {
+        e.isSsrAbTest ? (c(), g(i, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr,
           nonce: e.nonce || ""
-        }, null, 8, ["scriptStr", "nonce"])) : C("", !0),
+        }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
         e.TARGET !== "reactNative" ? (c(), g(l, {
           key: 1,
           nonce: e.nonce || "",
@@ -4657,7 +4610,7 @@ function bi(e, t, n, o, r, i) {
           contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
           cssCode: (p = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : p.cssCode,
           customFonts: (v = (k = e.builderContextSignal.content) == null ? void 0 : k.data) == null ? void 0 : v.customFonts
-        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : C("", !0),
+        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
         I(a, {
           blocks: (X = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : X.blocks,
           context: e.builderContextSignal,
@@ -4672,7 +4625,7 @@ function bi(e, t, n, o, r, i) {
 const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = f({
   name: "content-variants",
   components: {
-    InlinedScript: st,
+    InlinedScript: rt,
     InlinedStyles: ke,
     ContentComponent: gi
   },
@@ -4699,7 +4652,7 @@ const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = f({
   data() {
     return {
       shouldRenderVariants: zr({
-        canTrack: Y(this.canTrack),
+        canTrack: G(this.canTrack),
         content: this.content
       }),
       TARGET: x,
@@ -4728,34 +4681,34 @@ const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = f({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : mn({
+      } : pn({
         item: this.content,
-        canTrack: Y(this.canTrack)
+        canTrack: G(this.canTrack)
       });
     }
   }
 });
-function ki(e, t, n, o, r, i) {
-  const s = y("InlinedScript"), l = y("InlinedStyles"), a = y("ContentComponent");
+function ki(e, t, n, o, r, s) {
+  const i = y("InlinedScript"), l = y("InlinedStyles"), a = y("ContentComponent");
   return c(), m(T, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), g(s, {
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), g(i, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString(),
       nonce: e.nonce || ""
-    }, null, 8, ["scriptStr", "nonce"])) : C("", !0),
+    }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
     e.shouldRenderVariants ? (c(), m(T, { key: 1 }, [
       I(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
         nonce: e.nonce || ""
       }, null, 8, ["styles", "nonce"]),
-      I(s, {
+      I(i, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (c(!0), m(T, null, V(e.getVariants(e.content), (u, h) => (c(), g(a, S({
+      (c(!0), m(T, null, V(e.getVariants(e.content), (u, h) => (c(), g(a, C({
         key: u.testVariationId,
         isNestedRender: e.isNestedRender,
         nonce: e.nonce,
@@ -4778,8 +4731,8 @@ function ki(e, t, n, o, r, i) {
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
       }, {}), null, 16, ["isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
-    ], 64)) : C("", !0),
-    I(a, S({
+    ], 64)) : S("", !0),
+    I(a, C({
       nonce: e.nonce,
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
@@ -4805,7 +4758,7 @@ function ki(e, t, n, o, r, i) {
     }), null, 16, ["nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Ci = async ({
+const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Si = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4823,7 +4776,7 @@ const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Ci = async ({
     }).catch((n) => {
       P.error("Could not fetch symbol content: ", n);
     });
-}, Si = f({
+}, Ci = f({
   name: "builder-symbol",
   components: { ContentVariants: vi, DynamicDiv: Q },
   props: [
@@ -4874,7 +4827,7 @@ const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Ci = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || Ci({
+      this.contentToUse || Si({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4883,11 +4836,11 @@ const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Ci = async ({
     }
   }
 });
-function Ti(e, t, n, o, r, i) {
+function Ti(e, t, n, o, r, s) {
   var l, a, u, h, d;
-  const s = y("ContentVariants");
-  return c(), m("div", S({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    I(s, {
+  const i = y("ContentVariants");
+  return c(), m("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    I(i, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -4911,7 +4864,7 @@ function Ti(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const wi = /* @__PURE__ */ b(Si, [["render", Ti]]);
+const wi = /* @__PURE__ */ b(Ci, [["render", Ti]]);
 export {
   Ni as A,
   ye as B,
@@ -4920,32 +4873,32 @@ export {
   uo as I,
   ho as S,
   Mo as T,
-  Hr as V,
+  jr as V,
   ke as _,
   Fi as a,
   ge as b,
   Ai as c,
   b as d,
-  G as e,
+  Y as e,
   Wi as f,
   Yn as g,
   _ as h,
   le as i,
-  It as j,
+  wt as j,
   wi as k,
   M as l,
   vi as m,
-  Ot as n,
-  Dt as o,
-  Ne as p,
+  Ft as n,
+  Ot as o,
+  We as p,
   xi as q,
-  Ut as r,
+  Lt as r,
   Ei as s,
   Pi as t,
   Vi as u,
   vn as v,
   hi as w,
-  Cn as x,
+  Sn as x,
   be as y,
   Bi as z
 };