@builder.io/sdk-vue 2.0.8 → 2.0.13

package/lib/browser/{index-wQ1FWMHJ.js → index-3j8dJ25f.js}

@@ -1,10 +1,10 @@
 var pt = Object.defineProperty;
 var mt = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ne = (e, t, n) => (mt(e, typeof t != "symbol" ? t + "" : t, n), n);
+var oe = (e, t, n) => (mt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as d, createElementBlock as p, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as W, renderSlot as E, resolveComponent as g, createTextVNode as ht, toDisplayString as te, defineAsyncComponent as H, createVNode as $, renderList as N, createCommentVNode as v, h as xe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
+import { defineComponent as f, openBlock as c, createElementBlock as m, Fragment as w, createBlock as g, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as N, renderSlot as x, resolveComponent as y, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as j, createVNode as $, renderList as A, createCommentVNode as S, h as Ae, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
 const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), gt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
-function A(e = {}, t, n) {
+function V(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
@@ -27,25 +27,25 @@ const yt = f({
   return n;
 };
 function kt(e, t, n, o, r, i) {
-  return e.isEmptyElement(e.TagName) ? (d(), k(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), null, 16)) : (d(), p(I, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), k(K(e.TagName), C({ key: 0 }, e.attributes, P(e.actionAttributes)), {
-      default: W(() => [
-        E(e.$slots, "default")
+  return e.isEmptyElement(e.TagName) ? (c(), g(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), null, 16)) : (c(), m(w, { key: 0 }, [
+    typeof e.TagName == "string" ? (c(), g(K(e.TagName), C({ key: 0 }, e.attributes, P(e.actionAttributes)), {
+      default: N(() => [
+        x(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), k(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), {
-      default: W(() => [
-        E(e.$slots, "default")
+    }, 16)) : (c(), g(K(e.TagName), C({ key: 1 }, e.attributes, P(e.actionAttributes)), {
+      default: N(() => [
+        x(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const pe = /* @__PURE__ */ b(yt, [["render", kt]]), Bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const me = /* @__PURE__ */ b(yt, [["render", kt]]), Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: pe
-}, Symbol.toStringTag, { value: "Module" })), x = "vue", ee = () => {
-  switch (x) {
+  default: me
+}, Symbol.toStringTag, { value: "Module" })), E = "vue", ee = () => {
+  switch (E) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -59,7 +59,7 @@ const pe = /* @__PURE__ */ b(yt, [["render", kt]]), Bi = /* @__PURE__ */ Object.
   }
 }, vt = f({
   name: "builder-button",
-  components: { DynamicRenderer: pe },
+  components: { DynamicRenderer: me },
   props: [
     "attributes",
     "link",
@@ -68,12 +68,12 @@ const pe = /* @__PURE__ */ b(yt, [["render", kt]]), Bi = /* @__PURE__ */ Object.
     "text"
   ],
   data() {
-    return { filterAttrs: A };
+    return { filterAttrs: V };
   },
   methods: {
     attrs() {
       return {
-        ...A(this.attributes, "v-on:", !1),
+        ...V(this.attributes, "v-on:", !1),
         [ee()]: `${this.link ? "" : "builder-button"} ${this.attributes[ee()] || ""}`,
         ...this.link ? {
           href: this.link,
@@ -87,19 +87,19 @@ const pe = /* @__PURE__ */ b(yt, [["render", kt]]), Bi = /* @__PURE__ */ Object.
   }
 });
 function St(e, t, n, o, r, i) {
-  const s = g("DynamicRenderer");
-  return d(), k(s, {
+  const s = y("DynamicRenderer");
+  return c(), g(s, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
-    default: W(() => [
-      ht(te(e.text), 1)
+    default: N(() => [
+      ht(ne(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), le = {
+const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), ce = {
   Builder: {
     content: null,
     context: {},
@@ -116,7 +116,7 @@ const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), le = {
     nonce: ""
   },
   key: wt
-}, Tt = Symbol(), Ae = {
+}, Tt = Symbol(), Ve = {
   Components: { registeredComponents: {} },
   key: Tt
 };
@@ -127,35 +127,41 @@ function It(e) {
     ...e.options
   };
 }
+function $t(e, ...t) {
+  const n = Object.assign({}, e);
+  for (const o of t)
+    delete n[o];
+  return n;
+}
 const Z = "[Builder.io]: ", B = {
   log: (...e) => console.log(Z, ...e),
   error: (...e) => console.error(Z, ...e),
   warn: (...e) => console.warn(Z, ...e),
   debug: (...e) => console.debug(Z, ...e)
 };
-function T() {
+function I() {
   return typeof window < "u" && typeof document < "u";
 }
-const $t = (e) => {
+const Rt = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Ve = (e) => e instanceof URLSearchParams ? $t(e) : e, We = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Rt() {
-  return T() && window.self !== window.top;
+}, We = (e) => e instanceof URLSearchParams ? Rt(e) : e, Ne = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function Bt() {
+  return I() && window.self !== window.top;
 }
 function R(e) {
-  return Rt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  We(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+  return Bt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  Ne(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const Bt = () => {
-  if (T()) {
+const Et = () => {
+  if (I()) {
     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;
-}, Pt = () => typeof navigator == "object" && navigator.userAgent || "", Ne = () => {
+}, Pt = () => typeof navigator == "object" && navigator.userAgent || "", Oe = () => {
   const e = Pt(), t = {
     Android() {
       return e.match(/Android/i);
@@ -173,15 +179,15 @@ const Bt = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || x === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || E === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = Bt();
+  }, n = e.match(/Tablet|iPad/i), o = Et();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, Et = ({
+}, xt = ({
   builder: e,
   context: t,
   event: n,
@@ -193,14 +199,14 @@ const Bt = () => {
   builder: e,
   context: t,
   event: n
-}), xt = () => ({
+}), At = () => ({
   isEditing: R(),
-  isBrowser: T(),
-  isServer: !T(),
-  getUserAttributes: () => Ne()
-}), At = (e, {
+  isBrowser: I(),
+  isServer: !I(),
+  getUserAttributes: () => Oe()
+}), Vt = (e, {
   isExpression: t = !0
-}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, Se = ({
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, Ce = ({
   code: e,
   builder: t,
   context: n,
@@ -209,7 +215,7 @@ const Bt = () => {
   rootSetState: i,
   rootState: s
 }) => {
-  const l = Et({
+  const l = xt({
     builder: t,
     context: n,
     event: o,
@@ -247,17 +253,17 @@ function Fe({
   });
 }
 const L = (e) => e != null;
-function Vt() {
+function Wt() {
   var e;
   return typeof process < "u" && L((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const Wt = () => {
+const Nt = () => {
   var o;
-  if (!Vt())
+  if (!Wt())
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
   return e && t && !n ? (B.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, Nt = (e) => (T() || Wt(), Se(e)), V = class V {
+}, Ot = (e) => (I() || Nt(), Ce(e)), Ft = !0, W = class W {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -267,16 +273,16 @@ const Wt = () => {
     });
   }
   static getCachedValue(t) {
-    return V.cache.get(t);
+    return W.cache.get(t);
   }
   static setCachedValue(t, n) {
-    V.cache.size > 20 && V.cache.delete(V.cache.keys().next().value), V.cache.set(t, {
+    W.cache.size > 20 && W.cache.delete(W.cache.keys().next().value), W.cache.set(t, {
       value: n
     });
   }
 };
-ne(V, "cacheLimit", 20), ne(V, "cache", /* @__PURE__ */ new Map());
-let U = V;
+oe(W, "cacheLimit", 20), oe(W, "cache", /* @__PURE__ */ new Map());
+let U = W;
 function G({
   code: e,
   context: t,
@@ -290,23 +296,23 @@ function G({
   if (e === "")
     return;
   const a = {
-    code: At(e, {
+    code: Vt(e, {
       isExpression: s
     }),
-    builder: xt(),
+    builder: At(),
     context: t,
     event: i,
     rootSetState: r,
     rootState: o,
     localState: n
   };
-  if (l) {
+  if (l && !Ft) {
     const u = U.getCacheKey(a), h = U.getCachedValue(u);
     if (h)
       return h.value;
   }
   try {
-    const u = Nt(a);
+    const u = Ot(a);
     if (l) {
       const h = U.getCacheKey(a);
       U.setCachedValue(h, u);
@@ -316,65 +322,702 @@ function G({
     B.error("Failed code evaluation: " + u.message, {
       code: e
     });
-    return;
+    return;
+  }
+}
+const he = (e) => JSON.parse(JSON.stringify(e)), De = (e, t, n) => {
+  if (Object(e) !== e)
+    return e;
+  const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
+  return o.slice(0, -1).reduce((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
+};
+function de(e) {
+  if (e === null || typeof e != "object")
+    return e;
+  if (Array.isArray(e))
+    return e.map((n) => de(n));
+  if (e["@type"] === "@builder.io/sdk:Element")
+    return e;
+  const t = {};
+  for (const n in e)
+    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = de(e[n]));
+  return t;
+}
+const Dt = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Lt = (e) => {
+  if (Dt) {
+    const t = he(e);
+    return {
+      ...t,
+      properties: {
+        ...t.properties
+      },
+      actions: {
+        ...t.actions
+      }
+    };
+  } else {
+    const t = de($t(e, "children", "meta"));
+    return {
+      ...t,
+      properties: {
+        ...t.properties
+      },
+      actions: {
+        ...t.actions
+      },
+      children: e.children,
+      meta: e.meta
+    };
+  }
+}, Ut = ({
+  block: e,
+  context: t,
+  localState: n,
+  rootState: o,
+  rootSetState: r
+}) => {
+  if (!e.bindings)
+    return e;
+  const i = Lt(e);
+  for (const s in e.bindings) {
+    const l = e.bindings[s], a = G({
+      code: l,
+      localState: n,
+      rootState: o,
+      rootSetState: r,
+      context: t,
+      enableCache: !0
+    });
+    De(i, s, a);
+  }
+  return i;
+};
+function Mt({
+  block: e,
+  context: t,
+  shouldEvaluateBindings: n,
+  localState: o,
+  rootState: r,
+  rootSetState: i
+}) {
+  const s = e;
+  return n ? Ut({
+    block: s,
+    localState: o,
+    rootState: r,
+    rootSetState: i,
+    context: t
+  }) : s;
+}
+function Ht(e) {
+  const t = e || (I() ? window.location.search : void 0);
+  return t ? Ne(t).indexOf("builder.preview=") !== -1 : !1;
+}
+const jt = (e) => ({
+  type: "builder.registerComponent",
+  data: te(e)
+}), Kt = (e) => {
+  const t = e.toString().trim();
+  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
+};
+function te(e) {
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? Kt(n) : n));
+}
+const we = {};
+function qt(e, t) {
+  e === "plugin" && (t = te(t));
+  let n = we[e];
+  if (n || (n = we[e] = []), n.push(t), I()) {
+    const o = {
+      type: "builder.register",
+      data: {
+        type: e,
+        info: t
+      }
+    };
+    try {
+      parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
+    } catch (r) {
+      console.debug("Could not postmessage", r);
+    }
+  }
+}
+const Te = {};
+function Wi(e) {
+  if (I()) {
+    Object.assign(Te, e);
+    const t = {
+      type: "builder.settingsChange",
+      data: Te
+    };
+    parent.postMessage(t, "*");
+  }
+}
+const Ie = "builder.", zt = "options.", Le = (e) => {
+  if (!e)
+    return {};
+  const t = We(e), n = {};
+  return Object.keys(t).forEach((o) => {
+    if (o.startsWith(Ie)) {
+      const r = o.replace(Ie, "").replace(zt, "");
+      n[r] = t[o];
+    }
+  }), n;
+}, Jt = () => {
+  if (!I())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  return Le(e);
+}, Gt = (e) => {
+  if (e === "localhost" || e === "127.0.0.1")
+    return e;
+  const t = e.split(".");
+  return t.length > 2 ? t.slice(1).join(".") : e;
+}, Ue = ({
+  name: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
+  } catch (o) {
+    B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    return;
+  }
+}, Me = async (e) => Ue(e), Yt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(L).join("; "), Qt = [["secure", ""], ["SameSite", "None"]], Xt = ({
+  name: e,
+  value: t,
+  expires: n
+}) => {
+  const r = (I() ? location.protocol === "https:" : !0) ? Qt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Gt(window.location.hostname)], ...r];
+  return Yt(s);
+}, He = async ({
+  name: e,
+  value: t,
+  expires: n,
+  canTrack: o
+}) => {
+  try {
+    if (!o)
+      return;
+    const r = Xt({
+      name: e,
+      value: t,
+      expires: n
+    });
+    document.cookie = r;
+  } catch (r) {
+    B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+  }
+};
+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 je() {
+  return Zt().replace(/-/g, "");
+}
+const Ke = "builderSessionId", _t = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = await Me({
+    name: Ke,
+    canTrack: e
+  });
+  if (L(t))
+    return t;
+  {
+    const n = en();
+    return tn({
+      id: n,
+      canTrack: e
+    }), n;
+  }
+}, en = () => je(), tn = ({
+  id: e,
+  canTrack: t
+}) => He({
+  name: Ke,
+  value: e,
+  canTrack: t
+}), qe = () => I() && typeof localStorage < "u" ? localStorage : void 0, nn = ({
+  key: e,
+  canTrack: t
+}) => {
+  var n;
+  try {
+    return t ? (n = qe()) == null ? void 0 : n.getItem(e) : void 0;
+  } catch (o) {
+    console.debug("[LocalStorage] GET error: ", o);
+    return;
+  }
+}, on = ({
+  key: e,
+  canTrack: t,
+  value: n
+}) => {
+  var o;
+  try {
+    t && ((o = qe()) == null || o.setItem(e, n));
+  } catch (r) {
+    console.debug("[LocalStorage] SET error: ", r);
+  }
+}, ze = "builderVisitorId", rn = ({
+  canTrack: e
+}) => {
+  if (!e)
+    return;
+  const t = nn({
+    key: ze,
+    canTrack: e
+  });
+  if (L(t))
+    return t;
+  {
+    const n = sn();
+    return an({
+      id: n,
+      canTrack: e
+    }), n;
+  }
+}, sn = () => je(), an = ({
+  id: e,
+  canTrack: t
+}) => on({
+  key: ze,
+  value: e,
+  canTrack: t
+}), ln = async ({
+  canTrack: e
+}) => {
+  if (!e)
+    return {
+      visitorId: void 0,
+      sessionId: void 0
+    };
+  const t = await _t({
+    canTrack: e
+  }), n = rn({
+    canTrack: e
+  });
+  return {
+    sessionId: t,
+    visitorId: n
+  };
+}, cn = async ({
+  type: e,
+  canTrack: t,
+  apiKey: n,
+  metadata: o,
+  ...r
+}) => ({
+  type: e,
+  data: {
+    ...r,
+    metadata: {
+      url: location.href,
+      ...o
+    },
+    ...await ln({
+      canTrack: t
+    }),
+    userAttributes: Oe(),
+    ownerId: n
+  }
+});
+async function ue(e) {
+  if (!e.apiKey) {
+    B.error("Missing API key for track call. Please provide your API key.");
+    return;
+  }
+  if (e.canTrack && !R() && (I() || E === "reactNative"))
+    return fetch("https://cdn.builder.io/api/v1/track", {
+      method: "POST",
+      body: JSON.stringify({
+        events: [await cn(e)]
+      }),
+      headers: {
+        "content-type": "application/json"
+      },
+      mode: "cors"
+    }).catch((t) => {
+      console.error("Failed to track: ", t);
+    });
+}
+const Ni = (e) => ue({
+  ...e,
+  canTrack: !0
+}), dn = ["*.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 || dn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+}
+const un = "2.0.13", pn = () => {
+  qt("insertMenu", {
+    name: "_default",
+    default: !0,
+    items: [{
+      name: "Box"
+    }, {
+      name: "Text"
+    }, {
+      name: "Image"
+    }, {
+      name: "Columns"
+    }, {
+      name: "Core:Section"
+    }, {
+      name: "Core:Button"
+    }, {
+      name: "Embed"
+    }, {
+      name: "Custom Code"
+    }]
+  });
+};
+let $e = !1;
+const Ge = (e = {}) => {
+  var t, n;
+  $e || ($e = !0, I() && ((t = window.parent) == null || t.postMessage({
+    type: "builder.sdkInfo",
+    data: {
+      target: E,
+      version: un,
+      supportsPatchUpdates: !1,
+      // Supports builder-model="..." attribute which is needed to
+      // scope our '+ add block' button styling
+      supportsAddBlockScoping: !0,
+      supportsCustomBreakpoints: !0
+    }
+  }, "*"), (n = window.parent) == null || n.postMessage({
+    type: "builder.updateContent",
+    data: {
+      options: e
+    }
+  }, "*"), window.addEventListener("message", (o) => {
+    var i, s;
+    if (!Je(e.trustedHosts, o))
+      return;
+    const {
+      data: r
+    } = o;
+    if (r != null && r.type)
+      switch (r.type) {
+        case "builder.evaluate": {
+          const l = r.data.text, a = r.data.arguments || [], u = r.data.id, h = new Function(l);
+          let d, p = null;
+          try {
+            d = h.apply(null, a);
+          } catch (k) {
+            p = k;
+          }
+          p ? (i = window.parent) == null || i.postMessage({
+            type: "builder.evaluateError",
+            data: {
+              id: u,
+              error: p.message
+            }
+          }, "*") : d && typeof d.then == "function" ? d.then((k) => {
+            var v;
+            (v = window.parent) == null || v.postMessage({
+              type: "builder.evaluateResult",
+              data: {
+                id: u,
+                result: k
+              }
+            }, "*");
+          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
+            type: "builder.evaluateResult",
+            data: {
+              result: d,
+              id: u
+            }
+          }, "*");
+          break;
+        }
+      }
+  })));
+}, Ye = ({
+  model: e,
+  trustedHosts: t,
+  callbacks: n
+}) => (o) => {
+  if (!Je(t, o))
+    return;
+  const {
+    data: r
+  } = o;
+  if (r)
+    switch (r.type) {
+      case "builder.configureSdk": {
+        n.configureSdk(r.data);
+        break;
+      }
+      case "builder.triggerAnimation": {
+        n.animation(r.data);
+        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);
+        break;
+      }
+    }
+}, Oi = (e, t, n) => {
+  if (!I)
+    return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+    };
+  Ge();
+  const o = Ye({
+    callbacks: {
+      contentUpdate: t,
+      animation: () => {
+      },
+      configureSdk: () => {
+      }
+    },
+    model: e,
+    trustedHosts: n == null ? void 0 : n.trustedHosts
+  });
+  return window.addEventListener("message", o), () => {
+    window.removeEventListener("message", o);
+  };
+}, mn = "builder.tests", fe = (e) => `${mn}.${e}`, hn = ({
+  contentId: e
+}) => Me({
+  name: fe(e),
+  canTrack: !0
+}), fn = ({
+  contentId: e
+}) => Ue({
+  name: fe(e),
+  canTrack: !0
+}), bn = ({
+  contentId: e,
+  value: t
+}) => He({
+  name: fe(e),
+  value: t,
+  canTrack: !0
+}), Qe = (e) => L(e.id) && L(e.variations) && Object.keys(e.variations).length > 0, gn = ({
+  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;
+  }
+  return e;
+}, Xe = (e) => {
+  const t = gn(e);
+  return bn({
+    contentId: e.id,
+    value: t
+  }).catch((n) => {
+    B.error("could not store A/B test variation: ", n);
+  }), t;
+}, Ze = ({
+  item: e,
+  testGroupId: t
+}) => {
+  const n = e.variations[t];
+  return t === e.id || // handle edge-case where `testGroupId` points to non-existing variation
+  !n ? {
+    testVariationId: e.id,
+    testVariationName: "Default"
+  } : {
+    data: n.data,
+    testVariationId: n.id,
+    testVariationName: n.name || (n.id === e.id ? "Default" : "")
+  };
+}, yn = ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t)
+    return e;
+  if (!e)
+    return;
+  if (!Qe(e))
+    return e;
+  const n = fn({
+    contentId: e.id
+  }) || Xe({
+    variations: e.variations,
+    id: e.id
+  }), o = Ze({
+    item: e,
+    testGroupId: n
+  });
+  return {
+    ...e,
+    ...o
+  };
+}, kn = async ({
+  item: e,
+  canTrack: t
+}) => {
+  if (!t || !Qe(e))
+    return e;
+  const o = await hn({
+    contentId: e.id
+  }) || Xe({
+    variations: e.variations,
+    id: e.id
+  }), r = Ze({
+    item: e,
+    testGroupId: o
+  });
+  return {
+    ...e,
+    ...r
+  };
+}, Y = (e) => L(e) ? e : !0;
+function vn() {
+  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
+}
+function Sn() {
+  const e = vn().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 _e = Sn();
+function pe(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) ? {
+      ...o,
+      ...pe(i, s, n)
+    } : {
+      ...o,
+      [s]: i
+    };
+  }, {});
+}
+function et(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("$")) ? et(r, i, n) : n[i] = r;
+  }
+  return n;
+}
+const Cn = "v3", Re = (e) => typeof e == "number" && !isNaN(e) && e >= 0, be = (e) => {
+  const {
+    limit: t = 30,
+    userAttributes: n,
+    query: o,
+    model: r,
+    apiKey: i,
+    enrich: s,
+    locale: l,
+    apiVersion: a = Cn,
+    fields: u,
+    omit: h,
+    offset: d,
+    cacheSeconds: p,
+    staleCacheSeconds: k,
+    sort: v,
+    includeUnpublished: O
+  } = e;
+  if (!i)
+    throw new Error("Missing API key");
+  if (!["v3"].includes(a))
+    throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
+  const X = t !== 1, T = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
+  if (T.searchParams.set("apiKey", i), T.searchParams.set("limit", String(t)), T.searchParams.set("noTraverse", String(X)), T.searchParams.set("includeRefs", String(!0)), l && T.searchParams.set("locale", l), s && T.searchParams.set("enrich", String(s)), T.searchParams.set("omit", h || "meta.componentsUsed"), u && T.searchParams.set("fields", u), Number.isFinite(d) && d > -1 && T.searchParams.set("offset", String(Math.floor(d))), typeof O == "boolean" && T.searchParams.set("includeUnpublished", String(O)), p && Re(p) && T.searchParams.set("cacheSeconds", String(p)), k && Re(k) && T.searchParams.set("staleCacheSeconds", String(k)), v) {
+    const F = pe({
+      sort: v
+    });
+    for (const H in F)
+      T.searchParams.set(H, JSON.stringify(F[H]));
+  }
+  const ut = {
+    ...Jt(),
+    ...We(e.options || {})
+  }, Se = pe(ut);
+  for (const F in Se)
+    T.searchParams.set(F, String(Se[F]));
+  if (n && T.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const F = et({
+      query: o
+    });
+    for (const H in F)
+      T.searchParams.set(H, JSON.stringify(F[H]));
   }
+  return T;
+}, wn = (e) => "results" in e;
+async function ge(e) {
+  const t = await $n({
+    ...e,
+    limit: 1
+  });
+  return t && t[0] || null;
 }
-const me = (e) => JSON.parse(JSON.stringify(e)), Oe = (e, t, n) => {
-  if (Object(e) !== e)
-    return e;
-  const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
-  return o.slice(0, -1).reduce((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
-};
-const Ft = ({
-  block: e,
-  context: t,
-  localState: n,
-  rootState: o,
-  rootSetState: r
-}) => {
-  if (!e.bindings)
-    return e;
-  const i = me(e), s = {
-    ...i,
-    properties: {
-      ...i.properties
-    },
-    actions: {
-      ...i.actions
-    }
-  };
-  for (const l in e.bindings) {
-    const a = e.bindings[l], u = G({
-      code: a,
-      localState: n,
-      rootState: o,
-      rootSetState: r,
-      context: t,
-      enableCache: !0
-    });
-    Oe(s, l, u);
+const Tn = async (e) => {
+  const t = be(e);
+  return await (await (e.fetch ?? _e)(t.href, e.fetchOptions)).json();
+}, In = async (e, t, n = be(e)) => {
+  const o = Y(e.canTrack);
+  if (n.search.includes("preview="), !o || !(I() || E === "reactNative"))
+    return t.results;
+  try {
+    const r = [];
+    for (const i of t.results)
+      r.push(await kn({
+        item: i,
+        canTrack: o
+      }));
+    t.results = r;
+  } catch (r) {
+    B.error("Could not process A/B tests. ", r);
   }
-  return s;
+  return t.results;
 };
-function De({
-  block: e,
-  context: t,
-  shouldEvaluateBindings: n,
-  localState: o,
-  rootState: r,
-  rootSetState: i
-}) {
-  const s = e;
-  return n ? Ft({
-    block: s,
-    localState: o,
-    rootState: r,
-    rootSetState: i,
-    context: t
-  }) : s;
+async function $n(e) {
+  try {
+    const t = be(e), n = await Tn(e);
+    return wn(n) ? In(e, n) : (B.error("Error fetching data. ", {
+      url: t,
+      content: n,
+      options: e
+    }), null);
+  } catch (t) {
+    return B.error("Error fetching data. ", t), null;
+  }
 }
-const he = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function Ot(e, t, n = {}) {
+const Fi = async (e) => {
+  var o, r, i;
+  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,
+    model: e.model || "page",
+    userAttributes: {
+      ...e.userAttributes,
+      ...t ? {
+        urlPath: t
+      } : {}
+    },
+    options: Le(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+  };
+  return {
+    apiKey: n.apiKey,
+    model: n.model,
+    content: await ge(n)
+  };
+}, ye = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+function Rn(e, t, n = {}) {
   let o, r, i, s = null, l = 0;
   const a = function() {
     l = n.leading === !1 ? 0 : Date.now(), s = null, i = e.apply(o, r), s || (o = r = null);
@@ -396,55 +1039,55 @@ function q(e, ...t) {
   }
   return n;
 }
-function Dt(e) {
+function Bn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        Me(t);
+        ot(t);
         break;
       case "scrollInView":
-        Ut(t);
+        Pn(t);
         break;
     }
 }
-function Le(e) {
+function tt(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function Ue(e, t) {
-  const n = Lt(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+function nt(e, t) {
+  const n = En(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)
     for (const a of n)
       a in l || (l[a] = o[a]);
 }
-function Lt(e) {
+function En(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function Me(e) {
+function ot(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Le(e.elementId || e.id || "");
+    tt(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ue(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 ${he(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), q(n.style, e.steps[1].styles), setTimeout(() => {
+    nt(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 ${ye(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);
     });
   });
 }
-function Ut(e) {
+function Pn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    Le(e.elementId || e.id || "");
+    tt(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ue(e, n);
+    nt(e, n);
     let o = !1, r = !1;
     function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
@@ -453,61 +1096,61 @@ function Ut(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !r && !l(n) && (o = !1, q(n.style, e.steps[0].styles));
     }
-    const s = Ot(i, 200, {
+    const s = Rn(i, 200, {
       leading: !1
     });
     function l(h) {
-      const c = h.getBoundingClientRect(), m = window.innerHeight, y = (e.thresholdPercent || 0) / 100 * m;
-      return c.bottom > y && c.top < m - y;
+      const d = h.getBoundingClientRect(), p = window.innerHeight, v = (e.thresholdPercent || 0) / 100 * p;
+      return d.bottom > v && d.top < p - v;
     }
     const a = e.steps[0].styles;
     function u() {
       q(n.style, a);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${he(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${ye(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
     }), i();
   });
 }
-const je = (e) => Object.entries(e).map(([n, o]) => {
+const rt = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${he(n)}: ${o};`;
-}).filter(L), Mt = (e) => je(e).join(`
-`), Pi = ({
+    return `${ye(n)}: ${o};`;
+}).filter(L), xn = (e) => rt(e).join(`
+`), Di = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${Mt(n)}
+    ${xn(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function jt({
+function An({
   style: e
 }) {
   return e;
 }
-const Ei = ({
+const Li = ({
   block: e,
   context: t
-}) => He(jt({
+}) => it(An({
   style: e.style || {},
   context: t,
   block: e
 }));
-function He(e) {
-  switch (x) {
+function it(e) {
+  switch (E) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return je(e).join(" ");
+      return rt(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -515,29 +1158,21 @@ function He(e) {
       return e;
   }
 }
-const Ht = ({
+const Vn = ({
   block: e,
-  context: t,
-  registeredComponents: n
+  registeredComponents: t
 }) => {
-  var i;
-  const o = (i = De({
-    block: e,
-    localState: t.localState,
-    rootState: t.rootState,
-    rootSetState: t.rootSetState,
-    context: t.context,
-    shouldEvaluateBindings: !1
-  }).component) == null ? void 0 : i.name;
-  if (!o)
+  var r;
+  const n = (r = e.component) == null ? void 0 : r.name;
+  if (!n)
     return null;
-  const r = n[o];
-  if (r)
-    return r;
+  const o = t[n];
+  if (o)
+    return o;
   console.warn(`
-      Could not find a registered component named "${o}". 
+      Could not find a registered component named "${n}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, Kt = ({
+}, Wn = ({
   block: e,
   context: t
 }) => {
@@ -571,87 +1206,90 @@ const Ht = ({
     },
     block: o
   }));
-}, qt = (e, t) => {
+}, Nn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, zt = (e, t) => {
+}, On = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
     builderComponents: t
   } : {};
-}, Jt = (e, t) => {
+}, Fn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, Gt = (e, t) => {
+}, Dn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, Yt = () => Promise.resolve().then(() => dn).then((e) => e.default).catch((e) => {
+}, Ln = () => Promise.resolve().then(() => _n).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Qt = () => import("./block-styles-UWiLqSPk.js").then((e) => e.default).catch((e) => {
+}), Un = () => import("./block-styles-03Qg_nl9.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;
-}), Xt = () => import("./block-wrapper-H_K5XgNp.js").then((e) => e.default).catch((e) => {
+}), Mn = () => import("./block-wrapper-7wDwU1ik.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;
-}), Zt = () => import("./component-ref-ULmI7Z-4.js").then((e) => e.default).catch((e) => {
+}), Hn = () => import("./component-ref-yQ6WDHbR.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;
-}), _t = () => import("./repeated-block-Aa1yIQkp.js").then((e) => e.default).catch((e) => {
+}), jn = () => import("./repeated-block-_EQDFqYb.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), en = f({
+}), Kn = f({
   name: "block",
   components: {
-    BlockStyles: H(Qt),
-    ComponentRef: H(Zt),
-    RepeatedBlock: H(_t),
-    BlockWrapper: H(Xt),
-    DynamicDiv: H(Yt)
+    BlockStyles: j(Un),
+    RepeatedBlock: j(jn),
+    ComponentRef: j(Hn),
+    BlockWrapper: j(Mn),
+    DynamicDiv: j(Ln)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
+  data() {
+    return {
+      _processedBlock: {
+        value: null,
+        update: !1
+      }
+    };
+  },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && Dt(
+    t && e && Bn(
       t.map((n) => ({
         ...n,
         elementId: e
       }))
     );
   },
+  updated() {
+  },
   computed: {
-    blockComponent() {
-      return Ht({
-        block: this.block,
-        context: this.context,
-        registeredComponents: this.registeredComponents
-      });
-    },
     repeatItem() {
-      return Kt({
+      return Wn({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
-      var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : De({
+      var t;
+      return (t = this.block.repeat) != null && t.collection ? this.block : Mt({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -660,6 +1298,12 @@ const Ht = ({
         shouldEvaluateBindings: !0
       });
     },
+    blockComponent() {
+      return Vn({
+        block: this.processedBlock,
+        registeredComponents: this.registeredComponents
+      });
+    },
     Tag() {
       var t;
       return this.block.tagName === "a" || ((t = this.processedBlock.properties) == null ? void 0 : t.href) || this.processedBlock.href ? this.linkComponent || "a" : this.block.tagName || "div";
@@ -682,10 +1326,10 @@ const Ht = ({
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
           ...It(this.processedBlock),
-          ...Jt(this.blockComponent, this.processedBlock),
-          ...Gt(this.blockComponent, this.context),
-          ...qt(this.blockComponent, this.linkComponent),
-          ...zt(
+          ...Fn(this.blockComponent, this.processedBlock),
+          ...Dn(this.blockComponent, this.context),
+          ...Nn(this.blockComponent, this.linkComponent),
+          ...On(
             this.blockComponent,
             this.registeredComponents
           )
@@ -695,44 +1339,52 @@ const Ht = ({
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
         includeBlockProps: ((t = this.blockComponent) == null ? void 0 : t.noWrap) === !0,
-        isInteractive: !((n = this.blockComponent) != null && n.isRSC && x === "rsc")
+        isInteractive: !((n = this.blockComponent) != null && n.isRSC && E === "rsc")
       };
     }
   }
 });
-function tn(e, t, n, o, r, i) {
-  var c;
-  const s = g("BlockStyles"), l = g("ComponentRef"), a = g("Block", !0), u = g("BlockWrapper"), h = g("RepeatedBlock");
-  return e.canShowBlock ? (d(), p(I, { key: 0 }, [
+function qn(e, t, n, o, r, i) {
+  var d;
+  const s = y("BlockStyles"), l = y("ComponentRef"), a = y("Block", !0), u = y("BlockWrapper"), h = y("RepeatedBlock");
+  return e.canShowBlock ? (c(), m(w, { key: 0 }, [
     $(s, {
-      block: e.block,
+      block: e.processedBlock,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (c = e.blockComponent) != null && c.noWrap ? (d(), k(l, {
-      key: 1,
-      componentRef: e.componentRefProps.componentRef,
-      componentOptions: e.componentRefProps.componentOptions,
-      blockChildren: e.componentRefProps.blockChildren,
-      context: e.componentRefProps.context,
-      registeredComponents: e.componentRefProps.registeredComponents,
-      linkComponent: e.componentRefProps.linkComponent,
-      builderBlock: e.componentRefProps.builderBlock,
-      includeBlockProps: e.componentRefProps.includeBlockProps,
-      isInteractive: e.componentRefProps.isInteractive
-    }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (d(), p(I, { key: 0 }, [
-      e.repeatItem ? (d(!0), p(I, { key: 1 }, N(e.repeatItem, (m, S) => (d(), k(h, {
-        key: S,
-        repeatContext: m.context,
-        block: m.block,
+    (d = e.blockComponent) != null && d.noWrap ? (c(), m(w, { key: 1 }, [
+      e.repeatItem ? (c(!0), m(w, { key: 1 }, A(e.repeatItem, (p, k) => (c(), g(h, {
+        key: k,
+        repeatContext: p.context,
+        block: p.block,
+        registeredComponents: e.registeredComponents,
+        linkComponent: e.linkComponent
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (c(), g(l, {
+        key: 0,
+        componentRef: e.componentRefProps.componentRef,
+        componentOptions: e.componentRefProps.componentOptions,
+        blockChildren: e.componentRefProps.blockChildren,
+        context: e.componentRefProps.context,
+        registeredComponents: e.componentRefProps.registeredComponents,
+        linkComponent: e.componentRefProps.linkComponent,
+        builderBlock: e.componentRefProps.builderBlock,
+        includeBlockProps: e.componentRefProps.includeBlockProps,
+        isInteractive: e.componentRefProps.isInteractive
+      }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]))
+    ], 64)) : (c(), m(w, { key: 0 }, [
+      e.repeatItem ? (c(!0), m(w, { key: 1 }, A(e.repeatItem, (p, k) => (c(), g(h, {
+        key: k,
+        repeatContext: p.context,
+        block: p.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), k(u, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (c(), g(u, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context
       }, {
-        default: W(() => [
+        default: N(() => [
           $(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
@@ -744,9 +1396,9 @@ function tn(e, t, n, o, r, i) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), p(I, null, N(e.childrenWithoutParentComponent, (m, S) => (d(), k(a, {
-            key: m.id,
-            block: m,
+          (c(!0), m(w, null, A(e.childrenWithoutParentComponent, (p, k) => (c(), g(a, {
+            key: p.id,
+            block: p,
             registeredComponents: e.registeredComponents,
             linkComponent: e.linkComponent,
             context: e.context
@@ -755,12 +1407,12 @@ function tn(e, t, n, o, r, i) {
         _: 1
       }, 8, ["Wrapper", "block", "context"]))
     ], 64))
-  ], 64)) : v("", !0);
+  ], 64)) : S("", !0);
 }
-const fe = /* @__PURE__ */ b(en, [["render", tn]]), xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ke = /* @__PURE__ */ b(Kn, [["render", qn]]), Ui = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: fe
-}, Symbol.toStringTag, { value: "Module" })), nn = f({
+  default: ke
+}, Symbol.toStringTag, { value: "Module" })), zn = f({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -770,6 +1422,8 @@ const fe = /* @__PURE__ */ b(en, [["render", tn]]), xi = /* @__PURE__ */ Object.
     "BlocksWrapperProps",
     "BlocksWrapper"
   ],
+  mounted() {
+  },
   computed: {
     className() {
       var e;
@@ -805,8 +1459,9 @@ const fe = /* @__PURE__ */ b(en, [["render", tn]]), xi = /* @__PURE__ */ Object.
     }
   }
 });
-function on(e, t, n, o, r, i) {
-  return d(), k(K(e.BlocksWrapper), C({
+function Jn(e, t, n, o, r, i) {
+  return c(), g(K(e.BlocksWrapper), C({
+    ref: "blocksWrapperRef",
     class: e.className + " component-178o76acnws",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
@@ -815,15 +1470,15 @@ function on(e, t, n, o, r, i) {
     onMouseEnter: (s) => e.onMouseEnter(),
     onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: W(() => [
-      E(e.$slots, "default", {}, void 0, !0)
+    default: N(() => [
+      x(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-a5b13ef9"]]), sn = f({
+const Gn = /* @__PURE__ */ b(zn, [["render", Jn], ["__scopeId", "data-v-824f09a8"]]), Yn = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: rn, Block: fe },
+  components: { BlocksWrapper: Gn, Block: ke },
   props: [
     "blocks",
     "parent",
@@ -834,14 +1489,14 @@ const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-a5b13ef9
     "registeredComponents"
   ],
   inject: {
-    builderContext: le.key,
-    componentsContext: Ae.key
+    builderContext: ce.key,
+    componentsContext: Ve.key
   }
 });
-function an(e, t, n, o, r, i) {
+function Qn(e, t, n, o, r, i) {
   var a, u;
-  const s = g("Block"), l = g("BlocksWrapper");
-  return d(), k(l, {
+  const s = y("Block"), l = y("BlocksWrapper");
+  return c(), g(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
@@ -849,33 +1504,33 @@ function an(e, t, n, o, r, i) {
     BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || e.builderContext.BlocksWrapper,
     BlocksWrapperProps: ((u = e.context) == null ? void 0 : u.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
   }, {
-    default: W(() => [
-      e.blocks ? (d(!0), p(I, { key: 0 }, N(e.blocks, (h, c) => (d(), k(s, {
+    default: N(() => [
+      e.blocks ? (c(!0), m(w, { key: 0 }, A(e.blocks, (h, d) => (c(), g(s, {
         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)) : v("", !0)
+      }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]))), 128)) : S("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const M = /* @__PURE__ */ b(sn, [["render", an]]), ln = f({
+const M = /* @__PURE__ */ b(Yn, [["render", Qn]]), Xn = f({
   name: "dynamic-div",
   props: []
 });
-function cn(e, t, n, o, r, i) {
-  return d(), p("div", null, [
-    E(e.$slots, "default")
+function Zn(e, t, n, o, r, i) {
+  return c(), m("div", null, [
+    x(e.$slots, "default")
   ]);
 }
-const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Q = /* @__PURE__ */ b(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Q
-}, Symbol.toStringTag, { value: "Module" })), be = f({
+}, Symbol.toStringTag, { value: "Module" })), ve = f({
   render() {
-    return xe("style", {
+    return Ae("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -883,7 +1538,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), Ke = {
+}), st = {
   small: {
     min: 320,
     default: 321,
@@ -899,11 +1554,11 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, Ai = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
+}, Mi = (e, t = st) => `@media (max-width: ${t[e].max}px)`, eo = ({
   small: e,
   medium: t
 }) => {
-  const n = me(Ke);
+  const n = he(st);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -925,11 +1580,11 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
     min: i,
     default: i + 1
   }, n;
-}, pn = (e) => `builder-columns ${e}-breakpoints`, mn = f({
+}, to = (e) => `builder-columns ${e}-breakpoints`, no = f({
   name: "builder-columns",
   components: {
-    InlinedStyles: be,
-    DynamicRenderer: pe,
+    InlinedStyles: ve,
+    DynamicRenderer: me,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -949,8 +1604,8 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: x,
-      getColumnsClass: pn
+      TARGET: E,
+      getColumnsClass: to
     };
   },
   methods: {
@@ -1016,7 +1671,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return un(
+      return eo(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1054,33 +1709,33 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
           href: e.link
         } : {},
         [ee()]: "builder-column",
-        style: He(this.columnCssVars(t))
+        style: it(this.columnCssVars(t))
       };
     }
   }
 });
-function hn(e, t, n, o, r, i) {
+function oo(e, t, n, o, r, i) {
   var u;
-  const s = g("InlinedStyles"), l = g("Blocks"), a = g("DynamicRenderer");
-  return d(), p("div", C({
+  const s = 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-2brhoa1k8gd",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), k(s, {
+    e.TARGET !== "reactNative" ? (c(), g(s, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
-    }, null, 8, ["styles", "nonce"])) : v("", !0),
-    (d(!0), p(I, null, N(e.columns, (h, c) => (d(), k(a, {
-      key: c,
+    }, null, 8, ["styles", "nonce"])) : S("", !0),
+    (c(!0), m(w, null, A(e.columns, (h, d) => (c(), g(a, {
+      key: d,
       TagName: e.getTagName(h),
       actionAttributes: {},
-      attributes: e.getAttributes(h, c)
+      attributes: e.getAttributes(h, d)
     }, {
-      default: W(() => [
+      default: N(() => [
         $(l, {
-          path: `component.options.columns.${c}.blocks`,
+          path: `component.options.columns.${d}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -1095,47 +1750,47 @@ function hn(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-52366f16"]]), bn = f({
+const ro = /* @__PURE__ */ b(no, [["render", oo], ["__scopeId", "data-v-52366f16"]]), io = f({
   name: "builder-fragment-component",
   props: []
 });
-function gn(e, t, n, o, r, i) {
-  return d(), p("span", null, [
-    E(e.$slots, "default")
+function so(e, t, n, o, r, i) {
+  return c(), m("span", null, [
+    x(e.$slots, "default")
   ]);
 }
-const yn = /* @__PURE__ */ b(bn, [["render", gn]]);
-function Ce(e) {
+const ao = /* @__PURE__ */ b(io, [["render", so]]);
+function Be(e) {
   return e.replace(/http(s)?:/, "");
 }
-function kn(e = "", t, n) {
+function lo(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
-function vn(e, t) {
+function co(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Ce(e);
+    return Be(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 Ce(`${o[0]}_${i}${r}`);
+    return Be(`${o[0]}_${i}${r}`);
   }
   return null;
 }
-function oe(e) {
+function re(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${kn(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${lo(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [vn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [co(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Sn = f({
+const uo = f({
   name: "builder-image",
   props: [
     "image",
@@ -1165,10 +1820,10 @@ const Sn = f({
       if (!this.noWebp) {
         if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
           if (!this.srcset.includes(this.image.split("?")[0]))
-            return console.debug("Removed given srcset"), oe(t);
+            return console.debug("Removed given srcset"), re(t);
         } else if (this.image && !this.srcset)
-          return oe(t);
-        return oe(t);
+          return re(t);
+        return re(t);
       }
     },
     webpSrcSet() {
@@ -1186,211 +1841,76 @@ const Sn = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Cn = ["srcset"], wn = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], Tn = {
+}), po = ["srcset"], mo = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], ho = {
   key: 2,
   class: "div-1pl23ac79ld-2"
 };
-function In(e, t, n, o, r, i) {
-  var s, l, a, u, h, c;
-  return d(), p(I, null, [
+function fo(e, t, n, o, r, i) {
+  var s, l, a, u, h, d;
+  return c(), m(w, null, [
     z("picture", null, [
-      e.webpSrcSet ? (d(), p("source", {
+      e.webpSrcSet ? (c(), m("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Cn)) : v("", !0),
+      }, null, 8, po)) : S("", !0),
       z("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
-        role: e.altText ? void 0 : "presentation",
-        style: D({
-          objectPosition: e.backgroundPosition || "center",
-          objectFit: e.backgroundSize || "cover",
-          ...e.aspectRatioCss
-        }),
-        class: J(
-          "builder-image" + (e.className ? " " + e.className : "") + " img-1pl23ac79ld"
-        ),
-        src: e.image,
-        srcset: e.srcSetToUse,
-        sizes: e.sizes
-      }, null, 14, wn)
-    ]),
-    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), p("div", {
-      key: 0,
-      class: "builder-image-sizer div-1pl23ac79ld",
-      style: D({
-        paddingTop: e.aspectRatio * 100 + "%"
-      })
-    }, null, 4)) : v("", !0),
-    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? E(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
-    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), p("div", Tn, [
-      E(e.$slots, "default", {}, void 0, !0)
-    ])) : v("", !0)
-  ], 64);
-}
-const $n = /* @__PURE__ */ b(Sn, [["render", In], ["__scopeId", "data-v-b1147753"]]), Rn = f({
-  name: "builder-section-component",
-  props: ["attributes", "maxWidth"],
-  data() {
-    return { filterAttrs: A };
-  }
-});
-function Bn(e, t, n, o, r, i) {
-  return d(), p("section", C({
-    style: {
-      width: "100%",
-      alignSelf: "stretch",
-      flexGrow: 1,
-      boxSizing: "border-box",
-      maxWidth: e.maxWidth || 1200,
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "stretch",
-      marginLeft: "auto",
-      marginRight: "auto"
-    }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    E(e.$slots, "default")
-  ], 16);
-}
-const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
-  if (e === "localhost" || e === "127.0.0.1")
-    return e;
-  const t = e.split(".");
-  return t.length > 2 ? t.slice(1).join(".") : e;
-}, qe = ({
-  name: e,
-  canTrack: t
-}) => {
-  var n;
-  try {
-    return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
-  } catch (o) {
-    B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
-    return;
-  }
-}, ze = async (e) => qe(e), xn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(L).join("; "), An = [["secure", ""], ["SameSite", "None"]], Vn = ({
-  name: e,
-  value: t,
-  expires: n
-}) => {
-  const r = (T() ? location.protocol === "https:" : !0) ? An : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", En(window.location.hostname)], ...r];
-  return xn(s);
-}, Je = async ({
-  name: e,
-  value: t,
-  expires: n,
-  canTrack: o
-}) => {
-  try {
-    if (!o)
-      return;
-    const r = Vn({
-      name: e,
-      value: t,
-      expires: n
-    });
-    document.cookie = r;
-  } catch (r) {
-    B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
-  }
-}, Wn = "builder.tests", ge = (e) => `${Wn}.${e}`, Nn = ({
-  contentId: e
-}) => ze({
-  name: ge(e),
-  canTrack: !0
-}), Fn = ({
-  contentId: e
-}) => qe({
-  name: ge(e),
-  canTrack: !0
-}), On = ({
-  contentId: e,
-  value: t
-}) => Je({
-  name: ge(e),
-  value: t,
-  canTrack: !0
-}), Ge = (e) => L(e.id) && L(e.variations) && Object.keys(e.variations).length > 0, Dn = ({
-  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;
-  }
-  return e;
-}, Ye = (e) => {
-  const t = Dn(e);
-  return On({
-    contentId: e.id,
-    value: t
-  }).catch((n) => {
-    B.error("could not store A/B test variation: ", n);
-  }), t;
-}, Qe = ({
-  item: e,
-  testGroupId: t
-}) => {
-  const n = e.variations[t];
-  return t === e.id || // handle edge-case where `testGroupId` points to non-existing variation
-  !n ? {
-    testVariationId: e.id,
-    testVariationName: "Default"
-  } : {
-    data: n.data,
-    testVariationId: n.id,
-    testVariationName: n.name || (n.id === e.id ? "Default" : "")
-  };
-}, Ln = ({
-  item: e,
-  canTrack: t
-}) => {
-  if (!t)
-    return e;
-  if (!e)
-    return;
-  if (!Ge(e))
-    return e;
-  const n = Fn({
-    contentId: e.id
-  }) || Ye({
-    variations: e.variations,
-    id: e.id
-  }), o = Qe({
-    item: e,
-    testGroupId: n
-  });
-  return {
-    ...e,
-    ...o
-  };
-}, Un = async ({
-  item: e,
-  canTrack: t
-}) => {
-  if (!t || !Ge(e))
-    return e;
-  const o = await Nn({
-    contentId: e.id
-  }) || Ye({
-    variations: e.variations,
-    id: e.id
-  }), r = Qe({
-    item: e,
-    testGroupId: o
-  });
-  return {
-    ...e,
-    ...r
-  };
-}, Y = (e) => L(e) ? e : !0, re = {
+        role: e.altText ? void 0 : "presentation",
+        style: D({
+          objectPosition: e.backgroundPosition || "center",
+          objectFit: e.backgroundSize || "cover",
+          ...e.aspectRatioCss
+        }),
+        class: J(
+          "builder-image" + (e.className ? " " + e.className : "") + " img-1pl23ac79ld"
+        ),
+        src: e.image,
+        srcset: e.srcSetToUse,
+        sizes: e.sizes
+      }, null, 14, mo)
+    ]),
+    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (c(), m("div", {
+      key: 0,
+      class: "builder-image-sizer div-1pl23ac79ld",
+      style: D({
+        paddingTop: e.aspectRatio * 100 + "%"
+      })
+    }, null, 4)) : S("", !0),
+    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? x(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", ho, [
+      x(e.$slots, "default", {}, void 0, !0)
+    ])) : S("", !0)
+  ], 64);
+}
+const bo = /* @__PURE__ */ b(uo, [["render", fo], ["__scopeId", "data-v-b1147753"]]), go = f({
+  name: "builder-section-component",
+  props: ["attributes", "maxWidth"],
+  data() {
+    return { filterAttrs: V };
+  }
+});
+function yo(e, t, n, o, r, i) {
+  return c(), m("section", C({
+    style: {
+      width: "100%",
+      alignSelf: "stretch",
+      flexGrow: 1,
+      boxSizing: "border-box",
+      maxWidth: e.maxWidth || 1200,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      marginLeft: "auto",
+      marginRight: "auto"
+    }
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    x(e.$slots, "default")
+  ], 16);
+}
+const ko = /* @__PURE__ */ b(go, [["render", yo]]), ie = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1419,7 +1939,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
       }
     }
   }]
-}, ie = {
+}, se = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -1450,7 +1970,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
       }
     }
   }]
-}, Mn = {
+}, vo = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -1467,19 +1987,19 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [re]
+      defaultValue: [ie]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ie]
+      defaultValue: [se]
     }],
     defaultValue: [{
-      title: [re],
-      detail: [ie]
+      title: [ie],
+      detail: [se]
     }, {
-      title: [re],
-      detail: [ie]
+      title: [ie],
+      detail: [se]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -1514,7 +2034,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, jn = (e) => e.toString(), Hn = f({
+}, So = (e) => e.toString(), Co = f({
   name: "builder-accordion",
   components: { Blocks: M },
   props: [
@@ -1528,7 +2048,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: jn };
+    return { open: [], convertOrderNumberToString: So };
   },
   computed: {
     onlyOneAtATime() {
@@ -1609,14 +2129,14 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), Kn = ["data-index", "onClick"];
-function qn(e, t, n, o, r, i) {
-  const s = g("Blocks");
-  return d(), p("div", {
+}), wo = ["data-index", "onClick"];
+function To(e, t, n, o, r, i) {
+  const s = y("Blocks");
+  return c(), m("div", {
     class: "builder-accordion",
     style: D(e.accordionStyles)
   }, [
-    (d(!0), p(I, null, N(e.items, (l, a) => (d(), p(I, { key: a }, [
+    (c(!0), m(w, null, A(e.items, (l, a) => (c(), m(w, { key: a }, [
       z("div", {
         class: J(e.getAccordionTitleClassName(a)),
         style: D({
@@ -1635,8 +2155,8 @@ function qn(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, Kn),
-      e.open.includes(a) ? (d(), p("div", {
+      ], 14, wo),
+      e.open.includes(a) ? (c(), m("div", {
         key: 0,
         class: J(e.getAccordionDetailClassName(a)),
         style: D(e.accordionDetailStyles)
@@ -1649,11 +2169,11 @@ function qn(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 6)) : v("", !0)
+      ], 6)) : S("", !0)
     ], 64))), 128))
   ], 4);
 }
-const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
+const Io = /* @__PURE__ */ b(Co, [["render", To]]), $o = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1689,7 +2209,7 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Gn = {
+}, Ro = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1896,13 +2416,13 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Yn = {
+}, Bo = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Qn = {
+}, Eo = {
   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",
@@ -1925,13 +2445,13 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
       function n(s, l = 6e4) {
         return new Promise((a, u) => {
           const h = document.createElement("img");
-          let c = !1;
+          let d = !1;
           h.onload = () => {
-            c = !0, a(h);
-          }, h.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), u(m.error);
+            d = !0, a(h);
+          }, h.addEventListener("error", (p) => {
+            console.warn("Image load failed", p.error), u(p.error);
           }), h.src = s, setTimeout(() => {
-            c || u(new Error("Image load timed out"));
+            d || u(new Error("Image load timed out"));
           }, l);
         });
       }
@@ -2010,7 +2530,7 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Xn = {
+}, Po = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2049,7 +2569,7 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
       }
     }
   }]
-}, Zn = {
+}, xo = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2063,17 +2583,18 @@ const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderContext: !0
+    builderContext: !0,
+    builderComponents: !0
   }
-}, _n = f({
+}, Ao = f({
   name: "builder-slot",
   components: { Blocks: M },
-  props: ["builderContext", "name"]
+  props: ["builderContext", "name", "builderComponents"]
 });
-function eo(e, t, n, o, r, i) {
+function Vo(e, t, n, o, r, i) {
   var l, a, u;
-  const s = g("Blocks");
-  return d(), p("div", C(
+  const s = y("Blocks");
+  return c(), m("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -2085,11 +2606,12 @@ function eo(e, t, n, o, r, i) {
       parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
+      registeredComponents: e.builderComponents,
       blocks: (u = e.builderContext.rootState) == null ? void 0 : u[e.name]
-    }, null, 8, ["parent", "path", "context", "blocks"])
+    }, null, 8, ["parent", "path", "context", "registeredComponents", "blocks"])
   ], 16);
 }
-const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
+const Wo = /* @__PURE__ */ b(Ao, [["render", Vo]]), No = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2128,7 +2650,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, se = {
+}, ae = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2150,7 +2672,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       text: "New tab"
     }
   }
-}, ae = {
+}, le = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2166,7 +2688,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       text: "New tab content "
     }
   }
-}, oo = {
+}, Oo = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2176,16 +2698,16 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [se]
+      defaultValue: [ae]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ae]
+      defaultValue: [le]
     }],
     defaultValue: [{
       label: [{
-        ...se,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2194,7 +2716,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
         }
       }],
       content: [{
-        ...ae,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -2204,7 +2726,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       }]
     }, {
       label: [{
-        ...se,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2213,7 +2735,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
         }
       }],
       content: [{
-        ...ae,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -2269,7 +2791,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ro = f({
+}, Fo = f({
   name: "builder-tabs",
   components: { Blocks: M },
   props: [
@@ -2294,10 +2816,10 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), io = ["onClick"], so = { key: 0 };
-function ao(e, t, n, o, r, i) {
-  const s = g("Blocks");
-  return d(), p("div", null, [
+}), Do = ["onClick"], Lo = { key: 0 };
+function Uo(e, t, n, o, r, i) {
+  const s = y("Blocks");
+  return c(), m("div", null, [
     z("div", {
       class: "builder-tabs-wrap",
       style: D({
@@ -2307,7 +2829,7 @@ function ao(e, t, n, o, r, i) {
         overflow: "auto"
       })
     }, [
-      (d(!0), p(I, null, N(e.tabs, (l, a) => (d(), p("span", {
+      (c(!0), m(w, null, A(e.tabs, (l, a) => (c(), m("span", {
         key: a,
         class: J(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
         style: D({
@@ -2323,9 +2845,9 @@ function ao(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, io))), 128))
+      ], 14, Do))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), p("div", so, [
+    e.activeTabContent(e.activeTab) ? (c(), m("div", Lo, [
       $(s, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
@@ -2334,10 +2856,10 @@ function ao(e, t, n, o, r, i) {
         registeredComponents: e.builderComponents,
         linkComponent: e.builderLinkComponent
       }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-    ])) : v("", !0)
+    ])) : S("", !0)
   ]);
 }
-const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
+const Mo = /* @__PURE__ */ b(Fo, [["render", Uo]]), Ho = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -2359,7 +2881,7 @@ const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
     height: "auto",
     textAlign: "center"
   }
-}, uo = f({
+}, jo = f({
   name: "builder-text",
   props: ["builderContext", "text"],
   computed: {
@@ -2384,17 +2906,17 @@ const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
       );
     }
   }
-}), po = ["innerHTML"];
-function mo(e, t, n, o, r, i) {
-  return d(), p("div", {
+}), Ko = ["innerHTML"];
+function qo(e, t, n, o, r, i) {
+  return c(), m("div", {
     class: "builder-text",
     innerHTML: e.processedText,
     style: {
       outline: "none"
     }
-  }, null, 8, po);
+  }, null, 8, Ko);
 }
-const ho = /* @__PURE__ */ b(uo, [["render", mo]]), fo = {
+const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2416,7 +2938,7 @@ const ho = /* @__PURE__ */ b(uo, [["render", mo]]), fo = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, bo = f({
+}, Go = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -2450,15 +2972,15 @@ const ho = /* @__PURE__ */ b(uo, [["render", mo]]), fo = {
       }
     }
   }
-}), go = ["innerHTML"];
-function yo(e, t, n, o, r, i) {
-  return d(), p("div", {
+}), Yo = ["innerHTML"];
+function Qo(e, t, n, o, r, i) {
+  return c(), m("div", {
     ref: "elementRef",
     class: J("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, go);
+  }, null, 10, Yo);
 }
-const ko = /* @__PURE__ */ b(bo, [["render", yo]]), vo = {
+const Xo = /* @__PURE__ */ b(Go, [["render", Qo]]), Zo = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2473,7 +2995,7 @@ const ko = /* @__PURE__ */ b(bo, [["render", yo]]), vo = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, So = ["text/javascript", "application/javascript", "application/ecmascript"], Co = (e) => So.includes(e.type), wo = f({
+}, _o = ["text/javascript", "application/javascript", "application/ecmascript"], er = (e) => _o.includes(e.type), tr = f({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -2506,7 +3028,7 @@ const ko = /* @__PURE__ */ b(bo, [["render", yo]]), vo = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (Co(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (er(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -2515,15 +3037,15 @@ const ko = /* @__PURE__ */ b(bo, [["render", yo]]), vo = {
       }
     }
   }
-}), To = ["innerHTML"];
-function Io(e, t, n, o, r, i) {
-  return d(), p("div", {
+}), nr = ["innerHTML"];
+function or(e, t, n, o, r, i) {
+  return c(), m("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, To);
+  }, null, 8, nr);
 }
-const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
+const rr = /* @__PURE__ */ b(tr, [["render", or]]), ir = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2760,15 +3282,15 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Bo = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Po = () => {
+}, sr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], ar = () => {
   const e = process.env.NODE_ENV || "production";
-  return Bo.includes(e) ? e : "production";
-}, Eo = (e, t, n) => {
+  return sr.includes(e) ? e : "production";
+}, lr = (e, t, n) => {
   const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, i) => r != null ? r[i] : r, e);
   return o === void 0 || o === e ? n : o;
-}, xo = f({
+}, cr = f({
   name: "builder-form-component",
-  components: { Block: fe, Blocks: M },
+  components: { Block: ke, Blocks: M },
   props: [
     "builderContext",
     "previewState",
@@ -2797,7 +3319,7 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
       formState: "unsubmitted",
       responseData: null,
       formErrorMessage: "",
-      filterAttrs: A
+      filterAttrs: V
     };
   },
   methods: {
@@ -2825,40 +3347,40 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
         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((c) => !!c.name).map((c) => {
-          let m;
-          const S = c.name;
-          if (c instanceof HTMLInputElement)
-            if (c.type === "radio") {
-              if (c.checked)
-                return m = c.name, {
-                  key: S,
-                  value: m
+        const s = 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)
+            if (d.type === "radio") {
+              if (d.checked)
+                return p = d.name, {
+                  key: k,
+                  value: p
                 };
-            } else if (c.type === "checkbox")
-              m = c.checked;
-            else if (c.type === "number" || c.type === "range") {
-              const y = c.valueAsNumber;
-              isNaN(y) || (m = y);
+            } else if (d.type === "checkbox")
+              p = d.checked;
+            else if (d.type === "number" || d.type === "range") {
+              const v = d.valueAsNumber;
+              isNaN(v) || (p = v);
             } else
-              c.type === "file" ? m = c.files : m = c.value;
+              d.type === "file" ? p = d.files : p = d.value;
           else
-            m = c.value;
+            p = d.value;
           return {
-            key: S,
-            value: m
+            key: k,
+            value: p
           };
         });
         let a = this.contentType;
-        if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: c }) => {
-          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (a = "multipart/form-data");
+        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;
         else {
-          const c = {};
-          Array.from(l).forEach(({ value: m, key: S }) => {
-            Oe(c, S, m);
-          }), i = JSON.stringify(c);
+          const d = {};
+          Array.from(l).forEach(({ value: p, key: k }) => {
+            De(d, k, p);
+          }), i = 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", {
@@ -2869,7 +3391,7 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
         this.formState = "sending";
-        const h = `${Po() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const h = `${ar() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`;
         fetch(
@@ -2880,59 +3402,59 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
             method: this.method || "post"
           }
         ).then(
-          async (c) => {
-            let m;
-            const S = c.headers.get("content-type");
-            if (S && S.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok && this.errorMessagePath) {
-              let y = Eo(m, this.errorMessagePath);
-              y && (typeof y != "string" && (y = JSON.stringify(y)), this.formErrorMessage = y, this.mergeNewRootState({
-                formErrorMessage: y
+          async (d) => {
+            let p;
+            const k = d.headers.get("content-type");
+            if (k && k.indexOf("application/json") !== -1 ? p = await d.json() : p = await d.text(), !d.ok && this.errorMessagePath) {
+              let v = lr(p, this.errorMessagePath);
+              v && (typeof v != "string" && (v = JSON.stringify(v)), this.formErrorMessage = v, this.mergeNewRootState({
+                formErrorMessage: v
               }));
             }
-            if (this.responseData = m, this.formState = c.ok ? "success" : "error", c.ok) {
-              const y = new CustomEvent("submit:success", {
+            if (this.responseData = p, this.formState = d.ok ? "success" : "error", d.ok) {
+              const v = new CustomEvent("submit:success", {
                 detail: {
-                  res: c,
-                  body: m
+                  res: d,
+                  body: p
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(y), y.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(v), v.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
               if (this.successUrl)
                 if (this.$refs.formRef) {
-                  const F = new CustomEvent("route", {
+                  const O = new CustomEvent("route", {
                     detail: {
                       url: this.successUrl
                     }
                   });
-                  this.$refs.formRef.dispatchEvent(F), F.defaultPrevented || (location.href = this.successUrl);
+                  this.$refs.formRef.dispatchEvent(O), O.defaultPrevented || (location.href = this.successUrl);
                 } else
                   location.href = this.successUrl;
             }
           },
-          (c) => {
-            const m = new CustomEvent("submit:error", {
+          (d) => {
+            const p = new CustomEvent("submit:error", {
               detail: {
-                error: c
+                error: d
               }
             });
-            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(m), m.defaultPrevented) || (this.responseData = c, this.formState = "error");
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = d, this.formState = "error");
           }
         );
       }
     }
   }
-}), Ao = ["validate", "action", "method", "name"], Vo = {
+}), dr = ["validate", "action", "method", "name"], ur = {
   key: 3,
   class: "builder-form-error-text pre-3i4ezorcfhi"
 };
-function Wo(e, t, n, o, r, i) {
+function pr(e, t, n, o, r, i) {
   var a;
-  const s = g("Block"), l = g("Blocks");
-  return d(), p("form", C({
+  const s = y("Block"), l = y("Blocks");
+  return c(), m("form", C({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
@@ -2940,35 +3462,35 @@ function Wo(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) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (d(!0), p(I, { key: 0 }, N((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(s, {
+    e.builderBlock && e.builderBlock.children ? (c(!0), m(w, { key: 0 }, A((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (c(), g(s, {
       key: `form-block-${e.idx}`,
       block: u,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
-    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : v("", !0),
-    e.submissionState() === "error" ? (d(), k(l, {
+    }, 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"])) : v("", !0),
-    e.submissionState() === "sending" ? (d(), k(l, {
+    }, 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"])) : v("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Vo, te(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
-    e.submissionState() === "success" ? (d(), k(l, {
+    }, null, 8, ["blocks", "context"])) : S("", !0),
+    e.submissionState() === "error" && e.responseData ? (c(), m("pre", ur, ne(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"])) : v("", !0)
-  ], 16, Ao);
+    }, null, 8, ["blocks", "context"])) : S("", !0)
+  ], 16, dr);
 }
-const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-489330f7"]]), Fo = {
+const mr = /* @__PURE__ */ b(cr, [["render", pr], ["__scopeId", "data-v-489330f7"]]), hr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3019,7 +3541,7 @@ const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-489330f7
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Oo = f({
+}, fr = f({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -3031,11 +3553,11 @@ const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-489330f7
     "required"
   ],
   data() {
-    return { isEditing: R, filterAttrs: A };
+    return { isEditing: R, filterAttrs: V };
   }
-}), Do = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Lo(e, t, n, o, r, i) {
-  return d(), p("input", C({
+}), br = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function gr(e, t, n, o, r, i) {
+  return c(), m("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -3043,9 +3565,9 @@ function Lo(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Do);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, br);
 }
-const Uo = /* @__PURE__ */ b(Oo, [["render", Lo]]), Mo = {
+const yr = /* @__PURE__ */ b(fr, [["render", gr]]), kr = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3087,28 +3609,28 @@ const Uo = /* @__PURE__ */ b(Oo, [["render", Lo]]), Mo = {
   }],
   static: !0,
   noWrap: !0
-}, jo = f({
+}, vr = f({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: R, filterAttrs: A };
+    return { isEditing: R, filterAttrs: V };
   }
-}), Ho = ["value", "defaultValue", "name", "required"], Ko = ["value"];
-function qo(e, t, n, o, r, i) {
-  return d(), p("select", C({
+}), Sr = ["value", "defaultValue", "name", "required"], Cr = ["value"];
+function wr(e, t, n, o, r, i) {
+  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), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (d(!0), p(I, null, N(e.options, (s, l) => (d(), p("option", {
+    (c(!0), m(w, null, A(e.options, (s, l) => (c(), m("option", {
       key: `${s.name}-${l}`,
       value: s.value
-    }, te(s.name || s.value), 9, Ko))), 128))
-  ], 16, Ho);
+    }, ne(s.name || s.value), 9, Cr))), 128))
+  ], 16, Sr);
 }
-const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
+const Tr = /* @__PURE__ */ b(vr, [["render", wr]]), Ir = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3133,17 +3655,17 @@ const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Go = f({
+}, $r = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
-    return { filterAttrs: A };
+    return { filterAttrs: V };
   }
 });
-function Yo(e, t, n, o, r, i) {
-  return d(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), te(e.text), 17);
+function Rr(e, t, n, o, r, i) {
+  return c(), m("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
 }
-const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
+const Br = /* @__PURE__ */ b($r, [["render", Rr]]), Er = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3179,7 +3701,7 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
   },
   static: !0,
   noWrap: !0
-}, Zo = f({
+}, Pr = f({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -3190,19 +3712,19 @@ const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
     "required"
   ],
   data() {
-    return { filterAttrs: A };
+    return { filterAttrs: V };
   }
-}), _o = ["placeholder", "name", "value", "defaultValue", "required"];
-function er(e, t, n, o, r, i) {
-  return d(), p("textarea", C({
+}), xr = ["placeholder", "name", "value", "defaultValue", "required"];
+function Ar(e, t, n, o, r, i) {
+  return c(), m("textarea", C({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _o);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, xr);
 }
-const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
+const Vr = /* @__PURE__ */ b(Pr, [["render", Ar]]), Wr = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3216,7 +3738,7 @@ const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
   }],
   noWrap: !0,
   static: !0
-}, or = f({
+}, Nr = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -3227,11 +3749,11 @@ const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
     "attributes"
   ],
   data() {
-    return { isEditing: R, filterAttrs: A };
+    return { isEditing: R, filterAttrs: V };
   }
-}), rr = ["alt", "src"];
-function ir(e, t, n, o, r, i) {
-  return d(), p("img", C({
+}), Or = ["alt", "src"];
+function Fr(e, t, n, o, r, i) {
+  return c(), m("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3239,9 +3761,9 @@ function ir(e, t, n, o, r, i) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, rr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Or);
 }
-const sr = /* @__PURE__ */ b(or, [["render", ir]]), ar = {
+const Dr = /* @__PURE__ */ b(Nr, [["render", Fr]]), Lr = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3325,7 +3847,7 @@ const sr = /* @__PURE__ */ b(or, [["render", ir]]), ar = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, lr = f({
+}, Ur = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -3370,16 +3892,16 @@ const sr = /* @__PURE__ */ b(or, [["render", ir]]), ar = {
       };
     }
   }
-}), cr = { style: {
+}), Mr = { style: {
   position: "relative"
-} }, dr = ["preload", "src", "poster"], ur = ["src"], pr = {
+} }, Hr = ["preload", "src", "poster"], jr = ["src"], Kr = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, mr = {
+}, qr = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -3393,9 +3915,9 @@ const sr = /* @__PURE__ */ b(or, [["render", ir]]), ar = {
     height: "100%"
   }
 };
-function hr(e, t, n, o, r, i) {
-  var s, l, a, u, h, c, m;
-  return d(), p("div", cr, [
+function zr(e, t, n, o, r, i) {
+  var s, l, a, u, h, d, p;
+  return c(), m("div", Mr, [
     z("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
@@ -3416,13 +3938,13 @@ function hr(e, t, n, o, r, i) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? v("", !0) : (d(), p("source", {
+      e.lazyLoad ? S("", !0) : (c(), m("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, ur))
-    ], 16, dr),
-    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), p("div", {
+      }, null, 8, jr))
+    ], 16, Hr),
+    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (c(), m("div", {
       key: 0,
       style: D({
         width: "100%",
@@ -3430,83 +3952,73 @@ function hr(e, t, n, o, r, i) {
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : v("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), p("div", pr, [
-      E(e.$slots, "default")
-    ])) : v("", !0),
-    (m = (c = e.builderBlock) == null ? void 0 : c.children) != null && m.length && !e.fitContent ? (d(), p("div", mr, [
-      E(e.$slots, "default")
-    ])) : v("", !0)
+    }, null, 4)) : S("", !0),
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (c(), m("div", Kr, [
+      x(e.$slots, "default")
+    ])) : S("", !0),
+    (p = (d = e.builderBlock) == null ? void 0 : d.children) != null && p.length && !e.fitContent ? (c(), m("div", qr, [
+      x(e.$slots, "default")
+    ])) : S("", !0)
   ]);
 }
-const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
-  component: ko,
-  ...fo
+const Jr = /* @__PURE__ */ b(Ur, [["render", zr]]), Gr = () => [{
+  component: Xo,
+  ...Jo
 }, {
-  component: $o,
-  ...vo
+  component: rr,
+  ...Zo
 }, {
-  component: No,
-  ...Ro
+  component: mr,
+  ...ir
 }, {
-  component: Uo,
-  ...Fo
+  component: yr,
+  ...hr
 }, {
-  component: Qo,
-  ...Jo
+  component: Br,
+  ...Ir
 }, {
-  component: zo,
-  ...Mo
+  component: Tr,
+  ...kr
 }, {
-  component: tr,
-  ...Xo
+  component: Vr,
+  ...Er
 }, {
-  component: sr,
-  ...nr
+  component: Dr,
+  ...Wr
 }, {
-  component: fr,
-  ...ar
-}], we = () => [{
+  component: Jr,
+  ...Lr
+}], Ee = () => [{
   component: Ct,
-  ...Jn
+  ...$o
 }, {
-  component: fn,
-  ...Gn
+  component: ro,
+  ...Ro
 }, {
-  component: yn,
-  ...Yn
+  component: ao,
+  ...Bo
 }, {
-  component: $n,
-  ...Qn
+  component: bo,
+  ...Eo
 }, {
-  component: Pn,
-  ...Xn
+  component: ko,
+  ...Po
 }, {
-  component: to,
-  ...Zn
+  component: Wo,
+  ...xo
 }, {
-  component: Ti,
-  ...no
+  component: Ei,
+  ...No
 }, {
-  component: ho,
-  ...co
+  component: zo,
+  ...Ho
 }, {
-  component: lo,
-  ...oo
+  component: Mo,
+  ...Oo
 }, {
-  component: zn,
-  ...Mn
-}, ...br()], gr = (e) => ({
-  type: "builder.registerComponent",
-  data: ce(e)
-}), yr = (e) => {
-  const t = e.toString().trim();
-  return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-};
-function ce(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? yr(n) : n));
-}
-const kr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: Io,
+  ...vo
+}, ...Gr()], Yr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3558,352 +4070,77 @@ const kr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarg
       id: contentId
     }).filter(variant => variant.id !== winningVariantId).map(value => {
       return \`.variant-\${value.id} {  display: none; }
-        \`;
-    }).join('');
-    styleEl.innerHTML = newStyleStr;
-  }
-}`, vr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
-  if (!navigator.cookieEnabled) {
-    return;
-  }
-  function getCookie(name) {
-    const nameEQ = name + '=';
-    const ca = document.cookie.split(';');
-    for (let i = 0; i < ca.length; i++) {
-      let c = ca[i];
-      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
-      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-    }
-    return null;
-  }
-  const cookieName = \`builder.tests.\${defaultContentId}\`;
-  const winningVariant = getCookie(cookieName);
-  const parentDiv = document.currentScript?.parentElement;
-  const isDefaultContent = variantContentId === defaultContentId;
-  const isWinningVariant = winningVariant === variantContentId;
-  if (isWinningVariant && !isDefaultContent) {
-    parentDiv?.removeAttribute('hidden');
-    parentDiv?.removeAttribute('aria-hidden');
-  } else if (!isWinningVariant && isDefaultContent) {
-    parentDiv?.setAttribute('hidden', 'true');
-    parentDiv?.setAttribute('aria-hidden', 'true');
-  }
-  if (isHydrationTarget) {
-    if (!isWinningVariant) {
-      parentDiv?.remove();
-    }
-    const thisScriptEl = document.currentScript;
-    thisScriptEl?.remove();
-  }
-  return;
-}`, Xe = "builderIoAbTest", Ze = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
-  ...t,
-  testVariationId: t.id,
-  id: e == null ? void 0 : e.id
-})), Sr = ({
-  canTrack: e,
-  content: t
-}) => !(!(_(t).length > 0) || !e), Cr = (e) => e === "react" || e === "reactNative", _e = Cr(x), wr = () => `
-  window.${Xe} = ${kr}
-  window.${Ze} = ${vr}
-  `, Tr = (e, t) => `
-  window.${Xe}(
-    "${t}",${JSON.stringify(e)}, ${_e}
-  )`, Ir = ({
-  contentId: e,
-  variationId: t
-}) => `window.${Ze}(
-    "${t}", "${e}", ${_e}
-  )`, et = f({
-  render() {
-    return xe("script", {
-      innerHTML: this.scriptStr,
-      "data-id": this.id,
-      nonce: this.nonce
-    });
-  },
-  name: "inlined-script",
-  props: ["scriptStr", "id", "nonce"]
-});
-function $r() {
-  return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
-}
-function Rr() {
-  const e = $r().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 tt = Rr();
-function de(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) ? {
-      ...o,
-      ...de(i, s, n)
-    } : {
-      ...o,
-      [s]: i
-    };
-  }, {});
-}
-function nt(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("$")) ? nt(r, i, n) : n[i] = r;
-  }
-  return n;
-}
-const Br = "v3", Te = "builder.", Pr = "options.", ot = (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(Pr, "");
-      n[r] = t[o];
-    }
-  }), n;
-}, Er = () => {
-  if (!T())
-    return {};
-  const e = new URLSearchParams(window.location.search);
-  return ot(e);
-}, Ie = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ye = (e) => {
-  const {
-    limit: t = 30,
-    userAttributes: n,
-    query: o,
-    model: r,
-    apiKey: i,
-    enrich: s,
-    locale: l,
-    apiVersion: a = Br,
-    fields: u,
-    omit: h,
-    offset: c,
-    cacheSeconds: m,
-    staleCacheSeconds: S,
-    sort: y,
-    includeUnpublished: F
-  } = e;
-  if (!i)
-    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(c) && c > -1 && w.searchParams.set("offset", String(Math.floor(c))), typeof F == "boolean" && w.searchParams.set("includeUnpublished", String(F)), m && Ie(m) && w.searchParams.set("cacheSeconds", String(m)), S && Ie(S) && w.searchParams.set("staleCacheSeconds", String(S)), y) {
-    const O = de({
-      sort: y
-    });
-    for (const j in O)
-      w.searchParams.set(j, JSON.stringify(O[j]));
-  }
-  const ut = {
-    ...Er(),
-    ...Ve(e.options || {})
-  }, ve = de(ut);
-  for (const O in ve)
-    w.searchParams.set(O, String(ve[O]));
-  if (n && w.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const O = nt({
-      query: o
-    });
-    for (const j in O)
-      w.searchParams.set(j, JSON.stringify(O[j]));
-  }
-  return w;
-}, xr = (e) => "results" in e;
-async function ke(e) {
-  const t = await Wr({
-    ...e,
-    limit: 1
-  });
-  return t && t[0] || null;
-}
-const Ar = async (e) => {
-  const t = ye(e);
-  return await (await (e.fetch ?? tt)(t.href, e.fetchOptions)).json();
-}, Vr = async (e, t, n = ye(e)) => {
-  const o = Y(e.canTrack);
-  if (n.search.includes("preview="), !o || !(T() || x === "reactNative"))
-    return t.results;
-  try {
-    const r = [];
-    for (const i of t.results)
-      r.push(await Un({
-        item: i,
-        canTrack: o
-      }));
-    t.results = r;
-  } catch (r) {
-    B.error("Could not process A/B tests. ", r);
-  }
-  return t.results;
-};
-async function Wr(e) {
-  try {
-    const t = ye(e), n = await Ar(e);
-    return xr(n) ? Vr(e, n) : (B.error("Error fetching data. ", {
-      url: t,
-      content: n,
-      options: e
-    }), null);
-  } catch (t) {
-    return B.error("Error fetching data. ", t), null;
-  }
-}
-function Nr(e) {
-  const t = e || (T() ? window.location.search : void 0);
-  return t ? We(t).indexOf("builder.preview=") !== -1 : !1;
-}
-function Fr() {
-  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 rt() {
-  return Fr().replace(/-/g, "");
-}
-const it = "builderSessionId", Or = async ({
-  canTrack: e
-}) => {
-  if (!e)
-    return;
-  const t = await ze({
-    name: it,
-    canTrack: e
-  });
-  if (L(t))
-    return t;
-  {
-    const n = Dr();
-    return Lr({
-      id: n,
-      canTrack: e
-    }), n;
-  }
-}, Dr = () => rt(), Lr = ({
-  id: e,
-  canTrack: t
-}) => Je({
-  name: it,
-  value: e,
-  canTrack: t
-}), st = () => T() && typeof localStorage < "u" ? localStorage : void 0, Ur = ({
-  key: e,
-  canTrack: t
-}) => {
-  var n;
-  try {
-    return t ? (n = st()) == null ? void 0 : n.getItem(e) : void 0;
-  } catch (o) {
-    console.debug("[LocalStorage] GET error: ", o);
-    return;
-  }
-}, Mr = ({
-  key: e,
-  canTrack: t,
-  value: n
-}) => {
-  var o;
-  try {
-    t && ((o = st()) == null || o.setItem(e, n));
-  } catch (r) {
-    console.debug("[LocalStorage] SET error: ", r);
+        \`;
+    }).join('');
+    styleEl.innerHTML = newStyleStr;
   }
-}, at = "builderVisitorId", jr = ({
-  canTrack: e
-}) => {
-  if (!e)
+}`, Qr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+  if (!navigator.cookieEnabled) {
     return;
-  const t = Ur({
-    key: at,
-    canTrack: e
-  });
-  if (L(t))
-    return t;
-  {
-    const n = Hr();
-    return Kr({
-      id: n,
-      canTrack: e
-    }), n;
   }
-}, Hr = () => rt(), Kr = ({
-  id: e,
-  canTrack: t
-}) => Mr({
-  key: at,
-  value: e,
-  canTrack: t
-}), qr = async ({
-  canTrack: e
-}) => {
-  if (!e)
-    return {
-      visitorId: void 0,
-      sessionId: void 0
-    };
-  const t = await Or({
-    canTrack: e
-  }), n = jr({
-    canTrack: e
-  });
-  return {
-    sessionId: t,
-    visitorId: n
-  };
-}, zr = async ({
-  type: e,
-  canTrack: t,
-  apiKey: n,
-  metadata: o,
-  ...r
-}) => ({
-  type: e,
-  data: {
-    ...r,
-    metadata: {
-      url: location.href,
-      ...o
-    },
-    ...await qr({
-      canTrack: t
-    }),
-    userAttributes: Ne(),
-    ownerId: n
+  function getCookie(name) {
+    const nameEQ = name + '=';
+    const ca = document.cookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+      let c = ca[i];
+      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
+    }
+    return null;
   }
-});
-async function ue(e) {
-  if (!e.apiKey) {
-    B.error("Missing API key for track call. Please provide your API key.");
-    return;
+  const cookieName = \`builder.tests.\${defaultContentId}\`;
+  const winningVariant = getCookie(cookieName);
+  const parentDiv = document.currentScript?.parentElement;
+  const isDefaultContent = variantContentId === defaultContentId;
+  const isWinningVariant = winningVariant === variantContentId;
+  if (isWinningVariant && !isDefaultContent) {
+    parentDiv?.removeAttribute('hidden');
+    parentDiv?.removeAttribute('aria-hidden');
+  } else if (!isWinningVariant && isDefaultContent) {
+    parentDiv?.setAttribute('hidden', 'true');
+    parentDiv?.setAttribute('aria-hidden', 'true');
   }
-  if (e.canTrack && !R() && (T() || x === "reactNative"))
-    return fetch("https://cdn.builder.io/api/v1/track", {
-      method: "POST",
-      body: JSON.stringify({
-        events: [await zr(e)]
-      }),
-      headers: {
-        "content-type": "application/json"
-      },
-      mode: "cors"
-    }).catch((t) => {
-      console.error("Failed to track: ", t);
+  if (isHydrationTarget) {
+    if (!isWinningVariant) {
+      parentDiv?.remove();
+    }
+    const thisScriptEl = document.currentScript;
+    thisScriptEl?.remove();
+  }
+  return;
+}`, at = "builderIoAbTest", lt = "builderIoRenderContent", _ = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+  ...t,
+  testVariationId: t.id,
+  id: e == null ? void 0 : e.id
+})), Xr = ({
+  canTrack: e,
+  content: t
+}) => !(!(_(t).length > 0) || !e), Zr = (e) => e === "react" || e === "reactNative", ct = Zr(E), _r = () => `
+  window.${at} = ${Yr}
+  window.${lt} = ${Qr}
+  `, ei = (e, t) => `
+  window.${at}(
+    "${t}",${JSON.stringify(e)}, ${ct}
+  )`, ti = ({
+  contentId: e,
+  variationId: t
+}) => `window.${lt}(
+    "${t}", "${e}", ${ct}
+  )`, dt = f({
+  render() {
+    return Ae("script", {
+      innerHTML: this.scriptStr,
+      "data-id": this.id,
+      nonce: this.nonce
     });
-}
-const Vi = (e) => ue({
-  ...e,
-  canTrack: !0
+  },
+  name: "inlined-script",
+  props: ["scriptStr", "id", "nonce"]
 });
-function $e(e) {
+function Pe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Jr = (e, t, n = !0) => {
+const ni = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3914,190 +4151,35 @@ const Jr = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Gr = (e) => Jr(e, (t) => {
+}, oi = (e) => ni(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Re = ({
+}), xe = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = $e(o / n.width), s = $e(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Pe(o / n.width), s = Pe(r / n.height);
   return {
     x: i,
     y: s
   };
-}, Yr = (e) => {
-  const t = e.target, n = t && Gr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ri = (e) => {
+  const t = e.target, n = t && oi(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? Re({
+      targetOffset: t ? xe({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Re({
+      builderTargetOffset: n ? xe({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Qr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function lt(e, t) {
-  if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
-    return !1;
-  const n = new URL(t.origin), o = n.hostname;
-  return (e || Qr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
-}
-const Xr = "2.0.8", Be = {};
-function Zr(e, t) {
-  let n = Be[e];
-  if (n || (n = Be[e] = []), n.push(t), T()) {
-    const o = {
-      type: "builder.register",
-      data: {
-        type: e,
-        info: t
-      }
-    };
-    try {
-      parent.postMessage(o, "*"), parent !== window && window.postMessage(o, "*");
-    } catch (r) {
-      console.debug("Could not postmessage", r);
-    }
-  }
-}
-const _r = () => {
-  Zr("insertMenu", {
-    name: "_default",
-    default: !0,
-    items: [{
-      name: "Box"
-    }, {
-      name: "Text"
-    }, {
-      name: "Image"
-    }, {
-      name: "Columns"
-    }, {
-      name: "Core:Section"
-    }, {
-      name: "Core:Button"
-    }, {
-      name: "Embed"
-    }, {
-      name: "Custom Code"
-    }]
-  });
-};
-let Pe = !1;
-const ct = (e = {}) => {
-  var t, n;
-  Pe || (Pe = !0, T() && ((t = window.parent) == null || t.postMessage({
-    type: "builder.sdkInfo",
-    data: {
-      target: x,
-      version: Xr,
-      supportsPatchUpdates: !1,
-      // Supports builder-model="..." attribute which is needed to
-      // scope our '+ add block' button styling
-      supportsAddBlockScoping: !0,
-      supportsCustomBreakpoints: !0
-    }
-  }, "*"), (n = window.parent) == null || n.postMessage({
-    type: "builder.updateContent",
-    data: {
-      options: e
-    }
-  }, "*"), window.addEventListener("message", (o) => {
-    var i, s;
-    if (!lt(e.trustedHosts, o))
-      return;
-    const {
-      data: r
-    } = o;
-    if (r != null && r.type)
-      switch (r.type) {
-        case "builder.evaluate": {
-          const l = r.data.text, a = r.data.arguments || [], u = r.data.id, h = new Function(l);
-          let c, m = null;
-          try {
-            c = h.apply(null, a);
-          } catch (S) {
-            m = S;
-          }
-          m ? (i = window.parent) == null || i.postMessage({
-            type: "builder.evaluateError",
-            data: {
-              id: u,
-              error: m.message
-            }
-          }, "*") : c && typeof c.then == "function" ? c.then((S) => {
-            var y;
-            (y = window.parent) == null || y.postMessage({
-              type: "builder.evaluateResult",
-              data: {
-                id: u,
-                result: S
-              }
-            }, "*");
-          }).catch(console.error) : (s = window.parent) == null || s.postMessage({
-            type: "builder.evaluateResult",
-            data: {
-              result: c,
-              id: u
-            }
-          }, "*");
-          break;
-        }
-      }
-  })));
-}, dt = ({
-  model: e,
-  trustedHosts: t,
-  callbacks: n
-}) => (o) => {
-  if (!lt(t, o))
-    return;
-  const {
-    data: r
-  } = o;
-  if (r)
-    switch (r.type) {
-      case "builder.configureSdk": {
-        n.configureSdk(r.data);
-        break;
-      }
-      case "builder.triggerAnimation": {
-        n.animation(r.data);
-        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);
-        break;
-      }
-    }
-}, Wi = (e, t, n) => {
-  if (!T)
-    return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
-    };
-  ct();
-  const o = dt({
-    callbacks: {
-      contentUpdate: t,
-      animation: () => {
-      },
-      configureSdk: () => {
-      }
-    },
-    model: e,
-    trustedHosts: n == null ? void 0 : n.trustedHosts
-  });
-  return window.addEventListener("message", o), () => {
-    window.removeEventListener("message", o);
-  };
-}, ei = (e) => {
+}, ii = (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);
   let r = "";
@@ -4123,15 +4205,15 @@ font-weight: ${s};
         `.trim());
     }
   return r;
-}, ti = ({
+}, si = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ei(n))) == null ? void 0 : t.join(" ")) || "";
-}, ni = ({
+  return ((t = e == null ? void 0 : e.map((n) => ii(n))) == null ? void 0 : t.join(" ")) || "";
+}, ai = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", oi = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", li = `
 .builder-button {
   all: unset;
 }
@@ -4148,7 +4230,7 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, ri = (e) => e ? "" : oi, ii = (e) => `variant-${e}`, si = f({
+`, ci = (e) => e ? "" : li, di = (e) => `variant-${e}`, ui = f({
   name: "enable-editor",
   components: { DynamicDiv: Q },
   props: [
@@ -4172,20 +4254,20 @@ font-weight: ${s};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: le,
-      getWrapperClassName: ii
+      builderContext: ce,
+      getWrapperClassName: di
     };
   },
   provide() {
     const e = this;
     return {
-      [le.key]: e.builderContextSignal
+      [ce.key]: e.builderContextSignal
     };
   },
   mounted() {
     (() => {
       var n, o;
-      if (T()) {
+      if (I()) {
         if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && Y(this.canTrack)) {
@@ -4198,7 +4280,7 @@ font-weight: ${s};
             variationId: i !== s ? i : void 0
           });
         }
-        Nr() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        Ht() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -4249,7 +4331,7 @@ font-weight: ${s};
     }
   },
   unmounted() {
-    T() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    I() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -4321,7 +4403,7 @@ font-weight: ${s};
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return dt({
+      return Ye({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4335,7 +4417,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            Me(t);
+            ot(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -4368,7 +4450,7 @@ font-weight: ${s};
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Yr(e),
+          ...ri(e),
           unique: !this.clicked
         });
       }
@@ -4394,7 +4476,7 @@ font-weight: ${s};
             })
           )
         );
-        tt(i).then((s) => s.json()).then((s) => {
+        _e(i).then((s) => s.json()).then((s) => {
           this.mergeNewRootState({
             [o]: s
           }), this.httpReqsData[o] = !0;
@@ -4411,7 +4493,7 @@ font-weight: ${s};
           "builder:component:stateChange",
           {
             detail: {
-              state: me(this.builderContextSignal.rootState),
+              state: he(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -4421,7 +4503,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), _r(), ct({
+      window.addEventListener("message", this.processMessage), pn(), Ge({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4435,7 +4517,7 @@ font-weight: ${s};
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = gr(t);
+        const n = jt(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -4446,7 +4528,7 @@ font-weight: ${s};
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.overrides.${n}`
       ), r = t.get("apiKey") || t.get("builder.space");
-      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && ke({
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && ge({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
@@ -4456,9 +4538,9 @@ font-weight: ${s};
     }
   }
 });
-function ai(e, t, n, o, r, i) {
+function pi(e, t, n, o, r, i) {
   var s, l, a;
-  return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), C({
+  return e.builderContextSignal.content ? (c(), g(K(e.ContentWrapper), C({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
@@ -4468,40 +4550,40 @@ function ai(e, t, n, o, r, i) {
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
-    default: W(() => [
-      E(e.$slots, "default")
+    default: N(() => [
+      x(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
-const li = /* @__PURE__ */ b(si, [["render", ai]]), ci = f({
+const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = f({
   name: "content-styles",
-  components: { InlinedStyles: be },
+  components: { InlinedStyles: ve },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${ni({
+${ai({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${ti({
+${si({
         customFonts: this.customFonts
       })}
-${ri(this.isNestedRender)}
+${ci(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function di(e, t, n, o, r, i) {
-  const s = g("InlinedStyles");
-  return d(), k(s, {
+function fi(e, t, n, o, r, i) {
+  const s = y("InlinedStyles");
+  return c(), g(s, {
     id: "builderio-content",
     styles: e.injectedStyles,
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
+const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
   content: e,
   data: t,
   locale: n
@@ -4518,7 +4600,7 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
       locale: n
     } : {}
   };
-}, mi = ({
+}, yi = ({
   content: e,
   data: t
 }) => e ? {
@@ -4528,12 +4610,12 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, hi = ft, fi = f({
+} : void 0, ki = ft, vi = f({
   name: "content-component",
   components: {
-    EnableEditor: li,
-    InlinedScript: et,
-    ContentStyles: ui,
+    EnableEditor: mi,
+    InlinedScript: dt,
+    ContentStyles: bi,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -4562,32 +4644,32 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
   data() {
     var e, t, n, o;
     return {
-      scriptStr: Ir({
+      scriptStr: ti({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...we(),
+        ...Ee(),
         ...((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,
           [s.name]: {
-            component: hi(i),
-            ...ce(s)
+            component: ki(i),
+            ...te(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: mi({
+        content: yi({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: pi({
+        rootState: gi({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4598,12 +4680,12 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...we(),
+          ...Ee(),
           ...((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,
-            [s.name]: ce(s)
+            [s.name]: te(s)
           }),
           {}
         ),
@@ -4612,13 +4694,13 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
         BlocksWrapperProps: this.blocksWrapperProps || {},
         nonce: this.nonce || ""
       },
-      TARGET: x
+      TARGET: E
     };
   },
   provide() {
     const e = this;
     return {
-      [Ae.key]: {
+      [Ve.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -4629,9 +4711,9 @@ const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
     }
   }
 });
-function bi(e, t, n, o, r, i) {
-  const s = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
-  return d(), k(u, C({
+function Si(e, t, n, o, r, i) {
+  const s = 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,
@@ -4647,25 +4729,25 @@ function bi(e, t, n, o, r, i) {
     contentWrapperProps: e.contentWrapperProps,
     trustedHosts: e.trustedHosts
   }, {}), {
-    default: W(() => {
-      var h, c, m, S, y, F, X;
+    default: N(() => {
+      var h, d, p, k, v, O, X;
       return [
-        e.isSsrAbTest ? (d(), k(s, {
+        e.isSsrAbTest ? (c(), g(s, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr,
           nonce: e.nonce || ""
-        }, null, 8, ["scriptStr", "nonce"])) : v("", !0),
-        e.TARGET !== "reactNative" ? (d(), k(l, {
+        }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
+        e.TARGET !== "reactNative" ? (c(), g(l, {
           key: 1,
           nonce: e.nonce || "",
           isNestedRender: e.isNestedRender,
           contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
-          cssCode: (m = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : m.cssCode,
-          customFonts: (y = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : y.customFonts
-        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
+          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"])) : S("", !0),
         $(a, {
-          blocks: (X = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : X.blocks,
+          blocks: (X = (O = e.builderContextSignal.content) == null ? void 0 : O.data) == null ? void 0 : X.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4675,12 +4757,12 @@ function bi(e, t, n, o, r, i) {
     _: 1
   }, 16, ["nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
-const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = f({
+const Ci = /* @__PURE__ */ b(vi, [["render", Si]]), wi = f({
   name: "content-variants",
   components: {
-    InlinedScript: et,
-    InlinedStyles: be,
-    ContentComponent: gi
+    InlinedScript: dt,
+    InlinedStyles: ve,
+    ContentComponent: Ci
   },
   props: [
     "canTrack",
@@ -4704,12 +4786,12 @@ const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = f({
   ],
   data() {
     return {
-      shouldRenderVariants: Sr({
+      shouldRenderVariants: Xr({
         canTrack: Y(this.canTrack),
         content: this.content
       }),
-      TARGET: x,
-      getInitVariantsFnsScriptString: wr,
+      TARGET: E,
+      getInitVariantsFnsScriptString: _r,
       getVariants: _
     };
   },
@@ -4718,7 +4800,7 @@ const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Tr(
+      return ei(
         _(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4734,23 +4816,23 @@ const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = f({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Ln({
+      } : yn({
         item: this.content,
         canTrack: Y(this.canTrack)
       });
     }
   }
 });
-function ki(e, t, n, o, r, i) {
-  const s = g("InlinedScript"), l = g("InlinedStyles"), a = g("ContentComponent");
-  return d(), p(I, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
+function Ti(e, t, n, o, r, i) {
+  const s = y("InlinedScript"), l = y("InlinedStyles"), a = y("ContentComponent");
+  return c(), m(w, null, [
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), g(s, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString(),
       nonce: e.nonce || ""
-    }, null, 8, ["scriptStr", "nonce"])) : v("", !0),
-    e.shouldRenderVariants ? (d(), p(I, { key: 1 }, [
+    }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
+    e.shouldRenderVariants ? (c(), m(w, { key: 1 }, [
       $(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
@@ -4761,7 +4843,7 @@ function ki(e, t, n, o, r, i) {
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (d(!0), p(I, null, N(e.getVariants(e.content), (u, h) => (d(), k(a, C({
+      (c(!0), m(w, null, A(e.getVariants(e.content), (u, h) => (c(), g(a, C({
         key: u.testVariationId,
         isNestedRender: e.isNestedRender,
         nonce: e.nonce,
@@ -4784,7 +4866,7 @@ 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)) : v("", !0),
+    ], 64)) : S("", !0),
     $(a, C({
       nonce: e.nonce,
       isNestedRender: e.isNestedRender,
@@ -4811,13 +4893,13 @@ 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]]), Si = async ({
+const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), $i = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return ke({
+    return ge({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4829,9 +4911,9 @@ const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Si = async ({
     }).catch((n) => {
       B.error("Could not fetch symbol content: ", n);
     });
-}, Ci = f({
+}, Ri = f({
   name: "builder-symbol",
-  components: { ContentVariants: vi, DynamicDiv: Q },
+  components: { ContentVariants: Ii, DynamicDiv: Q },
   props: [
     "symbol",
     "attributes",
@@ -4843,7 +4925,7 @@ const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Si = async ({
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: A };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: V };
   },
   mounted() {
     this.setContent();
@@ -4880,7 +4962,7 @@ const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Si = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || Si({
+      this.contentToUse || $i({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4889,10 +4971,10 @@ const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Si = async ({
     }
   }
 });
-function wi(e, t, n, o, r, i) {
-  var l, a, u, h, c;
-  const s = g("ContentVariants");
-  return d(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+function Bi(e, t, n, o, r, i) {
+  var l, a, u, h, d;
+  const s = y("ContentVariants");
+  return c(), m("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     $(s, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -4909,7 +4991,7 @@ function wi(e, t, n, o, r, i) {
         ...(h = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : h.state
       },
       canTrack: e.builderContext.canTrack,
-      model: (c = e.symbol) == null ? void 0 : c.model,
+      model: (d = e.symbol) == null ? void 0 : d.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,
@@ -4917,75 +4999,44 @@ function wi(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Ti = /* @__PURE__ */ b(Ci, [["render", wi]]), Ee = {};
-function Ni(e) {
-  if (T()) {
-    Object.assign(Ee, e);
-    const t = {
-      type: "builder.settingsChange",
-      data: Ee
-    };
-    parent.postMessage(t, "*");
-  }
-}
-const Fi = async (e) => {
-  var o, r, i;
-  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,
-    model: e.model || "page",
-    userAttributes: {
-      ...e.userAttributes,
-      ...t ? {
-        urlPath: t
-      } : {}
-    },
-    options: ot(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
-  };
-  return {
-    apiKey: n.apiKey,
-    model: n.model,
-    content: await ke(n)
-  };
-};
+const Ei = /* @__PURE__ */ b(Ri, [["render", Bi]]);
 export {
-  Vr as A,
-  fe as B,
-  fn as C,
-  Wr as D,
-  ke as E,
-  yn as F,
-  Bi as G,
-  xi as H,
-  $n as I,
-  Pn as S,
-  x as T,
-  fr as V,
-  be as _,
-  un as a,
-  Pi as b,
+  $n as A,
+  ke as B,
+  ro as C,
+  ge as D,
+  Vi as E,
+  ao as F,
+  Ui as G,
+  bo as I,
+  ko as S,
+  E as T,
+  Jr as V,
+  ve as _,
+  Di as a,
+  Mi as b,
   L as c,
-  Ai as d,
-  he as e,
-  b as f,
-  De as g,
-  G as h,
-  Ei as i,
-  ee as j,
-  le as k,
-  Ct as l,
-  Ti as m,
-  ho as n,
-  M as o,
-  vi as p,
-  R as q,
-  Nr as r,
-  gr as s,
-  Zr as t,
-  Ni as u,
-  ot as v,
-  hi as w,
-  Vi as x,
-  Wi as y,
-  Fi as z
+  ye as d,
+  b as e,
+  G as f,
+  eo as g,
+  Li as h,
+  ee as i,
+  ce as j,
+  Ct as k,
+  Ei as l,
+  zo as m,
+  M as n,
+  Ii as o,
+  R as p,
+  Ht as q,
+  jt as r,
+  qt as s,
+  Wi as t,
+  Le as u,
+  Ni as v,
+  ki as w,
+  Oi as x,
+  Fi as y,
+  In as z
 };