@builder.io/sdk-vue 5.2.11 → 5.2.13

package/lib/node/{index-JQgNoVXs.js → index-DWznrY3w.js}

@@ -1,6 +1,6 @@
-import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as w, createBlock as S, resolveDynamicComponent as X, mergeProps as I, toHandlers as x, withCtx as D, renderSlot as V, resolveComponent as k, createTextVNode as Ct, toDisplayString as ce, defineAsyncComponent as Y, createVNode as $, renderList as U, createCommentVNode as T, h as Qe, createElementVNode as K, normalizeStyle as H, normalizeClass as _, markRaw as Tt } from "vue";
-import { T as R, g as wt, f as It, i as E, s as $t, r as Rt, p as Et, a as Pt, l as F, b as Ye, c as we, d as At, n as Xe, S as Bt, e as Ie, h as ie, j as Vt, k as Ze, m as Nt, o as A, q as _e, _ as Oe } from "./should-force-browser-runtime-in-node-ooRgTwqs.js";
-const Wt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Dt = (e) => typeof e == "string" && Wt.has(e.toLowerCase());
+import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as w, createBlock as S, resolveDynamicComponent as _, mergeProps as I, toHandlers as U, withCtx as D, renderSlot as V, resolveComponent as k, createTextVNode as $t, toDisplayString as de, defineAsyncComponent as Y, createVNode as $, renderList as x, createCommentVNode as T, h as Ze, createElementVNode as K, normalizeStyle as H, normalizeClass as Z, markRaw as Rt } from "vue";
+import { T as R, g as Et, f as Pt, i as E, s as At, r as Bt, p as Vt, a as Nt, l as F, b as et, c as Ie, d as Wt, n as tt, S as Dt, e as $e, h as se, j as Ot, k as nt, m as Ut, o as A, q as ot, _ as Ue } from "./should-force-browser-runtime-in-node-nOG6zu2k.js";
+const xt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ft = (e) => typeof e == "string" && xt.has(e.toLowerCase());
 function N(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -11,11 +11,11 @@ function N(e = {}, t, n) {
   }
   return o;
 }
-const Ot = y({
+const Lt = y({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: Dt };
+    return { isEmptyElement: Ft };
   }
 }), v = (e, t) => {
   const n = e.__vccOpts || e;
@@ -23,14 +23,14 @@ const Ot = y({
     n[o] = r;
   return n;
 };
-function xt(e, t, n, o, r, i) {
-  return e.isEmptyElement(e.TagName) ? (d(), S(X(e.TagName), I({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (d(), h(w, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), S(X(e.TagName), I({ key: 0 }, e.attributes, x(e.actionAttributes)), {
+function Ht(e, t, n, o, r, i) {
+  return e.isEmptyElement(e.TagName) ? (d(), S(_(e.TagName), I({ key: 1 }, e.attributes, U(e.actionAttributes)), null, 16)) : (d(), h(w, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), S(_(e.TagName), I({ key: 0 }, e.attributes, U(e.actionAttributes)), {
       default: D(() => [
         V(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), S(X(e.TagName), I({ key: 1 }, e.attributes, x(e.actionAttributes)), {
+    }, 16)) : (d(), S(_(e.TagName), I({ key: 1 }, e.attributes, U(e.actionAttributes)), {
       default: D(() => [
         V(e.$slots, "default")
       ]),
@@ -38,9 +38,9 @@ function xt(e, t, n, o, r, i) {
     }, 16))
   ], 64));
 }
-const $e = /* @__PURE__ */ v(Ot, [["render", xt]]), Zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Re = /* @__PURE__ */ v(Lt, [["render", Ht]]), ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $e
+  default: Re
 }, Symbol.toStringTag, { value: "Module" })), M = () => {
   switch (R) {
     case "react":
@@ -54,9 +54,9 @@ const $e = /* @__PURE__ */ v(Ot, [["render", xt]]), Zi = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, Ut = y({
+}, Mt = y({
   name: "builder-button",
-  components: { DynamicRenderer: $e },
+  components: { DynamicRenderer: Re },
   props: [
     "attributes",
     "link",
@@ -83,7 +83,7 @@ const $e = /* @__PURE__ */ v(Ot, [["render", xt]]), Zi = /* @__PURE__ */ Object.
     }
   }
 });
-function Ft(e, t, n, o, r, i) {
+function zt(e, t, n, o, r, i) {
   const s = k("DynamicRenderer");
   return d(), S(s, {
     attributes: e.attrs(),
@@ -91,12 +91,12 @@ function Ft(e, t, n, o, r, i) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: D(() => [
-      Ct(ce(e.text), 1)
+      $t(de(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Lt = /* @__PURE__ */ v(Ut, [["render", Ft]]), Ht = Symbol(), fe = {
+const jt = /* @__PURE__ */ v(Mt, [["render", zt]]), qt = Symbol(), be = {
   Builder: {
     content: null,
     context: {},
@@ -113,14 +113,14 @@ const Lt = /* @__PURE__ */ v(Ut, [["render", Ft]]), Ht = Symbol(), fe = {
     nonce: "",
     model: ""
   },
-  key: Ht
-}, Mt = Symbol(), et = {
+  key: qt
+}, Kt = Symbol(), rt = {
   Components: { registeredComponents: {} },
-  key: Mt
-}, tt = (e, t, n) => {
+  key: Kt
+}, it = (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;
-}, zt = ({
+}, Jt = ({
   code: e,
   builder: t,
   context: n,
@@ -129,22 +129,22 @@ const Lt = /* @__PURE__ */ v(Ut, [["render", Ft]]), Ht = Symbol(), fe = {
   rootSetState: i,
   rootState: s
 }) => {
-  const l = wt({
+  const l = Et({
     builder: t,
     context: n,
     event: o,
-    state: It({
+    state: Pt({
       rootState: s,
       localState: r,
       rootSetState: i
     })
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
-}, jt = (e) => E() || $t({
+}, Gt = (e) => E() || At({
   shouldLogWarning: !0
-}) ? zt(e) : Rt(e), qt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Kt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Jt = (e) => {
+}) ? Jt(e) : Bt(e), Qt = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Yt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, _t = (e) => {
   var t, n, o, r, i, s;
-  return ((o = (n = (t = qt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = Kt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
+  return ((o = (n = (t = Qt.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = Yt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
 };
 function ee({
   code: e,
@@ -158,17 +158,17 @@ function ee({
 }) {
   if (e.trim() === "")
     return;
-  const a = Jt(e.trim());
+  const a = _t(e.trim());
   if (a)
-    return tt({
+    return it({
       ...o,
       ...n
     }, a);
   const u = {
-    code: Et(e, {
+    code: Vt(e, {
       isExpression: s
     }),
-    builder: Pt(l),
+    builder: Nt(l),
     context: t,
     event: i,
     rootSetState: r,
@@ -176,7 +176,7 @@ function ee({
     localState: n
   };
   try {
-    return jt(u);
+    return Gt(u);
   } catch (p) {
     F.error("Failed code evaluation: " + p.message, {
       code: e
@@ -184,15 +184,15 @@ function ee({
     return;
   }
 }
-function Gt(e, t) {
+function Xt(e, t) {
   var n;
   return {
     ...(n = e.component) == null ? void 0 : n.options,
     ...e.options,
-    ...Qt(e, t)
+    ...Zt(e, t)
   };
 }
-const Qt = (e, t) => {
+const Zt = (e, t) => {
   var n, o;
   if (((n = e.component) == null ? void 0 : n.name) === "Text" && ((o = e.component.options) != null && o.text) && typeof e.component.options.text == "string")
     return {
@@ -206,13 +206,13 @@ const Qt = (e, t) => {
       }))
     };
 };
-function Yt(e, ...t) {
+function en(e, ...t) {
   const n = Object.assign({}, e);
   for (const o of t)
     delete n[o];
   return n;
 }
-function se(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
+function ae(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
   if (e == null || typeof e != "object") {
     t(e, (i) => {
       n !== null && o !== null && (n[o] = i);
@@ -222,51 +222,51 @@ function se(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
   r.has(e) || (r.add(e), Array.isArray(e) ? e.forEach((i, s) => {
     t(i, (a) => {
       e[s] = a;
-    }), se(i, t, e, s, r);
+    }), ae(i, t, e, s, r);
   }) : Object.entries(e).forEach(([i, s]) => {
     t(s, (a) => {
       e[i] = a;
-    }), se(s, t, e, i, r);
+    }), ae(s, t, e, i, r);
   }));
 }
-function nt(e) {
+function st(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
-function Xt(e) {
+function tn(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
-  return se(e, (n) => {
-    if (nt(n)) {
+  return ae(e, (n) => {
+    if (st(n)) {
       t = !0;
       return;
     }
   }), t;
 }
-function Zt(e, t) {
-  return !e || !Object.getOwnPropertyNames(e).length ? {} : (se(e, (n, o) => {
-    nt(n) && o(n[t] ?? void 0);
+function nn(e, t) {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (ae(e, (n, o) => {
+    st(n) && o(n[t] ?? void 0);
   }), e);
 }
-function _t(e, t) {
+function on(e, t) {
   var n, o;
-  return (n = e.component) != null && n.options && Xt((o = e.component) == null ? void 0 : o.options) && (t || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = Zt(e.component.options, t ?? "Default")), e;
+  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 = nn(e.component.options, t ?? "Default")), e;
 }
-function be(e) {
+function ge(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((n) => be(n));
+    return e.map((n) => ge(n));
   if (e["@type"] === "@builder.io/sdk:Element")
     return e;
   const t = {};
   for (const n in e)
-    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = be(e[n]));
+    n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ge(e[n]));
   return t;
 }
-const en = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), tn = (e) => {
-  if (en) {
-    const t = we(e);
+const rn = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), sn = (e) => {
+  if (rn) {
+    const t = Ie(e);
     return {
       ...t,
       properties: {
@@ -277,7 +277,7 @@ const en = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), tn = (e) =
       }
     };
   } else {
-    const t = be(Yt(e, "children", "meta"));
+    const t = ge(en(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -290,7 +290,7 @@ const en = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), tn = (e) =
       meta: e.meta
     };
   }
-}, nn = ({
+}, an = ({
   block: e,
   context: t,
   localState: n,
@@ -299,7 +299,7 @@ const en = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), tn = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const i = tn(e);
+  const i = sn(e);
   for (const s in e.bindings) {
     const l = e.bindings[s], a = ee({
       code: l,
@@ -308,11 +308,11 @@ const en = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), tn = (e) =
       rootSetState: r,
       context: t
     });
-    Ye(i, s, a);
+    et(i, s, a);
   }
   return i;
 };
-function on({
+function ln({
   block: e,
   context: t,
   localState: n,
@@ -320,31 +320,31 @@ function on({
   rootSetState: r
 }) {
   let i = e;
-  return i = nn({
+  return i = an({
     block: i,
     localState: n,
     rootState: o,
     rootSetState: r,
     context: t
-  }), i = _t(i, o.locale), i;
+  }), i = on(i, o.locale), i;
 }
-function Re(e) {
+function Ee(e) {
   const t = e || (E() ? window.location.search : void 0);
-  return t ? At(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? Wt(t).indexOf("builder.preview=") !== -1 : !1;
 }
-const rn = (e) => ({
+const cn = (e) => ({
   type: "builder.registerComponent",
-  data: ae(e)
-}), sn = (e) => {
+  data: le(e)
+}), dn = (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 ae(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? sn(n) : n));
+function le(e) {
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? dn(n) : n));
 }
 const xe = {};
-function _i(e, t) {
-  e === "plugin" && (t = ae(t));
+function as(e, t) {
+  e === "plugin" && (t = le(t));
   let n = xe[e];
   if (n || (n = xe[e] = []), n.push(t), E()) {
     const o = {
@@ -361,7 +361,7 @@ function _i(e, t) {
     }
   }
 }
-function es(e) {
+function ls(e) {
   var t;
   if (E()) {
     const n = JSON.parse(JSON.stringify(e));
@@ -371,50 +371,50 @@ function es(e) {
     }, "*");
   }
 }
-const Ue = {};
-function ts(e) {
+const Fe = {};
+function cs(e) {
   if (E()) {
-    Object.assign(Ue, e);
+    Object.assign(Fe, e);
     const t = {
       type: "builder.settingsChange",
-      data: Ue
+      data: Fe
     };
     parent.postMessage(t, "*");
   }
 }
-const Fe = "builder.", an = "options.", ot = (e) => {
+const Le = "builder.", un = "options.", at = (e) => {
   if (!e)
     return {};
-  const t = Xe(e), n = {};
+  const t = tt(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Fe)) {
-      const r = o.replace(Fe, "").replace(an, "");
+    if (o.startsWith(Le)) {
+      const r = o.replace(Le, "").replace(un, "");
       n[r] = t[o];
     }
   }), n;
-}, ln = () => {
+}, pn = () => {
   if (!E())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return ot(e);
-}, cn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function rt(e, t) {
+  return at(e);
+}, mn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function lt(e, t) {
   let n;
   try {
     n = new URL(t.origin);
   } catch {
     return !1;
   }
-  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || cn).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
+  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || mn).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
 }
-let Le = !1;
-const it = (e) => {
+let He = !1;
+const ct = (e) => {
   var t, n;
-  Le || (Le = !0, E() && ((t = window.parent) == null || t.postMessage({
+  He || (He = !0, E() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: R,
-      version: Bt,
+      version: Dt,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -432,7 +432,7 @@ const it = (e) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var i, s;
-    if (!rt(e.trustedHosts, o))
+    if (!lt(e.trustedHosts, o))
       return;
     const {
       data: r
@@ -473,12 +473,12 @@ const it = (e) => {
         }
       }
   })));
-}, st = ({
+}, dt = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!rt(t, o))
+  if (!lt(t, o))
     return;
   const {
     data: r
@@ -504,7 +504,7 @@ const it = (e) => {
         break;
       }
     }
-}, ns = ({
+}, ds = ({
   model: e,
   apiKey: t,
   callback: n,
@@ -513,11 +513,11 @@ const it = (e) => {
   if (!E)
     return F.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  it({
+  ct({
     modelName: e,
     apiKey: t
   });
-  const r = st({
+  const r = dt({
     callbacks: {
       contentUpdate: n,
       animation: () => {
@@ -533,24 +533,24 @@ const it = (e) => {
   return window.addEventListener("message", r), () => {
     window.removeEventListener("message", r);
   };
-}, dn = "builder.tests", Ee = (e) => `${dn}.${e}`, un = ({
+}, hn = "builder.tests", Pe = (e) => `${hn}.${e}`, fn = ({
   contentId: e
-}) => Vt({
-  name: Ee(e),
+}) => Ot({
+  name: Pe(e),
   canTrack: !0
-}), pn = ({
+}), bn = ({
   contentId: e
-}) => Ie({
-  name: Ee(e),
+}) => $e({
+  name: Pe(e),
   canTrack: !0
-}), mn = ({
+}), gn = ({
   contentId: e,
   value: t
-}) => Ze({
-  name: Ee(e),
+}) => nt({
+  name: Pe(e),
   value: t,
   canTrack: !0
-}), at = (e) => ie(e.id) && ie(e.variations) && Object.keys(e.variations).length > 0, hn = ({
+}), ut = (e) => se(e.id) && se(e.variations) && Object.keys(e.variations).length > 0, yn = ({
   id: e,
   variations: t
 }) => {
@@ -563,15 +563,15 @@ const it = (e) => {
       return i;
   }
   return e;
-}, lt = (e) => {
-  const t = hn(e);
-  return mn({
+}, pt = (e) => {
+  const t = yn(e);
+  return gn({
     contentId: e.id,
     value: t
   }).catch((n) => {
     F.error("could not store A/B test variation: ", n);
   }), t;
-}, ct = ({
+}, mt = ({
   item: e,
   testGroupId: t
 }) => {
@@ -585,7 +585,7 @@ const it = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, fn = ({
+}, vn = ({
   item: e,
   canTrack: t
 }) => {
@@ -593,14 +593,14 @@ const it = (e) => {
     return e;
   if (!e)
     return;
-  if (!at(e))
+  if (!ut(e))
     return e;
-  const n = pn({
+  const n = bn({
     contentId: e.id
-  }) || lt({
+  }) || pt({
     variations: e.variations,
     id: e.id
-  }), o = ct({
+  }), o = mt({
     item: e,
     testGroupId: n
   });
@@ -608,18 +608,18 @@ const it = (e) => {
     ...e,
     ...o
   };
-}, bn = async ({
+}, Sn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !at(e))
+  if (!t || !ut(e))
     return e;
-  const o = await un({
+  const o = await fn({
     contentId: e.id
-  }) || lt({
+  }) || pt({
     variations: e.variations,
     id: e.id
-  }), r = ct({
+  }), r = mt({
     item: e,
     testGroupId: o
   });
@@ -628,81 +628,102 @@ const it = (e) => {
     ...r
   };
 };
-const He = "builder.userAttributes";
-function Me() {
+const kn = "builder.preview", Cn = "BUILDER_STUDIO", Me = "builder.userAttributes.", Tn = (e) => e === "true" ? !0 : e === "false" ? !1 : e, ze = () => {
+  if (!E())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  if (e.get(kn) !== Cn)
+    return {};
+  const t = {};
+  return e.forEach((n, o) => {
+    o.startsWith(Me) && (t[o.slice(Me.length)] = Tn(n));
+  }), t;
+}, je = "builder.userAttributes";
+function qe() {
   let e = !0;
-  const t = /* @__PURE__ */ new Set();
+  const t = /* @__PURE__ */ new Set(), n = () => {
+    const o = $e({
+      name: je,
+      canTrack: e
+    });
+    return o ? JSON.parse(o) : {};
+  };
   return {
-    setUserAttributes(n) {
+    setUserAttributes(o) {
       if (!E())
         return;
-      const o = {
-        ...this.getUserAttributes(),
-        ...n
+      const r = {
+        ...n(),
+        ...o
       };
-      Ze({
-        name: He,
-        value: JSON.stringify(o),
+      nt({
+        name: je,
+        value: JSON.stringify(r),
         canTrack: e
-      }), t.forEach((r) => r(o));
+      });
+      const i = ze();
+      t.forEach((s) => s({
+        ...r,
+        ...i
+      }));
     },
     getUserAttributes() {
-      return E() ? JSON.parse(Ie({
-        name: He,
-        canTrack: e
-      }) || "{}") : {};
+      return E() ? {
+        ...n(),
+        ...ze()
+      } : {};
     },
-    subscribeOnUserAttributesChange(n, {
-      fireImmediately: o
+    subscribeOnUserAttributesChange(o, {
+      fireImmediately: r
     } = {}) {
-      return t.add(n), o && n(this.getUserAttributes()), function() {
-        t.delete(n);
+      return t.add(o), r && o(this.getUserAttributes()), function() {
+        t.delete(o);
       };
     },
-    setCanTrack(n) {
-      e = n;
+    setCanTrack(o) {
+      e = o;
     }
   };
 }
-let ge;
-E() && R === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = Me()), ge = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : ge = Me();
-const le = ge, os = (e) => {
-  le.setUserAttributes(e);
+let ye;
+E() && R === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = qe()), ye = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : ye = qe();
+const ce = ye, us = (e) => {
+  ce.setUserAttributes(e);
 }, J = (e) => {
-  const t = ie(e) ? e : !0;
-  return le.setCanTrack(t), t;
+  const t = se(e) ? e : !0;
+  return ce.setCanTrack(t), t;
 };
-function gn() {
+function wn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function yn() {
-  const e = gn().fetch;
+function In() {
+  const e = wn().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 vn = yn();
-function ye(e, t = null, n = ".") {
+const $n = In();
+function ve(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
     return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
       ...o,
-      ...ye(i, s, n)
+      ...ve(i, s, n)
     } : {
       ...o,
       [s]: i
     };
   }, {});
 }
-function dt(e, t, n = {}) {
+function ht(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("$")) ? dt(r, i, n) : n[i] = r;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? ht(r, i, n) : n[i] = r;
   }
   return n;
 }
-function Sn(e) {
+function Rn(e) {
   const t = {};
   for (const n in e) {
     const o = n.split(".");
@@ -714,7 +735,7 @@ function Sn(e) {
   }
   return t;
 }
-const kn = "v3", ze = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Pe = (e) => {
+const En = "v3", Ke = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Ae = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -724,7 +745,7 @@ const kn = "v3", ze = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Pe = (
     enrich: s,
     enrichOptions: l,
     locale: a,
-    apiVersion: u = kn,
+    apiVersion: u = En,
     fields: p,
     omit: b,
     offset: c,
@@ -741,78 +762,78 @@ const kn = "v3", ze = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Pe = (
   const B = t !== 1, q = O || "https://cdn.builder.io", C = new URL(`${q}/api/${u}/content/${r}`);
   C.searchParams.set("apiKey", i), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(B)), C.searchParams.set("includeRefs", String(!0)), a && C.searchParams.set("locale", a);
   let z = n || {};
-  if (s && C.searchParams.set("enrich", String(s)), s && l && C.searchParams.set("enrichOptions", JSON.stringify(l)), C.searchParams.set("omit", b ?? "meta.componentsUsed"), p && C.searchParams.set("fields", p), Number.isFinite(c) && c > -1 && C.searchParams.set("offset", String(Math.floor(c))), typeof P == "boolean" && C.searchParams.set("includeUnpublished", String(P)), m && ze(m) && C.searchParams.set("cacheSeconds", String(m)), f && ze(f) && C.searchParams.set("staleCacheSeconds", String(f)), g) {
-    const W = ye({
+  if (s && C.searchParams.set("enrich", String(s)), s && l && C.searchParams.set("enrichOptions", JSON.stringify(l)), C.searchParams.set("omit", b ?? "meta.componentsUsed"), p && C.searchParams.set("fields", p), Number.isFinite(c) && c > -1 && C.searchParams.set("offset", String(Math.floor(c))), typeof P == "boolean" && C.searchParams.set("includeUnpublished", String(P)), m && Ke(m) && C.searchParams.set("cacheSeconds", String(m)), f && Ke(f) && C.searchParams.set("staleCacheSeconds", String(f)), g) {
+    const W = ve({
       sort: g
     });
     for (const L in W)
       C.searchParams.set(L, JSON.stringify(W[L]));
   }
   const G = {
-    ...ln(),
-    ...Xe(e.options || {})
+    ...pn(),
+    ...tt(e.options || {})
   };
   z = {
     ...z,
-    ...wn(G)
+    ...Bn(G)
   };
-  const Q = ye(G);
+  const Q = ve(G);
   for (const W in Q)
     C.searchParams.set(W, String(Q[W]));
   if (Object.keys(z).length > 0 && C.searchParams.set("userAttributes", JSON.stringify(z)), o) {
-    const W = dt({
+    const W = ht({
       query: o
     });
     for (const L in W)
       C.searchParams.set(L, JSON.stringify(W[L]));
   }
   return C;
-}, Cn = (e) => e === "true" ? !0 : e === "false" ? !1 : e, Tn = (e) => {
+}, Pn = (e) => e === "true" ? !0 : e === "false" ? !1 : e, An = (e) => {
   const t = {};
   for (const n in e)
-    n.startsWith("userAttributes.") && (t[n] = Cn(e[n]), delete e[n]);
+    n.startsWith("userAttributes.") && (t[n] = Pn(e[n]), delete e[n]);
   return t;
-}, wn = (e) => {
+}, Bn = (e) => {
   if (E() && e.preview === "BUILDER_STUDIO") {
     e["userAttributes.urlPath"] = window.location.pathname, e["userAttributes.host"] = window.location.host;
-    const t = Tn(e), {
+    const t = An(e), {
       userAttributes: n
-    } = Sn(t);
+    } = Rn(t);
     return n;
   }
   return {};
-}, In = (e) => "results" in e;
-async function Ae(e) {
+}, Vn = (e) => "results" in e;
+async function Be(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 En({
+  const n = await Dn({
     ...e,
     limit: 1
   });
   return n && n[0] || null;
 }
-const $n = async (e) => {
+const Nn = async (e) => {
   var s;
-  const t = Pe(e), n = e.fetch ?? vn, o = {
+  const t = Ae(e), n = e.fetch ?? $n, o = {
     ...e.fetchOptions,
     headers: {
       ...(s = e.fetchOptions) == null ? void 0 : s.headers,
-      ...Nt()
+      ...Ut()
     }
   };
   return await (await n(t.href, o)).json();
-}, Rn = async (e, t, n = Pe(e)) => {
+}, Wn = async (e, t, n = Ae(e)) => {
   const o = J(e.canTrack);
   if (n.search.includes("preview="), !o || !(E() || R === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const i of t.results)
-      r.push(await bn({
+      r.push(await Sn({
         item: i,
         canTrack: o
       }));
@@ -822,17 +843,17 @@ const $n = async (e) => {
   }
   return t.results;
 };
-async function En(e) {
-  const t = Pe(e), n = await $n(e);
-  if (!In(n))
+async function Dn(e) {
+  const t = Ae(e), n = await Nn(e);
+  if (!Vn(n))
     throw F.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), n;
-  return Rn(e, n);
+  return Wn(e, n);
 }
-const rs = 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,
@@ -844,15 +865,15 @@ const rs = async (e) => {
         urlPath: t
       } : {}
     },
-    options: ot(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: at(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await Ae(n)
+    content: await Be(n)
   };
-}, Be = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function Pn(e, t, n = {}) {
+}, Ve = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+function On(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);
@@ -864,7 +885,7 @@ function Pn(e, t, n = {}) {
     return o = this, r = arguments, p <= 0 || p > t ? (s && (clearTimeout(s), s = null), l = u, i = e.apply(o, r), s || (o = r = null)) : !s && n.trailing !== !1 && (s = setTimeout(a, p)), i;
   };
 }
-function Z(e, ...t) {
+function X(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
@@ -874,64 +895,64 @@ function Z(e, ...t) {
   }
   return n;
 }
-function An(e) {
+function Un(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        mt(t);
+        gt(t);
         break;
       case "scrollInView":
-        Vn(t);
+        Fn(t);
         break;
     }
 }
-function ut(e) {
+function ft(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function pt(e, t) {
-  const n = Bn(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+function bt(e, t) {
+  const n = xn(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 Bn(e) {
+function xn(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 mt(e) {
+function gt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ut(e.elementId || e.id || "");
+    ft(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    pt(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(() => {
+    bt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", X(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${Ve(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), X(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function Vn(e) {
+function Fn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ut(e.elementId || e.id || "");
+    ft(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    pt(e, n);
+    bt(e, n);
     let o = !1, r = !1;
     function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
-        Z(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
+        X(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
           r = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && o && !r && !l(n) && (o = !1, Z(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !r && !l(n) && (o = !1, X(n.style, e.steps[0].styles));
     }
-    const s = Pn(i, 200, {
+    const s = On(i, 200, {
       leading: !1
     });
     function l(p) {
@@ -940,52 +961,64 @@ function Vn(e) {
     }
     const a = e.steps[0].styles;
     function u() {
-      Z(n.style, a);
+      X(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 ${Ve(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
     }), i();
   });
 }
-const ht = (e) => Object.entries(e).map(([n, o]) => {
+const ne = (e, t) => {
+  const n = (e == null ? void 0 : e.objectPosition) || t;
+  return n ? {
+    ...e,
+    "--builder-image-position": n
+  } : e;
+}, ms = (e, t) => t ? {
+  ...e,
+  large: ne(e == null ? void 0 : e.large, "initial"),
+  medium: ne(e == null ? void 0 : e.medium),
+  small: ne(e == null ? void 0 : e.small),
+  xsmall: ne(e == null ? void 0 : e.xsmall)
+} : e, yt = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Be(n)}: ${o};`;
-}).filter(ie), Nn = (e) => ht(e).join(`
-`), is = ({
+    return `${Ve(n)}: ${o};`;
+}).filter(se), Ln = (e) => yt(e).join(`
+`), hs = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${Nn(n)}
+    ${Ln(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function Wn({
+function Hn({
   style: e
 }) {
   return e;
 }
-const ss = ({
+const fs = ({
   block: e,
   context: t
-}) => ft(Wn({
+}) => vt(Hn({
   style: e.style || {},
   context: t,
   block: e
 }));
-function ft(e) {
+function vt(e) {
   switch (R) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return ht(e).join(" ");
+      return yt(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -993,7 +1026,7 @@ function ft(e) {
       return e;
   }
 }
-const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Dn = ({
+const St = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, Mn = ({
   block: e,
   registeredComponents: t,
   model: n
@@ -1003,14 +1036,14 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   if (!o)
     return null;
   const r = t[o];
-  if (!r || bt(r, n)) {
+  if (!r || St(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;
-}, On = ({
+}, zn = ({
   block: e,
   context: t
 }) => {
@@ -1043,59 +1076,59 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     },
     block: o
   }));
-}, xn = (e, t) => {
+}, jn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, Un = (e, t, n) => {
+}, qn = (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]) => !bt(s, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !St(s, n)))
   } : {};
-}, Fn = (e, t) => {
+}, Kn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, Ln = (e, t) => {
+}, Jn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, Hn = (e) => e.toString(), Mn = () => Promise.resolve().then(() => no).then((e) => e.default).catch((e) => {
+}, Gn = (e) => e.toString(), Qn = () => Promise.resolve().then(() => co).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), zn = () => import("./block-wrapper-PUFgSKq_.js").then((e) => e.default).catch((e) => {
+}), Yn = () => import("./block-wrapper-s8zLAxlL.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;
-}), jn = () => import("./component-ref-HmJKie9z.js").then((e) => e.default).catch((e) => {
+}), _n = () => import("./component-ref-PPsTcld8.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;
-}), qn = () => import("./repeated-block-PvGSbsHD.js").then((e) => e.default).catch((e) => {
+}), Xn = () => import("./repeated-block-SP8WaEQp.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;
-}), Kn = () => import("./style-wrapper-U-7exIwN.js").then((e) => e.default).catch((e) => {
+}), Zn = () => import("./style-wrapper-5BoLwggo.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component StyleWrapper at ./components/style-wrapper.vue",
     e
   ), e;
-}), Jn = y({
+}), eo = y({
   name: "block",
   components: {
-    StyleWrapper: Y(Kn),
-    RepeatedBlock: Y(qn),
-    ComponentRef: Y(jn),
-    BlockWrapper: Y(zn),
-    DynamicDiv: Y(Mn)
+    StyleWrapper: Y(Zn),
+    RepeatedBlock: Y(Xn),
+    ComponentRef: Y(_n),
+    BlockWrapper: Y(Yn),
+    DynamicDiv: Y(Qn)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1104,12 +1137,12 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         value: null,
         update: !1
       },
-      generateKey: Hn
+      generateKey: Gn
     };
   },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && An(
+    t && e && Un(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -1120,14 +1153,14 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   },
   computed: {
     repeatItem() {
-      return On({
+      return zn({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var t;
-      return (t = this.block.repeat) != null && t.collection ? this.block : on({
+      return (t = this.block.repeat) != null && t.collection ? this.block : ln({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -1136,7 +1169,7 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
       });
     },
     blockComponent() {
-      return Dn({
+      return Mn({
         block: this.processedBlock,
         registeredComponents: this.registeredComponents,
         model: this.context.model
@@ -1163,11 +1196,11 @@ const bt = (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: {
-          ...Gt(this.processedBlock, this.context),
-          ...Fn(this.blockComponent, this.processedBlock),
-          ...Ln(this.blockComponent, this.context),
-          ...xn(this.blockComponent, this.linkComponent),
-          ...Un(
+          ...Xt(this.processedBlock, this.context),
+          ...Kn(this.blockComponent, this.processedBlock),
+          ...Jn(this.blockComponent, this.context),
+          ...jn(this.blockComponent, this.linkComponent),
+          ...qn(
             this.blockComponent,
             this.registeredComponents,
             this.context.model
@@ -1183,7 +1216,7 @@ const bt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     }
   }
 });
-function Gn(e, t, n, o, r, i) {
+function to(e, t, n, o, r, i) {
   var b;
   const s = k("StyleWrapper"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), p = k("RepeatedBlock");
   return e.canShowBlock ? (d(), h(w, { key: 0 }, [
@@ -1193,7 +1226,7 @@ function Gn(e, t, n, o, r, i) {
       id: e.block.id
     }, null, 8, ["block", "context", "id"]),
     (b = e.blockComponent) != null && b.noWrap ? (d(), h(w, { key: 1 }, [
-      e.repeatItem ? (d(!0), h(w, { key: 1 }, U(e.repeatItem, (c, m) => (d(), S(p, {
+      e.repeatItem ? (d(!0), h(w, { key: 1 }, x(e.repeatItem, (c, m) => (d(), S(p, {
         key: e.generateKey(m),
         repeatContext: c.context,
         block: c.block,
@@ -1212,7 +1245,7 @@ function Gn(e, t, n, o, r, i) {
         isInteractive: e.componentRefProps.isInteractive
       }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]))
     ], 64)) : (d(), h(w, { key: 0 }, [
-      e.repeatItem ? (d(!0), h(w, { key: 1 }, U(e.repeatItem, (c, m) => (d(), S(p, {
+      e.repeatItem ? (d(!0), h(w, { key: 1 }, x(e.repeatItem, (c, m) => (d(), S(p, {
         key: e.generateKey(m),
         repeatContext: c.context,
         block: c.block,
@@ -1236,7 +1269,7 @@ function Gn(e, t, n, o, r, i) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), h(w, null, U(e.childrenWithoutParentComponent, (c, m) => (d(), S(a, {
+          (d(!0), h(w, null, x(e.childrenWithoutParentComponent, (c, m) => (d(), S(a, {
             key: c.id,
             block: c,
             registeredComponents: e.registeredComponents,
@@ -1249,10 +1282,10 @@ function Gn(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : T("", !0);
 }
-const gt = /* @__PURE__ */ v(Jn, [["render", Gn]]), as = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const kt = /* @__PURE__ */ v(eo, [["render", to]]), bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: gt
-}, Symbol.toStringTag, { value: "Module" })), Qn = y({
+  default: kt
+}, Symbol.toStringTag, { value: "Module" })), no = y({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -1322,8 +1355,8 @@ const gt = /* @__PURE__ */ v(Jn, [["render", Gn]]), as = /* @__PURE__ */ Object.
     }
   }
 });
-function Yn(e, t, n, o, r, i) {
-  return d(), S(X(e.BlocksWrapper), I({
+function oo(e, t, n, o, r, i) {
+  return d(), S(_(e.BlocksWrapper), I({
     ref: "blocksWrapperRef",
     class: e.className + " component-5vz8uirn7sc",
     "builder-path": e.dataPath,
@@ -1339,9 +1372,9 @@ function Yn(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Xn = /* @__PURE__ */ v(Qn, [["render", Yn], ["__scopeId", "data-v-82fc93d6"]]), Zn = y({
+const ro = /* @__PURE__ */ v(no, [["render", oo], ["__scopeId", "data-v-82fc93d6"]]), io = y({
   name: "builder-blocks",
-  components: { BlocksWrapper: Xn, Block: gt },
+  components: { BlocksWrapper: ro, Block: kt },
   props: [
     "blocks",
     "parent",
@@ -1354,11 +1387,11 @@ const Xn = /* @__PURE__ */ v(Qn, [["render", Yn], ["__scopeId", "data-v-82fc93d6
     "registeredComponents"
   ],
   inject: {
-    builderContext: fe.key,
-    componentsContext: et.key
+    builderContext: be.key,
+    componentsContext: rt.key
   }
 });
-function _n(e, t, n, o, r, i) {
+function so(e, t, n, o, r, i) {
   var a, u, p, b;
   const s = k("Block"), l = k("BlocksWrapper");
   return d(), S(l, {
@@ -1372,7 +1405,7 @@ function _n(e, t, n, o, r, i) {
   }, {
     default: D(() => [
       V(e.$slots, "default"),
-      e.blocks ? (d(!0), h(w, { key: 0 }, U(e.blocks, (c, m) => {
+      e.blocks ? (d(!0), h(w, { key: 0 }, x(e.blocks, (c, m) => {
         var f;
         return d(), S(s, {
           key: c.id,
@@ -1386,21 +1419,21 @@ function _n(e, t, n, o, r, i) {
     _: 3
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapperProps", "classNameProp", "BlocksWrapper"]);
 }
-const j = /* @__PURE__ */ v(Zn, [["render", _n]]), eo = y({
+const j = /* @__PURE__ */ v(io, [["render", so]]), ao = y({
   name: "dynamic-div",
   props: []
 });
-function to(e, t, n, o, r, i) {
+function lo(e, t, n, o, r, i) {
   return d(), h("div", null, [
     V(e.$slots, "default")
   ]);
 }
-const te = /* @__PURE__ */ v(eo, [["render", to]]), no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const te = /* @__PURE__ */ v(ao, [["render", lo]]), co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: te
-}, Symbol.toStringTag, { value: "Module" })), de = y({
+}, Symbol.toStringTag, { value: "Module" })), ue = y({
   render() {
-    return Qe("style", {
+    return Ze("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -1408,7 +1441,7 @@ const te = /* @__PURE__ */ v(eo, [["render", to]]), no = /* @__PURE__ */ Object.
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), yt = {
+}), Ct = {
   xsmall: {
     min: 0,
     default: 160,
@@ -1429,8 +1462,8 @@ const te = /* @__PURE__ */ v(eo, [["render", to]]), no = /* @__PURE__ */ Object.
     default: 991,
     max: 1200
   }
-}, ls = (e, t = yt) => `@media (max-width: ${t[e].max}px)`, oo = (e) => {
-  const t = we(yt);
+}, gs = (e, t = Ct) => `@media (max-width: ${t[e].max}px)`, uo = (e) => {
+  const t = Ie(Ct);
   if (!e)
     return t;
   const {
@@ -1467,11 +1500,11 @@ const te = /* @__PURE__ */ v(eo, [["render", to]]), no = /* @__PURE__ */ Object.
     min: l,
     default: l + 1
   }, t;
-}, ro = (e) => `builder-columns ${e}-breakpoints`, io = y({
+}, po = (e) => `builder-columns ${e}-breakpoints`, mo = y({
   name: "builder-columns",
   components: {
-    InlinedStyles: de,
-    DynamicRenderer: $e,
+    InlinedStyles: ue,
+    DynamicRenderer: Re,
     Blocks: j,
     DynamicDiv: te
   },
@@ -1486,7 +1519,7 @@ const te = /* @__PURE__ */ v(eo, [["render", to]]), no = /* @__PURE__ */ Object.
     "builderComponents"
   ],
   data() {
-    return { TARGET: R, getColumnsClass: ro };
+    return { TARGET: R, getColumnsClass: po };
   },
   computed: {
     gutterSize() {
@@ -1565,7 +1598,7 @@ const te = /* @__PURE__ */ v(eo, [["render", to]]), no = /* @__PURE__ */ Object.
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return oo(
+      return uo(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1603,12 +1636,12 @@ const te = /* @__PURE__ */ v(eo, [["render", to]]), no = /* @__PURE__ */ Object.
           href: e.link
         } : {},
         [M()]: "builder-column",
-        style: ft(this.columnCssVars(t))
+        style: vt(this.columnCssVars(t))
       };
     }
   }
 });
-function so(e, t, n, o, r, i) {
+function ho(e, t, n, o, r, i) {
   var u;
   const s = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
   return d(), h("div", I({
@@ -1621,7 +1654,7 @@ function so(e, t, n, o, r, i) {
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
     }, null, 8, ["styles", "nonce"])) : T("", !0),
-    (d(!0), h(w, null, U(e.columns, (p, b) => (d(), S(a, {
+    (d(!0), h(w, null, x(e.columns, (p, b) => (d(), S(a, {
       key: b,
       TagName: e.getTagName(p),
       actionAttributes: {},
@@ -1644,47 +1677,47 @@ function so(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const ao = /* @__PURE__ */ v(io, [["render", so], ["__scopeId", "data-v-ab15749a"]]), lo = y({
+const fo = /* @__PURE__ */ v(mo, [["render", ho], ["__scopeId", "data-v-ab15749a"]]), bo = y({
   name: "builder-fragment-component",
   props: []
 });
-function co(e, t, n, o, r, i) {
+function go(e, t, n, o, r, i) {
   return d(), h("span", null, [
     V(e.$slots, "default")
   ]);
 }
-const uo = /* @__PURE__ */ v(lo, [["render", co]]);
-function je(e) {
+const yo = /* @__PURE__ */ v(bo, [["render", go]]);
+function Je(e) {
   return e.replace(/http(s)?:/, "");
 }
-function po(e = "", t, n) {
+function vo(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 mo(e, t) {
+function So(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return je(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 je(`${o[0]}_${i}${r}`);
+    return Je(`${o[0]}_${i}${r}`);
   }
   return null;
 }
-function ne(e) {
+function oe(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${po(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${vo(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [mo(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) => [So(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const ho = y({
+const ko = y({
   name: "builder-image",
   props: [
     "lazy",
@@ -1714,10 +1747,10 @@ const ho = y({
       if (!this.noWebp) {
         if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
           if (!this.srcset.includes(this.image.split("?")[0]))
-            return console.debug("Removed given srcset"), ne(t);
+            return console.debug("Removed given srcset"), oe(t);
         } else if (this.image && !this.srcset)
-          return ne(t);
-        return ne(t);
+          return oe(t);
+        return oe(t);
       }
     },
     webpSrcSet() {
@@ -1738,11 +1771,11 @@ const ho = y({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), fo = ["srcset", "sizes"], bo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], go = {
+}), Co = ["srcset", "sizes"], To = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], wo = {
   key: 2,
   class: "div-t43jfuqn6g-2"
 };
-function yo(e, t, n, o, r, i) {
+function Io(e, t, n, o, r, i) {
   var s, l, a, u, p, b;
   return d(), h(w, null, [
     K("picture", null, [
@@ -1751,7 +1784,7 @@ function yo(e, t, n, o, r, i) {
         type: "image/webp",
         srcset: e.webpSrcSet,
         sizes: e.sizesToUse
-      }, null, 8, fo)) : T("", !0),
+      }, null, 8, Co)) : T("", !0),
       K("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
@@ -1759,17 +1792,17 @@ function yo(e, t, n, o, r, i) {
         title: e.title,
         role: e.altText ? void 0 : "presentation",
         style: H({
-          objectPosition: e.backgroundPosition || "center",
+          objectPosition: `var(--builder-image-position, ${e.backgroundPosition || "center"})`,
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: _(
+        class: Z(
           "builder-image" + (e.className ? " " + e.className : "") + " img-t43jfuqn6g"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizesToUse
-      }, null, 14, bo)
+      }, null, 14, To)
     ]),
     e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), h("div", {
       key: 0,
@@ -1779,19 +1812,19 @@ function yo(e, t, n, o, r, i) {
       })
     }, null, 4)) : T("", !0),
     (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? V(e.$slots, "default", { key: 1 }, void 0, !0) : T("", !0),
-    !e.fitContent && ((b = (p = e.builderBlock) == null ? void 0 : p.children) != null && b.length) ? (d(), h("div", go, [
+    !e.fitContent && ((b = (p = e.builderBlock) == null ? void 0 : p.children) != null && b.length) ? (d(), h("div", wo, [
       V(e.$slots, "default", {}, void 0, !0)
     ])) : T("", !0)
   ], 64);
 }
-const vo = /* @__PURE__ */ v(ho, [["render", yo], ["__scopeId", "data-v-bb2384ad"]]), So = y({
+const $o = /* @__PURE__ */ v(ko, [["render", Io], ["__scopeId", "data-v-f109a7da"]]), Ro = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: N };
   }
 });
-function ko(e, t, n, o, r, i) {
+function Eo(e, t, n, o, r, i) {
   return d(), h("section", I({
     style: {
       width: "100%",
@@ -1805,12 +1838,12 @@ function ko(e, t, n, o, r, i) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     V(e.$slots, "default")
   ], 16);
 }
-const Co = /* @__PURE__ */ v(So, [["render", ko]]);
-function To(e, t, n, o) {
+const Po = /* @__PURE__ */ v(Ro, [["render", Eo]]);
+function Ao(e, t, n, o) {
   function r(u) {
     return typeof u == "string";
   }
@@ -1867,7 +1900,20 @@ function To(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 wo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+const Bo = `function getStudioUserAttributes() {
+  const params = new URLSearchParams(window.location.search);
+  if (params.get('builder.preview') !== 'BUILDER_STUDIO') {
+    return {};
+  }
+  const prefix = 'builder.userAttributes.';
+  const attributes = {};
+  params.forEach(function (value, key) {
+    if (key.indexOf(prefix) === 0) {
+      attributes[key.slice(prefix.length)] = value === 'true' ? true : value === 'false' ? false : value;
+    }
+  });
+  return attributes;
+}`, Vo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1885,6 +1931,7 @@ const wo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   if (locale) {
     attributes.locale = locale;
   }
+  Object.assign(attributes, window.builderIoStudioUserAttributes());
   const winningVariantIndex = variants?.findIndex(function (variant) {
     return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
   });
@@ -1912,7 +1959,7 @@ const wo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       thisScript.remove();
     }
   }
-}`, Io = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+}`, No = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
   function isString(val) {
     return typeof val === 'string';
   }
@@ -1990,7 +2037,7 @@ const wo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   return item.query.every(filter => {
     return objectMatchesQuery(userAttributes, filter);
   });
-}`, $o = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+}`, Wo = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
   function getCookie(name) {
     const nameEQ = name + '=';
     const ca = document.cookie.split(';');
@@ -2016,6 +2063,7 @@ const wo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
     if (locale) {
       attributes.locale = locale;
     }
+    Object.assign(attributes, window.builderIoStudioUserAttributes());
     const winningVariantIndex = variants?.findIndex(function (variant) {
       return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);
     });
@@ -2028,11 +2076,11 @@ const wo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, oe = "default", qe = "filterWithCustomTargeting", ve = "builderIoPersonalization", Se = "updateVisibilityStylesScript", Ro = "PersonalizationContainer", vt = ["react", "vue", "svelte", "qwik"], St = ["vue", "svelte", "qwik"];
-function Eo(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : St.includes(R) ? !0 : !E();
+}`, re = "default", Ge = "filterWithCustomTargeting", Se = "builderIoPersonalization", ke = "updateVisibilityStylesScript", Qe = "builderIoStudioUserAttributes", Do = "PersonalizationContainer", Tt = ["react", "vue", "svelte", "qwik"], wt = ["vue", "svelte", "qwik"];
+function Oo(e, t) {
+  return !(e && e.length > 0) || !t ? !1 : wt.includes(R) ? !0 : !E();
 }
-function Po({
+function Uo({
   variants: e,
   previewingIndex: t,
   isHydrated: n,
@@ -2042,7 +2090,7 @@ function Po({
   const i = {
     blocks: r ?? [],
     path: "this.children",
-    index: oe
+    index: re
   };
   if (n && A()) {
     if (typeof t == "number" && t < ((e == null ? void 0 : e.length) ?? 0)) {
@@ -2070,22 +2118,25 @@ function Po({
   }
   return i;
 }
-const ke = (e) => {
+const Ce = (e) => {
   var t;
-  return Array.isArray(e) ? e.some(ke) : !e || typeof e != "object" ? !1 : ((t = e.component) == null ? void 0 : t.name) === Ro ? !0 : Object.values(e).some(ke);
-}, Ao = (e) => ke(e), Bo = () => `
+  return Array.isArray(e) ? e.some(Ce) : !e || typeof e != "object" ? !1 : ((t = e.component) == null ? void 0 : t.name) === Do ? !0 : Object.values(e).some(Ce);
+}, xo = (e) => Ce(e), Fo = () => `
   (function() {
-    if (!window.${qe}) {
-      window.${qe} = ${Io};
+    if (!window.${Qe}) {
+      window.${Qe} = ${Bo};
     }
-    if (!window.${ve}) {
-      window.${ve} = ${wo};
+    if (!window.${Ge}) {
+      window.${Ge} = ${No};
     }
     if (!window.${Se}) {
-      window.${Se} = ${$o};
+      window.${Se} = ${Vo};
+    }
+    if (!window.${ke}) {
+      window.${ke} = ${Wo};
     }
   })();
-  `, kt = R === "react", Vo = (e, t, n) => `window.${ve}(${JSON.stringify(e)}, "${t}", ${kt}${n ? `, "${n}"` : ""})`, No = (e, t, n) => `window.${Se}(${JSON.stringify(e)}, "${t}", ${kt}${n ? `, "${n}"` : ""})`, ue = {
+  `, It = R === "react", Lo = (e, t, n) => `window.${Se}(${JSON.stringify(e)}, "${t}", ${It}${n ? `, "${n}"` : ""})`, Ho = (e, t, n) => `window.${ke}(${JSON.stringify(e)}, "${t}", ${It}${n ? `, "${n}"` : ""})`, pe = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2114,7 +2165,7 @@ const ke = (e) => {
       }
     }
   }]
-}, pe = {
+}, me = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -2145,7 +2196,7 @@ const ke = (e) => {
       }
     }
   }]
-}, Wo = {
+}, Mo = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -2162,19 +2213,19 @@ const ke = (e) => {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ue]
+      defaultValue: [pe]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [pe]
+      defaultValue: [me]
     }],
     defaultValue: [{
-      title: [ue],
-      detail: [pe]
+      title: [pe],
+      detail: [me]
     }, {
-      title: [ue],
-      detail: [pe]
+      title: [pe],
+      detail: [me]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -2209,7 +2260,7 @@ const ke = (e) => {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Do = (e) => e.toString(), Oo = y({
+}, zo = (e) => e.toString(), jo = y({
   name: "builder-accordion",
   components: { Blocks: j },
   props: [
@@ -2223,7 +2274,7 @@ const ke = (e) => {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: Do };
+    return { open: [], convertOrderNumberToString: zo };
   },
   computed: {
     onlyOneAtATime() {
@@ -2304,16 +2355,16 @@ const ke = (e) => {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), xo = ["data-index", "onClick"];
-function Uo(e, t, n, o, r, i) {
+}), qo = ["data-index", "onClick"];
+function Ko(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("div", {
     class: "builder-accordion",
     style: H(e.accordionStyles)
   }, [
-    (d(!0), h(w, null, U(e.items, (l, a) => (d(), h(w, { key: a }, [
+    (d(!0), h(w, null, x(e.items, (l, a) => (d(), h(w, { key: a }, [
       K("div", {
-        class: _(e.getAccordionTitleClassName(a)),
+        class: Z(e.getAccordionTitleClassName(a)),
         style: H({
           ...e.accordionTitleStyles,
           ...e.grid && {
@@ -2332,10 +2383,10 @@ function Uo(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, xo),
+      ], 14, qo),
       e.open.includes(a) ? (d(), h("div", {
         key: 0,
-        class: _(e.getAccordionDetailClassName(a)),
+        class: Z(e.getAccordionDetailClassName(a)),
         style: H(e.accordionDetailStyles)
       }, [
         $(s, {
@@ -2350,7 +2401,7 @@ function Uo(e, t, n, o, r, i) {
     ], 64))), 128))
   ], 4);
 }
-const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
+const Jo = /* @__PURE__ */ v(jo, [["render", Ko]]), Go = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2386,7 +2437,7 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Ho = {
+}, Qo = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2593,13 +2644,13 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Mo = {
+}, Yo = {
   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"], zo = ["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"], jo = {
+}, Ne = ["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"], _o = ["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"], Xo = {
   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",
@@ -2614,7 +2665,7 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: Ve,
+    allowedFileTypes: Ne,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -2712,7 +2763,7 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, qo = {
+}, Zo = {
   name: "PersonalizationContainer",
   shouldReceiveBuilderProps: {
     builderBlock: !0,
@@ -2748,9 +2799,9 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
       defaultValue: []
     }]
   }]
-}, Ne = y({
+}, We = y({
   render() {
-    return Qe("script", {
+    return Ze("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id,
       nonce: this.nonce
@@ -2758,12 +2809,12 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
   },
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
-}), Ko = y({
+}), er = y({
   name: "builder-personalization-container",
   components: {
     Blocks: j,
-    InlinedStyles: de,
-    InlinedScript: Ne
+    InlinedStyles: ue,
+    InlinedScript: We
   },
   props: [
     "builderContext",
@@ -2776,32 +2827,32 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
   data() {
     var e, t, n, o, r, i, s;
     return {
-      userAttributes: le.getUserAttributes(),
-      scriptStr: Vo(
+      userAttributes: ce.getUserAttributes(),
+      scriptStr: Lo(
         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: No(
+      updateVisibilityStylesScript: Ho(
         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: Eo(
+      shouldRenderVariants: Oo(
         this.variants,
         J((s = this.builderContext) == null ? void 0 : s.canTrack)
       ),
       shouldResetVariants: !1,
       TARGET: R,
-      DEFAULT_INDEX: oe,
-      SDKS_REQUIRING_RESET_APPROACH: St
+      DEFAULT_INDEX: re,
+      SDKS_REQUIRING_RESET_APPROACH: wt
     };
   },
   mounted() {
     var t;
     this.shouldResetVariants = !0;
-    const e = le.subscribeOnUserAttributesChange(
+    const e = ce.subscribeOnUserAttributesChange(
       (n) => {
         this.userAttributes = n;
       },
@@ -2809,12 +2860,12 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
         fireImmediately: R === "qwik"
       }
     );
-    if (!(A() || Re())) {
+    if (!(A() || Ee())) {
       const n = this.filteredVariants[0];
       this.$refs.rootRef && (this.$refs.rootRef.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
           detail: {
-            variant: n || oe,
+            variant: n || re,
             content: (t = this.builderContext) == null ? void 0 : t.content
           },
           bubbles: !0
@@ -2825,7 +2876,7 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
           i.isIntersecting && this.$refs.rootRef && this.$refs.rootRef.dispatchEvent(
             new CustomEvent("builder.variantDisplayed", {
               detail: {
-                variant: n || oe,
+                variant: n || re,
                 content: (s = this.builderContext) == null ? void 0 : s.content
               },
               bubbles: !0
@@ -2850,7 +2901,7 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
     filteredVariants() {
       return (this.variants || []).filter((e) => {
         var t, n, o, r;
-        return To(
+        return Ao(
           {
             ...(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
@@ -2865,7 +2916,7 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
     },
     blocksToRender() {
       var e;
-      return Po({
+      return Uo({
         variants: this.variants,
         fallbackBlocks: (e = this.builderBlock) == null ? void 0 : e.children,
         isHydrated: this.shouldResetVariants,
@@ -2883,7 +2934,7 @@ const Fo = /* @__PURE__ */ v(Oo, [["render", Uo]]), Lo = {
     }
   }
 });
-function Jo(e, t, n, o, r, i) {
+function tr(e, t, n, o, r, i) {
   var u, p, b, c, m, f, g, P, O, B;
   const s = k("Blocks"), l = k("InlinedStyles"), a = k("InlinedScript");
   return d(), h("div", I({ ref: "rootRef" }, e.attrs), [
@@ -2911,7 +2962,7 @@ function Jo(e, t, n, o, r, i) {
           scriptStr: e.updateVisibilityStylesScript,
           id: `variants-visibility-script-${(g = e.builderBlock) == null ? void 0 : g.id}`
         }, null, 8, ["nonce", "scriptStr", "id"]),
-        (d(!0), h(w, null, U(e.variants, (q, C) => {
+        (d(!0), h(w, null, x(e.variants, (q, C) => {
           var z, G, Q, W;
           return d(), S(s, {
             key: `${(z = e.builderBlock) == null ? void 0 : z.id}-${C}`,
@@ -2928,12 +2979,12 @@ function Jo(e, t, n, o, r, i) {
             registeredComponents: e.builderComponents
           }, {
             default: D(() => {
-              var L, De;
+              var L, Oe;
               return [
                 $(a, {
                   nonce: ((L = e.builderContext) == null ? void 0 : L.nonce) || "",
                   scriptStr: e.scriptStr,
-                  id: `variants-script-${(De = e.builderBlock) == null ? void 0 : De.id}-${C}`
+                  id: `variants-script-${(Oe = e.builderBlock) == null ? void 0 : Oe.id}-${C}`
                 }, null, 8, ["nonce", "scriptStr", "id"])
               ];
             }),
@@ -2968,7 +3019,7 @@ function Jo(e, t, n, o, r, i) {
     ], 64)) : T("", !0)
   ], 16);
 }
-const Go = /* @__PURE__ */ v(Ko, [["render", Jo]]), Qo = {
+const nr = /* @__PURE__ */ v(er, [["render", tr]]), or = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -3007,7 +3058,7 @@ const Go = /* @__PURE__ */ v(Ko, [["render", Jo]]), Qo = {
       }
     }
   }]
-}, Yo = {
+}, rr = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -3024,12 +3075,12 @@ const Go = /* @__PURE__ */ v(Ko, [["render", Jo]]), Qo = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Xo = y({
+}, ir = y({
   name: "builder-slot",
   components: { Blocks: j },
   props: ["builderContext", "name", "builderComponents"]
 });
-function Zo(e, t, n, o, r, i) {
+function sr(e, t, n, o, r, i) {
   var l, a, u;
   const s = k("Blocks");
   return d(), h("div", I(
@@ -3049,7 +3100,7 @@ function Zo(e, t, n, o, r, i) {
     }, null, 8, ["parent", "path", "context", "registeredComponents", "blocks"])
   ], 16);
 }
-const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
+const ar = /* @__PURE__ */ v(ir, [["render", sr]]), lr = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -3088,7 +3139,7 @@ const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, me = {
+}, he = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -3110,7 +3161,7 @@ const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
       text: "New tab"
     }
   }
-}, he = {
+}, fe = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -3126,7 +3177,7 @@ const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
       text: "New tab content "
     }
   }
-}, tr = {
+}, cr = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -3136,16 +3187,16 @@ const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [me]
+      defaultValue: [he]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [he]
+      defaultValue: [fe]
     }],
     defaultValue: [{
       label: [{
-        ...me,
+        ...he,
         component: {
           name: "Text",
           options: {
@@ -3154,7 +3205,7 @@ const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
         }
       }],
       content: [{
-        ...he,
+        ...fe,
         component: {
           name: "Text",
           options: {
@@ -3164,7 +3215,7 @@ const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
       }]
     }, {
       label: [{
-        ...me,
+        ...he,
         component: {
           name: "Text",
           options: {
@@ -3173,7 +3224,7 @@ const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
         }
       }],
       content: [{
-        ...he,
+        ...fe,
         component: {
           name: "Text",
           options: {
@@ -3229,7 +3280,7 @@ const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, nr = y({
+}, dr = y({
   name: "builder-tabs",
   components: { Blocks: j },
   props: [
@@ -3257,8 +3308,8 @@ const _o = /* @__PURE__ */ v(Xo, [["render", Zo]]), er = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), or = ["onClick"], rr = { key: 0 };
-function ir(e, t, n, o, r, i) {
+}), ur = ["onClick"], pr = { key: 0 };
+function mr(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("div", null, [
     K("div", {
@@ -3270,9 +3321,9 @@ function ir(e, t, n, o, r, i) {
         overflow: "auto"
       })
     }, [
-      (d(!0), h(w, null, U(e.tabs, (l, a) => (d(), h("span", {
+      (d(!0), h(w, null, x(e.tabs, (l, a) => (d(), h("span", {
         key: a,
-        class: _(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
+        class: Z(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
         style: H(e.getTabStyle(a)),
         onClick: async (u) => e.onClick(a)
       }, [
@@ -3284,9 +3335,9 @@ function ir(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, or))), 128))
+      ], 14, ur))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), h("div", rr, [
+    e.activeTabContent(e.activeTab) ? (d(), h("div", pr, [
       $(s, {
         parent: e.builderBlock.id,
         path: `tabs.${e.activeTab}.content`,
@@ -3298,7 +3349,7 @@ function ir(e, t, n, o, r, i) {
     ])) : T("", !0)
   ]);
 }
-const sr = /* @__PURE__ */ v(nr, [["render", ir]]), ar = {
+const hr = /* @__PURE__ */ v(dr, [["render", mr]]), fr = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
@@ -3316,11 +3367,11 @@ const sr = /* @__PURE__ */ v(nr, [["render", ir]]), ar = {
     height: "auto",
     textAlign: "center"
   }
-}, lr = y({
+}, br = y({
   name: "builder-text",
   props: ["text"]
-}), cr = ["innerHTML"];
-function dr(e, t, n, o, r, i) {
+}), gr = ["innerHTML"];
+function yr(e, t, n, o, r, i) {
   var s;
   return d(), h("div", {
     class: "builder-text",
@@ -3328,9 +3379,9 @@ function dr(e, t, n, o, r, i) {
     style: {
       outline: "none"
     }
-  }, null, 8, cr);
+  }, null, 8, gr);
 }
-const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
+const vr = /* @__PURE__ */ v(br, [["render", yr]]), Sr = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -3352,7 +3403,7 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, mr = y({
+}, kr = y({
   name: "builder-custom-code",
   props: ["code", "replaceNodes"],
   data() {
@@ -3411,15 +3462,15 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
       }
     }
   }
-}), hr = ["innerHTML"];
-function fr(e, t, n, o, r, i) {
+}), Cr = ["innerHTML"];
+function Tr(e, t, n, o, r, i) {
   return d(), h("div", {
     ref: "elementRef",
-    class: _("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    class: Z("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, hr);
+  }, null, 10, Cr);
 }
-const br = /* @__PURE__ */ v(mr, [["render", fr]]), gr = {
+const wr = /* @__PURE__ */ v(kr, [["render", Tr]]), Ir = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3434,7 +3485,7 @@ const br = /* @__PURE__ */ v(mr, [["render", fr]]), gr = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, yr = ["text/javascript", "application/javascript", "application/ecmascript"], vr = (e) => yr.includes(e.type), Sr = y({
+}, $r = ["text/javascript", "application/javascript", "application/ecmascript"], Rr = (e) => $r.includes(e.type), Er = y({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -3467,7 +3518,7 @@ const br = /* @__PURE__ */ v(mr, [["render", fr]]), gr = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (vr(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Rr(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -3476,15 +3527,15 @@ const br = /* @__PURE__ */ v(mr, [["render", fr]]), gr = {
       }
     }
   }
-}), kr = ["innerHTML"];
-function Cr(e, t, n, o, r, i) {
+}), Pr = ["innerHTML"];
+function Ar(e, t, n, o, r, i) {
   return d(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, kr);
+  }, null, 8, Pr);
 }
-const Tr = /* @__PURE__ */ v(Sr, [["render", Cr]]), wr = {
+const Br = /* @__PURE__ */ v(Er, [["render", Ar]]), Vr = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -3721,10 +3772,10 @@ const Tr = /* @__PURE__ */ v(Sr, [["render", Cr]]), wr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ir = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], $r = () => {
+}, Nr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Wr = () => {
   const e = process.env.NODE_ENV || "production";
-  return Ir.includes(e) ? e : "production";
-}, Rr = y({
+  return Nr.includes(e) ? e : "production";
+}, Dr = y({
   name: "builder-form-component",
   components: { Blocks: j },
   props: [
@@ -3817,7 +3868,7 @@ const Tr = /* @__PURE__ */ v(Sr, [["render", Cr]]), wr = {
         else {
           const c = {};
           Array.from(l).forEach(({ value: m, key: f }) => {
-            Ye(c, f, m);
+            et(c, f, m);
           }), i = JSON.stringify(c);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
@@ -3835,10 +3886,10 @@ const Tr = /* @__PURE__ */ v(Sr, [["render", Cr]]), wr = {
           });
           return;
         }
-        const p = `${$r() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const p = `${Wr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`, b = this.sendSubmissionsTo === "email" ? p : this.action;
-        _e(b), fetch(b, {
+        ot(b), fetch(b, {
           body: i,
           headers: r,
           method: this.method || "post"
@@ -3859,7 +3910,7 @@ const Tr = /* @__PURE__ */ v(Sr, [["render", Cr]]), wr = {
               ), O.defaultPrevented))
                 return;
               this.responseData = m, this.formState = "error";
-              let B = this.errorMessagePath ? tt(m, this.errorMessagePath) : m.message || m.error || m;
+              let B = this.errorMessagePath ? it(m, this.errorMessagePath) : m.message || m.error || m;
               typeof B != "string" && (B = JSON.stringify(B)), this.formErrorMessage = B, this.mergeNewRootState({
                 formErrorMessage: B
               });
@@ -3901,11 +3952,11 @@ const Tr = /* @__PURE__ */ v(Sr, [["render", Cr]]), wr = {
       }
     }
   }
-}), Er = ["validate", "action", "method", "name"], Pr = {
+}), Or = ["validate", "action", "method", "name"], Ur = {
   key: 2,
   class: "builder-form-error-text pre-2oa2wtipkzk"
 };
-function Ar(e, t, n, o, r, i) {
+function xr(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("form", I({
     validate: e.validate,
@@ -3914,7 +3965,7 @@ function Ar(e, t, n, o, r, i) {
     method: e.method,
     name: e.name,
     onSubmit: t[0] || (t[0] = async (l) => e.onSubmit(l))
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     V(e.$slots, "default", {}, void 0, !0),
     e.submissionState() === "error" ? (d(), S(s, {
       key: 0,
@@ -3928,16 +3979,16 @@ function Ar(e, t, n, o, r, i) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : T("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), h("pre", Pr, ce(e.errorResponse(e.responseData)), 1)) : T("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), h("pre", Ur, de(e.errorResponse(e.responseData)), 1)) : T("", !0),
     e.submissionState() === "success" ? (d(), S(s, {
       key: 3,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : T("", !0)
-  ], 16, Er);
+  ], 16, Or);
 }
-const Br = /* @__PURE__ */ v(Rr, [["render", Ar], ["__scopeId", "data-v-77c7888c"]]), Vr = {
+const Fr = /* @__PURE__ */ v(Dr, [["render", xr], ["__scopeId", "data-v-77c7888c"]]), Lr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3988,7 +4039,7 @@ const Br = /* @__PURE__ */ v(Rr, [["render", Ar], ["__scopeId", "data-v-77c7888c
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Nr = y({
+}, Hr = y({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -4002,8 +4053,8 @@ const Br = /* @__PURE__ */ v(Rr, [["render", Ar], ["__scopeId", "data-v-77c7888c
   data() {
     return { isEditing: A, filterAttrs: N };
   }
-}), Wr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Dr(e, t, n, o, r, i) {
+}), Mr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function zr(e, t, n, o, r, i) {
   return d(), h("input", I({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -4012,9 +4063,9 @@ function Dr(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Wr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Mr);
 }
-const Or = /* @__PURE__ */ v(Nr, [["render", Dr]]), xr = {
+const jr = /* @__PURE__ */ v(Hr, [["render", zr]]), qr = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -4056,28 +4107,28 @@ const Or = /* @__PURE__ */ v(Nr, [["render", Dr]]), xr = {
   }],
   static: !0,
   noWrap: !0
-}, Ur = y({
+}, Kr = y({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
     return { isEditing: A, filterAttrs: N };
   }
-}), Fr = ["value", "defaultValue", "name", "required"], Lr = ["value"];
-function Hr(e, t, n, o, r, i) {
+}), Jr = ["value", "defaultValue", "name", "required"], Gr = ["value"];
+function Qr(e, t, n, o, r, i) {
   return d(), h("select", I({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (d(!0), h(w, null, U(e.options, (s, l) => (d(), h("option", {
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (d(!0), h(w, null, x(e.options, (s, l) => (d(), h("option", {
       key: `${s.name}-${l}`,
       value: s.value
-    }, ce(s.name || s.value), 9, Lr))), 128))
-  ], 16, Fr);
+    }, de(s.name || s.value), 9, Gr))), 128))
+  ], 16, Jr);
 }
-const Mr = /* @__PURE__ */ v(Ur, [["render", Hr]]), zr = {
+const Yr = /* @__PURE__ */ v(Kr, [["render", Qr]]), _r = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -4102,17 +4153,17 @@ const Mr = /* @__PURE__ */ v(Ur, [["render", Hr]]), zr = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, jr = y({
+}, Xr = y({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: N };
   }
 });
-function qr(e, t, n, o, r, i) {
-  return d(), h("button", I({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ce(e.text), 17);
+function Zr(e, t, n, o, r, i) {
+  return d(), h("button", I({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), de(e.text), 17);
 }
-const Kr = /* @__PURE__ */ v(jr, [["render", qr]]), Jr = {
+const ei = /* @__PURE__ */ v(Xr, [["render", Zr]]), ti = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -4148,7 +4199,7 @@ const Kr = /* @__PURE__ */ v(jr, [["render", qr]]), Jr = {
   },
   static: !0,
   noWrap: !0
-}, Gr = y({
+}, ni = y({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -4161,17 +4212,17 @@ const Kr = /* @__PURE__ */ v(jr, [["render", qr]]), Jr = {
   data() {
     return { filterAttrs: N };
   }
-}), Qr = ["placeholder", "name", "value", "defaultValue", "required"];
-function Yr(e, t, n, o, r, i) {
+}), oi = ["placeholder", "name", "value", "defaultValue", "required"];
+function ri(e, t, n, o, r, i) {
   return d(), h("textarea", I({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Qr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, oi);
 }
-const Xr = /* @__PURE__ */ v(Gr, [["render", Yr]]), Zr = {
+const ii = /* @__PURE__ */ v(ni, [["render", ri]]), si = {
   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",
@@ -4179,7 +4230,7 @@ const Xr = /* @__PURE__ */ v(Gr, [["render", Yr]]), Zr = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: Ve,
+    allowedFileTypes: Ne,
     required: !0
   }, {
     name: "backgroundSize",
@@ -4215,7 +4266,7 @@ const Xr = /* @__PURE__ */ v(Gr, [["render", Yr]]), Zr = {
     defaultValue: 0.7041
   }],
   noWrap: !0
-}, _r = y({
+}, ai = y({
   name: "builder-img-component",
   props: [
     "imgSrc",
@@ -4234,7 +4285,7 @@ const Xr = /* @__PURE__ */ v(Gr, [["render", Yr]]), Zr = {
     srcSetToUse() {
       const e = this.imgSrc || this.image;
       if (!(!e || typeof e != "string") && e.match(/builder\.io/))
-        return ne(e);
+        return oe(e);
     },
     imgAttrs() {
       const e = {
@@ -4245,8 +4296,8 @@ const Xr = /* @__PURE__ */ v(Gr, [["render", Yr]]), Zr = {
       return delete e.style, e;
     }
   }
-}), ei = ["alt", "title", "src"];
-function ti(e, t, n, o, r, i) {
+}), li = ["alt", "title", "src"];
+function ci(e, t, n, o, r, i) {
   var s;
   return d(), h("img", I({
     loading: "lazy",
@@ -4260,9 +4311,9 @@ function ti(e, t, n, o, r, i) {
       aspectRatio: e.aspectRatio || void 0,
       ...((s = e.attributes) == null ? void 0 : s.style) || {}
     }
-  }, e.imgAttrs), null, 16, ei);
+  }, e.imgAttrs), null, 16, li);
 }
-const ni = /* @__PURE__ */ v(_r, [["render", ti]]), oi = {
+const di = /* @__PURE__ */ v(ai, [["render", ci]]), ui = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -4273,14 +4324,14 @@ const ni = /* @__PURE__ */ v(_r, [["render", ti]]), oi = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: zo,
+    allowedFileTypes: _o,
     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: Ne,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -4346,7 +4397,7 @@ const ni = /* @__PURE__ */ v(_r, [["render", ti]]), oi = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, ri = y({
+}, pi = y({
   name: "builder-video",
   props: [
     "lazyLoad",
@@ -4419,16 +4470,16 @@ const ni = /* @__PURE__ */ v(_r, [["render", ti]]), oi = {
       };
     }
   }
-}), ii = { style: {
+}), mi = { style: {
   position: "relative"
-} }, si = ["preload", "poster"], ai = {
+} }, hi = ["preload", "poster"], fi = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, li = {
+}, bi = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -4442,9 +4493,9 @@ const ni = /* @__PURE__ */ v(_r, [["render", ti]]), oi = {
     height: "100%"
   }
 };
-function ci(e, t, n, o, r, i) {
+function gi(e, t, n, o, r, i) {
   var s, l, a, u, p, b, c;
-  return d(), h("div", ii, [
+  return d(), h("div", mi, [
     K("video", I({
       class: "builder-video",
       ref: "videoRef",
@@ -4472,7 +4523,7 @@ function ci(e, t, n, o, r, i) {
           src: e.video
         }
       ), null, 16)
-    ], 16, si),
+    ], 16, hi),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), h("div", {
       key: 0,
       style: H({
@@ -4482,75 +4533,75 @@ function ci(e, t, n, o, r, i) {
         fontSize: "0px"
       })
     }, null, 4)) : T("", !0),
-    (p = (u = e.builderBlock) == null ? void 0 : u.children) != null && p.length && e.fitContent ? (d(), h("div", ai, [
+    (p = (u = e.builderBlock) == null ? void 0 : u.children) != null && p.length && e.fitContent ? (d(), h("div", fi, [
       V(e.$slots, "default")
     ])) : T("", !0),
-    (c = (b = e.builderBlock) == null ? void 0 : b.children) != null && c.length && !e.fitContent ? (d(), h("div", li, [
+    (c = (b = e.builderBlock) == null ? void 0 : b.children) != null && c.length && !e.fitContent ? (d(), h("div", bi, [
       V(e.$slots, "default")
     ])) : T("", !0)
   ]);
 }
-const di = /* @__PURE__ */ v(ri, [["render", ci]]), ui = () => [{
-  component: br,
-  ...pr
-}, {
-  component: Tr,
-  ...gr
+const yi = /* @__PURE__ */ v(pi, [["render", gi]]), vi = () => [{
+  component: wr,
+  ...Sr
 }, {
   component: Br,
-  ...wr
+  ...Ir
 }, {
-  component: Or,
+  component: Fr,
   ...Vr
 }, {
-  component: Kr,
-  ...zr
+  component: jr,
+  ...Lr
 }, {
-  component: Mr,
-  ...xr
+  component: ei,
+  ..._r
 }, {
-  component: Xr,
-  ...Jr
+  component: Yr,
+  ...qr
 }, {
-  component: ni,
-  ...Zr
+  component: ii,
+  ...ti
 }, {
   component: di,
-  ...oi
-}], Ke = () => [{
-  component: Lt,
-  ...Lo
-}, {
-  component: ao,
-  ...Ho
-}, {
-  component: uo,
-  ...Mo
+  ...si
 }, {
-  component: vo,
-  ...jo
+  component: yi,
+  ...ui
+}], Ye = () => [{
+  component: jt,
+  ...Go
 }, {
-  component: Co,
+  component: fo,
   ...Qo
 }, {
-  component: _o,
+  component: yo,
   ...Yo
 }, {
-  component: Qi,
-  ...er
+  component: $o,
+  ...Xo
 }, {
-  component: ur,
-  ...ar
-}, ...vt.includes(R) ? [{
-  component: Go,
-  ...qo
+  component: Po,
+  ...or
+}, {
+  component: ar,
+  ...rr
+}, {
+  component: os,
+  ...lr
+}, {
+  component: vr,
+  ...fr
+}, ...Tt.includes(R) ? [{
+  component: nr,
+  ...Zo
 }] : [], {
-  component: sr,
-  ...tr
+  component: hr,
+  ...cr
 }, {
-  component: Fo,
-  ...Wo
-}, ...ui()], pi = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
+  component: Jo,
+  ...Mo
+}, ...vi()], Si = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4609,7 +4660,7 @@ const di = /* @__PURE__ */ v(ri, [["render", ci]]), ui = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, mi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, ki = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4643,37 +4694,37 @@ const di = /* @__PURE__ */ v(ri, [["render", ci]]), ui = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, Ce = "builderIoAbTest", Te = "builderIoRenderContent", re = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, Te = "builderIoAbTest", we = "builderIoRenderContent", ie = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), hi = ({
+})), Ci = ({
   canTrack: e,
   content: t
-}) => !(!(re(t).length > 0) || !e), fi = (e) => e === "react" || e === "reactNative", bi = R === "angular", We = fi(R), gi = () => `
+}) => !(!(ie(t).length > 0) || !e), Ti = (e) => e === "react" || e === "reactNative", wi = R === "angular", De = Ti(R), Ii = () => `
   (function() {
-    if (!window.${Ce}) {
-      window.${Ce} = ${pi};
-    }
     if (!window.${Te}) {
-      window.${Te} = ${mi};
-    }${We ? `
+      window.${Te} = ${Si};
+    }
+    if (!window.${we}) {
+      window.${we} = ${ki};
+    }${De ? `
     var thisScriptEl = document.currentScript;
     if (thisScriptEl) { thisScriptEl.remove(); }` : ""}
   })();
-  `, yi = (e, t) => `
-  window.${Ce}(
-    "${t}",${JSON.stringify(e)}, ${We}, ${bi}
-  )`, vi = ({
+  `, $i = (e, t) => `
+  window.${Te}(
+    "${t}",${JSON.stringify(e)}, ${De}, ${wi}
+  )`, Ri = ({
   contentId: e,
   variationId: t
-}) => `window.${Te}(
-    "${t}", "${e}", ${We}
+}) => `window.${we}(
+    "${t}", "${e}", ${De}
   )`;
-function Je(e) {
+function _e(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Si = (e, t, n = !0) => {
+const Ei = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -4684,35 +4735,35 @@ const Si = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, ki = (e) => Si(e, (t) => {
+}, Pi = (e) => Ei(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Ge = ({
+}), Xe = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Je(o / n.width), s = Je(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = _e(o / n.width), s = _e(r / n.height);
   return {
     x: i,
     y: s
   };
-}, Ci = (e) => {
-  const t = e.target, n = t && ki(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Ai = (e) => {
+  const t = e.target, n = t && Pi(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? Ge({
+      targetOffset: t ? Xe({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Ge({
+      builderTargetOffset: n ? Xe({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Ti = ["svelte", "qwik", "vue"], wi = () => Ti.includes(R) && (A() || Re()), Ii = (e) => {
+}, Bi = ["svelte", "qwik", "vue"], Vi = () => Bi.includes(R) && (A() || Ee()), Ni = (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 = "";
@@ -4738,15 +4789,15 @@ font-weight: ${s};
         `.trim());
     }
   return r;
-}, $i = ({
+}, Wi = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Ii(n))) == null ? void 0 : t.join(" ")) || "";
-}, Ri = ({
+  return ((t = e == null ? void 0 : e.map((n) => Ni(n))) == null ? void 0 : t.join(" ")) || "";
+}, Di = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ei = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Oi = `
 .builder-button {
   all: unset;
 }
@@ -4763,7 +4814,7 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, Pi = (e) => e ? "" : Ei, Ai = (e) => `variant-${e}`, Bi = y({
+`, Ui = (e) => e ? "" : Oi, xi = (e) => `variant-${e}`, Fi = y({
   name: "enable-editor",
   components: { DynamicDiv: te },
   props: [
@@ -4795,15 +4846,15 @@ font-weight: ${s};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: fe,
-      needsElementRefDivForEditing: wi,
-      getWrapperClassName: Ai
+      builderContext: be,
+      needsElementRefDivForEditing: Vi,
+      getWrapperClassName: xi
     };
   },
   provide() {
     const e = this;
     return {
-      [fe.key]: e.builderContextSignal
+      [be.key]: e.builderContextSignal
     };
   },
   created() {
@@ -4815,13 +4866,13 @@ font-weight: ${s};
       A() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
       );
-      const o = this.builderContextSignal.content && J(this.canTrack), r = Ie({
+      const o = this.builderContextSignal.content && J(this.canTrack), r = $e({
         name: `builder.tests.${(e = this.builderContextSignal.content) == null ? void 0 : e.id}`,
         canTrack: !0
       }), i = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId;
       if (o && i === r) {
         const s = (n = this.builderContextSignal.content) == null ? void 0 : n.id, l = this.apiKey;
-        Oe({
+        Ue({
           apiHost: this.apiHost,
           type: "impression",
           canTrack: !0,
@@ -4830,7 +4881,7 @@ font-weight: ${s};
           variationId: r !== s ? r : void 0
         });
       }
-      Re() && !A() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      Ee() && !A() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -4932,7 +4983,7 @@ font-weight: ${s};
       this.builderContextSignal.content = n;
     },
     processMessage(e) {
-      return st({
+      return dt({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4946,7 +4997,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            mt(t);
+            gt(t);
           },
           contentUpdate: (t, n) => {
             this.mergeNewContent(t, n);
@@ -4961,14 +5012,14 @@ font-weight: ${s};
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        Oe({
+        Ue({
           apiHost: this.apiHost,
           type: "click",
           canTrack: J(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Ci(e),
+          ...Ai(e),
           unique: !this.clicked
         });
       }
@@ -5006,7 +5057,7 @@ font-weight: ${s};
             url: l,
             method: "GET"
           };
-          _e(JSON.stringify(a));
+          ot(JSON.stringify(a));
           const u = {
             method: a.method,
             headers: a.headers,
@@ -5034,7 +5085,7 @@ font-weight: ${s};
           "builder:component:stateChange",
           {
             detail: {
-              state: we(this.builderContextSignal.rootState),
+              state: Ie(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -5044,7 +5095,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), it({
+      window.addEventListener("message", this.processMessage), ct({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -5064,7 +5115,7 @@ font-weight: ${s};
       ).forEach((t) => {
         var n, o;
         if (!((n = t.models) != null && n.length) || t.models.includes(this.model)) {
-          const r = rn(t);
+          const r = cn(t);
           (o = window.parent) == null || o.postMessage(r, "*");
         }
       }), window.addEventListener(
@@ -5077,7 +5128,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)) && Ae({
+      (n === "BUILDER_STUDIO" || n === this.model && r === this.apiKey && (!this.content || o === this.content.id)) && Be({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion,
@@ -5092,9 +5143,9 @@ font-weight: ${s};
     }
   }
 });
-function Vi(e, t, n, o, r, i) {
+function Li(e, t, n, o, r, i) {
   var s, l, a;
-  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(X(e.ContentWrapper), I({
+  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(_(e.ContentWrapper), I({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
@@ -5113,26 +5164,26 @@ function Vi(e, t, n, o, r, i) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : T("", !0);
 }
-const Ni = /* @__PURE__ */ v(Bi, [["render", Vi]]), Wi = y({
+const Hi = /* @__PURE__ */ v(Fi, [["render", Li]]), Mi = y({
   name: "content-styles",
-  components: { InlinedStyles: de },
+  components: { InlinedStyles: ue },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${Ri({
+${Di({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${$i({
+${Wi({
         customFonts: this.customFonts
       })}
-${Pi(this.isNestedRender)}
+${Ui(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function Di(e, t, n, o, r, i) {
+function zi(e, t, n, o, r, i) {
   const s = k("InlinedStyles");
   return d(), S(s, {
     id: "builderio-content",
@@ -5140,7 +5191,7 @@ function Di(e, t, n, o, r, i) {
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const Oi = /* @__PURE__ */ v(Wi, [["render", Di]]), xi = ({
+const ji = /* @__PURE__ */ v(Mi, [["render", zi]]), qi = ({
   content: e,
   data: t,
   locale: n
@@ -5157,7 +5208,7 @@ const Oi = /* @__PURE__ */ v(Wi, [["render", Di]]), xi = ({
       locale: n
     } : {}
   };
-}, Ui = ({
+}, Ki = ({
   content: e,
   data: t
 }) => e ? {
@@ -5167,12 +5218,12 @@ const Oi = /* @__PURE__ */ v(Wi, [["render", Di]]), xi = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Fi = Tt, Li = y({
+} : void 0, Ji = Rt, Gi = y({
   name: "content-component",
   components: {
-    EnableEditor: Ni,
-    InlinedScript: Ne,
-    ContentStyles: Oi,
+    EnableEditor: Hi,
+    InlinedScript: We,
+    ContentStyles: ji,
     Blocks: j,
     DynamicDiv: te
   },
@@ -5203,32 +5254,32 @@ const Oi = /* @__PURE__ */ v(Wi, [["render", Di]]), xi = ({
   data() {
     var e, t;
     return {
-      scriptStr: vi({
+      scriptStr: Ri({
         // 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: [
-        ...Ke(),
+        ...Ye(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: Fi(o),
-            ...ae(r)
+            component: Ji(o),
+            ...le(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Ui({
+        content: Ki({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: xi({
+        rootState: qi({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -5239,12 +5290,12 @@ const Oi = /* @__PURE__ */ v(Wi, [["render", Di]]), xi = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...Ke(),
+          ...Ye(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: ae(r)
+            [r.name]: le(r)
           }),
           {}
         ),
@@ -5260,7 +5311,7 @@ const Oi = /* @__PURE__ */ v(Wi, [["render", Di]]), xi = ({
   provide() {
     const e = this;
     return {
-      [et.key]: {
+      [rt.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -5304,7 +5355,7 @@ const Oi = /* @__PURE__ */ v(Wi, [["render", Di]]), xi = ({
     }
   }
 });
-function Hi(e, t, n, o, r, i) {
+function Qi(e, t, n, o, r, i) {
   const s = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
   return d(), S(u, I({
     apiHost: e.apiHost,
@@ -5353,12 +5404,12 @@ function Hi(e, t, n, o, r, i) {
     _: 1
   }, 16, ["apiHost", "nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "enrichOptions", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts", "isNestedRender"]);
 }
-const Mi = /* @__PURE__ */ v(Li, [["render", Hi]]), zi = y({
+const Yi = /* @__PURE__ */ v(Gi, [["render", Qi]]), _i = y({
   name: "content-variants",
   components: {
-    InlinedScript: Ne,
-    InlinedStyles: de,
-    ContentComponent: Mi
+    InlinedScript: We,
+    InlinedStyles: ue,
+    ContentComponent: Yi
   },
   props: [
     "canTrack",
@@ -5384,16 +5435,16 @@ const Mi = /* @__PURE__ */ v(Li, [["render", Hi]]), zi = y({
   ],
   data() {
     return {
-      shouldRenderVariants: hi({
+      shouldRenderVariants: Ci({
         canTrack: J(this.canTrack),
         content: this.content
       }),
-      shouldEmitPersonalizationFns: Ao(this.content),
-      SDKS_SUPPORTING_PERSONALIZATION: vt,
-      getInitPersonalizationVariantsFnsScriptString: Bo,
+      shouldEmitPersonalizationFns: xo(this.content),
+      SDKS_SUPPORTING_PERSONALIZATION: Tt,
+      getInitPersonalizationVariantsFnsScriptString: Fo,
       TARGET: R,
-      getInitVariantsFnsScriptString: gi,
-      getVariants: re
+      getInitVariantsFnsScriptString: Ii,
+      getVariants: ie
     };
   },
   mounted() {
@@ -5401,8 +5452,8 @@ const Mi = /* @__PURE__ */ v(Li, [["render", Hi]]), zi = y({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return yi(
-        re(this.content).map((t) => ({
+      return $i(
+        ie(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
         })),
@@ -5410,21 +5461,21 @@ const Mi = /* @__PURE__ */ v(Li, [["render", Hi]]), zi = y({
       );
     },
     hideVariantsStyleString() {
-      return re(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
+      return ie(this.content).map((e) => `.variant-${e.testVariationId} { display: none; } `).join("");
     },
     defaultContent() {
       var e;
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : fn({
+      } : vn({
         item: this.content,
         canTrack: J(this.canTrack)
       });
     }
   }
 });
-function ji(e, t, n, o, r, i) {
+function Xi(e, t, n, o, r, i) {
   const s = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
   return d(), h(w, null, [
     e.shouldEmitPersonalizationFns ? (d(), h(w, { key: 0 }, [
@@ -5451,7 +5502,7 @@ function ji(e, t, n, o, r, i) {
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (d(!0), h(w, null, U(e.getVariants(e.content), (u, p) => (d(), S(a, I({
+      (d(!0), h(w, null, x(e.getVariants(e.content), (u, p) => (d(), S(a, I({
         key: u.testVariationId,
         apiHost: e.apiHost,
         isNestedRender: e.isNestedRender,
@@ -5505,13 +5556,13 @@ function ji(e, t, n, o, r, i) {
     }), null, 16, ["apiHost", "nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "enrichOptions", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const qi = /* @__PURE__ */ v(zi, [["render", ji]]), Ki = async ({
+const Zi = /* @__PURE__ */ v(_i, [["render", Xi]]), es = 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 Ae({
+    return Be({
       model: t.model,
       apiKey: t.global && t.ownerId ? t.ownerId : e.apiKey,
       apiVersion: e.apiVersion,
@@ -5523,9 +5574,9 @@ const qi = /* @__PURE__ */ v(zi, [["render", ji]]), Ki = async ({
     }).catch((n) => {
       F.error("Could not fetch symbol content: ", n);
     });
-}, Ji = y({
+}, ts = y({
   name: "builder-symbol",
-  components: { ContentVariants: qi, DynamicDiv: te },
+  components: { ContentVariants: Zi, DynamicDiv: te },
   props: [
     "symbol",
     "builderComponents",
@@ -5582,7 +5633,7 @@ const qi = /* @__PURE__ */ v(zi, [["render", ji]]), Ki = async ({
   methods: {
     setContent() {
       var e;
-      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || Ki({
+      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || es({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((t) => {
@@ -5592,10 +5643,10 @@ const qi = /* @__PURE__ */ v(zi, [["render", ji]]), Ki = async ({
     }
   }
 });
-function Gi(e, t, n, o, r, i) {
+function ns(e, t, n, o, r, i) {
   var l, a, u, p, b, c, m;
   const s = k("ContentVariants");
-  return d(), h("div", I({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  return d(), h("div", I({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     $(s, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -5620,43 +5671,44 @@ function Gi(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Qi = /* @__PURE__ */ v(Ji, [["render", Gi]]);
+const os = /* @__PURE__ */ v(ts, [["render", ns]]);
 export {
-  Ae as A,
-  gt as B,
-  ao as C,
-  Zi as D,
-  as as E,
-  uo as F,
-  vo as I,
-  Co as S,
-  ur as T,
-  di as V,
+  Dn as A,
+  kt as B,
+  fo as C,
+  Be as D,
+  ss as E,
+  yo as F,
+  bs as G,
+  $o as I,
+  Po as S,
+  vr as T,
+  yi as V,
   v as _,
   M as a,
-  fe as b,
-  de as c,
-  oo as d,
+  be as b,
+  ue as c,
+  ms as d,
   ee as e,
-  is as f,
-  ss as g,
-  ls as h,
-  Be as i,
-  on as j,
-  Lt as k,
-  Qi as l,
-  j as m,
-  qi as n,
-  Re as o,
-  rn as p,
-  es as q,
-  _i as r,
-  os as s,
-  ts as t,
-  ot as u,
-  ns as v,
-  Fi as w,
-  rs as x,
-  Rn as y,
-  En as z
+  uo as f,
+  fs as g,
+  hs as h,
+  gs as i,
+  Ve as j,
+  ln as k,
+  jt as l,
+  os as m,
+  j as n,
+  Zi as o,
+  Ee as p,
+  cn as q,
+  as as r,
+  us as s,
+  ls as t,
+  cs as u,
+  at as v,
+  Ji as w,
+  ds as x,
+  ps as y,
+  Wn as z
 };