@builder.io/sdk-vue 2.0.2 → 2.0.5

package/lib/browser/{index---sv1Dmc.js → index-1Z3BnsMm.js}

@@ -1,8 +1,8 @@
 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);
+var ne = (e, t, n) => (mt(e, typeof t != "symbol" ? t + "" : t, n), n);
 import "./style.css";
-import { defineComponent as f, openBlock as d, createElementBlock as p, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as W, renderSlot as E, resolveComponent as g, createTextVNode as ht, toDisplayString as ne, defineAsyncComponent as H, createVNode as $, renderList as N, createCommentVNode as v, h as xe, createElementVNode as z, normalizeStyle as L, normalizeClass as J, markRaw as ft } from "vue";
+import { defineComponent as f, openBlock as d, createElementBlock as p, Fragment as I, createBlock as k, resolveDynamicComponent as K, mergeProps as C, toHandlers as P, withCtx as W, renderSlot as E, resolveComponent as g, createTextVNode as ht, toDisplayString as te, defineAsyncComponent as H, createVNode as $, renderList as N, createCommentVNode as v, 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 x(e = {}, t, n) {
   const o = {};
@@ -41,9 +41,9 @@ function kt(e, t, n, o, r, i) {
     }, 16))
   ], 64));
 }
-const me = /* @__PURE__ */ b(yt, [["render", kt]]), Pi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pe = /* @__PURE__ */ b(yt, [["render", kt]]), Bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: me
+  default: pe
 }, Symbol.toStringTag, { value: "Module" })), A = "vue", ee = () => {
   switch (A) {
     case "react":
@@ -59,7 +59,7 @@ const me = /* @__PURE__ */ b(yt, [["render", kt]]), Pi = /* @__PURE__ */ Object.
   }
 }, vt = f({
   name: "builder-button",
-  components: { DynamicRenderer: me },
+  components: { DynamicRenderer: pe },
   props: [
     "attributes",
     "link",
@@ -94,12 +94,12 @@ function St(e, t, n, o, r, i) {
     actionAttributes: e.filterAttrs(e.attributes, "v-on:", !0)
   }, {
     default: W(() => [
-      ht(ne(e.text), 1)
+      ht(te(e.text), 1)
     ]),
     _: 1
   }, 8, ["attributes", "TagName", "actionAttributes"]);
 }
-const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), ce = {
+const Ct = /* @__PURE__ */ b(vt, [["render", St]]), wt = Symbol(), le = {
   Builder: {
     content: null,
     context: {},
@@ -246,10 +246,10 @@ function Fe({
     }
   });
 }
-const D = (e) => e != null;
+const L = (e) => e != null;
 function Vt() {
   var e;
-  return typeof process < "u" && D((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
+  return typeof process < "u" && L((e = process == null ? void 0 : process.versions) == null ? void 0 : e.node);
 }
 const Wt = () => {
   var o;
@@ -275,9 +275,9 @@ const Wt = () => {
     });
   }
 };
-oe(V, "cacheLimit", 20), oe(V, "cache", /* @__PURE__ */ new Map());
+ne(V, "cacheLimit", 20), ne(V, "cache", /* @__PURE__ */ new Map());
 let U = V;
-function te({
+function G({
   code: e,
   context: t,
   localState: n,
@@ -319,7 +319,7 @@ function te({
     return;
   }
 }
-const Y = (e) => JSON.parse(JSON.stringify(e)), Oe = (e, t, n) => {
+const me = (e) => JSON.parse(JSON.stringify(e)), Oe = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -334,7 +334,7 @@ const Ft = ({
 }) => {
   if (!e.bindings)
     return e;
-  const i = Y(e), s = {
+  const i = me(e), s = {
     ...i,
     properties: {
       ...i.properties
@@ -344,7 +344,7 @@ const Ft = ({
     }
   };
   for (const l in e.bindings) {
-    const a = e.bindings[l], u = te({
+    const a = e.bindings[l], u = G({
       code: a,
       localState: n,
       rootState: o,
@@ -356,7 +356,7 @@ const Ft = ({
   }
   return s;
 };
-function Le({
+function De({
   block: e,
   context: t,
   shouldEvaluateBindings: n,
@@ -396,7 +396,7 @@ function q(e, ...t) {
   }
   return n;
 }
-function Lt(e) {
+function Dt(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
@@ -407,16 +407,16 @@ function Lt(e) {
         break;
     }
 }
-function De(e) {
+function Le(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function Ue(e, t) {
-  const n = Dt(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
+  const n = Lt(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, s = [r, i];
   for (const l of s)
     for (const a of n)
       a in l || (l[a] = o[a]);
 }
-function Dt(e) {
+function Lt(e) {
   const t = [];
   for (const n of e.steps)
     for (const o in n.styles)
@@ -426,7 +426,7 @@ function Dt(e) {
 function Me(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    De(e.elementId || e.id || "");
+    Le(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
@@ -440,7 +440,7 @@ function Me(e) {
 function Ut(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    De(e.elementId || e.id || "");
+    Le(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
@@ -475,8 +475,8 @@ function Ut(e) {
 const je = (e) => Object.entries(e).map(([n, o]) => {
   if (typeof o == "string")
     return `${he(n)}: ${o};`;
-}).filter(D), Mt = (e) => je(e).join(`
-`), Ei = ({
+}).filter(L), Mt = (e) => je(e).join(`
+`), Pi = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -493,7 +493,7 @@ function jt({
 }) {
   return e;
 }
-const xi = ({
+const Ei = ({
   block: e,
   context: t
 }) => He(jt({
@@ -521,7 +521,7 @@ const Ht = ({
   registeredComponents: n
 }) => {
   var i;
-  const o = (i = Le({
+  const o = (i = De({
     block: e,
     localState: t.localState,
     rootState: t.rootState,
@@ -547,7 +547,7 @@ const Ht = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const r = te({
+  const r = G({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -596,22 +596,22 @@ const Ht = ({
     "Error while attempting to dynamically import component DynamicDiv at ../dynamic-div.vue",
     e
   ), e;
-}), Qt = () => import("./block-styles-sZJR1URf.js").then((e) => e.default).catch((e) => {
+}), Qt = () => import("./block-styles-MssxqA7D.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;
-}), Xt = () => import("./block-wrapper-ody6Sxkr.js").then((e) => e.default).catch((e) => {
+}), Xt = () => import("./block-wrapper-rbABMVr_.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;
-}), Zt = () => import("./component-ref-rf4-wS3o.js").then((e) => e.default).catch((e) => {
+}), Zt = () => import("./component-ref-dDrd_qBD.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;
-}), _t = () => import("./repeated-block-4hDqPbdf.js").then((e) => e.default).catch((e) => {
+}), _t = () => import("./repeated-block-ai9MmzuH.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -628,7 +628,7 @@ const Ht = ({
   props: ["block", "context", "registeredComponents", "linkComponent"],
   mounted() {
     const e = this.processedBlock.id, t = this.processedBlock.animations;
-    t && e && Lt(
+    t && e && Dt(
       t.map((n) => ({
         ...n,
         elementId: e
@@ -651,7 +651,7 @@ const Ht = ({
     },
     processedBlock() {
       var e;
-      return (e = this.block.repeat) != null && e.collection ? this.block : Le({
+      return (e = this.block.repeat) != null && e.collection ? this.block : De({
         block: this.block,
         localState: this.context.localState,
         rootState: this.context.rootState,
@@ -757,7 +757,7 @@ function tn(e, t, n, o, r, i) {
     ], 64))
   ], 64)) : v("", !0);
 }
-const fe = /* @__PURE__ */ b(en, [["render", tn]]), Ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fe = /* @__PURE__ */ b(en, [["render", tn]]), xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: fe
 }, Symbol.toStringTag, { value: "Module" })), nn = f({
@@ -834,7 +834,7 @@ const rn = /* @__PURE__ */ b(nn, [["render", on], ["__scopeId", "data-v-a5b13ef9
     "registeredComponents"
   ],
   inject: {
-    builderContext: ce.key,
+    builderContext: le.key,
     componentsContext: Ae.key
   }
 });
@@ -899,11 +899,11 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
     default: 991,
     max: 1200
   }
-}, Vi = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
+}, Ai = (e, t = Ke) => `@media (max-width: ${t[e].max}px)`, un = ({
   small: e,
   medium: t
 }) => {
-  const n = Y(Ke);
+  const n = me(Ke);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -929,7 +929,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
   name: "builder-columns",
   components: {
     InlinedStyles: be,
-    DynamicRenderer: me,
+    DynamicRenderer: pe,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -1021,6 +1021,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
       )[e].max;
     },
     columnsStyles() {
+      const e = `.${this.builderBlock.id}-breakpoints > .builder-column`;
       return `
         @media (max-width: ${this.getWidthForBreakpointSize("medium")}px) {
           .${this.builderBlock.id}-breakpoints {
@@ -1028,7 +1029,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
             align-items: stretch;
           }
 
-          .${this.builderBlock.id}-breakpoints > .builder-column {
+          ${e} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -1040,7 +1041,7 @@ const Q = /* @__PURE__ */ b(ln, [["render", cn]]), dn = /* @__PURE__ */ Object.f
             align-items: stretch;
           }
 
-          .${this.builderBlock.id}-breakpoints > .builder-column {
+          ${e} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
@@ -1094,7 +1095,7 @@ function hn(e, t, n, o, r, i) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-975347d5"]]), bn = f({
+const fn = /* @__PURE__ */ b(mn, [["render", hn], ["__scopeId", "data-v-52366f16"]]), bn = f({
   name: "builder-fragment-component",
   props: []
 });
@@ -1123,7 +1124,7 @@ function vn(e, t) {
   }
   return null;
 }
-function re(e) {
+function oe(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -1151,6 +1152,8 @@ const Sn = f({
     "builderBlock",
     "fitContent"
   ],
+  mounted() {
+  },
   computed: {
     srcSetToUse() {
       var n;
@@ -1162,10 +1165,10 @@ const Sn = f({
       if (!this.noWebp) {
         if (this.srcset && ((n = this.image) != null && n.includes("builder.io/api/v1/image"))) {
           if (!this.srcset.includes(this.image.split("?")[0]))
-            return console.debug("Removed given srcset"), re(t);
+            return console.debug("Removed given srcset"), oe(t);
         } else if (this.image && !this.srcset)
-          return re(t);
-        return re(t);
+          return oe(t);
+        return oe(t);
       }
     },
     webpSrcSet() {
@@ -1201,7 +1204,7 @@ function In(e, t, n, o, r, i) {
         fetchpriority: e.highPriority ? "high" : "auto",
         alt: e.altText,
         role: e.altText ? void 0 : "presentation",
-        style: L({
+        style: D({
           objectPosition: e.backgroundPosition || "center",
           objectFit: e.backgroundSize || "cover",
           ...e.aspectRatioCss
@@ -1217,7 +1220,7 @@ function In(e, t, n, o, r, i) {
     e.aspectRatio && !((l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && e.fitContent) ? (d(), p("div", {
       key: 0,
       class: "builder-image-sizer div-1pl23ac79ld",
-      style: L({
+      style: D({
         paddingTop: e.aspectRatio * 100 + "%"
       })
     }, null, 4)) : v("", !0),
@@ -1227,7 +1230,7 @@ function In(e, t, n, o, r, i) {
     ])) : v("", !0)
   ], 64);
 }
-const $n = /* @__PURE__ */ b(Sn, [["render", In], ["__scopeId", "data-v-ce62b8d6"]]), Rn = f({
+const $n = /* @__PURE__ */ b(Sn, [["render", In], ["__scopeId", "data-v-b1147753"]]), Rn = f({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -1268,7 +1271,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
     B.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, ze = async (e) => qe(e), xn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(D).join("; "), An = [["secure", ""], ["SameSite", "None"]], Vn = ({
+}, ze = async (e) => qe(e), xn = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(L).join("; "), An = [["secure", ""], ["SameSite", "None"]], Vn = ({
   name: e,
   value: t,
   expires: n
@@ -1310,7 +1313,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
   name: ge(e),
   value: t,
   canTrack: !0
-}), Ge = (e) => D(e.id) && D(e.variations) && Object.keys(e.variations).length > 0, Ln = ({
+}), Ge = (e) => L(e.id) && L(e.variations) && Object.keys(e.variations).length > 0, Dn = ({
   id: e,
   variations: t
 }) => {
@@ -1324,7 +1327,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
   }
   return e;
 }, Ye = (e) => {
-  const t = Ln(e);
+  const t = Dn(e);
   return On({
     contentId: e.id,
     value: t
@@ -1345,7 +1348,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
     testVariationId: n.id,
     testVariationName: n.name || (n.id === e.id ? "Default" : "")
   };
-}, Dn = ({
+}, Ln = ({
   item: e,
   canTrack: t
 }) => {
@@ -1387,7 +1390,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
     ...e,
     ...r
   };
-}, G = (e) => D(e) ? e : !0, ie = {
+}, Y = (e) => L(e) ? e : !0, re = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1416,7 +1419,7 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
       }
     }
   }]
-}, se = {
+}, ie = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -1464,19 +1467,19 @@ const Pn = /* @__PURE__ */ b(Rn, [["render", Bn]]), En = (e) => {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ie]
+      defaultValue: [re]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [se]
+      defaultValue: [ie]
     }],
     defaultValue: [{
-      title: [ie],
-      detail: [se]
+      title: [re],
+      detail: [ie]
     }, {
-      title: [ie],
-      detail: [se]
+      title: [re],
+      detail: [ie]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -1611,12 +1614,12 @@ function qn(e, t, n, o, r, i) {
   const s = g("Blocks");
   return d(), p("div", {
     class: "builder-accordion",
-    style: L(e.accordionStyles)
+    style: D(e.accordionStyles)
   }, [
     (d(!0), p(I, null, N(e.items, (l, a) => (d(), p(I, { key: a }, [
       z("div", {
         class: J(e.getAccordionTitleClassName(a)),
-        style: L({
+        style: D({
           ...e.accordionTitleStyles,
           width: e.grid ? e.gridRowWidth : void 0,
           order: e.openGridItemOrder !== null ? e.convertOrderNumberToString(a) : e.convertOrderNumberToString(a + 1)
@@ -1636,7 +1639,7 @@ function qn(e, t, n, o, r, i) {
       e.open.includes(a) ? (d(), p("div", {
         key: 0,
         class: J(e.getAccordionDetailClassName(a)),
-        style: L(e.accordionDetailStyles)
+        style: D(e.accordionDetailStyles)
       }, [
         $(s, {
           blocks: l.detail,
@@ -2125,7 +2128,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ae = {
+}, se = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2147,7 +2150,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       text: "New tab"
     }
   }
-}, le = {
+}, ae = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -2173,16 +2176,16 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ae]
+      defaultValue: [se]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [le]
+      defaultValue: [ae]
     }],
     defaultValue: [{
       label: [{
-        ...ae,
+        ...se,
         component: {
           name: "Text",
           options: {
@@ -2191,7 +2194,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
         }
       }],
       content: [{
-        ...le,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2201,7 +2204,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
       }]
     }, {
       label: [{
-        ...ae,
+        ...se,
         component: {
           name: "Text",
           options: {
@@ -2210,7 +2213,7 @@ const to = /* @__PURE__ */ b(_n, [["render", eo]]), no = {
         }
       }],
       content: [{
-        ...le,
+        ...ae,
         component: {
           name: "Text",
           options: {
@@ -2297,7 +2300,7 @@ function ao(e, t, n, o, r, i) {
   return d(), p("div", null, [
     z("div", {
       class: "builder-tabs-wrap",
-      style: L({
+      style: D({
         display: "flex",
         flexDirection: "row",
         justifyContent: e.tabHeaderLayout || "flex-start",
@@ -2307,7 +2310,7 @@ function ao(e, t, n, o, r, i) {
       (d(!0), p(I, null, N(e.tabs, (l, a) => (d(), p("span", {
         key: a,
         class: J(`builder-tab-wrap ${e.activeTab === a ? "builder-tab-active" : ""}`),
-        style: L({
+        style: D({
           ...e.activeTab === a ? e.activeTabStyle : {}
         }),
         onClick: (u) => e.onClick(a)
@@ -2336,7 +2339,8 @@ function ao(e, t, n, o, r, i) {
 }
 const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
   shouldReceiveBuilderProps: {
-    builderBlock: !1
+    builderBlock: !1,
+    builderContext: !0
   },
   name: "Text",
   static: !0,
@@ -2357,13 +2361,34 @@ const lo = /* @__PURE__ */ b(ro, [["render", ao]]), co = {
   }
 }, uo = f({
   name: "builder-text",
-  props: ["text"]
+  props: ["builderContext", "text"],
+  computed: {
+    processedText() {
+      var i;
+      const e = this.builderContext, {
+        context: t,
+        localState: n,
+        rootState: o,
+        rootSetState: r
+      } = e;
+      return String(((i = this.text) == null ? void 0 : i.toString()) || "").replace(
+        /{{([^}]+)}}/g,
+        (s, l) => G({
+          code: l,
+          context: t,
+          localState: n,
+          rootState: o,
+          rootSetState: r,
+          enableCache: !1
+        })
+      );
+    }
+  }
 }), po = ["innerHTML"];
 function mo(e, t, n, o, r, i) {
-  var s;
   return d(), p("div", {
     class: "builder-text",
-    innerHTML: ((s = e.text) == null ? void 0 : s.toString()) || "",
+    innerHTML: e.processedText,
     style: {
       outline: "none"
     }
@@ -2934,7 +2959,7 @@ function Wo(e, t, n, o, r, i) {
       blocks: e.sendingMessage,
       context: e.builderContext
     }, null, 8, ["blocks", "context"])) : v("", !0),
-    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Vo, ne(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
+    e.submissionState() === "error" && e.responseData ? (d(), p("pre", Vo, te(JSON.stringify(e.responseData, null, 2)), 1)) : v("", !0),
     e.submissionState() === "success" ? (d(), k(l, {
       key: 4,
       path: "successMessage",
@@ -3008,8 +3033,8 @@ const No = /* @__PURE__ */ b(xo, [["render", Wo], ["__scopeId", "data-v-489330f7
   data() {
     return { isEditing: R, filterAttrs: x };
   }
-}), Lo = ["placeholder", "type", "name", "value", "defaultValue", "required"];
-function Do(e, t, n, o, r, i) {
+}), Do = ["placeholder", "type", "name", "value", "defaultValue", "required"];
+function Lo(e, t, n, o, r, i) {
   return d(), p("input", C({
     key: e.isEditing() && e.defaultValue ? e.defaultValue : "default-key",
     placeholder: e.placeholder,
@@ -3018,9 +3043,9 @@ function Do(e, t, n, o, r, i) {
     value: e.value,
     defaultValue: e.defaultValue,
     required: e.required
-  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Lo);
+  }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), null, 16, Do);
 }
-const Uo = /* @__PURE__ */ b(Oo, [["render", Do]]), Mo = {
+const Uo = /* @__PURE__ */ b(Oo, [["render", Lo]]), Mo = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -3080,7 +3105,7 @@ function qo(e, t, n, o, r, i) {
     (d(!0), p(I, null, N(e.options, (s, l) => (d(), p("option", {
       key: `${s.name}-${l}`,
       value: s.value
-    }, ne(s.name || s.value), 9, Ko))), 128))
+    }, te(s.name || s.value), 9, Ko))), 128))
   ], 16, Ho);
 }
 const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
@@ -3116,7 +3141,7 @@ const zo = /* @__PURE__ */ b(jo, [["render", qo]]), Jo = {
   }
 });
 function Yo(e, t, n, o, r, i) {
-  return d(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), ne(e.text), 17);
+  return d(), p("button", C({ type: "submit" }, e.filterAttrs(e.attributes, "v-on:", !1), P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), te(e.text), 17);
 }
 const Qo = /* @__PURE__ */ b(Go, [["render", Yo]]), Xo = {
   name: "Form:TextArea",
@@ -3399,7 +3424,7 @@ function hr(e, t, n, o, r, i) {
     ], 16, dr),
     e.aspectRatio && !(e.fitContent && ((a = (l = e.builderBlock) == null ? void 0 : l.children) != null && a.length)) ? (d(), p("div", {
       key: 0,
-      style: L({
+      style: D({
         width: "100%",
         paddingTop: e.aspectRatio * 100 + "%",
         pointerEvents: "none",
@@ -3460,7 +3485,7 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   component: to,
   ...Zn
 }, {
-  component: Ii,
+  component: Ti,
   ...no
 }, {
   component: ho,
@@ -3473,20 +3498,15 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   ...Mn
 }, ...br()], gr = (e) => ({
   type: "builder.registerComponent",
-  data: de(e)
+  data: ce(e)
 }), yr = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, kr = (e) => typeof e == "function" ? yr(e) : Y(e), de = ({
-  inputs: e,
-  ...t
-}) => ({
-  ...Y(t),
-  inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [r, i]) => ({
-    ...o,
-    [r]: kr(i)
-  }), {}))
-}), vr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+};
+function ce(e) {
+  return JSON.parse(JSON.stringify(e, (t, n) => typeof n == "function" ? yr(n) : n));
+}
+const kr = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3542,7 +3562,7 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Sr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, vr = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3580,16 +3600,16 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Cr = ({
+})), Sr = ({
   canTrack: e,
   content: t
-}) => !(!(_(t).length > 0) || !e), wr = (e) => e === "react" || e === "reactNative", _e = wr(A), Tr = () => `
-  window.${Xe} = ${vr}
-  window.${Ze} = ${Sr}
-  `, Ir = (e, t) => `
+}) => !(!(_(t).length > 0) || !e), Cr = (e) => e === "react" || e === "reactNative", _e = Cr(A), wr = () => `
+  window.${Xe} = ${kr}
+  window.${Ze} = ${vr}
+  `, Tr = (e, t) => `
   window.${Xe}(
     "${t}",${JSON.stringify(e)}, ${_e}
-  )`, $r = ({
+  )`, Ir = ({
   contentId: e,
   variationId: t
 }) => `window.${Ze}(
@@ -3605,23 +3625,23 @@ const fr = /* @__PURE__ */ b(lr, [["render", hr]]), br = () => [{
   name: "inlined-script",
   props: ["scriptStr", "id", "nonce"]
 });
-function Rr() {
+function $r() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function Br() {
-  const e = Rr().fetch;
+function Rr() {
+  const e = $r().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 = Br();
-function ue(e, t = null, n = ".") {
+const tt = Rr();
+function de(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,
-      ...ue(i, s, n)
+      ...de(i, s, n)
     } : {
       ...o,
       [s]: i
@@ -3635,17 +3655,17 @@ function nt(e, t, n = {}) {
   }
   return n;
 }
-const Pr = "v3", Te = "builder.", Er = "options.", ot = (e) => {
+const Br = "v3", Te = "builder.", Pr = "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(Er, "");
+      const r = o.replace(Te, "").replace(Pr, "");
       n[r] = t[o];
     }
   }), n;
-}, xr = () => {
+}, Er = () => {
   if (!T())
     return {};
   const e = new URLSearchParams(window.location.search);
@@ -3659,7 +3679,7 @@ const Pr = "v3", Te = "builder.", Er = "options.", ot = (e) => {
     apiKey: i,
     enrich: s,
     locale: l,
-    apiVersion: a = Pr,
+    apiVersion: a = Br,
     fields: u,
     omit: h,
     offset: c,
@@ -3674,16 +3694,16 @@ const Pr = "v3", Te = "builder.", Er = "options.", ot = (e) => {
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
   const X = t !== 1, w = new URL(`https://cdn.builder.io/api/${a}/content/${r}`);
   if (w.searchParams.set("apiKey", i), w.searchParams.set("limit", String(t)), w.searchParams.set("noTraverse", String(X)), w.searchParams.set("includeRefs", String(!0)), l && w.searchParams.set("locale", l), s && w.searchParams.set("enrich", String(s)), w.searchParams.set("omit", h || "meta.componentsUsed"), u && w.searchParams.set("fields", u), Number.isFinite(c) && c > -1 && w.searchParams.set("offset", String(Math.floor(c))), typeof F == "boolean" && w.searchParams.set("includeUnpublished", String(F)), m && Ie(m) && w.searchParams.set("cacheSeconds", String(m)), S && Ie(S) && w.searchParams.set("staleCacheSeconds", String(S)), y) {
-    const O = ue({
+    const O = de({
       sort: y
     });
     for (const j in O)
       w.searchParams.set(j, JSON.stringify(O[j]));
   }
   const ut = {
-    ...xr(),
+    ...Er(),
     ...Ve(e.options || {})
-  }, ve = ue(ut);
+  }, ve = de(ut);
   for (const O in ve)
     w.searchParams.set(O, String(ve[O]));
   if (n && w.searchParams.set("userAttributes", JSON.stringify(n)), o) {
@@ -3694,19 +3714,19 @@ const Pr = "v3", Te = "builder.", Er = "options.", ot = (e) => {
       w.searchParams.set(j, JSON.stringify(O[j]));
   }
   return w;
-}, Ar = (e) => "results" in e;
+}, xr = (e) => "results" in e;
 async function ke(e) {
-  const t = await Nr({
+  const t = await Wr({
     ...e,
     limit: 1
   });
   return t && t[0] || null;
 }
-const Vr = async (e) => {
+const Ar = async (e) => {
   const t = ye(e);
   return await (await (e.fetch ?? tt)(t.href, e.fetchOptions)).json();
-}, Wr = async (e, t, n = ye(e)) => {
-  const o = G(e.canTrack);
+}, Vr = async (e, t, n = ye(e)) => {
+  const o = Y(e.canTrack);
   if (n.search.includes("preview="), !o || !(T() || A === "reactNative"))
     return t.results;
   try {
@@ -3722,10 +3742,10 @@ const Vr = async (e) => {
   }
   return t.results;
 };
-async function Nr(e) {
+async function Wr(e) {
   try {
-    const t = ye(e), n = await Vr(e);
-    return Ar(n) ? Wr(e, n) : (B.error("Error fetching data. ", {
+    const t = ye(e), n = await Ar(e);
+    return xr(n) ? Vr(e, n) : (B.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -3734,20 +3754,20 @@ async function Nr(e) {
     return B.error("Error fetching data. ", t), null;
   }
 }
-function Fr(e) {
+function Nr(e) {
   const t = e || (T() ? window.location.search : void 0);
   return t ? We(t).indexOf("builder.preview=") !== -1 : !1;
 }
-function Or() {
+function Fr() {
   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 Or().replace(/-/g, "");
+  return Fr().replace(/-/g, "");
 }
-const it = "builderSessionId", Lr = async ({
+const it = "builderSessionId", Or = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3756,23 +3776,23 @@ const it = "builderSessionId", Lr = async ({
     name: it,
     canTrack: e
   });
-  if (D(t))
+  if (L(t))
     return t;
   {
     const n = Dr();
-    return Ur({
+    return Lr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Dr = () => rt(), Ur = ({
+}, Dr = () => rt(), Lr = ({
   id: e,
   canTrack: t
 }) => Je({
   name: it,
   value: e,
   canTrack: t
-}), st = () => T() && typeof localStorage < "u" ? localStorage : void 0, Mr = ({
+}), st = () => T() && typeof localStorage < "u" ? localStorage : void 0, Ur = ({
   key: e,
   canTrack: t
 }) => {
@@ -3783,7 +3803,7 @@ const it = "builderSessionId", Lr = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, jr = ({
+}, Mr = ({
   key: e,
   canTrack: t,
   value: n
@@ -3794,32 +3814,32 @@ const it = "builderSessionId", Lr = async ({
   } catch (r) {
     console.debug("[LocalStorage] SET error: ", r);
   }
-}, at = "builderVisitorId", Hr = ({
+}, at = "builderVisitorId", jr = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = Mr({
+  const t = Ur({
     key: at,
     canTrack: e
   });
-  if (D(t))
+  if (L(t))
     return t;
   {
-    const n = Kr();
-    return qr({
+    const n = Hr();
+    return Kr({
       id: n,
       canTrack: e
     }), n;
   }
-}, Kr = () => rt(), qr = ({
+}, Hr = () => rt(), Kr = ({
   id: e,
   canTrack: t
-}) => jr({
+}) => Mr({
   key: at,
   value: e,
   canTrack: t
-}), zr = async ({
+}), qr = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -3827,16 +3847,16 @@ const it = "builderSessionId", Lr = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await Lr({
+  const t = await Or({
     canTrack: e
-  }), n = Hr({
+  }), n = jr({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, Jr = async ({
+}, zr = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -3850,14 +3870,14 @@ const it = "builderSessionId", Lr = async ({
       url: location.href,
       ...o
     },
-    ...await zr({
+    ...await qr({
       canTrack: t
     }),
     userAttributes: Ne(),
     ownerId: n
   }
 });
-async function pe(e) {
+async function ue(e) {
   if (!e.apiKey) {
     B.error("Missing API key for track call. Please provide your API key.");
     return;
@@ -3866,7 +3886,7 @@ async function pe(e) {
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await Jr(e)]
+        events: [await zr(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -3876,14 +3896,14 @@ async function pe(e) {
       console.error("Failed to track: ", t);
     });
 }
-const Wi = (e) => pe({
+const Vi = (e) => ue({
   ...e,
   canTrack: !0
 });
 function $e(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Gr = (e, t, n = !0) => {
+const Jr = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -3894,7 +3914,7 @@ const Gr = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, Yr = (e) => Gr(e, (t) => {
+}, Gr = (e) => Jr(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Re = ({
@@ -3906,8 +3926,8 @@ const Gr = (e, t, n = !0) => {
     x: i,
     y: s
   };
-}, Qr = (e) => {
-  const t = e.target, n = t && Yr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Yr = (e) => {
+  const t = e.target, n = t && Gr(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -3922,15 +3942,15 @@ const Gr = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, Xr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}, Qr = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function lt(e, t) {
   if (!t.origin.startsWith("http") && !t.origin.startsWith("https"))
     return !1;
   const n = new URL(t.origin), o = n.hostname;
-  return (e || Xr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+  return (e || Qr).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const Zr = "2.0.2", Be = {};
-function _r(e, t) {
+const Xr = "2.0.5", Be = {};
+function Zr(e, t) {
   let n = Be[e];
   if (n || (n = Be[e] = []), n.push(t), T()) {
     const o = {
@@ -3947,8 +3967,8 @@ function _r(e, t) {
     }
   }
 }
-const ei = () => {
-  _r("insertMenu", {
+const _r = () => {
+  Zr("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -3977,7 +3997,7 @@ const ct = (e = {}) => {
     type: "builder.sdkInfo",
     data: {
       target: A,
-      version: Zr,
+      version: Xr,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -4058,7 +4078,7 @@ const ct = (e = {}) => {
         break;
       }
     }
-}, Ni = (e, t, n) => {
+}, Wi = (e, t, n) => {
   if (!T)
     return B.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
@@ -4077,7 +4097,7 @@ const ct = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-}, ti = (e) => {
+}, ei = (e) => {
   var i;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
   let r = "";
@@ -4103,15 +4123,15 @@ font-weight: ${s};
         `.trim());
     }
   return r;
-}, ni = ({
+}, ti = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ti(n))) == null ? void 0 : t.join(" ")) || "";
-}, oi = ({
+  return ((t = e == null ? void 0 : e.map((n) => ei(n))) == null ? void 0 : t.join(" ")) || "";
+}, ni = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ri = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", oi = `
 .builder-button {
   all: unset;
 }
@@ -4128,7 +4148,7 @@ font-weight: ${s};
   text-align: inherit;
   font-family: inherit;
 }
-`, ii = (e) => e ? "" : ri, si = (e) => `variant-${e}`, ai = f({
+`, ri = (e) => e ? "" : oi, ii = (e) => `variant-${e}`, si = f({
   name: "enable-editor",
   components: { DynamicDiv: Q },
   props: [
@@ -4152,14 +4172,14 @@ font-weight: ${s};
       httpReqsData: {},
       httpReqsPending: {},
       clicked: !1,
-      builderContext: ce,
-      getWrapperClassName: si
+      builderContext: le,
+      getWrapperClassName: ii
     };
   },
   provide() {
     const e = this;
     return {
-      [ce.key]: e.builderContextSignal
+      [le.key]: e.builderContextSignal
     };
   },
   mounted() {
@@ -4168,9 +4188,9 @@ font-weight: ${s};
       if (T()) {
         if (R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initeditingbldr")
-        ), this.builderContextSignal.content && G(this.canTrack)) {
+        ), this.builderContextSignal.content && Y(this.canTrack)) {
           const i = (n = this.builderContextSignal.content) == null ? void 0 : n.testVariationId, s = (o = this.builderContextSignal.content) == null ? void 0 : o.id, l = this.apiKey;
-          pe({
+          ue({
             type: "impression",
             canTrack: !0,
             contentId: s,
@@ -4178,7 +4198,7 @@ font-weight: ${s};
             variationId: i !== s ? i : void 0
           });
         }
-        Fr() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
+        Nr() && !R() && this.$refs.elementRef && this.$refs.elementRef.dispatchEvent(
           new CustomEvent("initpreviewingbldr")
         );
       }
@@ -4326,7 +4346,7 @@ font-weight: ${s};
     evaluateJsCode() {
       var t, n;
       const e = (n = (t = this.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : n.jsCode;
-      e && te({
+      e && G({
         code: e,
         context: this.context || {},
         localState: void 0,
@@ -4342,13 +4362,13 @@ font-weight: ${s};
       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;
-        pe({
+        ue({
           type: "click",
-          canTrack: G(this.canTrack),
+          canTrack: Y(this.canTrack),
           contentId: r,
           apiKey: this.apiKey,
           variationId: o !== r ? o : void 0,
-          ...Qr(e),
+          ...Yr(e),
           unique: !this.clicked
         });
       }
@@ -4364,7 +4384,7 @@ font-weight: ${s};
         const i = r.replace(
           /{{([^}]+)}}/g,
           (s, l) => String(
-            te({
+            G({
               code: l,
               context: this.context || {},
               localState: void 0,
@@ -4391,7 +4411,7 @@ font-weight: ${s};
           "builder:component:stateChange",
           {
             detail: {
-              state: Y(this.builderContextSignal.rootState),
+              state: me(this.builderContextSignal.rootState),
               ref: {
                 name: this.model
               }
@@ -4401,7 +4421,7 @@ font-weight: ${s};
       );
     },
     elementRef_onIniteditingbldr(e) {
-      window.addEventListener("message", this.processMessage), ei(), ct({
+      window.addEventListener("message", this.processMessage), _r(), ct({
         ...this.locale ? {
           locale: this.locale
         } : {},
@@ -4436,7 +4456,7 @@ font-weight: ${s};
     }
   }
 });
-function li(e, t, n, o, r, i) {
+function ai(e, t, n, o, r, i) {
   var s, l, a;
   return e.builderContextSignal.content ? (d(), k(K(e.ContentWrapper), C({
     key: 0,
@@ -4454,26 +4474,26 @@ function li(e, t, n, o, r, i) {
     _: 3
   }, 16, ["onClick", "builder-content-id", "builder-model", "class", "onIniteditingbldr", "onInitpreviewingbldr"])) : v("", !0);
 }
-const ci = /* @__PURE__ */ b(ai, [["render", li]]), di = f({
+const li = /* @__PURE__ */ b(si, [["render", ai]]), ci = f({
   name: "content-styles",
   components: { InlinedStyles: be },
   props: ["cssCode", "contentId", "customFonts", "isNestedRender", "nonce"],
   data() {
     return {
       injectedStyles: `
-${oi({
+${ni({
         cssCode: this.cssCode,
         contentId: this.contentId
       })}
-${ni({
+${ti({
         customFonts: this.customFonts
       })}
-${ii(this.isNestedRender)}
+${ri(this.isNestedRender)}
 `.trim()
     };
   }
 });
-function ui(e, t, n, o, r, i) {
+function di(e, t, n, o, r, i) {
   const s = g("InlinedStyles");
   return d(), k(s, {
     id: "builderio-content",
@@ -4481,7 +4501,7 @@ function ui(e, t, n, o, r, i) {
     nonce: e.nonce
   }, null, 8, ["styles", "nonce"]);
 }
-const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
+const ui = /* @__PURE__ */ b(ci, [["render", di]]), pi = ({
   content: e,
   data: t,
   locale: n
@@ -4498,7 +4518,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
       locale: n
     } : {}
   };
-}, hi = ({
+}, mi = ({
   content: e,
   data: t
 }) => e ? {
@@ -4508,12 +4528,12 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
     ...t
   },
   meta: e == null ? void 0 : e.meta
-} : void 0, fi = ft, bi = f({
+} : void 0, hi = ft, fi = f({
   name: "content-component",
   components: {
-    EnableEditor: ci,
+    EnableEditor: li,
     InlinedScript: et,
-    ContentStyles: pi,
+    ContentStyles: ui,
     Blocks: M,
     DynamicDiv: Q
   },
@@ -4542,7 +4562,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
   data() {
     var e, t, n, o;
     return {
-      scriptStr: $r({
+      scriptStr: Ir({
         // 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
@@ -4555,19 +4575,19 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
         (r, { component: i, ...s }) => ({
           ...r,
           [s.name]: {
-            component: fi(i),
-            ...de(s)
+            component: hi(i),
+            ...ce(s)
           }
         }),
         {}
       ),
       builderContextSignal: {
-        content: hi({
+        content: mi({
           content: this.content,
           data: this.data
         }),
         localState: void 0,
-        rootState: mi({
+        rootState: pi({
           content: this.content,
           data: this.data,
           locale: this.locale
@@ -4583,7 +4603,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
         ].reduce(
           (r, { component: i, ...s }) => ({
             ...r,
-            [s.name]: de(s)
+            [s.name]: ce(s)
           }),
           {}
         ),
@@ -4609,7 +4629,7 @@ const pi = /* @__PURE__ */ b(di, [["render", ui]]), mi = ({
     }
   }
 });
-function gi(e, t, n, o, r, i) {
+function bi(e, t, n, o, r, i) {
   const s = g("InlinedScript"), l = g("ContentStyles"), a = g("Blocks"), u = g("EnableEditor");
   return d(), k(u, C({
     nonce: e.nonce,
@@ -4655,12 +4675,12 @@ function gi(e, t, n, o, r, i) {
     _: 1
   }, 16, ["nonce", "content", "data", "model", "context", "apiKey", "canTrack", "locale", "enrich", "showContent", "builderContextSignal", "contentWrapper", "contentWrapperProps", "trustedHosts"]);
 }
-const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
+const gi = /* @__PURE__ */ b(fi, [["render", bi]]), yi = f({
   name: "content-variants",
   components: {
     InlinedScript: et,
     InlinedStyles: be,
-    ContentComponent: yi
+    ContentComponent: gi
   },
   props: [
     "canTrack",
@@ -4684,12 +4704,12 @@ const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
   ],
   data() {
     return {
-      shouldRenderVariants: Cr({
-        canTrack: G(this.canTrack),
+      shouldRenderVariants: Sr({
+        canTrack: Y(this.canTrack),
         content: this.content
       }),
       TARGET: A,
-      getInitVariantsFnsScriptString: Tr,
+      getInitVariantsFnsScriptString: wr,
       getVariants: _
     };
   },
@@ -4698,7 +4718,7 @@ const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
   computed: {
     updateCookieAndStylesScriptStr() {
       var e;
-      return Ir(
+      return Tr(
         _(this.content).map((t) => ({
           id: t.testVariationId,
           testRatio: t.testRatio
@@ -4714,14 +4734,14 @@ const yi = /* @__PURE__ */ b(bi, [["render", gi]]), ki = f({
       return this.shouldRenderVariants ? {
         ...this.content,
         testVariationId: (e = this.content) == null ? void 0 : e.id
-      } : Dn({
+      } : Ln({
         item: this.content,
-        canTrack: G(this.canTrack)
+        canTrack: Y(this.canTrack)
       });
     }
   }
 });
-function vi(e, t, n, o, r, i) {
+function ki(e, t, n, o, r, i) {
   const s = g("InlinedScript"), l = g("InlinedStyles"), a = g("ContentComponent");
   return d(), p(I, null, [
     !e.isNestedRender && e.TARGET !== "reactNative" ? (d(), k(s, {
@@ -4791,7 +4811,7 @@ function vi(e, t, n, o, r, i) {
     }), null, 16, ["nonce", "isNestedRender", "content", "model", "data", "context", "apiKey", "apiVersion", "customComponents", "linkComponent", "canTrack", "locale", "enrich", "isSsrAbTest", "blocksWrapper", "blocksWrapperProps", "contentWrapper", "contentWrapperProps", "trustedHosts"])
   ], 64);
 }
-const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
+const vi = /* @__PURE__ */ b(yi, [["render", ki]]), Si = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -4809,9 +4829,9 @@ const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
     }).catch((n) => {
       B.error("Could not fetch symbol content: ", n);
     });
-}, wi = f({
+}, Ci = f({
   name: "builder-symbol",
-  components: { ContentVariants: Si, DynamicDiv: Q },
+  components: { ContentVariants: vi, DynamicDiv: Q },
   props: [
     "symbol",
     "attributes",
@@ -4860,7 +4880,7 @@ const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
   },
   methods: {
     setContent() {
-      this.contentToUse || Ci({
+      this.contentToUse || Si({
         symbol: this.symbol,
         builderContextValue: this.builderContext
       }).then((e) => {
@@ -4869,7 +4889,7 @@ const Si = /* @__PURE__ */ b(ki, [["render", vi]]), Ci = async ({
     }
   }
 });
-function Ti(e, t, n, o, r, i) {
+function wi(e, t, n, o, r, i) {
   var l, a, u, h, c;
   const s = g("ContentVariants");
   return d(), p("div", C({ class: e.className }, { ...e.filterAttrs(e.attributes, "v-on:", !1) }, P(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
@@ -4897,8 +4917,8 @@ function Ti(e, t, n, o, r, i) {
     }, null, 8, ["nonce", "apiVersion", "apiKey", "context", "customComponents", "data", "canTrack", "model", "content", "linkComponent", "blocksWrapper", "contentWrapper"])
   ], 16);
 }
-const Ii = /* @__PURE__ */ b(wi, [["render", Ti]]), Ee = {};
-function Fi(e) {
+const Ti = /* @__PURE__ */ b(Ci, [["render", wi]]), Ee = {};
+function Ni(e) {
   if (T()) {
     Object.assign(Ee, e);
     const t = {
@@ -4908,7 +4928,7 @@ function Fi(e) {
     parent.postMessage(t, "*");
   }
 }
-const Oi = async (e) => {
+const Fi = async (e) => {
   var o, r, i;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((r = e.userAttributes) == null ? void 0 : r.urlPath), n = {
     ...e,
@@ -4929,43 +4949,43 @@ const Oi = async (e) => {
   };
 };
 export {
-  Wr as A,
+  Vr as A,
   fe as B,
   fn as C,
-  Nr as D,
+  Wr as D,
   ke as E,
   yn as F,
-  Pi as G,
-  Ai as H,
+  Bi as G,
+  xi as H,
   $n as I,
   Pn as S,
   A as T,
   fr as V,
   be as _,
   un as a,
-  Ei as b,
-  D as c,
-  Vi as d,
+  Pi as b,
+  L as c,
+  Ai as d,
   he as e,
   b as f,
-  Le as g,
-  te as h,
-  xi as i,
+  De as g,
+  G as h,
+  Ei as i,
   ee as j,
-  ce as k,
+  le as k,
   Ct as l,
-  Ii as m,
+  Ti as m,
   ho as n,
   M as o,
-  Si as p,
+  vi as p,
   R as q,
-  Fr as r,
+  Nr as r,
   gr as s,
-  _r as t,
-  Fi as u,
+  Zr as t,
+  Ni as u,
   ot as v,
-  fi as w,
-  Wi as x,
-  Ni as y,
-  Oi as z
+  hi as w,
+  Vi as x,
+  Wi as y,
+  Fi as z
 };