@builder.io/sdk-vue 5.2.5 → 5.2.7

package/lib/browser/{index-NzYhd2fP.js → index-ODe_HCA4.js}

@@ -1,6 +1,6 @@
 import "./style.css";
-import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as I, createBlock as S, resolveDynamicComponent as X, mergeProps as $, toHandlers as L, withCtx as x, renderSlot as N, resolveComponent as k, createTextVNode as Vt, toDisplayString as de, defineAsyncComponent as Y, createVNode as E, renderList as F, createCommentVNode as C, h as Qe, createElementVNode as z, normalizeStyle as M, normalizeClass as _, markRaw as Nt } from "vue";
-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());
+import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as I, createBlock as S, resolveDynamicComponent as X, mergeProps as $, toHandlers as L, withCtx as x, renderSlot as N, resolveComponent as k, createTextVNode as Wt, toDisplayString as de, defineAsyncComponent as Y, createVNode as R, renderList as F, createCommentVNode as C, h as _e, createElementVNode as q, normalizeStyle as M, normalizeClass as _, markRaw as Ot } from "vue";
+const Dt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), xt = (e) => typeof e == "string" && Dt.has(e.toLowerCase());
 function W(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -11,11 +11,11 @@ function W(e = {}, t, n) {
   }
   return o;
 }
-const Ot = y({
+const Ut = y({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: Dt };
+    return { isEmptyElement: xt };
   }
 }), v = (e, t) => {
   const n = e.__vccOpts || e;
@@ -23,7 +23,7 @@ const Ot = y({
     n[o] = r;
   return n;
 };
-function xt(e, t, n, o, r, i) {
+function Lt(e, t, n, o, r, i) {
   return e.isEmptyElement(e.TagName) ? (d(), S(X(e.TagName), $({ key: 1 }, e.attributes, L(e.actionAttributes)), null, 16)) : (d(), h(I, { key: 0 }, [
     typeof e.TagName == "string" ? (d(), S(X(e.TagName), $({ key: 0 }, e.attributes, L(e.actionAttributes)), {
       default: x(() => [
@@ -38,11 +38,11 @@ function xt(e, t, n, o, r, i) {
     }, 16))
   ], 64));
 }
-const Te = /* @__PURE__ */ v(Ot, [["render", xt]]), vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $e = /* @__PURE__ */ v(Ut, [["render", Lt]]), Cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Te
-}, Symbol.toStringTag, { value: "Module" })), R = "vue", j = () => {
-  switch (R) {
+  default: $e
+}, Symbol.toStringTag, { value: "Module" })), E = "vue", j = () => {
+  switch (E) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -54,9 +54,9 @@ const Te = /* @__PURE__ */ v(Ot, [["render", xt]]), vs = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, Ut = y({
+}, Ft = y({
   name: "builder-button",
-  components: { DynamicRenderer: Te },
+  components: { DynamicRenderer: $e },
   props: [
     "attributes",
     "link",
@@ -83,7 +83,7 @@ const Te = /* @__PURE__ */ v(Ot, [["render", xt]]), vs = /* @__PURE__ */ Object.
     }
   }
 });
-function Lt(e, t, n, o, r, i) {
+function Ht(e, t, n, o, r, i) {
   const s = k("DynamicRenderer");
   return d(), S(s, {
     attributes: e.attrs(),
@@ -91,12 +91,12 @@ function Lt(e, t, n, o, r, i) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: x(() => [
-      Vt(de(e.text), 1)
+      Wt(de(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Ft = /* @__PURE__ */ v(Ut, [["render", Lt]]), Ht = Symbol(), ge = {
+const Mt = /* @__PURE__ */ v(Ft, [["render", Ht]]), jt = Symbol(), ge = {
   Builder: {
     content: null,
     context: {},
@@ -113,43 +113,43 @@ const Ft = /* @__PURE__ */ v(Ut, [["render", Lt]]), Ht = Symbol(), ge = {
     nonce: "",
     model: ""
   },
-  key: Ht
-}, Mt = Symbol(), Ye = {
+  key: jt
+}, zt = Symbol(), et = {
   Components: { registeredComponents: {} },
-  key: Mt
+  key: zt
 }, ne = "[Builder.io]: ", B = {
   log: (...e) => console.log(ne, ...e),
   error: (...e) => console.error(ne, ...e),
   warn: (...e) => console.warn(ne, ...e),
   debug: (...e) => console.debug(ne, ...e)
-}, Xe = (e, t, n) => {
+}, 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;
 };
 function T() {
   return typeof window < "u" && typeof document < "u";
 }
-const jt = (e) => {
+const Kt = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Ze = (e) => e instanceof URLSearchParams ? jt(e) : e, _e = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Kt() {
+}, nt = (e) => e instanceof URLSearchParams ? Kt(e) : e, ot = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function qt() {
   return T() && window.self !== window.top;
 }
-function A(e) {
-  return Kt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  _e(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+function P(e) {
+  return qt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  ot(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const qt = () => {
+const Gt = () => {
   if (T()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, zt = () => typeof navigator == "object" && navigator.userAgent || "", et = () => {
-  const e = zt(), t = {
+}, Jt = () => typeof navigator == "object" && navigator.userAgent || "", rt = () => {
+  const e = Jt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -166,19 +166,19 @@ const qt = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || R === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || E === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = qt();
+  }, n = e.match(/Tablet|iPad/i), o = Gt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, tt = "5.2.5", nt = () => ({
-  "X-Builder-SDK": R,
+}, it = "5.2.7", st = () => ({
+  "X-Builder-SDK": E,
   "X-Builder-SDK-GEN": "2",
-  "X-Builder-SDK-Version": tt
-}), K = (e) => e != null, Gt = (e) => {
+  "X-Builder-SDK-Version": it
+}), z = (e) => e != null, Qt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -194,14 +194,14 @@ const qt = () => {
     B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, ot = async (e) => ue(e), Jt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(K).join("; "), Qt = [["secure", ""], ["SameSite", "None"]], Yt = ({
+}, at = async (e) => ue(e), Yt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(z).join("; "), Xt = [["secure", ""], ["SameSite", "None"]], Zt = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (T() ? location.protocol === "https:" : !0) ? Qt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Gt(window.location.hostname)], ...r];
-  return Jt(s);
-}, we = async ({
+  const r = (T() ? location.protocol === "https:" : !0) ? Xt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Qt(window.location.hostname)], ...r];
+  return Yt(s);
+}, Ee = async ({
   name: e,
   value: t,
   expires: n,
@@ -210,7 +210,7 @@ const qt = () => {
   try {
     if (!o)
       return;
-    const r = Yt({
+    const r = Zt({
       name: e,
       value: t,
       expires: n
@@ -220,93 +220,93 @@ const qt = () => {
     B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
-function Xt() {
+function _t() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function rt() {
-  return Xt().replace(/-/g, "");
+function lt() {
+  return _t().replace(/-/g, "");
 }
-const it = "builderSessionId", Zt = async ({
+const ct = "builderSessionId", en = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await ot({
-    name: it,
+  const t = await at({
+    name: ct,
     canTrack: e
   });
-  if (K(t))
+  if (z(t))
     return t;
   {
-    const n = _t();
-    return en({
+    const n = tn();
+    return nn({
       id: n,
       canTrack: e
     }), n;
   }
-}, _t = () => rt(), en = ({
+}, tn = () => lt(), nn = ({
   id: e,
   canTrack: t
-}) => we({
-  name: it,
+}) => Ee({
+  name: ct,
   value: e,
   canTrack: t
-}), st = () => T() && typeof localStorage < "u" ? localStorage : void 0, tn = ({
+}), dt = () => T() && typeof localStorage < "u" ? localStorage : void 0, on = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = st()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = dt()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, nn = ({
+}, rn = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = st()) == null || o.setItem(e, n));
+    t && ((o = dt()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, at = "builderVisitorId", on = ({
+}, ut = "builderVisitorId", sn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = tn({
-    key: at,
+  const t = on({
+    key: ut,
     canTrack: e
   });
-  if (K(t))
+  if (z(t))
     return t;
   {
-    const n = rn();
-    return sn({
+    const n = an();
+    return ln({
       id: n,
       canTrack: e
     }), n;
   }
-}, rn = () => rt(), sn = ({
+}, an = () => lt(), ln = ({
   id: e,
   canTrack: t
-}) => nn({
-  key: at,
+}) => rn({
+  key: ut,
   value: e,
   canTrack: t
 });
-function Ie(e) {
+function Re(e) {
   var t;
   typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && B.log(e);
 }
-const an = async ({
+const cn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -314,16 +314,16 @@ const an = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Zt({
+  const t = await en({
     canTrack: e
-  }), n = on({
+  }), n = sn({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, ln = async ({
+}, dn = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -337,10 +337,10 @@ const an = async ({
       url: location.href,
       ...o
     },
-    ...await an({
+    ...await cn({
       canTrack: t
     }),
-    userAttributes: et(),
+    userAttributes: rt(),
     ownerId: n
   }
 });
@@ -352,27 +352,27 @@ async function se({
     B.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!t.canTrack || A() || !(T() || R === "reactNative"))
+  if (!t.canTrack || P() || !(T() || E === "reactNative"))
     return;
   const o = `${e || "https://cdn.builder.io"}/api/v1/track`;
-  return Ie(o), fetch(o, {
+  return Re(o), fetch(o, {
     method: "POST",
     body: JSON.stringify({
-      events: [await ln(t)]
+      events: [await dn(t)]
     }),
     headers: {
       "content-type": "application/json",
-      ...nt()
+      ...st()
     },
     mode: "cors"
   }).catch((r) => {
     console.error("Failed to track: ", r);
   });
 }
-const Ss = (e) => se({
+const Ts = (e) => se({
   ...e,
   canTrack: !0
-}), cn = ({
+}), un = ({
   builder: e,
   context: t,
   event: n,
@@ -384,11 +384,11 @@ const Ss = (e) => se({
   builder: e,
   context: t,
   event: n
-}), dn = (e) => ({
-  isEditing: A(),
+}), pn = (e) => ({
+  isEditing: P(),
   isBrowser: T(),
   isServer: !T(),
-  getUserAttributes: () => et(),
+  getUserAttributes: () => rt(),
   trackConversion: (t, n) => {
     !(e != null && e.apiKey) || (e == null ? void 0 : e.canTrack) === !1 || se({
       type: "conversion",
@@ -404,10 +404,10 @@ const Ss = (e) => se({
       }
     });
   }
-}), un = (e, {
+}), mn = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
-function lt({
+function pt({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -417,7 +417,7 @@ function lt({
       if (t && r in t)
         return t[r];
       const i = o[r];
-      return typeof i == "object" && i !== null ? lt({
+      return typeof i == "object" && i !== null ? pt({
         rootState: i,
         localState: void 0,
         rootSetState: n ? (s) => {
@@ -432,7 +432,7 @@ function lt({
     }
   });
 }
-const xe = ({
+const Fe = ({
   code: e,
   builder: t,
   context: n,
@@ -441,11 +441,11 @@ const xe = ({
   rootSetState: i,
   rootState: s
 }) => {
-  const l = cn({
+  const l = un({
     builder: t,
     context: n,
     event: o,
-    state: lt({
+    state: pt({
       rootState: s,
       localState: r,
       rootSetState: i
@@ -453,23 +453,23 @@ const xe = ({
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
 };
-function pn() {
+function hn() {
   var e;
-  return typeof process < "u" && K((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+  return typeof process < "u" && z((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const mn = ({
+const fn = ({
   shouldLogWarning: e
 }) => {
   var r;
-  if (!pn())
+  if (!hn())
     return !1;
   const t = process.arch === "arm64", n = process.version.startsWith("v20"), o = (r = process.env.NODE_OPTIONS) == null ? void 0 : r.includes("--no-node-snapshot");
   return t && n && !o ? (e && B.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, hn = (e) => (T() || mn({
+}, bn = (e) => (T() || fn({
   shouldLogWarning: !0
-}), xe(e)), fn = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, bn = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, gn = (e) => {
+}), Fe(e)), gn = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, yn = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, vn = (e) => {
   var t, n, o, r, i, s;
-  return ((o = (n = (t = fn.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = bn.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
+  return ((o = (n = (t = gn.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = yn.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
 };
 function ee({
   code: e,
@@ -483,17 +483,17 @@ function ee({
 }) {
   if (e.trim() === "")
     return;
-  const a = gn(e.trim());
+  const a = vn(e.trim());
   if (a)
-    return Xe({
+    return tt({
       ...o,
       ...n
     }, a);
   const u = {
-    code: un(e, {
+    code: mn(e, {
       isExpression: s
     }),
-    builder: dn(l),
+    builder: pn(l),
     context: t,
     event: i,
     rootSetState: r,
@@ -501,7 +501,7 @@ function ee({
     localState: n
   };
   try {
-    return hn(u);
+    return bn(u);
   } catch (p) {
     B.error("Failed code evaluation: " + p.message, {
       code: e
@@ -509,15 +509,15 @@ function ee({
     return;
   }
 }
-function yn(e, t) {
+function Sn(e, t) {
   var n;
   return {
     ...(n = e.component) == null ? void 0 : n.options,
     ...e.options,
-    ...vn(e, t)
+    ...kn(e, t)
   };
 }
-const vn = (e, t) => {
+const kn = (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 {
@@ -531,7 +531,7 @@ const vn = (e, t) => {
       }))
     };
 };
-function Sn(e, ...t) {
+function Cn(e, ...t) {
   const n = Object.assign({}, e);
   for (const o of t)
     delete n[o];
@@ -554,30 +554,30 @@ function ae(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
     }), ae(s, t, e, i, r);
   }));
 }
-function ct(e) {
+function mt(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
-function kn(e) {
+function Tn(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
   return ae(e, (n) => {
-    if (ct(n)) {
+    if (mt(n)) {
       t = !0;
       return;
     }
   }), t;
 }
-function Cn(e, t) {
+function wn(e, t) {
   return !e || !Object.getOwnPropertyNames(e).length ? {} : (ae(e, (n, o) => {
-    ct(n) && o(n[t] ?? void 0);
+    mt(n) && o(n[t] ?? void 0);
   }), e);
 }
-function Tn(e, t) {
+function In(e, t) {
   var n, o;
-  return (n = e.component) != null && n.options && kn((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 = Cn(e.component.options, t ?? "Default")), e;
+  return (n = e.component) != null && n.options && Tn((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 = wn(e.component.options, t ?? "Default")), e;
 }
-const $e = (e) => JSON.parse(JSON.stringify(e)), dt = (e, t, n) => {
+const Pe = (e) => JSON.parse(JSON.stringify(e)), ht = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -595,9 +595,9 @@ function ye(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ye(e[n]));
   return t;
 }
-const wn = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), In = (e) => {
-  if (wn) {
-    const t = $e(e);
+const $n = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), En = (e) => {
+  if ($n) {
+    const t = Pe(e);
     return {
       ...t,
       properties: {
@@ -608,7 +608,7 @@ const wn = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), In = (e) =
       }
     };
   } else {
-    const t = ye(Sn(e, "children", "meta"));
+    const t = ye(Cn(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -621,7 +621,7 @@ const wn = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), In = (e) =
       meta: e.meta
     };
   }
-}, $n = ({
+}, Rn = ({
   block: e,
   context: t,
   localState: n,
@@ -630,7 +630,7 @@ const wn = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), In = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const i = In(e);
+  const i = En(e);
   for (const s in e.bindings) {
     const l = e.bindings[s], a = ee({
       code: l,
@@ -639,11 +639,11 @@ const wn = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), In = (e) =
       rootSetState: r,
       context: t
     });
-    dt(i, s, a);
+    ht(i, s, a);
   }
   return i;
 };
-function Rn({
+function Pn({
   block: e,
   context: t,
   localState: n,
@@ -651,33 +651,33 @@ function Rn({
   rootSetState: r
 }) {
   let i = e;
-  return i = $n({
+  return i = Rn({
     block: i,
     localState: n,
     rootState: o,
     rootSetState: r,
     context: t
-  }), i = Tn(i, o.locale), i;
+  }), i = In(i, o.locale), i;
 }
-function Re(e) {
+function Ae(e) {
   const t = e || (T() ? window.location.search : void 0);
-  return t ? _e(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? ot(t).indexOf("builder.preview=") !== -1 : !1;
 }
-const En = (e) => ({
+const An = (e) => ({
   type: "builder.registerComponent",
   data: le(e)
-}), An = (e) => {
+}), Bn = (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 le(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? An(n) : n));
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? Bn(n) : n));
 }
-const Ue = {};
-function ks(e, t) {
+const He = {};
+function ws(e, t) {
   e === "plugin" && (t = le(t));
-  let n = Ue[e];
-  if (n || (n = Ue[e] = []), n.push(t), T()) {
+  let n = He[e];
+  if (n || (n = He[e] = []), n.push(t), T()) {
     const o = {
       type: "builder.register",
       data: {
@@ -692,7 +692,7 @@ function ks(e, t) {
     }
   }
 }
-function Cs(e) {
+function Is(e) {
   var t;
   if (T()) {
     const n = JSON.parse(JSON.stringify(e));
@@ -702,50 +702,50 @@ function Cs(e) {
     }, "*");
   }
 }
-const Le = {};
-function Ts(e) {
+const Me = {};
+function $s(e) {
   if (T()) {
-    Object.assign(Le, e);
+    Object.assign(Me, e);
     const t = {
       type: "builder.settingsChange",
-      data: Le
+      data: Me
     };
     parent.postMessage(t, "*");
   }
 }
-const Fe = "builder.", Pn = "options.", ut = (e) => {
+const je = "builder.", Vn = "options.", ft = (e) => {
   if (!e)
     return {};
-  const t = Ze(e), n = {};
+  const t = nt(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Fe)) {
-      const r = o.replace(Fe, "").replace(Pn, "");
+    if (o.startsWith(je)) {
+      const r = o.replace(je, "").replace(Vn, "");
       n[r] = t[o];
     }
   }), n;
-}, Bn = () => {
+}, Nn = () => {
   if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return ut(e);
-}, Vn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function pt(e, t) {
+  return ft(e);
+}, Wn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function bt(e, t) {
   let n;
   try {
     n = new URL(t.origin);
   } catch {
     return !1;
   }
-  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || Vn).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
+  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || Wn).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
 }
-let He = !1;
-const mt = (e) => {
+let ze = !1;
+const gt = (e) => {
   var t, n;
-  He || (He = !0, T() && ((t = window.parent) == null || t.postMessage({
+  ze || (ze = !0, T() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: R,
-      version: tt,
+      target: E,
+      version: it,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -763,7 +763,7 @@ const mt = (e) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var i, s;
-    if (!pt(e.trustedHosts, o))
+    if (!bt(e.trustedHosts, o))
       return;
     const {
       data: r
@@ -804,12 +804,12 @@ const mt = (e) => {
         }
       }
   })));
-}, ht = ({
+}, yt = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!pt(t, o))
+  if (!bt(t, o))
     return;
   const {
     data: r
@@ -835,7 +835,7 @@ const mt = (e) => {
         break;
       }
     }
-}, ws = ({
+}, Es = ({
   model: e,
   apiKey: t,
   callback: n,
@@ -844,11 +844,11 @@ const mt = (e) => {
   if (!T)
     return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  mt({
+  gt({
     modelName: e,
     apiKey: t
   });
-  const r = ht({
+  const r = yt({
     callbacks: {
       contentUpdate: n,
       animation: () => {
@@ -864,24 +864,24 @@ const mt = (e) => {
   return window.addEventListener("message", r), () => {
     window.removeEventListener("message", r);
   };
-}, Nn = "builder.tests", Ee = (e) => `${Nn}.${e}`, Wn = ({
+}, On = "builder.tests", Be = (e) => `${On}.${e}`, Dn = ({
   contentId: e
-}) => ot({
-  name: Ee(e),
+}) => at({
+  name: Be(e),
   canTrack: !0
-}), Dn = ({
+}), xn = ({
   contentId: e
 }) => ue({
-  name: Ee(e),
+  name: Be(e),
   canTrack: !0
-}), On = ({
+}), Un = ({
   contentId: e,
   value: t
-}) => we({
-  name: Ee(e),
+}) => Ee({
+  name: Be(e),
   value: t,
   canTrack: !0
-}), ft = (e) => K(e.id) && K(e.variations) && Object.keys(e.variations).length > 0, xn = ({
+}), vt = (e) => z(e.id) && z(e.variations) && Object.keys(e.variations).length > 0, Ln = ({
   id: e,
   variations: t
 }) => {
@@ -894,15 +894,15 @@ const mt = (e) => {
       return i;
   }
   return e;
-}, bt = (e) => {
-  const t = xn(e);
-  return On({
+}, St = (e) => {
+  const t = Ln(e);
+  return Un({
     contentId: e.id,
     value: t
   }).catch((n) => {
     B.error("could not store A/B test variation: ", n);
   }), t;
-}, gt = ({
+}, kt = ({
   item: e,
   testGroupId: t
 }) => {
@@ -916,7 +916,7 @@ const mt = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Un = ({
+}, Fn = ({
   item: e,
   canTrack: t
 }) => {
@@ -924,14 +924,14 @@ const mt = (e) => {
     return e;
   if (!e)
     return;
-  if (!ft(e))
+  if (!vt(e))
     return e;
-  const n = Dn({
+  const n = xn({
     contentId: e.id
-  }) || bt({
+  }) || St({
     variations: e.variations,
     id: e.id
-  }), o = gt({
+  }), o = kt({
     item: e,
     testGroupId: n
   });
@@ -939,18 +939,18 @@ const mt = (e) => {
     ...e,
     ...o
   };
-}, Ln = async ({
+}, Hn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !ft(e))
+  if (!t || !vt(e))
     return e;
-  const o = await Wn({
+  const o = await Dn({
     contentId: e.id
-  }) || bt({
+  }) || St({
     variations: e.variations,
     id: e.id
-  }), r = gt({
+  }), r = kt({
     item: e,
     testGroupId: o
   });
@@ -959,8 +959,8 @@ const mt = (e) => {
     ...r
   };
 };
-const Me = "builder.userAttributes";
-function je() {
+const Ke = "builder.userAttributes";
+function qe() {
   let e = !0;
   const t = /* @__PURE__ */ new Set();
   return {
@@ -971,15 +971,15 @@ function je() {
         ...this.getUserAttributes(),
         ...n
       };
-      we({
-        name: Me,
+      Ee({
+        name: Ke,
         value: JSON.stringify(o),
         canTrack: e
       }), t.forEach((r) => r(o));
     },
     getUserAttributes() {
       return T() ? JSON.parse(ue({
-        name: Me,
+        name: Ke,
         canTrack: e
       }) || "{}") : {};
     },
@@ -996,24 +996,24 @@ function je() {
   };
 }
 let ve;
-T() && R === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = je()), ve = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : ve = je();
-const ce = ve, Is = (e) => {
+T() && E === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = qe()), ve = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : ve = qe();
+const ce = ve, Rs = (e) => {
   ce.setUserAttributes(e);
 }, G = (e) => {
-  const t = K(e) ? e : !0;
+  const t = z(e) ? e : !0;
   return ce.setCanTrack(t), t;
 };
-function Fn() {
+function Mn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Hn() {
-  const e = Fn().fetch;
+function jn() {
+  const e = Mn().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 Mn = Hn();
+const zn = jn();
 function Se(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
@@ -1026,14 +1026,14 @@ function Se(e, t = null, n = ".") {
     };
   }, {});
 }
-function yt(e, t, n = {}) {
+function Ct(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("$")) ? yt(r, i, n) : n[i] = r;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? Ct(r, i, n) : n[i] = r;
   }
   return n;
 }
-function jn(e) {
+function Kn(e) {
   const t = {};
   for (const n in e) {
     const o = n.split(".");
@@ -1045,7 +1045,7 @@ function jn(e) {
   }
   return t;
 }
-const Kn = "v3", Ke = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ae = (e) => {
+const qn = "v3", Ge = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ve = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -1054,7 +1054,7 @@ const Kn = "v3", Ke = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ae = (
     apiKey: i,
     enrich: s,
     locale: l,
-    apiVersion: a = Kn,
+    apiVersion: a = qn,
     fields: u,
     omit: p,
     offset: f,
@@ -1062,87 +1062,87 @@ const Kn = "v3", Ke = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ae = (
     staleCacheSeconds: m,
     sort: b,
     includeUnpublished: g,
-    apiHost: P
+    apiHost: A
   } = e;
   if (!i)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const U = t !== 1, V = P || "https://cdn.builder.io", w = new URL(`${V}/api/${a}/content/${r}`);
+  const U = t !== 1, V = A || "https://cdn.builder.io", w = new URL(`${V}/api/${a}/content/${r}`);
   w.searchParams.set("apiKey", i), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(U)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l);
-  let D = n || {};
-  if (s && w.searchParams.set("enrich", String(s)), w.searchParams.set("omit", p ?? "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(f) && f > -1 && w.searchParams.set("offset", String(Math.floor(f))), typeof g == "boolean" && w.searchParams.set("includeUnpublished", String(g)), c && Ke(c) && w.searchParams.set("cacheSeconds", String(c)), m && Ke(m) && w.searchParams.set("staleCacheSeconds", String(m)), b) {
-    const O = Se({
+  let O = n || {};
+  if (s && w.searchParams.set("enrich", String(s)), w.searchParams.set("omit", p ?? "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(f) && f > -1 && w.searchParams.set("offset", String(Math.floor(f))), typeof g == "boolean" && w.searchParams.set("includeUnpublished", String(g)), c && Ge(c) && w.searchParams.set("cacheSeconds", String(c)), m && Ge(m) && w.searchParams.set("staleCacheSeconds", String(m)), b) {
+    const D = Se({
       sort: b
     });
-    for (const H in O)
-      w.searchParams.set(H, JSON.stringify(O[H]));
+    for (const H in D)
+      w.searchParams.set(H, JSON.stringify(D[H]));
   }
   const J = {
-    ...Bn(),
-    ...Ze(e.options || {})
+    ...Nn(),
+    ...nt(e.options || {})
   };
-  D = {
-    ...D,
-    ...zn(J)
+  O = {
+    ...O,
+    ...Jn(J)
   };
   const Q = Se(J);
-  for (const O in Q)
-    w.searchParams.set(O, String(Q[O]));
-  if (Object.keys(D).length > 0 && w.searchParams.set("userAttributes", JSON.stringify(D)), o) {
-    const O = yt({
+  for (const D in Q)
+    w.searchParams.set(D, String(Q[D]));
+  if (Object.keys(O).length > 0 && w.searchParams.set("userAttributes", JSON.stringify(O)), o) {
+    const D = Ct({
       query: o
     });
-    for (const H in O)
-      w.searchParams.set(H, JSON.stringify(O[H]));
+    for (const H in D)
+      w.searchParams.set(H, JSON.stringify(D[H]));
   }
   return w;
-}, qn = (e) => {
+}, Gn = (e) => {
   const t = {};
   for (const n in e)
     n.startsWith("userAttributes.") && (t[n] = e[n], delete e[n]);
   return t;
-}, zn = (e) => {
+}, Jn = (e) => {
   if (T() && e.preview === "BUILDER_STUDIO") {
     e["userAttributes.urlPath"] = window.location.pathname, e["userAttributes.host"] = window.location.host;
-    const t = qn(e), {
+    const t = Gn(e), {
       userAttributes: n
-    } = jn(t);
+    } = Kn(t);
     return n;
   }
   return {};
-}, Gn = (e) => "results" in e;
-async function Pe(e) {
+}, Qn = (e) => "results" in e;
+async function Ne(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 Yn({
+  const n = await Zn({
     ...e,
     limit: 1
   });
   return n && n[0] || null;
 }
-const Jn = async (e) => {
+const Yn = async (e) => {
   var s;
-  const t = Ae(e), n = e.fetch ?? Mn, o = {
+  const t = Ve(e), n = e.fetch ?? zn, o = {
     ...e.fetchOptions,
     headers: {
       ...(s = e.fetchOptions) == null ? void 0 : s.headers,
-      ...nt()
+      ...st()
     }
   };
   return await (await n(t.href, o)).json();
-}, Qn = async (e, t, n = Ae(e)) => {
+}, Xn = async (e, t, n = Ve(e)) => {
   const o = G(e.canTrack);
-  if (n.search.includes("preview="), !o || !(T() || R === "reactNative"))
+  if (n.search.includes("preview="), !o || !(T() || E === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const i of t.results)
-      r.push(await Ln({
+      r.push(await Hn({
         item: i,
         canTrack: o
       }));
@@ -1152,17 +1152,17 @@ const Jn = async (e) => {
   }
   return t.results;
 };
-async function Yn(e) {
-  const t = Ae(e), n = await Jn(e);
-  if (!Gn(n))
+async function Zn(e) {
+  const t = Ve(e), n = await Yn(e);
+  if (!Qn(n))
     throw B.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), n;
-  return Qn(e, n);
+  return Xn(e, n);
 }
-const $s = async (e) => {
+const Ps = 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,
@@ -1174,15 +1174,15 @@ const $s = async (e) => {
         urlPath: t
       } : {}
     },
-    options: ut(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: ft(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await Pe(n)
+    content: await Ne(n)
   };
-}, Be = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function Xn(e, t, n = {}) {
+}, We = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+function _n(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);
@@ -1204,55 +1204,55 @@ function Z(e, ...t) {
   }
   return n;
 }
-function Zn(e) {
+function eo(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        kt(t);
+        It(t);
         break;
       case "scrollInView":
-        eo(t);
+        no(t);
         break;
     }
 }
-function vt(e) {
+function Tt(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function St(e, t) {
-  const n = _n(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+function wt(e, t) {
+  const n = to(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 _n(e) {
+function to(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 kt(e) {
+function It(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    vt(e.elementId || e.id || "");
+    Tt(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    St(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Z(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Be(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Z(n.style, e.steps[1].styles), setTimeout(() => {
+    wt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", Z(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${We(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Z(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function eo(e) {
+function no(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    vt(e.elementId || e.id || "");
+    Tt(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    St(e, n);
+    wt(e, n);
     let o = !1, r = !1;
     function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
@@ -1261,7 +1261,7 @@ function eo(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && o && !r && !l(n) && (o = !1, Z(n.style, e.steps[0].styles));
     }
-    const s = Xn(i, 200, {
+    const s = _n(i, 200, {
       leading: !1
     });
     function l(p) {
@@ -1273,49 +1273,49 @@ function eo(e) {
       Z(n.style, a);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${Be(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${We(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
     }), i();
   });
 }
-const Ct = (e) => Object.entries(e).map(([n, o]) => {
+const $t = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Be(n)}: ${o};`;
-}).filter(K), to = (e) => Ct(e).join(`
-`), Rs = ({
+    return `${We(n)}: ${o};`;
+}).filter(z), oo = (e) => $t(e).join(`
+`), As = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${to(n)}
+    ${oo(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function no({
+function ro({
   style: e
 }) {
   return e;
 }
-const Es = ({
+const Bs = ({
   block: e,
   context: t
-}) => Tt(no({
+}) => Et(ro({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Tt(e) {
-  switch (R) {
+function Et(e) {
+  switch (E) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return Ct(e).join(" ");
+      return $t(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -1323,7 +1323,7 @@ function Tt(e) {
       return e;
   }
 }
-const wt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, oo = ({
+const Rt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, io = ({
   block: e,
   registeredComponents: t,
   model: n
@@ -1333,14 +1333,14 @@ const wt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   if (!o)
     return null;
   const r = t[o];
-  if (!r || wt(r, n)) {
+  if (!r || Rt(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;
-}, ro = ({
+}, so = ({
   block: e,
   context: t
 }) => {
@@ -1373,59 +1373,59 @@ const wt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     },
     block: o
   }));
-}, io = (e, t) => {
+}, ao = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, so = (e, t, n) => {
+}, lo = (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]) => !wt(s, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !Rt(s, n)))
   } : {};
-}, ao = (e, t) => {
+}, co = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, lo = (e, t) => {
+}, uo = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, co = (e) => e.toString(), uo = () => Promise.resolve().then(() => Io).then((e) => e.default).catch((e) => {
+}, po = (e) => e.toString(), mo = () => Promise.resolve().then(() => Eo).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), po = () => import("./block-wrapper-tny9tjLX.js").then((e) => e.default).catch((e) => {
+}), ho = () => import("./block-wrapper-hsmUEUmJ.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;
-}), mo = () => import("./component-ref-d2TAsp69.js").then((e) => e.default).catch((e) => {
+}), fo = () => import("./component-ref-2JLic_6J.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;
-}), ho = () => import("./repeated-block-Ga5ASejd.js").then((e) => e.default).catch((e) => {
+}), bo = () => import("./repeated-block-GCDk4uyK.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;
-}), fo = () => import("./style-wrapper-dI5wRv59.js").then((e) => e.default).catch((e) => {
+}), go = () => import("./style-wrapper-uzjZV5OS.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;
-}), bo = y({
+}), yo = y({
   name: "block",
   components: {
-    StyleWrapper: Y(fo),
-    RepeatedBlock: Y(ho),
-    ComponentRef: Y(mo),
-    BlockWrapper: Y(po),
-    DynamicDiv: Y(uo)
+    StyleWrapper: Y(go),
+    RepeatedBlock: Y(bo),
+    ComponentRef: Y(fo),
+    BlockWrapper: Y(ho),
+    DynamicDiv: Y(mo)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1434,12 +1434,12 @@ const wt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         value: null,
         update: !1
       },
-      generateKey: co
+      generateKey: po
     };
   },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && Zn(
+    t && e && eo(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -1450,14 +1450,14 @@ const wt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   },
   computed: {
     repeatItem() {
-      return ro({
+      return so({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var t;
-      return (t = this.block.repeat) != null && t.collection ? this.block : Rn({
+      return (t = this.block.repeat) != null && t.collection ? this.block : Pn({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -1466,7 +1466,7 @@ const wt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
       });
     },
     blockComponent() {
-      return oo({
+      return io({
         block: this.processedBlock,
         registeredComponents: this.registeredComponents,
         model: this.context.model
@@ -1493,11 +1493,11 @@ const wt = (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: {
-          ...yn(this.processedBlock, this.context),
-          ...ao(this.blockComponent, this.processedBlock),
-          ...lo(this.blockComponent, this.context),
-          ...io(this.blockComponent, this.linkComponent),
-          ...so(
+          ...Sn(this.processedBlock, this.context),
+          ...co(this.blockComponent, this.processedBlock),
+          ...uo(this.blockComponent, this.context),
+          ...ao(this.blockComponent, this.linkComponent),
+          ...lo(
             this.blockComponent,
             this.registeredComponents,
             this.context.model
@@ -1508,16 +1508,16 @@ const wt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
         includeBlockProps: ((t = this.blockComponent) == null ? void 0 : t.noWrap) === !0,
-        isInteractive: !((n = this.blockComponent) != null && n.isRSC && R === "rsc")
+        isInteractive: !((n = this.blockComponent) != null && n.isRSC && E === "rsc")
       };
     }
   }
 });
-function go(e, t, n, o, r, i) {
+function vo(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(I, { key: 0 }, [
-    E(s, {
+    R(s, {
       block: e.processedBlock,
       context: e.context,
       id: e.block.id
@@ -1555,7 +1555,7 @@ function go(e, t, n, o, r, i) {
         context: e.context
       }, {
         default: x(() => [
-          E(l, {
+          R(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -1579,10 +1579,10 @@ function go(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : C("", !0);
 }
-const It = /* @__PURE__ */ v(bo, [["render", go]]), As = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Pt = /* @__PURE__ */ v(yo, [["render", vo]]), Vs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: It
-}, Symbol.toStringTag, { value: "Module" })), yo = y({
+  default: Pt
+}, Symbol.toStringTag, { value: "Module" })), So = y({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -1626,7 +1626,7 @@ const It = /* @__PURE__ */ v(bo, [["render", go]]), As = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, t;
-      A() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -1639,7 +1639,7 @@ const It = /* @__PURE__ */ v(bo, [["render", go]]), As = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      A() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -1652,7 +1652,7 @@ const It = /* @__PURE__ */ v(bo, [["render", go]]), As = /* @__PURE__ */ Object.
     }
   }
 });
-function vo(e, t, n, o, r, i) {
+function ko(e, t, n, o, r, i) {
   return d(), S(X(e.BlocksWrapper), $({
     ref: "blocksWrapperRef",
     class: e.className + " component-5vz8uirn7sc",
@@ -1669,9 +1669,9 @@ function vo(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const So = /* @__PURE__ */ v(yo, [["render", vo], ["__scopeId", "data-v-82fc93d6"]]), ko = y({
+const Co = /* @__PURE__ */ v(So, [["render", ko], ["__scopeId", "data-v-82fc93d6"]]), To = y({
   name: "builder-blocks",
-  components: { BlocksWrapper: So, Block: It },
+  components: { BlocksWrapper: Co, Block: Pt },
   props: [
     "blocks",
     "parent",
@@ -1685,10 +1685,10 @@ const So = /* @__PURE__ */ v(yo, [["render", vo], ["__scopeId", "data-v-82fc93d6
   ],
   inject: {
     builderContext: ge.key,
-    componentsContext: Ye.key
+    componentsContext: et.key
   }
 });
-function Co(e, t, n, o, r, i) {
+function wo(e, t, n, o, r, i) {
   var a, u, p, f;
   const s = k("Block"), l = k("BlocksWrapper");
   return d(), S(l, {
@@ -1716,21 +1716,21 @@ function Co(e, t, n, o, r, i) {
     _: 3
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapperProps", "classNameProp", "BlocksWrapper"]);
 }
-const q = /* @__PURE__ */ v(ko, [["render", Co]]), To = y({
+const K = /* @__PURE__ */ v(To, [["render", wo]]), Io = y({
   name: "dynamic-div",
   props: []
 });
-function wo(e, t, n, o, r, i) {
+function $o(e, t, n, o, r, i) {
   return d(), h("div", null, [
     N(e.$slots, "default")
   ]);
 }
-const te = /* @__PURE__ */ v(To, [["render", wo]]), Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const te = /* @__PURE__ */ v(Io, [["render", $o]]), Eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: te
 }, Symbol.toStringTag, { value: "Module" })), pe = y({
   render() {
-    return Qe("style", {
+    return _e("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -1738,7 +1738,7 @@ const te = /* @__PURE__ */ v(To, [["render", wo]]), Io = /* @__PURE__ */ Object.
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), $t = {
+}), At = {
   xsmall: {
     min: 0,
     default: 160,
@@ -1759,8 +1759,8 @@ const te = /* @__PURE__ */ v(To, [["render", wo]]), Io = /* @__PURE__ */ Object.
     default: 991,
     max: 1200
   }
-}, Ps = (e, t = $t) => `@media (max-width: ${t[e].max}px)`, $o = (e) => {
-  const t = $e($t);
+}, Ns = (e, t = At) => `@media (max-width: ${t[e].max}px)`, Ro = (e) => {
+  const t = Pe(At);
   if (!e)
     return t;
   const {
@@ -1797,12 +1797,12 @@ const te = /* @__PURE__ */ v(To, [["render", wo]]), Io = /* @__PURE__ */ Object.
     min: l,
     default: l + 1
   }, t;
-}, Ro = (e) => `builder-columns ${e}-breakpoints`, Eo = y({
+}, Po = (e) => `builder-columns ${e}-breakpoints`, Ao = y({
   name: "builder-columns",
   components: {
     InlinedStyles: pe,
-    DynamicRenderer: Te,
-    Blocks: q,
+    DynamicRenderer: $e,
+    Blocks: K,
     DynamicDiv: te
   },
   props: [
@@ -1816,7 +1816,7 @@ const te = /* @__PURE__ */ v(To, [["render", wo]]), Io = /* @__PURE__ */ Object.
     "builderComponents"
   ],
   data() {
-    return { TARGET: R, getColumnsClass: Ro };
+    return { TARGET: E, getColumnsClass: Po };
   },
   computed: {
     gutterSize() {
@@ -1895,7 +1895,7 @@ const te = /* @__PURE__ */ v(To, [["render", wo]]), Io = /* @__PURE__ */ Object.
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return $o(
+      return Ro(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1933,12 +1933,12 @@ const te = /* @__PURE__ */ v(To, [["render", wo]]), Io = /* @__PURE__ */ Object.
           href: e.link
         } : {},
         [j()]: "builder-column",
-        style: Tt(this.columnCssVars(t))
+        style: Et(this.columnCssVars(t))
       };
     }
   }
 });
-function Ao(e, t, n, o, r, i) {
+function Bo(e, t, n, o, r, i) {
   var u;
   const s = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
   return d(), h("div", $({
@@ -1958,7 +1958,7 @@ function Ao(e, t, n, o, r, i) {
       attributes: e.getAttributes(p, f)
     }, {
       default: x(() => [
-        E(l, {
+        R(l, {
           path: `columns.${f}.blocks`,
           parent: e.builderBlock.id,
           context: e.builderContext,
@@ -1974,32 +1974,32 @@ function Ao(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Po = /* @__PURE__ */ v(Eo, [["render", Ao], ["__scopeId", "data-v-ab15749a"]]), Bo = y({
+const Vo = /* @__PURE__ */ v(Ao, [["render", Bo], ["__scopeId", "data-v-ab15749a"]]), No = y({
   name: "builder-fragment-component",
   props: []
 });
-function Vo(e, t, n, o, r, i) {
+function Wo(e, t, n, o, r, i) {
   return d(), h("span", null, [
     N(e.$slots, "default")
   ]);
 }
-const No = /* @__PURE__ */ v(Bo, [["render", Vo]]);
-function qe(e) {
+const Oo = /* @__PURE__ */ v(No, [["render", Wo]]);
+function Je(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Wo(e = "", t, n) {
+function Do(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 Do(e, t) {
+function xo(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return qe(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 qe(`${o[0]}_${i}${r}`);
+    return Je(`${o[0]}_${i}${r}`);
   }
   return null;
 }
@@ -2010,11 +2010,11 @@ function oe(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) => `${Wo(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Do(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Do(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) => [xo(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Oo = y({
+const Uo = y({
   name: "builder-image",
   props: [
     "lazy",
@@ -2022,14 +2022,14 @@ const Oo = y({
     "src",
     "srcset",
     "noWebp",
-    "aspectRatio",
+    "sizes",
     "highPriority",
+    "aspectRatio",
     "altText",
     "title",
     "backgroundPosition",
     "backgroundSize",
     "className",
-    "sizes",
     "builderBlock",
     "fitContent"
   ],
@@ -2054,6 +2054,9 @@ const Oo = 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",
@@ -2065,20 +2068,21 @@ const Oo = y({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), xo = ["srcset"], Uo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Lo = {
+}), Lo = ["srcset", "sizes"], Fo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], Ho = {
   key: 2,
   class: "div-t43jfuqn6g-2"
 };
-function Fo(e, t, n, o, r, i) {
+function Mo(e, t, n, o, r, i) {
   var s, l, a, u, p, f;
   return d(), h(I, null, [
-    z("picture", null, [
+    q("picture", null, [
       e.webpSrcSet ? (d(), h("source", {
         key: 0,
         type: "image/webp",
-        srcset: e.webpSrcSet
-      }, null, 8, xo)) : C("", !0),
-      z("img", {
+        srcset: e.webpSrcSet,
+        sizes: e.sizesToUse
+      }, null, 8, Lo)) : C("", !0),
+      q("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
@@ -2094,8 +2098,8 @@ function Fo(e, t, n, o, r, i) {
         ),
         src: e.image,
         srcset: e.srcSetToUse,
-        sizes: e.sizes
-      }, null, 14, Uo)
+        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,
@@ -2105,19 +2109,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 ? N(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", Lo, [
+    !e.fitContent && ((f = (p = e.builderBlock) == null ? void 0 : p.children) != null && f.length) ? (d(), h("div", Ho, [
       N(e.$slots, "default", {}, void 0, !0)
     ])) : C("", !0)
   ], 64);
 }
-const Ho = /* @__PURE__ */ v(Oo, [["render", Fo], ["__scopeId", "data-v-741b9bbc"]]), Mo = y({
+const jo = /* @__PURE__ */ v(Uo, [["render", Mo], ["__scopeId", "data-v-17b592cd"]]), zo = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: W };
   }
 });
-function jo(e, t, n, o, r, i) {
+function Ko(e, t, n, o, r, i) {
   return d(), h("section", $({
     style: {
       width: "100%",
@@ -2135,8 +2139,8 @@ function jo(e, t, n, o, r, i) {
     N(e.$slots, "default")
   ], 16);
 }
-const Ko = /* @__PURE__ */ v(Mo, [["render", jo]]);
-function qo(e, t, n, o) {
+const qo = /* @__PURE__ */ v(zo, [["render", Ko]]);
+function Go(e, t, n, o) {
   function r(u) {
     return typeof u == "string";
   }
@@ -2150,14 +2154,14 @@ function qo(e, t, n, o) {
       if (p && p.property === "urlPath" && p.value && typeof p.value == "string" && p.value !== "/" && p.value.endsWith("/") && (b = p.value.slice(0, -1)), !(c && m))
         return !0;
       if (Array.isArray(b))
-        return m === "isNot" ? b.every((P) => s(u, {
+        return m === "isNot" ? b.every((A) => s(u, {
           property: c,
           operator: m,
-          value: P
-        })) : !!b.find((P) => s(u, {
+          value: A
+        })) : !!b.find((A) => s(u, {
           property: c,
           operator: m,
-          value: P
+          value: A
         }));
       const g = u[c];
       if (Array.isArray(g))
@@ -2193,7 +2197,7 @@ function qo(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 zo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+const Jo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2238,7 +2242,7 @@ const zo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       thisScript.remove();
     }
   }
-}`, Go = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+}`, Qo = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
   function isString(val) {
     return typeof val === 'string';
   }
@@ -2316,7 +2320,7 @@ const zo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   return item.query.every(filter => {
     return objectMatchesQuery(userAttributes, filter);
   });
-}`, Jo = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+}`, Yo = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
   function getCookie(name) {
     const nameEQ = name + '=';
     const ca = document.cookie.split(';');
@@ -2354,11 +2358,11 @@ const zo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, re = "default", Qo = "filterWithCustomTargeting", Rt = "builderIoPersonalization", Et = "updateVisibilityStylesScript", At = ["react", "vue", "svelte", "qwik"], Pt = ["vue", "svelte", "qwik"];
-function Yo(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : Pt.includes(R) ? !0 : !T();
+}`, re = "default", Qe = "filterWithCustomTargeting", ke = "builderIoPersonalization", Ce = "updateVisibilityStylesScript", Xo = "PersonalizationContainer", Bt = ["react", "vue", "svelte", "qwik"], Vt = ["vue", "svelte", "qwik"];
+function Zo(e, t) {
+  return !(e && e.length > 0) || !t ? !1 : Vt.includes(E) ? !0 : !T();
 }
-function Xo({
+function _o({
   variants: e,
   previewingIndex: t,
   isHydrated: n,
@@ -2370,7 +2374,7 @@ function Xo({
     path: "this.children",
     index: re
   };
-  if (n && A()) {
+  if (n && P()) {
     if (typeof t == "number" && t < ((e == null ? void 0 : e.length) ?? 0)) {
       const s = e == null ? void 0 : e[t];
       if (s)
@@ -2396,11 +2400,22 @@ function Xo({
   }
   return i;
 }
-const Zo = () => `
-  window.${Qo} = ${Go}
-  window.${Rt} = ${zo}
-  window.${Et} = ${Jo}
-  `, Bt = R === "react", _o = (e, t, n) => `window.${Rt}(${JSON.stringify(e)}, "${t}", ${Bt}${n ? `, "${n}"` : ""})`, er = (e, t, n) => `window.${Et}(${JSON.stringify(e)}, "${t}", ${Bt}${n ? `, "${n}"` : ""})`, me = {
+const Te = (e) => {
+  var t;
+  return Array.isArray(e) ? e.some(Te) : !e || typeof e != "object" ? !1 : ((t = e.component) == null ? void 0 : t.name) === Xo ? !0 : Object.values(e).some(Te);
+}, er = (e) => Te(e), tr = () => `
+  (function() {
+    if (!window.${Qe}) {
+      window.${Qe} = ${Qo};
+    }
+    if (!window.${ke}) {
+      window.${ke} = ${Jo};
+    }
+    if (!window.${Ce}) {
+      window.${Ce} = ${Yo};
+    }
+  })();
+  `, Nt = E === "react", nr = (e, t, n) => `window.${ke}(${JSON.stringify(e)}, "${t}", ${Nt}${n ? `, "${n}"` : ""})`, or = (e, t, n) => `window.${Ce}(${JSON.stringify(e)}, "${t}", ${Nt}${n ? `, "${n}"` : ""})`, me = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2460,7 +2475,7 @@ const Zo = () => `
       }
     }
   }]
-}, tr = {
+}, rr = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -2524,9 +2539,9 @@ const Zo = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, nr = (e) => e.toString(), or = y({
+}, ir = (e) => e.toString(), sr = y({
   name: "builder-accordion",
-  components: { Blocks: q },
+  components: { Blocks: K },
   props: [
     "grid",
     "oneAtATime",
@@ -2538,7 +2553,7 @@ const Zo = () => `
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: nr };
+    return { open: [], convertOrderNumberToString: ir };
   },
   computed: {
     onlyOneAtATime() {
@@ -2619,15 +2634,15 @@ const Zo = () => `
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), rr = ["data-index", "onClick"];
-function ir(e, t, n, o, r, i) {
+}), ar = ["data-index", "onClick"];
+function lr(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("div", {
     class: "builder-accordion",
     style: M(e.accordionStyles)
   }, [
     (d(!0), h(I, null, F(e.items, (l, a) => (d(), h(I, { key: a }, [
-      z("div", {
+      q("div", {
         class: _(e.getAccordionTitleClassName(a)),
         style: M({
           ...e.accordionTitleStyles,
@@ -2639,7 +2654,7 @@ function ir(e, t, n, o, r, i) {
         "data-index": a,
         onClick: async (u) => e.onClick(a)
       }, [
-        E(s, {
+        R(s, {
           blocks: l.title,
           path: `items.${a}.title`,
           parent: e.builderBlock.id,
@@ -2647,13 +2662,13 @@ function ir(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, rr),
+      ], 14, ar),
       e.open.includes(a) ? (d(), h("div", {
         key: 0,
         class: _(e.getAccordionDetailClassName(a)),
         style: M(e.accordionDetailStyles)
       }, [
-        E(s, {
+        R(s, {
           blocks: l.detail,
           path: `items.${a}.detail`,
           parent: e.builderBlock.id,
@@ -2665,7 +2680,7 @@ function ir(e, t, n, o, r, i) {
     ], 64))), 128))
   ], 4);
 }
-const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
+const cr = /* @__PURE__ */ v(sr, [["render", lr]]), dr = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2701,7 +2716,7 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, lr = {
+}, ur = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2908,13 +2923,13 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, cr = {
+}, pr = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Ve = ["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"], dr = ["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"], ur = {
+}, Oe = ["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"], mr = ["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"], hr = {
   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",
@@ -2929,7 +2944,7 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: Ve,
+    allowedFileTypes: Oe,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -2996,7 +3011,8 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
   }, {
     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",
@@ -3026,7 +3042,7 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, pr = {
+}, fr = {
   name: "PersonalizationContainer",
   shouldReceiveBuilderProps: {
     builderBlock: !0,
@@ -3062,9 +3078,9 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
       defaultValue: []
     }]
   }]
-}, Ne = y({
+}, De = y({
   render() {
-    return Qe("script", {
+    return _e("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id,
       nonce: this.nonce
@@ -3072,12 +3088,12 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
   },
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
-}), mr = y({
+}), br = y({
   name: "builder-personalization-container",
   components: {
-    Blocks: q,
+    Blocks: K,
     InlinedStyles: pe,
-    InlinedScript: Ne
+    InlinedScript: De
   },
   props: [
     "builderContext",
@@ -3091,25 +3107,25 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
     var e, t, n, o, r, i, s;
     return {
       userAttributes: ce.getUserAttributes(),
-      scriptStr: _o(
+      scriptStr: nr(
         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: er(
+      updateVisibilityStylesScript: or(
         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: Yo(
+      shouldRenderVariants: Zo(
         this.variants,
         G((s = this.builderContext) == null ? void 0 : s.canTrack)
       ),
       shouldResetVariants: !1,
-      TARGET: R,
+      TARGET: E,
       DEFAULT_INDEX: re,
-      SDKS_REQUIRING_RESET_APPROACH: Pt
+      SDKS_REQUIRING_RESET_APPROACH: Vt
     };
   },
   mounted() {
@@ -3120,10 +3136,10 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
         this.userAttributes = n;
       },
       {
-        fireImmediately: R === "qwik"
+        fireImmediately: E === "qwik"
       }
     );
-    if (!(A() || Re())) {
+    if (!(P() || Ae())) {
       const n = this.filteredVariants[0];
       this.$refs.rootRef && (this.$refs.rootRef.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
@@ -3164,7 +3180,7 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
     filteredVariants() {
       return (this.variants || []).filter((e) => {
         var t, n, o, r;
-        return qo(
+        return Go(
           {
             ...(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
@@ -3179,7 +3195,7 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
     },
     blocksToRender() {
       var e;
-      return Xo({
+      return _o({
         variants: this.variants,
         fallbackBlocks: (e = this.builderBlock) == null ? void 0 : e.children,
         isHydrated: this.shouldResetVariants,
@@ -3197,8 +3213,8 @@ const sr = /* @__PURE__ */ v(or, [["render", ir]]), ar = {
     }
   }
 });
-function hr(e, t, n, o, r, i) {
-  var u, p, f, c, m, b, g, P, U, V;
+function gr(e, t, n, o, r, i) {
+  var u, p, f, c, m, b, g, A, U, V;
   const s = k("Blocks"), l = k("InlinedStyles"), a = k("InlinedScript");
   return d(), h("div", $({ ref: "rootRef" }, e.attrs), [
     e.shouldResetVariants && e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) ? (d(), S(s, {
@@ -3215,39 +3231,39 @@ function hr(e, t, n, o, r, i) {
     }, null, 8, ["blocks", "parent", "path", "context", "registeredComponents", "BlocksWrapperProps"])) : C("", !0),
     !e.shouldResetVariants && e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) || !e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) ? (d(), h(I, { key: 1 }, [
       e.shouldRenderVariants ? (d(), h(I, { key: 0 }, [
-        E(l, {
+        R(l, {
           nonce: ((c = e.builderContext) == null ? void 0 : c.nonce) || "",
           styles: e.hideVariantsStyleString,
           id: `variants-styles-${(m = e.builderBlock) == null ? void 0 : m.id}`
         }, null, 8, ["nonce", "styles", "id"]),
-        E(a, {
+        R(a, {
           nonce: ((b = e.builderContext) == null ? void 0 : b.nonce) || "",
           scriptStr: e.updateVisibilityStylesScript,
           id: `variants-visibility-script-${(g = e.builderBlock) == null ? void 0 : g.id}`
         }, null, 8, ["nonce", "scriptStr", "id"]),
-        (d(!0), h(I, null, F(e.variants, (w, D) => {
-          var J, Q, O, H;
+        (d(!0), h(I, null, F(e.variants, (w, O) => {
+          var J, Q, D, H;
           return d(), S(s, {
-            key: `${(J = e.builderBlock) == null ? void 0 : J.id}-${D}`,
+            key: `${(J = e.builderBlock) == null ? void 0 : J.id}-${O}`,
             BlocksWrapperProps: {
               ...(Q = e.builderContext) == null ? void 0 : Q.BlocksWrapperProps,
               "aria-hidden": !0,
               hidden: !0,
-              "data-variant-id": `${(O = e.builderBlock) == null ? void 0 : O.id}-${D}`
+              "data-variant-id": `${(D = e.builderBlock) == null ? void 0 : D.id}-${O}`
             },
             blocks: w.blocks,
             parent: (H = e.builderBlock) == null ? void 0 : H.id,
-            path: `component.options.variants.${D}.blocks`,
+            path: `component.options.variants.${O}.blocks`,
             context: e.builderContext,
             registeredComponents: e.builderComponents
           }, {
             default: x(() => {
-              var De, Oe;
+              var Ue, Le;
               return [
-                E(a, {
-                  nonce: ((De = e.builderContext) == null ? void 0 : De.nonce) || "",
+                R(a, {
+                  nonce: ((Ue = e.builderContext) == null ? void 0 : Ue.nonce) || "",
                   scriptStr: e.scriptStr,
-                  id: `variants-script-${(Oe = e.builderBlock) == null ? void 0 : Oe.id}-${D}`
+                  id: `variants-script-${(Le = e.builderBlock) == null ? void 0 : Le.id}-${O}`
                 }, null, 8, ["nonce", "scriptStr", "id"])
               ];
             }),
@@ -3255,9 +3271,9 @@ function hr(e, t, n, o, r, i) {
           }, 1032, ["BlocksWrapperProps", "blocks", "parent", "path", "context", "registeredComponents"]);
         }), 128))
       ], 64)) : C("", !0),
-      E(s, {
+      R(s, {
         blocks: e.blocksToRender.blocks,
-        parent: (P = e.builderBlock) == null ? void 0 : P.id,
+        parent: (A = e.builderBlock) == null ? void 0 : A.id,
         path: e.blocksToRender.path,
         context: e.builderContext,
         registeredComponents: e.builderComponents,
@@ -3267,13 +3283,13 @@ function hr(e, t, n, o, r, i) {
         }
       }, {
         default: x(() => {
-          var w, D;
+          var w, O;
           return [
             e.shouldRenderVariants ? (d(), S(a, {
               key: 0,
               nonce: ((w = e.builderContext) == null ? void 0 : w.nonce) || "",
               scriptStr: e.scriptStr,
-              id: `variants-script-${(D = e.builderBlock) == null ? void 0 : D.id}-${e.DEFAULT_INDEX}`
+              id: `variants-script-${(O = e.builderBlock) == null ? void 0 : O.id}-${e.DEFAULT_INDEX}`
             }, null, 8, ["nonce", "scriptStr", "id"])) : C("", !0)
           ];
         }),
@@ -3282,7 +3298,7 @@ function hr(e, t, n, o, r, i) {
     ], 64)) : C("", !0)
   ], 16);
 }
-const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
+const yr = /* @__PURE__ */ v(br, [["render", gr]]), vr = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -3321,7 +3337,7 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
       }
     }
   }]
-}, gr = {
+}, Sr = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -3338,12 +3354,12 @@ const fr = /* @__PURE__ */ v(mr, [["render", hr]]), br = {
     builderContext: !0,
     builderComponents: !0
   }
-}, yr = y({
+}, kr = y({
   name: "builder-slot",
-  components: { Blocks: q },
+  components: { Blocks: K },
   props: ["builderContext", "name", "builderComponents"]
 });
-function vr(e, t, n, o, r, i) {
+function Cr(e, t, n, o, r, i) {
   var l, a, u;
   const s = k("Blocks");
   return d(), h("div", $(
@@ -3354,7 +3370,7 @@ function vr(e, t, n, o, r, i) {
       "builder-slot": e.name
     }
   ), [
-    E(s, {
+    R(s, {
       parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
@@ -3363,7 +3379,7 @@ function vr(e, t, n, o, r, i) {
     }, null, 8, ["parent", "path", "context", "registeredComponents", "blocks"])
   ], 16);
 }
-const Sr = /* @__PURE__ */ v(yr, [["render", vr]]), kr = {
+const Tr = /* @__PURE__ */ v(kr, [["render", Cr]]), wr = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -3440,7 +3456,7 @@ const Sr = /* @__PURE__ */ v(yr, [["render", vr]]), kr = {
       text: "New tab content "
     }
   }
-}, Cr = {
+}, Ir = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -3543,9 +3559,9 @@ const Sr = /* @__PURE__ */ v(yr, [["render", vr]]), kr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Tr = y({
+}, $r = y({
   name: "builder-tabs",
-  components: { Blocks: q },
+  components: { Blocks: K },
   props: [
     "defaultActiveTab",
     "tabs",
@@ -3571,11 +3587,11 @@ const Sr = /* @__PURE__ */ v(yr, [["render", vr]]), kr = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), wr = ["onClick"], Ir = { key: 0 };
-function $r(e, t, n, o, r, i) {
+}), Er = ["onClick"], Rr = { key: 0 };
+function Pr(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",
@@ -3590,7 +3606,7 @@ function $r(e, t, n, o, r, i) {
         style: M(e.getTabStyle(a)),
         onClick: async (u) => e.onClick(a)
       }, [
-        E(s, {
+        R(s, {
           parent: e.builderBlock.id,
           path: `tabs.${a}.label`,
           blocks: l.label,
@@ -3598,10 +3614,10 @@ function $r(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, wr))), 128))
+      ], 14, Er))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), h("div", Ir, [
-      E(s, {
+    e.activeTabContent(e.activeTab) ? (d(), h("div", Rr, [
+      R(s, {
         parent: e.builderBlock.id,
         path: `tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
@@ -3612,7 +3628,7 @@ function $r(e, t, n, o, r, i) {
     ])) : C("", !0)
   ]);
 }
-const Rr = /* @__PURE__ */ v(Tr, [["render", $r]]), Er = {
+const Ar = /* @__PURE__ */ v($r, [["render", Pr]]), Br = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
@@ -3630,11 +3646,11 @@ const Rr = /* @__PURE__ */ v(Tr, [["render", $r]]), Er = {
     height: "auto",
     textAlign: "center"
   }
-}, Ar = y({
+}, Vr = y({
   name: "builder-text",
   props: ["text"]
-}), Pr = ["innerHTML"];
-function Br(e, t, n, o, r, i) {
+}), Nr = ["innerHTML"];
+function Wr(e, t, n, o, r, i) {
   var s;
   return d(), h("div", {
     class: "builder-text",
@@ -3642,9 +3658,9 @@ function Br(e, t, n, o, r, i) {
     style: {
       outline: "none"
     }
-  }, null, 8, Pr);
+  }, null, 8, Nr);
 }
-const Vr = /* @__PURE__ */ v(Ar, [["render", Br]]), Nr = {
+const Or = /* @__PURE__ */ v(Vr, [["render", Wr]]), Dr = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -3666,7 +3682,7 @@ const Vr = /* @__PURE__ */ v(Ar, [["render", Br]]), Nr = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Wr = y({
+}, xr = y({
   name: "builder-custom-code",
   props: ["code", "replaceNodes"],
   data() {
@@ -3678,7 +3694,7 @@ const Vr = /* @__PURE__ */ v(Ar, [["render", Br]]), Nr = {
   watch: {
     onUpdateHook0: {
       handler() {
-        A() && setTimeout(() => {
+        P() && setTimeout(() => {
           this.runScripts();
         }, 0);
       },
@@ -3725,15 +3741,15 @@ const Vr = /* @__PURE__ */ v(Ar, [["render", Br]]), Nr = {
       }
     }
   }
-}), Dr = ["innerHTML"];
-function Or(e, t, n, o, r, i) {
+}), Ur = ["innerHTML"];
+function Lr(e, t, n, o, r, i) {
   return d(), h("div", {
     ref: "elementRef",
     class: _("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, Dr);
+  }, null, 10, Ur);
 }
-const xr = /* @__PURE__ */ v(Wr, [["render", Or]]), Ur = {
+const Fr = /* @__PURE__ */ v(xr, [["render", Lr]]), Hr = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3748,7 +3764,7 @@ const xr = /* @__PURE__ */ v(Wr, [["render", Or]]), Ur = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Lr = ["text/javascript", "application/javascript", "application/ecmascript"], Fr = (e) => Lr.includes(e.type), Hr = y({
+}, Mr = ["text/javascript", "application/javascript", "application/ecmascript"], jr = (e) => Mr.includes(e.type), zr = y({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -3781,7 +3797,7 @@ const xr = /* @__PURE__ */ v(Wr, [["render", Or]]), Ur = {
           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 (jr(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -3790,15 +3806,15 @@ const xr = /* @__PURE__ */ v(Wr, [["render", Or]]), Ur = {
       }
     }
   }
-}), Mr = ["innerHTML"];
-function jr(e, t, n, o, r, i) {
+}), Kr = ["innerHTML"];
+function qr(e, t, n, o, r, i) {
   return d(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Mr);
+  }, null, 8, Kr);
 }
-const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
+const Gr = /* @__PURE__ */ v(zr, [["render", qr]]), Jr = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -4035,12 +4051,12 @@ const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, zr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Gr = () => {
+}, Qr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Yr = () => {
   const e = process.env.NODE_ENV || "production";
-  return zr.includes(e) ? e : "production";
-}, Jr = y({
+  return Qr.includes(e) ? e : "production";
+}, Xr = y({
   name: "builder-form-component",
-  components: { Blocks: q },
+  components: { Blocks: K },
   props: [
     "builderContext",
     "previewState",
@@ -4079,7 +4095,7 @@ const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
       this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
     },
     submissionState() {
-      return A() && this.previewState || this.formState;
+      return P() && this.previewState || this.formState;
     },
     errorResponse(e) {
       return JSON.stringify(e, null, 2);
@@ -4131,7 +4147,7 @@ const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
         else {
           const c = {};
           Array.from(l).forEach(({ value: m, key: b }) => {
-            dt(c, b, m);
+            ht(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));
@@ -4149,16 +4165,16 @@ const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
           });
           return;
         }
-        const p = `${Gr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const p = `${Yr() === "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;
-        Ie(f), fetch(f, {
+        Re(f), fetch(f, {
           body: i,
           headers: r,
           method: this.method || "post"
         }).then(
           async (c) => {
-            var g, P;
+            var g, A;
             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) {
@@ -4168,12 +4184,12 @@ const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
                   status: c.status
                 }
               });
-              if ((g = this.$refs.formRef) != null && g.nativeElement && ((P = this.$refs.formRef) == null || P.nativeElement.dispatchEvent(
+              if ((g = this.$refs.formRef) != null && g.nativeElement && ((A = this.$refs.formRef) == null || A.nativeElement.dispatchEvent(
                 U
               ), U.defaultPrevented))
                 return;
               this.responseData = m, this.formState = "error";
-              let V = this.errorMessagePath ? Xe(m, this.errorMessagePath) : m.message || m.error || m;
+              let V = this.errorMessagePath ? tt(m, this.errorMessagePath) : m.message || m.error || m;
               typeof V != "string" && (V = JSON.stringify(V)), this.formErrorMessage = V, this.mergeNewRootState({
                 formErrorMessage: V
               });
@@ -4215,11 +4231,11 @@ const Kr = /* @__PURE__ */ v(Hr, [["render", jr]]), qr = {
       }
     }
   }
-}), Qr = ["validate", "action", "method", "name"], Yr = {
+}), Zr = ["validate", "action", "method", "name"], _r = {
   key: 2,
   class: "builder-form-error-text pre-2oa2wtipkzk"
 };
-function Xr(e, t, n, o, r, i) {
+function ei(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("form", $({
     validate: e.validate,
@@ -4242,16 +4258,16 @@ function Xr(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", Yr, de(e.errorResponse(e.responseData)), 1)) : C("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), h("pre", _r, de(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, Qr);
+  ], 16, Zr);
 }
-const Zr = /* @__PURE__ */ v(Jr, [["render", Xr], ["__scopeId", "data-v-77c7888c"]]), _r = {
+const ti = /* @__PURE__ */ v(Xr, [["render", ei], ["__scopeId", "data-v-77c7888c"]]), ni = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -4302,7 +4318,7 @@ const Zr = /* @__PURE__ */ v(Jr, [["render", Xr], ["__scopeId", "data-v-77c7888c
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, ei = y({
+}, oi = y({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -4314,10 +4330,10 @@ const Zr = /* @__PURE__ */ v(Jr, [["render", Xr], ["__scopeId", "data-v-77c7888c
     "required"
   ],
   data() {
-    return { isEditing: A, filterAttrs: W };
+    return { isEditing: P, filterAttrs: W };
   }
-}), ti = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function ni(e, t, n, o, r, i) {
+}), ri = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function ii(e, t, n, o, r, i) {
   return d(), h("input", $({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -4326,9 +4342,9 @@ function ni(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), L(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, ti);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), L(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, ri);
 }
-const oi = /* @__PURE__ */ v(ei, [["render", ni]]), ri = {
+const si = /* @__PURE__ */ v(oi, [["render", ii]]), ai = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -4370,14 +4386,14 @@ const oi = /* @__PURE__ */ v(ei, [["render", ni]]), ri = {
   }],
   static: !0,
   noWrap: !0
-}, ii = y({
+}, li = y({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: A, filterAttrs: W };
+    return { isEditing: P, filterAttrs: W };
   }
-}), si = ["value", "defaultValue", "name", "required"], ai = ["value"];
-function li(e, t, n, o, r, i) {
+}), ci = ["value", "defaultValue", "name", "required"], di = ["value"];
+function ui(e, t, n, o, r, i) {
   return d(), h("select", $({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
@@ -4388,10 +4404,10 @@ function li(e, t, n, o, r, i) {
     (d(!0), h(I, null, F(e.options, (s, l) => (d(), h("option", {
       key: `${s.name}-${l}`,
       value: s.value
-    }, de(s.name || s.value), 9, ai))), 128))
-  ], 16, si);
+    }, de(s.name || s.value), 9, di))), 128))
+  ], 16, ci);
 }
-const ci = /* @__PURE__ */ v(ii, [["render", li]]), di = {
+const pi = /* @__PURE__ */ v(li, [["render", ui]]), mi = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -4416,17 +4432,17 @@ const ci = /* @__PURE__ */ v(ii, [["render", li]]), di = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, ui = y({
+}, hi = y({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: W };
   }
 });
-function pi(e, t, n, o, r, i) {
+function fi(e, t, n, o, r, i) {
   return d(), h("button", $({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), L(e.filterAttrs(e.attributes, "v-on:", !0), !0)), de(e.text), 17);
 }
-const mi = /* @__PURE__ */ v(ui, [["render", pi]]), hi = {
+const bi = /* @__PURE__ */ v(hi, [["render", fi]]), gi = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -4462,7 +4478,7 @@ const mi = /* @__PURE__ */ v(ui, [["render", pi]]), hi = {
   },
   static: !0,
   noWrap: !0
-}, fi = y({
+}, yi = y({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -4475,17 +4491,17 @@ const mi = /* @__PURE__ */ v(ui, [["render", pi]]), hi = {
   data() {
     return { filterAttrs: W };
   }
-}), bi = ["placeholder", "name", "value", "defaultValue", "required"];
-function gi(e, t, n, o, r, i) {
+}), vi = ["placeholder", "name", "value", "defaultValue", "required"];
+function Si(e, t, n, o, r, i) {
   return d(), h("textarea", $({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), L(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, bi);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), L(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, vi);
 }
-const yi = /* @__PURE__ */ v(fi, [["render", gi]]), vi = {
+const ki = /* @__PURE__ */ v(yi, [["render", Si]]), Ci = {
   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",
@@ -4493,7 +4509,7 @@ const yi = /* @__PURE__ */ v(fi, [["render", gi]]), vi = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: Ve,
+    allowedFileTypes: Oe,
     required: !0
   }, {
     name: "backgroundSize",
@@ -4529,7 +4545,7 @@ const yi = /* @__PURE__ */ v(fi, [["render", gi]]), vi = {
     defaultValue: 0.7041
   }],
   noWrap: !0
-}, Si = y({
+}, Ti = y({
   name: "builder-img-component",
   props: [
     "imgSrc",
@@ -4542,7 +4558,7 @@ const yi = /* @__PURE__ */ v(fi, [["render", gi]]), vi = {
     "aspectRatio"
   ],
   data() {
-    return { isEditing: A };
+    return { isEditing: P };
   },
   computed: {
     srcSetToUse() {
@@ -4559,8 +4575,8 @@ const yi = /* @__PURE__ */ v(fi, [["render", gi]]), vi = {
       return delete e.style, e;
     }
   }
-}), ki = ["alt", "title", "src"];
-function Ci(e, t, n, o, r, i) {
+}), wi = ["alt", "title", "src"];
+function Ii(e, t, n, o, r, i) {
   var s;
   return d(), h("img", $({
     loading: "lazy",
@@ -4574,9 +4590,9 @@ function Ci(e, t, n, o, r, i) {
       aspectRatio: e.aspectRatio || void 0,
       ...((s = e.attributes) == null ? void 0 : s.style) || {}
     }
-  }, e.imgAttrs), null, 16, ki);
+  }, e.imgAttrs), null, 16, wi);
 }
-const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
+const $i = /* @__PURE__ */ v(Ti, [["render", Ii]]), Ei = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -4587,14 +4603,14 @@ const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: dr,
+    allowedFileTypes: mr,
     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: Ve,
+    allowedFileTypes: Oe,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -4660,7 +4676,7 @@ const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Ii = y({
+}, Ri = y({
   name: "builder-video",
   props: [
     "lazyLoad",
@@ -4733,16 +4749,16 @@ const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
       };
     }
   }
-}), $i = { style: {
+}), Pi = { style: {
   position: "relative"
-} }, Ri = ["preload", "poster"], Ei = {
+} }, Ai = ["preload", "poster"], Bi = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, Ai = {
+}, Vi = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -4756,10 +4772,10 @@ const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
     height: "100%"
   }
 };
-function Pi(e, t, n, o, r, i) {
+function Ni(e, t, n, o, r, i) {
   var s, l, a, u, p, f, c;
-  return d(), h("div", $i, [
-    z("video", $({
+  return d(), h("div", Pi, [
+    q("video", $({
       class: "builder-video",
       ref: "videoRef",
       preload: e.lazyLoad ? "none" : e.preload || "metadata",
@@ -4778,7 +4794,7 @@ function Pi(e, t, n, o, r, i) {
       },
       poster: e.posterImage
     }, e.spreadProps), [
-      z("source", $(
+      q("source", $(
         { type: "video/mp4" },
         e.lazyLoad ? {
           "data-src": e.video
@@ -4786,7 +4802,7 @@ function Pi(e, t, n, o, r, i) {
           src: e.video
         }
       ), null, 16)
-    ], 16, Ri),
+    ], 16, Ai),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), h("div", {
       key: 0,
       style: M({
@@ -4796,75 +4812,75 @@ function Pi(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", Ei, [
+    (p = (u = e.builderBlock) == null ? void 0 : u.children) != null && p.length && e.fitContent ? (d(), h("div", Bi, [
       N(e.$slots, "default")
     ])) : C("", !0),
-    (c = (f = e.builderBlock) == null ? void 0 : f.children) != null && c.length && !e.fitContent ? (d(), h("div", Ai, [
+    (c = (f = e.builderBlock) == null ? void 0 : f.children) != null && c.length && !e.fitContent ? (d(), h("div", Vi, [
       N(e.$slots, "default")
     ])) : C("", !0)
   ]);
 }
-const Bi = /* @__PURE__ */ v(Ii, [["render", Pi]]), Vi = () => [{
-  component: xr,
-  ...Nr
+const Wi = /* @__PURE__ */ v(Ri, [["render", Ni]]), Oi = () => [{
+  component: Fr,
+  ...Dr
 }, {
-  component: Kr,
-  ...Ur
+  component: Gr,
+  ...Hr
 }, {
-  component: Zr,
-  ...qr
+  component: ti,
+  ...Jr
 }, {
-  component: oi,
-  ..._r
+  component: si,
+  ...ni
 }, {
-  component: mi,
-  ...di
+  component: bi,
+  ...mi
 }, {
-  component: ci,
-  ...ri
+  component: pi,
+  ...ai
 }, {
-  component: yi,
-  ...hi
+  component: ki,
+  ...gi
 }, {
-  component: Ti,
-  ...vi
+  component: $i,
+  ...Ci
 }, {
-  component: Bi,
-  ...wi
-}], ze = () => [{
-  component: Ft,
-  ...ar
+  component: Wi,
+  ...Ei
+}], Ye = () => [{
+  component: Mt,
+  ...dr
 }, {
-  component: Po,
-  ...lr
+  component: Vo,
+  ...ur
 }, {
-  component: No,
-  ...cr
+  component: Oo,
+  ...pr
 }, {
-  component: Ho,
-  ...ur
+  component: jo,
+  ...hr
 }, {
-  component: Ko,
-  ...br
+  component: qo,
+  ...vr
 }, {
-  component: Sr,
-  ...gr
+  component: Tr,
+  ...Sr
 }, {
-  component: bs,
-  ...kr
+  component: vs,
+  ...wr
 }, {
-  component: Vr,
-  ...Er
-}, ...At.includes(R) ? [{
-  component: fr,
-  ...pr
+  component: Or,
+  ...Br
+}, ...Bt.includes(E) ? [{
+  component: yr,
+  ...fr
 }] : [], {
-  component: Rr,
-  ...Cr
+  component: Ar,
+  ...Ir
 }, {
-  component: sr,
-  ...tr
-}, ...Vi()], Ni = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
+  component: cr,
+  ...rr
+}, ...Oi()], Di = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4923,7 +4939,7 @@ const Bi = /* @__PURE__ */ v(Ii, [["render", Pi]]), Vi = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Wi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, xi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4957,37 +4973,37 @@ const Bi = /* @__PURE__ */ v(Ii, [["render", Pi]]), Vi = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, ke = "builderIoAbTest", Ce = "builderIoRenderContent", ie = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, we = "builderIoAbTest", Ie = "builderIoRenderContent", ie = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Di = ({
+})), Ui = ({
   canTrack: e,
   content: t
-}) => !(!(ie(t).length > 0) || !e), Oi = (e) => e === "react" || e === "reactNative", xi = R === "angular", We = Oi(R), Ui = () => `
+}) => !(!(ie(t).length > 0) || !e), Li = (e) => e === "react" || e === "reactNative", Fi = E === "angular", xe = Li(E), Hi = () => `
   (function() {
-    if (!window.${ke}) {
-      window.${ke} = ${Ni};
+    if (!window.${we}) {
+      window.${we} = ${Di};
     }
-    if (!window.${Ce}) {
-      window.${Ce} = ${Wi};
-    }${We ? `
+    if (!window.${Ie}) {
+      window.${Ie} = ${xi};
+    }${xe ? `
     var thisScriptEl = document.currentScript;
     if (thisScriptEl) { thisScriptEl.remove(); }` : ""}
   })();
-  `, Li = (e, t) => `
-  window.${ke}(
-    "${t}",${JSON.stringify(e)}, ${We}, ${xi}
-  )`, Fi = ({
+  `, Mi = (e, t) => `
+  window.${we}(
+    "${t}",${JSON.stringify(e)}, ${xe}, ${Fi}
+  )`, ji = ({
   contentId: e,
   variationId: t
-}) => `window.${Ce}(
-    "${t}", "${e}", ${We}
+}) => `window.${Ie}(
+    "${t}", "${e}", ${xe}
   )`;
-function Ge(e) {
+function Xe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Hi = (e, t, n = !0) => {
+const zi = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -4998,35 +5014,35 @@ const Hi = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Mi = (e) => Hi(e, (t) => {
+}, Ki = (e) => zi(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Je = ({
+}), Ze = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Ge(o / n.width), s = Ge(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Xe(o / n.width), s = Xe(r / n.height);
   return {
     x: i,
     y: s
   };
-}, ji = (e) => {
-  const t = e.target, n = t && Mi(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, qi = (e) => {
+  const t = e.target, n = t && Ki(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 ? Ze({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Je({
+      builderTargetOffset: n ? Ze({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Ki = ["svelte", "qwik", "vue"], qi = () => Ki.includes(R) && (A() || Re()), zi = (e) => {
+}, Gi = ["svelte", "qwik", "vue"], Ji = () => Gi.includes(E) && (P() || Ae()), Qi = (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 = "";
@@ -5052,15 +5068,15 @@ font-weight: ${s};
         `.trim());
     }
   return r;
-}, Gi = ({
+}, Yi = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => zi(n))) == null ? void 0 : t.join(" ")) || "";
-}, Ji = ({
+  return ((t = e == null ? void 0 : e.map((n) => Qi(n))) == null ? void 0 : t.join(" ")) || "";
+}, Xi = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Qi = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Zi = `
 .builder-button {
   all: unset;
 }
@@ -5077,7 +5093,7 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, Yi = (e) => e ? "" : Qi, Xi = (e) => `variant-${e}`, Zi = y({
+`, _i = (e) => e ? "" : Zi, es = (e) => `variant-${e}`, ts = y({
   name: "enable-editor",
   components: { DynamicDiv: te },
   props: [
@@ -5103,13 +5119,14 @@ font-weight: ${s};
       contextValue: this.builderContextSignal,
       prevData: null,
       prevLocale: "",
+      prevContent: null,
       ContentWrapper: this.contentWrapper || "div",
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
       builderContext: ge,
-      needsElementRefDivForEditing: qi,
-      getWrapperClassName: Xi
+      needsElementRefDivForEditing: Ji,
+      getWrapperClassName: es
     };
   },
   provide() {
@@ -5124,7 +5141,7 @@ font-weight: ${s};
   mounted() {
     var e, t, n;
     if (T()) {
-      A() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      P() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
       );
       const o = this.builderContextSignal.content && G(this.canTrack), r = ue({
@@ -5142,7 +5159,7 @@ font-weight: ${s};
           variationId: r !== s ? r : void 0
         });
       }
-      Re() && !A() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      Ae() && !P() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -5244,7 +5261,7 @@ font-weight: ${s};
       this.builderContextSignal.content = n;
     },
     processMessage(e) {
-      return ht({
+      return yt({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -5258,7 +5275,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            kt(t);
+            It(t);
           },
           contentUpdate: (t, n) => {
             this.mergeNewContent(t, n);
@@ -5280,7 +5297,7 @@ font-weight: ${s};
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...ji(e),
+          ...qi(e),
           unique: !this.clicked
         });
       }
@@ -5294,7 +5311,7 @@ font-weight: ${s};
           if (!r)
             return;
           const i = typeof r == "object" && r["@type"] === "@builder.io/core:Request";
-          if (this.httpReqsPending[o] || this.httpReqsData[o] && !A())
+          if (this.httpReqsPending[o] || this.httpReqsData[o] && !P())
             return;
           const s = i ? r.request.url : r;
           this.httpReqsPending[o] = !0;
@@ -5318,7 +5335,7 @@ font-weight: ${s};
             url: l,
             method: "GET"
           };
-          Ie(JSON.stringify(a));
+          Re(JSON.stringify(a));
           const u = {
             method: a.method,
             headers: a.headers,
@@ -5341,12 +5358,12 @@ font-weight: ${s};
       );
     },
     emitStateUpdate() {
-      A() && window.dispatchEvent(
+      P() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
             detail: {
-              state: $e(this.builderContextSignal.rootState),
+              state: Pe(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -5356,7 +5373,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), mt({
+      window.addEventListener("message", this.processMessage), gt({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -5373,7 +5390,7 @@ font-weight: ${s};
       ).forEach((t) => {
         var n, o;
         if (!((n = t.models) != null && n.length) || t.models.includes(this.model)) {
-          const r = En(t);
+          const r = An(t);
           (o = window.parent) == null || o.postMessage(r, "*");
         }
       }), window.addEventListener(
@@ -5386,7 +5403,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)) && Pe({
+      (n === "BUILDER_STUDIO" || n === this.model && r === this.apiKey && (!this.content || o === this.content.id)) && Ne({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion,
@@ -5401,7 +5418,7 @@ font-weight: ${s};
     }
   }
 });
-function _i(e, t, n, o, r, i) {
+function ns(e, t, n, o, r, i) {
   var s, l, a;
   return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(X(e.ContentWrapper), $({
     key: 0,
@@ -5422,26 +5439,26 @@ function _i(e, t, n, o, r, i) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : C("", !0);
 }
-const es = /* @__PURE__ */ v(Zi, [["render", _i]]), ts = y({
+const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = y({
   name: "content-styles",
   components: { InlinedStyles: pe },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${Ji({
+${Xi({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Gi({
+${Yi({
         customFonts: this.customFonts
       })}
-${Yi(this.isNestedRender)}
+${_i(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function ns(e, t, n, o, r, i) {
+function is(e, t, n, o, r, i) {
   const s = k("InlinedStyles");
   return d(), S(s, {
     id: "builderio-content",
@@ -5449,7 +5466,7 @@ function ns(e, t, n, o, r, i) {
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
+const ss = /* @__PURE__ */ v(rs, [["render", is]]), as = ({
   content: e,
   data: t,
   locale: n
@@ -5466,7 +5483,7 @@ const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
       locale: n
     } : {}
   };
-}, is = ({
+}, ls = ({
   content: e,
   data: t
 }) => e ? {
@@ -5476,13 +5493,13 @@ const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, ss = Nt, as = y({
+} : void 0, cs = Ot, ds = y({
   name: "content-component",
   components: {
-    EnableEditor: es,
-    InlinedScript: Ne,
-    ContentStyles: os,
-    Blocks: q,
+    EnableEditor: os,
+    InlinedScript: De,
+    ContentStyles: ss,
+    Blocks: K,
     DynamicDiv: te
   },
   props: [
@@ -5511,32 +5528,32 @@ const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
   data() {
     var e, t;
     return {
-      scriptStr: Fi({
+      scriptStr: ji({
         // 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: [
-        ...ze(),
+        ...Ye(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: ss(o),
+            component: cs(o),
             ...le(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: is({
+        content: ls({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: rs({
+        rootState: as({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -5547,7 +5564,7 @@ const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...ze(),
+          ...Ye(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
@@ -5562,13 +5579,13 @@ const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
         nonce: this.nonce || "",
         model: this.model
       },
-      TARGET: R
+      TARGET: E
     };
   },
   provide() {
     const e = this;
     return {
-      [Ye.key]: {
+      [et.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -5612,7 +5629,7 @@ const os = /* @__PURE__ */ v(ts, [["render", ns]]), rs = ({
     }
   }
 });
-function ls(e, t, n, o, r, i) {
+function us(e, t, n, o, r, i) {
   const s = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
   return d(), S(u, $({
     apiHost: e.apiHost,
@@ -5633,7 +5650,7 @@ function ls(e, t, n, o, r, i) {
     isNestedRender: e.isNestedRender
   }, {}), {
     default: x(() => {
-      var p, f, c, m, b, g, P;
+      var p, f, c, m, b, g, A;
       return [
         e.isSsrAbTest ? (d(), S(s, {
           key: 0,
@@ -5649,8 +5666,8 @@ function ls(e, t, n, o, r, i) {
           cssCode: (c = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : c.cssCode,
           customFonts: (b = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : b.customFonts
         }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : C("", !0),
-        E(a, {
-          blocks: (P = (g = e.builderContextSignal.content) == null ? void 0 : g.data) == null ? void 0 : P.blocks,
+        R(a, {
+          blocks: (A = (g = e.builderContextSignal.content) == null ? void 0 : g.data) == null ? void 0 : A.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -5660,19 +5677,19 @@ function ls(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 cs = /* @__PURE__ */ v(as, [["render", ls]]), ds = y({
+const ps = /* @__PURE__ */ v(ds, [["render", us]]), ms = y({
   name: "content-variants",
   components: {
-    InlinedScript: Ne,
+    InlinedScript: De,
     InlinedStyles: pe,
-    ContentComponent: cs
+    ContentComponent: ps
   },
   props: [
     "canTrack",
     "content",
-    "isNestedRender",
     "nonce",
     "apiHost",
+    "isNestedRender",
     "model",
     "data",
     "context",
@@ -5690,14 +5707,15 @@ const cs = /* @__PURE__ */ v(as, [["render", ls]]), ds = y({
   ],
   data() {
     return {
-      shouldRenderVariants: Di({
+      shouldRenderVariants: Ui({
         canTrack: G(this.canTrack),
         content: this.content
       }),
-      SDKS_SUPPORTING_PERSONALIZATION: At,
-      getInitPersonalizationVariantsFnsScriptString: Zo,
-      TARGET: R,
-      getInitVariantsFnsScriptString: Ui,
+      shouldEmitPersonalizationFns: er(this.content),
+      SDKS_SUPPORTING_PERSONALIZATION: Bt,
+      getInitPersonalizationVariantsFnsScriptString: tr,
+      TARGET: E,
+      getInitVariantsFnsScriptString: Hi,
       getVariants: ie
     };
   },
@@ -5706,7 +5724,7 @@ const cs = /* @__PURE__ */ v(as, [["render", ls]]), ds = y({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Li(
+      return Mi(
         ie(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -5722,17 +5740,17 @@ const cs = /* @__PURE__ */ v(as, [["render", ls]]), ds = y({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Un({
+      } : Fn({
         item: this.content,
         canTrack: G(this.canTrack)
       });
     }
   }
 });
-function us(e, t, n, o, r, i) {
+function hs(e, t, n, o, r, i) {
   const s = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
   return d(), h(I, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), h(I, { key: 0 }, [
+    e.shouldEmitPersonalizationFns ? (d(), h(I, { key: 0 }, [
       e.SDKS_SUPPORTING_PERSONALIZATION.includes(e.TARGET) ? (d(), S(s, {
         key: 0,
         id: "builderio-init-personalization-variants-fns",
@@ -5741,17 +5759,17 @@ function us(e, t, n, o, r, i) {
       }, null, 8, ["nonce", "scriptStr"])) : C("", !0)
     ], 64)) : C("", !0),
     e.shouldRenderVariants ? (d(), h(I, { key: 1 }, [
-      E(s, {
+      R(s, {
         id: "builderio-init-variants-fns",
         scriptStr: e.getInitVariantsFnsScriptString(),
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      E(l, {
+      R(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
         nonce: e.nonce || ""
       }, null, 8, ["styles", "nonce"]),
-      E(s, {
+      R(s, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
@@ -5781,7 +5799,7 @@ function us(e, t, n, o, r, i) {
         trustedHosts: e.trustedHosts
       }, {}), null, 16, ["apiHost", "isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : C("", !0),
-    E(a, $({
+    R(a, $({
       apiHost: e.apiHost,
       nonce: e.nonce,
       isNestedRender: e.isNestedRender,
@@ -5808,13 +5826,13 @@ function us(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 ps = /* @__PURE__ */ v(ds, [["render", us]]), ms = async ({
+const fs = /* @__PURE__ */ v(ms, [["render", hs]]), bs = 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 Pe({
+    return Ne({
       model: t.model,
       apiKey: t.global && t.ownerId ? t.ownerId : e.apiKey,
       apiVersion: e.apiVersion,
@@ -5826,9 +5844,9 @@ const ps = /* @__PURE__ */ v(ds, [["render", us]]), ms = async ({
     }).catch((n) => {
       B.error("Could not fetch symbol content: ", n);
     });
-}, hs = y({
+}, gs = y({
   name: "builder-symbol",
-  components: { ContentVariants: ps, DynamicDiv: te },
+  components: { ContentVariants: fs, DynamicDiv: te },
   props: [
     "symbol",
     "builderComponents",
@@ -5885,7 +5903,7 @@ const ps = /* @__PURE__ */ v(ds, [["render", us]]), ms = async ({
   methods: {
     setContent() {
       var e;
-      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || ms({
+      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || bs({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((t) => {
@@ -5895,11 +5913,11 @@ const ps = /* @__PURE__ */ v(ds, [["render", us]]), ms = async ({
     }
   }
 });
-function fs(e, t, n, o, r, i) {
+function ys(e, t, n, o, r, i) {
   var l, a, u, p, f, c, m;
   const s = k("ContentVariants");
   return d(), h("div", $({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, L(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    E(s, {
+    R(s, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -5923,47 +5941,47 @@ function fs(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const bs = /* @__PURE__ */ v(hs, [["render", fs]]);
+const vs = /* @__PURE__ */ v(gs, [["render", ys]]);
 export {
-  ws as A,
-  It as B,
-  Po as C,
-  $s as D,
-  Qn as E,
-  No as F,
-  Yn as G,
-  Pe as H,
-  Ho as I,
-  vs as J,
-  As as K,
-  Ko as S,
-  R as T,
-  Bi as V,
+  Es as A,
+  Pt as B,
+  Vo as C,
+  Ps as D,
+  Xn as E,
+  Oo as F,
+  Zn as G,
+  Ne as H,
+  jo as I,
+  Cs as J,
+  Vs as K,
+  qo as S,
+  E as T,
+  Wi as V,
   v as _,
   j as a,
   ge as b,
   pe as c,
-  K as d,
+  z as d,
   ee as e,
-  $o as f,
-  Es as g,
-  Rs as h,
-  A as i,
-  Ps as j,
-  Be as k,
-  Rn as l,
-  Ft as m,
-  bs as n,
-  Vr as o,
-  q as p,
-  ps as q,
-  Re as r,
-  Is as s,
-  En as t,
-  ks as u,
-  Cs as v,
-  ss as w,
-  Ts as x,
-  ut as y,
-  Ss as z
+  Ro as f,
+  Bs as g,
+  As as h,
+  P as i,
+  Ns as j,
+  We as k,
+  Pn as l,
+  Mt as m,
+  vs as n,
+  Or as o,
+  K as p,
+  fs as q,
+  Ae as r,
+  Rs as s,
+  An as t,
+  ws as u,
+  Is as v,
+  cs as w,
+  $s as x,
+  ft as y,
+  Ts as z
 };