@builder.io/sdk-vue 0.5.6-0 → 0.5.6

package/packages/_vue3/dist/{index.f5a3101b.js → index.ebaa8c07.js}

@@ -1,4 +1,4 @@
-import { defineComponent as g, openBlock as d, createElementBlock as p, mergeProps as T, toHandlers as j, toDisplayString as se, h as Se, resolveComponent as b, createBlock as v, createCommentVNode as C, defineAsyncComponent as _, Fragment as I, renderList as V, withCtx as Z, createVNode as P, normalizeProps as ie, guardReactiveProps as qe, renderSlot as O, createElementVNode as ae, normalizeStyle as le, normalizeClass as ve, markRaw as Ge } from "vue";
+import { defineComponent as g, openBlock as d, createElementBlock as p, mergeProps as $, toHandlers as O, toDisplayString as oe, h as ye, resolveComponent as b, createBlock as S, createCommentVNode as v, defineAsyncComponent as _, Fragment as I, renderList as V, withCtx as Q, createVNode as P, normalizeProps as re, guardReactiveProps as De, renderSlot as j, createElementVNode as se, normalizeStyle as ie, normalizeClass as ke, markRaw as qe } from "vue";
 function W(e = {}, t, n) {
   const o = {};
   for (const r in e) {
@@ -9,7 +9,7 @@ function W(e = {}, t, n) {
   }
   return o;
 }
-const Je = g({
+const Ge = g({
   name: "builder-button",
   props: ["attributes", "text", "link", "openLinkInNewTab"],
   data() {
@@ -32,20 +32,20 @@ const y = (e, t) => {
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, Ye = ["href", "target"];
-function Xe(e, t, n, o, r, i) {
-  return e.link ? (d(), p("a", T({
+}, Je = ["href", "target"];
+function Ye(e, t, n, o, r, i) {
+  return e.link ? (d(), p("a", $({
     key: 0,
     role: "button",
     href: e.link,
     target: e.openLinkInNewTab ? "_blank" : void 0
-  }, e.filterAttrs(e.attributes, "v-on:", !1), j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), se(e.text), 17, Ye)) : (d(), p("button", T({
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), oe(e.text), 17, Je)) : (d(), p("button", $({
     key: 1,
     style: e.attributes.style,
     class: e._classStringToObject(e.attributes.class + " button-21azgz5avex")
-  }, e.filterAttrs(e.attributes, "v-on:", !1), j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), se(e.text), 17));
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), oe(e.text), 17));
 }
-const Qe = /* @__PURE__ */ y(Je, [["render", Xe], ["__scopeId", "data-v-ab4af752"]]), L = (e) => JSON.parse(JSON.stringify(e)), Ce = {
+const Xe = /* @__PURE__ */ y(Ge, [["render", Ye], ["__scopeId", "data-v-ab4af752"]]), L = (e) => JSON.parse(JSON.stringify(e)), Se = {
   small: {
     min: 320,
     default: 321,
@@ -61,11 +61,11 @@ const Qe = /* @__PURE__ */ y(Je, [["render", Xe], ["__scopeId", "data-v-ab4af752
     default: 991,
     max: 1200
   }
-}, ce = (e, t = Ce) => `@media (max-width: ${t[e].max}px)`, we = ({
+}, ae = (e, t = Se) => `@media (max-width: ${t[e].max}px)`, ve = ({
   small: e,
   medium: t
 }) => {
-  const n = L(Ce);
+  const n = L(Se);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -86,119 +86,37 @@ const Qe = /* @__PURE__ */ y(Je, [["render", Xe], ["__scopeId", "data-v-ab4af752
     min: i,
     default: i + 1
   }, n;
-}, B = "vue3", F = "[Builder.io]: ", w = {
+}, B = "vue3", F = "[Builder.io]: ", T = {
   log: (...e) => console.log(F, ...e),
   error: (...e) => console.error(F, ...e),
   warn: (...e) => console.warn(F, ...e),
   debug: (...e) => console.debug(F, ...e)
 };
-function S() {
+function C() {
   return typeof window < "u" && typeof document < "u";
 }
-function Ze() {
-  return S() && window.self !== window.top;
+function Qe() {
+  return C() && window.self !== window.top;
 }
 function A() {
-  return Ze() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return Qe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
-function ee() {
+function Ce() {
   const e = () => {
     var t;
     return typeof process < "u" && ((t = process == null ? void 0 : process.versions) == null ? void 0 : t.node);
   };
-  return !S() && !e();
+  return !C() && !e();
 }
 let q;
-ee() && import("./non-node-runtime.45773de4.js").then((e) => {
+Ce() && import("./non-node-runtime.b16cf7b9.js").then((e) => {
   q = e.runInNonNode;
 }).catch((e) => {
   const t = "Error importing JS interpreter for non-Node.js runtimes. Make sure `js-interpreter` is installed.\n      Read more here: https://github.com/BuilderIO/builder/tree/main/packages/sdks/README.md#non-nodejs-runtimes-edge-serverless\n      ";
-  w.error(t, e), q = (...n) => {
-    w.error(t);
+  T.error(t, e), q = (...n) => {
+    T.error(t);
   };
 });
-const et = () => {
-  if (S()) {
-    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;
-}, tt = () => typeof navigator == "object" && navigator.userAgent || "", $e = () => {
-  const e = tt(), t = {
-    Android() {
-      return e.match(/Android/i);
-    },
-    BlackBerry() {
-      return e.match(/BlackBerry/i);
-    },
-    iOS() {
-      return e.match(/iPhone|iPod/i);
-    },
-    Opera() {
-      return e.match(/Opera Mini/i);
-    },
-    Windows() {
-      return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
-    },
-    any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || B === "reactNative";
-    }
-  }, n = e.match(/Tablet|iPad/i), o = et();
-  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"
-  };
-};
-let G;
-!S() && !ee() && import("./node-runtime.dc2f1f18.js").then((e) => {
-  G = e.runInNode;
-}).catch((e) => {
-  const t = "Error importing `isolated-vm` for Node.js runtimes. Make sure `isolated-vm` is installed.\n    Read more here: https://github.com/BuilderIO/builder/tree/main/packages/sdks/README.md#non-nodejs-runtimes-edge-serverless\n    ";
-  w.error(t, e), G = (...n) => {
-    w.error(t);
-  };
-});
-const nt = ({
-  builder: e,
-  context: t,
-  event: n,
-  state: o
-}) => Object.entries({
-  state: o,
-  Builder: e,
-  builder: e,
-  context: t,
-  event: n
-}), ot = ({
-  code: e,
-  builder: t,
-  context: n,
-  event: o,
-  localState: r,
-  rootSetState: i,
-  rootState: s
-}) => {
-  const a = nt({
-    builder: t,
-    context: n,
-    event: o,
-    state: rt(s, r, i)
-  });
-  return new Function(...a.map(([l]) => l), e)(...a.map(([, l]) => l));
-};
-function rt(e, t, n) {
-  if (e === t)
-    throw new Error("rootState === localState");
-  return new Proxy(e, {
-    get: (o, r) => t && r in t ? t[r] : e[r],
-    set: (o, r, i) => {
-      if (t && r in t)
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      return e[r] = i, n == null || n(e), !0;
-    }
-  });
-}
 function M({
   code: e,
   context: t,
@@ -209,16 +127,15 @@ function M({
   isExpression: s = !0
 }) {
   if (e === "") {
-    w.warn("Skipping evaluation of empty code block.");
+    T.warn("Skipping evaluation of empty code block.");
     return;
   }
   const a = {
     isEditing: A(),
-    isBrowser: S(),
-    isServer: !S(),
-    getUserAttributes: () => $e()
+    isBrowser: C(),
+    isServer: !C()
   }, u = {
-    code: s && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e,
+    useCode: s && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e,
     builder: a,
     context: t,
     event: i,
@@ -226,22 +143,46 @@ function M({
     rootState: o,
     localState: n
   };
+  return C() ? we(u) : Ce() ? q(u) : Ze(u);
+}
+const we = ({
+  useCode: e,
+  builder: t,
+  context: n,
+  event: o,
+  localState: r,
+  rootSetState: i,
+  rootState: s
+}) => {
+  const a = et(s, r, i);
   try {
-    return S() ? ot(u) : ee() ? q(u) : G(u);
-  } catch (h) {
-    w.error("Failed code evaluation: " + h.message, {
-      code: e
-    });
-    return;
+    return new Function("builder", "Builder", "state", "context", "event", e)(t, t, a, n, o);
+  } catch (l) {
+    T.warn(`Builder custom code error: 
+ While Evaluating: 
+ `, e, `
+`, l);
   }
+}, Ze = (e) => we(e);
+function et(e, t, n) {
+  if (e === t)
+    throw new Error("rootState === localState");
+  return new Proxy(e, {
+    get: (o, r) => t && r in t ? t[r] : e[r],
+    set: (o, r, i) => {
+      if (t && r in t)
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      return e[r] = i, n == null || n(e), !0;
+    }
+  });
 }
-const st = (e, t, n) => {
+const tt = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
   return o.slice(0, -1).reduce((r, i, s) => Object(r[i]) === r[i] ? r[i] : r[i] = Math.abs(Number(o[s + 1])) >> 0 === +o[s + 1] ? [] : {}, e)[o[o.length - 1]] = n, e;
 };
-const it = ({
+const nt = ({
   block: e,
   context: t,
   localState: n,
@@ -267,11 +208,11 @@ const it = ({
       rootSetState: r,
       context: t
     });
-    st(s, a, c);
+    tt(s, a, c);
   }
   return s;
 };
-function te({
+function Z({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -280,7 +221,7 @@ function te({
   rootSetState: i
 }) {
   const s = e;
-  return n ? it({
+  return n ? nt({
     block: s,
     localState: o,
     rootState: r,
@@ -288,34 +229,34 @@ function te({
     context: t
   }) : s;
 }
-const at = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), E = (e) => e != null, lt = (e) => Object.entries(e).map(([n, o]) => {
+const ot = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), E = (e) => e != null, rt = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
-    return `${at(n)}: ${o};`;
-}).filter(E), ct = (e) => lt(e).join(`
+    return `${ot(n)}: ${o};`;
+}).filter(E), st = (e) => rt(e).join(`
 `), z = ({
   mediaQuery: e,
   className: t,
   styles: n
 }) => {
   const o = `.${t} {
-    ${ct(n)}
+    ${st(n)}
   }`;
   return e ? `${e} {
       ${o}
     }` : o;
 }, K = g({
   render() {
-    return Se("style", { id: this.id, innerHTML: this.styles });
+    return ye("style", { id: this.id, innerHTML: this.styles });
   },
   name: "inlined-styles",
   props: ["styles", "id"]
-}), dt = g({
+}), it = g({
   name: "block-styles",
   components: { InlinedStyles: K },
   props: ["block", "context"],
   data() {
     return {
-      processedBlock: te({
+      processedBlock: Z({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -332,7 +273,7 @@ const at = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
     },
     css() {
       var u;
-      const e = this.processedBlock.responsiveStyles, t = this.context.content, n = we(
+      const e = this.processedBlock.responsiveStyles, t = this.context.content, n = ve(
         ((u = t == null ? void 0 : t.meta) == null ? void 0 : u.breakpoints) || {}
       ), o = e == null ? void 0 : e.large, r = e == null ? void 0 : e.medium, i = e == null ? void 0 : e.small, s = this.processedBlock.id;
       if (!s)
@@ -343,14 +284,14 @@ const at = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
       }) : "", l = r ? z({
         className: s,
         styles: r,
-        mediaQuery: ce(
+        mediaQuery: ae(
           "medium",
           n
         )
       }) : "", c = i ? z({
         className: s,
         styles: i,
-        mediaQuery: ce(
+        mediaQuery: ae(
           "small",
           n
         )
@@ -359,18 +300,18 @@ const at = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase
     }
   }
 });
-function ut(e, t, n, o, r, i) {
+function at(e, t, n, o, r, i) {
   const s = b("inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), v(s, {
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (d(), S(s, {
     key: 0,
     styles: e.css
-  }, null, 8, ["styles"])) : C("", !0);
+  }, null, 8, ["styles"])) : v("", !0);
 }
-const Te = /* @__PURE__ */ y(dt, [["render", ut]]), pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $e = /* @__PURE__ */ y(it, [["render", at]]), lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Te
+  default: $e
 }, Symbol.toStringTag, { value: "Module" }));
-function mt(e) {
+function ct(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
@@ -378,13 +319,13 @@ function mt(e) {
     builderBlock: e
   };
 }
-const ht = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], ft = (e) => typeof e == "string" && ht.includes(e.toLowerCase()), gt = ({
+const dt = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], ut = (e) => typeof e == "string" && dt.includes(e.toLowerCase()), pt = ({
   block: e,
   context: t,
   registeredComponents: n
 }) => {
   var i;
-  const o = (i = te({
+  const o = (i = Z({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -400,7 +341,7 @@ const ht = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   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?`);
-}, bt = ({
+}, mt = ({
   block: e,
   context: t
 }) => {
@@ -433,54 +374,54 @@ const ht = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     },
     block: o
   }));
-}, yt = () => Promise.resolve().then(() => pt).then((e) => e.default).catch((e) => {
+}, ht = () => Promise.resolve().then(() => lt).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), kt = () => import("./repeated-block.238616b4.js").then((e) => e.default).catch((e) => {
+}), ft = () => import("./repeated-block.ee20f5f0.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;
-}), St = () => import("./component-ref.5764cdf2.js").then((e) => e.default).catch((e) => {
+}), gt = () => import("./component-ref.72a8476f.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;
-}), vt = () => import("./block-wrapper.5ca35adf.js").then((e) => e.default).catch((e) => {
+}), bt = () => import("./block-wrapper.0604faad.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;
-}), Ct = g({
+}), yt = g({
   name: "block",
   components: {
-    ComponentRef: _(St),
-    BlockWrapper: _(vt),
-    RepeatedBlock: _(kt),
-    BlockStyles: _(yt)
+    ComponentRef: _(gt),
+    BlockWrapper: _(bt),
+    RepeatedBlock: _(ft),
+    BlockStyles: _(ht)
   },
   props: ["block", "context", "registeredComponents"],
   data() {
-    return { childrenContext: this.context, isEmptyHtmlElement: ft };
+    return { childrenContext: this.context, isEmptyHtmlElement: ut };
   },
   computed: {
     blockComponent() {
-      return gt({
+      return pt({
         block: this.block,
         context: this.context,
         registeredComponents: this.registeredComponents
       });
     },
     repeatItem() {
-      return bt({
+      return mt({
         block: this.block,
         context: this.context
       });
     },
     processedBlock() {
-      return this.repeatItem ? this.block : te({
+      return this.repeatItem ? this.block : Z({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -505,7 +446,7 @@ const ht = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
         blockChildren: (e = this.processedBlock.children) != null ? e : [],
         componentRef: (t = this.blockComponent) == null ? void 0 : t.component,
         componentOptions: {
-          ...mt(this.processedBlock),
+          ...ct(this.processedBlock),
           builderContext: this.context,
           ...((n = this.blockComponent) == null ? void 0 : n.name) === "Symbol" || ((o = this.blockComponent) == null ? void 0 : o.name) === "Columns" ? {
             builderComponents: this.registeredComponents
@@ -520,54 +461,54 @@ const ht = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
     }
   }
 });
-function wt(e, t, n, o, r, i) {
+function kt(e, t, n, o, r, i) {
   var h;
   const s = b("block-wrapper"), a = b("repeated-block"), l = b("component-ref"), c = b("block", !0), u = b("block-styles");
   return e.canShowBlock ? (d(), p(I, { key: 0 }, [
-    (h = e.blockComponent) != null && h.noWrap ? (d(), v(l, ie(T({ key: 1 }, e.componentRefProps)), null, 16)) : (d(), p(I, { key: 0 }, [
-      e.isEmptyHtmlElement(e.Tag) ? (d(), v(s, {
+    (h = e.blockComponent) != null && h.noWrap ? (d(), S(l, re($({ key: 1 }, e.componentRefProps)), null, 16)) : (d(), p(I, { key: 0 }, [
+      e.isEmptyHtmlElement(e.Tag) ? (d(), S(s, {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !1
-      }, null, 8, ["Wrapper", "block", "context"])) : C("", !0),
-      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p(I, { key: 1 }, V(e.repeatItem, (m, f) => (d(), v(a, {
+      }, null, 8, ["Wrapper", "block", "context"])) : v("", !0),
+      !e.isEmptyHtmlElement(e.Tag) && e.repeatItem ? (d(!0), p(I, { key: 1 }, V(e.repeatItem, (m, f) => (d(), S(a, {
         key: f,
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents
-      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : C("", !0),
-      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), v(s, {
+      }, null, 8, ["repeatContext", "block", "registeredComponents"]))), 128)) : v("", !0),
+      !e.isEmptyHtmlElement(e.Tag) && !e.repeatItem ? (d(), S(s, {
         key: 2,
         Wrapper: e.Tag,
         block: e.processedBlock,
         context: e.context,
         hasChildren: !0
       }, {
-        default: Z(() => [
-          P(l, ie(qe(e.componentRefProps)), null, 16),
-          (d(!0), p(I, null, V(e.childrenWithoutParentComponent, (m, f) => (d(), v(c, {
+        default: Q(() => [
+          P(l, re(De(e.componentRefProps)), null, 16),
+          (d(!0), p(I, null, V(e.childrenWithoutParentComponent, (m, f) => (d(), S(c, {
             key: "block-" + m.id,
             block: m,
             context: e.childrenContext,
             registeredComponents: e.registeredComponents
           }, null, 8, ["block", "context", "registeredComponents"]))), 128)),
-          (d(!0), p(I, null, V(e.childrenWithoutParentComponent, (m, f) => (d(), v(u, {
+          (d(!0), p(I, null, V(e.childrenWithoutParentComponent, (m, f) => (d(), S(u, {
             key: "block-style-" + m.id,
             block: m,
             context: e.childrenContext
           }, null, 8, ["block", "context"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context"])) : C("", !0)
+      }, 8, ["Wrapper", "block", "context"])) : v("", !0)
     ], 64))
-  ], 64)) : C("", !0);
+  ], 64)) : v("", !0);
 }
-const Ie = /* @__PURE__ */ y(Ct, [["render", wt]]), Go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Te = /* @__PURE__ */ y(yt, [["render", kt]]), qo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ie
-}, Symbol.toStringTag, { value: "Module" })), $t = g({
+  default: Te
+}, Symbol.toStringTag, { value: "Module" })), St = g({
   name: "builder-blocks-wrapper",
   props: ["blocks", "parent", "path", "styleProp"],
   computed: {
@@ -614,9 +555,9 @@ const Ie = /* @__PURE__ */ y(Ct, [["render", wt]]), Go = /* @__PURE__ */ Object.
     }
   }
 });
-const Tt = ["builder-path", "builder-parent-id"];
-function It(e, t, n, o, r, i) {
-  return d(), p("div", T({
+const vt = ["builder-path", "builder-parent-id"];
+function Ct(e, t, n, o, r, i) {
+  return d(), p("div", $({
     class: e._classStringToObject(e.className + " div-178o76acnws"),
     "builder-path": e.path,
     "builder-parent-id": e.parent,
@@ -625,10 +566,10 @@ function It(e, t, n, o, r, i) {
     onMouseenter: t[1] || (t[1] = (s) => e.onMouseEnter()),
     onKeypress: t[2] || (t[2] = (s) => e.onClick())
   }, {}), [
-    O(e.$slots, "default", {}, void 0, !0)
-  ], 16, Tt);
+    j(e.$slots, "default", {}, void 0, !0)
+  ], 16, vt);
 }
-const Rt = /* @__PURE__ */ y($t, [["render", It], ["__scopeId", "data-v-4d6a880e"]]), xt = Symbol(), J = {
+const wt = /* @__PURE__ */ y(St, [["render", Ct], ["__scopeId", "data-v-4d6a880e"]]), $t = Symbol(), G = {
   Builder: {
     content: null,
     context: {},
@@ -641,16 +582,16 @@ const Rt = /* @__PURE__ */ y($t, [["render", It], ["__scopeId", "data-v-4d6a880e
     componentInfos: {},
     inheritedStyles: {}
   },
-  key: xt
-}, Et = Symbol(), Re = {
+  key: $t
+}, Tt = Symbol(), Ie = {
   Components: { registeredComponents: {} },
-  key: Et
-}, At = g({
+  key: Tt
+}, It = g({
   name: "builder-blocks",
   components: {
-    BlocksWrapper: Rt,
-    Block: Ie,
-    BlockStyles: Te
+    BlocksWrapper: wt,
+    Block: Te,
+    BlockStyles: $e
   },
   props: [
     "blocks",
@@ -661,37 +602,37 @@ const Rt = /* @__PURE__ */ y($t, [["render", It], ["__scopeId", "data-v-4d6a880e
     "registeredComponents"
   ],
   inject: {
-    builderContext: J.key,
-    componentsContext: Re.key
+    builderContext: G.key,
+    componentsContext: Ie.key
   }
 });
-function Bt(e, t, n, o, r, i) {
+function Rt(e, t, n, o, r, i) {
   const s = b("block"), a = b("block-styles"), l = b("blocks-wrapper");
-  return d(), v(l, {
+  return d(), S(l, {
     blocks: e.blocks,
     parent: e.parent,
     path: e.path,
     styleProp: e.styleProp
   }, {
-    default: Z(() => [
-      e.blocks ? (d(!0), p(I, { key: 0 }, V(e.blocks, (c, u) => (d(), v(s, {
+    default: Q(() => [
+      e.blocks ? (d(!0), p(I, { key: 0 }, V(e.blocks, (c, u) => (d(), S(s, {
         key: "render-block-" + c.id,
         block: c,
         context: e.context || e.builderContext,
         registeredComponents: e.registeredComponents || e.componentsContext.registeredComponents
-      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : C("", !0),
-      e.blocks ? (d(!0), p(I, { key: 1 }, V(e.blocks, (c, u) => (d(), v(a, {
+      }, null, 8, ["block", "context", "registeredComponents"]))), 128)) : v("", !0),
+      e.blocks ? (d(!0), p(I, { key: 1 }, V(e.blocks, (c, u) => (d(), S(a, {
         key: "block-style-" + c.id,
         block: c,
         context: e.context || e.builderContext
-      }, null, 8, ["block", "context"]))), 128)) : C("", !0)
+      }, null, 8, ["block", "context"]))), 128)) : v("", !0)
     ]),
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp"]);
 }
-const ne = /* @__PURE__ */ y(At, [["render", Bt]]), Vt = g({
+const ee = /* @__PURE__ */ y(It, [["render", Rt]]), xt = g({
   name: "builder-columns",
-  components: { InlinedStyles: K, Blocks: ne },
+  components: { InlinedStyles: K, Blocks: ee },
   props: [
     "js",
     "space",
@@ -795,7 +736,7 @@ const ne = /* @__PURE__ */ y(At, [["render", Bt]]), Vt = g({
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return we(
+      return ve(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -810,19 +751,19 @@ const ne = /* @__PURE__ */ y(At, [["render", Bt]]), Vt = g({
     }
   }
 });
-function Pt(e, t, n, o, r, i) {
+function Et(e, t, n, o, r, i) {
   const s = b("inlined-styles"), a = b("blocks");
-  return d(), p("div", T({
+  return d(), p("div", $({
     class: e._classStringToObject(
       `builder-columns ${e.builderBlock.id}-breakpoints div-16nol0lwi20`
     ),
     style: e.columnsCssVars
   }, {}), [
-    e.TARGET !== "reactNative" ? (d(), v(s, {
+    e.TARGET !== "reactNative" ? (d(), S(s, {
       key: 0,
       styles: e.columnsStyles
-    }, null, 8, ["styles"])) : C("", !0),
-    (d(!0), p(I, null, V(e.columns, (l, c) => (d(), p("div", T({
+    }, null, 8, ["styles"])) : v("", !0),
+    (d(!0), p(I, null, V(e.columns, (l, c) => (d(), p("div", $({
       key: c,
       class: "builder-column div-16nol0lwi20-2",
       style: e.columnCssVars(c)
@@ -840,32 +781,32 @@ function Pt(e, t, n, o, r, i) {
     ], 16))), 128))
   ], 16);
 }
-const Nt = /* @__PURE__ */ y(Vt, [["render", Pt], ["__scopeId", "data-v-c37bdfa8"]]), Ot = g({
+const At = /* @__PURE__ */ y(xt, [["render", Et], ["__scopeId", "data-v-c37bdfa8"]]), Bt = g({
   name: "builder-fragment-component",
   props: []
 });
-function jt(e, t, n, o, r, i) {
+function Vt(e, t, n, o, r, i) {
   return d(), p("span", null, [
-    O(e.$slots, "default")
+    j(e.$slots, "default")
   ]);
 }
-const _t = /* @__PURE__ */ y(Ot, [["render", jt]]);
-function de(e) {
+const Pt = /* @__PURE__ */ y(Bt, [["render", Vt]]);
+function le(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Ft(e = "", t, n) {
+function Nt(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 Ut(e, t) {
+function jt(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return de(e);
+    return le(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 de(`${o[0]}_${i}${r}`);
+    return le(`${o[0]}_${i}${r}`);
   }
   return null;
 }
@@ -876,11 +817,11 @@ function D(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) => `${Ft(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${Nt(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ut(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) => [jt(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const Mt = g({
+const Ot = g({
   name: "builder-image",
   props: [
     "image",
@@ -936,29 +877,29 @@ const Mt = g({
     }
   }
 });
-const Wt = ["srcset"], Lt = ["alt", "role", "src", "srcset", "sizes"], Kt = {
+const _t = ["srcset"], Ft = ["alt", "role", "src", "srcset", "sizes"], Ut = {
   key: 2,
   class: "div-1be3j8m9ewb-2"
 };
-function Ht(e, t, n, o, r, i) {
+function Mt(e, t, n, o, r, i) {
   var s, a, l, c;
   return d(), p(I, null, [
-    ae("picture", null, [
+    se("picture", null, [
       e.webpSrcSet ? (d(), p("source", {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Wt)) : C("", !0),
-      ae("img", {
+      }, null, 8, _t)) : v("", !0),
+      se("img", {
         loading: "lazy",
         alt: e.altText,
         role: e.altText ? "presentation" : void 0,
-        style: le({
+        style: ie({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
         }),
-        class: ve(
+        class: ke(
           e._classStringToObject(
             "builder-image" + (e.className ? " " + e.className : "") + " img-1be3j8m9ewb"
           )
@@ -966,30 +907,30 @@ function Ht(e, t, n, o, r, i) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, Lt)
+      }, null, 14, Ft)
     ]),
     e.aspectRatio && !(((a = (s = e.builderBlock) == null ? void 0 : s.children) == null ? void 0 : a.length) && e.fitContent) ? (d(), p("div", {
       key: 0,
       class: "builder-image-sizer div-1be3j8m9ewb",
-      style: le({
+      style: ie({
         paddingTop: e.aspectRatio * 100 + "%"
       })
-    }, null, 4)) : C("", !0),
-    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? O(e.$slots, "default", { key: 1 }, void 0, !0) : C("", !0),
-    !e.fitContent && e.$slots.default ? (d(), p("div", Kt, [
-      O(e.$slots, "default", {}, void 0, !0)
-    ])) : C("", !0)
+    }, null, 4)) : v("", !0),
+    ((c = (l = e.builderBlock) == null ? void 0 : l.children) == null ? void 0 : c.length) && e.fitContent ? j(e.$slots, "default", { key: 1 }, void 0, !0) : v("", !0),
+    !e.fitContent && e.$slots.default ? (d(), p("div", Ut, [
+      j(e.$slots, "default", {}, void 0, !0)
+    ])) : v("", !0)
   ], 64);
 }
-const zt = /* @__PURE__ */ y(Mt, [["render", Ht], ["__scopeId", "data-v-22a5a139"]]), Dt = g({
+const Wt = /* @__PURE__ */ y(Ot, [["render", Mt], ["__scopeId", "data-v-22a5a139"]]), Lt = g({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: W };
   }
 });
-function qt(e, t, n, o, r, i) {
-  return d(), p("section", T({
+function Kt(e, t, n, o, r, i) {
+  return d(), p("section", $({
     style: {
       width: "100%",
       alignSelf: "stretch",
@@ -1002,37 +943,37 @@ function qt(e, t, n, o, r, i) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    O(e.$slots, "default")
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    j(e.$slots, "default")
   ], 16);
 }
-const Gt = /* @__PURE__ */ y(Dt, [["render", qt]]), U = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+const Ht = /* @__PURE__ */ y(Lt, [["render", Kt]]), U = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Jt = ({
+})), zt = ({
   canTrack: e,
   content: t
 }) => !(!(U(t).length > 0) || !e);
-function Yt(e, t, n) {
+function Dt(e, t, n) {
   var s;
   function o() {
-    function a(k, $, x) {
+    function a(k, w, x) {
       let N = "";
       if (x) {
         const R = new Date();
         R.setTime(R.getTime() + x * 24 * 60 * 60 * 1e3), N = "; expires=" + R.toUTCString();
       }
-      document.cookie = k + "=" + ($ || "") + N + "; path=/; Secure; SameSite=None";
+      document.cookie = k + "=" + (w || "") + N + "; path=/; Secure; SameSite=None";
     }
     function l(k) {
-      const $ = k + "=", x = document.cookie.split(";");
+      const w = k + "=", x = document.cookie.split(";");
       for (let N = 0; N < x.length; N++) {
         let R = x[N];
         for (; R.charAt(0) === " "; )
           R = R.substring(1, R.length);
-        if (R.indexOf($) === 0)
-          return R.substring($.length, R.length);
+        if (R.indexOf(w) === 0)
+          return R.substring(w.length, R.length);
       }
       return null;
     }
@@ -1042,9 +983,9 @@ function Yt(e, t, n) {
     let m = 0;
     const f = Math.random();
     for (let k = 0; k < t.length; k++) {
-      const $ = t[k], x = $.testRatio;
+      const w = t[k], x = w.testRatio;
       if (m += x, f < m)
-        return a(c, $.id), $.id;
+        return a(c, w.id), w.id;
     }
     return a(c, e), e;
   }
@@ -1061,7 +1002,7 @@ function Yt(e, t, n) {
     i.innerHTML = a;
   }
 }
-function Xt(e, t, n) {
+function qt(e, t, n) {
   var l;
   if (!navigator.cookieEnabled)
     return;
@@ -1086,18 +1027,18 @@ function Xt(e, t, n) {
     return;
   }
 }
-const Qt = (e) => e === "react" || e === "reactNative", xe = Qt(B), Ee = "builderIoAbTest", Ae = "builderIoRenderContent", Zt = () => {
-  const e = Yt.toString().replace(/\s+/g, " "), t = Xt.toString().replace(/\s+/g, " ");
+const Gt = (e) => e === "react" || e === "reactNative", Re = Gt(B), xe = "builderIoAbTest", Ee = "builderIoRenderContent", Jt = () => {
+  const e = Dt.toString().replace(/\s+/g, " "), t = qt.toString().replace(/\s+/g, " ");
   return `
-  window.${Ee} = ${e}
-  window.${Ae} = ${t}
+  window.${xe} = ${e}
+  window.${Ee} = ${t}
   `;
-}, en = (e, t) => `
-  window.${Ee}("${t}",${JSON.stringify(e)}, ${xe})`, tn = ({
+}, Yt = (e, t) => `
+  window.${xe}("${t}",${JSON.stringify(e)}, ${Re})`, Xt = ({
   contentId: e,
   variationId: t
 }) => `
-  window.${Ae}("${t}", "${e}", ${xe})`, nn = {
+  window.${Ee}("${t}", "${e}", ${Re})`, Qt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1129,7 +1070,7 @@ const Qt = (e) => e === "react" || e === "reactNative", xe = Qt(B), Ee = "builde
   }],
   static: !0,
   noWrap: !0
-}, on = {
+}, Zt = {
   name: "Columns",
   isRSC: !0,
   inputs: [{
@@ -1329,13 +1270,13 @@ const Qt = (e) => e === "react" || e === "reactNative", xe = Qt(B), Ee = "builde
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, rn = {
+}, en = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, sn = {
+}, tn = {
   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",
@@ -1435,7 +1376,7 @@ const Qt = (e) => e === "react" || e === "reactNative", xe = Qt(B), Ee = "builde
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, an = {
+}, nn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1474,7 +1415,7 @@ const Qt = (e) => e === "react" || e === "reactNative", xe = Qt(B), Ee = "builde
       }
     }
   }]
-}, ln = {
+}, on = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1507,7 +1448,7 @@ const Qt = (e) => e === "react" || e === "reactNative", xe = Qt(B), Ee = "builde
     hideFromUI: !0,
     type: "boolean"
   }]
-}, cn = {
+}, rn = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1525,21 +1466,21 @@ const Qt = (e) => e === "react" || e === "reactNative", xe = Qt(B), Ee = "builde
     height: "auto",
     textAlign: "center"
   }
-}, dn = g({
+}, sn = g({
   name: "builder-text",
   props: ["text"]
-}), un = ["innerHTML"];
-function pn(e, t, n, o, r, i) {
+}), an = ["innerHTML"];
+function ln(e, t, n, o, r, i) {
   var s;
-  return d(), p("span", T({
+  return d(), p("span", $({
     class: "builder-text",
     innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
     style: {
       outline: "none"
     }
-  }, {}), null, 16, un);
+  }, {}), null, 16, an);
 }
-const mn = /* @__PURE__ */ y(dn, [["render", pn]]), hn = {
+const cn = /* @__PURE__ */ y(sn, [["render", ln]]), dn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1620,7 +1561,7 @@ const mn = /* @__PURE__ */ y(dn, [["render", pn]]), hn = {
     defaultValue: !0,
     advanced: !0
   }]
-}, fn = g({
+}, un = g({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -1662,10 +1603,10 @@ const mn = /* @__PURE__ */ y(dn, [["render", pn]]), hn = {
       };
     }
   }
-}), gn = ["preload", "src", "poster"];
-function bn(e, t, n, o, r, i) {
+}), pn = ["preload", "src", "poster"];
+function mn(e, t, n, o, r, i) {
   var s;
-  return d(), p("video", T({
+  return d(), p("video", $({
     preload: e.preload || "metadata",
     style: {
       width: "100%",
@@ -1677,9 +1618,9 @@ function bn(e, t, n, o, r, i) {
     },
     src: e.video || "no-src",
     poster: e.posterImage
-  }, e.spreadProps), null, 16, gn);
+  }, e.spreadProps), null, 16, pn);
 }
-const yn = /* @__PURE__ */ y(fn, [["render", bn]]), kn = {
+const hn = /* @__PURE__ */ y(un, [["render", mn]]), fn = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1704,7 +1645,7 @@ const yn = /* @__PURE__ */ y(fn, [["render", bn]]), kn = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Sn = ["text/javascript", "application/javascript", "application/ecmascript"], vn = (e) => Sn.includes(e.type), Cn = g({
+}, gn = ["text/javascript", "application/javascript", "application/ecmascript"], bn = (e) => gn.includes(e.type), yn = g({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -1737,7 +1678,7 @@ const yn = /* @__PURE__ */ y(fn, [["render", bn]]), kn = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (vn(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (bn(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -1746,15 +1687,15 @@ const yn = /* @__PURE__ */ y(fn, [["render", bn]]), kn = {
       }
     }
   }
-}), wn = ["innerHTML"];
-function $n(e, t, n, o, r, i) {
+}), kn = ["innerHTML"];
+function Sn(e, t, n, o, r, i) {
   return d(), p("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, wn);
+  }, null, 8, kn);
 }
-const Tn = /* @__PURE__ */ y(Cn, [["render", $n]]), In = g({
+const vn = /* @__PURE__ */ y(yn, [["render", Sn]]), Cn = g({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -1767,9 +1708,9 @@ const Tn = /* @__PURE__ */ y(Cn, [["render", $n]]), In = g({
   data() {
     return { isEditing: A, filterAttrs: W };
   }
-}), Rn = ["alt", "src"];
-function xn(e, t, n, o, r, i) {
-  return d(), p("img", T({
+}), wn = ["alt", "src"];
+function $n(e, t, n, o, r, i) {
+  return d(), p("img", $({
     style: {
       objectFit: e.backgroundSize || "cover",
       objectPosition: e.backgroundPosition || "center"
@@ -1777,9 +1718,9 @@ function xn(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), j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Rn);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, wn);
 }
-const En = /* @__PURE__ */ y(In, [["render", xn]]), An = {
+const Tn = /* @__PURE__ */ y(Cn, [["render", $n]]), In = {
   name: "Raw:Img",
   hideFromInsertMenu: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -1792,7 +1733,7 @@ const En = /* @__PURE__ */ y(In, [["render", xn]]), An = {
   }],
   noWrap: !0,
   static: !0
-}, Bn = g({
+}, Rn = g({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -1839,19 +1780,19 @@ const En = /* @__PURE__ */ y(In, [["render", xn]]), An = {
       return t;
     }
   }
-}), Vn = ["innerHTML"];
-function Pn(e, t, n, o, r, i) {
+}), xn = ["innerHTML"];
+function En(e, t, n, o, r, i) {
   return d(), p("div", {
     ref: "elem",
-    class: ve(
+    class: ke(
       e._classStringToObject(
         "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")
       )
     ),
     innerHTML: e.code
-  }, null, 10, Vn);
+  }, null, 10, xn);
 }
-const Nn = /* @__PURE__ */ y(Bn, [["render", Pn]]), On = {
+const An = /* @__PURE__ */ y(Rn, [["render", En]]), Bn = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1873,55 +1814,55 @@ const Nn = /* @__PURE__ */ y(Bn, [["render", Pn]]), On = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, ue = () => [{
-  component: Qe,
-  ...nn
+}, ce = () => [{
+  component: Xe,
+  ...Qt
 }, {
-  component: Nt,
-  ...on
+  component: At,
+  ...Zt
 }, {
-  component: Nn,
-  ...On
+  component: An,
+  ...Bn
 }, {
-  component: Tn,
-  ...kn
+  component: vn,
+  ...fn
 }, {
-  component: _t,
-  ...rn
+  component: Pt,
+  ...en
 }, {
-  component: zt,
-  ...sn
+  component: Wt,
+  ...tn
 }, {
-  component: En,
-  ...An
+  component: Tn,
+  ...In
 }, {
-  component: Gt,
-  ...an
+  component: Ht,
+  ...nn
 }, {
-  component: Do,
-  ...ln
+  component: zo,
+  ...on
 }, {
-  component: mn,
-  ...cn
+  component: cn,
+  ...rn
 }, {
-  component: yn,
-  ...hn
-}], pe = [], jn = (e) => ({
+  component: hn,
+  ...dn
+}], de = [], Vn = (e) => ({
   type: "builder.registerComponent",
   data: e
-}), _n = (e) => {
+}), Pn = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Fn = (e) => typeof e == "function" ? _n(e) : L(e), me = ({
+}, Nn = (e) => typeof e == "function" ? Pn(e) : L(e), ue = ({
   inputs: e,
   ...t
 }) => ({
   ...L(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
     ...o,
-    [r]: Fn(i)
+    [r]: Nn(i)
   }), {}))
-}), Un = (e) => {
+}), jn = (e) => {
   var i, s;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = (s = e.fileUrl) != null ? s : (i = e == null ? void 0 : e.files) == null ? void 0 : i.regular;
   let r = "";
@@ -1947,26 +1888,26 @@ font-weight: ${a};
         `.trim());
     }
   return r;
-}, Mn = ({
+}, On = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Un(n))) == null ? void 0 : t.join(" ")) || "";
-}, Wn = ({
+  return ((t = e == null ? void 0 : e.map((n) => jn(n))) == null ? void 0 : t.join(" ")) || "";
+}, _n = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ln = g({
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Fn = g({
   name: "content-styles",
   components: { InlinedStyles: K },
   props: ["cssCode", "contentId", "customFonts"],
   data() {
     return {
       injectedStyles: `
-${Wn({
+${_n({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Mn({
+${On({
         customFonts: this.customFonts
       })}
 
@@ -1986,11 +1927,11 @@ ${Mn({
     };
   }
 });
-function Kn(e, t, n, o, r, i) {
+function Un(e, t, n, o, r, i) {
   const s = b("inlined-styles");
-  return d(), v(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
+  return d(), S(s, { styles: e.injectedStyles }, null, 8, ["styles"]);
 }
-const Hn = /* @__PURE__ */ y(Ln, [["render", Kn]]), zn = ({
+const Mn = /* @__PURE__ */ y(Fn, [["render", Un]]), Wn = ({
   content: e,
   data: t,
   locale: n
@@ -2012,7 +1953,7 @@ const Hn = /* @__PURE__ */ y(Ln, [["render", Kn]]), zn = ({
     ...o,
     ...r
   };
-}, Dn = ({
+}, Ln = ({
   content: e,
   data: t
 }) => e ? {
@@ -2023,22 +1964,22 @@ const Hn = /* @__PURE__ */ y(Ln, [["render", Kn]]), zn = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function qn() {
+function Kn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Gn() {
-  const e = qn().fetch;
+function Hn() {
+  const e = Kn().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 Be = Gn(), Jn = (e) => {
+const Ae = Hn(), zn = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
   return t.length > 2 ? t.slice(1).join(".") : e;
-}, Ve = ({
+}, Be = ({
   name: e,
   canTrack: t
 }) => {
@@ -2046,17 +1987,17 @@ const Be = Gn(), Jn = (e) => {
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    w.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    T.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, Pe = async (e) => Ve(e), Yn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(E).join("; "), Xn = [["secure", ""], ["SameSite", "None"]], Qn = ({
+}, Ve = async (e) => Be(e), Dn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(E).join("; "), qn = [["secure", ""], ["SameSite", "None"]], Gn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (S() ? location.protocol === "https:" : !0) ? Xn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", Jn(window.location.hostname)], ...r];
-  return Yn(s);
-}, Ne = async ({
+  const r = (C() ? location.protocol === "https:" : !0) ? qn : [[]], i = n ? [["expires", n.toUTCString()]] : [[]], s = [[e, t], ...i, ["path", "/"], ["domain", zn(window.location.hostname)], ...r];
+  return Dn(s);
+}, Pe = async ({
   name: e,
   value: t,
   expires: n,
@@ -2065,98 +2006,130 @@ const Be = Gn(), Jn = (e) => {
   try {
     if (!o)
       return;
-    const r = Qn({
+    const r = Gn({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = r;
   } catch (r) {
-    w.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    T.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
 };
-function Zn() {
+function Jn() {
   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 Oe() {
-  return Zn().replace(/-/g, "");
+function Ne() {
+  return Jn().replace(/-/g, "");
 }
-const je = "builderSessionId", eo = async ({
+const je = "builderSessionId", Yn = async ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = await Pe({
+  const t = await Ve({
     name: je,
     canTrack: e
   });
   if (E(t))
     return t;
   {
-    const n = to();
-    return no({
+    const n = Xn();
+    return Qn({
       id: n,
       canTrack: e
     }), n;
   }
-}, to = () => Oe(), no = ({
+}, Xn = () => Ne(), Qn = ({
   id: e,
   canTrack: t
-}) => Ne({
+}) => Pe({
   name: je,
   value: e,
   canTrack: t
-}), _e = () => S() && typeof localStorage < "u" ? localStorage : void 0, oo = ({
+}), Oe = () => C() && typeof localStorage < "u" ? localStorage : void 0, Zn = ({
   key: e,
   canTrack: t
 }) => {
   var n;
   try {
-    return t ? (n = _e()) == null ? void 0 : n.getItem(e) : void 0;
+    return t ? (n = Oe()) == null ? void 0 : n.getItem(e) : void 0;
   } catch (o) {
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, ro = ({
+}, eo = ({
   key: e,
   canTrack: t,
   value: n
 }) => {
   var o;
   try {
-    t && ((o = _e()) == null || o.setItem(e, n));
+    t && ((o = Oe()) == null || o.setItem(e, n));
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, Fe = "builderVisitorId", so = ({
+}, _e = "builderVisitorId", to = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = oo({
-    key: Fe,
+  const t = Zn({
+    key: _e,
     canTrack: e
   });
   if (E(t))
     return t;
   {
-    const n = io();
-    return ao({
+    const n = no();
+    return oo({
       id: n,
       canTrack: e
     }), n;
   }
-}, io = () => Oe(), ao = ({
+}, no = () => Ne(), oo = ({
   id: e,
   canTrack: t
-}) => ro({
-  key: Fe,
+}) => eo({
+  key: _e,
   value: e,
   canTrack: t
-}), lo = async ({
+}), ro = () => {
+  if (C()) {
+    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;
+}, so = () => typeof navigator == "object" && navigator.userAgent || "", io = () => {
+  const e = so(), t = {
+    Android() {
+      return e.match(/Android/i);
+    },
+    BlackBerry() {
+      return e.match(/BlackBerry/i);
+    },
+    iOS() {
+      return e.match(/iPhone|iPod/i);
+    },
+    Opera() {
+      return e.match(/Opera Mini/i);
+    },
+    Windows() {
+      return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
+    },
+    any() {
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || B === "reactNative";
+    }
+  }, n = e.match(/Tablet|iPad/i), o = ro();
+  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"
+  };
+}, ao = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -2164,16 +2137,16 @@ const je = "builderSessionId", eo = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await eo({
+  const t = await Yn({
     canTrack: e
-  }), n = so({
+  }), n = to({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, co = async ({
+}, lo = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -2187,23 +2160,23 @@ const je = "builderSessionId", eo = async ({
       url: location.href,
       ...o
     },
-    ...await lo({
+    ...await ao({
       canTrack: t
     }),
-    userAttributes: $e(),
+    userAttributes: io(),
     ownerId: n
   }
 });
-async function Y(e) {
+async function J(e) {
   if (!e.apiKey) {
-    w.error("Missing API key for track call. Please provide your API key.");
+    T.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (!!e.canTrack && !A() && !!(S() || B === "reactNative"))
+  if (!!e.canTrack && !A() && !!(C() || B === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await co(e)]
+        events: [await lo(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -2213,13 +2186,13 @@ async function Y(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Jo = (e) => Y({
+const Go = (e) => J({
   ...e,
   canTrack: !0
-}), uo = "UNKNOWN_VERSION", he = {};
-function po(e, t) {
-  let n = he[e];
-  if (n || (n = he[e] = []), n.push(t), S()) {
+}), co = "0.5.6", pe = {};
+function uo(e, t) {
+  let n = pe[e];
+  if (n || (n = pe[e] = []), n.push(t), C()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2234,8 +2207,8 @@ function po(e, t) {
     }
   }
 }
-const mo = () => {
-  po("insertMenu", {
+const po = () => {
+  uo("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2257,14 +2230,14 @@ const mo = () => {
     }]
   });
 };
-let fe = !1;
-const ho = (e = {}) => {
+let me = !1;
+const mo = (e = {}) => {
   var t, n;
-  fe || (fe = !0, S() && ((t = window.parent) == null || t.postMessage({
+  me || (me = !0, C() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: B,
-      version: uo,
+      version: co,
       supportsPatchUpdates: !1,
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0
@@ -2315,10 +2288,10 @@ const ho = (e = {}) => {
       }
   })));
 };
-function ge(e) {
+function he(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const fo = (e, t, n = !0) => {
+const ho = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -2329,52 +2302,52 @@ const fo = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, go = (e) => fo(e, (t) => {
+}, fo = (e) => ho(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return Boolean((n == null ? void 0 : n.indexOf("builder-")) === 0);
-}), be = ({
+}), fe = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = ge(o / n.width), s = ge(r / n.height);
+  const n = t.getBoundingClientRect(), o = e.clientX - n.left, r = e.clientY - n.top, i = he(o / n.width), s = he(r / n.height);
   return {
     x: i,
     y: s
   };
-}, bo = (e) => {
-  const t = e.target, n = t && go(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, go = (e) => {
+  const t = e.target, n = t && fo(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
-      targetOffset: t ? be({
+      targetOffset: t ? fe({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? be({
+      builderTargetOffset: n ? fe({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, yo = "builder.tests", oe = (e) => `${yo}.${e}`, ko = ({
+}, bo = "builder.tests", te = (e) => `${bo}.${e}`, yo = ({
   contentId: e
-}) => Pe({
-  name: oe(e),
+}) => Ve({
+  name: te(e),
   canTrack: !0
-}), So = ({
+}), ko = ({
   contentId: e
-}) => Ve({
-  name: oe(e),
+}) => Be({
+  name: te(e),
   canTrack: !0
-}), vo = ({
+}), So = ({
   contentId: e,
   value: t
-}) => Ne({
-  name: oe(e),
+}) => Pe({
+  name: te(e),
   value: t,
   canTrack: !0
-}), Ue = (e) => E(e.id) && E(e.variations) && Object.keys(e.variations).length > 0, Co = ({
+}), Fe = (e) => E(e.id) && E(e.variations) && Object.keys(e.variations).length > 0, vo = ({
   id: e,
   variations: t
 }) => {
@@ -2387,15 +2360,15 @@ const fo = (e, t, n = !0) => {
       return i;
   }
   return e;
-}, Me = (e) => {
-  const t = Co(e);
-  return vo({
+}, Ue = (e) => {
+  const t = vo(e);
+  return So({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    w.error("could not store A/B test variation: ", n);
+    T.error("could not store A/B test variation: ", n);
   }), t;
-}, We = ({
+}, Me = ({
   item: e,
   testGroupId: t
 }) => {
@@ -2408,7 +2381,7 @@ const fo = (e, t, n = !0) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, wo = ({
+}, Co = ({
   item: e,
   canTrack: t
 }) => {
@@ -2416,14 +2389,14 @@ const fo = (e, t, n = !0) => {
     return e;
   if (!e)
     return;
-  if (!Ue(e))
+  if (!Fe(e))
     return e;
-  const n = So({
+  const n = ko({
     contentId: e.id
-  }) || Me({
+  }) || Ue({
     variations: e.variations,
     id: e.id
-  }), o = We({
+  }), o = Me({
     item: e,
     testGroupId: n
   });
@@ -2431,18 +2404,18 @@ const fo = (e, t, n = !0) => {
     ...e,
     ...o
   };
-}, $o = async ({
+}, wo = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !Ue(e))
+  if (!t || !Fe(e))
     return e;
-  const o = await ko({
+  const o = await yo({
     contentId: e.id
-  }) || Me({
+  }) || Ue({
     variations: e.variations,
     id: e.id
-  }), r = We({
+  }), r = Me({
     item: e,
     testGroupId: o
   });
@@ -2450,40 +2423,40 @@ const fo = (e, t, n = !0) => {
     ...e,
     ...r
   };
-}, X = (e) => E(e) ? e : !0;
-function Q(e, t = null, n = ".") {
+}, Y = (e) => E(e) ? e : !0;
+function X(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const i = e[r], s = [t, r].filter(Boolean).join(n);
     return [typeof i == "object", i !== null, !(Array.isArray(i) && i.length === 0)].every(Boolean) ? {
       ...o,
-      ...Q(i, s, n)
+      ...X(i, s, n)
     } : {
       ...o,
       [s]: i
     };
   }, {});
 }
-const ye = "builder.", To = "options.", Io = (e) => {
+const ge = "builder.", $o = "options.", To = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
   }), t;
-}, Le = (e) => {
+}, We = (e) => {
   if (!e)
     return {};
-  const t = Ke(e), n = {};
+  const t = Le(e), n = {};
   return Object.keys(t).forEach((o) => {
-    if (o.startsWith(ye)) {
-      const r = o.replace(ye, "").replace(To, "");
+    if (o.startsWith(ge)) {
+      const r = o.replace(ge, "").replace($o, "");
       n[r] = t[o];
     }
   }), n;
-}, Ro = () => {
-  if (!S())
+}, Io = () => {
+  if (!C())
     return {};
   const e = new URLSearchParams(window.location.search);
-  return Le(e);
-}, Ke = (e) => e instanceof URLSearchParams ? Io(e) : e, xo = "v3", re = (e) => {
+  return We(e);
+}, Le = (e) => e instanceof URLSearchParams ? To(e) : e, Ro = "v3", ne = (e) => {
   const {
     limit: t = 30,
     userAttributes: n,
@@ -2494,71 +2467,71 @@ const ye = "builder.", To = "options.", Io = (e) => {
     includeRefs: a = !0,
     enrich: l,
     locale: c,
-    apiVersion: u = xo
+    apiVersion: u = Ro
   } = e;
   if (!s)
     throw new Error("Missing API key");
   if (!["v2", "v3"].includes(u))
     throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${u}'`);
   const h = new URL(`https://cdn.builder.io/api/${u}/content/${i}?apiKey=${s}&limit=${t}&noTraverse=${r}&includeRefs=${a}${c ? `&locale=${c}` : ""}${l ? `&enrich=${l}` : ""}`), m = {
-    ...Ro(),
-    ...Ke(e.options || {})
-  }, f = Q(m);
+    ...Io(),
+    ...Le(e.options || {})
+  }, f = X(m);
   for (const k in f)
     h.searchParams.set(k, String(f[k]));
   if (n && h.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const k = Q({
+    const k = X({
       query: o
     });
-    for (const $ in k)
-      h.searchParams.set($, JSON.stringify(k[$]));
+    for (const w in k)
+      h.searchParams.set(w, JSON.stringify(k[w]));
   }
   return h;
-}, Eo = (e) => "results" in e;
+}, xo = (e) => "results" in e;
 async function H(e) {
-  const t = await He({
+  const t = await Ke({
     ...e,
     limit: 1
   });
   return t && t.results[0] || null;
 }
-const Yo = H, Ao = async (e) => {
-  const t = re(e);
-  return await (await Be(t.href)).json();
-}, Bo = async (e, t, n = re(e)) => {
-  const o = X(e.canTrack);
-  if (n.search.includes("preview="), !o || !(S() || B === "reactNative"))
+const Jo = H, Eo = async (e) => {
+  const t = ne(e);
+  return await (await Ae(t.href)).json();
+}, Ao = async (e, t, n = ne(e)) => {
+  const o = Y(e.canTrack);
+  if (n.search.includes("preview="), !o || !(C() || B === "reactNative"))
     return t;
   try {
     const r = [];
     for (const i of t.results)
-      r.push(await $o({
+      r.push(await wo({
         item: i,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    w.error("Could not process A/B tests. ", r);
+    T.error("Could not process A/B tests. ", r);
   }
   return t;
 };
-async function He(e) {
+async function Ke(e) {
   try {
-    const t = re(e), n = await Ao(e);
-    return Eo(n) ? Bo(e, n) : (w.error("Error fetching data. ", {
+    const t = ne(e), n = await Eo(e);
+    return xo(n) ? Ao(e, n) : (T.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return w.error("Error fetching data. ", t), null;
+    return T.error("Error fetching data. ", t), null;
   }
 }
-const Xo = He;
-function Vo() {
-  return !S() || A() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
+const Yo = Ke;
+function Bo() {
+  return !C() || A() ? !1 : Boolean(location.search.indexOf("builder.preview=") !== -1);
 }
-const Po = g({
+const Vo = g({
   name: "enable-editor",
   props: [
     "canTrack",
@@ -2581,21 +2554,21 @@ const Po = g({
       shouldSendResetCookie: !1,
       httpReqsData: {},
       clicked: !1,
-      builderContext: J
+      builderContext: G
     };
   },
   provide() {
     const e = this;
     return {
-      [J.key]: e.builderContextSignal
+      [G.key]: e.builderContextSignal
     };
   },
   mounted() {
     var e, t;
-    if (this.apiKey || w.error(
+    if (this.apiKey || T.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), S()) {
-      if (A() && (this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), mo(), ho({
+    ), C()) {
+      if (A() && (this.forceReRenderCount = this.forceReRenderCount + 1, window.addEventListener("message", this.processMessage), po(), mo({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -2609,14 +2582,14 @@ const Po = g({
         this.builderContextSignal.componentInfos
       ).forEach((n) => {
         var r;
-        const o = jn(n);
+        const o = Vn(n);
         (r = window.parent) == null || r.postMessage(o, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         this.emitStateUpdate
       )), this.builderContextSignal.content) {
         const n = (e = this.builderContextSignal.content) == null ? void 0 : e.testVariationId, o = (t = this.builderContextSignal.content) == null ? void 0 : t.id;
-        Y({
+        J({
           type: "impression",
           canTrack: this.canTrackToUse,
           contentId: o,
@@ -2624,7 +2597,7 @@ const Po = g({
           variationId: n !== o ? n : void 0
         });
       }
-      if (Vo()) {
+      if (Bo()) {
         const n = new URL(location.href).searchParams, o = n.get("builder.preview"), r = n.get(
           `builder.preview.${o}`
         ), i = n.get("apiKey") || n.get("builder.space");
@@ -2668,7 +2641,7 @@ const Po = g({
     }
   },
   unmounted() {
-    S() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
+    C() && (window.removeEventListener("message", this.processMessage), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       this.emitStateUpdate
     ));
@@ -2759,13 +2732,13 @@ const Po = g({
       var t, n;
       if (this.builderContextSignal.content) {
         const o = (t = this.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (n = this.builderContextSignal.content) == null ? void 0 : n.id;
-        Y({
+        J({
           type: "click",
           canTrack: this.canTrackToUse,
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...bo(e),
+          ...go(e),
           unique: !this.clicked
         });
       }
@@ -2784,7 +2757,7 @@ const Po = g({
       );
     },
     handleRequest({ url: e, key: t }) {
-      Be(e).then((n) => n.json()).then((n) => {
+      Ae(e).then((n) => n.json()).then((n) => {
         var r, i;
         const o = {
           ...this.builderContextSignal.rootState,
@@ -2833,10 +2806,10 @@ const Po = g({
       return t;
     }
   }
-}), No = ["builder-content-id", "builder-model"];
-function Oo(e, t, n, o, r, i) {
+}), Po = ["builder-content-id", "builder-model"];
+function No(e, t, n, o, r, i) {
   var s;
-  return e.builderContextSignal.content ? (d(), p("div", T({
+  return e.builderContextSignal.content ? (d(), p("div", $({
     key: e.forceReRenderCount,
     ref: "elementRef",
     onClick: t[0] || (t[0] = (a) => e.onClick(a)),
@@ -2849,22 +2822,22 @@ function Oo(e, t, n, o, r, i) {
       "aria-hidden": !0
     }
   }), [
-    O(e.$slots, "default")
-  ], 16, No)) : C("", !0);
+    j(e.$slots, "default")
+  ], 16, Po)) : v("", !0);
 }
-const jo = /* @__PURE__ */ y(Po, [["render", Oo]]), ze = g({
+const jo = /* @__PURE__ */ y(Vo, [["render", No]]), He = g({
   render() {
-    return Se("script", { id: this.id, innerHTML: this.scriptStr });
+    return ye("script", { id: this.id, innerHTML: this.scriptStr });
   },
   name: "inlined-script",
   props: ["scriptStr", "id"]
-}), _o = Ge, Fo = g({
+}), Oo = qe, _o = g({
   name: "content-component",
   components: {
     EnableEditor: jo,
-    InlinedScript: ze,
-    ContentStyles: Hn,
-    Blocks: ne
+    InlinedScript: He,
+    ContentStyles: Mn,
+    Blocks: ee
   },
   props: [
     "content",
@@ -2885,31 +2858,31 @@ const jo = /* @__PURE__ */ y(Po, [["render", Oo]]), ze = g({
   data() {
     var e, t;
     return {
-      scriptStr: tn({
+      scriptStr: Xt({
         variationId: (e = this.content) == null ? void 0 : e.testVariationId,
         contentId: (t = this.content) == null ? void 0 : t.id
       }),
       registeredComponents: [
-        ...ue(),
-        ...pe,
+        ...ce(),
+        ...de,
         ...this.customComponents || []
       ].reduce(
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: _o(o),
-            ...me(r)
+            component: Oo(o),
+            ...ue(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: Dn({
+        content: Ln({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: zn({
+        rootState: Wn({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -2919,13 +2892,13 @@ const jo = /* @__PURE__ */ y(Po, [["render", Oo]]), ze = g({
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
-          ...ue(),
-          ...pe,
+          ...ce(),
+          ...de,
           ...this.customComponents || []
         ].reduce(
           (n, { component: o, ...r }) => ({
             ...n,
-            [r.name]: me(r)
+            [r.name]: ue(r)
           }),
           {}
         ),
@@ -2937,7 +2910,7 @@ const jo = /* @__PURE__ */ y(Po, [["render", Oo]]), ze = g({
   provide() {
     const e = this;
     return {
-      [Re.key]: {
+      [Ie.key]: {
         registeredComponents: e.registeredComponents
       }
     };
@@ -2948,9 +2921,9 @@ const jo = /* @__PURE__ */ y(Po, [["render", Oo]]), ze = g({
     }
   }
 });
-function Uo(e, t, n, o, r, i) {
+function Fo(e, t, n, o, r, i) {
   const s = b("inlined-script"), a = b("content-styles"), l = b("blocks"), c = b("enable-editor");
-  return d(), v(c, T({
+  return d(), S(c, $({
     content: e.content,
     model: e.model,
     context: e.context,
@@ -2963,21 +2936,21 @@ function Uo(e, t, n, o, r, i) {
     showContent: e.showContent,
     builderContextSignal: e.builderContextSignal
   }, {}), {
-    default: Z(() => {
-      var u, h, m, f, k, $, x;
+    default: Q(() => {
+      var u, h, m, f, k, w, x;
       return [
-        e.isSsrAbTest ? (d(), v(s, {
+        e.isSsrAbTest ? (d(), S(s, {
           key: 0,
           scriptStr: e.scriptStr
-        }, null, 8, ["scriptStr"])) : C("", !0),
-        e.TARGET !== "reactNative" ? (d(), v(a, {
+        }, null, 8, ["scriptStr"])) : v("", !0),
+        e.TARGET !== "reactNative" ? (d(), S(a, {
           key: 1,
           contentId: (u = e.builderContextSignal.content) == null ? void 0 : u.id,
           cssCode: (m = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : m.cssCode,
           customFonts: (k = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : k.customFonts
-        }, null, 8, ["contentId", "cssCode", "customFonts"])) : C("", !0),
+        }, null, 8, ["contentId", "cssCode", "customFonts"])) : v("", !0),
         P(l, {
-          blocks: (x = ($ = e.builderContextSignal.content) == null ? void 0 : $.data) == null ? void 0 : x.blocks,
+          blocks: (x = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : x.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents
         }, null, 8, ["blocks", "context", "registeredComponents"])
@@ -2986,12 +2959,12 @@ function Uo(e, t, n, o, r, i) {
     _: 1
   }, 16, ["content", "model", "context", "apiKey", "canTrack", "locale", "includeRefs", "enrich", "classNameProp", "showContent", "builderContextSignal"]);
 }
-const Mo = /* @__PURE__ */ y(Fo, [["render", Uo]]), Wo = g({
+const Uo = /* @__PURE__ */ y(_o, [["render", Fo]]), Mo = g({
   name: "content-variants",
   components: {
-    InlinedScript: ze,
+    InlinedScript: He,
     InlinedStyles: K,
-    ContentComponent: Mo
+    ContentComponent: Uo
   },
   props: [
     "canTrack",
@@ -3009,11 +2982,11 @@ const Mo = /* @__PURE__ */ y(Fo, [["render", Uo]]), Wo = g({
   ],
   data() {
     return {
-      shouldRenderVariants: Jt({
-        canTrack: X(this.canTrack),
+      shouldRenderVariants: zt({
+        canTrack: Y(this.canTrack),
         content: this.content
       }),
-      getScriptString: Zt,
+      getScriptString: Jt,
       getVariants: U,
       TARGET: B
     };
@@ -3024,7 +2997,7 @@ const Mo = /* @__PURE__ */ y(Fo, [["render", Uo]]), Wo = g({
   computed: {
     variantScriptStr() {
       var e;
-      return en(
+      return Yt(
         U(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -3040,28 +3013,28 @@ const Mo = /* @__PURE__ */ y(Fo, [["render", Uo]]), Wo = g({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : wo({
+      } : Co({
         item: this.content,
-        canTrack: X(this.canTrack)
+        canTrack: Y(this.canTrack)
       });
     }
   }
 });
-function Lo(e, t, n, o, r, i) {
+function Wo(e, t, n, o, r, i) {
   var c, u;
   const s = b("inlined-script"), a = b("inlined-styles"), l = b("content-component");
   return d(), p(I, null, [
-    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), v(s, {
+    !e.__isNestedRender && e.TARGET !== "reactNative" ? (d(), S(s, {
       key: 0,
       scriptStr: e.getScriptString()
-    }, null, 8, ["scriptStr"])) : C("", !0),
+    }, null, 8, ["scriptStr"])) : v("", !0),
     e.shouldRenderVariants ? (d(), p(I, { key: 1 }, [
       P(a, {
         id: `variants-styles-${(c = e.content) == null ? void 0 : c.id}`,
         styles: e.hideVariantsStyleString
       }, null, 8, ["id", "styles"]),
       P(s, { scriptStr: e.variantScriptStr }, null, 8, ["scriptStr"]),
-      (d(!0), p(I, null, V(e.getVariants(e.content), (h, m) => (d(), v(l, {
+      (d(!0), p(I, null, V(e.getVariants(e.content), (h, m) => (d(), S(l, {
         key: h.testVariationId,
         content: h,
         showContent: !1,
@@ -3078,8 +3051,8 @@ function Lo(e, t, n, o, r, i) {
         enrich: e.enrich,
         isSsrAbTest: e.shouldRenderVariants
       }, null, 8, ["content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"]))), 128))
-    ], 64)) : C("", !0),
-    P(l, T({
+    ], 64)) : v("", !0),
+    P(l, $({
       content: e.defaultContent,
       classNameProp: `variant-${(u = e.content) == null ? void 0 : u.id}`,
       showContent: !0,
@@ -3099,7 +3072,7 @@ function Lo(e, t, n, o, r, i) {
     }), null, 16, ["content", "classNameProp", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "canTrack", "locale", "includeRefs", "enrich", "isSsrAbTest"])
   ], 64);
 }
-const De = /* @__PURE__ */ y(Wo, [["render", Lo]]), Ko = async ({
+const ze = /* @__PURE__ */ y(Mo, [["render", Wo]]), Lo = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -3114,11 +3087,11 @@ const De = /* @__PURE__ */ y(Wo, [["render", Lo]]), Ko = async ({
         }
       }
     }).catch((n) => {
-      w.error("Could not fetch symbol content: ", n);
+      T.error("Could not fetch symbol content: ", n);
     });
-}, Ho = g({
+}, Ko = g({
   name: "builder-symbol",
-  components: { ContentVariants: De },
+  components: { ContentVariants: ze },
   props: [
     "js",
     "attributes",
@@ -3160,7 +3133,7 @@ const De = /* @__PURE__ */ y(Wo, [["render", Lo]]), Ko = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || Ko({
+      this.contentToUse || Lo({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -3178,12 +3151,12 @@ const De = /* @__PURE__ */ y(Wo, [["render", Lo]]), Ko = async ({
     }
   }
 });
-function zo(e, t, n, o, r, i) {
+function Ho(e, t, n, o, r, i) {
   var a, l, c, u;
   const s = b("content-variants");
-  return d(), p("div", T({
+  return d(), p("div", $({
     class: e._classStringToObject(e.className)
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, j(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, O(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     P(s, {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -3200,18 +3173,18 @@ function zo(e, t, n, o, r, i) {
     }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content"])
   ], 16);
 }
-const Do = /* @__PURE__ */ y(Ho, [["render", zo]]), Qo = ne, Zo = De, ke = {};
-function er(e) {
-  if (S()) {
-    Object.assign(ke, e);
+const zo = /* @__PURE__ */ y(Ko, [["render", Ho]]), Xo = ee, Qo = ze, be = {};
+function Zo(e) {
+  if (C()) {
+    Object.assign(be, e);
     const t = {
       type: "builder.settingsChange",
-      data: ke
+      data: be
     };
     parent.postMessage(t, "*");
   }
 }
-const tr = async (e) => {
+const er = 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,
@@ -3223,7 +3196,7 @@ const tr = async (e) => {
         urlPath: t
       } : {}
     },
-    options: Le(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
+    options: We(e.searchParams || ((i = e.url) == null ? void 0 : i.searchParams) || e.options)
   };
   return {
     apiKey: n.apiKey,
@@ -3232,40 +3205,39 @@ const tr = async (e) => {
   };
 };
 export {
-  Go as A,
-  J as B,
-  De as C,
-  _t as F,
-  zt as I,
-  Qo as R,
-  Gt as S,
+  G as B,
+  ze as C,
+  Pt as F,
+  Wt as I,
+  Xo as R,
+  Ht as S,
   B as T,
-  yn as V,
+  hn as V,
   y as _,
-  Ie as a,
-  Te as b,
-  lt as c,
-  Vo as d,
+  Te as a,
+  $e as b,
+  rt as c,
+  Bo as d,
   M as e,
-  jn as f,
-  nt as g,
-  er as h,
+  Vn as f,
+  Zo as g,
+  Ke as h,
   A as i,
-  He as j,
-  H as k,
-  w as l,
-  Xo as m,
-  Yo as n,
-  Bo as o,
-  Le as p,
-  tr as q,
-  po as r,
-  st as s,
-  Jo as t,
-  ne as u,
-  Zo as v,
-  Qe as w,
-  Nt as x,
-  Do as y,
-  mn as z
+  H as j,
+  Yo as k,
+  T as l,
+  Jo as m,
+  Ao as n,
+  We as o,
+  er as p,
+  ee as q,
+  uo as r,
+  tt as s,
+  Go as t,
+  Qo as u,
+  Xe as v,
+  At as w,
+  zo as x,
+  cn as y,
+  qo as z
 };