@builder.io/sdk-vue 2.0.28 → 2.0.30

package/lib/browser/{index-InL0mFtx.js → index-vt9k3TV3.js}

@@ -1,7 +1,7 @@
 import "./style.css";
-import { defineComponent as f, openBlock as d, createElementBlock as m, Fragment as w, createBlock as k, resolveDynamicComponent as H, mergeProps as C, toHandlers as B, withCtx as W, renderSlot as x, resolveComponent as v, createTextVNode as mt, toDisplayString as ee, defineAsyncComponent as M, createVNode as $, renderList as A, createCommentVNode as S, h as Pe, createElementVNode as K, normalizeStyle as F, normalizeClass as q, markRaw as ht } from "vue";
-const ft = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), bt = (e) => typeof e == "string" && ft.has(e.toLowerCase());
-function V(e = {}, t, n) {
+import { defineComponent as b, openBlock as c, createElementBlock as p, Fragment as T, createBlock as y, resolveDynamicComponent as j, mergeProps as C, toHandlers as x, withCtx as N, renderSlot as A, resolveComponent as k, createTextVNode as ht, toDisplayString as ee, defineAsyncComponent as H, createVNode as R, renderList as V, createCommentVNode as v, h as Be, createElementVNode as q, normalizeStyle as F, normalizeClass as z, markRaw as ft } from "vue";
+const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), gt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
+function W(e = {}, t, n) {
   const o = {};
   for (const r in e) {
     if (!e[r] || n && !r.startsWith(t))
@@ -11,38 +11,38 @@ function V(e = {}, t, n) {
   }
   return o;
 }
-const gt = f({
+const yt = b({
   name: "dynamic-renderer",
   props: ["TagName", "attributes", "actionAttributes"],
   data() {
-    return { isEmptyElement: bt };
+    return { isEmptyElement: gt };
   }
-}), b = (e, t) => {
+}), g = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, r] of t)
     n[o] = r;
   return n;
 };
-function yt(e, t, n, o, r, i) {
-  return e.isEmptyElement(e.TagName) ? (d(), k(H(e.TagName), C({ key: 1 }, e.attributes, B(e.actionAttributes)), null, 16)) : (d(), m(w, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), k(H(e.TagName), C({ key: 0 }, e.attributes, B(e.actionAttributes)), {
-      default: W(() => [
-        x(e.$slots, "default")
+function kt(e, t, n, o, r, i) {
+  return e.isEmptyElement(e.TagName) ? (c(), y(j(e.TagName), C({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (c(), p(T, { key: 0 }, [
+    typeof e.TagName == "string" ? (c(), y(j(e.TagName), C({ key: 0 }, e.attributes, x(e.actionAttributes)), {
+      default: N(() => [
+        A(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), k(H(e.TagName), C({ key: 1 }, e.attributes, B(e.actionAttributes)), {
-      default: W(() => [
-        x(e.$slots, "default")
+    }, 16)) : (c(), y(j(e.TagName), C({ key: 1 }, e.attributes, x(e.actionAttributes)), {
+      default: N(() => [
+        A(e.$slots, "default")
       ]),
       _: 3
     }, 16))
   ], 64));
 }
-const de = /* @__PURE__ */ b(gt, [["render", yt]]), Ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const de = /* @__PURE__ */ g(yt, [["render", kt]]), Vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: de
-}, Symbol.toStringTag, { value: "Module" })), R = "vue", Z = () => {
-  switch (R) {
+}, Symbol.toStringTag, { value: "Module" })), P = "vue", Z = () => {
+  switch (P) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -54,7 +54,7 @@ const de = /* @__PURE__ */ b(gt, [["render", yt]]), Ai = /* @__PURE__ */ Object.
     case "angular":
       return "class";
   }
-}, kt = f({
+}, vt = b({
   name: "builder-button",
   components: { DynamicRenderer: de },
   props: [
@@ -65,12 +65,12 @@ const de = /* @__PURE__ */ b(gt, [["render", yt]]), Ai = /* @__PURE__ */ Object.
     "text"
   ],
   data() {
-    return { filterAttrs: V };
+    return { filterAttrs: W };
   },
   methods: {
     attrs() {
       return {
-        ...V(this.attributes, "v-on:", !1),
+        ...W(this.attributes, "v-on:", !1),
         [Z()]: `${this.link ? "" : "builder-button"} ${this.attributes[Z()] || ""}`,
         ...this.link ? {
           href: this.link,
@@ -83,20 +83,20 @@ const de = /* @__PURE__ */ b(gt, [["render", yt]]), Ai = /* @__PURE__ */ Object.
     }
   }
 });
-function vt(e, t, n, o, r, i) {
-  const s = v("DynamicRenderer");
-  return d(), k(s, {
+function St(e, t, n, o, r, i) {
+  const s = k("DynamicRenderer");
+  return c(), y(s, {
     attributes: e.attrs(),
     TagName: e.link ? e.builderLinkComponent || "a" : "button",
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
-    default: W(() => [
-      mt(ee(e.text), 1)
+    default: N(() => [
+      ht(ee(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const St = /* @__PURE__ */ b(kt, [["render", vt]]), Ct = Symbol(), se = {
+const Ct = /* @__PURE__ */ g(vt, [["render", St]]), wt = Symbol(), se = {
   Builder: {
     content: null,
     context: {},
@@ -112,57 +112,57 @@ const St = /* @__PURE__ */ b(kt, [["render", vt]]), Ct = Symbol(), se = {
     BlocksWrapperProps: {},
     nonce: ""
   },
-  key: Ct
-}, wt = Symbol(), Be = {
-  Components: { registeredComponents: {} },
   key: wt
+}, Tt = Symbol(), xe = {
+  Components: { registeredComponents: {} },
+  key: Tt
 };
-function Tt(e) {
+function It(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
     ...e.options
   };
 }
-function It(e, ...t) {
+function $t(e, ...t) {
   const n = Object.assign({}, e);
   for (const o of t)
     delete n[o];
   return n;
 }
-const X = "[Builder.io]: ", P = {
+const X = "[Builder.io]: ", E = {
   log: (...e) => console.log(X, ...e),
   error: (...e) => console.error(X, ...e),
   warn: (...e) => console.warn(X, ...e),
   debug: (...e) => console.debug(X, ...e)
-}, xe = (e, t, n) => {
+}, Ae = (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 I() {
+function $() {
   return typeof window < "u" && typeof document < "u";
 }
-const $t = (e) => {
+const Rt = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Ae = (e) => e instanceof URLSearchParams ? $t(e) : e, Ve = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
-function Rt() {
-  return I() && window.self !== window.top;
+}, Ve = (e) => e instanceof URLSearchParams ? Rt(e) : e, We = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+function Et() {
+  return $() && window.self !== window.top;
 }
-function E(e) {
-  return Rt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
-  Ve(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+function B(e) {
+  return Et() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  We(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
-const Et = () => {
-  if (I()) {
+const Pt = () => {
+  if ($()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Pt = () => typeof navigator == "object" && navigator.userAgent || "", We = () => {
-  const e = Pt(), t = {
+}, Bt = () => typeof navigator == "object" && navigator.userAgent || "", Ne = () => {
+  const e = Bt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -179,15 +179,15 @@ const Et = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || R === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || P === "reactNative";
     }
-  }, n = e.match(/Tablet|iPad/i), o = Et();
+  }, n = e.match(/Tablet|iPad/i), o = Pt();
   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"
   };
-}, Bt = ({
+}, xt = ({
   builder: e,
   context: t,
   event: n,
@@ -199,15 +199,15 @@ const Et = () => {
   builder: e,
   context: t,
   event: n
-}), xt = () => ({
-  isEditing: E(),
-  isBrowser: I(),
-  isServer: !I(),
-  getUserAttributes: () => We()
-}), At = (e, {
+}), At = () => ({
+  isEditing: B(),
+  isBrowser: $(),
+  isServer: !$(),
+  getUserAttributes: () => Ne()
+}), Vt = (e, {
   isExpression: t = !0
 }) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e;
-function Ne({
+function Oe({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -217,7 +217,7 @@ function Ne({
       if (t && r in t)
         return t[r];
       const i = o[r];
-      return typeof i == "object" && i !== null ? Ne({
+      return typeof i == "object" && i !== null ? Oe({
         rootState: i,
         localState: void 0,
         rootSetState: n ? (s) => {
@@ -232,7 +232,7 @@ function Ne({
     }
   });
 }
-const ke = ({
+const ve = ({
   code: e,
   builder: t,
   context: n,
@@ -241,11 +241,11 @@ const ke = ({
   rootSetState: i,
   rootState: s
 }) => {
-  const l = Bt({
+  const l = xt({
     builder: t,
     context: n,
     event: o,
-    state: Ne({
+    state: Oe({
       rootState: s,
       localState: r,
       rootSetState: i
@@ -253,23 +253,23 @@ const ke = ({
   });
   return new Function(...l.map(([a]) => a), e)(...l.map(([, a]) => a));
 }, D = (e) => e != null;
-function Vt() {
+function Wt() {
   var e;
   return typeof process < "u" && D((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
-const Wt = ({
+const Nt = ({
   shouldLogWarning: e
 }) => {
   var r;
-  if (!Vt())
+  if (!Wt())
     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 && P.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, Nt = (e) => (I() || Wt({
+  return t && n && !o ? (e && E.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;
+}, Ot = (e) => ($() || Nt({
   shouldLogWarning: !0
-}), ke(e)), Ot = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Ft = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Dt = (e) => {
+}), ve(e)), Ft = /^(return )?(\s*)?state(?<getPath>(\.\w+)+)(\s*);?$/, Dt = /(\s)*var(\s)+_virtual_index(\s)*=(\s)*state(?<getPath>(\.\w+)+)(\s*);?(\s)*return(\s)*_virtual_index(\s)*/, Lt = (e) => {
   var t, n, o, r, i, s;
-  return ((o = (n = (t = Ot.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = Ft.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
+  return ((o = (n = (t = Ft.exec(e.trim())) == null ? void 0 : t.groups) == null ? void 0 : n.getPath) == null ? void 0 : o.slice(1)) || ((s = (i = (r = Dt.exec(e.trim())) == null ? void 0 : r.groups) == null ? void 0 : i.getPath) == null ? void 0 : s.slice(1));
 };
 function J({
   code: e,
@@ -282,17 +282,17 @@ function J({
 }) {
   if (e.trim() === "")
     return;
-  const l = Dt(e.trim());
+  const l = Lt(e.trim());
   if (l)
-    return xe({
+    return Ae({
       ...o,
       ...n
     }, l);
   const a = {
-    code: At(e, {
+    code: Vt(e, {
       isExpression: s
     }),
-    builder: xt(),
+    builder: At(),
     context: t,
     event: i,
     rootSetState: r,
@@ -300,15 +300,15 @@ function J({
     localState: n
   };
   try {
-    return Nt(a);
+    return Ot(a);
   } catch (u) {
-    P.error("Failed code evaluation: " + u.message, {
+    E.error("Failed code evaluation: " + u.message, {
       code: e
     });
     return;
   }
 }
-const ue = (e) => JSON.parse(JSON.stringify(e)), Oe = (e, t, n) => {
+const ue = (e) => JSON.parse(JSON.stringify(e)), Fe = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -326,8 +326,8 @@ function ae(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = ae(e[n]));
   return t;
 }
-const Lt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), Ut = (e) => {
-  if (Lt) {
+const Ut = ["svelte", "vue", "angular", "qwik", "solid"].includes(P), Mt = (e) => {
+  if (Ut) {
     const t = ue(e);
     return {
       ...t,
@@ -339,7 +339,7 @@ const Lt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), Ut = (e) =
       }
     };
   } else {
-    const t = ae(It(e, "children", "meta"));
+    const t = ae($t(e, "children", "meta"));
     return {
       ...t,
       properties: {
@@ -352,7 +352,7 @@ const Lt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), Ut = (e) =
       meta: e.meta
     };
   }
-}, Mt = ({
+}, Ht = ({
   block: e,
   context: t,
   localState: n,
@@ -361,7 +361,7 @@ const Lt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), Ut = (e) =
 }) => {
   if (!e.bindings)
     return e;
-  const i = Ut(e);
+  const i = Mt(e);
   for (const s in e.bindings) {
     const l = e.bindings[s], a = J({
       code: l,
@@ -370,11 +370,11 @@ const Lt = ["svelte", "vue", "angular", "qwik", "solid"].includes(R), Ut = (e) =
       rootSetState: r,
       context: t
     });
-    Oe(i, s, a);
+    Fe(i, s, a);
   }
   return i;
 };
-function Ht({
+function jt({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -383,7 +383,7 @@ function Ht({
   rootSetState: i
 }) {
   const s = e;
-  return n ? Mt({
+  return n ? Ht({
     block: s,
     localState: o,
     rootState: r,
@@ -391,25 +391,25 @@ function Ht({
     context: t
   }) : s;
 }
-function jt(e) {
-  const t = e || (I() ? window.location.search : void 0);
-  return t ? Ve(t).indexOf("builder.preview=") !== -1 : !1;
+function Kt(e) {
+  const t = e || ($() ? window.location.search : void 0);
+  return t ? We(t).indexOf("builder.preview=") !== -1 : !1;
 }
-const Kt = (e) => ({
+const qt = (e) => ({
   type: "builder.registerComponent",
   data: _(e)
-}), qt = (e) => {
+}), zt = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
 };
 function _(e) {
-  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? qt(n) : n));
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? zt(n) : n));
 }
-const ve = {};
-function zt(e, t) {
+const Se = {};
+function Gt(e, t) {
   e === "plugin" && (t = _(t));
-  let n = ve[e];
-  if (n || (n = ve[e] = []), n.push(t), I()) {
+  let n = Se[e];
+  if (n || (n = Se[e] = []), n.push(t), $()) {
     const o = {
       type: "builder.register",
       data: {
@@ -424,42 +424,42 @@ function zt(e, t) {
     }
   }
 }
-const Se = {};
-function Vi(e) {
-  if (I()) {
-    Object.assign(Se, e);
+const Ce = {};
+function Wi(e) {
+  if ($()) {
+    Object.assign(Ce, e);
     const t = {
       type: "builder.settingsChange",
-      data: Se
+      data: Ce
     };
     parent.postMessage(t, "*");
   }
 }
-const Ce = "builder.", Jt = "options.", Fe = (e) => {
+const we = "builder.", Jt = "options.", De = (e) => {
   if (!e)
     return {};
-  const t = Ae(e), n = {};
+  const t = Ve(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Ce)) {
-      const r = o.replace(Ce, "").replace(Jt, "");
+    if (o.startsWith(we)) {
+      const r = o.replace(we, "").replace(Jt, "");
       n[r] = t[o];
     }
   }), n;
-}, Gt = () => {
-  if (!I())
+}, Yt = () => {
+  if (!$())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Fe(e);
-}, De = "2.0.28", Le = () => ({
-  "X-Builder-SDK": R,
+  return De(e);
+}, Le = "2.0.30", Ue = () => ({
+  "X-Builder-SDK": P,
   "X-Builder-SDK-GEN": "2",
-  "X-Builder-SDK-Version": De
-}), Yt = (e) => {
+  "X-Builder-SDK-Version": Le
+}), Xt = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Ue = ({
+}, Me = ({
   name: e,
   canTrack: t
 }) => {
@@ -467,17 +467,17 @@ const Ce = "builder.", Jt = "options.", Fe = (e) => {
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    P.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    E.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Me = async (e) => Ue(e), Xt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), Qt = [["secure", ""], ["SameSite", "None"]], Zt = ({
+}, He = async (e) => Me(e), Qt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), Zt = [["secure", ""], ["SameSite", "None"]], _t = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (I() ? location.protocol === "https:" : !0) ? Qt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Yt(window.location.hostname)], ...r];
-  return Xt(s);
-}, He = async ({
+  const r = ($() ? location.protocol === "https:" : !0) ? Zt : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Xt(window.location.hostname)], ...r];
+  return Qt(s);
+}, je = async ({
   name: e,
   value: t,
   expires: n,
@@ -486,98 +486,103 @@ const Ce = "builder.", Jt = "options.", Fe = (e) => {
   try {
     if (!o)
       return;
-    const r = Zt({
+    const r = _t({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = r;
   } catch (r) {
-    P.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    E.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
-function _t() {
+function en() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function je() {
-  return _t().replace(/-/g, "");
+function Ke() {
+  return en().replace(/-/g, "");
 }
-const Ke = "builderSessionId", en = async ({
+const qe = "builderSessionId", tn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Me({
-    name: Ke,
+  const t = await He({
+    name: qe,
     canTrack: e
   });
   if (D(t))
     return t;
   {
-    const n = tn();
-    return nn({
+    const n = nn();
+    return on({
       id: n,
       canTrack: e
     }), n;
   }
-}, tn = () => je(), nn = ({
+}, nn = () => Ke(), on = ({
   id: e,
   canTrack: t
-}) => He({
-  name: Ke,
+}) => je({
+  name: qe,
   value: e,
   canTrack: t
-}), qe = () => I() && typeof localStorage < "u" ? localStorage : void 0, on = ({
+}), ze = () => $() && typeof localStorage < "u" ? localStorage : void 0, rn = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = qe()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = ze()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, rn = ({
+}, sn = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = qe()) == null || o.setItem(e, n));
+    t && ((o = ze()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, ze = "builderVisitorId", sn = ({
+}, Ge = "builderVisitorId", an = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = on({
-    key: ze,
+  const t = rn({
+    key: Ge,
     canTrack: e
   });
   if (D(t))
     return t;
   {
-    const n = an();
-    return ln({
+    const n = ln();
+    return cn({
       id: n,
       canTrack: e
     }), n;
   }
-}, an = () => je(), ln = ({
+}, ln = () => Ke(), cn = ({
   id: e,
   canTrack: t
-}) => rn({
-  key: ze,
+}) => sn({
+  key: Ge,
   value: e,
   canTrack: t
-}), cn = async ({
+});
+function pe(e) {
+  var t;
+  typeof process < "u" && ((t = process.env) != null && t.DEBUG) && String(process.env.DEBUG) == "true" && E.log(e);
+}
+const dn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -585,16 +590,16 @@ const Ke = "builderSessionId", en = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await en({
+  const t = await tn({
     canTrack: e
-  }), n = sn({
+  }), n = an({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, dn = async ({
+}, un = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -608,10 +613,10 @@ const Ke = "builderSessionId", en = async ({
       url: location.href,
       ...o
     },
-    ...await cn({
+    ...await dn({
       canTrack: t
     }),
-    userAttributes: We(),
+    userAttributes: Ne(),
     ownerId: n
   }
 });
@@ -620,35 +625,38 @@ async function le({
   ...t
 }) {
   if (!t.apiKey) {
-    P.error("Missing API key for track call. Please provide your API key.");
+    E.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  return !t.canTrack || E() || !(I() || R === "reactNative") ? void 0 : fetch(`${e || "https://cdn.builder.io"}/api/v1/track`, {
+  if (!t.canTrack || B() || !($() || P === "reactNative"))
+    return;
+  const o = `${e || "https://cdn.builder.io"}/api/v1/track`;
+  return pe(o), fetch(o, {
     method: "POST",
     body: JSON.stringify({
-      events: [await dn(t)]
+      events: [await un(t)]
     }),
     headers: {
       "content-type": "application/json",
-      ...Le()
+      ...Ue()
     },
     mode: "cors"
-  }).catch((o) => {
-    console.error("Failed to track: ", o);
+  }).catch((r) => {
+    console.error("Failed to track: ", r);
   });
 }
-const Wi = (e) => le({
+const Ni = (e) => le({
   ...e,
   canTrack: !0
-}), un = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}), pn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function Je(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
-  return (e || un).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || pn).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const pn = () => {
-  zt("insertMenu", {
+const mn = () => {
+  Gt("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -670,14 +678,14 @@ const pn = () => {
     }]
   });
 };
-let we = !1;
-const Ge = (e = {}) => {
+let Te = !1;
+const Ye = (e = {}) => {
   var t, n;
-  we || (we = !0, I() && ((t = window.parent) == null || t.postMessage({
+  Te || (Te = !0, $() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: R,
-      version: De,
+      target: P,
+      version: Le,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -699,32 +707,32 @@ const Ge = (e = {}) => {
     if (r != null && r.type)
       switch (r.type) {
         case "builder.evaluate": {
-          const l = r.data.text, a = r.data.arguments || [], u = r.data.id, h = new Function(l);
-          let c, p = null;
+          const l = r.data.text, a = r.data.arguments || [], u = r.data.id, m = new Function(l);
+          let h, d = null;
           try {
-            c = h.apply(null, a);
-          } catch (y) {
-            p = y;
+            h = m.apply(null, a);
+          } catch (f) {
+            d = f;
           }
-          p ? (i = window.parent) == null || i.postMessage({
+          d ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
               id: u,
-              error: p.message
+              error: d.message
             }
-          }, "*") : c && typeof c.then == "function" ? c.then((y) => {
-            var g;
-            (g = window.parent) == null || g.postMessage({
+          }, "*") : h && typeof h.then == "function" ? h.then((f) => {
+            var S;
+            (S = window.parent) == null || S.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: u,
-                result: y
+                result: f
               }
             }, "*");
           }).catch(console.error) : (s = window.parent) == null || s.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: c,
+              result: h,
               id: u
             }
           }, "*");
@@ -732,7 +740,7 @@ const Ge = (e = {}) => {
         }
       }
   })));
-}, Ye = ({
+}, Xe = ({
   model: e,
   trustedHosts: t,
   callbacks: n
@@ -758,12 +766,12 @@ const Ge = (e = {}) => {
         break;
       }
     }
-}, Ni = (e, t, n) => {
-  if (!I)
-    return P.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+}, Oi = (e, t, n) => {
+  if (!$)
+    return E.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  Ge();
-  const o = Ye({
+  Ye();
+  const o = Xe({
     callbacks: {
       contentUpdate: t,
       animation: () => {
@@ -777,24 +785,24 @@ const Ge = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, mn = "builder.tests", pe = (e) => `${mn}.${e}`, hn = ({
+}, hn = "builder.tests", me = (e) => `${hn}.${e}`, fn = ({
   contentId: e
-}) => Me({
-  name: pe(e),
+}) => He({
+  name: me(e),
   canTrack: !0
-}), fn = ({
+}), bn = ({
   contentId: e
-}) => Ue({
-  name: pe(e),
+}) => Me({
+  name: me(e),
   canTrack: !0
-}), bn = ({
+}), gn = ({
   contentId: e,
   value: t
-}) => He({
-  name: pe(e),
+}) => je({
+  name: me(e),
   value: t,
   canTrack: !0
-}), Xe = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, gn = ({
+}), Qe = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, yn = ({
   id: e,
   variations: t
 }) => {
@@ -807,15 +815,15 @@ const Ge = (e = {}) => {
       return i;
   }
   return e;
-}, Qe = (e) => {
-  const t = gn(e);
-  return bn({
+}, Ze = (e) => {
+  const t = yn(e);
+  return gn({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    P.error("could not store A/B test variation: ", n);
+    E.error("could not store A/B test variation: ", n);
   }), t;
-}, Ze = ({
+}, _e = ({
   item: e,
   testGroupId: t
 }) => {
@@ -829,7 +837,7 @@ const Ge = (e = {}) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, yn = ({
+}, kn = ({
   item: e,
   canTrack: t
 }) => {
@@ -837,14 +845,14 @@ const Ge = (e = {}) => {
     return e;
   if (!e)
     return;
-  if (!Xe(e))
+  if (!Qe(e))
     return e;
-  const n = fn({
+  const n = bn({
     contentId: e.id
-  }) || Qe({
+  }) || Ze({
     variations: e.variations,
     id: e.id
-  }), o = Ze({
+  }), o = _e({
     item: e,
     testGroupId: n
   });
@@ -852,18 +860,18 @@ const Ge = (e = {}) => {
     ...e,
     ...o
   };
-}, kn = async ({
+}, vn = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Xe(e))
+  if (!t || !Qe(e))
     return e;
-  const o = await hn({
+  const o = await fn({
     contentId: e.id
-  }) || Qe({
+  }) || Ze({
     variations: e.variations,
     id: e.id
-  }), r = Ze({
+  }), r = _e({
     item: e,
     testGroupId: o
   });
@@ -871,18 +879,18 @@ const Ge = (e = {}) => {
     ...e,
     ...r
   };
-}, z = (e) => D(e) ? e : !0;
-function vn() {
+}, G = (e) => D(e) ? e : !0;
+function Sn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Sn() {
-  const e = vn().fetch;
+function Cn() {
+  const e = Sn().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 Cn = Sn();
+const wn = Cn();
 function ce(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
@@ -895,14 +903,14 @@ function ce(e, t = null, n = ".") {
     };
   }, {});
 }
-function _e(e, t, n = {}) {
+function et(e, t, n = {}) {
   for (const o in e) {
     const r = e[o], i = t ? t + "." + o : o;
-    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? _e(r, i, n) : n[i] = r;
+    r && typeof r == "object" && !Array.isArray(r) && !Object.keys(r).find((s) => s.startsWith("$")) ? et(r, i, n) : n[i] = r;
   }
   return n;
 }
-const wn = "v3", Te = (e) => typeof e == "number" && !isNaN(e) && e >= 0, me = (e) => {
+const Tn = "v3", Ie = (e) => typeof e == "number" && !isNaN(e) && e >= 0, he = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -911,90 +919,90 @@ const wn = "v3", Te = (e) => typeof e == "number" && !isNaN(e) && e >= 0, me = (
     apiKey: i,
     enrich: s,
     locale: l,
-    apiVersion: a = wn,
+    apiVersion: a = Tn,
     fields: u,
-    omit: h,
-    offset: c,
-    cacheSeconds: p,
-    staleCacheSeconds: y,
-    sort: g,
-    includeUnpublished: N,
-    apiHost: Y
+    omit: m,
+    offset: h,
+    cacheSeconds: d,
+    staleCacheSeconds: f,
+    sort: S,
+    includeUnpublished: w,
+    apiHost: L
   } = e;
   if (!i)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const dt = t !== 1, ut = Y || "https://cdn.builder.io", T = new URL(`${ut}/api/${a}/content/${r}`);
-  if (T.searchParams.set("apiKey", i), T.searchParams.set("limit", String(t)), T.searchParams.set("noTraverse", String(dt)), T.searchParams.set("includeRefs", String(!0)), l && T.searchParams.set("locale", l), s && T.searchParams.set("enrich", String(s)), T.searchParams.set("omit", h || "meta.componentsUsed"), u && T.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && T.searchParams.set("offset", String(Math.floor(c))), typeof N == "boolean" && T.searchParams.set("includeUnpublished", String(N)), p && Te(p) && T.searchParams.set("cacheSeconds", String(p)), y && Te(y) && T.searchParams.set("staleCacheSeconds", String(y)), g) {
+  const ut = t !== 1, pt = L || "https://cdn.builder.io", I = new URL(`${pt}/api/${a}/content/${r}`);
+  if (I.searchParams.set("apiKey", i), I.searchParams.set("limit", String(t)), I.searchParams.set("noTraverse", String(ut)), I.searchParams.set("includeRefs", String(!0)), l && I.searchParams.set("locale", l), s && I.searchParams.set("enrich", String(s)), I.searchParams.set("omit", m || "meta.componentsUsed"), u && I.searchParams.set("fields", u), Number.isFinite(h) && h > -1 && I.searchParams.set("offset", String(Math.floor(h))), typeof w == "boolean" && I.searchParams.set("includeUnpublished", String(w)), d && Ie(d) && I.searchParams.set("cacheSeconds", String(d)), f && Ie(f) && I.searchParams.set("staleCacheSeconds", String(f)), S) {
     const O = ce({
-      sort: g
+      sort: S
     });
-    for (const U in O)
-      T.searchParams.set(U, JSON.stringify(O[U]));
+    for (const M in O)
+      I.searchParams.set(M, JSON.stringify(O[M]));
   }
-  const pt = {
-    ...Gt(),
-    ...Ae(e.options || {})
-  }, ye = ce(pt);
-  for (const O in ye)
-    T.searchParams.set(O, String(ye[O]));
-  if (n && T.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const O = _e({
+  const mt = {
+    ...Yt(),
+    ...Ve(e.options || {})
+  }, ke = ce(mt);
+  for (const O in ke)
+    I.searchParams.set(O, String(ke[O]));
+  if (n && I.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+    const O = et({
       query: o
     });
-    for (const U in O)
-      T.searchParams.set(U, JSON.stringify(O[U]));
+    for (const M in O)
+      I.searchParams.set(M, JSON.stringify(O[M]));
   }
-  return T;
-}, Tn = (e) => "results" in e;
-async function he(e) {
-  const t = await Rn({
+  return I;
+}, In = (e) => "results" in e;
+async function fe(e) {
+  const t = await En({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const In = async (e) => {
+const $n = async (e) => {
   var s;
-  const t = me(e), n = e.fetch ?? Cn, o = {
+  const t = he(e), n = e.fetch ?? wn, o = {
     ...e.fetchOptions,
     headers: {
       ...(s = e.fetchOptions) == null ? void 0 : s.headers,
-      ...Le()
+      ...Ue()
     }
   };
   return await (await n(t.href, o)).json();
-}, $n = async (e, t, n = me(e)) => {
-  const o = z(e.canTrack);
-  if (n.search.includes("preview="), !o || !(I() || R === "reactNative"))
+}, Rn = async (e, t, n = he(e)) => {
+  const o = G(e.canTrack);
+  if (n.search.includes("preview="), !o || !($() || P === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const i of t.results)
-      r.push(await kn({
+      r.push(await vn({
         item: i,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    P.error("Could not process A/B tests. ", r);
+    E.error("Could not process A/B tests. ", r);
   }
   return t.results;
 };
-async function Rn(e) {
+async function En(e) {
   try {
-    const t = me(e), n = await In(e);
-    return Tn(n) ? $n(e, n) : (P.error("Error fetching data. ", {
+    const t = he(e), n = await $n(e);
+    return In(n) ? Rn(e, n) : (E.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return P.error("Error fetching data. ", t), null;
+    return E.error("Error fetching data. ", t), null;
   }
 }
-const Oi = async (e) => {
+const Fi = async (e) => {
   var o, r, i;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
@@ -1006,15 +1014,15 @@ const Oi = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Fe(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: De(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await he(n)
+    content: await fe(n)
   };
-}, fe = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function En(e, t, n = {}) {
+}, be = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
+function Pn(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);
@@ -1022,11 +1030,11 @@ function En(e, t, n = {}) {
   return function() {
     const u = Date.now();
     !l && n.leading === !1 && (l = u);
-    const h = t - (u - l);
-    return o = this, r = arguments, h <= 0 || h > t ? (s && (clearTimeout(s), s = null), l = u, i = e.apply(o, r), s || (o = r = null)) : !s && n.trailing !== !1 && (s = setTimeout(a, h)), i;
+    const m = t - (u - l);
+    return o = this, r = arguments, m <= 0 || m > t ? (s && (clearTimeout(s), s = null), l = u, i = e.apply(o, r), s || (o = r = null)) : !s && n.trailing !== !1 && (s = setTimeout(a, m)), i;
   };
 }
-function j(e, ...t) {
+function K(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
     const r = arguments[o];
@@ -1036,118 +1044,118 @@ function j(e, ...t) {
   }
   return n;
 }
-function Pn(e) {
+function Bn(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        nt(t);
+        ot(t);
         break;
       case "scrollInView":
-        xn(t);
+        An(t);
         break;
     }
 }
-function et(e) {
+function tt(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function tt(e, t) {
-  const n = Bn(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+function nt(e, t) {
+  const n = xn(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
   for (const l of s)
     for (const a of n)
       a in l || (l[a] = o[a]);
 }
-function Bn(e) {
+function xn(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
       t.indexOf(o) === -1 && t.push(o);
   return t;
 }
-function nt(e) {
+function ot(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    et(e.elementId || e.id || "");
+    tt(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    tt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", j(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${fe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), j(n.style, e.steps[1].styles), setTimeout(() => {
+    nt(e, n), n.style.transition = "none", n.style.transitionDelay = "0", K(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${be(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), K(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
   });
 }
-function xn(e) {
+function An(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    et(e.elementId || e.id || "");
+    tt(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    tt(e, n);
+    nt(e, n);
     let o = !1, r = !1;
     function i() {
       !o && l(n) ? (o = !0, r = !0, setTimeout(() => {
-        j(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", s), setTimeout(() => {
+        K(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, j(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !r && !l(n) && (o = !1, K(n.style, e.steps[0].styles));
     }
-    const s = En(i, 200, {
+    const s = Pn(i, 200, {
       leading: !1
     });
-    function l(h) {
-      const c = h.getBoundingClientRect(), p = window.innerHeight, g = (e.thresholdPercent || 0) / 100 * p;
-      return c.bottom > g && c.top < p - g;
+    function l(m) {
+      const h = m.getBoundingClientRect(), d = window.innerHeight, S = (e.thresholdPercent || 0) / 100 * d;
+      return h.bottom > S && h.top < d - S;
     }
     const a = e.steps[0].styles;
     function u() {
-      j(n.style, a);
+      K(n.style, a);
     }
     u(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${fe(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
+      n.style.transition = `all ${e.duration}s ${be(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", s, {
       capture: !0,
       passive: !0
     }), i();
   });
 }
-const ot = (e) => Object.entries(e).map(([n, o]) => {
+const rt = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${fe(n)}: ${o};`;
-}).filter(D), An = (e) => ot(e).join(`
-`), Fi = ({
+    return `${be(n)}: ${o};`;
+}).filter(D), Vn = (e) => rt(e).join(`
+`), Di = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${An(n)}
+    ${Vn(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function Vn({
+function Wn({
   style: e
 }) {
   return e;
 }
-const Di = ({
+const Li = ({
   block: e,
   context: t
-}) => rt(Vn({
+}) => it(Wn({
   style: e.style || {},
   context: t,
   block: e
 }));
-function rt(e) {
-  switch (R) {
+function it(e) {
+  switch (P) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return ot(e).join(" ");
+      return rt(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -1155,7 +1163,7 @@ function rt(e) {
       return e;
   }
 }
-const Wn = ({
+const Nn = ({
   block: e,
   registeredComponents: t
 }) => {
@@ -1169,7 +1177,7 @@ const Wn = ({
   console.warn(`
       Could not find a registered component named "${n}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, Nn = ({
+}, On = ({
   block: e,
   context: t
 }) => {
@@ -1202,59 +1210,59 @@ const Wn = ({
     },
     block: o
   }));
-}, On = (e, t) => {
+}, Fn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderLinkComponent ? {
     builderLinkComponent: t
   } : {};
-}, Fn = (e, t) => {
+}, Dn = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderComponents ? {
     builderComponents: t
   } : {};
-}, Dn = (e, t) => {
+}, Ln = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderBlock ? {
     builderBlock: t
   } : {};
-}, Ln = (e, t) => {
+}, Un = (e, t) => {
   var n;
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, Un = () => Promise.resolve().then(() => eo).then((e) => e.default).catch((e) => {
+}, Mn = () => Promise.resolve().then(() => to).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Mn = () => import("./block-styles-6qY_TBFM.js").then((e) => e.default).catch((e) => {
+}), Hn = () => import("./block-styles-QdL_P0Fx.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), Hn = () => import("./block-wrapper-3wYQPVms.js").then((e) => e.default).catch((e) => {
+}), jn = () => import("./block-wrapper-7IkLgp7x.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), jn = () => import("./component-ref-xP2Elmh1.js").then((e) => e.default).catch((e) => {
+}), Kn = () => import("./component-ref-llprrwE2.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;
-}), Kn = () => import("./repeated-block-h6wP7nUB.js").then((e) => e.default).catch((e) => {
+}), qn = () => import("./repeated-block-dHROvYhN.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
   ), e;
-}), qn = f({
+}), zn = b({
   name: "block",
   components: {
-    BlockStyles: M(Mn),
-    RepeatedBlock: M(Kn),
-    ComponentRef: M(jn),
-    BlockWrapper: M(Hn),
-    DynamicDiv: M(Un)
+    BlockStyles: H(Hn),
+    RepeatedBlock: H(qn),
+    ComponentRef: H(Kn),
+    BlockWrapper: H(jn),
+    DynamicDiv: H(Mn)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   data() {
@@ -1267,7 +1275,7 @@ const Wn = ({
   },
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && Pn(
+    t && e && Bn(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -1278,14 +1286,14 @@ const Wn = ({
   },
   computed: {
     repeatItem() {
-      return Nn({
+      return On({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var t;
-      return (t = this.block.repeat) != null && t.collection ? this.block : Ht({
+      return (t = this.block.repeat) != null && t.collection ? this.block : jt({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -1295,7 +1303,7 @@ const Wn = ({
       });
     },
     blockComponent() {
-      return Wn({
+      return Nn({
         block: this.processedBlock,
         registeredComponents: this.registeredComponents
       });
@@ -1321,11 +1329,11 @@ const Wn = ({
         blockChildren: this.processedBlock.children ?? [],
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
-          ...Tt(this.processedBlock),
-          ...Dn(this.blockComponent, this.processedBlock),
-          ...Ln(this.blockComponent, this.context),
-          ...On(this.blockComponent, this.linkComponent),
-          ...Fn(
+          ...It(this.processedBlock),
+          ...Ln(this.blockComponent, this.processedBlock),
+          ...Un(this.blockComponent, this.context),
+          ...Fn(this.blockComponent, this.linkComponent),
+          ...Dn(
             this.blockComponent,
             this.registeredComponents
           )
@@ -1335,27 +1343,27 @@ const Wn = ({
         registeredComponents: this.registeredComponents,
         builderBlock: this.processedBlock,
         includeBlockProps: ((t = this.blockComponent) == null ? void 0 : t.noWrap) === !0,
-        isInteractive: !((n = this.blockComponent) != null && n.isRSC && R === "rsc")
+        isInteractive: !((n = this.blockComponent) != null && n.isRSC && P === "rsc")
       };
     }
   }
 });
-function zn(e, t, n, o, r, i) {
-  var c;
-  const s = v("BlockStyles"), l = v("ComponentRef"), a = v("Block", !0), u = v("BlockWrapper"), h = v("RepeatedBlock");
-  return e.canShowBlock ? (d(), m(w, { key: 0 }, [
-    $(s, {
+function Gn(e, t, n, o, r, i) {
+  var h;
+  const s = k("BlockStyles"), l = k("ComponentRef"), a = k("Block", !0), u = k("BlockWrapper"), m = k("RepeatedBlock");
+  return e.canShowBlock ? (c(), p(T, { key: 0 }, [
+    R(s, {
       block: e.processedBlock,
       context: e.context
     }, null, 8, ["block", "context"]),
-    (c = e.blockComponent) != null && c.noWrap ? (d(), m(w, { key: 1 }, [
-      e.repeatItem ? (d(!0), m(w, { key: 1 }, A(e.repeatItem, (p, y) => (d(), k(h, {
-        key: y,
-        repeatContext: p.context,
-        block: p.block,
+    (h = e.blockComponent) != null && h.noWrap ? (c(), p(T, { key: 1 }, [
+      e.repeatItem ? (c(!0), p(T, { key: 1 }, V(e.repeatItem, (d, f) => (c(), y(m, {
+        key: f,
+        repeatContext: d.context,
+        block: d.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), k(l, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (c(), y(l, {
         key: 0,
         componentRef: e.componentRefProps.componentRef,
         componentOptions: e.componentRefProps.componentOptions,
@@ -1367,21 +1375,21 @@ function zn(e, t, n, o, r, i) {
         includeBlockProps: e.componentRefProps.includeBlockProps,
         isInteractive: e.componentRefProps.isInteractive
       }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]))
-    ], 64)) : (d(), m(w, { key: 0 }, [
-      e.repeatItem ? (d(!0), m(w, { key: 1 }, A(e.repeatItem, (p, y) => (d(), k(h, {
-        key: y,
-        repeatContext: p.context,
-        block: p.block,
+    ], 64)) : (c(), p(T, { key: 0 }, [
+      e.repeatItem ? (c(!0), p(T, { key: 1 }, V(e.repeatItem, (d, f) => (c(), y(m, {
+        key: f,
+        repeatContext: d.context,
+        block: d.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
-      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (d(), k(u, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents", "linkComponent"]))), 128)) : (c(), y(u, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context
       }, {
-        default: W(() => [
-          $(l, {
+        default: N(() => [
+          R(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -1392,9 +1400,9 @@ function zn(e, t, n, o, r, i) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (d(!0), m(w, null, A(e.childrenWithoutParentComponent, (p, y) => (d(), k(a, {
-            key: p.id,
-            block: p,
+          (c(!0), p(T, null, V(e.childrenWithoutParentComponent, (d, f) => (c(), y(a, {
+            key: d.id,
+            block: d,
             registeredComponents: e.registeredComponents,
             linkComponent: e.linkComponent,
             context: e.context
@@ -1403,18 +1411,18 @@ function zn(e, t, n, o, r, i) {
         _: 1
       }, 8, ["Wrapper", "block", "context"]))
     ], 64))
-  ], 64)) : S("", !0);
+  ], 64)) : v("", !0);
 }
-const be = /* @__PURE__ */ b(qn, [["render", zn]]), Li = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ge = /* @__PURE__ */ g(zn, [["render", Gn]]), Ui = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: be
-}, Symbol.toStringTag, { value: "Module" })), Jn = f({
+  default: ge
+}, Symbol.toStringTag, { value: "Module" })), Jn = b({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
     "classNameProp",
-    "parent",
     "path",
+    "parent",
     "styleProp",
     "BlocksWrapperProps",
     "BlocksWrapper"
@@ -1429,17 +1437,23 @@ const be = /* @__PURE__ */ b(qn, [["render", zn]]), Li = /* @__PURE__ */ Object.
         (e = this.blocks) != null && e.length ? "" : "no-blocks",
         this.classNameProp
       ].filter(Boolean).join(" ");
+    },
+    dataPath() {
+      if (!this.path)
+        return;
+      const e = "component.options.";
+      return this.path.startsWith(e) ? this.path : `${e}${this.path || ""}`;
     }
   },
   methods: {
     onClick() {
       var e, t;
-      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      B() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
             parentElementId: this.parent,
-            dataPath: this.path
+            dataPath: this.dataPath
           }
         },
         "*"
@@ -1447,12 +1461,12 @@ const be = /* @__PURE__ */ b(qn, [["render", zn]]), Li = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      B() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
             parentElementId: this.parent,
-            dataPath: this.path
+            dataPath: this.dataPath
           }
         },
         "*"
@@ -1460,26 +1474,26 @@ const be = /* @__PURE__ */ b(qn, [["render", zn]]), Li = /* @__PURE__ */ Object.
     }
   }
 });
-function Gn(e, t, n, o, r, i) {
-  return d(), k(H(e.BlocksWrapper), C({
+function Yn(e, t, n, o, r, i) {
+  return c(), y(j(e.BlocksWrapper), C({
     ref: "blocksWrapperRef",
     class: e.className + " component-1k2igrjdg3x",
-    "builder-path": e.path,
+    "builder-path": e.dataPath,
     "builder-parent-id": e.parent,
     style: e.styleProp,
     onClick: (s) => e.onClick(),
     onMouseEnter: (s) => e.onMouseEnter(),
     onKeyPress: (s) => e.onClick()
   }, { ...e.BlocksWrapperProps }), {
-    default: W(() => [
-      x(e.$slots, "default", {}, void 0, !0)
+    default: N(() => [
+      A(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Yn = /* @__PURE__ */ b(Jn, [["render", Gn], ["__scopeId", "data-v-e241e088"]]), Xn = f({
+const Xn = /* @__PURE__ */ g(Jn, [["render", Yn], ["__scopeId", "data-v-ba2bc5c0"]]), Qn = b({
   name: "builder-blocks",
-  components: { BlocksWrapper: Yn, Block: be },
+  components: { BlocksWrapper: Xn, Block: ge },
   props: [
     "blocks",
     "parent",
@@ -1492,51 +1506,51 @@ const Yn = /* @__PURE__ */ b(Jn, [["render", Gn], ["__scopeId", "data-v-e241e088
   ],
   inject: {
     builderContext: se.key,
-    componentsContext: Be.key
+    componentsContext: xe.key
   }
 });
-function Qn(e, t, n, o, r, i) {
-  var a, u, h, c;
-  const s = v("Block"), l = v("BlocksWrapper");
-  return d(), k(l, {
+function Zn(e, t, n, o, r, i) {
+  var a, u, m, h;
+  const s = k("Block"), l = k("BlocksWrapper");
+  return c(), y(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp,
     classNameProp: e.className,
     BlocksWrapper: ((a = e.context) == null ? void 0 : a.BlocksWrapper) || ((u = e.builderContext) == null ? void 0 : u.BlocksWrapper),
-    BlocksWrapperProps: ((h = e.context) == null ? void 0 : h.BlocksWrapperProps) || ((c = e.builderContext) == null ? void 0 : c.BlocksWrapperProps)
+    BlocksWrapperProps: ((m = e.context) == null ? void 0 : m.BlocksWrapperProps) || ((h = e.builderContext) == null ? void 0 : h.BlocksWrapperProps)
   }, {
-    default: W(() => [
-      e.blocks ? (d(!0), m(w, { key: 0 }, A(e.blocks, (p, y) => {
-        var g;
-        return d(), k(s, {
-          key: p.id,
-          block: p,
+    default: N(() => [
+      e.blocks ? (c(!0), p(T, { key: 0 }, V(e.blocks, (d, f) => {
+        var S;
+        return c(), y(s, {
+          key: d.id,
+          block: d,
           linkComponent: e.linkComponent,
           context: e.context || e.builderContext,
-          registeredComponents: e.registeredComponents || ((g = e.componentsContext) == null ? void 0 : g.registeredComponents)
+          registeredComponents: e.registeredComponents || ((S = e.componentsContext) == null ? void 0 : S.registeredComponents)
         }, null, 8, ["block", "linkComponent", "context", "registeredComponents"]);
-      }), 128)) : S("", !0)
+      }), 128)) : v("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "classNameProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const L = /* @__PURE__ */ b(Xn, [["render", Qn]]), Zn = f({
+const U = /* @__PURE__ */ g(Qn, [["render", Zn]]), _n = b({
   name: "dynamic-div",
   props: []
 });
-function _n(e, t, n, o, r, i) {
-  return d(), m("div", null, [
-    x(e.$slots, "default")
+function eo(e, t, n, o, r, i) {
+  return c(), p("div", null, [
+    A(e.$slots, "default")
   ]);
 }
-const G = /* @__PURE__ */ b(Zn, [["render", _n]]), eo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Y = /* @__PURE__ */ g(_n, [["render", eo]]), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: G
-}, Symbol.toStringTag, { value: "Module" })), ge = f({
+  default: Y
+}, Symbol.toStringTag, { value: "Module" })), ye = b({
   render() {
-    return Pe("style", {
+    return Be("style", {
       innerHTML: this.styles,
       "data-id": this.id,
       nonce: this.nonce
@@ -1544,7 +1558,7 @@ const G = /* @__PURE__ */ b(Zn, [["render", _n]]), eo = /* @__PURE__ */ Object.f
   },
   name: "inlined-styles",
   props: ["styles", "id", "nonce"]
-}), it = {
+}), st = {
   small: {
     min: 320,
     default: 321,
@@ -1560,11 +1574,11 @@ const G = /* @__PURE__ */ b(Zn, [["render", _n]]), eo = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, Ui = (e, t = it) => `@media (max-width: ${t[e].max}px)`, to = ({
+}, Mi = (e, t = st) => `@media (max-width: ${t[e].max}px)`, no = ({
   small: e,
   medium: t
 }) => {
-  const n = ue(it);
+  const n = ue(st);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -1586,13 +1600,13 @@ const G = /* @__PURE__ */ b(Zn, [["render", _n]]), eo = /* @__PURE__ */ Object.f
     min: i,
     default: i + 1
   }, n;
-}, no = (e) => `builder-columns ${e}-breakpoints`, oo = f({
+}, oo = (e) => `builder-columns ${e}-breakpoints`, ro = b({
   name: "builder-columns",
   components: {
-    InlinedStyles: ge,
+    InlinedStyles: ye,
     DynamicRenderer: de,
-    Blocks: L,
-    DynamicDiv: G
+    Blocks: U,
+    DynamicDiv: Y
   },
   props: [
     "space",
@@ -1605,7 +1619,7 @@ const G = /* @__PURE__ */ b(Zn, [["render", _n]]), eo = /* @__PURE__ */ Object.f
     "builderComponents"
   ],
   data() {
-    return { TARGET: R, getColumnsClass: no };
+    return { TARGET: P, getColumnsClass: oo };
   },
   computed: {
     gutterSize() {
@@ -1684,7 +1698,7 @@ const G = /* @__PURE__ */ b(Zn, [["render", _n]]), eo = /* @__PURE__ */ Object.f
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return to(
+      return no(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1722,33 +1736,33 @@ const G = /* @__PURE__ */ b(Zn, [["render", _n]]), eo = /* @__PURE__ */ Object.f
           href: e.link
         } : {},
         [Z()]: "builder-column",
-        style: rt(this.columnCssVars(t))
+        style: it(this.columnCssVars(t))
       };
     }
   }
 });
-function ro(e, t, n, o, r, i) {
+function io(e, t, n, o, r, i) {
   var u;
-  const s = v("InlinedStyles"), l = v("Blocks"), a = v("DynamicRenderer");
-  return d(), m("div", C({
+  const s = k("InlinedStyles"), l = k("Blocks"), a = k("DynamicRenderer");
+  return c(), p("div", C({
     class: e.getColumnsClass((u = e.builderBlock) == null ? void 0 : u.id) + " div-4wbls88y960",
     style: e.columnsCssVars()
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), k(s, {
+    e.TARGET !== "reactNative" ? (c(), y(s, {
       key: 0,
       id: "builderio-columns",
       styles: e.columnsStyles(),
       nonce: e.builderContext.nonce
-    }, null, 8, ["styles", "nonce"])) : S("", !0),
-    (d(!0), m(w, null, A(e.columns, (h, c) => (d(), k(a, {
-      key: c,
-      TagName: e.getTagName(h),
+    }, null, 8, ["styles", "nonce"])) : v("", !0),
+    (c(!0), p(T, null, V(e.columns, (m, h) => (c(), y(a, {
+      key: h,
+      TagName: e.getTagName(m),
       actionAttributes: {},
-      attributes: e.getAttributes(h, c)
+      attributes: e.getAttributes(m, h)
     }, {
-      default: W(() => [
-        $(l, {
-          path: `component.options.columns.${c}.blocks`,
+      default: N(() => [
+        R(l, {
+          path: `columns.${h}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
             flexGrow: "1"
@@ -1756,39 +1770,39 @@ function ro(e, t, n, o, r, i) {
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent,
-          blocks: h.blocks
+          blocks: m.blocks
         }, null, 8, ["path", "parent", "context", "registeredComponents", "linkComponent", "blocks"])
       ]),
       _: 2
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const io = /* @__PURE__ */ b(oo, [["render", ro], ["__scopeId", "data-v-f68a6aa7"]]), so = f({
+const so = /* @__PURE__ */ g(ro, [["render", io], ["__scopeId", "data-v-3354f136"]]), ao = b({
   name: "builder-fragment-component",
   props: []
 });
-function ao(e, t, n, o, r, i) {
-  return d(), m("span", null, [
-    x(e.$slots, "default")
+function lo(e, t, n, o, r, i) {
+  return c(), p("span", null, [
+    A(e.$slots, "default")
   ]);
 }
-const lo = /* @__PURE__ */ b(so, [["render", ao]]);
-function Ie(e) {
+const co = /* @__PURE__ */ g(ao, [["render", lo]]);
+function $e(e) {
   return e.replace(/http(s)?:/, "");
 }
-function co(e = "", t, n) {
+function uo(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), r = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + r + t + "=" + encodeURIComponent(n);
 }
-function uo(e, t) {
+function po(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Ie(e);
+    return $e(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 Ie(`${o[0]}_${i}${r}`);
+    return $e(`${o[0]}_${i}${r}`);
   }
   return null;
 }
@@ -1799,11 +1813,11 @@ function te(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const o = Number(e.split("?width=")[1]);
-    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${co(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${uo(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [uo(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
+  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [po(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const po = f({
+const mo = b({
   name: "builder-image",
   props: [
     "image",
@@ -1854,20 +1868,20 @@ const po = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), mo = ["srcset"], ho = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], fo = {
+}), ho = ["srcset"], fo = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], bo = {
   key: 2,
   class: "div-29wpyomtntv-2"
 };
-function bo(e, t, n, o, r, i) {
-  var s, l, a, u, h, c;
-  return d(), m(w, null, [
-    K("picture", null, [
-      e.webpSrcSet ? (d(), m("source", {
+function go(e, t, n, o, r, i) {
+  var s, l, a, u, m, h;
+  return c(), p(T, null, [
+    q("picture", null, [
+      e.webpSrcSet ? (c(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, mo)) : S("", !0),
-      K("img", {
+      }, null, 8, ho)) : v("", !0),
+      q("img", {
         loading: e.highPriority ? "eager" : "lazy",
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
@@ -1877,36 +1891,36 @@ function bo(e, t, n, o, r, i) {
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: q(
+        class: z(
           "builder-image" + (e.className ? " " + e.className : "") + " img-29wpyomtntv"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, ho)
+      }, null, 14, fo)
     ]),
-    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), m("div", {
+    e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (c(), p("div", {
       key: 0,
       class: "builder-image-sizer div-29wpyomtntv",
       style: F({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : S("", !0),
-    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? x(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
-    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), m("div", fo, [
-      x(e.$slots, "default", {}, void 0, !0)
-    ])) : S("", !0)
+    }, null, 4)) : v("", !0),
+    (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? A(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
+    !e.fitContent && ((h = (m = e.builderBlock) == null ? void 0 : m.children) != null && h.length) ? (c(), p("div", bo, [
+      A(e.$slots, "default", {}, void 0, !0)
+    ])) : v("", !0)
   ], 64);
 }
-const go = /* @__PURE__ */ b(po, [["render", bo], ["__scopeId", "data-v-77f8a6c4"]]), yo = f({
+const yo = /* @__PURE__ */ g(mo, [["render", go], ["__scopeId", "data-v-77f8a6c4"]]), ko = b({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
-    return { filterAttrs: V };
+    return { filterAttrs: W };
   }
 });
-function ko(e, t, n, o, r, i) {
-  return d(), m("section", C({
+function vo(e, t, n, o, r, i) {
+  return c(), p("section", C({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1919,11 +1933,11 @@ function ko(e, t, n, o, r, i) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    x(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    A(e.$slots, "default")
   ], 16);
 }
-const vo = /* @__PURE__ */ b(yo, [["render", ko]]), ne = {
+const So = /* @__PURE__ */ g(ko, [["render", vo]]), ne = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1983,7 +1997,7 @@ const vo = /* @__PURE__ */ b(yo, [["render", ko]]), ne = {
       }
     }
   }]
-}, So = {
+}, Co = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -2047,9 +2061,9 @@ const vo = /* @__PURE__ */ b(yo, [["render", ko]]), ne = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Co = (e) => e.toString(), wo = f({
+}, wo = (e) => e.toString(), To = b({
   name: "builder-accordion",
-  components: { Blocks: L },
+  components: { Blocks: U },
   props: [
     "grid",
     "oneAtATime",
@@ -2061,7 +2075,7 @@ const vo = /* @__PURE__ */ b(yo, [["render", ko]]), ne = {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: Co };
+    return { open: [], convertOrderNumberToString: wo };
   },
   computed: {
     onlyOneAtATime() {
@@ -2142,25 +2156,27 @@ const vo = /* @__PURE__ */ b(yo, [["render", ko]]), ne = {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), To = ["data-index", "onClick"];
-function Io(e, t, n, o, r, i) {
-  const s = v("Blocks");
-  return d(), m("div", {
+}), Io = ["data-index", "onClick"];
+function $o(e, t, n, o, r, i) {
+  const s = k("Blocks");
+  return c(), p("div", {
     class: "builder-accordion",
     style: F(e.accordionStyles)
   }, [
-    (d(!0), m(w, null, A(e.items, (l, a) => (d(), m(w, { key: a }, [
-      K("div", {
-        class: q(e.getAccordionTitleClassName(a)),
+    (c(!0), p(T, null, V(e.items, (l, a) => (c(), p(T, { key: a }, [
+      q("div", {
+        class: z(e.getAccordionTitleClassName(a)),
         style: F({
           ...e.accordionTitleStyles,
-          width: e.grid ? e.gridRowWidth : void 0,
-          order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
+          ...e.grid && {
+            width: e.gridRowWidth,
+            order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
+          }
         }),
         "data-index": a,
         onClick: (u) => e.onClick(a)
       }, [
-        $(s, {
+        R(s, {
           blocks: l.title,
           path: `items.${a}.title`,
           parent: e.builderBlock.id,
@@ -2168,13 +2184,13 @@ function Io(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, To),
-      e.open.includes(a) ? (d(), m("div", {
+      ], 14, Io),
+      e.open.includes(a) ? (c(), p("div", {
         key: 0,
-        class: q(e.getAccordionDetailClassName(a)),
+        class: z(e.getAccordionDetailClassName(a)),
         style: F(e.accordionDetailStyles)
       }, [
-        $(s, {
+        R(s, {
           blocks: l.detail,
           path: `items.${a}.detail`,
           parent: e.builderBlock.id,
@@ -2182,11 +2198,11 @@ function Io(e, t, n, o, r, i) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 6)) : S("", !0)
+      ], 6)) : v("", !0)
     ], 64))), 128))
   ], 4);
 }
-const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
+const Ro = /* @__PURE__ */ g(To, [["render", $o]]), Eo = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2222,7 +2238,7 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Eo = {
+}, Po = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -2429,13 +2445,13 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Po = {
+}, Bo = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Bo = {
+}, xo = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2457,14 +2473,14 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
       e.delete("srcset"), e.delete("noWebp");
       function n(s, l = 6e4) {
         return new Promise((a, u) => {
-          const h = document.createElement("img");
-          let c = !1;
-          h.onload = () => {
-            c = !0, a(h);
-          }, h.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), u(p.error);
-          }), h.src = s, setTimeout(() => {
-            c || u(new Error("Image load timed out"));
+          const m = document.createElement("img");
+          let h = !1;
+          m.onload = () => {
+            h = !0, a(m);
+          }, m.addEventListener("error", (d) => {
+            console.warn("Image load failed", d.error), u(d.error);
+          }), m.src = s, setTimeout(() => {
+            h || u(new Error("Image load timed out"));
           }, l);
         });
       }
@@ -2543,7 +2559,7 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, xo = {
+}, Ao = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2582,7 +2598,7 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
       }
     }
   }]
-}, Ao = {
+}, Vo = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2599,15 +2615,15 @@ const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Vo = f({
+}, Wo = b({
   name: "builder-slot",
-  components: { Blocks: L },
+  components: { Blocks: U },
   props: ["builderContext", "name", "builderComponents"]
 });
-function Wo(e, t, n, o, r, i) {
+function No(e, t, n, o, r, i) {
   var l, a, u;
-  const s = v("Blocks");
-  return d(), m("div", C(
+  const s = k("Blocks");
+  return c(), p("div", C(
     { style: {
       pointerEvents: "auto"
     } },
@@ -2615,7 +2631,7 @@ function Wo(e, t, n, o, r, i) {
       "builder-slot": e.name
     }
   ), [
-    $(s, {
+    R(s, {
       parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
@@ -2624,7 +2640,7 @@ function Wo(e, t, n, o, r, i) {
     }, null, 8, ["parent", "path", "context", "registeredComponents", "blocks"])
   ], 16);
 }
-const No = /* @__PURE__ */ b(Vo, [["render", Wo]]), Oo = {
+const Oo = /* @__PURE__ */ g(Wo, [["render", No]]), Fo = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2701,7 +2717,7 @@ const No = /* @__PURE__ */ b(Vo, [["render", Wo]]), Oo = {
       text: "New tab content "
     }
   }
-}, Fo = {
+}, Do = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2804,9 +2820,9 @@ const No = /* @__PURE__ */ b(Vo, [["render", Wo]]), Oo = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Do = f({
+}, Lo = b({
   name: "builder-tabs",
-  components: { Blocks: L },
+  components: { Blocks: U },
   props: [
     "defaultActiveTab",
     "tabs",
@@ -2829,11 +2845,11 @@ const No = /* @__PURE__ */ b(Vo, [["render", Wo]]), Oo = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), Lo = ["onClick"], Uo = { key: 0 };
-function Mo(e, t, n, o, r, i) {
-  const s = v("Blocks");
-  return d(), m("div", null, [
-    K("div", {
+}), Uo = ["onClick"], Mo = { key: 0 };
+function Ho(e, t, n, o, r, i) {
+  const s = k("Blocks");
+  return c(), p("div", null, [
+    q("div", {
       class: "builder-tabs-wrap",
       style: F({
         display: "flex",
@@ -2842,37 +2858,37 @@ function Mo(e, t, n, o, r, i) {
         overflow: "auto"
       })
     }, [
-      (d(!0), m(w, null, A(e.tabs, (l, a) => (d(), m("span", {
+      (c(!0), p(T, null, V(e.tabs, (l, a) => (c(), p("span", {
         key: a,
-        class: q(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
+        class: z(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
         style: F({
           ...e.activeTab === a ? e.activeTabStyle : {}
         }),
         onClick: (u) => e.onClick(a)
       }, [
-        $(s, {
+        R(s, {
           parent: e.builderBlock.id,
-          path: `component.options.tabs.${a}.label`,
+          path: `tabs.${a}.label`,
           blocks: l.label,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, Lo))), 128))
+      ], 14, Uo))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), m("div", Uo, [
-      $(s, {
+    e.activeTabContent(e.activeTab) ? (c(), p("div", Mo, [
+      R(s, {
         parent: e.builderBlock.id,
-        path: `component.options.tabs.${e.activeTab}.content`,
+        path: `tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
         context: e.builderContext,
         registeredComponents: e.builderComponents,
         linkComponent: e.builderLinkComponent
       }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-    ])) : S("", !0)
+    ])) : v("", !0)
   ]);
 }
-const Ho = /* @__PURE__ */ b(Do, [["render", Mo]]), jo = {
+const jo = /* @__PURE__ */ g(Lo, [["render", Ho]]), Ko = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -2894,7 +2910,7 @@ const Ho = /* @__PURE__ */ b(Do, [["render", Mo]]), jo = {
     height: "auto",
     textAlign: "center"
   }
-}, Ko = f({
+}, qo = b({
   name: "builder-text",
   props: ["builderContext", "text"],
   computed: {
@@ -2918,17 +2934,17 @@ const Ho = /* @__PURE__ */ b(Do, [["render", Mo]]), jo = {
       );
     }
   }
-}), qo = ["innerHTML"];
-function zo(e, t, n, o, r, i) {
-  return d(), m("div", {
+}), zo = ["innerHTML"];
+function Go(e, t, n, o, r, i) {
+  return c(), p("div", {
     class: "builder-text",
     innerHTML: e.processedText,
     style: {
       outline: "none"
     }
-  }, null, 8, qo);
+  }, null, 8, zo);
 }
-const Jo = /* @__PURE__ */ b(Ko, [["render", zo]]), Go = {
+const Jo = /* @__PURE__ */ g(qo, [["render", Go]]), Yo = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2950,7 +2966,7 @@ const Jo = /* @__PURE__ */ b(Ko, [["render", zo]]), Go = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Yo = f({
+}, Xo = b({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -2984,15 +3000,15 @@ const Jo = /* @__PURE__ */ b(Ko, [["render", zo]]), Go = {
       }
     }
   }
-}), Xo = ["innerHTML"];
-function Qo(e, t, n, o, r, i) {
-  return d(), m("div", {
+}), Qo = ["innerHTML"];
+function Zo(e, t, n, o, r, i) {
+  return c(), p("div", {
     ref: "elementRef",
-    class: q("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    class: z("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, Xo);
+  }, null, 10, Qo);
 }
-const Zo = /* @__PURE__ */ b(Yo, [["render", Qo]]), _o = {
+const _o = /* @__PURE__ */ g(Xo, [["render", Zo]]), er = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -3007,7 +3023,7 @@ const Zo = /* @__PURE__ */ b(Yo, [["render", Qo]]), _o = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, er = ["text/javascript", "application/javascript", "application/ecmascript"], tr = (e) => er.includes(e.type), nr = f({
+}, tr = ["text/javascript", "application/javascript", "application/ecmascript"], nr = (e) => tr.includes(e.type), or = b({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -3040,7 +3056,7 @@ const Zo = /* @__PURE__ */ b(Yo, [["render", Qo]]), _o = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (tr(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (nr(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -3049,15 +3065,15 @@ const Zo = /* @__PURE__ */ b(Yo, [["render", Qo]]), _o = {
       }
     }
   }
-}), or = ["innerHTML"];
-function rr(e, t, n, o, r, i) {
-  return d(), m("div", {
+}), rr = ["innerHTML"];
+function ir(e, t, n, o, r, i) {
+  return c(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, or);
+  }, null, 8, rr);
 }
-const ir = /* @__PURE__ */ b(nr, [["render", rr]]), sr = {
+const sr = /* @__PURE__ */ g(or, [["render", ir]]), ar = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -3294,12 +3310,12 @@ const ir = /* @__PURE__ */ b(nr, [["render", rr]]), sr = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ar = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], lr = () => {
+}, lr = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], cr = () => {
   const e = process.env.NODE_ENV || "production";
-  return ar.includes(e) ? e : "production";
-}, cr = f({
+  return lr.includes(e) ? e : "production";
+}, dr = b({
   name: "builder-form-component",
-  components: { Block: be, Blocks: L },
+  components: { Block: ge, Blocks: U },
   props: [
     "builderContext",
     "previewState",
@@ -3328,7 +3344,7 @@ const ir = /* @__PURE__ */ b(nr, [["render", rr]]), sr = {
       formState: "unsubmitted",
       responseData: null,
       formErrorMessage: "",
-      filterAttrs: V
+      filterAttrs: W
     };
   },
   methods: {
@@ -3341,7 +3357,7 @@ const ir = /* @__PURE__ */ b(nr, [["render", rr]]), sr = {
       this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
     },
     submissionState() {
-      return E() && this.previewState || this.formState;
+      return B() && this.previewState || this.formState;
     },
     onSubmit(e) {
       var n;
@@ -3356,40 +3372,40 @@ const ir = /* @__PURE__ */ b(nr, [["render", rr]]), sr = {
         e.preventDefault();
         const o = e.currentTarget || e.target, r = this.customHeaders || {};
         let i;
-        const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((c) => !!c.name).map((c) => {
-          let p;
-          const y = c.name;
-          if (c instanceof HTMLInputElement)
-            if (c.type === "radio") {
-              if (c.checked)
-                return p = c.name, {
-                  key: y,
-                  value: p
+        const s = new FormData(o), l = Array.from(o.querySelectorAll("input,select,textarea")).filter((d) => !!d.name).map((d) => {
+          let f;
+          const S = d.name;
+          if (d instanceof HTMLInputElement)
+            if (d.type === "radio") {
+              if (d.checked)
+                return f = d.name, {
+                  key: S,
+                  value: f
                 };
-            } else if (c.type === "checkbox")
-              p = c.checked;
-            else if (c.type === "number" || c.type === "range") {
-              const g = c.valueAsNumber;
-              isNaN(g) || (p = g);
+            } else if (d.type === "checkbox")
+              f = d.checked;
+            else if (d.type === "number" || d.type === "range") {
+              const w = d.valueAsNumber;
+              isNaN(w) || (f = w);
             } else
-              c.type === "file" ? p = c.files : p = c.value;
+              d.type === "file" ? f = d.files : f = d.value;
           else
-            p = c.value;
+            f = d.value;
           return {
-            key: y,
-            value: p
+            key: S,
+            value: f
           };
         });
         let a = this.contentType;
-        if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: c }) => {
-          (c instanceof File || Array.isArray(c) && c[0] instanceof File || c instanceof FileList) && (a = "multipart/form-data");
+        if (this.sendSubmissionsTo === "email" && (a = "multipart/form-data"), Array.from(l).forEach(({ value: d }) => {
+          (d instanceof File || Array.isArray(d) && d[0] instanceof File || d instanceof FileList) && (a = "multipart/form-data");
         }), a !== "application/json")
           i = s;
         else {
-          const c = {};
-          Array.from(l).forEach(({ value: p, key: y }) => {
-            Oe(c, y, p);
-          }), i = JSON.stringify(c);
+          const d = {};
+          Array.from(l).forEach(({ value: f, key: S }) => {
+            Fe(d, S, f);
+          }), i = JSON.stringify(d);
         }
         a && a !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (r["content-type"] = a));
         const u = new CustomEvent("presubmit", {
@@ -3400,106 +3416,103 @@ const ir = /* @__PURE__ */ b(nr, [["render", rr]]), sr = {
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
         this.formState = "sending";
-        const h = `${lr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const m = `${cr() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
-        )}&name=${encodeURIComponent(this.name || "")}`;
-        fetch(
-          this.sendSubmissionsTo === "email" ? h : this.action,
-          {
-            body: i,
-            headers: r,
-            method: this.method || "post"
-          }
-        ).then(
-          async (c) => {
-            let p;
-            const y = c.headers.get("content-type");
-            if (y && y.indexOf("application/json") !== -1 ? p = await c.json() : p = await c.text(), !c.ok && this.errorMessagePath) {
-              let g = xe(p, this.errorMessagePath);
-              g && (typeof g != "string" && (g = JSON.stringify(g)), this.formErrorMessage = g, this.mergeNewRootState({
-                formErrorMessage: g
+        )}&name=${encodeURIComponent(this.name || "")}`, h = this.sendSubmissionsTo === "email" ? m : this.action;
+        pe(h), fetch(h, {
+          body: i,
+          headers: r,
+          method: this.method || "post"
+        }).then(
+          async (d) => {
+            let f;
+            const S = d.headers.get("content-type");
+            if (S && S.indexOf("application/json") !== -1 ? f = await d.json() : f = await d.text(), !d.ok && this.errorMessagePath) {
+              let w = Ae(f, this.errorMessagePath);
+              w && (typeof w != "string" && (w = JSON.stringify(w)), this.formErrorMessage = w, this.mergeNewRootState({
+                formErrorMessage: w
               }));
             }
-            if (this.responseData = p, this.formState = c.ok ? "success" : "error", c.ok) {
-              const g = new CustomEvent("submit:success", {
+            if (this.responseData = f, this.formState = d.ok ? "success" : "error", d.ok) {
+              const w = new CustomEvent("submit:success", {
                 detail: {
-                  res: c,
-                  body: p
+                  res: d,
+                  body: f
                 }
               });
               if (this.$refs.formRef) {
-                if (this.$refs.formRef.dispatchEvent(g), g.defaultPrevented)
+                if (this.$refs.formRef.dispatchEvent(w), w.defaultPrevented)
                   return;
                 this.resetFormOnSubmit !== !1 && this.$refs.formRef.reset();
               }
               if (this.successUrl)
                 if (this.$refs.formRef) {
-                  const N = new CustomEvent("route", {
+                  const L = new CustomEvent("route", {
                     detail: {
                       url: this.successUrl
                     }
                   });
-                  this.$refs.formRef.dispatchEvent(N), N.defaultPrevented || (location.href = this.successUrl);
+                  this.$refs.formRef.dispatchEvent(L), L.defaultPrevented || (location.href = this.successUrl);
                 } else
                   location.href = this.successUrl;
             }
           },
-          (c) => {
-            const p = new CustomEvent("submit:error", {
+          (d) => {
+            const f = new CustomEvent("submit:error", {
               detail: {
-                error: c
+                error: d
               }
             });
-            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(p), p.defaultPrevented) || (this.responseData = c, this.formState = "error");
+            this.$refs.formRef && (this.$refs.formRef.dispatchEvent(f), f.defaultPrevented) || (this.responseData = d, this.formState = "error");
           }
         );
       }
     }
   }
-}), dr = ["validate", "action", "method", "name"], ur = {
+}), ur = ["validate", "action", "method", "name"], pr = {
   key: 3,
   class: "builder-form-error-text pre-3q96myty4lk"
 };
-function pr(e, t, n, o, r, i) {
+function mr(e, t, n, o, r, i) {
   var a;
-  const s = v("Block"), l = v("Blocks");
-  return d(), m("form", C({
+  const s = k("Block"), l = k("Blocks");
+  return c(), p("form", C({
     validate: e.validate,
     ref: "formRef",
     action: !e.sendWithJs && e.action,
     method: e.method,
     name: e.name,
     onSubmit: t[0] || (t[0] = (u) => e.onSubmit(u))
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (d(!0), m(w, { key: 0 }, A((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(s, {
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    e.builderBlock && e.builderBlock.children ? (c(!0), p(T, { key: 0 }, V((a = e.builderBlock) == null ? void 0 : a.children, (u, m) => (c(), y(s, {
       key: `form-block-${e.idx}`,
       block: u,
       context: e.builderContext,
       registeredComponents: e.builderComponents,
       linkComponent: e.builderLinkComponent
-    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : S("", !0),
-    e.submissionState() === "error" ? (d(), k(l, {
+    }, null, 8, ["block", "context", "registeredComponents", "linkComponent"]))), 128)) : v("", !0),
+    e.submissionState() === "error" ? (c(), y(l, {
       key: 1,
       path: "errorMessage",
       blocks: e.errorMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "sending" ? (d(), k(l, {
+    }, null, 8, ["blocks", "context"])) : v("", !0),
+    e.submissionState() === "sending" ? (c(), y(l, {
       key: 2,
       path: "sendingMessage",
       blocks: e.sendingMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), m("pre", ur, ee(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
-    e.submissionState() === "success" ? (d(), k(l, {
+    }, null, 8, ["blocks", "context"])) : v("", !0),
+    e.submissionState() === "error" && e.responseData ? (c(), p("pre", pr, ee(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
+    e.submissionState() === "success" ? (c(), y(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
-    }, null, 8, ["blocks", "context"])) : S("", !0)
-  ], 16, dr);
+    }, null, 8, ["blocks", "context"])) : v("", !0)
+  ], 16, ur);
 }
-const mr = /* @__PURE__ */ b(cr, [["render", pr], ["__scopeId", "data-v-6e18f21b"]]), hr = {
+const hr = /* @__PURE__ */ g(dr, [["render", mr], ["__scopeId", "data-v-cd94d6c1"]]), fr = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -3550,7 +3563,7 @@ const mr = /* @__PURE__ */ b(cr, [["render", pr], ["__scopeId", "data-v-6e18f21b
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, fr = f({
+}, br = b({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -3562,11 +3575,11 @@ const mr = /* @__PURE__ */ b(cr, [["render", pr], ["__scopeId", "data-v-6e18f21b
     "required"
   ],
   data() {
-    return { isEditing: E, filterAttrs: V };
+    return { isEditing: B, filterAttrs: W };
   }
-}), br = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function gr(e, t, n, o, r, i) {
-  return d(), m("input", C({
+}), gr = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function yr(e, t, n, o, r, i) {
+  return c(), p("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
     type: e.type,
@@ -3574,9 +3587,9 @@ function gr(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, br);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, gr);
 }
-const yr = /* @__PURE__ */ b(fr, [["render", gr]]), kr = {
+const kr = /* @__PURE__ */ g(br, [["render", yr]]), vr = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3618,28 +3631,28 @@ const yr = /* @__PURE__ */ b(fr, [["render", gr]]), kr = {
   }],
   static: !0,
   noWrap: !0
-}, vr = f({
+}, Sr = b({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "required", "options"],
   data() {
-    return { isEditing: E, filterAttrs: V };
+    return { isEditing: B, filterAttrs: W };
   }
-}), Sr = ["value", "defaultValue", "name", "required"], Cr = ["value"];
-function wr(e, t, n, o, r, i) {
-  return d(), m("select", C({
+}), Cr = ["value", "defaultValue", "name", "required"], wr = ["value"];
+function Tr(e, t, n, o, r, i) {
+  return c(), p("select", C({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (d(!0), m(w, null, A(e.options, (s, l) => (d(), m("option", {
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    (c(!0), p(T, null, V(e.options, (s, l) => (c(), p("option", {
       key: `${s.name}-${l}`,
       value: s.value
-    }, ee(s.name || s.value), 9, Cr))), 128))
-  ], 16, Sr);
+    }, ee(s.name || s.value), 9, wr))), 128))
+  ], 16, Cr);
 }
-const Tr = /* @__PURE__ */ b(vr, [["render", wr]]), Ir = {
+const Ir = /* @__PURE__ */ g(Sr, [["render", Tr]]), $r = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3664,17 +3677,17 @@ const Tr = /* @__PURE__ */ b(vr, [["render", wr]]), Ir = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, $r = f({
+}, Rr = b({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
-    return { filterAttrs: V };
+    return { filterAttrs: W };
   }
 });
-function Rr(e, t, n, o, r, i) {
-  return d(), m("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ee(e.text), 17);
+function Er(e, t, n, o, r, i) {
+  return c(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ee(e.text), 17);
 }
-const Er = /* @__PURE__ */ b($r, [["render", Rr]]), Pr = {
+const Pr = /* @__PURE__ */ g(Rr, [["render", Er]]), Br = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -3710,7 +3723,7 @@ const Er = /* @__PURE__ */ b($r, [["render", Rr]]), Pr = {
   },
   static: !0,
   noWrap: !0
-}, Br = f({
+}, xr = b({
   name: "builder-textarea",
   props: [
     "attributes",
@@ -3721,19 +3734,19 @@ const Er = /* @__PURE__ */ b($r, [["render", Rr]]), Pr = {
     "required"
   ],
   data() {
-    return { filterAttrs: V };
+    return { filterAttrs: W };
   }
-}), xr = ["placeholder", "name", "value", "defaultValue", "required"];
-function Ar(e, t, n, o, r, i) {
-  return d(), m("textarea", C({
+}), Ar = ["placeholder", "name", "value", "defaultValue", "required"];
+function Vr(e, t, n, o, r, i) {
+  return c(), p("textarea", C({
     placeholder: e.placeholder,
     name: e.name,
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, xr);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ar);
 }
-const Vr = /* @__PURE__ */ b(Br, [["render", Ar]]), Wr = {
+const Wr = /* @__PURE__ */ g(xr, [["render", Vr]]), Nr = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3747,7 +3760,7 @@ const Vr = /* @__PURE__ */ b(Br, [["render", Ar]]), Wr = {
   }],
   noWrap: !0,
   static: !0
-}, Nr = f({
+}, Or = b({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -3758,11 +3771,11 @@ const Vr = /* @__PURE__ */ b(Br, [["render", Ar]]), Wr = {
     "attributes"
   ],
   data() {
-    return { isEditing: E, filterAttrs: V };
+    return { isEditing: B, filterAttrs: W };
   }
-}), Or = ["alt", "src"];
-function Fr(e, t, n, o, r, i) {
-  return d(), m("img", C({
+}), Fr = ["alt", "src"];
+function Dr(e, t, n, o, r, i) {
+  return c(), p("img", C({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -3770,9 +3783,9 @@ function Fr(e, t, n, o, r, i) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Or);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Fr);
 }
-const Dr = /* @__PURE__ */ b(Nr, [["render", Fr]]), Lr = {
+const Lr = /* @__PURE__ */ g(Or, [["render", Dr]]), Ur = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3856,7 +3869,7 @@ const Dr = /* @__PURE__ */ b(Nr, [["render", Fr]]), Lr = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, Ur = f({
+}, Mr = b({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -3901,16 +3914,16 @@ const Dr = /* @__PURE__ */ b(Nr, [["render", Fr]]), Lr = {
       };
     }
   }
-}), Mr = { style: {
+}), Hr = { style: {
   position: "relative"
-} }, Hr = ["preload", "src", "poster"], jr = ["src"], Kr = {
+} }, jr = ["preload", "src", "poster"], Kr = ["src"], qr = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, qr = {
+}, zr = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -3924,10 +3937,10 @@ const Dr = /* @__PURE__ */ b(Nr, [["render", Fr]]), Lr = {
     height: "100%"
   }
 };
-function zr(e, t, n, o, r, i) {
-  var s, l, a, u, h, c, p;
-  return d(), m("div", Mr, [
-    K("video", C({
+function Gr(e, t, n, o, r, i) {
+  var s, l, a, u, m, h, d;
+  return c(), p("div", Hr, [
+    q("video", C({
       class: "builder-video",
       preload: e.preload || "metadata",
       style: {
@@ -3947,13 +3960,13 @@ function zr(e, t, n, o, r, i) {
       src: e.video || "no-src",
       poster: e.posterImage
     }, e.spreadProps), [
-      e.lazyLoad ? S("", !0) : (d(), m("source", {
+      e.lazyLoad ? v("", !0) : (c(), p("source", {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, jr))
-    ], 16, Hr),
-    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), m("div", {
+      }, null, 8, Kr))
+    ], 16, jr),
+    e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (c(), p("div", {
       key: 0,
       style: F({
         width: "100%",
@@ -3961,73 +3974,73 @@ function zr(e, t, n, o, r, i) {
         pointerEvents: "none",
         fontSize: "0px"
       })
-    }, null, 4)) : S("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), m("div", Kr, [
-      x(e.$slots, "default")
-    ])) : S("", !0),
-    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (d(), m("div", qr, [
-      x(e.$slots, "default")
-    ])) : S("", !0)
+    }, null, 4)) : v("", !0),
+    (m = (u = e.builderBlock) == null ? void 0 : u.children) != null && m.length && e.fitContent ? (c(), p("div", qr, [
+      A(e.$slots, "default")
+    ])) : v("", !0),
+    (d = (h = e.builderBlock) == null ? void 0 : h.children) != null && d.length && !e.fitContent ? (c(), p("div", zr, [
+      A(e.$slots, "default")
+    ])) : v("", !0)
   ]);
 }
-const Jr = /* @__PURE__ */ b(Ur, [["render", zr]]), Gr = () => [{
-  component: Zo,
-  ...Go
+const Jr = /* @__PURE__ */ g(Mr, [["render", Gr]]), Yr = () => [{
+  component: _o,
+  ...Yo
 }, {
-  component: ir,
-  ..._o
+  component: sr,
+  ...er
 }, {
-  component: mr,
-  ...sr
+  component: hr,
+  ...ar
 }, {
-  component: yr,
-  ...hr
+  component: kr,
+  ...fr
 }, {
-  component: Er,
-  ...Ir
+  component: Pr,
+  ...$r
 }, {
-  component: Tr,
-  ...kr
+  component: Ir,
+  ...vr
 }, {
-  component: Vr,
-  ...Pr
+  component: Wr,
+  ...Br
 }, {
-  component: Dr,
-  ...Wr
+  component: Lr,
+  ...Nr
 }, {
   component: Jr,
-  ...Lr
-}], $e = () => [{
-  component: St,
-  ...Ro
-}, {
-  component: io,
+  ...Ur
+}], Re = () => [{
+  component: Ct,
   ...Eo
 }, {
-  component: lo,
+  component: so,
   ...Po
 }, {
-  component: go,
+  component: co,
   ...Bo
 }, {
-  component: vo,
+  component: yo,
   ...xo
 }, {
-  component: No,
+  component: So,
   ...Ao
 }, {
-  component: Pi,
-  ...Oo
+  component: Oo,
+  ...Vo
+}, {
+  component: Bi,
+  ...Fo
 }, {
   component: Jo,
-  ...jo
+  ...Ko
 }, {
-  component: Ho,
-  ...Fo
+  component: jo,
+  ...Do
 }, {
-  component: $o,
-  ...So
-}, ...Gr()], Yr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: Ro,
+  ...Co
+}, ...Yr()], Xr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -4083,7 +4096,7 @@ const Jr = /* @__PURE__ */ b(Ur, [["render", zr]]), Gr = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Xr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Qr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -4117,27 +4130,27 @@ const Jr = /* @__PURE__ */ b(Ur, [["render", zr]]), Gr = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, st = "builderIoAbTest", at = "builderIoRenderContent", Q = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, at = "builderIoAbTest", lt = "builderIoRenderContent", Q = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Qr = ({
+})), Zr = ({
   canTrack: e,
   content: t
-}) => !(!(Q(t).length > 0) || !e), Zr = (e) => e === "react" || e === "reactNative", lt = Zr(R), _r = () => `
-  window.${st} = ${Yr}
+}) => !(!(Q(t).length > 0) || !e), _r = (e) => e === "react" || e === "reactNative", ct = _r(P), ei = () => `
   window.${at} = ${Xr}
-  `, ei = (e, t) => `
-  window.${st}(
-    "${t}",${JSON.stringify(e)}, ${lt}
-  )`, ti = ({
+  window.${lt} = ${Qr}
+  `, ti = (e, t) => `
+  window.${at}(
+    "${t}",${JSON.stringify(e)}, ${ct}
+  )`, ni = ({
   contentId: e,
   variationId: t
-}) => `window.${at}(
-    "${t}", "${e}", ${lt}
-  )`, ct = f({
+}) => `window.${lt}(
+    "${t}", "${e}", ${ct}
+  )`, dt = b({
   render() {
-    return Pe("script", {
+    return Be("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id,
       nonce: this.nonce
@@ -4146,10 +4159,10 @@ const Jr = /* @__PURE__ */ b(Ur, [["render", zr]]), Gr = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
 });
-function Re(e) {
+function Ee(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const ni = (e, t, n = !0) => {
+const oi = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -4160,35 +4173,35 @@ const ni = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, oi = (e) => ni(e, (t) => {
+}, ri = (e) => oi(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Ee = ({
+}), Pe = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Re(o / n.width), s = Re(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = Ee(o / n.width), s = Ee(r / n.height);
   return {
     x: i,
     y: s
   };
-}, ri = (e) => {
-  const t = e.target, n = t && oi(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ii = (e) => {
+  const t = e.target, n = t && ri(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? Ee({
+      targetOffset: t ? Pe({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Ee({
+      builderTargetOffset: n ? Pe({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, ii = (e) => {
+}, si = (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 = "";
@@ -4214,15 +4227,15 @@ font-weight: ${s};
         `.trim());
     }
   return r;
-}, si = ({
+}, ai = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ii(n))) == null ? void 0 : t.join(" ")) || "";
-}, ai = ({
+  return ((t = e == null ? void 0 : e.map((n) => si(n))) == null ? void 0 : t.join(" ")) || "";
+}, li = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", li = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ci = `
 .builder-button {
   all: unset;
 }
@@ -4239,9 +4252,9 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, ci = (e) => e ? "" : li, di = (e) => `variant-${e}`, ui = f({
+`, di = (e) => e ? "" : ci, ui = (e) => `variant-${e}`, pi = b({
   name: "enable-editor",
-  components: { DynamicDiv: G },
+  components: { DynamicDiv: Y },
   props: [
     "isNestedRender",
     "builderContextSignal",
@@ -4266,7 +4279,7 @@ font-weight: ${s};
       httpReqsPending: {},
       clicked: !1,
       builderContext: se,
-      getWrapperClassName: di
+      getWrapperClassName: ui
     };
   },
   provide() {
@@ -4280,10 +4293,10 @@ font-weight: ${s};
   },
   mounted() {
     var e, t;
-    if (I()) {
-      if (E() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+    if ($()) {
+      if (B() && !this.isNestedRender && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initeditingbldr")
-      ), this.builderContextSignal.content && z(this.canTrack)) {
+      ), this.builderContextSignal.content && G(this.canTrack)) {
         const o = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, r = (t = this.builderContextSignal.content) == null ? void 0 : t.id, i = this.apiKey;
         le({
           apiHost: this.apiHost,
@@ -4294,7 +4307,7 @@ font-weight: ${s};
           variationId: o !== r ? o : void 0
         });
       }
-      jt() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+      Kt() && !B() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
         new CustomEvent("initpreviewingbldr")
       );
     }
@@ -4328,7 +4341,7 @@ font-weight: ${s};
     }
   },
   unmounted() {
-    I() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    $() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -4388,7 +4401,7 @@ font-weight: ${s};
       this.builderContextSignal.content = t;
     },
     processMessage(e) {
-      return Ye({
+      return Xe({
         model: this.model,
         trustedHosts: this.trustedHosts,
         callbacks: {
@@ -4402,7 +4415,7 @@ font-weight: ${s};
             });
           },
           animation: (t) => {
-            nt(t);
+            ot(t);
           },
           contentUpdate: (t) => {
             this.mergeNewContent(t);
@@ -4417,11 +4430,11 @@ font-weight: ${s};
         le({
           apiHost: this.apiHost,
           type: "click",
-          canTrack: z(this.canTrack),
+          canTrack: G(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...ri(e),
+          ...ii(e),
           unique: !this.clicked
         });
       }
@@ -4431,7 +4444,7 @@ font-weight: ${s};
       var t, n;
       const e = ((n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) ?? {};
       Object.entries(e).forEach(([o, r]) => {
-        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !E())
+        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !B())
           return;
         this.httpReqsPending[o] = !0;
         const i = r.replace(
@@ -4446,7 +4459,7 @@ font-weight: ${s};
             })
           )
         );
-        fetch(i).then((s) => s.json()).then((s) => {
+        pe(i), fetch(i).then((s) => s.json()).then((s) => {
           this.mergeNewRootState({
             [o]: s
           }), this.httpReqsData[o] = !0;
@@ -4458,7 +4471,7 @@ font-weight: ${s};
       });
     },
     emitStateUpdate() {
-      E() && window.dispatchEvent(
+      B() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -4473,7 +4486,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), pn(), Ge({
+      window.addEventListener("message", this.processMessage), mn(), Ye({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4487,7 +4500,7 @@ font-weight: ${s};
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Kt(t);
+        const n = qt(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -4498,7 +4511,7 @@ font-weight: ${s};
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.overrides.${n}`
       ), r = t.get("apiKey") || t.get("builder.space");
-      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && he({
+      n === this.model && r === this.apiKey && (!this.content || o === this.content.id) && fe({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
@@ -4508,9 +4521,9 @@ font-weight: ${s};
     }
   }
 });
-function pi(e, t, n, o, r, i) {
+function mi(e, t, n, o, r, i) {
   var s, l, a;
-  return e.builderContextSignal.content ? (d(), k(H(e.ContentWrapper), C({
+  return e.builderContextSignal.content ? (c(), y(j(e.ContentWrapper), C({
     key: 0,
     ref: "elementRef",
     onClick: (u) => e.onClick(u),
@@ -4520,40 +4533,40 @@ function pi(e, t, n, o, r, i) {
     onIniteditingbldr: (u) => e.elementRef_onIniteditingbldr(u),
     onInitpreviewingbldr: (u) => e.elementRef_onInitpreviewingbldr(u)
   }, { ...e.showContentProps, ...e.contentWrapperProps }), {
-    default: W(() => [
-      x(e.$slots, "default")
+    default: N(() => [
+      A(e.$slots, "default")
     ]),
     _: 3
-  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
+  }, 16, ["onClick", "builder-content-id", "builder-model", "className", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
 }
-const mi = /* @__PURE__ */ b(ui, [["render", pi]]), hi = f({
+const hi = /* @__PURE__ */ g(pi, [["render", mi]]), fi = b({
   name: "content-styles",
-  components: { InlinedStyles: ge },
+  components: { InlinedStyles: ye },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${ai({
+${li({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${si({
+${ai({
         customFonts: this.customFonts
       })}
-${ci(this.isNestedRender)}
+${di(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function fi(e, t, n, o, r, i) {
-  const s = v("InlinedStyles");
-  return d(), k(s, {
+function bi(e, t, n, o, r, i) {
+  const s = k("InlinedStyles");
+  return c(), y(s, {
     id: "builderio-content",
     styles: e.injectedStyles,
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
+const gi = /* @__PURE__ */ g(fi, [["render", bi]]), yi = ({
   content: e,
   data: t,
   locale: n
@@ -4570,7 +4583,7 @@ const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
       locale: n
     } : {}
   };
-}, yi = ({
+}, ki = ({
   content: e,
   data: t
 }) => e ? {
@@ -4580,14 +4593,14 @@ const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, ki = ht, vi = f({
+} : void 0, vi = ft, Si = b({
   name: "content-component",
   components: {
-    EnableEditor: mi,
-    InlinedScript: ct,
-    ContentStyles: bi,
-    Blocks: L,
-    DynamicDiv: G
+    EnableEditor: hi,
+    InlinedScript: dt,
+    ContentStyles: gi,
+    Blocks: U,
+    DynamicDiv: Y
   },
   props: [
     "apiKey",
@@ -4615,32 +4628,32 @@ const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
   data() {
     var e, t, n, o;
     return {
-      scriptStr: ti({
+      scriptStr: ni({
         // 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: [
-        ...$e(),
+        ...Re(),
         ...((n = this.customComponents) == null ? void 0 : n.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
       ].reduce(
         (r, { component: i, ...s }) => ({
           ...r,
           [s.name]: {
-            component: ki(i),
+            component: vi(i),
             ..._(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: yi({
+        content: ki({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: gi({
+        rootState: yi({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4651,7 +4664,7 @@ const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...$e(),
+          ...Re(),
           ...((o = this.customComponents) == null ? void 0 : o.filter(({ models: r }) => !(r != null && r.length) || !this.model ? !0 : r.includes(this.model))) || []
         ].reduce(
           (r, { component: i, ...s }) => ({
@@ -4665,20 +4678,20 @@ const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
         BlocksWrapperProps: this.blocksWrapperProps || {},
         nonce: this.nonce || ""
       },
-      TARGET: R
+      TARGET: P
     };
   },
   provide() {
     const e = this;
     return {
-      [Be.key]: {
+      [xe.key]: {
         registeredComponents: e.registeredComponents
       }
     };
   },
   created() {
     var t, n;
-    this.apiKey || P.error(
+    this.apiKey || E.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
     const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
@@ -4699,9 +4712,9 @@ const bi = /* @__PURE__ */ b(hi, [["render", fi]]), gi = ({
     }
   }
 });
-function Si(e, t, n, o, r, i) {
-  const s = v("InlinedScript"), l = v("ContentStyles"), a = v("Blocks"), u = v("EnableEditor");
-  return d(), k(u, C({
+function Ci(e, t, n, o, r, i) {
+  const s = k("InlinedScript"), l = k("ContentStyles"), a = k("Blocks"), u = k("EnableEditor");
+  return c(), y(u, C({
     apiHost: e.apiHost,
     nonce: e.nonce,
     content: e.content,
@@ -4719,25 +4732,25 @@ function Si(e, t, n, o, r, i) {
     trustedHosts: e.trustedHosts,
     isNestedRender: e.isNestedRender
   }, {}), {
-    default: W(() => {
-      var h, c, p, y, g, N, Y;
+    default: N(() => {
+      var m, h, d, f, S, w, L;
       return [
-        e.isSsrAbTest ? (d(), k(s, {
+        e.isSsrAbTest ? (c(), y(s, {
           key: 0,
           id: "builderio-variant-visibility",
           scriptStr: e.scriptStr,
           nonce: e.nonce || ""
-        }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
-        e.TARGET !== "reactNative" ? (d(), k(l, {
+        }, null, 8, ["scriptStr", "nonce"])) : v("", !0),
+        e.TARGET !== "reactNative" ? (c(), y(l, {
           key: 1,
           nonce: e.nonce || "",
           isNestedRender: e.isNestedRender,
-          contentId: (h = e.builderContextSignal.content) == null ? void 0 : h.id,
-          cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
-          customFonts: (g = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : g.customFonts
-        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
-        $(a, {
-          blocks: (Y = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : Y.blocks,
+          contentId: (m = e.builderContextSignal.content) == null ? void 0 : m.id,
+          cssCode: (d = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : d.cssCode,
+          customFonts: (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.customFonts
+        }, null, 8, ["nonce", "isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
+        R(a, {
+          blocks: (L = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : L.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4747,12 +4760,12 @@ function Si(e, t, n, o, r, i) {
     _: 1
   }, 16, ["apiHost", "nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts", "isNestedRender"]);
 }
-const Ci = /* @__PURE__ */ b(vi, [["render", Si]]), wi = f({
+const wi = /* @__PURE__ */ g(Si, [["render", Ci]]), Ti = b({
   name: "content-variants",
   components: {
-    InlinedScript: ct,
-    InlinedStyles: ge,
-    ContentComponent: Ci
+    InlinedScript: dt,
+    InlinedStyles: ye,
+    ContentComponent: wi
   },
   props: [
     "canTrack",
@@ -4777,12 +4790,12 @@ const Ci = /* @__PURE__ */ b(vi, [["render", Si]]), wi = f({
   ],
   data() {
     return {
-      shouldRenderVariants: Qr({
-        canTrack: z(this.canTrack),
+      shouldRenderVariants: Zr({
+        canTrack: G(this.canTrack),
         content: this.content
       }),
-      TARGET: R,
-      getInitVariantsFnsScriptString: _r,
+      TARGET: P,
+      getInitVariantsFnsScriptString: ei,
       getVariants: Q
     };
   },
@@ -4791,7 +4804,7 @@ const Ci = /* @__PURE__ */ b(vi, [["render", Si]]), wi = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return ei(
+      return ti(
         Q(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4807,34 +4820,34 @@ const Ci = /* @__PURE__ */ b(vi, [["render", Si]]), wi = f({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : yn({
+      } : kn({
         item: this.content,
-        canTrack: z(this.canTrack)
+        canTrack: G(this.canTrack)
       });
     }
   }
 });
-function Ti(e, t, n, o, r, i) {
-  const s = v("InlinedScript"), l = v("InlinedStyles"), a = v("ContentComponent");
-  return d(), m(w, null, [
-    !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
+function Ii(e, t, n, o, r, i) {
+  const s = k("InlinedScript"), l = k("InlinedStyles"), a = k("ContentComponent");
+  return c(), p(T, null, [
+    !e.isNestedRender && e.TARGET !== "reactNative" ? (c(), y(s, {
       key: 0,
       id: "builderio-init-variants-fns",
       scriptStr: e.getInitVariantsFnsScriptString(),
       nonce: e.nonce || ""
-    }, null, 8, ["scriptStr", "nonce"])) : S("", !0),
-    e.shouldRenderVariants ? (d(), m(w, { key: 1 }, [
-      $(l, {
+    }, null, 8, ["scriptStr", "nonce"])) : v("", !0),
+    e.shouldRenderVariants ? (c(), p(T, { key: 1 }, [
+      R(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString,
         nonce: e.nonce || ""
       }, null, 8, ["styles", "nonce"]),
-      $(s, {
+      R(s, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr,
         nonce: e.nonce || ""
       }, null, 8, ["scriptStr", "nonce"]),
-      (d(!0), m(w, null, A(e.getVariants(e.content), (u, h) => (d(), k(a, C({
+      (c(!0), p(T, null, V(e.getVariants(e.content), (u, m) => (c(), y(a, C({
         key: u.testVariationId,
         apiHost: e.apiHost,
         isNestedRender: e.isNestedRender,
@@ -4858,8 +4871,8 @@ function Ti(e, t, n, o, r, i) {
         contentWrapperProps: e.contentWrapperProps,
         trustedHosts: e.trustedHosts
       }, {}), null, 16, ["apiHost", "isNestedRender", "nonce", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
-    ], 64)) : S("", !0),
-    $(a, C({
+    ], 64)) : v("", !0),
+    R(a, C({
       apiHost: e.apiHost,
       nonce: e.nonce,
       isNestedRender: e.isNestedRender,
@@ -4886,13 +4899,13 @@ function Ti(e, t, n, o, r, i) {
     }), null, 16, ["apiHost", "nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), $i = async ({
+const $i = /* @__PURE__ */ g(Ti, [["render", Ii]]), Ri = async ({
   builderContextValue: e,
   symbol: t
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return he({
+    return fe({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4902,11 +4915,11 @@ const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), $i = async ({
         }
       }
     }).catch((n) => {
-      P.error("Could not fetch symbol content: ", n);
+      E.error("Could not fetch symbol content: ", n);
     });
-}, Ri = f({
+}, Ei = b({
   name: "builder-symbol",
-  components: { ContentVariants: Ii, DynamicDiv: G },
+  components: { ContentVariants: $i, DynamicDiv: Y },
   props: [
     "symbol",
     "attributes",
@@ -4918,7 +4931,7 @@ const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), $i = async ({
   ],
   data() {
     var e;
-    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: V };
+    return { contentToUse: (e = this.symbol) == null ? void 0 : e.content, filterAttrs: W };
   },
   mounted() {
     this.setContent();
@@ -4955,7 +4968,7 @@ const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), $i = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || $i({
+      this.contentToUse || Ri({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4964,11 +4977,11 @@ const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), $i = async ({
     }
   }
 });
-function Ei(e, t, n, o, r, i) {
-  var l, a, u, h, c;
-  const s = v("ContentVariants");
-  return d(), m("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    $(s, {
+function Pi(e, t, n, o, r, i) {
+  var l, a, u, m, h;
+  const s = k("ContentVariants");
+  return c(), p("div", C({ 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,
       apiVersion: e.builderContext.apiVersion,
@@ -4981,10 +4994,10 @@ function Ei(e, t, n, o, r, i) {
       data: {
         ...(a = e.symbol) == null ? void 0 : a.data,
         ...e.builderContext.localState,
-        ...(h = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : h.state
+        ...(m = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : m.state
       },
       canTrack: e.builderContext.canTrack,
-      model: (c = e.symbol) == null ? void 0 : c.model,
+      model: (h = e.symbol) == null ? void 0 : h.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,
@@ -4992,44 +5005,44 @@ function Ei(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Pi = /* @__PURE__ */ b(Ri, [["render", Ei]]);
+const Bi = /* @__PURE__ */ g(Ei, [["render", Pi]]);
 export {
-  Rn as A,
-  be as B,
-  io as C,
-  he as D,
-  Ai as E,
-  lo as F,
-  Li as G,
-  go as I,
-  vo as S,
-  R as T,
+  En as A,
+  ge as B,
+  so as C,
+  fe as D,
+  Vi as E,
+  co as F,
+  Ui as G,
+  yo as I,
+  So as S,
+  P as T,
   Jr as V,
-  ge as _,
-  Fi as a,
-  Ui as b,
+  ye as _,
+  Di as a,
+  Mi as b,
   D as c,
-  fe as d,
-  b as e,
+  be as d,
+  g as e,
   J as f,
-  to as g,
-  Di as h,
+  no as g,
+  Li as h,
   Z as i,
   se as j,
-  St as k,
-  Pi as l,
+  Ct as k,
+  Bi as l,
   Jo as m,
-  L as n,
-  Ii as o,
-  E as p,
-  jt as q,
-  Kt as r,
-  zt as s,
-  Vi as t,
-  Fe as u,
-  Wi as v,
-  ki as w,
-  Ni as x,
-  Oi as y,
-  $n as z
+  U as n,
+  $i as o,
+  B as p,
+  Kt as q,
+  qt as r,
+  Gt as s,
+  Wi as t,
+  De as u,
+  Ni as v,
+  vi as w,
+  Oi as x,
+  Fi as y,
+  Rn as z
 };