@builder.io/sdk-vue 5.2.5 → 5.2.7

package/lib/node/{index-CwfwLkvc.js → index-4BcEpdYg.js}

@@ -1,6 +1,6 @@
-import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as w, createBlock as S, resolveDynamicComponent as Y, mergeProps as I, toHandlers as O, withCtx as x, renderSlot as V, resolveComponent as k, createTextVNode as St, toDisplayString as le, defineAsyncComponent as Q, createVNode as $, renderList as F, createCommentVNode as C, h as ze, createElementVNode as z, normalizeStyle as M, normalizeClass as Z, markRaw as kt } from "vue";
-import { T as R, g as Ct, f as Tt, i as E, s as wt, r as It, p as $t, a as Rt, l as L, b as Ke, c as Se, d as Et, n as Ge, S as Pt, e as ke, h as re, j as At, k as Je, m as Bt, o as A, q as Qe, _ as Ne } from "./should-force-browser-runtime-in-node-2bRYXF-W.js";
-const Vt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Nt = (e) => typeof e == "string" && Vt.has(e.toLowerCase());
+import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as w, createBlock as S, resolveDynamicComponent as Y, mergeProps as I, toHandlers as U, withCtx as x, renderSlot as V, resolveComponent as k, createTextVNode as Ct, toDisplayString as le, defineAsyncComponent as Q, createVNode as $, renderList as F, createCommentVNode as C, h as Qe, createElementVNode as q, normalizeStyle as M, normalizeClass as Z, markRaw as Tt } from "vue";
+import { T as R, g as wt, f as It, i as E, s as $t, r as Rt, p as Et, a as Pt, l as L, b as Ye, c as Te, d as At, n as Xe, S as Bt, e as we, h as re, j as Vt, k as Ze, m as Nt, o as A, q as _e, _ as xe } from "./should-force-browser-runtime-in-node-k20eAE3E.js";
+const Wt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Dt = (e) => typeof e == "string" && Wt.has(e.toLowerCase());
 function N(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -11,11 +11,11 @@ function N(e = {}, t, n) {
   }
   return o;
 }
-const Wt = y({
+const xt = y({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: Nt };
+    return { isEmptyElement: Dt };
   }
 }), v = (e, t) => {
   const n = e.__vccOpts || e;
@@ -23,14 +23,14 @@ const Wt = y({
     n[o] = r;
   return n;
 };
-function Dt(e, t, n, o, r, i) {
-  return e.isEmptyElement(e.TagName) ? (d(), S(Y(e.TagName), I({ key: 1 }, e.attributes, O(e.actionAttributes)), null, 16)) : (d(), h(w, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), S(Y(e.TagName), I({ key: 0 }, e.attributes, O(e.actionAttributes)), {
+function Ot(e, t, n, o, r, i) {
+  return e.isEmptyElement(e.TagName) ? (d(), S(Y(e.TagName), I({ key: 1 }, e.attributes, U(e.actionAttributes)), null, 16)) : (d(), h(w, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), S(Y(e.TagName), I({ key: 0 }, e.attributes, U(e.actionAttributes)), {
       default: x(() => [
         V(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), S(Y(e.TagName), I({ key: 1 }, e.attributes, O(e.actionAttributes)), {
+    }, 16)) : (d(), S(Y(e.TagName), I({ key: 1 }, e.attributes, U(e.actionAttributes)), {
       default: x(() => [
         V(e.$slots, "default")
       ]),
@@ -38,10 +38,10 @@ function Dt(e, t, n, o, r, i) {
     }, 16))
   ], 64));
 }
-const Ce = /* @__PURE__ */ v(Wt, [["render", Dt]]), Ji = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ie = /* @__PURE__ */ v(xt, [["render", Ot]]), Xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ce
-}, Symbol.toStringTag, { value: "Module" })), q = () => {
+  default: Ie
+}, Symbol.toStringTag, { value: "Module" })), z = () => {
   switch (R) {
     case "react":
     case "reactNative":
@@ -54,9 +54,9 @@ const Ce = /* @__PURE__ */ v(Wt, [["render", Dt]]), Ji = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, xt = y({
+}, Ut = y({
   name: "builder-button",
-  components: { DynamicRenderer: Ce },
+  components: { DynamicRenderer: Ie },
   props: [
     "attributes",
     "link",
@@ -71,7 +71,7 @@ const Ce = /* @__PURE__ */ v(Wt, [["render", Dt]]), Ji = /* @__PURE__ */ Object.
     attrs() {
       return {
         ...N(this.attributes, "v-on:", !1),
-        [q()]: `${this.link ? "" : "builder-button"} ${this.attributes[q()] || ""}`,
+        [z()]: `${this.link ? "" : "builder-button"} ${this.attributes[z()] || ""}`,
         ...this.link ? {
           href: this.link,
           target: this.openLinkInNewTab ? "_blank" : void 0,
@@ -83,7 +83,7 @@ const Ce = /* @__PURE__ */ v(Wt, [["render", Dt]]), Ji = /* @__PURE__ */ Object.
     }
   }
 });
-function Ut(e, t, n, o, r, i) {
+function Ft(e, t, n, o, r, i) {
   const s = k("DynamicRenderer");
   return d(), S(s, {
     attributes: e.attrs(),
@@ -91,12 +91,12 @@ function Ut(e, t, n, o, r, i) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: x(() => [
-      St(le(e.text), 1)
+      Ct(le(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Ot = /* @__PURE__ */ v(xt, [["render", Ut]]), Ft = Symbol(), he = {
+const Lt = /* @__PURE__ */ v(Ut, [["render", Ft]]), Ht = Symbol(), he = {
   Builder: {
     content: null,
     context: {},
@@ -113,14 +113,14 @@ const Ot = /* @__PURE__ */ v(xt, [["render", Ut]]), Ft = Symbol(), he = {
     nonce: "",
     model: ""
   },
-  key: Ft
-}, Lt = Symbol(), Ye = {
+  key: Ht
+}, Mt = Symbol(), et = {
   Components: { registeredComponents: {} },
-  key: Lt
-}, Xe = (e, t, n) => {
+  key: Mt
+}, tt = (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;
-}, Ht = ({
+}, zt = ({
   code: e,
   builder: t,
   context: n,
@@ -129,22 +129,22 @@ const Ot = /* @__PURE__ */ v(xt, [["render", Ut]]), Ft = Symbol(), he = {
   rootSetState: i,
   rootState: s
 }) => {
-  const l = Ct({
+  const l = wt({
     builder: t,
     context: n,
     event: o,
-    state: Tt({
+    state: It({
       rootState: s,
       localState: r,
       rootSetState: i
     })
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
-}, Mt = (e) => E() || wt({
+}, jt = (e) => E() || $t({
   shouldLogWarning: !0
-}) ? Ht(e) : It(e), qt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, jt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, zt = (e) => {
+}) ? zt(e) : Rt(e), qt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Kt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Jt = (e) => {
   var t, n, o, r, i, s;
-  return ((o = (n = (t = qt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = jt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
+  return ((o = (n = (t = qt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = Kt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
 };
 function _({
   code: e,
@@ -158,17 +158,17 @@ function _({
 }) {
   if (e.trim() === "")
     return;
-  const a = zt(e.trim());
+  const a = Jt(e.trim());
   if (a)
-    return Xe({
+    return tt({
       ...o,
       ...n
     }, a);
   const u = {
-    code: $t(e, {
+    code: Et(e, {
       isExpression: s
     }),
-    builder: Rt(l),
+    builder: Pt(l),
     context: t,
     event: i,
     rootSetState: r,
@@ -176,7 +176,7 @@ function _({
     localState: n
   };
   try {
-    return Mt(u);
+    return jt(u);
   } catch (p) {
     L.error("Failed code evaluation: " + p.message, {
       code: e
@@ -184,15 +184,15 @@ function _({
     return;
   }
 }
-function Kt(e, t) {
+function Gt(e, t) {
   var n;
   return {
     ...(n = e.component) == null ? void 0 : n.options,
     ...e.options,
-    ...Gt(e, t)
+    ...Qt(e, t)
   };
 }
-const Gt = (e, t) => {
+const Qt = (e, t) => {
   var n, o;
   if (((n = e.component) == null ? void 0 : n.name) === "Text" && ((o = e.component.options) != null && o.text) && typeof e.component.options.text == "string")
     return {
@@ -206,7 +206,7 @@ const Gt = (e, t) => {
       }))
     };
 };
-function Jt(e, ...t) {
+function Yt(e, ...t) {
   const n = Object.assign({}, e);
   for (const o of t)
     delete n[o];
@@ -229,28 +229,28 @@ function ie(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
     }), ie(s, t, e, i, r);
   }));
 }
-function Ze(e) {
+function nt(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
-function Qt(e) {
+function Xt(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
   return ie(e, (n) => {
-    if (Ze(n)) {
+    if (nt(n)) {
       t = !0;
       return;
     }
   }), t;
 }
-function Yt(e, t) {
+function Zt(e, t) {
   return !e || !Object.getOwnPropertyNames(e).length ? {} : (ie(e, (n, o) => {
-    Ze(n) && o(n[t] ?? void 0);
+    nt(n) && o(n[t] ?? void 0);
   }), e);
 }
-function Xt(e, t) {
+function _t(e, t) {
   var n, o;
-  return (n = e.component) != null && n.options && Qt((o = e.component) == null ? void 0 : o.options) && (t || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = Yt(e.component.options, t ?? "Default")), e;
+  return (n = e.component) != null && n.options && Xt((o = e.component) == null ? void 0 : o.options) && (t || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = Zt(e.component.options, t ?? "Default")), e;
 }
 function fe(e) {
   if (e === null || typeof e != "object")
@@ -264,9 +264,9 @@ function fe(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = fe(e[n]));
   return t;
 }
-const Zt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), _t = (e) => {
-  if (Zt) {
-    const t = Se(e);
+const en = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), tn = (e) => {
+  if (en) {
+    const t = Te(e);
     return {
       ...t,
       properties: {
@@ -277,7 +277,7 @@ const Zt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), _t = (e) =
       }
     };
   } else {
-    const t = fe(Jt(e, "children", "meta"));
+    const t = fe(Yt(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -290,7 +290,7 @@ const Zt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), _t = (e) =
       meta: e.meta
     };
   }
-}, en = ({
+}, nn = ({
   block: e,
   context: t,
   localState: n,
@@ -299,7 +299,7 @@ const Zt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), _t = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const i = _t(e);
+  const i = tn(e);
   for (const s in e.bindings) {
     const l = e.bindings[s], a = _({
       code: l,
@@ -308,11 +308,11 @@ const Zt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), _t = (e) =
       rootSetState: r,
       context: t
     });
-    Ke(i, s, a);
+    Ye(i, s, a);
   }
   return i;
 };
-function tn({
+function on({
   block: e,
   context: t,
   localState: n,
@@ -320,33 +320,33 @@ function tn({
   rootSetState: r
 }) {
   let i = e;
-  return i = en({
+  return i = nn({
     block: i,
     localState: n,
     rootState: o,
     rootSetState: r,
     context: t
-  }), i = Xt(i, o.locale), i;
+  }), i = _t(i, o.locale), i;
 }
-function Te(e) {
+function $e(e) {
   const t = e || (E() ? window.location.search : void 0);
-  return t ? Et(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? At(t).indexOf("builder.preview=") !== -1 : !1;
 }
-const nn = (e) => ({
+const rn = (e) => ({
   type: "builder.registerComponent",
   data: se(e)
-}), on = (e) => {
+}), sn = (e) => {
   const t = e.toString().trim(), n = /^[a-zA-Z0-9_]+\s*=>/i.test(t);
   return `return (${!t.startsWith("function") && !t.startsWith("async") && !t.startsWith("(") && !n ? "function " : ""}${t}).apply(this, arguments)`;
 };
 function se(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? on(n) : n));
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? sn(n) : n));
 }
-const We = {};
-function Qi(e, t) {
+const Oe = {};
+function Zi(e, t) {
   e === "plugin" && (t = se(t));
-  let n = We[e];
-  if (n || (n = We[e] = []), n.push(t), E()) {
+  let n = Oe[e];
+  if (n || (n = Oe[e] = []), n.push(t), E()) {
     const o = {
       type: "builder.register",
       data: {
@@ -361,7 +361,7 @@ function Qi(e, t) {
     }
   }
 }
-function Yi(e) {
+function _i(e) {
   var t;
   if (E()) {
     const n = JSON.parse(JSON.stringify(e));
@@ -371,50 +371,50 @@ function Yi(e) {
     }, "*");
   }
 }
-const De = {};
-function Xi(e) {
+const Ue = {};
+function es(e) {
   if (E()) {
-    Object.assign(De, e);
+    Object.assign(Ue, e);
     const t = {
       type: "builder.settingsChange",
-      data: De
+      data: Ue
     };
     parent.postMessage(t, "*");
   }
 }
-const xe = "builder.", rn = "options.", _e = (e) => {
+const Fe = "builder.", an = "options.", ot = (e) => {
   if (!e)
     return {};
-  const t = Ge(e), n = {};
+  const t = Xe(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(xe)) {
-      const r = o.replace(xe, "").replace(rn, "");
+    if (o.startsWith(Fe)) {
+      const r = o.replace(Fe, "").replace(an, "");
       n[r] = t[o];
     }
   }), n;
-}, sn = () => {
+}, ln = () => {
   if (!E())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return _e(e);
-}, an = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function et(e, t) {
+  return ot(e);
+}, cn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function rt(e, t) {
   let n;
   try {
     n = new URL(t.origin);
   } catch {
     return !1;
   }
-  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || an).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
+  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || cn).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
 }
-let Ue = !1;
-const tt = (e) => {
+let Le = !1;
+const it = (e) => {
   var t, n;
-  Ue || (Ue = !0, E() && ((t = window.parent) == null || t.postMessage({
+  Le || (Le = !0, E() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: R,
-      version: Pt,
+      version: Bt,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -432,7 +432,7 @@ const tt = (e) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var i, s;
-    if (!et(e.trustedHosts, o))
+    if (!rt(e.trustedHosts, o))
       return;
     const {
       data: r
@@ -473,12 +473,12 @@ const tt = (e) => {
         }
       }
   })));
-}, nt = ({
+}, st = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!et(t, o))
+  if (!rt(t, o))
     return;
   const {
     data: r
@@ -504,7 +504,7 @@ const tt = (e) => {
         break;
       }
     }
-}, Zi = ({
+}, ts = ({
   model: e,
   apiKey: t,
   callback: n,
@@ -513,11 +513,11 @@ const tt = (e) => {
   if (!E)
     return L.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  tt({
+  it({
     modelName: e,
     apiKey: t
   });
-  const r = nt({
+  const r = st({
     callbacks: {
       contentUpdate: n,
       animation: () => {
@@ -533,24 +533,24 @@ const tt = (e) => {
   return window.addEventListener("message", r), () => {
     window.removeEventListener("message", r);
   };
-}, ln = "builder.tests", we = (e) => `${ln}.${e}`, cn = ({
+}, dn = "builder.tests", Re = (e) => `${dn}.${e}`, un = ({
   contentId: e
-}) => At({
-  name: we(e),
+}) => Vt({
+  name: Re(e),
   canTrack: !0
-}), dn = ({
+}), pn = ({
   contentId: e
-}) => ke({
-  name: we(e),
+}) => we({
+  name: Re(e),
   canTrack: !0
-}), un = ({
+}), mn = ({
   contentId: e,
   value: t
-}) => Je({
-  name: we(e),
+}) => Ze({
+  name: Re(e),
   value: t,
   canTrack: !0
-}), ot = (e) => re(e.id) && re(e.variations) && Object.keys(e.variations).length > 0, pn = ({
+}), at = (e) => re(e.id) && re(e.variations) && Object.keys(e.variations).length > 0, hn = ({
   id: e,
   variations: t
 }) => {
@@ -563,15 +563,15 @@ const tt = (e) => {
       return i;
   }
   return e;
-}, rt = (e) => {
-  const t = pn(e);
-  return un({
+}, lt = (e) => {
+  const t = hn(e);
+  return mn({
     contentId: e.id,
     value: t
   }).catch((n) => {
     L.error("could not store A/B test variation: ", n);
   }), t;
-}, it = ({
+}, ct = ({
   item: e,
   testGroupId: t
 }) => {
@@ -585,7 +585,7 @@ const tt = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, mn = ({
+}, fn = ({
   item: e,
   canTrack: t
 }) => {
@@ -593,14 +593,14 @@ const tt = (e) => {
     return e;
   if (!e)
     return;
-  if (!ot(e))
+  if (!at(e))
     return e;
-  const n = dn({
+  const n = pn({
     contentId: e.id
-  }) || rt({
+  }) || lt({
     variations: e.variations,
     id: e.id
-  }), o = it({
+  }), o = ct({
     item: e,
     testGroupId: n
   });
@@ -608,18 +608,18 @@ const tt = (e) => {
     ...e,
     ...o
   };
-}, hn = async ({
+}, bn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !ot(e))
+  if (!t || !at(e))
     return e;
-  const o = await cn({
+  const o = await un({
     contentId: e.id
-  }) || rt({
+  }) || lt({
     variations: e.variations,
     id: e.id
-  }), r = it({
+  }), r = ct({
     item: e,
     testGroupId: o
   });
@@ -628,8 +628,8 @@ const tt = (e) => {
     ...r
   };
 };
-const Oe = "builder.userAttributes";
-function Fe() {
+const He = "builder.userAttributes";
+function Me() {
   let e = !0;
   const t = /* @__PURE__ */ new Set();
   return {
@@ -640,15 +640,15 @@ function Fe() {
         ...this.getUserAttributes(),
         ...n
       };
-      Je({
-        name: Oe,
+      Ze({
+        name: He,
         value: JSON.stringify(o),
         canTrack: e
       }), t.forEach((r) => r(o));
     },
     getUserAttributes() {
-      return E() ? JSON.parse(ke({
-        name: Oe,
+      return E() ? JSON.parse(we({
+        name: He,
         canTrack: e
       }) || "{}") : {};
     },
@@ -665,24 +665,24 @@ function Fe() {
   };
 }
 let be;
-E() && R === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = Fe()), be = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : be = Fe();
-const ae = be, _i = (e) => {
+E() && R === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = Me()), be = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : be = Me();
+const ae = be, ns = (e) => {
   ae.setUserAttributes(e);
 }, K = (e) => {
   const t = re(e) ? e : !0;
   return ae.setCanTrack(t), t;
 };
-function fn() {
+function gn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function bn() {
-  const e = fn().fetch;
+function yn() {
+  const e = gn().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 gn = bn();
+const vn = yn();
 function ge(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
@@ -695,14 +695,14 @@ function ge(e, t = null, n = ".") {
     };
   }, {});
 }
-function st(e, t, n = {}) {
+function dt(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("$")) ? st(r, i, n) : n[i] = r;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? dt(r, i, n) : n[i] = r;
   }
   return n;
 }
-function yn(e) {
+function Sn(e) {
   const t = {};
   for (const n in e) {
     const o = n.split(".");
@@ -714,7 +714,7 @@ function yn(e) {
   }
   return t;
 }
-const vn = "v3", Le = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ie = (e) => {
+const kn = "v3", ze = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ee = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -723,7 +723,7 @@ const vn = "v3", Le = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ie = (
     apiKey: i,
     enrich: s,
     locale: l,
-    apiVersion: a = vn,
+    apiVersion: a = kn,
     fields: u,
     omit: p,
     offset: f,
@@ -737,81 +737,81 @@ const vn = "v3", Le = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ie = (
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const U = t !== 1, B = P || "https://cdn.builder.io", T = new URL(`${B}/api/${a}/content/${r}`);
-  T.searchParams.set("apiKey", i), T.searchParams.set("limit", String(t)), T.searchParams.set("noTraverse", String(U)), T.searchParams.set("includeRefs", String(!0)), l && T.searchParams.set("locale", l);
+  const O = t !== 1, B = P || "https://cdn.builder.io", T = new URL(`${B}/api/${a}/content/${r}`);
+  T.searchParams.set("apiKey", i), T.searchParams.set("limit", String(t)), T.searchParams.set("noTraverse", String(O)), T.searchParams.set("includeRefs", String(!0)), l && T.searchParams.set("locale", l);
   let W = n || {};
-  if (s && T.searchParams.set("enrich", String(s)), T.searchParams.set("omit", p ?? "meta.componentsUsed"), u && T.searchParams.set("fields", u), Number.isFinite(f) && f > -1 && T.searchParams.set("offset", String(Math.floor(f))), typeof g == "boolean" && T.searchParams.set("includeUnpublished", String(g)), c && Le(c) && T.searchParams.set("cacheSeconds", String(c)), m && Le(m) && T.searchParams.set("staleCacheSeconds", String(m)), b) {
+  if (s && T.searchParams.set("enrich", String(s)), T.searchParams.set("omit", p ?? "meta.componentsUsed"), u && T.searchParams.set("fields", u), Number.isFinite(f) && f > -1 && T.searchParams.set("offset", String(Math.floor(f))), typeof g == "boolean" && T.searchParams.set("includeUnpublished", String(g)), c && ze(c) && T.searchParams.set("cacheSeconds", String(c)), m && ze(m) && T.searchParams.set("staleCacheSeconds", String(m)), b) {
     const D = ge({
       sort: b
     });
     for (const H in D)
       T.searchParams.set(H, JSON.stringify(D[H]));
   }
-  const G = {
-    ...sn(),
-    ...Ge(e.options || {})
+  const J = {
+    ...ln(),
+    ...Xe(e.options || {})
   };
   W = {
     ...W,
-    ...kn(G)
+    ...Tn(J)
   };
-  const J = ge(G);
-  for (const D in J)
-    T.searchParams.set(D, String(J[D]));
+  const G = ge(J);
+  for (const D in G)
+    T.searchParams.set(D, String(G[D]));
   if (Object.keys(W).length > 0 && T.searchParams.set("userAttributes", JSON.stringify(W)), o) {
-    const D = st({
+    const D = dt({
       query: o
     });
     for (const H in D)
       T.searchParams.set(H, JSON.stringify(D[H]));
   }
   return T;
-}, Sn = (e) => {
+}, Cn = (e) => {
   const t = {};
   for (const n in e)
     n.startsWith("userAttributes.") && (t[n] = e[n], delete e[n]);
   return t;
-}, kn = (e) => {
+}, Tn = (e) => {
   if (E() && e.preview === "BUILDER_STUDIO") {
     e["userAttributes.urlPath"] = window.location.pathname, e["userAttributes.host"] = window.location.host;
-    const t = Sn(e), {
+    const t = Cn(e), {
       userAttributes: n
-    } = yn(t);
+    } = Sn(t);
     return n;
   }
   return {};
-}, Cn = (e) => "results" in e;
-async function $e(e) {
+}, wn = (e) => "results" in e;
+async function Pe(e) {
   var o;
   const t = e.locale || ((o = e.userAttributes) == null ? void 0 : o.locale);
   t && (e.locale = t, e.userAttributes = {
     locale: t,
     ...e.userAttributes
   });
-  const n = await In({
+  const n = await Rn({
     ...e,
     limit: 1
   });
   return n && n[0] || null;
 }
-const Tn = async (e) => {
+const In = async (e) => {
   var s;
-  const t = Ie(e), n = e.fetch ?? gn, o = {
+  const t = Ee(e), n = e.fetch ?? vn, o = {
     ...e.fetchOptions,
     headers: {
       ...(s = e.fetchOptions) == null ? void 0 : s.headers,
-      ...Bt()
+      ...Nt()
     }
   };
   return await (await n(t.href, o)).json();
-}, wn = async (e, t, n = Ie(e)) => {
+}, $n = async (e, t, n = Ee(e)) => {
   const o = K(e.canTrack);
   if (n.search.includes("preview="), !o || !(E() || R === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const i of t.results)
-      r.push(await hn({
+      r.push(await bn({
         item: i,
         canTrack: o
       }));
@@ -821,17 +821,17 @@ const Tn = async (e) => {
   }
   return t.results;
 };
-async function In(e) {
-  const t = Ie(e), n = await Tn(e);
-  if (!Cn(n))
+async function Rn(e) {
+  const t = Ee(e), n = await In(e);
+  if (!wn(n))
     throw L.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), n;
-  return wn(e, n);
+  return $n(e, n);
 }
-const es = async (e) => {
+const os = 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,
@@ -843,15 +843,15 @@ const es = async (e) => {
         urlPath: t
       } : {}
     },
-    options: _e(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: ot(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await $e(n)
+    content: await Pe(n)
   };
-}, Re = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function $n(e, t, n = {}) {
+}, Ae = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+function En(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);
@@ -873,55 +873,55 @@ function X(e, ...t) {
   }
   return n;
 }
-function Rn(e) {
+function Pn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        ct(t);
+        mt(t);
         break;
       case "scrollInView":
-        Pn(t);
+        Bn(t);
         break;
     }
 }
-function at(e) {
+function ut(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function lt(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];
+function pt(e, t) {
+  const n = An(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 En(e) {
+function An(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 ct(e) {
+function mt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    at(e.elementId || e.id || "");
+    ut(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    lt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", X(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), X(n.style, e.steps[1].styles), setTimeout(() => {
+    pt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", X(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${Ae(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), X(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function Pn(e) {
+function Bn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    at(e.elementId || e.id || "");
+    ut(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    lt(e, n);
+    pt(e, n);
     let o = !1, r = !1;
     function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
@@ -930,7 +930,7 @@ function Pn(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !r && !l(n) && (o = !1, X(n.style, e.steps[0].styles));
     }
-    const s = $n(i, 200, {
+    const s = En(i, 200, {
       leading: !1
     });
     function l(p) {
@@ -942,49 +942,49 @@ function Pn(e) {
       X(n.style, a);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${Ae(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
     }), i();
   });
 }
-const dt = (e) => Object.entries(e).map(([n, o]) => {
+const ht = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Re(n)}: ${o};`;
-}).filter(re), An = (e) => dt(e).join(`
-`), ts = ({
+    return `${Ae(n)}: ${o};`;
+}).filter(re), Vn = (e) => ht(e).join(`
+`), rs = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${An(n)}
+    ${Vn(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function Bn({
+function Nn({
   style: e
 }) {
   return e;
 }
-const ns = ({
+const is = ({
   block: e,
   context: t
-}) => ut(Bn({
+}) => ft(Nn({
   style: e.style || {},
   context: t,
   block: e
 }));
-function ut(e) {
+function ft(e) {
   switch (R) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return dt(e).join(" ");
+      return ht(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -992,7 +992,7 @@ function ut(e) {
       return e;
   }
 }
-const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Vn = ({
+const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Wn = ({
   block: e,
   registeredComponents: t,
   model: n
@@ -1002,14 +1002,14 @@ const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   if (!o)
     return null;
   const r = t[o];
-  if (!r || pt(r, n)) {
+  if (!r || bt(r, n)) {
     console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
     return;
   } else
     return r;
-}, Nn = ({
+}, Dn = ({
   block: e,
   context: t
 }) => {
@@ -1042,59 +1042,59 @@ const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     },
     block: o
   }));
-}, Wn = (e, t) => {
+}, xn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, Dn = (e, t, n) => {
+}, On = (e, t, n) => {
   var o;
   return (o = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && o.builderComponents ? {
-    builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !pt(s, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !bt(s, n)))
   } : {};
-}, xn = (e, t) => {
+}, Un = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, Un = (e, t) => {
+}, Fn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, On = (e) => e.toString(), Fn = () => Promise.resolve().then(() => _n).then((e) => e.default).catch((e) => {
+}, Ln = (e) => e.toString(), Hn = () => Promise.resolve().then(() => to).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Ln = () => import("./block-wrapper-3P0_XOfk.js").then((e) => e.default).catch((e) => {
+}), Mn = () => import("./block-wrapper-8WuMQvKC.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;
-}), Hn = () => import("./component-ref-RHwChjOp.js").then((e) => e.default).catch((e) => {
+}), zn = () => import("./component-ref-Why7x4bF.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;
-}), Mn = () => import("./repeated-block-aHj4jtJt.js").then((e) => e.default).catch((e) => {
+}), jn = () => import("./repeated-block-uTpfjUj-.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;
-}), qn = () => import("./style-wrapper-kcTKCb_j.js").then((e) => e.default).catch((e) => {
+}), qn = () => import("./style-wrapper-HY1zLGB7.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component StyleWrapper at ./components/style-wrapper.vue",
     e
   ), e;
-}), jn = y({
+}), Kn = y({
   name: "block",
   components: {
     StyleWrapper: Q(qn),
-    RepeatedBlock: Q(Mn),
-    ComponentRef: Q(Hn),
-    BlockWrapper: Q(Ln),
-    DynamicDiv: Q(Fn)
+    RepeatedBlock: Q(jn),
+    ComponentRef: Q(zn),
+    BlockWrapper: Q(Mn),
+    DynamicDiv: Q(Hn)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1103,12 +1103,12 @@ const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         value: null,
         update: !1
       },
-      generateKey: On
+      generateKey: Ln
     };
   },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && Rn(
+    t && e && Pn(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -1119,14 +1119,14 @@ const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   },
   computed: {
     repeatItem() {
-      return Nn({
+      return Dn({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var t;
-      return (t = this.block.repeat) != null && t.collection ? this.block : tn({
+      return (t = this.block.repeat) != null && t.collection ? this.block : on({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -1135,7 +1135,7 @@ const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
       });
     },
     blockComponent() {
-      return Vn({
+      return Wn({
         block: this.processedBlock,
         registeredComponents: this.registeredComponents,
         model: this.context.model
@@ -1162,11 +1162,11 @@ const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...Kt(this.processedBlock, this.context),
-          ...xn(this.blockComponent, this.processedBlock),
-          ...Un(this.blockComponent, this.context),
-          ...Wn(this.blockComponent, this.linkComponent),
-          ...Dn(
+          ...Gt(this.processedBlock, this.context),
+          ...Un(this.blockComponent, this.processedBlock),
+          ...Fn(this.blockComponent, this.context),
+          ...xn(this.blockComponent, this.linkComponent),
+          ...On(
             this.blockComponent,
             this.registeredComponents,
             this.context.model
@@ -1182,7 +1182,7 @@ const pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     }
   }
 });
-function zn(e, t, n, o, r, i) {
+function Jn(e, t, n, o, r, i) {
   var f;
   const s = k("StyleWrapper"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), p = k("RepeatedBlock");
   return e.canShowBlock ? (d(), h(w, { key: 0 }, [
@@ -1248,10 +1248,10 @@ function zn(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : C("", !0);
 }
-const mt = /* @__PURE__ */ v(jn, [["render", zn]]), os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gt = /* @__PURE__ */ v(Kn, [["render", Jn]]), ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: mt
-}, Symbol.toStringTag, { value: "Module" })), Kn = y({
+  default: gt
+}, Symbol.toStringTag, { value: "Module" })), Gn = y({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -1321,7 +1321,7 @@ const mt = /* @__PURE__ */ v(jn, [["render", zn]]), os = /* @__PURE__ */ Object.
     }
   }
 });
-function Gn(e, t, n, o, r, i) {
+function Qn(e, t, n, o, r, i) {
   return d(), S(Y(e.BlocksWrapper), I({
     ref: "blocksWrapperRef",
     class: e.className + " component-5vz8uirn7sc",
@@ -1338,9 +1338,9 @@ function Gn(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Jn = /* @__PURE__ */ v(Kn, [["render", Gn], ["__scopeId", "data-v-82fc93d6"]]), Qn = y({
+const Yn = /* @__PURE__ */ v(Gn, [["render", Qn], ["__scopeId", "data-v-82fc93d6"]]), Xn = y({
   name: "builder-blocks",
-  components: { BlocksWrapper: Jn, Block: mt },
+  components: { BlocksWrapper: Yn, Block: gt },
   props: [
     "blocks",
     "parent",
@@ -1354,10 +1354,10 @@ const Jn = /* @__PURE__ */ v(Kn, [["render", Gn], ["__scopeId", "data-v-82fc93d6
   ],
   inject: {
     builderContext: he.key,
-    componentsContext: Ye.key
+    componentsContext: et.key
   }
 });
-function Yn(e, t, n, o, r, i) {
+function Zn(e, t, n, o, r, i) {
   var a, u, p, f;
   const s = k("Block"), l = k("BlocksWrapper");
   return d(), S(l, {
@@ -1385,21 +1385,21 @@ function Yn(e, t, n, o, r, i) {
     _: 3
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapperProps", "classNameProp", "BlocksWrapper"]);
 }
-const j = /* @__PURE__ */ v(Qn, [["render", Yn]]), Xn = y({
+const j = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = y({
   name: "dynamic-div",
   props: []
 });
-function Zn(e, t, n, o, r, i) {
+function eo(e, t, n, o, r, i) {
   return d(), h("div", null, [
     V(e.$slots, "default")
   ]);
 }
-const ee = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ee = /* @__PURE__ */ v(_n, [["render", eo]]), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ee
 }, Symbol.toStringTag, { value: "Module" })), ce = y({
   render() {
-    return ze("style", {
+    return Qe("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -1407,7 +1407,7 @@ const ee = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), ht = {
+}), yt = {
   xsmall: {
     min: 0,
     default: 160,
@@ -1428,8 +1428,8 @@ const ee = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.
     default: 991,
     max: 1200
   }
-}, rs = (e, t = ht) => `@media (max-width: ${t[e].max}px)`, eo = (e) => {
-  const t = Se(ht);
+}, as = (e, t = yt) => `@media (max-width: ${t[e].max}px)`, no = (e) => {
+  const t = Te(yt);
   if (!e)
     return t;
   const {
@@ -1466,11 +1466,11 @@ const ee = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.
     min: l,
     default: l + 1
   }, t;
-}, to = (e) => `builder-columns ${e}-breakpoints`, no = y({
+}, oo = (e) => `builder-columns ${e}-breakpoints`, ro = y({
   name: "builder-columns",
   components: {
     InlinedStyles: ce,
-    DynamicRenderer: Ce,
+    DynamicRenderer: Ie,
     Blocks: j,
     DynamicDiv: ee
   },
@@ -1485,7 +1485,7 @@ const ee = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.
     "builderComponents"
   ],
   data() {
-    return { TARGET: R, getColumnsClass: to };
+    return { TARGET: R, getColumnsClass: oo };
   },
   computed: {
     gutterSize() {
@@ -1564,7 +1564,7 @@ const ee = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return eo(
+      return no(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1601,13 +1601,13 @@ const ee = /* @__PURE__ */ v(Xn, [["render", Zn]]), _n = /* @__PURE__ */ Object.
         ...e.link ? {
           href: e.link
         } : {},
-        [q()]: "builder-column",
-        style: ut(this.columnCssVars(t))
+        [z()]: "builder-column",
+        style: ft(this.columnCssVars(t))
       };
     }
   }
 });
-function oo(e, t, n, o, r, i) {
+function io(e, t, n, o, r, i) {
   var u;
   const s = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
   return d(), h("div", I({
@@ -1643,32 +1643,32 @@ function oo(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const ro = /* @__PURE__ */ v(no, [["render", oo], ["__scopeId", "data-v-ab15749a"]]), io = y({
+const so = /* @__PURE__ */ v(ro, [["render", io], ["__scopeId", "data-v-ab15749a"]]), ao = y({
   name: "builder-fragment-component",
   props: []
 });
-function so(e, t, n, o, r, i) {
+function lo(e, t, n, o, r, i) {
   return d(), h("span", null, [
     V(e.$slots, "default")
   ]);
 }
-const ao = /* @__PURE__ */ v(io, [["render", so]]);
-function He(e) {
+const co = /* @__PURE__ */ v(ao, [["render", lo]]);
+function je(e) {
   return e.replace(/http(s)?:/, "");
 }
-function lo(e = "", t, n) {
+function uo(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 co(e, t) {
+function po(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return He(e);
+    return je(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 He(`${o[0]}_${i}${r}`);
+    return je(`${o[0]}_${i}${r}`);
   }
   return null;
 }
@@ -1679,11 +1679,11 @@ function te(e) {
   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) => `${lo(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${uo(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  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;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [po(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const uo = y({
+const mo = y({
   name: "builder-image",
   props: [
     "lazy",
@@ -1691,14 +1691,14 @@ const uo = y({
     "src",
     "srcset",
     "noWebp",
-    "aspectRatio",
+    "sizes",
     "highPriority",
+    "aspectRatio",
     "altText",
     "title",
     "backgroundPosition",
     "backgroundSize",
     "className",
-    "sizes",
     "builderBlock",
     "fitContent"
   ],
@@ -1723,6 +1723,9 @@ const uo = y({
       var e;
       return (e = this.srcSetToUse) != null && e.match(/builder\.io/) && !this.noWebp ? this.srcSetToUse.replace(/\?/g, "?format=webp&") : "";
     },
+    sizesToUse() {
+      return this.sizes || (this.highPriority ? void 0 : "auto");
+    },
     aspectRatioCss() {
       const e = {
         position: "absolute",
@@ -1734,20 +1737,21 @@ const uo = y({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), po = ["srcset"], mo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], ho = {
+}), ho = ["srcset", "sizes"], fo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], bo = {
   key: 2,
   class: "div-t43jfuqn6g-2"
 };
-function fo(e, t, n, o, r, i) {
+function go(e, t, n, o, r, i) {
   var s, l, a, u, p, f;
   return d(), h(w, null, [
-    z("picture", null, [
+    q("picture", null, [
       e.webpSrcSet ? (d(), h("source", {
         key: 0,
         type: "image/webp",
-        srcset: e.webpSrcSet
-      }, null, 8, po)) : C("", !0),
-      z("img", {
+        srcset: e.webpSrcSet,
+        sizes: e.sizesToUse
+      }, null, 8, ho)) : C("", !0),
+      q("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
@@ -1763,8 +1767,8 @@ function fo(e, t, n, o, r, i) {
         ),
         src: e.image,
         srcset: e.srcSetToUse,
-        sizes: e.sizes
-      }, null, 14, mo)
+        sizes: e.sizesToUse
+      }, null, 14, fo)
     ]),
     e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), h("div", {
       key: 0,
@@ -1774,19 +1778,19 @@ function fo(e, t, n, o, r, i) {
       })
     }, null, 4)) : C("", !0),
     (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? V(e.$slots, "default", { key: 1 }, void 0, !0) : C("", !0),
-    !e.fitContent && ((f = (p = e.builderBlock) == null ? void 0 : p.children) != null && f.length) ? (d(), h("div", ho, [
+    !e.fitContent && ((f = (p = e.builderBlock) == null ? void 0 : p.children) != null && f.length) ? (d(), h("div", bo, [
       V(e.$slots, "default", {}, void 0, !0)
     ])) : C("", !0)
   ], 64);
 }
-const bo = /* @__PURE__ */ v(uo, [["render", fo], ["__scopeId", "data-v-741b9bbc"]]), go = y({
+const yo = /* @__PURE__ */ v(mo, [["render", go], ["__scopeId", "data-v-17b592cd"]]), vo = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: N };
   }
 });
-function yo(e, t, n, o, r, i) {
+function So(e, t, n, o, r, i) {
   return d(), h("section", I({
     style: {
       width: "100%",
@@ -1800,12 +1804,12 @@ function yo(e, t, n, o, r, i) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     V(e.$slots, "default")
   ], 16);
 }
-const vo = /* @__PURE__ */ v(go, [["render", yo]]);
-function So(e, t, n, o) {
+const ko = /* @__PURE__ */ v(vo, [["render", So]]);
+function Co(e, t, n, o) {
   function r(u) {
     return typeof u == "string";
   }
@@ -1862,7 +1866,7 @@ function So(e, t, n, o) {
   }, a = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
   return l.startDate && new Date(l.startDate) > a || l.endDate && new Date(l.endDate) < a ? !1 : !l.query || !l.query.length ? !0 : l.query.every((u) => s(e, u));
 }
-const ko = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+const To = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1907,7 +1911,7 @@ const ko = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       thisScript.remove();
     }
   }
-}`, Co = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+}`, wo = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
   function isString(val) {
     return typeof val === 'string';
   }
@@ -1985,7 +1989,7 @@ const ko = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   return item.query.every(filter => {
     return objectMatchesQuery(userAttributes, filter);
   });
-}`, To = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+}`, Io = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
   function getCookie(name) {
     const nameEQ = name + '=';
     const ca = document.cookie.split(';');
@@ -2023,11 +2027,11 @@ const ko = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, ne = "default", wo = "filterWithCustomTargeting", ft = "builderIoPersonalization", bt = "updateVisibilityStylesScript", gt = ["react", "vue", "svelte", "qwik"], yt = ["vue", "svelte", "qwik"];
-function Io(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : yt.includes(R) ? !0 : !E();
+}`, ne = "default", qe = "filterWithCustomTargeting", ye = "builderIoPersonalization", ve = "updateVisibilityStylesScript", $o = "PersonalizationContainer", vt = ["react", "vue", "svelte", "qwik"], St = ["vue", "svelte", "qwik"];
+function Ro(e, t) {
+  return !(e && e.length > 0) || !t ? !1 : St.includes(R) ? !0 : !E();
 }
-function $o({
+function Eo({
   variants: e,
   previewingIndex: t,
   isHydrated: n,
@@ -2065,11 +2069,22 @@ function $o({
   }
   return i;
 }
-const Ro = () => `
-  window.${wo} = ${Co}
-  window.${ft} = ${ko}
-  window.${bt} = ${To}
-  `, vt = R === "react", Eo = (e, t, n) => `window.${ft}(${JSON.stringify(e)}, "${t}", ${vt}${n ? `, "${n}"` : ""})`, Po = (e, t, n) => `window.${bt}(${JSON.stringify(e)}, "${t}", ${vt}${n ? `, "${n}"` : ""})`, de = {
+const Se = (e) => {
+  var t;
+  return Array.isArray(e) ? e.some(Se) : !e || typeof e != "object" ? !1 : ((t = e.component) == null ? void 0 : t.name) === $o ? !0 : Object.values(e).some(Se);
+}, Po = (e) => Se(e), Ao = () => `
+  (function() {
+    if (!window.${qe}) {
+      window.${qe} = ${wo};
+    }
+    if (!window.${ye}) {
+      window.${ye} = ${To};
+    }
+    if (!window.${ve}) {
+      window.${ve} = ${Io};
+    }
+  })();
+  `, kt = R === "react", Bo = (e, t, n) => `window.${ye}(${JSON.stringify(e)}, "${t}", ${kt}${n ? `, "${n}"` : ""})`, Vo = (e, t, n) => `window.${ve}(${JSON.stringify(e)}, "${t}", ${kt}${n ? `, "${n}"` : ""})`, de = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2129,7 +2144,7 @@ const Ro = () => `
       }
     }
   }]
-}, Ao = {
+}, No = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -2193,7 +2208,7 @@ const Ro = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Bo = (e) => e.toString(), Vo = y({
+}, Wo = (e) => e.toString(), Do = y({
   name: "builder-accordion",
   components: { Blocks: j },
   props: [
@@ -2207,7 +2222,7 @@ const Ro = () => `
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: Bo };
+    return { open: [], convertOrderNumberToString: Wo };
   },
   computed: {
     onlyOneAtATime() {
@@ -2288,15 +2303,15 @@ const Ro = () => `
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), No = ["data-index", "onClick"];
-function Wo(e, t, n, o, r, i) {
+}), xo = ["data-index", "onClick"];
+function Oo(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("div", {
     class: "builder-accordion",
     style: M(e.accordionStyles)
   }, [
     (d(!0), h(w, null, F(e.items, (l, a) => (d(), h(w, { key: a }, [
-      z("div", {
+      q("div", {
         class: Z(e.getAccordionTitleClassName(a)),
         style: M({
           ...e.accordionTitleStyles,
@@ -2316,7 +2331,7 @@ function Wo(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, No),
+      ], 14, xo),
       e.open.includes(a) ? (d(), h("div", {
         key: 0,
         class: Z(e.getAccordionDetailClassName(a)),
@@ -2334,7 +2349,7 @@ function Wo(e, t, n, o, r, i) {
     ], 64))), 128))
   ], 4);
 }
-const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
+const Uo = /* @__PURE__ */ v(Do, [["render", Oo]]), Fo = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2370,7 +2385,7 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Uo = {
+}, Lo = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2577,13 +2592,13 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Oo = {
+}, Ho = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Ee = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Fo = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], Lo = {
+}, Be = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Mo = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], zo = {
   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",
@@ -2598,7 +2613,7 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: Ee,
+    allowedFileTypes: Be,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -2665,7 +2680,8 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
   }, {
     name: "sizes",
     type: "string",
-    hideFromUI: !0
+    advanced: !0,
+    helperText: 'The sizes attribute for responsive images, e.g. "(max-width: 600px) 100vw, 50vw"'
   }, {
     name: "srcset",
     type: "string",
@@ -2695,7 +2711,7 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Ho = {
+}, jo = {
   name: "PersonalizationContainer",
   shouldReceiveBuilderProps: {
     builderBlock: !0,
@@ -2731,9 +2747,9 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
       defaultValue: []
     }]
   }]
-}, Pe = y({
+}, Ve = y({
   render() {
-    return ze("script", {
+    return Qe("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id,
       nonce: this.nonce
@@ -2741,12 +2757,12 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
   },
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
-}), Mo = y({
+}), qo = y({
   name: "builder-personalization-container",
   components: {
     Blocks: j,
     InlinedStyles: ce,
-    InlinedScript: Pe
+    InlinedScript: Ve
   },
   props: [
     "builderContext",
@@ -2760,25 +2776,25 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
     var e, t, n, o, r, i, s;
     return {
       userAttributes: ae.getUserAttributes(),
-      scriptStr: Eo(
+      scriptStr: Bo(
         this.variants,
         ((e = this.builderBlock) == null ? void 0 : e.id) || "none",
         (n = (t = this.builderContext) == null ? void 0 : t.rootState) == null ? void 0 : n.locale
       ),
-      updateVisibilityStylesScript: Po(
+      updateVisibilityStylesScript: Vo(
         this.variants,
         ((o = this.builderBlock) == null ? void 0 : o.id) || "none",
         (i = (r = this.builderContext) == null ? void 0 : r.rootState) == null ? void 0 : i.locale
       ),
       unsubscribers: [],
-      shouldRenderVariants: Io(
+      shouldRenderVariants: Ro(
         this.variants,
         K((s = this.builderContext) == null ? void 0 : s.canTrack)
       ),
       shouldResetVariants: !1,
       TARGET: R,
       DEFAULT_INDEX: ne,
-      SDKS_REQUIRING_RESET_APPROACH: yt
+      SDKS_REQUIRING_RESET_APPROACH: St
     };
   },
   mounted() {
@@ -2792,7 +2808,7 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
         fireImmediately: R === "qwik"
       }
     );
-    if (!(A() || Te())) {
+    if (!(A() || $e())) {
       const n = this.filteredVariants[0];
       this.$refs.rootRef && (this.$refs.rootRef.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
@@ -2827,13 +2843,13 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
       return {
         ...N(this.attributes, "v-on:", !1),
         ...N(this.attributes, "v-on:", !0),
-        [q()]: `builder-personalization-container ${this.attributes[q()] || ""}`
+        [z()]: `builder-personalization-container ${this.attributes[z()] || ""}`
       };
     },
     filteredVariants() {
       return (this.variants || []).filter((e) => {
         var t, n, o, r;
-        return So(
+        return Co(
           {
             ...(n = (t = this.builderContext) == null ? void 0 : t.rootState) != null && n.locale ? {
               locale: (r = (o = this.builderContext) == null ? void 0 : o.rootState) == null ? void 0 : r.locale
@@ -2848,7 +2864,7 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
     },
     blocksToRender() {
       var e;
-      return $o({
+      return Eo({
         variants: this.variants,
         fallbackBlocks: (e = this.builderBlock) == null ? void 0 : e.children,
         isHydrated: this.shouldResetVariants,
@@ -2866,8 +2882,8 @@ const Do = /* @__PURE__ */ v(Vo, [["render", Wo]]), xo = {
     }
   }
 });
-function qo(e, t, n, o, r, i) {
-  var u, p, f, c, m, b, g, P, U, B;
+function Ko(e, t, n, o, r, i) {
+  var u, p, f, c, m, b, g, P, O, B;
   const s = k("Blocks"), l = k("InlinedStyles"), a = k("InlinedScript");
   return d(), h("div", I({ ref: "rootRef" }, e.attrs), [
     e.shouldResetVariants && e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) ? (d(), S(s, {
@@ -2895,11 +2911,11 @@ function qo(e, t, n, o, r, i) {
           id: `variants-visibility-script-${(g = e.builderBlock) == null ? void 0 : g.id}`
         }, null, 8, ["nonce", "scriptStr", "id"]),
         (d(!0), h(w, null, F(e.variants, (T, W) => {
-          var G, J, D, H;
+          var J, G, D, H;
           return d(), S(s, {
-            key: `${(G = e.builderBlock) == null ? void 0 : G.id}-${W}`,
+            key: `${(J = e.builderBlock) == null ? void 0 : J.id}-${W}`,
             BlocksWrapperProps: {
-              ...(J = e.builderContext) == null ? void 0 : J.BlocksWrapperProps,
+              ...(G = e.builderContext) == null ? void 0 : G.BlocksWrapperProps,
               "aria-hidden": !0,
               hidden: !0,
               "data-variant-id": `${(D = e.builderBlock) == null ? void 0 : D.id}-${W}`
@@ -2911,12 +2927,12 @@ function qo(e, t, n, o, r, i) {
             registeredComponents: e.builderComponents
           }, {
             default: x(() => {
-              var Be, Ve;
+              var We, De;
               return [
                 $(a, {
-                  nonce: ((Be = e.builderContext) == null ? void 0 : Be.nonce) || "",
+                  nonce: ((We = e.builderContext) == null ? void 0 : We.nonce) || "",
                   scriptStr: e.scriptStr,
-                  id: `variants-script-${(Ve = e.builderBlock) == null ? void 0 : Ve.id}-${W}`
+                  id: `variants-script-${(De = e.builderBlock) == null ? void 0 : De.id}-${W}`
                 }, null, 8, ["nonce", "scriptStr", "id"])
               ];
             }),
@@ -2931,7 +2947,7 @@ function qo(e, t, n, o, r, i) {
         context: e.builderContext,
         registeredComponents: e.builderComponents,
         BlocksWrapperProps: {
-          ...(U = e.builderContext) == null ? void 0 : U.BlocksWrapperProps,
+          ...(O = e.builderContext) == null ? void 0 : O.BlocksWrapperProps,
           "data-variant-id": `${(B = e.builderBlock) == null ? void 0 : B.id}-${e.blocksToRender.index}`
         }
       }, {
@@ -2951,7 +2967,7 @@ function qo(e, t, n, o, r, i) {
     ], 64)) : C("", !0)
   ], 16);
 }
-const jo = /* @__PURE__ */ v(Mo, [["render", qo]]), zo = {
+const Jo = /* @__PURE__ */ v(qo, [["render", Ko]]), Go = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2990,7 +3006,7 @@ const jo = /* @__PURE__ */ v(Mo, [["render", qo]]), zo = {
       }
     }
   }]
-}, Ko = {
+}, Qo = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -3007,12 +3023,12 @@ const jo = /* @__PURE__ */ v(Mo, [["render", qo]]), zo = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Go = y({
+}, Yo = y({
   name: "builder-slot",
   components: { Blocks: j },
   props: ["builderContext", "name", "builderComponents"]
 });
-function Jo(e, t, n, o, r, i) {
+function Xo(e, t, n, o, r, i) {
   var l, a, u;
   const s = k("Blocks");
   return d(), h("div", I(
@@ -3032,7 +3048,7 @@ function Jo(e, t, n, o, r, i) {
     }, null, 8, ["parent", "path", "context", "registeredComponents", "blocks"])
   ], 16);
 }
-const Qo = /* @__PURE__ */ v(Go, [["render", Jo]]), Yo = {
+const Zo = /* @__PURE__ */ v(Yo, [["render", Xo]]), _o = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -3109,7 +3125,7 @@ const Qo = /* @__PURE__ */ v(Go, [["render", Jo]]), Yo = {
       text: "New tab content "
     }
   }
-}, Xo = {
+}, er = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -3212,7 +3228,7 @@ const Qo = /* @__PURE__ */ v(Go, [["render", Jo]]), Yo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Zo = y({
+}, tr = y({
   name: "builder-tabs",
   components: { Blocks: j },
   props: [
@@ -3240,11 +3256,11 @@ const Qo = /* @__PURE__ */ v(Go, [["render", Jo]]), Yo = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), _o = ["onClick"], er = { key: 0 };
-function tr(e, t, n, o, r, i) {
+}), nr = ["onClick"], or = { key: 0 };
+function rr(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("div", null, [
-    z("div", {
+    q("div", {
       class: "builder-tabs-wrap",
       style: M({
         display: "flex",
@@ -3267,9 +3283,9 @@ function tr(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, _o))), 128))
+      ], 14, nr))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), h("div", er, [
+    e.activeTabContent(e.activeTab) ? (d(), h("div", or, [
       $(s, {
         parent: e.builderBlock.id,
         path: `tabs.${e.activeTab}.content`,
@@ -3281,7 +3297,7 @@ function tr(e, t, n, o, r, i) {
     ])) : C("", !0)
   ]);
 }
-const nr = /* @__PURE__ */ v(Zo, [["render", tr]]), or = {
+const ir = /* @__PURE__ */ v(tr, [["render", rr]]), sr = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
@@ -3299,11 +3315,11 @@ const nr = /* @__PURE__ */ v(Zo, [["render", tr]]), or = {
     height: "auto",
     textAlign: "center"
   }
-}, rr = y({
+}, ar = y({
   name: "builder-text",
   props: ["text"]
-}), ir = ["innerHTML"];
-function sr(e, t, n, o, r, i) {
+}), lr = ["innerHTML"];
+function cr(e, t, n, o, r, i) {
   var s;
   return d(), h("div", {
     class: "builder-text",
@@ -3311,9 +3327,9 @@ function sr(e, t, n, o, r, i) {
     style: {
       outline: "none"
     }
-  }, null, 8, ir);
+  }, null, 8, lr);
 }
-const ar = /* @__PURE__ */ v(rr, [["render", sr]]), lr = {
+const dr = /* @__PURE__ */ v(ar, [["render", cr]]), ur = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -3335,7 +3351,7 @@ const ar = /* @__PURE__ */ v(rr, [["render", sr]]), lr = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, cr = y({
+}, pr = y({
   name: "builder-custom-code",
   props: ["code", "replaceNodes"],
   data() {
@@ -3394,15 +3410,15 @@ const ar = /* @__PURE__ */ v(rr, [["render", sr]]), lr = {
       }
     }
   }
-}), dr = ["innerHTML"];
-function ur(e, t, n, o, r, i) {
+}), mr = ["innerHTML"];
+function hr(e, t, n, o, r, i) {
   return d(), h("div", {
     ref: "elementRef",
     class: Z("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, dr);
+  }, null, 10, mr);
 }
-const pr = /* @__PURE__ */ v(cr, [["render", ur]]), mr = {
+const fr = /* @__PURE__ */ v(pr, [["render", hr]]), br = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3417,7 +3433,7 @@ const pr = /* @__PURE__ */ v(cr, [["render", ur]]), mr = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, hr = ["text/javascript", "application/javascript", "application/ecmascript"], fr = (e) => hr.includes(e.type), br = y({
+}, gr = ["text/javascript", "application/javascript", "application/ecmascript"], yr = (e) => gr.includes(e.type), vr = y({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -3450,7 +3466,7 @@ const pr = /* @__PURE__ */ v(cr, [["render", ur]]), mr = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (fr(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (yr(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -3459,15 +3475,15 @@ const pr = /* @__PURE__ */ v(cr, [["render", ur]]), mr = {
       }
     }
   }
-}), gr = ["innerHTML"];
-function yr(e, t, n, o, r, i) {
+}), Sr = ["innerHTML"];
+function kr(e, t, n, o, r, i) {
   return d(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, gr);
+  }, null, 8, Sr);
 }
-const vr = /* @__PURE__ */ v(br, [["render", yr]]), Sr = {
+const Cr = /* @__PURE__ */ v(vr, [["render", kr]]), Tr = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -3704,10 +3720,10 @@ const vr = /* @__PURE__ */ v(br, [["render", yr]]), Sr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, kr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Cr = () => {
+}, wr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Ir = () => {
   const e = process.env.NODE_ENV || "production";
-  return kr.includes(e) ? e : "production";
-}, Tr = y({
+  return wr.includes(e) ? e : "production";
+}, $r = y({
   name: "builder-form-component",
   components: { Blocks: j },
   props: [
@@ -3800,7 +3816,7 @@ const vr = /* @__PURE__ */ v(br, [["render", yr]]), Sr = {
         else {
           const c = {};
           Array.from(l).forEach(({ value: m, key: b }) => {
-            Ke(c, b, m);
+            Ye(c, b, m);
           }), i = JSON.stringify(c);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
@@ -3818,10 +3834,10 @@ const vr = /* @__PURE__ */ v(br, [["render", yr]]), Sr = {
           });
           return;
         }
-        const p = `${Cr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const p = `${Ir() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`, f = this.sendSubmissionsTo === "email" ? p : this.action;
-        Qe(f), fetch(f, {
+        _e(f), fetch(f, {
           body: i,
           headers: r,
           method: this.method || "post"
@@ -3831,32 +3847,32 @@ const vr = /* @__PURE__ */ v(br, [["render", yr]]), Sr = {
             let m;
             const b = c.headers.get("content-type");
             if (b && b.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok) {
-              const U = new CustomEvent("submit:error", {
+              const O = new CustomEvent("submit:error", {
                 detail: {
                   error: m,
                   status: c.status
                 }
               });
               if ((g = this.$refs.formRef) != null && g.nativeElement && ((P = this.$refs.formRef) == null || P.nativeElement.dispatchEvent(
-                U
-              ), U.defaultPrevented))
+                O
+              ), O.defaultPrevented))
                 return;
               this.responseData = m, this.formState = "error";
-              let B = this.errorMessagePath ? Xe(m, this.errorMessagePath) : m.message || m.error || m;
+              let B = this.errorMessagePath ? tt(m, this.errorMessagePath) : m.message || m.error || m;
               typeof B != "string" && (B = JSON.stringify(B)), this.formErrorMessage = B, this.mergeNewRootState({
                 formErrorMessage: B
               });
               return;
             }
             if (this.responseData = m, this.formState = c.ok ? "success" : "error", c.ok) {
-              const U = new CustomEvent("submit:success", {
+              const O = new CustomEvent("submit:success", {
                 detail: {
                   res: c,
                   body: m
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(U), U.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(O), O.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
@@ -3884,11 +3900,11 @@ const vr = /* @__PURE__ */ v(br, [["render", yr]]), Sr = {
       }
     }
   }
-}), wr = ["validate", "action", "method", "name"], Ir = {
+}), Rr = ["validate", "action", "method", "name"], Er = {
   key: 2,
   class: "builder-form-error-text pre-2oa2wtipkzk"
 };
-function $r(e, t, n, o, r, i) {
+function Pr(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("form", I({
     validate: e.validate,
@@ -3897,7 +3913,7 @@ function $r(e, t, n, o, r, i) {
     method: e.method,
     name: e.name,
     onSubmit: t[0] || (t[0] = async (l) => e.onSubmit(l))
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     V(e.$slots, "default", {}, void 0, !0),
     e.submissionState() === "error" ? (d(), S(s, {
       key: 0,
@@ -3911,16 +3927,16 @@ function $r(e, t, n, o, r, i) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : C("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), h("pre", Ir, le(e.errorResponse(e.responseData)), 1)) : C("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), h("pre", Er, le(e.errorResponse(e.responseData)), 1)) : C("", !0),
     e.submissionState() === "success" ? (d(), S(s, {
       key: 3,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : C("", !0)
-  ], 16, wr);
+  ], 16, Rr);
 }
-const Rr = /* @__PURE__ */ v(Tr, [["render", $r], ["__scopeId", "data-v-77c7888c"]]), Er = {
+const Ar = /* @__PURE__ */ v($r, [["render", Pr], ["__scopeId", "data-v-77c7888c"]]), Br = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3971,7 +3987,7 @@ const Rr = /* @__PURE__ */ v(Tr, [["render", $r], ["__scopeId", "data-v-77c7888c
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Pr = y({
+}, Vr = y({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -3985,8 +4001,8 @@ const Rr = /* @__PURE__ */ v(Tr, [["render", $r], ["__scopeId", "data-v-77c7888c
   data() {
     return { isEditing: A, filterAttrs: N };
   }
-}), Ar = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Br(e, t, n, o, r, i) {
+}), Nr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Wr(e, t, n, o, r, i) {
   return d(), h("input", I({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -3995,9 +4011,9 @@ function Br(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ar);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Nr);
 }
-const Vr = /* @__PURE__ */ v(Pr, [["render", Br]]), Nr = {
+const Dr = /* @__PURE__ */ v(Vr, [["render", Wr]]), xr = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -4039,28 +4055,28 @@ const Vr = /* @__PURE__ */ v(Pr, [["render", Br]]), Nr = {
   }],
   static: !0,
   noWrap: !0
-}, Wr = y({
+}, Or = y({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
     return { isEditing: A, filterAttrs: N };
   }
-}), Dr = ["value", "defaultValue", "name", "required"], xr = ["value"];
-function Ur(e, t, n, o, r, i) {
+}), Ur = ["value", "defaultValue", "name", "required"], Fr = ["value"];
+function Lr(e, t, n, o, r, i) {
   return d(), h("select", I({
     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), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     (d(!0), h(w, null, F(e.options, (s, l) => (d(), h("option", {
       key: `${s.name}-${l}`,
       value: s.value
-    }, le(s.name || s.value), 9, xr))), 128))
-  ], 16, Dr);
+    }, le(s.name || s.value), 9, Fr))), 128))
+  ], 16, Ur);
 }
-const Or = /* @__PURE__ */ v(Wr, [["render", Ur]]), Fr = {
+const Hr = /* @__PURE__ */ v(Or, [["render", Lr]]), Mr = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -4085,17 +4101,17 @@ const Or = /* @__PURE__ */ v(Wr, [["render", Ur]]), Fr = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Lr = y({
+}, zr = y({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: N };
   }
 });
-function Hr(e, t, n, o, r, i) {
-  return d(), h("button", I({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17);
+function jr(e, t, n, o, r, i) {
+  return d(), h("button", I({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), le(e.text), 17);
 }
-const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), qr = {
+const qr = /* @__PURE__ */ v(zr, [["render", jr]]), Kr = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -4131,7 +4147,7 @@ const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), qr = {
   },
   static: !0,
   noWrap: !0
-}, jr = y({
+}, Jr = y({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -4144,17 +4160,17 @@ const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), qr = {
   data() {
     return { filterAttrs: N };
   }
-}), zr = ["placeholder", "name", "value", "defaultValue", "required"];
-function Kr(e, t, n, o, r, i) {
+}), Gr = ["placeholder", "name", "value", "defaultValue", "required"];
+function Qr(e, t, n, o, r, i) {
   return d(), h("textarea", I({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, zr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Gr);
 }
-const Gr = /* @__PURE__ */ v(jr, [["render", Kr]]), Jr = {
+const Yr = /* @__PURE__ */ v(Jr, [["render", Qr]]), Xr = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -4162,7 +4178,7 @@ const Gr = /* @__PURE__ */ v(jr, [["render", Kr]]), Jr = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: Ee,
+    allowedFileTypes: Be,
     required: !0
   }, {
     name: "backgroundSize",
@@ -4198,7 +4214,7 @@ const Gr = /* @__PURE__ */ v(jr, [["render", Kr]]), Jr = {
     defaultValue: 0.7041
   }],
   noWrap: !0
-}, Qr = y({
+}, Zr = y({
   name: "builder-img-component",
   props: [
     "imgSrc",
@@ -4223,13 +4239,13 @@ const Gr = /* @__PURE__ */ v(jr, [["render", Kr]]), Jr = {
       const e = {
         ...N(this.attributes, "v-on:", !1),
         ...N(this.attributes, "v-on:", !0),
-        [q()]: `builder-raw-img ${this.attributes[q()] || ""}`
+        [z()]: `builder-raw-img ${this.attributes[z()] || ""}`
       };
       return delete e.style, e;
     }
   }
-}), Yr = ["alt", "title", "src"];
-function Xr(e, t, n, o, r, i) {
+}), _r = ["alt", "title", "src"];
+function ei(e, t, n, o, r, i) {
   var s;
   return d(), h("img", I({
     loading: "lazy",
@@ -4243,9 +4259,9 @@ function Xr(e, t, n, o, r, i) {
       aspectRatio: e.aspectRatio || void 0,
       ...((s = e.attributes) == null ? void 0 : s.style) || {}
     }
-  }, e.imgAttrs), null, 16, Yr);
+  }, e.imgAttrs), null, 16, _r);
 }
-const Zr = /* @__PURE__ */ v(Qr, [["render", Xr]]), _r = {
+const ti = /* @__PURE__ */ v(Zr, [["render", ei]]), ni = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -4256,14 +4272,14 @@ const Zr = /* @__PURE__ */ v(Qr, [["render", Xr]]), _r = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: Fo,
+    allowedFileTypes: Mo,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
   }, {
     name: "posterImage",
     type: "file",
-    allowedFileTypes: Ee,
+    allowedFileTypes: Be,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -4329,7 +4345,7 @@ const Zr = /* @__PURE__ */ v(Qr, [["render", Xr]]), _r = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, ei = y({
+}, oi = y({
   name: "builder-video",
   props: [
     "lazyLoad",
@@ -4402,16 +4418,16 @@ const Zr = /* @__PURE__ */ v(Qr, [["render", Xr]]), _r = {
       };
     }
   }
-}), ti = { style: {
+}), ri = { style: {
   position: "relative"
-} }, ni = ["preload", "poster"], oi = {
+} }, ii = ["preload", "poster"], si = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, ri = {
+}, ai = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -4425,10 +4441,10 @@ const Zr = /* @__PURE__ */ v(Qr, [["render", Xr]]), _r = {
     height: "100%"
   }
 };
-function ii(e, t, n, o, r, i) {
+function li(e, t, n, o, r, i) {
   var s, l, a, u, p, f, c;
-  return d(), h("div", ti, [
-    z("video", I({
+  return d(), h("div", ri, [
+    q("video", I({
       class: "builder-video",
       ref: "videoRef",
       preload: e.lazyLoad ? "none" : e.preload || "metadata",
@@ -4447,7 +4463,7 @@ function ii(e, t, n, o, r, i) {
       },
       poster: e.posterImage
     }, e.spreadProps), [
-      z("source", I(
+      q("source", I(
         { type: "video/mp4" },
         e.lazyLoad ? {
           "data-src": e.video
@@ -4455,7 +4471,7 @@ function ii(e, t, n, o, r, i) {
           src: e.video
         }
       ), null, 16)
-    ], 16, ni),
+    ], 16, ii),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), h("div", {
       key: 0,
       style: M({
@@ -4465,75 +4481,75 @@ function ii(e, t, n, o, r, i) {
         fontSize: "0px"
       })
     }, null, 4)) : C("", !0),
-    (p = (u = e.builderBlock) == null ? void 0 : u.children) != null && p.length && e.fitContent ? (d(), h("div", oi, [
+    (p = (u = e.builderBlock) == null ? void 0 : u.children) != null && p.length && e.fitContent ? (d(), h("div", si, [
       V(e.$slots, "default")
     ])) : C("", !0),
-    (c = (f = e.builderBlock) == null ? void 0 : f.children) != null && c.length && !e.fitContent ? (d(), h("div", ri, [
+    (c = (f = e.builderBlock) == null ? void 0 : f.children) != null && c.length && !e.fitContent ? (d(), h("div", ai, [
       V(e.$slots, "default")
     ])) : C("", !0)
   ]);
 }
-const si = /* @__PURE__ */ v(ei, [["render", ii]]), ai = () => [{
-  component: pr,
-  ...lr
-}, {
-  component: vr,
-  ...mr
-}, {
-  component: Rr,
-  ...Sr
+const ci = /* @__PURE__ */ v(oi, [["render", li]]), di = () => [{
+  component: fr,
+  ...ur
 }, {
-  component: Vr,
-  ...Er
+  component: Cr,
+  ...br
 }, {
-  component: Mr,
-  ...Fr
+  component: Ar,
+  ...Tr
 }, {
-  component: Or,
-  ...Nr
+  component: Dr,
+  ...Br
 }, {
-  component: Gr,
-  ...qr
+  component: qr,
+  ...Mr
 }, {
-  component: Zr,
-  ...Jr
+  component: Hr,
+  ...xr
 }, {
-  component: si,
-  ..._r
-}], Me = () => [{
-  component: Ot,
-  ...xo
+  component: Yr,
+  ...Kr
 }, {
-  component: ro,
-  ...Uo
+  component: ti,
+  ...Xr
 }, {
-  component: ao,
-  ...Oo
+  component: ci,
+  ...ni
+}], Ke = () => [{
+  component: Lt,
+  ...Fo
 }, {
-  component: bo,
+  component: so,
   ...Lo
 }, {
-  component: vo,
+  component: co,
+  ...Ho
+}, {
+  component: yo,
   ...zo
 }, {
-  component: Qo,
-  ...Ko
+  component: ko,
+  ...Go
 }, {
-  component: zi,
-  ...Yo
+  component: Zo,
+  ...Qo
 }, {
-  component: ar,
-  ...or
-}, ...gt.includes(R) ? [{
-  component: jo,
-  ...Ho
+  component: Gi,
+  ..._o
+}, {
+  component: dr,
+  ...sr
+}, ...vt.includes(R) ? [{
+  component: Jo,
+  ...jo
 }] : [], {
-  component: nr,
-  ...Xo
+  component: ir,
+  ...er
 }, {
-  component: Do,
-  ...Ao
-}, ...ai()], li = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
+  component: Uo,
+  ...No
+}, ...di()], ui = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4592,7 +4608,7 @@ const si = /* @__PURE__ */ v(ei, [["render", ii]]), ai = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, ci = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, pi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4626,37 +4642,37 @@ const si = /* @__PURE__ */ v(ei, [["render", ii]]), ai = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, ye = "builderIoAbTest", ve = "builderIoRenderContent", oe = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ke = "builderIoAbTest", Ce = "builderIoRenderContent", oe = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), di = ({
+})), mi = ({
   canTrack: e,
   content: t
-}) => !(!(oe(t).length > 0) || !e), ui = (e) => e === "react" || e === "reactNative", pi = R === "angular", Ae = ui(R), mi = () => `
+}) => !(!(oe(t).length > 0) || !e), hi = (e) => e === "react" || e === "reactNative", fi = R === "angular", Ne = hi(R), bi = () => `
   (function() {
-    if (!window.${ye}) {
-      window.${ye} = ${li};
+    if (!window.${ke}) {
+      window.${ke} = ${ui};
     }
-    if (!window.${ve}) {
-      window.${ve} = ${ci};
-    }${Ae ? `
+    if (!window.${Ce}) {
+      window.${Ce} = ${pi};
+    }${Ne ? `
     var thisScriptEl = document.currentScript;
     if (thisScriptEl) { thisScriptEl.remove(); }` : ""}
   })();
-  `, hi = (e, t) => `
-  window.${ye}(
-    "${t}",${JSON.stringify(e)}, ${Ae}, ${pi}
-  )`, fi = ({
+  `, gi = (e, t) => `
+  window.${ke}(
+    "${t}",${JSON.stringify(e)}, ${Ne}, ${fi}
+  )`, yi = ({
   contentId: e,
   variationId: t
-}) => `window.${ve}(
-    "${t}", "${e}", ${Ae}
+}) => `window.${Ce}(
+    "${t}", "${e}", ${Ne}
   )`;
-function qe(e) {
+function Je(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const bi = (e, t, n = !0) => {
+const vi = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -4667,35 +4683,35 @@ const bi = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, gi = (e) => bi(e, (t) => {
+}, Si = (e) => vi(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), je = ({
+}), Ge = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = qe(o / n.width), s = qe(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Je(o / n.width), s = Je(r / n.height);
   return {
     x: i,
     y: s
   };
-}, yi = (e) => {
-  const t = e.target, n = t && gi(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ki = (e) => {
+  const t = e.target, n = t && Si(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? je({
+      targetOffset: t ? Ge({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? je({
+      builderTargetOffset: n ? Ge({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, vi = ["svelte", "qwik", "vue"], Si = () => vi.includes(R) && (A() || Te()), ki = (e) => {
+}, Ci = ["svelte", "qwik", "vue"], Ti = () => Ci.includes(R) && (A() || $e()), wi = (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 = "";
@@ -4721,15 +4737,15 @@ font-weight: ${s};
         `.trim());
     }
   return r;
-}, Ci = ({
+}, Ii = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ki(n))) == null ? void 0 : t.join(" ")) || "";
-}, Ti = ({
+  return ((t = e == null ? void 0 : e.map((n) => wi(n))) == null ? void 0 : t.join(" ")) || "";
+}, $i = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", wi = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ri = `
 .builder-button {
   all: unset;
 }
@@ -4746,7 +4762,7 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, Ii = (e) => e ? "" : wi, $i = (e) => `variant-${e}`, Ri = y({
+`, Ei = (e) => e ? "" : Ri, Pi = (e) => `variant-${e}`, Ai = y({
   name: "enable-editor",
   components: { DynamicDiv: ee },
   props: [
@@ -4772,13 +4788,14 @@ font-weight: ${s};
       contextValue: this.builderContextSignal,
       prevData: null,
       prevLocale: "",
+      prevContent: null,
       ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
       builderContext: he,
-      needsElementRefDivForEditing: Si,
-      getWrapperClassName: $i
+      needsElementRefDivForEditing: Ti,
+      getWrapperClassName: Pi
     };
   },
   provide() {
@@ -4796,13 +4813,13 @@ font-weight: ${s};
       A() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
       );
-      const o = this.builderContextSignal.content && K(this.canTrack), r = ke({
+      const o = this.builderContextSignal.content && K(this.canTrack), r = we({
         name: `builder.tests.${(e = this.builderContextSignal.content) == null ? void 0 : e.id}`,
         canTrack: !0
       }), i = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId;
       if (o && i === r) {
         const s = (n = this.builderContextSignal.content) == null ? void 0 : n.id, l = this.apiKey;
-        Ne({
+        xe({
           apiHost: this.apiHost,
           type: "impression",
           canTrack: !0,
@@ -4811,7 +4828,7 @@ font-weight: ${s};
           variationId: r !== s ? r : void 0
         });
       }
-      Te() && !A() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      $e() && !A() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -4913,7 +4930,7 @@ font-weight: ${s};
       this.builderContextSignal.content = n;
     },
     processMessage(e) {
-      return nt({
+      return st({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4927,7 +4944,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            ct(t);
+            mt(t);
           },
           contentUpdate: (t, n) => {
             this.mergeNewContent(t, n);
@@ -4942,14 +4959,14 @@ font-weight: ${s};
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        Ne({
+        xe({
           apiHost: this.apiHost,
           type: "click",
           canTrack: K(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...yi(e),
+          ...ki(e),
           unique: !this.clicked
         });
       }
@@ -4987,7 +5004,7 @@ font-weight: ${s};
             url: l,
             method: "GET"
           };
-          Qe(JSON.stringify(a));
+          _e(JSON.stringify(a));
           const u = {
             method: a.method,
             headers: a.headers,
@@ -5015,7 +5032,7 @@ font-weight: ${s};
           "builder:component:stateChange",
           {
             detail: {
-              state: Se(this.builderContextSignal.rootState),
+              state: Te(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -5025,7 +5042,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), tt({
+      window.addEventListener("message", this.processMessage), it({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -5042,7 +5059,7 @@ font-weight: ${s};
       ).forEach((t) => {
         var n, o;
         if (!((n = t.models) != null && n.length) || t.models.includes(this.model)) {
-          const r = nn(t);
+          const r = rn(t);
           (o = window.parent) == null || o.postMessage(r, "*");
         }
       }), window.addEventListener(
@@ -5055,7 +5072,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 === "BUILDER_STUDIO" || n === this.model && r === this.apiKey && (!this.content || o === this.content.id)) && $e({
+      (n === "BUILDER_STUDIO" || n === this.model && r === this.apiKey && (!this.content || o === this.content.id)) && Pe({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion,
@@ -5070,7 +5087,7 @@ font-weight: ${s};
     }
   }
 });
-function Ei(e, t, n, o, r, i) {
+function Bi(e, t, n, o, r, i) {
   var s, l, a;
   return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(Y(e.ContentWrapper), I({
     key: 0,
@@ -5091,26 +5108,26 @@ function Ei(e, t, n, o, r, i) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : C("", !0);
 }
-const Pi = /* @__PURE__ */ v(Ri, [["render", Ei]]), Ai = y({
+const Vi = /* @__PURE__ */ v(Ai, [["render", Bi]]), Ni = y({
   name: "content-styles",
   components: { InlinedStyles: ce },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${Ti({
+${$i({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Ci({
+${Ii({
         customFonts: this.customFonts
       })}
-${Ii(this.isNestedRender)}
+${Ei(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function Bi(e, t, n, o, r, i) {
+function Wi(e, t, n, o, r, i) {
   const s = k("InlinedStyles");
   return d(), S(s, {
     id: "builderio-content",
@@ -5118,7 +5135,7 @@ function Bi(e, t, n, o, r, i) {
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const Vi = /* @__PURE__ */ v(Ai, [["render", Bi]]), Ni = ({
+const Di = /* @__PURE__ */ v(Ni, [["render", Wi]]), xi = ({
   content: e,
   data: t,
   locale: n
@@ -5135,7 +5152,7 @@ const Vi = /* @__PURE__ */ v(Ai, [["render", Bi]]), Ni = ({
       locale: n
     } : {}
   };
-}, Wi = ({
+}, Oi = ({
   content: e,
   data: t
 }) => e ? {
@@ -5145,12 +5162,12 @@ const Vi = /* @__PURE__ */ v(Ai, [["render", Bi]]), Ni = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Di = kt, xi = y({
+} : void 0, Ui = Tt, Fi = y({
   name: "content-component",
   components: {
-    EnableEditor: Pi,
-    InlinedScript: Pe,
-    ContentStyles: Vi,
+    EnableEditor: Vi,
+    InlinedScript: Ve,
+    ContentStyles: Di,
     Blocks: j,
     DynamicDiv: ee
   },
@@ -5180,32 +5197,32 @@ const Vi = /* @__PURE__ */ v(Ai, [["render", Bi]]), Ni = ({
   data() {
     var e, t;
     return {
-      scriptStr: fi({
+      scriptStr: yi({
         // 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: [
-        ...Me(),
+        ...Ke(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: Di(o),
+            component: Ui(o),
             ...se(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Wi({
+        content: Oi({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Ni({
+        rootState: xi({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -5216,7 +5233,7 @@ const Vi = /* @__PURE__ */ v(Ai, [["render", Bi]]), Ni = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...Me(),
+          ...Ke(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
@@ -5237,7 +5254,7 @@ const Vi = /* @__PURE__ */ v(Ai, [["render", Bi]]), Ni = ({
   provide() {
     const e = this;
     return {
-      [Ye.key]: {
+      [et.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -5281,7 +5298,7 @@ const Vi = /* @__PURE__ */ v(Ai, [["render", Bi]]), Ni = ({
     }
   }
 });
-function Ui(e, t, n, o, r, i) {
+function Li(e, t, n, o, r, i) {
   const s = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
   return d(), S(u, I({
     apiHost: e.apiHost,
@@ -5329,19 +5346,19 @@ function Ui(e, t, n, o, r, i) {
     _: 1
   }, 16, ["apiHost", "nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts", "isNestedRender"]);
 }
-const Oi = /* @__PURE__ */ v(xi, [["render", Ui]]), Fi = y({
+const Hi = /* @__PURE__ */ v(Fi, [["render", Li]]), Mi = y({
   name: "content-variants",
   components: {
-    InlinedScript: Pe,
+    InlinedScript: Ve,
     InlinedStyles: ce,
-    ContentComponent: Oi
+    ContentComponent: Hi
   },
   props: [
     "canTrack",
     "content",
-    "isNestedRender",
     "nonce",
     "apiHost",
+    "isNestedRender",
     "model",
     "data",
     "context",
@@ -5359,14 +5376,15 @@ const Oi = /* @__PURE__ */ v(xi, [["render", Ui]]), Fi = y({
   ],
   data() {
     return {
-      shouldRenderVariants: di({
+      shouldRenderVariants: mi({
         canTrack: K(this.canTrack),
         content: this.content
       }),
-      SDKS_SUPPORTING_PERSONALIZATION: gt,
-      getInitPersonalizationVariantsFnsScriptString: Ro,
+      shouldEmitPersonalizationFns: Po(this.content),
+      SDKS_SUPPORTING_PERSONALIZATION: vt,
+      getInitPersonalizationVariantsFnsScriptString: Ao,
       TARGET: R,
-      getInitVariantsFnsScriptString: mi,
+      getInitVariantsFnsScriptString: bi,
       getVariants: oe
     };
   },
@@ -5375,7 +5393,7 @@ const Oi = /* @__PURE__ */ v(xi, [["render", Ui]]), Fi = y({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return hi(
+      return gi(
         oe(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -5391,17 +5409,17 @@ const Oi = /* @__PURE__ */ v(xi, [["render", Ui]]), Fi = y({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : mn({
+      } : fn({
         item: this.content,
         canTrack: K(this.canTrack)
       });
     }
   }
 });
-function Li(e, t, n, o, r, i) {
+function zi(e, t, n, o, r, i) {
   const s = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
   return d(), h(w, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), h(w, { key: 0 }, [
+    e.shouldEmitPersonalizationFns ? (d(), h(w, { key: 0 }, [
       e.SDKS_SUPPORTING_PERSONALIZATION.includes(e.TARGET) ? (d(), S(s, {
         key: 0,
         id: "builderio-init-personalization-variants-fns",
@@ -5477,13 +5495,13 @@ function Li(e, t, n, o, r, i) {
     }), null, 16, ["apiHost", "nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Hi = /* @__PURE__ */ v(Fi, [["render", Li]]), Mi = async ({
+const ji = /* @__PURE__ */ v(Mi, [["render", zi]]), qi = 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 $e({
+    return Pe({
       model: t.model,
       apiKey: t.global && t.ownerId ? t.ownerId : e.apiKey,
       apiVersion: e.apiVersion,
@@ -5495,9 +5513,9 @@ const Hi = /* @__PURE__ */ v(Fi, [["render", Li]]), Mi = async ({
     }).catch((n) => {
       L.error("Could not fetch symbol content: ", n);
     });
-}, qi = y({
+}, Ki = y({
   name: "builder-symbol",
-  components: { ContentVariants: Hi, DynamicDiv: ee },
+  components: { ContentVariants: ji, DynamicDiv: ee },
   props: [
     "symbol",
     "builderComponents",
@@ -5539,7 +5557,7 @@ const Hi = /* @__PURE__ */ v(Fi, [["render", Li]]), Mi = async ({
     className() {
       var e, t;
       return [
-        this.attributes[q()],
+        this.attributes[z()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
         (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
@@ -5554,7 +5572,7 @@ const Hi = /* @__PURE__ */ v(Fi, [["render", Li]]), Mi = async ({
   methods: {
     setContent() {
       var e;
-      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || Mi({
+      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || qi({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((t) => {
@@ -5564,10 +5582,10 @@ const Hi = /* @__PURE__ */ v(Fi, [["render", Li]]), Mi = async ({
     }
   }
 });
-function ji(e, t, n, o, r, i) {
+function Ji(e, t, n, o, r, i) {
   var l, a, u, p, f, c, m;
   const s = k("ContentVariants");
-  return d(), h("div", I({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  return d(), h("div", I({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     $(s, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -5592,43 +5610,43 @@ function ji(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const zi = /* @__PURE__ */ v(qi, [["render", ji]]);
+const Gi = /* @__PURE__ */ v(Ki, [["render", Ji]]);
 export {
-  $e as A,
-  mt as B,
-  ro as C,
-  Ji as D,
-  os as E,
-  ao as F,
-  bo as I,
-  vo as S,
-  ar as T,
-  si as V,
+  Pe as A,
+  gt as B,
+  so as C,
+  Xi as D,
+  ss as E,
+  co as F,
+  yo as I,
+  ko as S,
+  dr as T,
+  ci as V,
   v as _,
-  q as a,
+  z as a,
   he as b,
   ce as c,
-  eo as d,
+  no as d,
   _ as e,
-  ts as f,
-  ns as g,
-  rs as h,
-  Re as i,
-  tn as j,
-  Ot as k,
-  zi as l,
+  rs as f,
+  is as g,
+  as as h,
+  Ae as i,
+  on as j,
+  Lt as k,
+  Gi as l,
   j as m,
-  Hi as n,
-  Te as o,
-  nn as p,
-  Yi as q,
-  Qi as r,
-  _i as s,
-  Xi as t,
-  _e as u,
-  Zi as v,
-  Di as w,
-  es as x,
-  wn as y,
-  In as z
+  ji as n,
+  $e as o,
+  rn as p,
+  _i as q,
+  Zi as r,
+  ns as s,
+  es as t,
+  ot as u,
+  ts as v,
+  Ui as w,
+  os as x,
+  $n as y,
+  Rn as z
 };