@builder.io/sdk-vue 1.0.21 → 1.0.22

package/lib/browser/{index-mwZzSIN7.js → index-_VfPZEOT.js}

@@ -2,7 +2,7 @@ var it = Object.defineProperty;
 var at = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var _ = (e, t, n) => (at(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as g, resolveDynamicComponent as H, mergeProps as w, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as lt, toDisplayString as X, defineAsyncComponent as z, createVNode as x, renderList as L, createCommentVNode as v, h as Re, createElementVNode as te, normalizeStyle as ne, normalizeClass as Ee, markRaw as ct } from "vue";
+import { defineComponent as f, openBlock as u, createElementBlock as h, Fragment as $, createBlock as g, resolveDynamicComponent as D, mergeProps as w, toHandlers as E, withCtx as B, renderSlot as P, resolveComponent as k, createTextVNode as lt, toDisplayString as X, defineAsyncComponent as q, createVNode as x, renderList as U, createCommentVNode as v, h as Ie, createElementVNode as te, normalizeStyle as ne, normalizeClass as $e, markRaw as ct } from "vue";
 const dt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), ut = (e) => typeof e == "string" && dt.has(e.toLowerCase());
 function O(e = {}, t, n) {
   const o = {};
@@ -27,13 +27,13 @@ const pt = f({
   return n;
 };
 function mt(e, t, n, o, s, r) {
-  return e.isEmptyElement(e.TagName) ? (u(), g(H(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), null, 16)) : (u(), h($, { key: 0 }, [
-    typeof e.TagName == "string" ? (u(), g(H(e.TagName), w({ key: 0 }, e.attributes, E(e.actionAttributes)), {
+  return e.isEmptyElement(e.TagName) ? (u(), g(D(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), null, 16)) : (u(), h($, { key: 0 }, [
+    typeof e.TagName == "string" ? (u(), g(D(e.TagName), w({ key: 0 }, e.attributes, E(e.actionAttributes)), {
       default: B(() => [
         P(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (u(), g(H(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), {
+    }, 16)) : (u(), g(D(e.TagName), w({ key: 1 }, e.attributes, E(e.actionAttributes)), {
       default: B(() => [
         P(e.$slots, "default")
       ]),
@@ -41,7 +41,7 @@ function mt(e, t, n, o, s, r) {
     }, 16))
   ], 64));
 }
-const ie = /* @__PURE__ */ y(pt, [["render", mt]]), Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ie = /* @__PURE__ */ y(pt, [["render", mt]]), Xs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ie
 }, Symbol.toStringTag, { value: "Module" })), V = "vue", ae = () => {
@@ -109,7 +109,7 @@ const bt = /* @__PURE__ */ y(ht, [["render", ft]]), gt = Symbol(), oe = {
     BlocksWrapperProps: {}
   },
   key: gt
-}, yt = Symbol(), Pe = {
+}, yt = Symbol(), Te = {
   Components: { registeredComponents: {} },
   key: yt
 };
@@ -138,12 +138,13 @@ const St = (e) => {
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Ve = (e) => e instanceof URLSearchParams ? St(e) : e, Ae = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
+}, Re = (e) => e instanceof URLSearchParams ? St(e) : e, Ee = (e) => typeof e == "string" ? e : e instanceof URLSearchParams ? e.toString() : new URLSearchParams(e).toString();
 function vt() {
   return I() && window.self !== window.top;
 }
 function R(e) {
-  return vt() && Ae(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+  return vt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  Ee(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
 const Ct = () => {
   if (I()) {
@@ -151,7 +152,7 @@ const Ct = () => {
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, wt = () => typeof navigator == "object" && navigator.userAgent || "", xe = () => {
+}, wt = () => typeof navigator == "object" && navigator.userAgent || "", Pe = () => {
   const e = wt(), t = {
     Android() {
       return e.match(/Android/i);
@@ -193,10 +194,10 @@ const Ct = () => {
   isEditing: R(),
   isBrowser: I(),
   isServer: !I(),
-  getUserAttributes: () => xe()
+  getUserAttributes: () => Pe()
 }), Tt = (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, ge = ({
+}) => /* 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, he = ({
   code: e,
   builder: t,
   context: n,
@@ -209,7 +210,7 @@ const Ct = () => {
     builder: t,
     context: n,
     event: o,
-    state: Be({
+    state: Ve({
       rootState: i,
       localState: s,
       rootSetState: r
@@ -217,7 +218,7 @@ const Ct = () => {
   });
   return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
 };
-function Be({
+function Ve({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -227,7 +228,7 @@ function Be({
       if (t && s in t)
         return t[s];
       const r = o[s];
-      return typeof r == "object" && r !== null ? Be({
+      return typeof r == "object" && r !== null ? Ve({
         rootState: r,
         localState: void 0,
         rootSetState: n ? (i) => {
@@ -253,7 +254,7 @@ const Et = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
   return e && t && !n ? (T.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;
-}, Pt = (e) => (I() || Et(), ge(e)), A = class A {
+}, Pt = (e) => (I() || Et(), he(e)), A = class A {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -272,7 +273,7 @@ const Et = () => {
   }
 };
 _(A, "cacheLimit", 20), _(A, "cache", /* @__PURE__ */ new Map());
-let M = A;
+let L = A;
 function Q({
   code: e,
   context: t,
@@ -299,15 +300,15 @@ function Q({
     localState: n
   };
   if (a) {
-    const c = M.getCacheKey(l), m = M.getCachedValue(c);
+    const c = L.getCacheKey(l), m = L.getCachedValue(c);
     if (m)
       return m.value;
   }
   try {
     const c = Pt(l);
     if (a) {
-      const m = M.getCacheKey(l);
-      M.setCachedValue(m, c);
+      const m = L.getCacheKey(l);
+      L.setCachedValue(m, c);
     }
     return c;
   } catch (c) {
@@ -317,7 +318,7 @@ function Q({
     return;
   }
 }
-const K = (e) => JSON.parse(JSON.stringify(e)), We = (e, t, n) => {
+const K = (e) => JSON.parse(JSON.stringify(e)), Ae = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -350,11 +351,11 @@ const Vt = ({
       context: t,
       enableCache: !0
     });
-    We(i, a, c);
+    Ae(i, a, c);
   }
   return i;
 };
-function Ne({
+function xe({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -383,7 +384,7 @@ function At(e, t, n = {}) {
     return o = this, s = arguments, m <= 0 || m > t ? (i && (clearTimeout(i), i = null), a = c, r = e.apply(o, s), i || (o = s = null)) : !i && n.trailing !== !1 && (i = setTimeout(l, m)), r;
   };
 }
-function U(e, ...t) {
+function H(e, ...t) {
   const n = Object(e);
   for (let o = 1; o < arguments.length; o++) {
     const s = arguments[o];
@@ -393,25 +394,22 @@ function U(e, ...t) {
   }
   return n;
 }
-const le = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
+const Be = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
 function xt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
         Fe(t);
         break;
-      case "hover":
-        Wt(t);
-        break;
       case "scrollInView":
-        Nt(t);
+        Wt(t);
         break;
     }
 }
-function ce(e) {
+function We(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function de(e, t) {
+function Ne(e, t) {
   const n = Bt(e), o = getComputedStyle(t), s = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, i = [s, r];
   for (const a of i)
     for (const l of n)
@@ -427,12 +425,12 @@ function Bt(e) {
 function Fe(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ce(e.elementId || e.id || "");
+    We(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    de(e, n), n.style.transition = "none", n.style.transitionDelay = "0", U(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${le(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), U(n.style, e.steps[1].styles), setTimeout(() => {
+    Ne(e, n), n.style.transition = "none", n.style.transitionDelay = "0", H(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"), H(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -441,38 +439,18 @@ function Fe(e) {
 function Wt(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ce(e.elementId || e.id || "");
-    return;
-  }
-  Array.from(t).forEach((n) => {
-    de(e, n);
-    const o = e.steps[0].styles, s = e.steps[1].styles;
-    function r() {
-      U(n.style, o);
-    }
-    function i() {
-      U(n.style, s);
-    }
-    r(), n.addEventListener("mouseenter", i), n.addEventListener("mouseleave", r), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${le(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
-    });
-  });
-}
-function Nt(e) {
-  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!t.length) {
-    ce(e.elementId || e.id || "");
+    We(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    de(e, n);
+    Ne(e, n);
     let o = !1, s = !1;
     function r() {
       !o && a(n) ? (o = !0, s = !0, setTimeout(() => {
-        U(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
+        H(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", i), setTimeout(() => {
           s = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && o && !s && !a(n) && (o = !1, U(n.style, e.steps[0].styles));
+      })) : e.repeat && o && !s && !a(n) && (o = !1, H(n.style, e.steps[0].styles));
     }
     const i = At(r, 200, {
       leading: !1
@@ -483,41 +461,41 @@ function Nt(e) {
     }
     const l = e.steps[0].styles;
     function c() {
-      U(n.style, l);
+      H(n.style, l);
     }
     c(), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${le(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", i, {
       capture: !0,
       passive: !0
     }), r();
   });
 }
-const Ft = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Oe = (e) => Object.entries(e).map(([n, o]) => {
+const Nt = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), Oe = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${Ft(n)}: ${o};`;
-}).filter(F), Ot = (e) => Oe(e).join(`
-`), _s = ({
+    return `${Nt(n)}: ${o};`;
+}).filter(F), Ft = (e) => Oe(e).join(`
+`), Zs = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${Ot(n)}
+    ${Ft(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 };
-function Ut({
+function Ot({
   style: e
 }) {
   return e;
 }
-const er = ({
+const _s = ({
   block: e,
   context: t
-}) => Ue(Ut({
+}) => Ue(Ot({
   style: e.style || {},
   context: t,
   block: e
@@ -535,13 +513,13 @@ function Ue(e) {
       return e;
   }
 }
-const Lt = ({
+const Ut = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
   var r;
-  const o = (r = Ne({
+  const o = (r = xe({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -557,7 +535,7 @@ const Lt = ({
   console.warn(`
       Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, Mt = ({
+}, Lt = ({
   block: e,
   context: t
 }) => {
@@ -591,39 +569,39 @@ const Lt = ({
     },
     block: o
   }));
-}, Dt = () => import("./block-styles-2lYNYVH3.js").then((e) => e.default).catch((e) => {
+}, Mt = () => import("./block-styles-VImRioSm.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;
-}), Ht = () => import("./block-wrapper-a1zxMruE.js").then((e) => e.default).catch((e) => {
+}), Dt = () => import("./block-wrapper--ZG8uXgi.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;
-}), jt = () => import("./component-ref-5K3RMLKh.js").then((e) => e.default).catch((e) => {
+}), Ht = () => import("./component-ref-AbXXG_wD.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;
-}), Kt = () => import("./repeated-block-hUFMTXXS.js").then((e) => e.default).catch((e) => {
+}), jt = () => import("./repeated-block-LywEnyR6.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;
-}), qt = f({
+}), Kt = f({
   name: "block",
   components: {
-    BlockStyles: z(Dt),
-    ComponentRef: z(jt),
-    RepeatedBlock: z(Kt),
-    BlockWrapper: z(Ht)
+    BlockStyles: q(Mt),
+    ComponentRef: q(Ht),
+    RepeatedBlock: q(jt),
+    BlockWrapper: q(Dt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
     t && e && xt(
-      t.filter((n) => n.trigger !== "hover").map((n) => ({
+      t.map((n) => ({
         ...n,
         elementId: e
       }))
@@ -631,21 +609,21 @@ const Lt = ({
   },
   computed: {
     blockComponent() {
-      return Lt({
+      return Ut({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return Mt({
+      return Lt({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : Ne({
+      return (e = this.block.repeat) != null && e.collection ? this.block : xe({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -714,7 +692,7 @@ function zt(e, t, n, o, s, r) {
       includeBlockProps: e.componentRefProps.includeBlockProps,
       isInteractive: e.componentRefProps.isInteractive
     }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"])) : (u(), h($, { key: 0 }, [
-      e.repeatItem ? (u(!0), h($, { key: 1 }, L(e.repeatItem, (p, S) => (u(), g(m, {
+      e.repeatItem ? (u(!0), h($, { key: 1 }, U(e.repeatItem, (p, S) => (u(), g(m, {
         key: S,
         repeatContext: p.context,
         block: p.block,
@@ -739,7 +717,7 @@ function zt(e, t, n, o, s, r) {
             includeBlockProps: e.componentRefProps.includeBlockProps,
             isInteractive: e.componentRefProps.isInteractive
           }, null, 8, ["componentRef", "componentOptions", "blockChildren", "context", "registeredComponents", "linkComponent", "builderBlock", "includeBlockProps", "isInteractive"]),
-          (u(!0), h($, null, L(e.childrenWithoutParentComponent, (p, S) => (u(), g(l, {
+          (u(!0), h($, null, U(e.childrenWithoutParentComponent, (p, S) => (u(), g(l, {
             key: p.id,
             block: p,
             registeredComponents: e.registeredComponents,
@@ -752,10 +730,10 @@ function zt(e, t, n, o, s, r) {
     ], 64))
   ], 64)) : v("", !0);
 }
-const ue = /* @__PURE__ */ y(qt, [["render", zt]]), tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const le = /* @__PURE__ */ y(Kt, [["render", zt]]), er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ue
-}, Symbol.toStringTag, { value: "Module" })), Jt = f({
+  default: le
+}, Symbol.toStringTag, { value: "Module" })), qt = f({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -800,8 +778,8 @@ const ue = /* @__PURE__ */ y(qt, [["render", zt]]), tr = /* @__PURE__ */ Object.
     }
   }
 });
-function Gt(e, t, n, o, s, r) {
-  return u(), g(H(e.BlocksWrapper), w({
+function Jt(e, t, n, o, s, r) {
+  return u(), g(D(e.BlocksWrapper), w({
     class: e.className + " component-1o2kztlxdt6",
     "builder-path": e.path,
     "builder-parent-id": e.parent,
@@ -816,9 +794,9 @@ function Gt(e, t, n, o, s, r) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const Yt = /* @__PURE__ */ y(Jt, [["render", Gt], ["__scopeId", "data-v-9724ab41"]]), Qt = f({
+const Gt = /* @__PURE__ */ y(qt, [["render", Jt], ["__scopeId", "data-v-9724ab41"]]), Yt = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: Yt, Block: ue },
+  components: { BlocksWrapper: Gt, Block: le },
   props: [
     "blocks",
     "parent",
@@ -830,10 +808,10 @@ const Yt = /* @__PURE__ */ y(Jt, [["render", Gt], ["__scopeId", "data-v-9724ab41
   ],
   inject: {
     builderContext: oe.key,
-    componentsContext: Pe.key
+    componentsContext: Te.key
   }
 });
-function Xt(e, t, n, o, s, r) {
+function Qt(e, t, n, o, s, r) {
   var l, c;
   const i = k("block"), a = k("blocks-wrapper");
   return u(), g(a, {
@@ -845,7 +823,7 @@ function Xt(e, t, n, o, s, r) {
     BlocksWrapperProps: ((c = e.context) == null ? void 0 : c.BlocksWrapperProps) || e.builderContext.BlocksWrapperProps
   }, {
     default: B(() => [
-      e.blocks ? (u(!0), h($, { key: 0 }, L(e.blocks, (m, d) => (u(), g(i, {
+      e.blocks ? (u(!0), h($, { key: 0 }, U(e.blocks, (m, d) => (u(), g(i, {
         key: m.id,
         block: m,
         linkComponent: e.linkComponent,
@@ -856,9 +834,9 @@ function Xt(e, t, n, o, s, r) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const Z = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
+const Z = /* @__PURE__ */ y(Yt, [["render", Qt]]), ce = f({
   render() {
-    return Re("style", {
+    return Ie("style", {
       innerHTML: this.styles,
       "data-id": this.id
     });
@@ -881,7 +859,7 @@ const Z = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
     default: 991,
     max: 1200
   }
-}, nr = (e, t = Le) => `@media (max-width: ${t[e].max}px)`, Zt = ({
+}, tr = (e, t = Le) => `@media (max-width: ${t[e].max}px)`, Xt = ({
   small: e,
   medium: t
 }) => {
@@ -907,10 +885,10 @@ const Z = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
     min: r,
     default: r + 1
   }, n;
-}, _t = f({
+}, Zt = f({
   name: "builder-columns",
   components: {
-    InlinedStyles: pe,
+    InlinedStyles: ce,
     DynamicRenderer: ie,
     Blocks: Z
   },
@@ -1024,13 +1002,13 @@ const Z = /* @__PURE__ */ y(Qt, [["render", Xt]]), pe = f({
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return Zt(
+      return Xt(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     }
   }
 });
-function en(e, t, n, o, s, r) {
+function _t(e, t, n, o, s, r) {
   const i = k("inlined-styles"), a = k("blocks"), l = k("dynamic-renderer");
   return u(), h("div", w({
     class: `builder-columns ${e.builderBlock.id}-breakpoints div-2fnk003dqad`,
@@ -1041,7 +1019,7 @@ function en(e, t, n, o, s, r) {
       id: "builderio-columns",
       styles: e.columnsStyles
     }, null, 8, ["styles"])) : v("", !0),
-    (u(!0), h($, null, L(e.columns, (c, m) => (u(), g(l, {
+    (u(!0), h($, null, U(e.columns, (c, m) => (u(), g(l, {
       key: m,
       TagName: c.link ? e.builderLinkComponent || "a" : "div",
       actionAttributes: {},
@@ -1070,32 +1048,32 @@ function en(e, t, n, o, s, r) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const tn = /* @__PURE__ */ y(_t, [["render", en], ["__scopeId", "data-v-6caab097"]]), nn = f({
+const en = /* @__PURE__ */ y(Zt, [["render", _t], ["__scopeId", "data-v-6caab097"]]), tn = f({
   name: "builder-fragment-component",
   props: []
 });
-function on(e, t, n, o, s, r) {
+function nn(e, t, n, o, s, r) {
   return u(), h("span", null, [
     P(e.$slots, "default")
   ]);
 }
-const sn = /* @__PURE__ */ y(nn, [["render", on]]);
-function ye(e) {
+const on = /* @__PURE__ */ y(tn, [["render", nn]]);
+function fe(e) {
   return e.replace(/http(s)?:/, "");
 }
-function rn(e = "", t, n) {
+function sn(e = "", t, n) {
   const o = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), s = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(o) ? e.replace(o, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + s + t + "=" + encodeURIComponent(n);
 }
-function an(e, t) {
+function rn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return ye(e);
+    return fe(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]), s = n[3], r = t.match("x") ? t : `${t}x`;
-    return ye(`${o[0]}_${r}${s}`);
+    return fe(`${o[0]}_${r}${s}`);
   }
   return null;
 }
@@ -1106,11 +1084,11 @@ function ee(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((s) => s !== o).map((s) => `${rn(e, "width", s)} ${s}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((s) => s !== o).map((s) => `${sn(e, "width", s)} ${s}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [an(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) => [rn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const ln = f({
+const an = f({
   name: "builder-image",
   props: [
     "image",
@@ -1156,11 +1134,11 @@ const ln = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), cn = ["srcset"], dn = ["alt", "role", "src", "srcset", "sizes"], un = {
+}), ln = ["srcset"], cn = ["alt", "role", "src", "srcset", "sizes"], dn = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function pn(e, t, n, o, s, r) {
+function un(e, t, n, o, s, r) {
   var i, a, l, c;
   return u(), h($, null, [
     te("picture", null, [
@@ -1168,7 +1146,7 @@ function pn(e, t, n, o, s, r) {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, cn)) : v("", !0),
+      }, null, 8, ln)) : v("", !0),
       te("img", {
         loading: "lazy",
         alt: e.altText,
@@ -1178,13 +1156,13 @@ function pn(e, t, n, o, s, r) {
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: Ee(
+        class: $e(
           "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
         ),
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, dn)
+      }, null, 14, cn)
     ]),
     e.aspectRatio && !((a = (i = e.builderBlock) == null ? void 0 : i.children) != null && a.length && e.fitContent) ? (u(), h("div", {
       key: 0,
@@ -1194,19 +1172,19 @@ function pn(e, t, n, o, s, r) {
       })
     }, null, 4)) : v("", !0),
     (c = (l = e.builderBlock) == null ? void 0 : l.children) != null && c.length && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
-    !e.fitContent && e.$slots.default ? (u(), h("div", un, [
+    !e.fitContent && e.$slots.default ? (u(), h("div", dn, [
       P(e.$slots, "default", {}, void 0, !0)
     ])) : v("", !0)
   ], 64);
 }
-const mn = /* @__PURE__ */ y(ln, [["render", pn], ["__scopeId", "data-v-dde76a35"]]), hn = f({
+const pn = /* @__PURE__ */ y(an, [["render", un], ["__scopeId", "data-v-dde76a35"]]), mn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: O };
   }
 });
-function fn(e, t, n, o, s, r) {
+function hn(e, t, n, o, s, r) {
   return u(), h("section", w({
     style: {
       width: "100%",
@@ -1224,7 +1202,7 @@ function fn(e, t, n, o, s, r) {
     P(e.$slots, "default")
   ], 16);
 }
-const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
+const fn = /* @__PURE__ */ y(mn, [["render", hn]]), bn = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -1240,13 +1218,13 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     T.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, De = async (e) => Me(e), yn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(F).join("; "), kn = [["secure", ""], ["SameSite", "None"]], Sn = ({
+}, De = async (e) => Me(e), gn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(F).join("; "), yn = [["secure", ""], ["SameSite", "None"]], kn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const s = (I() ? location.protocol === "https:" : !0) ? kn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", gn(window.location.hostname)], ...s];
-  return yn(i);
+  const s = (I() ? location.protocol === "https:" : !0) ? yn : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...r, ["path", "/"], ["domain", bn(window.location.hostname)], ...s];
+  return gn(i);
 }, He = async ({
   name: e,
   value: t,
@@ -1256,7 +1234,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   try {
     if (!o)
       return;
-    const s = Sn({
+    const s = kn({
       name: e,
       value: t,
       expires: n
@@ -1265,24 +1243,24 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   } catch (s) {
     T.warn("[COOKIE] SET error: ", (s == null ? void 0 : s.message) || s);
   }
-}, vn = "builder.tests", me = (e) => `${vn}.${e}`, Cn = ({
+}, Sn = "builder.tests", de = (e) => `${Sn}.${e}`, vn = ({
   contentId: e
 }) => De({
-  name: me(e),
+  name: de(e),
   canTrack: !0
-}), wn = ({
+}), Cn = ({
   contentId: e
 }) => Me({
-  name: me(e),
+  name: de(e),
   canTrack: !0
-}), In = ({
+}), wn = ({
   contentId: e,
   value: t
 }) => He({
-  name: me(e),
+  name: de(e),
   value: t,
   canTrack: !0
-}), je = (e) => F(e.id) && F(e.variations) && Object.keys(e.variations).length > 0, $n = ({
+}), je = (e) => F(e.id) && F(e.variations) && Object.keys(e.variations).length > 0, In = ({
   id: e,
   variations: t
 }) => {
@@ -1296,14 +1274,14 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   }
   return e;
 }, Ke = (e) => {
-  const t = $n(e);
-  return In({
+  const t = In(e);
+  return wn({
     contentId: e.id,
     value: t
   }).catch((n) => {
     T.error("could not store A/B test variation: ", n);
   }), t;
-}, qe = ({
+}, ze = ({
   item: e,
   testGroupId: t
 }) => {
@@ -1317,7 +1295,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Tn = ({
+}, $n = ({
   item: e,
   canTrack: t
 }) => {
@@ -1327,12 +1305,12 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     return;
   if (!je(e))
     return e;
-  const n = wn({
+  const n = Cn({
     contentId: e.id
   }) || Ke({
     variations: e.variations,
     id: e.id
-  }), o = qe({
+  }), o = ze({
     item: e,
     testGroupId: n
   });
@@ -1340,18 +1318,18 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     ...e,
     ...o
   };
-}, Rn = async ({
+}, Tn = async ({
   item: e,
   canTrack: t
 }) => {
   if (!t || !je(e))
     return e;
-  const o = await Cn({
+  const o = await vn({
     contentId: e.id
   }) || Ke({
     variations: e.variations,
     id: e.id
-  }), s = qe({
+  }), s = ze({
     item: e,
     testGroupId: o
   });
@@ -1359,7 +1337,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     ...e,
     ...s
   };
-}, j = (e) => F(e) ? e : !0, En = {
+}, j = (e) => F(e) ? e : !0, Rn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1392,7 +1370,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, Pn = {
+}, En = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1593,13 +1571,13 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Vn = {
+}, Pn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, An = {
+}, Vn = {
   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",
@@ -1699,7 +1677,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, xn = {
+}, An = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1738,7 +1716,7 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
       }
     }
   }]
-}, Bn = {
+}, xn = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1751,12 +1729,12 @@ const bn = /* @__PURE__ */ y(hn, [["render", fn]]), gn = (e) => {
     required: !0,
     defaultValue: "children"
   }]
-}, Wn = f({
+}, Bn = f({
   name: "builder-slot",
   components: { Blocks: Z },
   props: ["builderContext", "name"]
 });
-function Nn(e, t, n, o, s, r) {
+function Wn(e, t, n, o, s, r) {
   var a, l, c;
   const i = k("blocks");
   return u(), h("div", w(
@@ -1775,7 +1753,7 @@ function Nn(e, t, n, o, s, r) {
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const Fn = /* @__PURE__ */ y(Wn, [["render", Nn]]), On = {
+const Nn = /* @__PURE__ */ y(Bn, [["render", Wn]]), Fn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1808,7 +1786,7 @@ const Fn = /* @__PURE__ */ y(Wn, [["render", Nn]]), On = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Un = {
+}, On = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1826,11 +1804,11 @@ const Fn = /* @__PURE__ */ y(Wn, [["render", Nn]]), On = {
     height: "auto",
     textAlign: "center"
   }
-}, Ln = f({
+}, Un = f({
   name: "builder-text",
   props: ["text"]
-}), Mn = ["innerHTML"];
-function Dn(e, t, n, o, s, r) {
+}), Ln = ["innerHTML"];
+function Mn(e, t, n, o, s, r) {
   var i;
   return u(), h("div", {
     class: "builder-text",
@@ -1838,9 +1816,9 @@ function Dn(e, t, n, o, s, r) {
     style: {
       outline: "none"
     }
-  }, null, 8, Mn);
+  }, null, 8, Ln);
 }
-const Hn = /* @__PURE__ */ y(Ln, [["render", Dn]]), jn = {
+const Dn = /* @__PURE__ */ y(Un, [["render", Mn]]), Hn = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1862,7 +1840,7 @@ const Hn = /* @__PURE__ */ y(Ln, [["render", Dn]]), jn = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Kn = f({
+}, jn = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1896,15 +1874,15 @@ const Hn = /* @__PURE__ */ y(Ln, [["render", Dn]]), jn = {
       }
     }
   }
-}), qn = ["innerHTML"];
+}), Kn = ["innerHTML"];
 function zn(e, t, n, o, s, r) {
   return u(), h("div", {
     ref: "elementRef",
-    class: Ee("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
+    class: $e("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, qn);
+  }, null, 10, Kn);
 }
-const Jn = /* @__PURE__ */ y(Kn, [["render", zn]]), Gn = {
+const qn = /* @__PURE__ */ y(jn, [["render", zn]]), Jn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1929,7 +1907,7 @@ const Jn = /* @__PURE__ */ y(Kn, [["render", zn]]), Gn = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Yn = ["text/javascript", "application/javascript", "application/ecmascript"], Qn = (e) => Yn.includes(e.type), Xn = f({
+}, Gn = ["text/javascript", "application/javascript", "application/ecmascript"], Yn = (e) => Gn.includes(e.type), Qn = f({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1962,7 +1940,7 @@ const Jn = /* @__PURE__ */ y(Kn, [["render", zn]]), Gn = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (Qn(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Yn(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1971,15 +1949,15 @@ const Jn = /* @__PURE__ */ y(Kn, [["render", zn]]), Gn = {
       }
     }
   }
-}), Zn = ["innerHTML"];
-function _n(e, t, n, o, s, r) {
+}), Xn = ["innerHTML"];
+function Zn(e, t, n, o, s, r) {
   return u(), h("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Zn);
+  }, null, 8, Xn);
 }
-const eo = /* @__PURE__ */ y(Xn, [["render", _n]]), to = {
+const _n = /* @__PURE__ */ y(Qn, [["render", Zn]]), eo = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2210,15 +2188,15 @@ const eo = /* @__PURE__ */ y(Xn, [["render", _n]]), to = {
       }
     }
   }]
-}, no = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], oo = () => {
+}, to = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], no = () => {
   const e = process.env.NODE_ENV || "production";
-  return no.includes(e) ? e : "production";
-}, so = (e, t, n) => {
+  return to.includes(e) ? e : "production";
+}, oo = (e, t, n) => {
   const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((s, r) => s != null ? s[r] : s, e);
   return o === void 0 || o === e ? n : o;
-}, ro = f({
+}, so = f({
   name: "builder-form-component",
-  components: { Block: ue, Blocks: Z },
+  components: { Block: le, Blocks: Z },
   props: [
     "builderContext",
     "previewState",
@@ -2309,7 +2287,7 @@ const eo = /* @__PURE__ */ y(Xn, [["render", _n]]), to = {
         else {
           const d = {};
           Array.from(a).forEach(({ value: p, key: S }) => {
-            We(d, S, p);
+            Ae(d, S, p);
           }), r = JSON.stringify(d);
         }
         l && l !== "multipart/form-data" && (t && ((n = this.action) != null && n.includes("zapier.com")) || (s["content-type"] = l));
@@ -2321,7 +2299,7 @@ const eo = /* @__PURE__ */ y(Xn, [["render", _n]]), to = {
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(c), c.defaultPrevented))
           return;
         this.formState = "sending";
-        const m = `${oo() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const m = `${no() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`;
         fetch(
@@ -2336,7 +2314,7 @@ const eo = /* @__PURE__ */ y(Xn, [["render", _n]]), to = {
             let p;
             const S = d.headers.get("content-type");
             if (S && S.indexOf("application/json") !== -1 ? p = await d.json() : p = await d.text(), !d.ok && this.errorMessagePath) {
-              let b = so(p, this.errorMessagePath);
+              let b = oo(p, this.errorMessagePath);
               b && (typeof b != "string" && (b = JSON.stringify(b)), this.formErrorMessage = b, this.mergeNewRootState({
                 formErrorMessage: b
               }));
@@ -2377,11 +2355,11 @@ const eo = /* @__PURE__ */ y(Xn, [["render", _n]]), to = {
       }
     }
   }
-}), io = ["validate", "action", "method", "name"], ao = {
+}), ro = ["validate", "action", "method", "name"], io = {
   key: 3,
   class: "builder-form-error-text pre-5vz8uirn7sc"
 };
-function lo(e, t, n, o, s, r) {
+function ao(e, t, n, o, s, r) {
   var l;
   const i = k("block"), a = k("blocks");
   return u(), h("form", w({
@@ -2392,7 +2370,7 @@ function lo(e, t, n, o, s, r) {
     name: e.name,
     onSubmit: t[0] || (t[0] = (c) => e.onSubmit(c))
   }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    e.builderBlock && e.builderBlock.children ? (u(!0), h($, { key: 0 }, L((l = e.builderBlock) == null ? void 0 : l.children, (c, m) => (u(), g(i, {
+    e.builderBlock && e.builderBlock.children ? (u(!0), h($, { key: 0 }, U((l = e.builderBlock) == null ? void 0 : l.children, (c, m) => (u(), g(i, {
       key: `form-block-${e.idx}`,
       block: c,
       context: e.builderContext,
@@ -2411,16 +2389,16 @@ function lo(e, t, n, o, s, r) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : v("", !0),
-    e.submissionState() === "error" && e.responseData ? (u(), h("pre", ao, X(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
+    e.submissionState() === "error" && e.responseData ? (u(), h("pre", io, X(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
     e.submissionState() === "success" ? (u(), g(a, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : v("", !0)
-  ], 16, io);
+  ], 16, ro);
 }
-const co = /* @__PURE__ */ y(ro, [["render", lo], ["__scopeId", "data-v-83a4b1d9"]]), uo = {
+const lo = /* @__PURE__ */ y(so, [["render", ao], ["__scopeId", "data-v-83a4b1d9"]]), co = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2471,7 +2449,7 @@ const co = /* @__PURE__ */ y(ro, [["render", lo], ["__scopeId", "data-v-83a4b1d9
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, po = f({
+}, uo = f({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -2485,8 +2463,8 @@ const co = /* @__PURE__ */ y(ro, [["render", lo], ["__scopeId", "data-v-83a4b1d9
   data() {
     return { isEditing: R, filterAttrs: O };
   }
-}), mo = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function ho(e, t, n, o, s, r) {
+}), po = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function mo(e, t, n, o, s, r) {
   return u(), h("input", w({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -2495,9 +2473,9 @@ function ho(e, t, n, o, s, r) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, mo);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, po);
 }
-const fo = /* @__PURE__ */ y(po, [["render", ho]]), bo = {
+const ho = /* @__PURE__ */ y(uo, [["render", mo]]), fo = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -2539,27 +2517,27 @@ const fo = /* @__PURE__ */ y(po, [["render", ho]]), bo = {
   }],
   static: !0,
   noWrap: !0
-}, go = f({
+}, bo = f({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "options"],
   data() {
     return { isEditing: R, filterAttrs: O };
   }
-}), yo = ["value", "defaultValue", "name"], ko = ["value"];
-function So(e, t, n, o, s, r) {
+}), go = ["value", "defaultValue", "name"], yo = ["value"];
+function ko(e, t, n, o, s, r) {
   return u(), h("select", w({
     value: e.value,
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     defaultValue: e.defaultValue,
     name: e.name
   }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    (u(!0), h($, null, L(e.options, (i, a) => (u(), h("option", {
+    (u(!0), h($, null, U(e.options, (i, a) => (u(), h("option", {
       key: `${i.name}-${a}`,
       value: i.value
-    }, X(i.name || i.value), 9, ko))), 128))
-  ], 16, yo);
+    }, X(i.name || i.value), 9, yo))), 128))
+  ], 16, go);
 }
-const vo = /* @__PURE__ */ y(go, [["render", So]]), Co = {
+const So = /* @__PURE__ */ y(bo, [["render", ko]]), vo = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -2584,17 +2562,17 @@ const vo = /* @__PURE__ */ y(go, [["render", So]]), Co = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, wo = f({
+}, Co = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: O };
   }
 });
-function Io(e, t, n, o, s, r) {
+function wo(e, t, n, o, s, r) {
   return u(), h("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), X(e.text), 17);
 }
-const $o = /* @__PURE__ */ y(wo, [["render", Io]]), To = {
+const Io = /* @__PURE__ */ y(Co, [["render", wo]]), $o = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -2608,7 +2586,7 @@ const $o = /* @__PURE__ */ y(wo, [["render", Io]]), To = {
   }],
   noWrap: !0,
   static: !0
-}, Ro = f({
+}, To = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -2621,8 +2599,8 @@ const $o = /* @__PURE__ */ y(wo, [["render", Io]]), To = {
   data() {
     return { isEditing: R, filterAttrs: O };
   }
-}), Eo = ["alt", "src"];
-function Po(e, t, n, o, s, r) {
+}), Ro = ["alt", "src"];
+function Eo(e, t, n, o, s, r) {
   return u(), h("img", w({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -2631,9 +2609,9 @@ function Po(e, t, n, o, s, r) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Eo);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Ro);
 }
-const Vo = /* @__PURE__ */ y(Ro, [["render", Po]]), Ao = {
+const Po = /* @__PURE__ */ y(To, [["render", Eo]]), Vo = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2714,7 +2692,7 @@ const Vo = /* @__PURE__ */ y(Ro, [["render", Po]]), Ao = {
     defaultValue: !0,
     advanced: !0
   }]
-}, xo = f({
+}, Ao = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -2759,16 +2737,16 @@ const Vo = /* @__PURE__ */ y(Ro, [["render", Po]]), Ao = {
       };
     }
   }
-}), Bo = { style: {
+}), xo = { style: {
   position: "relative"
-} }, Wo = ["preload", "src", "poster"], No = ["src"], Fo = {
+} }, Bo = ["preload", "src", "poster"], Wo = ["src"], No = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, Oo = {
+}, Fo = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -2782,9 +2760,9 @@ const Vo = /* @__PURE__ */ y(Ro, [["render", Po]]), Ao = {
     height: "100%"
   }
 };
-function Uo(e, t, n, o, s, r) {
+function Oo(e, t, n, o, s, r) {
   var i, a, l, c, m, d, p;
-  return u(), h("div", Bo, [
+  return u(), h("div", xo, [
     te("video", w({
       class: "builder-video",
       preload: e.preload || "metadata",
@@ -2809,8 +2787,8 @@ function Uo(e, t, n, o, s, r) {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, No))
-    ], 16, Wo),
+      }, null, 8, Wo))
+    ], 16, Bo),
     e.aspectRatio && !(e.fitContent && ((l = (a = e.builderBlock) == null ? void 0 : a.children) != null && l.length)) ? (u(), h("div", {
       key: 0,
       style: ne({
@@ -2820,78 +2798,78 @@ function Uo(e, t, n, o, s, r) {
         fontSize: "0px"
       })
     }, null, 4)) : v("", !0),
-    (m = (c = e.builderBlock) == null ? void 0 : c.children) != null && m.length && e.fitContent ? (u(), h("div", Fo, [
+    (m = (c = e.builderBlock) == null ? void 0 : c.children) != null && m.length && e.fitContent ? (u(), h("div", No, [
       P(e.$slots, "default")
     ])) : v("", !0),
-    (p = (d = e.builderBlock) == null ? void 0 : d.children) != null && p.length && !e.fitContent ? (u(), h("div", Oo, [
+    (p = (d = e.builderBlock) == null ? void 0 : d.children) != null && p.length && !e.fitContent ? (u(), h("div", Fo, [
       P(e.$slots, "default")
     ])) : v("", !0)
   ]);
 }
-const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
-  component: Jn,
-  ...jn
+const Uo = /* @__PURE__ */ y(Ao, [["render", Oo]]), Lo = () => [{
+  component: qn,
+  ...Hn
 }, {
-  component: eo,
-  ...Gn
+  component: _n,
+  ...Jn
 }, {
-  component: co,
-  ...to
+  component: lo,
+  ...eo
 }, {
-  component: fo,
-  ...uo
+  component: ho,
+  ...co
 }, {
-  component: $o,
-  ...Co
+  component: Io,
+  ...vo
 }, {
-  component: vo,
-  ...bo
+  component: So,
+  ...fo
 }, {
-  component: Vo,
-  ...To
+  component: Po,
+  ...$o
 }, {
-  component: Lo,
-  ...Ao
-}], ke = () => [{
+  component: Uo,
+  ...Vo
+}], be = () => [{
   component: bt,
+  ...Rn
+}, {
+  component: en,
   ...En
 }, {
-  component: tn,
+  component: on,
   ...Pn
 }, {
-  component: sn,
+  component: pn,
   ...Vn
 }, {
-  component: mn,
+  component: fn,
   ...An
 }, {
-  component: bn,
+  component: Nn,
   ...xn
 }, {
-  component: Fn,
-  ...Bn
+  component: Js,
+  ...Fn
 }, {
-  component: Gs,
+  component: Dn,
   ...On
-}, {
-  component: Hn,
-  ...Un
-}, ...Mo()], Do = (e) => ({
+}, ...Lo()], Mo = (e) => ({
   type: "builder.registerComponent",
   data: se(e)
-}), Ho = (e) => {
+}), Do = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, jo = (e) => typeof e == "function" ? Ho(e) : K(e), se = ({
+}, Ho = (e) => typeof e == "function" ? Do(e) : K(e), se = ({
   inputs: e,
   ...t
 }) => ({
   ...K(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [s, r]) => ({
     ...o,
-    [s]: jo(r)
+    [s]: Ho(r)
   }), {}))
-}), Ko = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), jo = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -2947,7 +2925,7 @@ const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, qo = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Ko = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -2981,27 +2959,27 @@ const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, ze = "builderIoAbTest", Je = "builderIoRenderContent", G = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, qe = "builderIoAbTest", Je = "builderIoRenderContent", G = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), zo = ({
   canTrack: e,
   content: t
-}) => !(!(G(t).length > 0) || !e), Jo = (e) => e === "react" || e === "reactNative", Ge = Jo(V), Go = () => `
-  window.${ze} = ${Ko}
-  window.${Je} = ${qo}
-  `, Yo = (e, t) => `
-  window.${ze}(
+}) => !(!(G(t).length > 0) || !e), qo = (e) => e === "react" || e === "reactNative", Ge = qo(V), Jo = () => `
+  window.${qe} = ${jo}
+  window.${Je} = ${Ko}
+  `, Go = (e, t) => `
+  window.${qe}(
     "${t}",${JSON.stringify(e)}, ${Ge}
-  )`, Qo = ({
+  )`, Yo = ({
   contentId: e,
   variationId: t
 }) => `window.${Je}(
     "${t}", "${e}", ${Ge}
   )`, Ye = f({
   render() {
-    return Re("script", {
+    return Ie("script", {
       innerHTML: this.scriptStr,
       "data-id": this.id
     });
@@ -3009,17 +2987,17 @@ const Lo = /* @__PURE__ */ y(xo, [["render", Uo]]), Mo = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id"]
 });
-function Xo() {
+function Qo() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Zo() {
-  const e = Xo().fetch;
+function Xo() {
+  const e = Qo().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 Qe = Zo();
+const Qe = Xo();
 function Y(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, s) => {
     const r = e[s], i = [t, s].filter(Boolean).join(n);
@@ -3032,22 +3010,22 @@ function Y(e, t = null, n = ".") {
     };
   }, {});
 }
-const _o = "v3", Se = "builder.", es = "options.", Xe = (e) => {
+const Zo = "v3", ge = "builder.", _o = "options.", Xe = (e) => {
   if (!e)
     return {};
-  const t = Ve(e), n = {};
+  const t = Re(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(Se)) {
-      const s = o.replace(Se, "").replace(es, "");
+    if (o.startsWith(ge)) {
+      const s = o.replace(ge, "").replace(_o, "");
       n[s] = t[o];
     }
   }), n;
-}, ts = () => {
+}, es = () => {
   if (!I())
     return {};
   const e = new URLSearchParams(window.location.search);
   return Xe(e);
-}, ve = (e) => typeof e == "number" && !isNaN(e) && e >= 0, he = (e) => {
+}, ye = (e) => typeof e == "number" && !isNaN(e) && e >= 0, ue = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -3056,7 +3034,7 @@ const _o = "v3", Se = "builder.", es = "options.", Xe = (e) => {
     apiKey: r,
     enrich: i,
     locale: a,
-    apiVersion: l = _o,
+    apiVersion: l = Zo,
     fields: c,
     omit: m,
     offset: d,
@@ -3069,47 +3047,47 @@ const _o = "v3", Se = "builder.", es = "options.", Xe = (e) => {
     throw new Error("Missing API key");
   if (!["v3"].includes(l))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${l}'`);
-  const q = t !== 1, C = new URL(`https://cdn.builder.io/api/${l}/content/${s}`);
-  if (C.searchParams.set("apiKey", r), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(q)), C.searchParams.set("includeRefs", String(!0)), a && C.searchParams.set("locale", a), i && C.searchParams.set("enrich", String(i)), C.searchParams.set("omit", m || "meta.componentsUsed"), c && C.searchParams.set("fields", c), Number.isFinite(d) && d > -1 && C.searchParams.set("offset", String(Math.floor(d))), typeof W == "boolean" && C.searchParams.set("includeUnpublished", String(W)), p && ve(p) && C.searchParams.set("cacheSeconds", String(p)), S && ve(S) && C.searchParams.set("staleCacheSeconds", String(S)), b) {
+  const z = t !== 1, C = new URL(`https://cdn.builder.io/api/${l}/content/${s}`);
+  if (C.searchParams.set("apiKey", r), C.searchParams.set("limit", String(t)), C.searchParams.set("noTraverse", String(z)), C.searchParams.set("includeRefs", String(!0)), a && C.searchParams.set("locale", a), i && C.searchParams.set("enrich", String(i)), C.searchParams.set("omit", m || "meta.componentsUsed"), c && C.searchParams.set("fields", c), Number.isFinite(d) && d > -1 && C.searchParams.set("offset", String(Math.floor(d))), typeof W == "boolean" && C.searchParams.set("includeUnpublished", String(W)), p && ye(p) && C.searchParams.set("cacheSeconds", String(p)), S && ye(S) && C.searchParams.set("staleCacheSeconds", String(S)), b) {
     const N = Y({
       sort: b
     });
-    for (const D in N)
-      C.searchParams.set(D, JSON.stringify(N[D]));
+    for (const M in N)
+      C.searchParams.set(M, JSON.stringify(N[M]));
   }
   const rt = {
-    ...ts(),
-    ...Ve(e.options || {})
-  }, be = Y(rt);
-  for (const N in be)
-    C.searchParams.set(N, String(be[N]));
+    ...es(),
+    ...Re(e.options || {})
+  }, me = Y(rt);
+  for (const N in me)
+    C.searchParams.set(N, String(me[N]));
   if (n && C.searchParams.set("userAttributes", JSON.stringify(n)), o) {
     const N = Y({
       query: o
     });
-    for (const D in N)
-      C.searchParams.set(D, JSON.stringify(N[D]));
+    for (const M in N)
+      C.searchParams.set(M, JSON.stringify(N[M]));
   }
   return C;
-}, ns = (e) => "results" in e;
-async function fe(e) {
-  const t = await rs({
+}, ts = (e) => "results" in e;
+async function pe(e) {
+  const t = await ss({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const os = async (e) => {
-  const t = he(e);
+const ns = async (e) => {
+  const t = ue(e);
   return await (await (e.fetch ?? Qe)(t.href, e.fetchOptions)).json();
-}, ss = async (e, t, n = he(e)) => {
+}, os = async (e, t, n = ue(e)) => {
   const o = j(e.canTrack);
   if (n.search.includes("preview="), !o || !(I() || V === "reactNative"))
     return t.results;
   try {
     const s = [];
     for (const r of t.results)
-      s.push(await Rn({
+      s.push(await Tn({
         item: r,
         canTrack: o
       }));
@@ -3119,10 +3097,10 @@ const os = async (e) => {
   }
   return t.results;
 };
-async function rs(e) {
+async function ss(e) {
   try {
-    const t = he(e), n = await os(e);
-    return ns(n) ? ss(e, n) : (T.error("Error fetching data. ", {
+    const t = ue(e), n = await ns(e);
+    return ts(n) ? os(e, n) : (T.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -3131,22 +3109,20 @@ async function rs(e) {
     return T.error("Error fetching data. ", t), null;
   }
 }
-function is(e) {
-  if (!I())
-    return !1;
-  const t = Ae(e || window.location.search);
-  return R(t) ? !1 : t.indexOf("builder.preview=") !== -1;
+function rs(e) {
+  const t = e || (I() ? window.location.search : void 0);
+  return t ? Ee(t).indexOf("builder.preview=") !== -1 : !1;
 }
-function as() {
+function is() {
   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 Ze() {
-  return as().replace(/-/g, "");
+  return is().replace(/-/g, "");
 }
-const _e = "builderSessionId", ls = async ({
+const _e = "builderSessionId", as = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3158,20 +3134,20 @@ const _e = "builderSessionId", ls = async ({
   if (F(t))
     return t;
   {
-    const n = cs();
-    return ds({
+    const n = ls();
+    return cs({
       id: n,
       canTrack: e
     }), n;
   }
-}, cs = () => Ze(), ds = ({
+}, ls = () => Ze(), cs = ({
   id: e,
   canTrack: t
 }) => He({
   name: _e,
   value: e,
   canTrack: t
-}), et = () => I() && typeof localStorage < "u" ? localStorage : void 0, us = ({
+}), et = () => I() && typeof localStorage < "u" ? localStorage : void 0, ds = ({
   key: e,
   canTrack: t
 }) => {
@@ -3182,7 +3158,7 @@ const _e = "builderSessionId", ls = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, ps = ({
+}, us = ({
   key: e,
   canTrack: t,
   value: n
@@ -3193,32 +3169,32 @@ const _e = "builderSessionId", ls = async ({
   } catch (s) {
     console.debug("[LocalStorage] SET error: ", s);
   }
-}, tt = "builderVisitorId", ms = ({
+}, tt = "builderVisitorId", ps = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = us({
+  const t = ds({
     key: tt,
     canTrack: e
   });
   if (F(t))
     return t;
   {
-    const n = hs();
-    return fs({
+    const n = ms();
+    return hs({
       id: n,
       canTrack: e
     }), n;
   }
-}, hs = () => Ze(), fs = ({
+}, ms = () => Ze(), hs = ({
   id: e,
   canTrack: t
-}) => ps({
+}) => us({
   key: tt,
   value: e,
   canTrack: t
-}), bs = async ({
+}), fs = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3226,16 +3202,16 @@ const _e = "builderSessionId", ls = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await ls({
+  const t = await as({
     canTrack: e
-  }), n = ms({
+  }), n = ps({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, gs = async ({
+}, bs = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3249,10 +3225,10 @@ const _e = "builderSessionId", ls = async ({
       url: location.href,
       ...o
     },
-    ...await bs({
+    ...await fs({
       canTrack: t
     }),
-    userAttributes: xe(),
+    userAttributes: Pe(),
     ownerId: n
   }
 });
@@ -3265,7 +3241,7 @@ async function re(e) {
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await gs(e)]
+        events: [await bs(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3275,14 +3251,14 @@ async function re(e) {
       console.error("Failed to track: ", t);
     });
 }
-const or = (e) => re({
+const nr = (e) => re({
   ...e,
   canTrack: !0
 });
-function Ce(e) {
+function ke(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const ys = (e, t, n = !0) => {
+const gs = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3293,43 +3269,43 @@ const ys = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, ks = (e) => ys(e, (t) => {
+}, ys = (e) => gs(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), we = ({
+}), Se = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = Ce(o / n.width), i = Ce(s / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, s = e.clientY - n.top, r = ke(o / n.width), i = ke(s / n.height);
   return {
     x: r,
     y: i
   };
-}, Ss = (e) => {
-  const t = e.target, n = t && ks(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ks = (e) => {
+  const t = e.target, n = t && ys(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? we({
+      targetOffset: t ? Se({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? we({
+      builderTargetOffset: n ? Se({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, vs = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}, Ss = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function nt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || vs).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
+  return (e || Ss).findIndex((s) => s.startsWith("*.") ? o.endsWith(s.slice(1)) : s === o) > -1;
 }
-const Cs = "1.0.21", Ie = {};
-function ws(e, t) {
-  let n = Ie[e];
-  if (n || (n = Ie[e] = []), n.push(t), I()) {
+const vs = "1.0.22", ve = {};
+function Cs(e, t) {
+  let n = ve[e];
+  if (n || (n = ve[e] = []), n.push(t), I()) {
     const o = {
       type: "builder.register",
       data: {
@@ -3344,8 +3320,8 @@ function ws(e, t) {
     }
   }
 }
-const Is = () => {
-  ws("insertMenu", {
+const ws = () => {
+  Cs("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3367,14 +3343,14 @@ const Is = () => {
     }]
   });
 };
-let $e = !1;
+let Ce = !1;
 const ot = (e = {}) => {
   var t, n;
-  $e || ($e = !0, I() && ((t = window.parent) == null || t.postMessage({
+  Ce || (Ce = !0, I() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: V,
-      version: Cs,
+      version: vs,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -3455,7 +3431,7 @@ const ot = (e = {}) => {
         break;
       }
     }
-}, sr = (e, t, n) => {
+}, or = (e, t, n) => {
   if (!I)
     return T.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
@@ -3474,7 +3450,7 @@ const ot = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, $s = f({
+}, Is = f({
   name: "enable-editor",
   props: [
     "builderContextSignal",
@@ -3522,7 +3498,7 @@ const ot = (e = {}) => {
             variationId: r !== i ? r : void 0
           });
         }
-        is() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        rs() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -3686,7 +3662,7 @@ const ot = (e = {}) => {
           contentId: s,
           apiKey: this.apiKey,
           variationId: o !== s ? o : void 0,
-          ...Ss(e),
+          ...ks(e),
           unique: !this.clicked
         });
       }
@@ -3739,7 +3715,7 @@ const ot = (e = {}) => {
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), Is(), ot({
+      window.addEventListener("message", this.processMessage), ws(), ot({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -3753,7 +3729,7 @@ const ot = (e = {}) => {
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = Do(t);
+        const n = Mo(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -3764,7 +3740,7 @@ const ot = (e = {}) => {
       const t = new URL(location.href).searchParams, n = t.get("builder.preview"), o = t.get(
         `builder.preview.${n}`
       ), s = t.get("apiKey") || t.get("builder.space");
-      n === this.model && s === this.apiKey && (!this.content || o === this.content.id) && fe({
+      n === this.model && s === this.apiKey && (!this.content || o === this.content.id) && pe({
         model: this.model,
         apiKey: this.apiKey,
         apiVersion: this.builderContextSignal.apiVersion
@@ -3774,9 +3750,9 @@ const ot = (e = {}) => {
     }
   }
 });
-function Ts(e, t, n, o, s, r) {
+function $s(e, t, n, o, s, r) {
   var i, a, l;
-  return e.builderContextSignal.content ? (u(), g(H(e.ContentWrapper), w({
+  return e.builderContextSignal.content ? (u(), g(D(e.ContentWrapper), w({
     key: 0,
     ref: "elementRef",
     onClick: (c) => e.onClick(c),
@@ -3798,7 +3774,7 @@ function Ts(e, t, n, o, s, r) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
 }
-const Rs = /* @__PURE__ */ y($s, [["render", Ts]]), Es = (e) => {
+const Ts = /* @__PURE__ */ y(Is, [["render", $s]]), Rs = (e) => {
   var r;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
   let s = "";
@@ -3824,15 +3800,15 @@ font-weight: ${i};
         `.trim());
     }
   return s;
-}, Ps = ({
+}, Es = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Es(n))) == null ? void 0 : t.join(" ")) || "";
-}, Vs = ({
+  return ((t = e == null ? void 0 : e.map((n) => Rs(n))) == null ? void 0 : t.join(" ")) || "";
+}, Ps = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", As = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Vs = `
 .builder-button {
   all: unset;
 }
@@ -3849,33 +3825,33 @@ font-weight: ${i};
   text-align: inherit;
   font-family: inherit;
 }
-`, xs = (e) => e ? "" : As, Bs = f({
+`, As = (e) => e ? "" : Vs, xs = f({
   name: "content-styles",
-  components: { InlinedStyles: pe },
+  components: { InlinedStyles: ce },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
   data() {
     return {
       injectedStyles: `
-${Vs({
+${Ps({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Ps({
+${Es({
         customFonts: this.customFonts
       })}
-${xs(this.isNestedRender)}
+${As(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function Ws(e, t, n, o, s, r) {
+function Bs(e, t, n, o, s, r) {
   const i = k("inlined-styles");
   return u(), g(i, {
     id: "builderio-content",
     styles: e.injectedStyles
   }, null, 8, ["styles"]);
 }
-const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
+const Ws = /* @__PURE__ */ y(xs, [["render", Bs]]), Ns = ({
   content: e,
   data: t,
   locale: n
@@ -3892,7 +3868,7 @@ const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
       locale: n
     } : {}
   };
-}, Os = ({
+}, Fs = ({
   content: e,
   data: t
 }) => e ? {
@@ -3902,12 +3878,12 @@ const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, Us = ct, Ls = f({
+} : void 0, Os = ct, Us = f({
   name: "content-component",
   components: {
-    EnableEditor: Rs,
+    EnableEditor: Ts,
     InlinedScript: Ye,
-    ContentStyles: Ns,
+    ContentStyles: Ws,
     Blocks: Z
   },
   props: [
@@ -3934,32 +3910,32 @@ const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
   data() {
     var e, t;
     return {
-      scriptStr: Qo({
+      scriptStr: Yo({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...ke(),
+        ...be(),
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...s }) => ({
           ...n,
           [s.name]: {
-            component: Us(o),
+            component: Os(o),
             ...se(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Os({
+        content: Fs({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: Fs({
+        rootState: Ns({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -3969,7 +3945,7 @@ const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...ke(),
+          ...be(),
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...s }) => ({
@@ -3988,7 +3964,7 @@ const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
   provide() {
     const e = this;
     return {
-      [Pe.key]: {
+      [Te.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -3999,7 +3975,7 @@ const Ns = /* @__PURE__ */ y(Bs, [["render", Ws]]), Fs = ({
     }
   }
 });
-function Ms(e, t, n, o, s, r) {
+function Ls(e, t, n, o, s, r) {
   const i = k("inlined-script"), a = k("content-styles"), l = k("blocks"), c = k("enable-editor");
   return u(), g(c, w({
     content: e.content,
@@ -4018,7 +3994,7 @@ function Ms(e, t, n, o, s, r) {
     trustedHosts: e.trustedHosts
   }, {}), {
     default: B(() => {
-      var m, d, p, S, b, W, q;
+      var m, d, p, S, b, W, z;
       return [
         e.isSsrAbTest ? (u(), g(i, {
           key: 0,
@@ -4033,7 +4009,7 @@ function Ms(e, t, n, o, s, r) {
           customFonts: (b = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : b.customFonts
         }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : v("", !0),
         x(l, {
-          blocks: (q = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : q.blocks,
+          blocks: (z = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : z.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
@@ -4043,12 +4019,12 @@ function Ms(e, t, n, o, s, r) {
     _: 1
   }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
 }
-const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), Hs = f({
+const Ms = /* @__PURE__ */ y(Us, [["render", Ls]]), Ds = f({
   name: "content-variants",
   components: {
     InlinedScript: Ye,
-    InlinedStyles: pe,
-    ContentComponent: Ds
+    InlinedStyles: ce,
+    ContentComponent: Ms
   },
   props: [
     "canTrack",
@@ -4076,7 +4052,7 @@ const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), Hs = f({
         content: this.content
       }),
       TARGET: V,
-      getInitVariantsFnsScriptString: Go,
+      getInitVariantsFnsScriptString: Jo,
       getVariants: G
     };
   },
@@ -4085,7 +4061,7 @@ const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), Hs = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Yo(
+      return Go(
         G(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4101,14 +4077,14 @@ const Ds = /* @__PURE__ */ y(Ls, [["render", Ms]]), Hs = f({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Tn({
+      } : $n({
         item: this.content,
         canTrack: j(this.canTrack)
       });
     }
   }
 });
-function js(e, t, n, o, s, r) {
+function Hs(e, t, n, o, s, r) {
   const i = k("inlined-script"), a = k("inlined-styles"), l = k("content-component");
   return u(), h($, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (u(), g(i, {
@@ -4125,7 +4101,7 @@ function js(e, t, n, o, s, r) {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr
       }, null, 8, ["scriptStr"]),
-      (u(!0), h($, null, L(e.getVariants(e.content), (c, m) => (u(), g(l, {
+      (u(!0), h($, null, U(e.getVariants(e.content), (c, m) => (u(), g(l, {
         key: c.testVariationId,
         isNestedRender: e.isNestedRender,
         content: c,
@@ -4173,13 +4149,13 @@ function js(e, t, n, o, s, r) {
     }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Ks = /* @__PURE__ */ y(Hs, [["render", js]]), qs = async ({
+const js = /* @__PURE__ */ y(Ds, [["render", Hs]]), Ks = 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 fe({
+    return pe({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4193,7 +4169,7 @@ const Ks = /* @__PURE__ */ y(Hs, [["render", js]]), qs = async ({
     });
 }, zs = f({
   name: "builder-symbol",
-  components: { ContentVariants: Ks },
+  components: { ContentVariants: js },
   props: [
     "symbol",
     "attributes",
@@ -4236,7 +4212,7 @@ const Ks = /* @__PURE__ */ y(Hs, [["render", js]]), qs = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || qs({
+      this.contentToUse || Ks({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4245,7 +4221,7 @@ const Ks = /* @__PURE__ */ y(Hs, [["render", js]]), qs = async ({
     }
   }
 });
-function Js(e, t, n, o, s, r) {
+function qs(e, t, n, o, s, r) {
   var a, l, c, m, d;
   const i = k("content-variants");
   return u(), h("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, E(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
@@ -4271,18 +4247,18 @@ function Js(e, t, n, o, s, r) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent"])
   ], 16);
 }
-const Gs = /* @__PURE__ */ y(zs, [["render", Js]]), Te = {};
-function rr(e) {
+const Js = /* @__PURE__ */ y(zs, [["render", qs]]), we = {};
+function sr(e) {
   if (I()) {
-    Object.assign(Te, e);
+    Object.assign(we, e);
     const t = {
       type: "builder.settingsChange",
-      data: Te
+      data: we
     };
     parent.postMessage(t, "*");
   }
 }
-const ir = async (e) => {
+const rr = async (e) => {
   var o, s, r;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((s = e.userAttributes) == null ? void 0 : s.urlPath), n = {
     ...e,
@@ -4299,46 +4275,47 @@ const ir = async (e) => {
   return {
     apiKey: n.apiKey,
     model: n.model,
-    content: await fe(n)
+    content: await pe(n)
   };
 };
 export {
-  rs as A,
-  ue as B,
-  tn as C,
-  fe as D,
-  Zs as E,
-  sn as F,
-  tr as G,
-  mn as I,
-  bn as S,
+  os as A,
+  le as B,
+  en as C,
+  ss as D,
+  pe as E,
+  on as F,
+  Xs as G,
+  er as H,
+  pn as I,
+  fn as S,
   V as T,
-  Lo as V,
-  pe as _,
-  Zt as a,
-  _s as b,
+  Uo as V,
+  ce as _,
+  Xt as a,
+  Zs as b,
   F as c,
-  nr as d,
-  y as e,
-  Q as f,
-  Ne as g,
-  er as h,
-  ae as i,
-  oe as j,
-  bt as k,
-  Gs as l,
-  Hn as m,
-  Z as n,
-  Ks as o,
-  R as p,
-  is as q,
-  Do as r,
-  ws as s,
-  rr as t,
-  Xe as u,
-  or as v,
-  Us as w,
-  sr as x,
-  ir as y,
-  ss as z
+  tr as d,
+  Be as e,
+  y as f,
+  xe as g,
+  Q as h,
+  _s as i,
+  ae as j,
+  oe as k,
+  bt as l,
+  Js as m,
+  Dn as n,
+  Z as o,
+  js as p,
+  R as q,
+  rs as r,
+  Mo as s,
+  Cs as t,
+  sr as u,
+  Xe as v,
+  Os as w,
+  nr as x,
+  or as y,
+  rr as z
 };