@builder.io/sdk-vue 5.2.12 → 5.2.14

package/lib/browser/{index-3BT-zvy_.js → index-q5KAlbTD.js}

@@ -1,6 +1,6 @@
 import "./style.css";
-import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as I, createBlock as S, resolveDynamicComponent as Z, mergeProps as $, toHandlers as U, withCtx as D, renderSlot as N, resolveComponent as k, createTextVNode as Wt, toDisplayString as pe, defineAsyncComponent as X, createVNode as R, renderList as L, createCommentVNode as T, h as et, createElementVNode as G, normalizeStyle as H, normalizeClass as ee, markRaw as Dt } from "vue";
-const xt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Ut = (e) => typeof e == "string" && xt.has(e.toLowerCase());
+import { defineComponent as y, openBlock as d, createElementBlock as h, Fragment as I, createBlock as S, resolveDynamicComponent as X, mergeProps as $, toHandlers as x, withCtx as D, renderSlot as N, resolveComponent as k, createTextVNode as xt, toDisplayString as pe, defineAsyncComponent as Y, createVNode as R, renderList as L, createCommentVNode as T, h as ot, createElementVNode as G, normalizeStyle as M, normalizeClass as ee, markRaw as Lt } from "vue";
+const Ft = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Mt = (e) => typeof e == "string" && Ft.has(e.toLowerCase());
 function O(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -11,11 +11,11 @@ function O(e = {}, t, n) {
   }
   return o;
 }
-const Lt = y({
+const Ht = y({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: Ut };
+    return { isEmptyElement: Mt };
   }
 }), v = (e, t) => {
   const n = e.__vccOpts || e;
@@ -23,14 +23,14 @@ const Lt = y({
     n[o] = r;
   return n;
 };
-function Ft(e, t, n, o, r, i) {
-  return e.isEmptyElement(e.TagName) ? (d(), S(Z(e.TagName), $({ key: 1 }, e.attributes, U(e.actionAttributes)), null, 16)) : (d(), h(I, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), S(Z(e.TagName), $({ key: 0 }, e.attributes, U(e.actionAttributes)), {
+function jt(e, t, n, o, r, i) {
+  return e.isEmptyElement(e.TagName) ? (d(), S(X(e.TagName), $({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (d(), h(I, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), S(X(e.TagName), $({ key: 0 }, e.attributes, x(e.actionAttributes)), {
       default: D(() => [
         N(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), S(Z(e.TagName), $({ key: 1 }, e.attributes, U(e.actionAttributes)), {
+    }, 16)) : (d(), S(X(e.TagName), $({ key: 1 }, e.attributes, x(e.actionAttributes)), {
       default: D(() => [
         N(e.$slots, "default")
       ]),
@@ -38,10 +38,10 @@ function Ft(e, t, n, o, r, i) {
     }, 16))
   ], 64));
 }
-const Re = /* @__PURE__ */ v(Lt, [["render", Ft]]), ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Re = /* @__PURE__ */ v(Ht, [["render", jt]]), Bs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Re
-}, Symbol.toStringTag, { value: "Module" })), E = "vue", M = () => {
+}, Symbol.toStringTag, { value: "Module" })), E = "vue", H = () => {
   switch (E) {
     case "react":
     case "reactNative":
@@ -54,7 +54,7 @@ const Re = /* @__PURE__ */ v(Lt, [["render", Ft]]), ws = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, Ht = y({
+}, zt = y({
   name: "builder-button",
   components: { DynamicRenderer: Re },
   props: [
@@ -71,7 +71,7 @@ const Re = /* @__PURE__ */ v(Lt, [["render", Ft]]), ws = /* @__PURE__ */ Object.
     attrs() {
       return {
         ...O(this.attributes, "v-on:", !1),
-        [M()]: `${this.link ? "" : "builder-button"} ${this.attributes[M()] || ""}`,
+        [H()]: `${this.link ? "" : "builder-button"} ${this.attributes[H()] || ""}`,
         ...this.link ? {
           href: this.link,
           target: this.openLinkInNewTab ? "_blank" : void 0,
@@ -83,7 +83,7 @@ const Re = /* @__PURE__ */ v(Lt, [["render", Ft]]), ws = /* @__PURE__ */ Object.
     }
   }
 });
-function Mt(e, t, n, o, r, i) {
+function Kt(e, t, n, o, r, i) {
   const s = k("DynamicRenderer");
   return d(), S(s, {
     attributes: e.attrs(),
@@ -91,12 +91,12 @@ function Mt(e, t, n, o, r, i) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: D(() => [
-      Wt(pe(e.text), 1)
+      xt(pe(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const jt = /* @__PURE__ */ v(Ht, [["render", Mt]]), zt = Symbol(), ve = {
+const qt = /* @__PURE__ */ v(zt, [["render", Kt]]), Gt = Symbol(), ve = {
   Builder: {
     content: null,
     context: {},
@@ -113,43 +113,43 @@ const jt = /* @__PURE__ */ v(Ht, [["render", Mt]]), zt = Symbol(), ve = {
     nonce: "",
     model: ""
   },
-  key: zt
-}, Kt = Symbol(), tt = {
+  key: Gt
+}, Jt = Symbol(), rt = {
   Components: { registeredComponents: {} },
-  key: Kt
+  key: Jt
 }, oe = "[Builder.io]: ", B = {
   log: (...e) => console.log(oe, ...e),
   error: (...e) => console.error(oe, ...e),
   warn: (...e) => console.warn(oe, ...e),
   debug: (...e) => console.debug(oe, ...e)
-}, nt = (e, t, n) => {
+}, 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;
 };
 function w() {
   return typeof window < "u" && typeof document < "u";
 }
-const qt = (e) => {
+const Qt = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, ot = (e) => e instanceof URLSearchParams ? qt(e) : e, rt = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Gt() {
+}, st = (e) => e instanceof URLSearchParams ? Qt(e) : e, at = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function _t() {
   return w() && window.self !== window.top;
 }
-function P(e) {
-  return Gt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  rt(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+function A(e) {
+  return _t() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  at(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const Jt = () => {
+const Yt = () => {
   if (w()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Qt = () => typeof navigator == "object" && navigator.userAgent || "", it = () => {
-  const e = Qt(), t = {
+}, Xt = () => typeof navigator == "object" && navigator.userAgent || "", lt = () => {
+  const e = Xt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -168,17 +168,17 @@ const Jt = () => {
     any() {
       return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || E === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = Jt();
+  }, n = e.match(/Tablet|iPad/i), o = Yt();
   return {
     urlPath: o == null ? void 0 : o.pathname,
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, st = "5.2.12", at = () => ({
+}, ct = "5.2.14", dt = () => ({
   "X-Builder-SDK": E,
   "X-Builder-SDK-GEN": "2",
-  "X-Builder-SDK-Version": st
-}), j = (e) => e != null, Yt = (e) => {
+  "X-Builder-SDK-Version": ct
+}), j = (e) => e != null, Zt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -194,14 +194,14 @@ const Jt = () => {
     B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, lt = async (e) => me(e), Xt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(j).join("; "), Zt = [["secure", ""], ["SameSite", "None"]], _t = ({
+}, ut = async (e) => me(e), en = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(j).join("; "), tn = [["secure", ""], ["SameSite", "None"]], nn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (w() ? location.protocol === "https:" : !0) ? Zt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Yt(window.location.hostname)], ...r];
-  return Xt(s);
-}, Pe = async ({
+  const r = (w() ? location.protocol === "https:" : !0) ? tn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Zt(window.location.hostname)], ...r];
+  return en(s);
+}, Ae = async ({
   name: e,
   value: t,
   expires: n,
@@ -210,7 +210,7 @@ const Jt = () => {
   try {
     if (!o)
       return;
-    const r = _t({
+    const r = nn({
       name: e,
       value: t,
       expires: n
@@ -220,93 +220,93 @@ const Jt = () => {
     B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
-function en() {
+function on() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function ct() {
-  return en().replace(/-/g, "");
+function pt() {
+  return on().replace(/-/g, "");
 }
-const dt = "builderSessionId", tn = async ({
+const mt = "builderSessionId", rn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await lt({
-    name: dt,
+  const t = await ut({
+    name: mt,
     canTrack: e
   });
   if (j(t))
     return t;
   {
-    const n = nn();
-    return on({
+    const n = sn();
+    return an({
       id: n,
       canTrack: e
     }), n;
   }
-}, nn = () => ct(), on = ({
+}, sn = () => pt(), an = ({
   id: e,
   canTrack: t
-}) => Pe({
-  name: dt,
+}) => Ae({
+  name: mt,
   value: e,
   canTrack: t
-}), ut = () => w() && typeof localStorage < "u" ? localStorage : void 0, rn = ({
+}), ht = () => w() && typeof localStorage < "u" ? localStorage : void 0, ln = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = ut()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = ht()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, sn = ({
+}, cn = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = ut()) == null || o.setItem(e, n));
+    t && ((o = ht()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, pt = "builderVisitorId", an = ({
+}, ft = "builderVisitorId", dn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = rn({
-    key: pt,
+  const t = ln({
+    key: ft,
     canTrack: e
   });
   if (j(t))
     return t;
   {
-    const n = ln();
-    return cn({
+    const n = un();
+    return pn({
       id: n,
       canTrack: e
     }), n;
   }
-}, ln = () => ct(), cn = ({
+}, un = () => pt(), pn = ({
   id: e,
   canTrack: t
-}) => sn({
-  key: pt,
+}) => cn({
+  key: ft,
   value: e,
   canTrack: t
 });
-function Ae(e) {
+function Pe(e) {
   var t;
   typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && B.log(e);
 }
-const dn = async ({
+const mn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -314,16 +314,16 @@ const dn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await tn({
+  const t = await rn({
     canTrack: e
-  }), n = an({
+  }), n = dn({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, un = async ({
+}, hn = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -337,10 +337,10 @@ const dn = async ({
       url: location.href,
       ...o
     },
-    ...await dn({
+    ...await mn({
       canTrack: t
     }),
-    userAttributes: it(),
+    userAttributes: lt(),
     ownerId: n
   }
 });
@@ -352,27 +352,27 @@ async function le({
     B.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!t.canTrack || P() || !(w() || E === "reactNative"))
+  if (!t.canTrack || A() || !(w() || E === "reactNative"))
     return;
   const o = `${e || "https://cdn.builder.io"}/api/v1/track`;
-  return Ae(o), fetch(o, {
+  return Pe(o), fetch(o, {
     method: "POST",
     body: JSON.stringify({
-      events: [await un(t)]
+      events: [await hn(t)]
     }),
     headers: {
       "content-type": "application/json",
-      ...at()
+      ...dt()
     },
     mode: "cors"
   }).catch((r) => {
     console.error("Failed to track: ", r);
   });
 }
-const Is = (e) => le({
+const Vs = (e) => le({
   ...e,
   canTrack: !0
-}), pn = ({
+}), fn = ({
   builder: e,
   context: t,
   event: n,
@@ -384,11 +384,11 @@ const Is = (e) => le({
   builder: e,
   context: t,
   event: n
-}), mn = (e) => ({
-  isEditing: P(),
+}), bn = (e) => ({
+  isEditing: A(),
   isBrowser: w(),
   isServer: !w(),
-  getUserAttributes: () => it(),
+  getUserAttributes: () => lt(),
   trackConversion: (t, n) => {
     !(e != null && e.apiKey) || (e == null ? void 0 : e.canTrack) === !1 || le({
       type: "conversion",
@@ -404,10 +404,10 @@ const Is = (e) => le({
       }
     });
   }
-}), hn = (e, {
+}), gn = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
-function mt({
+function bt({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -417,7 +417,7 @@ function mt({
       if (t && r in t)
         return t[r];
       const i = o[r];
-      return typeof i == "object" && i !== null ? mt({
+      return typeof i == "object" && i !== null ? bt({
         rootState: i,
         localState: void 0,
         rootSetState: n ? (s) => {
@@ -432,7 +432,7 @@ function mt({
     }
   });
 }
-const He = ({
+const Me = ({
   code: e,
   builder: t,
   context: n,
@@ -441,11 +441,11 @@ const He = ({
   rootSetState: i,
   rootState: s
 }) => {
-  const l = pn({
+  const l = fn({
     builder: t,
     context: n,
     event: o,
-    state: mt({
+    state: bt({
       rootState: s,
       localState: r,
       rootSetState: i
@@ -453,23 +453,23 @@ const He = ({
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
 };
-function fn() {
+function yn() {
   var e;
   return typeof process < "u" && j((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const bn = ({
+const vn = ({
   shouldLogWarning: e
 }) => {
   var r;
-  if (!fn())
+  if (!yn())
     return !1;
   const t = process.arch === "arm64", n = process.version.startsWith("v20"), o = (r = process.env.NODE_OPTIONS) == null ? void 0 : r.includes("--no-node-snapshot");
   return t && n && !o ? (e && B.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, gn = (e) => (w() || bn({
+}, Sn = (e) => (w() || vn({
   shouldLogWarning: !0
-}), He(e)), yn = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, vn = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Sn = (e) => {
+}), Me(e)), kn = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Cn = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Tn = (e) => {
   var t, n, o, r, i, s;
-  return ((o = (n = (t = yn.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = vn.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
+  return ((o = (n = (t = kn.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = Cn.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
 };
 function te({
   code: e,
@@ -483,17 +483,17 @@ function te({
 }) {
   if (e.trim() === "")
     return;
-  const a = Sn(e.trim());
+  const a = Tn(e.trim());
   if (a)
-    return nt({
+    return it({
       ...o,
       ...n
     }, a);
   const u = {
-    code: hn(e, {
+    code: gn(e, {
       isExpression: s
     }),
-    builder: mn(l),
+    builder: bn(l),
     context: t,
     event: i,
     rootSetState: r,
@@ -501,7 +501,7 @@ function te({
     localState: n
   };
   try {
-    return gn(u);
+    return Sn(u);
   } catch (p) {
     B.error("Failed code evaluation: " + p.message, {
       code: e
@@ -509,15 +509,15 @@ function te({
     return;
   }
 }
-function kn(e, t) {
+function wn(e, t) {
   var n;
   return {
     ...(n = e.component) == null ? void 0 : n.options,
     ...e.options,
-    ...Cn(e, t)
+    ...In(e, t)
   };
 }
-const Cn = (e, t) => {
+const In = (e, t) => {
   var n, o;
   if (((n = e.component) == null ? void 0 : n.name) === "Text" && ((o = e.component.options) != null && o.text) && typeof e.component.options.text == "string")
     return {
@@ -531,7 +531,7 @@ const Cn = (e, t) => {
       }))
     };
 };
-function Tn(e, ...t) {
+function $n(e, ...t) {
   const n = Object.assign({}, e);
   for (const o of t)
     delete n[o];
@@ -554,30 +554,30 @@ function ce(e, t, n = null, o = null, r = /* @__PURE__ */ new WeakSet()) {
     }), ce(s, t, e, i, r);
   }));
 }
-function ht(e) {
+function gt(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
-function wn(e) {
+function En(e) {
   if (!e || !Object.getOwnPropertyNames(e).length)
     return !1;
   let t = !1;
   return ce(e, (n) => {
-    if (ht(n)) {
+    if (gt(n)) {
       t = !0;
       return;
     }
   }), t;
 }
-function In(e, t) {
+function Rn(e, t) {
   return !e || !Object.getOwnPropertyNames(e).length ? {} : (ce(e, (n, o) => {
-    ht(n) && o(n[t] ?? void 0);
+    gt(n) && o(n[t] ?? void 0);
   }), e);
 }
-function $n(e, t) {
+function An(e, t) {
   var n, o;
-  return (n = e.component) != null && n.options && wn((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 = In(e.component.options, t ?? "Default")), e;
+  return (n = e.component) != null && n.options && En((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 = Rn(e.component.options, t ?? "Default")), e;
 }
-const Be = (e) => JSON.parse(JSON.stringify(e)), ft = (e, t, n) => {
+const Be = (e) => JSON.parse(JSON.stringify(e)), yt = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -595,8 +595,8 @@ function Se(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = Se(e[n]));
   return t;
 }
-const En = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Rn = (e) => {
-  if (En) {
+const Pn = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Bn = (e) => {
+  if (Pn) {
     const t = Be(e);
     return {
       ...t,
@@ -608,7 +608,7 @@ const En = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Rn = (e) =
       }
     };
   } else {
-    const t = Se(Tn(e, "children", "meta"));
+    const t = Se($n(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -621,7 +621,7 @@ const En = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Rn = (e) =
       meta: e.meta
     };
   }
-}, Pn = ({
+}, Vn = ({
   block: e,
   context: t,
   localState: n,
@@ -630,7 +630,7 @@ const En = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Rn = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const i = Rn(e);
+  const i = Bn(e);
   for (const s in e.bindings) {
     const l = e.bindings[s], a = te({
       code: l,
@@ -639,11 +639,11 @@ const En = ["svelte", "vue", "angular", "qwik", "solid"].includes(E), Rn = (e) =
       rootSetState: r,
       context: t
     });
-    ft(i, s, a);
+    yt(i, s, a);
   }
   return i;
 };
-function An({
+function Nn({
   block: e,
   context: t,
   localState: n,
@@ -651,33 +651,33 @@ function An({
   rootSetState: r
 }) {
   let i = e;
-  return i = Pn({
+  return i = Vn({
     block: i,
     localState: n,
     rootState: o,
     rootSetState: r,
     context: t
-  }), i = $n(i, o.locale), i;
+  }), i = An(i, o.locale), i;
 }
 function Ve(e) {
   const t = e || (w() ? window.location.search : void 0);
-  return t ? rt(t).indexOf("builder.preview=") !== -1 : !1;
+  return t ? at(t).indexOf("builder.preview=") !== -1 : !1;
 }
-const Bn = (e) => ({
+const On = (e) => ({
   type: "builder.registerComponent",
   data: de(e)
-}), Vn = (e) => {
+}), Wn = (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 de(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? Vn(n) : n));
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? Wn(n) : n));
 }
-const Me = {};
-function $s(e, t) {
+const He = {};
+function Ns(e, t) {
   e === "plugin" && (t = de(t));
-  let n = Me[e];
-  if (n || (n = Me[e] = []), n.push(t), w()) {
+  let n = He[e];
+  if (n || (n = He[e] = []), n.push(t), w()) {
     const o = {
       type: "builder.register",
       data: {
@@ -692,7 +692,7 @@ function $s(e, t) {
     }
   }
 }
-function Es(e) {
+function Os(e) {
   var t;
   if (w()) {
     const n = JSON.parse(JSON.stringify(e));
@@ -703,7 +703,7 @@ function Es(e) {
   }
 }
 const je = {};
-function Rs(e) {
+function Ws(e) {
   if (w()) {
     Object.assign(je, e);
     const t = {
@@ -713,39 +713,39 @@ function Rs(e) {
     parent.postMessage(t, "*");
   }
 }
-const ze = "builder.", Nn = "options.", bt = (e) => {
+const ze = "builder.", Dn = "options.", vt = (e) => {
   if (!e)
     return {};
-  const t = ot(e), n = {};
+  const t = st(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(ze)) {
-      const r = o.replace(ze, "").replace(Nn, "");
+      const r = o.replace(ze, "").replace(Dn, "");
       n[r] = t[o];
     }
   }), n;
-}, On = () => {
+}, Un = () => {
   if (!w())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return bt(e);
-}, Wn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
-function gt(e, t) {
+  return vt(e);
+}, xn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function St(e, t) {
   let n;
   try {
     n = new URL(t.origin);
   } catch {
     return !1;
   }
-  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || Wn).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
+  return n.protocol !== "http:" && n.protocol !== "https:" ? !1 : (e || xn).findIndex((o) => o.startsWith("*.") ? n.hostname.endsWith(o.slice(1)) : o === n.hostname) > -1;
 }
 let Ke = !1;
-const yt = (e) => {
+const kt = (e) => {
   var t, n;
   Ke || (Ke = !0, w() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: E,
-      version: st,
+      version: ct,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -763,7 +763,7 @@ const yt = (e) => {
     }
   }, "*"), window.addEventListener("message", (o) => {
     var i, s;
-    if (!gt(e.trustedHosts, o))
+    if (!St(e.trustedHosts, o))
       return;
     const {
       data: r
@@ -804,12 +804,12 @@ const yt = (e) => {
         }
       }
   })));
-}, vt = ({
+}, Ct = ({
   model: e,
   trustedHosts: t,
   callbacks: n
 }) => (o) => {
-  if (!gt(t, o))
+  if (!St(t, o))
     return;
   const {
     data: r
@@ -835,7 +835,7 @@ const yt = (e) => {
         break;
       }
     }
-}, Ps = ({
+}, Ds = ({
   model: e,
   apiKey: t,
   callback: n,
@@ -844,11 +844,11 @@ const yt = (e) => {
   if (!w)
     return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  yt({
+  kt({
     modelName: e,
     apiKey: t
   });
-  const r = vt({
+  const r = Ct({
     callbacks: {
       contentUpdate: n,
       animation: () => {
@@ -864,24 +864,24 @@ const yt = (e) => {
   return window.addEventListener("message", r), () => {
     window.removeEventListener("message", r);
   };
-}, Dn = "builder.tests", Ne = (e) => `${Dn}.${e}`, xn = ({
+}, Ln = "builder.tests", Ne = (e) => `${Ln}.${e}`, Fn = ({
   contentId: e
-}) => lt({
+}) => ut({
   name: Ne(e),
   canTrack: !0
-}), Un = ({
+}), Mn = ({
   contentId: e
 }) => me({
   name: Ne(e),
   canTrack: !0
-}), Ln = ({
+}), Hn = ({
   contentId: e,
   value: t
-}) => Pe({
+}) => Ae({
   name: Ne(e),
   value: t,
   canTrack: !0
-}), St = (e) => j(e.id) && j(e.variations) && Object.keys(e.variations).length > 0, Fn = ({
+}), Tt = (e) => j(e.id) && j(e.variations) && Object.keys(e.variations).length > 0, jn = ({
   id: e,
   variations: t
 }) => {
@@ -894,15 +894,15 @@ const yt = (e) => {
       return i;
   }
   return e;
-}, kt = (e) => {
-  const t = Fn(e);
-  return Ln({
+}, wt = (e) => {
+  const t = jn(e);
+  return Hn({
     contentId: e.id,
     value: t
   }).catch((n) => {
     B.error("could not store A/B test variation: ", n);
   }), t;
-}, Ct = ({
+}, It = ({
   item: e,
   testGroupId: t
 }) => {
@@ -916,7 +916,7 @@ const yt = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Hn = ({
+}, zn = ({
   item: e,
   canTrack: t
 }) => {
@@ -924,14 +924,14 @@ const yt = (e) => {
     return e;
   if (!e)
     return;
-  if (!St(e))
+  if (!Tt(e))
     return e;
-  const n = Un({
+  const n = Mn({
     contentId: e.id
-  }) || kt({
+  }) || wt({
     variations: e.variations,
     id: e.id
-  }), o = Ct({
+  }), o = It({
     item: e,
     testGroupId: n
   });
@@ -939,18 +939,18 @@ const yt = (e) => {
     ...e,
     ...o
   };
-}, Mn = async ({
+}, Kn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !St(e))
+  if (!t || !Tt(e))
     return e;
-  const o = await xn({
+  const o = await Fn({
     contentId: e.id
-  }) || kt({
+  }) || wt({
     variations: e.variations,
     id: e.id
-  }), r = Ct({
+  }), r = It({
     item: e,
     testGroupId: o
   });
@@ -959,61 +959,82 @@ const yt = (e) => {
     ...r
   };
 };
-const qe = "builder.userAttributes";
-function Ge() {
+const qn = "builder.preview", Gn = "BUILDER_STUDIO", qe = "builder.userAttributes.", Jn = (e) => e === "true" ? !0 : e === "false" ? !1 : e, Ge = () => {
+  if (!w())
+    return {};
+  const e = new URLSearchParams(window.location.search);
+  if (e.get(qn) !== Gn)
+    return {};
+  const t = {};
+  return e.forEach((n, o) => {
+    o.startsWith(qe) && (t[o.slice(qe.length)] = Jn(n));
+  }), t;
+}, Je = "builder.userAttributes";
+function Qe() {
   let e = !0;
-  const t = /* @__PURE__ */ new Set();
+  const t = /* @__PURE__ */ new Set(), n = () => {
+    const o = me({
+      name: Je,
+      canTrack: e
+    });
+    return o ? JSON.parse(o) : {};
+  };
   return {
-    setUserAttributes(n) {
+    setUserAttributes(o) {
       if (!w())
         return;
-      const o = {
-        ...this.getUserAttributes(),
-        ...n
+      const r = {
+        ...n(),
+        ...o
       };
-      Pe({
-        name: qe,
-        value: JSON.stringify(o),
+      Ae({
+        name: Je,
+        value: JSON.stringify(r),
         canTrack: e
-      }), t.forEach((r) => r(o));
+      });
+      const i = Ge();
+      t.forEach((s) => s({
+        ...r,
+        ...i
+      }));
     },
     getUserAttributes() {
-      return w() ? JSON.parse(me({
-        name: qe,
-        canTrack: e
-      }) || "{}") : {};
+      return w() ? {
+        ...n(),
+        ...Ge()
+      } : {};
     },
-    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 ke;
-w() && E === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = Ge()), ke = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : ke = Ge();
-const ue = ke, As = (e) => {
+w() && E === "qwik" ? (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ || (window.__BUILDER_USER_ATTRIBUTES_SERVICE__ = Qe()), ke = window.__BUILDER_USER_ATTRIBUTES_SERVICE__) : ke = Qe();
+const ue = ke, Us = (e) => {
   ue.setUserAttributes(e);
 }, J = (e) => {
   const t = j(e) ? e : !0;
   return ue.setCanTrack(t), t;
 };
-function jn() {
+function Qn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function zn() {
-  const e = jn().fetch;
+function _n() {
+  const e = Qn().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 Kn = zn();
+const Yn = _n();
 function Ce(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
@@ -1026,14 +1047,14 @@ function Ce(e, t = null, n = ".") {
     };
   }, {});
 }
-function Tt(e, t, n = {}) {
+function $t(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("$")) ? Tt(r, i, n) : n[i] = r;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? $t(r, i, n) : n[i] = r;
   }
   return n;
 }
-function qn(e) {
+function Xn(e) {
   const t = {};
   for (const n in e) {
     const o = n.split(".");
@@ -1045,7 +1066,7 @@ function qn(e) {
   }
   return t;
 }
-const Gn = "v3", Je = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Oe = (e) => {
+const Zn = "v3", _e = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Oe = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -1055,24 +1076,24 @@ const Gn = "v3", Je = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Oe = (
     enrich: s,
     enrichOptions: l,
     locale: a,
-    apiVersion: u = Gn,
+    apiVersion: u = Zn,
     fields: p,
     omit: b,
     offset: c,
     cacheSeconds: m,
     staleCacheSeconds: f,
     sort: g,
-    includeUnpublished: A,
-    apiHost: x
+    includeUnpublished: P,
+    apiHost: U
   } = e;
   if (!i)
     throw new Error("Missing API key");
   if (!["v3"].includes(u))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${u}'`);
-  const V = t !== 1, q = x || "https://cdn.builder.io", C = new URL(`${q}/api/${u}/content/${r}`);
+  const V = t !== 1, q = U || "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(V)), 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 A == "boolean" && C.searchParams.set("includeUnpublished", String(A)), m && Je(m) && C.searchParams.set("cacheSeconds", String(m)), f && Je(f) && C.searchParams.set("staleCacheSeconds", String(f)), g) {
+  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 && _e(m) && C.searchParams.set("cacheSeconds", String(m)), f && _e(f) && C.searchParams.set("staleCacheSeconds", String(f)), g) {
     const W = Ce({
       sort: g
     });
@@ -1080,39 +1101,39 @@ const Gn = "v3", Je = (e) => typeof e == "number" && !isNaN(e) && e >= 0, Oe = (
       C.searchParams.set(F, JSON.stringify(W[F]));
   }
   const Q = {
-    ...On(),
-    ...ot(e.options || {})
+    ...Un(),
+    ...st(e.options || {})
   };
   z = {
     ...z,
-    ...Yn(Q)
+    ...no(Q)
   };
-  const Y = Ce(Q);
-  for (const W in Y)
-    C.searchParams.set(W, String(Y[W]));
+  const _ = Ce(Q);
+  for (const W in _)
+    C.searchParams.set(W, String(_[W]));
   if (Object.keys(z).length > 0 && C.searchParams.set("userAttributes", JSON.stringify(z)), o) {
-    const W = Tt({
+    const W = $t({
       query: o
     });
     for (const F in W)
       C.searchParams.set(F, JSON.stringify(W[F]));
   }
   return C;
-}, Jn = (e) => e === "true" ? !0 : e === "false" ? !1 : e, Qn = (e) => {
+}, eo = (e) => e === "true" ? !0 : e === "false" ? !1 : e, to = (e) => {
   const t = {};
   for (const n in e)
-    n.startsWith("userAttributes.") && (t[n] = Jn(e[n]), delete e[n]);
+    n.startsWith("userAttributes.") && (t[n] = eo(e[n]), delete e[n]);
   return t;
-}, Yn = (e) => {
+}, no = (e) => {
   if (w() && e.preview === "BUILDER_STUDIO") {
     e["userAttributes.urlPath"] = window.location.pathname, e["userAttributes.host"] = window.location.host;
-    const t = Qn(e), {
+    const t = to(e), {
       userAttributes: n
-    } = qn(t);
+    } = Xn(t);
     return n;
   }
   return {};
-}, Xn = (e) => "results" in e;
+}, oo = (e) => "results" in e;
 async function We(e) {
   var o;
   const t = e.locale || ((o = e.userAttributes) == null ? void 0 : o.locale);
@@ -1120,30 +1141,30 @@ async function We(e) {
     locale: t,
     ...e.userAttributes
   });
-  const n = await eo({
+  const n = await so({
     ...e,
     limit: 1
   });
   return n && n[0] || null;
 }
-const Zn = async (e) => {
+const ro = async (e) => {
   var s;
-  const t = Oe(e), n = e.fetch ?? Kn, o = {
+  const t = Oe(e), n = e.fetch ?? Yn, o = {
     ...e.fetchOptions,
     headers: {
       ...(s = e.fetchOptions) == null ? void 0 : s.headers,
-      ...at()
+      ...dt()
     }
   };
   return await (await n(t.href, o)).json();
-}, _n = async (e, t, n = Oe(e)) => {
+}, io = async (e, t, n = Oe(e)) => {
   const o = J(e.canTrack);
   if (n.search.includes("preview="), !o || !(w() || E === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const i of t.results)
-      r.push(await Mn({
+      r.push(await Kn({
         item: i,
         canTrack: o
       }));
@@ -1153,17 +1174,17 @@ const Zn = async (e) => {
   }
   return t.results;
 };
-async function eo(e) {
-  const t = Oe(e), n = await Zn(e);
-  if (!Xn(n))
+async function so(e) {
+  const t = Oe(e), n = await ro(e);
+  if (!oo(n))
     throw B.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), n;
-  return _n(e, n);
+  return io(e, n);
 }
-const Bs = async (e) => {
+const xs = 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,
@@ -1175,7 +1196,7 @@ const Bs = async (e) => {
         urlPath: t
       } : {}
     },
-    options: bt(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: vt(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -1183,7 +1204,7 @@ const Bs = async (e) => {
     content: await We(n)
   };
 }, De = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function to(e, t, n = {}) {
+function ao(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);
@@ -1195,7 +1216,7 @@ function to(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 _(e, ...t) {
+function Z(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
@@ -1205,64 +1226,64 @@ function _(e, ...t) {
   }
   return n;
 }
-function no(e) {
+function lo(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        $t(t);
+        At(t);
         break;
       case "scrollInView":
-        ro(t);
+        uo(t);
         break;
     }
 }
-function wt(e) {
+function Et(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function It(e, t) {
-  const n = oo(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+function Rt(e, t) {
+  const n = co(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 oo(e) {
+function co(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 $t(e) {
+function At(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    wt(e.elementId || e.id || "");
+    Et(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    It(e, n), n.style.transition = "none", n.style.transitionDelay = "0", _(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${De(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), _(n.style, e.steps[1].styles), setTimeout(() => {
+    Rt(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 ${De(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), Z(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function ro(e) {
+function uo(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    wt(e.elementId || e.id || "");
+    Et(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    It(e, n);
+    Rt(e, n);
     let o = !1, r = !1;
     function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
-        _(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
+        Z(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, _(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !r && !l(n) && (o = !1, Z(n.style, e.steps[0].styles));
     }
-    const s = to(i, 200, {
+    const s = ao(i, 200, {
       leading: !1
     });
     function l(p) {
@@ -1271,7 +1292,7 @@ function ro(e) {
     }
     const a = e.steps[0].styles;
     function u() {
-      _(n.style, a);
+      Z(n.style, a);
     }
     u(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${De(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
@@ -1287,48 +1308,48 @@ const re = (e, t) => {
     ...e,
     "--builder-image-position": n
   } : e;
-}, Vs = (e, t) => t ? {
+}, Ls = (e, t) => t ? {
   ...e,
   large: re(e == null ? void 0 : e.large, "initial"),
   medium: re(e == null ? void 0 : e.medium),
   small: re(e == null ? void 0 : e.small),
   xsmall: re(e == null ? void 0 : e.xsmall)
-} : e, Et = (e) => Object.entries(e).map(([n, o]) => {
+} : e, Pt = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${De(n)}: ${o};`;
-}).filter(j), io = (e) => Et(e).join(`
-`), Ns = ({
+}).filter(j), po = (e) => Pt(e).join(`
+`), Fs = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${io(n)}
+    ${po(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function so({
+function mo({
   style: e
 }) {
   return e;
 }
-const Os = ({
+const Ms = ({
   block: e,
   context: t
-}) => Rt(so({
+}) => Bt(mo({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Rt(e) {
+function Bt(e) {
   switch (E) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return Et(e).join(" ");
+      return Pt(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -1336,7 +1357,7 @@ function Rt(e) {
       return e;
   }
 }
-const Pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, ao = ({
+const Vt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, ho = ({
   block: e,
   registeredComponents: t,
   model: n
@@ -1346,14 +1367,14 @@ const Pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   if (!o)
     return null;
   const r = t[o];
-  if (!r || Pt(r, n)) {
+  if (!r || Vt(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;
-}, lo = ({
+}, fo = ({
   block: e,
   context: t
 }) => {
@@ -1386,59 +1407,59 @@ const Pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     },
     block: o
   }));
-}, co = (e, t) => {
+}, bo = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, uo = (e, t, n) => {
+}, go = (e, t, n) => {
   var o;
   return (o = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && o.builderComponents ? {
-    builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !Pt(s, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !Vt(s, n)))
   } : {};
-}, po = (e, t) => {
+}, yo = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, mo = (e, t) => {
+}, vo = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, ho = (e) => e.toString(), fo = () => Promise.resolve().then(() => Po).then((e) => e.default).catch((e) => {
+}, So = (e) => e.toString(), ko = () => Promise.resolve().then(() => Wo).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), bo = () => import("./block-wrapper-H2uWRFfl.js").then((e) => e.default).catch((e) => {
+}), Co = () => import("./block-wrapper--DIgpG8b.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;
-}), go = () => import("./component-ref-pzekKy-e.js").then((e) => e.default).catch((e) => {
+}), To = () => import("./component-ref-wPMzznC-.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;
-}), yo = () => import("./repeated-block-z4-Tq0vb.js").then((e) => e.default).catch((e) => {
+}), wo = () => import("./repeated-block-6I_L8WXH.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;
-}), vo = () => import("./style-wrapper-XQIDj12j.js").then((e) => e.default).catch((e) => {
+}), Io = () => import("./style-wrapper-AiMrF8oQ.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;
-}), So = y({
+}), $o = y({
   name: "block",
   components: {
-    StyleWrapper: X(vo),
-    RepeatedBlock: X(yo),
-    ComponentRef: X(go),
-    BlockWrapper: X(bo),
-    DynamicDiv: X(fo)
+    StyleWrapper: Y(Io),
+    RepeatedBlock: Y(wo),
+    ComponentRef: Y(To),
+    BlockWrapper: Y(Co),
+    DynamicDiv: Y(ko)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1447,12 +1468,12 @@ const Pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         value: null,
         update: !1
       },
-      generateKey: ho
+      generateKey: So
     };
   },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && no(
+    t && e && lo(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -1463,14 +1484,14 @@ const Pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   },
   computed: {
     repeatItem() {
-      return lo({
+      return fo({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var t;
-      return (t = this.block.repeat) != null && t.collection ? this.block : An({
+      return (t = this.block.repeat) != null && t.collection ? this.block : Nn({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -1479,7 +1500,7 @@ const Pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
       });
     },
     blockComponent() {
-      return ao({
+      return ho({
         block: this.processedBlock,
         registeredComponents: this.registeredComponents,
         model: this.context.model
@@ -1506,11 +1527,11 @@ const Pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...kn(this.processedBlock, this.context),
-          ...po(this.blockComponent, this.processedBlock),
-          ...mo(this.blockComponent, this.context),
-          ...co(this.blockComponent, this.linkComponent),
-          ...uo(
+          ...wn(this.processedBlock, this.context),
+          ...yo(this.blockComponent, this.processedBlock),
+          ...vo(this.blockComponent, this.context),
+          ...bo(this.blockComponent, this.linkComponent),
+          ...go(
             this.blockComponent,
             this.registeredComponents,
             this.context.model
@@ -1526,7 +1547,7 @@ const Pt = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
     }
   }
 });
-function ko(e, t, n, o, r, i) {
+function Eo(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(I, { key: 0 }, [
@@ -1592,10 +1613,10 @@ function ko(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : T("", !0);
 }
-const At = /* @__PURE__ */ v(So, [["render", ko]]), Ws = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Nt = /* @__PURE__ */ v($o, [["render", Eo]]), Hs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: At
-}, Symbol.toStringTag, { value: "Module" })), Co = y({
+  default: Nt
+}, Symbol.toStringTag, { value: "Module" })), Ro = y({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -1639,7 +1660,7 @@ const At = /* @__PURE__ */ v(So, [["render", ko]]), Ws = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, t;
-      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      A() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -1652,7 +1673,7 @@ const At = /* @__PURE__ */ v(So, [["render", ko]]), Ws = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      P() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      A() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -1665,8 +1686,8 @@ const At = /* @__PURE__ */ v(So, [["render", ko]]), Ws = /* @__PURE__ */ Object.
     }
   }
 });
-function To(e, t, n, o, r, i) {
-  return d(), S(Z(e.BlocksWrapper), $({
+function Ao(e, t, n, o, r, i) {
+  return d(), S(X(e.BlocksWrapper), $({
     ref: "blocksWrapperRef",
     class: e.className + " component-5vz8uirn7sc",
     "builder-path": e.dataPath,
@@ -1682,9 +1703,9 @@ function To(e, t, n, o, r, i) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const wo = /* @__PURE__ */ v(Co, [["render", To], ["__scopeId", "data-v-82fc93d6"]]), Io = y({
+const Po = /* @__PURE__ */ v(Ro, [["render", Ao], ["__scopeId", "data-v-82fc93d6"]]), Bo = y({
   name: "builder-blocks",
-  components: { BlocksWrapper: wo, Block: At },
+  components: { BlocksWrapper: Po, Block: Nt },
   props: [
     "blocks",
     "parent",
@@ -1698,10 +1719,10 @@ const wo = /* @__PURE__ */ v(Co, [["render", To], ["__scopeId", "data-v-82fc93d6
   ],
   inject: {
     builderContext: ve.key,
-    componentsContext: tt.key
+    componentsContext: rt.key
   }
 });
-function $o(e, t, n, o, r, i) {
+function Vo(e, t, n, o, r, i) {
   var a, u, p, b;
   const s = k("Block"), l = k("BlocksWrapper");
   return d(), S(l, {
@@ -1729,21 +1750,21 @@ function $o(e, t, n, o, r, i) {
     _: 3
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapperProps", "classNameProp", "BlocksWrapper"]);
 }
-const K = /* @__PURE__ */ v(Io, [["render", $o]]), Eo = y({
+const K = /* @__PURE__ */ v(Bo, [["render", Vo]]), No = y({
   name: "dynamic-div",
   props: []
 });
-function Ro(e, t, n, o, r, i) {
+function Oo(e, t, n, o, r, i) {
   return d(), h("div", null, [
     N(e.$slots, "default")
   ]);
 }
-const ne = /* @__PURE__ */ v(Eo, [["render", Ro]]), Po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ne = /* @__PURE__ */ v(No, [["render", Oo]]), Wo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ne
 }, Symbol.toStringTag, { value: "Module" })), he = y({
   render() {
-    return et("style", {
+    return ot("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -1751,7 +1772,7 @@ const ne = /* @__PURE__ */ v(Eo, [["render", Ro]]), Po = /* @__PURE__ */ Object.
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), Bt = {
+}), Ot = {
   xsmall: {
     min: 0,
     default: 160,
@@ -1772,8 +1793,8 @@ const ne = /* @__PURE__ */ v(Eo, [["render", Ro]]), Po = /* @__PURE__ */ Object.
     default: 991,
     max: 1200
   }
-}, Ds = (e, t = Bt) => `@media (max-width: ${t[e].max}px)`, Ao = (e) => {
-  const t = Be(Bt);
+}, js = (e, t = Ot) => `@media (max-width: ${t[e].max}px)`, Do = (e) => {
+  const t = Be(Ot);
   if (!e)
     return t;
   const {
@@ -1810,7 +1831,7 @@ const ne = /* @__PURE__ */ v(Eo, [["render", Ro]]), Po = /* @__PURE__ */ Object.
     min: l,
     default: l + 1
   }, t;
-}, Bo = (e) => `builder-columns ${e}-breakpoints`, Vo = y({
+}, Uo = (e) => `builder-columns ${e}-breakpoints`, xo = y({
   name: "builder-columns",
   components: {
     InlinedStyles: he,
@@ -1829,7 +1850,7 @@ const ne = /* @__PURE__ */ v(Eo, [["render", Ro]]), Po = /* @__PURE__ */ Object.
     "builderComponents"
   ],
   data() {
-    return { TARGET: E, getColumnsClass: Bo };
+    return { TARGET: E, getColumnsClass: Uo };
   },
   computed: {
     gutterSize() {
@@ -1908,7 +1929,7 @@ const ne = /* @__PURE__ */ v(Eo, [["render", Ro]]), Po = /* @__PURE__ */ Object.
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Ao(
+      return Do(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1945,13 +1966,13 @@ const ne = /* @__PURE__ */ v(Eo, [["render", Ro]]), Po = /* @__PURE__ */ Object.
         ...e.link ? {
           href: e.link
         } : {},
-        [M()]: "builder-column",
-        style: Rt(this.columnCssVars(t))
+        [H()]: "builder-column",
+        style: Bt(this.columnCssVars(t))
       };
     }
   }
 });
-function No(e, t, n, o, r, i) {
+function Lo(e, t, n, o, r, i) {
   var u;
   const s = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
   return d(), h("div", $({
@@ -1987,32 +2008,32 @@ function No(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Oo = /* @__PURE__ */ v(Vo, [["render", No], ["__scopeId", "data-v-ab15749a"]]), Wo = y({
+const Fo = /* @__PURE__ */ v(xo, [["render", Lo], ["__scopeId", "data-v-ab15749a"]]), Mo = y({
   name: "builder-fragment-component",
   props: []
 });
-function Do(e, t, n, o, r, i) {
+function Ho(e, t, n, o, r, i) {
   return d(), h("span", null, [
     N(e.$slots, "default")
   ]);
 }
-const xo = /* @__PURE__ */ v(Wo, [["render", Do]]);
-function Qe(e) {
+const jo = /* @__PURE__ */ v(Mo, [["render", Ho]]);
+function Ye(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Uo(e = "", t, n) {
+function zo(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 Lo(e, t) {
+function Ko(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Qe(e);
+    return Ye(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const o = e.split(n[0]), r = n[3], i = t.match("x") ? t : `${t}x`;
-    return Qe(`${o[0]}_${i}${r}`);
+    return Ye(`${o[0]}_${i}${r}`);
   }
   return null;
 }
@@ -2023,11 +2044,11 @@ function ie(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Uo(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${zo(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Lo(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) => [Ko(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Fo = y({
+const qo = y({
   name: "builder-image",
   props: [
     "lazy",
@@ -2081,11 +2102,11 @@ const Fo = y({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Ho = ["srcset", "sizes"], Mo = ["loading", "fetchpriority", "alt", "title", "role", "src", "srcset", "sizes"], jo = {
+}), Go = ["srcset", "sizes"], Jo = ["loading", "fetchpriority", "alt", "title", "src", "srcset", "sizes"], Qo = {
   key: 2,
   class: "div-t43jfuqn6g-2"
 };
-function zo(e, t, n, o, r, i) {
+function _o(e, t, n, o, r, i) {
   var s, l, a, u, p, b;
   return d(), h(I, null, [
     G("picture", null, [
@@ -2094,14 +2115,13 @@ function zo(e, t, n, o, r, i) {
         type: "image/webp",
         srcset: e.webpSrcSet,
         sizes: e.sizesToUse
-      }, null, 8, Ho)) : T("", !0),
+      }, null, 8, Go)) : T("", !0),
       G("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText || "",
         title: e.title,
-        role: e.altText ? void 0 : "presentation",
-        style: H({
+        style: M({
           objectPosition: `var(--builder-image-position, ${e.backgroundPosition || "center"})`,
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
@@ -2112,29 +2132,29 @@ function zo(e, t, n, o, r, i) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizesToUse
-      }, null, 14, Mo)
+      }, null, 14, Jo)
     ]),
     e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), h("div", {
       key: 0,
       class: "builder-image-sizer div-t43jfuqn6g",
-      style: H({
+      style: M({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : T("", !0),
     (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? N(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", jo, [
+    !e.fitContent && ((b = (p = e.builderBlock) == null ? void 0 : p.children) != null && b.length) ? (d(), h("div", Qo, [
       N(e.$slots, "default", {}, void 0, !0)
     ])) : T("", !0)
   ], 64);
 }
-const Ko = /* @__PURE__ */ v(Fo, [["render", zo], ["__scopeId", "data-v-f109a7da"]]), qo = y({
+const Yo = /* @__PURE__ */ v(qo, [["render", _o], ["__scopeId", "data-v-8fff0ea5"]]), Xo = y({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: O };
   }
 });
-function Go(e, t, n, o, r, i) {
+function Zo(e, t, n, o, r, i) {
   return d(), h("section", $({
     style: {
       width: "100%",
@@ -2148,12 +2168,12 @@ function Go(e, t, n, o, r, i) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     N(e.$slots, "default")
   ], 16);
 }
-const Jo = /* @__PURE__ */ v(qo, [["render", Go]]);
-function Qo(e, t, n, o) {
+const er = /* @__PURE__ */ v(Xo, [["render", Zo]]);
+function tr(e, t, n, o) {
   function r(u) {
     return typeof u == "string";
   }
@@ -2167,14 +2187,14 @@ function Qo(e, t, n, o) {
       if (p && p.property === "urlPath" && p.value && typeof p.value == "string" && p.value !== "/" && p.value.endsWith("/") && (f = p.value.slice(0, -1)), !(c && m))
         return !0;
       if (Array.isArray(f))
-        return m === "isNot" ? f.every((A) => s(u, {
+        return m === "isNot" ? f.every((P) => s(u, {
           property: c,
           operator: m,
-          value: A
-        })) : !!f.find((A) => s(u, {
+          value: P
+        })) : !!f.find((P) => s(u, {
           property: c,
           operator: m,
-          value: A
+          value: P
         }));
       const g = u[c];
       if (Array.isArray(g))
@@ -2210,7 +2230,20 @@ function Qo(e, t, n, o) {
   }, a = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
   return l.startDate && new Date(l.startDate) > a || l.endDate && new Date(l.endDate) < a ? !1 : !l.query || !l.query.length ? !0 : l.query.every((u) => s(e, u));
 }
-const Yo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
+const nr = `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;
+}`, or = `function getPersonalizedVariant(variants, blockId, isHydrationTarget, locale) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2228,6 +2261,7 @@ const Yo = `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);
   });
@@ -2255,7 +2289,7 @@ const Yo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       thisScript.remove();
     }
   }
-}`, Xo = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+}`, rr = `function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
   function isString(val) {
     return typeof val === 'string';
   }
@@ -2333,7 +2367,7 @@ const Yo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   return item.query.every(filter => {
     return objectMatchesQuery(userAttributes, filter);
   });
-}`, Zo = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
+}`, ir = `function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {
   function getCookie(name) {
     const nameEQ = name + '=';
     const ca = document.cookie.split(';');
@@ -2359,6 +2393,7 @@ const Yo = `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);
     });
@@ -2371,11 +2406,11 @@ const Yo = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, se = "default", Ye = "filterWithCustomTargeting", Te = "builderIoPersonalization", we = "updateVisibilityStylesScript", _o = "PersonalizationContainer", Vt = ["react", "vue", "svelte", "qwik"], Nt = ["vue", "svelte", "qwik"];
-function er(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : Nt.includes(E) ? !0 : !w();
+}`, se = "default", Xe = "filterWithCustomTargeting", Te = "builderIoPersonalization", we = "updateVisibilityStylesScript", Ze = "builderIoStudioUserAttributes", sr = "PersonalizationContainer", Wt = ["react", "vue", "svelte", "qwik"], Dt = ["vue", "svelte", "qwik"];
+function ar(e, t) {
+  return !(e && e.length > 0) || !t ? !1 : Dt.includes(E) ? !0 : !w();
 }
-function tr({
+function lr({
   variants: e,
   previewingIndex: t,
   isHydrated: n,
@@ -2387,7 +2422,7 @@ function tr({
     path: "this.children",
     index: se
   };
-  if (n && P()) {
+  if (n && A()) {
     if (typeof t == "number" && t < ((e == null ? void 0 : e.length) ?? 0)) {
       const s = e == null ? void 0 : e[t];
       if (s)
@@ -2415,20 +2450,23 @@ function tr({
 }
 const Ie = (e) => {
   var t;
-  return Array.isArray(e) ? e.some(Ie) : !e || typeof e != "object" ? !1 : ((t = e.component) == null ? void 0 : t.name) === _o ? !0 : Object.values(e).some(Ie);
-}, nr = (e) => Ie(e), or = () => `
+  return Array.isArray(e) ? e.some(Ie) : !e || typeof e != "object" ? !1 : ((t = e.component) == null ? void 0 : t.name) === sr ? !0 : Object.values(e).some(Ie);
+}, cr = (e) => Ie(e), dr = () => `
   (function() {
-    if (!window.${Ye}) {
-      window.${Ye} = ${Xo};
+    if (!window.${Ze}) {
+      window.${Ze} = ${nr};
+    }
+    if (!window.${Xe}) {
+      window.${Xe} = ${rr};
     }
     if (!window.${Te}) {
-      window.${Te} = ${Yo};
+      window.${Te} = ${or};
     }
     if (!window.${we}) {
-      window.${we} = ${Zo};
+      window.${we} = ${ir};
     }
   })();
-  `, Ot = E === "react", rr = (e, t, n) => `window.${Te}(${JSON.stringify(e)}, "${t}", ${Ot}${n ? `, "${n}"` : ""})`, ir = (e, t, n) => `window.${we}(${JSON.stringify(e)}, "${t}", ${Ot}${n ? `, "${n}"` : ""})`, fe = {
+  `, Ut = E === "react", ur = (e, t, n) => `window.${Te}(${JSON.stringify(e)}, "${t}", ${Ut}${n ? `, "${n}"` : ""})`, pr = (e, t, n) => `window.${we}(${JSON.stringify(e)}, "${t}", ${Ut}${n ? `, "${n}"` : ""})`, fe = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -2488,7 +2526,7 @@ const Ie = (e) => {
       }
     }
   }]
-}, sr = {
+}, mr = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -2552,7 +2590,7 @@ const Ie = (e) => {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ar = (e) => e.toString(), lr = y({
+}, hr = (e) => e.toString(), fr = y({
   name: "builder-accordion",
   components: { Blocks: K },
   props: [
@@ -2566,7 +2604,7 @@ const Ie = (e) => {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: ar };
+    return { open: [], convertOrderNumberToString: hr };
   },
   computed: {
     onlyOneAtATime() {
@@ -2647,17 +2685,17 @@ const Ie = (e) => {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), cr = ["data-index", "onClick"];
-function dr(e, t, n, o, r, i) {
+}), br = ["data-index", "onClick"];
+function gr(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("div", {
     class: "builder-accordion",
-    style: H(e.accordionStyles)
+    style: M(e.accordionStyles)
   }, [
     (d(!0), h(I, null, L(e.items, (l, a) => (d(), h(I, { key: a }, [
       G("div", {
         class: ee(e.getAccordionTitleClassName(a)),
-        style: H({
+        style: M({
           ...e.accordionTitleStyles,
           ...e.grid && {
             width: e.gridRowWidth,
@@ -2675,11 +2713,11 @@ function dr(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, cr),
+      ], 14, br),
       e.open.includes(a) ? (d(), h("div", {
         key: 0,
         class: ee(e.getAccordionDetailClassName(a)),
-        style: H(e.accordionDetailStyles)
+        style: M(e.accordionDetailStyles)
       }, [
         R(s, {
           blocks: l.detail,
@@ -2693,7 +2731,7 @@ function dr(e, t, n, o, r, i) {
     ], 64))), 128))
   ], 4);
 }
-const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
+const yr = /* @__PURE__ */ v(fr, [["render", gr]]), vr = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2729,7 +2767,7 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, mr = {
+}, Sr = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2936,13 +2974,13 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, hr = {
+}, kr = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, xe = ["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"], fr = ["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"], br = {
+}, Ue = ["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"], Cr = ["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"], Tr = {
   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",
@@ -2957,7 +2995,7 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: xe,
+    allowedFileTypes: Ue,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -3055,7 +3093,7 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, gr = {
+}, wr = {
   name: "PersonalizationContainer",
   shouldReceiveBuilderProps: {
     builderBlock: !0,
@@ -3091,9 +3129,9 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
       defaultValue: []
     }]
   }]
-}, Ue = y({
+}, xe = y({
   render() {
-    return et("script", {
+    return ot("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id,
       nonce: this.nonce
@@ -3101,12 +3139,12 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
   },
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
-}), yr = y({
+}), Ir = y({
   name: "builder-personalization-container",
   components: {
     Blocks: K,
     InlinedStyles: he,
-    InlinedScript: Ue
+    InlinedScript: xe
   },
   props: [
     "builderContext",
@@ -3120,25 +3158,25 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
     var e, t, n, o, r, i, s;
     return {
       userAttributes: ue.getUserAttributes(),
-      scriptStr: rr(
+      scriptStr: ur(
         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: ir(
+      updateVisibilityStylesScript: pr(
         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: er(
+      shouldRenderVariants: ar(
         this.variants,
         J((s = this.builderContext) == null ? void 0 : s.canTrack)
       ),
       shouldResetVariants: !1,
       TARGET: E,
       DEFAULT_INDEX: se,
-      SDKS_REQUIRING_RESET_APPROACH: Nt
+      SDKS_REQUIRING_RESET_APPROACH: Dt
     };
   },
   mounted() {
@@ -3152,7 +3190,7 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
         fireImmediately: E === "qwik"
       }
     );
-    if (!(P() || Ve())) {
+    if (!(A() || Ve())) {
       const n = this.filteredVariants[0];
       this.$refs.rootRef && (this.$refs.rootRef.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
@@ -3187,13 +3225,13 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
       return {
         ...O(this.attributes, "v-on:", !1),
         ...O(this.attributes, "v-on:", !0),
-        [M()]: `builder-personalization-container ${this.attributes[M()] || ""}`
+        [H()]: `builder-personalization-container ${this.attributes[H()] || ""}`
       };
     },
     filteredVariants() {
       return (this.variants || []).filter((e) => {
         var t, n, o, r;
-        return Qo(
+        return tr(
           {
             ...(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
@@ -3208,7 +3246,7 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
     },
     blocksToRender() {
       var e;
-      return tr({
+      return lr({
         variants: this.variants,
         fallbackBlocks: (e = this.builderBlock) == null ? void 0 : e.children,
         isHydrated: this.shouldResetVariants,
@@ -3226,8 +3264,8 @@ const ur = /* @__PURE__ */ v(lr, [["render", dr]]), pr = {
     }
   }
 });
-function vr(e, t, n, o, r, i) {
-  var u, p, b, c, m, f, g, A, x, V;
+function $r(e, t, n, o, r, i) {
+  var u, p, b, c, m, f, g, P, U, V;
   const s = k("Blocks"), l = k("InlinedStyles"), a = k("InlinedScript");
   return d(), h("div", $({ ref: "rootRef" }, e.attrs), [
     e.shouldResetVariants && e.SDKS_REQUIRING_RESET_APPROACH.includes(e.TARGET) ? (d(), S(s, {
@@ -3255,14 +3293,14 @@ function vr(e, t, n, o, r, i) {
           id: `variants-visibility-script-${(g = e.builderBlock) == null ? void 0 : g.id}`
         }, null, 8, ["nonce", "scriptStr", "id"]),
         (d(!0), h(I, null, L(e.variants, (q, C) => {
-          var z, Q, Y, W;
+          var z, Q, _, W;
           return d(), S(s, {
             key: `${(z = e.builderBlock) == null ? void 0 : z.id}-${C}`,
             BlocksWrapperProps: {
               ...(Q = e.builderContext) == null ? void 0 : Q.BlocksWrapperProps,
               "aria-hidden": !0,
               hidden: !0,
-              "data-variant-id": `${(Y = e.builderBlock) == null ? void 0 : Y.id}-${C}`
+              "data-variant-id": `${(_ = e.builderBlock) == null ? void 0 : _.id}-${C}`
             },
             blocks: q.blocks,
             parent: (W = e.builderBlock) == null ? void 0 : W.id,
@@ -3286,12 +3324,12 @@ function vr(e, t, n, o, r, i) {
       ], 64)) : T("", !0),
       R(s, {
         blocks: e.blocksToRender.blocks,
-        parent: (A = e.builderBlock) == null ? void 0 : A.id,
+        parent: (P = e.builderBlock) == null ? void 0 : P.id,
         path: e.blocksToRender.path,
         context: e.builderContext,
         registeredComponents: e.builderComponents,
         BlocksWrapperProps: {
-          ...(x = e.builderContext) == null ? void 0 : x.BlocksWrapperProps,
+          ...(U = e.builderContext) == null ? void 0 : U.BlocksWrapperProps,
           "data-variant-id": `${(V = e.builderBlock) == null ? void 0 : V.id}-${e.blocksToRender.index}`
         }
       }, {
@@ -3311,7 +3349,7 @@ function vr(e, t, n, o, r, i) {
     ], 64)) : T("", !0)
   ], 16);
 }
-const Sr = /* @__PURE__ */ v(yr, [["render", vr]]), kr = {
+const Er = /* @__PURE__ */ v(Ir, [["render", $r]]), Rr = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -3350,7 +3388,7 @@ const Sr = /* @__PURE__ */ v(yr, [["render", vr]]), kr = {
       }
     }
   }]
-}, Cr = {
+}, Ar = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -3367,12 +3405,12 @@ const Sr = /* @__PURE__ */ v(yr, [["render", vr]]), kr = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Tr = y({
+}, Pr = y({
   name: "builder-slot",
   components: { Blocks: K },
   props: ["builderContext", "name", "builderComponents"]
 });
-function wr(e, t, n, o, r, i) {
+function Br(e, t, n, o, r, i) {
   var l, a, u;
   const s = k("Blocks");
   return d(), h("div", $(
@@ -3392,7 +3430,7 @@ function wr(e, t, n, o, r, i) {
     }, null, 8, ["parent", "path", "context", "registeredComponents", "blocks"])
   ], 16);
 }
-const Ir = /* @__PURE__ */ v(Tr, [["render", wr]]), $r = {
+const Vr = /* @__PURE__ */ v(Pr, [["render", Br]]), Nr = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -3469,7 +3507,7 @@ const Ir = /* @__PURE__ */ v(Tr, [["render", wr]]), $r = {
       text: "New tab content "
     }
   }
-}, Er = {
+}, Or = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -3572,7 +3610,7 @@ const Ir = /* @__PURE__ */ v(Tr, [["render", wr]]), $r = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Rr = y({
+}, Wr = y({
   name: "builder-tabs",
   components: { Blocks: K },
   props: [
@@ -3600,13 +3638,13 @@ const Ir = /* @__PURE__ */ v(Tr, [["render", wr]]), $r = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), Pr = ["onClick"], Ar = { key: 0 };
-function Br(e, t, n, o, r, i) {
+}), Dr = ["onClick"], Ur = { key: 0 };
+function xr(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("div", null, [
     G("div", {
       class: "builder-tabs-wrap",
-      style: H({
+      style: M({
         display: "flex",
         flexDirection: "row",
         justifyContent: e.tabHeaderLayout || "flex-start",
@@ -3616,7 +3654,7 @@ function Br(e, t, n, o, r, i) {
       (d(!0), h(I, null, L(e.tabs, (l, a) => (d(), h("span", {
         key: a,
         class: ee(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
-        style: H(e.getTabStyle(a)),
+        style: M(e.getTabStyle(a)),
         onClick: async (u) => e.onClick(a)
       }, [
         R(s, {
@@ -3627,9 +3665,9 @@ function Br(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, Pr))), 128))
+      ], 14, Dr))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), h("div", Ar, [
+    e.activeTabContent(e.activeTab) ? (d(), h("div", Ur, [
       R(s, {
         parent: e.builderBlock.id,
         path: `tabs.${e.activeTab}.content`,
@@ -3641,7 +3679,7 @@ function Br(e, t, n, o, r, i) {
     ])) : T("", !0)
   ]);
 }
-const Vr = /* @__PURE__ */ v(Rr, [["render", Br]]), Nr = {
+const Lr = /* @__PURE__ */ v(Wr, [["render", xr]]), Fr = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
@@ -3659,11 +3697,11 @@ const Vr = /* @__PURE__ */ v(Rr, [["render", Br]]), Nr = {
     height: "auto",
     textAlign: "center"
   }
-}, Or = y({
+}, Mr = y({
   name: "builder-text",
   props: ["text"]
-}), Wr = ["innerHTML"];
-function Dr(e, t, n, o, r, i) {
+}), Hr = ["innerHTML"];
+function jr(e, t, n, o, r, i) {
   var s;
   return d(), h("div", {
     class: "builder-text",
@@ -3671,9 +3709,9 @@ function Dr(e, t, n, o, r, i) {
     style: {
       outline: "none"
     }
-  }, null, 8, Wr);
+  }, null, 8, Hr);
 }
-const xr = /* @__PURE__ */ v(Or, [["render", Dr]]), Ur = {
+const zr = /* @__PURE__ */ v(Mr, [["render", jr]]), Kr = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -3695,7 +3733,7 @@ const xr = /* @__PURE__ */ v(Or, [["render", Dr]]), Ur = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Lr = y({
+}, qr = y({
   name: "builder-custom-code",
   props: ["code", "replaceNodes"],
   data() {
@@ -3707,7 +3745,7 @@ const xr = /* @__PURE__ */ v(Or, [["render", Dr]]), Ur = {
   watch: {
     onUpdateHook0: {
       handler() {
-        P() && setTimeout(() => {
+        A() && setTimeout(() => {
           this.runScripts();
         }, 0);
       },
@@ -3754,15 +3792,15 @@ const xr = /* @__PURE__ */ v(Or, [["render", Dr]]), Ur = {
       }
     }
   }
-}), Fr = ["innerHTML"];
-function Hr(e, t, n, o, r, i) {
+}), Gr = ["innerHTML"];
+function Jr(e, t, n, o, r, i) {
   return d(), h("div", {
     ref: "elementRef",
     class: ee("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, Fr);
+  }, null, 10, Gr);
 }
-const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), jr = {
+const Qr = /* @__PURE__ */ v(qr, [["render", Jr]]), _r = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3777,7 +3815,7 @@ const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), jr = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, zr = ["text/javascript", "application/javascript", "application/ecmascript"], Kr = (e) => zr.includes(e.type), qr = y({
+}, Yr = ["text/javascript", "application/javascript", "application/ecmascript"], Xr = (e) => Yr.includes(e.type), Zr = y({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -3810,7 +3848,7 @@ const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), jr = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (Kr(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Xr(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -3819,15 +3857,15 @@ const Mr = /* @__PURE__ */ v(Lr, [["render", Hr]]), jr = {
       }
     }
   }
-}), Gr = ["innerHTML"];
-function Jr(e, t, n, o, r, i) {
+}), ei = ["innerHTML"];
+function ti(e, t, n, o, r, i) {
   return d(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Gr);
+  }, null, 8, ei);
 }
-const Qr = /* @__PURE__ */ v(qr, [["render", Jr]]), Yr = {
+const ni = /* @__PURE__ */ v(Zr, [["render", ti]]), oi = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -4064,10 +4102,10 @@ const Qr = /* @__PURE__ */ v(qr, [["render", Jr]]), Yr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Xr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Zr = () => {
+}, ri = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], ii = () => {
   const e = process.env.NODE_ENV || "production";
-  return Xr.includes(e) ? e : "production";
-}, _r = y({
+  return ri.includes(e) ? e : "production";
+}, si = y({
   name: "builder-form-component",
   components: { Blocks: K },
   props: [
@@ -4108,7 +4146,7 @@ const Qr = /* @__PURE__ */ v(qr, [["render", Jr]]), Yr = {
       this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
     },
     submissionState() {
-      return P() && this.previewState || this.formState;
+      return A() && this.previewState || this.formState;
     },
     errorResponse(e) {
       return JSON.stringify(e, null, 2);
@@ -4160,7 +4198,7 @@ const Qr = /* @__PURE__ */ v(qr, [["render", Jr]]), Yr = {
         else {
           const c = {};
           Array.from(l).forEach(({ value: m, key: f }) => {
-            ft(c, f, m);
+            yt(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));
@@ -4178,45 +4216,45 @@ const Qr = /* @__PURE__ */ v(qr, [["render", Jr]]), Yr = {
           });
           return;
         }
-        const p = `${Zr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const p = `${ii() === "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;
-        Ae(b), fetch(b, {
+        Pe(b), fetch(b, {
           body: i,
           headers: r,
           method: this.method || "post"
         }).then(
           async (c) => {
-            var g, A;
+            var g, P;
             let m;
             const f = c.headers.get("content-type");
             if (f && f.indexOf("application/json") !== -1 ? m = await c.json() : m = await c.text(), !c.ok) {
-              const x = new CustomEvent("submit:error", {
+              const U = new CustomEvent("submit:error", {
                 detail: {
                   error: m,
                   status: c.status
                 }
               });
-              if ((g = this.$refs.formRef) != null && g.nativeElement && ((A = this.$refs.formRef) == null || A.nativeElement.dispatchEvent(
-                x
-              ), x.defaultPrevented))
+              if ((g = this.$refs.formRef) != null && g.nativeElement && ((P = this.$refs.formRef) == null || P.nativeElement.dispatchEvent(
+                U
+              ), U.defaultPrevented))
                 return;
               this.responseData = m, this.formState = "error";
-              let V = this.errorMessagePath ? nt(m, this.errorMessagePath) : m.message || m.error || m;
+              let V = this.errorMessagePath ? it(m, this.errorMessagePath) : m.message || m.error || m;
               typeof V != "string" && (V = JSON.stringify(V)), this.formErrorMessage = V, this.mergeNewRootState({
                 formErrorMessage: V
               });
               return;
             }
             if (this.responseData = m, this.formState = c.ok ? "success" : "error", c.ok) {
-              const x = new CustomEvent("submit:success", {
+              const U = new CustomEvent("submit:success", {
                 detail: {
                   res: c,
                   body: m
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(x), x.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(U), U.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
@@ -4244,11 +4282,11 @@ const Qr = /* @__PURE__ */ v(qr, [["render", Jr]]), Yr = {
       }
     }
   }
-}), ei = ["validate", "action", "method", "name"], ti = {
+}), ai = ["validate", "action", "method", "name"], li = {
   key: 2,
   class: "builder-form-error-text pre-2oa2wtipkzk"
 };
-function ni(e, t, n, o, r, i) {
+function ci(e, t, n, o, r, i) {
   const s = k("Blocks");
   return d(), h("form", $({
     validate: e.validate,
@@ -4257,7 +4295,7 @@ function ni(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) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     N(e.$slots, "default", {}, void 0, !0),
     e.submissionState() === "error" ? (d(), S(s, {
       key: 0,
@@ -4271,16 +4309,16 @@ function ni(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", ti, pe(e.errorResponse(e.responseData)), 1)) : T("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), h("pre", li, pe(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, ei);
+  ], 16, ai);
 }
-const oi = /* @__PURE__ */ v(_r, [["render", ni], ["__scopeId", "data-v-77c7888c"]]), ri = {
+const di = /* @__PURE__ */ v(si, [["render", ci], ["__scopeId", "data-v-77c7888c"]]), ui = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -4331,7 +4369,7 @@ const oi = /* @__PURE__ */ v(_r, [["render", ni], ["__scopeId", "data-v-77c7888c
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, ii = y({
+}, pi = y({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -4343,10 +4381,10 @@ const oi = /* @__PURE__ */ v(_r, [["render", ni], ["__scopeId", "data-v-77c7888c
     "required"
   ],
   data() {
-    return { isEditing: P, filterAttrs: O };
+    return { isEditing: A, filterAttrs: O };
   }
-}), si = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function ai(e, t, n, o, r, i) {
+}), mi = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function hi(e, t, n, o, r, i) {
   return d(), h("input", $({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -4355,9 +4393,9 @@ function ai(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, si);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, mi);
 }
-const li = /* @__PURE__ */ v(ii, [["render", ai]]), ci = {
+const fi = /* @__PURE__ */ v(pi, [["render", hi]]), bi = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -4399,28 +4437,28 @@ const li = /* @__PURE__ */ v(ii, [["render", ai]]), ci = {
   }],
   static: !0,
   noWrap: !0
-}, di = y({
+}, gi = y({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: P, filterAttrs: O };
+    return { isEditing: A, filterAttrs: O };
   }
-}), ui = ["value", "defaultValue", "name", "required"], pi = ["value"];
-function mi(e, t, n, o, r, i) {
+}), yi = ["value", "defaultValue", "name", "required"], vi = ["value"];
+function Si(e, t, n, o, r, i) {
   return d(), h("select", $({
     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), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     (d(!0), h(I, null, L(e.options, (s, l) => (d(), h("option", {
       key: `${s.name}-${l}`,
       value: s.value
-    }, pe(s.name || s.value), 9, pi))), 128))
-  ], 16, ui);
+    }, pe(s.name || s.value), 9, vi))), 128))
+  ], 16, yi);
 }
-const hi = /* @__PURE__ */ v(di, [["render", mi]]), fi = {
+const ki = /* @__PURE__ */ v(gi, [["render", Si]]), Ci = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -4445,17 +4483,17 @@ const hi = /* @__PURE__ */ v(di, [["render", mi]]), fi = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, bi = y({
+}, Ti = y({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: O };
   }
 });
-function gi(e, t, n, o, r, i) {
-  return d(), h("button", $({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), pe(e.text), 17);
+function wi(e, t, n, o, r, i) {
+  return d(), h("button", $({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), pe(e.text), 17);
 }
-const yi = /* @__PURE__ */ v(bi, [["render", gi]]), vi = {
+const Ii = /* @__PURE__ */ v(Ti, [["render", wi]]), $i = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -4491,7 +4529,7 @@ const yi = /* @__PURE__ */ v(bi, [["render", gi]]), vi = {
   },
   static: !0,
   noWrap: !0
-}, Si = y({
+}, Ei = y({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -4504,17 +4542,17 @@ const yi = /* @__PURE__ */ v(bi, [["render", gi]]), vi = {
   data() {
     return { filterAttrs: O };
   }
-}), ki = ["placeholder", "name", "value", "defaultValue", "required"];
-function Ci(e, t, n, o, r, i) {
+}), Ri = ["placeholder", "name", "value", "defaultValue", "required"];
+function Ai(e, t, n, o, r, i) {
   return d(), h("textarea", $({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, ki);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ri);
 }
-const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
+const Pi = /* @__PURE__ */ v(Ei, [["render", Ai]]), Bi = {
   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",
@@ -4522,7 +4560,7 @@ const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: xe,
+    allowedFileTypes: Ue,
     required: !0
   }, {
     name: "backgroundSize",
@@ -4558,7 +4596,7 @@ const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
     defaultValue: 0.7041
   }],
   noWrap: !0
-}, Ii = y({
+}, Vi = y({
   name: "builder-img-component",
   props: [
     "imgSrc",
@@ -4571,7 +4609,7 @@ const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
     "aspectRatio"
   ],
   data() {
-    return { isEditing: P };
+    return { isEditing: A };
   },
   computed: {
     srcSetToUse() {
@@ -4583,13 +4621,13 @@ const Ti = /* @__PURE__ */ v(Si, [["render", Ci]]), wi = {
       const e = {
         ...O(this.attributes, "v-on:", !1),
         ...O(this.attributes, "v-on:", !0),
-        [M()]: `builder-raw-img ${this.attributes[M()] || ""}`
+        [H()]: `builder-raw-img ${this.attributes[H()] || ""}`
       };
       return delete e.style, e;
     }
   }
-}), $i = ["alt", "title", "src"];
-function Ei(e, t, n, o, r, i) {
+}), Ni = ["alt", "title", "src"];
+function Oi(e, t, n, o, r, i) {
   var s;
   return d(), h("img", $({
     loading: "lazy",
@@ -4603,9 +4641,9 @@ function Ei(e, t, n, o, r, i) {
       aspectRatio: e.aspectRatio || void 0,
       ...((s = e.attributes) == null ? void 0 : s.style) || {}
     }
-  }, e.imgAttrs), null, 16, $i);
+  }, e.imgAttrs), null, 16, Ni);
 }
-const Ri = /* @__PURE__ */ v(Ii, [["render", Ei]]), Pi = {
+const Wi = /* @__PURE__ */ v(Vi, [["render", Oi]]), Di = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -4616,14 +4654,14 @@ const Ri = /* @__PURE__ */ v(Ii, [["render", Ei]]), Pi = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: fr,
+    allowedFileTypes: Cr,
     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: xe,
+    allowedFileTypes: Ue,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -4689,7 +4727,7 @@ const Ri = /* @__PURE__ */ v(Ii, [["render", Ei]]), Pi = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Ai = y({
+}, Ui = y({
   name: "builder-video",
   props: [
     "lazyLoad",
@@ -4762,16 +4800,16 @@ const Ri = /* @__PURE__ */ v(Ii, [["render", Ei]]), Pi = {
       };
     }
   }
-}), Bi = { style: {
+}), xi = { style: {
   position: "relative"
-} }, Vi = ["preload", "poster"], Ni = {
+} }, Li = ["preload", "poster"], Fi = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, Oi = {
+}, Mi = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -4785,9 +4823,9 @@ const Ri = /* @__PURE__ */ v(Ii, [["render", Ei]]), Pi = {
     height: "100%"
   }
 };
-function Wi(e, t, n, o, r, i) {
+function Hi(e, t, n, o, r, i) {
   var s, l, a, u, p, b, c;
-  return d(), h("div", Bi, [
+  return d(), h("div", xi, [
     G("video", $({
       class: "builder-video",
       ref: "videoRef",
@@ -4815,85 +4853,85 @@ function Wi(e, t, n, o, r, i) {
           src: e.video
         }
       ), null, 16)
-    ], 16, Vi),
+    ], 16, Li),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), h("div", {
       key: 0,
-      style: H({
+      style: M({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
         fontSize: "0px"
       })
     }, null, 4)) : T("", !0),
-    (p = (u = e.builderBlock) == null ? void 0 : u.children) != null && p.length && e.fitContent ? (d(), h("div", Ni, [
+    (p = (u = e.builderBlock) == null ? void 0 : u.children) != null && p.length && e.fitContent ? (d(), h("div", Fi, [
       N(e.$slots, "default")
     ])) : T("", !0),
-    (c = (b = e.builderBlock) == null ? void 0 : b.children) != null && c.length && !e.fitContent ? (d(), h("div", Oi, [
+    (c = (b = e.builderBlock) == null ? void 0 : b.children) != null && c.length && !e.fitContent ? (d(), h("div", Mi, [
       N(e.$slots, "default")
     ])) : T("", !0)
   ]);
 }
-const Di = /* @__PURE__ */ v(Ai, [["render", Wi]]), xi = () => [{
-  component: Mr,
-  ...Ur
-}, {
+const ji = /* @__PURE__ */ v(Ui, [["render", Hi]]), zi = () => [{
   component: Qr,
-  ...jr
+  ...Kr
 }, {
-  component: oi,
-  ...Yr
+  component: ni,
+  ..._r
 }, {
-  component: li,
-  ...ri
+  component: di,
+  ...oi
 }, {
-  component: yi,
-  ...fi
+  component: fi,
+  ...ui
 }, {
-  component: hi,
-  ...ci
+  component: Ii,
+  ...Ci
 }, {
-  component: Ti,
-  ...vi
+  component: ki,
+  ...bi
 }, {
-  component: Ri,
-  ...wi
+  component: Pi,
+  ...$i
 }, {
-  component: Di,
-  ...Pi
-}], Xe = () => [{
-  component: jt,
-  ...pr
+  component: Wi,
+  ...Bi
 }, {
-  component: Oo,
-  ...mr
-}, {
-  component: xo,
-  ...hr
+  component: ji,
+  ...Di
+}], et = () => [{
+  component: qt,
+  ...vr
 }, {
-  component: Ko,
-  ...br
+  component: Fo,
+  ...Sr
 }, {
-  component: Jo,
+  component: jo,
   ...kr
 }, {
-  component: Ir,
-  ...Cr
+  component: Yo,
+  ...Tr
 }, {
-  component: ks,
-  ...$r
+  component: er,
+  ...Rr
 }, {
-  component: xr,
+  component: Vr,
+  ...Ar
+}, {
+  component: Rs,
   ...Nr
-}, ...Vt.includes(E) ? [{
-  component: Sr,
-  ...gr
+}, {
+  component: zr,
+  ...Fr
+}, ...Wt.includes(E) ? [{
+  component: Er,
+  ...wr
 }] : [], {
-  component: Vr,
-  ...Er
+  component: Lr,
+  ...Or
 }, {
-  component: ur,
-  ...sr
-}, ...xi()], Ui = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
+  component: yr,
+  ...mr
+}, ...zi()], Ki = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget, isAngularSDK) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4952,7 +4990,7 @@ const Di = /* @__PURE__ */ v(Ai, [["render", Wi]]), xi = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Li = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, qi = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4990,33 +5028,33 @@ const Di = /* @__PURE__ */ v(Ai, [["render", Wi]]), xi = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Fi = ({
+})), Gi = ({
   canTrack: e,
   content: t
-}) => !(!(ae(t).length > 0) || !e), Hi = (e) => e === "react" || e === "reactNative", Mi = E === "angular", Le = Hi(E), ji = () => `
+}) => !(!(ae(t).length > 0) || !e), Ji = (e) => e === "react" || e === "reactNative", Qi = E === "angular", Le = Ji(E), _i = () => `
   (function() {
     if (!window.${$e}) {
-      window.${$e} = ${Ui};
+      window.${$e} = ${Ki};
     }
     if (!window.${Ee}) {
-      window.${Ee} = ${Li};
+      window.${Ee} = ${qi};
     }${Le ? `
     var thisScriptEl = document.currentScript;
     if (thisScriptEl) { thisScriptEl.remove(); }` : ""}
   })();
-  `, zi = (e, t) => `
+  `, Yi = (e, t) => `
   window.${$e}(
-    "${t}",${JSON.stringify(e)}, ${Le}, ${Mi}
-  )`, Ki = ({
+    "${t}",${JSON.stringify(e)}, ${Le}, ${Qi}
+  )`, Xi = ({
   contentId: e,
   variationId: t
 }) => `window.${Ee}(
     "${t}", "${e}", ${Le}
   )`;
-function Ze(e) {
+function tt(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const qi = (e, t, n = !0) => {
+const Zi = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -5027,35 +5065,35 @@ const qi = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Gi = (e) => qi(e, (t) => {
+}, es = (e) => Zi(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), _e = ({
+}), nt = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Ze(o / n.width), s = Ze(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = tt(o / n.width), s = tt(r / n.height);
   return {
     x: i,
     y: s
   };
-}, Ji = (e) => {
-  const t = e.target, n = t && Gi(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ts = (e) => {
+  const t = e.target, n = t && es(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? _e({
+      targetOffset: t ? nt({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? _e({
+      builderTargetOffset: n ? nt({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Qi = ["svelte", "qwik", "vue"], Yi = () => Qi.includes(E) && (P() || Ve()), Xi = (e) => {
+}, ns = ["svelte", "qwik", "vue"], os = () => ns.includes(E) && (A() || Ve()), rs = (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 = "";
@@ -5081,15 +5119,15 @@ font-weight: ${s};
         `.trim());
     }
   return r;
-}, Zi = ({
+}, is = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Xi(n))) == null ? void 0 : t.join(" ")) || "";
-}, _i = ({
+  return ((t = e == null ? void 0 : e.map((n) => rs(n))) == null ? void 0 : t.join(" ")) || "";
+}, ss = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", es = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", as = `
 .builder-button {
   all: unset;
 }
@@ -5106,7 +5144,7 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, ts = (e) => e ? "" : es, ns = (e) => `variant-${e}`, os = y({
+`, ls = (e) => e ? "" : as, cs = (e) => `variant-${e}`, ds = y({
   name: "enable-editor",
   components: { DynamicDiv: ne },
   props: [
@@ -5139,8 +5177,8 @@ font-weight: ${s};
       httpReqsPending: {},
       clicked: !1,
       builderContext: ve,
-      needsElementRefDivForEditing: Yi,
-      getWrapperClassName: ns
+      needsElementRefDivForEditing: os,
+      getWrapperClassName: cs
     };
   },
   provide() {
@@ -5155,7 +5193,7 @@ font-weight: ${s};
   mounted() {
     var e, t, n;
     if (w()) {
-      P() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      A() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
       );
       const o = this.builderContextSignal.content && J(this.canTrack), r = me({
@@ -5173,7 +5211,7 @@ font-weight: ${s};
           variationId: r !== s ? r : void 0
         });
       }
-      Ve() && !P() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      Ve() && !A() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -5275,7 +5313,7 @@ font-weight: ${s};
       this.builderContextSignal.content = n;
     },
     processMessage(e) {
-      return vt({
+      return Ct({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -5289,7 +5327,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            $t(t);
+            At(t);
           },
           contentUpdate: (t, n) => {
             this.mergeNewContent(t, n);
@@ -5311,7 +5349,7 @@ font-weight: ${s};
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Ji(e),
+          ...ts(e),
           unique: !this.clicked
         });
       }
@@ -5325,7 +5363,7 @@ font-weight: ${s};
           if (!r)
             return;
           const i = typeof r == "object" && r["@type"] === "@builder.io/core:Request";
-          if (this.httpReqsPending[o] || this.httpReqsData[o] && !P())
+          if (this.httpReqsPending[o] || this.httpReqsData[o] && !A())
             return;
           const s = i ? r.request.url : r;
           this.httpReqsPending[o] = !0;
@@ -5349,7 +5387,7 @@ font-weight: ${s};
             url: l,
             method: "GET"
           };
-          Ae(JSON.stringify(a));
+          Pe(JSON.stringify(a));
           const u = {
             method: a.method,
             headers: a.headers,
@@ -5372,7 +5410,7 @@ font-weight: ${s};
       );
     },
     emitStateUpdate() {
-      P() && window.dispatchEvent(
+      A() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -5387,7 +5425,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), yt({
+      window.addEventListener("message", this.processMessage), kt({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -5407,7 +5445,7 @@ font-weight: ${s};
       ).forEach((t) => {
         var n, o;
         if (!((n = t.models) != null && n.length) || t.models.includes(this.model)) {
-          const r = Bn(t);
+          const r = On(t);
           (o = window.parent) == null || o.postMessage(r, "*");
         }
       }), window.addEventListener(
@@ -5435,9 +5473,9 @@ font-weight: ${s};
     }
   }
 });
-function rs(e, t, n, o, r, i) {
+function us(e, t, n, o, r, i) {
   var s, l, a;
-  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(Z(e.ContentWrapper), $({
+  return e.builderContextSignal.content || e.needsElementRefDivForEditing() ? (d(), S(X(e.ContentWrapper), $({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
@@ -5456,26 +5494,26 @@ function rs(e, t, n, o, r, i) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "className", "style", "onIniteditingbldr", "onInitpreviewingbldr"])) : T("", !0);
 }
-const is = /* @__PURE__ */ v(os, [["render", rs]]), ss = y({
+const ps = /* @__PURE__ */ v(ds, [["render", us]]), ms = y({
   name: "content-styles",
   components: { InlinedStyles: he },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${_i({
+${ss({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Zi({
+${is({
         customFonts: this.customFonts
       })}
-${ts(this.isNestedRender)}
+${ls(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function as(e, t, n, o, r, i) {
+function hs(e, t, n, o, r, i) {
   const s = k("InlinedStyles");
   return d(), S(s, {
     id: "builderio-content",
@@ -5483,7 +5521,7 @@ function as(e, t, n, o, r, i) {
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const ls = /* @__PURE__ */ v(ss, [["render", as]]), cs = ({
+const fs = /* @__PURE__ */ v(ms, [["render", hs]]), bs = ({
   content: e,
   data: t,
   locale: n
@@ -5500,7 +5538,7 @@ const ls = /* @__PURE__ */ v(ss, [["render", as]]), cs = ({
       locale: n
     } : {}
   };
-}, ds = ({
+}, gs = ({
   content: e,
   data: t
 }) => e ? {
@@ -5510,12 +5548,12 @@ const ls = /* @__PURE__ */ v(ss, [["render", as]]), cs = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, us = Dt, ps = y({
+} : void 0, ys = Lt, vs = y({
   name: "content-component",
   components: {
-    EnableEditor: is,
-    InlinedScript: Ue,
-    ContentStyles: ls,
+    EnableEditor: ps,
+    InlinedScript: xe,
+    ContentStyles: fs,
     Blocks: K,
     DynamicDiv: ne
   },
@@ -5546,32 +5584,32 @@ const ls = /* @__PURE__ */ v(ss, [["render", as]]), cs = ({
   data() {
     var e, t;
     return {
-      scriptStr: Ki({
+      scriptStr: Xi({
         // 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: [
-        ...Xe(),
+        ...et(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: us(o),
+            component: ys(o),
             ...de(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: ds({
+        content: gs({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: cs({
+        rootState: bs({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -5582,7 +5620,7 @@ const ls = /* @__PURE__ */ v(ss, [["render", as]]), cs = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...Xe(),
+          ...et(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
@@ -5603,7 +5641,7 @@ const ls = /* @__PURE__ */ v(ss, [["render", as]]), cs = ({
   provide() {
     const e = this;
     return {
-      [tt.key]: {
+      [rt.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -5647,7 +5685,7 @@ const ls = /* @__PURE__ */ v(ss, [["render", as]]), cs = ({
     }
   }
 });
-function ms(e, t, n, o, r, i) {
+function Ss(e, t, n, o, r, i) {
   const s = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
   return d(), S(u, $({
     apiHost: e.apiHost,
@@ -5669,7 +5707,7 @@ function ms(e, t, n, o, r, i) {
     isNestedRender: e.isNestedRender
   }, {}), {
     default: D(() => {
-      var p, b, c, m, f, g, A;
+      var p, b, c, m, f, g, P;
       return [
         e.isSsrAbTest ? (d(), S(s, {
           key: 0,
@@ -5686,7 +5724,7 @@ function ms(e, t, n, o, r, i) {
           customFonts: (f = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
         }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : T("", !0),
         R(a, {
-          blocks: (A = (g = e.builderContextSignal.content) == null ? void 0 : g.data) == null ? void 0 : A.blocks,
+          blocks: (P = (g = e.builderContextSignal.content) == null ? void 0 : g.data) == null ? void 0 : P.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -5696,12 +5734,12 @@ function ms(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 hs = /* @__PURE__ */ v(ps, [["render", ms]]), fs = y({
+const ks = /* @__PURE__ */ v(vs, [["render", Ss]]), Cs = y({
   name: "content-variants",
   components: {
-    InlinedScript: Ue,
+    InlinedScript: xe,
     InlinedStyles: he,
-    ContentComponent: hs
+    ContentComponent: ks
   },
   props: [
     "canTrack",
@@ -5727,15 +5765,15 @@ const hs = /* @__PURE__ */ v(ps, [["render", ms]]), fs = y({
   ],
   data() {
     return {
-      shouldRenderVariants: Fi({
+      shouldRenderVariants: Gi({
         canTrack: J(this.canTrack),
         content: this.content
       }),
-      shouldEmitPersonalizationFns: nr(this.content),
-      SDKS_SUPPORTING_PERSONALIZATION: Vt,
-      getInitPersonalizationVariantsFnsScriptString: or,
+      shouldEmitPersonalizationFns: cr(this.content),
+      SDKS_SUPPORTING_PERSONALIZATION: Wt,
+      getInitPersonalizationVariantsFnsScriptString: dr,
       TARGET: E,
-      getInitVariantsFnsScriptString: ji,
+      getInitVariantsFnsScriptString: _i,
       getVariants: ae
     };
   },
@@ -5744,7 +5782,7 @@ const hs = /* @__PURE__ */ v(ps, [["render", ms]]), fs = y({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return zi(
+      return Yi(
         ae(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -5760,14 +5798,14 @@ const hs = /* @__PURE__ */ v(ps, [["render", ms]]), fs = y({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Hn({
+      } : zn({
         item: this.content,
         canTrack: J(this.canTrack)
       });
     }
   }
 });
-function bs(e, t, n, o, r, i) {
+function Ts(e, t, n, o, r, i) {
   const s = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
   return d(), h(I, null, [
     e.shouldEmitPersonalizationFns ? (d(), h(I, { key: 0 }, [
@@ -5848,7 +5886,7 @@ function bs(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 gs = /* @__PURE__ */ v(fs, [["render", bs]]), ys = async ({
+const ws = /* @__PURE__ */ v(Cs, [["render", Ts]]), Is = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -5866,9 +5904,9 @@ const gs = /* @__PURE__ */ v(fs, [["render", bs]]), ys = async ({
     }).catch((n) => {
       B.error("Could not fetch symbol content: ", n);
     });
-}, vs = y({
+}, $s = y({
   name: "builder-symbol",
-  components: { ContentVariants: gs, DynamicDiv: ne },
+  components: { ContentVariants: ws, DynamicDiv: ne },
   props: [
     "symbol",
     "builderComponents",
@@ -5910,7 +5948,7 @@ const gs = /* @__PURE__ */ v(fs, [["render", bs]]), ys = async ({
     className() {
       var e, t;
       return [
-        this.attributes[M()],
+        this.attributes[H()],
         "builder-symbol",
         (e = this.symbol) != null && e.inline ? "builder-inline-symbol" : void 0,
         (t = this.symbol) != null && t.dynamic || this.dynamic ? "builder-dynamic-symbol" : void 0
@@ -5925,7 +5963,7 @@ const gs = /* @__PURE__ */ v(fs, [["render", bs]]), ys = async ({
   methods: {
     setContent() {
       var e;
-      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || ys({
+      this.contentToUse && this.symbolEntry === ((e = this.symbol) == null ? void 0 : e.entry) || Is({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((t) => {
@@ -5935,10 +5973,10 @@ const gs = /* @__PURE__ */ v(fs, [["render", bs]]), ys = async ({
     }
   }
 });
-function Ss(e, t, n, o, r, i) {
+function Es(e, t, n, o, r, i) {
   var l, a, u, p, b, c, m;
   const s = k("ContentVariants");
-  return d(), h("div", $({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, U(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  return d(), h("div", $({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     R(s, {
       nonce: e.builderContext.nonce,
       isNestedRender: !0,
@@ -5963,48 +6001,48 @@ function Ss(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const ks = /* @__PURE__ */ v(vs, [["render", Ss]]);
+const Rs = /* @__PURE__ */ v($s, [["render", Es]]);
 export {
-  Is as A,
-  At as B,
-  Oo as C,
-  Ps as D,
-  Bs as E,
-  xo as F,
-  _n as G,
-  eo as H,
-  Ko as I,
+  Vs as A,
+  Nt as B,
+  Fo as C,
+  Ds as D,
+  xs as E,
+  jo as F,
+  io as G,
+  so as H,
+  Yo as I,
   We as J,
-  ws as K,
-  Ws as L,
-  Jo as S,
+  Bs as K,
+  Hs as L,
+  er as S,
   E as T,
-  Di as V,
+  ji as V,
   v as _,
-  M as a,
+  H as a,
   ve as b,
   he as c,
   j as d,
   te as e,
-  Vs as f,
-  Os as g,
-  Ao as h,
-  P as i,
-  Ns as j,
-  Ds as k,
+  Ls as f,
+  Ms as g,
+  Do as h,
+  A as i,
+  Fs as j,
+  js as k,
   De as l,
-  An as m,
-  jt as n,
-  ks as o,
-  xr as p,
+  Nn as m,
+  qt as n,
+  Rs as o,
+  zr as p,
   K as q,
-  gs as r,
-  As as s,
+  ws as r,
+  Us as s,
   Ve as t,
-  Bn as u,
-  $s as v,
-  us as w,
-  Es as x,
-  Rs as y,
-  bt as z
+  On as u,
+  Ns as v,
+  ys as w,
+  Os as x,
+  Ws as y,
+  vt as z
 };