@builder.io/sdk-vue 1.0.30 → 1.0.32

package/lib/browser/{index-GWArj2Lm.js → index-KOlrj9_0.js}

@@ -2,7 +2,7 @@ var pt = Object.defineProperty;
 var mt = (e, t, n) => t in e ? pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var oe = (e, t, n) => (mt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as d, createElementBlock as m, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as w, toHandlers as B, withCtx as V, renderSlot as P, resolveComponent as g, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as H, createVNode as $, renderList as W, createCommentVNode as S, h as xe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
+import { defineComponent as f, openBlock as d, createElementBlock as m, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as w, toHandlers as x, withCtx as V, renderSlot as P, resolveComponent as g, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as H, createVNode as R, renderList as W, createCommentVNode as S, h as xe, createElementVNode as z, normalizeStyle as D, normalizeClass as J, markRaw as ft } from "vue";
 const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), gt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
 function N(e = {}, t, n) {
   const o = {};
@@ -27,13 +27,13 @@ const yt = f({
   return n;
 };
 function kt(e, t, n, o, r, s) {
-  return e.isEmptyElement(e.TagName) ? (d(), k(K(e.TagName), w({ key: 1 }, e.attributes, B(e.actionAttributes)), null, 16)) : (d(), m(I, { key: 0 }, [
-    typeof e.TagName == "string" ? (d(), k(K(e.TagName), w({ key: 0 }, e.attributes, B(e.actionAttributes)), {
+  return e.isEmptyElement(e.TagName) ? (d(), k(K(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), null, 16)) : (d(), m(I, { key: 0 }, [
+    typeof e.TagName == "string" ? (d(), k(K(e.TagName), w({ key: 0 }, e.attributes, x(e.actionAttributes)), {
       default: V(() => [
         P(e.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (d(), k(K(e.TagName), w({ key: 1 }, e.attributes, B(e.actionAttributes)), {
+    }, 16)) : (d(), k(K(e.TagName), w({ key: 1 }, e.attributes, x(e.actionAttributes)), {
       default: V(() => [
         P(e.$slots, "default")
       ]),
@@ -41,11 +41,11 @@ function kt(e, t, n, o, r, s) {
     }, 16))
   ], 64));
 }
-const me = /* @__PURE__ */ b(yt, [["render", kt]]), Cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const me = /* @__PURE__ */ b(yt, [["render", kt]]), Ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: me
-}, Symbol.toStringTag, { value: "Module" })), x = "vue", ee = () => {
-  switch (x) {
+}, Symbol.toStringTag, { value: "Module" })), $ = "vue", ee = () => {
+  switch ($) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -123,14 +123,10 @@ function It(e) {
   var t;
   return {
     ...(t = e.component) == null ? void 0 : t.options,
-    ...e.options,
-    /**
-     * Our built-in components frequently make use of the block, so we provide all of it under `builderBlock`
-     */
-    builderBlock: e
+    ...e.options
   };
 }
-const Z = "[Builder.io]: ", E = {
+const Z = "[Builder.io]: ", B = {
   log: (...e) => console.log(Z, ...e),
   error: (...e) => console.error(Z, ...e),
   warn: (...e) => console.warn(Z, ...e),
@@ -148,7 +144,7 @@ const $t = (e) => {
 function Rt() {
   return T() && window.self !== window.top;
 }
-function R(e) {
+function E(e) {
   return Rt() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
   We(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
@@ -158,8 +154,8 @@ const Et = () => {
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
     return console.warn("Cannot get location for tracking in non-browser environment"), null;
-}, Pt = () => typeof navigator == "object" && navigator.userAgent || "", Ne = () => {
-  const e = Pt(), t = {
+}, Bt = () => typeof navigator == "object" && navigator.userAgent || "", Ne = () => {
+  const e = Bt(), t = {
     Android() {
       return e.match(/Android/i);
     },
@@ -176,7 +172,7 @@ const Et = () => {
       return e.match(/IEMobile/i) || e.match(/WPDesktop/i);
     },
     any() {
-      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || x === "reactNative";
+      return t.Android() || t.BlackBerry() || t.iOS() || t.Opera() || t.Windows() || $ === "reactNative";
     }
   }, n = e.match(/Tablet|iPad/i), o = Et();
   return {
@@ -184,7 +180,7 @@ const Et = () => {
     host: (o == null ? void 0 : o.host) || (o == null ? void 0 : o.hostname),
     device: n ? "tablet" : t.any() ? "mobile" : "desktop"
   };
-}, Bt = ({
+}, Pt = ({
   builder: e,
   context: t,
   event: n,
@@ -197,7 +193,7 @@ const Et = () => {
   context: t,
   event: n
 }), xt = () => ({
-  isEditing: R(),
+  isEditing: E(),
   isBrowser: T(),
   isServer: !T(),
   getUserAttributes: () => Ne()
@@ -212,7 +208,7 @@ const Et = () => {
   rootSetState: s,
   rootState: i
 }) => {
-  const l = Bt({
+  const l = Pt({
     builder: t,
     context: n,
     event: o,
@@ -259,7 +255,7 @@ const Wt = () => {
   if (!Vt())
     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 ? (E.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
+  return e && t && !n ? (B.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
 }, Nt = (e) => (T() || Wt(), ve(e)), A = class A {
   static getCacheKey(t) {
     return JSON.stringify({
@@ -316,7 +312,7 @@ function te({
     }
     return u;
   } catch (u) {
-    E.error("Failed code evaluation: " + u.message, {
+    B.error("Failed code evaluation: " + u.message, {
       code: e
     });
     return;
@@ -479,7 +475,7 @@ const je = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${he(n)}: ${o};`;
 }).filter(U), Mt = (e) => je(e).join(`
-`), ws = ({
+`), Is = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -496,7 +492,7 @@ function jt({
 }) {
   return e;
 }
-const Ts = ({
+const $s = ({
   block: e,
   context: t
 }) => He(jt({
@@ -505,7 +501,7 @@ const Ts = ({
   block: e
 }));
 function He(e) {
-  switch (x) {
+  switch ($) {
     case "svelte":
     case "vue":
     case "solid":
@@ -574,39 +570,47 @@ const Ht = ({
     },
     block: o
   }));
-}, qt = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), zt = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)), Jt = () => Promise.resolve().then(() => ln).then((e) => e.default).catch((e) => {
+}, qt = (e, t) => e && (e.isRSC && $ === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+  builderLinkComponent: t
+} : {}, zt = (e, t) => e && (e.isRSC && $ === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+  builderComponents: t
+} : {}, Jt = (e, t) => e && (e.isRSC && $ === "rsc" || $ === "reactNative" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(e.name)) ? {
+  builderBlock: t
+} : {}, Gt = (e, t) => e && (e.isRSC && $ === "rsc" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Slot"].includes(e.name)) ? {
+  builderContext: t
+} : {}, Yt = () => Promise.resolve().then(() => dn).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Gt = () => import("./block-styles-zsif4DNQ.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./block-styles-zIxnCsu7.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;
-}), Yt = () => import("./block-wrapper-q84y908Y.js").then((e) => e.default).catch((e) => {
+}), Xt = () => import("./block-wrapper-BwmUweGI.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;
-}), Qt = () => import("./component-ref-XwVx-xwI.js").then((e) => e.default).catch((e) => {
+}), Zt = () => import("./component-ref-SNXa2Dn9.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;
-}), Xt = () => import("./repeated-block-D-MjOcCg.js").then((e) => e.default).catch((e) => {
+}), _t = () => import("./repeated-block-SnsEMvw9.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;
-}), Zt = f({
+}), en = f({
   name: "block",
   components: {
-    BlockStyles: H(Gt),
-    ComponentRef: H(Qt),
-    RepeatedBlock: H(Xt),
-    BlockWrapper: H(Yt),
-    DynamicDiv: H(Jt)
+    BlockStyles: H(Qt),
+    ComponentRef: H(Zt),
+    RepeatedBlock: H(_t),
+    BlockWrapper: H(Xt),
+    DynamicDiv: H(Yt)
   },
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
@@ -665,13 +669,13 @@ const Ht = ({
         componentRef: (e = this.blockComponent) == null ? void 0 : e.component,
         componentOptions: {
           ...It(this.processedBlock),
-          builderContext: this.context,
-          ...qt(this.blockComponent) ? {
-            builderLinkComponent: this.linkComponent
-          } : {},
-          ...zt(this.blockComponent) ? {
-            builderComponents: this.registeredComponents
-          } : {}
+          ...Jt(this.blockComponent, this.processedBlock),
+          ...Gt(this.blockComponent, this.context),
+          ...qt(this.blockComponent, this.linkComponent),
+          ...zt(
+            this.blockComponent,
+            this.registeredComponents
+          )
         },
         context: this.context,
         linkComponent: this.linkComponent,
@@ -683,11 +687,11 @@ const Ht = ({
     }
   }
 });
-function _t(e, t, n, o, r, s) {
+function tn(e, t, n, o, r, s) {
   var c;
   const i = g("BlockStyles"), l = g("ComponentRef"), a = g("Block", !0), u = g("BlockWrapper"), h = g("RepeatedBlock");
   return e.canShowBlock ? (d(), m(I, { key: 0 }, [
-    $(i, {
+    R(i, {
       block: e.block,
       context: e.context
     }, null, 8, ["block", "context"]),
@@ -713,11 +717,10 @@ function _t(e, t, n, o, r, s) {
         key: 0,
         Wrapper: e.Tag,
         block: e.processedBlock,
-        context: e.context,
-        linkComponent: e.linkComponent
+        context: e.context
       }, {
         default: V(() => [
-          $(l, {
+          R(l, {
             componentRef: e.componentRefProps.componentRef,
             componentOptions: e.componentRefProps.componentOptions,
             blockChildren: e.componentRefProps.blockChildren,
@@ -737,14 +740,14 @@ function _t(e, t, n, o, r, s) {
           }, null, 8, ["block", "registeredComponents", "linkComponent", "context"]))), 128))
         ]),
         _: 1
-      }, 8, ["Wrapper", "block", "context", "linkComponent"]))
+      }, 8, ["Wrapper", "block", "context"]))
     ], 64))
   ], 64)) : S("", !0);
 }
-const fe = /* @__PURE__ */ b(Zt, [["render", _t]]), Is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fe = /* @__PURE__ */ b(en, [["render", tn]]), Rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: fe
-}, Symbol.toStringTag, { value: "Module" })), en = f({
+}, Symbol.toStringTag, { value: "Module" })), nn = f({
   name: "builder-blocks-wrapper",
   props: [
     "blocks",
@@ -763,7 +766,7 @@ const fe = /* @__PURE__ */ b(Zt, [["render", _t]]), Is = /* @__PURE__ */ Object.
   methods: {
     onClick() {
       var e, t;
-      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.clickEmptyBlocks",
           data: {
@@ -776,7 +779,7 @@ const fe = /* @__PURE__ */ b(Zt, [["render", _t]]), Is = /* @__PURE__ */ Object.
     },
     onMouseEnter() {
       var e, t;
-      R() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
+      E() && !((e = this.blocks) != null && e.length) && ((t = window.parent) == null || t.postMessage(
         {
           type: "builder.hoverEmptyBlocks",
           data: {
@@ -789,7 +792,7 @@ const fe = /* @__PURE__ */ b(Zt, [["render", _t]]), Is = /* @__PURE__ */ Object.
     }
   }
 });
-function tn(e, t, n, o, r, s) {
+function on(e, t, n, o, r, s) {
   return d(), k(K(e.BlocksWrapper), w({
     class: e.className + " component-1k2igrjdg3x",
     "builder-path": e.path,
@@ -805,9 +808,9 @@ function tn(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const nn = /* @__PURE__ */ b(en, [["render", tn], ["__scopeId", "data-v-f091a4a7"]]), on = f({
+const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-f091a4a7"]]), sn = f({
   name: "builder-blocks",
-  components: { BlocksWrapper: nn, Block: fe },
+  components: { BlocksWrapper: rn, Block: fe },
   props: [
     "blocks",
     "parent",
@@ -822,7 +825,7 @@ const nn = /* @__PURE__ */ b(en, [["render", tn], ["__scopeId", "data-v-f091a4a7
     componentsContext: Ae.key
   }
 });
-function rn(e, t, n, o, r, s) {
+function an(e, t, n, o, r, s) {
   var a, u;
   const i = g("Block"), l = g("BlocksWrapper");
   return d(), k(l, {
@@ -845,16 +848,16 @@ function rn(e, t, n, o, r, s) {
     _: 1
   }, 8, ["blocks", "parent", "path", "styleProp", "BlocksWrapper", "BlocksWrapperProps"]);
 }
-const M = /* @__PURE__ */ b(on, [["render", rn]]), sn = f({
+const M = /* @__PURE__ */ b(sn, [["render", an]]), ln = f({
   name: "dynamic-div",
   props: []
 });
-function an(e, t, n, o, r, s) {
+function cn(e, t, n, o, r, s) {
   return d(), m("div", null, [
     P(e.$slots, "default")
   ]);
 }
-const Q = /* @__PURE__ */ b(sn, [["render", an]]), ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Q
 }, Symbol.toStringTag, { value: "Module" })), be = f({
@@ -882,7 +885,7 @@ const Q = /* @__PURE__ */ b(sn, [["render", an]]), ln = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, $s = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, cn = ({
+}, Es = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
   small: e,
   medium: t
 }) => {
@@ -908,7 +911,7 @@ const Q = /* @__PURE__ */ b(sn, [["render", an]]), ln = /* @__PURE__ */ Object.f
     min: s,
     default: s + 1
   }, n;
-}, dn = (e) => `builder-columns ${e}-breakpoints`, un = f({
+}, pn = (e) => `builder-columns ${e}-breakpoints`, mn = f({
   name: "builder-columns",
   components: {
     InlinedStyles: be,
@@ -932,8 +935,8 @@ const Q = /* @__PURE__ */ b(sn, [["render", an]]), ln = /* @__PURE__ */ Object.f
       cols: this.columns || [],
       stackAt: this.stackColumnsAt || "tablet",
       flexDir: this.stackColumnsAt === "never" ? "row" : this.reverseColumnsWhenStacked ? "column-reverse" : "column",
-      TARGET: x,
-      getColumnsClass: dn
+      TARGET: $,
+      getColumnsClass: pn
     };
   },
   methods: {
@@ -999,7 +1002,7 @@ const Q = /* @__PURE__ */ b(sn, [["render", an]]), ln = /* @__PURE__ */ Object.f
     },
     getWidthForBreakpointSize(e) {
       var n, o;
-      return cn(
+      return un(
         ((o = (n = this.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || {}
       )[e].max;
     },
@@ -1041,7 +1044,7 @@ const Q = /* @__PURE__ */ b(sn, [["render", an]]), ln = /* @__PURE__ */ Object.f
     }
   }
 });
-function pn(e, t, n, o, r, s) {
+function hn(e, t, n, o, r, s) {
   var u;
   const i = g("InlinedStyles"), l = g("Blocks"), a = g("DynamicRenderer");
   return d(), m("div", w({
@@ -1060,7 +1063,7 @@ function pn(e, t, n, o, r, s) {
       attributes: e.getAttributes(h, c)
     }, {
       default: V(() => [
-        $(l, {
+        R(l, {
           path: `component.options.columns.${c}.blocks`,
           parent: e.builderBlock.id,
           styleProp: {
@@ -1076,24 +1079,24 @@ function pn(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const mn = /* @__PURE__ */ b(un, [["render", pn], ["__scopeId", "data-v-27a4dde0"]]), hn = f({
+const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-27a4dde0"]]), bn = f({
   name: "builder-fragment-component",
   props: []
 });
-function fn(e, t, n, o, r, s) {
+function gn(e, t, n, o, r, s) {
   return d(), m("span", null, [
     P(e.$slots, "default")
   ]);
 }
-const bn = /* @__PURE__ */ b(hn, [["render", fn]]);
+const yn = /* @__PURE__ */ b(bn, [["render", gn]]);
 function Ce(e) {
   return e.replace(/http(s)?:/, "");
 }
-function gn(e = "", t, n) {
+function kn(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 yn(e, t) {
+function Sn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
@@ -1112,11 +1115,11 @@ function re(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) => `${gn(e, "width", r)} ${r}w`).concat([n]).join(", ");
+    return isNaN(o) || (n = `${n} ${o}w`), t.filter((r) => r !== o).map((r) => `${kn(e, "width", r)} ${r}w`).concat([n]).join(", ");
   }
-  return e.match(/cdn\.shopify\.com/) ? t.map((n) => [yn(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) => [Sn(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, o]) => `${n} ${o}w`).concat([e]).join(", ") : e;
 }
-const kn = f({
+const vn = f({
   name: "builder-image",
   props: [
     "image",
@@ -1124,6 +1127,7 @@ const kn = f({
     "srcset",
     "noWebp",
     "aspectRatio",
+    "highPriority",
     "altText",
     "backgroundPosition",
     "backgroundSize",
@@ -1162,11 +1166,11 @@ const kn = f({
       return this.aspectRatio ? e : void 0;
     }
   }
-}), Sn = ["srcset"], vn = ["alt", "role", "src", "srcset", "sizes"], Cn = {
+}), Cn = ["srcset"], wn = ["loading", "fetchpriority", "alt", "role", "src", "srcset", "sizes"], Tn = {
   key: 2,
   class: "div-1pl23ac79ld-2"
 };
-function wn(e, t, n, o, r, s) {
+function In(e, t, n, o, r, s) {
   var i, l, a, u, h, c;
   return d(), m(I, null, [
     z("picture", null, [
@@ -1174,9 +1178,10 @@ function wn(e, t, n, o, r, s) {
         key: 0,
         type: "image/webp",
         srcset: e.webpSrcSet
-      }, null, 8, Sn)) : S("", !0),
+      }, null, 8, Cn)) : S("", !0),
       z("img", {
-        loading: "lazy",
+        loading: e.highPriority ? "eager" : "lazy",
+        fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
         role: e.altText ? void 0 : "presentation",
         style: D({
@@ -1190,7 +1195,7 @@ function wn(e, t, n, o, r, s) {
         src: e.image,
         srcset: e.srcSetToUse,
         sizes: e.sizes
-      }, null, 14, vn)
+      }, null, 14, wn)
     ]),
     e.aspectRatio && !((l = (i = e.builderBlock) == null ? void 0 : i.children) != null && l.length && e.fitContent) ? (d(), m("div", {
       key: 0,
@@ -1200,19 +1205,19 @@ function wn(e, t, n, o, r, s) {
       })
     }, null, 4)) : S("", !0),
     (u = (a = e.builderBlock) == null ? void 0 : a.children) != null && u.length && e.fitContent ? P(e.$slots, "default", { key: 1 }, void 0, !0) : S("", !0),
-    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), m("div", Cn, [
+    !e.fitContent && ((c = (h = e.builderBlock) == null ? void 0 : h.children) != null && c.length) ? (d(), m("div", Tn, [
       P(e.$slots, "default", {}, void 0, !0)
     ])) : S("", !0)
   ], 64);
 }
-const Tn = /* @__PURE__ */ b(kn, [["render", wn], ["__scopeId", "data-v-6b703704"]]), In = f({
+const $n = /* @__PURE__ */ b(vn, [["render", In], ["__scopeId", "data-v-0d528855"]]), Rn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
     return { filterAttrs: N };
   }
 });
-function $n(e, t, n, o, r, s) {
+function En(e, t, n, o, r, s) {
   return d(), m("section", w({
     style: {
       width: "100%",
@@ -1226,11 +1231,11 @@ function $n(e, t, n, o, r, s) {
       marginLeft: "auto",
       marginRight: "auto"
     }
-  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     P(e.$slots, "default")
   ], 16);
 }
-const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
+const Bn = /* @__PURE__ */ b(Rn, [["render", En]]), Pn = (e) => {
   if (e === "localhost" || e === "127.0.0.1")
     return e;
   const t = e.split(".");
@@ -1243,16 +1248,16 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
   try {
     return t ? (n = document.cookie.split("; ").find((o) => o.startsWith(`${e}=`))) == null ? void 0 : n.split("=")[1] : void 0;
   } catch (o) {
-    E.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
+    B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, ze = async (e) => qe(e), Pn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(U).join("; "), Bn = [["secure", ""], ["SameSite", "None"]], xn = ({
+}, ze = async (e) => qe(e), xn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(U).join("; "), An = [["secure", ""], ["SameSite", "None"]], Vn = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const r = (T() ? location.protocol === "https:" : !0) ? Bn : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", En(window.location.hostname)], ...r];
-  return Pn(i);
+  const r = (T() ? location.protocol === "https:" : !0) ? An : [[]], s = n ? [["expires", n.toUTCString()]] : [[]], i = [[e, t], ...s, ["path", "/"], ["domain", Pn(window.location.hostname)], ...r];
+  return xn(i);
 }, Je = async ({
   name: e,
   value: t,
@@ -1262,33 +1267,33 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
   try {
     if (!o)
       return;
-    const r = xn({
+    const r = Vn({
       name: e,
       value: t,
       expires: n
     });
     document.cookie = r;
   } catch (r) {
-    E.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
+    B.warn("[COOKIE] SET error: ", (r == null ? void 0 : r.message) || r);
   }
-}, An = "builder.tests", ge = (e) => `${An}.${e}`, Vn = ({
+}, Wn = "builder.tests", ge = (e) => `${Wn}.${e}`, Nn = ({
   contentId: e
 }) => ze({
   name: ge(e),
   canTrack: !0
-}), Wn = ({
+}), Fn = ({
   contentId: e
 }) => qe({
   name: ge(e),
   canTrack: !0
-}), Nn = ({
+}), On = ({
   contentId: e,
   value: t
 }) => Je({
   name: ge(e),
   value: t,
   canTrack: !0
-}), Ge = (e) => U(e.id) && U(e.variations) && Object.keys(e.variations).length > 0, Fn = ({
+}), Ge = (e) => U(e.id) && U(e.variations) && Object.keys(e.variations).length > 0, Dn = ({
   id: e,
   variations: t
 }) => {
@@ -1302,12 +1307,12 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
   }
   return e;
 }, Ye = (e) => {
-  const t = Fn(e);
-  return Nn({
+  const t = Dn(e);
+  return On({
     contentId: e.id,
     value: t
   }).catch((n) => {
-    E.error("could not store A/B test variation: ", n);
+    B.error("could not store A/B test variation: ", n);
   }), t;
 }, Qe = ({
   item: e,
@@ -1323,7 +1328,7 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, On = ({
+}, Un = ({
   item: e,
   canTrack: t
 }) => {
@@ -1333,7 +1338,7 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
     return;
   if (!Ge(e))
     return e;
-  const n = Wn({
+  const n = Fn({
     contentId: e.id
   }) || Ye({
     variations: e.variations,
@@ -1346,13 +1351,13 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
     ...e,
     ...o
   };
-}, Dn = async ({
+}, Ln = async ({
   item: e,
   canTrack: t
 }) => {
   if (!t || !Ge(e))
     return e;
-  const o = await Vn({
+  const o = await Nn({
     contentId: e.id
   }) || Ye({
     variations: e.variations,
@@ -1425,7 +1430,7 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
       }
     }
   }]
-}, Un = {
+}, Mn = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -1483,7 +1488,7 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
       e.get("useChildrenForItems") === !0 && e.set("items", []);
     }
   }]
-}, Ln = (e) => e.toString(), Mn = f({
+}, jn = (e) => e.toString(), Hn = f({
   name: "builder-accordion",
   components: { Blocks: M },
   props: [
@@ -1497,7 +1502,7 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
     "builderLinkComponent"
   ],
   data() {
-    return { open: [], convertOrderNumberToString: Ln };
+    return { open: [], convertOrderNumberToString: jn };
   },
   computed: {
     onlyOneAtATime() {
@@ -1578,8 +1583,8 @@ const Rn = /* @__PURE__ */ b(In, [["render", $n]]), En = (e) => {
       this.open.includes(e) ? this.open = this.onlyOneAtATime ? [] : this.open.filter((t) => t !== e) : this.open = this.onlyOneAtATime ? [e] : this.open.concat(e);
     }
   }
-}), jn = ["data-index", "onClick"];
-function Hn(e, t, n, o, r, s) {
+}), Kn = ["data-index", "onClick"];
+function qn(e, t, n, o, r, s) {
   const i = g("Blocks");
   return d(), m("div", {
     class: "builder-accordion",
@@ -1596,7 +1601,7 @@ function Hn(e, t, n, o, r, s) {
         "data-index": a,
         onClick: (u) => e.onClick(a)
       }, [
-        $(i, {
+        R(i, {
           blocks: l.title,
           path: `items.${a}.title`,
           parent: e.builderBlock.id,
@@ -1604,13 +1609,13 @@ function Hn(e, t, n, o, r, s) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["blocks", "path", "parent", "context", "registeredComponents", "linkComponent"])
-      ], 14, jn),
+      ], 14, Kn),
       e.open.includes(a) ? (d(), m("div", {
         key: 0,
         class: J(e.getAccordionDetailClassName(a)),
         style: D(e.accordionDetailStyles)
       }, [
-        $(i, {
+        R(i, {
           blocks: l.detail,
           path: `items.${a}.detail`,
           parent: e.builderBlock.id,
@@ -1622,7 +1627,7 @@ function Hn(e, t, n, o, r, s) {
     ], 64))), 128))
   ], 4);
 }
-const Kn = /* @__PURE__ */ b(Mn, [["render", Hn]]), qn = {
+const zn = /* @__PURE__ */ b(Hn, [["render", qn]]), Jn = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1655,7 +1660,7 @@ const Kn = /* @__PURE__ */ b(Mn, [["render", Hn]]), qn = {
   }],
   static: !0,
   noWrap: !0
-}, zn = {
+}, Gn = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1856,13 +1861,13 @@ const Kn = /* @__PURE__ */ b(Mn, [["render", Hn]]), qn = {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Jn = {
+}, Yn = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Gn = {
+}, Qn = {
   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",
@@ -1955,6 +1960,11 @@ const Kn = /* @__PURE__ */ b(Mn, [["render", Hn]]), qn = {
     type: "boolean",
     helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio",
     defaultValue: !0
+  }, {
+    name: "highPriority",
+    type: "boolean",
+    advanced: !0,
+    helperText: "Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page."
   }, {
     name: "aspectRatio",
     type: "number",
@@ -1962,7 +1972,7 @@ const Kn = /* @__PURE__ */ b(Mn, [["render", Hn]]), qn = {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Yn = {
+}, Xn = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2001,7 +2011,7 @@ const Kn = /* @__PURE__ */ b(Mn, [["render", Hn]]), qn = {
       }
     }
   }]
-}, Qn = {
+}, Zn = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2014,12 +2024,12 @@ const Kn = /* @__PURE__ */ b(Mn, [["render", Hn]]), qn = {
     required: !0,
     defaultValue: "children"
   }]
-}, Xn = f({
+}, _n = f({
   name: "builder-slot",
   components: { Blocks: M },
   props: ["builderContext", "name"]
 });
-function Zn(e, t, n, o, r, s) {
+function eo(e, t, n, o, r, s) {
   var l, a, u;
   const i = g("Blocks");
   return d(), m("div", w(
@@ -2030,7 +2040,7 @@ function Zn(e, t, n, o, r, s) {
       "builder-slot": e.name
     }
   ), [
-    $(i, {
+    R(i, {
       parent: (a = e.builderContext.context) == null ? void 0 : a.symbolId,
       path: `symbol.data.${e.name}`,
       context: e.builderContext,
@@ -2038,7 +2048,7 @@ function Zn(e, t, n, o, r, s) {
     }, null, 8, ["parent", "path", "context", "blocks"])
   ], 16);
 }
-const _n = /* @__PURE__ */ b(Xn, [["render", Zn]]), eo = {
+const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2109,7 +2119,7 @@ const _n = /* @__PURE__ */ b(Xn, [["render", Zn]]), eo = {
       text: "New tab content "
     }
   }
-}, to = {
+}, oo = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2206,7 +2216,7 @@ const _n = /* @__PURE__ */ b(Xn, [["render", Zn]]), eo = {
       value: "flex-end"
     }]
   }]
-}, no = f({
+}, ro = f({
   name: "builder-tabs",
   components: { Blocks: M },
   props: [
@@ -2231,8 +2241,8 @@ const _n = /* @__PURE__ */ b(Xn, [["render", Zn]]), eo = {
       e === this.activeTab && this.collapsible ? this.activeTab = -1 : this.activeTab = e;
     }
   }
-}), oo = ["onClick"], ro = { key: 0 };
-function so(e, t, n, o, r, s) {
+}), so = ["onClick"], io = { key: 0 };
+function ao(e, t, n, o, r, s) {
   const i = g("Blocks");
   return d(), m("div", null, [
     z("div", {
@@ -2252,7 +2262,7 @@ function so(e, t, n, o, r, s) {
         }),
         onClick: (u) => e.onClick(a)
       }, [
-        $(i, {
+        R(i, {
           parent: e.builderBlock.id,
           path: `component.options.tabs.${a}.label`,
           blocks: l.label,
@@ -2260,10 +2270,10 @@ function so(e, t, n, o, r, s) {
           registeredComponents: e.builderComponents,
           linkComponent: e.builderLinkComponent
         }, null, 8, ["parent", "path", "blocks", "context", "registeredComponents", "linkComponent"])
-      ], 14, oo))), 128))
+      ], 14, so))), 128))
     ], 4),
-    e.activeTabContent(e.activeTab) ? (d(), m("div", ro, [
-      $(i, {
+    e.activeTabContent(e.activeTab) ? (d(), m("div", io, [
+      R(i, {
         parent: e.builderBlock.id,
         path: `component.options.tabs.${e.activeTab}.content`,
         blocks: e.activeTabContent(e.activeTab),
@@ -2274,7 +2284,7 @@ function so(e, t, n, o, r, s) {
     ])) : S("", !0)
   ]);
 }
-const io = /* @__PURE__ */ b(no, [["render", so]]), ao = {
+const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -2292,11 +2302,11 @@ const io = /* @__PURE__ */ b(no, [["render", so]]), ao = {
     height: "auto",
     textAlign: "center"
   }
-}, lo = f({
+}, uo = f({
   name: "builder-text",
   props: ["text"]
-}), co = ["innerHTML"];
-function uo(e, t, n, o, r, s) {
+}), po = ["innerHTML"];
+function mo(e, t, n, o, r, s) {
   var i;
   return d(), m("div", {
     class: "builder-text",
@@ -2304,9 +2314,9 @@ function uo(e, t, n, o, r, s) {
     style: {
       outline: "none"
     }
-  }, null, 8, co);
+  }, null, 8, po);
 }
-const po = /* @__PURE__ */ b(lo, [["render", uo]]), mo = {
+const ho = /* @__PURE__ */ b(uo, [["render", mo]]), fo = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2328,7 +2338,7 @@ const po = /* @__PURE__ */ b(lo, [["render", uo]]), mo = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, ho = f({
+}, bo = f({
   name: "builder-custom-code",
   props: ["replaceNodes", "code"],
   data() {
@@ -2362,15 +2372,15 @@ const po = /* @__PURE__ */ b(lo, [["render", uo]]), mo = {
       }
     }
   }
-}), fo = ["innerHTML"];
-function bo(e, t, n, o, r, s) {
+}), go = ["innerHTML"];
+function yo(e, t, n, o, r, s) {
   return d(), m("div", {
     ref: "elementRef",
     class: J("builder-custom-code" + (e.replaceNodes ? " replace-nodes" : "")),
     innerHTML: e.code
-  }, null, 10, fo);
+  }, null, 10, go);
 }
-const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
+const ko = /* @__PURE__ */ b(bo, [["render", yo]]), So = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -2395,7 +2405,7 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, ko = ["text/javascript", "application/javascript", "application/ecmascript"], So = (e) => ko.includes(e.type), vo = f({
+}, vo = ["text/javascript", "application/javascript", "application/ecmascript"], Co = (e) => vo.includes(e.type), wo = f({
   name: "builder-embed",
   props: ["content"],
   data() {
@@ -2428,7 +2438,7 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
           this.scriptsInserted.push(n.src);
           const o = document.createElement("script");
           o.async = !0, o.src = n.src, document.head.appendChild(o);
-        } else if (So(n) && !this.scriptsRun.includes(n.innerText))
+        } else if (Co(n) && !this.scriptsRun.includes(n.innerText))
           try {
             this.scriptsRun.push(n.innerText), new Function(n.innerText)();
           } catch (o) {
@@ -2437,15 +2447,15 @@ const go = /* @__PURE__ */ b(ho, [["render", bo]]), yo = {
       }
     }
   }
-}), Co = ["innerHTML"];
-function wo(e, t, n, o, r, s) {
+}), To = ["innerHTML"];
+function Io(e, t, n, o, r, s) {
   return d(), m("div", {
     class: "builder-embed",
     ref: "elem",
     innerHTML: e.content
-  }, null, 8, Co);
+  }, null, 8, To);
 }
-const To = /* @__PURE__ */ b(vo, [["render", wo]]), Io = {
+const $o = /* @__PURE__ */ b(wo, [["render", Io]]), Ro = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -2676,13 +2686,13 @@ const To = /* @__PURE__ */ b(vo, [["render", wo]]), Io = {
       }
     }
   }]
-}, $o = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Ro = () => {
+}, Eo = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"], Bo = () => {
   const e = process.env.NODE_ENV || "production";
-  return $o.includes(e) ? e : "production";
-}, Eo = (e, t, n) => {
+  return Eo.includes(e) ? e : "production";
+}, Po = (e, t, n) => {
   const o = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, s) => r != null ? r[s] : r, e);
   return o === void 0 || o === e ? n : o;
-}, Po = f({
+}, xo = f({
   name: "builder-form-component",
   components: { Block: fe, Blocks: M },
   props: [
@@ -2726,7 +2736,7 @@ const To = /* @__PURE__ */ b(vo, [["render", wo]]), Io = {
       this.builderContext.rootSetState ? (o = (n = this.builderContext).rootSetState) == null || o.call(n, t) : this.builderContext.rootState = t;
     },
     submissionState() {
-      return R() && this.previewState || this.formState;
+      return E() && this.previewState || this.formState;
     },
     onSubmit(e) {
       var n;
@@ -2785,7 +2795,7 @@ const To = /* @__PURE__ */ b(vo, [["render", wo]]), Io = {
         if (this.$refs.formRef && (this.$refs.formRef.dispatchEvent(u), u.defaultPrevented))
           return;
         this.formState = "sending";
-        const h = `${Ro() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
+        const h = `${Bo() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${this.builderContext.apiKey}&to=${btoa(
           this.sendSubmissionsToEmail || ""
         )}&name=${encodeURIComponent(this.name || "")}`;
         fetch(
@@ -2800,7 +2810,7 @@ const To = /* @__PURE__ */ b(vo, [["render", wo]]), Io = {
             let p;
             const v = c.headers.get("content-type");
             if (v && v.indexOf("application/json") !== -1 ? p = await c.json() : p = await c.text(), !c.ok && this.errorMessagePath) {
-              let y = Eo(p, this.errorMessagePath);
+              let y = Po(p, this.errorMessagePath);
               y && (typeof y != "string" && (y = JSON.stringify(y)), this.formErrorMessage = y, this.mergeNewRootState({
                 formErrorMessage: y
               }));
@@ -2841,11 +2851,11 @@ const To = /* @__PURE__ */ b(vo, [["render", wo]]), Io = {
       }
     }
   }
-}), Bo = ["validate", "action", "method", "name"], xo = {
+}), Ao = ["validate", "action", "method", "name"], Vo = {
   key: 3,
   class: "builder-form-error-text pre-3q96myty4lk"
 };
-function Ao(e, t, n, o, r, s) {
+function Wo(e, t, n, o, r, s) {
   var a;
   const i = g("Block"), l = g("Blocks");
   return d(), m("form", w({
@@ -2855,7 +2865,7 @@ function Ao(e, t, n, o, r, s) {
     method: e.method,
     name: e.name,
     onSubmit: t[0] || (t[0] = (u) => e.onSubmit(u))
-  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     e.builderBlock && e.builderBlock.children ? (d(!0), m(I, { key: 0 }, W((a = e.builderBlock) == null ? void 0 : a.children, (u, h) => (d(), k(i, {
       key: `form-block-${e.idx}`,
       block: u,
@@ -2875,16 +2885,16 @@ function Ao(e, t, n, o, r, s) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), m("pre", xo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), m("pre", Vo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : S("", !0),
     e.submissionState() === "success" ? (d(), k(l, {
       key: 4,
       path: "successMessage",
       blocks: e.successMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : S("", !0)
-  ], 16, Bo);
+  ], 16, Ao);
 }
-const Vo = /* @__PURE__ */ b(Po, [["render", Ao], ["__scopeId", "data-v-6e18f21b"]]), Wo = {
+const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-6e18f21b"]]), Fo = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2935,7 +2945,7 @@ const Vo = /* @__PURE__ */ b(Po, [["render", Ao], ["__scopeId", "data-v-6e18f21b
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, No = f({
+}, Oo = f({
   name: "builder-form-input-component",
   props: [
     "attributes",
@@ -2947,10 +2957,10 @@ const Vo = /* @__PURE__ */ b(Po, [["render", Ao], ["__scopeId", "data-v-6e18f21b
     "required"
   ],
   data() {
-    return { isEditing: R, filterAttrs: N };
+    return { isEditing: E, filterAttrs: N };
   }
-}), Fo = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Oo(e, t, n, o, r, s) {
+}), Do = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Uo(e, t, n, o, r, s) {
   return d(), m("input", w({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -2959,9 +2969,9 @@ function Oo(e, t, n, o, r, s) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Fo);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Do);
 }
-const Do = /* @__PURE__ */ b(No, [["render", Oo]]), Uo = {
+const Lo = /* @__PURE__ */ b(Oo, [["render", Uo]]), Mo = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3003,27 +3013,27 @@ const Do = /* @__PURE__ */ b(No, [["render", Oo]]), Uo = {
   }],
   static: !0,
   noWrap: !0
-}, Lo = f({
+}, jo = f({
   name: "builder-select-component",
   props: ["attributes", "value", "defaultValue", "name", "options"],
   data() {
-    return { isEditing: R, filterAttrs: N };
+    return { isEditing: E, filterAttrs: N };
   }
-}), Mo = ["value", "defaultValue", "name"], jo = ["value"];
-function Ho(e, t, n, o, r, s) {
+}), Ho = ["value", "defaultValue", "name"], Ko = ["value"];
+function qo(e, t, n, o, r, s) {
   return d(), m("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), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     (d(!0), m(I, null, W(e.options, (i, l) => (d(), m("option", {
       key: `${i.name}-${l}`,
       value: i.value
-    }, ne(i.name || i.value), 9, jo))), 128))
-  ], 16, Mo);
+    }, ne(i.name || i.value), 9, Ko))), 128))
+  ], 16, Ho);
 }
-const Ko = /* @__PURE__ */ b(Lo, [["render", Ho]]), qo = {
+const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -3048,17 +3058,17 @@ const Ko = /* @__PURE__ */ b(Lo, [["render", Ho]]), qo = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, zo = f({
+}, Go = f({
   name: "builder-submit-button",
   props: ["attributes", "text"],
   data() {
     return { filterAttrs: N };
   }
 });
-function Jo(e, t, n, o, r, s) {
-  return d(), m("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
+function Yo(e, t, n, o, r, s) {
+  return d(), m("button", w({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
 }
-const Go = /* @__PURE__ */ b(zo, [["render", Jo]]), Yo = {
+const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -3072,7 +3082,7 @@ const Go = /* @__PURE__ */ b(zo, [["render", Jo]]), Yo = {
   }],
   noWrap: !0,
   static: !0
-}, Qo = f({
+}, Zo = f({
   name: "builder-img-component",
   props: [
     "backgroundSize",
@@ -3083,10 +3093,10 @@ const Go = /* @__PURE__ */ b(zo, [["render", Jo]]), Yo = {
     "attributes"
   ],
   data() {
-    return { isEditing: R, filterAttrs: N };
+    return { isEditing: E, filterAttrs: N };
   }
-}), Xo = ["alt", "src"];
-function Zo(e, t, n, o, r, s) {
+}), _o = ["alt", "src"];
+function er(e, t, n, o, r, s) {
   return d(), m("img", w({
     style: {
       objectFit: e.backgroundSize || "cover",
@@ -3095,9 +3105,9 @@ function Zo(e, t, n, o, r, s) {
     key: e.isEditing() && e.imgSrc || "default-key",
     alt: e.altText,
     src: e.imgSrc || e.image
-  }, e.filterAttrs(e.attributes, "v-on:", !1), B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Xo);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, _o);
 }
-const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
+const tr = /* @__PURE__ */ b(Zo, [["render", er]]), nr = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -3178,7 +3188,7 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
     defaultValue: !0,
     advanced: !0
   }]
-}, tr = f({
+}, or = f({
   name: "builder-video",
   props: [
     "autoPlay",
@@ -3223,16 +3233,16 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
       };
     }
   }
-}), nr = { style: {
+}), rr = { style: {
   position: "relative"
-} }, or = ["preload", "src", "poster"], rr = ["src"], sr = {
+} }, sr = ["preload", "src", "poster"], ir = ["src"], ar = {
   key: 1,
   style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "stretch"
   }
-}, ir = {
+}, lr = {
   key: 2,
   style: {
     pointerEvents: "none",
@@ -3246,9 +3256,9 @@ const _o = /* @__PURE__ */ b(Qo, [["render", Zo]]), er = {
     height: "100%"
   }
 };
-function ar(e, t, n, o, r, s) {
+function cr(e, t, n, o, r, s) {
   var i, l, a, u, h, c, p;
-  return d(), m("div", nr, [
+  return d(), m("div", rr, [
     z("video", w({
       class: "builder-video",
       preload: e.preload || "metadata",
@@ -3273,8 +3283,8 @@ function ar(e, t, n, o, r, s) {
         key: 0,
         type: "video/mp4",
         src: e.video
-      }, null, 8, rr))
-    ], 16, or),
+      }, null, 8, ir))
+    ], 16, sr),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), m("div", {
       key: 0,
       style: D({
@@ -3284,84 +3294,84 @@ function ar(e, t, n, o, r, s) {
         fontSize: "0px"
       })
     }, null, 4)) : S("", !0),
-    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), m("div", sr, [
+    (h = (u = e.builderBlock) == null ? void 0 : u.children) != null && h.length && e.fitContent ? (d(), m("div", ar, [
       P(e.$slots, "default")
     ])) : S("", !0),
-    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (d(), m("div", ir, [
+    (p = (c = e.builderBlock) == null ? void 0 : c.children) != null && p.length && !e.fitContent ? (d(), m("div", lr, [
       P(e.$slots, "default")
     ])) : S("", !0)
   ]);
 }
-const lr = /* @__PURE__ */ b(tr, [["render", ar]]), cr = () => [{
-  component: go,
-  ...mo
+const dr = /* @__PURE__ */ b(or, [["render", cr]]), ur = () => [{
+  component: ko,
+  ...fo
 }, {
-  component: To,
-  ...yo
+  component: $o,
+  ...So
 }, {
-  component: Vo,
-  ...Io
+  component: No,
+  ...Ro
 }, {
-  component: Do,
-  ...Wo
+  component: Lo,
+  ...Fo
 }, {
-  component: Go,
-  ...qo
+  component: Qo,
+  ...Jo
 }, {
-  component: Ko,
-  ...Uo
+  component: zo,
+  ...Mo
 }, {
-  component: _o,
-  ...Yo
+  component: tr,
+  ...Xo
 }, {
-  component: lr,
-  ...er
+  component: dr,
+  ...nr
 }], we = () => [{
   component: Ct,
-  ...qn
-}, {
-  component: mn,
-  ...zn
-}, {
-  component: bn,
   ...Jn
 }, {
-  component: Tn,
+  component: fn,
   ...Gn
 }, {
-  component: Rn,
+  component: yn,
   ...Yn
 }, {
-  component: _n,
+  component: $n,
   ...Qn
 }, {
-  component: ys,
-  ...eo
+  component: Bn,
+  ...Xn
 }, {
-  component: po,
-  ...ao
+  component: to,
+  ...Zn
 }, {
-  component: io,
-  ...to
+  component: Ss,
+  ...no
 }, {
-  component: Kn,
-  ...Un
-}, ...cr()], dr = (e) => ({
+  component: ho,
+  ...co
+}, {
+  component: lo,
+  ...oo
+}, {
+  component: zn,
+  ...Mn
+}, ...ur()], pr = (e) => ({
   type: "builder.registerComponent",
   data: de(e)
-}), ur = (e) => {
+}), mr = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, pr = (e) => typeof e == "function" ? ur(e) : Y(e), de = ({
+}, hr = (e) => typeof e == "function" ? mr(e) : Y(e), de = ({
   inputs: e,
   ...t
 }) => ({
   ...Y(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, s]) => ({
     ...o,
-    [r]: pr(s)
+    [r]: hr(s)
   }), {}))
-}), mr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), fr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3417,7 +3427,7 @@ const lr = /* @__PURE__ */ b(tr, [["render", ar]]), cr = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, hr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, br = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3455,16 +3465,16 @@ const lr = /* @__PURE__ */ b(tr, [["render", ar]]), cr = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), fr = ({
+})), gr = ({
   canTrack: e,
   content: t
-}) => !(!(_(t).length > 0) || !e), br = (e) => e === "react" || e === "reactNative", _e = br(x), gr = () => `
-  window.${Xe} = ${mr}
-  window.${Ze} = ${hr}
-  `, yr = (e, t) => `
+}) => !(!(_(t).length > 0) || !e), yr = (e) => e === "react" || e === "reactNative", _e = yr($), kr = () => `
+  window.${Xe} = ${fr}
+  window.${Ze} = ${br}
+  `, Sr = (e, t) => `
   window.${Xe}(
     "${t}",${JSON.stringify(e)}, ${_e}
-  )`, kr = ({
+  )`, vr = ({
   contentId: e,
   variationId: t
 }) => `window.${Ze}(
@@ -3479,17 +3489,17 @@ const lr = /* @__PURE__ */ b(tr, [["render", ar]]), cr = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id"]
 });
-function Sr() {
+function Cr() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function vr() {
-  const e = Sr().fetch;
+function wr() {
+  const e = Cr().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 tt = vr();
+const tt = wr();
 function ue(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, r) => {
     const s = e[r], i = [t, r].filter(Boolean).join(n);
@@ -3509,17 +3519,17 @@ function nt(e, t, n = {}) {
   }
   return n;
 }
-const Cr = "v3", Te = "builder.", wr = "options.", ot = (e) => {
+const Tr = "v3", Te = "builder.", Ir = "options.", ot = (e) => {
   if (!e)
     return {};
   const t = Ve(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(Te)) {
-      const r = o.replace(Te, "").replace(wr, "");
+      const r = o.replace(Te, "").replace(Ir, "");
       n[r] = t[o];
     }
   }), n;
-}, Tr = () => {
+}, $r = () => {
   if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
@@ -3533,7 +3543,7 @@ const Cr = "v3", Te = "builder.", wr = "options.", ot = (e) => {
     apiKey: s,
     enrich: i,
     locale: l,
-    apiVersion: a = Cr,
+    apiVersion: a = Tr,
     fields: u,
     omit: h,
     offset: c,
@@ -3555,7 +3565,7 @@ const Cr = "v3", Te = "builder.", wr = "options.", ot = (e) => {
       C.searchParams.set(j, JSON.stringify(O[j]));
   }
   const ut = {
-    ...Tr(),
+    ...$r(),
     ...Ve(e.options || {})
   }, Se = ue(ut);
   for (const O in Se)
@@ -3568,60 +3578,60 @@ const Cr = "v3", Te = "builder.", wr = "options.", ot = (e) => {
       C.searchParams.set(j, JSON.stringify(O[j]));
   }
   return C;
-}, Ir = (e) => "results" in e;
+}, Rr = (e) => "results" in e;
 async function ke(e) {
-  const t = await Er({
+  const t = await Pr({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const $r = async (e) => {
+const Er = async (e) => {
   const t = ye(e);
   return await (await (e.fetch ?? tt)(t.href, e.fetchOptions)).json();
-}, Rr = async (e, t, n = ye(e)) => {
+}, Br = async (e, t, n = ye(e)) => {
   const o = G(e.canTrack);
-  if (n.search.includes("preview="), !o || !(T() || x === "reactNative"))
+  if (n.search.includes("preview="), !o || !(T() || $ === "reactNative"))
     return t.results;
   try {
     const r = [];
     for (const s of t.results)
-      r.push(await Dn({
+      r.push(await Ln({
         item: s,
         canTrack: o
       }));
     t.results = r;
   } catch (r) {
-    E.error("Could not process A/B tests. ", r);
+    B.error("Could not process A/B tests. ", r);
   }
   return t.results;
 };
-async function Er(e) {
+async function Pr(e) {
   try {
-    const t = ye(e), n = await $r(e);
-    return Ir(n) ? Rr(e, n) : (E.error("Error fetching data. ", {
+    const t = ye(e), n = await Er(e);
+    return Rr(n) ? Br(e, n) : (B.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
     }), null);
   } catch (t) {
-    return E.error("Error fetching data. ", t), null;
+    return B.error("Error fetching data. ", t), null;
   }
 }
-function Pr(e) {
+function xr(e) {
   const t = e || (T() ? window.location.search : void 0);
   return t ? We(t).indexOf("builder.preview=") !== -1 : !1;
 }
-function Br() {
+function Ar() {
   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 rt() {
-  return Br().replace(/-/g, "");
+  return Ar().replace(/-/g, "");
 }
-const st = "builderSessionId", xr = async ({
+const st = "builderSessionId", Vr = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3633,20 +3643,20 @@ const st = "builderSessionId", xr = async ({
   if (U(t))
     return t;
   {
-    const n = Ar();
-    return Vr({
+    const n = Wr();
+    return Nr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Ar = () => rt(), Vr = ({
+}, Wr = () => rt(), Nr = ({
   id: e,
   canTrack: t
 }) => Je({
   name: st,
   value: e,
   canTrack: t
-}), it = () => T() && typeof localStorage < "u" ? localStorage : void 0, Wr = ({
+}), it = () => T() && typeof localStorage < "u" ? localStorage : void 0, Fr = ({
   key: e,
   canTrack: t
 }) => {
@@ -3657,7 +3667,7 @@ const st = "builderSessionId", xr = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, Nr = ({
+}, Or = ({
   key: e,
   canTrack: t,
   value: n
@@ -3668,32 +3678,32 @@ const st = "builderSessionId", xr = async ({
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, at = "builderVisitorId", Fr = ({
+}, at = "builderVisitorId", Dr = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Wr({
+  const t = Fr({
     key: at,
     canTrack: e
   });
   if (U(t))
     return t;
   {
-    const n = Or();
-    return Dr({
+    const n = Ur();
+    return Lr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Or = () => rt(), Dr = ({
+}, Ur = () => rt(), Lr = ({
   id: e,
   canTrack: t
-}) => Nr({
+}) => Or({
   key: at,
   value: e,
   canTrack: t
-}), Ur = async ({
+}), Mr = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3701,16 +3711,16 @@ const st = "builderSessionId", xr = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await xr({
+  const t = await Vr({
     canTrack: e
-  }), n = Fr({
+  }), n = Dr({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Lr = async ({
+}, jr = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3724,7 +3734,7 @@ const st = "builderSessionId", xr = async ({
       url: location.href,
       ...o
     },
-    ...await Ur({
+    ...await Mr({
       canTrack: t
     }),
     userAttributes: Ne(),
@@ -3733,14 +3743,14 @@ const st = "builderSessionId", xr = async ({
 });
 async function pe(e) {
   if (!e.apiKey) {
-    E.error("Missing API key for track call. Please provide your API key.");
+    B.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (e.canTrack && !R() && (T() || x === "reactNative"))
+  if (e.canTrack && !E() && (T() || $ === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Lr(e)]
+        events: [await jr(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3750,14 +3760,14 @@ async function pe(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Rs = (e) => pe({
+const Bs = (e) => pe({
   ...e,
   canTrack: !0
 });
 function $e(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Mr = (e, t, n = !0) => {
+const Hr = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3768,7 +3778,7 @@ const Mr = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, jr = (e) => Mr(e, (t) => {
+}, Kr = (e) => Hr(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Re = ({
@@ -3780,8 +3790,8 @@ const Mr = (e, t, n = !0) => {
     x: s,
     y: i
   };
-}, Hr = (e) => {
-  const t = e.target, n = t && jr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, qr = (e) => {
+  const t = e.target, n = t && Kr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -3796,13 +3806,13 @@ const Mr = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Kr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}, zr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function lt(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Kr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || zr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const qr = "1.0.30", Ee = {};
-function zr(e, t) {
+const Jr = "1.0.32", Ee = {};
+function Gr(e, t) {
   let n = Ee[e];
   if (n || (n = Ee[e] = []), n.push(t), T()) {
     const o = {
@@ -3819,8 +3829,8 @@ function zr(e, t) {
     }
   }
 }
-const Jr = () => {
-  zr("insertMenu", {
+const Yr = () => {
+  Gr("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3842,14 +3852,14 @@ const Jr = () => {
     }]
   });
 };
-let Pe = !1;
+let Be = !1;
 const ct = (e = {}) => {
   var t, n;
-  Pe || (Pe = !0, T() && ((t = window.parent) == null || t.postMessage({
+  Be || (Be = !0, T() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: x,
-      version: qr,
+      target: $,
+      version: Jr,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -3930,9 +3940,9 @@ const ct = (e = {}) => {
         break;
       }
     }
-}, Es = (e, t, n) => {
+}, Ps = (e, t, n) => {
   if (!T)
-    return E.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+    return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
   ct();
   const o = dt({
@@ -3949,7 +3959,7 @@ const ct = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, Gr = (e) => {
+}, Qr = (e) => {
   var s;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((s = e == null ? void 0 : e.files) == null ? void 0 : s.regular);
   let r = "";
@@ -3975,15 +3985,15 @@ font-weight: ${i};
         `.trim());
     }
   return r;
-}, Yr = ({
+}, Xr = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Gr(n))) == null ? void 0 : t.join(" ")) || "";
-}, Qr = ({
+  return ((t = e == null ? void 0 : e.map((n) => Qr(n))) == null ? void 0 : t.join(" ")) || "";
+}, Zr = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Xr = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", _r = `
 .builder-button {
   all: unset;
 }
@@ -4000,7 +4010,7 @@ font-weight: ${i};
   text-align: inherit;
   font-family: inherit;
 }
-`, Zr = (e) => e ? "" : Xr, _r = (e) => `variant-${e}`, es = f({
+`, es = (e) => e ? "" : _r, ts = (e) => `variant-${e}`, ns = f({
   name: "enable-editor",
   components: { DynamicDiv: Q },
   props: [
@@ -4025,7 +4035,7 @@ font-weight: ${i};
       httpReqsPending: {},
       clicked: !1,
       builderContext: ce,
-      getWrapperClassName: _r
+      getWrapperClassName: ts
     };
   },
   provide() {
@@ -4038,7 +4048,7 @@ font-weight: ${i};
     (() => {
       var n, o;
       if (T()) {
-        if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        if (E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
         ), this.builderContextSignal.content && G(this.canTrack)) {
           const s = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, i = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
@@ -4050,12 +4060,12 @@ font-weight: ${i};
             variationId: s !== i ? s : void 0
           });
         }
-        Pr() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        xr() && !E() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
     })(), (() => {
-      this.apiKey || E.error(
+      this.apiKey || B.error(
         "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
       ), this.evaluateJsCode(), this.runHttpRequests(), this.emitStateUpdate();
     })();
@@ -4220,7 +4230,7 @@ font-weight: ${i};
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Hr(e),
+          ...qr(e),
           unique: !this.clicked
         });
       }
@@ -4230,7 +4240,7 @@ font-weight: ${i};
       var t, n;
       const e = ((n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.httpRequests) ?? {};
       Object.entries(e).forEach(([o, r]) => {
-        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !R())
+        if (!r || this.httpReqsPending[o] || this.httpReqsData[o] && !E())
           return;
         this.httpReqsPending[o] = !0;
         const s = r.replace(
@@ -4258,7 +4268,7 @@ font-weight: ${i};
       });
     },
     emitStateUpdate() {
-      R() && window.dispatchEvent(
+      E() && window.dispatchEvent(
         new CustomEvent(
           "builder:component:stateChange",
           {
@@ -4273,7 +4283,7 @@ font-weight: ${i};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), Jr(), ct({
+      window.addEventListener("message", this.processMessage), Yr(), ct({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4287,7 +4297,7 @@ font-weight: ${i};
         this.builderContextSignal.componentInfos
       ).forEach((t) => {
         var o;
-        const n = dr(t);
+        const n = pr(t);
         (o = window.parent) == null || o.postMessage(n, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
@@ -4308,7 +4318,7 @@ font-weight: ${i};
     }
   }
 });
-function ts(e, t, n, o, r, s) {
+function os(e, t, n, o, r, s) {
   var i, l, a;
   return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), w({
     key: 0,
@@ -4326,33 +4336,33 @@ function ts(e, t, n, o, r, s) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : S("", !0);
 }
-const ns = /* @__PURE__ */ b(es, [["render", ts]]), os = f({
+const rs = /* @__PURE__ */ b(ns, [["render", os]]), ss = f({
   name: "content-styles",
   components: { InlinedStyles: be },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender"],
   data() {
     return {
       injectedStyles: `
-${Qr({
+${Zr({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${Yr({
+${Xr({
         customFonts: this.customFonts
       })}
-${Zr(this.isNestedRender)}
+${es(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function rs(e, t, n, o, r, s) {
+function is(e, t, n, o, r, s) {
   const i = g("InlinedStyles");
   return d(), k(i, {
     id: "builderio-content",
     styles: e.injectedStyles
   }, null, 8, ["styles"]);
 }
-const ss = /* @__PURE__ */ b(os, [["render", rs]]), is = ({
+const as = /* @__PURE__ */ b(ss, [["render", is]]), ls = ({
   content: e,
   data: t,
   locale: n
@@ -4369,7 +4379,7 @@ const ss = /* @__PURE__ */ b(os, [["render", rs]]), is = ({
       locale: n
     } : {}
   };
-}, as = ({
+}, cs = ({
   content: e,
   data: t
 }) => e ? {
@@ -4379,12 +4389,12 @@ const ss = /* @__PURE__ */ b(os, [["render", rs]]), is = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, ls = ft, cs = f({
+} : void 0, ds = ft, us = f({
   name: "content-component",
   components: {
-    EnableEditor: ns,
+    EnableEditor: rs,
     InlinedScript: et,
-    ContentStyles: ss,
+    ContentStyles: as,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -4394,25 +4404,25 @@ const ss = /* @__PURE__ */ b(os, [["render", rs]]), is = ({
     "data",
     "locale",
     "context",
+    "canTrack",
     "apiKey",
     "apiVersion",
     "blocksWrapper",
     "blocksWrapperProps",
     "model",
-    "canTrack",
     "enrich",
     "showContent",
     "contentWrapper",
     "contentWrapperProps",
-    "linkComponent",
     "trustedHosts",
     "isSsrAbTest",
-    "isNestedRender"
+    "isNestedRender",
+    "linkComponent"
   ],
   data() {
     var e, t;
     return {
-      scriptStr: kr({
+      scriptStr: vr({
         // 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
@@ -4425,25 +4435,26 @@ const ss = /* @__PURE__ */ b(os, [["render", rs]]), is = ({
         (n, { component: o, ...r }) => ({
           ...n,
           [r.name]: {
-            component: ls(o),
+            component: ds(o),
             ...de(r)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: as({
+        content: cs({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: is({
+        rootState: ls({
           content: this.content,
           data: this.data,
           locale: this.locale
         }),
         rootSetState: this.contentSetState,
         context: this.context || {},
+        canTrack: this.canTrack,
         apiKey: this.apiKey,
         apiVersion: this.apiVersion,
         componentInfos: [
@@ -4460,7 +4471,7 @@ const ss = /* @__PURE__ */ b(os, [["render", rs]]), is = ({
         BlocksWrapper: this.blocksWrapper || "div",
         BlocksWrapperProps: this.blocksWrapperProps || {}
       },
-      TARGET: x
+      TARGET: $
     };
   },
   provide() {
@@ -4477,7 +4488,7 @@ const ss = /* @__PURE__ */ b(os, [["render", rs]]), is = ({
     }
   }
 });
-function ds(e, t, n, o, r, s) {
+function ps(e, t, n, o, r, s) {
   const i = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
   return d(), k(u, w({
     content: e.content,
@@ -4492,7 +4503,6 @@ function ds(e, t, n, o, r, s) {
     builderContextSignal: e.builderContextSignal,
     contentWrapper: e.contentWrapper,
     contentWrapperProps: e.contentWrapperProps,
-    linkComponent: e.linkComponent,
     trustedHosts: e.trustedHosts
   }, {}), {
     default: V(() => {
@@ -4510,7 +4520,7 @@ function ds(e, t, n, o, r, s) {
           cssCode: (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.cssCode,
           customFonts: (y = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : y.customFonts
         }, null, 8, ["isNestedRender", "contentId", "cssCode", "customFonts"])) : S("", !0),
-        $(a, {
+        R(a, {
           blocks: (X = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : X.blocks,
           context: e.builderContextSignal,
           registeredComponents: e.registeredComponents,
@@ -4519,14 +4529,14 @@ function ds(e, t, n, o, r, s) {
       ];
     }),
     _: 1
-  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "linkComponent", "trustedHosts"]);
+  }, 16, ["content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
-const us = /* @__PURE__ */ b(cs, [["render", ds]]), ps = f({
+const ms = /* @__PURE__ */ b(us, [["render", ps]]), hs = f({
   name: "content-variants",
   components: {
     InlinedScript: et,
     InlinedStyles: be,
-    ContentComponent: us
+    ContentComponent: ms
   },
   props: [
     "canTrack",
@@ -4549,12 +4559,12 @@ const us = /* @__PURE__ */ b(cs, [["render", ds]]), ps = f({
   ],
   data() {
     return {
-      shouldRenderVariants: fr({
+      shouldRenderVariants: gr({
         canTrack: G(this.canTrack),
         content: this.content
       }),
-      TARGET: x,
-      getInitVariantsFnsScriptString: gr,
+      TARGET: $,
+      getInitVariantsFnsScriptString: kr,
       getVariants: _
     };
   },
@@ -4563,7 +4573,7 @@ const us = /* @__PURE__ */ b(cs, [["render", ds]]), ps = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return yr(
+      return Sr(
         _(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4579,14 +4589,14 @@ const us = /* @__PURE__ */ b(cs, [["render", ds]]), ps = f({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : On({
+      } : Un({
         item: this.content,
         canTrack: G(this.canTrack)
       });
     }
   }
 });
-function ms(e, t, n, o, r, s) {
+function fs(e, t, n, o, r, s) {
   const i = g("InlinedScript"), l = g("InlinedStyles"), a = g("ContentComponent");
   return d(), m(I, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(i, {
@@ -4595,11 +4605,11 @@ function ms(e, t, n, o, r, s) {
       scriptStr: e.getInitVariantsFnsScriptString()
     }, null, 8, ["scriptStr"])) : S("", !0),
     e.shouldRenderVariants ? (d(), m(I, { key: 1 }, [
-      $(l, {
+      R(l, {
         id: "builderio-variants",
         styles: e.hideVariantsStyleString
       }, null, 8, ["styles"]),
-      $(i, {
+      R(i, {
         id: "builderio-variants-visibility",
         scriptStr: e.updateCookieAndStylesScriptStr
       }, null, 8, ["scriptStr"]),
@@ -4626,7 +4636,7 @@ function ms(e, t, n, o, r, s) {
         trustedHosts: e.trustedHosts
       }, null, 8, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"]))), 128))
     ], 64)) : S("", !0),
-    $(a, w({
+    R(a, w({
       isNestedRender: e.isNestedRender,
       content: e.defaultContent,
       showContent: !0,
@@ -4651,7 +4661,7 @@ function ms(e, t, n, o, r, s) {
     }), null, 16, ["isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const hs = /* @__PURE__ */ b(ps, [["render", ms]]), fs = async ({
+const bs = /* @__PURE__ */ b(hs, [["render", fs]]), gs = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4667,11 +4677,11 @@ const hs = /* @__PURE__ */ b(ps, [["render", ms]]), fs = async ({
         }
       }
     }).catch((n) => {
-      E.error("Could not fetch symbol content: ", n);
+      B.error("Could not fetch symbol content: ", n);
     });
-}, bs = f({
+}, ys = f({
   name: "builder-symbol",
-  components: { ContentVariants: hs, DynamicDiv: Q },
+  components: { ContentVariants: bs, DynamicDiv: Q },
   props: [
     "symbol",
     "attributes",
@@ -4720,7 +4730,7 @@ const hs = /* @__PURE__ */ b(ps, [["render", ms]]), fs = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || fs({
+      this.contentToUse || gs({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4729,11 +4739,11 @@ const hs = /* @__PURE__ */ b(ps, [["render", ms]]), fs = async ({
     }
   }
 });
-function gs(e, t, n, o, r, s) {
+function ks(e, t, n, o, r, s) {
   var l, a, u, h, c;
   const i = g("ContentVariants");
-  return d(), m("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, B(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
-    $(i, {
+  return d(), m("div", w({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, x(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
+    R(i, {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
@@ -4747,26 +4757,27 @@ function gs(e, t, n, o, r, s) {
         ...e.builderContext.localState,
         ...(h = (u = e.contentToUse) == null ? void 0 : u.data) == null ? void 0 : h.state
       },
+      canTrack: e.builderContext.canTrack,
       model: (c = e.symbol) == null ? void 0 : c.model,
       content: e.contentToUse,
       linkComponent: e.builderLinkComponent,
       blocksWrapper: e.blocksWrapper,
       contentWrapper: e.contentWrapper
-    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
+    }, null, 8, ["apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const ys = /* @__PURE__ */ b(bs, [["render", gs]]), Be = {};
-function Ps(e) {
+const Ss = /* @__PURE__ */ b(ys, [["render", ks]]), Pe = {};
+function xs(e) {
   if (T()) {
-    Object.assign(Be, e);
+    Object.assign(Pe, e);
     const t = {
       type: "builder.settingsChange",
-      data: Be
+      data: Pe
     };
     parent.postMessage(t, "*");
   }
 }
-const Bs = async (e) => {
+const As = async (e) => {
   var o, r, s;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
@@ -4787,43 +4798,43 @@ const Bs = async (e) => {
   };
 };
 export {
-  Rr as A,
+  Br as A,
   fe as B,
-  mn as C,
-  Er as D,
+  fn as C,
+  Pr as D,
   ke as E,
-  bn as F,
-  Cs as G,
-  Is as H,
-  Tn as I,
-  Rn as S,
-  x as T,
-  lr as V,
+  yn as F,
+  Ts as G,
+  Rs as H,
+  $n as I,
+  Bn as S,
+  $ as T,
+  dr as V,
   be as _,
-  cn as a,
-  ws as b,
+  un as a,
+  Is as b,
   U as c,
-  $s as d,
+  Es as d,
   he as e,
   b as f,
   De as g,
   te as h,
-  Ts as i,
+  $s as i,
   ee as j,
   ce as k,
   Ct as l,
-  ys as m,
-  po as n,
+  Ss as m,
+  ho as n,
   M as o,
-  hs as p,
-  R as q,
-  Pr as r,
-  dr as s,
-  zr as t,
-  Ps as u,
+  bs as p,
+  E as q,
+  xr as r,
+  pr as s,
+  Gr as t,
+  xs as u,
   ot as v,
-  ls as w,
-  Rs as x,
-  Es as y,
-  Bs as z
+  ds as w,
+  Bs as x,
+  Ps as y,
+  As as z
 };